\n
\n );\n};\n\nColoredBarInfoIcon.propTypes = {\n outcomes: arrayOf(shape({})).isRequired\n};\n\nexport default ColoredBarInfoIcon;\n","import BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass ApprovalModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: 'Approval',\n ...props,\n type: elementTypes.APPROVAL\n });\n }\n}\n\nexport default ApprovalModel;\n","import BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass AssignFormModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: 'Form',\n ...props,\n type: elementTypes.ASSIGN_FORM\n });\n }\n}\n\nexport default AssignFormModel;\n","import BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass AssignTaskModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: 'Form',\n ...props,\n type: elementTypes.ASSIGN_TASK\n });\n }\n}\n\nexport default AssignTaskModel;\n","export const MERGE_MOBILE_PORT_NAMES = ['LEFT_MIDDLE', 'DYNAMIC_TOP_0', 'DYNAMIC_BOTTOM_0'];\nexport const DEFAULT_MOBILE_PORT_NAME = ['DYNAMIC_TOP_0', 'DYNAMIC_TOP_2', 'DYNAMIC_BOTTOM_0', 'DYNAMIC_BOTTOM_2', 'LEFT_MIDDLE'];\n","import { DefaultNodeModel } from '@projectstorm/react-diagrams';\n\nimport PortModel from '../Port/model';\n\nimport { getPropListToSyncByType } from '../../../utils';\nimport findClosestPoint from '../../../utils/math/findClosestPoint';\nimport { getNextOutcomeID } from '../../../utils/diagram/generateNewOutcome';\nimport calculatePortPositions from '../../../utils/diagram/calculatePortPositions';\nimport filterLinkFromOutcomes from '../../../utils/diagram/filterLinkFromOutcomes';\nimport { getElementDimensionsByType } from '../../../utils/diagram/getElementDimensions';\nimport generateRectangle, { generateRectanglePoints } from '../../../utils/diagram/generateRectangle';\n\nimport { NUMBER_OF_PORTS } from '../../../styles/variables';\nimport { OutcomeTypes } from '../../../constants/OutcomeTypes';\nimport { elementTypes } from '../../../constants/elementTypes';\nimport { undefinedOutcome } from '../../../constants/undefinedOutcome';\nimport { MERGE_MOBILE_PORT_NAMES, DEFAULT_MOBILE_PORT_NAME } from '../../../constants/mobilePortNames';\nimport { DEFAULT_FEATURES, NODE_ORDERING, ACCESS_LOGIC } from '../../../constants/features';\n\nclass BaseNodeModel extends DefaultNodeModel {\n constructor({\n type,\n maxOutLinkCount = -1,\n isInPortAvailable = true,\n isOutPortAvailable = true,\n numberOfPorts = NUMBER_OF_PORTS,\n subType,\n ...props\n } = {}) {\n const { width, height } = getElementDimensionsByType({ type, subType });\n super({\n type,\n width,\n height,\n isNew: false,\n numberOfPorts,\n maxOutLinkCount,\n hasToolBox: true,\n subType: subType,\n ...props\n });\n\n this.sagaChannel = null;\n const basePositions = calculatePortPositions({ numberOfPorts, width, height });\n const mobilePorts = [elementTypes.MERGE, elementTypes.SPLIT].indexOf(type) > -1 ? MERGE_MOBILE_PORT_NAMES : DEFAULT_MOBILE_PORT_NAME;\n if (isInPortAvailable) {\n Object.entries(basePositions).forEach(([name, basePosition]) => this.addPort({\n isIn: true,\n basePosition,\n label: `${name}_In`,\n isMobile: mobilePorts.indexOf(name) > -1\n }));\n }\n\n if (isOutPortAvailable) {\n Object.entries(basePositions).forEach(([name, basePosition]) => this.addPort({\n basePosition,\n label: `${name}_Out`,\n isMobile: mobilePorts.indexOf(name) > -1\n }));\n }\n }\n\n setDimensions({ width, height }) {\n this.options.width = width || this.options.width;\n this.options.height = height || this.options.height;\n }\n\n updatePortPositions() {\n const { width, height } = this.getDimensions();\n const { numberOfPorts } = this.options;\n const basePositions = calculatePortPositions({ numberOfPorts, width, height });\n Object.keys(this.ports).forEach(portName => {\n const port = this.ports[portName];\n const name = port.getGenericName();\n port.options.basePosition = basePositions[name];\n // const portLinks = port.getLinks();\n // Object.keys(portLinks).forEach(linkName => {\n // portLinks[linkName].updatePathDrawn();\n // });\n });\n }\n\n getDimensions() {\n const { width, height } = this.options;\n return { width, height };\n }\n\n getCenter() {\n const { x = 0, y = 0 } = this.getPosition();\n const { width, height } = this.getDimensions();\n\n return {\n x: x + (width / 2),\n y: y + (height / 2)\n };\n }\n\n getPoints() {\n const point = this.getPosition();\n const { width, height } = this.getDimensions();\n return generateRectanglePoints({ point, width, height });\n }\n\n getLines() {\n const point = this.getPosition();\n const { width, height } = this.getDimensions();\n return generateRectangle({ point, width, height });\n }\n\n setPosition({ x, y }) {\n super.setPosition(x, y);\n\n const inPorts = this.getInPorts();\n if (inPorts.length > 0) {\n inPorts.forEach(port => {\n const { top: baseTop, left: baseLeft } = port.getBasePosition();\n port.setPosition({ x: x + baseLeft, y: y + baseTop });\n });\n }\n\n const outPorts = this.getOutPorts();\n if (outPorts.length > 0) {\n outPorts.forEach(port => {\n const { top: baseTop, left: baseLeft } = port.getBasePosition();\n port.setPosition({ x: x + baseLeft, y: y + baseTop });\n });\n }\n }\n\n getCenterPort(portType, alignment) {\n const centerPosition = this.getCenter();\n const { [alignment]: ports } = this.getPortsByAlignment(portType);\n const portPositions = ports.map(port => port.getPosition());\n const { index: closestPortIndex } = findClosestPoint(portPositions, centerPosition);\n return ports[closestPortIndex];\n }\n\n getPortsByAlignment(portType = 'in') {\n const ports = this.getPortsByType(portType);\n return Object.values(ports).reduce((prev, port) => {\n const alignment = port.getAlignment();\n return {\n ...prev,\n [alignment]: [...(prev[alignment] || []), port]\n };\n }, {});\n }\n\n addPort({\n label,\n isIn = false,\n basePosition,\n isMobile = false\n }) {\n if (!label || !basePosition) {\n return false;\n }\n\n const port = new PortModel({\n label,\n in: isIn,\n isMobile,\n name: label,\n basePosition,\n isVisible: false\n });\n\n return super.addPort(port);\n }\n\n makeClosestPortVisible(point, portType = 'out') {\n const port = this.getClosestPort(point, portType);\n if (!port) {\n return;\n }\n\n this.fireEvent({ port }, 'portVisibilityChanged');\n }\n\n makePortsVisibleForMobile(portType = 'out') {\n const portList = this.getPortsByType(portType);\n const mobilePortList = portList.filter(port => port.isMobile());\n this.fireEvent({ portList: mobilePortList }, 'multiplePortVisibilityChanged');\n }\n\n hideAllPorts() {\n this.fireEvent({ portList: [] }, 'multiplePortVisibilityChanged');\n }\n\n getClosestPort(point, portType = 'out') {\n const portList = this.getPortsByType(portType);\n if (portList.length === 0) {\n return false;\n }\n\n const portPositionList = portList.map(port => port.getPosition());\n const { index: closestPortIndex } = findClosestPoint(portPositionList, point);\n if (closestPortIndex === -1) {\n return portList[0];\n }\n\n return portList[closestPortIndex];\n }\n\n isLinkedToNode(node) {\n const outLinks = this.getLinksByPortType('out');\n return Boolean(outLinks.find(({ targetPort }) => targetPort && targetPort.parent === node));\n }\n\n getLinksByPortType(portType = 'out') {\n const portList = this.getPortsByType(portType);\n return portList.reduce((prev, curr) => [...prev, ...Object.values(curr.links)], []);\n }\n\n getPortsByType(portType = 'out') {\n return portType === 'out' ? this.getOutPorts() : this.getInPorts();\n }\n\n getLinks() {\n const allPorts = Object.values(this.getPorts());\n return allPorts.reduce((prev, curr) => [...prev, ...Object.values(curr.links)], []);\n }\n\n serialize() {\n const propList = getPropListToSyncByType(this.options.type).reduce((prev, propKey) => ({\n ...prev,\n [propKey]: this.options[propKey]\n }), {});\n\n const position = this.getPosition();\n const {\n ghosted, highlight, textHighlight, showToolBox\n } = this.getOptions();\n\n return {\n ...super.serialize(),\n ...propList,\n showToolBox,\n ghosted,\n position,\n highlight,\n textHighlight\n };\n }\n\n deserialize(event) {\n super.deserialize(event);\n const propList = getPropListToSyncByType(this.options.type);\n propList.forEach(propKey => {\n this.options[propKey] = event.data[propKey];\n });\n }\n\n isAnOutcome() {\n return this.getLinksByPortType('in').some(l => l.getOwnerElement().getType() === elementTypes.APPROVAL);\n }\n\n getAllParentElementIDs() {\n if (DEFAULT_FEATURES[NODE_ORDERING]) {\n return this.options.predecessors || [];\n }\n return this.getAllParentElements().map(elm => elm.getID());\n }\n\n getOneLevelParentElements() {\n if (DEFAULT_FEATURES[ACCESS_LOGIC]) {\n const incomingLinks = this.getLinksByPortType('in');\n return incomingLinks.reduce((prev, eachLink) => {\n const parentElement = eachLink.getOwnerElement();\n if (!parentElement) return prev;\n return Array.from(new Set([parentElement, ...prev]));\n }, []);\n }\n return [];\n }\n\n getAllParentElements() {\n const incomingLinks = this.getLinksByPortType('in');\n return incomingLinks.reduce((prev, eachLink) => {\n const parentElement = eachLink.getOwnerElement();\n if (!parentElement) return prev;\n\n const grandfathers = parentElement.getAllParentElements();\n\n // Multiple parents are ok e.g. [1->2, 2->3, 1->3]\n return Array.from(new Set([...prev, ...grandfathers, parentElement]));\n }, []);\n }\n\n getOneLevelChild() {\n if (DEFAULT_FEATURES[ACCESS_LOGIC]) {\n return this.options.children;\n }\n }\n\n getAllChildElements(currentNode) {\n if (DEFAULT_FEATURES[ACCESS_LOGIC]) {\n let outcomingLinks = this.getLinksByPortType('out');\n if (currentNode) {\n outcomingLinks = currentNode.getLinksByPortType('out');\n }\n if (outcomingLinks) {\n return outcomingLinks.reduce((prev, eachLink) => {\n const childElement = eachLink?.getTargetElement();\n if (!childElement) return prev;\n return Array.from(new Set([...prev, childElement]));\n }, []);\n }\n }\n return [];\n }\n\n getNextSibling(currentNode) {\n if (DEFAULT_FEATURES[ACCESS_LOGIC]) {\n const incomingLinks = this.getLinksByPortType('in');\n for (let i = 0; i < incomingLinks.length; i++) {\n const parentElement = incomingLinks[i].getOwnerElement();\n const myParentsChildren = this.getAllChildElements(parentElement);\n const currentIndex = myParentsChildren.findIndex(x => x === currentNode);\n if (currentIndex !== -1 && currentIndex + 1 < myParentsChildren.length) {\n return myParentsChildren[currentIndex + 1];\n }\n }\n }\n return [];\n }\n\n getPrevSibling(currentNode) {\n if (DEFAULT_FEATURES[ACCESS_LOGIC]) {\n const incomingLinks = this.getLinksByPortType('in');\n for (let i = 0; i < incomingLinks.length; i++) {\n const parentElement = incomingLinks[i].getOwnerElement();\n const myParentsChildren = this.getAllChildElements(parentElement);\n const currentIndex = myParentsChildren.findIndex(x => x === currentNode);\n if (currentIndex !== -1 && currentIndex - 1 >= 0) {\n return myParentsChildren[currentIndex - 1];\n }\n }\n }\n return [];\n }\n\n isConnectedToStartPoint() {\n if (DEFAULT_FEATURES[NODE_ORDERING]) {\n return this.options.type === elementTypes.START_POINT || this.getAllParentElementIDs().some(id => id === 1);\n }\n return this.options.type === elementTypes.START_POINT || this.getAllParentElements().some(elm => elm.getType() === elementTypes.START_POINT);\n }\n\n /**\n * This method resets outgoing links' labels, it doesn't touch to the incoming labels\n */\n bindLinks({ incomingLinks = [], outgoingLinks = [], resetLabels = false }) {\n for (let i = 0; i < outgoingLinks.length; i++) {\n const link = outgoingLinks[i];\n if (resetLabels) link.setLabels();\n const sourcePortName = link.getSourcePort().getName();\n link.setSourcePort(this.getPort(sourcePortName));\n link.updatePoints();\n }\n for (let i = 0; i < incomingLinks.length; i++) {\n const link = incomingLinks[i];\n const targetPortName = link.getTargetPort().getName();\n link.setTargetPort(this.getPort(targetPortName));\n link.updatePoints();\n }\n return { outgoingLinks, incomingLinks };\n }\n\n isMaxLinkCountReached() {\n const { maxOutLinkCount } = this.getOptions();\n if (maxOutLinkCount === -1) {\n return false;\n }\n\n const links = this.getLinksByPortType('out');\n return links.length > maxOutLinkCount;\n }\n\n canShowOutcomesInDropdown = () => {\n const type = this.getType();\n return [\n elementTypes.APPROVAL,\n elementTypes.ASSIGN,\n elementTypes.ASSIGN_TASK,\n elementTypes.CONDITIONAL_BRANCH,\n elementTypes.BINARY_DECISION,\n elementTypes.SIGN_DOCUMENT\n ].indexOf(type) > -1;\n };\n\n getOutcomes() {\n const { outcomes } = this.getOptions();\n return outcomes || [];\n }\n\n setOutcomes(outcomes) {\n this.options.outcomes = outcomes;\n }\n\n removeOutcomeByLinkID(linkID) {\n const outcomes = this.getOutcomes();\n const filteredOutcomes = filterLinkFromOutcomes({ outcomes, linkID });\n this.setOutcomes(filteredOutcomes);\n return filteredOutcomes;\n }\n\n getLastOutcomeNode() {\n const outcomes = this.getOutcomes();\n if (outcomes.length === 0) return;\n\n const { linkID = -1 } = outcomes.slice().reverse().find(tmpOutcome => tmpOutcome.linkID) || {};\n if (linkID === -1) return;\n const link = this.getLinks().find(tmpLink => tmpLink.getID() === linkID);\n return link.getTargetElement();\n }\n\n generateNewOutcome(params) {\n const currentOutcomes = this.getOutcomes();\n const id = getNextOutcomeID(currentOutcomes);\n return ({\n id,\n outcomeID: id,\n type: OutcomeTypes.CUSTOM,\n ...undefinedOutcome,\n ...params\n });\n }\n\n addOutcome(outcome) {\n this.getOutcomes().push(outcome);\n }\n\n isGhosted() {\n return this.options.ghosted;\n }\n\n setGhosted(isGhosted) {\n this.options.ghosted = isGhosted;\n }\n\n setHighlight(isHiglighted) {\n this.options.highlight = isHiglighted;\n }\n\n setTextHighlight(isTextHighlighted) {\n this.options.textHighlight = isTextHighlighted;\n }\n\n isTextHighlighted() {\n return this.options.textHighlight;\n }\n\n shouldRemoveLinks() {\n const isPlaceholder = this.getType() === elementTypes.PLACEHOLDER;\n const isConnectedToStartPoint = this.isConnectedToStartPoint();\n return isPlaceholder || !isConnectedToStartPoint;\n }\n\n setSagaChannel(channel) {\n this.sagaChannel = channel;\n }\n\n setNew(isNew) {\n this.options.isNew = isNew;\n }\n\n getSagaChannel() {\n return this.sagaChannel;\n }\n\n remove() {\n const sagaChannel = this.getSagaChannel();\n if (sagaChannel) {\n sagaChannel.close();\n this.setSagaChannel(null);\n }\n\n this.setSelected(false);\n this.fireEvent({}, 'entityRemoved');\n }\n\n setSelected(selectionState) {\n super.setSelected(selectionState);\n\n if (selectionState) {\n this.showToolBox();\n } else {\n this.hideToolBox();\n }\n }\n\n showToolBox() {\n this.options.showToolBox = true;\n }\n\n hideToolBox() {\n this.options.showToolBox = false;\n }\n}\n\nexport default BaseNodeModel;\n","import React, { useEffect, useState } from 'react';\nimport { shape, func } from 'prop-types';\nimport { PortWidget as DefaultPortWidget } from '@projectstorm/react-diagrams-core';\n\nimport PlaceholderModel from '../Placeholder/model';\n\nconst PortWidget = ({ port, engine }) => {\n const links = port.getLinks();\n const isInPort = port.isInPort();\n const { basePosition } = port.getOptions();\n const [isVisible, setVisibility] = useState(false);\n const [isLinkSelected, setLinkSelected] = useState(false);\n const isHiddenInView = isVisible || (isLinkSelected && isInPort) ? null : 'hidden';\n const className = isInPort ? 'js-inPort' : 'js-outPort';\n\n useEffect(() => {\n const listener = port.parent.registerListener({\n eventDidFire: firedEvent => {\n const { function: eventType, port: updatedPort, portList: updatedPortList } = firedEvent;\n switch (eventType) {\n case 'multiplePortVisibilityChanged': {\n const isPortExists = updatedPortList.indexOf(port) > -1;\n port.setVisibility(isPortExists);\n setVisibility(isPortExists);\n break;\n }\n case 'portVisibilityChanged': {\n const updatedVisibility = updatedPort === port;\n port.setVisibility(updatedVisibility);\n setVisibility(updatedVisibility);\n break;\n }\n case 'existingTargetPortChanged': {\n if (updatedPort?.getID() === port.getID()) {\n setLinkSelected(true);\n }\n break;\n }\n default:\n break;\n }\n }\n });\n\n return () => port.parent.deregisterListener(listener);\n }, []);\n\n useEffect(() => {\n const listenerLinkCouples = Object.values(links).map(link => {\n const listener = link.registerListener({\n eventDidFire: firedEvent => {\n const { function: eventType } = firedEvent;\n switch (eventType) {\n case 'selectionChanged': {\n const isSelected = link.isSelected();\n const isPlaceholderPort = port.getParent() instanceof PlaceholderModel;\n setLinkSelected(isSelected && !isPlaceholderPort);\n break;\n }\n case 'targetPortChanged': {\n setLinkSelected(false);\n break;\n }\n default:\n break;\n }\n }\n });\n\n return [listener, link];\n });\n\n return () => listenerLinkCouples.forEach(([listener, link]) => link.deregisterListener(listener));\n }, [Object.values(links).length]);\n\n const classNames = ['wfItem-port', isLinkSelected ? 'isSelected' : 'isEntry', !isHiddenInView ? 'isVisible' : null, className].filter(Boolean).join(' ');\n\n return (\n \n
\n \n
\n \n Info\n
\n \n {shouldRenderIcon ? (\n
\n ) : children}\n {renderPorts && (\n \n
\n ) : null}\n \n {iconContent}\n
\n ) : null\n }\n \n
\n \n
\n e.stopPropagation()}>\n {\n if (e.target.value || !isHeaderRequired) {\n const sanitizedName = sanitizeTextBeforeSet(e.target.value);\n onNameChange(sanitizedName);\n WatchmanRecorder.trackEvent('canvas-elementName-change', { elementID: id, type });\n }\n }}\n onRemove={e => {\n onNameChange(e.target.value);\n }}\n />\n
\n \n {children}\n
\n \n
\n )}\n {hasError && (\n {/* eslint-disable-line */}\n {errors.length}\n
\n )}\n {(!hasError && hasWarning) && (\n \n {t(errors.length === 1 ? 'Error' : 'Errors')}\n
\n {/* eslint-disable-line */}\n {warningArr.length}\n
\n )}\n \n \n {t(warningArr.length === 1 ? 'Warning' : 'Warnings')}\n
\n \n
\n );\n};\n\nContactListItem.propTypes = {\n contact: shape().isRequired,\n showCardOnHover: bool.isRequired,\n usePortal: bool.isRequired\n};\n\nconst ContactAvatarList = ({\n contacts = [], maxVisibleCount, showCardOnHover, usePortal\n}) => {\n const computed = React.useMemo(() => {\n const result = {\n contacts,\n moreCount: 0\n };\n if (maxVisibleCount && contacts.length > maxVisibleCount) {\n result.contacts = contacts.slice(0, maxVisibleCount);\n result.moreCount = contacts.length - maxVisibleCount;\n }\n return result;\n }, [contacts, maxVisibleCount]);\n\n const Avatars = computed.contacts.map(contact => (\n \n {Avatars}\n {computed.moreCount > 0 && (\n
\n );\n};\n\nContactAvatarList.propTypes = {\n contacts: arrayOf(shape()),\n maxVisibleCount: number,\n showCardOnHover: bool,\n usePortal: bool\n};\n\nContactAvatarList.defaultProps = {\n contacts: [],\n maxVisibleCount: 0,\n showCardOnHover: true,\n usePortal: false\n};\nexport default ContactAvatarList;\n","import React, { useMemo } from 'react';\nimport {\n array, object, func, string, bool\n} from 'prop-types';\nimport { IconArrowUpRightFromSquareSm } from '@jotforminc/svg-icons';\nimport ContactCard from './ContactCard';\nimport ContactAvatarList from './ContactAvatarList';\n\nexport const InlineMultipleView = {};\n\nInlineMultipleView.MemberList = ({\n members = [], goToTeam, multipleApproval, memberText\n}) => {\n const result = useMemo(() => members.map(member => (\n \n +\n {computed.moreCount}\n
\n )}\n \n
\n );\n};\n\nInlineMultipleView.MemberList.propTypes = {\n goToTeam: func,\n multipleApproval: bool,\n members: array,\n memberText: string\n};\n\nInlineMultipleView.MemberList.defaultProps = {\n goToTeam: () => {},\n multipleApproval: false,\n members: [],\n memberText: 'Group Approvers'\n};\n\nInlineMultipleView.TeamMain = ({ team }) => {\n return (\n <>\n \n
\n \n {`${members.length} ${memberText}`}\n
\n {!multipleApproval && (\n \n {goToTeam && (\n \n )}\n
\n )}\n \n {result}\n
\n \n
\n \n );\n};\n\nInlineMultipleView.TeamMain.propTypes = {\n team: object\n};\n\nInlineMultipleView.TeamMain.defaultProps = {\n team: {}\n};\n\nInlineMultipleView.MultipleMain = ({ contacts, approverText }) => {\n return (\n <>\n \n {team.icon}\n
\n \n {team.teamName}\n
\n \n
\n {approverText && (\n \n {approverText}\n
\n )}\n \n );\n};\n\nInlineMultipleView.MultipleMain.propTypes = {\n contacts: object,\n approverText: ''\n};\n\nInlineMultipleView.MultipleMain.defaultProps = {\n contacts: {},\n approverText: string\n};\n\nInlineMultipleView.Main = ({\n team, members, goToTeam,\n additionalClassName, multipleApproval,\n approverText, memberText\n}) => {\n return (\n <>\n {\n team && !multipleApproval\n && (\n \n { renderElement || \n \n
\n )\n }\n \n );\n};\n\nInlineContactView.propTypes = {\n contact: shape(ContactPropTypes),\n showCardOnHover: bool,\n usePortal: bool,\n renderElement: string,\n conditionFilter: arrayOf(shape()),\n questions: arrayOf(shape()),\n popoverOptions: shape(),\n additionalClassName: string,\n usePopover: bool,\n getQuestionText: func\n};\n\nInlineContactView.defaultProps = {\n contact: ContactDefaultProps,\n showCardOnHover: true,\n usePortal: false,\n renderElement: null,\n conditionFilter: null,\n questions: [],\n additionalClassName: null,\n popoverOptions: null,\n usePopover: true,\n getQuestionText: null\n};\n\nexport default InlineContactView;\n","import { ConditionContainerMiniModule } from '@jotforminc/builder-components';\nimport { InlineContactView, ContactAvatarList, InlineMultipleView } from '@jotforminc/contact-card';\nimport {\n arrayOf, shape, string, bool, object\n} from 'prop-types';\nimport React, { useCallback, useMemo } from 'react';\nimport { useSelector } from 'react-redux';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { TeamImageWithWrapper } from '@jotforminc/workflow-components';\nimport { elementSubTypes, elementTypes } from '../../constants/elementTypes';\nimport { DEFAULT_FEATURES, MULTIPLE_APPROVAL } from '../../constants/features';\nimport { getZoom } from '../../store/selectors';\nimport browserHelper from '../../utils/browserHelper';\n\nconst WidgetContactRenderer = ({\n renderElement = '',\n subType = '',\n teamObject = {},\n parsedContacts = [],\n type = '',\n conditionFilter = [],\n questions = [],\n isApprovalElement = false\n}) => {\n const { ConditionUtils } = ConditionContainerMiniModule;\n const getQuestionText = useCallback((question, value) => {\n return ConditionUtils.getQuestionText(question, value);\n }, []);\n const zoom = useSelector(getZoom);\n const isMobile = useMemo(() => browserHelper.is('mobile'), []);\n const showCardOnHover = zoom >= 60 && !isMobile;\n const isConditionalBranchElement = type && (type === elementTypes.CONDITIONAL_BRANCH || type === elementTypes.BINARY_DECISION);\n const isMultipleApprovalFeatureEnable = DEFAULT_FEATURES[MULTIPLE_APPROVAL];\n\n const goToTeam = () => {\n handleCustomNavigation(`/myteams/${teamObject.teamID}`, '_blank');\n };\n\n const renderPopoverCard = () => {\n switch (true) {\n case subType === elementSubTypes.TEAM_APPROVAL:\n return (\n \n { !renderElement && (name || email) }\n
\n {(isHovered && showCardOnHover && usePopover) && (\n \n {renderPopoverCard()}\n
\n );\n};\n\nWidgetContactRenderer.propTypes = {\n renderElement: string,\n subType: string,\n teamObject: object,\n parsedContacts: arrayOf(shape()),\n type: string,\n conditionFilter: arrayOf(shape()),\n questions: arrayOf(shape()),\n isApprovalElement: bool\n};\n\nexport default WidgetContactRenderer;\n","/* eslint-disable no-nested-ternary */\nimport React, { useMemo } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\nimport { IconPlusCircleFilled } from '@jotforminc/svg-icons';\n\nimport PropTypes from 'prop-types';\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport Feature from '../../Feature';\nimport {\n ERROR_UPDATE, DEFAULT_FEATURES, NEW_REPORT_ELEMENT, WORKFLOW_V2\n} from '../../../constants/features';\nimport {\n deselectElementsV2, fetchElement, openEmailWizardsModal, selectElementV2\n} from '../../../actionCreators';\n\nimport { getAllRelatedFormQuestionsPrefixed, getFormTitle, getFormUsers } from '../../../store/selectors';\nimport { RIGHT_PANEL_TOGGLED, PROPERTY_MODAL_TOGGLED } from '../../../store/actionTypes';\n\nimport { parseContacts } from '../../../utils/contactUtils';\nimport WidgetContactRenderer from '../../WidgetContactRenderer/WidgetContactRenderer';\nimport { elementTypes, elementSubTypes } from '../../../constants/elementTypes';\nimport { nodeWidgetProps } from '../../../constants/propTypes';\nimport { prepareConditionFilterValue, prepareConditionFilterValueForBinaryDecision } from '../Label/utils';\nimport { isIntegrationElement } from '../../../utils';\n\nconst WidgetContactBody = ({\n label,\n contactValueKey = 'value',\n targetSource = [],\n withLabel = false,\n emptyText = '',\n node = {},\n renderElement = ''\n}) => {\n const formUsers = useSelector(getFormUsers);\n const formTitle = useSelector(getFormTitle);\n const questions = useSelector(getAllRelatedFormQuestionsPrefixed);\n const dispatch = useDispatch();\n const isNewApprovalReport = DEFAULT_FEATURES[NEW_REPORT_ELEMENT];\n const isNewCanvas = DEFAULT_FEATURES[WORKFLOW_V2];\n\n const {\n options: {\n type,\n id,\n subType,\n team,\n teamObject,\n isTeamApproval\n }\n } = node;\n const integrationElement = isIntegrationElement(subType);\n const parsedContacts = useMemo(() => parseContacts((targetSource || []), formUsers, contactValueKey, formTitle, isTeamApproval, integrationElement), [targetSource, formUsers]);\n const isApprovalElement = type === elementTypes.APPROVAL;\n const isConditionalBranchElement = type === elementTypes.CONDITIONAL_BRANCH || type === elementTypes.BINARY_DECISION;\n\n const getConditionString = () => {\n if (!isConditionalBranchElement) {\n return null;\n }\n const { outcomes = [] } = isNewCanvas ? node?.options : node.getOptions();\n const userOutcomes = outcomes.filter(outcome => outcome?.id !== 999);\n if (!userOutcomes.length) {\n return null;\n }\n if (type === elementTypes.BINARY_DECISION) {\n const { conditionTerms = [] } = isNewCanvas ? node?.options : node.getOptions();\n return prepareConditionFilterValueForBinaryDecision(conditionTerms, questions);\n }\n return prepareConditionFilterValue(outcomes, questions);\n };\n\n const showWidgetContactRenderer = !isConditionalBranchElement ? parsedContacts && parsedContacts.length > 0 : !!getConditionString();\n\n const handleWidgetClick = () => {\n dispatch(deselectElementsV2());\n dispatch(selectElementV2([{ id: `${id}`, selected: true }]));\n dispatch(fetchElement(id));\n switch (type) {\n case elementTypes.SEND_EMAIL: {\n const emailType = 'WORKFLOW_SEND_EMAIL_GENERAL';\n if (subType === elementSubTypes.SEND_PDF || (subType === elementSubTypes.SEND_APPROVAL_REPORT && !DEFAULT_FEATURES[NEW_REPORT_ELEMENT])) {\n dispatch({ type: PROPERTY_MODAL_TOGGLED, data: true });\n break;\n }\n if (isNewApprovalReport && subType === elementSubTypes.SEND_DEFAULT_REPORT) {\n dispatch({ type: RIGHT_PANEL_TOGGLED });\n break;\n }\n dispatch(openEmailWizardsModal({\n elementID: id,\n emailType\n }));\n break;\n }\n case elementTypes.ASSIGN_FORM:\n case elementTypes.SIGN_DOCUMENT:\n case elementTypes.INTEGRATION:\n dispatch({ type: PROPERTY_MODAL_TOGGLED, data: true });\n break;\n case elementTypes.APPROVAL:\n case elementTypes.ASSIGN_TASK:\n dispatch({ type: RIGHT_PANEL_TOGGLED });\n break;\n default:\n console.log('Widget clicked.');\n break;\n }\n };\n\n return (\n <>\n {withLabel ? (\n \n
\n ) : null }\n { showWidgetContactRenderer\n ? (\n \n
\n \n {label}\n :\n
\n \n
\n )\n : (\n DEFAULT_FEATURES[ERROR_UPDATE] ? (\n {emptyText}
\n )}\n \n );\n};\n\nWidgetContactBody.propTypes = {\n label: PropTypes.string.isRequired,\n targetSource: PropTypes.arrayOf(PropTypes.shape({\n value: PropTypes.string\n })),\n contactValueKey: PropTypes.string,\n withLabel: PropTypes.bool,\n emptyText: PropTypes.string,\n node: PropTypes.shape({\n options: PropTypes.shape({\n id: PropTypes.number,\n type: PropTypes.oneOf(Object.values(elementTypes))\n })\n }),\n renderElement: PropTypes.string,\n ...nodeWidgetProps\n};\n\nexport default WidgetContactBody;\n","import React from 'react';\nimport { string } from 'prop-types';\n\nconst WidgetResource = ({\n className = '',\n type = null,\n subType = null,\n ...props\n}) => {\n const classNames = ['wfItem-resource', className].filter(Boolean).join(' ');\n return (\n \n {t(subType === elementSubTypes.END_POINT_TERMINATE ? 'TERMINATE' : 'END')}\n
\n \n );\n};\n\nEndPointWidget.propTypes = {\n ...nodeWidgetProps\n};\n\nexport default EndPointWidget;\n","import BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass GenericModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: 'Generic',\n ...props,\n type: elementTypes.SEND_EMAIL\n });\n }\n}\n\nexport default GenericModel;\n","import BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass IntegrationsModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: 'Integrations',\n ...props,\n type: elementTypes.INTEGRATION\n });\n }\n}\n\nexport default IntegrationsModel;\n","/* eslint-disable max-statements */\nimport React, { useRef } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { ConditionContainerMiniModule } from '@jotforminc/builder-components';\nimport { conditionalElementTypes, elementTypes, MISSING_CONDITON_TEXT } from '../../../constants/elementTypes';\n\nimport { ScWFUIKitTooltip } from '../../Button/scButton';\nimport { DEFAULT_FEATURES, WORKFLOW_V2 } from '../../../constants/features';\n// Somehow commonize this and use with builder/Condition.js and here\nconst defaultProps = {\n questions: [],\n products: []\n};\n\nexport const prepareConditionFilterValueForBinaryDecision = (conditionTerms, questions) => {\n let conditionsFilterObj = {};\n const { ConditionUtils } = ConditionContainerMiniModule;\n conditionTerms.forEach(condition => {\n if (!ConditionUtils) {\n return null;\n }\n const {\n operator, color, field, value, fieldColor\n } = condition;\n const term = {};\n const questionField = `q${field}`;\n const text = ConditionUtils.getComparisonOperatorByKey(operator);\n let conditionTermsString = `${questionField}:${text}`;\n if (color) {\n conditionTermsString = `${conditionTermsString}::${color}`;\n }\n if (fieldColor) {\n conditionTermsString = `${conditionTermsString}:${fieldColor}`;\n }\n if (value && ConditionUtils.isField(value)) {\n const fieldName = value.replace('{', '').replace('}', '');\n const fieldQuestion = ConditionUtils.getQuestionByName2(fieldName, questions);\n const fieldText = ConditionUtils.getQuestionText(fieldQuestion, { value: fieldName });\n term[conditionTermsString] = fieldText || value || null;\n } else {\n term[conditionTermsString] = value || null;\n }\n conditionsFilterObj = { ...conditionsFilterObj, ...term };\n });\n return conditionsFilterObj;\n};\n\nexport const prepareConditionFilterValueWithOutcome = (outcome, questions) => {\n let conditionsFilterObj = {};\n const { ConditionUtils } = ConditionContainerMiniModule;\n\n if (!outcome) {\n return null;\n }\n const { conditionTerms, branchName } = outcome;\n\n if (!conditionTerms || conditionTerms?.length < 1) {\n return;\n }\n\n if (!ConditionUtils) {\n return null;\n }\n\n conditionTerms.forEach(({\n field, operator, value, color, fieldColor\n }) => {\n const term = {};\n const questionField = `q${field}`;\n const text = ConditionUtils.getComparisonOperatorByKey(operator);\n let conditionTermsString = `${questionField}:${text}`;\n if (branchName) {\n conditionTermsString = `${conditionTermsString}:${branchName}`;\n }\n if (color) {\n conditionTermsString = `${conditionTermsString}::${color}`;\n }\n if (fieldColor) {\n conditionTermsString = `${conditionTermsString}:${fieldColor}`;\n }\n if (value && ConditionUtils.isField(value)) {\n const fieldName = value.replace('{', '').replace('}', '');\n const fieldQuestion = ConditionUtils.getQuestionByName2(fieldName, questions);\n const fieldText = ConditionUtils.getQuestionText(fieldQuestion, { value: fieldName });\n term[conditionTermsString] = fieldText || value || null;\n } else {\n term[conditionTermsString] = value || null;\n }\n const key = Object.keys(term)?.[0];\n if (key && conditionsFilterObj[key]) {\n const newKey = `${key}::new`;\n const updatedValue = { [newKey]: Object.values(term)?.[0] || null };\n conditionsFilterObj = { ...conditionsFilterObj, ...updatedValue };\n } else {\n conditionsFilterObj = { ...conditionsFilterObj, ...term };\n }\n });\n return conditionsFilterObj;\n};\n\nexport const prepareConditionFilterValue = (outcomes, questions) => {\n let conditionsFilterObj = {};\n outcomes?.forEach(outcome => {\n const newValue = prepareConditionFilterValueWithOutcome(outcome, questions);\n if (newValue) {\n const key = Object.keys(newValue)?.[0];\n // concatenate outcome id to the current key to make each branch's key unique\n const updatedKey = `${key}::${outcome.id}`;\n const updatedObject = { [updatedKey]: Object.values(newValue)?.[0] || null };\n conditionsFilterObj = { ...conditionsFilterObj, ...updatedObject };\n }\n });\n return conditionsFilterObj;\n};\n\n// eslint-disable-next-line complexity\nexport const prepareConditionTermString = (conditionTerms, formProps = defaultProps, index, branchName = null, conditionTermsMatchType = null) => {\n const { products, questions } = formProps;\n const str = index ? `${index}. ` : '';\n const { ConditionUtils } = ConditionContainerMiniModule;\n if (branchName) {\n return `${str}${branchName}`;\n }\n if (ConditionUtils && Array.isArray(conditionTerms) && conditionTerms.length > 0) {\n let finalResult = '';\n const resultStrings = [];\n for (let i = 0; i < conditionTerms.length; i++) {\n const term = conditionTerms[i];\n const text = ConditionUtils.getFieldTextByQid(term.field, questions);\n const operator = t(ConditionUtils.getComparisonOperatorByKey(term.operator));\n\n let termValue = '';\n if (ConditionUtils.isField(term.value) === true) {\n termValue = ConditionUtils.removeCurlyBraces(term.value);\n const tempQuestion = ConditionUtils.getQuestionByName2(termValue, questions);\n if (tempQuestion === null) {\n // field is deleted\n termValue = MISSING_CONDITON_TEXT;\n } else {\n termValue = ConditionUtils.getQuestionText(tempQuestion, { value: termValue });\n }\n } else {\n // check the question type is radio, checkbox or dropdown\n const question = questions.filter(q => q.qid === term.field)[0];\n const fieldsArr = ['control_radio', 'control_checkbox', 'control_dropdown', 'control_yesno'];\n if (question && question.options && (fieldsArr.indexOf(question.type) !== -1)) {\n const tempItems = question.options.toString().split('|');\n const idx = tempItems.indexOf(term.value);\n /** if term value is one of the field options or term value is not setted(isEmpty or isFilled) or other option is selected.\n * If predefined options selected (special property), don't check the options box.\n */\n if (idx > -1\n || term.value === ''\n || (term.value !== '' && question.allowOther === 'Yes' && term.value.indexOf('--') > -1)\n || (term.value !== '' && question.special && question.special !== 'None')\n ) {\n termValue = ConditionUtils.putQuotesAroundString(term.value);\n } else {\n // question value is deleted\n termValue = MISSING_CONDITON_TEXT;\n }\n } else {\n // question value is entered by user\n const isPaymentProduct = ConditionUtils.isPaymentProduct(term.field, questions);\n termValue = ConditionUtils.putQuotesAroundString(term.value);\n if (isPaymentProduct === true) {\n termValue = termValue.replace(/\"/g, '');\n termValue = ConditionUtils.getProductTextByProductId(termValue, products);\n termValue = ConditionUtils.putQuotesAroundString(termValue);\n }\n }\n }\n if (text === MISSING_CONDITON_TEXT || termValue === MISSING_CONDITON_TEXT) {\n if (ConditionUtils.isStringContains(term.field, '_quantity') === true) {\n const qid = ConditionUtils.retriveQidFromProductTermField(term.field);\n if (qid !== null) {\n let fieldText = ConditionUtils.getFieldTextByQid(qid, questions);\n const productText = ConditionUtils.getProductText(term.field, products);\n fieldText = `${fieldText}: ${productText}`;\n return fieldText;\n }\n }\n return text;\n }\n finalResult = `${str}${text} ${operator} ${termValue}`;\n resultStrings.push(`${text} ${operator} ${termValue}`);\n }\n if (resultStrings.length > 1) {\n if (conditionTermsMatchType === 'Any') {\n return `${str} ${resultStrings.join(' OR ')}`;\n }\n if (conditionTermsMatchType === 'All') {\n return `${str} ${resultStrings.join(' AND ')}`;\n }\n }\n return finalResult;\n }\n return `Branch ${index}`;\n};\n\nconst OtherOptionsLine = () => {\n const ref = useRef();\n return (\n \n {t('Other Options')}\n \n \n {t('When a submission doesn’t match any of your conditions, the flow will follow the Other Options path.')}\n \n
\n );\n};\n\nexport const toNormalizedOutcome = (rawOutcome, ownerElement, formProps = defaultProps, index) => {\n if (!rawOutcome) { return rawOutcome; }\n\n const ownerElementType = DEFAULT_FEATURES[WORKFLOW_V2] ? ownerElement.subType || ownerElement.type : ownerElement.getType();\n switch (true) {\n case ownerElementType === elementTypes.CONDITIONAL_BRANCH:\n if (rawOutcome.id === 999) {\n return {\n ...rawOutcome,\n value: \n
\n \n {t(mergeType)}\n
\n \n );\n};\n\nMergeWidget.propTypes = {\n ...nodeWidgetProps\n};\n\nexport default MergeWidget;\n","import BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass PlaceholderModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: 'Placeholder',\n isTemporary: false,\n ...props,\n type: elementTypes.PLACEHOLDER,\n isOutPortAvailable: true,\n hasToolBox: true,\n highlight: false\n });\n }\n}\n\nexport default PlaceholderModel;\n","import { DefaultPortModel, DefaultNodeModel } from '@projectstorm/react-diagrams';\n\nimport { elementTypes, elementTypesWithOutcome } from '../../../constants/elementTypes';\nimport { getPortCenterPosition, getAlignmentByName, getPortOffsettedPosition } from '../../../utils/diagram/getPortPosition';\n\nclass PortModel extends DefaultPortModel {\n isVisible() {\n return this.options.visibility === true;\n }\n\n isMobile() {\n return this.options.isMobile === true;\n }\n\n setVisibility(visibility) {\n this.options.visibility = visibility;\n }\n\n isInPort() {\n return this.options.in === true;\n }\n\n canLinkToPort(model) {\n if (!(model instanceof PortModel) && !(model instanceof DefaultNodeModel)) {\n return false;\n }\n\n const targetParentElement = model instanceof DefaultNodeModel ? model : model.getParent();\n const parentIDsOfSourceModel = this.getParent().getAllParentElementIDs();\n if (parentIDsOfSourceModel.includes(targetParentElement.getID())) {\n return false;\n }\n\n const isModelSelf = this === model;\n const isModelParent = this.parent === model;\n const isPortModel = model instanceof PortModel;\n const isNodeModel = model instanceof DefaultNodeModel;\n\n switch (true) {\n case isNodeModel && this.getParent().getType() === elementTypes.BINARY_DECISION && this.getParent().isMaxLinkCountReached():\n case isNodeModel && !elementTypesWithOutcome.includes(this.getParent().getType()) && this.getParent().isLinkedToNode(model):\n return false;\n case isPortModel && !isModelSelf && model.isInPort() && model.parent.getType() !== elementTypes.START_POINT:\n case isNodeModel && !isModelParent && model.getType() !== elementTypes.START_POINT && !model.getOptions().isTemporary:\n return true;\n default:\n return false;\n }\n }\n\n getBasePosition() {\n const { basePosition } = this.getOptions();\n return basePosition;\n }\n\n getPortAlignments = () => {\n const alignmentParts = this.getName().split('_');\n let primaryAlignment = alignmentParts[0];\n const secondaryAlignment = alignmentParts[1];\n if (primaryAlignment === 'DYNAMIC') {\n primaryAlignment = secondaryAlignment;\n }\n\n return [primaryAlignment, secondaryAlignment];\n };\n\n setPosition(position) {\n const { x, y } = position;\n if (!x || !y) {\n return;\n }\n\n this.position = position;\n const links = this.getLinks();\n Object.values(links).forEach(link => link.updatePoints());\n }\n\n getCenter() {\n const position = this.getPosition();\n return getPortCenterPosition({ position });\n }\n\n getGenericName() {\n const portName = this.getName();\n const portInfoList = portName.split('_');\n return portInfoList.slice(0, portInfoList.length - 1).join('_');\n }\n\n getAlignment() {\n const portName = this.getName();\n return getAlignmentByName({ portName });\n }\n\n getDirectionalAlignment() {\n const alignment = this.getAlignment();\n switch (alignment) {\n case 'TOP':\n case 'BOTTOM':\n return 'HORIZONTAL';\n case 'LEFT':\n case 'RIGHT':\n return 'VERTICAL';\n default:\n return false;\n }\n }\n\n isHorizontal() {\n const directionalAlignment = this.getDirectionalAlignment();\n return directionalAlignment === 'HORIZONTAL';\n }\n\n isVertical() {\n const directionalAlignment = this.getDirectionalAlignment();\n return directionalAlignment === 'VERTICAL';\n }\n\n getInfo() {\n return {\n isVertical: this.isVertical(),\n isHorizontal: this.isHorizontal(),\n center: this.getCenter(),\n alignment: this.getAlignment()\n };\n }\n\n getRelativeAlignment(position) {\n const center = this.getCenter();\n return {\n isAbove: center.y < position.y,\n isOnLeft: center.x < position.x\n };\n }\n\n getOffsettedPointPosition(extraOffset = 0) {\n const portName = this.getName();\n const position = this.getCenter();\n return getPortOffsettedPosition({ portName, position, extraOffset });\n }\n\n isConnectedLinkSelected() {\n const links = Object.values(this.getLinks());\n const selectedLink = links.find(link => link.isSelected());\n return Boolean(selectedLink);\n }\n}\n\nexport default PortModel;\n","import { t } from '@jotforminc/translation';\n\nimport BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass SendEmailModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: t('Email'),\n ...props,\n type: elementTypes.SEND_EMAIL\n });\n }\n}\n\nexport default SendEmailModel;\n","import { t } from '@jotforminc/translation';\nimport BaseNodeModel from '../BaseNode/model';\nimport { getNextOutcomeID } from '../../../utils/diagram/generateNewOutcome';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass SignDocumentModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: t('Sign Document'),\n ...props,\n hasToolBox: true,\n maxOutLinkCount: 4,\n isInPortAvailable: true,\n type: elementTypes.SIGN_DOCUMENT\n });\n }\n\n generateNewOutcome(params) {\n const currentOutcomes = this.getOutcomes();\n const id = getNextOutcomeID(currentOutcomes);\n return ({\n id,\n outcomeID: id,\n ...params\n });\n }\n}\n\nexport default SignDocumentModel;\n","import { t } from '@jotforminc/translation';\nimport BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass SplitModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: t('Split'),\n ...props,\n type: elementTypes.SPLIT,\n numberOfPorts: 4\n });\n }\n}\n\nexport default SplitModel;\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport BaseWidget from '../BaseNode/widget';\n\nimport { iconTypes } from '../../../constants/iconTypes';\nimport { elementTypes } from '../../../constants/elementTypes';\nimport { nodeWidgetProps } from '../../../constants/propTypes';\nimport WidgetResource from '../Commons/WidgetResource';\n\nconst SplitWidget = ({ node, engine, ...props }) => {\n const SplitIcon = iconTypes[elementTypes.SPLIT];\n return (\n \n
\n \n {t('Split')}\n
\n \n );\n};\n\nSplitWidget.propTypes = {\n ...nodeWidgetProps\n};\n\nexport default SplitWidget;\n","import { t } from '@jotforminc/translation';\nimport BaseNodeModel from '../BaseNode/model';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass StartPointModel extends BaseNodeModel {\n constructor(props = {}) {\n super({\n name: t('Form'),\n ...props,\n type: elementTypes.START_POINT,\n isInPortAvailable: false,\n hasToolBox: true\n });\n }\n}\n\nexport default StartPointModel;\n","import { string } from 'prop-types';\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\n\nconst ContainerRenderer = ({ containerClassName = '', ...rest }) => {\n return (\n \n
\n );\n};\n\nContainerRenderer.propTypes = {\n containerClassName: string\n};\n\nexport default ContainerRenderer;\n","import React, { forwardRef } from 'react';\nimport { func, string, node } from 'prop-types';\nimport { Dropdown as UiKitDropdown } from '@jotforminc/uikit';\nimport DefaultContainerRenderer from './ContainerRenderer';\n\nconst OptionContainerRenderer = props => ;\nconst ButtonRenderer = forwardRef(({ option: { text, value }, ...props }, ref) => { // eslint-disable-line\n return (\n \n
\n );\n};\n\nDropdown.propTypes = {\n onChange: func.isRequired,\n NoResultsFoundRenderer: node,\n containerClassName: string,\n ContainerRenderer: node\n};\n\nexport default Dropdown;\n","\n","import React, { forwardRef } from 'react';\nimport {\n shape, string, oneOfType, number, bool, func\n} from 'prop-types';\nimport {\n IconCheckCircle,\n IconTrashFilled,\n IconTypeSquareFilled,\n IconAsterisk\n} from '@jotforminc/svg-icons';\n\nimport Toolbox from './Toolbox';\nimport ToolboxButton from './ToolboxButton';\nimport WatchmanRecorder from '../../utils/WatchmanRecorder';\n\nconst LinkToolbox = forwardRef(({\n onEditText, onRemove, hideEditText, showToolBox, showSelect, outcome, handleUpdateSignOutcome, linkLabel\n}, ref) => {\n const handleOutcomeRequireSign = () => {\n WatchmanRecorder.trackEvent('linkToolbox-requireSign-click');\n handleUpdateSignOutcome('Yes', outcome.id);\n };\n\n const handleEditTextClick = event => {\n WatchmanRecorder.trackEvent('linkToolbox-editText-click');\n onEditText(event);\n };\n\n const handleDeleteClick = event => {\n WatchmanRecorder.trackEvent('linkToolbox-delete-click');\n onRemove(event);\n };\n\n return (\n \n {t(conditionValue)}\n
\n {isHovered && isConditionBranchElement && !otherOptions && (\n \n {renderCustomIcon()}\n
\n )\n );\n};\n\nCustomOutcomePreview.propTypes = {\n type: string.isRequired,\n outcomeSignShow: bool\n};\n\nexport default CustomOutcomePreview;\n","import React, { useCallback } from 'react';\nimport { array, bool, oneOf } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { isBright } from '@jotforminc/utils';\n\nimport { ConditionContainerMiniModule } from '@jotforminc/builder-components';\nimport { outcomeProps } from '../../constants/propTypes';\nimport { OutcomeTypes } from '../../constants/OutcomeTypes';\nimport { undefinedOutcome, undefinedBranch } from '../../constants/undefinedOutcome';\nimport ConditionInPopover from './ConditionInPopover';\nimport { BRANCH_TOOLTIP, DEFAULT_FEATURES } from '../../constants/features';\nimport CustomOutcomePreview from './CustomOutcomePreview';\n\nconst getDefaultOutcomeFromType = type => {\n switch (type) {\n case OutcomeTypes.CONDITION:\n return undefinedBranch;\n default:\n return undefinedOutcome;\n }\n};\n\nconst OutcomeButtonPreview = ({\n isDropdownOptionsVisible = false,\n outcome = null,\n outcomes = null,\n outcomeType = OutcomeTypes.CUSTOM\n}) => {\n const { ConditionUtils } = ConditionContainerMiniModule;\n const getQuestionText = useCallback((question, value) => {\n return ConditionUtils.getQuestionText(question, value);\n }, []);\n const defaultOutcome = getDefaultOutcomeFromType(outcomeType);\n const branchToolTipFeatureEnable = DEFAULT_FEATURES[BRANCH_TOOLTIP];\n const {\n text, buttonColor, type, conditionValue, outcomeSign\n } = outcome || defaultOutcome;\n\n const classNames = [\n 'outcomeButton-button',\n isDropdownOptionsVisible ? 'isOpen' : null,\n type === OutcomeTypes.CONDITION ? 'isConditionOutcome' : null,\n type === OutcomeTypes.CUSTOM ? 'isCustomOutcome' : null,\n !buttonColor ? 'withBorder' : null\n ].filter(Boolean).join(' ');\n\n const color = React.useMemo(() => {\n if (!buttonColor || typeof buttonColor !== 'string') {\n return 'black';\n }\n if (buttonColor && buttonColor === '#FFB629') {\n // special case for sign document outcome\n return 'white';\n }\n return isBright(buttonColor) ? 'black' : 'white';\n }, [buttonColor]);\n\n const outcomeSignShow = outcomeSign && outcomeSign === 'Yes';\n\n return (\n \n
\n );\n};\n\nOutcomeButtonPreview.propTypes = {\n outcome: outcomeProps,\n outcomes: array,\n isDropdownOptionsVisible: bool,\n outcomeType: oneOf([...Object.values(OutcomeTypes)])\n};\n\nexport default OutcomeButtonPreview;\n","import React, { forwardRef } from 'react';\nimport {\n shape, string, oneOfType, number, bool, oneOf, array\n} from 'prop-types';\n\nimport OutcomeButtonPreview from './OutcomeButtonPreview';\nimport { OutcomeTypes } from '../../constants/OutcomeTypes';\n\nconst LabelOutcomeButton = forwardRef(({\n option: outcomeData, isOptionsVisible, outcomeType, outcomes, ...props\n}, ref) => {\n return (\n \n
\n );\n});\n\nLabelOutcomeButton.propTypes = {\n option: oneOfType([\n shape({\n value: oneOfType([string, number]).isRequired,\n text: string.isRequired,\n buttonColor: string.isRequired\n }),\n bool\n ]),\n isOptionsVisible: bool,\n outcomes: array,\n outcomeType: oneOf([...Object.values(OutcomeTypes)])\n};\n\nLabelOutcomeButton.defaultProps = {\n option: undefined,\n isOptionsVisible: false,\n outcomeType: OutcomeTypes.CUSTOM,\n outcomes: []\n};\n\nexport default LabelOutcomeButton;\n","import React from 'react';\nimport {\n string, func, shape, bool,\n number\n} from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport FormFields from '@jotforminc/form-fields-menu';\nimport { TextInput as UIKitTextInput } from '@jotforminc/uikit';\nimport { useDebounce } from '@jotforminc/hooks';\n\nimport { getAllRelatedFormQuestionsPrefixed, getQuestionPlaceholders } from '../../store/selectors';\n\nconst findQuestionsFromValue = value => value.match(/{.*?}/g);\n\nconst TextInput = ({\n id,\n onChange,\n valueList,\n errorList,\n value = '',\n debounce = false,\n debounceWaitTime = 400,\n addFormFields = false,\n componentTypeList,\n ...props\n}) => {\n const selectedQuestions = findQuestionsFromValue(value);\n const questions = useSelector(getAllRelatedFormQuestionsPrefixed);\n const questionsWithPlaceholders = useSelector(getQuestionPlaceholders);\n\n const debouncedOnChange = useDebounce(onChange, debounceWaitTime);\n const handleValueChange = ({ target: { value: tempValue } }) => {\n const handler = debounce ? debouncedOnChange : onChange;\n handler(tempValue);\n };\n\n const handleSelectionChange = tempSelectedQuestions => {\n const sanitizedSelectedQuestions = tempSelectedQuestions.filter(val => typeof val === 'string');\n const questionsInsideTextInput = value.match(/{.*?}/g) || [];\n const valueFilteredFromQuestions = questionsInsideTextInput.reduce((prev, questionTemplateString) => {\n if (sanitizedSelectedQuestions.indexOf(questionTemplateString) > -1) {\n return prev;\n }\n\n if (questionsWithPlaceholders.findIndex(({ placeholder }) => questionTemplateString === placeholder) === -1) {\n return prev;\n }\n\n return prev.split(questionTemplateString).join('');\n }, value);\n\n const questionsAddedValue = sanitizedSelectedQuestions.reduce((prev, questionTemplateString) => {\n if (questionsInsideTextInput.indexOf(questionTemplateString) > -1) {\n return prev;\n }\n\n return `${prev}${questionTemplateString}`;\n }, valueFilteredFromQuestions);\n\n onChange(questionsAddedValue);\n };\n\n const Component = (\n \n
\n );\n }\n\n return Component;\n};\n\nTextInput.propTypes = {\n id: string.isRequired,\n value: string,\n addFormFields: bool,\n debounce: bool,\n onError: func,\n onChange: func.isRequired,\n valueList: shape({}).isRequired,\n errorList: shape({}).isRequired,\n componentTypeList: shape({}).isRequired,\n setValueList: func,\n setErrorList: func,\n onFieldError: func,\n debounceWaitTime: number\n};\n\nexport default TextInput;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { string, bool } from 'prop-types';\nimport { t } from '@jotforminc/translation';\n\nconst reloadPage = () => global.location.reload();\n\nconst FatalError = ({\n message = 'Oops! Something went wrong. Could you please refresh the page?',\n linkText = 'Refresh Page',\n reload = true\n}) => (\n \n {ReactDOM.createPortal(, document.getElementById('toast-modal-root'))}\n
\n);\n\nFatalError.propTypes = {\n message: string,\n linkText: string,\n reload: bool\n};\n\nexport default FatalError;\n","import React from 'react';\nimport { bool, node, string } from 'prop-types';\nimport { t } from '@jotforminc/translation';\n\nconst LabelPropTypes = {\n className: string,\n children: node,\n htmlFor: string,\n label: string,\n description: node,\n isBorderless: bool,\n isNew: bool\n};\n\nconst LabelDefaultProps = {\n className: null,\n children: null,\n htmlFor: '',\n label: '',\n description: '',\n isBorderless: false,\n isNew: false\n};\n\nconst renderNew = (\n {t(message)}
\n {reload && }\n {t('NEW')}
\n);\n\n/* LabelHorizontal */\nexport const LabelHorizontal = ({\n children,\n htmlFor,\n label,\n description,\n descriptionAtTop,\n isBorderless,\n className,\n isNew\n}) => {\n const classNames = [\n 'wfLabel',\n 'isHorizontal',\n className,\n isBorderless && 'isBorderless'\n ].filter(val => val).join(' ');\n\n return (\n \n
\n \n {label}\n {isNew && renderNew}\n
\n {descriptionAtTop && {t(description)}
}\n {children}
\n {!descriptionAtTop && {t(description)}
}\n \n );\n};\n\nLabelHorizontal.propTypes = {\n descriptionAtTop: bool,\n ...LabelPropTypes\n};\n\nLabelHorizontal.defaultProps = {\n descriptionAtTop: true,\n ...LabelDefaultProps\n};\n\n/* LabelVertical */\nexport const LabelVertical = ({\n className,\n children,\n htmlFor,\n label,\n description,\n isBorderless,\n isNew\n}) => {\n const classNames = [\n 'wfLabel',\n 'isVertical',\n className,\n isBorderless && 'isBorderless'\n ].filter(val => val).join(' ');\n\n return (\n \n );\n};\n\nLabelVertical.propTypes = LabelPropTypes;\nLabelVertical.defaultProps = LabelDefaultProps;\n","import { getAllIntegrationsDetails } from '@jotforminc/integration-constants';\nimport isEmpty from 'lodash/isEmpty';\n\nexport const INTEGRATION_DETAILS = getAllIntegrationsDetails('workflow');\n\nconst INTEGRATION_ACITON_DETAILS = Object.entries(INTEGRATION_DETAILS).reduce((prev, [key, values]) => {\n if (!isEmpty(values.actions)) {\n return { ...prev, [key]: values.actions };\n }\n return prev;\n}, {});\n\nexport const PARTNER_NAMES = Object.entries(INTEGRATION_ACITON_DETAILS).reduce((prev, [key]) => ({ ...prev, [key]: key }), {});\n\nexport default INTEGRATION_ACITON_DETAILS;\n","export const AcceptableOutcomeTypes = [];\n\nexport const OutcomeTooltipTexts = {\n SIGNED: 'Document gets signed by all signers.',\n DECLINED: 'At least one of the signers declines the signing.',\n EXPIRED: 'Document sign period gets reached.',\n CANCELED: 'Document owner cancels the sign request.'\n};\n","export const OutcomeTypes = {\n APPROVE: 'APPROVE',\n DENY: 'DENY',\n CUSTOM: 'CUSTOM',\n CONDITION: 'CONDITION'\n};\n","\n","\n","\n","var _circle;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCircularLoaderIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"25 25 50 50\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 50,\n cy: 50,\n r: 20,\n fill: \"none\"\n})));\nexport default SvgCircularLoaderIcon;","\n","var _circle, _rect, _path, _path2, _path3, _path4, _path5, _path6, _path7;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoAssignIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 90 100\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 45,\n cy: 54.429,\n r: 45,\n fill: \"#E3E5F5\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 19.714,\n width: 51.815,\n height: 28.16,\n rx: 3.429,\n fill: \"#091141\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.134 22.99a.857.857 0 0 0-1.199 0l-4.043 3.95a.857.857 0 0 0-.073 1.146l4.044 5.1a.857.857 0 0 0 1.343 0l4.044-5.1a.857.857 0 0 0-.073-1.145l-4.043-3.951Z\",\n fill: \"#091141\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M27.397 9.61c0 1.99 1.62 3.609 3.61 3.609 1.99 0 3.609-1.62 3.609-3.61 0-1.99-1.62-3.609-3.61-3.609-1.99 0-3.609 1.62-3.609 3.61Zm9.148 1.86a3.057 3.057 0 0 0 3.053 3.054 3.057 3.057 0 0 0 3.055-3.054 3.057 3.057 0 0 0-3.054-3.054 3.057 3.057 0 0 0-3.054 3.054Zm.83 10.241H24.638a.637.637 0 0 1-.637-.634 7.031 7.031 0 0 1 2.046-4.963 7.03 7.03 0 0 1 4.94-2.046h.021a7.015 7.015 0 0 1 7.006 7.007.637.637 0 0 1-.637.636Zm7.613 0h-5.591a.779.779 0 0 0 .049-.274 8.545 8.545 0 0 0-2.187-5.716 5.92 5.92 0 0 1 2.322-.478h.018a5.935 5.935 0 0 1 5.928 5.929.539.539 0 0 1-.54.538Z\",\n fill: \"#fff\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62.063 14.478c0-1.687-.288-2.983-.946-3.806-.453-.597-1.09-.987-2.057-.987-.967 0-1.584.39-2.057.987-.638.823-.926 2.119-.926 3.806 0 1.687.288 2.983.926 3.806.473.596 1.09.987 2.057.987.967 0 1.604-.391 2.057-.988.638-.822.946-2.118.946-3.805Zm2.448 0c0 1.769-.288 3.435-1.193 4.793-.864 1.296-2.263 2.18-4.258 2.18-1.996 0-3.374-.884-4.238-2.18-.905-1.358-1.193-3.024-1.193-4.793 0-1.77.288-3.436 1.193-4.793.864-1.296 2.242-2.181 4.238-2.181 1.995 0 3.394.885 4.258 2.18.905 1.358 1.193 3.025 1.193 4.794Z\",\n fill: \"#fff\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.737 80.356h22.501c2.617 0 4.737-2.202 4.737-4.92v-25.15L52.791 41H34.737C32.121 41 30 43.203 30 45.92v29.517c0 2.717 2.12 4.92 4.737 4.92Z\",\n fill: \"#94CD2A\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m52.869 41 9.108 9.302H56.81a3.942 3.942 0 0 1-3.942-3.942V41Z\",\n fill: \"#6DA900\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.814 54.375c0-1.166.945-2.111 2.112-2.111h15.487a2.112 2.112 0 0 1 0 4.223H37.926a2.112 2.112 0 0 1-2.112-2.112ZM35.814 61.415c0-1.167.945-2.112 2.112-2.112h15.487a2.112 2.112 0 0 1 0 4.224H37.926a2.112 2.112 0 0 1-2.112-2.112ZM35.814 68.454c0-1.166.945-2.112 2.112-2.112h15.487a2.112 2.112 0 0 1 0 4.224H37.926a2.112 2.112 0 0 1-2.112-2.112Z\",\n fill: \"#fff\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.03 59.193a2.071 2.071 0 0 0-2.93 0l-7.504 7.504L47 69.08a1.036 1.036 0 0 0 1.256 1.256l2.384-.596 7.504-7.503a2.071 2.071 0 0 0 0-2.93l-.114-.114Z\",\n fill: \"#0A1551\"\n})));\nexport default SvgNoAssignIcon;","import React, { forwardRef } from 'react';\nimport { ColorPicker as UiKitColorPicker } from '@jotforminc/uikit';\n\nconst WrapperRenderer = props => ;\nconst ColorPickerWrappper = props => ;\n// eslint-disable-next-line react/prop-types\nconst ColorRenderer = forwardRef(({ color, ...props }, ref) => (\n // Ref is required for automatically closing\n \n \n
\n));\n\nconst ColorPicker = props => (\n \n \n {t(tooltipText)}\n \n )}\n\n
\n \n );\n};\n\nToggle.propTypes = {\n value: oneOfType([string, bool]),\n showToolTip: bool,\n tooltipText: string,\n type: string,\n subType: string,\n onChange: func,\n isPasswordToggle: bool,\n onText: string,\n offText: string\n};\n\nexport default Toggle;\n","import React from 'react';\nimport { shape, string, func } from 'prop-types';\nimport { FileUpload as UiKitFileUpload, FileUploadComponents } from '@jotforminc/uikit';\n\nconst {\n Form,\n Text,\n ErrorText,\n Thumbnail,\n FileInput,\n FilePreview,\n TextWrapper,\n DragContainer\n} = FileUploadComponents;\n\nconst Wrapper = ({ children, ...props }) => {children}
; // eslint-disable-line\n\nconst FileUpload = ({ value, onChange, ...props }) => {\n const handleFileRemove = () => onChange({});\n return (\n \n
\n );\n};\n\nEmailInput.propTypes = {\n value: arrayOf(shape({\n text: string,\n id: string\n })),\n placeholder: string,\n maxCount: number,\n addFormFields: bool,\n onChange: func,\n isErrored: func,\n showRemainingCount: bool,\n showSuggestionsOnFocus: bool,\n limitedRecipientLogic: bool,\n isDisableFreeTextOnRecipients: bool,\n emailRecipientLimit: number,\n PillRenderer: elementType\n};\n\nEmailInput.defaultProps = {\n value: [],\n placeholder: '',\n maxCount: 5,\n addFormFields: false,\n onChange: f => f,\n isErrored: f => f,\n showRemainingCount: false,\n showSuggestionsOnFocus: false,\n limitedRecipientLogic: false,\n isDisableFreeTextOnRecipients: false,\n emailRecipientLimit: null,\n PillRenderer: undefined\n};\n\nexport default EmailInput;\n","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { string, func } from 'prop-types';\nimport { useDebouncedCallback } from 'use-debounce';\nimport RichTextEditor from '@jotforminc/rich-text-editor';\n\nimport { getAllRelatedFormQuestionsPrefixed } from '../../store/selectors';\n\nconst RichTextEditorWrapper = ({ value, onChange }) => {\n const [editor, setEditor] = useState(false);\n const questions = useSelector(getAllRelatedFormQuestionsPrefixed);\n\n const handleEditorInit = (e, tempEditor) => setEditor(tempEditor);\n const [handleEditorChange] = useDebouncedCallback(() => editor && onChange(editor.getContent()), 500);\n\n return (\n {errorMessage}
}\n {t('Please add an outcome')}
: null}\n {message}
;\n\nexport default WizardCommonError;\n\nWizardCommonError.propTypes = {\n message: string\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport { func, shape, string } from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\nimport { isYes } from '../../utils';\nimport FormWizard from '../FormWizard';\nimport { LabelHorizontal, LabelVertical } from '../WizardLabel';\nimport { ESCALATE_TASK_WIZARD, DUE_DATE_WIZARD, TOGGLE } from '../../constants/componentTypes';\nimport { useRealUnmount } from '../../utils/hooks/useRealUnmount';\nimport WizardCommonError from '../WizardCommonError';\n\nfunction EscalationWizard({ value: escalation, onChange }) {\n const { escalated } = escalation;\n\n const escalateWhenRef = useRef();\n const escalateTaskRef = useRef();\n\n const [wizardsValid, setWizardsValid] = useState(true);\n\n const validateWizards = () => {\n const escalateWhenValid = escalateWhenRef?.current ? escalateWhenRef.current.validateWizard() : true;\n const escalateTaskValid = escalateTaskRef?.current ? escalateTaskRef.current.validateWizard() : true;\n setWizardsValid(escalateWhenValid && escalateTaskValid);\n };\n\n const handleChange = valueList => {\n const {\n escalated: escalatedValue,\n escalateWhen: escalateWhenValues,\n escalateTask: escalateTaskValues\n } = valueList;\n\n onChange({\n escalated: escalatedValue,\n escalateWhen: escalateWhenValues,\n escalateTask: escalateTaskValues\n });\n };\n\n useRealUnmount(() => {\n if (!wizardsValid) {\n handleChange({ ...escalation, escalated: 'No' });\n }\n });\n\n useEffect(() => {\n validateWizards();\n });\n\n const getDescription = () => {\n return (\n <>\n {t('After a specified time period, escalate the task to someone else.')}\n {!wizardsValid ? {t('Enter a valid email address.')}
: null}\n \n ) : (\n \n
\n );\n});\n\nEscalateTaskWizard.propTypes = {\n value: shape({\n escalateToPerson: string,\n escalateTo: string,\n autoComplete: string,\n autoFinishOutcomeID: string\n }),\n onChange: func.isRequired\n};\n\nexport default EscalateTaskWizard;\n","import React from 'react';\nimport { func, shape, string } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport FormWizard from '../FormWizard';\nimport { REASSIGN_NOTIFICATION_WIZARD, TOGGLE } from '../../constants/componentTypes';\nimport { isYes } from '../../utils';\nimport { LabelVertical } from '../WizardLabel';\n\nfunction ReassignWizard({ value: reassign, onChange }) {\n return (\n \n
\n \n {t('Add escalation email address')}\n
\n \n {escalateToPersonComp}\n
\n \n
\n );\n});\nRemindAfterWizard.propTypes = {\n value: shape({\n afterAmount: string,\n afterUnit: string\n }),\n onChange: func\n};\n\nexport default RemindAfterWizard;\n","import React from 'react';\nimport { func, shape, string } from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { t } from '@jotforminc/translation';\nimport { EMAIL_TEMPLATE_TYPES } from '@jotforminc/email-wizards';\n\nimport FormWizard from '../../FormWizard';\nimport { BUTTON } from '../../../constants/componentTypes';\nimport { LabelVertical } from '../../WizardLabel';\nimport { openEmailWizardsModal } from '../../../actionCreators';\nimport { getSelectedElementID } from '../../../store/selectors';\nimport { ApprovalEmailSubTypes } from '../../../constants/emailSubTypes';\n\nconst CustomizeReminderWizard = ({\n value: customizeReminder, onChange, emailType, emailSubType\n}) => {\n const dispatch = useDispatch();\n const elementID = useSelector(getSelectedElementID);\n return (\n \n {\n const { value } = e.target;\n setAfterAmountVal(value);\n setAfterAmountValid(isAfterAmountValid(value));\n }}\n />\n {!afterAmountValid ?
\n {t('Please specify a positive integer')}
: null}\n \n setAfterUnitVal(value)}\n />\n
\n \n
\n );\n});\n\nDueDateWizard.propTypes = {\n value: shape({\n executeAfterTime: string,\n afterAmount: string,\n afterUnit: string,\n executeOnCustomDate: string,\n customDate: string\n }),\n onChange: func.isRequired,\n intervalOptionLabel: string\n};\n\nexport default DueDateWizard;\n","export const CUSTOM_DATE_FORMAT = 'LL';\n","import React, { useEffect, useRef, useState } from 'react';\nimport { func, shape, string } from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\nimport { isYes } from '../../utils';\nimport FormWizard from '../FormWizard';\nimport { LabelHorizontal, LabelVertical } from '../WizardLabel';\nimport { DUE_DATE_WIZARD, TOGGLE } from '../../constants/componentTypes';\nimport { useRealUnmount } from '../../utils/hooks/useRealUnmount';\nimport WizardCommonError from '../WizardCommonError';\n\nfunction ExpirationWizard({ value: expiration, onChange }) {\n const { expire } = expiration;\n\n const executeWhenRef = useRef();\n\n const [wizardsValid, setWizardsValid] = useState(true);\n\n const validateWizards = () => {\n const executeWhenValid = executeWhenRef?.current ? executeWhenRef.current.validateWizard() : true;\n setWizardsValid(executeWhenValid);\n };\n\n const handleChange = valueList => {\n const {\n expire: expireValue,\n executeWhen: executeWhenValues,\n escalateTask: escalateTaskValues\n } = valueList;\n\n onChange({\n expire: expireValue,\n executeWhen: executeWhenValues,\n escalateTask: escalateTaskValues\n });\n };\n\n useRealUnmount(() => {\n if (!wizardsValid) {\n handleChange({ ...expiration, expire: 'No' });\n }\n });\n\n useEffect(() => {\n validateWizards();\n });\n\n const getDescription = () => {\n return (\n <>\n {t('Set a date for the task to expire.')}\n {!wizardsValid ? \n
\n \n setDueWhenOption('executeAfterTime')}\n theme=\"dark\"\n />\n {isDueAfterTimeSelected\n ? (\n
\n \n
\n ) : null}\n \n {\n const { value } = e.target;\n setAfterAmountVal(value);\n setAfterAmountValid(isAfterAmountValid(value));\n }}\n />\n {!afterAmountValid ?
\n {t('Please specify a positive integer')}
: null}\n \n setAfterUnitVal(value)}\n />\n
\n \n
\n \n setDueWhenOption('executeOnCustomDate')}\n theme=\"dark\"\n />\n {!isDueAfterTimeSelected ? (\n
\n \n
\n ) : null}\n {t('Select default outcome to complete the task')}
\n \n ({ id, value: text, color: buttonColor }))}\n selectedOption={selectedOutcome?.id}\n onItemClicked={({ id }) => {\n if (!disabledOptionList.includes(id)) {\n setDropdownVisible(false);\n setOutcomeVal(id);\n }\n }}\n isVisible={isDropdownVisible}\n disabledOptionList={disabledOptionList}\n />\n
\n {!autocompleteValid ? {t('Select an outcome')}
: null}\n \n ) : {t('Approval element should have at least one defined outcome')}
;\n\n const isAutoCompleteValid = () => outcomeItems.length > 0 && outcomeVal;\n\n const validateWizard = () => {\n return isAutoCompleteValid();\n };\n\n useImperativeHandle(ref, () => {\n return ({\n validateWizard\n });\n });\n\n Hooks.useEffectIgnoreFirst(() => {\n onChange(\n outcomeVal ? outcomeVal.toString(10) : ''\n );\n }, [outcomeVal]);\n\n useEffect(() => {\n setAutocompleteValid(isAutoCompleteValid());\n }, [outcomes, outcomeVal]);\n\n return (\n <>\n {!outcomeVal && (\n \n {t('Please select an outcome.')}\n
\n )}\n \n
\n \n );\n});\n\nAutoFinishOutcomeSelectionWizard.propTypes = {\n value: shape({ autoFinishOutcomeID: string }),\n onChange: func.isRequired\n};\n\nexport default AutoFinishOutcomeSelectionWizard;\n","import React from 'react';\nimport {\n string, bool, func, arrayOf, shape\n} from 'prop-types';\nimport { Radio } from '@jotforminc/magnet';\n\nconst OptionGroup = props => {\n const {\n options,\n onChange,\n value: currentValue,\n disabled: disabledByProps\n } = props;\n\n return (\n \n
\n \n {autocompleteTaskComp}\n
\n \n {options.map(option => {\n const {\n text: label,\n description,\n value,\n disabled\n } = option;\n\n return (\n
\n );\n};\n\nOptionGroup.propTypes = {\n options: arrayOf(shape({\n text: string,\n description: string,\n value: bool,\n disabled: bool\n })).isRequired,\n value: string,\n disabled: bool,\n onChange: func\n};\n\nOptionGroup.defaultProps = {\n value: undefined,\n disabled: undefined,\n onChange: f => f\n};\n\nexport default OptionGroup;\n","import React, { useState } from 'react';\nimport {\n func, shape, oneOfType, string\n} from 'prop-types';\nimport TagInput from '@jotforminc/tag-input';\nimport { v4 as uuid } from 'uuid';\nimport { useSelector } from 'react-redux';\nimport { getAllRelatedFormQuestionsPrefixed, getColoredFormArray } from '../../store/selectors';\nimport { sanitizeTextBeforeSet } from '../../utils';\n\nconst MixedTagInput = ({\n value, onChange, defaultValue, ...rest\n}) => {\n const [componentKey] = useState(uuid());\n const questions = useSelector(getAllRelatedFormQuestionsPrefixed);\n const formArray = useSelector(getColoredFormArray);\n const handleChange = newValue => onChange(sanitizeTextBeforeSet(newValue));\n\n return (\n \n
\n );\n })}\n \n
\n );\n};\n\nconst DefaultItemRenderer = ({ option, isSelected, ...rest }) => {\n const text = option?.text;\n return (\n \n
\n );\n};\n\nconst DefaultEditableItemRenderer = ({\n onChange: propOnChange, onBlur: propOnBlur, onRemove: propOnRemove, ...props\n}) => {\n const { option } = props;\n const id = option?.id;\n const optionValue = option?.value;\n const optionText = option?.text;\n const [text, setText] = useState(optionText);\n const onBlur = () => {\n if (text !== option.text) {\n propOnBlur({ id, value: optionValue, text });\n }\n };\n const onRemove = () => {\n propOnRemove({ id, value: optionValue });\n };\n return (\n \n
\n \n {text}\n
\n \n e.stopPropagation()}\n onChange={v => setText(v)}\n onKeyDown={e => {\n if (e.keyCode === 13) {\n e.target.blur();\n }\n }}\n id={id}\n className=\"jfSortableChecklist-item-column forInput\"\n onBlur={onBlur}\n defaultValue={text}\n {...props}\n />\n \n
\n );\n};\n\nconst OptionContainerRenderer = props => {\n return ;\n};\nconst ContainerRenderer = forwardRef(({ children }, ref) => - {children}
\n
\n );\n};\n\nconst IdentifierType = oneOfType([string, number]);\n\nChecklist.propTypes = {\n options: arrayOf(shape({\n\n })),\n selectedItems: arrayOf(IdentifierType),\n mode: oneOf(['edit', 'check']),\n onSortEnd: func,\n // onChange: func,\n // onTaskFinish: func,\n // onTaskUnfinish: func,\n onItemChange: func,\n onItemBlur: func,\n onSelectionChange: func,\n onItemRemove: func,\n ItemRenderer: elementType,\n EditItemRenderer: elementType\n};\n\nChecklist.defaultProps = {\n options: [],\n selectedItems: [],\n mode: 'check',\n onSortEnd: f => f,\n // onChange: f => f,\n // onTaskFinish: f => f,\n // onTaskUnfinish: f => f,\n onItemChange: f => f,\n onItemBlur: f => f,\n onSelectionChange: f => f,\n onItemRemove: f => f,\n ItemRenderer: DefaultItemRenderer,\n EditItemRenderer: DefaultEditableItemRenderer\n};\n\nexport default Checklist;\n","import React, { useEffect, useState } from 'react';\nimport { Checklist } from '@jotforminc/jotform-common';\nimport { arrayMove } from '@jotforminc/utils';\nimport { v4 as uuid } from 'uuid';\nimport isEqual from 'lodash/isEqual';\nimport { arrayOf, func, shape } from 'prop-types';\n\nconst generateNewItem = () => {\n const id = uuid();\n return {\n id,\n value: id,\n text: ''\n };\n};\n\nconst ExtendableChecklist = ({ value: propOptions = [], onChange = f => f }) => {\n const [options, setOptions] = useState(propOptions);\n const [newItem, setNewItem] = useState(null);\n\n const onAddClicked = () => {\n const item = generateNewItem();\n setNewItem(item);\n setOptions([...options, item]);\n };\n\n const itemChanged = item => {\n if (item.id === newItem?.id) {\n setNewItem(item);\n }\n const newOptions = options.map(option => {\n if (option.value === item.value) {\n return { ...option, ...item };\n }\n return option;\n });\n setOptions(newOptions);\n };\n\n useEffect(() => {\n if (!isEqual(propOptions, options)) {\n setOptions(propOptions);\n }\n }, [propOptions]);\n\n useEffect(() => {\n if (onChange) {\n onChange(options || []);\n }\n }, [options]);\n\n return (\n <>\n {t('You need to select at least one outcome to collect signatures.')}
: null}\n \n\n );\n}\n\nOutcomesCheckboxWizard.propTypes = {\n value: arrayOf(outcomeProps),\n onChange: func\n};\n\nOutcomesCheckboxWizard.defaultProps = {\n value: arrayOf(outcomeProps),\n onChange: f => f\n};\n\nexport default OutcomesCheckboxWizard;\n","import React, { useMemo, useState } from 'react';\nimport { PDFSelectList } from '@jotforminc/email-wizards';\nimport { useSelector } from 'react-redux';\nimport { arrayOf, func, shape } from 'prop-types';\nimport { t } from '@jotforminc/translation';\n\nimport { getAvailablePDFs, getForm } from '../../store/selectors';\nimport { getPDFTemplateOptions } from '../../utils/emailUtils';\n\nexport default function PDFSelectListWrapper({\n valueList, onChange, ...rest\n}) {\n const availablePDFs = useSelector(getAvailablePDFs);\n const formProperties = useSelector(getForm);\n const { pdfOptions, selectedPDFOptions } = getPDFTemplateOptions(valueList, availablePDFs, formProperties);\n\n const options = useMemo(() => pdfOptions.map(option => {\n if (option.value === '') {\n return { value: '', text: t('Approval Report'), link: `/pdf-editor/${formProperties?.id || ''}` };\n }\n return option;\n }), [pdfOptions]);\n\n const [selectedOptions, setSelectedOptions] = useState(selectedPDFOptions);\n\n const handleChange = values => {\n onChange(values.filter(v => v).join(','));\n setSelectedOptions(values);\n };\n\n return (\n <>\n {selectedOptions?.length === 0 && To send reports you need to select at least one document.
}\n \n {viewLink && (\n
\n )}\n { hasDisabledText && (\n \n {t(disabledText) || t(disabledHoverText)}\n
\n )}\n \n );\n };\n\n const optionListData = useMemo(() => {\n return data.map(option => ({\n text: option.text,\n value: option.value,\n beforeComponent: resourceDetail(option),\n isDisabled: option.isDisabled || false\n }));\n }, [data]);\n\n return isLoading ? (\n \n
\n ) : (\n \n
\n );\n};\n\nFormPickerWizard.propTypes = {\n value: string,\n useWorkflowForms: bool,\n onChange: func,\n setPaymentFormFilter: bool\n};\n\nFormPickerWizard.defaultProps = {\n value: '',\n onChange: f => f,\n useWorkflowForms: false,\n setPaymentFormFilter: false\n};\n\nexport default FormPickerWizard;\n","import { bool, func, string } from 'prop-types';\nimport React, {\n useMemo, useEffect, useState, useCallback\n} from 'react';\nimport { ResourcePickerDropdown, getShortMonthName } from '@jotforminc/jotform-common';\nimport { t } from '@jotforminc/translation';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getSelectedElementID, getWorkflowOwner } from '../../store/selectors';\n\nimport { fetchDocuments } from '../../modules/api';\nimport { FETCH_USER_DOCUMENTS, UPDATE_ELEMENT } from '../../store/actionTypes';\n\nconst DocumentPickerWizard = ({\n value = '',\n onChange = f => f,\n useWorkflowForms = false\n}) => {\n const dispatch = useDispatch();\n const [documents, setDocuments] = useState([]);\n const [isLoading, setLoading] = useState(true);\n const [selectedDocument, setSelectedDocument] = useState(value);\n const owner = useSelector(getWorkflowOwner);\n const ownerElementID = useSelector(getSelectedElementID);\n\n const dropdownData = useMemo(() => documents\n .map(({\n modificationTime: updatedAt, creationTime: createdAt, title, id: documentID, formID\n }) => {\n let modifiedOn = ' ';\n const lastUpdated = updatedAt || createdAt;\n const shouldDisableOption = selectedDocument === documentID;\n if (lastUpdated) {\n const lastEditDate = lastUpdated.split(' ')[0].split('-');\n const prettyDate = `${getShortMonthName(parseInt(lastEditDate[1], 10))} ${lastEditDate[2]}, ${lastEditDate[0]}`;\n modifiedOn = t('Updated on {modifyDate}').replace('{modifyDate}', prettyDate);\n }\n const subtext = `${modifiedOn}`;\n return {\n text: title,\n type: 'document',\n value: documentID,\n subtext: subtext,\n isDisabled: shouldDisableOption,\n editLink: `/sign/${formID}`\n };\n }),\n [selectedDocument, documents, useWorkflowForms]);\n\n const loadDocuments = useCallback(async () => {\n try {\n const data = await fetchDocuments(owner);\n dispatch({ type: FETCH_USER_DOCUMENTS.SUCCESS, data: { documents: data } });\n setDocuments(data);\n setLoading(false);\n if (selectedDocument && ownerElementID) {\n const isDocumentDeleted = !(data?.find(({ id }) => id === selectedDocument));\n if (isDocumentDeleted) {\n dispatch({ type: UPDATE_ELEMENT.REQUEST, data: { elementID: ownerElementID, documentID: '', signerMapping: [] } });\n }\n }\n } catch (error) {\n console.log({ error });\n setLoading(true);\n }\n }, [owner]);\n\n const documentSelection = documentValue => {\n if (onChange) {\n onChange(documentValue);\n }\n setSelectedDocument(documentValue);\n };\n\n useEffect(() => {\n loadDocuments();\n }, [loadDocuments]);\n\n return (\n \n
\n );\n};\n\nDocumentPickerWizard.propTypes = {\n value: string,\n useWorkflowForms: bool,\n onChange: func\n};\n\nexport default DocumentPickerWizard;\n","import { arrayMove } from '@jotforminc/utils';\nimport { DocumentUpdatables, Participant, SortEnd } from '../domain';\n\nexport const getClassName = (arr: (string | boolean | undefined)[]): string => arr.filter(Boolean).join(' ');\n\nexport const sortParticipants = (participants: Participant[]): Participant[] => participants.sort(({ signingOrder: fSOrder = 0 }, { signingOrder: sSOrder = 0 }) => (\n fSOrder - sSOrder\n));\n\nexport const isListEmpty = (list: { name: string[], email: string[] } | string[]): boolean => list && Object.values(list).every(x => x.length === 0);\n\nexport const genNewParticipants = (participantID: string, participants: Participant[], props: DocumentUpdatables): Participant[] => participants.reduce((acc: Participant[], curr: Participant) => (\n curr.participantID === participantID ? [...acc, { ...curr, ...props }] : [...acc, curr]\n), []);\n\nexport const onSortEnd = (onChange: (a: DocumentUpdatables) => void, participants: Participant[]) => ({ newIndex, oldIndex }: SortEnd): void => {\n const newParticipants = arrayMove(participants, oldIndex, newIndex).map((p, i) => ({ ...p, signingOrder: i }));\n onChange({ participants: newParticipants });\n};\n\nexport const getParticipantsWithAtLeastOneField = (participants: Participant[]): Participant[] => (\n participants.filter(p => p.fields && p.fields.length > 0 && p.type !== 'cc')\n);\n\nexport const INIT_LIST: ({ name: string[], email: string[] }) = {\n name: [],\n email: []\n};\n\nexport const trimSpaces = (text: unknown): unknown => (\n typeof text === 'string'\n ? text.trim()\n : text\n);\n","import React, { FC } from 'react';\nimport { t } from '@jotforminc/translation';\n\nimport CircularLoader from './assets/circularLoader_icon.svg';\n\ntype Props = {\n checked: boolean,\n onChange: (e: React.ChangeEvent\n \n {t(text)}\n {withLoader && (\n
\n );\n};\n\nexport default Toggle;\n","import React, {\n FC, useRef, ChangeEvent, useEffect\n} from 'react';\nimport { t } from '@jotforminc/translation';\nimport {\n IconAngleDown, IconCopyDotted, IconTrashFilled, IconKeyFilled\n} from '@jotforminc/svg-icons';\nimport { InputText } from '@jotforminc/magnet';\n\nimport { getClassName } from './utils';\n\ntype Props = {\n pinCode: string,\n showPin: boolean,\n setShowPin: (e: boolean) => void,\n setValue: (e: any, prop: any) => void,\n};\n\nconst PinSettings: FC\n
\n )}\n \n \n {\n hasPin ? (\n <>\n
\n \n {t('Set Access Code')}\n
\n \n {t('Set up a code to view and sign the document.')}\n \n
\n )\n }\n \n \n {t('Set up a code to view and sign the document.')}\n \n
\n {\n hasPin ? (\n \n ) : (\n <>\n ) => {\n setValue(e, { pinCode });\n }}\n tabIndex={showPin ? 0 : -1}\n ref={inputRef}\n prefix={{\n icon: function noRefCheck() { return window.navigator.clipboard.writeText(inputRef.current?.value || '')}\n >\n {\n setShowPin(false);\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n setValue({ target: { value: '' } }, { pinCode });\n }}\n >\n
\n \n );\n};\n\nexport default PinSettings;\n","/* eslint-disable @jotforminc/no-native-button */\nimport React, {\n useState, useRef, FC, ChangeEvent, FocusEvent\n} from 'react';\nimport { SortableHandle, SortableElement } from 'react-sortable-hoc';\nimport { InputText } from '@jotforminc/magnet';\n\nimport { t } from '@jotforminc/translation';\nimport {\n IconGridDotsVertical, IconMessageFilled, IconPenSignFilled, IconKeyFilled, IconEnvelopeClosedFilled, IconUserFilled\n} from '@jotforminc/svg-icons';\n\nimport { getClassName, INIT_LIST } from './utils';\nimport { ID, DocumentUpdatables } from './domain';\nimport PinSettings from './PinSettings';\n\ntype InitListType = typeof INIT_LIST;\ntype Props = {\n role: string,\n color: string,\n name?: string,\n email?: string,\n type?: string,\n participantID: string,\n customMessage?: string,\n pinCode?: string,\n handleParticipantUpdate: (pID: ID, prop: DocumentUpdatables) => void,\n isEmailValid: boolean,\n isNameValid: boolean,\n orderEdit: boolean,\n loading: boolean,\n handleValidation: (value: string, inputType: keyof InitListType, pId: string) => void,\n sortIndex: number,\n InputRenderer?: React.ReactNode,\n enableSetPinCode: boolean,\n enableSetCustomMessage: boolean,\n isSendFailed?: boolean\n};\n\nconst DragHandle = SortableHandle(() => \n
\n \n {t(text)}\n
\n );\n};\n\nexport default A11yAlert;\n","/* eslint-disable complexity */\nimport React, {\n useState, useEffect, FC, ReactNode\n} from 'react';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport { isEmail, isEmpty, trackDataForMobile } from '@jotforminc/utils';\nimport { Spinner } from '@jotforminc/loading';\nimport { t } from '@jotforminc/translation';\nimport { IconInfoCircleFilled } from '@jotforminc/svg-icons';\nimport { InputText } from '@jotforminc/magnet';\n\nimport './styles/sendToSign.scss';\n\nimport {\n getClassName, sortParticipants, isListEmpty, genNewParticipants, onSortEnd,\n getParticipantsWithAtLeastOneField, INIT_LIST, trimSpaces\n} from './utils';\nimport { ID, DocumentUpdatables, Participant } from './domain';\nimport Toggle from './Toggle';\nimport ParticipantListItem from './ParticipantListItem';\nimport NoAssign from './assets/noAssign_icon.svg';\nimport A11yAlert from './a11yAlert';\n\ntype Props = {\n participants: Participant[],\n hasSigningOrder: string,\n onChange: (props: DocumentUpdatables) => void,\n sendToSign: (arg0: React.Dispatch- {p.children}
\n \n {t('Please add fields and assign roles')}\n \n
\n );\n\n return (\n <>\n {(!isSent && loading) && \n \n \n {(loading && !isSent && !isSendFailed) &&
\n \n )}\n \n );\n};\n\nexport {\n getNotValidList,\n InvitePanel\n};\n","import {\n shape, string, func, arrayOf\n} from 'prop-types';\nimport React, {\n useState, useMemo, useEffect, useCallback\n} from 'react';\nimport { useSelector } from 'react-redux';\nimport { InvitePanel } from '@jotforminc/send-to-sign';\nimport TagInput from '@jotforminc/tag-input';\nimport { Loading } from '@jotforminc/loading';\nimport {\n colorifyFormArray, isEmail, handleCustomNavigation\n} from '@jotforminc/utils';\nimport debounce from 'lodash/debounce';\nimport isEmpty from 'lodash/isEmpty';\nimport styled from 'styled-components';\nimport requestLayer from '../../modules/api/requestLayer';\nimport WatchmanRecorder from '../../utils/WatchmanRecorder';\nimport { getAllRelatedFormsAndFields } from '../../store/selectors';\nimport { isFormFields } from '../../utils';\n\nconst fetchDocument = documentID => requestLayer.get(`sign/${documentID}`);\n\nconst StyledTagInputWrapper = styled.div`\n position: relative;\n .formFields {\n &-button {\n visibility: hidden;\n background-image: none !important;\n padding: .5em !important;\n height: 40px;\n top: 0 !important;\n opacity: 0;\n transition: visibility .3s, opacity .3s;\n }\n\n &-icon {\n &-wrapper {\n margin-right: 0;\n }\n }\n\n &-text {\n display: none;\n }\n }\n\n .isFocused .formFields-button,\n .isFormFieldsVisible .formFields-button {\n visibility: visible;\n opacity: 1;\n transition: visibility .05s, opacity .05s;\n }\n`;\n\n// These props come from send-to-sign -> ParticipantListItem\nconst FieldBasedTagInput = ({\n type = '',\n val = '',\n formArray = [],\n ...props\n}) => {\n const preparedFormFieldsOptions = useCallback(inputType => {\n switch (inputType) {\n case 'email':\n return formArray.map(formObj => ({\n ...formObj,\n questions: formObj.questions.filter(question => question.type === 'control_email')\n }));\n case 'name':\n default:\n return formArray.map(formObj => ({\n ...formObj,\n questions: formObj.questions.filter(question => question.type === 'control_fullname')\n }));\n }\n }, [formArray]);\n return (\n \n \n {sortParticipants(participantsWithAtLeastOneField).map((participant: Participant, i: number) => (\n
\n \n
\n \n {t('Manage Signers')}\n
\n {(participantsWithAtLeastOneField.length > 1 && enableSetSigningOrder) && (\n\n {!isListEmpty(notValidList) && (\n <>\n
\n \n {t('Please')}\n {' '}\n {t('enter a valid email.')}\n
\n ) : (\n\n {t('Please')}\n {' '}\n {t('fill the required inputs.')}\n
\n )}\n \n )}\n {isSendFailed && (\n <>\n{t('Looks like something went wrong. Please try again.')}
\n \n )}\n {isSent && (\n{t('All signers will receive an email with the completed document once everyone has signed.')}
\n )}\n \n
\n );\n }\n\n return document ? (\n \n \n
\n );\n })}\n {error && \n
\n {fieldMapping.map((item, index) => {\n const isLeftDeleted = item[0] && leftOptions.find(q => q.value === item[0]) === undefined;\n const isRightDeleted = item[1] && rightOptions.find(q => q.value === item[1]) === undefined;\n\n const myRightOptions = rightOptions.filter(elem => {\n const isUsed = elem.value in rightUsedElements;\n const imUsing = item[1] === elem.value;\n return !isUsed || imUsing;\n });\n return (\n \n \n {iconItems.leftIcon}\n \n {t(leftItemsText)}\n \n \n
\n \n \n {iconItems.rightIcon}\n \n {t(rightItemsText)}\n \n \n
\n \n handleMatchChange('left', index, value)}\n inputClass={isLeftDeleted ? 'isDeleted' : ''}\n />\n
\n \n handleMatchChange('right', index, value)}\n inputClass={isRightDeleted ? 'isDeleted' : ''}\n />\n
\n \n
\n {t(`${error} This matching doesn’t work.`)}
}\n\n
\n \n {t('MATCH FIELDS')}\n
\n \n
\n \n
\n \n );\n }\n return null;\n};\n\nPrefilFieldWrapper.propTypes = {\n leftItemsText: string,\n rightItemsText: string,\n iconItems: node.isRequired,\n leftItems: arrayOf(\n shape({\n label: string.isRequired,\n value: string.isRequired,\n selector: string.isRequired\n })\n ).isRequired,\n rightItems: arrayOf(\n shape({\n label: string.isRequired,\n value: string.isRequired,\n selector: string.isRequired\n })\n ).isRequired,\n onChange: func.isRequired,\n checkedBoxOnClick: func.isRequired,\n isSelected: bool.isRequired,\n moreButtonText: string,\n initialMappings: array\n};\n\nPrefilFieldWrapper.defaultProps = {\n leftItemsText: 'Source fields',\n rightItemsText: 'Form fields',\n moreButtonText: 'Add Field',\n initialMappings: [['', '']]\n};\n\nexport default PrefilFieldWrapper;\n","import { shape, string } from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport React, { useEffect, useState } from 'react';\n// We should use builder-components getFormattedQuestions\nimport { PrefilFieldWrapper as FieldMatcher, PrefillUtils } from '@jotforminc/jotform-common';\nimport isEqual from 'lodash/isEqual';\nimport { updateElement } from '../../actionCreators';\n\nimport {\n FormSelectors, getPrefillInitialMappings, getPrefillSettings, isPrefillAllowEdit\n} from '../../store/selectors';\n\nconst PrefillFieldMatcher = ({\n // value,\n // onChange,\n valueList\n}) => {\n const dispatch = useDispatch();\n const { formID, prefillFormID, id } = valueList;\n const [isLoading, setLoading] = useState(true);\n const forms = useSelector(FormSelectors.getFlowForms);\n const initialMappings = useSelector(getPrefillInitialMappings(id));\n const prefillAllowEdit = useSelector(isPrefillAllowEdit(id));\n const prefillSettings = useSelector(getPrefillSettings(id));\n\n const sourceForm = forms.find(f => f.id === prefillFormID);\n const targetForm = forms.find(f => f.id === formID);\n\n const sourceFormTitle = sourceForm?.title || 'Source Fields';\n const targetFormTitle = targetForm?.title || 'Assigned Form Fields';\n\n const leftItems = sourceForm && PrefillUtils.getFormattedQuestions(\n Object.values(sourceForm.questions),\n true,\n 'workflow',\n true\n );\n\n const rightItems = targetForm && PrefillUtils.getFormattedQuestions(\n Object.values(targetForm.questions),\n false,\n 'workflow'\n );\n\n const onChangeAssignFormPrefill = val => {\n const finalMapping = PrefillUtils.removeIncompleteMatches(val);\n if (!(PrefillUtils.isMappingValid(finalMapping, leftItems, rightItems))) {\n return;\n }\n const { mapping } = PrefillUtils.convertPrefillFieldMappingToPrefillSettings(finalMapping);\n\n dispatch(updateElement({\n prefillSettings: { ...prefillSettings, mapping: mapping, list: prefillFormID },\n elementID: id\n }));\n };\n\n const checkBoxOnClick = val => {\n const checkboxValue = val?.target?.checked ? 'edit' : 'readonly';\n dispatch(updateElement({\n prefillSettings: { ...prefillSettings, fieldBehaviour: checkboxValue, list: prefillFormID },\n elementID: id\n }));\n };\n\n const notContainsUndefined = arr => {\n const sourceFormMapping = arr?.[0]?.some(element => element !== undefined);\n const targetFormMapping = arr?.[1]?.some(element => element !== undefined);\n return sourceFormMapping && targetFormMapping;\n };\n\n useEffect(() => {\n if (sourceForm && targetForm) {\n setLoading(false);\n }\n if (notContainsUndefined(initialMappings)) {\n const { mapping: initialFormatedMapping } = PrefillUtils.convertPrefillFieldMappingToPrefillSettings(initialMappings);\n if (!isEqual(initialFormatedMapping, prefillSettings.mapping)) {\n dispatch(updateElement({\n prefillSettings: { ...prefillSettings, mapping: initialFormatedMapping, list: prefillFormID },\n elementID: id\n }));\n }\n }\n }, [sourceForm, targetForm]);\n\n return !isLoading && (\n \n {title && (
\n );\n};\n\nForm.propTypes = {\n className: string,\n title: node,\n subTitle: node,\n children: node\n};\n\nForm.defaultProps = {\n className: null,\n title: null,\n subTitle: null,\n children: node\n};\n\nexport default Form;\n","import React from 'react';\nimport { string, node } from 'prop-types';\nimport classNames from 'classnames';\n\nexport const Input = ({\n title,\n placeholder,\n className,\n ...props\n}) => {\n return (\n {title}
)}\n {subTitle && ({subTitle}
)}\n {children && ({children}
)}\n \n {title && (
\n );\n};\n\nInput.propTypes = {\n title: node,\n placeholder: node,\n className: string\n};\n\nInput.defaultProps = {\n title: null,\n placeholder: null,\n className: null\n};\n\nexport default Input;\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\n\nimport Form from './Form';\nimport DemoInput from './Demo/Input';\n\nimport './style.scss';\n\nconst PrefillFormFields = () => {\n return (\n {title}
)}\n \n {placeholder}\n
\n \n \n \n
\n );\n};\n\nexport default PrefillFormFields;\n","import { string } from 'prop-types';\nimport React from 'react';\nimport { PrefillFormFields } from '@jotforminc/jotform-common';\n\nconst Banner = ({ bannerType = '' }) => {\n const renderBanner = () => {\n switch (true) {\n case bannerType === 'prefil':\n return (\n \n
\n \n
\n \n {t('Use prefill to get data from another form.')}\n
\n \n \n
\n \n
\n );\n}\n\nPreview.propTypes = {\n previewType: oneOf(['APPROVAL_REPORT']),\n onViewSampleReportClick: func,\n value: shape({})\n};\n\nPreview.defaultProps = {\n previewType: 'APPROVAL_REPORT',\n onViewSampleReportClick: func,\n value: {}\n};\n","import React from 'react';\nimport { bool, shape, string } from 'prop-types';\nimport { useDispatch } from 'react-redux';\nimport { t } from '@jotforminc/translation';\nimport { IconGearFilled } from '@jotforminc/svg-icons';\nimport { openReportSettingsModal } from '../../actionCreators';\nimport { ScWFUIKitButton } from '../Button/scButton';\nimport Preview from './preview';\n\nexport default function PreviewWizard({\n hasSettings, previewType, valueList, value\n}) {\n // Not the best way, will change/refactor if another preview comp is needed\n const { id } = valueList;\n const dispatch = useDispatch();\n const handleSettingsClick = () => {\n switch (previewType) {\n default:\n dispatch(openReportSettingsModal({\n elementID: id\n }));\n }\n };\n\n return (\n \n \n
\n {previewType === 'APPROVAL_REPORT' ? (\n \n
\n ) : null}\n \n {hasSettings && (\n \n
\n );\n}\n\nPreviewWizard.propTypes = {\n hasSettings: bool,\n previewType: string,\n valueList: shape({}),\n value: shape({})\n};\n\nPreviewWizard.defaultProps = {\n hasSettings: true,\n previewType: 'APPROVAL_REPORT',\n valueList: {},\n value: {}\n};\n","import React, { useEffect, useState } from 'react';\nimport { MultipleFormPDFDropdown } from '@jotforminc/resource-picker';\nimport { func, string } from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport {\n FormSelectors, getAvailablePDFsForAllForm, getPDFDocuments, getSelectedElementInfo, getWorkflowID, getEntryPointFormID\n} from '../../store/selectors';\nimport { getAllPDFTemplateOptions, getCommonEmailProps } from '../../utils/emailUtils';\nimport { pdfListToMap, pdfMapToList } from './helper';\nimport requestLayer from '../../modules/api/requestLayer';\nimport { elementSubTypes } from '../../constants/elementTypes';\nimport { DEFAULT_FEATURES, NEW_REPORT_ELEMENT } from '../../constants/features';\n\nconst MultipleFormPDF = ({\n emailType = 'WORKFLOW_SEND_EMAIL_GENERAL',\n emailSubType = null,\n onChange = f => f\n}) => {\n const element = useSelector(getSelectedElementInfo);\n\n const workflowID = useSelector(getWorkflowID);\n const [allForms, setAllForms] = useState([]);\n const emailProps = getCommonEmailProps(element, emailType, emailSubType);\n const availablePDFsForAllForm = useSelector(getAvailablePDFsForAllForm);\n let docList = useSelector(getPDFDocuments(element?.id));\n const startFormID = useSelector(getEntryPointFormID);\n const {\n pdfId, pdfattachment, subType\n } = element;\n const pdfAttachmentEnabled = pdfattachment === '1';\n const pdfList = pdfId ? pdfId.split(',') : [];\n if (pdfList.length > 0 && docList.length === 0 && pdfAttachmentEnabled && DEFAULT_FEATURES[NEW_REPORT_ELEMENT] && subType === elementSubTypes.SEND_APPROVAL_REPORT) {\n docList = pdfList.map(pdfID => ({ formID: startFormID, pdfID }));\n }\n\n const loadUserAllForms = () => requestLayer.get(`workflow/${workflowID}/allforms?includePDF=1`).then(data => {\n setAllForms(data);\n }).catch(e => {\n console.log('Error', e);\n return false;\n });\n\n useEffect(() => {\n loadUserAllForms();\n }, []);\n\n const forms = useSelector(FormSelectors.getAllUsedForms);\n const pdfRelatedConfigsForAllForm = getAllPDFTemplateOptions(emailProps, availablePDFsForAllForm, allForms);\n const [list, setList] = useState(pdfMapToList(docList));\n\n useEffect(() => {\n const convertedList = pdfListToMap(list);\n onChange(convertedList);\n }, [list]);\n\n const pdfOnChange = pdfDocuments => {\n setList({ ...list, ...pdfDocuments });\n };\n\n return (\n \n {currentOption !== 'first' && (\n
\n {\n currentOption === 'amount' && (\n <>\n Number of responses required
\n \n
\n );\n};\n\nOptionRenderer.propTypes = {\n option: shape({})\n};\n\nOptionRenderer.defaultProps = {\n option: {\n team: {}\n }\n};\n\nexport default OptionRenderer;\n","import React, { forwardRef } from 'react';\nimport EditablePill from '@jotforminc/editable-pill';\nimport { TeamImageWithWrapper } from '@jotforminc/workflow-components';\nimport { func, shape } from 'prop-types';\nimport { t } from '@jotforminc/translation';\n\nconst ButtonRenderer = forwardRef((props, ref) => { // eslint-disable-line\n const { option = {}, handleRemoveTeam = f => f, ...rest } = props;\n return (\n \n
\n \n {team?.text}\n {' '}\n
\n \n {team?.memberCount}\n {' '}\n {t('Members')}\n
\n \n {t('Please select a team')}\n
\n )}\n \n );\n});\n\nButtonRenderer.propTypes = {\n option: shape({}),\n handleRemoveTeam: func\n};\n\nexport default ButtonRenderer;\n","import { func } from 'prop-types';\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\n\nconst NoResults = ({ onClearFilter = f => f, ...rest }) => {\n return (\n \n
\n );\n};\n\nNoResults.propTypes = {\n onClearFilter: func\n};\n\nexport default NoResults;\n","import React from 'react';\nimport { IconPlusSm } from '@jotforminc/svg-icons';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { t } from '@jotforminc/translation';\nimport { useSelector } from 'react-redux';\nimport { getTeamSettings } from '../../store/selectors';\n\nconst NoTeams = () => {\n const { teamCreation } = useSelector(getTeamSettings);\n const canCreateTeam = teamCreation === '1';\n\n return (\n \n {t('No results found.')}\n {' '}\n {t('Clear filter')}\n
\n \n
\n );\n};\nexport default NoTeams;\n","import React, { forwardRef, useCallback } from 'react';\nimport { shape, string } from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { t } from '@jotforminc/translation';\nimport Dropdown from '../Dropdown';\nimport { getTeams } from '../../store/selectors';\nimport OptionRenderer from './OptionRenderer';\nimport ButtonRenderer from './ButtonRenderer';\nimport NoResults from './NoResults';\nimport { updateElement } from '../../actionCreators';\nimport NoTeams from './NoTeams';\n\nconst TeamDropdown = ({\n value = '',\n valueList = {\n id: null\n }\n}) => {\n const { id } = valueList;\n const dispatch = useDispatch();\n const teams = useSelector(getTeams).map(team => ({ ...team, text: team.name, value: team.id }));\n\n const handleRemoveTeam = useCallback(() => {\n dispatch(updateElement({\n elementID: id,\n team: null,\n teamObject: null\n }));\n }, []);\n\n const handleOptionSelect = useCallback(val => {\n const team = teams.find(tm => tm.id === val);\n dispatch(updateElement({\n team: val,\n teamObject: team,\n elementID: id\n }));\n }, []);\n\n const hasFilter = teams.length > 5;\n\n return (\n \n {canCreateTeam ? (\n <>\n handleCustomNavigation(`${window.location.origin}/myapprovals?showCreateTeamModal=workflow`)}\n className=\"dropdown-empty-button\"\n >\n
\n \n {t('You don’t have any teams yet. Create your first team and start using Team Approvals.')}\n
\n \n {t('CREATE TEAM')}\n
\n \n \n ) : 'No teams found.'}\n \n
\n );\n};\n\nTeamDropdown.propTypes = {\n value: string,\n valueList: shape({})\n};\n\nexport default TeamDropdown;\n","import React, { useEffect } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport {\n CTA_URLS, ALL_TEXTS, SDR_SOURCES, ASSET_IDENTIFIER,\n GA_SUFFIXES, createGaAttributes, saveCustomerAsHubspotFormByUsername, setEPActions\n} from '@jotforminc/ep-utils';\nimport '../../../styles/workflowGroupApprovalBanner.scss';\n\nconst WorkflowGroupApprovalBanner = () => {\n const { PRODUCT: { WORKFLOW_GROUP_APPROVAL_BANNER: target } } = ASSET_IDENTIFIER;\n\n const {\n WORKFLOW_GROUP_APPROVAL_BANNER: {\n CONTACT_SALES_URL,\n LEARN_MORE_URL\n }\n } = CTA_URLS;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesCs = createGaAttributes(target, GA_SUFFIXES.CONTACT_SALES);\n const gaAttributesLM = createGaAttributes(target, GA_SUFFIXES.LEARN_MORE);\n\n useEffect(() => {\n setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleContactSalesClick = () => {\n setEPActions({ asset: target, target: 'contactSalesButton', action: 'click' });\n handleCustomNavigation(`${window.location.origin}${CONTACT_SALES_URL}`);\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.WORKFLOW_GROUP_APPROVAL_BANNER });\n };\n\n const handleLearnMoreClick = () => {\n setEPActions({ asset: target, target: 'learnMoreButton', action: 'click' });\n handleCustomNavigation(`${window.location.origin}${LEARN_MORE_URL}`);\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.WORKFLOW_GROUP_APPROVAL_BANNER });\n };\n\n return (\n \n
\n );\n};\n\nexport default WorkflowGroupApprovalBanner;\n","import React from 'react';\nimport { string } from 'prop-types';\nimport { translationRenderer } from '@jotforminc/translation';\nimport { IconExclamationCircleFilled } from '@jotforminc/svg-icons';\nimport './wfApprovalLimit.scss';\n\nconst ApprovalLimit = ({\n redirectUrl = '',\n limitText = '',\n redirectUrlText = ''\n}) => {\n return (\n \n
\n {t(ALL_TEXTS.ENTERPRISE)}
\n\n {t(ALL_TEXTS.GROUP_APPROVAL_BANNER_CONTENT)}\n
\n \n {/* contact sales */}\n \n {t(ALL_TEXTS.CONTACT_SALES)}\n \n {/* learn more */}\n \n {t(ALL_TEXTS.LEARN_MORE)}\n \n
\n \n
\n );\n};\n\nApprovalLimit.propTypes = {\n redirectUrl: string,\n limitText: string,\n redirectUrlText: string\n};\n\nexport default ApprovalLimit;\n","import { isEnterprise } from '@jotforminc/enterprise-utils';\n\nconst limitedAccountType = ['FREE', 'GUEST'];\n\nexport const isUniqueValue = (field, array) => array.findIndex(({ value }) => value === field) < 0;\n\nexport const isLimitlessAccount = account => !limitedAccountType.includes(account);\n\nexport const isLimitedAccount = account => limitedAccountType.includes(account);\n\nexport const getEmailRecipientLimit = account => (isLimitedAccount(account) && !isEnterprise() ? '3' : '10');\n\nexport const emailMaxCount = account => {\n if (!isLimitlessAccount(account)) {\n return 3;\n }\n return 10;\n};\n\nexport const EMAIL_CONFIGURATION = {\n MAX_EMAIL_RECIPIENT_LIMIT: account => emailMaxCount(account),\n GUEST_MAX_ACTION_COUNT: 3,\n FEEDBACK_MAX_ACTION_COUNT: 10\n};\n","export const EMAIL_LIST = {\n ADD_NEW: 'Add new approver',\n MAX_10: 'You have reached the limit (max 10)',\n LIMIT_TEXT: 'To add more approvers, please ',\n UPGRADE_TEXT: 'upgrade your account.',\n EMAIL_USED: 'This email is already in use.',\n AT_LEAST_ONE: 'At least one recipient is required'\n};\n","import React from 'react';\nimport { useHover } from '@jotforminc/hooks';\nimport { ContactCardPopover } from '@jotforminc/contact-card';\nimport EditablePill from '@jotforminc/editable-pill';\nimport { array, string } from 'prop-types';\n\nconst PillRenderer = ({\n userList = [],\n value = '',\n ...props\n}) => {\n const [hoverRef, isHovered] = useHover(700);\n return (\n <>\n \n
\n \n {translationRenderer(' [1[Limit warning text]] [2[redirect]] ')({\n renderer1: () => limitText,\n renderer2: () => (\n \n {redirectUrlText}\n \n )\n })}\n
\n \n
\n \n );\n};\n\nPillRenderer.propTypes = {\n userList: array,\n value: string\n};\n\nexport default PillRenderer;\n","/* eslint-disable max-len */\nimport React, {\n useMemo\n} from 'react';\nimport { arrayOf, func, bool } from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { isEmail } from '@jotforminc/utils';\nimport { isEnterprise as isEnterpriseEnv } from '@jotforminc/enterprise-utils';\nimport { WorkflowGroupApprovalBanner } from '@jotforminc/enterprise-promotions';\nimport { t } from '@jotforminc/translation';\nimport ApprovalLimit from '../ApprovalLimit';\nimport {\n isLimitlessAccount, emailMaxCount, EMAIL_CONFIGURATION, isLimitedAccount, getEmailRecipientLimit\n} from './helper';\nimport { getUserAccountType, getEmailSuggestionList } from '../../store/selectors';\nimport EmailInput from '../EmailInput';\nimport { EMAIL_LIST } from './constants';\nimport PillRenderer from './PillRenderer';\n\nconst MultipleEmailInput = ({\n value = [],\n onChange = f => f,\n addFormFields = false,\n isDisableFreeTextOnRecipients = false\n}) => {\n const accountType = useSelector(getUserAccountType);\n const isEnterprise = isEnterpriseEnv();\n const emailRecipientLimit = isEnterprise ? Infinity : getEmailRecipientLimit(accountType);\n const maxCount = useMemo(() => (isEnterprise ? Infinity : emailMaxCount(accountType)), [accountType]);\n const showLimitError = useMemo(() => !isEnterprise && !isLimitlessAccount(accountType) && value?.length >= maxCount, [value]);\n const showEnterpriseLimitError = useMemo(() => !isEnterprise && !isLimitedAccount(accountType) && value?.length >= maxCount, [value]);\n const userList = useSelector(getEmailSuggestionList);\n const options = userList.map(({ email }) => ({ value: email, text: email }));\n\n return (\n <>\n \n showEditor(true)}\n loader={isLoading}\n >\n {buttonName}\n \n
\n \n );\n};\n\nWorkflowFormBuilderButton.propTypes = {\n valueList: object.isRequired,\n buttonName: string\n};\n\nexport default WorkflowFormBuilderButton;\n","import ColorPicker from '../components/ColorPicker';\nimport Toggle from '../components/Toggle';\nimport Dropdown from '../components/Dropdown';\nimport FileUpload from '../components/FileUpload';\nimport EmailInput from '../components/EmailInput';\nimport RichTextEditor from '../components/RichTextEditor';\nimport OutcomesWizard from '../components/OutcomesWizard';\nimport CommentWizard from '../components/CommentWizard';\nimport EscalationWizard from '../components/EscalationWizard';\nimport TextInput from '../components/TextInput';\nimport EscalateTaskWizard from '../components/EscalationWizard/EscalateTaskWizard';\nimport ReassignWizard from '../components/ReassignWizard';\nimport ReassignNotificationWizard from '../components/ReassignWizard/ReassignNotificationWizard';\nimport SendReminderWizard from '../components/SendReminderWizard';\nimport RemindAfterWizard from '../components/SendReminderWizard/RemindAfterWizard';\nimport CustomizeReminderWizard from '../components/SendReminderWizard/CustomizeReminderWizard';\nimport ElementEmailWizard from '../components/ElementEmailWizard';\nimport SingleEmailInput from '../components/SingleEmailInput';\nimport Button from '../components/Button';\nimport DueDateWizard from '../components/DueDateWizard/DueDateWizard';\nimport ExpirationWizard from '../components/ExpirationWizard/ExpirationWizard';\nimport AutoFinishTaskWizard from '../components/AutoFinishTaskWizard/AutoFinishTaskWizard';\nimport AutoFinishOutcomeSelectionWizard from '../components/AutoFinishTaskWizard/OutcomeSelectionWizard';\nimport OptionGroup from '../components/OptionGroup/OptionGroup';\nimport MixedTagInput from '../components/MixedTagInput';\nimport ExtendableChecklist from '../components/ChecklistWizard/ExtendableChecklist';\nimport ChecklistWizard from '../components/ChecklistWizard';\nimport Checkbox from '../components/Checkbox';\nimport CheckBoxWithDefaultValue from '../components/CheckBoxWithDefaultValue';\nimport UserEmailsDropdownWizard from '../components/UserEmailsDropdownWizard';\nimport OutcomesCheckboxWizard from '../components/OutcomesCheckboxWizard';\nimport PDFSelectListWizard from '../components/PDFSelectListWizard';\nimport Password from '../components/PDFSelectListWizard/password';\nimport PDFPassword from '../components/PDFSelectListWizard/passwordWizard';\nimport PDFPasswordCheckbox from '../components/PDFSelectListWizard/passwordCheckbox';\nimport FormPickerWizard from '../components/FormPickerWizard';\nimport DocumentPickerWizard from '../components/DocumentPickerWizard';\nimport DocumentSignMatcher from '../components/DocumentSignMatcher';\nimport PrefillFieldMatcher from '../components/PrefillFieldMatcher';\nimport Banner from '../components/Banner';\nimport PreviewWizard from '../components/PreviewWizard';\nimport MultipleFormPDF from '../components/MultipleFormPDF';\nimport ApprovalOptions from '../components/ApprovalOptions';\nimport TeamDropdown from '../components/TeamDropdown';\nimport MultipleEmailInput from '../components/MultipleEmailInput';\nimport EnableSignatureToggle from '../components/EnableSignatureToggle';\nimport DisableStateToggle from '../components/DisableStateToggle';\nimport DefaultStateToggle from '../components/DefaultStateToggle';\nimport TextArea from '../components/TextArea';\nimport WorkflowFormBuilderButton from '../components/WorkflowFormBuilderButton';\n\nexport const EMAIL_INPUT = 'emailType';\nexport const FILE_UPLOAD = 'fileUpload';\nexport const DROPDOWN = 'dropdown';\nexport const TOGGLE = 'toggle';\nexport const BUTTON = 'button';\nexport const RICH_TEXT_EDITOR = 'richTextEditor';\nexport const ELEMENT_EMAIL_WIZARD = 'elementEmailWizard';\nexport const OUTCOMES_WIZARD = 'outcomesWizard';\nexport const OUTCOMES_CHECKBOX_WIZARD = 'outcomesChecboxWizard';\nexport const CHECKBOX_OUTCOMES_WIZARD = 'checkboxOutcomesWizard';\nexport const COLOR_PICKER = 'colorPicker';\nexport const COMMENT_WIZARD = 'commentWizard';\nexport const REASSIGN_WIZARD = 'reassignWizard';\nexport const REASSIGN_NOTIFICATION_WIZARD = 'reassignNotificationWizard';\nexport const ESCALATION_WIZARD = 'escalationWizard';\nexport const DUE_DATE_WIZARD = 'dueDateWizard';\nexport const ESCALATE_TASK_WIZARD = 'escalateTaskWizard';\nexport const AUTO_COMPLETE_WIZARD = 'autoCompleteWizard';\nexport const AUTO_COMPLETE_OUTCOME_WIZARD = 'autoCompleteOutcomeWizard';\nexport const EXPIRATION_WIZARD = 'expirationWizard';\nexport const TEXT_INPUT = 'textInput';\nexport const SEND_REMINDER_WIZARD = 'sendReminderWizard';\nexport const REMIND_AFTER_WIZARD = 'remindAfterWizard';\nexport const CUSTOMIZE_REMINDER_WIZARD = 'customizeReminderWizard';\nexport const SINGLE_EMAIL_INPUT = 'singleEmailInput';\nexport const OPTION_GROUP = 'optionGroup';\nexport const TAG_INPUT = 'tagInput';\nexport const CHECKLIST_WIZARD = 'checklistWizard';\nexport const EXTENDABLE_CHECKLIST = 'extendableChecklist';\nexport const CHECKBOX = 'checkbox';\nexport const CHECKBOX_WITH_DEFAULT_VALUE = 'checkBoxWithDefaultValue';\nexport const USER_EMAILS_DROPDOWN_WIZARD = 'userEmailsDropdownWizard';\nexport const EMPTY_ELEMENT = 'emptyElement';\nexport const PDF_SELECT_LIST = 'pdfSelectList';\nexport const PASSWORD = 'password';\nexport const PDF_PASSWORD = 'pdfPassword';\nexport const PDF_PASSWORD_CHECKBOX = 'pdfPasswordCheckbox';\nexport const FORM_PICKER_WIZARD = 'formPickerWizard';\nexport const DOCUMENT_PICKER_WIZARD = 'documentPickerWizard';\nexport const DOCUMENT_SIGN_MATCHER = 'documentSignMatcher';\nexport const PREFILL_FIELD_MATCHER = 'prefillFieldMatcher';\nexport const BANNER = 'banner';\nexport const PREVIEW_WIZARD = 'previewWizard';\nexport const MULTI_FORM_PDF = 'multipleFormPDF';\nexport const APPROVAL_OPTIONS = 'approvalOptions';\nexport const MULTIPLE_EMAIL_INPUT = 'multipleEmailInput';\nexport const TEAM_DROPDOWN = 'teamDropdown';\nexport const ENABLE_SIGNATURE_TOGGLE = 'enableSignatureToggle';\nexport const DISABLE_STATE_TOGGLE = 'disableStateToggle';\nexport const DEFAULT_STATE_TOGGLE = 'defaultStateToggle';\nexport const TEXTAREA = 'textArea';\nexport const WORKFLOW_FORM_BUILDER_BUTTON = 'WorkflowFormBuilderButton';\n\nconst componentTypes = {\n [TEXT_INPUT]: TextInput,\n [TEXTAREA]: TextArea,\n [EMAIL_INPUT]: EmailInput,\n [FILE_UPLOAD]: FileUpload,\n [DROPDOWN]: Dropdown,\n [TOGGLE]: Toggle,\n [RICH_TEXT_EDITOR]: RichTextEditor,\n [ELEMENT_EMAIL_WIZARD]: ElementEmailWizard,\n [OUTCOMES_WIZARD]: OutcomesWizard,\n [OUTCOMES_CHECKBOX_WIZARD]: OutcomesCheckboxWizard,\n [COLOR_PICKER]: ColorPicker,\n [COMMENT_WIZARD]: CommentWizard,\n [REASSIGN_WIZARD]: ReassignWizard,\n [REASSIGN_NOTIFICATION_WIZARD]: ReassignNotificationWizard,\n [ESCALATION_WIZARD]: EscalationWizard,\n [DUE_DATE_WIZARD]: DueDateWizard,\n [ESCALATE_TASK_WIZARD]: EscalateTaskWizard,\n [EXPIRATION_WIZARD]: ExpirationWizard,\n [SEND_REMINDER_WIZARD]: SendReminderWizard,\n [AUTO_COMPLETE_WIZARD]: AutoFinishTaskWizard,\n [AUTO_COMPLETE_OUTCOME_WIZARD]: AutoFinishOutcomeSelectionWizard,\n [REMIND_AFTER_WIZARD]: RemindAfterWizard,\n [CUSTOMIZE_REMINDER_WIZARD]: CustomizeReminderWizard,\n [SINGLE_EMAIL_INPUT]: SingleEmailInput,\n [BUTTON]: Button,\n [OPTION_GROUP]: OptionGroup,\n [TAG_INPUT]: MixedTagInput,\n [CHECKLIST_WIZARD]: ChecklistWizard,\n [EXTENDABLE_CHECKLIST]: ExtendableChecklist,\n [CHECKBOX]: Checkbox,\n [CHECKBOX_WITH_DEFAULT_VALUE]: CheckBoxWithDefaultValue,\n [USER_EMAILS_DROPDOWN_WIZARD]: UserEmailsDropdownWizard,\n [EMPTY_ELEMENT]: () => null,\n [PASSWORD]: Password,\n [PDF_SELECT_LIST]: PDFSelectListWizard,\n [PDF_PASSWORD]: PDFPassword,\n [PDF_PASSWORD_CHECKBOX]: PDFPasswordCheckbox,\n [FORM_PICKER_WIZARD]: FormPickerWizard,\n [DOCUMENT_PICKER_WIZARD]: DocumentPickerWizard,\n [DOCUMENT_SIGN_MATCHER]: DocumentSignMatcher,\n [PREFILL_FIELD_MATCHER]: PrefillFieldMatcher,\n [BANNER]: Banner,\n [PREVIEW_WIZARD]: PreviewWizard,\n [MULTI_FORM_PDF]: MultipleFormPDF,\n [APPROVAL_OPTIONS]: ApprovalOptions,\n [MULTIPLE_EMAIL_INPUT]: MultipleEmailInput,\n [TEAM_DROPDOWN]: TeamDropdown,\n [ENABLE_SIGNATURE_TOGGLE]: EnableSignatureToggle,\n [DISABLE_STATE_TOGGLE]: DisableStateToggle,\n [DEFAULT_STATE_TOGGLE]: DefaultStateToggle,\n [WORKFLOW_FORM_BUILDER_BUTTON]: WorkflowFormBuilderButton\n};\n\nexport default componentTypes;\n","export const CONDITIONAL_TERMS_MATCH_TYPES = {\n ALL: 'All',\n ANY: 'Any'\n};\n","import { getAppPath } from '@jotforminc/router-bridge';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\n// window.user is not initialized yet\nconst accountType = window?.__flowOwnerAccountType || 'FREE';\nconst recipientLimit = () => {\n if (['FREE', 'GUEST'].includes(accountType)) {\n return 1;\n }\n if (isEnterprise() || ['ADMIN', 'SUPPORT'].includes(accountType)) {\n return Infinity;\n }\n return 10;\n};\n\nconst CONFIGURATION = {\n PUBLIC_BASE_PATH: `${getAppPath()}/`,\n MINIMUM_ZOOM: 25,\n MAXIMUM_ZOOM: 250,\n DEFAULT_DATE_TIME_FORMAT: 'lll',\n ELEMENT_ADDED_COOKIE_NAME: 'wfElementAddedBefore',\n MINIMUM_SUB_COUNT: 'feature_minimumSubmission',\n START_DATE_VAL: 'feature_startDate',\n END_DATE_VAL: 'feature_endDate',\n CANVAS_DELETE_KEY_CODES: [46, 8],\n CANVAS_DESELECT_KEY_CODES: [27],\n MAX_EMAIL_RECIPIENT_LIMIT: recipientLimit(),\n GUEST_MAX_ACTION_COUNT: 3,\n FEEDBACK_MAX_ACTION_COUNT: 10\n};\n\nexport default CONFIGURATION;\n","export const STATE_NAME = 'state';\nexport const SELECTION_NAME = 'selection-state';\nexport const DRAG_NODE_NAME = 'drag-node-state';\nexport const MOVE_NODE_NAME = 'move-node-state';\nexport const DRAG_LINK_NAME = 'drag-link-state';\nexport const SHOW_PORT_NAME = 'show-port-state';\nexport const EDIT_LINK_NAME = 'edit-link-state';\nexport const PAN_CANVAS_NAME = 'pan-canvas-state';\nexport const DRAG_DIAGRAM_NAME = 'move-items-state';\nexport const CREATE_LINK_NAME = 'create-link-state';\nexport const SHOW_TOOLBOX_NAME = 'show-toolbox-state';\nexport const SHOW_GUILDELINE_NAME = 'show-guildeline-state';\nexport const SHOW_SELECTIONBOX_NAME = 'show-selectionbox-state';\nexport const REPLACE_PLACEHOLDER_NAME = 'replace-placeholder-state';\nexport const PINCH_TO_ZOOM_CANVAS_NAME = 'pinch-to-zoom-canvas-state';\n","import { PARTNER_NAMES } from './IntegrationDetails';\n\n// Please don't add link types here;\nexport const elementTypes = {\n MERGE: 'workflow_merge',\n SPLIT: 'workflow_split',\n ASSIGN: 'workflow_assign',\n GENERIC: 'workflow_generic',\n END_POINT: 'workflow_end_point',\n APPROVAL: 'workflow_approval',\n SEND_EMAIL: 'workflow_send_email',\n PLACEHOLDER: 'workflow_placeholder',\n START_POINT: 'workflow_start_point',\n BINARY_DECISION: 'workflow_binary_decision',\n CONDITIONAL_BRANCH: 'workflow_conditional_branch',\n ASSIGN_FORM: 'workflow_assign_form',\n SIGN_DOCUMENT: 'workflow_sign_document',\n INTEGRATION: 'workflow_integration',\n ASSIGN_TASK: 'workflow_assign_task'\n};\n\nexport const conditionalElementTypes = [\n elementTypes.BINARY_DECISION,\n elementTypes.CONDITIONAL_BRANCH\n];\n\nexport const elementTypesWithOutcome = [\n elementTypes.APPROVAL,\n elementTypes.ASSIGN,\n elementTypes.SIGN_DOCUMENT,\n elementTypes.ASSIGN_TASK,\n ...conditionalElementTypes\n];\n\nexport const nonRectangleElementTypes = [\n elementTypes.END_POINT,\n elementTypes.MERGE,\n elementTypes.SPLIT\n];\n\nexport const elementsTypesWithRequiredHeaders = [\n elementTypes.SEND_EMAIL\n];\n\nexport const elementSubTypes = {\n APPROVAL_WITH_SIGN: 'workflow_approval_with_sign',\n SEND_APPROVAL_REPORT: 'workflow_send_approval_report',\n SEND_PDF: 'workflow_send_pdf',\n END_POINT_PSEUDO: 'workflow_end_point_pseudo',\n END_POINT_TERMINATE: 'workflow_end_point_terminate',\n SEND_DEFAULT_REPORT: 'workflow_send_default_report',\n TEAM_APPROVAL: 'workflow_team_approval',\n PAYMENT_FORM: 'workflow_payment_form',\n ...PARTNER_NAMES\n};\n\nexport const MISSING_CONDITON_TEXT = '\"MISSING FIELD\"'; // same with builder repo, don't translate it right here. We're doing string match!!\n","import { elementTypes, elementSubTypes } from './elementTypes';\nimport {\n DEFAULT_FEATURES, CONDITIONAL_BRANCH_MODAL, BINARY_DECISION_MODAL, NEW_REPORT_ELEMENT\n} from './features';\nimport { PARTNER_NAMES } from './IntegrationDetails';\n\nconst elementHasModalPropertyPanel = (type, subType) => {\n const priority = subType || type;\n const allTypes = [...elementSubTypesWithoutPropertyPanel, ...elementTypesWithPropertyPanel, ...Object.values(PARTNER_NAMES)];\n return allTypes.includes(priority);\n};\n\nconst elementSubTypesWithoutPropertyPanel = [\n elementSubTypes.SEND_PDF,\n elementSubTypes.PAYMENT_FORM,\n (DEFAULT_FEATURES[NEW_REPORT_ELEMENT] ? elementSubTypes.SEND_APPROVAL_REPORT : [])\n];\n\nconst elementTypesWithPropertyPanel = [\n elementTypes.ASSIGN_FORM,\n elementTypes.SIGN_DOCUMENT,\n (DEFAULT_FEATURES[CONDITIONAL_BRANCH_MODAL] ? elementTypes.CONDITIONAL_BRANCH : []),\n (DEFAULT_FEATURES[BINARY_DECISION_MODAL] ? elementTypes.BINARY_DECISION : [])\n];\n\nexport default elementHasModalPropertyPanel;\n","import { elementTypes } from './elementTypes';\nimport { DEFAULT_FEATURES, TERMINATE_FLOW } from './features';\nimport elementHasModalPropertyPanel from './elementsWithModalPropertyPanel';\n\nconst elementHasPropertyPanel = (type, subType) => {\n if (elementHasModalPropertyPanel(type, subType)) {\n return false;\n }\n\n const priority = subType || type;\n const allTypes = [...elementSubTypesWithoutPropertyPanel, ...elementTypesWithoutPropertyPanel];\n return !allTypes.includes(priority);\n};\n\nconst elementSubTypesWithoutPropertyPanel = [];\n\nconst elementTypesWithoutPropertyPanel = [\n elementTypes.START_POINT,\n elementTypes.SEND_EMAIL,\n ...(DEFAULT_FEATURES[TERMINATE_FLOW] ? [] : [elementTypes.END_POINT]),\n elementTypes.PLACEHOLDER\n];\n\nexport default elementHasPropertyPanel;\n","export const ApprovalEmailSubTypes = {\n APPROVAL_REQUEST: 'APPROVAL_REQUEST',\n APPROVAL_REMINDER: 'APPROVAL_REMINDER'\n};\n\nexport const AssignEmailSubTypes = {\n ASSIGN_NOTIFICATION: 'ASSIGN_NOTIFICATION',\n ASSIGN_REMINDER: 'ASSIGN_REMINDER'\n};\n\nexport const AssignFormEmailSubTypes = {\n ASSIGN_FORM_REMINDER: 'ASSIGN_FORM_REMINDER'\n};\n\nexport const AssignTaskEmailSubTypes = {\n ASSIGN_TASK_REMINDER: 'ASSIGN_TASK_REMINDER'\n};\n","import { t } from '@jotforminc/translation';\nimport { EMAIL_TEMPLATE_TYPES } from '@jotforminc/email-wizards';\nimport {\n ApprovalEmailSubTypes, AssignEmailSubTypes, AssignFormEmailSubTypes, AssignTaskEmailSubTypes\n} from './emailSubTypes';\nimport { elementSubTypes, elementTypes } from './elementTypes';\nimport { TEXTS } from './strings';\n\nexport const elementEmailWizardTemplates = {\n TYPES: {\n [elementTypes.APPROVAL]: {\n wizardKey: 'sendCustomApprovalEmail',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_APPROVE_START,\n emailSubType: ApprovalEmailSubTypes.APPROVAL_REQUEST,\n label: t(TEXTS.APPROVAL_REQUEST_EMAIL),\n description: t(TEXTS.APPROVAL_REQUEST_EMAIL_DESC)\n },\n [elementTypes.ASSIGN]: {\n wizardKey: 'email',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_START,\n emailSubType: AssignEmailSubTypes.ASSIGN_NOTIFICATION,\n label: t(TEXTS.ASSIGN_EMAIL),\n description: t(TEXTS.ASSIGN_EMAIL_DESC)\n },\n [elementTypes.ASSIGN_FORM]: {\n wizardKey: 'email',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_FORM_NOTIFICATION,\n label: t(TEXTS.ASSIGN_FORM_EMAIL),\n description: t(TEXTS.ASSIGN_FORM_EMAIL_DESC)\n },\n [elementTypes.ASSIGN_TASK]: {\n wizardKey: 'assignTaskEmail',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_TASK,\n label: t(TEXTS.ASSIGN_FORM_EMAIL),\n description: t(TEXTS.ASSIGN_FORM_EMAIL_DESC)\n }\n },\n SUBTYPES: {\n [elementTypes.SEND_EMAIL]: {\n [elementSubTypes.SEND_APPROVAL_REPORT]: {\n wizardKey: 'email',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_EMAIL_GENERAL,\n emailSubType: EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_EMAIL_GENERAL,\n label: t(TEXTS.FLOW_REPORT_EMAIL),\n description: t(TEXTS.FLOW_REPORT_EMAIL_DESC)\n },\n [elementSubTypes.SEND_PDF]: {\n wizardKey: 'email',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_EMAIL_GENERAL,\n emailSubType: EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_PDF,\n label: t(TEXTS.SEND_PDF_EMAIL),\n description: t(TEXTS.SEND_PDF_EMAIL_DESC)\n },\n [elementSubTypes.SEND_DEFAULT_REPORT]: {\n wizardKey: 'email',\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_EMAIL_GENERAL,\n emailSubType: EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_REPORT,\n label: t(TEXTS.FLOW_REPORT_EMAIL),\n description: t(TEXTS.FLOW_REPORT_EMAIL_DESC)\n }\n }\n }\n};\n\nexport const getElementEmailWizardTemplate = (type, subType) => {\n if (subType) {\n return elementEmailWizardTemplates.SUBTYPES[type][subType];\n }\n return elementEmailWizardTemplates.TYPES[type];\n};\n\nexport const reminderEmailWizardTemplates = {\n [elementTypes.APPROVAL]: {\n emailSubType: ApprovalEmailSubTypes.APPROVAL_REMINDER,\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_APPROVE_START\n },\n [elementTypes.ASSIGN]: {\n emailSubType: AssignEmailSubTypes.ASSIGN_REMINDER,\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_START\n },\n [elementTypes.ASSIGN_FORM]: {\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_FORM_NOTIFICATION,\n emailSubType: AssignFormEmailSubTypes.ASSIGN_FORM_REMINDER\n },\n [elementTypes.ASSIGN_TASK]: {\n emailType: EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_TASK,\n emailSubType: AssignTaskEmailSubTypes.ASSIGN_TASK_REMINDER\n }\n};\n","import { elementSubTypes, elementTypes } from './elementTypes';\nimport { DEFAULT_FEATURES, MULTIPLE_APPROVAL } from './features';\n\nconst isMultipleApproval = DEFAULT_FEATURES[MULTIPLE_APPROVAL];\n\nexport const WF_ERROR_TYPES = {\n ELEMENT_NOT_CONNECTED: 'ELEMENT_NOT_CONNECTED',\n APPROVAL_OUTCOMES_NOT_CONNECTED: 'APPROVAL_OUTCOMES_NOT_CONNECTED',\n BRANCHES_NOT_CONNECTED: 'BRANCHES_NOT_CONNECTED',\n EMPTY_APPROVER_EMAIL: 'EMPTY_APPROVER_EMAIL',\n INVALID_APPROVER_EMAIL: 'INVALID_APPROVER_EMAIL',\n ELEMENT_HAS_EMPTY_OUTCOME: 'ELEMENT_HAS_EMPTY_OUTCOME',\n BINARY_DECISION_HAS_EMPTY_OUTCOME: 'BINARY_DECISION_HAS_EMPTY_OUTCOME',\n BRANCH_EMPTY_CONDITIONS: 'BRANCH_EMPTY_CONDITIONS',\n SEND_EMAIL_EMPTY_RECIPIENT: 'SEND_EMAIL_EMPTY_RECIPIENT',\n SEND_EMAIL_INVALID_RECIPIENT: 'SEND_EMAIL_INVALID_RECIPIENT',\n SEND_EMAIL_RECIPIENT_LIMIT: 'SEND_EMAIL_RECIPIENT_LIMIT',\n CONDITIONS_ON_ENCRYPTED_FORM: ' CONDITIONAL_BRANCH_ON_ENCRYPTED_FORM',\n DISABLED_ON_ENCRYPTED_FORM: 'DISABLED_ON_ENCRYPTED_FORM',\n BINARY_DECISION_INVALID_CONDITIONS: 'BINARY_DECISION_INVALID_CONDITIONS',\n CONDITIONAL_BRANCH_INVALID: 'CONDITIONAL_BRANCH_INVALID',\n APPROVER_NOT_ENTERPRISE: 'APPROVER_NOT_ENTERPRISE',\n ESCALATION_NOT_ENTERPRISE: 'ESCALATION_NOT_ENTERPRISE',\n APPROVAL_AND_SIGN_OUTCOMES_NOT_CONNECTED: 'APPROVAL_AND_SIGN_OUTCOMES_NOT_CONNECTED',\n APPROVAL_AND_SIGN_REQUIRE_OUTCOMES: 'APPROVAL_AND_SIGN_REQUIRE_OUTCOMES',\n ASSIGN_FORM_RECIPIENT_EMPTY: 'ASSIGN_FORM_RECIPIENT_EMPTY',\n ASSIGN_FORM_FORM_NOT_SELECTED: 'ASSIGN_FORM_FORM_NOT_SELECTED',\n ASSIGN_FORM_RECIPIENT_INVALID: 'ASSIGN_FORM_RECIPIENT_INVALID',\n SIGN_DOCUMENT_DOCUMENT_NOT_SELECTED: 'SIGN_DOCUMENT_DOCUMENT_NOT_SELECTED',\n SIGN_DOCUMENT_NO_PARTICIPANTS: 'SIGN_DOCUMENT_NO_PARTICIPANTS',\n SIGN_DOCUMENT_EMPTY_PARTICIPANT: 'SIGN_DOCUMENT_EMPTY_PARTICIPANT',\n INVALID_ESCALATION_EMAIL: 'INVALID_ESCALATION_EMAIL',\n EMPTY_TEAM_APPROVAL: 'EMPTY_TEAM_APPROVAL',\n SMTP_CONFIG_ERROR: 'SMTP_CONFIG_ERROR',\n MISSING_QUCIKBOOKS_AUTHENTICATION: 'MISSING_QUCIKBOOKS_AUTHENTICATION',\n MISSING_QUCIKBOOKS_SETTINGS: 'MISSING_QUCIKBOOKS_SETTINGS',\n SIGN_DOCUMENT_OUTCOMES_NOT_CONNECTED: 'SIGN_DOCUMENT_OUTCOMES_NOT_CONNECTED',\n ASSIGN_TASK_OUTCOMES_NOT_CONNECTED: 'ASSIGN_TASK_OUTCOMES_NOT_CONNECTED',\n EMPTY_ASSIGN_TASK_EMAIL: 'EMPTY_ASSIGN_TASK_EMAIL',\n INVALID_ASSIGN_TASK_EMAIL: 'INVALID_ASSIGN_TASK_EMAIL',\n ASSIGNEE_NOT_ENTERPRISE: 'ASSIGNEE_NOT_ENTERPRISE',\n ASSIGN_TASK_HEADER_EMTPY: 'ASSIGN_TASK_HEADER_EMTPY',\n MISSING_START_POINT: 'MISSING_START_POINT'\n};\n\nexport const ERROR_TYPE_STRINGS = {\n [WF_ERROR_TYPES.ELEMENT_NOT_CONNECTED]: 'The element is not connected to the flow.',\n [WF_ERROR_TYPES.APPROVAL_OUTCOMES_NOT_CONNECTED]: 'Approval outcomes are not connected to any element on the builder.',\n [WF_ERROR_TYPES.BRANCHES_NOT_CONNECTED]: 'Branches are not connected to any element on the builder.',\n [WF_ERROR_TYPES.APPROVAL_AND_SIGN_OUTCOMES_NOT_CONNECTED]: 'Approve & Sign outcomes are not connected to any element on the builder.',\n [WF_ERROR_TYPES.APPROVAL_AND_SIGN_REQUIRE_OUTCOMES]: 'You need to select which outcome requires signatures.',\n [WF_ERROR_TYPES.EMPTY_APPROVER_EMAIL]: 'Approver email address is empty.',\n [WF_ERROR_TYPES.INVALID_APPROVER_EMAIL]: isMultipleApproval ? 'There are invalid approver email addresses. This task is not assigned to anyone.' : 'Approver email address is not valid.',\n [WF_ERROR_TYPES.ELEMENT_HAS_EMPTY_OUTCOME]: 'Select an outcome.',\n [WF_ERROR_TYPES.BINARY_DECISION_HAS_EMPTY_OUTCOME]: 'Select a branch.',\n [WF_ERROR_TYPES.BRANCH_EMPTY_CONDITIONS]: 'Set conditions to complete element settings.',\n [WF_ERROR_TYPES.SEND_EMAIL_EMPTY_RECIPIENT]: 'Recipient email field is empty.',\n [WF_ERROR_TYPES.SEND_EMAIL_INVALID_RECIPIENT]: 'Recipient email is invalid.',\n [WF_ERROR_TYPES.CONDITIONS_ON_ENCRYPTED_FORM]: 'Conditions not available for encrypted forms.',\n [WF_ERROR_TYPES.SEND_EMAIL_RECIPIENT_LIMIT]: 'Maximum email recipient limit exceeded',\n [WF_ERROR_TYPES.DISABLED_ON_ENCRYPTED_FORM]: `${window.companyTitle} Approvals is not suitable with encrypted forms.`,\n [WF_ERROR_TYPES.CONDITIONAL_BRANCH_INVALID]: 'Conditional branch is invalid.',\n [WF_ERROR_TYPES.BINARY_DECISION_INVALID_CONDITIONS]: 'Conditions are invalid.',\n [WF_ERROR_TYPES.APPROVER_NOT_ENTERPRISE]: 'Approver is not registered.',\n [WF_ERROR_TYPES.ESCALATION_NOT_ENTERPRISE]: 'Cannot escalate to unregistered user.',\n [WF_ERROR_TYPES.ASSIGN_FORM_RECIPIENT_INVALID]: 'Assignee email is invalid.',\n [WF_ERROR_TYPES.ASSIGN_FORM_RECIPIENT_EMPTY]: 'Form receiver is empty.',\n [WF_ERROR_TYPES.ASSIGN_FORM_FORM_NOT_SELECTED]: 'A form must be selected.',\n [WF_ERROR_TYPES.SIGN_DOCUMENT_DOCUMENT_NOT_SELECTED]: 'To send a sign document you need to add a document.',\n [WF_ERROR_TYPES.SIGN_DOCUMENT_NO_PARTICIPANTS]: 'Add signer to send a sign document.',\n [WF_ERROR_TYPES.SIGN_DOCUMENT_EMPTY_PARTICIPANT]: 'To send a sign document you need to add signer name and email.',\n [WF_ERROR_TYPES.SIGN_DOCUMENT_OUTCOMES_NOT_CONNECTED]: 'Sign document outcomes are not connected to any element on the builder.',\n [WF_ERROR_TYPES.INVALID_ESCALATION_EMAIL]: 'Escalation email address is not valid.',\n [WF_ERROR_TYPES.EMPTY_TEAM_APPROVAL]: 'Select a team',\n [WF_ERROR_TYPES.SMTP_CONFIG_ERROR]: 'Email SMTP configuration error',\n [WF_ERROR_TYPES.MISSING_QUCIKBOOKS_AUTHENTICATION]: 'To run an integration you need to authentication.',\n [WF_ERROR_TYPES.MISSING_QUCIKBOOKS_SETTINGS]: 'Match at least one field to run the integration.',\n [WF_ERROR_TYPES.ASSIGN_TASK_OUTCOMES_NOT_CONNECTED]: 'Assign task outcomes are not connected to any element on the builder.',\n [WF_ERROR_TYPES.EMPTY_ASSIGN_TASK_EMAIL]: 'Assignee email address is empty.',\n [WF_ERROR_TYPES.INVALID_ASSIGN_TASK_EMAIL]: 'Assignee email address is not valid.',\n [WF_ERROR_TYPES.ASSIGNEE_NOT_ENTERPRISE]: 'Assignee is not registered.',\n [WF_ERROR_TYPES.ASSIGN_TASK_HEADER_EMTPY]: 'Assign task title is empty.',\n [WF_ERROR_TYPES.MISSING_START_POINT]: 'To run an integration you need to select a form.'\n};\n\nexport const ERROR_TYPE_OPEN_MODAL = {\n [elementTypes.BINARY_DECISION]: ['BINARY_DECISION_INVALID_CONDITIONS', 'BRANCH_EMPTY_CONDITIONS'],\n [elementTypes.ASSIGN_FORM]: ['ASSIGN_FORM_FORM_NOT_SELECTED', 'ASSIGN_FORM_RECIPIENT_EMPTY', 'ASSIGN_FORM_RECIPIENT_INVALID'],\n [elementSubTypes.PAYMENT_FORM]: ['ASSIGN_FORM_FORM_NOT_SELECTED', 'ASSIGN_FORM_RECIPIENT_EMPTY', 'ASSIGN_FORM_RECIPIENT_INVALID'],\n [elementTypes.SEND_EMAIL]: ['SEND_EMAIL_EMPTY_RECIPIENT'],\n [elementTypes.CONDITIONAL_BRANCH]: ['CONDITIONAL_BRANCH_INVALID', 'BRANCH_EMPTY_CONDITIONS'],\n [elementTypes.SIGN_DOCUMENT]: ['SIGN_DOCUMENT_DOCUMENT_NOT_SELECTED', 'SIGN_DOCUMENT_EMPTY_PARTICIPANT', 'SIGN_DOCUMENT_NO_PARTICIPANTS'],\n [elementSubTypes.SEND_PDF]: ['SEND_EMAIL_EMPTY_RECIPIENT'],\n [elementSubTypes.SEND_APPROVAL_REPORT]: [],\n [elementSubTypes.SEND_DEFAULT_REPORT]: [],\n [elementTypes.INTEGRATION]: ['MISSING_QUCIKBOOKS_AUTHENTICATION', 'MISSING_QUCIKBOOKS_SETTINGS']\n\n};\n\nexport const ERROR_TYPE_OPEN_RIGHT_PANEL = {\n [elementTypes.APPROVAL]: ['EMPTY_APPROVER_EMAIL', 'INVALID_APPROVER_EMAIL', 'INVALID_ESCALATION_EMAIL'],\n [elementSubTypes.APPROVAL_WITH_SIGN]: ['EMPTY_APPROVER_EMAIL', 'APPROVAL_AND_SIGN_REQUIRE_OUTCOMES'],\n [elementSubTypes.SEND_APPROVAL_REPORT]: ['SEND_EMAIL_EMPTY_RECIPIENT'],\n [elementSubTypes.SEND_DEFAULT_REPORT]: ['SEND_EMAIL_EMPTY_RECIPIENT'],\n [elementTypes.ASSIGN_TASK]: ['EMPTY_ASSIGN_TASK_EMAIL', 'INVALID_ASSIGN_TASK_EMAIL', 'ELEMENT_HAS_EMPTY_OUTCOME', 'ASSIGNEE_NOT_ENTERPRISE', 'SMTP_CONFIG_ERROR', 'ASSIGN_TASK_HEADER_EMTPY']\n};\n","import { isEnterprise as isEnterpriseFunc } from '@jotforminc/enterprise-utils';\n\nexport const UNDO_REDO = '@FEATURE/UNDO_REDO';\nexport const ZOOM = '@FEATURE/ZOOM';\nexport const ADD_ELEMENT = '@FEATURE/ADD_ELEMENT';\nexport const DUPLICATE_ELEMENT = '@FEATURE/DUPLICATE_ELEMENT';\nexport const PREVIEW = '@FEATURE/PREVIEW';\nexport const LINK_POINTS = '@FEATURE/LINK_POINTS';\nexport const DRAG_LINK = '@FEATURE/DRAG_LINK';\nexport const NEW_WORKFLOW_SAGA = '@FEATURE/NEW_WORKFLOW_SAGA';\nexport const DRAG_PREVIEW = '@FEATURE/DRAG_PREVIEW';\nexport const ASSIGN_ELEMENT = '@FEATURE/ASSIGN_ELEMENT';\nexport const SPLIT_ELEMENT = '@FEATURE/SPLIT_ELEMENT';\nexport const WITHOUT_FORM = '@FEATURE/WITHOUT_FORM';\nexport const CREATE_WIZARD = '@FEATURE/CREATE_WIZARD';\nexport const MINI_PICKER = '@FEATURE/MINI_PICKER';\nexport const SHARE_TEMPLATE = '@FEATURE/SHARE_TEMPLATE';\nexport const REQUIRE_LOGIN = '@FEATURE/REQUIRE_LOGIN';\nexport const REQUEST_MORE_INFO = '@FEATURE/REQUEST_MORE_INFO';\nexport const ALLOW_FORM_FIELDS_ON_APPROVER = '@FEATURE/ALLOW_FORM_FIELDS_ON_APPROVER';\nexport const ALLOW_FORM_FIELDS = '@FEATURE/ALLOW_FORM_FIELDS';\nexport const HELP_MENU = '@FEATURE/HELP_MENU';\nexport const COLORED_LINK = '@FEATURE/COLORED_LINK';\nexport const PUSH_NODES = '@FEATURE/PUSH_NODES';\nexport const DISABLE_FREE_TEXT_ON_RECIPIENTS = '@FEATURE/DISABLE_FREE_TEXT_ON_RECIPIENTS';\nexport const ADMIN_HEADER = '@FEATURE/ADMIN_HEADER';\nexport const PDF_ATTACHMENTS = '@FEATURE/PDF_ATTACHMENTS';\nexport const APPROVAL_WITH_SIGN = '@FEATURE/APPROVAL_WITH_SIGN';\nexport const TRIGGER_ON_EDIT = '@FEATURE/TRIGGER_ON_EDIT';\nexport const OUTCOME_EDIT_ICON = '@FEATURE/OUTCOME_EDIT_ICON';\nexport const SEND_APPROVAL_REPORT = '@FEATURE/SEND_APPROVAL_REPORT';\nexport const ERROR_UPDATE = '@FEATURE/ERROR_UPDATE';\nexport const TERMINATE_FLOW = '@FEATURE/TERMINATE_FLOW';\nexport const MULTIPLE_SELECT = '@FEATURE/MULTIPLE_SELECT';\nexport const MULTIPLE_SELECT_HEADER = '@FEATURE/MULTIPLE_SELECT_HEADER';\nexport const LOCK = '@FEATURE/LOCK';\nexport const ZOOM_MENU = '@FEATURE/ZOOM_MENU';\nexport const LABEL_POSITION_IMPROVEMENT = '@FEATURE/LABEL_POSITION_IMPROVEMENT';\nexport const ASSIGN_FORM = '@FEATURE/ASSIGN_FORM';\nexport const CONDITIONAL_BRANCH_MODAL = '@FEATURE/CONDITIONAL_BRANCH_MODAL';\nexport const BINARY_DECISION_MODAL = '@FEATURE/BINARY_DECISION_MODAL';\nexport const MULTIPLE_FORMS = '@FEATURE/MULTIPLE_FORMS';\nexport const ERROR_PAGE = '@FEATURE/ERROR_PAGE';\nexport const BRANCH_TOOLTIP = '@FEATURE/BRANCH_TOOLTIP';\nexport const CONDITION_DROPDOWN = '@FEATURE/CONDITION_DROPDOWN';\nexport const MULTI_FORM_PDF = '@FEATURE/MULTI_FORM_PDF';\nexport const PREFILL = '@FEATURE/PREFILL';\nexport const AUTOMATCH = '@FEATURE/AUTOMATCH';\nexport const NEW_REPORT_ELEMENT = '@FEATURE/NEW_REPORT_ELEMENT';\nexport const WHATS_NEW_MODAL = '@FEATURE/WHATS_NEW_MODAL';\nexport const OUTCOME_BUTTONS = '@FEATURE/OUTCOME_BUTTONS';\nexport const REQUIRE_COMMENT = '@FEATURE/REQUIRE_COMMENT';\nexport const REQUIRE_LOGIN_ADVANCED = '@FEATURE/REQUIRE_LOGIN_ADVANCED';\nexport const IS_CONNECTED = '@FEATURE/IS_CONNECTED';\nexport const SIGN_DOCUMENT = '@FEATURE/SIGN_DOCUMENT';\nexport const WORKFLOW_PICKER = '@FEATURE/WORKFLOW_PICKER';\nexport const SIGN_PICKER = '@FEATURE/SIGN_PICKER';\nexport const NEW_ELEMENT_DESIGN = '@FEATURE/NEW_ELEMENT_DESIGN';\nexport const FADE_ORPHAN_ITEMS = '@FEATURE/FADE_ORPHAN_ITEMS';\nexport const DISPLAY_ACCESSIBILITY_TOOLBAR = '@FEATURE/DISPLAY_ACCESSIBILITY_TOOLBAR';\nexport const TEAM_APPROVAL = '@FEATURE/TEAM_APPROVAL';\n\nexport const ESSENTIAL_ELEMENT_PROPS = '@FEATURE/ESSENTIAL_ELEMENT_PROPS';\nexport const CREATE_REMINDER_EMAIL = '@FEATURE/CREATE_REMINDER_EMAIL';\nexport const DISABLE_AUTO_FINISH_TASK = '@FEATURE/DISABLE_AUTO_FINISH_TASK';\nexport const NODE_ORDERING = '@FEATURE/NODE_ORDERING';\nexport const ACCESS_LOGIC = '@FEATURE/ACCESS_LOGIC';\nexport const MULTIPLE_APPROVAL = '@FEATURE/MULTIPLE_APPROVAL';\nexport const DELETED_PDF_LOGIC = '@FEATURE/DELETED_PDF_LOGIC';\nexport const NEW_LEFT_PANEL = '@FEATURE/NEW_LEFT_PANEL';\nexport const WARNING_PANEL = '@FEATURE/WARNING_PANEL';\nexport const SMTP_ERRORS = '@FEATURE/SMTP_ERRORS';\nexport const CANVAS_BACKGROUND = '@FEATURE/CANVAS_BACKGROUND';\nexport const SEND_NOTIFICATION = '@FEATURE/SEND_NOTIFICATION';\nexport const MULTIPLE_FORM_SUPPORT = '@FEATURE/MULTIPLE_FORM_SUPPORT';\nexport const SHOW_INTEGRATION_SECTION = '@FEATURE/SHOW_INTEGRATION_SECTION';\nexport const TERMINATE_REASON = '@FEATURE/TERMINATE_REASON';\nexport const WORKFLOW_V2 = '@FEATURE/WORKFLOW_V2';\nexport const CANVAS_AUTO_CONNECT = '@FEATURE/CANVAS_AUTO_CONNECT';\nexport const CANVAS_FLOATING_EDGE = '@FEATURE/CANVAS_FLOATING_EDGE';\nexport const CANVAS_DELETE_MIDDLE_NODE = '@FEATURE/CANVAS_DELETE_MIDDLE_NODE';\nexport const WORKFLOW_RELEASED = '@FEATURE/WORKFLOW_RELEASED';\nexport const PAYMENT_FORM = '@FEATURE/PAYMENT_FORM';\nexport const INTEGRATIONS = '@FEATURE/INTEGRATIONS';\nexport const WORKFLOW_FORM_BUILDER = '@FEATURE/WORKFLOW_FORM_BUILDER';\nexport const ASSIGN_TASK = '@FEATURE/ASSIGN_TASK';\nexport const INTEGRATION_MULTIPLE_FORM = '@FEATURE/INTEGRATION_MULTIPLE_FORM';\nexport const LIMITATIONS = '@FEATURE/LIMITATIONS';\nexport const SHOW_NEW_BADGES = '@FEATURE/SHOW_NEW_BADGES';\nexport const SHOW_INTERNAL_FORMS = '@FEATURE/SHOW_INTERNAL_FORMS';\n\nconst isEnterprise = isEnterpriseFunc();\nconst isHIPAA = window.isHIPAA === true;\nconst isHIPAAEnterprise = isEnterprise && isHIPAA;\nconst isDevelopment = window.JOTFORM_ENV === 'DEVELOPMENT';\nconst allowWorkflowFeatures = window.allowWorkflowFeatures === true;\nconst allowSign = isEnterprise ? window?.allowSign : true;\n// const isRegularAdmin = window.isAdmin === true && !isEnterprise;\n\nconst isInternalType = ['ADMIN', 'SUPPORT', 'HELPDESK'].includes(window?.__flowOwnerAccountType) && !isEnterprise;\nconst isJotformInternalEnterprise = isEnterprise && window?.isWorkflowReleased;\nconst isNewWorkflowFeautesEnabled = isInternalType || isJotformInternalEnterprise || isDevelopment;\n\nexport const BETA_STATUS_FEATURES = [];\n\nexport const DEFAULT_FEATURES = {\n [DRAG_PREVIEW]: false,\n [UNDO_REDO]: true,\n [ZOOM]: true,\n [ADD_ELEMENT]: true,\n [PREVIEW]: false,\n [LINK_POINTS]: false,\n [DRAG_LINK]: false,\n [ASSIGN_ELEMENT]: false,\n [SPLIT_ELEMENT]: true,\n [WITHOUT_FORM]: true,\n [CREATE_WIZARD]: true,\n [MINI_PICKER]: false,\n [SHARE_TEMPLATE]: !isEnterprise && true,\n [REQUIRE_LOGIN]: !isHIPAA, // open for regular users + regular enterprise\n [REQUEST_MORE_INFO]: true,\n [HELP_MENU]: !isEnterprise,\n [ALLOW_FORM_FIELDS_ON_APPROVER]: true,\n [ALLOW_FORM_FIELDS]: !isHIPAA,\n [DISABLE_FREE_TEXT_ON_RECIPIENTS]: isHIPAAEnterprise,\n [COLORED_LINK]: false,\n [PUSH_NODES]: false,\n [ADMIN_HEADER]: false,\n [PDF_ATTACHMENTS]: true,\n [APPROVAL_WITH_SIGN]: true,\n [TRIGGER_ON_EDIT]: true,\n [OUTCOME_EDIT_ICON]: true,\n [SEND_APPROVAL_REPORT]: true,\n [ERROR_UPDATE]: true,\n [TERMINATE_FLOW]: true,\n [LABEL_POSITION_IMPROVEMENT]: true,\n [MULTIPLE_SELECT_HEADER]: true,\n [MULTIPLE_SELECT]: true,\n [ERROR_PAGE]: true,\n [LOCK]: false,\n [ZOOM_MENU]: isDevelopment,\n [ASSIGN_FORM]: true,\n [CONDITIONAL_BRANCH_MODAL]: true,\n [BINARY_DECISION_MODAL]: true,\n [MULTIPLE_FORMS]: true,\n [BRANCH_TOOLTIP]: true,\n [CONDITION_DROPDOWN]: true,\n [PREFILL]: true,\n [MULTI_FORM_PDF]: true,\n [AUTOMATCH]: true,\n [NEW_REPORT_ELEMENT]: true,\n [WHATS_NEW_MODAL]: true,\n [OUTCOME_BUTTONS]: true,\n [REQUIRE_COMMENT]: true,\n [REQUIRE_LOGIN_ADVANCED]: false,\n [IS_CONNECTED]: false,\n [SIGN_DOCUMENT]: window.isSignReleased && allowSign,\n [WORKFLOW_PICKER]: isDevelopment,\n [SIGN_PICKER]: window.isSignReleased && allowSign,\n [NEW_ELEMENT_DESIGN]: true,\n [FADE_ORPHAN_ITEMS]: true,\n [ESSENTIAL_ELEMENT_PROPS]: false,\n [CREATE_REMINDER_EMAIL]: true,\n [DISABLE_AUTO_FINISH_TASK]: false,\n [NODE_ORDERING]: isDevelopment || window.location.href.indexOf('eisai.jotform.com') > -1,\n [DISPLAY_ACCESSIBILITY_TOOLBAR]: false,\n [ACCESS_LOGIC]: false,\n [DELETED_PDF_LOGIC]: true,\n [MULTIPLE_APPROVAL]: allowWorkflowFeatures,\n [TEAM_APPROVAL]: allowWorkflowFeatures || window.location.href.indexOf('jotformers.com') > -1,\n [NEW_LEFT_PANEL]: false,\n [WARNING_PANEL]: false && !isEnterprise,\n [SMTP_ERRORS]: false,\n [CANVAS_BACKGROUND]: false,\n [SEND_NOTIFICATION]: true,\n [MULTIPLE_FORM_SUPPORT]: false,\n [SHOW_INTEGRATION_SECTION]: false,\n [INTEGRATIONS]: isNewWorkflowFeautesEnabled || window?.isWorkflowReleased,\n [TERMINATE_REASON]: true,\n [WORKFLOW_V2]: window?.allowWorkflowV2,\n [CANVAS_AUTO_CONNECT]: false,\n [CANVAS_FLOATING_EDGE]: false,\n [CANVAS_DELETE_MIDDLE_NODE]: false,\n [WORKFLOW_RELEASED]: isJotformInternalEnterprise || window?.isWorkflowReleased,\n [WORKFLOW_FORM_BUILDER]: isNewWorkflowFeautesEnabled || window?.isWorkflowReleased,\n [PAYMENT_FORM]: isNewWorkflowFeautesEnabled || window?.isWorkflowReleased,\n [ASSIGN_TASK]: isNewWorkflowFeautesEnabled || window?.isWorkflowReleased,\n [LIMITATIONS]: true, // use it with ELEMENT_LIMIT=N param\n [INTEGRATION_MULTIPLE_FORM]: isNewWorkflowFeautesEnabled || window?.isWorkflowReleased,\n [SHOW_NEW_BADGES]: window?.showNewBadges,\n [SHOW_INTERNAL_FORMS]: true\n};\n\nconst queryParts = window.location.search.replace('?', '').split('&');\nqueryParts.forEach(query => {\n const [, parameter, isActive] = query.match(/(.*?)=(\\d+)/) || [];\n const expectedFeatureKey = `@FEATURE/${parameter}`;\n if (DEFAULT_FEATURES[expectedFeatureKey] !== undefined) {\n DEFAULT_FEATURES[expectedFeatureKey] = Boolean(parseInt(isActive, 10));\n }\n});\n","import { isEnterprise as isEnterpriseFunc } from '@jotforminc/enterprise-utils';\n\nexport const isPDFPasswordRequiredOnHIPAA = () => {\n const isEnterprise = isEnterpriseFunc();\n const isHIPAA = window.isHIPAA === true;\n const isHIPAAEnterprise = isEnterprise && isHIPAA;\n\n if (isHIPAAEnterprise) {\n return window?.CUSTOMIZED_CONFIGS?.HIPAA_REQUIRE_PDF_PASSWORD;\n }\n\n if (isHIPAA) {\n return true;\n }\n};\n","import React from 'react';\nimport { string } from 'prop-types';\n\nimport {\n // BASIC ELEMENTS\n IconFormFilled,\n IconFormArrowRightFilled,\n IconProductPaymentFormFilled,\n IconEnvelopeFormFilled,\n IconFormPenCheckFilled,\n IconUsersCheckFilled,\n IconFormCheckFilled,\n IconPaperReportFilled,\n IconDocumentPdfFilled,\n IconProductSignFilled,\n IconTaskFilled,\n\n // LOGIC ELEMENTS\n IconIfElseConditionFilled,\n IconConditionalBranchFilled,\n IconSplitFilled,\n IconMergeFilled,\n IconSquareFilled\n} from '@jotforminc/svg-icons';\n\nimport { elementTypes, elementSubTypes } from './elementTypes';\nimport { INTEGRATION_DETAILS } from './IntegrationDetails';\n\nexport const iconTypes = {\n // BASIC ELEMENTS\n [elementTypes.START_POINT]: IconFormFilled,\n [elementTypes.ASSIGN_FORM]: IconFormArrowRightFilled,\n [elementSubTypes.PAYMENT_FORM]: IconProductPaymentFormFilled,\n [elementTypes.SEND_EMAIL]: IconEnvelopeFormFilled,\n [elementSubTypes.APPROVAL_WITH_SIGN]: IconFormPenCheckFilled,\n [elementSubTypes.TEAM_APPROVAL]: IconUsersCheckFilled,\n [elementTypes.APPROVAL]: IconFormCheckFilled,\n [elementSubTypes.SEND_APPROVAL_REPORT]: IconPaperReportFilled, // todo\n [elementSubTypes.SEND_DEFAULT_REPORT]: IconPaperReportFilled,\n [elementSubTypes.SEND_PDF]: IconDocumentPdfFilled,\n [elementTypes.SIGN_DOCUMENT]: IconProductSignFilled,\n [elementTypes.ASSIGN_TASK]: IconTaskFilled,\n\n // LOGIC ELEMENTS\n [elementTypes.BINARY_DECISION]: IconIfElseConditionFilled,\n [elementTypes.CONDITIONAL_BRANCH]: IconConditionalBranchFilled,\n [elementTypes.SPLIT]: IconSplitFilled,\n [elementTypes.MERGE]: IconMergeFilled,\n [elementTypes.END_POINT]: IconSquareFilled,\n ...(Object.entries(INTEGRATION_DETAILS).reduce((prev, [key, values]) => {\n if (values?.actions) {\n return {\n ...prev,\n [key]: values.icon\n };\n }\n return prev;\n }, {}))\n};\n\nexport const IconRenderer = ({ type }) => {\n if (!type) { return (<>); }\n const Component = iconTypes[type];\n return \n
\n );\n }\n}\n\nWizardFooter.propTypes = {\n children: oneOfType([\n arrayOf(node),\n node\n ]),\n className: string\n};\n\nWizardFooter.defaultProps = {\n children: null,\n className: ''\n};\n","import React from 'react';\nimport {\n oneOfType, arrayOf, node, string\n} from 'prop-types';\nimport { classNames } from '@jotforminc/utils';\n\nexport default class Label extends React.Component {\n render() {\n const {\n className, children, labelledFor, ...props\n } = this.props;\n\n return (\n \n );\n }\n}\n\nLabel.propTypes = {\n children: oneOfType([\n arrayOf(node),\n node\n ]),\n className: string,\n labelledFor: string\n};\n\nLabel.defaultProps = {\n children: null,\n className: '',\n labelledFor: ''\n};\n","import React from 'react';\nimport {\n string, bool, oneOfType, arrayOf, node, shape\n} from 'prop-types';\nimport { classNames } from '@jotforminc/utils';\nimport _uniqueId from 'lodash/uniqueId';\n\nimport Label from './Label';\n\nexport default class TextInput extends React.Component {\n constructor(props) {\n super(props);\n\n this.textInput = null;\n }\n\n componentDidMount() {\n const { autofocus, autoscroll } = this.props;\n\n if (autofocus) {\n this.textInput.focus();\n }\n\n if (autoscroll) {\n this.textInput.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });\n }\n }\n\n render() {\n const {\n className,\n autofocus,\n autoscroll,\n label,\n children,\n wrapperProps: { className: wrapperClassName, ...wrapperRestProps },\n ...props\n } = this.props;\n\n const id = _uniqueId('contact-');\n\n return (\n \n
\n \n {children}\n
\n \n {label && }\n
\n );\n }\n}\n\nTextInput.propTypes = {\n children: oneOfType([\n arrayOf(node),\n node\n ]),\n wrapperProps: shape(),\n className: string,\n label: string,\n autofocus: bool,\n autoscroll: bool\n};\n\nTextInput.defaultProps = {\n children: null,\n wrapperProps: {},\n className: '',\n label: null,\n autofocus: false,\n autoscroll: false\n};\n","import React from 'react';\nimport {\n string, bool, objectOf, object, oneOfType, arrayOf, node, shape\n} from 'prop-types';\nimport { classNames } from '@jotforminc/utils';\n\nimport Label from './Label';\n\nexport default class DropdownInput extends React.Component {\n constructor(props) {\n super(props);\n\n this.dropdownInput = null;\n }\n\n componentDidMount() {\n const { autofocus, autoscroll } = this.props;\n\n if (autofocus) {\n this.dropdownInput.focus();\n }\n\n if (autoscroll) {\n this.dropdownInput.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });\n }\n }\n\n get renderOptions() {\n const { options } = this.props;\n\n return options.map(option => {\n const { value, text } = option;\n return ;\n });\n }\n\n get renderPlaceholder() {\n const { placeholder } = this.props;\n return ;\n }\n\n render() {\n const {\n className,\n autofocus,\n autoscroll,\n placeholder,\n options,\n children,\n label,\n wrapperProps: { className: wrapperClassName, ...wrapperRestProps },\n ...props\n } = this.props;\n\n return (\n \n { this.textInput = r; }}\n type=\"text\"\n className={classNames('jfWizard-input-text', className)}\n {...props}\n />\n {children}\n
\n \n {label && }\n
\n );\n }\n}\n\nDropdownInput.propTypes = {\n children: oneOfType([\n arrayOf(node),\n node\n ]),\n wrapperProps: shape(),\n className: string,\n label: string,\n autofocus: bool,\n autoscroll: bool,\n placeholder: string,\n options: objectOf(object)\n};\n\nDropdownInput.defaultProps = {\n children: null,\n wrapperProps: {},\n className: '',\n label: null,\n autofocus: false,\n autoscroll: false,\n placeholder: null,\n options: []\n};\n","import React from 'react';\nimport {\n oneOfType, arrayOf, node, string\n} from 'prop-types';\nimport { classNames } from '@jotforminc/utils';\n\nexport default class LoadingState extends React.Component {\n render() {\n const {\n className, children, ...props\n } = this.props;\n\n return (\n \n { this.dropdownInput = r; }}\n className={classNames('jfWizard-input-select', className)}\n {...props}\n >\n {this.renderPlaceholder}\n {this.renderOptions}\n {children}\n \n
\n \n
\n );\n }\n}\n\nLoadingState.propTypes = {\n children: oneOfType([\n arrayOf(node),\n node\n ]),\n className: string\n};\n\nLoadingState.defaultProps = {\n children: null,\n className: ''\n};\n","import { Interceptors, RequestLayer } from '@jotforminc/request-layer';\n\nconst backendResponseInterceptor = ctx => {\n const { resp } = ctx;\n\n if (resp && resp.data) {\n ctx.result = resp?.data;\n }\n\n return false;\n};\n\nconst apiRequestLayer = new RequestLayer('/API', {\n interceptorConfig: {\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nconst backendRequestLayer = new RequestLayer('/', {\n interceptorConfig: {\n customResponseInterceptors: [backendResponseInterceptor]\n },\n engineConfig: {\n disableEngineThrowOnError: true,\n validateStatus: () => true\n }\n});\n\nexport const getCombinedInfo = () => apiRequestLayer.get('user/combinedinfo');\n\nexport const migrateForm = ({\n tokens, formId, shouldMigrateSubmissions, contextParam, from\n}) => backendRequestLayer.post('google-forms-importer/migrate', new URLSearchParams({\n credential: JSON.stringify(tokens ?? []),\n form_id: formId,\n submissions: shouldMigrateSubmissions ? '1' : '0',\n context: contextParam,\n from\n}));\n\nexport const getForms = ({ tokens }) => backendRequestLayer.post('google-forms-importer/forms', new URLSearchParams({\n credential: JSON.stringify(tokens ?? [])\n}));\n\nexport const getTokens = () => backendRequestLayer.get('google-forms-importer/token');\n\nexport const disconnectGoogleAccount = () => backendRequestLayer.delete('google-forms-importer/token');\n","const ACTION_TYPES = {\n SET_COMBINED_INFO: 'SET_COMBINED_INFO',\n SET_GOOGLE_CALLBACK: 'SET_GOOGLE_CALLBACK',\n SET_STEP: 'SET_STEP',\n SET_FORMS_LOADING: 'SET_FORMS_LOADING',\n START_MIGRATION: 'START_MIGRATION',\n SET_INITIAL_QUEUE: 'SET_INITIAL_QUEUE',\n UPDATE_MIGRATION_STATUS: 'UPDATE_MIGRATION_STATUS',\n UPDATE_MIGRATION_QUEUE: 'UPDATE_MIGRATION_QUEUE',\n FLUSH_MIGRATION_QUEUE: 'FLUSH_MIGRATION_QUEUE',\n REFRESH_FORMS: 'REFRESH_FORMS',\n RESET_GOOGLE_CREDENTIALS: 'RESET_GOOGLE_CREDENTIALS'\n};\n\nexport default ACTION_TYPES;\n","import React, {\n createContext, useContext, useEffect, useReducer\n} from 'react';\nimport isEmpty from 'lodash/isEmpty';\nimport PropTypes from 'prop-types';\n\nimport { getCombinedInfo } from '../api';\nimport ACTION_TYPES from './actionTypes';\n\nconst userReducer = (state, action) => {\n switch (action.type) {\n case ACTION_TYPES.SET_COMBINED_INFO:\n return {\n ...state,\n type: action?.combinedInfo?.type,\n credentials: action?.combinedInfo?.credentials\n };\n default:\n return state;\n }\n};\n\nexport const UserContext = createContext({});\n\nconst UserProvider = ({ children, user }) => {\n const initialUserState = {\n type: '',\n credentials: {}\n };\n\n const [userState, userDispatch] = useReducer(userReducer, { ...initialUserState });\n\n useEffect(() => {\n (async () => {\n let _user = user;\n\n if (isEmpty(_user?.credentials)) {\n _user = await getCombinedInfo();\n }\n\n userDispatch({\n type: ACTION_TYPES.SET_COMBINED_INFO,\n combinedInfo: {\n type: _user?.type,\n credentials: _user?.credentials\n }\n });\n })();\n }, []);\n\n return \n {children}\n
\n \n \n
\n);\n\nMaintenanceMode.propTypes = {\n modalClose: PropTypes.func.isRequired\n};\n\nexport default MaintenanceMode;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { IconInfoCircle, IconXmark } from '@jotforminc/svg-icons';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\n\nimport { MIGRATE_FROM_DIFFERENT, YOU_ARE_CONTINUING_WITH, YOU_WILL_CONTINUE } from '../../constants/texts';\n\nconst ChangeGoogleAccountStep = ({\n modalClose, handleSkipAccountSelector, handleConnectNewAccount, googleEmail\n}) => {\n return (\n \n
\n \n
\n \n {t(UNDER_MAINTENANCE)}\n
\n\n {t(UNDER_MAINTENANCE_DESC)}\n
\n\n modalClose()}\n >\n {t(OK)}\n \n
\n \n modalClose()}\n rounded\n className='absolute right-4 top-4 rtl:right-auto rtl:left-4'\n />\n
\n );\n};\n\nChangeGoogleAccountStep.propTypes = {\n modalClose: PropTypes.func.isRequired,\n handleSkipAccountSelector: PropTypes.func.isRequired,\n handleConnectNewAccount: PropTypes.func.isRequired,\n googleEmail: PropTypes.string.isRequired\n};\n\nexport default ChangeGoogleAccountStep;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { IconInfoCircle, IconXmark } from '@jotforminc/svg-icons';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\nimport {\n ACCESS_REQUIRED,\n BY_CONTINUING,\n GOOGLE_FORMS_FORM_SUBMISSION,\n SESSION_INFORMATION,\n THE_APP_WILL_TAKE_SNAPSHOTS,\n THE_IMPORT_FROM_JOTFORM,\n THIS_APP_HELPS_YOU_COPY,\n THIS_APP_REQUIRES,\n THIS_APP_WAS_DEVELOPED_BY,\n TO_AUTHORIZE_THE_APP,\n YOUR_PERSONAL_INFORMATION\n} from '../../constants/texts';\n\nconst AuthorizationStep = ({\n modalClose, handleOpenGoogleAuth\n}) => {\n const [privacyPolicyOpen, setPrivacyPolicyOpen] = useState(false);\n\n return (\n \n
\n \n
\n \n {t(YOU_ARE_CONTINUING_WITH)}\n
\n\n {translationRenderer(YOU_WILL_CONTINUE)({\n renderer1: () => {googleEmail}\n })}\n
\n\n handleConnectNewAccount()}\n >\n {t(MIGRATE_FROM_DIFFERENT)}\n \n handleSkipAccountSelector()}\n >\n {t('Continue')}\n \n
\n \n modalClose()}\n rounded\n className='absolute right-4 top-4 rtl:right-auto rtl:left-4'\n />\n
\n );\n};\n\nexport default AuthorizationStep;\n\nAuthorizationStep.propTypes = {\n modalClose: PropTypes.func,\n handleOpenGoogleAuth: PropTypes.func\n};\n\nAuthorizationStep.defaultProps = {\n modalClose: f => f,\n handleOpenGoogleAuth: f => f\n};\n","import { IconExclamationCircle, IconXmark } from '@jotforminc/svg-icons';\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\nimport PropTypes from 'prop-types';\nimport { Button } from '@jotforminc/magnet';\nimport {\n MISSING_SCOPES, REAUTHORIZE, ERROR_AUTHORIZE\n} from '../../constants/texts';\n\nconst ReAuthorizeStep = ({ handleConnectNewAccount, modalClose }) => {\n return (\n \n
\n \n
\n \n {t(ACCESS_REQUIRED)}\n
\n {!privacyPolicyOpen && (\n <>\n{t(THIS_APP_REQUIRES)}
\n\n {translationRenderer(BY_CONTINUING)({\n renderer1: renderText => \n })}\n
\n \n )}\n {privacyPolicyOpen && (\n <>\n\n {t(THE_IMPORT_FROM_JOTFORM)}\n
\n\n {t(YOUR_PERSONAL_INFORMATION)}\n
\n\n {t(TO_AUTHORIZE_THE_APP)}\n
\n\n {t(SESSION_INFORMATION)}\n
\n\n {translationRenderer(THE_APP_WILL_TAKE_SNAPSHOTS)({\n renderer1: renderText => {t(renderText)},\n renderer2: renderTextLast => {t(renderTextLast)}\n })}\n
\n\n {t(GOOGLE_FORMS_FORM_SUBMISSION)}\n
\n\n {translationRenderer(THIS_APP_HELPS_YOU_COPY)({\n renderer1: renderText => {t(renderText)},\n renderer2: renderTextLast => {t(renderTextLast)}\n })}\n
\n\n {translationRenderer(THIS_APP_WAS_DEVELOPED_BY)({\n renderer1: renderText => {t(renderText)}\n })}\n
\n \n )}\n\n modalClose()}\n >\n {t('Cancel')}\n \n handleOpenGoogleAuth()}\n >\n {t('Continue')}\n \n
\n \n modalClose()}\n rounded\n className='absolute right-4 top-4 rtl:right-auto rtl:left-4'\n />\n
\n );\n};\n\nReAuthorizeStep.propTypes = {\n handleConnectNewAccount: PropTypes.func.isRequired,\n modalClose: PropTypes.func.isRequired\n};\n\nexport default ReAuthorizeStep;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { IconArrowUpRightFromSquare, IconCheckCircleFilled, IconXmarkCircleFilled } from '@jotforminc/svg-icons';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\nimport { handleCustomNavigation } from '@jotforminc/utils';\n\nimport { TRY_AGAIN } from '../constants/texts';\n\nconst MigrationStatusBadge = ({ migratedFormURL, queueStatus, handleRetrySingle }) => {\n const handleOpenLink = () => {\n handleCustomNavigation(migratedFormURL, '_blank', true);\n };\n\n return (\n <>\n {(queueStatus === 'MIGRATING') && (\n \n )}\n {queueStatus === 'SUCCESS' && (\n \n
\n \n
\n \n {t(ERROR_AUTHORIZE)}\n
\n\n {t(MISSING_SCOPES)}\n
\n\n handleConnectNewAccount()}\n >\n {t(REAUTHORIZE)}\n \n
\n \n \n
\n )}\n {queueStatus === 'ERROR' && (\n \n
\n \n \n
\n )}\n \n );\n};\n\nexport default MigrationStatusBadge;\n\nMigrationStatusBadge.propTypes = {\n migratedFormURL: PropTypes.string,\n queueStatus: PropTypes.string,\n handleRetrySingle: PropTypes.func.isRequired\n};\n\nMigrationStatusBadge.defaultProps = {\n migratedFormURL: '',\n queueStatus: 'WAITING'\n};\n","/* eslint-disable max-len */\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { SOMETHING_WRONG_TRY_AGAIN } from '../constants/texts';\n\nexport const openGoogleAuthPopup = () => {\n const w = (window.innerWidth || window.screen.width) / 2;\n const h = (window.innerHeight || window.screen.height) / 1.5;\n let y = window.outerHeight / 2 + window.screenY - h / 2;\n let x = window.outerWidth / 2 + window.screenX - w / 2;\n try {\n y = window.top.outerHeight / 2 + window.top.screenY - h / 2;\n x = window.top.outerWidth / 2 + window.top.screenX - w / 2;\n } catch (err) {\n // error accessing to cross origin frame. Do nothing.\n }\n\n return handleCustomNavigation('/google-forms-importer/auth', '_blank', true, `toolbar=0,location=0,menubar=0,width=${w},height=${h},top=${y},left=${x}`);\n};\n\nexport const googleEditURI = id => `https://docs.google.com/forms/d/${id}/edit`;\n\nexport const errorNormalizer = err => err?.response?.data?.content || err?.data?.content || err?.content || err?.response?.data?.message || err?.data?.message || err?.message || SOMETHING_WRONG_TRY_AGAIN;\n\nexport const chunk = (items = [], chunkSize) => {\n const R = [];\n for (let i = 0, len = items.length; i < len; i += chunkSize) R.push(items.slice(i, i + chunkSize));\n return R;\n};\n\nexport const resolve = async (items, asyncFunc) => {\n const promises = items.map(item => asyncFunc(item));\n const temp = await Promise.all(promises);\n const result = temp.filter(t => t);\n if (result.length > 0) return result;\n};\n\nexport const chunkAndResolve = async (items = [], chunkSize = 5, asyncWork) => {\n const chunks = chunk(items, chunkSize);\n const result = [];\n // eslint-disable-next-line no-restricted-syntax\n for (const c of chunks) {\n try {\n // eslint-disable-next-line no-await-in-loop\n const resolved = await resolve(c, asyncWork);\n if (resolved) result.push(...resolved);\n } catch (e) {\n console.error(e);\n }\n }\n if (result.length > 0) return result;\n};\n\nexport const updateArrayChildrenById = (arr, object) => (arr?.find(q => q?.id === object?.id) && Object.assign(arr?.find(q => q?.id === object?.id), object), arr) || arr;\n","/* eslint-disable max-len */\nimport React, { useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport reject from 'lodash/reject';\nimport { IconArrowUpRightFromSquare } from '@jotforminc/svg-icons';\nimport { Checkbox } from '@jotforminc/magnet';\n\nimport MigrationStatusBadge from './MigrationStatusBadge';\nimport { googleEditURI } from '../utils';\n\nconst ListFormItem = ({\n selectedForms, setSelectedForms, queueStatus, formDetails, handleRetrySingle, migrationStatus, migratedForm\n}) => {\n const isFormSelected = useMemo(() => selectedForms.find(q => q?.id === formDetails?.id), [selectedForms, formDetails]);\n\n const handleSelectForm = () => {\n if (isFormSelected) {\n setSelectedForms(oldForms => reject(oldForms, q => q?.id === formDetails?.id));\n } else {\n setSelectedForms(oldForms => [...oldForms, formDetails]);\n }\n };\n\n const onSpacePress = event => {\n if (event.key === ' ' || event.code === 'space') {\n event.preventDefault();\n handleSelectForm();\n }\n };\n\n const populateRetryWithFormDetails = () => {\n handleRetrySingle(formDetails);\n };\n\n useEffect(() => {\n if (queueStatus === 'SUCCESS') {\n setSelectedForms(oldForms => reject(oldForms, q => q?.id === formDetails?.id));\n }\n }, [queueStatus]);\n\n return (\n \n
\n \n
\n )}\n {queueStatus === 'WAITING' && (\n \n \n
\n );\n};\n\nexport default FormMigrationStep;\n\nFormMigrationStep.propTypes = {\n forms: PropTypes.array,\n migrationStatus: PropTypes.string,\n shouldMigrateSubmissions: PropTypes.bool,\n setShouldMigrateSubmissions: PropTypes.func,\n refreshForms: PropTypes.func,\n selectedForms: PropTypes.array,\n setSelectedForms: PropTypes.bool,\n migrationQueue: PropTypes.array,\n contextParam: PropTypes.string.isRequired\n};\n\nFormMigrationStep.defaultProps = {\n forms: [],\n migrationStatus: 'IDLE',\n shouldMigrateSubmissions: false,\n setShouldMigrateSubmissions: f => f,\n refreshForms: f => f,\n selectedForms: [],\n setSelectedForms: f => f,\n migrationQueue: []\n};\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport { ACCESSING_FORMS } from '../../constants/texts';\n\nconst FormListingLoading = () => (\n <>\n \n \n setSearchText(e.target.value)}\n placeholder={t('Search Forms')}\n />\n {filteredForms?.length > 1 && (\n
\n {filteredForms?.length > 0 && (\n <>\n \n handleSelectAllForms()}\n label={translationRenderer(SELECT_ALL_NUMBER_OF_FORMS)({\n renderer1: () => forms?.length\n })}\n />\n refreshForms()}\n startIcon={IconArrowRotateRight}\n >\n {t(REFRESH_FORMS)}\n \n
\n )}\n - \n {filteredForms.map(form => (\n
\n setShouldMigrateSubmissions(!shouldMigrateSubmissions)}\n onKeyDown={onSpacePress}\n />\n
\n )}\n \n )}\n {filteredForms?.length === 0 && (\n \n {(migrationStatus !== 'IDLE' && shouldMigrateSubmissions) && (\n {t(COMPLETED_AFTER_MIGRATION)}\n )}\n
\n \n
\n )}\n {t(NO_RESULTS_FOUND)}
\n{t(ACCESSING_FORMS)}
\n \n);\n\nexport default FormListingLoading;\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport { IconInboxXmarkFilled } from '@jotforminc/svg-icons';\nimport { DONT_HAVE_ANY_GOOGLE_FORMS } from '../../constants/texts';\n\nconst NoFormsFound = () => (\n <>\n\n
\n {t(DONT_HAVE_ANY_GOOGLE_FORMS)}
\n \n);\n\nexport default NoFormsFound;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { IconArrowRightToBracket, IconXmark } from '@jotforminc/svg-icons';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\nimport { MIGRATE_GOOGLE_FORMS, SELECT_THE_FORMS } from '../constants/texts';\n\nconst MigrateFormsModalHeading = ({ modalClose, migrationStatus }) => {\n return (\n\n modalClose()}\n startIcon={IconXmark}\n />\n
\n );\n};\n\nexport default MigrateFormsModalHeading;\n\nMigrateFormsModalHeading.propTypes = {\n modalClose: PropTypes.func,\n migrationStatus: PropTypes.string\n};\n\nMigrateFormsModalHeading.defaultProps = {\n modalClose: f => f,\n migrationStatus: ''\n};\n","/* eslint-disable complexity */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\n\nconst MigrateFormsModalFooter = ({\n migrationStatus, formsFound, modalClose, startMigration, isFormsLoading, isAllFailed, migrationDisabled, isThereMigratedForm, from, closeCallback\n}) => {\n const isFinishedOrMigrating = Boolean((migrationStatus === 'IDLE' && isThereMigratedForm) || (migrationStatus === 'MIGRATING' && isThereMigratedForm));\n const isFinished = (migrationStatus === 'FINISHED' || isThereMigratedForm);\n\n return (\n \n
\n \n
\n {t(MIGRATE_GOOGLE_FORMS)}
\n{t(SELECT_THE_FORMS)}
\n\n {!formsFound && !isFormsLoading && (\n modalClose()}\n tabIndex={0}\n >\n {t('Ok')}\n \n )}\n {(migrationStatus !== 'FINISHED' && !isAllFailed) && (\n startMigration()}\n variant={isFinishedOrMigrating ? 'outline' : 'filled'}\n colorStyle={isFinishedOrMigrating ? 'secondary' : 'success'}\n disabled={isFormsLoading || migrationDisabled}\n tabIndex={0}\n loader={migrationStatus === 'MIGRATING'}\n loaderText={t('Migrating')}\n >\n {t('Migrate')}\n \n )}\n {(formsFound && (\n <>\n {isAllFailed && (\n startMigration()}\n disabled={isFormsLoading}\n tabIndex={0}\n >\n {t('Retry Migrate')}\n \n )}\n {(migrationStatus === 'FINISHED' || isThereMigratedForm) && (\n <>\n {from === 'MYFORMS' ? (\n closeCallback()}\n >\n {t('Back to My Forms')}\n \n ) : (\n \n {t('Go to My Forms')}\n \n )}\n \n )}\n \n ))}\n
\n );\n};\n\nexport default MigrateFormsModalFooter;\n\nMigrateFormsModalFooter.propTypes = {\n from: PropTypes.string.isRequired,\n closeCallback: PropTypes.func.isRequired,\n migrationStatus: PropTypes.string,\n formsFound: PropTypes.bool,\n isFormsLoading: PropTypes.bool,\n isAllFailed: PropTypes.bool,\n modalClose: PropTypes.func,\n startMigration: PropTypes.func,\n migrationDisabled: PropTypes.bool,\n isThereMigratedForm: PropTypes.bool\n};\n\nMigrateFormsModalFooter.defaultProps = {\n migrationStatus: 'IDLE',\n formsFound: false,\n isFormsLoading: false,\n isAllFailed: false,\n modalClose: f => f,\n startMigration: f => f,\n migrationDisabled: false,\n isThereMigratedForm: false\n};\n","/* eslint-disable complexity */\nimport React, {\n useCallback, useEffect, useRef, useState\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { useOnClickOutside } from '@jotforminc/hooks';\nimport isEmpty from 'lodash/isEmpty';\n\nimport '../styles/index.scss';\nimport {\n AuthorizationStep, ChangeGoogleAccountStep, FormMigrationStep, ReAuthorizeStep, MaintenanceMode\n} from './Steps';\nimport { useWizardDispatch, useWizardState } from '../context/wizardContext';\nimport { FormListingLoading, NoFormsFound } from './UI';\nimport MigrateFormsModalHeading from './MigrateFormsModalHeading';\nimport MigrateFormsModalFooter from './MigrateFormsModalFooter';\nimport ACTION_TYPES from '../context/actionTypes';\nimport { openGoogleAuthPopup } from '../utils';\nimport { disconnectGoogleAccount, getForms } from '../api';\nimport { useUserState } from '../context/userContext';\n\nconst WizardView = ({\n isOpen, setIsOpen, accountSelectorActive, setAccountSelectorActive, reauthorize, setReauthorize, contextParam, maintenanceMode, from, closeCallback\n}) => {\n const contentRef = useRef();\n const user = useUserState();\n const wizardDispatch = useWizardDispatch();\n const {\n step, isFormsLoading, callbackSucceeded, forms, migrationStatus, migrationQueue, tokens, googleEmail\n } = useWizardState();\n\n const [selectedForms, setSelectedForms] = useState([]);\n const [shouldMigrateSubmissions, setShouldMigrateSubmissions] = useState(false);\n const [popup, setPopup] = useState(null);\n const isAllFailed = !isEmpty(migrationQueue) && migrationQueue?.every(item => item?.status === 'ERROR');\n const isThereMigratedForm = !isEmpty(migrationQueue) && migrationQueue?.some(item => item?.status === 'SUCCESS');\n\n const setStep = newStep => {\n wizardDispatch({\n type: ACTION_TYPES.SET_STEP,\n step: newStep\n });\n };\n\n const setFormsLoading = loading => {\n wizardDispatch({\n type: ACTION_TYPES.SET_FORMS_LOADING,\n isFormsLoading: loading\n });\n };\n\n const modalClose = () => {\n setIsOpen(false);\n setStep(0);\n };\n\n useOnClickOutside(step === 0 ? contentRef : {}, () => modalClose());\n\n const handleOpenGoogleAuth = () => {\n const newPopup = openGoogleAuthPopup();\n setPopup(newPopup);\n setStep(1);\n setFormsLoading(true);\n };\n\n const checkPopup = useCallback(() => {\n if (popup && popup.closed) {\n setPopup(null);\n\n if (!callbackSucceeded) {\n setStep(0);\n }\n\n setFormsLoading(false);\n }\n }, [popup, callbackSucceeded]);\n\n useEffect(() => {\n const checkPopupInterval = setInterval(checkPopup, 500);\n\n return () => clearInterval(checkPopupInterval);\n }, [checkPopup]);\n\n const startMigration = () => {\n wizardDispatch({\n type: ACTION_TYPES.SET_INITIAL_QUEUE,\n queue: selectedForms.map(form => ({\n id: form?.id,\n status: 'WAITING'\n }))\n });\n wizardDispatch({\n type: ACTION_TYPES.START_MIGRATION,\n shouldMigrateSubmissions\n });\n };\n\n const refreshForms = async () => {\n try {\n const { content: newForms, responseCode } = await getForms({ tokens });\n\n if (responseCode !== 200) throw new Error();\n\n wizardDispatch({\n type: ACTION_TYPES.REFRESH_FORMS,\n forms: newForms\n });\n } catch (error) {\n console.log('[Google Forms Importer] :: Error fetching new forms');\n }\n };\n\n useEffect(() => {\n if (step === 0 && callbackSucceeded) {\n setAccountSelectorActive(true);\n }\n }, [callbackSucceeded, step]);\n\n const handleSkipAccountSelector = () => {\n setAccountSelectorActive(false);\n setStep(1);\n };\n\n const handleConnectNewAccount = async () => {\n await disconnectGoogleAccount();\n\n wizardDispatch({\n type: ACTION_TYPES.RESET_GOOGLE_CREDENTIALS\n });\n\n setAccountSelectorActive(false);\n setReauthorize(false);\n setStep(0);\n };\n\n if (user?.credentials?.account_type?.name !== 'ADMIN' && maintenanceMode && isOpen) {\n return (\n \n
\n );\n }\n\n if (isOpen) {\n return (\n \n
\n \n
\n );\n }\n\n return <>;\n};\n\nWizardView.defaultProps = {\n contextParam: 'landing',\n from: 'LANDING',\n closeCallback: f => f\n};\n\nWizardView.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n maintenanceMode: PropTypes.bool.isRequired,\n reauthorize: PropTypes.bool.isRequired,\n setIsOpen: PropTypes.func.isRequired,\n accountSelectorActive: PropTypes.bool.isRequired,\n setAccountSelectorActive: PropTypes.func.isRequired,\n setReauthorize: PropTypes.func.isRequired,\n closeCallback: PropTypes.func,\n contextParam: PropTypes.string,\n from: PropTypes.string\n};\n\nexport default WizardView;\n","import React, {\n forwardRef, useEffect, useImperativeHandle, useState\n} from 'react';\nimport { Loading } from '@jotforminc/loading';\nimport { safeJSONParse } from '@jotforminc/utils';\nimport isEmpty from 'lodash/isEmpty';\n\nimport WizardView from './components';\nimport { useWizardDispatch } from './context/wizardContext';\nimport ACTION_TYPES from './context/actionTypes';\nimport { getForms, getTokens } from './api';\n\nconst WizardWrapper = forwardRef(({ ...props }, ref) => {\n const [isOpen, setIsOpen] = useState(false);\n const [loading, setLoading] = useState(true);\n const [accountSelectorActive, setAccountSelectorActive] = useState(false);\n const [reauthorize, setReauthorize] = useState(false);\n const maintenanceMode = false;\n const wizardDispatch = useWizardDispatch();\n\n const setGoogleCallback = (forms, tokens, email) => {\n wizardDispatch({\n type: ACTION_TYPES.SET_GOOGLE_CALLBACK,\n forms,\n tokens,\n email\n });\n };\n\n useImperativeHandle(ref, () => ({\n open: () => setIsOpen(true),\n close: () => setIsOpen(false),\n setGoogleCallback: (forms, tokens, email = '') => setGoogleCallback(forms, tokens, email),\n reauthorize: set => setReauthorize(set)\n }));\n\n useEffect(() => {\n (async () => {\n if (maintenanceMode) {\n return setLoading(false);\n }\n\n const { content: { token, email } } = await getTokens();\n const parseTokens = safeJSONParse(token);\n if (!isEmpty(parseTokens) && !parseTokens?.error) {\n let forms = [];\n\n try {\n const { content } = await getForms({ tokens: parseTokens });\n\n if (isEmpty(content)) throw new Error('No forms found');\n\n forms = content;\n } catch (error) {\n console.log('[GL Forms Importer] :: Cannot get forms', error);\n return setLoading(false);\n }\n\n wizardDispatch({\n type: ACTION_TYPES.SET_GOOGLE_CALLBACK,\n forms,\n tokens: parseTokens,\n googleEmail: email\n });\n\n setAccountSelectorActive(true);\n }\n\n setLoading(false);\n })();\n }, []);\n\n if (loading) {\n return isOpen ? \n {(step === 0 && accountSelectorActive && !reauthorize) && (\n
\n \n
\n )}\n \n {isFormsLoading && (\n
\n {MessageIcons[type]}
\n );\n }\n\n get renderMessage() {\n const { statusMessage: { message, type } } = this.state;\n return (\n \n {this.renderMessageIcon}\n
\n );\n }\n\n setMessage(message, errorType = null) {\n const { statusMessage: { type } = {} } = this.state;\n this.setState({ statusMessage: { message, type: errorType || type } });\n }\n\n clearMessage() {\n this.setState({ statusMessage: { message: '', type: '' } });\n }\n\n attachGLImporterToWindow() {\n if (window.glFormsImporter) return;\n\n window.glFormsImporter = {};\n window.glFormsImporter.googleCallback = this.glFormsImporterRef.current?.setGoogleCallback;\n window.glFormsImporter.reauthorize = this.glFormsImporterRef.current?.reauthorize;\n }\n\n createForm() {\n this.clearMessage();\n this.disableCreateFormButton(true);\n this.displayLoadingState(true);\n\n const {\n actionLogger, onFormCreate, teamID, creationLogger\n } = this.props;\n const { importFormType, importPayload } = this.state;\n const fetchURL = '/server.php';\n\n if (creationLogger) {\n creationLogger(`import-${importFormType}`);\n }\n\n switch (importFormType) {\n case 'fromWebPage':\n if (actionLogger) {\n actionLogger({\n action: 'click',\n target: `continue - fromURL - ${importPayload}`\n });\n }\n\n if (typeof importPayload === 'string' && /https:\\/\\/(docs\\.google\\.com\\/forms|forms\\.gle\\/)/.test(importPayload)) {\n this.attachGLImporterToWindow();\n this.disableCreateFormButton(false);\n this.displayLoadingState(false);\n return this.glFormsImporterRef.current?.open();\n }\n\n fetch(fetchURL, {\n method: 'POST',\n body: serialize({\n action: 'getImportedForm',\n url: importPayload,\n from: 'MYFORMS',\n preserveFormType: '1',\n teamID\n }),\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }).then(r => r.json()).then(data => {\n const {\n success, error, id, newID\n } = data;\n\n if (success && (id || newID)) {\n if (actionLogger) {\n actionLogger({\n action: 'importFormFromWebPageSuccess',\n target: (id || newID)\n });\n\n actionLogger({\n action: 'formCreationCompleted',\n target: (id || newID)\n });\n }\n\n pushDataLayer({ method: texts.FROM_A_WEBPAGE, event: 'create_form_via_import' });\n onFormCreate(id || newID);\n } else {\n this.setMessage(error, 'Warning');\n global.console.warn(error);\n\n if (actionLogger) {\n actionLogger({\n action: 'importFormFromWebPageFailed',\n target: (id || newID)\n });\n }\n }\n\n this.displayLoadingState(false);\n this.disableCreateFormButton(false);\n });\n return;\n case 'cloneExisting':\n fetch(fetchURL, {\n method: 'POST',\n body: serialize({\n action: 'cloneForm',\n formID: importPayload,\n preserveFormType: '1'\n }),\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n ...(teamID && { 'jf-team-id': teamID })\n }\n }).then(r => r.json()).then(data => {\n const { success, error, newID } = data;\n\n if (success && newID) {\n if (actionLogger) {\n actionLogger({\n action: 'importFormFromExistingSuccess',\n target: newID\n });\n\n actionLogger({\n action: 'formCreationCompleted',\n target: newID\n });\n }\n\n pushDataLayer({ method: texts.CLONE_AN_EXISTING, event: 'create_form_via_import' });\n onFormCreate(newID);\n } else {\n if (actionLogger) {\n actionLogger({\n action: 'importFormFromExistingFailed',\n target: newID\n });\n }\n\n this.setMessage(texts.IMPORT_FAILED_PLEASE_TRY_AGAIN, 'Warning');\n global.console.warn(error);\n\n this.displayLoadingState(false);\n this.disableCreateFormButton(false);\n }\n });\n return;\n default:\n this.setMessage(texts.IMPORT_FAILED_PLEASE_TRY_AGAIN, 'Warning');\n this.displayLoadingState(false);\n this.disableCreateFormButton(false);\n }\n }\n\n disableCreateFormButton(disabled) {\n this.setState({ disableCreateFormButton: disabled });\n }\n\n displayLoadingState(display) {\n this.setState({ displayLoadingState: display });\n }\n\n isActive(type) {\n const { importFormType } = this.state;\n return importFormType === type && 'isActive';\n }\n\n render() {\n const {\n setView, forms, actionLogger, isTestVarForSmartPDF, importPDFForm, isFormPickerInfiniteLoadingEnabled, fetchInfiniteFormsCallback\n } = this.props;\n const {\n importFormType, importPayload, formsList, loadingForms\n } = this.state;\n\n return (\n <>\n \n {message}\n
\n \n \n {loadingForms && \n {\n this.setImportFormType('fromWebPage');\n trackDataForMobile('importForm', 'webPage');\n }}\n icon={ {\n this.setImportFormType('cloneExisting');\n await this.handleLoadFormsList();\n trackDataForMobile('importForm', 'clone');\n }}\n icon={ {\n importPDFForm();\n trackDataForMobile('importForm', 'pdf');\n }}\n icon={ \n )}\n \n
\n \n {this.renderWizardFooter}\n {this.renderMessage}\n
\n \n \n \n {\n this.onCreateForm('ClassicForm');\n trackDataForMobile('formLayout', 'classic');\n }}\n icon={ {\n this.onCreateForm('CardForm');\n trackDataForMobile('formLayout', 'card');\n }}\n icon={ \n \n
\n \n \n \n {hasIntegration && (\n \n \n
\n \n {children}\n
\n \n );\n};\n\nexport const useAIContext = () => useContext(AIContext) as Context;\n","/* eslint-disable no-undef */\nimport {\n createAIForm\n} from '../api';\nimport {\n GenerateFormType\n} from '../typings/actions';\n\nexport const generateForm: GenerateFormType = async prompt => {\n try {\n const AIForm = await createAIForm({ prompt });\n\n return AIForm;\n } catch (error) {\n const errorMsg = error instanceof Error ? error.message : 'Unknown error.';\n throw new Error(errorMsg);\n }\n};\n","/* eslint-disable max-len */\nimport React from 'react';\nimport './loading.scss';\n\nconst Loading: React.FC = () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n */}\n
\n );\n};\n\nexport default Loading;\n","import { safeJSONParse } from '@jotforminc/utils';\nimport { PROMT_PROPS } from '../constants';\nimport { Message } from '../typings/api';\n\nexport const promptLengthLimit = (currentLen: number) => {\n return PROMT_PROPS.MAX_LENGTH - currentLen;\n};\n\nexport function formatMessage(message: string, messageType: Message['message_type'], username: string) {\n const parsedText = safeJSONParse(message);\n // List help message\n if (messageType === 'HELP' && Array.isArray(parsedText)) {\n const helpMessagesText = parsedText.reduce((totalContent, value) => `${totalContent}\n \n \n \n \n \n \n \n \n \n
\n {/* - ${helpMessagesText}
\n
\n )}\n \n
\n \n );\n};\n\nexport default CreateAIForm;\n","// extracted by css-extract-rspack-plugin\nexport default {\"container\":\"e5Hxk4IDUUitFFTE\",\"modal\":\"iyC74EwvMkYSsFM2\",\"icon\":\"P28a00b3uI8qFRDg\",\"text\":\"byS9h8qur4RPkqsP\",\"title\":\"e_pP7Xocsboq8PpZ\",\"desc\":\"TMSGrHlUvo8p_1Tt\",\"backButton\":\"WpRhUSFi2bwk1d6X\"};","import React, { Component, ErrorInfo } from 'react';\nimport { t } from '@jotforminc/translation';\nimport Tracking from '@jotforminc/tracking';\n\nimport IconExclamation from '../assets/svg/IconExclamation.svg';\nimport style from '../styles/errorBoundry.module.scss';\n\ntype Props = {\n setBreakingErrorState?: (error: Error | unknown) => void\n}\n\nclass ErrorBoundry extends Component\n {showHeader && (\n <>\n
\n {t('Generate a form in seconds with Copilot')}
\n{t('Describe the form you want and the data you want to collect')}
\n \n )}\n\n
\n {!isAlreadyAgreed && (\n \n \n
\n {errors?.creation && \n {ExamplePromptBoxes.map(exPrompt => (\n handleExamplePromtClick(exPrompt)}\n >\n {t(exPrompt.slug)}\n \n ))}\n
\n \n
\n )}\n \n
\n {errors?.agreement && \n {translationRenderer('I have read and accept the [1[Beta Program Terms and Conditions]].')({\n // eslint-disable-next-line max-len\n renderer1: (text: string) => {text}\n })}\n
\n\n
\n );\n }\n return children;\n }\n}\n\nexport default ErrorBoundry;\n","import React from 'react';\n\nimport '@jotforminc/jotform.css';\nimport './ai.scss';\n\nimport type { User } from '@jotforminc/types';\nimport { AIProvider } from '../context';\n\nimport CreateAIForm from './CreateAIForm';\n\nimport ErrorBoundry from '../hocs/ErrorBoundry';\n\ntype Props = {\n user: User\n showHeader?: boolean,\n creationLogger?: (txt: string) => void,\n onFormCreationSuccess?: (formID: string) => void\n}\n\nconst Root: React.FC\n
\n \n
\n \n \n {t('An unexpected error occurred')}\n \n
\n \n {t('Back to My Forms')}\n \n \n {t('We’ve been notified of the issue and aim to fix it shortly. Please try again later.')}\n
\nPDF
\n);\n\nconst PDFThumbnail = ({\n file,\n pageNumber\n}) => {\n const [pdfJSWorkerURL, setPdfJSWorkerURL] = useState(null);\n\n useEffect(() => {\n const workerURL = fetchPDFJSWorker(pdfjs, pdfjs.version);\n setPdfJSWorkerURL(workerURL);\n }, []);\n\n return pdfJSWorkerURL ? (\n {children}
\n));\n\nconst SortContainer = SortableContainer(({ children }) => (\n {children}
\n));\n\nconst DragHandle = SortableHandle(() => (\n \n {\n setFiles(arrayMove(files, oldIndex, newIndex));\n }}\n useDragHandle\n lockAxis=\"y\"\n >\n {files.map((file, i) => (\n \n {files.length > 1 && {\n logSignAction('click', 'file-delete-icon');\n setFiles(updateFileList(files, i));\n\n if (files[i] && files[i].name.indexOf(DEMO_DOC.name) > -1) {\n setIsDemo(false);\n }\n }}\n />\n \n ))}\n \n {!isDemo && (\n
\n );\n};\n\nListFiles.propTypes = {\n files: array.isRequired,\n handleUpload: func,\n setFiles: func,\n setIsDemo: func,\n loading: bool,\n allowDoc: bool,\n onChange: func,\n creationLogger: func,\n isDemo: bool\n};\n\nListFiles.defaultProps = {\n handleUpload: () => {},\n setFiles: () => {},\n setIsDemo: () => {},\n loading: false,\n allowDoc: false,\n onChange: () => {},\n creationLogger: () => {},\n isDemo: false\n};\n\nconst FileUploader = ({ onChange, allowDoc, handleDemoDoc }) => (\n \n {file.type === 'application/pdf' ? (\n
\n \n
\n {file.name}
\n {byteToKB(file.size)}\n\n \n
\n )}\n \n {loading && \n {t('Create Signable Document')}\n \n
\n \n \n {t('Try Demo Document')}\n \n
\n);\n\nFileUploader.propTypes = {\n onChange: func.isRequired,\n allowDoc: bool.isRequired,\n handleDemoDoc: func.isRequired\n};\n\nconst FileUpload = ({\n createDocument,\n setView,\n onBack,\n viewProps: { backButtonVisible = true, onBack: onBackFromViewProps },\n creationLogger\n}) => {\n const [files, setFiles] = useState([]);\n const [loading, setLoading] = useState(false);\n const [isDemo, setIsDemo] = useState(false);\n const [errorMsg, setErrorMsg] = useState([]);\n const allowDoc = !window.isHIPAA && window.JOTFORM_ENV !== 'ENTERPRISE';\n let timeout;\n\n useEffect(() => {\n if (errorMsg.length > 0) {\n clearTimeout(timeout);\n timeout = setTimeout(() => {\n setErrorMsg([]);\n }, 3000);\n }\n }, [errorMsg]);\n\n const addFile = (fileList, protectionList) => Array.from(fileList).filter((f, i) => {\n const { isProtected } = protectionList\n ? protectionList[i]\n : { isProtected: false };\n const acceptedFileSize = getTotalFileSize([f.size, ...files.map(file => file.size)]) <= MAX_FILE_SIZE;\n const supportedFile = [\n 'application/pdf',\n ...(allowDoc ? SUPPORTED_FILE_TYPES : [])\n ].includes(f.type);\n\n if (!acceptedFileSize) {\n setErrorMsg([\n ...errorMsg,\n `${f.name} is exceed file size limit.(${byteToKB(MAX_FILE_SIZE)})`\n ]);\n }\n\n if (!supportedFile) {\n setErrorMsg([...errorMsg, `${f.name} is not supported.`]);\n }\n\n if (isProtected) {\n setErrorMsg([...errorMsg, `${f.name} is protected.`]);\n }\n\n return acceptedFileSize && supportedFile && !isProtected;\n });\n\n const onChange = e => {\n const { files: fileList } = e.target;\n\n if (fileList) {\n logSignAction('change', 'upload-document');\n const combinedFiles = [...files, ...fileList];\n const { pdfFiles, nonPdfFiles } = Object.keys(combinedFiles)\n .reduce((res, key) => {\n const currentFile = combinedFiles[key];\n if (SUPPORTED_FILE_TYPES.includes(currentFile.type)) { // if doc\n res.nonPdfFiles.push(currentFile);\n } else { // if pdf\n res.pdfFiles.push(currentFile);\n }\n return res;\n }, { pdfFiles: [], nonPdfFiles: [] });\n\n getFileProtectionInfo(pdfFiles).then(protectionList => { // getFileProtectionInfo throws error with non pdf files, so we separated their checks\n const checkedPdfFiles = addFile(pdfFiles, protectionList);\n const checkedNonPdfFiles = addFile(nonPdfFiles);\n setFiles([...checkedPdfFiles, ...checkedNonPdfFiles]);\n }).catch(() => {\n setErrorMsg([...errorMsg, t('The document could not be uploaded.')]);\n });\n }\n };\n\n const handleUpload = async () => {\n if (files.length > 0) {\n setLoading(true);\n const getModifyInfo = files.length === 1 && !SUPPORTED_FILE_TYPES.includes(files[Object.keys(files)[0]].type)\n ? getFileProtectionInfo(files).then(\n ([{ modifyContent = true }]) => modifyContent\n )\n : Promise.resolve(false);\n const { variantCode } = await getVariantCode(global.user, isDemo);\n\n getModifyInfo.then(modifyContent => {\n createDocument(files, isDemo, modifyContent, variantCode)\n .then(({ formID }) => {\n if (isDemo) {\n logSignAction('create', 'demo-document');\n }\n handleRedirect(formID);\n })\n .catch(() => {\n setErrorMsg([...errorMsg, t('The document could not be uploaded.')]);\n setLoading(false);\n });\n });\n }\n };\n\n const handleDemoDoc = () => {\n logSignAction('click', 'demo-document');\n trackDataForMobile('uploadDocument', 'demoDocument');\n layer.get(DEMO_DOC.url, {\n responseType: 'blob'\n })\n .then(resp => {\n const fileObject = new global.File([resp], DEMO_DOC.name, {\n type: DEMO_DOC.type\n });\n setFiles(addFile([fileObject]));\n setIsDemo(true);\n })\n .catch(() => {});\n };\n\n return (\n {t('Drag & Drop Your Document Here')}
\n\n {t('OR')}\n
\n \n
\n ))}\n \n
\n \n )\n }\n \n );\n};\n\nconst SelectedObjectBlock = ({\n objectName, selectedFieldsCount, removeObject, children, isOpened, toggleIsOpened, skeletonActive\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n\n const handleCollapse = () => {\n toggleIsOpened();\n };\n\n const handleKeyDown = e => {\n if (e.keyCode === 13 || e.keyCode === 32) {\n e.preventDefault();\n toggleIsOpened();\n }\n };\n\n const handleMouseOver = () => {\n setIsMouseOver(true);\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n return (\n \n { isAnyOption ? filteredOptions.map(opt => (\n \n {opt.text}\n
\n )) : (\n \n
\n )}\n \n \n
\n \n );\n};\n\nconst ObjectFields = ({\n fields, selectedFields, handleCheckboxChange, objectName\n}) => {\n return (\n \n
\n \n \n
\n {isOpened && (\n \n
\n \n {objectName}\n \n \n {selectedFieldsCount === 1\n ? texts.SALESFORCE_FIELD_SELECTED : texts.SALESFORCE_FIELDS_SELECTED.replace('{selectedFieldsCount}', selectedFieldsCount) }\n \n
\n \n
\n \n { isMouseOver &&
\n \n {isOpened ?
\n \n {skeletonActive ?
\n )}\n \n {fields.map(field => {\n const checkedField = selectedFields.find(selectedField => selectedField.key === field.key);\n return (\n { handleCheckboxChange(field, checkedField); }}\n checked={!!checkedField}\n disabled={field.required === true}\n key={field.key}\n data-test-id={`csf-select-${objectName.toLowerCase().replaceAll(' ', '-')}-field-${field.text.toLowerCase().replaceAll(' ', '-')}`}\n label={field.required ? `${field.text} *` : field.text}\n />\n );\n })}\n
\n );\n};\n\nconst CreateSalesforceForm = ({\n onFormCreate, setView, teamID, currentFolder, folderID\n}) => {\n const [selectedObjectsWithFields, setSelectedObjectsWithFields] = useState({});\n const [salesforceObjects, setSalesforceObjects] = useState([]);\n const [salesforceObjectFields, setSalesforceObjectsFields] = useState({});\n const [activeObjectKey, setActiveObjectKey] = useState('');\n const [skeletonActive, setSkeletonActive] = useState(false);\n const [loadingSpinnerActive, setLoadingSpinnerActive] = useState(false);\n const [createFormDisable, setCreateFormDisable] = useState(false);\n\n useEffect(() => {\n layer.get('salesforce/getObjects').then(data => {\n setSalesforceObjects(data);\n });\n }, []);\n const handleObjectSelection = async objectKey => {\n if (!salesforceObjectFields[objectKey]) {\n setSelectedObjectsWithFields({ ...selectedObjectsWithFields, [objectKey]: [] });\n setSalesforceObjectsFields({ ...salesforceObjectFields, [objectKey]: [] });\n setActiveObjectKey(objectKey);\n setSkeletonActive(true);\n\n const response = await layer.get(`salesforce/getFieldsForCreationFlow?object=${objectKey}`);\n\n setSelectedObjectsWithFields({ ...selectedObjectsWithFields, [objectKey]: response.filter(field => field.required === true) });\n setSalesforceObjectsFields({ ...salesforceObjectFields, [objectKey]: response });\n setSkeletonActive(false);\n setActiveObjectKey(objectKey);\n } else {\n setSkeletonActive(false);\n setSelectedObjectsWithFields({ ...selectedObjectsWithFields, [objectKey]: salesforceObjectFields[objectKey].filter(field => field.required === true) });\n setActiveObjectKey(objectKey);\n }\n };\n\n const handleRemoveSelectedObject = objectName => e => {\n e.stopPropagation();\n const { [objectName]: objectFields, ...rest } = selectedObjectsWithFields;\n setSelectedObjectsWithFields(rest);\n };\n\n const handleFieldsChange = objectKey => (field, isChecked) => {\n if (!isChecked) {\n setSelectedObjectsWithFields({ ...selectedObjectsWithFields, [objectKey]: [...selectedObjectsWithFields[objectKey], field] });\n } else {\n setSelectedObjectsWithFields({ ...selectedObjectsWithFields, [objectKey]: selectedObjectsWithFields[objectKey].filter(selectedField => selectedField.key !== field.key) });\n }\n };\n\n const handleCreateForm = () => {\n setCreateFormDisable(true);\n setLoadingSpinnerActive(true);\n layer.post(`salesforce/createForm?${serialize({\n folder: currentFolder || folderID\n })}`, {\n objects: Object.keys(selectedObjectsWithFields).map(obj => ({ object: obj, label: salesforceObjects.filter(sfObj => sfObj.key === obj)[0].text, fields: selectedObjectsWithFields[obj] }))\n }, { teamID: teamID }).then(({ id }) => {\n onFormCreate(id);\n setLoadingSpinnerActive(false);\n }).catch(e => {\n console.log(e);\n });\n };\n\n const toggleActive = key => {\n if (key === activeObjectKey) setActiveObjectKey('');\n else setActiveObjectKey(key);\n };\n\n const selectedObjects = Object.keys(selectedObjectsWithFields);\n\n return (\n \n \n \n
\n \n toggleActive(obj)}\n skeletonActive={skeletonActive}\n setSkeletonActive={setSkeletonActive}\n >\n
\n \n selectedObjects.indexOf(obj.key) === -1)}\n handleSelection={handleObjectSelection}\n />\n
\n {\n selectedObjects.map(obj => {\n if (salesforceObjectFields[obj] && selectedObjectsWithFields[obj]) {\n const objectName = salesforceObjects.find(salesforceObj => salesforceObj.key === obj).text;\n return (\n \n {texts.SALESFORCE_OBJECTS}\n
\n \n {\n loadingSpinnerActive ? (\n \n {texts.CREATE_FORM}\n \n ) : (\n \n {texts.CREATE_FORM}\n \n )\n }\n
\n \n {(() => {\n const rows = [];\n for (let i = 1; i <= 6; i++) {\n rows.push();\n }\n return rows;\n })()}\n
\n );\n};\n\nSearchableDropdown.propTypes = {\n optionList: array.isRequired,\n handleSelection: func.isRequired\n};\n\nSelectedObjectBlock.propTypes = {\n objectName: string.isRequired,\n selectedFieldsCount: number.isRequired,\n removeObject: func.isRequired,\n children: element.isRequired,\n isOpened: bool.isRequired,\n toggleIsOpened: func.isRequired,\n skeletonActive: bool.isRequired\n};\n\nObjectFields.propTypes = {\n fields: array.isRequired,\n selectedFields: array.isRequired,\n handleCheckboxChange: func.isRequired,\n objectName: string.isRequired\n};\n\nCreateSalesforceForm.propTypes = {\n onFormCreate: func,\n setView: func,\n teamID: number,\n currentFolder: string,\n folderID: string\n};\n\nCreateSalesforceForm.defaultProps = {\n onFormCreate: id => { handleCustomNavigation(`/build/${id}`, '_self'); },\n setView: f => f,\n teamID: null,\n currentFolder: null,\n folderID: null\n};\n\nexport default CreateSalesforceForm;\n","// TODO: delete this\nimport { NavigationWizardTemplate as UseTemplate } from '@jotforminc/wizard-shared';\nimport Main from './Main';\nimport ImportForm from './ImportForm';\nimport ImportPDFForm from './ImportPDFForm';\nimport FormTypeSelect from './FormTypeSelect';\nimport StartFromScratch from './StartFromScratch';\nimport CreateSignDocumentMain from './CreateSignDocumentMain';\nimport CreateAIForm from './CreateAIForm';\nimport CreateSignDocumentFileUpload from './CreateSignDocumentFileUpload';\nimport CreateSignDocumentTemplate from './CreateSignDocumentTemplate';\nimport CreateSalesforceForm from './CreateSalesforceForm';\n\nexport default {\n Main,\n StartFromScratch,\n UseTemplate,\n ImportForm,\n ImportPDFForm,\n FormTypeSelect,\n CreateSignDocumentMain,\n CreateSignDocumentFileUpload,\n CreateSignDocumentTemplate,\n CreateSalesforceForm,\n CreateAIForm\n};\n\nexport const DefaultView = 'Main';\n","import React from 'react';\nimport { AIBuilder } from '@jotforminc/ai-builder';\n\nconst CreateAIForm = props => {\n return \n {\n this.toggleVisibility();\n if (global.user && actionLogger) {\n actionLogger({ actor: global.user.username, action: 'wizardCloseClick', target: '.jfWizard-close' });\n }\n }}\n />\n
\n )}\n \n
\n \n
\n Copilot
\n BETA\n\n
\n \n \n {\n setNewOutcomesVisible(!isNewOutcomesVisible);\n }}\n ref={newOutcomesLabelRef}\n outcomeType={outcomeType}\n outcomes={outcomes}\n />\n {!window.isTemplateMode && !window.isStandalone && (\n
\n \n {\n isDragging ? (\n \n \n
\n ) : (\n <>\n {\n showText && (\n \n \n {label}\n \n
\n )\n }\n {\n showEditableOutcome && (\n <>\n \n
\n )}\n \n )\n }\n {\n showEditableText && (\n \n
\n )\n }\n \n )\n }\n \n
\n \n
\n \n {formTitle || t('Select a form')}\n
\n {formTitle && (\n \n {formTitle}\n
\n )}\n \n \n
\n );\n};\n\nPlaceholderWidget.propTypes = {\n ...nodeWidgetProps\n};\n\nexport default PlaceholderWidget;\n","import PlaceholderWidget from './widget';\nimport PlaceholderModel from './model';\nimport BaseNodeFactory from '../BaseNode/factory';\nimport { elementTypes } from '../../../constants/elementTypes';\n\nclass PlaceholderFactory extends BaseNodeFactory {\n constructor() {\n super({\n type: elementTypes.PLACEHOLDER,\n Model: PlaceholderModel,\n Widget: PlaceholderWidget\n });\n }\n}\n\nexport default PlaceholderFactory;\n","import React, { useMemo } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\nimport { IconPlusCircleFilled } from '@jotforminc/svg-icons';\nimport { useSelector, useDispatch } from 'react-redux';\nimport BaseWidget from '../BaseNode/widget';\n\nimport Feature from '../../Feature';\nimport {\n ERROR_UPDATE, DEFAULT_FEATURES, BINARY_DECISION_MODAL, BRANCH_TOOLTIP\n} from '../../../constants/features';\nimport { iconTypes } from '../../../constants/iconTypes';\nimport { PROPERTY_MODAL_TOGGLED, RIGHT_PANEL_TOGGLED } from '../../../store/actionTypes';\nimport { elementTypes, MISSING_CONDITON_TEXT } from '../../../constants/elementTypes';\nimport { nodeWidgetProps } from '../../../constants/propTypes';\nimport { getProducts, getAllRelatedFormQuestionsPrefixed } from '../../../store/selectors';\nimport { prepareConditionTermString } from '../Label/utils';\nimport WidgetContactBody from '../Commons/WidgetContactBody';\nimport WidgetResource from '../Commons/WidgetResource';\n\nconst BinaryDecisionWidget = ({ node, engine }) => {\n const { name, conditionTerms = [] } = node.getOptions();\n const products = useSelector(getProducts); // TODO: possibly we need to rm selector from here..\n const questions = useSelector(getAllRelatedFormQuestionsPrefixed); // TODO: possibly we need to rm selector from here..\n const formProps = { questions, products };\n const dispatch = useDispatch();\n\n const handleWidgetClick = () => {\n if (DEFAULT_FEATURES[BINARY_DECISION_MODAL]) {\n dispatch({ type: PROPERTY_MODAL_TOGGLED, data: true });\n } else {\n dispatch({ type: RIGHT_PANEL_TOGGLED });\n }\n };\n\n const [termsString, moreCount] = useMemo(() => {\n if (!Array.isArray(conditionTerms) || conditionTerms.length === 0) {\n return [t('Add conditions'), 0];\n }\n return [prepareConditionTermString(conditionTerms, formProps), conditionTerms.length - 1];\n }, [conditionTerms, questions]);\n\n const renderFilterToolTip = useMemo(() => {\n if (DEFAULT_FEATURES[BRANCH_TOOLTIP]) {\n return (\n \n { DEFAULT_FEATURES[ERROR_UPDATE] ? t(placeHolderText) : t('Add Element Here')}\n
\n \n \n {renderFilterToolTip}\n
\n )}\n {moreCount > 0 && termsString !== MISSING_CONDITON_TEXT ? (\n \n {t('+{number} more').replace('{number}', moreCount)}\n
\n ) : null}\n \n
\n ) : (\n \n
\n \n {documentTitle}\n
\n \n
\n );\n};\n\nHeader.propTypes = {\n className: string.isRequired,\n node: shape.isRequired,\n isHeaderEditable: bool\n};\n\nexport default Header;\n","import React from 'react';\nimport Root from '..';\nimport Handles from '../Handles';\nimport { PORT_LAYOUT, PROP_TYPES } from '../../constants';\n\nconst Activity = ({\n type,\n dragging,\n selected,\n data\n}) => {\n const {\n Component,\n Icon,\n className,\n elementType,\n id,\n isOrphan,\n focusOnCreate\n } = data;\n return (\n <>\n \n
\n e.stopPropagation()}>\n {\n if (e.target.value || !isHeaderRequired) {\n const sanitizedName = sanitizeTextBeforeSet(e.target.value);\n onNameChange(sanitizedName);\n WatchmanRecorder.trackEvent('canvas-elementName-change', { elementID: id, type });\n }\n setComponentKey(uuid());\n }}\n onRemove={e => {\n onNameChange(e.target.value);\n }}\n />\n
\n \n {count}\n
\n );\n};\n\nAlerts.propTypes = {\n className: string,\n text: string,\n count: number,\n onClick: func\n};\n\nexport default Alerts;\n","import React, { forwardRef, useEffect, useMemo } from 'react';\nimport { node, string, bool } from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { t } from '@jotforminc/translation';\nimport { useReactFlow } from '@xyflow/react';\nimport {\n getElementErrors, getWarnings, getShowErrorsOnDiagram, getHoveredNode\n} from '../../../../store/selectors';\nimport { focusToError } from '../../../../actionCreators';\nimport Toolbox from './Toolbox';\nimport Alerts from './Alerts';\nimport { ZOOM_DURATION } from '../constants';\n\nconst Root = forwardRef(({\n type,\n id,\n isOrphan = false,\n dragging = false,\n selected = false,\n Icon = null,\n children = null,\n className = null,\n elementType = null,\n focusOnCreate = false\n}, ref) => {\n const { fitView, getNode, getZoom } = useReactFlow();\n const dispatch = useDispatch();\n const hoveredNode = useSelector(getHoveredNode);\n const isHighlighted = hoveredNode?.id === `${id}`;\n const isIntegration = elementType?.indexOf('workflow_integration') !== -1; // We need to do something for integration types when the time has cometh.\n const onFocusToError = () => dispatch(focusToError(parseInt(id, 10)));\n const onFocusToWarning = () => dispatch(focusToError(parseInt(id, 10)));\n const elementErrors = useSelector(getElementErrors(parseInt(id, 10)));\n const showErrorsOnDiagram = useSelector(getShowErrorsOnDiagram);\n const hasError = elementErrors.length > 0 && showErrorsOnDiagram !== 'No';\n const elementWarnings = useSelector(getWarnings);\n const hasWarning = elementWarnings.length > 0;\n const hasAlerts = hasError || hasWarning;\n const alertCount = hasAlerts ? elementErrors.length || elementWarnings.length : 0;\n\n useEffect(() => {\n if (focusOnCreate) {\n const currentZoom = getZoom();\n fitView({\n nodes: [getNode(`${id}`)], duration: ZOOM_DURATION, minZoom: currentZoom, maxZoom: currentZoom\n });\n }\n }, []);\n\n const {\n text: alertText,\n onClick: alertOnClick\n } = useMemo(() => {\n switch (true) {\n case hasError:\n return {\n text: elementErrors.length === 1 ? t('Error') : t('Errors'),\n onClick: onFocusToError\n };\n case !hasError && hasWarning:\n return {\n text: elementWarnings.length === 1 ? t('Warning') : t('Warnings'),\n onClick: onFocusToWarning\n };\n default:\n return {};\n }\n }, [hasError, hasWarning]);\n\n const classNames = [\n 'wfDiagram-element',\n 'wfDiagram-node',\n ...(className || []),\n isIntegration && 'isIntegration',\n isOrphan && 'isOrphan',\n dragging && 'isDragging',\n selected && 'isSelected',\n isHighlighted && 'isHighlighted',\n hasError && 'hasError',\n hasWarning && 'hasWarning',\n type\n ].filter(Boolean).join(' ');\n\n return (\n <>\n \n {text}\n
\n \n {Icon && (\n
\n \n
\n )}\n {children && (\n \n {children}\n
\n )}\n {hasAlerts && !window?.isTemplateMode && (\n \n \n {t('Add conditions')}\n \n
\n )}\n \n {renderFilterToolTip()}\n
\n )}\n {moreCount > 0 && termsString !== MISSING_CONDITON_TEXT ? (\n \n {t('+{number} more').replace('{number}', moreCount)}\n
\n ) : null}\n \n
\n ) : (\n \n
\n \n {title}\n
\n \n
\n \n
\n \n {formTitle || t('Select a form')}\n
\n {formTitle && (\n \n {formTitle}\n
\n )}\n \n {t(mergeType)}\n
\n \n \n );\n};\n\nMerge.propTypes = {\n data: object.isRequired\n};\n\nexport default Merge;\n","import React from 'react';\n\nconst End = () => {\n return <>END;\n};\n\nexport default End;\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport { object } from 'prop-types';\nimport { Body, Header } from '..';\nimport WidgetResource from '../../../../../../components/Diagrams/Commons/WidgetResource';\nimport WidgetContactBody from '../../../../../../components/Diagrams/Commons/WidgetContactBody';\nimport { INTEGRATION_DETAILS } from '../../../../../../constants/IntegrationDetails';\n\nconst Integration = ({ data }) => {\n const {\n actionType, subType, integrationAccountName, name\n } = data;\n const details = INTEGRATION_DETAILS[subType];\n const integrationName = name === 'Integration' ? details?.actions?.find(e => e.value === actionType)?.text : name;\n const label = integrationName || 'Integration';\n const targetSource = integrationAccountName ? [{\n text: integrationAccountName,\n isQuestion: false,\n formTitle: label\n }] : [];\n\n return (\n\n <>\n \n
\n );\n};\n\nWarningBox.propTypes = {\n colorStyle: string,\n size: string,\n Icon: func,\n fullWidth: bool,\n isLongText: bool,\n children: node,\n className: string,\n wrapperClassName: string,\n showAnimate: bool\n};\n\nWarningBox.defaultProps = {\n colorStyle: 'warning',\n size: 'small',\n Icon: IconExclamationCircleFilled,\n fullWidth: true,\n isLongText: false,\n children: null,\n className: '',\n wrapperClassName: '',\n showAnimate: true\n};\n\nexport default WarningBox;\n","import Styled from 'styled-components';\n\nexport const ScRF = Styled.div`\n display: flex;\n justify-content: space-between;\n`;\n\nexport const ScRB = Styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n\n .content {\n width: 90%;\n max-width: 500px;\n padding-bottom: 40px;\n text-align: center;\n font-size: 1em;\n color: #0A1551;\n font-weight: 700;\n margin: auto;\n\n &.isRedWarn {\n svg {\n fill: #FF4947;\n width: 80px;\n height: 80px;\n }\n }\n\n > svg {\n display: unset;\n margin-bottom: 8px;\n }\n }\n\n .content.wider { max-width: 540px; }\n\n .assignToOrgSvg {\n width: 54vw;\n height: 36vh;\n max-width: 192px;\n max-height: 136px;\n }\n\n .title {\n font-size: 18px;\n line-height: 20px;\n color: #141E46;\n font-weight: 500;\n }\n\n .subtitle {\n font-size: 15px;\n line-height: 16px;\n color: #252F58;\n font-weight: 500;\n }\n\n p {\n font-size: 14px;\n line-height: 24px;\n color: #60658C;\n }\n\n p, .custom-content { font-weight: 300; margin: 12px 0; }\n\n .sec { color: #2c3345; margin: 1em 0 0; line-height: 1.5; }\n\n [data-value=\"sendNotificationEmail\"] { display: inline-flex; }\n\n .assigneeMsg {\n max-width: 426px;\n width: 100%;\n display: block;\n height: 90px;\n border-radius: 4px;\n border: solid 1px #d8dae9;\n margin: 1em auto 0;\n font-size: .875rem;\n padding: .375rem .5rem;\n transition: border-color .15s ease;\n\n ::placeholder { color: #8d8fa8; }\n :focus { outline: 0; border-color: #4c7af7; }\n }\n\n .dontshow {\n display: inline-flex;\n background-color: #ecf4ff;\n align-items: center;\n padding: 10px;\n margin-top: 38px;\n margin-bottom: 20px;\n \n &-input {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n \n &:checked + .dontshow-checkbox:before {\n background-color: #54b45c;\n border-color: #54b45c;\n }\n \n &:checked + .dontshow-checkbox:after {\n opacity: 1;\n }\n \n &:focus {\n outline: 0;\n }\n }\n \n &-checkbox {\n width: 14px;\n height: 14px;\n background-color: #fff;\n border-radius: 2px;\n position: relative;\n \n &:before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border: 1px solid #CCD0DA;\n background-color: #fff;\n border-radius: 2px;\n top: 0;\n left: 0;\n transition: .3s;\n transform: translate(-1px, -1px);\n }\n \n &:after {\n content: \"\";\n display: block;\n width: 4px;\n height: 8px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n position: absolute;\n top: 1px;\n left: 4px;\n opacity: 1;\n transition: .3s;\n z-index: 2;\n }\n }\n \n &-text {\n font-weight: 400;\n font-size: 16px;\n margin-left: 8px;\n line-height: 1;\n color: #52587e;\n }\n }\n\n @media screen and (max-width: 480px) {\n font-size: 0.875em;\n\n p { margin: 1em 0 .75em; }\n } \n`;\n","import React, { useState, forwardRef, useImperativeHandle } from 'react';\nimport {\n string, elementType, func, shape\n} from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { useStateWithAutoReset } from '@jotforminc/hooks';\nimport { Button } from '@jotforminc/magnet';\nimport { ScRF } from '@jotforminc/share-panel';\nimport { sendTestEmail } from '../../helpers/utils';\n\nconst StyleModalFooter = forwardRef(({\n user,\n backText,\n confirmText,\n testButtonText,\n onBack,\n onConfirm,\n tabbedWizardsRef,\n TestButtonRenderer,\n BackButtonRenderer,\n ConfirmButtonRenderer\n}, ref) => {\n const [isConfirmDisabled, setConfirmDisabled] = useState(false);\n const [testEmailResult, setTestEmailResult] = useState({});\n const [isTestEmailDisabled, setTestEmailDisabled] = useState(false);\n const [showTestEmailMessage, setShowTestEmailMessage] = useStateWithAutoReset(false);\n\n useImperativeHandle(ref, () => ({ setConfirmDisabled }));\n\n const handleSendTestEmail = () => {\n const testEmail = {\n ...tabbedWizardsRef.current.getValues()\n };\n setTestEmailDisabled(true);\n sendTestEmail(testEmail, user).then(() => {\n setTestEmailResult({\n message: t('A test email has been sent to {userEmail}').replace('{userEmail}', user.email),\n className: 'success'\n });\n }).catch(e => {\n const message = e?.response?.data?.error;\n setTestEmailResult({\n message: t(message || 'Failed to send test email.'),\n className: 'error'\n });\n }).finally(() => {\n setTestEmailDisabled(false);\n setShowTestEmailMessage(true);\n });\n };\n\n return (\n \n
\n \n
\n {children}
\n \n \n {backText}\n \n
\n \n {showTestEmailMessage && (\n \n \n {confirmText}\n \n
\n \n {testEmailResult.message}\n
\n )}\n \n {t('Please note that test emails will only be sent to the email address associated with your account.')}\n
\n {testButtonText}\n \n \n {titleIcon}\n
\n \n {title}\n
\n \n ) : (\n \n {title}\n
\n )}\n footer={(\n\n
\n \n
\n \n
\n \n
\n \n
\n \n {t('SAMPLE REPORT')}\n
\n \n
\n \n {t('Report Settings')}\n
\n\n {threadInputs.map(input => (\n onChangeFunc(value, input)}\n checked={threadState[input.prop]}\n label={input.label}\n className=\"py-2.5\"\n />\n ))}\n
\n \n {t('Thank you!')}\n
\n \n {t('The task has been completed.')}\n
\n \n {t(`${signOptionText} to view all submissions in one place, and complete your approval process from any device.`)}\n
\n \n ]}\n greetingMessage={t('Sign Up Now')}\n {...props}\n />\n );\n};\n\nWFCompletedTaskLoginFlow.propTypes = {\n initialScreen: string\n};\n\nWFCompletedTaskLoginFlow.defaultProps = {\n initialScreen: 'signupWithEmail'\n};\n\nexport const WFGenericLoginFlow = props => {\n return (\n \n {t('Jotform Workflows')}\n
\n \n {t('Sign up to share your flow, view and track all submissions in one place, and complete your workflow process from any device.')}\n
\n \n ]}\n greetingMessage={t('Sign Up Now')}\n {...props}\n />\n );\n};\n","import React from 'react';\nimport { WFGenericLoginFlow } from '@jotforminc/workflow-components';\nimport { getAPIURL } from '@jotforminc/request-layer';\nimport { createRoot } from 'react-dom/client';\nimport CONFIGURATION from '../constants/config';\nimport { isInputTarget } from '.';\nimport WatchmanRecorder from './WatchmanRecorder';\n\nconst openSignupModal = ({ user }) => {\n const container = document.getElementById('workflow-utils-root');\n const root = createRoot(container);\n return new Promise((resolve, reject) => {\n const handleDocumentKeyDown = e => {\n if (CONFIGURATION.CANVAS_DELETE_KEY_CODES.indexOf(e?.keyCode) > -1 && !isInputTarget(e)) {\n e.stopPropagation(); // In order to prevent canvas element deletion if modal is open.\n console.log('stop!');\n }\n };\n const handleClose = () => {\n reject();\n document.removeEventListener('keydown', handleDocumentKeyDown, { capture: true });\n root.unmount();\n };\n const onLogin = () => {\n resolve();\n document.removeEventListener('keydown', handleDocumentKeyDown, { capture: true });\n root.unmount();\n };\n\n document.addEventListener('keydown', handleDocumentKeyDown, { capture: true });\n\n root.render(\n \n
\n );\n\n const HEADER_TYPES = {};\n\n if (Array.isArray(whatsNewKey) && whatsNewKey.length > 0) {\n return HEADER_TYPES[whatsNewKey[currentIndex]] || DEFAULT_HEADER;\n }\n\n return HEADER_TYPES[whatsNewKey] || DEFAULT_HEADER;\n};\n\nDialogHeader.propTypes = {\n onClose: func,\n ...sharedPropTypes\n};\n\nDialogHeader.defaultProps = {\n onClose: f => f,\n ...sharedPropDefaults\n};\n/* /DialogHeader */\n\n/* WhatsNewDialogue */\nconst WhatsNewDialogue = ({\n whatsNewKey,\n currentIndex\n}) => {\n const DIALOGUE_TYPES = {\n whats_new_pdf_elements: (\n \n
\n \n {t(\"What's New\")}\n 🔥\n
\n\n {t('Get the latest changes and updates')}\n
\n\n {closeButton}\n
\n \n
\n ),\n whats_new_sign_element: (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/workflow/whatsNewSample2x.png\")
\n
\n \n \n
\n {t('Share PDF documents')}
\n{t('Turn form submissions into PDFs automatically or upload a PDF to send in an email. Just drag and drop the PDF element into your approval flow and select the documents you’d like to send.')}
\n{t('Generate approval reports')}
\n{t('Create and share approval reports automatically. Add the Approval Report element to your approval flow to send an auto-generated PDF report of all the actions taken throughout your approval process.')}
\n\n
\n ),\n whats_new_element_design: (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/workflow/whatsNewSignSample2x.png\")
\n
\n \n \n
\n \n
\n \n
\n {t('Request e-Signature')}
\n 4 October 2022
\n \n
\n New Feature
\n \n {t('Jotform Sign is now live and fully integrated with Approvals! Automatically request electronic signatures for your documents. Just drag and drop the Sign Document element into your approval flow and select the documents you would like to be signed.')}\n
\n Learn More\n
\n \n Learn More\n
\n
\n ),\n whats_new_group_approval: (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/workflow/whatsNewElementDesign2x.png\")
\n
\n \n \n
\n \n
\n \n
\n {t('Introducing the new Approval elements design')}
\n 11 Nov, 2022
\n \n
\n Design Update
\n \n {t('Our sleek new design makes it easier to differentiate between elements at a glance.')}\n
\n
\n {t('We’re still working on improving this experience for you, and would love to hear your feedback.')}\n
\n \n
\n {t('We’re still working on improving this experience for you, and would love to hear your feedback.')}\n
\n
\n ),\n whats_new_team_approval: (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/workflow/whatsNewGroupApproval2x.png\")
\n
\n \n \n
\n \n
\n \n
\n {t('Introducing Group & Team Approvals')}
\n \n
\n NEW FEATURE
\n \n {t('You can now request approvals from one member of a group, all members of a group, or the majority of a group. Some use cases include')}\n
\n {`• ${t('Getting approval from the majority of the HR team before scheduling an interview with a job candidate')}`}\n
\n {`• ${t('Getting the approval of the entire finance team for a big expense')}`}\n
\n {`• ${t('Getting your post approved by someone on the social media team')}`}\n
\n
\n \n {`• ${t('Getting approval from the majority of the HR team before scheduling an interview with a job candidate')}`}\n
\n {`• ${t('Getting the approval of the entire finance team for a big expense')}`}\n
\n {`• ${t('Getting your post approved by someone on the social media team')}`}\n
\n
\n Learn More\n
\n \n
\n ),\n whats_new_donation_box: (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/workflow/whatsNewTeamApproval2x.png\")
\n
\n \n \n
\n \n
\n \n
\n {t('Introducing Team Approvals')}
\n \n
\n NEW FEATURE
\n \n {t('You can also add predefined teams to your approval flows with Team Approvals!')}\n
\n
\n {t('It works just like Group Approvals — meaning you can request approvals from one member of a team, all members of a team, or the majority of a team.')}\n
\n
\n {t('Team Approvals allows you to dynamically keep relevant team members involved in the decision-making process, even when a team member is added or removed.')}\n
\n
\n \n
\n {t('It works just like Group Approvals — meaning you can request approvals from one member of a team, all members of a team, or the majority of a team.')}\n
\n
\n {t('Team Approvals allows you to dynamically keep relevant team members involved in the decision-making process, even when a team member is added or removed.')}\n
\n
\n
\n ),\n whats_new_payment_square: (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/portal/whatsNewDonationBox2x.png\")
\n
\n \n \n
\n \n
\n \n
\n {t('Introducing Donation Box element')}
\n \n
\n {t('NEW FEATURE')}
\n \n {t('You can now collect donations through your apps! Just add the Donation Box and integrate with a payment gateway to start receiving donations with ease. Use this element to:')}\n
\n
\n {`• ${t('Collect donations through your app')}`}\n
\n {`• ${t('Let users select a set donation amount or enter a custom amount')}`}\n
\n {`• ${t('Show progress toward your donation goal')}`}\n
\n {`• ${t('Track donations and contact information in Jotform Tables')}`}\n
\n
\n \n
\n {`• ${t('Collect donations through your app')}`}\n
\n {`• ${t('Let users select a set donation amount or enter a custom amount')}`}\n
\n {`• ${t('Show progress toward your donation goal')}`}\n
\n {`• ${t('Track donations and contact information in Jotform Tables')}`}\n
\n
\n \n {t('Register for free the webinar')}\n \n {!isEnterprise() && (\n \n {t('Learn more')}\n \n )}\n
\n \n
\n ),\n whats_new_workflow_release: (\n \n ![{t('Square](\"//cdn.jotfor.ms/assets/img/payments/whats_new_square.gif\")
\n
\n \n \n
\n \n
\n \n
\n {t('Announcing Square ACH & Afterpay & Clearpay')}
\n \n
\n \n \n {t('NEW FEATURE')}\n \n
\n \n \n {` ${t('Square ACH: ')}`}\n {` ${t('Integrate with Square to accept ACH bank transfers directly through your forms — perfect for selling products, booking services, or collecting donations.')}`}\n \n \n {` ${t('Square Afterpay: ')}`}\n {` ${t('Want to give your customers the chance to pay in installments? Afterpay makes it easy. Integrate your form with Square to set it up in a few easy steps.')}`}\n \n \n {` ${t('Square Clearpay: ')}`}\n {` ${t('Clearpay offers the same great Buy Now, Pay Later features as Afterpay, except it’s offered exclusively to our U.K. users.')}`}\n \n
\n {t('Enjoy new ways to collect payments through your forms,')}
\n\n
\n )\n };\n\n if (Array.isArray(whatsNewKey) && whatsNewKey.length > 0) {\n return (\n \n ![{t(\"What's](\"//cdn.jotfor.ms/assets/img/workflow/whatsNewWorkflowLaunch2x.png\")
\n
\n \n \n
\n \n
\n \n
\n {t('Announcing Jotform Workflows')}
\n \n
\n ANNOUNCEMENT
\n \n {t('We’ve transformed Approvals into Jotform Workflows! Everything you love about Approvals is still here, now with powerful new features like integrations, payments, task assigning, and more. Take your workflows to the next level with Jotform Workflows.')}\n
\n \n {whatsNewKey.map((eachKey, index) => (\n
\n );\n }\n\n return DIALOGUE_TYPES[whatsNewKey] || null;\n};\n\nWhatsNewDialogue.propTypes = {\n whatsNewKey: oneOfType([string, array]),\n ...sharedPropTypes\n};\n\nWhatsNewDialogue.defaultProps = {\n whatsNewKey: null,\n ...sharedPropDefaults\n};\n\nexport default WhatsNewDialogue;\n\n/* /WhatsNewDialogue */\n\n/* WhatsNewDialogueFooter */\nexport const WhatsNewDialogueFooter = ({\n onAccept,\n showPreviousItem,\n showNextItem,\n hasPreviousItem,\n hasNextItem\n}) => {\n return (\n \n {DIALOGUE_TYPES[eachKey]}\n
\n ))}\n \n
\n );\n};\n\nWhatsNewDialogueFooter.propTypes = {\n onAccept: func,\n ...sharedPropTypes\n};\n\nWhatsNewDialogueFooter.defaultProps = {\n onAccept: f => f,\n ...sharedPropDefaults\n};\n/* /WhatsNewDialogueFooter */\n\n/* DialogRenderer */\nexport const DialogRenderer = ({ children }) => ( // eslint-disable-line\n \n {hasPreviousItem && (\n \n {t('Previous')}\n \n )}\n {hasNextItem ? (\n \n ) : (\n \n )}\n
\n \n {children}\n
\n);\n/* /DialogRenderer */\n\n/* ContentRenderer */\nexport const ContentRenderer = ({ children }) => ( // eslint-disable-line\n \n
\n);\n/* /ContentRenderer */\n","import React, { useRef, useState } from 'react';\nimport { Modal } from '@jotforminc/uikit';\nimport { bool, func, shape } from 'prop-types';\nimport WhatsNewDialogue, {\n DialogHeader,\n WhatsNewDialogueFooter,\n DialogRenderer,\n ContentRenderer\n} from './WhatsNewDialogue';\n\nconst WhatsNewModalDialogue = ({\n modalProps,\n onClose,\n hideCloseButtonOnMultipleModals,\n onAccept: onAcceptProp\n}) => {\n const uikitModalRef = useRef(null);\n const { whatsNewKey } = modalProps;\n const [currentIndex, setCurrentIndex] = useState(0);\n const hasMultipleSteps = Array.isArray(whatsNewKey) && whatsNewKey.length > 0;\n const isFinal = hasMultipleSteps && ((currentIndex + 1) === whatsNewKey.length);\n const hasPreviousItem = hasMultipleSteps && currentIndex > 0;\n const hasNextItem = hasMultipleSteps && ((currentIndex + 1) < whatsNewKey.length);\n const showPreviousItem = () => { setCurrentIndex(currentIndex - 1); };\n const showNextItem = () => { setCurrentIndex(currentIndex + 1); };\n\n const extendedModalProps = {\n currentIndex,\n setCurrentIndex,\n hasMultipleSteps,\n isFinal,\n hasPreviousItem,\n hasNextItem,\n showPreviousItem,\n showNextItem,\n hideCloseButtonOnMultipleModals,\n ...modalProps,\n className: `${modalProps.className || ''} whatsNewModal`\n };\n\n const FooterRenderer = () => (\n \n {children}\n
\n \n {ReactDOM.createPortal(, document.getElementById('toast-modal-root'))}\n
\n);\n\nexport default ConnectionState;\n","import { eventChannel } from 'redux-saga';\nimport { INTERNET_CONNECTION_LOST, INTERNET_CONNECTION_RESTORED } from '../../store/actionTypes';\n\nexport const createNetworkStatusChannel = () => {\n return eventChannel(emit => {\n const emitOffline = () => {\n emit(INTERNET_CONNECTION_LOST);\n };\n const emitOnline = () => {\n emit(INTERNET_CONNECTION_RESTORED);\n };\n window.addEventListener('offline', emitOffline);\n window.addEventListener('online', emitOnline);\n return () => {\n window.removeEventListener('offline', emitOffline);\n window.removeEventListener('online', emitOnline);\n };\n });\n};\n","import React from 'react';\nimport { toast } from 'react-toastify';\nimport {\n call, take\n} from 'redux-saga/effects';\nimport ConnectionState, { CONNECTION_STATES } from '../../components/Toast/ConnectionState';\n\nimport * as ActionTypes from '../../store/actionTypes';\nimport { createNetworkStatusChannel } from '../channels/network';\n\nexport function handleNetworkChanges(status) {\n switch (status) {\n case ActionTypes.INTERNET_CONNECTION_RESTORED: {\n toast.dismiss();\n toast.success({t(type === CONNECTION_STATES.LOST ? 'Internet connection is lost. We are trying to connect..' : 'You are back online!')}
\n {text}
\n );\n};\n\nMoreAction.propTypes = {\n isEditStateEnable: bool.isRequired,\n text: string.isRequired,\n onChange: func.isRequired,\n onKeyUp: func.isRequired,\n onBlur: func.isRequired\n};\n\nexport default MoreAction;\n","import {\n shape, arrayOf, oneOfType, string, number\n} from 'prop-types';\nimport React, { useState, useRef } from 'react';\nimport { Tooltip } from '@jotforminc/tooltip';\nimport { useOnClickOutside } from '@jotforminc/hooks';\nimport { generateOutcomeButtonHTML } from '../../utils/fixEmailOutcomes';\nimport { getRemovableElement, findMoreActionText, findMoreAction } from '../../utils/outcomeUtils';\nimport CheckboxWithValue from '../Checkbox/CheckboxWithValue';\nimport MoreAction from './MoreAction';\n\nconst MultipleCheckbox = ({\n outcomes = [],\n selectedOutcomes = [],\n editor = {},\n moreActionOutcome = [],\n multipleCheckboxDefaultProperties = {}\n}) => {\n const [moreActionText, setMoreActionText] = useState(findMoreActionText(editor));\n const [isUnavailable, setIsUnavailable] = useState('');\n const containerRef = useRef();\n const [isEditStateEnable, setEditStateEnable] = useState(false);\n const [currentSelectedOutcome, setCurrentSelectedOutcome] = useState(selectedOutcomes);\n const className = isUnavailable ? 'isUnavailable' : null;\n\n const handleMoreActionClick = () => setEditStateEnable(true);\n\n const isValueChecked = outcome => {\n return currentSelectedOutcome.map(x => `${x}`).includes(`${outcome.outcomeID || outcome.id}`);\n };\n\n const checkLastItemSelected = outcome => {\n const lastOutcomeExist = currentSelectedOutcome?.length === 1;\n const currentSelectedOutcomeIsMoreAction = currentSelectedOutcome?.[0] === 'MoreActions' && outcome?.outcomeID === 'MoreActions';\n const currentSelectedOutcomeIsOutcome = currentSelectedOutcome?.[0] !== 'MoreActions' && outcome?.outcomeID?.toString() === currentSelectedOutcome?.[0];\n if (lastOutcomeExist) {\n return currentSelectedOutcomeIsMoreAction || currentSelectedOutcomeIsOutcome;\n }\n return false;\n };\n\n const handleChange = (val, outcome, fromMoreAction = false) => {\n if (checkLastItemSelected(outcome)) {\n setIsUnavailable('isUnavailable');\n return;\n }\n setIsUnavailable('');\n\n if (val === 'Yes' && currentSelectedOutcome && !currentSelectedOutcome?.includes(`${outcome?.outcomeID || outcome?.id}`)) {\n const customButtonHTML = generateOutcomeButtonHTML(fromMoreAction ? { ...outcome, text: moreActionText } : outcome);\n setCurrentSelectedOutcome([...currentSelectedOutcome, `${outcome?.outcomeID || outcome?.id}`]);\n editor.insertContent(customButtonHTML);\n editor.fire('change');\n }\n\n if (val === 'No') {\n const removableElement = getRemovableElement(outcome, editor);\n if (removableElement) {\n removableElement.remove();\n editor.fire('change');\n setCurrentSelectedOutcome(currentSelectedOutcome?.filter(el => el !== `${outcome?.outcomeID || outcome?.id}`));\n }\n }\n };\n\n const renderUnavailableTooltip = isUnavailable ? (\n \n handleChange(val, moreActionOutcome?.[0], true)}\n size=\"16px\"\n backgroundColor=\"#01BD6F\"\n borderColor=\"#01BD6F\"\n >\n handleMoreActionOnChange(e.target.value)}\n text={moreActionText}\n onKeyUp={onEnterPressed}\n onBlur={handleMoreActionOutsideClick}\n />\n \n {renderUnavailableTooltip}\n {isValueChecked(moreActionOutcome?.[0]) ? : null}\n
\n );\n };\n\n return (\n <>\n \n \n Users will take approval actions in Jotform Inbox. This option always requires login.\n \n
\n \n {multipleCheckboxDefaultProperties.showFirstCheckboxHeader && (\n
\n \n {multipleCheckboxDefaultProperties.firstCheckboxListText}\n
\n )}\n \n {renderOutcomes()}\n
\n \n { multipleCheckboxDefaultProperties.showSecondCheckboxHeader\n && (\n
\n \n );\n};\n\nMultipleCheckbox.propTypes = {\n outcomes: arrayOf(shape({})),\n selectedOutcomes: arrayOf(oneOfType([string, number])),\n editor: shape({}),\n moreActionOutcome: arrayOf(shape({})),\n multipleCheckboxDefaultProperties: shape({})\n};\n\nexport default MultipleCheckbox;\n","import {\n array,\n func, oneOfType, shape, string\n} from 'prop-types';\nimport React, { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { Popover, Hooks } from '@jotforminc/uikit';\nimport MultipleCheckbox from '../MultipleCheckbox';\n\nconst EmailOutcomeCheckbox = forwardRef(({\n className = 'wfEmail-outcome-container',\n popoverOptions = { placement: 'bottom' },\n onMouseEnter = f => f,\n outcomes = [],\n selectedOutcomes = [],\n moreActionOutcome = [],\n onMouseLeave = f => f,\n editor = {},\n multipleCheckboxDefaultProperties = {\n headerText: 'SHOW/HIDE APPROVAL ACTIONS',\n firstCheckboxListText: 'Outcomes',\n secondCheckboxListText: 'More Actions',\n showFirstCheckboxHeader: true,\n showSecondCheckboxHeader: true\n },\n targetRef\n}, ref) => {\n const menuRef = useRef();\n const [isMenuVisible, setMenuVisibility] = Hooks.useClickOutsideState(false, [menuRef]);\n useImperativeHandle(ref, () => ({\n setMenuVisibility\n }));\n return (\n isMenuVisible && (\n \n {multipleCheckboxDefaultProperties.secondCheckboxListText}\n
\n )}\n \n {renderMoreActions()}\n
\n \n {multipleCheckboxDefaultProperties.headerText}\n
\n \n
\n \n \n )\n );\n});\n\nEmailOutcomeCheckbox.propTypes = {\n multipleCheckboxDefaultProperties: shape({}),\n className: string,\n popoverOptions: shape({}),\n targetRef: oneOfType([func, shape({})]).isRequired,\n onMouseEnter: func,\n outcomes: array,\n selectedOutcomes: array,\n onMouseLeave: func,\n moreActionOutcome: array,\n editor: shape({})\n};\n\nexport default EmailOutcomeCheckbox;\n","import {\n array, func, oneOfType, shape\n} from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport EmailOutcomeCheckbox from './index';\n\nconst EmailOutcomeCheckboxWrapper = ({\n selectedOutcomes,\n outcomes,\n targetRef,\n editor,\n multipleCheckboxDefaultProperties\n}) => {\n const moreActionOutcome = {\n id: 'moreAction',\n outcomeID: 'moreActions',\n type: 'MORE',\n buttonColor: '#fff',\n text: 'Go to Inbox',\n textColor: '#5e74e6'\n };\n const [isVisible, setVisible] = useState(true);\n\n const ref = useRef();\n const handleChange = () => {\n setVisible(true);\n };\n useEffect(() => {\n if (ref.current) {\n ref.current.setMenuVisibility(true);\n }\n }, [ref]);\n return isVisible ? (\n { this.currentTetheredSelectWrapper = r; }}>\n { this.currentTetheredSelect = r; }}\n style={{ pointerEvents: 'none' }}\n data-testid={this.props.testId}\n >\n { options }\n \n \n
\n \n ) : (\n \n { PaymentTypeIcon &&
\n );\n }\n\n handleOnClick = (option, type, e) => {\n if (type === 'close') {\n e.target.closest('.pg-dropdown').classList.remove('open');\n const { onChange } = this.props;\n\n if (onChange) {\n e.persist();\n this.props.onChange(e);\n }\n } else {\n const target = e.target.closest('.pg-dropdown');\n const billingInfoFields = ['emailField', 'billingAdd', 'shippingAdd', 'phoneField', 'customDataField']; // for payments that are enabled billing option\n\n if (target.classList.contains('open')) {\n e.target.closest('.pg-dropdown').classList.remove('open');\n if (billingInfoFields.includes(this.props.testId)) {\n e.target.closest('.m-dropdownWrapper').classList.remove('opened');\n }\n } else {\n e.target.closest('.pg-dropdown').classList.add('open');\n if (billingInfoFields.includes(this.props.testId)) {\n e.target.closest('.m-dropdownWrapper').classList.add('opened');\n }\n }\n }\n };\n\n handleOnChange(e) {\n if (this.props.onChange) {\n e.persist();\n this.props.onChange(e);\n }\n this.props.addActivityLogs(this.props.id, ['alignment'], e.target.value);\n }\n}\n\nexport default Dropdown;\n","import debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\n\nconst noop = () => { };\n\nexport class TextInput extends React.Component {\n static propTypes = {\n name: PropTypes.string,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n disabled: PropTypes.string,\n id: PropTypes.string,\n ariaLabel: PropTypes.string,\n className: PropTypes.string,\n additionalClasses: PropTypes.string,\n inlineStyle: PropTypes.object,\n type: PropTypes.string,\n numberOnly: PropTypes.bool,\n allowDecimal: PropTypes.bool,\n onKeyDown: PropTypes.func,\n preventSpaceAtFirst: PropTypes.bool,\n preventNegativeNumbers: PropTypes.bool,\n preventZeroNumber: PropTypes.bool,\n addActivityLogs: PropTypes.func,\n isThankYou: PropTypes.bool,\n maxLength: PropTypes.string,\n maximumLength: PropTypes.string, // because some components still pass maxLength\n allowInputComma: PropTypes.bool\n };\n\n static defaultProps = {\n onBlur: noop,\n onChange: noop,\n disabled: '',\n type: 'text',\n className: 'inpt',\n isThankYou: false,\n addActivityLogs: () => {}\n };\n\n constructor(props) {\n super(props);\n this._handleKeyDown = this._handleKeyDown.bind(this);\n this._allowTypePoint = this._allowTypePoint.bind(this);\n this._handleOnChange = this._handleOnChange.bind(this);\n this._validateNumber = this._validateNumber.bind(this);\n this._handleOnBlur = this._handleOnBlur.bind(this);\n this.renderTextInput = this.renderTextInput.bind(this);\n this.setInputValue = value => {\n this.setState({ inputValue: value });\n };\n this.setInputValueDebounced = debounce(this.setInputValue, 100);\n\n this.state = {\n inputValue: this.props.value\n };\n }\n\n renderTextInput() {\n // Below method filters out faulty props that are not allowed on elements\n const props = this._preparePropsForRender(this.props);\n return (\n \n {this.props.options && (\n
\n )}\n\n \n \n \n {this.props.options.map((option, index) => (\n \n {option.key === 'addone' && (\n \n )}\n\n {option.key === selectedElement && (\n \n )}\n\n \n {(!this.props.dontShowIndex && this.props.options.length >= 3 && option.key !== 'none' && option.key !== 'addone') && (\n \n {index}\n .\n {' '}\n \n )}\n {option.text}\n \n \n ))}\n \n
\n )}\n\n \n {text || this.props.options[1] && this.props.options[1].key === 'none' && this.props.options[1].text || this.props.options[0].text}\n
\n \n \n {this.renderTextInput()}\n
\n )\n : this.renderTextInput()\n }\n \n );\n }\n\n UNSAFE_componentWillReceiveProps = nextProps => {\n if (nextProps.value !== this.props.value) {\n this.setInputValueDebounced(nextProps.value);\n }\n };\n\n _preparePropsForRender() {\n const inProps = this.props;\n const unnecessaryProps = ['isV4', 'isMobile', 'isCardForm', 'formProperties', 'updateFormProperty', 'options', 'inlineStyle', 'decimalCount', 'allowDecimal', 'numberOnly', 'preventNegativeNumbers', 'preventZeroNumber', 'allowInputComma'];\n const outProps = new Object; // eslint-disable-line\n\n for (const property in inProps) {\n if (unnecessaryProps.indexOf(property) < 0) {\n Object.assign(outProps, { [property]: inProps[property] });\n }\n }\n\n if (inProps.numberOnly && inProps.type === 'number') {\n outProps.type = 'text';\n }\n\n outProps.className = inProps.className ? inProps.className : 'inpt';\n outProps.className += ' injectCSSPrevention';\n\n return outProps;\n }\n\n _allowTypePoint(target) {\n const strVal = target.value;\n if (strVal && strVal.length) {\n if (strVal.indexOf('.') === -1) {\n return true;\n }\n }\n\n return false;\n }\n\n _validateNumber(numberString) {\n if (this.props.numberOnly) {\n if (this.props.allowDecimal) {\n if (this.props.preventNegativeNumbers) {\n if (this.props.allowInputComma) {\n return numberString.match(/^([0-9]*)([.,][0-9]{0,2})?$/);\n }\n return numberString.match(/^([0-9]*)(\\.[0-9]{0,2})?$/);\n }\n if (this.props.allowInputComma) {\n return numberString.match(/^((-?)[0-9]*)([.,][0-9]{0,2})?$/);\n }\n return numberString.match(/^((-?)[0-9]*)(\\.[0-9]{0,2})?$/);\n }\n\n if (this.props.preventNegativeNumbers) {\n return numberString.match(/^([0-9]*)$/);\n }\n\n if (this.props.preventZeroNumber) {\n return numberString.match(/^$|[1-9][0-9]*$/);\n }\n\n return numberString.match(/^((-?)[0-9]*)$/);\n }\n\n if (this.props.preventWhitespace) { // prevented whitespace for Payment: apiKey, clientId etc\n return !numberString.match(/\\s/);\n }\n\n return true;\n }\n\n _handleOnChange(e) {\n const { maximumLength } = this.props;\n if (this._validateNumber(e.target.value)) {\n if (this.props.onChange) {\n if (e.persist) {\n e.persist(); // For using event in another function || React-15 persist\n }\n\n // convert comma to point for user input consistency\n if (this.props.allowInputComma) {\n const newValue = e.target.value.replace(/,/g, '.');\n if (newValue !== e.target.value) {\n e.target.value = newValue;\n }\n }\n\n if (maximumLength && e.target.value.length > maximumLength) {\n return;\n }\n\n this.props.onChange(e);\n this.setInputValue(e.target.value);\n }\n const ids = ['formWidth', 'lineSpacing', 'labelWidth', 'fontsize'];\n this.props.addActivityLogs(this.props.id, ids, e.target.value);\n } else {\n e.preventDefault();\n }\n }\n\n _handleOnBlur(e) {\n this.props.onBlur && this.props.onBlur(e);\n }\n\n _handleKeyDown(e) {\n if (this.props.preventSpaceAtFirst) {\n const strVal = e.target.value;\n if (!(strVal && strVal.length)) {\n if (e.keyCode === 32) {\n e.preventDefault();\n return;\n }\n }\n }\n if (e.persist) {\n e.persist(); // For using event in another function || React-15 persist\n }\n if (this.props.onKeyDown) this.props.onKeyDown(e);\n }\n}\n\nexport default TextInput;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\n\nexport class Tooltip extends React.Component {\n static propTypes = {\n kind: PropTypes.string, // error, warning\n arrowTo: PropTypes.string,\n linked: PropTypes.bool,\n className: PropTypes.string,\n style: PropTypes.shape(),\n children: PropTypes.node\n };\n\n render() {\n let linked = 'u-alwaysVisible';\n const externalClasses = (this.props.className ? this.props.className : '');\n if (this.props.linked === true) {\n linked = 'u-tethered';\n }\n let cx = classNames({\n toolTip: true,\n [`u-${this.props.kind}`]: this.props.kind,\n [`u-${this.props.arrowTo}`]: this.props.arrowTo\n });\n cx = `${cx} ${linked} ${externalClasses}`;\n return (\n \n { this.props.children }\n
\n );\n }\n}\n\nexport default Tooltip;\n","\n","\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\n\nexport class Icon extends React.Component {\n static propTypes = {\n name: PropTypes.string,\n className: PropTypes.string,\n onClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool])\n };\n\n render() {\n let cx = classNames({\n ji: true,\n [`ji-${this.props.name}`]: this.props.name\n });\n cx = this.props.className ? `${cx} ${this.props.className}` : cx;\n return (\n \n {this.props.attachmentElement}\n
\n );\n }\n\n _tetherOptions = () => {\n // let containerRect = this._tetherContainer.getBoundingClientRect();\n const targetRect = ReactDOM.findDOMNode(this).getBoundingClientRect();\n const visibleHeight = window.innerHeight;\n // const visibleWidth = window.innerWidth;\n const propOptions = { ...this.props };\n // if not tethered element is not in visible height\n if (targetRect.top + targetRect.height + this.props.height > visibleHeight) {\n let targetOffset = propOptions.targetOffset || '';\n const leftOffset = targetOffset.split(' ')[1] || '0';\n const newTopOffset = `-${this.props.height}px`;\n targetOffset = `${newTopOffset} ${leftOffset}`;\n propOptions.targetOffset = targetOffset;\n }\n const options = {\n element: this._tetherContainer,\n target: ReactDOM.findDOMNode(this),\n ...propOptions\n };\n return options;\n };\n\n _renderTether(options) {\n let tetherOptions = this._tetherOptions();\n if (options !== undefined) {\n tetherOptions = options;\n }\n ReactDOM.render(this._tetherComponent(), this._tetherContainer);\n if (this._tether !== null && this._tether !== undefined) {\n this._tether.setOptions(tetherOptions);\n } else {\n this._tether = new Tether(tetherOptions);\n }\n }\n\n toggleVisibilityByClick = () => {\n this.setState({\n visible: !this.state.visible\n });\n };\n}\n\nexport default Tethered;\n","import { t } from '@jotforminc/translation';\n/**\n * Translation of texts\n * @param {string} str: text for translation\n * @param {Object} params: contains the dynamic variables in the text\n */\n\nexport function translate(str, params) {\n return t(str, params);\n}\n\nexport default {\n translate\n};\n","import { translate } from '../../../mixins/Translation';\n\nexport default [\n translate('United States'),\n translate('Afghanistan'),\n translate('Albania'),\n translate('Algeria'),\n translate('American Samoa'),\n translate('Andorra'),\n translate('Angola'),\n translate('Anguilla'),\n translate('Antigua and Barbuda'),\n translate('Argentina'),\n translate('Armenia'),\n translate('Aruba'),\n translate('Australia'),\n translate('Austria'),\n translate('Azerbaijan'),\n translate('The Bahamas'),\n translate('Bahrain'),\n translate('Bangladesh'),\n translate('Barbados'),\n translate('Belarus'),\n translate('Belgium'),\n translate('Belize'),\n translate('Benin'),\n translate('Bermuda'),\n translate('Bhutan'),\n translate('Bolivia'),\n translate('Bosnia and Herzegovina'),\n translate('Botswana'),\n translate('Brazil'),\n translate('Brunei'),\n translate('Bulgaria'),\n translate('Burkina Faso'),\n translate('Burundi'),\n translate('Cambodia'),\n translate('Cameroon'),\n translate('Canada'),\n translate('Cape Verde'),\n translate('Cayman Islands'),\n translate('Central African Republic'),\n translate('Chad'),\n translate('Chile'),\n translate('China'),\n translate('Christmas Island'),\n translate('Cocos (Keeling) Islands'),\n translate('Colombia'),\n translate('Comoros'),\n translate('Congo'),\n translate('Cook Islands'),\n translate('Costa Rica'),\n translate('Cote d\\'Ivoire'),\n translate('Croatia'),\n translate('Cuba'),\n translate('Curacao'),\n translate('Cyprus'),\n translate('Czech Republic'),\n translate('Democratic Republic of the Congo'),\n translate('Denmark'),\n translate('Djibouti'),\n translate('Dominica'),\n translate('Dominican Republic'),\n translate('Ecuador'),\n translate('Egypt'),\n translate('El Salvador'),\n translate('Equatorial Guinea'),\n translate('Eritrea'),\n translate('Estonia'),\n translate('Ethiopia'),\n translate('Falkland Islands'),\n translate('Faroe Islands'),\n translate('Fiji'),\n translate('Finland'),\n translate('France'),\n translate('French Polynesia'),\n translate('Gabon'),\n translate('The Gambia'),\n translate('Georgia'),\n translate('Germany'),\n translate('Ghana'),\n translate('Gibraltar'),\n translate('Greece'),\n translate('Greenland'),\n translate('Grenada'),\n translate('Guadeloupe'),\n translate('Guam'),\n translate('Guatemala'),\n translate('Guernsey'),\n translate('Guinea'),\n translate('Guinea-Bissau'),\n translate('Guyana'),\n translate('Haiti'),\n translate('Honduras'),\n translate('Hong Kong'),\n translate('Hungary'),\n translate('Iceland'),\n translate('India'),\n translate('Indonesia'),\n translate('Iran'),\n translate('Iraq'),\n translate('Ireland'),\n translate('Israel'),\n translate('Italy'),\n translate('Jamaica'),\n translate('Japan'),\n translate('Jersey'),\n translate('Jordan'),\n translate('Kazakhstan'),\n translate('Kenya'),\n translate('Kiribati'),\n translate('North Korea'),\n translate('South Korea'),\n translate('Kosovo'),\n translate('Kuwait'),\n translate('Kyrgyzstan'),\n translate('Laos'),\n translate('Latvia'),\n translate('Lebanon'),\n translate('Lesotho'),\n translate('Liberia'),\n translate('Libya'),\n translate('Liechtenstein'),\n translate('Lithuania'),\n translate('Luxembourg'),\n translate('Macau'),\n translate('Macedonia'),\n translate('Madagascar'),\n translate('Malawi'),\n translate('Malaysia'),\n translate('Maldives'),\n translate('Mali'),\n translate('Malta'),\n translate('Marshall Islands'),\n translate('Martinique'),\n translate('Mauritania'),\n translate('Mauritius'),\n translate('Mayotte'),\n translate('Mexico'),\n translate('Micronesia'),\n translate('Moldova'),\n translate('Monaco'),\n translate('Mongolia'),\n translate('Montenegro'),\n translate('Montserrat'),\n translate('Morocco'),\n translate('Mozambique'),\n translate('Myanmar'),\n translate('Nagorno-Karabakh'),\n translate('Namibia'),\n translate('Nauru'),\n translate('Nepal'),\n translate('Netherlands'),\n translate('Netherlands Antilles'),\n translate('New Caledonia'),\n translate('New Zealand'),\n translate('Nicaragua'),\n translate('Niger'),\n translate('Nigeria'),\n translate('Niue'),\n translate('Norfolk Island'),\n translate('Turkish Republic of Northern Cyprus'),\n translate('Northern Mariana'),\n translate('Norway'),\n translate('Oman'),\n translate('Pakistan'),\n translate('Palau'),\n translate('Palestine'),\n translate('Panama'),\n translate('Papua New Guinea'),\n translate('Paraguay'),\n translate('Peru'),\n translate('Philippines'),\n translate('Pitcairn Islands'),\n translate('Poland'),\n translate('Portugal'),\n translate('Puerto Rico'),\n translate('Qatar'),\n translate('Republic of the Congo'),\n translate('Romania'),\n translate('Russia'),\n translate('Rwanda'),\n translate('Saint Barthelemy'),\n translate('Saint Helena'),\n translate('Saint Kitts and Nevis'),\n translate('Saint Lucia'),\n translate('Saint Martin'),\n translate('Saint Pierre and Miquelon'),\n translate('Saint Vincent and the Grenadines'),\n translate('Samoa'),\n translate('San Marino'),\n translate('Sao Tome and Principe'),\n translate('Saudi Arabia'),\n translate('Senegal'),\n translate('Serbia'),\n translate('Seychelles'),\n translate('Sierra Leone'),\n translate('Singapore'),\n translate('Slovakia'),\n translate('Slovenia'),\n translate('Solomon Islands'),\n translate('Somalia'),\n translate('Somaliland'),\n translate('South Africa'),\n translate('South Ossetia'),\n translate('Spain'),\n translate('Sri Lanka'),\n translate('Sudan'),\n translate('Suriname'),\n translate('Svalbard'),\n translate('Swaziland'),\n translate('Sweden'),\n translate('Switzerland'),\n translate('Syria'),\n translate('Taiwan'),\n translate('Tajikistan'),\n translate('Tanzania'),\n translate('Thailand'),\n translate('Timor-Leste'),\n translate('Togo'),\n translate('Tokelau'),\n translate('Tonga'),\n translate('Transnistria Pridnestrovie'),\n translate('Trinidad and Tobago'),\n translate('Tristan da Cunha'),\n translate('Tunisia'),\n translate('Turkey'),\n translate('Turkmenistan'),\n translate('Turks and Caicos Islands'),\n translate('Tuvalu'),\n translate('Uganda'),\n translate('Ukraine'),\n translate('United Arab Emirates'),\n translate('United Kingdom'),\n translate('Uruguay'),\n translate('Uzbekistan'),\n translate('Vanuatu'),\n translate('Vatican City'),\n translate('Venezuela'),\n translate('Vietnam'),\n translate('British Virgin Islands'),\n translate('Isle of Man'),\n translate('US Virgin Islands'),\n translate('Wallis and Futuna'),\n translate('Western Sahara'),\n translate('Yemen'),\n translate('Zambia'),\n translate('Zimbabwe')\n];\n","import { translate } from '../../../mixins/Translation';\n\nexport const CountryList = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'United States',\n text: translate('United States')\n },\n {\n key: 'Afghanistan',\n text: translate('Afghanistan')\n },\n {\n key: 'Albania',\n text: translate('Albania')\n },\n {\n key: 'Algeria',\n text: translate('Algeria')\n },\n {\n key: 'American Samoa',\n text: translate('American Samoa')\n },\n {\n key: 'Andorra',\n text: translate('Andorra')\n },\n {\n key: 'Angola',\n text: translate('Angola')\n },\n {\n key: 'Anguilla',\n text: translate('Anguilla')\n },\n {\n key: 'Antigua and Barbuda',\n text: translate('Antigua and Barbuda')\n },\n {\n key: 'Argentina',\n text: translate('Argentina')\n },\n {\n key: 'Armenia',\n text: translate('Armenia')\n },\n {\n key: 'Aruba',\n text: translate('Aruba')\n },\n {\n key: 'Australia',\n text: translate('Australia')\n },\n {\n key: 'Austria',\n text: translate('Austria')\n },\n {\n key: 'Azerbaijan',\n text: translate('Azerbaijan')\n },\n {\n key: 'The Bahamas',\n text: translate('The Bahamas')\n },\n {\n key: 'Bahrain',\n text: translate('Bahrain')\n },\n {\n key: 'Bangladesh',\n text: translate('Bangladesh')\n },\n {\n key: 'Barbados',\n text: translate('Barbados')\n },\n {\n key: 'Belarus',\n text: translate('Belarus')\n },\n {\n key: 'Belgium',\n text: translate('Belgium')\n },\n {\n key: 'Belize',\n text: translate('Belize')\n },\n {\n key: 'Benin',\n text: translate('Benin')\n },\n {\n key: 'Bermuda',\n text: translate('Bermuda')\n },\n {\n key: 'Bhutan',\n text: translate('Bhutan')\n },\n {\n key: 'Bolivia',\n text: translate('Bolivia')\n },\n {\n key: 'Bosnia and Herzegovina',\n text: translate('Bosnia and Herzegovina')\n },\n {\n key: 'Botswana',\n text: translate('Botswana')\n },\n {\n key: 'Brazil',\n text: translate('Brazil')\n },\n {\n key: 'Brunei',\n text: translate('Brunei')\n },\n {\n key: 'Bulgaria',\n text: translate('Bulgaria')\n },\n {\n key: 'Burkina Faso',\n text: translate('Burkina Faso')\n },\n {\n key: 'Burundi',\n text: translate('Burundi')\n },\n {\n key: 'Cambodia',\n text: translate('Cambodia')\n },\n {\n key: 'Cameroon',\n text: translate('Cameroon')\n },\n {\n key: 'Canada',\n text: translate('Canada')\n },\n {\n key: 'Cape Verde',\n text: translate('Cape Verde')\n },\n {\n key: 'Cayman Islands',\n text: translate('Cayman Islands')\n },\n {\n key: 'Central African Republic',\n text: translate('Central African Republic')\n },\n {\n key: 'Chad',\n text: translate('Chad')\n },\n {\n key: 'Chile',\n text: translate('Chile')\n },\n {\n key: 'China',\n text: translate('China')\n },\n {\n key: 'Christmas Island',\n text: translate('Christmas Island')\n },\n {\n key: 'Cocos (Keeling) Islands',\n text: translate('Cocos (Keeling) Islands')\n },\n {\n key: 'Colombia',\n text: translate('Colombia')\n },\n {\n key: 'Comoros',\n text: translate('Comoros')\n },\n {\n key: 'Congo',\n text: translate('Congo')\n },\n {\n key: 'Cook Islands',\n text: translate('Cook Islands')\n },\n {\n key: 'Costa Rica',\n text: translate('Costa Rica')\n },\n {\n key: 'Cote d\\'Ivoire',\n text: translate('Cote d\\'Ivoire')\n },\n {\n key: 'Croatia',\n text: translate('Croatia')\n },\n {\n key: 'Cuba',\n text: translate('Cuba')\n },\n {\n key: 'Curacao',\n text: translate('Curacao')\n },\n {\n key: 'Cyprus',\n text: translate('Cyprus')\n },\n {\n key: 'Czech Republic',\n text: translate('Czech Republic')\n },\n {\n key: 'Democratic Republic of the Congo',\n text: translate('Democratic Republic of the Congo')\n },\n {\n key: 'Denmark',\n text: translate('Denmark')\n },\n {\n key: 'Djibouti',\n text: translate('Djibouti')\n },\n {\n key: 'Dominica',\n text: translate('Dominica')\n },\n {\n key: 'Dominican Republic',\n text: translate('Dominican Republic')\n },\n {\n key: 'Ecuador',\n text: translate('Ecuador')\n },\n {\n key: 'Egypt',\n text: translate('Egypt')\n },\n {\n key: 'El Salvador',\n text: translate('El Salvador')\n },\n {\n key: 'Equatorial Guinea',\n text: translate('Equatorial Guinea')\n },\n {\n key: 'Eritrea',\n text: translate('Eritrea')\n },\n {\n key: 'Estonia',\n text: translate('Estonia')\n },\n {\n key: 'Ethiopia',\n text: translate('Ethiopia')\n },\n {\n key: 'Falkland Islands',\n text: translate('Falkland Islands')\n },\n {\n key: 'Faroe Islands',\n text: translate('Faroe Islands')\n },\n {\n key: 'Fiji',\n text: translate('Fiji')\n },\n {\n key: 'Finland',\n text: translate('Finland')\n },\n {\n key: 'France',\n text: translate('France')\n },\n {\n key: 'French Polynesia',\n text: translate('French Polynesia')\n },\n {\n key: 'Gabon',\n text: translate('Gabon')\n },\n {\n key: 'The Gambia',\n text: translate('The Gambia')\n },\n {\n key: 'Georgia',\n text: translate('Georgia')\n },\n {\n key: 'Germany',\n text: translate('Germany')\n },\n {\n key: 'Ghana',\n text: translate('Ghana')\n },\n {\n key: 'Gibraltar',\n text: translate('Gibraltar')\n },\n {\n key: 'Greece',\n text: translate('Greece')\n },\n {\n key: 'Greenland',\n text: translate('Greenland')\n },\n {\n key: 'Grenada',\n text: translate('Grenada')\n },\n {\n key: 'Guadeloupe',\n text: translate('Guadeloupe')\n },\n {\n key: 'Guam',\n text: translate('Guam')\n },\n {\n key: 'Guatemala',\n text: translate('Guatemala')\n },\n {\n key: 'Guernsey',\n text: translate('Guernsey')\n },\n {\n key: 'Guinea',\n text: translate('Guinea')\n },\n {\n key: 'Guinea-Bissau',\n text: translate('Guinea-Bissau')\n },\n {\n key: 'Guyana',\n text: translate('Guyana')\n },\n {\n key: 'Haiti',\n text: translate('Haiti')\n },\n {\n key: 'Honduras',\n text: translate('Honduras')\n },\n {\n key: 'Hong Kong',\n text: translate('Hong Kong')\n },\n {\n key: 'Hungary',\n text: translate('Hungary')\n },\n {\n key: 'Iceland',\n text: translate('Iceland')\n },\n {\n key: 'India',\n text: translate('India')\n },\n {\n key: 'Indonesia',\n text: translate('Indonesia')\n },\n {\n key: 'Iran',\n text: translate('Iran')\n },\n {\n key: 'Iraq',\n text: translate('Iraq')\n },\n {\n key: 'Ireland',\n text: translate('Ireland')\n },\n {\n key: 'Israel',\n text: translate('Israel')\n },\n {\n key: 'Italy',\n text: translate('Italy')\n },\n {\n key: 'Jamaica',\n text: translate('Jamaica')\n },\n {\n key: 'Japan',\n text: translate('Japan')\n },\n {\n key: 'Jersey',\n text: translate('Jersey')\n },\n {\n key: 'Jordan',\n text: translate('Jordan')\n },\n {\n key: 'Kazakhstan',\n text: translate('Kazakhstan')\n },\n {\n key: 'Kenya',\n text: translate('Kenya')\n },\n {\n key: 'Kiribati',\n text: translate('Kiribati')\n },\n {\n key: 'North Korea',\n text: translate('North Korea')\n },\n {\n key: 'South Korea',\n text: translate('South Korea')\n },\n {\n key: 'Kosovo',\n text: translate('Kosovo')\n },\n {\n key: 'Kuwait',\n text: translate('Kuwait')\n },\n {\n key: 'Kyrgyzstan',\n text: translate('Kyrgyzstan')\n },\n {\n key: 'Laos',\n text: translate('Laos')\n },\n {\n key: 'Latvia',\n text: translate('Latvia')\n },\n {\n key: 'Lebanon',\n text: translate('Lebanon')\n },\n {\n key: 'Lesotho',\n text: translate('Lesotho')\n },\n {\n key: 'Liberia',\n text: translate('Liberia')\n },\n {\n key: 'Libya',\n text: translate('Libya')\n },\n {\n key: 'Liechtenstein',\n text: translate('Liechtenstein')\n },\n {\n key: 'Lithuania',\n text: translate('Lithuania')\n },\n {\n key: 'Luxembourg',\n text: translate('Luxembourg')\n },\n {\n key: 'Macau',\n text: translate('Macau')\n },\n {\n key: 'Macedonia',\n text: translate('Macedonia')\n },\n {\n key: 'Madagascar',\n text: translate('Madagascar')\n },\n {\n key: 'Malawi',\n text: translate('Malawi')\n },\n {\n key: 'Malaysia',\n text: translate('Malaysia')\n },\n {\n key: 'Maldives',\n text: translate('Maldives')\n },\n {\n key: 'Mali',\n text: translate('Mali')\n },\n {\n key: 'Malta',\n text: translate('Malta')\n },\n {\n key: 'Marshall Islands',\n text: translate('Marshall Islands')\n },\n {\n key: 'Martinique',\n text: translate('Martinique')\n },\n {\n key: 'Mauritania',\n text: translate('Mauritania')\n },\n {\n key: 'Mauritius',\n text: translate('Mauritius')\n },\n {\n key: 'Mayotte',\n text: translate('Mayotte')\n },\n {\n key: 'Mexico',\n text: translate('Mexico')\n },\n {\n key: 'Micronesia',\n text: translate('Micronesia')\n },\n {\n key: 'Moldova',\n text: translate('Moldova')\n },\n {\n key: 'Monaco',\n text: translate('Monaco')\n },\n {\n key: 'Mongolia',\n text: translate('Mongolia')\n },\n {\n key: 'Montenegro',\n text: translate('Montenegro')\n },\n {\n key: 'Montserrat',\n text: translate('Montserrat')\n },\n {\n key: 'Morocco',\n text: translate('Morocco')\n },\n {\n key: 'Mozambique',\n text: translate('Mozambique')\n },\n {\n key: 'Myanmar',\n text: translate('Myanmar')\n },\n {\n key: 'Nagorno-Karabakh',\n text: translate('Nagorno-Karabakh')\n },\n {\n key: 'Namibia',\n text: translate('Namibia')\n },\n {\n key: 'Nauru',\n text: translate('Nauru')\n },\n {\n key: 'Nepal',\n text: translate('Nepal')\n },\n {\n key: 'Netherlands',\n text: translate('Netherlands')\n },\n {\n key: 'Netherlands Antilles',\n text: translate('Netherlands Antilles')\n },\n {\n key: 'New Caledonia',\n text: translate('New Caledonia')\n },\n {\n key: 'New Zealand',\n text: translate('New Zealand')\n },\n {\n key: 'Nicaragua',\n text: translate('Nicaragua')\n },\n {\n key: 'Niger',\n text: translate('Niger')\n },\n {\n key: 'Nigeria',\n text: translate('Nigeria')\n },\n {\n key: 'Niue',\n text: translate('Niue')\n },\n {\n key: 'Norfolk Island',\n text: translate('Norfolk Island')\n },\n {\n key: 'Turkish Republic of Northern Cyprus',\n text: translate('Turkish Republic of Northern Cyprus')\n },\n {\n key: 'Northern Mariana',\n text: translate('Northern Mariana')\n },\n {\n key: 'Norway',\n text: translate('Norway')\n },\n {\n key: 'Oman',\n text: translate('Oman')\n },\n {\n key: 'Pakistan',\n text: translate('Pakistan')\n },\n {\n key: 'Palau',\n text: translate('Palau')\n },\n {\n key: 'Palestine',\n text: translate('Palestine')\n },\n {\n key: 'Panama',\n text: translate('Panama')\n },\n {\n key: 'Papua New Guinea',\n text: translate('Papua New Guinea')\n },\n {\n key: 'Paraguay',\n text: translate('Paraguay')\n },\n {\n key: 'Peru',\n text: translate('Peru')\n },\n {\n key: 'Philippines',\n text: translate('Philippines')\n },\n {\n key: 'Pitcairn Islands',\n text: translate('Pitcairn Islands')\n },\n {\n key: 'Poland',\n text: translate('Poland')\n },\n {\n key: 'Portugal',\n text: translate('Portugal')\n },\n {\n key: 'Puerto Rico',\n text: translate('Puerto Rico')\n },\n {\n key: 'Qatar',\n text: translate('Qatar')\n },\n {\n key: 'Republic of the Congo',\n text: translate('Republic of the Congo')\n },\n {\n key: 'Romania',\n text: translate('Romania')\n },\n {\n key: 'Russia',\n text: translate('Russia')\n },\n {\n key: 'Rwanda',\n text: translate('Rwanda')\n },\n {\n key: 'Saint Barthelemy',\n text: translate('Saint Barthelemy')\n },\n {\n key: 'Saint Helena',\n text: translate('Saint Helena')\n },\n {\n key: 'Saint Kitts and Nevis',\n text: translate('Saint Kitts and Nevis')\n },\n {\n key: 'Saint Lucia',\n text: translate('Saint Lucia')\n },\n {\n key: 'Saint Martin',\n text: translate('Saint Martin')\n },\n {\n key: 'Saint Pierre and Miquelon',\n text: translate('Saint Pierre and Miquelon')\n },\n {\n key: 'Saint Vincent and the Grenadines',\n text: translate('Saint Vincent and the Grenadines')\n },\n {\n key: 'Samoa',\n text: translate('Samoa')\n },\n {\n key: 'San Marino',\n text: translate('San Marino')\n },\n {\n key: 'Sao Tome and Principe',\n text: translate('Sao Tome and Principe')\n },\n {\n key: 'Saudi Arabia',\n text: translate('Saudi Arabia')\n },\n {\n key: 'Senegal',\n text: translate('Senegal')\n },\n {\n key: 'Serbia',\n text: translate('Serbia')\n },\n {\n key: 'Seychelles',\n text: translate('Seychelles')\n },\n {\n key: 'Sierra Leone',\n text: translate('Sierra Leone')\n },\n {\n key: 'Singapore',\n text: translate('Singapore')\n },\n {\n key: 'Slovakia',\n text: translate('Slovakia')\n },\n {\n key: 'Slovenia',\n text: translate('Slovenia')\n },\n {\n key: 'Solomon Islands',\n text: translate('Solomon Islands')\n },\n {\n key: 'Somalia',\n text: translate('Somalia')\n },\n {\n key: 'Somaliland',\n text: translate('Somaliland')\n },\n {\n key: 'South Africa',\n text: translate('South Africa')\n },\n {\n key: 'South Ossetia',\n text: translate('South Ossetia')\n },\n {\n key: 'South Sudan',\n text: translate('South Sudan')\n },\n {\n key: 'Spain',\n text: translate('Spain')\n },\n {\n key: 'Sri Lanka',\n text: translate('Sri Lanka')\n },\n {\n key: 'Sudan',\n text: translate('Sudan')\n },\n {\n key: 'Suriname',\n text: translate('Suriname')\n },\n {\n key: 'Svalbard',\n text: translate('Svalbard')\n },\n {\n key: 'Swaziland',\n text: translate('Swaziland')\n },\n {\n key: 'Sweden',\n text: translate('Sweden')\n },\n {\n key: 'Switzerland',\n text: translate('Switzerland')\n },\n {\n key: 'Syria',\n text: translate('Syria')\n },\n {\n key: 'Taiwan',\n text: translate('Taiwan')\n },\n {\n key: 'Tajikistan',\n text: translate('Tajikistan')\n },\n {\n key: 'Tanzania',\n text: translate('Tanzania')\n },\n {\n key: 'Thailand',\n text: translate('Thailand')\n },\n {\n key: 'Timor-Leste',\n text: translate('Timor-Leste')\n },\n {\n key: 'Togo',\n text: translate('Togo')\n },\n {\n key: 'Tokelau',\n text: translate('Tokelau')\n },\n {\n key: 'Tonga',\n text: translate('Tonga')\n },\n {\n key: 'Transnistria Pridnestrovie',\n text: translate('Transnistria Pridnestrovie')\n },\n {\n key: 'Trinidad and Tobago',\n text: translate('Trinidad and Tobago')\n },\n {\n key: 'Tristan da Cunha',\n text: translate('Tristan da Cunha')\n },\n {\n key: 'Tunisia',\n text: translate('Tunisia')\n },\n {\n key: 'Turkey',\n text: translate('Turkey')\n },\n {\n key: 'Turkmenistan',\n text: translate('Turkmenistan')\n },\n {\n key: 'Turks and Caicos Islands',\n text: translate('Turks and Caicos Islands')\n },\n {\n key: 'Tuvalu',\n text: translate('Tuvalu')\n },\n {\n key: 'Uganda',\n text: translate('Uganda')\n },\n {\n key: 'Ukraine',\n text: translate('Ukraine')\n },\n {\n key: 'United Arab Emirates',\n text: translate('United Arab Emirates')\n },\n {\n key: 'United Kingdom',\n text: translate('United Kingdom')\n },\n {\n key: 'Uruguay',\n text: translate('Uruguay')\n },\n {\n key: 'Uzbekistan',\n text: translate('Uzbekistan')\n },\n {\n key: 'Vanuatu',\n text: translate('Vanuatu')\n },\n {\n key: 'Vatican City',\n text: translate('Vatican City')\n },\n {\n key: 'Venezuela',\n text: translate('Venezuela')\n },\n {\n key: 'Vietnam',\n text: translate('Vietnam')\n },\n {\n key: 'British Virgin Islands',\n text: translate('British Virgin Islands')\n },\n {\n key: 'Isle of Man',\n text: translate('Isle of Man')\n },\n {\n key: 'US Virgin Islands',\n text: translate('US Virgin Islands')\n },\n {\n key: 'Wallis and Futuna',\n text: translate('Wallis and Futuna')\n },\n {\n key: 'Western Sahara',\n text: translate('Western Sahara')\n },\n {\n key: 'Yemen',\n text: translate('Yemen')\n },\n {\n key: 'Zambia',\n text: translate('Zambia')\n },\n {\n key: 'Zimbabwe',\n text: translate('Zimbabwe')\n }\n\n];\n\nexport const CanadianProvinces = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'Alberta',\n text: translate('Alberta')\n },\n {\n key: 'British Columbia',\n text: translate('British Columbia')\n },\n {\n key: 'Manitoba',\n text: translate('Manitoba')\n },\n {\n key: 'New Brunswick',\n text: translate('New Brunswick')\n },\n {\n key: 'Newfoundland',\n text: translate('Newfoundland')\n },\n {\n key: 'Northwest Territories',\n text: translate('Northwest Territories')\n },\n {\n key: 'Nova Scotia',\n text: translate('Nova Scotia')\n },\n {\n key: 'Nunavut',\n text: translate('Nunavut')\n },\n {\n key: 'Ontario',\n text: translate('Ontario')\n },\n {\n key: 'Prince Edward Island',\n text: translate('Prince Edward Island')\n },\n {\n key: 'Quebec',\n text: translate('Quebec')\n },\n {\n key: 'Saskatchewan',\n text: translate('Saskatchewan')\n },\n {\n key: 'Yukon',\n text: translate('Yukon')\n }\n\n];\n\nexport const GenderList = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'Male',\n text: translate('Male')\n },\n {\n key: 'Female',\n text: translate('Female')\n },\n {\n key: 'N/A',\n text: translate('N/A')\n }\n\n];\n\nexport const UsStates = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'Alabama',\n text: translate('Alabama')\n },\n {\n key: 'Alaska',\n text: translate('Alaska')\n },\n {\n key: 'Arizona',\n text: translate('Arizona')\n },\n {\n key: 'Arkansas',\n text: translate('Arkansas')\n },\n {\n key: 'California',\n text: translate('California')\n },\n {\n key: 'Colorado',\n text: translate('Colorado')\n },\n {\n key: 'Connecticut',\n text: translate('Connecticut')\n },\n {\n key: 'Delaware',\n text: translate('Delaware')\n },\n {\n key: 'District of Columbia',\n text: translate('District of Columbia')\n },\n {\n key: 'Florida',\n text: translate('Florida')\n },\n {\n key: 'Georgia',\n text: translate('Georgia')\n },\n {\n key: 'Hawaii',\n text: translate('Hawaii')\n },\n {\n key: 'Idaho',\n text: translate('Idaho')\n },\n {\n key: 'Illinois',\n text: translate('Illinois')\n },\n {\n key: 'Indiana',\n text: translate('Indiana')\n },\n {\n key: 'Iowa',\n text: translate('Iowa')\n },\n {\n key: 'Kansas',\n text: translate('Kansas')\n },\n {\n key: 'Kentucky',\n text: translate('Kentucky')\n },\n {\n key: 'Louisiana',\n text: translate('Louisiana')\n },\n {\n key: 'Maine',\n text: translate('Maine')\n },\n {\n key: 'Maryland',\n text: translate('Maryland')\n },\n {\n key: 'Massachusetts',\n text: translate('Massachusetts')\n },\n {\n key: 'Michigan',\n text: translate('Michigan')\n },\n {\n key: 'Minnesota',\n text: translate('Minnesota')\n },\n {\n key: 'Mississippi',\n text: translate('Mississippi')\n },\n {\n key: 'Missouri',\n text: translate('Missouri')\n },\n {\n key: 'Montana',\n text: translate('Montana')\n },\n {\n key: 'Nebraska',\n text: translate('Nebraska')\n },\n {\n key: 'Nevada',\n text: translate('Nevada')\n },\n {\n key: 'New Hampshire',\n text: translate('New Hampshire')\n },\n {\n key: 'New Jersey',\n text: translate('New Jersey')\n },\n {\n key: 'New Mexico',\n text: translate('New Mexico')\n },\n {\n key: 'New York',\n text: translate('New York')\n },\n {\n key: 'North Carolina',\n text: translate('North Carolina')\n },\n {\n key: 'North Dakota',\n text: translate('North Dakota')\n },\n {\n key: 'Ohio',\n text: translate('Ohio')\n },\n {\n key: 'Oklahoma',\n text: translate('Oklahoma')\n },\n {\n key: 'Oregon',\n text: translate('Oregon')\n },\n {\n key: 'Pennsylvania',\n text: translate('Pennsylvania')\n },\n {\n key: 'Puerto Rico',\n text: translate('Puerto Rico')\n },\n {\n key: 'Rhode Island',\n text: translate('Rhode Island')\n },\n {\n key: 'South Carolina',\n text: translate('South Carolina')\n },\n {\n key: 'South Dakota',\n text: translate('South Dakota')\n },\n {\n key: 'Tennessee',\n text: translate('Tennessee')\n },\n {\n key: 'Texas',\n text: translate('Texas')\n },\n {\n key: 'Utah',\n text: translate('Utah')\n },\n {\n key: 'Vermont',\n text: translate('Vermont')\n },\n {\n key: 'Virgin Islands',\n text: translate('Virgin Islands')\n },\n {\n key: 'Virginia',\n text: translate('Virginia')\n },\n {\n key: 'Washington',\n text: translate('Washington')\n },\n {\n key: 'West Virginia',\n text: translate('West Virginia')\n },\n {\n key: 'Wisconsin',\n text: translate('Wisconsin')\n },\n {\n key: 'Wyoming',\n text: translate('Wyoming')\n }\n\n];\n\nexport const UsStatesAbr = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'AL',\n text: translate('AL')\n },\n {\n key: 'AK',\n text: translate('AK')\n },\n {\n key: 'AR',\n text: translate('AR')\n },\n {\n key: 'AZ',\n text: translate('AZ')\n },\n {\n key: 'CA',\n text: translate('CA')\n },\n {\n key: 'CO',\n text: translate('CO')\n },\n {\n key: 'CT',\n text: translate('CT')\n },\n {\n key: 'DC',\n text: translate('DC')\n },\n {\n key: 'DE',\n text: translate('DE')\n },\n {\n key: 'FL',\n text: translate('FL')\n },\n {\n key: 'GA',\n text: translate('GA')\n },\n {\n key: 'HI',\n text: translate('HI')\n },\n {\n key: 'ID',\n text: translate('ID')\n },\n {\n key: 'IL',\n text: translate('IL')\n },\n {\n key: 'IN',\n text: translate('IN')\n },\n {\n key: 'IA',\n text: translate('IA')\n },\n {\n key: 'KS',\n text: translate('KS')\n },\n {\n key: 'KY',\n text: translate('KY')\n },\n {\n key: 'LA',\n text: translate('LA')\n },\n {\n key: 'ME',\n text: translate('ME')\n },\n {\n key: 'MD',\n text: translate('MD')\n },\n {\n key: 'MA',\n text: translate('MA')\n },\n {\n key: 'MI',\n text: translate('MI')\n },\n {\n key: 'MN',\n text: translate('MN')\n },\n {\n key: 'MS',\n text: translate('MS')\n },\n {\n key: 'MO',\n text: translate('MO')\n },\n {\n key: 'MT',\n text: translate('MT')\n },\n {\n key: 'NE',\n text: translate('NE')\n },\n {\n key: 'NV',\n text: translate('NV')\n },\n {\n key: 'NH',\n text: translate('NH')\n },\n {\n key: 'NJ',\n text: translate('NJ')\n },\n {\n key: 'NM',\n text: translate('NM')\n },\n {\n key: 'NY',\n text: translate('NY')\n },\n {\n key: 'NC',\n text: translate('NC')\n },\n {\n key: 'ND',\n text: translate('ND')\n },\n {\n key: 'OH',\n text: translate('OH')\n },\n {\n key: 'OK',\n text: translate('OK')\n },\n {\n key: 'OR',\n text: translate('OR')\n },\n {\n key: 'PA',\n text: translate('PA')\n },\n {\n key: 'RI',\n text: translate('RI')\n },\n {\n key: 'SC',\n text: translate('SC')\n },\n {\n key: 'SD',\n text: translate('SD')\n },\n {\n key: 'TN',\n text: translate('TN')\n },\n {\n key: 'TX',\n text: translate('TX')\n },\n {\n key: 'UT',\n text: translate('UT')\n },\n {\n key: 'VT',\n text: translate('VT')\n },\n {\n key: 'VA',\n text: translate('VA')\n },\n {\n key: 'WA',\n text: translate('WA')\n },\n {\n key: 'WV',\n text: translate('WV')\n },\n {\n key: 'WI',\n text: translate('WI')\n },\n {\n key: 'WY',\n text: translate('WY')\n }\n\n];\n\nexport const LocationCountries = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'Canada',\n text: translate('Canada')\n },\n {\n key: 'United States',\n text: translate('United States')\n },\n {\n key: 'Afghanistan',\n text: translate('Afghanistan')\n },\n {\n key: 'Albania',\n text: translate('Albania')\n },\n {\n key: 'Algeria',\n text: translate('Algeria')\n },\n {\n key: 'American Samoa',\n text: translate('American Samoa')\n },\n {\n key: 'Andorra',\n text: translate('Andorra')\n },\n {\n key: 'Angola',\n text: translate('Angola')\n },\n {\n key: 'Anguilla',\n text: translate('Anguilla')\n },\n {\n key: 'Antarctica',\n text: translate('Antarctica')\n },\n {\n key: 'Antigua and Barbuda',\n text: translate('Antigua and Barbuda')\n },\n {\n key: 'Argentina',\n text: translate('Argentina')\n },\n {\n key: 'Armenia',\n text: translate('Armenia')\n },\n {\n key: 'Aruba',\n text: translate('Aruba')\n },\n {\n key: 'Australia',\n text: translate('Australia')\n },\n {\n key: 'Austria',\n text: translate('Austria')\n },\n {\n key: 'Azerbaijan',\n text: translate('Azerbaijan')\n },\n {\n key: 'Bahamas',\n text: translate('Bahamas')\n },\n {\n key: 'Bahrain',\n text: translate('Bahrain')\n },\n {\n key: 'Bangladesh',\n text: translate('Bangladesh')\n },\n {\n key: 'Barbados',\n text: translate('Barbados')\n },\n {\n key: 'Belarus',\n text: translate('Belarus')\n },\n {\n key: 'Belgium',\n text: translate('Belgium')\n },\n {\n key: 'Belize',\n text: translate('Belize')\n },\n {\n key: 'Benin',\n text: translate('Benin')\n },\n {\n key: 'Bermuda',\n text: translate('Bermuda')\n },\n {\n key: 'Bhutan',\n text: translate('Bhutan')\n },\n {\n key: 'Bolivia',\n text: translate('Bolivia')\n },\n {\n key: 'Bosnia\\/Herzegowina',\n text: translate('Bosnia\\/Herzegowina')\n },\n {\n key: 'Botswana',\n text: translate('Botswana')\n },\n {\n key: 'Bouvet Island',\n text: translate('Bouvet Island')\n },\n {\n key: 'Brazil',\n text: translate('Brazil')\n },\n {\n key: 'British Ind. Ocean',\n text: translate('British Ind. Ocean')\n },\n {\n key: 'Brunei Darussalam',\n text: translate('Brunei Darussalam')\n },\n {\n key: 'Bulgaria',\n text: translate('Bulgaria')\n },\n {\n key: 'Burkina Faso',\n text: translate('Burkina Faso')\n },\n {\n key: 'Burundi',\n text: translate('Burundi')\n },\n {\n key: 'Cambodia',\n text: translate('Cambodia')\n },\n {\n key: 'Cameroon',\n text: translate('Cameroon')\n },\n {\n key: 'Cape Verde',\n text: translate('Cape Verde')\n },\n {\n key: 'Cayman Islands',\n text: translate('Cayman Islands')\n },\n {\n key: 'Central African Rep.',\n text: translate('Central African Rep.')\n },\n {\n key: 'Chad',\n text: translate('Chad')\n },\n {\n key: 'Chile',\n text: translate('Chile')\n },\n {\n key: 'China',\n text: translate('China')\n },\n {\n key: 'Christmas Island',\n text: translate('Christmas Island')\n },\n {\n key: 'Cocoa (Keeling) Is.',\n text: translate('Cocoa (Keeling) Is.')\n },\n {\n key: 'Colombia',\n text: translate('Colombia')\n },\n {\n key: 'Comoros',\n text: translate('Comoros')\n },\n {\n key: 'Congo',\n text: translate('Congo')\n },\n {\n key: 'Cook Islands',\n text: translate('Cook Islands')\n },\n {\n key: 'Costa Rica',\n text: translate('Costa Rica')\n },\n {\n key: 'Cote Divoire',\n text: translate('Cote Divoire')\n },\n {\n key: 'Croatia',\n text: translate('Croatia')\n },\n {\n key: 'Cuba',\n text: translate('Cuba')\n },\n {\n key: 'Curacao',\n text: translate('Curacao')\n },\n {\n key: 'Cyprus',\n text: translate('Cyprus')\n },\n {\n key: 'Czech Republic',\n text: translate('Czech Republic')\n },\n {\n key: 'Democratic Republic of the Congo',\n text: translate('Democratic Republic of the Congo')\n },\n {\n key: 'Denmark',\n text: translate('Denmark')\n },\n {\n key: 'Djibouti',\n text: translate('Djibouti')\n },\n {\n key: 'Dominica',\n text: translate('Dominica')\n },\n {\n key: 'Dominican Republic',\n text: translate('Dominican Republic')\n },\n {\n key: 'East Timor',\n text: translate('East Timor')\n },\n {\n key: 'Ecuador',\n text: translate('Ecuador')\n },\n {\n key: 'Egypt',\n text: translate('Egypt')\n },\n {\n key: 'El Salvador',\n text: translate('El Salvador')\n },\n {\n key: 'Equatorial Guinea',\n text: translate('Equatorial Guinea')\n },\n {\n key: 'Eritrea',\n text: translate('Eritrea')\n },\n {\n key: 'Estonia',\n text: translate('Estonia')\n },\n {\n key: 'Ethiopia',\n text: translate('Ethiopia')\n },\n {\n key: 'Falkland Islands',\n text: translate('Falkland Islands')\n },\n {\n key: 'Faroe Islands',\n text: translate('Faroe Islands')\n },\n {\n key: 'Fiji',\n text: translate('Fiji')\n },\n {\n key: 'Finland',\n text: translate('Finland')\n },\n {\n key: 'France',\n text: translate('France')\n },\n {\n key: 'Gabon',\n text: translate('Gabon')\n },\n {\n key: 'Gambia',\n text: translate('Gambia')\n },\n {\n key: 'Georgia',\n text: translate('Georgia')\n },\n {\n key: 'Germany',\n text: translate('Germany')\n },\n {\n key: 'Ghana',\n text: translate('Ghana')\n },\n {\n key: 'Gibraltar',\n text: translate('Gibraltar')\n },\n {\n key: 'Greece',\n text: translate('Greece')\n },\n {\n key: 'Greenland',\n text: translate('Greenland')\n },\n {\n key: 'Grenada',\n text: translate('Grenada')\n },\n {\n key: 'Guadeloupe',\n text: translate('Guadeloupe')\n },\n {\n key: 'Guam',\n text: translate('Guam')\n },\n {\n key: 'Guatemala',\n text: translate('Guatemala')\n },\n {\n key: 'Guinea',\n text: translate('Guinea')\n },\n {\n key: 'Guinea-Bissau',\n text: translate('Guinea-Bissau')\n },\n {\n key: 'Guyana',\n text: translate('Guyana')\n },\n {\n key: 'Haiti',\n text: translate('Haiti')\n },\n {\n key: 'Honduras',\n text: translate('Honduras')\n },\n {\n key: 'Hong Kong',\n text: translate('Hong Kong')\n },\n {\n key: 'Hungary',\n text: translate('Hungary')\n },\n {\n key: 'Iceland',\n text: translate('Iceland')\n },\n {\n key: 'India',\n text: translate('India')\n },\n {\n key: 'Indonesia',\n text: translate('Indonesia')\n },\n {\n key: 'Iran',\n text: translate('Iran')\n },\n {\n key: 'Iraq',\n text: translate('Iraq')\n },\n {\n key: 'Ireland',\n text: translate('Ireland')\n },\n {\n key: 'Israel',\n text: translate('Israel')\n },\n {\n key: 'Italy',\n text: translate('Italy')\n },\n {\n key: 'Jamaica',\n text: translate('Jamaica')\n },\n {\n key: 'Japan',\n text: translate('Japan')\n },\n {\n key: 'Jordan',\n text: translate('Jordan')\n },\n {\n key: 'Kazakhstan',\n text: translate('Kazakhstan')\n },\n {\n key: 'Kenya',\n text: translate('Kenya')\n },\n {\n key: 'Kiribati',\n text: translate('Kiribati')\n },\n {\n key: 'Korea',\n text: translate('Korea')\n },\n {\n key: 'Kuwait',\n text: translate('Kuwait')\n },\n {\n key: 'Kyrgyzstan',\n text: translate('Kyrgyzstan')\n },\n {\n key: 'Lao',\n text: translate('Lao')\n },\n {\n key: 'Latvia',\n text: translate('Latvia')\n },\n {\n key: 'Lebanon',\n text: translate('Lebanon')\n },\n {\n key: 'Lesotho',\n text: translate('Lesotho')\n },\n {\n key: 'Liberia',\n text: translate('Liberia')\n },\n {\n key: 'Liechtenstein',\n text: translate('Liechtenstein')\n },\n {\n key: 'Lithuania',\n text: translate('Lithuania')\n },\n {\n key: 'Luxembourg',\n text: translate('Luxembourg')\n },\n {\n key: 'Macau',\n text: translate('Macau')\n },\n {\n key: 'Macedonia',\n text: translate('Macedonia')\n },\n {\n key: 'Madagascar',\n text: translate('Madagascar')\n },\n {\n key: 'Malawi',\n text: translate('Malawi')\n },\n {\n key: 'Malaysia',\n text: translate('Malaysia')\n },\n {\n key: 'Maldives',\n text: translate('Maldives')\n },\n {\n key: 'Mali',\n text: translate('Mali')\n },\n {\n key: 'Malta',\n text: translate('Malta')\n },\n {\n key: 'Marshall Islands',\n text: translate('Marshall Islands')\n },\n {\n key: 'Martinique',\n text: translate('Martinique')\n },\n {\n key: 'Mauritania',\n text: translate('Mauritania')\n },\n {\n key: 'Mauritius',\n text: translate('Mauritius')\n },\n {\n key: 'Mayotte',\n text: translate('Mayotte')\n },\n {\n key: 'Mexico',\n text: translate('Mexico')\n },\n {\n key: 'Micronesia',\n text: translate('Micronesia')\n },\n {\n key: 'Moldova',\n text: translate('Moldova')\n },\n {\n key: 'Monaco',\n text: translate('Monaco')\n },\n {\n key: 'Mongolia',\n text: translate('Mongolia')\n },\n {\n key: 'Montserrat',\n text: translate('Montserrat')\n },\n {\n key: 'Morocco',\n text: translate('Morocco')\n },\n {\n key: 'Mozambique',\n text: translate('Mozambique')\n },\n {\n key: 'Myanmar',\n text: translate('Myanmar')\n },\n {\n key: 'Namibia',\n text: translate('Namibia')\n },\n {\n key: 'Nauru',\n text: translate('Nauru')\n },\n {\n key: 'Nepal',\n text: translate('Nepal')\n },\n {\n key: 'Netherlands',\n text: translate('Netherlands')\n },\n {\n key: 'New Caledonia',\n text: translate('New Caledonia')\n },\n {\n key: 'New Zealand',\n text: translate('New Zealand')\n },\n {\n key: 'Nicaragua',\n text: translate('Nicaragua')\n },\n {\n key: 'Niger',\n text: translate('Niger')\n },\n {\n key: 'Nigeria',\n text: translate('Nigeria')\n },\n {\n key: 'Niue',\n text: translate('Niue')\n },\n {\n key: 'Norfolk Island',\n text: translate('Norfolk Island')\n },\n {\n key: 'Norway',\n text: translate('Norway')\n },\n {\n key: 'Oman',\n text: translate('Oman')\n },\n {\n key: 'Pakistan',\n text: translate('Pakistan')\n },\n {\n key: 'Palau',\n text: translate('Palau')\n },\n {\n key: 'Panama',\n text: translate('Panama')\n },\n {\n key: 'Papua New Guinea',\n text: translate('Papua New Guinea')\n },\n {\n key: 'Paraguay',\n text: translate('Paraguay')\n },\n {\n key: 'Peru',\n text: translate('Peru')\n },\n {\n key: 'Philippines',\n text: translate('Philippines')\n },\n {\n key: 'Pitcairn',\n text: translate('Pitcairn')\n },\n {\n key: 'Poland',\n text: translate('Poland')\n },\n {\n key: 'Portugal',\n text: translate('Portugal')\n },\n {\n key: 'Puerto Rico',\n text: translate('Puerto Rico')\n },\n {\n key: 'Qatar',\n text: translate('Qatar')\n },\n {\n key: 'Republic of the Congo',\n text: translate('Republic of the Congo')\n },\n {\n key: 'Reunion',\n text: translate('Reunion')\n },\n {\n key: 'Romania',\n text: translate('Romania')\n },\n {\n key: 'Russia',\n text: translate('Russia')\n },\n {\n key: 'Rwanda',\n text: translate('Rwanda')\n },\n {\n key: 'Saint Lucia',\n text: translate('Saint Lucia')\n },\n {\n key: 'Samoa',\n text: translate('Samoa')\n },\n {\n key: 'San Marino',\n text: translate('San Marino')\n },\n {\n key: 'Saudi Arabia',\n text: translate('Saudi Arabia')\n },\n {\n key: 'Senegal',\n text: translate('Senegal')\n },\n {\n key: 'Seychelles',\n text: translate('Seychelles')\n },\n {\n key: 'Sierra Leone',\n text: translate('Sierra Leone')\n },\n {\n key: 'Singapore',\n text: translate('Singapore')\n },\n {\n key: 'Slovakia',\n text: translate('Slovakia')\n },\n {\n key: 'Solomon Islands',\n text: translate('Solomon Islands')\n },\n {\n key: 'Somalia',\n text: translate('Somalia')\n },\n {\n key: 'South Africa',\n text: translate('South Africa')\n },\n {\n key: 'South Sudan',\n text: translate('South Sudan')\n },\n {\n key: 'Spain',\n text: translate('Spain')\n },\n {\n key: 'Sri Lanka',\n text: translate('Sri Lanka')\n },\n {\n key: 'St. Helena',\n text: translate('St. Helena')\n },\n {\n key: 'Sudan',\n text: translate('Sudan')\n },\n {\n key: 'Suriname',\n text: translate('Suriname')\n },\n {\n key: 'Swaziland',\n text: translate('Swaziland')\n },\n {\n key: 'Sweden',\n text: translate('Sweden')\n },\n {\n key: 'Switzerland',\n text: translate('Switzerland')\n },\n {\n key: 'Syria',\n text: translate('Syria')\n },\n {\n key: 'Taiwan',\n text: translate('Taiwan')\n },\n {\n key: 'Tajikistan',\n text: translate('Tajikistan')\n },\n {\n key: 'Tanzania',\n text: translate('Tanzania')\n },\n {\n key: 'Thailand',\n text: translate('Thailand')\n },\n {\n key: 'Togo',\n text: translate('Togo')\n },\n {\n key: 'Tokelau',\n text: translate('Tokelau')\n },\n {\n key: 'Tonga',\n text: translate('Tonga')\n },\n {\n key: 'Trinidad and Tobago',\n text: translate('Trinidad and Tobago')\n },\n {\n key: 'Tunisia',\n text: translate('Tunisia')\n },\n {\n key: 'Turkey',\n text: translate('Turkey')\n },\n {\n key: 'Turkmenistan',\n text: translate('Turkmenistan')\n },\n {\n key: 'Tuvalu',\n text: translate('Tuvalu')\n },\n {\n key: 'Uganda',\n text: translate('Uganda')\n },\n {\n key: 'Ukraine',\n text: translate('Ukraine')\n },\n {\n key: 'United Arab Emirates',\n text: translate('United Arab Emirates')\n },\n {\n key: 'United Kingdom',\n text: translate('United Kingdom')\n },\n {\n key: 'Uruguay',\n text: translate('Uruguay')\n },\n {\n key: 'Uzbekistan',\n text: translate('Uzbekistan')\n },\n {\n key: 'Vanuatu',\n text: translate('Vanuatu')\n },\n {\n key: 'Vatican',\n text: translate('Vatican')\n },\n {\n key: 'Venezuela',\n text: translate('Venezuela')\n },\n {\n key: 'Viet Nam',\n text: translate('Viet Nam')\n },\n {\n key: 'Virgin Islands',\n text: translate('Virgin Islands')\n },\n {\n key: 'Western Sahara',\n text: translate('Western Sahara')\n },\n {\n key: 'Yeman',\n text: translate('Yeman')\n },\n {\n key: 'Yugoslavia',\n text: translate('Yugoslavia')\n },\n {\n key: 'Zaire',\n text: translate('Zaire')\n },\n {\n key: 'Zambia',\n text: translate('Zambia')\n }\n\n];\n\nexport const Days = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'Monday',\n text: translate('Monday')\n },\n {\n key: 'Tuesday',\n text: translate('Tuesday')\n },\n {\n key: 'Wednesday',\n text: translate('Wednesday')\n },\n {\n key: 'Thursday',\n text: translate('Thursday')\n },\n {\n key: 'Friday',\n text: translate('Friday')\n },\n {\n key: 'Saturday',\n text: translate('Saturday')\n },\n {\n key: 'Sunday',\n text: translate('Sunday')\n }\n\n];\n\nexport const Months = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: 'January',\n text: translate('January')\n },\n {\n key: 'February',\n text: translate('February')\n },\n {\n key: 'March',\n text: translate('March')\n },\n {\n key: 'April',\n text: translate('April')\n },\n {\n key: 'May',\n text: translate('May')\n },\n {\n key: 'June',\n text: translate('June')\n },\n {\n key: 'July',\n text: translate('July')\n },\n {\n key: 'August',\n text: translate('August')\n },\n {\n key: 'September',\n text: translate('September')\n },\n {\n key: 'October',\n text: translate('October')\n },\n {\n key: 'November',\n text: translate('November')\n },\n {\n key: 'December',\n text: translate('December')\n }\n\n];\nexport const TimeZones = [\n {\n key: 'none',\n text: translate('Select option')\n },\n {\n key: '[[Africa]]',\n text: translate('[[Africa]]')\n },\n {\n key: 'Abidjan (GMT)',\n text: `${translate('Abidjan')} (GMT)`\n },\n {\n key: 'Accra (GMT)',\n text: `${translate('Accra')} (GMT)`\n },\n {\n key: 'Addis Ababa (GMT+03:00)',\n text: `${translate('Addis Ababa')} (GMT+03:00)`\n },\n {\n key: 'Algiers (GMT+01:00)',\n text: `${translate('Algiers')} (GMT+01:00)`\n },\n {\n key: 'Asmara (GMT+03:00)',\n text: `${translate('Asmara')} (GMT+03:00)`\n },\n {\n key: 'Bamako (GMT)',\n text: `${translate('Bamako')} (GMT)`\n },\n {\n key: 'Bangui (GMT+01:00)',\n text: `${translate('Bangui')} (GMT+01:00)`\n },\n {\n key: 'Banjul (GMT)',\n text: `${translate('Banjul')} (GMT)`\n },\n {\n key: 'Bissau (GMT)',\n text: `${translate('Bissau')} (GMT)`\n },\n {\n key: 'Blantyre (GMT+02:00)',\n text: `${translate('Blantyre')} (GMT+02:00)`\n },\n {\n key: 'Brazzaville (GMT+01:00)',\n text: `${translate('Brazzaville')} (GMT+01:00)`\n },\n {\n key: 'Bujumbura (GMT+02:00)',\n text: `${translate('Bujumbura')} (GMT+02:00)`\n },\n {\n key: 'Cairo (GMT+03:00)',\n text: `${translate('Cairo')} (GMT+03:00)`\n },\n {\n key: 'Casablanca (GMT)',\n text: `${translate('Casablanca')} (GMT)`\n },\n {\n key: 'Ceuta (GMT+02:00)',\n text: `${translate('Ceuta')} (GMT+02:00)`\n },\n {\n key: 'Conakry (GMT)',\n text: `${translate('Conakry')} (GMT)`\n },\n {\n key: 'Dakar (GMT)',\n text: `${translate('Dakar')} (GMT)`\n },\n {\n key: 'Dar es Salaam (GMT+03:00)',\n text: `${translate('Dar es Salaam')} (GMT+03:00)`\n },\n {\n key: 'Djibouti (GMT+03:00)',\n text: `${translate('Djibouti')} (GMT+03:00)`\n },\n {\n key: 'Douala (GMT+01:00)',\n text: `${translate('Douala')} (GMT+01:00)`\n },\n {\n key: 'El Aaiun (GMT)',\n text: `${translate('El Aaiun')} (GMT)`\n },\n {\n key: 'Freetown (GMT)',\n text: `${translate('Freetown')} (GMT)`\n },\n {\n key: 'Gaborone (GMT+02:00)',\n text: `${translate('Gaborone')} (GMT+02:00)`\n },\n {\n key: 'Harare (GMT+02:00)',\n text: `${translate('Harare')} (GMT+02:00)`\n },\n {\n key: 'Johannesburg (GMT+02:00)',\n text: `${translate('Johannesburg')} (GMT+02:00)`\n },\n {\n key: 'Kampala (GMT+03:00)',\n text: `${translate('Kampala')} (GMT+03:00)`\n },\n {\n key: 'Khartoum (GMT+03:00)',\n text: `${translate('Khartoum')} (GMT+03:00)`\n },\n {\n key: 'Kigali (GMT+02:00)',\n text: `${translate('Kigali')} (GMT+02:00)`\n },\n {\n key: 'Kinshasa (GMT+01:00)',\n text: `${translate('Kinshasa')} (GMT+01:00)`\n },\n {\n key: 'Lagos (GMT+01:00)',\n text: `${translate('Lagos')} (GMT+01:00)`\n },\n {\n key: 'Libreville (GMT+01:00)',\n text: `${translate('Libreville')} (GMT+01:00)`\n },\n {\n key: 'Lome (GMT)',\n text: `${translate('Lome')} (GMT)`\n },\n {\n key: 'Luanda (GMT+01:00)',\n text: `${translate('Luanda')} (GMT+01:00)`\n },\n {\n key: 'Lubumbashi (GMT+02:00)',\n text: `${translate('Lubumbashi')} (GMT+02:00)`\n },\n {\n key: 'Lusaka (GMT+02:00)',\n text: `${translate('Lusaka')} (GMT+02:00)`\n },\n {\n key: 'Malabo (GMT+01:00)',\n text: `${translate('Malabo')} (GMT+01:00)`\n },\n {\n key: 'Maputo (GMT+02:00)',\n text: `${translate('Maputo')} (GMT+02:00)`\n },\n {\n key: 'Maseru (GMT+02:00)',\n text: `${translate('Maseru')} (GMT+02:00)`\n },\n {\n key: 'Mbabane (GMT+02:00)',\n text: `${translate('Mbabane')} (GMT+02:00)`\n },\n {\n key: 'Mogadishu (GMT+03:00)',\n text: `${translate('Mogadishu')} (GMT+03:00)`\n },\n {\n key: 'Monrovia (GMT)',\n text: `${translate('Monrovia')} (GMT)`\n },\n {\n key: 'Nairobi (GMT+03:00)',\n text: `${translate('Nairobi')} (GMT+03:00)`\n },\n {\n key: 'Ndjamena (GMT+01:00)',\n text: `${translate('Ndjamena')} (GMT+01:00)`\n },\n {\n key: 'Niamey (GMT+01:00)',\n text: `${translate('Niamey')} (GMT+01:00)`\n },\n {\n key: 'Nouakchott (GMT)',\n text: `${translate('Nouakchott')} (GMT)`\n },\n {\n key: 'Ouagadougou (GMT)',\n text: `${translate('Ouagadougou')} (GMT)`\n },\n {\n key: 'Porto-Novo (GMT+01:00)',\n text: `${translate('Porto-Novo')} (GMT+01:00)`\n },\n {\n key: 'Sao Tome (GMT)',\n text: `${translate('Sao Tome')} (GMT)`\n },\n {\n key: 'Tripoli (GMT+02:00)',\n text: `${translate('Tripoli')} (GMT+02:00)`\n },\n {\n key: 'Tunis (GMT+02:00)',\n text: `${translate('Tunis')} (GMT+02:00)`\n },\n {\n key: 'Windhoek (GMT+01:00)',\n text: `${translate('Windhoek')} (GMT+01:00)`\n },\n {\n key: '[[America]]',\n text: translate('[[America]]')\n },\n {\n key: 'Adak (GMT-09:00)',\n text: `${translate('Adak')} (GMT-09:00)`\n },\n {\n key: 'Anchorage (GMT-08:00)',\n text: `${translate('Anchorage')} (GMT-08:00)`\n },\n {\n key: 'Anguilla (GMT-04:00)',\n text: `${translate('Anguilla')} (GMT-04:00)`\n },\n {\n key: 'Antigua (GMT-04:00)',\n text: `${translate('Antigua')} (GMT-04:00)`\n },\n {\n key: 'Araguaina (GMT-03:00)',\n text: `${translate('Araguaina')} (GMT-03:00)`\n },\n {\n key: 'Buenos Aires, Argentina (GMT-03:00)',\n text: `${translate('Buenos Aires, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Catamarca, Argentina (GMT-03:00)',\n text: `${translate('Catamarca, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Cordoba, Argentina (GMT-03:00)',\n text: `${translate('Cordoba, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Jujuy, Argentina (GMT-03:00)',\n text: `${translate('Jujuy, Argentina')} (GMT-03:00)`\n },\n {\n key: 'La Rioja, Argentina (GMT-03:00)',\n text: `${translate('La Rioja, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Mendoza, Argentina (GMT-03:00)',\n text: `${translate('Mendoza, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Rio Gallegos, Argentina (GMT-03:00)',\n text: `${translate('Rio Gallegos, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Salta, Argentina (GMT-03:00)',\n text: `${translate('Salta, Argentina')} (GMT-03:00)`\n },\n {\n key: 'San Juan, Argentina (GMT-03:00)',\n text: `${translate('San Juan, Argentina')} (GMT-03:00)`\n },\n {\n key: 'San Luis, Argentina (GMT-04:00)',\n text: `${translate('San Luis, Argentina')} (GMT-04:00)`\n },\n {\n key: 'Tucuman, Argentina (GMT-03:00)',\n text: `${translate('Tucuman, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Ushuaia, Argentina (GMT-03:00)',\n text: `${translate('Ushuaia, Argentina')} (GMT-03:00)`\n },\n {\n key: 'Aruba (GMT-04:00)',\n text: `${translate('Aruba')} (GMT-04:00)`\n },\n {\n key: 'Asuncion (GMT-04:00)',\n text: `${translate('Asuncion')} (GMT-04:00)`\n },\n {\n key: 'Atikokan (GMT-05:00)',\n text: `${translate('Atikokan')} (GMT-05:00)`\n },\n {\n key: 'Bahia (GMT-03:00)',\n text: `${translate('Bahia')} (GMT-03:00)`\n },\n {\n key: 'Barbados (GMT-04:00)',\n text: `${translate('Barbados')} (GMT-04:00)`\n },\n {\n key: 'Belem (GMT-03:00)',\n text: `${translate('Belem')} (GMT-03:00)`\n },\n {\n key: 'Belize (GMT-06:00)',\n text: `${translate('Belize')} (GMT-06:00)`\n },\n {\n key: 'Blanc-Sablon (GMT-04:00)',\n text: `${translate('Blanc-Sablon')} (GMT-04:00)`\n },\n {\n key: 'Boa Vista (GMT-04:00)',\n text: `${translate('Boa Vista')} (GMT-04:00)`\n },\n {\n key: 'Bogota (GMT-05:00)',\n text: `${translate('Bogota')} (GMT-05:00)`\n },\n {\n key: 'Boise (GMT-06:00)',\n text: `${translate('Boise')} (GMT-06:00)`\n },\n {\n key: 'Cambridge Bay (GMT-06:00)',\n text: `${translate('Cambridge Bay')} (GMT-06:00)`\n },\n {\n key: 'Campo Grande (GMT-04:00)',\n text: `${translate('Campo Grande')} (GMT-04:00)`\n },\n {\n key: 'Cancun (GMT-05:00)',\n text: `${translate('Cancun')} (GMT-05:00)`\n },\n {\n key: 'Caracas (GMT-04:30)',\n text: `${translate('Caracas')} (GMT-04:30)`\n },\n {\n key: 'Cayenne (GMT-03:00)',\n text: `${translate('Cayenne')} (GMT-03:00)`\n },\n {\n key: 'Cayman (GMT-05:00)',\n text: `${translate('Cayman')} (GMT-05:00)`\n },\n {\n key: 'Chicago (GMT-05:00)',\n text: `${translate('Chicago')} (GMT-05:00)`\n },\n {\n key: 'Chihuahua (GMT-06:00)',\n text: `${translate('Chihuahua')} (GMT-06:00)`\n },\n {\n key: 'Costa Rica (GMT-06:00)',\n text: `${translate('Costa Rica')} (GMT-06:00)`\n },\n {\n key: 'Cuiaba (GMT-04:00)',\n text: `${translate('Cuiaba')} (GMT-04:00)`\n },\n {\n key: 'Curacao (GMT-04:00)',\n text: `${translate('Curacao')} (GMT-04:00)`\n },\n {\n key: 'Danmarkshavn (GMT)',\n text: `${translate('Danmarkshavn')} (GMT)`\n },\n {\n key: 'Dawson (GMT-07:00)',\n text: `${translate('Dawson')} (GMT-07:00)`\n },\n {\n key: 'Dawson Creek (GMT-07:00)',\n text: `${translate('Dawson Creek')} (GMT-07:00)`\n },\n {\n key: 'Denver (GMT-06:00)',\n text: `${translate('Denver')} (GMT-06:00)`\n },\n {\n key: 'Detroit (GMT-04:00)',\n text: `${translate('Detroit')} (GMT-04:00)`\n },\n {\n key: 'Dominica (GMT-04:00)',\n text: `${translate('Dominica')} (GMT-04:00)`\n },\n {\n key: 'Edmonton (GMT-06:00)',\n text: `${translate('Edmonton')} (GMT-06:00)`\n },\n {\n key: 'Eirunepe (GMT-04:00)',\n text: `${translate('Eirunepe')} (GMT-04:00)`\n },\n {\n key: 'El Salvador (GMT-06:00)',\n text: `${translate('El Salvador')} (GMT-06:00)`\n },\n {\n key: 'Fortaleza (GMT-03:00)',\n text: `${translate('Fortaleza')} (GMT-03:00)`\n },\n {\n key: 'Glace Bay (GMT-03:00)',\n text: `${translate('Glace Bay')} (GMT-03:00)`\n },\n {\n key: 'Godthab (GMT-02:00)',\n text: `${translate('Godthab')} (GMT-02:00)`\n },\n {\n key: 'Goose Bay (GMT-03:00)',\n text: `${translate('Goose Bay')} (GMT-03:00)`\n },\n {\n key: 'Grand Turk (GMT-04:00)',\n text: `${translate('Grand Turk')} (GMT-04:00)`\n },\n {\n key: 'Grenada (GMT-04:00)',\n text: `${translate('Grenada')} (GMT-04:00)`\n },\n {\n key: 'Guadeloupe (GMT-04:00)',\n text: `${translate('Guadeloupe')} (GMT-04:00)`\n },\n {\n key: 'Guatemala (GMT-06:00)',\n text: `${translate('Guatemala')} (GMT-06:00)`\n },\n {\n key: 'Guayaquil (GMT-05:00)',\n text: `${translate('Guayaquil')} (GMT-05:00)`\n },\n {\n key: 'Guyana (GMT-04:00)',\n text: `${translate('Guyana')} (GMT-04:00)`\n },\n {\n key: 'Halifax (GMT-03:00)',\n text: `${translate('Halifax')} (GMT-03:00)`\n },\n {\n key: 'Havana (GMT-04:00)',\n text: `${translate('Havana')} (GMT-04:00)`\n },\n {\n key: 'Hermosillo (GMT-07:00)',\n text: `${translate('Hermosillo')} (GMT-07:00)`\n },\n {\n key: 'Indianapolis, Indiana (GMT-04:00)',\n text: `${translate('Indianapolis, Indiana')} (GMT-04:00)`\n },\n {\n key: 'Knox, Indiana (GMT-05:00)',\n text: `${translate('Knox, Indiana')} (GMT-05:00)`\n },\n {\n key: 'Marengo, Indiana (GMT-04:00)',\n text: `${translate('Marengo, Indiana')} (GMT-04:00)`\n },\n {\n key: 'Petersburg, Indiana (GMT-04:00)',\n text: `${translate('Petersburg, Indiana')} (GMT-04:00)`\n },\n {\n key: 'Tell City, Indiana (GMT-05:00)',\n text: `${translate('Tell City, Indiana')} (GMT-05:00)`\n },\n {\n key: 'Vevay, Indiana (GMT-04:00)',\n text: `${translate('Vevay, Indiana')} (GMT-04:00)`\n },\n {\n key: 'Vincennes, Indiana (GMT-04:00)',\n text: `${translate('Vincennes, Indiana')} (GMT-04:00)`\n },\n {\n key: 'Winamac, Indiana (GMT-04:00)',\n text: `${translate('Winamac, Indiana')} (GMT-04:00)`\n },\n {\n key: 'Inuvik (GMT-06:00)',\n text: `${translate('Inuvik')} (GMT-06:00)`\n },\n {\n key: 'Iqaluit (GMT-04:00)',\n text: `${translate('Iqaluit')} (GMT-04:00)`\n },\n {\n key: 'Jamaica (GMT-05:00)',\n text: `${translate('Jamaica')} (GMT-05:00)`\n },\n {\n key: 'Juneau (GMT-08:00)',\n text: `${translate('Juneau')} (GMT-08:00)`\n },\n {\n key: 'Louisville, Kentucky (GMT-04:00)',\n text: `${translate('Louisville, Kentucky')} (GMT-04:00)`\n },\n {\n key: 'Monticello, Kentucky (GMT-04:00)',\n text: `${translate('Monticello, Kentucky')} (GMT-04:00)`\n },\n {\n key: 'La Paz (GMT-04:00)',\n text: `${translate('La Paz')} (GMT-04:00)`\n },\n {\n key: 'Lima (GMT-05:00)',\n text: `${translate('Lima')} (GMT-05:00)`\n },\n {\n key: 'Los Angeles (GMT-07:00)',\n text: `${translate('Los Angeles')} (GMT-07:00)`\n },\n {\n key: 'Maceio (GMT-03:00)',\n text: `${translate('Maceio')} (GMT-03:00)`\n },\n {\n key: 'Managua (GMT-06:00)',\n text: `${translate('Managua')} (GMT-06:00)`\n },\n {\n key: 'Manaus (GMT-04:00)',\n text: `${translate('Manaus')} (GMT-04:00)`\n },\n {\n key: 'Marigot (GMT-04:00)',\n text: `${translate('Marigot')} (GMT-04:00)`\n },\n {\n key: 'Martinique (GMT-04:00)',\n text: `${translate('Martinique')} (GMT-04:00)`\n },\n {\n key: 'Mazatlan (GMT-06:00)',\n text: `${translate('Mazatlan')} (GMT-06:00)`\n },\n {\n key: 'Menominee (GMT-05:00)',\n text: `${translate('Menominee')} (GMT-05:00)`\n },\n {\n key: 'Merida (GMT-05:00)',\n text: `${translate('Merida')} (GMT-05:00)`\n },\n {\n key: 'Mexico City (GMT-05:00)',\n text: `${translate('Mexico City')} (GMT-05:00)`\n },\n {\n key: 'Miquelon (GMT-02:00)',\n text: `${translate('Miquelon')} (GMT-02:00)`\n },\n {\n key: 'Moncton (GMT-03:00)',\n text: `${translate('Moncton')} (GMT-03:00)`\n },\n {\n key: 'Monterrey (GMT-05:00)',\n text: `${translate('Monterrey')} (GMT-05:00)`\n },\n {\n key: 'Montevideo (GMT-03:00)',\n text: `${translate('Montevideo')} (GMT-03:00)`\n },\n {\n key: 'Montreal (GMT-04:00)',\n text: `${translate('Montreal')} (GMT-04:00)`\n },\n {\n key: 'Montserrat (GMT-04:00)',\n text: `${translate('Montserrat')} (GMT-04:00)`\n },\n {\n key: 'Nassau (GMT-04:00)',\n text: `${translate('Nassau')} (GMT-04:00)`\n },\n {\n key: 'New York (GMT-04:00)',\n text: `${translate('New York')} (GMT-04:00)`\n },\n {\n key: 'Nipigon (GMT-04:00)',\n text: `${translate('Nipigon')} (GMT-04:00)`\n },\n {\n key: 'Nome (GMT-08:00)',\n text: `${translate('Nome')} (GMT-08:00)`\n },\n {\n key: 'Noronha (GMT-02:00)',\n text: `${translate('Noronha')} (GMT-02:00)`\n },\n {\n key: 'Center, North Dakota (GMT-05:00)',\n text: `${translate('Center, North Dakota')} (GMT-05:00)`\n },\n {\n key: 'New Salem, North Dakota (GMT-05:00)',\n text: `${translate('New Salem, North Dakota')} (GMT-05:00)`\n },\n {\n key: 'Panama (GMT-05:00)',\n text: `${translate('Panama')} (GMT-05:00)`\n },\n {\n key: 'Pangnirtung (GMT-04:00)',\n text: `${translate('Pangnirtung')} (GMT-04:00)`\n },\n {\n key: 'Paramaribo (GMT-03:00)',\n text: `${translate('Paramaribo')} (GMT-03:00)`\n },\n {\n key: 'Phoenix (GMT-07:00)',\n text: `${translate('Phoenix')} (GMT-07:00)`\n },\n {\n key: 'Port-au-Prince (GMT-05:00)',\n text: `${translate('Port-au-Prince')} (GMT-05:00)`\n },\n {\n key: 'Port of Spain (GMT-04:00)',\n text: `${translate('Port of Spain')} (GMT-04:00)`\n },\n {\n key: 'Porto Velho (GMT-04:00)',\n text: `${translate('Porto Velho')} (GMT-04:00)`\n },\n {\n key: 'Puerto Rico (GMT-04:00)',\n text: `${translate('Puerto Rico')} (GMT-04:00)`\n },\n {\n key: 'Rainy River (GMT-05:00)',\n text: `${translate('Rainy River')} (GMT-05:00)`\n },\n {\n key: 'Rankin Inlet (GMT-05:00)',\n text: `${translate('Rankin Inlet')} (GMT-05:00)`\n },\n {\n key: 'Recife (GMT-03:00)',\n text: `${translate('Recife')} (GMT-03:00)`\n },\n {\n key: 'Regina (GMT-06:00)',\n text: `${translate('Regina')} (GMT-06:00)`\n },\n {\n key: 'Resolute (GMT-05:00)',\n text: `${translate('Resolute')} (GMT-05:00)`\n },\n {\n key: 'Rio Branco (GMT-04:00)',\n text: `${translate('Rio Branco')} (GMT-04:00)`\n },\n {\n key: 'Santarem (GMT-03:00)',\n text: `${translate('Santarem')} (GMT-03:00)`\n },\n {\n key: 'Santiago (GMT-04:00)',\n text: `${translate('Santiago')} (GMT-04:00)`\n },\n {\n key: 'Santo Domingo (GMT-04:00)',\n text: `${translate('Santo Domingo')} (GMT-04:00)`\n },\n {\n key: 'Sao Paulo (GMT-03:00)',\n text: `${translate('Sao Paulo')} (GMT-03:00)`\n },\n {\n key: 'Scoresbysund (GMT)',\n text: `${translate('Scoresbysund')} (GMT)`\n },\n {\n key: 'Shiprock (GMT-06:00)',\n text: `${translate('Shiprock')} (GMT-06:00)`\n },\n {\n key: 'St Barthelemy (GMT-04:00)',\n text: `${translate('St Barthelemy')} (GMT-04:00)`\n },\n {\n key: 'St Johns (GMT-02:30)',\n text: `${translate('St Johns')} (GMT-02:30)`\n },\n {\n key: 'St Kitts (GMT-04:00)',\n text: `${translate('St Kitts')} (GMT-04:00)`\n },\n {\n key: 'St Lucia (GMT-04:00)',\n text: `${translate('St Lucia')} (GMT-04:00)`\n },\n {\n key: 'St Thomas (GMT-04:00)',\n text: `${translate('St Thomas')} (GMT-04:00)`\n },\n {\n key: 'St Vincent (GMT-04:00)',\n text: `${translate('St Vincent')} (GMT-04:00)`\n },\n {\n key: 'Swift Current (GMT-06:00)',\n text: `${translate('Swift Current')} (GMT-06:00)`\n },\n {\n key: 'Tegucigalpa (GMT-06:00)',\n text: `${translate('Tegucigalpa')} (GMT-06:00)`\n },\n {\n key: 'Thule (GMT-03:00)',\n text: `${translate('Thule')} (GMT-03:00)`\n },\n {\n key: 'Thunder Bay (GMT-04:00)',\n text: `${translate('Thunder Bay')} (GMT-04:00)`\n },\n {\n key: 'Tijuana (GMT-07:00)',\n text: `${translate('Tijuana')} (GMT-07:00)`\n },\n {\n key: 'Toronto (GMT-04:00)',\n text: `${translate('Toronto')} (GMT-04:00)`\n },\n {\n key: 'Tortola (GMT-04:00)',\n text: `${translate('Tortola')} (GMT-04:00)`\n },\n {\n key: 'Vancouver (GMT-07:00)',\n text: `${translate('Vancouver')} (GMT-07:00)`\n },\n {\n key: 'Whitehorse (GMT-07:00)',\n text: `${translate('Whitehorse')} (GMT-07:00)`\n },\n {\n key: 'Winnipeg (GMT-05:00)',\n text: `${translate('Winnipeg')} (GMT-05:00)`\n },\n {\n key: 'Yakutat (GMT-08:00)',\n text: `${translate('Yakutat')} (GMT-08:00)`\n },\n {\n key: 'Yellowknife (GMT-06:00)',\n text: `${translate('Yellowknife')} (GMT-06:00)`\n },\n {\n key: '[[Antarctica]]',\n text: translate('[[Antarctica]]')\n },\n {\n key: 'Casey (GMT+11:00)',\n text: `${translate('Casey')} (GMT+11:00)`\n },\n {\n key: 'Davis (GMT+05:00)',\n text: `${translate('Davis')} (GMT+05:00)`\n },\n {\n key: 'DumontDUrville (GMT+10:00)',\n text: `${translate('DumontDUrville')} (GMT+10:00)`\n },\n {\n key: 'Mawson (GMT+05:00)',\n text: `${translate('Mawson')} (GMT+05:00)`\n },\n {\n key: 'McMurdo (GMT+12:00)',\n text: `${translate('McMurdo')} (GMT+12:00)`\n },\n {\n key: 'Palmer (GMT-04:00)',\n text: `${translate('Palmer')} (GMT-04:00)`\n },\n {\n key: 'Rothera (GMT-03:00)',\n text: `${translate('Rothera')} (GMT-03:00)`\n },\n {\n key: 'South Pole (GMT+12:00)',\n text: `${translate('South Pole')} (GMT+12:00)`\n },\n {\n key: 'Syowa (GMT+03:00)',\n text: `${translate('Syowa')} (GMT+03:00)`\n },\n {\n key: 'Vostok (GMT+06:00)',\n text: `${translate('Vostok')} (GMT+06:00)`\n },\n {\n key: '[[Arctic]]',\n text: translate('[[Arctic]]')\n },\n {\n key: 'Longyearbyen (GMT+02:00)',\n text: `${translate('Longyearbyen')} (GMT+02:00)`\n },\n {\n key: '[[Asia]]',\n text: translate('[[Asia]]')\n },\n {\n key: 'Aden (GMT+03:00)',\n text: `${translate('Aden')} (GMT+03:00)`\n },\n {\n key: 'Almaty (GMT+06:00)',\n text: `${translate('Almaty')} (GMT+06:00)`\n },\n {\n key: 'Amman (GMT+03:00)',\n text: `${translate('Amman')} (GMT+03:00)`\n },\n {\n key: 'Anadyr (GMT+13:00)',\n text: `${translate('Anadyr')} (GMT+13:00)`\n },\n {\n key: 'Aqtau (GMT+05:00)',\n text: `${translate('Aqtau')} (GMT+05:00)`\n },\n {\n key: 'Aqtobe (GMT+05:00)',\n text: `${translate('Aqtobe')} (GMT+05:00)`\n },\n {\n key: 'Ashgabat (GMT+05:00)',\n text: `${translate('Ashgabat')} (GMT+05:00)`\n },\n {\n key: 'Baghdad (GMT+03:00)',\n text: `${translate('Baghdad')} (GMT+03:00)`\n },\n {\n key: 'Bahrain (GMT+03:00)',\n text: `${translate('Bahrain')} (GMT+03:00)`\n },\n {\n key: 'Baku (GMT+05:00)',\n text: `${translate('Baku')} (GMT+05:00)`\n },\n {\n key: 'Bangkok (GMT+07:00)',\n text: `${translate('Bangkok')} (GMT+07:00)`\n },\n {\n key: 'Beirut (GMT+03:00)',\n text: `${translate('Beirut')} (GMT+03:00)`\n },\n {\n key: 'Bishkek (GMT+06:00)',\n text: `${translate('Bishkek')} (GMT+06:00)`\n },\n {\n key: 'Brunei (GMT+08:00)',\n text: `${translate('Brunei')} (GMT+08:00)`\n },\n {\n key: 'Choibalsan (GMT+08:00)',\n text: `${translate('Choibalsan')} (GMT+08:00)`\n },\n {\n key: 'Chongqing (GMT+08:00)',\n text: `${translate('Chongqing')} (GMT+08:00)`\n },\n {\n key: 'Colombo (GMT+05:30)',\n text: `${translate('Colombo')} (GMT+05:30)`\n },\n {\n key: 'Damascus (GMT+03:00)',\n text: `${translate('Damascus')} (GMT+03:00)`\n },\n {\n key: 'Dhaka (GMT+07:00)',\n text: `${translate('Dhaka')} (GMT+07:00)`\n },\n {\n key: 'Dili (GMT+09:00)',\n text: `${translate('Dili')} (GMT+09:00)`\n },\n {\n key: 'Dubai (GMT+04:00)',\n text: `${translate('Dubai')} (GMT+04:00)`\n },\n {\n key: 'Dushanbe (GMT+05:00)',\n text: `${translate('Dushanbe')} (GMT+05:00)`\n },\n {\n key: 'Gaza (GMT+03:00)',\n text: `${translate('Gaza')} (GMT+03:00)`\n },\n {\n key: 'Harbin (GMT+08:00)',\n text: `${translate('Harbin')} (GMT+08:00)`\n },\n {\n key: 'Ho Chi Minh (GMT+07:00)',\n text: `${translate('Ho Chi Minh')} (GMT+07:00)`\n },\n {\n key: 'Hong Kong (GMT+08:00)',\n text: `${translate('Hong Kong')} (GMT+08:00)`\n },\n {\n key: 'Hovd (GMT+07:00)',\n text: `${translate('Hovd')} (GMT+07:00)`\n },\n {\n key: 'Irkutsk (GMT+09:00)',\n text: `${translate('Irkutsk')} (GMT+09:00)`\n },\n {\n key: 'Jakarta (GMT+07:00)',\n text: `${translate('Jakarta')} (GMT+07:00)`\n },\n {\n key: 'Jayapura (GMT+09:00)',\n text: `${translate('Jayapura')} (GMT+09:00)`\n },\n {\n key: 'Jerusalem (GMT+03:00)',\n text: `${translate('Jerusalem')} (GMT+03:00)`\n },\n {\n key: 'Kabul (GMT+04:30)',\n text: `${translate('Kabul')} (GMT+04:30)`\n },\n {\n key: 'Kamchatka (GMT+13:00)',\n text: `${translate('Kamchatka')} (GMT+13:00)`\n },\n {\n key: 'Karachi (GMT+06:00)',\n text: `${translate('Karachi')} (GMT+06:00)`\n },\n {\n key: 'Kashgar (GMT+08:00)',\n text: `${translate('Kashgar')} (GMT+08:00)`\n },\n {\n key: 'Kathmandu (GMT+05:45)',\n text: `${translate('Kathmandu')} (GMT+05:45)`\n },\n {\n key: 'Kolkata (GMT+05:30)',\n text: `${translate('Kolkata')} (GMT+05:30)`\n },\n {\n key: 'Krasnoyarsk (GMT+08:00)',\n text: `${translate('Krasnoyarsk')} (GMT+08:00)`\n },\n {\n key: 'Kuala Lumpur (GMT+08:00)',\n text: `${translate('Kuala Lumpur')} (GMT+08:00)`\n },\n {\n key: 'Kuching (GMT+08:00)',\n text: `${translate('Kuching')} (GMT+08:00)`\n },\n {\n key: 'Kuwait (GMT+03:00)',\n text: `${translate('Kuwait')} (GMT+03:00)`\n },\n {\n key: 'Macau (GMT+08:00)',\n text: `${translate('Macau')} (GMT+08:00)`\n },\n {\n key: 'Magadan (GMT+12:00)',\n text: `${translate('Magadan')} (GMT+12:00)`\n },\n {\n key: 'Makassar (GMT+08:00)',\n text: `${translate('Makassar')} (GMT+08:00)`\n },\n {\n key: 'Manila (GMT+08:00)',\n text: `${translate('Manila')} (GMT+08:00)`\n },\n {\n key: 'Muscat (GMT+04:00)',\n text: `${translate('Muscat')} (GMT+04:00)`\n },\n {\n key: 'Nicosia (GMT+03:00)',\n text: `${translate('Nicosia')} (GMT+03:00)`\n },\n {\n key: 'Novokuznetsk (GMT+07:00)',\n text: `${translate('Novokuznetsk')} (GMT+07:00)`\n },\n {\n key: 'Novosibirsk (GMT+07:00)',\n text: `${translate('Novosibirsk')} (GMT+07:00)`\n },\n {\n key: 'Omsk (GMT+07:00)',\n text: `${translate('Omsk')} (GMT+07:00)`\n },\n {\n key: 'Oral (GMT+05:00)',\n text: `${translate('Oral')} (GMT+05:00)`\n },\n {\n key: 'Phnom Penh (GMT+07:00)',\n text: `${translate('Phnom Penh')} (GMT+07:00)`\n },\n {\n key: 'Pontianak (GMT+07:00)',\n text: `${translate('Pontianak')} (GMT+07:00)`\n },\n {\n key: 'Pyongyang (GMT+09:00)',\n text: `${translate('Pyongyang')} (GMT+09:00)`\n },\n {\n key: 'Qatar (GMT+03:00)',\n text: `${translate('Qatar')} (GMT+03:00)`\n },\n {\n key: 'Qyzylorda (GMT+06:00)',\n text: `${translate('Qyzylorda')} (GMT+06:00)`\n },\n {\n key: 'Rangoon (GMT+06:30)',\n text: `${translate('Rangoon')} (GMT+06:30)`\n },\n {\n key: 'Riyadh (GMT+03:00)',\n text: `${translate('Riyadh')} (GMT+03:00)`\n },\n {\n key: 'Sakhalin (GMT+11:00)',\n text: `${translate('Sakhalin')} (GMT+11:00)`\n },\n {\n key: 'Samarkand (GMT+05:00)',\n text: `${translate('Samarkand')} (GMT+05:00)`\n },\n {\n key: 'Seoul (GMT+09:00)',\n text: `${translate('Seoul')} (GMT+09:00)`\n },\n {\n key: 'Shanghai (GMT+08:00)',\n text: `${translate('Shanghai')} (GMT+08:00)`\n },\n {\n key: 'Singapore (GMT+08:00)',\n text: `${translate('Singapore')} (GMT+08:00)`\n },\n {\n key: 'Taipei (GMT+08:00)',\n text: `${translate('Taipei')} (GMT+08:00)`\n },\n {\n key: 'Tashkent (GMT+05:00)',\n text: `${translate('Tashkent')} (GMT+05:00)`\n },\n {\n key: 'Tbilisi (GMT+04:00)',\n text: `${translate('Tbilisi')} (GMT+04:00)`\n },\n {\n key: 'Tehran (GMT+04:30)',\n text: `${translate('Tehran')} (GMT+04:30)`\n },\n {\n key: 'Thimphu (GMT+06:00)',\n text: `${translate('Thimphu')} (GMT+06:00)`\n },\n {\n key: 'Tokyo (GMT+09:00)',\n text: `${translate('Tokyo')} (GMT+09:00)`\n },\n {\n key: 'Ulaanbaatar (GMT+08:00)',\n text: `${translate('Ulaanbaatar')} (GMT+08:00)`\n },\n {\n key: 'Urumqi (GMT+08:00)',\n text: `${translate('Urumqi')} (GMT+08:00)`\n },\n {\n key: 'Vientiane (GMT+07:00)',\n text: `${translate('Vientiane')} (GMT+07:00)`\n },\n {\n key: 'Vladivostok (GMT+11:00)',\n text: `${translate('Vladivostok')} (GMT+11:00)`\n },\n {\n key: 'Yakutsk (GMT+10:00)',\n text: `${translate('Yakutsk')} (GMT+10:00)`\n },\n {\n key: 'Yekaterinburg (GMT+06:00)',\n text: `${translate('Yekaterinburg')} (GMT+06:00)`\n },\n {\n key: 'Yerevan (GMT+05:00)',\n text: `${translate('Yerevan')} (GMT+05:00)`\n },\n {\n key: '[[Atlantic]]',\n text: translate('[[Atlantic]]')\n },\n {\n key: 'Azores (GMT)',\n text: `${translate('Azores')} (GMT)`\n },\n {\n key: 'Bermuda (GMT-03:00)',\n text: `${translate('Bermuda')} (GMT-03:00)`\n },\n {\n key: 'Canary (GMT+01:00)',\n text: `${translate('Canary')} (GMT+01:00)`\n },\n {\n key: 'Cape Verde (GMT-01:00)',\n text: `${translate('Cape Verde')} (GMT-01:00)`\n },\n {\n key: 'Faroe (GMT+01:00)',\n text: `${translate('Faroe')} (GMT+01:00)`\n },\n {\n key: 'Madeira (GMT+01:00)',\n text: `${translate('Madeira')} (GMT+01:00)`\n },\n {\n key: 'Reykjavik (GMT)',\n text: `${translate('Reykjavik')} (GMT)`\n },\n {\n key: 'South Georgia (GMT-02:00)',\n text: `${translate('South Georgia')} (GMT-02:00)`\n },\n {\n key: 'St Helena (GMT)',\n text: `${translate('St Helena')} (GMT)`\n },\n {\n key: 'Stanley (GMT-04:00)',\n text: `${translate('Stanley')} (GMT-04:00)`\n },\n {\n key: '[[Australia]]',\n text: translate('[[Australia]]')\n },\n {\n key: 'Adelaide (GMT+09:30)',\n text: `${translate('Adelaide')} (GMT+09:30)`\n },\n {\n key: 'Brisbane (GMT+10:00)',\n text: `${translate('Brisbane')} (GMT+10:00)`\n },\n {\n key: 'Broken Hill (GMT+09:30)',\n text: `${translate('Broken Hill')} (GMT+09:30)`\n },\n {\n key: 'Currie (GMT+10:00)',\n text: `${translate('Currie')} (GMT+10:00)`\n },\n {\n key: 'Darwin (GMT+09:30)',\n text: `${translate('Darwin')} (GMT+09:30)`\n },\n {\n key: 'Eucla (GMT+08:45)',\n text: `${translate('Eucla')} (GMT+08:45)`\n },\n {\n key: 'Hobart (GMT+10:00)',\n text: `${translate('Hobart')} (GMT+10:00)`\n },\n {\n key: 'Lindeman (GMT+10:00)',\n text: `${translate('Lindeman')} (GMT+10:00)`\n },\n {\n key: 'Lord Howe (GMT+10:30)',\n text: `${translate('Lord Howe')} (GMT+10:30)`\n },\n {\n key: 'Melbourne (GMT+10:00)',\n text: `${translate('Melbourne')} (GMT+10:00)`\n },\n {\n key: 'Perth (GMT+08:00)',\n text: `${translate('Perth')} (GMT+08:00)`\n },\n {\n key: 'Sydney (GMT+10:00)',\n text: `${translate('Sydney')} (GMT+10:00)`\n },\n {\n key: '[[Europe]]',\n text: translate('[[Europe]]')\n },\n {\n key: 'Amsterdam (GMT+02:00)',\n text: `${translate('Amsterdam')} (GMT+02:00)`\n },\n {\n key: 'Andorra (GMT+02:00)',\n text: `${translate('Andorra')} (GMT+02:00)`\n },\n {\n key: 'Athens (GMT+03:00)',\n text: `${translate('Athens')} (GMT+03:00)`\n },\n {\n key: 'Belgrade (GMT+02:00)',\n text: `${translate('Belgrade')} (GMT+02:00)`\n },\n {\n key: 'Berlin (GMT+02:00)',\n text: `${translate('Berlin')} (GMT+02:00)`\n },\n {\n key: 'Bratislava (GMT+02:00)',\n text: `${translate('Bratislava')} (GMT+02:00)`\n },\n {\n key: 'Brussels (GMT+02:00)',\n text: `${translate('Brussels')} (GMT+02:00)`\n },\n {\n key: 'Bucharest (GMT+03:00)',\n text: `${translate('Bucharest')} (GMT+03:00)`\n },\n {\n key: 'Budapest (GMT+02:00)',\n text: `${translate('Budapest')} (GMT+02:00)`\n },\n {\n key: 'Chisinau (GMT+03:00)',\n text: `${translate('Chisinau')} (GMT+03:00)`\n },\n {\n key: 'Copenhagen (GMT+02:00)',\n text: `${translate('Copenhagen')} (GMT+02:00)`\n },\n {\n key: 'Dublin (GMT+01:00)',\n text: `${translate('Dublin')} (GMT+01:00)`\n },\n {\n key: 'Gibraltar (GMT+02:00)',\n text: `${translate('Gibraltar')} (GMT+02:00)`\n },\n {\n key: 'Guernsey (GMT+01:00)',\n text: `${translate('Guernsey')} (GMT+01:00)`\n },\n {\n key: 'Helsinki (GMT+03:00)',\n text: `${translate('Helsinki')} (GMT+03:00)`\n },\n {\n key: 'Isle of Man (GMT+01:00)',\n text: `${translate('Isle of Man')} (GMT+01:00)`\n },\n {\n key: 'Istanbul (GMT+03:00)',\n text: `${translate('Istanbul')} (GMT+03:00)`\n },\n {\n key: 'Jersey (GMT+01:00)',\n text: `${translate('Jersey')} (GMT+01:00)`\n },\n {\n key: 'Kaliningrad (GMT+03:00)',\n text: `${translate('Kaliningrad')} (GMT+03:00)`\n },\n {\n key: 'Kiev (GMT+03:00)',\n text: `${translate('Kiev')} (GMT+03:00)`\n },\n {\n key: 'Lisbon (GMT+01:00)',\n text: `${translate('Lisbon')} (GMT+01:00)`\n },\n {\n key: 'Ljubljana (GMT+02:00)',\n text: `${translate('Ljubljana')} (GMT+02:00)`\n },\n {\n key: 'London (GMT+01:00)',\n text: `${translate('London')} (GMT+01:00)`\n },\n {\n key: 'Luxembourg (GMT+02:00)',\n text: `${translate('Luxembourg')} (GMT+02:00)`\n },\n {\n key: 'Madrid (GMT+02:00)',\n text: `${translate('Madrid')} (GMT+02:00)`\n },\n {\n key: 'Malta (GMT+02:00)',\n text: `${translate('Malta')} (GMT+02:00)`\n },\n {\n key: 'Mariehamn (GMT+03:00)',\n text: `${translate('Mariehamn')} (GMT+03:00)`\n },\n {\n key: 'Minsk (GMT+03:00)',\n text: `${translate('Minsk')} (GMT+03:00)`\n },\n {\n key: 'Monaco (GMT+02:00)',\n text: `${translate('Monaco')} (GMT+02:00)`\n },\n {\n key: 'Moscow (GMT+04:00)',\n text: `${translate('Moscow')} (GMT+04:00)`\n },\n {\n key: 'Oslo (GMT+02:00)',\n text: `${translate('Oslo')} (GMT+02:00)`\n },\n {\n key: 'Paris (GMT+02:00)',\n text: `${translate('Paris')} (GMT+02:00)`\n },\n {\n key: 'Podgorica (GMT+02:00)',\n text: `${translate('Podgorica')} (GMT+02:00)`\n },\n {\n key: 'Prague (GMT+02:00)',\n text: `${translate('Prague')} (GMT+02:00)`\n },\n {\n key: 'Riga (GMT+03:00)',\n text: `${translate('Riga')} (GMT+03:00)`\n },\n {\n key: 'Rome (GMT+02:00)',\n text: `${translate('Rome')} (GMT+02:00)`\n },\n {\n key: 'Samara (GMT+05:00)',\n text: `${translate('Samara')} (GMT+05:00)`\n },\n {\n key: 'San Marino (GMT+02:00)',\n text: `${translate('San Marino')} (GMT+02:00)`\n },\n {\n key: 'Sarajevo (GMT+02:00)',\n text: `${translate('Sarajevo')} (GMT+02:00)`\n },\n {\n key: 'Simferopol (GMT+03:00)',\n text: `${translate('Simferopol')} (GMT+03:00)`\n },\n {\n key: 'Skopje (GMT+02:00)',\n text: `${translate('Skopje')} (GMT+02:00)`\n },\n {\n key: 'Sofia (GMT+03:00)',\n text: `${translate('Sofia')} (GMT+03:00)`\n },\n {\n key: 'Stockholm (GMT+02:00)',\n text: `${translate('Stockholm')} (GMT+02:00)`\n },\n {\n key: 'Tallinn (GMT+03:00)',\n text: `${translate('Tallinn')} (GMT+03:00)`\n },\n {\n key: 'Tirane (GMT+02:00)',\n text: `${translate('Tirane')} (GMT+02:00)`\n },\n {\n key: 'Uzhgorod (GMT+03:00)',\n text: `${translate('Uzhgorod')} (GMT+03:00)`\n },\n {\n key: 'Vaduz (GMT+02:00)',\n text: `${translate('Vaduz')} (GMT+02:00)`\n },\n {\n key: 'Vatican (GMT+02:00)',\n text: `${translate('Vatican')} (GMT+02:00)`\n },\n {\n key: 'Vienna (GMT+02:00)',\n text: `${translate('Vienna')} (GMT+02:00)`\n },\n {\n key: 'Vilnius (GMT+03:00)',\n text: `${translate('Vilnius')} (GMT+03:00)`\n },\n {\n key: 'Volgograd (GMT+04:00)',\n text: `${translate('Volgograd')} (GMT+04:00)`\n },\n {\n key: 'Warsaw (GMT+02:00)',\n text: `${translate('Warsaw')} (GMT+02:00)`\n },\n {\n key: 'Zagreb (GMT+02:00)',\n text: `${translate('Zagreb')} (GMT+02:00)`\n },\n {\n key: 'Zaporozhye (GMT+03:00)',\n text: `${translate('Zaporozhye')} (GMT+03:00)`\n },\n {\n key: 'Zurich (GMT+02:00)',\n text: `${translate('Zurich')} (GMT+02:00)`\n },\n {\n key: '[[Indian]]',\n text: translate('[[Indian]]')\n },\n {\n key: 'Antananarivo (GMT+03:00)',\n text: `${translate('Antananarivo')} (GMT+03:00)`\n },\n {\n key: 'Chagos (GMT+06:00)',\n text: `${translate('Chagos')} (GMT+06:00)`\n },\n {\n key: 'Christmas (GMT+07:00)',\n text: `${translate('Christmas')} (GMT+07:00)`\n },\n {\n key: 'Cocos (GMT+06:30)',\n text: `${translate('Cocos')} (GMT+06:30)`\n },\n {\n key: 'Comoro (GMT+03:00)',\n text: `${translate('Comoro')} (GMT+03:00)`\n },\n {\n key: 'Kerguelen (GMT+05:00)',\n text: `${translate('Kerguelen')} (GMT+05:00)`\n },\n {\n key: 'Mahe (GMT+04:00)',\n text: `${translate('Mahe')} (GMT+04:00)`\n },\n {\n key: 'Maldives (GMT+05:00)',\n text: `${translate('Maldives')} (GMT+05:00)`\n },\n {\n key: 'Mauritius (GMT+04:00)',\n text: `${translate('Mauritius')} (GMT+04:00)`\n },\n {\n key: 'Mayotte (GMT+03:00)',\n text: `${translate('Mayotte')} (GMT+03:00)`\n },\n {\n key: 'Reunion (GMT+04:00)',\n text: `${translate('Reunion')} (GMT+04:00)`\n },\n {\n key: '[[Pacific]]',\n text: translate('[[Pacific]]')\n },\n {\n key: 'Apia (GMT-11:00)',\n text: `${translate('Apia')} (GMT-11:00)`\n },\n {\n key: 'Auckland (GMT+12:00)',\n text: `${translate('Auckland')} (GMT+12:00)`\n },\n {\n key: 'Chatham (GMT+12:45)',\n text: `${translate('Chatham')} (GMT+12:45)`\n },\n {\n key: 'Easter (GMT-06:00)',\n text: `${translate('Easter')} (GMT-06:00)`\n },\n {\n key: 'Efate (GMT+11:00)',\n text: `${translate('Efate')} (GMT+11:00)`\n },\n {\n key: 'Enderbury (GMT+13:00)',\n text: `${translate('Enderbury')} (GMT+13:00)`\n },\n {\n key: 'Fakaofo (GMT-10:00)',\n text: `${translate('Fakaofo')} (GMT-10:00)`\n },\n {\n key: 'Fiji (GMT+12:00)',\n text: `${translate('Fiji')} (GMT+12:00)`\n },\n {\n key: 'Funafuti (GMT+12:00)',\n text: `${translate('Funafuti')} (GMT+12:00)`\n },\n {\n key: 'Galapagos (GMT-06:00)',\n text: `${translate('Galapagos')} (GMT-06:00)`\n },\n {\n key: 'Gambier (GMT-09:00)',\n text: `${translate('Gambier')} (GMT-09:00)`\n },\n {\n key: 'Guadalcanal (GMT+11:00)',\n text: `${translate('Guadalcanal')} (GMT+11:00)`\n },\n {\n key: 'Guam (GMT+10:00)',\n text: `${translate('Guam')} (GMT+10:00)`\n },\n {\n key: 'Honolulu (GMT-10:00)',\n text: `${translate('Honolulu')} (GMT-10:00)`\n },\n {\n key: 'Johnston (GMT-10:00)',\n text: `${translate('Johnston')} (GMT-10:00)`\n },\n {\n key: 'Kiritimati (GMT+14:00)',\n text: `${translate('Kiritimati')} (GMT+14:00)`\n },\n {\n key: 'Kosrae (GMT+11:00)',\n text: `${translate('Kosrae')} (GMT+11:00)`\n },\n {\n key: 'Kwajalein (GMT+12:00)',\n text: `${translate('Kwajalein')} (GMT+12:00)`\n },\n {\n key: 'Majuro (GMT+12:00)',\n text: `${translate('Majuro')} (GMT+12:00)`\n },\n {\n key: 'Marquesas (GMT-09:30)',\n text: `${translate('Marquesas')} (GMT-09:30)`\n },\n {\n key: 'Midway (GMT-11:00)',\n text: `${translate('Midway')} (GMT-11:00)`\n },\n {\n key: 'Nauru (GMT+12:00)',\n text: `${translate('Nauru')} (GMT+12:00)`\n },\n {\n key: 'Niue (GMT-11:00)',\n text: `${translate('Niue')} (GMT-11:00)`\n },\n {\n key: 'Norfolk (GMT+11:30)',\n text: `${translate('Norfolk')} (GMT+11:30)`\n },\n {\n key: 'Noumea (GMT+11:00)',\n text: `${translate('Noumea')} (GMT+11:00)`\n },\n {\n key: 'Pago Pago (GMT-11:00)',\n text: `${translate('Pago Pago')} (GMT-11:00)`\n },\n {\n key: 'Palau (GMT+09:00)',\n text: `${translate('Palau')} (GMT+09:00)`\n },\n {\n key: 'Pitcairn (GMT-08:00)',\n text: `${translate('Pitcairn')} (GMT-08:00)`\n },\n {\n key: 'Ponape (GMT+11:00)',\n text: `${translate('Ponape')} (GMT+11:00)`\n },\n {\n key: 'Port Moresby (GMT+10:00)',\n text: `${translate('Port Moresby')} (GMT+10:00)`\n },\n {\n key: 'Rarotonga (GMT-10:00)',\n text: `${translate('Rarotonga')} (GMT-10:00)`\n },\n {\n key: 'Saipan (GMT+10:00)',\n text: `${translate('Saipan')} (GMT+10:00)`\n },\n {\n key: 'Tahiti (GMT-10:00)',\n text: `${translate('Tahiti')} (GMT-10:00)`\n },\n {\n key: 'Tarawa (GMT+12:00)',\n text: `${translate('Tarawa')} (GMT+12:00)`\n },\n {\n key: 'Tongatapu (GMT+13:00)',\n text: `${translate('Tongatapu')} (GMT+13:00)`\n },\n {\n key: 'Truk (GMT+10:00)',\n text: `${translate('Truk')} (GMT+10:00)`\n },\n {\n key: 'Wake (GMT+12:00)',\n text: `${translate('Wake')} (GMT+12:00)`\n },\n {\n key: 'Wallis (GMT+12:00)',\n text: `${translate('Wallis')} (GMT+12:00)`\n }\n\n];\n","export const DO_ACTIONS_MAP = {\n Require: 'Require',\n Unrequire: 'Unrequire',\n RequireMultiple: 'Require Multiple',\n UnrequireMultiple: 'Unrequire Multiple',\n Disable: 'Disable',\n Enable: 'Enable',\n HideMultiple: 'Hide',\n ShowMultiple: 'Show',\n Show: 'Show',\n Hide: 'Hide',\n DisableSubmit: 'Disable Submit'\n};\n","export const OPERATOR_TEXT_MAP = {\n equals: 'Is Equal To',\n notEquals: 'Is Not Equal To',\n isEmpty: 'Is Empty',\n isFilled: 'Is Filled',\n equal: 'Equals',\n contains: 'Contains',\n startsWith: 'Starts With',\n notEndsWith: 'Doesn\\'t End With',\n notStartsWith: 'Doesn\\'t Start With',\n endsWith: 'Ends With',\n notContains: 'Does not Contain',\n notEqualCountry: 'Country Doesn\\'t Equal',\n equalCountry: 'Country Equals',\n notEqualState: 'State Doesn\\'t Equal',\n equalState: 'State Equals',\n equalDay: 'Is Equal to Day',\n notEqualDay: 'Not Equal to Day',\n quantityEquals: 'Quantity is Equal to',\n quantityNotEquals: 'Quantity is Not Equal to',\n quantityLess: 'Quantity is Less Than',\n quantityGreater: 'Quantity is Greater Than',\n lessThan: 'Less Than',\n greaterThan: 'Greater Than',\n before: 'Before',\n after: 'After',\n equalDate: 'Is Equal to Date',\n notEqualDate: 'Not Equal to Date'\n};\n","import uniq from 'lodash/uniq';\nimport isNull from 'lodash/isNull';\nimport isArray from 'lodash/isArray';\nimport isUndefined from 'lodash/isUndefined';\nimport isString from 'lodash/isString';\nimport unescape from 'lodash/unescape';\nimport transform from 'lodash/transform';\nimport isEqual from 'lodash/isEqual';\nimport isObject from 'lodash/isObject';\nimport { NON_INPUT_QUESTIONS } from '@jotforminc/constants';\nimport { safeJSONParse } from '@jotforminc/utils';\n\nimport { DO_ACTIONS_MAP } from './constants/Actions';\nimport { translate } from '../../mixins/Translation';\nimport { OPERATOR_TEXT_MAP } from './constants/Operators';\nimport { CONDITION_TITLE_MAP } from './constants/ConditionTitles';\nimport { typeMapper, getOrderedFields } from '../question-properties-editor/customs/InlineFields/helpers';\n\nclass ConditionUtils {\n questions = {};\n\n formProperties = {};\n\n filterFrom = '';\n\n static fieldTextHashMap = {};\n\n static conditionTitleString = CONDITION_TITLE_MAP;\n\n static removeObjectFromArray(numberOfObjectToRemove, arrayObject) {\n if (numberOfObjectToRemove === undefined || numberOfObjectToRemove === null || arrayObject === undefined || arrayObject === null) {\n return [];\n }\n\n arrayObject.splice(0, numberOfObjectToRemove);\n return arrayObject;\n }\n\n static getDoActionByKey(doActionKey) {\n return DO_ACTIONS_MAP[doActionKey] || '';\n }\n\n static getComparisonOperatorByKey(comparisonOperatorKey) {\n return OPERATOR_TEXT_MAP[comparisonOperatorKey] || '';\n }\n\n static putQuotesAroundString(text) {\n let tempText = '';\n\n if (typeof text === 'string') {\n const firstChar = text.substring(0, 1);\n if (text.length > 0 && (firstChar !== '\"' || firstChar !== '\\'')) {\n tempText = `\"${text}\"`;\n }\n }\n\n return tempText;\n }\n\n static isTermNeedValue(termOperator) {\n return !(typeof termOperator === 'string' && (termOperator === 'isEmpty' || termOperator === 'isFilled'));\n }\n\n static stripHTMLTagsFromRawQuestions(rawQuestionArray) {\n return rawQuestionArray.map(question => ({ ...question, text: ConditionUtils.stripHTMLTags(question.text) }));\n }\n\n static stripHTMLTags(text) {\n if (typeof text !== 'string') {\n return text;\n }\n\n return text.replace(/ /g, '').replace(/<\\/?[^>]+>/gi, '');\n }\n\n static jsonParse(jsonText) {\n // Workarround for inconsistent return from API/FormProperties\n let jsonObject = null;\n // IDK why we send objects to this fn as texts but this is a quick performance update\n if (typeof jsonText === 'object') {\n return jsonText;\n }\n\n if (jsonText !== undefined && jsonText !== null) {\n try {\n jsonObject = JSON.parse(jsonText);\n } catch (e) {\n jsonObject = jsonText;\n }\n }\n\n return jsonObject;\n }\n\n static getQuestionType(question) {\n let questionType = question.type.replace('control_', '');\n questionType = `${questionType[0].toUpperCase() + questionType.slice(1)}`;\n\n // Add type descriptions for controls\n if (question.type === 'control_widget') {\n questionType = `${question.cfname} ${questionType} (` + `id${question.qid})`;\n }\n\n return questionType;\n }\n\n static getQuestionText(question, data, pageBreaks = []) {\n let finalFieldText = '';\n if (question === undefined || question === null) {\n return '';\n }\n\n const questionType = this.getQuestionType(question);\n\n let fieldText = question.text || '';\n\n switch (true) {\n case (fieldText === '' || fieldText.trim() === 'Click to edit...') && (question.type === 'control_widget'):\n finalFieldText = questionType;\n break;\n case data && question.type === 'control_mixed': {\n let subfieldText = '';\n if (typeof data.value === 'string' && data.value.indexOf('|') > -1) {\n const slicedQid = data.value.split('|');\n const fieldId = slicedQid[1];\n const subfield = question.fields && Array.isArray(question.fields) && question.fields.find(({ fieldID: id }) => id === fieldId);\n subfieldText = subfield ? question.sublabels[`field_${fieldId}`] || this.getQuestionType(subfield) : '\"MISSING FIELD\"';\n }\n\n finalFieldText = fieldText + (subfieldText ? ` / ${subfieldText}` : '');\n break;\n }\n case question.type === 'control_inline': {\n fieldText = question.text || 'Fill in the Blank';\n let subfieldText = '';\n if (data) {\n if (typeof data.value === 'string' && data.value.indexOf('|') > -1) {\n const slicedQid = data.value.split('|');\n const fieldId = slicedQid[1];\n const subfield = question.fields && Array.isArray(question.fields) && question.fields.find(field => field.id === fieldId);\n subfieldText = subfield ? (subfield.label || this.getQuestionType(subfield)) : '\"MISSING FIELD\"';\n }\n }\n finalFieldText = fieldText + (subfieldText ? ` / ${subfieldText}` : '');\n break;\n }\n case question.type === 'control_text': {\n finalFieldText = this.stripHTMLTags(question.text || '');\n if (!finalFieldText) {\n finalFieldText = `${translate('Paragraph')} (${question.name})`;\n }\n break;\n }\n case fieldText === '' || fieldText.trim() === 'Click to edit...' || fieldText === '....':\n finalFieldText = `${questionType} Field (id${question.qid})`;\n break;\n case question.type === 'control_pagebreak' && pageBreaks.length > 0: {\n finalFieldText = ConditionUtils.getPagebreakTextWithQuestionID(pageBreaks, question);\n return finalFieldText;\n }\n default:\n finalFieldText = fieldText;\n break;\n }\n\n finalFieldText = ConditionUtils.checkFieldTextLength(finalFieldText);\n return unescape(finalFieldText.replace(/&/g, '&'));\n }\n\n static checkFieldTextLength(fieldText) {\n let tempFieldText = fieldText;\n\n if (isString(fieldText) && fieldText.length >= 50) {\n tempFieldText = `${fieldText.substring(0, 50)}...`;\n }\n return tempFieldText;\n }\n\n static isQuestionDisabled(question) {\n let isDisabled = false;\n\n switch (question.type) {\n case 'control_head':\n case 'control_captcha':\n case 'control_image':\n case 'control_collapse':\n case 'control_html':\n case 'control_text':\n case 'control_button':\n case 'control_pagebreak':\n case 'control_divider':\n case 'control_paymentmethods':\n isDisabled = true;\n break;\n\n default:\n isDisabled = false;\n }\n\n return isDisabled;\n }\n\n static prepareQuestionsForDisable(questions, disableFieldsForDropdown, builderType, mode) {\n let finalQuestions = [];\n\n const pageBreaks = ConditionUtils.filterPagebreaks(questions, true);\n if (questions !== undefined && questions !== null) {\n let i = 0;\n finalQuestions = questions.map(question => {\n let finalFieldText = ConditionUtils.getQuestionText(question, {}, pageBreaks);\n const isDisabled = this.isQuestionDisabled(question);\n\n i += 1;\n finalFieldText = `${i}. ${finalFieldText}`;\n\n if (question.type === 'language') {\n finalFieldText = `- ${finalFieldText}`;\n }\n\n if (question.type === 'control_mixed' && (builderType === 'card' || builderType === 'old')) {\n return Array.isArray(question.fields) ? question.fields.map(f => {\n let fieldText = question.sublabels[`field_${f.fieldID}`];\n if (!fieldText || fieldText.length === 0) {\n fieldText = f.type;\n }\n return {\n id: question.qid,\n key: question.qid,\n value: `${question.qid}|${f.fieldID}`,\n text: `${finalFieldText} / ${fieldText}`,\n disabled: isDisabled\n };\n }) : [];\n }\n\n if (question.type === 'control_inline') {\n return Array.isArray(question.fields) ? (mode === 'action' ? [{\n id: question.qid,\n key: question.qid,\n value: question.qid,\n text: finalFieldText,\n disabled: isDisabled\n }] : []).concat(getOrderedFields(question.fields).map(f => {\n return {\n id: question.qid,\n key: question.qid,\n value: `${question.qid}|${f.id}`,\n text: `${finalFieldText} / ${f.label || typeMapper[f.type]}`,\n disabled: isDisabled\n };\n })) : [];\n }\n\n let tempQuestion = null;\n\n if (typeof disableFieldsForDropdown !== 'undefined' && disableFieldsForDropdown === true) {\n tempQuestion = {\n id: question.qid,\n key: question.qid,\n text: finalFieldText,\n disabled: isDisabled\n };\n } else {\n tempQuestion = {\n id: question.qid,\n key: question.qid,\n value: question.qid,\n text: finalFieldText,\n disabled: isDisabled\n };\n }\n return tempQuestion;\n });\n }\n\n // eslint-disable-next-line prefer-spread\n finalQuestions = [].concat.apply([], finalQuestions);\n return finalQuestions;\n }\n\n static dropdownPrepareWithDisable(questions, builderType, mode) {\n let finalQuestions = [];\n\n if (questions !== undefined && questions !== null) {\n finalQuestions = this.prepareQuestionsForDisable(questions, false, builderType, mode);\n\n finalQuestions.unshift({\n id: 'none',\n key: 'none',\n text: translate('Select field'),\n disabled: true\n });\n }\n return finalQuestions;\n }\n\n static getQuestions(questions) {\n const result = questions.map(question => {\n const questionText = ConditionUtils.getQuestionText(question);\n return {\n id: question.qid, key: question.qid, value: question.qid, text: questionText\n };\n });\n result.unshift({ id: 'none', key: 'none', text: translate('Select field') });\n return result;\n }\n\n static dropdownPrepare(questions, type) {\n let finalQuestions = [];\n\n if (questions !== undefined && questions !== null) {\n let i = 1;\n const pageBreaks = ConditionUtils.filterPagebreaks(questions, true);\n finalQuestions = questions.map(question => {\n const finalFieldText = ConditionUtils.getQuestionText(question, {}, pageBreaks);\n const tempQuestion = {\n id: question.qid,\n key: question.qid,\n text: `${i}. ${finalFieldText}`\n };\n i += 1;\n return tempQuestion;\n });\n\n let text = '';\n if (type === 'ShowMultiple' || type === 'HideMultiple') {\n text = 'Select one or more fields';\n } else {\n text = 'Select field';\n }\n\n finalQuestions.unshift({\n id: 'none',\n key: 'none',\n text: translate(text),\n disabled: false\n });\n }\n return finalQuestions;\n }\n\n static filterDropdownPrepareAsFormFields(conditions, questions) {\n const orderedQuestions = this.orderQuestions(questions);\n\n ConditionUtils.questions = questions;\n ConditionUtils.filterFrom = 'dropdown';\n const finalQuestions = orderedQuestions.map((question, questionCounter) => {\n const finalFieldText = ConditionUtils.getQuestionText(question);\n return {\n value: question.qid,\n type: question.text,\n text: `${questionCounter + 1}. ${finalFieldText}`,\n disabled: !ConditionUtils.searchInConditionList(conditions, question.qid)\n };\n });\n\n finalQuestions.unshift({ text: translate('All Fields'), value: '', type: '' });\n return uniq(finalQuestions, item => item.value);\n }\n\n static filterDropdownPrepareAsConditionType(conditions) {\n const conditionTypes = this.getConditionTypes();\n const dropdownValues = this.createDropdownValuesAsConditionTypes(conditionTypes, conditions);\n return dropdownValues;\n }\n\n static createDropdownValuesAsConditionTypes(conditionTypes, conditions) {\n const dropdownValues = [];\n\n // converting the dropdown values as dropdown\n const dropdownValuesObject = {\n 'SHOW / HIDE FIELD': 'Show / Hide Fields',\n 'UPDATE / CALCULATE FIELD': 'Update / Calculate',\n 'ENABLE / REQUIRE FIELD': 'Enable / Disable',\n 'SKIP TO / HIDE A PAGE': 'Skip to / Hide a Page',\n 'CHANGE E-MAIL RECIPIENT': 'Change E-mail Recipient',\n 'CHANGE \"THANK YOU\" PAGE': 'Change \\'Thank You\\' Page'\n };\n\n // There are some condition types which have the same value.\n const valueMultipleKeys = {\n require: 'enable-disable',\n mask: 'enable-disable',\n url: 'thank-you',\n message: 'thank-you'\n };\n\n // adding top value => filter all condition types\n dropdownValues.push({\n text: translate('All Types'),\n value: '',\n type: ''\n });\n\n const currentConditionTypes = conditions ? conditions.map(condition => condition.type) : null;\n\n // preparing the filter dropdown value object\n Object.keys(conditionTypes).forEach(key => {\n const text = translate(dropdownValuesObject[conditionTypes[key]]);\n const value = valueMultipleKeys[key] || key;\n\n dropdownValues.push({\n text,\n value,\n type: conditionTypes[key],\n disabled: !this.shouldEnableOption(key, currentConditionTypes)\n });\n });\n\n return this.getUniqueObject(dropdownValues, 'text');\n }\n\n static shouldEnableOption(key, currentConditionTypes) {\n return (\n currentConditionTypes.includes(key)\n || ['url', 'message'].includes(key)\n || ['require', 'mask'].includes(key)\n );\n }\n\n // making unique the the object array according to the comp parameter\n static getUniqueObject(arr, comp) {\n const arrayUniqueByKey = [...new Map(arr.map(item => [item[comp], item])).values()];\n return arrayUniqueByKey;\n }\n\n // getting condition types for the dropdown values\n static getConditionTypes() {\n const conditionTypes = {};\n Object.keys(this.conditionTitleString).forEach(list => {\n conditionTypes[list] = this.conditionTitleString[list].title;\n });\n return conditionTypes;\n }\n\n static getQuestionByName(questionName, questions) {\n let questionTemp = null;\n\n if (typeof questionName === 'string' && questions !== undefined && questions !== null) {\n questions.forEach(question => {\n if (`{${question.name}}` === questionName) {\n questionTemp = question;\n }\n });\n }\n\n return questionTemp;\n }\n\n static getQuestionByName2(questionName, questions) {\n let questionTemp = null;\n\n if (typeof questionName === 'string' && questions !== undefined && questions !== null) {\n questions.forEach(question => {\n if (question.name === questionName) {\n questionTemp = question;\n }\n });\n }\n\n return questionTemp;\n }\n\n static resetFieldTextHashMap() {\n ConditionUtils.fieldTextHashMap = {};\n }\n\n static getFieldTextByQid(questionId, questions) {\n if (ConditionUtils.fieldTextHashMap[questionId]) return ConditionUtils.fieldTextHashMap[questionId];\n\n let fieldText = '\"MISSING FIELD\"';\n const tempQuestionId = '';\n const pageBreaks = ConditionUtils.filterPagebreaks(questions, true);\n\n let questionIdProcessed = '';\n if (tempQuestionId.indexOf('|') > -1) {\n questionIdProcessed = questionId.split('|')[0];\n } else {\n questionIdProcessed = questionId;\n }\n\n if ((questions !== undefined && questions !== null) && (questionIdProcessed !== undefined && questionIdProcessed !== null)) {\n const question = ConditionUtils.getQuestionByQid(questionIdProcessed, questions);\n\n if (question !== null) {\n fieldText = ConditionUtils.getQuestionText(question, { value: questionId }, pageBreaks);\n }\n }\n ConditionUtils.fieldTextHashMap[questionId] = fieldText;\n return fieldText;\n }\n\n static getQuestionIdFromString(questionIdString) {\n let questionIdProcessed = '';\n let fieldIdProcessed;\n\n let isMultiple = false;\n if (questionIdString.indexOf('|') > -1) {\n questionIdProcessed = questionIdString.split('|')[0];\n fieldIdProcessed = questionIdString.split('|')[1];\n isMultiple = true;\n } else {\n questionIdProcessed = questionIdString;\n fieldIdProcessed = null;\n isMultiple = false;\n }\n\n return {\n isMultiple: isMultiple,\n qid: questionIdProcessed,\n field: fieldIdProcessed\n };\n }\n\n static getQuestionByQid(questionId, tempQuestions) {\n let tempQuestionId = '';\n let question = null;\n\n if ((tempQuestions !== undefined && tempQuestions !== null) && (questionId !== undefined && questionId !== null)) {\n if (typeof questionId === 'string') {\n tempQuestionId = questionId.trim();\n } else {\n tempQuestionId = `${questionId}`;\n }\n\n const questions = tempQuestions;\n for (let j = 0; j < questions.length; j++) {\n let questionIdProcessed = '';\n if (tempQuestionId.indexOf('|') > -1) {\n questionIdProcessed = tempQuestionId.split('|')[0];\n } else {\n questionIdProcessed = tempQuestionId;\n }\n\n if (questionIdProcessed === `${questions[j].qid}`) {\n question = questions[j];\n break;\n }\n }\n }\n\n return question;\n }\n\n static getProductPid(productTermField, products) {\n if (productTermField === null || productTermField === undefined || products === null || products === undefined) {\n return false;\n }\n let index = productTermField.indexOf('_quantity_');\n const tempText = productTermField.substring(index + '_quantity_'.length);\n index = tempText.indexOf('_');\n const productPid = tempText.substring(0, index);\n for (let i = 0; i < products.length; i++) {\n if (productPid === products[i].pid) {\n return productPid;\n }\n }\n return false;\n }\n\n static getProductText(productTermField, products) {\n let productText = '';\n if (productTermField === null || productTermField === undefined || products === null || products === undefined) {\n return productText;\n }\n\n let index = productTermField.indexOf('_quantity_');\n const tempText = productTermField.substring(index + '_quantity_'.length);\n index = tempText.indexOf('_');\n const productPid = tempText.substring(0, index);\n\n for (let i = 0; i < products.length; i++) {\n if (productPid === products[i].pid) {\n productText = products[i].name;\n break;\n }\n }\n\n return productText;\n }\n\n static getProductTextByProductId(pid, products) {\n let productText = '';\n if (products === null || products === undefined || pid === null || pid === undefined) {\n return productText;\n }\n\n for (let i = 0; i < products.length; i++) {\n if (pid === `${products[i].pid}`) {\n productText = products[i].name;\n break;\n }\n }\n\n return productText;\n }\n\n static isPaymentProduct(qid, questions) {\n let isPayment = false;\n\n if ((questions !== null && questions !== undefined) && (qid !== null && qid !== undefined)) {\n for (let i = 0; i < questions.length; i++) {\n if (qid === questions[i].qid) {\n const { type } = questions[i];\n if (\n type === 'control_2co'\n || type === 'control_authnet'\n || type === 'control_bluepay'\n || type === 'control_bluesnap'\n || type === 'control_braintree'\n || type === 'control_cardconnect'\n || type === 'control_clickbank'\n || type === 'control_dwolla'\n || type === 'control_echeck'\n || type === 'control_eway'\n || type === 'control_firstdata'\n || type === 'control_paypalInvoicing'\n || type === 'control_googleco'\n || type === 'control_onebip'\n || type === 'control_payment'\n || type === 'control_paymentwall'\n || type === 'control_payjunction'\n || type === 'control_chargify'\n || type === 'control_paymill'\n || type === 'control_paypal'\n || type === 'control_paypalexpress'\n || type === 'control_paypalpro'\n || type === 'control_paypalcomplete'\n || type === 'control_stripe'\n || type === 'control_stripeCheckout'\n || type === 'control_stripeACH'\n || type === 'control_stripeACHManual'\n || type === 'control_square'\n || type === 'control_worldpay'\n || type === 'control_worldpayus'\n || type === 'control_payu'\n || type === 'control_payuMoney'\n || type === 'control_pagseguro'\n || type === 'control_moneris'\n || type === 'control_sofort'\n || type === 'control_sensepass'\n || type === 'control_paysafe'\n || type === 'control_iyzico'\n || type === 'control_skrill'\n || type === 'control_gocardless'\n || type === 'control_mollie'\n || type === 'control_paypalSPB'\n || type === 'control_cybersource'\n || type === 'control_payfast'\n ) {\n isPayment = true;\n break;\n }\n }\n }\n }\n\n return isPayment;\n }\n\n static isStringContains(stringNeedsToBeSearched, searchString) {\n let result = false;\n\n if (typeof stringNeedsToBeSearched === 'string' && typeof searchString === 'string') {\n result = stringNeedsToBeSearched.indexOf(searchString) > -1;\n }\n\n return result;\n }\n\n static retriveQidFromProductTermField(productTermField) {\n let qid = null;\n\n if (productTermField !== null && productTermField !== undefined) {\n const index = productTermField.indexOf('_quantity');\n\n if (index > 0) {\n qid = productTermField.substring(0, index);\n }\n }\n\n return qid;\n }\n\n static dropdownPrepareWithDisableForTarget(questions) {\n let finalQuestions = [];\n\n if (questions !== null && questions !== undefined) {\n let i = 1;\n finalQuestions = questions.map(question => {\n const finalFieldText = ConditionUtils.getQuestionText(question);\n const isDisabled = this.isQuestionDisabled(question);\n\n const tempQuestion = {\n id: question.qid,\n key: `{${question.name}}`,\n value: `{${question.name}}`,\n text: `${i}. ${finalFieldText}`,\n disabled: isDisabled\n };\n i += 1;\n return tempQuestion;\n });\n\n if (finalQuestions.length > 0) {\n finalQuestions.unshift({\n text: translate('Select field'),\n value: 'none',\n key: 'none',\n type: ['none'],\n disabled: true\n });\n }\n }\n return finalQuestions;\n }\n\n static prepareQuestionsForAddField(questions) {\n let finalQuestions = [];\n\n if (questions !== null && questions !== undefined) {\n finalQuestions = questions.map(question => {\n const tempQuestion = {\n id: question.qid,\n key: `{${question.qid}}`,\n value: `{${question.qid}}`,\n text: question.text || ConditionUtils.getQuestionText(question)\n };\n return tempQuestion;\n });\n }\n\n return finalQuestions;\n }\n\n static prepareFromQuestionsForCalculation(questions, builderType) {\n let finalQuestions = [];\n const disableFieldsForDropdown = true;\n\n if (questions !== null && questions !== undefined) {\n finalQuestions = this.prepareQuestionsForDisable(questions, disableFieldsForDropdown, builderType);\n\n if (finalQuestions.length > 0) {\n finalQuestions.unshift({\n id: 'none',\n key: 'none',\n value: '',\n text: translate('Select a field to copy value from'),\n disabled: true\n });\n }\n }\n\n return finalQuestions;\n }\n\n static prepareToQuestionsForCalculation(questions, builderType) {\n let finalQuestions = [];\n const disableFieldsForDropdown = true;\n\n if (questions !== null && questions !== undefined) {\n finalQuestions = this.prepareQuestionsForDisable(questions, disableFieldsForDropdown, builderType);\n\n if (finalQuestions.length > 0) {\n finalQuestions.unshift({\n id: 'none',\n key: 'none',\n value: 'none',\n text: translate('Select a field to paste value in'),\n disabled: true\n });\n }\n }\n\n return finalQuestions;\n }\n\n static prepareFieldQuestionsForCalculation(questions, builderType) {\n let finalQuestions = [];\n const disableFieldsForDropdown = true;\n\n if (questions !== null && questions !== undefined) {\n finalQuestions = this.prepareQuestionsForDisable(questions, disableFieldsForDropdown, builderType);\n\n if (finalQuestions.length > 0) {\n finalQuestions.unshift({\n id: 'none',\n key: 'none',\n value: 'none',\n text: translate('Select a field for final output'),\n disabled: true\n });\n }\n }\n return finalQuestions;\n }\n\n static getEmailObjectByKey(emailKey, emailsArray) {\n let email;\n if (emailKey === undefined || emailKey === null || emailsArray === undefined || emailsArray === null) {\n email = '';\n } else {\n const dashIndex = emailKey.indexOf('-');\n const emailIndex = emailKey.substr(dashIndex + 1);\n\n for (let i = 0; i < emailsArray.length; i++) {\n const tempEmail = emailsArray[i];\n if (emailIndex === `${i}`) {\n email = tempEmail;\n break;\n }\n }\n }\n\n return email;\n }\n\n static getTextFromDropDown(value, dropDownOptions) {\n let dropDownText = '';\n\n if ((dropDownOptions !== null && dropDownOptions !== undefined) && (value !== null && value !== undefined)) {\n for (let i = 0; i < dropDownOptions.length; i++) {\n const option = dropDownOptions[i];\n if (option.value === value) {\n dropDownText = option.text;\n }\n }\n }\n\n return dropDownText;\n }\n\n static checkEmail(val) {\n let result = true;\n if (!val.match(/\\S+@\\S+\\.\\S+/)) {\n result = false;\n }\n if (val.indexOf(' ') !== -1 || val.indexOf('..') !== -1) {\n result = false;\n }\n return result;\n }\n\n static isField(fieldValue) {\n let result = false;\n\n if (typeof fieldValue === 'string' && fieldValue.length > 1) {\n const firstChar = fieldValue.charAt(0);\n const lastChar = fieldValue.charAt(fieldValue.length - 1);\n\n if (firstChar === '{' && lastChar === '}') {\n const valueWihoutBraces = fieldValue.substring(1, fieldValue.length - 1);\n result = valueWihoutBraces.trim().length > 0;\n }\n }\n return result;\n }\n\n static removeCurlyBraces(value) {\n let valueWihoutBraces = '';\n if (typeof value === 'string' && value.length > 1) {\n const firstChar = value.charAt(0);\n const lastChar = value.charAt(value.length - 1);\n\n if (firstChar === '{' && lastChar === '}') {\n valueWihoutBraces = value.substring(1, value.length - 1);\n } else {\n valueWihoutBraces = value;\n }\n }\n return valueWihoutBraces;\n }\n\n static isTermsValid(terms) {\n const conditionCorrect = [true];\n let errorText = '';\n\n if (terms !== null && terms !== undefined) {\n // this threshold is for preventing the term to be truncated while inserting to the database.\n if (JSON.stringify(terms).length > 65000) {\n return {\n success: false,\n text: translate('\"If term\" is too large, please split it to multiple conditions')\n };\n }\n\n const safeTerms = safeJSONParse(terms, false, true);\n\n if (!safeTerms) {\n return {\n success: false,\n text: translate('Unexpected Error')\n };\n }\n\n safeTerms.forEach(theTerm => {\n const { field, operator, value } = theTerm;\n if (field !== 'none' && operator !== 'none' && (value !== undefined && value !== 'none')) {\n if (theTerm.operator !== 'isFilled' && theTerm.operator !== 'isEmpty') {\n if (value.length === 0) {\n theTerm.isError = true;\n conditionCorrect.push(false);\n errorText = translate('Please type a value or select a field');\n } else {\n theTerm.isError = false;\n conditionCorrect.push(true);\n }\n } else {\n theTerm.isError = false;\n conditionCorrect.push(true);\n }\n } else {\n theTerm.isError = true;\n conditionCorrect.push(false);\n if (field === 'none') {\n errorText = translate('Please select field(s) to affect');\n } else if (operator === 'none') {\n errorText = translate('Please select a field state');\n } else {\n errorText = translate('Please select state/target for if term');\n }\n }\n if (theTerm.value === undefined) {\n theTerm.value = '';\n theTerm.isError = true;\n conditionCorrect.push(false);\n }\n if (conditionCorrect.indexOf(false) > -1) {\n return false;\n }\n });\n } else {\n conditionCorrect.push(false);\n errorText = translate('Either terms is null or undefined');\n }\n\n return {\n success: conditionCorrect.indexOf(false) === -1,\n text: errorText\n };\n }\n\n static isActionValid(actions, conditionType, questions) {\n let conditionActionCorrect = {};\n\n if (typeof conditionType === 'string' && actions !== null && actions !== undefined) {\n // validate condition do action fields\n switch (conditionType) {\n case 'field': // Show/Hide Field\n conditionActionCorrect = this.isFieldDoActionsValid(actions);\n break;\n\n case 'email': // Send an e-mail after submission\n conditionActionCorrect = this.isEmailDoActionsValid(actions);\n break;\n\n case 'mask': // setMask\n case 'require': // Change attributes of a Field\n conditionActionCorrect = this.isRequireOrSetMaskValid(actions);\n break;\n\n case 'page': // Skip to a page or end of the form\n conditionActionCorrect = this.isPageDoActionsValid(actions, questions);\n break;\n\n case 'calculation':\n conditionActionCorrect = this.isCalculationDoActionsValid(actions);\n break;\n\n case 'url': // Change Thank You URL\n conditionActionCorrect = this.isUrlDoActionsValid(actions);\n break;\n\n case 'message': // Change Thank You Message\n conditionActionCorrect = this.isMessageDoActionsValid(actions);\n break;\n\n default:\n }\n } else {\n return {\n success: false,\n text: 'Either conditionType or actions is null or undefined'\n };\n }\n\n return conditionActionCorrect;\n }\n\n static isParamsValid(condition, conditionParams, isUpdating) {\n let conditionParamsCorrect = { success: true, text: '' };\n // In case validations for other types could necessitate in future\n switch (condition.type) {\n case 'email':\n const { action = [{ to: '', mailType: '' }] } = condition;\n const { existingConditions = [] } = conditionParams;\n let conditions = existingConditions;\n\n if (this.isFreeAccount(conditionParams) && !this.isCoronaFighter(conditionParams)) {\n if (isUpdating === true) {\n if (existingConditions.length >= 1) {\n const otherConditions = existingConditions.filter(cond => cond.id !== condition.id);\n conditions = otherConditions;\n }\n }\n const isOverLimit = this.isOverLimitForNewEmailCondition(action, conditions, conditionParams.limits);\n if (isOverLimit) {\n conditionParamsCorrect = {\n success: false,\n text: isOverLimit\n };\n }\n }\n break;\n default:\n }\n return conditionParamsCorrect;\n }\n\n static isOverLimitForNewEmailCondition(action, existingConditions, limits) {\n const conditions = existingConditions === 0 ? [] : existingConditions;\n if (!Array.isArray(conditions)) return false;\n\n const isMoreThanOneEmail = (emails = '') => (emails.match(/@/g) || []).length > 1;\n const isLimitRewarded = limits.conditionalEmails !== undefined;\n\n const enabledEmailConditions = conditions.filter(cond => cond.type === 'email' && !cond.disabled);\n\n const getActionCountByType = type => enabledEmailConditions\n .filter(cnd => cnd.action.some(act => act.mailType === type))\n .length;\n\n const notificationCount = getActionCountByType('notification');\n // If more than one email address is added for free accounts, warn user\n // Addition to this, only one email notification rule can be added for free accounts\n if (enabledEmailConditions.length >= 3 || action.length > 3 && !isLimitRewarded) {\n return 'Users on a free plan can add a maximum of three conditional emails';\n }\n\n for (let i = 0; i < action.length; i++) {\n if (!isLimitRewarded && action[i].mailType === 'notification' && (isMoreThanOneEmail(action[i].to) || (notificationCount >= 1))) {\n return 'To use multiple recipients';\n }\n }\n\n return false;\n }\n\n static isFreeAccount(conditionParams) {\n return (conditionParams.isSubUser && (conditionParams.formOwnerAccountType === 'FREE' || conditionParams.formOwnerAccountType === 'GUEST'))\n || (!conditionParams.isSubUser && (conditionParams.userAccoutType === 'FREE' || conditionParams.userAccoutType === 'GUEST'));\n }\n\n static isCoronaFighter(conditionParams) {\n return conditionParams.isFormOwnerCoronaFighter === true;\n }\n\n static isMessageDoActionsValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(action => {\n if (typeof action.message === 'object' || (action.message !== undefined && action.message.trim().length > 0)) {\n action.isError = false;\n } else {\n action.isError = true;\n conditionCorrect = false;\n errorText = 'Please set a message';\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isUrlDoActionsValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n if (theAction.redirect !== 'none' && theAction.redirect !== undefined && theAction.redirect.trim().length > 0 && ConditionUtils.verifyURL(theAction.redirect)) {\n theAction.isError = false;\n } else {\n theAction.isError = true;\n conditionCorrect = false;\n errorText = 'Please set a valid url';\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isChangeAttributesDoActionValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n let conditionCorrectInternal = true;\n\n if (typeof theAction.visibility === 'undefined' || theAction.visibility === 'none') {\n conditionCorrectInternal = false;\n errorText = 'Please select do action';\n } else if ((theAction.visibility === 'Require' || theAction.visibility === 'Unrequire' || theAction.visibility === 'Disable' || theAction.visibility === 'Enable')\n && (typeof theAction.field === 'undefined' || theAction.field === 'none')) {\n conditionCorrectInternal = false;\n errorText = 'Please select a field for do action';\n } else if ((theAction.visibility === 'RequireMultiple' || theAction.visibility === 'UnrequireMultiple')\n && (typeof theAction.fields === 'undefined' || theAction.fields === 'none' || theAction.fields.length === 0 || theAction.fields[0] === 'none')) {\n errorText = 'Please select at least one field for do action';\n conditionCorrectInternal = false;\n }\n\n if (conditionCorrectInternal === false) {\n theAction.isError = true;\n conditionCorrect = false;\n } else {\n theAction.isError = false;\n delete theAction.isChangeAttributeOrSetMask;\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isCalculationDoActionsValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n let conditionCorrectInternal = true;\n\n // console.log( 'Equation is : ', theAction.equation );\n\n conditionCorrectInternal = true;\n\n if (typeof theAction.equation === 'undefined') {\n conditionCorrectInternal = false;\n // console.log( 'Equation missing' );\n } else {\n if (global.MathProcessor && !ConditionUtils.checkEquationValidity(theAction.equation)) {\n conditionCorrectInternal = false;\n // console.log( 'Calculation is not valid according to MathProcessor' );\n }\n\n if (ConditionUtils.equationMatchParantheses(theAction.equation) === false) {\n conditionCorrectInternal = false;\n // console.log( 'Equation paranthesis do not match' );\n }\n\n if (conditionCorrectInternal === true && (actions[0].resultField === undefined || actions[0].resultField === null || actions[0].resultField === '')) {\n conditionCorrectInternal = false;\n // console.log( 'Result field is incorrect' );\n }\n\n if (conditionCorrectInternal === true && theAction.equation === '') {\n conditionCorrectInternal = false;\n // console.log( 'Equation is empty' );\n }\n }\n\n if (conditionCorrectInternal === false) {\n theAction.isError = true;\n conditionCorrect = false;\n } else {\n theAction.isError = false;\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isRequireOrSetMaskValid(actions) {\n let conditionCorrect = {\n success: true,\n text: ''\n };\n\n if (actions !== null && actions !== undefined) {\n for (let i = 0; i < actions.length; i++) {\n if (typeof actions[i].visibility === 'string' && actions[i].visibility === 'Mask') {\n conditionCorrect = this.isMaskDoActionsValid(actions);\n } else {\n conditionCorrect = this.isChangeAttributesDoActionValid(actions);\n }\n\n if (conditionCorrect.success === false) {\n break;\n }\n }\n } else {\n conditionCorrect.success = false;\n conditionCorrect.text = 'actions is null or undefined';\n }\n\n return conditionCorrect;\n }\n\n static isMaskDoActionsValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n if (theAction.visibility === 'Mask' && (theAction.field === undefined || theAction.field === 'none' || theAction.field.trim() === ''\n || theAction.mask === undefined || theAction.mask === 'none' || theAction.mask.trim() === '')) {\n theAction.isError = true;\n conditionCorrect = false;\n errorText = 'Please set a proper mask for field';\n } else {\n theAction.isError = false;\n delete theAction.isChangeAttributeOrSetMask;\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isPageDoActionsValid(actions, questions) {\n let conditionCorrect = true;\n let errorText = '';\n const invalidPageBreaks = ConditionUtils.getInvalidOptionsForHidePageCondition(questions);\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n if (theAction.skipTo === 'none' || theAction.skipTo === undefined) {\n theAction.isError = true;\n conditionCorrect = false;\n errorText = 'Please select a page';\n } else if (invalidPageBreaks && invalidPageBreaks.indexOf(theAction.skipTo) > -1 && theAction.skipHide === 'hidePage') {\n theAction.isError = true;\n conditionCorrect = false;\n errorText = 'Please select a valid page';\n } else {\n theAction.isError = false;\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isPageExist(action, questions) {\n const invalidPageBreaks = ConditionUtils.getInvalidOptionsForHidePageCondition(questions);\n return !(invalidPageBreaks.indexOf(action.skipTo) > -1 && action.skipHide === 'hidePage');\n }\n\n static getInvalidOptionsForHidePageCondition(questions) {\n const pageBreaks = ConditionUtils.filterPagebreaks(questions);\n if (pageBreaks && pageBreaks.length >= 2) { // check the first and last page\n return [pageBreaks[0].key, pageBreaks[1].key, pageBreaks[pageBreaks.length - 1].key];\n }\n return null;\n }\n\n static isEmailDoActionsValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n if (theAction.email === 'none' || (theAction.to === '' || theAction.to === undefined)) {\n theAction.isError = true;\n conditionCorrect = false;\n errorText = 'Please select a email';\n } else {\n theAction.isError = false;\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static isFieldDoActionsValid(actions) {\n let conditionCorrect = true;\n let errorText = '';\n\n if (actions !== null && actions !== undefined) {\n actions.forEach(theAction => {\n let conditionCorrectInternal = true;\n\n if (typeof theAction.visibility === 'undefined') {\n conditionCorrectInternal = false;\n errorText = 'Please select condition action';\n } else if (theAction.visibility === 'none') {\n conditionCorrectInternal = false;\n errorText = 'Please select condition action';\n } else if ((theAction.visibility === 'Show' || theAction.visibility === 'Hide') && (typeof theAction.field === 'undefined' || theAction.field === 'none') && (typeof theAction.value === 'undefined' || theAction.value === 'none')) {\n conditionCorrectInternal = false;\n errorText = 'Please select field(s) to affect';\n } else if ((theAction.visibility === 'ShowMultiple' || theAction.visibility === 'HideMultiple') && (typeof theAction.fields === 'undefined' || theAction.fields === 'none' || theAction.fields.length === 0 || theAction.fields[0] === 'none')) {\n conditionCorrectInternal = false;\n errorText = 'Please select field(s) to affect';\n }\n if (conditionCorrectInternal === false) {\n theAction.isError = true;\n conditionCorrect = false;\n } else {\n theAction.isError = false;\n }\n });\n } else {\n conditionCorrect = false;\n errorText = 'actions is null or undefined';\n }\n\n return {\n success: conditionCorrect,\n text: translate(errorText)\n };\n }\n\n static changeSkipToPageMoreReadable(skipAction, questions) {\n const pageBreaks = ConditionUtils.filterPagebreaks(questions);\n const pageId = parseInt(skipAction.replace('page-', ''), 10);\n const pageValue = `page-${pageId}`;\n const { text: pageText = 'MISSING PAGE' } = pageBreaks.find(pb => pb.key === pageValue) || {};\n return pageText;\n }\n\n static orderConditions(conditions) {\n if (isArray(conditions)) {\n return conditions.sort((a, b) => {\n if (parseInt(a.index, 10) < parseInt(b.index, 10)) {\n return -1;\n }\n if (parseInt(a.index, 10) > parseInt(b.index, 10)) {\n return 1;\n }\n return 0;\n });\n }\n\n return [];\n }\n\n static searchInConditionList(conditions, searchKey) {\n if (typeof searchKey !== 'string' || conditions === null || conditions === undefined) {\n return false;\n }\n\n return Boolean(conditions.some(condition => ConditionUtils.searchInCondition(condition, searchKey)));\n }\n\n static searchInCondition(list, searchKey) {\n if (typeof searchKey !== 'string' || list === null && list === undefined) {\n return false;\n }\n\n const sanitizedActionList = (typeof list.action === 'string' && JSON.parse(list.action)) || list.action;\n if (sanitizedActionList && sanitizedActionList.some(actionList => ConditionUtils.searchInConditionObj(actionList, searchKey))) {\n return true;\n }\n\n const sanitizedTerms = ((typeof list.terms === 'string' && JSON.parse(list.terms)) || list.terms);\n if (sanitizedTerms && sanitizedTerms.some(termList => ConditionUtils.searchInConditionObj(termList, searchKey))) {\n return true;\n }\n\n return this.filterFrom === 'dropdown' ? false : Boolean(ConditionUtils.searchInConditionType(list.type, searchKey));\n }\n\n static searchInConditionObj(obj, searchKey) {\n if (this.filterFrom === 'dropdown' && searchKey === '') {\n return true;\n }\n\n if (typeof searchKey !== 'string' || obj === null || obj === undefined) {\n return false;\n }\n\n const searchExeption = ['id', 'isError'];\n // matches the exact key if the search key is used for qids\n const regexp = new RegExp(searchKey, 'i');\n const regexpQid = new RegExp(`^${searchKey}$`, 'i');\n const isNum = /^\\d+$/.test(searchKey);\n const correctRegexp = isNum ? regexpQid : regexp;\n const entries = Object.entries(obj);\n return entries.some(([key, term]) => {\n if (searchExeption.indexOf(key) >= 0) {\n return false;\n }\n\n switch (true) {\n case key === 'fields': {\n if (!isArray(term)) {\n return false;\n }\n\n return term.some(termPart => this.filterFrom === 'dropdown' && termPart === searchKey || termPart.match(correctRegexp) || ConditionUtils.getFieldTextByQid(termPart, ConditionUtils.questions).match(correctRegexp));\n }\n case typeof term !== 'string':\n return false;\n case this.filterFrom === 'dropdown' && ((key === 'field' || key === 'resultField') && term.split('|')[0] === searchKey):\n return true;\n case (key === 'field' || key === 'resultField') && Boolean(ConditionUtils.getFieldTextByQid(term, ConditionUtils.questions).match(correctRegexp)):\n return true;\n case key === 'email' && Boolean(this.getEmailFromKey(this.formProperties?.emails || [], term.replace('email-', ''))?.name?.match(correctRegexp)):\n return true;\n case key === 'operator' && this.getComparisonOperatorByKey(term).length > 0 && Boolean(this.getComparisonOperatorByKey(term).match(correctRegexp)):\n return true;\n case key === 'operands' && term.split(',').includes(searchKey):\n return true;\n case key === 'equation' && term.includes(searchKey) && this.filterFrom === 'search':\n return true;\n case key === 'value' && term.includes(searchKey) && this.filterFrom === 'search':\n return true;\n case Boolean(term.match(correctRegexp)) && key !== 'value':\n return true;\n default:\n return false;\n }\n });\n }\n\n static searchInConditionType(type, searchKey) {\n const regexp = new RegExp(searchKey, 'i');\n return typeof this.conditionTitleString[type] !== 'undefined' && this.conditionTitleString[type].title.match(regexp);\n }\n\n static increaseConditionsIndexAndPriorityByOne(conditions) {\n const tempConditions = conditions;\n\n if (conditions !== null && conditions !== undefined) {\n for (let i = 0; i < tempConditions.length; i++) {\n const condition = tempConditions[i];\n const newPriority = parseInt(condition.priority, 10) + 1;\n const newIndex = parseInt(condition.index, 10) + 1;\n condition.priority = `${newPriority}`;\n condition.index = `${newIndex}`;\n }\n }\n\n return tempConditions;\n }\n\n static getPagebreakTextWithQuestionID(pageBreaks, question) {\n const value = pageBreaks.filter(pagebreak => pagebreak.qid === question.qid)?.[0];\n const { pageNum = '' } = value || {};\n const pageBreakName = question.pageInfo?.length > 0 ? `(${question.pageInfo})` : '';\n return `Page Break: ${pageNum} ${pageBreakName}`;\n }\n\n static filterPagebreaks(questions, addQuestionID = false) {\n const tempArray = [];\n tempArray.push({\n key: 'none',\n value: 'none',\n text: translate('Select page'),\n disabled: true\n });\n\n let pageNum = 2;\n const questionPageInfos = [];\n\n if (questions !== null && questions !== undefined) {\n questions.forEach(question => {\n if (question.type === 'control_pagebreak') {\n questionPageInfos.push({\n questionPageInfo: question.pageInfo !== '' ? `: ${question.pageInfo}` : '',\n ...(addQuestionID ? { qid: question?.qid } : {})\n });\n }\n });\n\n // push the first page with page info\n tempArray.push({\n key: 'page-1',\n value: `page-1${questionPageInfos[0]?.questionPageInfo === undefined ? '' : questionPageInfos[0]?.questionPageInfo}`,\n text: `${translate('Page')} 1${questionPageInfos[0]?.questionPageInfo === undefined ? '' : questionPageInfos[0]?.questionPageInfo}`,\n ...(addQuestionID ? { pageNum: 1 } : {}),\n ...(questionPageInfos[0]?.qid ? { qid: questionPageInfos[0]?.qid } : {})\n });\n questionPageInfos.forEach((questionPage, index) => {\n // push the second page to last page with page infos\n if (index < questionPageInfos.length - 1) {\n tempArray.push({\n key: `page-${pageNum}`,\n value: `page-${pageNum}`,\n text: `${translate('Page')} ${pageNum}${questionPageInfos[index + 1].questionPageInfo}`,\n ...(addQuestionID ? { pageNum } : {}),\n ...(questionPage?.qid ? { qid: questionPageInfos[index + 1]?.qid } : {})\n });\n } else {\n // push last page with first page's info because they are used same page info\n tempArray.push({\n key: `page-${pageNum}`,\n value: `page-${pageNum}`,\n text: `${translate('Page')} ${pageNum}: ${translate('Last Page')}`,\n ...(addQuestionID ? { pageNum } : {}),\n ...(questionPage?.qid ? { qid: questionPageInfos[index + 1]?.qid } : {})\n });\n }\n pageNum += 1;\n });\n }\n\n return tempArray;\n }\n\n static getDropDownOptionsForEmails(emails) {\n const emailOptions = [];\n\n emailOptions.push({\n id: 'none',\n key: 'none',\n text: translate('Select email'),\n disabled: true\n });\n\n if (emails !== null && emails !== undefined) {\n emails.forEach((email, i) => {\n emailOptions.push({\n id: email.name,\n key: `email-${i}`,\n text: email.name\n });\n });\n }\n\n return emailOptions;\n }\n\n static getEmailFromKey(emails, key) {\n return emails[key] || null;\n }\n\n static orderQuestions(questionz) {\n const questions = JSON.parse(JSON.stringify(questionz));\n if (questions !== null && questions !== undefined) {\n return questions.sort((a, b) => {\n let result;\n if (parseInt(a.order, 10) < parseInt(b.order, 10)) {\n result = -1;\n } else if (parseInt(a.order, 10) > parseInt(b.order, 10)) {\n result = 1;\n } else {\n result = 0;\n }\n return result;\n });\n }\n\n return [];\n }\n\n static filterQuestions(questions) {\n const excludedFields = NON_INPUT_QUESTIONS;\n return questions.filter(question => {\n return excludedFields.indexOf(question.type) < 0;\n });\n }\n\n static parseEquationToList(equation, questionsRaw) {\n let tempEquation = equation;\n let tempStack = '';\n let tempChar = '';\n let tempQuestion = '';\n let separatorCount = 0;\n let numberOpenerCount = 0;\n let tempStrings = '';\n let modeCalculator = false;\n\n const listItems = [];\n\n if (tempEquation !== '' && tempEquation !== undefined && tempEquation !== null) {\n for (let i = 0; i <= equation.length; i++) {\n tempChar = tempEquation.charAt(0);\n\n if (tempChar !== '') {\n tempStack += tempChar;\n tempEquation = tempEquation.substr(1);\n\n // Check if mode is calculation\n if (tempChar === '[') {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: modeCalculator === true ? 'operator' : 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n modeCalculator = true;\n tempStack = '';\n }\n\n if (tempChar === ']') {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: modeCalculator === true ? 'operator' : 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n modeCalculator = false;\n tempStack = '';\n }\n\n // evaluate\n if (tempChar === '{') {\n numberOpenerCount++;\n }\n\n if (tempChar === '}') {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: 'string',\n value: tempStrings,\n modeCalculator: false\n });\n tempStrings = '';\n }\n\n // found question, extract number\n tempQuestion = tempStack;\n tempQuestion = tempQuestion.split('{').join('');\n tempQuestion = tempQuestion.split('}').join('');\n\n let qidReal;\n let fieldId;\n let isMatrixField = false;\n let isMultipleField = false;\n let tempQidSplit;\n\n if (tempQuestion.indexOf('_') > -1) {\n // found _ in question string, this should be a special item\n // maybe a matrix field, maybe something else?\n tempQidSplit = tempQuestion.split('_');\n qidReal = tempQidSplit[0];\n isMatrixField = true;\n } else if (tempQuestion.indexOf('|') > -1) {\n isMultipleField = true;\n tempQidSplit = tempQuestion.split('|');\n qidReal = tempQidSplit[0];\n fieldId = tempQidSplit[1];\n } else {\n qidReal = tempQuestion;\n }\n\n const tempQuestionInfo = ConditionUtils.getQuestionByQid(qidReal, questionsRaw);\n\n if (tempQuestionInfo !== null) {\n if (isMatrixField === false && isMultipleField === false) {\n listItems.push({\n type: 'question',\n value: tempQuestionInfo.text,\n qid: tempQuestionInfo.qid,\n modeCalculator: modeCalculator\n });\n } else if (isMultipleField === true) {\n if (tempQuestionInfo.type === 'control_inline') {\n const tempInlineField = tempQuestionInfo.fields.find(field => field.id === fieldId);\n listItems.push({\n type: 'question',\n value: `${tempQuestionInfo.text || 'Fill in the Blank'} / ${tempInlineField ? tempInlineField.label : '\"MISSING FIELD\"'}`,\n qid: tempQuestion,\n modeCalculator: modeCalculator\n });\n } else {\n listItems.push({\n type: 'question',\n value: `${tempQuestionInfo.text} / ${tempQuestionInfo.sublabels[`field_${fieldId}`]}`,\n qid: tempQuestion,\n modeCalculator: modeCalculator\n });\n }\n } else {\n listItems.push({\n type: 'question',\n value: `${tempQuestionInfo.qid}_${tempQidSplit[1]}_${tempQidSplit[2]}`,\n qid: tempQuestion,\n modeCalculator: modeCalculator\n });\n }\n }\n\n tempQuestion = '';\n tempStack = '';\n numberOpenerCount = 0;\n } else if (['(', ')', '+', '-', '*', '/', '.', ',', ' '].indexOf(tempChar) > -1) {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: modeCalculator === true ? 'operator' : 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n\n // found special char\n listItems.push({\n type: modeCalculator === true ? 'operator' : 'string',\n value: tempChar,\n modeCalculator: modeCalculator\n });\n\n tempQuestion = '';\n tempStack = '';\n } else if (numberOpenerCount === 0 && ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'].indexOf(tempChar) > -1) {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n\n tempQuestion = tempStack;\n\n if (Number.isNaN(Number.parseInt(tempQuestion, 10)) !== true) {\n listItems.push({\n type: 'number',\n value: tempQuestion,\n modeCalculator: modeCalculator\n });\n\n tempQuestion = '';\n tempStack = '';\n }\n } else if (tempChar === '©') {\n if (separatorCount === 1) {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n\n tempQuestion = tempStack.split('©').join('');\n\n listItems.push({\n type: 'math',\n value: tempQuestion,\n modeCalculator: modeCalculator\n });\n\n tempQuestion = '';\n tempStack = '';\n separatorCount = 0;\n } else {\n separatorCount++;\n }\n } else if (tempChar === '^') {\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n listItems.push({\n type: 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n\n // get next char :)\n tempQuestion = tempEquation.charAt(0);\n\n // smaller than?\n listItems.push({\n type: 'square',\n value: tempQuestion,\n modeCalculator: modeCalculator\n });\n\n tempQuestion = '';\n tempStack = '';\n } else if (separatorCount === 0 && numberOpenerCount === 0) {\n // Found String\n tempStrings += tempStack;\n\n tempQuestion = '';\n tempStack = '';\n }\n }\n }\n\n // Check if a string exists and add it to the item list\n if (tempStrings !== '') {\n // console.log( 'Parsing String as: ', tempStrings );\n listItems.push({\n type: 'string',\n value: tempStrings,\n modeCalculator: modeCalculator\n });\n tempStrings = '';\n }\n }\n\n // console.log( 'Parse finished with: ', listItems );\n\n return listItems;\n }\n\n static generateEquationFromList(equationList) {\n let renderedEquation = '';\n let calculateBracketOpen = false;\n let lastModeCalculator = false;\n\n if (equationList !== null && equationList !== undefined) {\n equationList.forEach(equationItem => {\n if (lastModeCalculator !== equationItem.modeCalculator) {\n // last modeCalculator value is different from the previous one\n // which means either it is opening or closing.\n\n if (calculateBracketOpen === false) {\n // opening\n renderedEquation += '[';\n calculateBracketOpen = true;\n } else {\n renderedEquation += ']';\n calculateBracketOpen = false;\n }\n }\n lastModeCalculator = equationItem.modeCalculator;\n\n switch (equationItem.type) {\n case 'deleted':\n case 'question':\n renderedEquation += `{${equationItem.qid}}`;\n break;\n\n case 'number':\n case 'string':\n case 'math_string':\n case 'operator':\n renderedEquation += equationItem.value;\n break;\n\n case 'math':\n renderedEquation += `|*|${equationItem.value}|*|`;\n break;\n\n case 'square':\n renderedEquation += `^${equationItem.value}`;\n break;\n\n default:\n // console.log( 'Item type not found:', equationItem.type );\n }\n });\n\n // finally, after the loop, if calculate bracket is open, close it.\n if (calculateBracketOpen === true) {\n renderedEquation += ']';\n }\n }\n\n // console.log( '' );\n // console.log( '' );\n // console.log( '' );\n // console.log( '-----------------' );\n // console.log( 'Final Equation:', renderedEquation, equationList );\n // console.log( '-----------------' );\n\n return renderedEquation;\n }\n\n static preprocessEquation(equation) {\n let equationProcessed = equation;\n\n if (equationProcessed === undefined || equationProcessed === null) {\n equationProcessed = '';\n }\n\n // Pre-process equation\n if (equationProcessed !== undefined) {\n equationProcessed = equationProcessed.split('|*|').join('©');\n // equationProcessed = equationProcessed.split( '[' ).join( '' );\n // equationProcessed = equationProcessed.split( ']' ).join( '' );\n } else {\n equationProcessed = '';\n }\n return equationProcessed;\n }\n\n static equationMatchParantheses(equation) {\n let result;\n const open = equation.match(/\\(/g) || [];\n const close = equation.match(/\\)/g) || [];\n if (open.length !== close.length) {\n result = false;\n } else {\n result = true;\n }\n return result;\n }\n\n static checkEquationValidity(equation, numeric) {\n let out = 'initial-value'; // in order not to return error in empty values\n\n for (let i = 0; i < equation.length; i++) {\n const character = equation.charAt(i);\n\n if (character === '[' && !numeric) {\n let end = '';\n const isFieldTypeString = equation.split('').filter(char => char === '[' || char === ']');\n if (isFieldTypeString.length > 2) {\n end = equation.indexOf(']', equation.indexOf(']') + 1);\n } else {\n end = equation.indexOf(']', i);\n }\n try {\n let num = ConditionUtils.checkEquationValidity(equation.substring(i + 1, end), true);\n if (num) {\n if (num.indexOf(',') === -1) { // normal calc string\n num = new MathProcessor().parse(num);\n }\n out += num;\n }\n } catch (e) {\n return false;\n }\n i = end;\n } else if (equation.substr(i, 3) === '|*|') {\n try {\n i += 3;\n const end = equation.indexOf('|*|', i);\n if (end === -1) continue;\n i += end + 2 - i;\n if (equation.charAt(i + 1) === '(' || (equation.charAt(i + 1) === '[' && equation.charAt(i + 2) === '(')) {\n i += (equation.charAt(i + 1) === '[') ? 3 : 2;\n let endSpecial = -1;\n let balance = 1;\n\n for (let k = i; k < equation.length; k++) {\n if (equation.charAt(k) === ')') {\n balance--;\n if (balance === 0) {\n endSpecial = k;\n break;\n }\n } else if (equation.charAt(k) === '(') {\n balance++;\n }\n }\n\n if (endSpecial === -1) continue;\n\n const args = equation.substring(i, endSpecial).split(',');\n\n for (let j = 0; j < args.length; j++) {\n args[j] = ConditionUtils.checkEquationValidity(args[j], true);\n if (args[j]) {\n args[j] = new MathProcessor().parse(args[j]);\n }\n }\n i += endSpecial - i;\n out += 0; // trivial value\n } else {\n out += 0; // trivial value\n }\n } catch (e) {\n return false;\n }\n } else if (character === '{') {\n const end = equation.indexOf('}', i);\n if (end < 0) {\n throw new Error();\n }\n out += numeric ? 1 : '1';\n i += end - i;\n } else {\n out += character;\n }\n }\n if (out === 'initial-value') { // in order not to return error in empty values\n return out;\n }\n return out.replace('initial-value', '');\n }\n\n static operandsFromEquation(equation) {\n const equationProcessed = equation;\n let operands = '';\n\n if (equationProcessed !== undefined && equationProcessed !== null) {\n operands = equationProcessed.match(/{(\\d+)?\\w+}|{(\\d+)\\|(\\d+)}/g) || [];\n // handle matrix fields\n if (operands === null) {\n operands = equationProcessed;\n } else {\n const tempOperands = [];\n operands.forEach(operand => {\n if (operand.indexOf('_') > -1) {\n tempOperands.push(`${operand.substring(0, operand.indexOf('_'))}}`);\n }\n });\n operands += tempOperands.join(',');\n }\n operands = operands.match(/{(\\d+)}|{(\\d+)\\|(\\d+)}/g) || [];\n operands = uniq(operands).join(',').replace(/({|})/g, '');\n }\n\n return operands;\n }\n\n static isLanguageSet(languagesString, language) {\n let result = false;\n\n if ((languagesString !== null && languagesString !== undefined && languagesString !== ''\n && languagesString[0] !== undefined && languagesString[0].options !== undefined)\n && (language !== null && language !== undefined && language !== '')) {\n const languageList = languagesString[0].options.split('|');\n\n for (let i = 0; i < languageList.length; i++) {\n if (languageList[i] === language) {\n result = true;\n break;\n }\n }\n }\n\n return result;\n }\n\n static replaceEquationWithQuestionFieldText(tempEquation, questions) {\n let equation = tempEquation;\n if (equation === null || equation === undefined) {\n equation = '';\n }\n\n if (equation === true || equation === false) {\n equation = '';\n }\n\n equation = equation.replace(/[\\][]/g, ''); // remove brackets\n let tempMatch = equation;\n tempMatch = tempMatch.replace(/[\\{\\}]/g, '');\n let subField = '';\n if (tempMatch.indexOf('_') > -1) { // matrix sub field\n subField = tempMatch.substring(tempMatch.indexOf('_'));\n tempMatch = tempMatch.substring(0, tempMatch.indexOf('_'));\n }\n\n tempMatch = ConditionUtils.getFieldTextByQid(tempMatch, questions);\n if (!tempMatch) {\n return '';\n }\n\n equation = tempMatch + subField;\n\n return equation;\n }\n\n static validateCalculationItemsValue(calculationItems, questions) {\n if (calculationItems === undefined || calculationItems === null || questions === undefined || questions === null) {\n return calculationItems;\n }\n\n calculationItems.forEach(calculationItem => {\n if (calculationItem.type === 'question') {\n const fieldText = this.getFieldTextByQid(calculationItem.qid, questions);\n if (fieldText !== undefined && fieldText !== null && fieldText === '\"MISSING FIELD\"') {\n calculationItem.value = fieldText;\n } else if (calculationItem.value === '') {\n calculationItem.value = fieldText;\n }\n }\n });\n\n return calculationItems;\n }\n\n static filterLanguageFieldFromQuestions(questions) {\n let tempQuestions = [];\n if (!isUndefined(questions) && !isNull(questions) && isArray(questions)) {\n tempQuestions = questions.filter(el => {\n return el.qid !== 'language';\n });\n }\n\n return tempQuestions;\n }\n\n static createItem(type, value, qid, modeCalculatorFlag) {\n let overrideModeCalculatorFlag = modeCalculatorFlag;\n const overrideValues = ['dateString', 'addDays', 'subtractDays'];\n if (overrideValues.includes(value)) {\n overrideModeCalculatorFlag = false;\n }\n\n let item = {};\n\n if (type === 'matrix_field' || type === 'question') {\n item = {\n type: type,\n value: value,\n qid: qid,\n modeCalculator: overrideModeCalculatorFlag\n };\n } else {\n item = {\n type: type,\n value: value,\n modeCalculator: overrideModeCalculatorFlag\n };\n }\n\n return item;\n }\n\n static verifyURL(str) {\n if (!global.JotForm.browserIs.ie() && (str.substr(0, 7) === 'http://' || str.substr(0, 8) === 'https://')) {\n try {\n return !!new URL(str);\n } catch (error) {\n return false;\n }\n }\n\n const pattern = new RegExp('^(https?:\\\\/\\\\/)?' // protocol\n + '((((\\\\{[a-z\\\\d-]+\\\\})|([a-z\\\\d-]([a-z\\\\d-]*[a-z\\\\d-])*))+\\\\.)+[a-z]{2,}|' // domain name\n + '((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))' // OR ip (v4) address\n + '(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+\\\\{\\\\}\\\\[\\\\]]*)*' // port and path\n + '(\\\\?[^ \\\\t\\\\r\\\\n\\\\f]*)?' // query string\n + '(\\\\#[-a-z\\\\d_]*)?$', 'i'); // fragment locator\n return !!pattern.test(str);\n }\n\n static difference(origObj, newObj) {\n function changes(newObjTmp, origObjTmp) {\n let arrayIndexCounter = 0;\n return transform(newObjTmp, (result, value, key) => {\n if (!isEqual(value, origObjTmp[key])) {\n const resultKey = isArray(origObjTmp) ? arrayIndexCounter++ : key;\n result[resultKey] = (isObject(value) && isObject(origObjTmp[key])) ? changes(value, origObjTmp[key]) : value;\n }\n });\n }\n return changes(newObj, origObj);\n }\n}\nexport default ConditionUtils;\n","export const CONDITION_TITLE_MAP = {\n field: {\n title: 'SHOW / HIDE FIELD',\n color: 'blue'\n },\n calculation: {\n title: 'UPDATE / CALCULATE FIELD',\n color: 'blue'\n },\n email: {\n title: 'CHANGE E-MAIL RECIPIENT',\n color: 'purple'\n },\n require: {\n title: 'ENABLE / REQUIRE FIELD',\n color: 'blue'\n },\n page: {\n title: 'SKIP TO / HIDE A PAGE',\n color: 'green'\n },\n url: {\n title: 'CHANGE \"THANK YOU\" PAGE',\n color: 'green'\n },\n message: {\n title: 'CHANGE \"THANK YOU\" PAGE',\n color: 'green'\n },\n mask: {\n title: 'ENABLE / REQUIRE FIELD',\n color: 'blue'\n }\n};\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { findSubField } from '@jotforminc/utils';\nimport { IconInfoCircleFilled } from '@jotforminc/svg-icons';\nimport Dropdown from '../../components/Dropdown';\nimport TextInput from '../../components/TextInput';\nimport Tooltip from '../../components/Tooltip';\nimport { constantTerms } from './constants/Terms';\nimport { default as ConstantCountries } from './constants/Countries';\nimport {\n UsStates, UsStatesAbr, GenderList, CanadianProvinces, CountryList, Days, Months, TimeZones, LocationCountries\n} from './constants/Specials';\nimport ConditionUtils from './ConditionUtils';\nimport { translate } from '../../mixins/Translation';\n\nlet dropdownContentOperator = [];\nlet dropdownContentValue = [];\n\n// THIS FILE IS ALSO USED IN WORKFLOW REPO, PLEASE BE CAREFUL!\nclass IfTerm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n target: this.getTargetValue(this.props.value)\n };\n }\n\n getTargetValue(value) {\n if (value !== undefined && String(value).indexOf('}') !== -1 && !this.valueIsOption(value)) {\n return 'anotherField';\n }\n\n return 'value';\n }\n\n getVisibleName(str, index) {\n const [text] = str.split('|');\n if (text) {\n return text;\n }\n return `Option ${index + 1}`;\n }\n\n renderAddButton() {\n return (\n \n { this.props.handleAddButton(e); }}\n />\n
\n );\n }\n\n renderRemoveButton() {\n return (\n \n { this.props.handleRemoveButton(e, this.props.id); }}\n />\n
\n );\n }\n\n renderTermValue(options) {\n const questionField = ConditionUtils.getQuestionByQid(this.props.field, this.props.questions);\n let tempReturn = '';\n switch (this.state.target) {\n case 'none':\n tempReturn = '';\n break;\n case 'value':\n if (options.showDropdown !== true) {\n if (questionField !== null && questionField.paymentType !== undefined) {\n let dropdownValue = this.props.value;\n if (!dropdownValue || dropdownValue === null) {\n dropdownValue = 'none';\n }\n\n tempReturn = (\n \n { this.handleValueChange(e); }}\n />\n
\n );\n } else if (questionField !== null && questionField.type === 'language') {\n tempReturn = (\n \n { this.handleValueChange(e); }}\n />\n
\n );\n } else {\n const textInputValue = this.props.value || options.defaultValue;\n tempReturn = (\n \n { this.handleValueChange(e); }}\n />\n
\n );\n }\n } else {\n tempReturn = (\n \n { this.handleValueChange(e); }}\n />\n
\n );\n }\n break;\n case 'anotherField':\n const selectedQuestion = ConditionUtils.getQuestionByName(this.props.value, this.props.questions);\n let selectedQuestionName = '';\n if (selectedQuestion !== null && selectedQuestion !== undefined) {\n selectedQuestionName = `{${selectedQuestion.name}}`;\n }\n if (this.props.usedFromWorkflow) {\n selectedQuestionName = this.props.value;\n }\n\n const tempQuestions = ConditionUtils.filterLanguageFieldFromQuestions(this.props.questions);\n const targetQuestions = ConditionUtils.dropdownPrepareWithDisableForTarget(tempQuestions);\n\n tempReturn = (\n \n { this.handleValueChange(e); }}\n Renderer={this.props.TermRenderer}\n anotherFieldDropdown={this.state.target === 'anotherField'}\n fieldValue={this.props.field}\n />\n
\n );\n break;\n\n default:\n }\n return tempReturn;\n }\n\n renderTooltip(termInfo) {\n let tempReturn = null;\n let header = null;\n\n if (termInfo.showHeader) {\n header = (\n \n \n {translate('Usage Info:')}\n \n
\n
\n );\n }\n\n if (termInfo.text.length > 0) {\n tempReturn = (\n \n
\n
\n \n
\n );\n }\n\n valueIsOption(value) {\n const { questions, field } = this.props;\n let isOption = false;\n const currentQuestion = questions.find(question => {\n return question.qid === field && question.options !== undefined;\n });\n if (currentQuestion === undefined) {\n return false;\n }\n const options = currentQuestion.options.split('|');\n isOption = options.includes(value);\n return isOption;\n }\n\n handleFieldChange(e, defaultValue) {\n this.props.handleFieldChange({\n id: this.props.id,\n field: e.target.value\n });\n this.props.handleOperatorChange({\n id: this.props.id,\n operator: 'none'\n });\n this.props.handleValueChange({\n id: this.props.id,\n value: defaultValue\n });\n this.setState({ target: this.getTargetValue(defaultValue) });\n }\n\n handleOperatorChange(e, defaultValue) {\n this.props.handleOperatorChange({\n id: this.props.id,\n operator: e.target.value\n });\n this.props.handleValueChange({\n id: this.props.id,\n value: defaultValue\n });\n }\n\n handleTargetChange(e, defaultValue) {\n this.setState({\n target: e.target.value\n });\n\n this.props.handleTargetChange(this.props.id);\n this.props.handleValueChange({\n id: this.props.id,\n value: defaultValue\n });\n }\n\n handleValueChange(e) {\n this.props.handleValueChange({\n id: this.props.id,\n value: e.target.value\n });\n }\n\n dropdownStateFill(objectType) {\n dropdownContentOperator = [];\n dropdownContentOperator.push(\n {\n text: translate('Select field state'),\n value: 'none',\n key: 'none',\n type: ['none'],\n disabled: true\n }\n );\n constantTerms().forEach(stateSingle => {\n stateSingle.type.forEach(stateLoop => {\n objectType.forEach(objectTypeSingle => {\n if (objectTypeSingle === stateLoop) {\n dropdownContentOperator.push({\n id: stateSingle.value,\n key: stateSingle.value,\n text: stateSingle.text\n });\n }\n });\n });\n });\n }\n}\n\nIfTerm.propTypes = {\n id: PropTypes.string.isRequired,\n isError: PropTypes.bool,\n field: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n operator: PropTypes.string.isRequired,\n questions: PropTypes.array.isRequired,\n products: PropTypes.array,\n formProperties: PropTypes.object,\n showAddButton: PropTypes.bool.isRequired,\n showRemoveButton: PropTypes.bool.isRequired,\n showTarget: PropTypes.bool.isRequired,\n handleAddButton: PropTypes.func,\n handleRemoveButton: PropTypes.func,\n handleFieldChange: PropTypes.func,\n handleOperatorChange: PropTypes.func,\n handleValueChange: PropTypes.func,\n handleTargetChange: PropTypes.func,\n builderType: PropTypes.string,\n TermRenderer: PropTypes.elementType,\n DropdownRenderer: PropTypes.elementType,\n usedFromWorkflow: PropTypes.bool\n};\n\nIfTerm.defaultProps = {\n usedFromWorkflow: false\n};\n\nexport default IfTerm;\n","/*\n Term to use in the dropdown according to the field type\n {\n text => visual represantation of a term\n value => programatic representation\n type => to define which type of term is this\n }\n */\nimport { translate } from '../../../mixins/Translation';\n\nexport function constantTerms() {\n return [\n {\n text: translate('Is Equal To'),\n value: 'equals',\n type: ['exact']\n },\n {\n text: translate('Quantity is Equal to'),\n value: 'quantityEquals',\n type: ['quantityNumeric']\n },\n {\n text: translate('Quantity is Not Equal to'),\n value: 'quantityNotEquals',\n type: ['quantityNumeric']\n },\n {\n text: translate('Quantity is Less Than'),\n value: 'quantityLess',\n type: ['quantityNumeric']\n },\n {\n text: translate('Quantity is Greater Than'),\n value: 'quantityGreater',\n type: ['quantityNumeric']\n },\n {\n text: translate('Is Not Equal To'),\n value: 'notEquals',\n type: ['exact']\n },\n {\n text: translate('Contains'),\n value: 'contains',\n type: ['partial', 'matrix']\n },\n {\n text: translate('Does not Contain'),\n value: 'notContains',\n type: ['partial', 'matrix']\n },\n {\n text: translate('Starts With'),\n value: 'startsWith',\n type: ['partial']\n },\n {\n text: translate('Doesn\\'t Start With'),\n value: 'notStartsWith',\n type: ['partial']\n },\n {\n text: translate('Ends With'),\n value: 'endsWith',\n type: ['partial']\n },\n {\n text: translate('Doesn\\'t End With'),\n value: 'notEndsWith',\n type: ['partial']\n },\n {\n text: translate('Is Empty'),\n value: 'isEmpty',\n type: ['exact', 'value_check']\n },\n {\n text: translate('Is Filled'),\n value: 'isFilled',\n type: ['exact', 'value_check']\n },\n {\n text: translate('Less Than'),\n value: 'lessThan',\n type: ['numeric']\n },\n {\n text: translate('Greater Than'),\n value: 'greaterThan',\n type: ['numeric']\n },\n {\n text: translate('Before'),\n value: 'before',\n type: ['date', 'time']\n },\n {\n text: translate('After'),\n value: 'after',\n type: ['date', 'time']\n },\n {\n text: translate('Is Equal to Date'),\n value: 'equalDate',\n type: ['date']\n },\n {\n text: translate('Not Equal to Date'),\n value: 'notEqualDate',\n type: ['date']\n },\n {\n text: translate('Is Equal to Day'),\n value: 'equalDay',\n type: ['date']\n },\n {\n text: translate('Not Equal to Day'),\n value: 'notEqualDay',\n type: ['date']\n },\n {\n text: translate('Country Equals'),\n value: 'equalCountry',\n type: ['address']\n },\n {\n text: translate('Country Doesn\\'t Equal'),\n value: 'notEqualCountry',\n type: ['address']\n },\n {\n text: translate('State Equals'),\n value: 'equalState',\n type: ['address']\n },\n {\n text: translate('State Doesn\\'t Equal'),\n value: 'notEqualState',\n type: ['address']\n },\n {\n text: translate('Total Greater Than'),\n value: 'greaterThan',\n type: ['grading']\n },\n {\n text: translate('Total Less Than'),\n value: 'lessThan',\n type: ['grading']\n },\n {\n text: translate('Total Equals'),\n value: 'equals',\n type: ['grading']\n },\n {\n text: translate('Is Equal To'),\n value: 'equals',\n type: ['language']\n },\n {\n text: translate('Is Not Equal To'),\n value: 'notEquals',\n type: ['language']\n }\n ];\n}\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport isString from 'lodash/isString';\nimport IfTerm from './IfTerm';\nimport Dropdown from '../../components/Dropdown';\nimport ConditionUtils from './ConditionUtils';\nimport { translate } from '../../mixins/Translation';\n\n// THIS FILE IS ALSO USED IN WORKFLOW REPO, PLEASE BE CAREFUL!\nclass IfTermsContainer extends React.Component {\n renderRuleMatch() {\n if (this.props.terms.length <= 1) {\n return false;\n }\n return (\n \n
\n\n \n { renderShowAddButton }\n { renderShowRemoveButton }\n
\n - \n
- \n \n\n\n\n\n\n{ renderDisabledTooltip }\n \n\n
- \n \n\n\n\n \n\n
- \n \n\n\n\n \n\n
- \n \n\n\n\n\n { renderTermValue }\n { renderTooltip }\n\n \n
\n {translate('If')}\n this.props.onConditionLinkChange(e)}\n options={[{ id: 'Any', key: 'Any', text: translate('Any') }, { id: 'All', key: 'All', text: translate('All') }]}\n value={this.props.link}\n />\n {translate('OF THE “IF” RULES ARE MATCHED')}\n ,\n
\n );\n }\n\n render() {\n const listTerms = this.props.terms.map((term, i) => {\n // detect if term is a product\n let qidField = false;\n // TODO: check if this condition ever exist??? Checking product type this way???\n if (term.field.length > 3) {\n const tempTerm = term.field.split('_');\n qidField = `${tempTerm[0]}`;\n } else {\n qidField = `${term.field}`;\n }\n\n const selectedQuestion = this.props.questions.find(question => {\n if (qidField.indexOf('|') > -1) {\n const slicedQid = qidField.split('|');\n return `${question.qid}` === slicedQid[0];\n }\n if (this.props?.usedFromWorkflow && question?.qid?.indexOf('_') > -1) {\n const slicedQid = question?.qid?.split('_');\n return `${qidField}` === slicedQid?.[0];\n }\n return `${question.qid}` === qidField;\n });\n\n let showTarget = false;\n\n let termIsError;\n let termValue;\n\n if (selectedQuestion !== undefined) {\n let excludedQuestion = ['none', 'control_dropdown', 'control_checkbox', 'control_radio', 'control_yesno'];\n\n // mixed to dropdown converter for multiline question field conditions\n // if multiline->dropdown selected, concat the control_mixed to excludedQuestion\n if (selectedQuestion.type && selectedQuestion.type === 'control_mixed') {\n const n = qidField.indexOf('|') + 1;\n const fieldID = qidField.substring(n);\n selectedQuestion.fields.forEach(element => {\n if (element.fieldID && element.fieldID === fieldID) {\n if (element.type && element.type === 'dropdown') {\n excludedQuestion = excludedQuestion.concat(['control_mixed']);\n }\n }\n });\n }\n\n if ((term.operator !== 'isFilled' && term.operator !== 'isEmpty' && term.operator !== 'none') && (excludedQuestion.indexOf(selectedQuestion.type) === -1)) {\n // Condition is found\n showTarget = true;\n } else {\n showTarget = false;\n }\n termIsError = term.isError;\n termValue = term.value;\n\n // check if the language is still exist\n if (isString(term.field) && term.field === 'language' && isString(term.value) && term.value !== '') {\n const isLanguageExist = ConditionUtils.isLanguageSet(this.props.formProperties.language, term.value);\n if (isLanguageExist === false) {\n term.value = '';\n termValue = '';\n }\n }\n } else {\n // Condition is not found\n showTarget = false;\n termValue = '';\n\n // Change the field value to \"none\" if the question cannot be matched from field.\n // Otherwise the \"IF\" value says \"Please select\" however the value is not equal to \"none\"\n // Which results in the condition being skipped on save\n if (term.field !== 'none') {\n term.field = 'none';\n }\n\n // Determine if the render event is being triggered from an actual \"Save\" event or the user\n // Selects a condition for the first time\n if (term.isError === undefined) {\n termIsError = false;\n } else {\n termIsError = true;\n }\n }\n\n return (\n \n { listTerms }\n { this.renderRuleMatch() }\n
\n );\n }\n\n handleIfAdd() {\n const terms = this.props.terms;\n const validationType = {\n containerType: 'ifterm',\n items: terms\n };\n if (this.props.containerValidation(validationType).success) {\n terms.unshift(this.addEmptyTerm());\n }\n\n this.props.onChange(terms);\n }\n\n handleIfRemove(e, id) {\n let terms = this.props.terms;\n terms = terms.filter(term => {\n return term.id !== id;\n });\n this.props.onChange(terms);\n }\n\n handleFieldChange(dataChange) {\n const id = dataChange.id;\n const field = dataChange.field;\n const terms = this.props.terms;\n terms.forEach(term => {\n if (term.id === id) {\n // abuse forEach to change the array we are iterating\n term.field = field;\n term.isError = false;\n }\n });\n this.props.onChange(terms);\n }\n\n handleOperatorChange(dataChange) {\n const id = dataChange.id;\n const operator = dataChange.operator;\n const terms = this.props.terms;\n terms.forEach(term => {\n if (term.id === id) {\n // abuse forEach to change the array we are iterating\n term.operator = operator;\n term.isError = false;\n }\n });\n this.props.onChange(terms);\n }\n\n handleValueChange(dataChange) {\n const id = dataChange.id;\n const value = dataChange.value;\n const terms = this.props.terms;\n terms.forEach(term => {\n if (term.id === id) {\n // abuse forEach to change the array we are iterating\n term.value = value;\n term.isError = false;\n }\n });\n this.props.onChange(terms);\n }\n\n handleTargetChange(id) {\n const terms = this.props.terms;\n terms.forEach(term => {\n if (term.id === id) {\n term.value = '';\n term.isError = false;\n }\n });\n this.props.onChange(terms);\n }\n\n addEmptyTerm() {\n const tempTerms = {\n id: `term_${new Date().getTime()}`,\n // field: this.props.questions[0].qid,\n field: 'none',\n operator: 'none',\n value: ''\n };\n return tempTerms;\n }\n}\n\nIfTermsContainer.propTypes = {\n terms: PropTypes.array,\n link: PropTypes.string,\n questions: PropTypes.array,\n products: PropTypes.array,\n onChange: PropTypes.func,\n onConditionLinkChange: PropTypes.func,\n formProperties: PropTypes.object,\n containerValidation: PropTypes.func,\n builderType: PropTypes.string,\n // Note :: below 2 properties added for workflow\n TermRenderer: PropTypes.elementType,\n DropdownRenderer: PropTypes.elementType,\n usedFromWorkflow: PropTypes.bool\n};\n\nIfTermsContainer.defaultProps = {\n usedFromWorkflow: false\n};\n\nexport default IfTermsContainer;\n","import { getRevision } from '@jotforminc/router-bridge';\nimport { t } from '@jotforminc/translation';\n\nexport const ActionTypes = {\n // User constants\n USER_API_KEYS_LOADING: 'user:api-keys-loading',\n USER_API_KEYS_LOADED: 'user:api-keys-loaded',\n USER_API_KEYS_LOAD_ERROR: 'user:api-keys-load-failed',\n USER_API_KEYS_AUTHORIZE_ERROR: 'user:api-keys-load-failed',\n CREATING_API_KEY: 'user:api-key-creating',\n CREATED_API_KEY: 'user:api-key-created',\n CREATING_API_KEY_ERROR: 'user:api-key-creating-failed',\n CREATING_API_KEY_AUTHORIZE_ERROR: 'user:api-key-creating-failed',\n UPDATING_API_KEY: 'user:api-key-updating',\n UPDATED_API_KEY: 'user:api-key-updated',\n UPDATING_API_KEY_ERROR: 'user:api-key-updating-failed',\n UPDATING_API_KEY_AUTHORIZE_ERROR: 'user:api-key-updating-failed',\n // fetch user data\n USER_DATA_LOADED: 'user:loaded',\n USER_DATA_LOADING: 'user:loading',\n USER_DATA_LOAD_ERROR: 'user:load-error',\n USER_DATA_AUTHORIZE_ERROR: 'user:authorize-error',\n USER_DATA_UPDATED: 'user:updated',\n // fetch user uploads\n USER_UPLOADS_LOADED: 'user:uploads:loaded',\n USER_UPLOADS_LOADING: 'user:uploads:loading',\n USER_UPLOADS_LOAD_ERROR: 'user:uploads:load-error',\n USER_UPLOADS_AUTHORIZE_ERROR: 'user:uploads:authorize-error',\n USER_UPLOADS_DELETING: 'user:uploads:deleting',\n USER_UPLOADS_DELETE_ERROR: 'user:uploads:delete-error',\n USER_UPLOADS_DELETED: 'user:uploads:deleted',\n USER_UPLOADS_ADD: 'user:uploads:add',\n USER_MULTIPLE_UPLOADS_ADD: 'user:multiple:uploads:add',\n // Form Properties constants\n FORM_PROPERTIES_LOADING: 'form-properties:loading',\n FORM_PROPERTIES_LOADED: 'form-properties:loaded',\n FORM_PROPERTIES_LOAD_ERROR: 'form-properties:load-failed',\n FORM_PROPERTIES_AUTHORIZE_ERROR: 'form-properties:load-failed',\n FORM_PROPERTIES_UPDATED: 'form-properties:updated',\n FORM_PROPERTIES_COMMITTED: 'form-properties:committed',\n FORM_PROPERTIES_UPDATE_ERROR: 'form-properties:updating-failed',\n FORM_PROPERTIES_UPDATE_AUTHORIZE_ERROR: 'form-properties:updating-failed',\n // User Forms constants\n USER_FORMS_LOADING: 'user-forms:loading',\n USER_FORMS_LOADED: 'user-forms:loaded',\n USER_FORMS_LOAD_ERROR: 'user-forms:load-failed',\n USER_FORMS_AUTHORIZE_ERROR: 'user-forms:authorize-error',\n // Integration constants\n CURRENT_INTEGRATIONS_LOADED: 'integrations:current-loaded',\n INTEGRATIONS_LOADED: 'integrations:loaded',\n BUILDER_CUSTOMIZATION_STATUS_LOADED: 'integrations:builder-customization-status-loaded',\n INTEGRATIONS_INTEGRATED: 'integrations:integrated',\n INTEGRATION_AUTH_STARTED: 'integrations:auth-started',\n INTEGRATION_AUTH_SUCCESS: 'integrations:auth-success',\n INTEGRATION_AUTH_FAIL: 'integrations:auth-fail',\n INTEGRATION_SHOULD_RECONNECT_ACCOUNT: 'integrations:account-should-reconnect',\n INTEGRATION_UPDATE_APP_STATE: 'integrations:update-app-state',\n INTEGRATION_LIST_OPTIONS_LOADED: 'integrations:list-options-loaded',\n INTEGRATION_LIST_OPTIONS_FAILED: 'integrations:list-options-failed',\n INTEGRATION_CLIENT_OPTIONS_LOADED: 'integrations:client-options-loaded',\n INTEGRATION_RESET: 'integrations:reset',\n INTEGRATION_RESET_ALL: 'integrations:reset-all',\n INTEGRATION_SAVE_STARTED: 'integrations:save-started',\n INTEGRATION_SAVE_SUCCESS: 'integrations:save-success',\n INTEGRATION_ITEM_SAVE_SUCCESS: 'integrations:item-save-success',\n INTEGRATION_SAVE_FAIL: 'integrations:save-fail',\n INTEGRATION_NOT_DIRTY: 'integrations:not-dirty',\n INTEGRATION_LIST_FORM_FIELDS_STARTED: 'integrations:list-form-fields-started',\n INTEGRATION_LIST_FORM_FIELDS_FAIL: 'integrations:list-form-fields-fail',\n INTEGRATION_LIST_FORM_FIELDS_SUCCESS: 'integrations:list-form-fields-success',\n INTEGRATION_CREATE_FOLDER_LOADING: 'integrations:create-folder-loading',\n INTEGRATION_CREATE_FOLDER_FAIL: 'integrations:create-folder-fail',\n INTEGRATION_CREATE_FOLDER_SUCCESS: 'integrations:create-folder-success',\n INTEGRATION_LIST_GROUP_SUCCESS: 'integrations:list-group-success',\n INTEGRATION_TEXT_CHANGED: 'integrations:text-changed',\n INTEGRATION_TAGS_SUCCESS: 'integrations:tags-success',\n INTEGRATION_CONFIG_REQUEST: 'integrations:config-request',\n INTEGRATION_CONFIG_SUCCESS: 'integrations:config-success',\n INTEGRATION_CONFIG_FAILURE: 'integrations:config-failure',\n INTEGRATION_CONFIG_RESET: 'integrations:config-reset',\n WEBHOOKS_CLEAR_URL: 'integrations:webhooks-cleared',\n ICONTACT_FOLDERID_SETTED: 'integrations:icontacts-folderid-success',\n EGNYTE_FOLDERLIST_LOADED: 'integrations:egnyte-folderlist-loaded',\n MAILCHIMP_MARKETINGPERMISSIONS_LOADED: 'integraitons:mailchimp-marketingpermissions-loaded',\n INITIALIZE_APP_FROM_CURRENT_INTEGRATION: 'integrations:initialize-app-from-current-integration',\n UPDATE_CURRENT_INTEGRATION: 'integrations:update-current-integration',\n REMOVE_CURRENT_INTEGRATION: 'integrations:remove-current-integration',\n SET_CURRENT_ERRORS: 'integrations:set_current_errors',\n\n // Prefill constants\n SET_LIST_ENTRIES: 'prefills:set-list-entries',\n PREFILLS_SET_ACCOUNTS: 'prefills:set-accounts',\n PREFILLS_SET: 'prefills:set',\n PREFILLS_UPDATE: 'prefills:update',\n PREFILLS_RESET: 'prefills:reset',\n PREFILLS_REMOVE: 'prefills:remove',\n PREFILLS_SET_TARGETS: 'prefills:set-targets',\n PREFILLS_SET_LISTS: 'prefills:set-lists',\n SET_SALESFORCE_TOKEN: 'set-salesforce-token',\n PREFILLS_SET_URL: 'prefills:set-url',\n PREFILLS_REMOVE_URL: 'prefills:remove-url',\n PREFILLS_UPDATE_URL: 'prefills:update-url',\n PREFILLS_UPDATE_UI: 'prefills:update-ui',\n RESET_STORE: 'prefills:reset-store',\n\n // Payment constants\n PAYMENT_INIT: 'payment:init',\n PAYMENT_CHANGEMODE: 'payment:changemode',\n PAYMENT_CHANGEPAYMENTTYPE: 'payment:changepaymenttype',\n PAYMENT_CHANGESHOWTOTAL: 'payment:changeshowtotal',\n PAYMENT_CHANGEMODEWITHDATA: 'payment:changemodewithdata',\n PAYMENT_CHANGEPAYMENTQUESTION: 'payment:changepaymentquestion',\n PAYMENT_CHANGEPAYMENTQUESTIONMULTIPROPS: 'payment:changepaymentquestionmultiprops',\n PAYMENT_GETDATA: 'payment:getdata',\n PAYMENT_ORDERPRODUCTS: 'payment:orderproducts',\n PAYMENT_UPDATESTORE: 'payment:updatestore',\n PAYMENT_SAVEPRODUCT: 'payment:saveproduct',\n PAYMENT_ADDPRODUCT: 'payment:addproduct',\n PAYMENT_SETONLYPRODUCT: 'payment:setonlyproduct',\n PAYMENT_ENABLEPRODUCT: 'payment:enableproduct',\n PAYMENT_DISABLEPRODUCT: 'payment:disableproduct',\n PAYMENT_DUPLICATEPRODUCT: 'payment:duplicateproduct',\n PAYMENT_DELETEPRODUCT: 'payment:deleteproduct',\n PAYMENT_SAVEWORLDPAY: 'payment:saveworldpay',\n PAYMENT_SETACTIVEPRODUCTOPTION: 'payment:setactiveproductoption',\n PAYMENT_SETACTIVEPRODUCT: 'payment:setactiveproduct',\n PAYMENT_UPDATEACTIVEPRODUCTOPTION: 'payment:updateactiveproductoption',\n PAYMENT_UPDATEACTIVEPRODUCT: 'payment:updateactiveproduct',\n PAYMENT_SETSUGGESTEDPRODUCT: 'payment:setsuggestedproduct',\n PAYMENT_DUPLICATEOPTION: 'payment:duplicateoption',\n\n PAYMENT_SAVESUBSCRIPTION: 'payment:savesubscription',\n PAYMENT_SETACTIVESUBSCRIPTION: 'payment:setactivesubscription',\n PAYMENT_UPDATEACTIVESUBSCRIPTION: 'payment:updateactivesubscription',\n\n PAYMENT_ADDCOUPON: 'payment:addcoupon',\n PAYMENT_SAVECOUPON: 'payment:savecoupon',\n PAYMENT_EDITCOUPON: 'payment:editcoupon',\n PAYMENT_ORDERCOUPONS: 'payment:ordercoupons',\n PAYMENT_SETACTIVETAB: 'payment:setactivetab',\n PAYMENT_SETACTIVEPRODUCTTAB: 'payment:setactiveproducttab',\n PAYMENT_SAVEGLOBALCOUPONTEXT: 'payment:saveglobalcoupontext',\n PAYMENT_DUPLICATECOUPON: 'payment:duplicatecoupon',\n PAYMENT_CHANGECOUPONVISIBILITY: 'payment:changecouponvisibility',\n PAYMENT_DELETECOUPON: 'payment:deletecoupon',\n PAYMENT_GETCOUPONUSAGES: 'payment:getcouponusages',\n PAYMENT_UPDATEACTIVECOUPON: 'payment:updateactivecoupon',\n\n PAYMENT_BULKADDSTRIPEPLANS: 'payment:bulkAddStripePlan',\n PAYMENT_BULKADDSTRIPECOUPONS: 'payment:bulkaddstripecoupons',\n\n PAYMENT_SETSTRIPECOUPONUSAGE: 'payment:setstripecouponusage',\n PAYMENT_SETSTRIPESUBSCRIPTIONUSAGE: 'payment:setstripesubscriptionusage',\n\n PAYMENT_SAVETAX: 'payment:savetax',\n\n PAYMENT_SETACTIVETAX: 'payment:setactivetax',\n PAYMENT_SAVESHIPPING: 'payment:saveshipping',\n\n PAYMENT_ADDFETCHEDSUBSCRIPTIONPRODUCTS: 'payment:addfetchedsubscriptionproducts',\n\n PAYMENT_SETACTIVEQUANTITY: 'payment:setactivequantity',\n PAYMENT_UPDATEACTIVEQUANTITYOPTION: 'payment:updateactivequantityoption',\n\n PAYMENT_CLEARPRODUCTS: 'payment:clearproducts',\n\n PAYMENT_SETDIRTYFLAG: 'payment:setdirtyflag',\n\n PAYMENT_ORDERPRODUCTIMAGES: 'payment:orderproductimages',\n PAYMENT_ORDERSUBSCRIPTIONIMAGES: 'payment:ordersubscriptionimages',\n PAYMENT_REMOVEPRODUCTSLIDERIMAGE: 'payment:removeproductsliderimage',\n PAYMENT_REMOVESUBSCRIPTIONSLIDERIMAGE: 'payment:removesubscriptionsliderimage',\n\n // PaymentListSettings\n PAYMENT_SAVEPAYMENTLISTSETTINGS: 'paymet:savepaymentlistsettings',\n PAYMENT_ADDPAYMENTCATEGORY: 'paymet:addpaymentcategory',\n PAYMENT_ADDPAYMENTCATEGORYWITHOUTEMIT: 'payment:addpaymentcategorywithoutemit',\n PAYMENT_DELETEPAYMENTCATEGORY: 'payment:deletepaymentcategory',\n PAYMENT_EDITPAYMENTCATEGORY: 'payment:editpaymentcategory',\n PAYMENT_CHANGEPAYMENTCATEGORYORDER: 'payment:changepaymentcategoryorder',\n PAYMENT_SETGLOBALNOTIFICATION: 'payment:setglobalnotification',\n\n // ProductCategoryOrder\n PAYMENT_ADDPRODUCTCATEGORYORDER: 'payment:addproductcategoryorder',\n PAYMENT_ADDPRODUCTCATEGORYORDERWITHOUTEMIT: 'payment:addproductcategoryorderwithoutemit',\n PAYMENT_REMOVEPRODUCTCATEGORYORDER: 'payment:removeproductcategoryorder',\n PAYMENT_CHANGECATEGORYPRODUCTORDER: 'payment:changecategoryproductorder',\n\n PAYMENT_SAVEINVOICE: 'payment:saveinvoice',\n PAYMENT_BULKSAVEINVOICE: 'payment:bulksaveinvoice',\n\n // Active Product Key\n PAYMENT_ADDUPDATEDACTIVEPRODUCTKEY: 'payment:addupdatedactiveproductkey',\n PAYMENT_RESETUPDATEDACTIVEPRODUCTKEY: 'payment:resetupdatedactiveproductkey',\n\n PAYMENT_SETPRODUCTSARRAY: 'payment:setproductsarray',\n PAYMENT_SETPREVIEWINVOICEBTNVISIBILITY: 'payment:setpreviewinvoicebtnvisibility',\n PAYMENT_SETISCOUPONEDITEDFLAG: 'payment:setiscouponeditedflag',\n PAYMENT_SETISSTOCKCHANGED: 'payment:setisstockchanged',\n\n PAYMENT_SETADDPAYMENTBUTTONCLICKEDFLAG: 'payment:setaddpaymentbuttonclickedflag',\n // Conditions constants\n CONDITION_ADDED: 'condition:added',\n CONDITION_BULK_ADDED: 'condition:bulk_added',\n CONDITION_BULK_UPDATED: 'condition:bulk-updated',\n CONDITION_DELETED: 'condition:deleted',\n CONDITION_DISABLED: 'condition:disabled',\n CONDITION_ENABLED: 'condition:enabled',\n CONDITION_DUPLICATED: 'condition:duplicated',\n CONDITION_EMAIL_UPDATED: 'condition:email-updated',\n CONDITION_DIRTY: 'condition:is-dirty',\n CONDITION_MULTIPLE_DISABLE: 'condition:multiple-disable',\n CONDITION_MULTIPLE_ENABLE: 'condition:multiple-enable',\n CONDITION_MULTIPLE_DELETE: 'condition:multiple-delete'\n};\n\n// Form User Email constants\nexport const FormUsersActionTypes = {\n FORM_USERS_LOADED: 'formUsers:loaded',\n FORM_USERS_ADDED: 'formUsers:added',\n FORM_USERS_REVOKED: 'formUsers:revoked',\n FORM_USER_UPDATED: 'formUser:updated',\n FORM_USER_APPROVED: 'formUser:approved',\n FORM_USER_HIGHLIGHTED: 'formUser:higlighted'\n};\n\nexport const FormPortalsActionTypes = {\n FORM_PORTALS_FETCHED: 'formPortals:loaded'\n};\n\nexport const TeamsActionTypes = {\n TEAM_PROPERTIES_FETCHED: 'teamProps:loaded',\n TEAM_MEMBERS_FETCHED: 'teamUsers:loaded'\n};\n\n// Form User Email constants\nexport const FormUserEmailContentActionTypes = {\n EMAIL_CONTENT_LOADED: 'formUserEmailContent:loaded'\n};\n\n// Question constants\nexport const QuestionActionTypes = {\n QUESTIONS_LOADING: 'questions:loading',\n QUESTIONS_LOADED: 'questions:loaded',\n QUESTIONS_LOAD_ERROR: 'questions:loading-failed',\n QUESTIONS_AUTHORIZE_ERROR: 'questions:loading-failed',\n QUESTION_CREATED: 'questions:created',\n QUESTION_UPDATING: 'questions:updating',\n QUESTION_UPDATE_ERROR: 'questions:updating-failed',\n QUESTION_UPDATED: 'questions:updated',\n QUESTION_DELETED: 'questions:deleted'\n};\n\n// App view constants\nexport const ViewActionTypes = {\n CLOSE_MODULE: 'app:module-close',\n SCROLLED: 'app:scroll',\n // TODO: aren't these just form properties?\n SLUG_SAVING: 'app:slug-saving',\n SLUG_SAVED: 'app:slug-saved'\n};\n\n// Widget constants\nexport const WidgetActionTypes = {\n WIDGETS_LOADING: 'widgets:loading',\n WIDGETS_LOADED: 'widgets:loaded',\n WIDGETS_LOAD_ERROR: 'widgets:loading-failed',\n WIDGET_LOADING: 'widget:loading',\n WIDGET_LOADED: 'widget:loaded',\n WIDGET_LOAD_ERROR: 'widget:loading-failed',\n WIDGET_UPDATING: 'widget:updating',\n WIDGET_UPDATE_ERROR: 'widget:updating-failed',\n WIDGET_UPDATED: 'widget:updated'\n};\n\nexport const SafeharborActionTypes = {\n SAFEHARBOR_TRANSFER_STARTING: 'safeharbor:transfer-starting',\n SAFEHARBOR_TRANSFER_STARTED: 'safeharbor:transfer-started',\n SAFEHARBOR_TRANSFER_START_ERROR: 'safeharbor:transfer-start-error',\n SAFEHARBOR_TRANSFER_START_AUTHORIZE_ERROR: 'safeharbor:transfer-start-authorize-error',\n SAFEHARBOR_TRANSFER_STATUS_LOADED: 'safeharbor:transfer-transfer-status-loaded',\n SAFEHARBOR_TRANSFER_STATUS_LOAD_ERROR: 'safeharbor:transfer-transfer-status-load-error',\n SAFEHARBOR_TRANSFER_STATUS_AUTHORZE_ERROR: 'safeharbor:transfer-transfer-status-load-error',\n SAFEHARBOR_TRANSFER_STATUS_CANCELLED: 'safeharbor:transfer-transfer-status-cancelled'\n};\n\nexport const EmailActionTypes = {\n EMAILS_INIT: 'emails:init',\n EMAIL_ADDED: 'emails:added',\n EMAIL_UPDATED: 'emails:updated',\n EMAIL_REMOVED: 'emails:removed'\n};\n\n// Email settings action tpyes\nexport const EmailSettingsActionTypes = {\n EMAIL_SETTINGS_FETCHING: 'emailsettings:fetching',\n EMAIL_SETTINGS_FETCH_SUCCESS: 'emailsettings:success',\n EMAIL_SETTINGS_FETCH_ERROR: 'emailsettings:error'\n};\n\nexport const ExportDataActionTypes = {\n EXPORTDATA_INIT: 'exportdata:init',\n EXPORTDATA_ADDED: 'exportdata:added'\n};\n\nexport const LanguageActionTypes = {\n LANGUAGE_FILE_LOADING: 'language:lang-file-loading',\n LANGUAGE_FILE_LOAD_ERROR: 'language:lang-file-load-error',\n LANGUAGE_FILE_LOADED: 'language:lang-file-loaded',\n TRANSLATION_SAVING: 'language:translation-saving',\n TRANSLATION_SAVE_ERROR: 'language:translation-save-error',\n TRANSLATION_SAVED: 'language:translation-saved'\n};\n\nexport const ReminderEmailActionTypes = {\n REMINDER_EMAILS_INIT: 'reminder_emails:init',\n REMINDER_EMAIL_ADDED: 'reminder_emails:added',\n REMINDER_EMAIL_UPDATED: 'reminder_emails:updated',\n REMINDER_EMAIL_REMOVED: 'reminder_emails:removed',\n REMINDER_GET_SCHEDULE: 'reminder_emails:get-schedule',\n REMINDER_GET_SCHEDULE_ERROR: 'reminder_emails:get-schedule-error',\n APP_STATUS_CHANGED: 'reminder_emails:app-status-changed'\n};\n\nexport const SFLivePrefillActionTypes = {\n ENABLED_PROVIDER_FETCHING: 'sf-prefill:ENABLED_PROVIDER_FETCHING',\n ENABLED_PROVIDER_FETCH_SUCCESS: 'sf-prefill:ENABLED_PROVIDER_FETCH_SUCCESS',\n ENABLED_PROVIDER_FETCH_ERROR: 'sf-prefill:ENABLED_PROVIDER_FETCH_ERROR',\n SETTINGS_FETCHING: 'sf-prefill:SETTINGS_FETCHING',\n SETTINGS_FETCH_SUCCESS: 'sf-prefill:SETTINGS_FETCH_SUCCESS',\n SETTINGS_FETCH_ERROR: 'sf-prefill:SETTINGS_FETCH_ERROR',\n SETTINGS_DELETING: 'sf-prefill:SETTINGS_DELETING',\n SETTINGS_DELETE_SUCCESS: 'sf-prefill:SETTINGS_DELETE_SUCCESS',\n SETTINGS_DELETE_ERROR: 'sf-prefill:SETTINGS_DELETE_ERROR',\n CREATE_FETCHING: 'sf-prefill:CREATE_FETCHING',\n CREATE_FETCH_SUCCESS: 'sf-prefill:CREATE_FETCH_SUCCESS',\n CREATE_FETCH_ERROR: 'sf-prefill:CREATE_FETCH_ERROR',\n UPDATE_FETCHING: 'sf-prefill:UPDATE_FETCHING',\n UPDATE_FETCH_SUCCESS: 'sf-prefill:UPDATE_FETCH_SUCCESS',\n UPDATE_FETCH_ERROR: 'sf-prefill:UPDATE_FETCH_ERROR',\n GENERATE_TOKEN_SUCCESS: 'sf-prefill:GENERATE_TOKEN_SUCCESS',\n OBJECTS_FETCHING: 'sf-prefill:OBJECTS_FETCHING',\n OBJECTS_FETCH_SUCCESS: 'sf-prefill:OBJECTS_FETCH_SUCCESS',\n OBJECTS_FETCH_ERROR: 'sf-prefill:OBJECTS_FETCH_ERROR',\n TARGET_FIELD_FETCHING: 'sf-prefill:TARGET_FIELD_FETCHING',\n TARGET_FIELD_FETCH_SUCCESS: 'sf-prefill:TARGET_FIELD_FETCH_SUCCESS',\n TARGET_FIELD_FETCH_ERROR: 'sf-prefill:TARGET_FIELD_FETCH_ERROR',\n CREATE: 'sf-prefill:CREATE',\n CLEAR: 'sf-prefill:CLEAR',\n SELECT_SOURCE: 'sf-prefill:SELECT_SOURCE',\n CANCEL_SOURCE: 'sf-prefill:CANCEL_SOURCE',\n ADD_EMPTY_SOURCE: 'sf-prefill:ADD_EMPTY_SOURCE',\n DELETE_SOURCE: 'sf-prefill:DELETE_SOURCE',\n UPDATE_SOURCE_NAME: 'sf-prefill:UPDATE_SOURCE_NAME',\n UPDATE_SOURCE_OBJECT: 'sf-prefill:UPDATE_SOURCE_OBJECT',\n UPDATE_SOURCE_DISABLED: 'sf-prefill:UPDATE_SOURCE_DISABLED',\n ADD_EMPTY_SOURCE_FILTER: 'sf-prefill:ADD_EMPTY_SOURCE_FILTER',\n DELETE_SOURCE_FILTER: 'sf-prefill:DELETE_SOURCE_FILTER',\n UPDATE_FILTER_TARGET_FIELD: 'sf-prefill:UPDATE_FILTER_TARGET_FIELD',\n UPDATE_FILTER_SOURCE: 'sf-prefill:UPDATE_FILTER_SOURCE',\n UPDATE_FILTER_SOURCE_FIELD: 'sf-prefill:UPDATE_FILTER_SOURCE_FIELD',\n UPDATE_FILTER_OPERATOR: 'sf-prefill:UPDATE_FILTER_OPERATOR',\n ACTION_FOR_MULTIPLE_MATCH: 'sf-prefill:ACTION_FOR_MULTIPLE_MATCH',\n ADD_EMPTY_SOURCE_MAPPING: 'sf-prefill:ADD_EMPTY_SOURCE_MAPPING',\n DELETE_SOURCE_MAPPING: 'sf-prefill:DELETE_SOURCE_MAPPING',\n UPDATE_SOURCE_MAPPING: 'sf-prefill:UPDATE_SOURCE_MAPPING',\n UPDATE_MAPPING_FIELD: 'sf-prefill:UPDATE_MAPPING_FIELD',\n UPDATE_MAPPING_QID: 'sf-prefill:UPDATE_MAPPING_QID',\n CONTACTS_FETCHING: 'sf-prefill:CONTACTS_FETCHING',\n CONTACTS_FETCH_SUCCESS: 'sf-prefill:CONTACTS_FETCH_SUCCESS',\n CONTACTS_FETCH_ERROR: 'sf-prefill:CONTACTS_FETCH_ERROR',\n LEADS_FETCHING: 'sf-prefill:LEADS_FETCHING',\n LEADS_FETCH_SUCCESS: 'sf-prefill:LEADS_FETCH_SUCCESS',\n LEADS_FETCH_ERROR: 'sf-prefill:LEADS_FETCH_ERROR',\n SEND_EMAIL_SUCCESS: 'sf-prefill:SEND_EMAIL_SUCCESS',\n SEND_EMAIL_ERROR: 'sf-prefill:SEND_EMAIL_ERROR',\n AUTH_STARTED: 'sf-prefill:AUTH_STARTED',\n AUTH_FAILED: 'sf-prefill:AUTH_FAILED',\n AUTH_SUCCESS: 'sf-prefill:AUTH_SUCCESS',\n ACCOUNTS_FETCHING: 'sf-prefill:ACCOUNTS_FETCHING',\n ACCOUNTS_FETCH_SUCCESS: 'sf-prefill:ACCOUNTS_FETCH_SUCCESS',\n ACCOUNTS_FETCH_ERROR: 'sf-prefill:ACCOUNTS_FETCH_ERROR',\n EXPAND_INVITE_BY_EMAIL_SECTION: 'sf-prefill:EXPAND_INVITE_BY_EMAIL_SECTION',\n SHRINK_INVITE_BY_EMAIL_SECTION: 'sf-prefill:SHRINK_INVITE_BY_EMAIL_SECTION',\n SET_INVITE_BY_EMAIL_SECTION_MESSAGE: 'sf-prefill:SET_INVITE_BY_EMAIL_SECTION_MESSAGE',\n SET_INVITE_LIST: 'sf-prefill:SET_INVITE_LIST',\n SEND_EMAIL_STARTED: 'sf-prefill:SEND_EMAIL_STARTED',\n FETCH_PERSONALIZED_LINK_STARTED: 'sf-prefill:FETCH_PERSONALIZED_LINK_STARTED',\n FETCH_PERSONALIZED_LINK_SUCCESS: 'sf-prefill:FETCH_PERSONALIZED_LINK_SUCCESS',\n FETCH_PERSONALIZED_LINK_FAILED: 'sf-prefill:FETCH_PERSONALIZED_LINK_FAILED',\n CREATE_PERSONALIZED_LINK: 'sf-prefill:CREATE_PERSONALIZED_LINK',\n RECORD_LIST_FETCH_STARTED: 'sf-prefill:RECORD_LIST_FETCH_STARTED',\n RECORD_LIST_FETCH_SUCCESS: 'sf-prefill:RECORD_LIST_FETCH_SUCCESS',\n RECORD_LIST_FETCH_FAILED: 'sf-prefill:RECORD_LIST_FETCH_FAILED',\n DELETE_PERSONALIZED_LINK_SUCCESS: 'sf-prefill:DELETE_PERSONALIZED_LINK_SUCCESS',\n DELETE_PERSONALIZED_LINK_FAILED: 'sf-prefill:DELETE_PERSONALIZED_LINK_FAILED',\n EXPORT_PERSONALIZED_LINK_SUCCESS: 'sf-prefill:EXPORT_PERSONALIZED_LINK_SUCCESS',\n EXPORT_PERSONALIZED_LINK_FAILED: 'sf-prefill:EXPORT_PERSONALIZED_LINK_FAILED',\n SET_LINK_SEARCH_KEY: 'sf-prefill:SET_LINK_SEARCH_KEY',\n TOGGLE_LINK_CHECKBOX: 'sf-prefill:TOGGLE_LINK_CHECKBOX',\n TOGGLE_ALL_LINK_CHECKBOXES: 'sf-prefill:TOGGLE_ALL_LINK_CHECKBOXES',\n CHANGE_PUBLISH_TAB: 'sf-prefill:CHANGE_PUBLISH_TAB',\n SEND_LINKS_BY_EMAIL_STARTED: 'sf-prefill:SEND_LINKS_BY_EMAIL_STARTED',\n SEND_LINKS_BY_EMAIL_SUCCESS: 'sf-prefill:SEND_LINKS_BY_EMAIL_SUCCESS',\n SEND_LINKS_BY_EMAIL_ERROR: 'sf-prefill:SEND_LINKS_BY_EMAIL_ERROR',\n SET_SEND_INVITATION_MODAL_VISIBILITY: 'sf-prefill:SET_SEND_INVITATION_MODAL_VISIBILITY',\n REMOVE_LINK_FROM_INVITATION_LIST: 'sf-prefill:REMOVE_LINK_FROM_INVITATION_LIST',\n UPDATE_LINK_EMAIL_FOR_INVITATION_LIST: 'sf-prefill:UPDATE_LINK_EMAIL_FOR_INVITATION_LIST',\n SET_LINK_INVITATION_LIST: 'sf-prefill:SET_LINK_INVITATION_LIST',\n CLOSE_SUCCESS_LINK_SENDING_DIALOG: 'sf-prefill:CLOSE_SUCCESS_LINK_SENDING_DIALOG'\n};\n\nexport const SFLivePrefillUIModes = {\n EDIT_SOURCE: 'EDIT_SOURCE',\n LIST_SOURCES: 'LIST_SOURCES',\n LIST_ACCOUNTS: 'LIST_ACCOUNTS'\n};\n\nexport const fetchingStatus = {\n NOT_STARTED: 'NOT_STARTED',\n STARTED: 'STARTED',\n FAILED: 'FAILED',\n SUCCESS: 'SUCCESS'\n};\n\nexport const wizardType = {\n dropbox: 'DropboxWizard',\n aweber: 'AweberWizard',\n google: 'GoogleDocsWizard',\n 'google-drive': 'GoogleDriveWizard',\n boxnet: 'BoxnetWizard',\n egnyte: 'EgnyteWizard',\n campaignMonitor: 'CampaignMonitorWizard',\n constantContact: 'ConstantContactWizard',\n 'facebook-login': 'FacebookWizard',\n '5385ef083b2acbeb58000012': 'FormisimoWizard',\n highRise: 'HighRiseWizard',\n iContact: 'IContactWizard',\n madMimi: 'MadMimiWizard',\n mailChimp: 'MailChimpWizard',\n salesForce: 'SalesForceWizard',\n verticalResponse: 'VerticalResponseWizard',\n webhooks: 'WebHooksWizard',\n zohoCrm: 'ZohoCrmWizard',\n insightlyCrm: 'InsightlyCrmWizard',\n trello: 'TrelloWizard',\n asana: 'AsanaWizard',\n callingly: 'CallinglyWizard',\n googleCalendar: 'GoogleCalendarWizard',\n airtable: 'AirtableWizard',\n sendGrid: 'SendGridWizard',\n getResponse: 'GetResponseWizard',\n infusionsoft: 'InfusionsoftWizard',\n solve360: 'Solve360Wizard',\n hubspot: 'HubSpotWizard',\n xzazu: 'XzazuWizard',\n slack: 'SlackWizard',\n activeCampaign: 'ActiveCampaignWizard',\n mondayCom: 'MondayWizard',\n paymo: 'PaymoWizard',\n pipedrive: 'PipedriveWizard',\n zohoCrmV2: 'ZohoCrmV2Wizard',\n bisoft: 'BisoftWizard',\n automateIo: 'AutomateIoWizard',\n msflow: 'MicrosoftFlowWizard',\n platformly: 'PlatformlyWizard',\n zendesk: 'ZendeskWizard',\n zoom: 'ZoomWizard',\n 'google-sheets': 'GoogleSheetsWizard',\n pieSync: 'PieSyncWizard',\n salesforceV2: 'SalesforceV2Wizard',\n engageBay: 'EngageBayWizard',\n FTP: 'FTPWizard',\n onedrive: 'OneDriveWizard',\n openCRM: 'OpenCRMWizard',\n integromat: 'IntegromatWizard',\n constantContactV2: 'ConstantContactV2Wizard',\n mailerlite: 'MailerliteWizard',\n clickup: 'ClickUpWizard',\n 'box-sign': 'BoxSignWizard'\n};\n\nexport default {\n wizardType,\n ActionTypes,\n QuestionActionTypes,\n ViewActionTypes,\n WidgetActionTypes,\n SafeharborActionTypes,\n EmailActionTypes,\n ExportDataActionTypes,\n LanguageActionTypes,\n ReminderEmailActionTypes\n};\n\nexport const prettyContainerTitles = {\n control_yesno: 'Yes/No',\n control_head: 'Heading',\n control_fullname: 'Full Name',\n control_image: 'Image',\n control_number: 'Number',\n control_email: 'Email',\n control_captcha: 'Captcha',\n control_collapse: 'Form Collapse',\n control_address: 'Address',\n control_button: 'Submit Button',\n control_spinner: 'Spinner',\n control_scale: 'Scale Rating',\n control_phone: 'Phone',\n control_rating: 'Star Rating',\n control_matrix: 'Input Table',\n control_pagebreak: 'Page Break',\n control_textbox: 'Short Text',\n control_fileupload: 'File Upload',\n control_time: 'Time',\n control_textarea: 'Long Text',\n control_dropdown: 'Dropdown',\n control_radio: 'Single Choice',\n control_checkbox: 'Multiple Choice',\n control_datetime: 'Date Picker',\n control_hidden: 'Hidden',\n control_slider: 'Slider',\n control_paypal: 'PayPal',\n control_paypalpro: 'PayPal Pro',\n control_cybersource: 'Cyber Source',\n control_paypalexpress: 'PayPal Express',\n control_sensepass: 'SensePass',\n control_stripe: 'Stripe',\n control_stripeCheckout: 'Stripe Checkout',\n control_payfast: 'Payfast',\n control_braintree: 'Braintree',\n control_authnet: 'Authorize.net',\n control_dwolla: 'Dwolla',\n control_eway: 'Eway',\n control_square: 'Square',\n control_2co: '2CheckOut',\n control_clickbank: 'ClickBank',\n control_worldpay: 'worldpay',\n control_onebip: 'onebip',\n control_mollie: 'Mollie',\n control_payment: 'Purchase Order',\n control_text: 'Text',\n control_emojislider: 'Emoji Slider',\n control_signature: 'E-Signature',\n control_imagechoice: 'Image Choice',\n control_appointment: 'Appointment',\n control_inline: 'Fill in the Blank',\n 'control_appointment-date': 'Appointment Date',\n 'control_appointment-duration': 'Appointment Duration',\n submissionID: 'Submission ID',\n submissionDate: 'Submission Date',\n formID: 'Form ID'\n};\n\nexport const paymentFields = [\n 'control_payu',\n 'control_payuMoney',\n 'control_square',\n 'control_paypalSPB',\n 'control_authnet',\n 'control_paypalpro',\n 'control_cybersource',\n 'control_stripe',\n 'control_stripeCheckout',\n 'control_echeck',\n 'control_stripeACHManual',\n 'control_stripeACH',\n 'control_gocardless',\n 'control_mollie',\n 'control_moneris',\n 'control_sofort',\n 'control_pagseguro',\n 'control_bluesnap',\n 'control_payment',\n 'control_payjunction',\n 'control_chargify',\n 'control_bluepay',\n 'control_braintree',\n 'control_2co',\n 'control_cardconnect',\n 'control_firstdata',\n 'control_paypalInvoicing',\n 'control_paysafe',\n 'control_iyzico',\n 'control_sensepass',\n 'control_skrill',\n 'control_paypal',\n 'control_paypalexpress', // removed gateway but it should stay here for forms already have\n 'control_worldpay',\n 'control_worldpayus',\n 'control_eway',\n 'control_clickbank',\n 'control_onebip',\n 'control_paymentwall',\n 'control_paypalcomplete',\n 'control_payfast',\n 'control_dwolla', // removed gateway but it should stay here for forms already have\n 'control_wepay'\n];\n\n// for tracking integration events\nexport const integrationEventTypes = {\n category_changed: 'category_changed',\n search_not_found: 'search_not_found',\n integration_opened: 'integration_opened',\n integration_deleted: 'integration_deleted',\n integration_updated: 'integration_updated',\n integration_created: 'integration_created',\n authentication_started: 'authentication_started',\n authentication_failed: 'authentication_failed',\n authentication_succeeded: 'authentication_succeeded',\n authentication_user_cancelled: 'authentication_user_cancelled',\n integration_fetch_failed: 'integration_fetch_failed',\n disconnect_started: 'disconnect_started',\n disconnect_failed: 'disconnect_failed',\n disconnect_succeded: 'disconnect_succeded',\n disconnect_user_cancelled: 'disconnect_user_cancelled',\n new_action_add_clicked: 'new_action_add_clicked',\n promoted_alternative_app_clicked: 'promoted_alternative_app_clicked',\n banner_clicked: 'banner_clicked',\n simple_wizard_action_clicked: 'simple_wizard_action_clicked',\n use_this_zap: 'use_this_zap',\n edit_this_zap: 'edit_this_zap',\n search_input: 'search_input',\n integration_request_modal_open: 'integration_request_modal_open',\n integration_request_failed: 'integration_request_failed',\n integration_request_succeeded: 'integration_request_succeeded',\n guest_flow_started: 'guest_flow_started',\n guest_flow_cancelled: 'guest_flow_cancelled',\n guest_flow_completed: 'guest_flow_completed',\n microsoft_teams_cta_clicked: 'microsoft_teams_banner_clicked'\n};\n\nexport const { teamID: TEAM_ID, isTeamMember } = window;\n\nexport const AssignPrefillProviderUrls = {\n salesforceV2SAPP: '/API/salesforce/'\n};\n\nexport const PREFILL_PROVIDER_MAP = {\n salesforceLive: 'salesforceV2',\n salesforceV2: 'salesforceV2',\n monday: 'monday',\n pipedrive: 'pipedrive',\n hubspot: 'hubspot',\n airtable: 'airtable',\n sso: 'sso',\n manual: 'manual',\n anotherForm: 'anotherForm',\n tables: 'tables'\n};\n\nexport const LIVE_PREFILL_ACTION_UI_ACTION_MAP = {\n getObjects: 'FETCH_PREFILL_OBJECTS'\n};\n\nexport const RICH_TEXT_EDITOR_URL = `https://cdn.jotfor.ms/js/rich-text-editor/editor.min.js?v=${getRevision()}`;\n\nexport const FormCopilotActionTypes = {\n LOADING: 'formCopilot:material-loading',\n LOADED: 'formCopilot:material-loaded',\n LOAD_ERROR: 'formCopilot:material-load-error',\n MATERIAL_ADDED: 'formCopilot:material-added',\n MATERIAL_UPDATED: 'formCopilot:material-updated',\n MATERIAL_DELETED: 'formCopilot:material-deleted',\n MATERIAL_UPDATE_STATUS: 'formCopilot:material-update-status',\n SET_AGENT_PROPS: 'formCopilot:set-agent-props',\n SET_AGENT_ID: 'formCopilot:set-agent-id',\n SET_MATERIALS: 'formCopilot:set-materials'\n};\n\nexport const aiConditionInputPropsMap = {\n field: {\n description: t('Use AI to Create Dynamic Show/Hide Conditions Effortlessly'),\n placeholder: t('e.g. If name is empty do not show submit button')\n },\n require: {\n description: t('Use AI to Create Dynamic Require/Enable/Mask Conditions'),\n placeholder: t('e.g. If phone number is empty require email')\n },\n mask: {\n description: t('Use AI to Create Dynamic Require/Enable/Mask Conditions'),\n placeholder: t('e.g. If phone number is empty require email')\n },\n page: {\n description: t('Use AI to Create Dynamic Skip To/Hide a page Conditions Easily'),\n placeholder: t('e.g. If email is empty hide page 2')\n },\n email: {\n description: t('Use AI to Create Dynamic Email Conditions Easily'),\n placeholder: t('e.g. Send empty name notification if name is empty')\n },\n message: {\n description: t('Use AI to Create Dynamic Thank You Page conditions'),\n placeholder: t('e.g. Send notification email to example@mail.com if name is empty')\n },\n url: {\n description: t('Use AI to Create Dynamic Thank You Page conditions'),\n placeholder: t('e.g. Send notification email to example@mail.com if name is empty')\n },\n calculation: {\n description: t('Use AI to Create Calculation Conditions'),\n placeholder: t('e.g. If name is empty copy email to fullname')\n }\n};\n","import { Dispatcher } from 'flux';\n\nexport default Object.assign(new Dispatcher(), {\n handleServerAction: function (action) {\n this.dispatch({\n action: action\n });\n },\n\n handleViewAction: function (action) {\n this.dispatch({\n action: action\n });\n },\n\n handleLegacyAction: function (action) {\n this.dispatch({\n action: action\n });\n }\n});\n","import { ActionTypes } from '../constants';\nimport AppDispatcher from '../dispatchers/AppDispatcher';\n\nexport function addCondition(newCondition, isUndo) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_ADDED,\n condition: newCondition,\n isUndo\n });\n}\n\nexport function bulkAddCondition(conditions) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_BULK_ADDED,\n conditions\n });\n}\n\nexport function updateConditions(conditions, otherType, sortIndexs) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_BULK_UPDATED,\n conditions: conditions,\n otherType,\n sortIndexs\n });\n}\n\nexport function disableCondition(condition) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_DISABLED,\n condition: condition\n });\n}\n\nexport function enableCondition(condition) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_ENABLED,\n condition: condition\n });\n}\n\nexport function updateCondition() {\n\n}\n\nexport function updateEmailCondition(emailIndex) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_EMAIL_UPDATED,\n emailIndex: emailIndex\n });\n}\n\nexport function deleteCondition(condition) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_DELETED,\n condition: condition\n });\n}\n\nexport function duplicateCondition(condition) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_DUPLICATED,\n condition: condition\n });\n}\n\nexport function updateConditionDirty(isDirty) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_DIRTY,\n isDirty: isDirty\n });\n}\n\nexport function disableMultipleConditions(checkList) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_MULTIPLE_DISABLE,\n checkList\n });\n}\n\nexport function enableMultipleConditions(checkList) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_MULTIPLE_ENABLE,\n checkList\n });\n}\n\nexport function deleteMultipleConditions(checkList) {\n AppDispatcher.handleViewAction({\n type: ActionTypes.CONDITION_MULTIPLE_DELETE,\n checkList\n });\n}\n","/* eslint-disable no-template-curly-in-string */\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport reactMixin from 'react-mixin';\nimport classNames from 'classnames';\nimport isArray from 'lodash/isArray';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {\n IconPauseFilled, IconTrashFilled, IconCopyFilled, IconPencilFilled, IconCaretsFromCenter\n} from '@jotforminc/svg-icons';\nimport Icon from '../../components/Icon';\nimport ConditionUtils from './ConditionUtils';\nimport * as ConditionActions from '../../actions/ConditionActions';\nimport TranslationMixin from '../../mixins/Translation';\n\nconst noop = () => {};\n\n// THIS FILE IS ALSO USED IN WORKFLOW REPO, PLEASE BE CAREFUL!\nclass Condition extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n renderExpandStyle: false,\n isConditionExpandVisible: true\n };\n this.isFieldDeleted = false;\n this.isPageDeleted = false;\n this.isEquationDeleted = false;\n this.handleOptionsMenuToggle = this.handleOptionsMenuToggle.bind(this);\n this.handleDelete = this.handleDelete.bind(this);\n this.handleDuplicate = this.handleDuplicate.bind(this);\n this.handleDisable = this.handleDisable.bind(this);\n this.handleEnable = this.handleEnable.bind(this);\n\n // for the close settings tab of conditions\n this.handleClickOutside = this.handleClickOutside.bind(this);\n this.setWrapperRef = this.setWrapperRef.bind(this);\n this.handleExpandTheConditionCard = this.handleExpandTheConditionCard.bind(this);\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n const propsDifference = ConditionUtils.difference(this.props, nextProps);\n const stateDifference = ConditionUtils.difference(this.state, nextState);\n const isPropsChanged = !isEmpty(propsDifference);\n const isStateChanged = !isEmpty(stateDifference);\n return isPropsChanged || isStateChanged;\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClickOutside);\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClickOutside);\n }\n\n setWrapperRef(node) {\n this.wrapperRef = node;\n }\n\n handleClickOutside(event) {\n if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n if (this.props.selected) {\n // If conditions setting is open and click target doesn't cover the target condition\n this.props.onConditionClick(-1);\n }\n\n // If conditions is expand, click outside to shrink again\n this.handleExpandTheConditionCard(false, true);\n }\n }\n\n UNSAFE_componentWillReceiveProps() {\n this.isFieldDeleted = false;\n }\n\n getConditionActionNoteRow() {\n return (\n \n
\n );\n }\n\n getConditionDeletedFieldRow() {\n let deletedConditionItem = '';\n switch (true) {\n case this.isPageDeleted:\n deletedConditionItem = 'pages';\n break;\n case this.isFieldDeleted:\n deletedConditionItem = 'fields';\n break;\n case this.isEquationDeleted:\n deletedConditionItem = 'equations';\n break;\n default:\n }\n return (\n {this.translate('Please note that emails will not be sent unless their conditions are met.')}
\n \n
\n );\n }\n\n getConditionActionStatementRow(id, actionText, messageText, statementText, fieldText, visibility) {\n let contentInfosDoName = 'content-infos do';\n let spanClassNameForFieldText = '';\n let spanClassNameForMessageText = '';\n\n if (typeof messageText === 'string' && messageText.indexOf('\"MISSING FIELD\"') > -1) {\n contentInfosDoName = 'content-infos do ifdoerror';\n spanClassNameForMessageText = 'error';\n this.isFieldDeleted = true;\n }\n\n if (typeof messageText === 'string' && messageText.indexOf('\"MISSING EQUATION\"') > -1) {\n contentInfosDoName = 'content-infos do ifdoerror';\n spanClassNameForMessageText = 'error';\n this.isEquationDeleted = true;\n }\n\n if (typeof messageText === 'string' && messageText === 'MISSING PAGE') {\n contentInfosDoName = 'content-infos do ifdoerror';\n spanClassNameForMessageText = 'error';\n this.isFieldDeleted = true;\n this.isPageDeleted = true;\n }\n\n if (typeof fieldText === 'string' && fieldText === '\"MISSING FIELD\"') {\n contentInfosDoName = 'content-infos do ifdoerror';\n spanClassNameForFieldText = 'error';\n\n this.isFieldDeleted = true;\n }\n\n if (visibility) {\n contentInfosDoName = `${contentInfosDoName} icon_${visibility}`;\n }\n\n const temp = `${actionText ? `${actionText} ` : ''}{messageText} ${statementText ? `${statementText} ` : ''}{fieldText}`;\n const translatedText = this.translate(temp);\n\n return (\n \n {this.translate('ERROR:')}\n {\n this.translate('One or more ${deletedConditionItem} have been deleted which are required by this condition.').replace('${deletedConditionItem}', deletedConditionItem)\n }\n
\n \n
\n );\n }\n\n getConditionStatementRowForOperator(operator) {\n return (\n \n
\n \n {translatedText.split(' ').map((el, i) => {\n if (el[0] === '{') {\n if (el.includes('messageText')) {\n return ({ messageText });\n }\n return ({ fieldText });\n }\n return (\n \n {' '}\n {el}\n {' '}\n \n );\n })}\n
\n \n
\n );\n }\n\n getConditionStatementMoreRow(numberOfStatements) {\n return (\n \n {this.translate('If')}\n {' '}\n \"\n {this.translate(operator)}\n \"\n {' '}\n {this.translate('of the \"If\" rules are matched')}\n ,\n
\n \n
\n );\n }\n\n getConditionActionStatementMoreRow(numberOfFields) {\n return (\n \n ...\n {this.translate('and')}\n {' '}\n {this.translate(numberOfStatements)}\n {' '}\n {this.translate('other')}\n {' '}\n “\n {this.translate('If')}\n ”\n {' '}\n {this.translate('rules')}\n {' '}\n ...\n
\n \n
\n );\n }\n\n getConditionStatementRow(id, questionText, comparisonOperator, termValue, isPaymentProduct) {\n let tempTermValue = termValue;\n let contentInfosIfName = 'content-infos if';\n let spanClassNameForQuestionText = '';\n let spanClassNameForTermValue = '';\n\n if (questionText === '\"MISSING FIELD\"' || termValue === '\"MISSING FIELD\"') {\n contentInfosIfName = 'content-infos if ifdoerror';\n this.isFieldDeleted = true;\n\n if (questionText === '\"MISSING FIELD\"') {\n spanClassNameForQuestionText = 'error';\n }\n\n if (termValue === '\"MISSING FIELD\"') {\n spanClassNameForTermValue = 'error';\n }\n } else if (isPaymentProduct === true) {\n tempTermValue = tempTermValue.replace(/\"/g, '');\n tempTermValue = ConditionUtils.getProductTextByProductId(tempTermValue, this.props.products);\n tempTermValue = ConditionUtils.putQuotesAroundString(tempTermValue);\n }\n\n const temp = `If {questionText} ${comparisonOperator ? `${comparisonOperator.trim()} ` : ''}{tempTermValue}`;\n const translatedText = this.translate(temp);\n\n return (\n \n ...\n {this.translate('and')}\n {this.translate(numberOfFields)}\n {this.translate('more affected fields')}\n {' '}\n ...\n
\n \n
\n );\n }\n\n renderToggleLogic() {\n const showEnable = !!(typeof this.props.condition.disabled !== 'undefined' && this.props.condition.disabled === '1');\n if (showEnable === true) {\n return (\n \n
\n \n {translatedText.split(' ').map((el, i) => {\n if (el[0] === '{') {\n if (el.includes('questionText')) {\n return ({ questionText });\n }\n return ({ tempTermValue });\n }\n return (\n \n {' '}\n {el}\n {' '}\n \n );\n })}\n
\n \n
\n \n
\n \n
\n {this.translate('Disable')}\n \n
\n { this.props.count }
\n \n { this.handleConditionSelect(); }}\n >\n
\n { this.translate(conditionTitle) }
\n \n {branchName && (
\n {branchName}
)}\n \n { conditionStatementArray }\n { conditionStatementMoreRow }\n { conditionStatementForOperator }\n { actionStatementArray }\n { conditionActionStatementMoreRow }\n \n \n { conditionActionNoteRow }\n { conditionDeletedFieldRow }\n
\n \n
\n \n \n this.props.handleConditionEdit(this.props.condition)}\n >\n
\n \n
\n \n
\n \n \n );\n }\n\n return renderFinal;\n }\n\n handleExpandTheConditionCard(status, visibility) {\n this.setState({\n renderExpandStyle: status,\n isConditionExpandVisible: visibility\n });\n }\n\n renderExpandedConditionCardStyle() {\n return {\n boxShadow: '0 2px 8px rgba(86,70,50,.15)'\n };\n }\n\n // multi-checked :: directly select from condition card\n handleConditionSelect() {\n const { handleChecked, condition, numberOfCondition } = this.props;\n const isConditionChecked = this.handleIsConditionChecked();\n if (numberOfCondition > 1) {\n handleChecked(!isConditionChecked, condition.id);\n } else {\n return null;\n }\n }\n\n handleIsConditionChecked() {\n return this.props.checked;\n }\n\n renderSelectedConditionCardStyle() {\n return {\n background: '#f6fff7',\n border: '1px solid #55b45c'\n };\n }\n\n handleConditionCardStyle() {\n const handleisConditionChecked = this.handleIsConditionChecked();\n const { renderExpandStyle } = this.state;\n let renderStyle = {};\n if (renderExpandStyle) {\n renderStyle = { ...renderStyle, ...this.renderExpandedConditionCardStyle() };\n }\n if (handleisConditionChecked) {\n renderStyle = { ...renderStyle, ...this.renderSelectedConditionCardStyle() };\n }\n return renderStyle;\n }\n\n handleOptionsMenuToggle() {\n this.props.onClick(this.props.selected ? -1 : this.props.count);\n }\n\n handleEnable() {\n if (this.props.condition.type === 'email') {\n const { success } = this.props.conditionValidation(this.props.condition);\n if (success) {\n ConditionActions.enableCondition(this.props.condition);\n }\n } else {\n ConditionActions.enableCondition(this.props.condition);\n }\n this.props.onDeselect();\n }\n\n handleDisable() {\n ConditionActions.disableCondition(this.props.condition);\n this.props.onDeselect();\n }\n\n handleDelete() {\n ConditionActions.deleteCondition(this.props.condition);\n this.props.onDeselect();\n this.props.deletedConditions(this.props.condition.id);\n this.props.toggleToast();\n this.props.uncheckConditions();\n }\n\n handleDuplicate() {\n if (this.props.condition.type === 'email' && !this.props.condition.disabled) {\n const { success } = this.props.conditionValidation(this.props.condition);\n if (success) {\n ConditionActions.duplicateCondition(this.props.condition);\n }\n } else {\n ConditionActions.duplicateCondition(this.props.condition);\n }\n this.props.onDeselect();\n }\n\n setChangeAttributesOrContentMaskMessageActionStatements(listActions) {\n let actionStatementArray = [];\n let conditionType = '';\n\n for (let j = 0; j < listActions.length; j++) {\n const action = listActions[j];\n if (typeof action.visibility === 'string' && action.visibility === 'Mask') {\n conditionType = 'mask';\n break;\n }\n }\n\n if (conditionType === '') {\n conditionType = this.props.condition.type;\n }\n\n if (conditionType === 'mask') {\n actionStatementArray = this.setContentMaskMessageActionStatements(listActions);\n } else {\n actionStatementArray = this.setChangeAttributesActionStatements(listActions);\n }\n\n return actionStatementArray;\n }\n\n setUpdateFormFieldActionStatements(listActions) {\n const actionStatementArray = [];\n\n if (!this.isQuestionsPropertiesSet()) {\n return actionStatementArray;\n }\n\n for (let j = 0; j < listActions.length; j++) {\n const action = listActions[j];\n const equation = this.replaceEquationWithQuestionFieldText(action.equation);\n const resultFieldQid = action.resultField;\n const fieldText = ConditionUtils.getFieldTextByQid(resultFieldQid, this.props.questions);\n actionStatementArray.push(this.getConditionActionStatementRow(j, 'Insert', equation, 'Into', fieldText));\n }\n\n return actionStatementArray;\n }\n\n setChangeAttributesActionStatements(listActions) {\n const actionStatementArray = [];\n\n if (!this.isQuestionsPropertiesSet()) {\n return actionStatementArray;\n }\n\n for (let j = 0; j < listActions.length; j++) {\n const action = listActions[j];\n const newActionStatementArray = this.handleActionStatementHasMultipleAction(action, j);\n Array.prototype.push.apply(actionStatementArray, newActionStatementArray);\n }\n\n return actionStatementArray;\n }\n\n setContentMaskMessageActionStatements(listActions) {\n const messageText = 'Set Mask';\n const actionStatementArray = [];\n\n if (!this.isQuestionsPropertiesSet()) {\n return actionStatementArray;\n }\n\n for (let i = 0; i < listActions.length; i++) {\n const action = listActions[i];\n const fieldText = ConditionUtils.getFieldTextByQid(action.field, this.props.questions);\n // To create an unique key, i is added to action.id\n actionStatementArray.push(this.getConditionActionStatementRow(i, messageText, action.mask, 'On Field', fieldText));\n }\n\n return actionStatementArray;\n }\n\n renderConditionActionMessageText(action) {\n const isPageValid = ConditionUtils.isPageExist(action, this.props.questions) && action.skipTo;\n return isPageValid ? ConditionUtils.changeSkipToPageMoreReadable(action.skipTo, this.props.questions) : 'MISSING PAGE';\n }\n\n setSkipToPageActionStatements(listActions) {\n const actionStatementArray = [];\n\n for (let i = 0; i < listActions.length; i++) {\n const action = listActions[i];\n const messageText = action.skipHide === 'hidePage' ? 'Hide' : 'Skip to';\n\n if (this.props.formType === 'cardForm') {\n const skipTo = ConditionUtils.getFieldTextByQid(parseInt(action.skipTo, 10), this.props.questions);\n actionStatementArray.push(this.getConditionActionStatementRow(i, messageText, skipTo, '', ''));\n } else {\n actionStatementArray.push(this.getConditionActionStatementRow(i, messageText, this.renderConditionActionMessageText(action), '', ''));\n }\n }\n\n return actionStatementArray;\n }\n\n setSendEmailActionStatements(listActions) {\n const actionStatementWithNoteArray = [];\n const actionStatementArray = [];\n let emailName = '';\n\n for (let i = 0; i < listActions.length; i++) {\n const action = listActions[i];\n const emailObj = ConditionUtils.getEmailObjectByKey(action.email, this.props.emails);\n\n if (emailObj === undefined || emailObj === null) {\n emailName = 'EMAIL_NOT_FOUND';\n } else {\n emailName = emailObj.name;\n }\n\n actionStatementArray.push(this.getConditionActionStatementRow(i, 'Send', emailName, 'email to', action.to));\n }\n\n actionStatementWithNoteArray.push(actionStatementArray);\n actionStatementWithNoteArray.push(this.getConditionActionNoteRow());\n\n return actionStatementWithNoteArray;\n }\n\n setChangeThankYouMessageActionStatements(listActions) {\n const messageText = 'Display message';\n const actionStatementArray = [];\n\n for (let i = 0; i < listActions.length; i++) {\n const action = listActions[i];\n const actionMessage = typeof action.message === 'object' ? `${action.message[0].title} ${action.message[0].subTitle}` : ConditionUtils.stripHTMLTags(action.message);\n actionStatementArray.push(this.getConditionActionStatementRow(i, messageText, actionMessage, '', ''));\n }\n\n return actionStatementArray;\n }\n\n setChangeThankYouUrlActionStatements(listActions) {\n const actionStatementArray = [];\n const messageText = 'Redirect to';\n\n for (let i = 0; i < listActions.length; i++) {\n const action = listActions[i];\n actionStatementArray.push(this.getConditionActionStatementRow(i, messageText, action.redirect, '', ''));\n }\n\n return actionStatementArray;\n }\n\n setConditionStatements(termsArray) {\n let isPaymentProduct = false;\n let termValue = '';\n let comparisonOperator;\n let conditionStatementForOperator = '';\n const conditionsStatementsWithOperatorArray = [];\n let conditionOperator = this.props.condition.link;\n const conditionStatementArray = [];\n\n for (let i = 0; i < termsArray.length; i++) {\n const term = termsArray[i];\n\n if (typeof term.value === 'boolean') {\n term.value += '';\n }\n\n if (i === termsArray.length - 1) {\n conditionOperator = '';\n }\n\n let fieldText = ConditionUtils.getFieldTextByQid(term.field, this.props.questions);\n\n if (typeof fieldText === 'string' && fieldText === '\"MISSING FIELD\"' && term.field === 'language') {\n comparisonOperator = ConditionUtils.getComparisonOperatorByKey(term.operator);\n isPaymentProduct = false;\n\n // check language is set\n if (this.props.language !== null && this.props.language !== undefined && this.props.language !== '') {\n fieldText = term.field;\n\n // check if term.value is still exist\n const isLanguageExist = ConditionUtils.isLanguageSet(this.props.language, term.value);\n if (isLanguageExist === true) {\n termValue = term.value;\n } else {\n termValue = '\"MISSING FIELD\"';\n }\n } else {\n termValue = '\"MISSING FIELD\"';\n }\n } else {\n if (fieldText === '\"MISSING FIELD\"') {\n if (ConditionUtils.isStringContains(term.field, '_quantity') === true) {\n const qid = ConditionUtils.retriveQidFromProductTermField(term.field);\n if (qid !== null) {\n const question = this.props.questions.filter(q => q.qid === qid);\n if (question?.length > 0) {\n const pid = ConditionUtils.getProductPid(term.field, this.props.products);\n if (pid) {\n fieldText = ConditionUtils.getFieldTextByQid(qid, this.props.questions);\n const productText = ConditionUtils.getProductText(term.field, this.props.products);\n fieldText = `${fieldText}: ${productText}`;\n } else {\n term.field = '';\n }\n }\n }\n }\n }\n\n if (!ConditionUtils.isTermNeedValue(term.operator)) {\n term.value = '';\n }\n\n comparisonOperator = ConditionUtils.getComparisonOperatorByKey(term.operator);\n\n termValue = '';\n if (ConditionUtils.isField(term.value) === true) {\n termValue = ConditionUtils.removeCurlyBraces(term.value);\n const tempQuestion = ConditionUtils.getQuestionByName2(termValue, this.props.questions);\n if (tempQuestion === null) {\n // field is deleted\n termValue = '\"MISSING FIELD\"';\n } else {\n termValue = this.props.usedFromWorkflow ? ConditionUtils.getQuestionText(tempQuestion) : tempQuestion?.text;\n }\n } else {\n // check the question type is radio, checkbox or dropdown\n const question = this.props.questions.filter(q => q.qid === term.field)[0];\n const fieldsArr = ['control_radio', 'control_checkbox', 'control_dropdown', 'control_yesno', 'control_imagechoice'];\n if (question && question.options && (fieldsArr.indexOf(question.type) !== -1)) {\n let tempItems = question.options.toString().split('|');\n if (question.type === 'control_imagechoice') {\n tempItems = question.options.map(({ text, link }) => {\n return text.toString().concat('|', link.toString());\n });\n }\n const index = tempItems.indexOf(term.value);\n /** if term value is one of the field options or term value is not setted(isEmpty or isFilled) or other option is selected.\n * If predefined options selected (special property), don't check the options box.\n */\n if (index > -1\n || term.value === ''\n || (term.value !== '' && question.allowOther === 'Yes' && term.value.indexOf('--') > -1)\n || (term.value !== '' && question.special && question.special !== 'None')\n ) {\n termValue = ConditionUtils.putQuotesAroundString(term.value);\n } else {\n // question value is deleted\n termValue = '\"MISSING FIELD\"';\n }\n } else {\n // question value is entered by user\n termValue = ConditionUtils.putQuotesAroundString(term.value);\n }\n }\n\n isPaymentProduct = ConditionUtils.isPaymentProduct(term.field, this.props.questions);\n }\n\n conditionStatementArray.push(this.getConditionStatementRow(i, fieldText, comparisonOperator, termValue, isPaymentProduct));\n\n if ((conditionOperator === 'Any' || conditionOperator === 'All') && conditionStatementForOperator === '') {\n conditionStatementForOperator = this.getConditionStatementRowForOperator(conditionOperator);\n }\n }\n\n conditionsStatementsWithOperatorArray.push(conditionStatementArray);\n\n if (conditionStatementForOperator !== '') {\n conditionsStatementsWithOperatorArray.push(conditionStatementForOperator);\n }\n\n return conditionsStatementsWithOperatorArray;\n }\n\n setShowHideFieldActionStatements(listActions) {\n const actionStatementArray = [];\n\n if (listActions === undefined) {\n return actionStatementArray;\n }\n\n if (!this.isQuestionsPropertiesSet()) {\n return actionStatementArray;\n }\n\n for (let i = 0; i < listActions.length; i++) {\n const action = listActions[i];\n const newActionStatementArray = this.handleActionStatementHasMultipleAction(action, i);\n Array.prototype.push.apply(actionStatementArray, newActionStatementArray);\n }\n\n return actionStatementArray;\n }\n\n handleActionStatementHasMultipleAction(action, id) {\n const actionStatementArray = [];\n if (action === null) {\n return actionStatementArray;\n }\n\n const actionText = ConditionUtils.getDoActionByKey(action.visibility);\n\n if (action.visibility === 'RequireMultiple' || action.visibility === 'UnrequireMultiple'\n || action.visibility === 'HideMultiple' || action.visibility === 'ShowMultiple') {\n let qidArray = action.fields;\n if (qidArray === undefined) {\n qidArray = [];\n if (action.field !== undefined) {\n qidArray[0] = action.field;\n }\n }\n\n for (let i = 0; i < qidArray.length; i++) {\n const qID = qidArray[i];\n const fieldText = ConditionUtils.getFieldTextByQid(qID, this.props.questions);\n actionStatementArray.push(this.getConditionActionStatementRow(id + i, actionText, '', '', fieldText, action.visibility));\n }\n } else if (action.visibility === 'DisableSubmit') {\n actionStatementArray.push(this.getConditionActionStatementRow(id, actionText, '', '', '', action.visibility));\n } else {\n const fieldText = ConditionUtils.getFieldTextByQid(action.field, this.props.questions);\n actionStatementArray.push(this.getConditionActionStatementRow(id, actionText, '', '', fieldText, action.visibility));\n }\n\n return actionStatementArray;\n }\n\n isQuestionsPropertiesSet() {\n const { questions } = this.props;\n\n if (questions === null || questions.length === 0) {\n return false;\n }\n\n return true;\n }\n\n replaceEquationWithQuestionFieldText(tempEquation) {\n if (!tempEquation) {\n return '\"MISSING EQUATION\"';\n }\n let equation = tempEquation;\n if (typeof equation !== 'string') equation = equation.toString();\n equation = equation.replace(/[\\][]/g, ''); // remove brackets\n equation = equation.replace(/(\\{.*?\\}+?)/g, match => { // replace the qids with field text\n let tempMatch = match;\n tempMatch = tempMatch.replace(/[\\{\\}]/g, '');\n let subField = '';\n if (tempMatch.indexOf('_') > -1) { // matrix sub field\n subField = tempMatch.substring(tempMatch.indexOf('_'));\n tempMatch = tempMatch.substring(0, tempMatch.indexOf('_'));\n }\n\n tempMatch = ConditionUtils.getFieldTextByQid(tempMatch, this.props.questions);\n\n if (!tempMatch) {\n return '';\n }\n\n return `{${tempMatch}${subField}}`;\n });\n\n if (equation.length > 30) {\n equation = `${equation.substring(0, 27)}...`;\n }\n\n return equation;\n }\n}\n\nCondition.propTypes = {\n condition: PropTypes.object.isRequired,\n questions: PropTypes.array.isRequired,\n products: PropTypes.array,\n emails: PropTypes.array.isRequired,\n count: PropTypes.number.isRequired,\n handleConditionEdit: PropTypes.func,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n isMobile: PropTypes.bool,\n conditionValidation: PropTypes.func,\n numberOfCondition: PropTypes.number,\n onConditionClick: PropTypes.func,\n toggleToast: PropTypes.func,\n deletedConditions: PropTypes.func,\n uncheckConditions: PropTypes.func\n};\n\nreactMixin(Condition.prototype, TranslationMixin);\n\nexport default Condition;\n","import IfTermContainer from './IfTermsContainer';\nimport ConditionUtils from './ConditionUtils';\nimport Condition from './Condition';\nimport '../../styles/u.less';\nimport '../../styles/conditions.less';\n\nconst ConditionContainerMiniModule = {\n IfTermContainer,\n ConditionUtils,\n Condition\n};\n\nexport default ConditionContainerMiniModule;\n","import React, { Component } from 'react';\nimport {\n string,\n bool,\n func,\n node,\n elementType,\n oneOfType\n} from 'prop-types';\n\nimport '../styles/style.scss';\n\nexport class Checkbox extends Component {\n get classNames() {\n const {\n className,\n checked,\n size,\n backgroundColor\n } = this.props;\n\n return [\n 'jfCheckbox-wrapper',\n className,\n checked ? 'isChecked' : null,\n size ? 'hasSize' : null,\n backgroundColor === 'transparent' ? 'isTransparent' : null\n ].filter(a => a).join(' ');\n }\n\n render() {\n const {\n tabIndex,\n name,\n icon,\n checked,\n indeterminate,\n onChange,\n onClick,\n backgroundColor,\n borderColor,\n disabled,\n dataId,\n size,\n ariaLabel\n } = this.props;\n\n return (\n - \n
- \n this.props.handleConditionEdit(this.props.condition)} className=\"conditionItem-action-container\">\n\n\n\n {this.translate('Edit')}\n
\n \n - \n \n\n\n\n {this.translate('Clone')}\n
\n \n { renderToggleLogic }\n - \n \n\n\n\n {this.translate('Delete')}\n
\n \n
- \n
- \n \n\n\n\n {this.translate('Delete')}\n
\n \n { renderToggleLogic }\n - \n \n\n\n\n {this.translate('Clone')}\n
\n \n
{icon}
\n ) : (\n \n \n
\n )}\n \n );\n }\n}\n\nCheckbox.propTypes = {\n name: string,\n className: string,\n icon: oneOfType([elementType, node]),\n indeterminate: bool,\n checked: bool,\n onChange: func,\n onClick: func,\n backgroundColor: string,\n borderColor: string,\n disabled: bool,\n dataId: string,\n tabIndex: string,\n size: string,\n ariaLabel: string\n};\n\nCheckbox.defaultProps = {\n name: '',\n className: '',\n icon: null,\n indeterminate: false,\n checked: false,\n onChange: f => f,\n onClick: f => f,\n backgroundColor: null,\n borderColor: null,\n disabled: false,\n dataId: null,\n tabIndex: '-1',\n size: null,\n ariaLabel: ''\n};\n","import React, { Component } from 'react';\nimport {\n string,\n bool,\n func,\n node,\n oneOfType,\n elementType,\n shape\n} from 'prop-types';\n\nimport { Checkbox } from './Checkbox';\n\nclass CheckboxItem extends Component {\n constructor(props) {\n super(props);\n this.name = props.name || `checkbox-${Math.random().toString(36).substr(2, 8)}`;\n }\n\n get classNames() {\n const {\n className,\n checked,\n isReverse,\n backgroundColor\n } = this.props;\n\n return [\n 'jfCheckbox-item',\n className,\n checked ? 'isChecked' : null,\n isReverse ? 'isReverse' : null,\n backgroundColor === 'transparent' ? 'isTransparent' : null\n ].filter(a => a).join(' ');\n }\n\n render() {\n const {\n children,\n indeterminate,\n checked,\n onChange,\n onClick,\n backgroundColor,\n borderColor,\n icon,\n disabled,\n dataId,\n tabIndex,\n size,\n forwardedRef, // eslint-disable-line react/prop-types\n ariaLabel,\n labelProps = {}\n } = this.props;\n\n return (\n {children}
\n \n );\n }\n}\n\nCheckboxItem.propTypes = {\n children: oneOfType([node, elementType]),\n icon: oneOfType([node, elementType]),\n name: string,\n indeterminate: bool,\n checked: bool,\n onChange: func,\n onClick: func,\n className: string,\n isReverse: bool,\n backgroundColor: string,\n borderColor: string,\n disabled: bool,\n dataId: string,\n tabIndex: string,\n size: string,\n ariaLabel: string,\n labelProps: shape({})\n};\n\nCheckboxItem.defaultProps = {\n children: null,\n icon: null,\n name: null,\n indeterminate: false,\n checked: false,\n onChange: f => f,\n onClick: f => f,\n className: null,\n isReverse: false,\n backgroundColor: null,\n borderColor: null,\n disabled: false,\n dataId: null,\n tabIndex: null,\n size: null,\n ariaLabel: '',\n labelProps: {}\n};\n\nexport default React.forwardRef((props, ref) => \n
\n \n );\n};\n\nconst IdentifierType = oneOfType([string, number]);\n\nColoredBarDropdown.propTypes = {\n options: arrayOf(shape({\n id: IdentifierType,\n value: string,\n color: string\n })).isRequired,\n targetRef: shape({ current: any }).isRequired,\n headerIconProps: shape({}),\n isVisible: bool,\n showHeaderIcon: bool,\n HeaderIcon: elementType,\n disabledOptionList: arrayOf(IdentifierType),\n selectedOption: IdentifierType,\n headerText: string,\n onItemRemoved: func,\n onItemClicked: func,\n onHeaderIconClick: func,\n tooltipRenderer: func,\n otherSelectedOptions: arrayOf(IdentifierType)\n};\n\nColoredBarDropdown.defaultProps = {\n isVisible: false,\n showHeaderIcon: false,\n disabledOptionList: [],\n selectedOption: '',\n headerText: '',\n headerIconProps: {},\n onItemRemoved: f => f,\n onItemClicked: f => f,\n onHeaderIconClick: f => f,\n HeaderIcon: () => null,\n tooltipRenderer: () => null,\n otherSelectedOptions: []\n};\n\nexport default ColoredBarDropdown;\n","import {\n arrayOf, bool, func, number, oneOfType, shape, string\n} from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { t } from '@jotforminc/translation';\nimport ColoredBar from '.';\n\nconst ColoredBarGroup = ({\n options, extendButtonText, initialFocusToItem, colorPalette, disabledOptionList,\n selectedOption, selectedProps, popoverOptions,\n canExtend, canRemove, canChangeColor, canChangeValue,\n onItemValueChanged, onItemColorChanged, onItemAdded, onItemRemoved, onItemClicked,\n onItemValueFocused, onItemValueBlurred, tooltipRenderer, otherSelectedOptions\n}) => {\n const [hasEmptyElement, setHasEmptyElement] = useState(false);\n const focusedElement = useRef();\n const checkIfHasEmptyElement = ({ id: externalID = '', value: externalValue = '' } = {}) => {\n setHasEmptyElement(options.some(({ id, value }) => {\n const valueToCheck = id === externalID ? externalValue : value;\n return !valueToCheck;\n }));\n };\n\n const onColorChanged = (id, value) => {\n onItemColorChanged({\n id,\n value\n });\n };\n const onValueChanged = (id, value) => {\n onItemValueChanged({\n id,\n value\n });\n checkIfHasEmptyElement({ id, value });\n };\n const onValueBlur = (id, event) => {\n onItemValueBlurred({\n id,\n event\n });\n };\n const onRemoved = id => {\n onItemRemoved(id);\n };\n const onClicked = (id, event) => {\n onItemClicked({\n id,\n event\n });\n };\n const onValueFocused = (id, event) => {\n onItemValueFocused({\n id,\n event\n });\n };\n useEffect(() => {\n focusedElement.current?.focus?.();\n checkIfHasEmptyElement();\n }, [options]);\n\n return (\n \n
\n \n {headerText}\n
\n {showHeaderIcon && HeaderIcon && (\n f} onClick={onHeaderIconClick}>\n
\n )}\n \n {options.map(({\n id, value, color, type\n }) => {\n const isFocused = initialFocusToItem === id;\n const isDisabled = disabledOptionList.includes(id);\n const isUsed = otherSelectedOptions.includes(id) && selectedOption !== id;\n return (\n
\n );\n};\n\nconst IdentifierType = oneOfType([string, number]);\n\nColoredBarGroup.propTypes = {\n options: arrayOf(shape(\n {\n id: IdentifierType,\n value: string,\n color: string\n }\n )).isRequired,\n extendButtonText: string,\n initialFocusToItem: IdentifierType,\n colorPalette: arrayOf(string),\n disabledOptionList: arrayOf(IdentifierType),\n selectedOption: IdentifierType,\n selectedProps: shape({}),\n popoverOptions: shape({}),\n canExtend: bool,\n canRemove: bool,\n canChangeColor: bool,\n canChangeValue: bool,\n onItemValueChanged: func,\n onItemColorChanged: func,\n onItemRemoved: func,\n onItemAdded: func,\n onItemClicked: func,\n onItemValueFocused: func,\n onItemValueBlurred: func,\n tooltipRenderer: func,\n otherSelectedOptions: arrayOf(IdentifierType)\n};\n\nColoredBarGroup.defaultProps = {\n extendButtonText: '',\n initialFocusToItem: null,\n colorPalette: [\n '#ff5782', '#ff1d41', '#9469ce', '#58d7e3',\n '#ff9757', '#e991d6', '#5e74e6', '#21caff',\n '#ff6767', '#363e76', '#8583a9', '#0090ba',\n '#01bd6f', '#ffb811'\n ],\n disabledOptionList: [],\n selectedOption: '',\n selectedProps: {},\n popoverOptions: {},\n canExtend: true,\n canRemove: true,\n canChangeColor: true,\n canChangeValue: true,\n onItemValueChanged: f => f,\n onItemColorChanged: f => f,\n onItemRemoved: f => f,\n onItemAdded: f => f,\n onItemClicked: f => f,\n onItemValueFocused: f => f,\n onItemValueBlurred: f => f,\n tooltipRenderer: () => null,\n otherSelectedOptions: []\n};\n\nexport default ColoredBarGroup;\n","\n","import React, {\n forwardRef, useEffect, useRef, useState\n} from 'react';\nimport classNames from 'classnames';\nimport { ColorPicker as UIKitColorPicker, Hooks } from '@jotforminc/uikit';\nimport { isBright } from '@jotforminc/utils';\nimport {\n bool, elementType, func, shape, string\n} from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport '../styles/ColoredBar.scss';\nimport { IconDropletFilled, IconXmark } from '@jotforminc/svg-icons';\n\nconst ColorPickerWrapper = props => ;\n\nconst ColorPickerButton = forwardRef((props, ref) => {\n return (\n \n onValueChanged(id, val)}\n onColorChange={val => onColorChanged(id, val)}\n onRemoveClick={() => onRemoved(id)}\n onClick={e => onClicked(id, e)}\n canRemove={canRemove}\n canChangeColor={canChangeColor}\n canChangeValue={canChangeValue}\n disabled={isDisabled}\n onValueFocus={e => onValueFocused(id, e)}\n onValueBlur={e => onValueBlur(id, e)}\n isUsed={isUsed}\n {...(selectedOption === id ? selectedProps : {})}\n {...(isFocused ? { ref: focusedElement } : {})}\n />\n {tooltipRenderer ? tooltipRenderer(type) : null}\n
\n );\n })}\n {canExtend && (\n \n \n {extendButtonText}\n \n
\n )}\n \n {canChangeValue ? (\n onTextChange(e.target.value)}\n onBlur={onValueBlur}\n onFocus={onValueFocus}\n disabled={disabled}\n type=\"text\"\n className={classNames('jfColoredBar-input')}\n maxLength={30}\n />\n ) : textValue}\n
\n {canChangeColor && (\n \n
\n )}\n {canRemove && (\n \n
\n )}\n {isUsed && (\n \n )}\n \n );\n});\n\nColoredBar.propTypes = {\n color: string,\n value: string,\n placeholder: string,\n disabled: bool,\n className: string,\n popoverOptions: shape({}),\n onColorChange: func,\n onValueChange: func,\n onRemoveClick: func,\n onClick: func,\n onValueFocus: func,\n onValueBlur: func,\n canRemove: bool,\n canChangeColor: bool,\n canChangeValue: bool,\n ColorButtonRenderer: elementType,\n RemoveButtonRenderer: elementType,\n isUsed: bool\n};\n\nColoredBar.defaultProps = {\n color: '',\n value: '',\n placeholder: '',\n disabled: false,\n className: '',\n popoverOptions: {},\n onColorChange: f => f,\n onValueChange: f => f,\n onRemoveClick: f => f,\n onClick: f => f,\n onValueFocus: f => f,\n onValueBlur: f => f,\n canRemove: true,\n canChangeColor: true,\n canChangeValue: true,\n ColorButtonRenderer: ColorPickerButton,\n RemoveButtonRenderer: RemoveButton,\n isUsed: false\n};\n\nexport default ColoredBar;\n","import React, { useRef } from 'react';\nimport { string } from 'prop-types';\nimport Styled from 'styled-components';\nimport { Button as UIKitButton, Tooltip as UIKitTooltip, Hooks } from '@jotforminc/uikit';\n\n/* eslint-disable max-len */\nconst ScUIKitButton = Styled(UIKitButton)`\n &.bare {\n font-size: .875em;\n color: #4170e2;\n text-decoration: none;\n background: transparent;\n cursor: pointer;\n box-shadow: none;\n padding: 0;\n border: 0;\n\n &.forSettings {\n svg {\n vertical-align: text-bottom;\n margin-right: 2px;\n width: 18px;\n height: 18px;\n\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 2px;\n }\n }\n\n span {\n font-size: 16px;\n margin-left: 4px;\n }\n\n }\n }\n\n &.taste {\n display: inline-block;\n padding: 12px 1em;\n border-radius: 4px;\n cursor: pointer;\n text-transform: uppercase;\n border: 0;\n font-weight: 500;\n font-size: 15px;\n line-height: 14px;\n\n &[disabled] { opacity: .6; cursor: initial; }\n }\n\n &.taste.isBold {\n font-weight: bold;\n }\n\n &.taste.isGhost {\n background-color: #FAFAFC;\n border: 1px solid #ADB4D2;\n color: #ADB4D2;\n transition: all .3s;\n\n &:hover {\n color: #6F76A7;\n border: 1px solid #ADB4D2;\n background-color: #F3F3FE;\n }\n }\n\n &.taste.isGreen {\n background-color: #78BB07;\n color: #fff;\n transition: background-color .3s;\n\n &:hover {\n background-color: #4EB100;\n }\n }\n\n &.taste.isRed {\n background-color: #DC2626;\n color: #fff;\n }\n\n &.taste.isGray {\n background-color: #dddfe9;\n color: #2c3345;\n }\n\n &.taste.isBlue {\n background-color: #4170e2;\n color: #fff;\n }\n\n &.taste.forCopy {\n padding: 0;\n white-space: nowrap;\n\n svg {\n margin-right: .5em;\n vertical-align: -3px;\n width: 17px;\n height: 17px;\n }\n > div { padding: .5em 1em; }\n }\n\n &.outline {\n display: inline-block;\n padding: .5em 1em;\n border-radius: 2px;\n cursor: pointer;\n background: transparent;\n border: 1px solid currentColor;\n font-size: .875em;\n line-height: 1rem;\n font-weight: 500;\n }\n &.forRevoke {\n font-size: .875em;\n color: #f9535c;\n margin: 0 .5rem 0 auto;\n padding: 0.5em 0.7em;\n border-radius: 4px;\n display: inline-flex;\n align-items: center;\n\n &:hover { background-color: #FEF2F2; }\n\n svg {\n width: 14px;\n height: 14px;\n margin-right: 4px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .hom { display: none; }\n }\n`;\n\n/* eslint-enable max-len */\n\nexport const ScUIKitTooltip = Styled(props => \n {showAvatars && }\n
\n );\n};\n\nApprover.defaultProps = {\n className: null,\n children: null,\n type: null,\n showAvatars: true\n};\n\nApprover.propTypes = {\n className: string,\n children: node,\n type: string,\n showAvatars: bool\n};\n\nexport default Approver;\n","/* eslint-disable max-len */\nimport React from 'react';\nimport { string } from 'prop-types';\nimport classNames from 'classnames';\n\nconst Sign = ({ className, ...props }) => {\n return (\n \n {children}\n
\n \n \n
\n );\n};\n\nSign.defaultProps = {\n className: null\n};\n\nSign.propTypes = {\n className: string\n};\n\nexport default Sign;\n","/* eslint-disable max-len */\n\nimport { node, string, func } from 'prop-types';\nimport React from 'react';\nimport './ApprovalReportSample.scss';\nimport {\n Select,\n Text,\n Sign,\n Approver\n} from './Demo';\n\nconst ReportSample = ({ threadState, logo, t }) => {\n const {\n showSignature, showComments, showAssigneeEmail, showAvatars\n } = threadState;\n return (\n \n
\n );\n};\n\nReportSample.defaultProps = {\n threadState: {},\n logo: '//cdn.jotfor.ms/assets/img/logo2021/jotform-logo.svg',\n t: f => f\n};\n\nReportSample.propTypes = {\n threadState: node,\n logo: string,\n t: func\n};\n\nexport default ReportSample;\n","export const allowedQuestions = [\n 'control_fullname',\n 'control_email',\n 'control_address',\n 'control_phone',\n 'control_textbox',\n 'control_textarea',\n 'control_dropdown',\n 'control_radio',\n 'control_checkbox',\n 'control_number',\n 'control_spinner',\n 'control_scale'\n];\n\nexport const prettyFieldLabels = {\n control_fullname: {\n prefix: 'Prefix',\n first: 'First Name',\n middle: 'Middle Name',\n last: 'Last Name',\n suffix: 'Suffix'\n },\n control_address: {\n addr_line1: 'Street Address',\n addr_line2: 'Street Address Line 2',\n city: 'City',\n state: 'State / Province',\n postal: 'Postal / Zip Code'\n },\n control_phone: {\n area: 'Area Code',\n phone: 'Phone Number',\n country: 'Country Code'\n },\n control_time: {\n hour: 'Hour',\n minutes: 'Minutes',\n ampm: 'AM/PM'\n },\n control_datetime: {\n day: 'Day',\n month: 'Month',\n year: 'Year',\n hour: 'Hour',\n minutes: 'Minutes',\n ampm: 'AM/PM'\n }\n};\n\nexport const prettyContainerTitles = {\n control_yesno: 'Yes/No',\n control_head: 'Heading',\n control_fullname: 'Full Name',\n control_image: 'Image',\n control_number: 'Number',\n control_email: 'Email',\n control_captcha: 'Captcha',\n control_collapse: 'Form Collapse',\n control_address: 'Address',\n control_button: 'Submit Button',\n control_spinner: 'Spinner',\n control_scale: 'Scale Rating',\n control_phone: 'Phone',\n control_rating: 'Star Rating',\n control_matrix: 'Input Table',\n control_pagebreak: 'Page Break',\n control_textbox: 'Short Text',\n control_fileupload: 'File Upload',\n control_time: 'Time',\n control_textarea: 'Long Text',\n control_dropdown: 'Dropdown',\n control_radio: 'Single Choice',\n control_checkbox: 'Multiple Choice',\n control_datetime: 'Date Picker',\n control_hidden: 'Hidden',\n control_slider: 'Slider',\n control_paypal: 'PayPal',\n control_paypalpro: 'PayPal Pro',\n control_cybersource: 'Cyber Source',\n control_paypalexpress: 'PayPal Express',\n control_stripe: 'Stripe',\n control_stripeCheckout: 'Stripe Checkout',\n control_payfast: 'Payfast',\n control_braintree: 'Braintree',\n control_authnet: 'Authorize.net',\n control_dwolla: 'Dwolla',\n control_eway: 'Eway',\n control_square: 'Square',\n control_2co: '2CheckOut',\n control_clickbank: 'ClickBank',\n control_worldpay: 'worldpay',\n control_onebip: 'onebip',\n control_payment: 'Purchase Order',\n control_text: 'Text',\n control_emojislider: 'Emoji Slider',\n control_signature: 'E-Signature',\n control_imagechoice: 'Image Choice',\n control_appointment: 'Appointment',\n control_inline: 'Fill in the Blank',\n 'control_appointment-date': 'Appointment Date',\n 'control_appointment-duration': 'Appointment Duration',\n submissionID: 'Submission ID',\n submissionDate: 'Submission Date',\n formID: 'Form ID'\n};\n\nexport const addressSubFields = {\n st1: 'addr_line1',\n st2: 'addr_line2',\n zip: 'postal',\n state: 'state',\n city: 'city',\n country: 'country'\n};\n","import { t } from '@jotforminc/translation';\n\nimport {\n addressSubFields,\n allowedQuestions,\n prettyContainerTitles,\n prettyFieldLabels\n} from './constants';\n\nfunction getQuestionLabel({\n questionText, qid, type, key\n}) {\n if (questionText) {\n return questionText;\n }\n const labels = prettyFieldLabels[type];\n if (key) {\n return labels && labels[key] ? t(labels[key]) : '';\n }\n return prettyContainerTitles[type]\n ? `${t(prettyContainerTitles[type])} (id${qid})`\n : `(id${qid})`;\n}\n\nexport function automatch(left, right) {\n const autoMatches = [];\n const matchedTypes = {};\n\n const rightTypes = right.reduce((acc, item) => {\n if (item.autoMatchType in acc) {\n return acc;\n }\n\n acc[item.autoMatchType] = item;\n return acc;\n }, {});\n\n left.forEach(target => {\n if (!target.autoMatchType) {\n return;\n }\n\n if (\n target.autoMatchType in rightTypes\n && !(target.autoMatchType in matchedTypes)\n ) {\n autoMatches.push([target.value, rightTypes[target.autoMatchType].selector]);\n matchedTypes[target.autoMatchType] = true;\n }\n });\n\n if (autoMatches.length === 0) {\n return [['', '']];\n }\n\n return autoMatches;\n}\n\n// eslint-disable-next-line complexity\nconst getQuestionSubFields = (question, includeQuestion = false, provider = null) => {\n const { qid, type } = question;\n const data = [];\n let label = '';\n const questionText = question.label || question.text; // label for table columns, text for form questions\n switch (type) {\n case 'control_fullname':\n if (includeQuestion) {\n data.push({\n selector: qid,\n label: questionText,\n qid,\n autoMatchType: type\n });\n }\n\n ['prefix', 'first', 'middle', 'last', 'suffix'].forEach(key => {\n if (question[key] === 'Yes' || ['first', 'last'].indexOf(key) > -1) {\n label = `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${getQuestionLabel({\n questionText: question.sublabels?.[key],\n type,\n key\n })}`;\n data.push({\n selector: `${key}_${qid}`,\n label,\n qid: `${qid}-${key}`,\n autoMatchType: `${type}-${key}`\n });\n }\n });\n break;\n case 'control_address':\n if (includeQuestion) {\n data.push({\n selector: qid,\n label: questionText,\n qid,\n autoMatchType: type\n });\n }\n if (question.subfields) {\n question.subfields.split('|').forEach(key => {\n const subKey = addressSubFields[key];\n if (!subKey) return;\n label = `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${getQuestionLabel({\n questionText: question.sublabels?.[subKey],\n type,\n key: subKey\n })}`;\n data.push({\n selector: `input_${qid}_${subKey}`,\n label,\n qid: `${qid}-${subKey}`,\n autoMatchType: `${question.type}-${subKey}`\n });\n });\n }\n break;\n case 'control_phone':\n if (question.inputMask === 'enable') {\n data.push({\n selector: `input_${qid}_full`,\n label: getQuestionLabel({ questionText, qid, type }),\n qid,\n autoMatchType: question.type\n });\n } else {\n if (includeQuestion) {\n data.push({\n selector: qid,\n label: questionText,\n qid,\n autoMatchType: type\n });\n }\n\n const keys = ['area', 'phone'];\n if (question.countryCode === 'Yes') {\n keys.unshift('country');\n }\n keys.forEach(key => {\n label = `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${getQuestionLabel({\n questionText: question.sublabels?.[key],\n type,\n key\n })}`;\n data.push({\n selector: `input_${qid}_${key}`,\n label,\n qid: `${qid}-${key}`\n });\n });\n }\n break;\n case 'control_datetime':\n if (question.liteMode === 'Yes') {\n const newData = {\n selector: `lite_mode_${qid}`,\n label: `${questionText} - ${question.sublabels?.litemode || ''}`,\n qid\n };\n // adds automatch feature for workflow on datetime question type\n data.push(provider === 'workflow' ? { ...newData, autoMatchType: type } : newData);\n } else {\n ['day', 'month', 'year'].forEach(key => {\n label = `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${getQuestionLabel({\n questionText: question.sublabels?.[key],\n type,\n key\n })}`;\n data.push({\n selector: `${key}_${qid}`,\n label,\n qid: `${qid}-${key}`\n });\n });\n }\n\n if (question.allowTime === 'Yes') {\n const hour = getQuestionLabel({\n questionText: question.sublabels.hour,\n type,\n key: 'hour'\n });\n const minutes = getQuestionLabel({\n questionText: question.sublabels.minutes,\n type,\n key: 'minutes'\n });\n label = `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${hour} ${minutes}`;\n data.push({\n selector: `input_${qid}_timeInput`,\n label,\n qid: `${qid}-timeInput`\n });\n\n if (question.timeFormat === 'AM/PM') {\n data.push({\n selector: `input_${qid}_ampm`,\n label: `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${getQuestionLabel({\n questionText: question.sublabels.ampm,\n type,\n key: 'ampm'\n })}`,\n qid: `${qid}-ampm`\n });\n }\n }\n break;\n case 'control_radio':\n case 'control_checkbox':\n case 'control_scale':\n data.push({\n selector: `input_${qid}_1`,\n label: getQuestionLabel({ questionText, qid, type }),\n qid\n });\n break;\n case 'control_time':\n const hourLabel = getQuestionLabel({\n questionText: question.sublabels.hour,\n type,\n key: 'hour'\n });\n const minLabel = getQuestionLabel({\n questionText: question.sublabels.minutes,\n type,\n key: 'minutes'\n });\n label = `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${hourLabel} ${minLabel}`;\n\n const newData = {\n selector: `input_${qid}_timeField`,\n label,\n qid: `${qid}-timeField`\n };\n\n // adds automatch feature for workflow on datetime question type\n data.push(provider === 'workflow' ? { ...newData, autoMatchType: type } : newData);\n\n if (question.timeFormat === 'AM/PM') {\n data.push({\n selector: `input_${qid}_ampm`,\n label: `${getQuestionLabel({\n questionText,\n qid,\n type\n })} - ${getQuestionLabel({\n questionText: question.sublabels.ampm,\n type,\n key: 'ampm'\n })}`,\n qid: `${qid}-ampm`\n });\n }\n break;\n case 'control_email':\n data.push({\n selector: `input_${qid}`,\n label: getQuestionLabel({ questionText, qid, type }),\n qid,\n autoMatchType: question.type\n });\n break;\n default:\n data.push({\n selector: `input_${qid}`,\n label: getQuestionLabel({ questionText, qid, type }),\n qid\n });\n break;\n }\n\n return data;\n};\n\nfunction extendAllowedQuestionWithProvider(provider, isLeftQuestions) {\n const supportedQuestion = allowedQuestions;\n switch (true) {\n case ['workflow', 'tables', 'anotherForm'].indexOf(provider) > -1:\n const questionTypes = supportedQuestion?.concat(['control_datetime', 'control_time']);\n if (isLeftQuestions) {\n return questionTypes?.concat(['control_autoincrement']);\n }\n return questionTypes;\n case provider === 'thankYou':\n return supportedQuestion?.concat(['control_datetime']);\n default:\n return supportedQuestion;\n }\n}\n\nexport function getFormattedQuestions(questions, includeQuestion = false, provider = null, isLeftQuestions = false) {\n const _questions = [];\n questions.forEach(item => {\n let supportedQuestion = allowedQuestions;\n if (provider) supportedQuestion = extendAllowedQuestionWithProvider(provider, isLeftQuestions);\n if (supportedQuestion.indexOf(item.type) === -1) return;\n\n const subFieldData = getQuestionSubFields(item, includeQuestion, provider);\n\n subFieldData.forEach((field, index) => {\n _questions.push({\n ...field,\n qid: item.qid,\n id: `jot_${item.qid}_${index}`,\n value: includeQuestion ? field.qid : field.selector,\n questionValue: field.qid,\n isProtected: item.protected === 'Yes'\n });\n });\n });\n\n return _questions;\n}\n\nexport function isMappingValid(mapping, leftOptions, rightOptions) {\n for (let i = 0; i < mapping.length; i++) {\n const item = mapping[i];\n const isLeftDeleted = item[0] && leftOptions.find(q => q.value === item[0]) === undefined;\n const isRightDeleted = item[1] !== '' && rightOptions.find(q => q.value === item[1]) === undefined;\n if (isLeftDeleted || isRightDeleted) {\n return false;\n }\n }\n return true;\n}\n\nexport function convertItemsToOptions(items) {\n return items.map(item => {\n return {\n text: item.label,\n value: item.value,\n name: item.selector,\n isProtected: item.isProtected\n };\n });\n}\n\nexport function convertPrefillSettingsToPrefillFieldMapping(prefill) {\n if (!prefill) {\n return null;\n }\n const { configuration: { mapping = [] } = {} } = prefill;\n return mapping.map(e => {\n return [e.target, e.jot];\n });\n}\n\nexport function convertPrefillFieldMappingToPrefillSettings(mapping) {\n if (!mapping || mapping.length === 0) {\n return null;\n }\n\n const mapPrefillsToSettings = [];\n\n mapping.forEach(element => {\n mapPrefillsToSettings.push({\n target: element[0],\n jot: element[1]\n });\n });\n return {\n mapping: mapPrefillsToSettings\n };\n}\n\nexport function removeIncompleteMatches(mapping) {\n if (!mapping) {\n return [];\n }\n return mapping.filter(m => {\n return m[0] !== '' && m[1] !== '';\n });\n}\n","/* eslint-disable */\nimport tlds from 'tlds';\n\nexport const TLDs = tlds.join('|');\nexport const EMAIL_PATTERN = new RegExp(`^[a-z0-9_\\`'\\\\-\\\\+\\\\&+]+(\\\\.[_a-z0-9'\\\\-\\\\+]+)*@([_a-z0-9\\\\-]+\\\\.)+([a-z]{2}|${TLDs})$`, 'i');\n","export const Languages = [\n { key: 'aa', value: 'Afar' },\n { key: 'ab', value: 'Abkhazian' },\n { key: 'ae', value: 'Avestan' },\n { key: 'af', value: 'Afrikaans' },\n { key: 'ak', value: 'Akan' },\n { key: 'am', value: 'Amharic' },\n { key: 'an', value: 'Aragonese' },\n { key: 'ar', value: 'Arabic' },\n { key: 'as', value: 'Assamese' },\n { key: 'av', value: 'Avaric' },\n { key: 'ay', value: 'Aymara' },\n { key: 'az', value: 'Azerbaijani' },\n { key: 'ba', value: 'Bashkir' },\n { key: 'be', value: 'Belarusian' },\n { key: 'bg', value: 'Bulgarian' },\n { key: 'bh', value: 'Bihari' },\n { key: 'bi', value: 'Bislama' },\n { key: 'bm', value: 'Bambara' },\n { key: 'bn', value: 'Bengali' },\n { key: 'bo', value: 'Tibetan' },\n { key: 'br', value: 'Breton' },\n { key: 'bs', value: 'Bosnian' },\n { key: 'ca', value: 'Catalan' },\n { key: 'ce', value: 'Chechen' },\n { key: 'ch', value: 'Chamorro' },\n { key: 'co', value: 'Corsican' },\n { key: 'cr', value: 'Cree' },\n { key: 'cs', value: 'Czech' },\n { key: 'cu', value: 'Church Slavic' },\n { key: 'cv', value: 'Chuvash' },\n { key: 'cy', value: 'Welsh' },\n { key: 'da', value: 'Danish' },\n { key: 'de', value: 'German' },\n { key: 'dv', value: 'Divehi' },\n { key: 'dz', value: 'Dzongkha' },\n { key: 'ee', value: 'Ewe' },\n { key: 'el', value: 'Greek' },\n { key: 'en', value: 'English' },\n { key: 'eo', value: 'Esperanto' },\n { key: 'es', value: 'Spanish' },\n { key: 'et', value: 'Estonian' },\n { key: 'eu', value: 'Basque' },\n { key: 'fa', value: 'Persian' },\n { key: 'ff', value: 'Fulah' },\n { key: 'fi', value: 'Finnish' },\n { key: 'fj', value: 'Fijian' },\n { key: 'fo', value: 'Faroese' },\n { key: 'fr', value: 'Français' },\n { key: 'fy', value: 'Western Frisian' },\n { key: 'ga', value: 'Irish' },\n { key: 'gd', value: 'Scottish Gaelic' },\n { key: 'gl', value: 'Galician' },\n { key: 'gn', value: 'Guarani' },\n { key: 'gu', value: 'Gujarati' },\n { key: 'gv', value: 'Manx' },\n { key: 'ha', value: 'Hausa' },\n { key: 'he', value: 'Hebrew' },\n { key: 'hi', value: 'Hindi' },\n { key: 'ho', value: 'Hiri Motu' },\n { key: 'hr', value: 'Croatian' },\n { key: 'ht', value: 'Haitian' },\n { key: 'hu', value: 'Hungarian' },\n { key: 'hy', value: 'Armenian' },\n { key: 'hz', value: 'Herero' },\n { key: 'ia', value: 'Interlingua' },\n { key: 'id', value: 'Indonesian' },\n { key: 'ie', value: 'Interlingue' },\n { key: 'ig', value: 'Igbo' },\n { key: 'ii', value: 'Sichuan Yi' },\n { key: 'ik', value: 'Inupiaq' },\n { key: 'io', value: 'Ido' },\n { key: 'is', value: 'Icelandic' },\n { key: 'it', value: 'Italian' },\n { key: 'iu', value: 'Inuktitut' },\n { key: 'ja', value: 'Japanese' },\n { key: 'jv', value: 'Javanese' },\n { key: 'ka', value: 'Georgian' },\n { key: 'kg', value: 'Kongo' },\n { key: 'ki', value: 'Kikuyu' },\n { key: 'kj', value: 'Kwanyama' },\n { key: 'kk', value: 'Kazakh' },\n { key: 'kl', value: 'Kalaallisut' },\n { key: 'km', value: 'Khmer' },\n { key: 'kn', value: 'Kannada' },\n { key: 'ko', value: 'Korean' },\n { key: 'kr', value: 'Kanuri' },\n { key: 'ks', value: 'Kashmiri' },\n { key: 'ku', value: 'Kurdish' },\n { key: 'kv', value: 'Komi' },\n { key: 'kw', value: 'Cornish' },\n { key: 'ky', value: 'Kirghiz' },\n { key: 'la', value: 'Latin' },\n { key: 'lb', value: 'Luxembourgish' },\n { key: 'lg', value: 'Ganda' },\n { key: 'li', value: 'Limburgish' },\n { key: 'ln', value: 'Lingala' },\n { key: 'lo', value: 'Lao' },\n { key: 'lt', value: 'Lithuanian' },\n { key: 'lu', value: 'Luba-Katanga' },\n { key: 'lv', value: 'Latvian' },\n { key: 'mg', value: 'Malagasy' },\n { key: 'mh', value: 'Marshallese' },\n { key: 'mi', value: 'Maori' },\n { key: 'mk', value: 'Macedonian' },\n { key: 'ml', value: 'Malayalam' },\n { key: 'mn', value: 'Mongolian' },\n { key: 'mr', value: 'Marathi' },\n { key: 'ms', value: 'Malay' },\n { key: 'mt', value: 'Maltese' },\n { key: 'my', value: 'Burmese' },\n { key: 'na', value: 'Nauru' },\n { key: 'nb', value: 'Norwegian Bokmal' },\n { key: 'nd', value: 'North Ndebele' },\n { key: 'ne', value: 'Nepali' },\n { key: 'ng', value: 'Ndonga' },\n { key: 'nl', value: 'Nederlands' },\n { key: 'nn', value: 'Norwegian Nynorsk' },\n { key: 'no', value: 'Norwegian' },\n { key: 'nr', value: 'South Ndebele' },\n { key: 'nv', value: 'Navajo' },\n { key: 'ny', value: 'Chichewa' },\n { key: 'oc', value: 'Occitan' },\n { key: 'oj', value: 'Ojibwa' },\n { key: 'om', value: 'Oromo' },\n { key: 'or', value: 'Oriya' },\n { key: 'os', value: 'Ossetian' },\n { key: 'pa', value: 'Panjabi' },\n { key: 'pi', value: 'Pali' },\n { key: 'pl', value: 'Polish' },\n { key: 'ps', value: 'Pashto' },\n { key: 'pt', value: 'Portuguese' },\n { key: 'qu', value: 'Quechua' },\n { key: 'rm', value: 'Raeto-Romance' },\n { key: 'rn', value: 'Kirundi' },\n { key: 'ro', value: 'Română' },\n { key: 'ru', value: 'Russian' },\n { key: 'rw', value: 'Kinyarwanda' },\n { key: 'sa', value: 'Sanskrit' },\n { key: 'sc', value: 'Sardinian' },\n { key: 'sd', value: 'Sindhi' },\n { key: 'se', value: 'Northern Sami' },\n { key: 'sg', value: 'Sango' },\n { key: 'si', value: 'Sinhala' },\n { key: 'sk', value: 'Slovak' },\n { key: 'sl', value: 'Slovenian' },\n { key: 'sm', value: 'Samoan' },\n { key: 'sn', value: 'Shona' },\n { key: 'so', value: 'Somali' },\n { key: 'sq', value: 'Albanian' },\n { key: 'sr', value: 'Serbian' },\n { key: 'ss', value: 'Swati' },\n { key: 'st', value: 'Southern Sotho' },\n { key: 'su', value: 'Sundanese' },\n { key: 'sv', value: 'Swedish' },\n { key: 'sw', value: 'Swahili' },\n { key: 'ta', value: 'Tamil' },\n { key: 'te', value: 'Telugu' },\n { key: 'tg', value: 'Tajik' },\n { key: 'th', value: 'Thai' },\n { key: 'ti', value: 'Tigrinya' },\n { key: 'tk', value: 'Turkmen' },\n { key: 'tl', value: 'Filipino' },\n { key: 'tn', value: 'Tswana' },\n { key: 'to', value: 'Tonga' },\n { key: 'tr', value: 'Turkish' },\n { key: 'ts', value: 'Tsonga' },\n { key: 'tt', value: 'Tatar' },\n { key: 'tw', value: 'Twi' },\n { key: 'ty', value: 'Tahitian' },\n { key: 'ug', value: 'Uighur' },\n { key: 'uk', value: 'Ukrainian' },\n { key: 'ur', value: 'Urdu' },\n { key: 'uz', value: 'Uzbek' },\n { key: 've', value: 'Venda' },\n { key: 'vi', value: 'Vietnamese' },\n { key: 'vo', value: 'Volapuk' },\n { key: 'wa', value: 'Walloon' },\n { key: 'wo', value: 'Wolof' },\n { key: 'xh', value: 'Xhosa' },\n { key: 'yi', value: 'Yiddish' },\n { key: 'yo', value: 'Yoruba' },\n { key: 'za', value: 'Zhuang' },\n { key: 'zh', value: 'Chinese' },\n { key: 'zu', value: 'Zulu' }\n];\n","import {\n bool, oneOfType, shape, number, string, node, elementType, objectOf, oneOf, arrayOf\n} from 'prop-types';\n\nconst answersPropType = oneOfType([\n objectOf(shape({})).isRequired,\n bool\n]);\n\nconst formPropType = shape({\n id: oneOfType([string, number]).isRequired,\n title: string.isRequired,\n isEncrypted: oneOf(['Yes', 'No']),\n count: oneOfType([string, number]).isRequired,\n new: oneOfType([string, number]).isRequired,\n flag: oneOfType([string, number]),\n last_submission: string,\n pdfTemplates: arrayOf(shape({})),\n paymentStrings: arrayOf(objectOf(string)),\n products: arrayOf(objectOf(oneOfType([shape({}), string]))),\n hideSubmissionHeader: oneOf(['Yes', 'No']),\n showApprovalStatus: oneOf(['Yes', 'No'])\n});\n\nconst propTypes = {\n renderable: oneOfType([\n elementType,\n node\n ]),\n stringOrNumber: oneOfType([\n number,\n string\n ]),\n submissionPropType: shape({\n id: oneOfType([string, number]).isRequired,\n answers: answersPropType.isRequired,\n created_at: string.isRequired\n }),\n userPropType: shape({\n email: string,\n username: string.isRequired,\n language: string.isRequired,\n forms: arrayOf(formPropType).isRequired,\n account_type: oneOfType([string, shape({\n name: string\n })]).isRequired\n })\n};\n\nexport {\n propTypes\n};\n","export const NON_INPUT_QUESTIONS = [\n 'control_pagebreak',\n 'control_collapse',\n 'control_head',\n 'control_text',\n 'control_image',\n 'control_button',\n 'control_captcha',\n 'control_separator',\n 'control_clear',\n 'control_divider'\n];\n\n// these are widgets that do not generate answers.\nexport const NON_INPUT_WIDGETS = [\n '5273bb4faa80af0979000005', // Youtube\n '52a8531850e4cbc101000004', // Progress Bar\n '0fff4c94790070b09933edd8', // Open Street Map\n '5295bb771a667c525e000007', // Kinomap\n '5295c0a8ba5d618d5f000004', // Video Detective\n '526a2cd08a881e882100000c', // Vimeo\n '526a318cdeab09892100001c', // Animoto\n '52721d0af9879ec031000026', // Mobypicture\n '5295afd37da55cb758000008', // 23 Video\n '5295beee9319dafd5e000004', // Socialcam\n '526a2dbf8a881e882100000f', // Funny or Die\n '5295bf984d4ed6385f000004', // TED\n '5295ba694a87e6175e000007', // Howcast\n '5295c1831c9dde8961000004', // Worldstar HipHop\n '526a2d72deab09892100000d', // Dotsub\n '5295bc6528947a7d5e000004', // LogoTV\n '573985710fe4dd7d72000009', // Wistia\n '52930ea905a7114f7000002e', // Embed Flash\n '526a31538a881e8821000015', // Dailymotion\n '5295bfef3c0d37545f000004', // Twitch\n '5295bd563a20442323000004', // MySpace Videos\n '5295b815485bd19f5d000008', // Comedy Central\n '5295b794b3a63a910c000004', // Colbert Nation\n '5295b4bd22d53d3d59000004', // Bambuser\n '5295bfc6edbacd465f000004', // Trailer Addict\n '5295c0785a989c8c5f000004', // UStream\n '529ca19069fc7db354000004', // Livestream\n '5295b856ebc6f2bf5d000004', // Coub\n '5295c144a9770db75f000004', // WordPress TV\n '5295bec630696cfc5e000004', // Screenr\n '526a3007deab098921000016', // Vzaar\n '526a33258a881e882100001b', // Minoto Video\n '5295b9b357166ffb5d000004', // Fora.tv\n '5295bd883a20442323000007', // NFB\n '5295bc310802796e5e000004', // LiveLeak\n '5295bb401a667c525e000004', // KickStarter\n '5295bf7a1750fa375f000004', // StreetFire\n '5295c117bb1d7ea95f000004', // Weavly\n '526a2c3fdeab098921000007', // Hulu\n '5283818625d5b96b67000004', // Viddler\n '5295b9701667a0de5d000008', // ESPN\n '526a33768a881e882100001e', // Youku\n '5295bc9989cc268a5e000004', // MixBit\n '5295b142ba053ae558000004', // AOL On\n '526a32b68a881e8821000018', // Veoh\n '5295c1aaaa24319761000004', // Zapiks\n '526a2ef1deab098921000013', // Metacafe\n '5295b9f083a5d70a5e000004', // Game Trailers\n '52a604a359583c1d56000006', // Movie\n '529cd0ea8afa8f742d000004', // Image Slider\n '5293065005a7114f7000002a', // Fit Text\n '5297606bfe8fa6bf0d000016', // Data grid\n '529260f705a7114f70000008', // Social Follow\n '529641beb15ce2ac76000007', // PDF Embedder\n '528ef93577d598b430000010' // Countdown\n];\n\nexport const STATIC_FIELDS_WITH_PLACEHOLDER = [\n { text: 'Submission ID', placeholder: '{id}' },\n { text: 'Form Title', placeholder: '{form_title}' },\n { text: 'IP Address', placeholder: '{ip}' }\n];\n","export const twoFactorTypeKeys = {\n sms: 'phone',\n authenticatorApp: 'totp'\n};\n\nexport const Texts = {\n MY_FORMS: 'My Forms',\n PROFILE: 'Profile',\n SKIP_CREATE_ACCOUNT: 'Skip Create an Account',\n CONTINUE_DRAFT: 'Continue With Draft',\n DISCARD_START_BLANK: 'You can continue your draft or discard and start with a blank form',\n SAVED_DRAFT_SUBMISSION: 'You have a draft for this form.',\n HELLO_TEXT: 'Hello,',\n LOG_OUT: 'Log out',\n LOGOUT: 'Logout',\n LOGIN_TEXT: 'Log in',\n GET_SHARE_LINK: 'Get Shareable Link',\n EMAIL: 'Email',\n RE_EMAIL: 'Resend Email',\n COPIED_CLIPBOARD: 'Link copied to clipboard!',\n SENT_TO: 'Email sent to',\n DOESNT_SUPPORT_BROWSER: 'Your browser doesn\\'t support this operation',\n SEND_LINK_COMPLETE: 'We’ve sent you an email with a link to complete your submission.',\n START_OVER: `Discard ${encodeURIComponent('&')} Start Over`,\n SAVE_PROGRESS: 'Save your progress',\n ALREADY_HAVE_ACCOUNT: 'Already have an account?',\n DONT_HAVE_ACCOUNT: 'Don’t have an account?',\n ARE_YOU_JOTFORM_ENTERPRISE_USER: 'Are you a Jotform Enterprise user?',\n LOGIN_TO_JOTFORM_ENTERPRISE: 'Log into Jotform Enterprise',\n LOGIN_CAPITAL: 'LOG IN',\n SIGN_UP: 'Sign up',\n CREATE_ACCOUNT: 'Create an Account',\n OTHER_OPTIONS: 'More sign up options',\n SIGN_UP_EMAIL: 'Sign up with Email',\n SIGN_UP_EMAIL_LOWERCASE: 'Sign up with email',\n FULL_NAME: 'Full Name',\n NAME_TEXT: 'Name',\n EMAIL_TEXT: 'Email',\n PASSWORD_TEXT: 'Password',\n CONF_PASSWORD_TEXT: 'Confirm Password',\n TERMS_SERVICE: 'Terms of Service',\n TERMS_OF_USE: 'Terms of Use',\n PRIVACY_POLICY: 'Privacy Policy',\n AND_KEY: 'and',\n OR_KEY: 'OR',\n SUBMISSIONS_SAVED_DRAFT: 'Your form has been saved as a draft.',\n SEND_DRAFT_CONTINUE: 'We’ve sent you an email with a link to continue your form.',\n ENTER_EMAIL: 'If you want to continue your form later, please enter the email address you would like to send the link to:',\n EMAIL_NOT_BLANK: 'Email cannot be left blank',\n SEND_LINK: 'Send link',\n SEND: 'Send',\n BACK_KEY: 'Back',\n SAVE_SUBMISSION: 'Save Submission',\n SAVE_KEY: 'Save',\n SKIP_KEY: 'Skip',\n USERNAME_EMAIL: 'Username or Email',\n LOGIN_SAVE: 'Login and Save Submission',\n AGREE_SERVICE_POLICY: 'I agree to the [1[Terms of Service]], [2[Privacy Policy]] and [3[Cookie Policy]].',\n AGREE_FOR_TURKISH_USERS: 'I have read the [1[KVKK Clarification Text]] and I accept the processing of my personal data in accordance with the [2[Explicit Consent Text]].',\n MORE_HELP_CONTACT: 'If you need more help, please [1[contact our support team.]]',\n MORE_HELP_CONTACT_ENTERPRISE: 'If you need help, please contact with your administrator.',\n FORGOT_PASSWORD: 'Forgot password?',\n FORGOT_YOUR_PASSWORD: 'Forgot your password?',\n PASSWORD_RESET_SENT: 'Password reset instructions have been sent successfully via email.',\n FIELD_REQUIRED: 'This field is required',\n EMAIL_FIELD_REQUIRED: 'Username or email field is required',\n PASS_FIELD_REQUIRED: 'Password field is required',\n ENTER_A_PASSWORD: 'Please enter a password.',\n PASSWORD_OK: 'Password ok',\n PASSWORD_CONFIRMATION_OK: 'Password confirmation ok',\n PASSWORD_CANNOT_BLANK: 'Password cannot be left blank',\n PASS_MIN_CHAR_COUNT: 'Should have minimum 8 characters',\n PASS_INCL_CHARS: 'Should be a mix of upper case, lower case characters, and numbers or special characters',\n FIELDS_SHOULD_MATCH: 'Passwords don\\'t match.',\n SECURE_PASS_DESC: 'Your password must contain at least',\n SECURE_PASS_REUSE: 'Your password must be different from your last 6 passwords',\n SECURE_PASS_REUSE_CONT: ' and contain at least',\n SECURE_PASS_CHAR_COUNT: '8 characters',\n SECURE_PASS_TEST_DESC: 'Your password must include at least',\n SECURE_PASS_UPPERCASE: '1 uppercase letter',\n SECURE_PASS_LOWERCASE: '1 lowercase letter',\n SECURE_PASS_NUMBER: '1 number',\n SECURE_PASS_SPECIAL_CHAR: '1 special character',\n SECURE_PASS_NO_LEADING_OR_TRAILING_WHITESPACE: 'No blank spaces, either at the beginning or at the end',\n PASS_DIFF_PREV: 'Should be different from your last 6 passwords',\n CONNECT_SALESFORCE: 'Connect with Salesforce',\n CONNECT_APPLE: 'Connect with Apple',\n CONNECT_GOOGLE: 'Connect with Google',\n CONNECT_MICROSOFT: 'Connect with Microsoft',\n CONNECT_FACEBOOK: 'Connect with Facebook',\n SIGN_UP_SALESFORCE: 'Sign up with Salesforce',\n SIGN_UP_SALESFORCE_MOBILE: 'Salesforce',\n SIGN_UP_APPLE: 'Sign up with Apple',\n SIGN_UP_GOOGLE: 'Sign up with Google',\n SIGN_UP_GOOGLE_MOBILE: 'Google',\n SIGN_UP_FACEBOOK: 'Sign up with Facebook',\n SIGN_UP_FACEBOOK_MOBILE: 'Facebook',\n SIGN_UP_MICROSOFT: 'Sign up with Microsoft',\n SIGN_UP_MICROSOFT_MOBILE: 'Microsoft',\n SIGN_UP_NOW: 'Sign Up Now!',\n SIGN_UP_NOW_NO_EXCLAMATION_MARK: 'Sign Up Now',\n LOGIN_WITH: 'Log in with',\n LOGIN_SALESFORCE: 'Login with Salesforce',\n SALESFORCE: 'Salesforce',\n LOGIN_GOOGLE: 'Login with Google',\n GOOGLE: 'Google',\n LOGIN_FACEBOOK: 'Login with Facebook',\n FACEBOOK: 'Facebook',\n LOGIN_APPLE: 'Login with Apple',\n APPLE: 'Apple',\n LOGIN_MICROSOFT: 'Login with Microsoft',\n MICROSOFT: 'Microsoft',\n ENTER_USERNAME_EMAIL: 'Enter your username or email',\n SEND_INSTRUCTIONS: 'Send Reset Instructions',\n GO_BACK_TEXT: 'Go back',\n BACK_TO_PRIMARY_METHOD: 'Back to Primary Method',\n CAN_NOT_ACCESS_MY_DEVICE: \"I can't access my authentication device\",\n // eslint-disable-next-line max-len\n RECOVER_ACCOUNT_TEXT: \"If you can't access your authentication device or recovery codes, you can ask for assistance from Jotform support. Click the button below to start your recovery process.\",\n RECOVER_ACCOUNT_MAIL_HAS_BEEN_SENT: 'Your request to have your account recovered has already been sent in. You are unable to submit another request to recover your account until it is finished.',\n RECOVER_YOUR_ACCOUNT: 'Recover Your Account',\n VIEW_SUPPORT_TICKET: 'View Support Ticket',\n VERIFICATION_EMAIL_SENT_TO: 'The verification email has been sent to',\n RECOVER_ACCOUNT_EMAIL_INFO_TEXT: 'Click on the button in the email to create a ticket.',\n RECOVER_ACCOUNT_NOTIFICATION_TEXT: 'After you submit, a member of our support staff will examine your request and get in touch with you to offer assistance within 48 to 72 hours.',\n BACK_TO_LOGIN: 'Back to Login',\n VALID_EMAIL: 'Please type a valid email',\n SENDING: 'Sending...',\n AGREE_TERMS_CONDITIONS: 'Please agree terms and conditions',\n NEED_TO_ACCEPT_TERMS: 'You need to accept our Terms of Service and Privacy Policy to create an account.',\n CHECK_SPAM_FOLDER: 'If you don’t get the email, please check your spam folder.',\n GET_INSTRUCTION_EMAIL: 'You should get the password reset instructions via email soon.',\n OK_TEXT: 'OK',\n CHECK_EMAIL: 'Check your email',\n EMAIL_IS_USE: 'Email is in use:',\n EMAIL_IS_NOTVALID: 'Email is not valid.',\n CURRENT_PASSWORD: 'Current Password',\n SHOW_PASSWORD: 'Show Password',\n HIDE_PASSWORD: 'Hide Password',\n PLEASE_WAIT: 'Please wait',\n WELCOME_BACK: 'Welcome Back!',\n CREATE_MY_ACCOUNT: 'CREATE MY ACCOUNT',\n BY_CLICKING_YOU_AGREE: 'By clicking \"Signup\" you agree our [1[Terms of Service]] and [2[Privacy Policy]]',\n ERROR_TRY_AGAIN: 'There was an error. Please try again later.',\n VERIFY_ITS_YOU: 'Verify it\\'s you!',\n TWO_FACTOR_DESCRIPTION: {\n [twoFactorTypeKeys.sms]: \"We've sent an authentication code to [1[receiver]]. Please check your messages and enter the six-digit code to enable 2FA\",\n [twoFactorTypeKeys.authenticatorApp]: 'Enter the six-digit code from your configured Authenticator App below.'\n },\n EMAIL_AUTHENTICATION_DESCRIPTION: \"We've sent an authentication code to [1[receiver]]. Please check your inbox and enter the six-digit code.\",\n VERIFICATION_CODE: 'Authentication code',\n RECOVERY_CODE: 'Recovery code',\n VERIFY: 'VERIFY',\n VERIFY_BUTTON_TEXT: 'Verify',\n NO_CODE: 'No code?',\n SEND_AGAIN: 'Send again',\n HAVING_PROBLEMS: 'Having problems?',\n SEE_OTHER_AUTHENTICATION_METHODS: 'See Other Methods',\n SEND_CODE_TO: {\n [twoFactorTypeKeys.sms]: 'Send code to [1[receiver]]',\n [twoFactorTypeKeys.authenticatorApp]: 'Use authenticator app'\n },\n USE_YOUR_RECOVERY_CODES: 'Use your recovery codes',\n USE_YOUR_AUTHENTICATOR_APP: 'Use code from Authenticator App',\n TWO_FACTOR_AUTHENTICATION: 'Two-Factor Authentication',\n EMAIL_AUTHENTICATION: 'E-mail Authentication',\n ENTER_RECOVERY_CODES: 'Enter one of your 6-digit recovery codes below.',\n DAILY_LIMIT: 'You\\'ve reached the daily text message limit',\n INVALID_TOKEN: 'Invalid code; please try again',\n BACKUP_CODES_ERROR: 'You entered a wrong or already used recovery code',\n BLANK_VERIFICATION_CODE: 'Code cannot be blank.',\n GREETING_DESCRIPTION: '',\n SHOW_MORE: 'Show More',\n CHOOSE_A_METHOD: 'Choose a method',\n CHOOSE_A_METHOD_DESCRIPTION: 'Select a verification method to login your account',\n REACH_DAILY_LIMIT_FORCE_TO_EMAIL: 'Your verification code has been sent to your email due to you have reached the daily SMS limit.',\n USED_RECOVERY_CODES: 'Used recovery codes will be invalidated.',\n ENTER_YOUR_EMAIL: 'Enter your email',\n THANK_YOU: 'THANK YOU!',\n VIEW_COMPLETED_APPROVALS: 'View your completed approvals',\n COMPLETED_TASK: 'The task has been completed.',\n PLEASE_LOGIN: 'Please [1[Log in]].',\n EMAIL_ERROR: 'This email address is already associated with a Jotform account.',\n EMAIL_ERROR_ENTERPRISE: 'This email address is already associated with an account.',\n // Delete my account flow\n ARE_YOU_SURE_YOU_WANT_TO_DELETE_YOUR_ACCOUNT: 'Are you sure you want to delete your account?',\n YOU_ARE_ABOUT_TO_DELETE_YOUR_ACCOUNT_NAMELY: 'You’re about to delete your account namely:',\n GET_IN_TOUCH_WITH_US: '[1[Get in touch]] with us if you have any questions.',\n YES_DELETE: 'Yes, Delete',\n CANCEL: 'Cancel',\n VERIFY_THAT_ITS_YOU_TO_DELETE_YOUR_ACCOUNT: 'Verify That It’s You to Delete Your Account',\n VERIFY_WITH: 'Verify with',\n PLEASE_ENTER_YOUR_PASSWORD: 'Please enter your password',\n YOU_HAVE_ENTERED_YOUR_CURRENT_PASSWORD_WRONG: 'You have entered your current password wrong',\n YOU_HAVE_VERIFIED_SUCCESSFULLY: 'You have verified successfully',\n DELETE_MY_ACCOUNT: 'Delete My Account',\n YOUR_ACCOUNT_COULD_NOT_BE_DELETED: 'Your account could not be deleted. Please try again.',\n YOU_COULD_NOT_BE_VERIFIED: 'You could not be verified. Try again later',\n VERIFY_DELETE: 'Verify',\n CONTINUE_LATER: 'We’ve emailed you a link you can use to continue it later.',\n DRAFT_SAVED: 'Submission saved as draft',\n INCOMPLETE_SUBMISSION: 'You have an incomplete submission for this form',\n DRAFT_TEXT: 'Discard this submission draft to start over, or continue with your saved draft.',\n DISCARD_DRAFT: 'Discard and start over',\n CONTINUE_WITH_DRAFT: 'Continue with draft',\n SAVE_AS_DRAFT: 'Sign up to save submission as a draft',\n PLEASE_WAIT_SAVE: 'Please wait while we save your submission.',\n SAVE_ERROR: \"Your submission couldn't be saved\",\n PLEASE_TRY_AGAIN: 'Please try again.',\n TRY_AGAIN: 'Try Again',\n GET_DRAFT_LINK: 'Get Draft Link',\n DRAFT_BEING_SAVED: 'Your submission is being saved',\n ENTER_EMAIL_ADDRESS: 'Enter your email address',\n PLEASE_ENTER_VALID_EMAIL: 'Please enter valid email',\n CONTINUE_FORM_LATER: 'If you want to continue your form later, please enter your email address.',\n TO_KEY: 'To',\n DONT_ACCESS_DRAFT: 'You don’t have access to this submission draft',\n FILL_OUT_DRAFT: 'Fill out the form to create a new submission.',\n CHANGE_ACCOUNT: 'Change Account',\n START_OVER_FORM: 'Start Over',\n NOT_FOUND: 'Submission draft not found',\n DELETED_DRAFT: 'This draft was deleted or has already been submitted.',\n USER_IS_SSO_ERROR: 'Email already in use by SSO user.'\n};\n\nexport const AlertLabelTypes = {\n WARNING: 'WARNING',\n SUCCESS: 'SUCCESS',\n INFO: 'INFO'\n};\n\nexport const prepareLoginFlowDefaultGreetings = () => {\n const isPartnershipPages = window.location.href.indexOf('/partnership/') >= 0;\n const isAffiliateSignup = window.location.href.indexOf('/affiliate/') >= 0;\n const isJotformForBeginners = window.location.href.indexOf('/jotform-for-beginners/') >= 0;\n if (isPartnershipPages) {\n return `You will need a free Jotform account\n in order to access your Dashboard. If you already have a Jotform account,\n please log in to your account first to be able to fill out your application.\n If you have more than one Jotform account, please use the registered account to the\n Jotform ${isAffiliateSignup ? 'Affiliate Program' : 'Solutions Program'}.`;\n }\n if (isJotformForBeginners) {\n return 'Create a free Jotform account to download the book, Jotform for Beginners.';\n }\n if (window.JOTFORM_ENV !== 'ENTERPRISE') {\n return 'Collect information, payments, and signatures with custom online forms.';\n }\n return '';\n};\n\nexport const FORM_TEXTS = {\n confirmEmail: 'E-mail does not match',\n pleaseWait: 'Please wait...',\n validateEmail: 'You need to validate this e-mail',\n confirmClearForm: 'Are you sure you want to clear the form',\n lessThan: 'Your score should be less than or equal to',\n incompleteFields: 'There are incomplete required fields. Please complete them.',\n required: 'This field is required.',\n requireOne: 'At least one field required.',\n requireEveryRow: 'Every row is required.',\n requireEveryCell: 'Every cell is required.',\n email: 'Enter a valid e-mail address',\n alphabetic: 'This field can only contain letters',\n numeric: 'This field can only contain numeric values',\n alphanumeric: 'This field can only contain letters and numbers.',\n cyrillic: 'This field can only contain cyrillic characters',\n url: 'This field can only contain a valid URL',\n currency: 'This field can only contain currency values.',\n fillMask: 'Field value must fill mask.',\n uploadExtensions: 'You can only upload following files:',\n noUploadExtensions: 'File has no extension file type (e.g. .txt, .png, .jpeg)',\n uploadFilesize: 'File size cannot be bigger than:',\n uploadFilesizemin: 'File size cannot be smaller than:',\n gradingScoreError: 'Score total should only be less than or equal to',\n inputCarretErrorA: 'Input should not be less than the minimum value:',\n inputCarretErrorB: 'Input should not be greater than the maximum value:',\n maxDigitsError: 'The maximum digits allowed is',\n minCharactersError: 'The number of characters should not be less than the minimum value:',\n maxCharactersError: 'The number of characters should not be more than the maximum value:',\n freeEmailError: 'Free email accounts are not allowed',\n minSelectionsError: 'The minimum required number of selections is ',\n maxSelectionsError: 'The maximum number of selections allowed is ',\n pastDatesDisallowed: 'Date must not be in the past.',\n dateLimited: 'This date is unavailable.',\n dateInvalid: 'This date is not valid. The date format is {format}',\n dateInvalidSeparate: 'This date is not valid. Enter a valid {element}.',\n ageVerificationError: 'You must be older than {minAge} years old to submit this form.',\n multipleFileUploads_typeError: '{file} has invalid extension. Only {extensions} are allowed.',\n multipleFileUploads_sizeError: '{file} is too large, maximum file size is {sizeLimit}.',\n multipleFileUploads_minSizeError: '{file} is too small, minimum file size is {minSizeLimit}.',\n multipleFileUploads_emptyError: '{file} is empty, please select files again without it.',\n multipleFileUploads_uploadFailed: 'File upload failed, please remove it and upload the file again.',\n multipleFileUploads_onLeave: 'The files are being uploaded, if you leave now the upload will be cancelled.',\n multipleFileUploads_fileLimitError: 'Only {fileLimit} file uploads allowed.',\n dragAndDropFilesHere_infoMessage: 'Drag and drop files here',\n chooseAFile_infoMessage: 'Choose a file',\n maxFileSize_infoMessage: 'Max. file size',\n generalError: 'There are errors on the form. Please fix them before continuing.',\n generalPageError: 'There are errors on this page. Please fix them before continuing.',\n wordLimitError: 'Too many words. The limit is',\n wordMinLimitError: 'Too few words. The minimum is',\n characterLimitError: 'Too many Characters. The limit is',\n characterMinLimitError: 'Too few characters. The minimum is',\n ccInvalidNumber: 'Credit Card Number is invalid.',\n ccInvalidCVC: 'CVC number is invalid.',\n ccInvalidExpireDate: 'Expire date is invalid.',\n ccInvalidExpireMonth: 'Expiration month is invalid.',\n ccInvalidExpireYear: 'Expiration year is invalid.',\n ccMissingDetails: 'Please fill up the credit card details.',\n ccMissingProduct: 'Please select at least one product.',\n ccMissingDonation: 'Please enter numeric values for donation amount.',\n disallowDecimals: 'Please enter a whole number.',\n restrictedDomain: 'This domain is not allowed',\n ccDonationMinLimitError: 'Minimum amount is {minAmount} {currency}',\n requiredLegend: 'All fields marked with * are required and must be filled.',\n geoPermissionTitle: 'Permission Denied',\n geoPermissionDesc: 'Check your browser\\'s privacy settings.',\n geoNotAvailableTitle: 'Position Unavailable',\n geoNotAvailableDesc: 'Location provider not available. Please enter the address manually.',\n geoTimeoutTitle: 'Timeout',\n geoTimeoutDesc: 'Please check your internet connection and try again.',\n selectedTime: 'Selected Time',\n formerSelectedTime: 'Former Time',\n cancelAppointment: 'Cancel Appointment',\n cancelSelection: 'Cancel Selection',\n noSlotsAvailable: 'No slots available',\n slotUnavailable: '{time} on {date} has been selected is unavailable. Please select another slot.',\n multipleError: 'There are {count} errors on this page. Please correct them before moving on.',\n oneError: 'There is {count} error on this page. Please correct it before moving on.',\n doneMessage: 'Well done! All errors are fixed.',\n invalidTime: 'Enter a valid time',\n doneButton: 'Done',\n reviewSubmitText: 'Review and Submit',\n nextButtonText: 'Next',\n prevButtonText: 'Previous',\n seeErrorsButton: 'See Errors',\n notEnoughStock: 'Not enough stock for the current selection',\n notEnoughStock_remainedItems: 'Not enough stock for the current selection ({count} items left)',\n soldOut: 'Sold Out',\n justSoldOut: 'Just Sold Out',\n selectionSoldOut: 'Selection Sold Out',\n subProductItemsLeft: '({count} items left)',\n startButtonText: 'START',\n submitButtonText: 'Submit',\n submissionLimit: 'Sorry! Only one entry is allowed. \n
\n \n 
\n
\n \n {t('Audit Trail')}\n
\n \n
\n \n
\n \n
\n \n {t('TITLE')}\n
\n \n
\n \n Travel Expense Reimbursement \n
\n \n
\n \n {t('STATUS')}\n
\n \n \n
\n \n
\n \n {t('FLOW ACTIVITY HISTORY')}\n
\n \n \n \n
\n
\n | {t('Actor/Event')} | \n{t('Actions')} | \n{t('Date')} | \n
| \n | \n \n | \n \n | \n
| \n \n {showAssigneeEmail && 'example@sample.com'}\n | \n \n \n { showComments && | \n \n | \n
| \n | \n \n \n Your travel expense has been approved.\n \n To: ashley@example.com\n | \n \n | \n
Multiple submissions are disabled for this form.',\n reviewBackText: 'Back to Form',\n seeAllText: 'See All',\n progressMiddleText: 'of',\n fieldError: 'field has an error.',\n error: 'Error'\n};\n","export const TIME_ZONES = [\n {\n text: 'Africa',\n name: 'Africa',\n type: 'group',\n options: [\n { key: 'Africa/Abidjan', value: 'Africa/Abidjan', text: 'Abidjan (GMT)' },\n { key: 'Africa/Accra', value: 'Africa/Accra', text: 'Accra (GMT)' },\n { key: 'Africa/Addis_Ababa', value: 'Africa/Addis_Ababa', text: 'Addis Ababa (GMT+03:00)' },\n { key: 'Africa/Algiers', value: 'Africa/Algiers', text: 'Algiers (GMT+01:00)' },\n { key: 'Africa/Asmara', value: 'Africa/Asmara', text: 'Asmara (GMT+03:00)' },\n { key: 'Africa/Bamako', value: 'Africa/Bamako', text: 'Bamako (GMT)' },\n { key: 'Africa/Bangui', value: 'Africa/Bangui', text: 'Bangui (GMT+01:00)' },\n { key: 'Africa/Banjul', value: 'Africa/Banjul', text: 'Banjul (GMT)' },\n { key: 'Africa/Bissau', value: 'Africa/Bissau', text: 'Bissau (GMT)' },\n { key: 'Africa/Blantyre', value: 'Africa/Blantyre', text: 'Blantyre (GMT+02:00)' },\n { key: 'Africa/Brazzaville', value: 'Africa/Brazzaville', text: 'Brazzaville (GMT+01:00)' },\n { key: 'Africa/Bujumbura', value: 'Africa/Bujumbura', text: 'Bujumbura (GMT+02:00)' },\n { key: 'Africa/Cairo', value: 'Africa/Cairo', text: 'Cairo (GMT+02:00)' },\n { key: 'Africa/Casablanca', value: 'Africa/Casablanca', text: 'Casablanca (GMT)' },\n { key: 'Africa/Ceuta', value: 'Africa/Ceuta', text: 'Ceuta (GMT+01:00)' },\n { key: 'Africa/Conakry', value: 'Africa/Conakry', text: 'Conakry (GMT)' },\n { key: 'Africa/Dakar', value: 'Africa/Dakar', text: 'Dakar (GMT)' },\n { key: 'Africa/Dar_es_Salaam', value: 'Africa/Dar_es_Salaam', text: 'Dar es Salaam (GMT+03:00)' },\n { key: 'Africa/Djibouti', value: 'Africa/Djibouti', text: 'Djibouti (GMT+03:00)' },\n { key: 'Africa/Douala', value: 'Africa/Douala', text: 'Douala (GMT+01:00)' },\n { key: 'Africa/El_Aaiun', value: 'Africa/El_Aaiun', text: 'El Aaiun (GMT)' },\n { key: 'Africa/Freetown', value: 'Africa/Freetown', text: 'Freetown (GMT)' },\n { key: 'Africa/Gaborone', value: 'Africa/Gaborone', text: 'Gaborone (GMT+02:00)' },\n { key: 'Africa/Harare', value: 'Africa/Harare', text: 'Harare (GMT+02:00)' },\n { key: 'Africa/Johannesburg', value: 'Africa/Johannesburg', text: 'Johannesburg (GMT+02:00)' },\n { key: 'Africa/Juba', value: 'Africa/Juba', text: 'Juba (GMT+03:00)' },\n { key: 'Africa/Kampala', value: 'Africa/Kampala', text: 'Kampala (GMT+03:00)' },\n { key: 'Africa/Khartoum', value: 'Africa/Khartoum', text: 'Khartoum (GMT+03:00)' },\n { key: 'Africa/Kigali', value: 'Africa/Kigali', text: 'Kigali (GMT+02:00)' },\n { key: 'Africa/Kinshasa', value: 'Africa/Kinshasa', text: 'Kinshasa (GMT+01:00)' },\n { key: 'Africa/Lagos', value: 'Africa/Lagos', text: 'Lagos (GMT+01:00)' },\n { key: 'Africa/Libreville', value: 'Africa/Libreville', text: 'Libreville (GMT+01:00)' },\n { key: 'Africa/Lome', value: 'Africa/Lome', text: 'Lome (GMT)' },\n { key: 'Africa/Luanda', value: 'Africa/Luanda', text: 'Luanda (GMT+01:00)' },\n { key: 'Africa/Lubumbashi', value: 'Africa/Lubumbashi', text: 'Lubumbashi (GMT+02:00)' },\n { key: 'Africa/Lusaka', value: 'Africa/Lusaka', text: 'Lusaka (GMT+02:00)' },\n { key: 'Africa/Malabo', value: 'Africa/Malabo', text: 'Malabo (GMT+01:00)' },\n { key: 'Africa/Maputo', value: 'Africa/Maputo', text: 'Maputo (GMT+02:00)' },\n { key: 'Africa/Maseru', value: 'Africa/Maseru', text: 'Maseru (GMT+02:00)' },\n { key: 'Africa/Mbabane', value: 'Africa/Mbabane', text: 'Mbabane (GMT+02:00)' },\n { key: 'Africa/Mogadishu', value: 'Africa/Mogadishu', text: 'Mogadishu (GMT+03:00)' },\n { key: 'Africa/Monrovia', value: 'Africa/Monrovia', text: 'Monrovia (GMT)' },\n { key: 'Africa/Nairobi', value: 'Africa/Nairobi', text: 'Nairobi (GMT+03:00)' },\n { key: 'Africa/Ndjamena', value: 'Africa/Ndjamena', text: 'Ndjamena (GMT+01:00)' },\n { key: 'Africa/Niamey', value: 'Africa/Niamey', text: 'Niamey (GMT+01:00)' },\n { key: 'Africa/Nouakchott', value: 'Africa/Nouakchott', text: 'Nouakchott (GMT)' },\n { key: 'Africa/Ouagadougou', value: 'Africa/Ouagadougou', text: 'Ouagadougou (GMT)' },\n { key: 'Africa/Porto', value: 'Africa/Porto', text: 'Porto-Novo (GMT+01:00)' },\n { key: 'Africa/Sao_Tome', value: 'Africa/Sao_Tome', text: 'Sao Tome (GMT)' },\n { key: 'Africa/Tripoli', value: 'Africa/Tripoli', text: 'Tripoli (GMT+02:00)' },\n { key: 'Africa/Tunis', value: 'Africa/Tunis', text: 'Tunis (GMT+01:00)' },\n { key: 'Africa/Windhoek', value: 'Africa/Windhoek', text: 'Windhoek (GMT+02:00)' }\n ]\n },\n {\n text: 'America',\n name: 'America',\n type: 'group',\n options: [\n { key: 'America/Adak', value: 'America/Adak', text: 'Adak (GMT-10:00)' },\n { key: 'America/Anchorage', value: 'America/Anchorage', text: 'Anchorage (GMT-09:00)' },\n { key: 'America/Anguilla', value: 'America/Anguilla', text: 'Anguilla (GMT-04:00)' },\n { key: 'America/Antigua', value: 'America/Antigua', text: 'Antigua (GMT-04:00)' },\n { key: 'America/Araguaina', value: 'America/Araguaina', text: 'Araguaina (GMT-03:00)' },\n { key: 'America/Argentina/Buenos_Aires', value: 'America/Argentina/Buenos_Aires', text: 'Buenos Aires, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Catamarca', value: 'America/Argentina/Catamarca', text: 'Catamarca, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Cordoba', value: 'America/Argentina/Cordoba', text: 'Cordoba, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Jujuy', value: 'America/Argentina/Jujuy', text: 'Jujuy, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/La_Rioja', value: 'America/Argentina/La_Rioja', text: 'La Rioja, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Mendoza', value: 'America/Argentina/Mendoza', text: 'Mendoza, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Rio_Gallegos', value: 'America/Argentina/Rio_Gallegos', text: 'Rio Gallegos, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Salta', value: 'America/Argentina/Salta', text: 'Salta, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/San_Juan', value: 'America/Argentina/San_Juan', text: 'San Juan, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/San_Luis', value: 'America/Argentina/San_Luis', text: 'San Luis, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Tucuman', value: 'America/Argentina/Tucuman', text: 'Tucuman, Argentina (GMT-03:00)' },\n { key: 'America/Argentina/Ushuaia', value: 'America/Argentina/Ushuaia', text: 'Ushuaia, Argentina (GMT-03:00)' },\n { key: 'America/Aruba', value: 'America/Aruba', text: 'Aruba (GMT-04:00)' },\n { key: 'America/Asuncion', value: 'America/Asuncion', text: 'Asuncion (GMT-03:00)' },\n { key: 'America/Atikokan', value: 'America/Atikokan', text: 'Atikokan (GMT-05:00)' },\n { key: 'America/Bahia', value: 'America/Bahia', text: 'Bahia (GMT-02:00)' },\n { key: 'America/Bahia_Banderas', value: 'America/Bahia_Banderas', text: 'Bahia Banderas (GMT-06:00)' },\n { key: 'America/Barbados', value: 'America/Barbados', text: 'Barbados (GMT-04:00)' },\n { key: 'America/Belem', value: 'America/Belem', text: 'Belem (GMT-03:00)' },\n { key: 'America/Belize', value: 'America/Belize', text: 'Belize (GMT-06:00)' },\n { key: 'America/Blanc-Sablon', value: 'America/Blanc-Sablon', text: 'Blanc-Sablon (GMT-04:00)' },\n { key: 'America/Boa_Vista', value: 'America/Boa_Vista', text: 'Boa Vista (GMT-04:00)' },\n { key: 'America/Bogota', value: 'America/Bogota', text: 'Bogota (GMT-05:00)' },\n { key: 'America/Boise', value: 'America/Boise', text: 'Boise (GMT-07:00)' },\n { key: 'America/Cambridge_Bay', value: 'America/Cambridge_Bay', text: 'Cambridge Bay (GMT-07:00)' },\n { key: 'America/Campo_Grande', value: 'America/Campo_Grande', text: 'Campo Grande (GMT-03:00)' },\n { key: 'America/Cancun', value: 'America/Cancun', text: 'Cancun (GMT-06:00)' },\n { key: 'America/Caracas', value: 'America/Caracas', text: 'Caracas (GMT-04:30)' },\n { key: 'America/Cayenne', value: 'America/Cayenne', text: 'Cayenne (GMT-03:00)' },\n { key: 'America/Cayman', value: 'America/Cayman', text: 'Cayman (GMT-05:00)' },\n { key: 'America/Chicago', value: 'America/Chicago', text: 'Chicago (GMT-06:00)' },\n { key: 'America/Chihuahua', value: 'America/Chihuahua', text: 'Chihuahua (GMT-07:00)' },\n { key: 'America/Costa_Rica', value: 'America/Costa_Rica', text: 'Costa Rica (GMT-06:00)' },\n { key: 'America/Creston', value: 'America/Creston', text: 'Creston (GMT-07:00)' },\n { key: 'America/Cuiaba', value: 'America/Cuiaba', text: 'Cuiaba (GMT-03:00)' },\n { key: 'America/Curacao', value: 'America/Curacao', text: 'Curacao (GMT-04:00)' },\n { key: 'America/Danmarkshavn', value: 'America/Danmarkshavn', text: 'Danmarkshavn (GMT)' },\n { key: 'America/Dawson', value: 'America/Dawson', text: 'Dawson (GMT-08:00)' },\n { key: 'America/Dawson_Creek', value: 'America/Dawson_Creek', text: 'Dawson Creek (GMT-07:00)' },\n { key: 'America/Denver', value: 'America/Denver', text: 'Denver (GMT-07:00)' },\n { key: 'America/Detroit', value: 'America/Detroit', text: 'Detroit (GMT-05:00)' },\n { key: 'America/Dominica', value: 'America/Dominica', text: 'Dominica (GMT-04:00)' },\n { key: 'America/Edmonton', value: 'America/Edmonton', text: 'Edmonton (GMT-07:00)' },\n { key: 'America/Eirunepe', value: 'America/Eirunepe', text: 'Eirunepe (GMT-04:00)' },\n { key: 'America/El_Salvador', value: 'America/El_Salvador', text: 'El Salvador (GMT-06:00)' },\n { key: 'America/Fortaleza', value: 'America/Fortaleza', text: 'Fortaleza (GMT-03:00)' },\n { key: 'America/Glace_Bay', value: 'America/Glace_Bay', text: 'Glace Bay (GMT-04:00)' },\n { key: 'America/Godthab', value: 'America/Godthab', text: 'Godthab (GMT-03:00)' },\n { key: 'America/Goose_Bay', value: 'America/Goose_Bay', text: 'Goose Bay (GMT-04:00)' },\n { key: 'America/Grand_Turk', value: 'America/Grand_Turk', text: 'Grand Turk (GMT-05:00)' },\n { key: 'America/Grenada', value: 'America/Grenada', text: 'Grenada (GMT-04:00)' },\n { key: 'America/Guadeloupe', value: 'America/Guadeloupe', text: 'Guadeloupe (GMT-04:00)' },\n { key: 'America/Guatemala', value: 'America/Guatemala', text: 'Guatemala (GMT-06:00)' },\n { key: 'America/Guayaquil', value: 'America/Guayaquil', text: 'Guayaquil (GMT-05:00)' },\n { key: 'America/Guyana', value: 'America/Guyana', text: 'Guyana (GMT-04:00)' },\n { key: 'America/Halifax', value: 'America/Halifax', text: 'Halifax (GMT-04:00)' },\n { key: 'America/Havana', value: 'America/Havana', text: 'Havana (GMT-05:00)' },\n { key: 'America/Hermosillo', value: 'America/Hermosillo', text: 'Hermosillo (GMT-07:00)' },\n { key: 'America/Indiana/Indianapolis', value: 'America/Indiana/Indianapolis', text: 'Indianapolis, Indiana (GMT-05:00)' },\n { key: 'America/Indiana/Knox', value: 'America/Indiana/Knox', text: 'Knox, Indiana (GMT-06:00)' },\n { key: 'America/Indiana/Marengo', value: 'America/Indiana/Marengo', text: 'Marengo, Indiana (GMT-05:00)' },\n { key: 'America/Indiana/Petersburg', value: 'America/Indiana/Petersburg', text: 'Petersburg, Indiana (GMT-05:00)' },\n { key: 'America/Indiana/Tell_City', value: 'America/Indiana/Tell_City', text: 'Tell City, Indiana (GMT-06:00)' },\n { key: 'America/Indiana/Vevay', value: 'America/Indiana/Vevay', text: 'Vevay, Indiana (GMT-05:00)' },\n { key: 'America/Indiana/Vincennes', value: 'America/Indiana/Vincennes', text: 'Vincennes, Indiana (GMT-05:00)' },\n { key: 'America/Indiana/Winamac', value: 'America/Indiana/Winamac', text: 'Winamac, Indiana (GMT-05:00)' },\n { key: 'America/Inuvik', value: 'America/Inuvik', text: 'Inuvik (GMT-07:00)' },\n { key: 'America/Iqaluit', value: 'America/Iqaluit', text: 'Iqaluit (GMT-05:00)' },\n { key: 'America/Jamaica', value: 'America/Jamaica', text: 'Jamaica (GMT-05:00)' },\n { key: 'America/Juneau', value: 'America/Juneau', text: 'Juneau (GMT-09:00)' },\n { key: 'America/Kentucky/Louisville', value: 'America/Kentucky/Louisville', text: 'Louisville, Kentucky (GMT-05:00)' },\n { key: 'America/Kentucky/Monticello', value: 'America/Kentucky/Monticello', text: 'Monticello, Kentucky (GMT-05:00)' },\n { key: 'America/Kralendijk', value: 'America/Kralendijk', text: 'Kralendijk (GMT-04:00)' },\n { key: 'America/La_Paz', value: 'America/La_Paz', text: 'La Paz (GMT-04:00)' },\n { key: 'America/Lima', value: 'America/Lima', text: 'Lima (GMT-05:00)' },\n { key: 'America/Los_Angeles', value: 'America/Los_Angeles', text: 'Los Angeles (GMT-08:00)' },\n { key: 'America/Lower_Princes', value: 'America/Lower_Princes', text: 'Lower Princes (GMT-04:00)' },\n { key: 'America/Maceio', value: 'America/Maceio', text: 'Maceio (GMT-03:00)' },\n { key: 'America/Managua', value: 'America/Managua', text: 'Managua (GMT-06:00)' },\n { key: 'America/Manaus', value: 'America/Manaus', text: 'Manaus (GMT-04:00)' },\n { key: 'America/Marigot', value: 'America/Marigot', text: 'Marigot (GMT-04:00)' },\n { key: 'America/Martinique', value: 'America/Martinique', text: 'Martinique (GMT-04:00)' },\n { key: 'America/Matamoros', value: 'America/Matamoros', text: 'Matamoros (GMT-06:00)' },\n { key: 'America/Mazatlan', value: 'America/Mazatlan', text: 'Mazatlan (GMT-07:00)' },\n { key: 'America/Menominee', value: 'America/Menominee', text: 'Menominee (GMT-06:00)' },\n { key: 'America/Merida', value: 'America/Merida', text: 'Merida (GMT-06:00)' },\n { key: 'America/Metlakatla', value: 'America/Metlakatla', text: 'Metlakatla (GMT-08:00)' },\n { key: 'America/Mexico_City', value: 'America/Mexico_City', text: 'Mexico City (GMT-06:00)' },\n { key: 'America/Miquelon', value: 'America/Miquelon', text: 'Miquelon (GMT-03:00)' },\n { key: 'America/Moncton', value: 'America/Moncton', text: 'Moncton (GMT-04:00)' },\n { key: 'America/Monterrey', value: 'America/Monterrey', text: 'Monterrey (GMT-06:00)' },\n { key: 'America/Montevideo', value: 'America/Montevideo', text: 'Montevideo (GMT-02:00)' },\n { key: 'America/Montreal', value: 'America/Montreal', text: 'Montreal (GMT-05:00)' },\n { key: 'America/Montserrat', value: 'America/Montserrat', text: 'Montserrat (GMT-04:00)' },\n { key: 'America/Nassau', value: 'America/Nassau', text: 'Nassau (GMT-05:00)' },\n { key: 'America/New_York', value: 'America/New_York', text: 'New York (GMT-05:00)' },\n { key: 'America/Nipigon', value: 'America/Nipigon', text: 'Nipigon (GMT-05:00)' },\n { key: 'America/Nome', value: 'America/Nome', text: 'Nome (GMT-09:00)' },\n { key: 'America/Noronha', value: 'America/Noronha', text: 'Noronha (GMT-02:00)' },\n { key: 'America/North_Dakota/Beulah', value: 'America/North_Dakota/Beulah', text: 'Beulah, North Dakota (GMT-06:00)' },\n { key: 'America/North_Dakota/Center', value: 'America/North_Dakota/Center', text: 'Center, North Dakota (GMT-06:00)' },\n { key: 'America/North_Dakota/New_Salem', value: 'America/North_Dakota/New_Salem', text: 'New Salem, North Dakota (GMT-06:00)' },\n { key: 'America/Ojinaga', value: 'America/Ojinaga', text: 'Ojinaga (GMT-07:00)' },\n { key: 'America/Panama', value: 'America/Panama', text: 'Panama (GMT-05:00)' },\n { key: 'America/Pangnirtung', value: 'America/Pangnirtung', text: 'Pangnirtung (GMT-05:00)' },\n { key: 'America/Paramaribo', value: 'America/Paramaribo', text: 'Paramaribo (GMT-03:00)' },\n { key: 'America/Phoenix', value: 'America/Phoenix', text: 'Phoenix (GMT-07:00)' },\n { key: 'America/Port-au-Prince', value: 'America/Port-au-Prince', text: 'Port-au-Prince (GMT-05:00)' },\n { key: 'America/Port_of_Spain', value: 'America/Port_of_Spain', text: 'Port of Spain (GMT-04:00)' },\n { key: 'America/Porto_Velho', value: 'America/Porto_Velho', text: 'Porto Velho (GMT-04:00)' },\n { key: 'America/Puerto_Rico', value: 'America/Puerto_Rico', text: 'Puerto Rico (GMT-04:00)' },\n { key: 'America/Rainy_River', value: 'America/Rainy_River', text: 'Rainy River (GMT-06:00)' },\n { key: 'America/Rankin_Inlet', value: 'America/Rankin_Inlet', text: 'Rankin Inlet (GMT-06:00)' },\n { key: 'America/Recife', value: 'America/Recife', text: 'Recife (GMT-03:00)' },\n { key: 'America/Regina', value: 'America/Regina', text: 'Regina (GMT-06:00)' },\n { key: 'America/Resolute', value: 'America/Resolute', text: 'Resolute (GMT-06:00)' },\n { key: 'America/Rio_Branco', value: 'America/Rio_Branco', text: 'Rio Branco (GMT-04:00)' },\n { key: 'America/Santa_Isabel', value: 'America/Santa_Isabel', text: 'Santa Isabel (GMT-08:00)' },\n { key: 'America/Santarem', value: 'America/Santarem', text: 'Santarem (GMT-03:00)' },\n { key: 'America/Santiago', value: 'America/Santiago', text: 'Santiago (GMT-03:00)' },\n { key: 'America/Santo_Domingo', value: 'America/Santo_Domingo', text: 'Santo Domingo (GMT-04:00)' },\n { key: 'America/Sao_Paulo', value: 'America/Sao_Paulo', text: 'Sao Paulo (GMT-03:00)' },\n { key: 'America/Scoresbysund', value: 'America/Scoresbysund', text: 'Scoresbysund (GMT-01:00)' },\n { key: 'America/Shiprock', value: 'America/Shiprock', text: 'Shiprock (GMT-07:00)' },\n { key: 'America/Sitka', value: 'America/Sitka', text: 'Sitka (GMT-09:00)' },\n { key: 'America/St_Barthelemy', value: 'America/St_Barthelemy', text: 'St Barthelemy (GMT-04:00)' },\n { key: 'America/St_Johns', value: 'America/St_Johns', text: 'St Johns (GMT-03:30)' },\n { key: 'America/St_Kitts', value: 'America/St_Kitts', text: 'St Kitts (GMT-04:00)' },\n { key: 'America/St_Lucia', value: 'America/St_Lucia', text: 'St Lucia (GMT-04:00)' },\n { key: 'America/St_Thomas', value: 'America/St_Thomas', text: 'St Thomas (GMT-04:00)' },\n { key: 'America/St_Vincent', value: 'America/St_Vincent', text: 'St Vincent (GMT-04:00)' },\n { key: 'America/Swift_Current', value: 'America/Swift_Current', text: 'Swift Current (GMT-06:00)' },\n { key: 'America/Tegucigalpa', value: 'America/Tegucigalpa', text: 'Tegucigalpa (GMT-06:00)' },\n { key: 'America/Thule', value: 'America/Thule', text: 'Thule (GMT-04:00)' },\n { key: 'America/Thunder_Bay', value: 'America/Thunder_Bay', text: 'Thunder Bay (GMT-05:00)' },\n { key: 'America/Tijuana', value: 'America/Tijuana', text: 'Tijuana (GMT-08:00)' },\n { key: 'America/Toronto', value: 'America/Toronto', text: 'Toronto (GMT-05:00)' },\n { key: 'America/Tortola', value: 'America/Tortola', text: 'Tortola (GMT-04:00)' },\n { key: 'America/Vancouver', value: 'America/Vancouver', text: 'Vancouver (GMT-08:00)' },\n { key: 'America/Whitehorse', value: 'America/Whitehorse', text: 'Whitehorse (GMT-08:00)' },\n { key: 'America/Winnipeg', value: 'America/Winnipeg', text: 'Winnipeg (GMT-06:00)' },\n { key: 'America/Yakutat', value: 'America/Yakutat', text: 'Yakutat (GMT-09:00)' },\n { key: 'America/Yellowknife', value: 'America/Yellowknife', text: 'Yellowknife (GMT-07:00)' }\n ]\n },\n {\n text: 'Antarctica',\n name: 'Antarctica',\n type: 'group',\n options: [\n { key: 'Antarctica/Casey', value: 'Antarctica/Casey', text: 'Casey (GMT+08:00)' },\n { key: 'Antarctica/Davis', value: 'Antarctica/Davis', text: 'Davis (GMT+07:00)' },\n { key: 'Antarctica/DumontDUrville', value: 'Antarctica/DumontDUrville', text: 'DumontDUrville (GMT+10:00)' },\n { key: 'Antarctica/Macquarie', value: 'Antarctica/Macquarie', text: 'Macquarie (GMT+11:00)' },\n { key: 'Antarctica/Mawson', value: 'Antarctica/Mawson', text: 'Mawson (GMT+05:00)' },\n { key: 'Antarctica/McMurdo', value: 'Antarctica/McMurdo', text: 'McMurdo (GMT+13:00)' },\n { key: 'Antarctica/Palmer', value: 'Antarctica/Palmer', text: 'Palmer (GMT-03:00)' },\n { key: 'Antarctica/Rothera', value: 'Antarctica/Rothera', text: 'Rothera (GMT-03:00)' },\n { key: 'Antarctica/South_Pole', value: 'Antarctica/South_Pole', text: 'South Pole (GMT+13:00)' },\n { key: 'Antarctica/Syowa', value: 'Antarctica/Syowa', text: 'Syowa (GMT+03:00)' },\n { key: 'Antarctica/Vostok', value: 'Antarctica/Vostok', text: 'Vostok (GMT+06:00)' }\n ]\n },\n {\n text: 'Arctic',\n name: 'Arctic',\n type: 'group',\n options: [\n { key: 'Arctic/Longyearbyen', value: 'Arctic/Longyearbyen', text: 'Longyearbyen (GMT+01:00)' }\n ]\n },\n {\n text: 'Asia',\n name: 'Asia',\n type: 'group',\n options: [\n { key: 'Asia/Aden', value: 'Asia/Aden', text: 'Aden (GMT+03:00)' },\n { key: 'Asia/Almaty', value: 'Asia/Almaty', text: 'Almaty (GMT+06:00)' },\n { key: 'Asia/Amman', value: 'Asia/Amman', text: 'Amman (GMT+02:00)' },\n { key: 'Asia/Anadyr', value: 'Asia/Anadyr', text: 'Anadyr (GMT+12:00)' },\n { key: 'Asia/Aqtau', value: 'Asia/Aqtau', text: 'Aqtau (GMT+05:00)' },\n { key: 'Asia/Aqtobe', value: 'Asia/Aqtobe', text: 'Aqtobe (GMT+05:00)' },\n { key: 'Asia/Ashgabat', value: 'Asia/Ashgabat', text: 'Ashgabat (GMT+05:00)' },\n { key: 'Asia/Baghdad', value: 'Asia/Baghdad', text: 'Baghdad (GMT+03:00)' },\n { key: 'Asia/Bahrain', value: 'Asia/Bahrain', text: 'Bahrain (GMT+03:00)' },\n { key: 'Asia/Baku', value: 'Asia/Baku', text: 'Baku (GMT+04:00)' },\n { key: 'Asia/Bangkok', value: 'Asia/Bangkok', text: 'Bangkok (GMT+07:00)' },\n { key: 'Asia/Beirut', value: 'Asia/Beirut', text: 'Beirut (GMT+02:00)' },\n { key: 'Asia/Bishkek', value: 'Asia/Bishkek', text: 'Bishkek (GMT+06:00)' },\n { key: 'Asia/Brunei', value: 'Asia/Brunei', text: 'Brunei (GMT+08:00)' },\n { key: 'Asia/Choibalsan', value: 'Asia/Choibalsan', text: 'Choibalsan (GMT+08:00)' },\n { key: 'Asia/Chongqing', value: 'Asia/Chongqing', text: 'Chongqing (GMT+08:00)' },\n { key: 'Asia/Colombo', value: 'Asia/Colombo', text: 'Colombo (GMT+05:30)' },\n { key: 'Asia/Damascus', value: 'Asia/Damascus', text: 'Damascus (GMT+02:00)' },\n { key: 'Asia/Dhaka', value: 'Asia/Dhaka', text: 'Dhaka (GMT+06:00)' },\n { key: 'Asia/Dili', value: 'Asia/Dili', text: 'Dili (GMT+09:00)' },\n { key: 'Asia/Dubai', value: 'Asia/Dubai', text: 'Dubai (GMT+04:00)' },\n { key: 'Asia/Dushanbe', value: 'Asia/Dushanbe', text: 'Dushanbe (GMT+05:00)' },\n { key: 'Asia/Gaza', value: 'Asia/Gaza', text: 'Gaza (GMT+02:00)' },\n { key: 'Asia/Harbin', value: 'Asia/Harbin', text: 'Harbin (GMT+08:00)' },\n { key: 'Asia/Hebron', value: 'Asia/Hebron', text: 'Hebron (GMT+02:00)' },\n { key: 'Asia/Ho_Chi_Minh', value: 'Asia/Ho_Chi_Minh', text: 'Ho Chi Minh (GMT+07:00)' },\n { key: 'Asia/Hong_Kong', value: 'Asia/Hong_Kong', text: 'Hong Kong (GMT+08:00)' },\n { key: 'Asia/Hovd', value: 'Asia/Hovd', text: 'Hovd (GMT+07:00)' },\n { key: 'Asia/Irkutsk', value: 'Asia/Irkutsk', text: 'Irkutsk (GMT+09:00)' },\n { key: 'Asia/Jakarta', value: 'Asia/Jakarta', text: 'Jakarta (GMT+07:00)' },\n { key: 'Asia/Jayapura', value: 'Asia/Jayapura', text: 'Jayapura (GMT+09:00)' },\n { key: 'Asia/Jerusalem', value: 'Asia/Jerusalem', text: 'Jerusalem (GMT+02:00)' },\n { key: 'Asia/Kabul', value: 'Asia/Kabul', text: 'Kabul (GMT+04:30)' },\n { key: 'Asia/Kamchatka', value: 'Asia/Kamchatka', text: 'Kamchatka (GMT+12:00)' },\n { key: 'Asia/Karachi', value: 'Asia/Karachi', text: 'Karachi (GMT+05:00)' },\n { key: 'Asia/Kashgar', value: 'Asia/Kashgar', text: 'Kashgar (GMT+08:00)' },\n { key: 'Asia/Kathmandu', value: 'Asia/Kathmandu', text: 'Kathmandu (GMT+05:45)' },\n { key: 'Asia/Kolkata', value: 'Asia/Kolkata', text: 'Kolkata (GMT+05:30)' },\n { key: 'Asia/Krasnoyarsk', value: 'Asia/Krasnoyarsk', text: 'Krasnoyarsk (GMT+08:00)' },\n { key: 'Asia/Kuala_Lumpur', value: 'Asia/Kuala_Lumpur', text: 'Kuala Lumpur (GMT+08:00)' },\n { key: 'Asia/Kuching', value: 'Asia/Kuching', text: 'Kuching (GMT+08:00)' },\n { key: 'Asia/Kuwait', value: 'Asia/Kuwait', text: 'Kuwait (GMT+03:00)' },\n { key: 'Asia/Macau', value: 'Asia/Macau', text: 'Macau (GMT+08:00)' },\n { key: 'Asia/Magadan', value: 'Asia/Magadan', text: 'Magadan (GMT+12:00)' },\n { key: 'Asia/Makassar', value: 'Asia/Makassar', text: 'Makassar (GMT+08:00)' },\n { key: 'Asia/Manila', value: 'Asia/Manila', text: 'Manila (GMT+08:00)' },\n { key: 'Asia/Muscat', value: 'Asia/Muscat', text: 'Muscat (GMT+04:00)' },\n { key: 'Asia/Nicosia', value: 'Asia/Nicosia', text: 'Nicosia (GMT+02:00)' },\n { key: 'Asia/Novokuznetsk', value: 'Asia/Novokuznetsk', text: 'Novokuznetsk (GMT+07:00)' },\n { key: 'Asia/Novosibirsk', value: 'Asia/Novosibirsk', text: 'Novosibirsk (GMT+07:00)' },\n { key: 'Asia/Omsk', value: 'Asia/Omsk', text: 'Omsk (GMT+07:00)' },\n { key: 'Asia/Oral', value: 'Asia/Oral', text: 'Oral (GMT+05:00)' },\n { key: 'Asia/Phnom_Penh', value: 'Asia/Phnom_Penh', text: 'Phnom Penh (GMT+07:00)' },\n { key: 'Asia/Pontianak', value: 'Asia/Pontianak', text: 'Pontianak (GMT+07:00)' },\n { key: 'Asia/Pyongyang', value: 'Asia/Pyongyang', text: 'Pyongyang (GMT+09:00)' },\n { key: 'Asia/Qatar', value: 'Asia/Qatar', text: 'Qatar (GMT+03:00)' },\n { key: 'Asia/Qyzylorda', value: 'Asia/Qyzylorda', text: 'Qyzylorda (GMT+06:00)' },\n { key: 'Asia/Rangoon', value: 'Asia/Rangoon', text: 'Rangoon (GMT+06:30)' },\n { key: 'Asia/Riyadh', value: 'Asia/Riyadh', text: 'Riyadh (GMT+03:00)' },\n { key: 'Asia/Sakhalin', value: 'Asia/Sakhalin', text: 'Sakhalin (GMT+11:00)' },\n { key: 'Asia/Samarkand', value: 'Asia/Samarkand', text: 'Samarkand (GMT+05:00)' },\n { key: 'Asia/Seoul', value: 'Asia/Seoul', text: 'Seoul (GMT+09:00)' },\n { key: 'Asia/Shanghai', value: 'Asia/Shanghai', text: 'Shanghai (GMT+08:00)' },\n { key: 'Asia/Singapore', value: 'Asia/Singapore', text: 'Singapore (GMT+08:00)' },\n { key: 'Asia/Taipei', value: 'Asia/Taipei', text: 'Taipei (GMT+08:00)' },\n { key: 'Asia/Tashkent', value: 'Asia/Tashkent', text: 'Tashkent (GMT+05:00)' },\n { key: 'Asia/Tbilisi', value: 'Asia/Tbilisi', text: 'Tbilisi (GMT+04:00)' },\n { key: 'Asia/Tehran', value: 'Asia/Tehran', text: 'Tehran (GMT+03:30)' },\n { key: 'Asia/Thimphu', value: 'Asia/Thimphu', text: 'Thimphu (GMT+06:00)' },\n { key: 'Asia/Tokyo', value: 'Asia/Tokyo', text: 'Tokyo (GMT+09:00)' },\n { key: 'Asia/Ulaanbaatar', value: 'Asia/Ulaanbaatar', text: 'Ulaanbaatar (GMT+08:00)' },\n { key: 'Asia/Urumqi', value: 'Asia/Urumqi', text: 'Urumqi (GMT+08:00)' },\n { key: 'Asia/Vientiane', value: 'Asia/Vientiane', text: 'Vientiane (GMT+07:00)' },\n { key: 'Asia/Vladivostok', value: 'Asia/Vladivostok', text: 'Vladivostok (GMT+11:00)' },\n { key: 'Asia/Yakutsk', value: 'Asia/Yakutsk', text: 'Yakutsk (GMT+10:00)' },\n { key: 'Asia/Yekaterinburg', value: 'Asia/Yekaterinburg', text: 'Yekaterinburg (GMT+06:00)' },\n { key: 'Asia/Yerevan', value: 'Asia/Yerevan', text: 'Yerevan (GMT+04:00)' }\n ]\n },\n {\n text: 'Atlantic',\n name: 'Atlantic',\n type: 'group',\n options: [\n { key: 'Atlantic/Azores', value: 'Atlantic/Azores', text: 'Azores (GMT-01:00)' },\n { key: 'Atlantic/Bermuda', value: 'Atlantic/Bermuda', text: 'Bermuda (GMT-04:00)' },\n { key: 'Atlantic/Canary', value: 'Atlantic/Canary', text: 'Canary (GMT)' },\n { key: 'Atlantic/Cape_Verde', value: 'Atlantic/Cape_Verde', text: 'Cape Verde (GMT-01:00)' },\n { key: 'Atlantic/Faroe', value: 'Atlantic/Faroe', text: 'Faroe (GMT)' },\n { key: 'Atlantic/Madeira', value: 'Atlantic/Madeira', text: 'Madeira (GMT)' },\n { key: 'Atlantic/Reykjavik', value: 'Atlantic/Reykjavik', text: 'Reykjavik (GMT)' },\n { key: 'Atlantic/South_Georgia', value: 'Atlantic/South_Georgia', text: 'South Georgia (GMT-02:00)' },\n { key: 'Atlantic/St_Helena', value: 'Atlantic/St_Helena', text: 'St Helena (GMT)' },\n { key: 'Atlantic/Stanley', value: 'Atlantic/Stanley', text: 'Stanley (GMT-03:00)' }\n ]\n },\n {\n text: 'Australia',\n name: 'Australia',\n type: 'group',\n options: [\n { key: 'Australia/Adelaide', value: 'Australia/Adelaide', text: 'Adelaide (GMT+10:30)' },\n { key: 'Australia/Brisbane', value: 'Australia/Brisbane', text: 'Brisbane (GMT+10:00)' },\n { key: 'Australia/Broken_Hill', value: 'Australia/Broken_Hill', text: 'Broken Hill (GMT+10:30)' },\n { key: 'Australia/Currie', value: 'Australia/Currie', text: 'Currie (GMT+11:00)' },\n { key: 'Australia/Darwin', value: 'Australia/Darwin', text: 'Darwin (GMT+09:30)' },\n { key: 'Australia/Eucla', value: 'Australia/Eucla', text: 'Eucla (GMT+08:45)' },\n { key: 'Australia/Hobart', value: 'Australia/Hobart', text: 'Hobart (GMT+11:00)' },\n { key: 'Australia/Lindeman', value: 'Australia/Lindeman', text: 'Lindeman (GMT+10:00)' },\n { key: 'Australia/Lord_Howe', value: 'Australia/Lord_Howe', text: 'Lord Howe (GMT+11:00)' },\n { key: 'Australia/Melbourne', value: 'Australia/Melbourne', text: 'Melbourne (GMT+11:00)' },\n { key: 'Australia/Perth', value: 'Australia/Perth', text: 'Perth (GMT+08:00)' },\n { key: 'Australia/Sydney', value: 'Australia/Sydney', text: 'Sydney (GMT+11:00)' }\n ]\n },\n {\n text: 'Europe',\n name: 'Europe',\n type: 'group',\n options: [\n { key: 'Europe/Amsterdam', value: 'Europe/Amsterdam', text: 'Amsterdam (GMT+01:00)' },\n { key: 'Europe/Andorra', value: 'Europe/Andorra', text: 'Andorra (GMT+01:00)' },\n { key: 'Europe/Athens', value: 'Europe/Athens', text: 'Athens (GMT+02:00)' },\n { key: 'Europe/Belgrade', value: 'Europe/Belgrade', text: 'Belgrade (GMT+01:00)' },\n { key: 'Europe/Berlin', value: 'Europe/Berlin', text: 'Berlin (GMT+01:00)' },\n { key: 'Europe/Bratislava', value: 'Europe/Bratislava', text: 'Bratislava (GMT+01:00)' },\n { key: 'Europe/Brussels', value: 'Europe/Brussels', text: 'Brussels (GMT+01:00)' },\n { key: 'Europe/Bucharest', value: 'Europe/Bucharest', text: 'Bucharest (GMT+02:00)' },\n { key: 'Europe/Budapest', value: 'Europe/Budapest', text: 'Budapest (GMT+01:00)' },\n { key: 'Europe/Chisinau', value: 'Europe/Chisinau', text: 'Chisinau (GMT+02:00)' },\n { key: 'Europe/Copenhagen', value: 'Europe/Copenhagen', text: 'Copenhagen (GMT+01:00)' },\n { key: 'Europe/Dublin', value: 'Europe/Dublin', text: 'Dublin (GMT)' },\n { key: 'Europe/Gibraltar', value: 'Europe/Gibraltar', text: 'Gibraltar (GMT+01:00)' },\n { key: 'Europe/Guernsey', value: 'Europe/Guernsey', text: 'Guernsey (GMT)' },\n { key: 'Europe/Helsinki', value: 'Europe/Helsinki', text: 'Helsinki (GMT+02:00)' },\n { key: 'Europe/Isle_of_Man', value: 'Europe/Isle_of_Man', text: 'Isle of Man (GMT)' },\n { key: 'Europe/Istanbul', value: 'Europe/Istanbul', text: 'Istanbul (GMT+03:00)' },\n { key: 'Europe/Jersey', value: 'Europe/Jersey', text: 'Jersey (GMT)' },\n { key: 'Europe/Kaliningrad', value: 'Europe/Kaliningrad', text: 'Kaliningrad (GMT+03:00)' },\n { key: 'Europe/Kiev', value: 'Europe/Kiev', text: 'Kiev (GMT+02:00)' },\n { key: 'Europe/Lisbon', value: 'Europe/Lisbon', text: 'Lisbon (GMT)' },\n { key: 'Europe/Ljubljana', value: 'Europe/Ljubljana', text: 'Ljubljana (GMT+01:00)' },\n { key: 'Europe/London', value: 'Europe/London', text: 'London (GMT)' },\n { key: 'Europe/Luxembourg', value: 'Europe/Luxembourg', text: 'Luxembourg (GMT+01:00)' },\n { key: 'Europe/Madrid', value: 'Europe/Madrid', text: 'Madrid (GMT+01:00)' },\n { key: 'Europe/Malta', value: 'Europe/Malta', text: 'Malta (GMT+01:00)' },\n { key: 'Europe/Mariehamn', value: 'Europe/Mariehamn', text: 'Mariehamn (GMT+02:00)' },\n { key: 'Europe/Minsk', value: 'Europe/Minsk', text: 'Minsk (GMT+03:00)' },\n { key: 'Europe/Monaco', value: 'Europe/Monaco', text: 'Monaco (GMT+01:00)' },\n { key: 'Europe/Moscow', value: 'Europe/Moscow', text: 'Moscow (GMT+03:00)' },\n { key: 'Europe/Oslo', value: 'Europe/Oslo', text: 'Oslo (GMT+01:00)' },\n { key: 'Europe/Paris', value: 'Europe/Paris', text: 'Paris (GMT+01:00)' },\n { key: 'Europe/Podgorica', value: 'Europe/Podgorica', text: 'Podgorica (GMT+01:00)' },\n { key: 'Europe/Prague', value: 'Europe/Prague', text: 'Prague (GMT+01:00)' },\n { key: 'Europe/Riga', value: 'Europe/Riga', text: 'Riga (GMT+02:00)' },\n { key: 'Europe/Rome', value: 'Europe/Rome', text: 'Rome (GMT+01:00)' },\n { key: 'Europe/Samara', value: 'Europe/Samara', text: 'Samara (GMT+04:00)' },\n { key: 'Europe/San_Marino', value: 'Europe/San_Marino', text: 'San Marino (GMT+01:00)' },\n { key: 'Europe/Sarajevo', value: 'Europe/Sarajevo', text: 'Sarajevo (GMT+01:00)' },\n { key: 'Europe/Simferopol', value: 'Europe/Simferopol', text: 'Simferopol (GMT+02:00)' },\n { key: 'Europe/Skopje', value: 'Europe/Skopje', text: 'Skopje (GMT+01:00)' },\n { key: 'Europe/Sofia', value: 'Europe/Sofia', text: 'Sofia (GMT+02:00)' },\n { key: 'Europe/Stockholm', value: 'Europe/Stockholm', text: 'Stockholm (GMT+01:00)' },\n { key: 'Europe/Tallinn', value: 'Europe/Tallinn', text: 'Tallinn (GMT+02:00)' },\n { key: 'Europe/Tirane', value: 'Europe/Tirane', text: 'Tirane (GMT+01:00)' },\n { key: 'Europe/Uzhgorod', value: 'Europe/Uzhgorod', text: 'Uzhgorod (GMT+02:00)' },\n { key: 'Europe/Vaduz', value: 'Europe/Vaduz', text: 'Vaduz (GMT+01:00)' },\n { key: 'Europe/Vatican', value: 'Europe/Vatican', text: 'Vatican (GMT+01:00)' },\n { key: 'Europe/Vienna', value: 'Europe/Vienna', text: 'Vienna (GMT+01:00)' },\n { key: 'Europe/Vilnius', value: 'Europe/Vilnius', text: 'Vilnius (GMT+02:00)' },\n { key: 'Europe/Volgograd', value: 'Europe/Volgograd', text: 'Volgograd (GMT+04:00)' },\n { key: 'Europe/Warsaw', value: 'Europe/Warsaw', text: 'Warsaw (GMT+01:00)' },\n { key: 'Europe/Zagreb', value: 'Europe/Zagreb', text: 'Zagreb (GMT+01:00)' },\n { key: 'Europe/Zaporozhye', value: 'Europe/Zaporozhye', text: 'Zaporozhye (GMT+02:00)' },\n { key: 'Europe/Zurich', value: 'Europe/Zurich', text: 'Zurich (GMT+01:00)' }\n ]\n },\n {\n text: 'Indian',\n name: 'Indian',\n type: 'group',\n options: [\n { key: 'Indian/Antananarivo', value: 'Indian/Antananarivo', text: 'Antananarivo (GMT+03:00)' },\n { key: 'Indian/Chagos', value: 'Indian/Chagos', text: 'Chagos (GMT+06:00)' },\n { key: 'Indian/Christmas', value: 'Indian/Christmas', text: 'Christmas (GMT+07:00)' },\n { key: 'Indian/Cocos', value: 'Indian/Cocos', text: 'Cocos (GMT+06:30)' },\n { key: 'Indian/Comoro', value: 'Indian/Comoro', text: 'Comoro (GMT+03:00)' },\n { key: 'Indian/Kerguelen', value: 'Indian/Kerguelen', text: 'Kerguelen (GMT+05:00)' },\n { key: 'Indian/Mahe', value: 'Indian/Mahe', text: 'Mahe (GMT+04:00)' },\n { key: 'Indian/Maldives', value: 'Indian/Maldives', text: 'Maldives (GMT+05:00)' },\n { key: 'Indian/Mauritius', value: 'Indian/Mauritius', text: 'Mauritius (GMT+04:00)' },\n { key: 'Indian/Mayotte', value: 'Indian/Mayotte', text: 'Mayotte (GMT+03:00)' },\n { key: 'Indian/Reunion', value: 'Indian/Reunion', text: 'Reunion (GMT+04:00)' }\n ]\n },\n {\n text: 'Pacific',\n name: 'Pacific',\n type: 'group',\n options: [\n { key: 'Pacific/Apia', value: 'Pacific/Apia', text: 'Apia (GMT+13:00)' },\n { key: 'Pacific/Auckland', value: 'Pacific/Auckland', text: 'Auckland (GMT+13:00)' },\n { key: 'Pacific/Chatham', value: 'Pacific/Chatham', text: 'Chatham (GMT+13:45)' },\n { key: 'Pacific/Chuuk', value: 'Pacific/Chuuk', text: 'Chuuk (GMT+10:00)' },\n { key: 'Pacific/Easter', value: 'Pacific/Easter', text: 'Easter (GMT-05:00)' },\n { key: 'Pacific/Efate', value: 'Pacific/Efate', text: 'Efate (GMT+11:00)' },\n { key: 'Pacific/Enderbury', value: 'Pacific/Enderbury', text: 'Enderbury (GMT+13:00)' },\n { key: 'Pacific/Fakaofo', value: 'Pacific/Fakaofo', text: 'Fakaofo (GMT+13:00)' },\n { key: 'Pacific/Fiji', value: 'Pacific/Fiji', text: 'Fiji (GMT+12:00)' },\n { key: 'Pacific/Funafuti', value: 'Pacific/Funafuti', text: 'Funafuti (GMT+12:00)' },\n { key: 'Pacific/Galapagos', value: 'Pacific/Galapagos', text: 'Galapagos (GMT-06:00)' },\n { key: 'Pacific/Gambier', value: 'Pacific/Gambier', text: 'Gambier (GMT-09:00)' },\n { key: 'Pacific/Guadalcanal', value: 'Pacific/Guadalcanal', text: 'Guadalcanal (GMT+11:00)' },\n { key: 'Pacific/Guam', value: 'Pacific/Guam', text: 'Guam (GMT+10:00)' },\n { key: 'Pacific/Honolulu', value: 'Pacific/Honolulu', text: 'Honolulu (GMT-10:00)' },\n { key: 'Pacific/Johnston', value: 'Pacific/Johnston', text: 'Johnston (GMT-10:00)' },\n { key: 'Pacific/Kiritimati', value: 'Pacific/Kiritimati', text: 'Kiritimati (GMT+14:00)' },\n { key: 'Pacific/Kosrae', value: 'Pacific/Kosrae', text: 'Kosrae (GMT+11:00)' },\n { key: 'Pacific/Kwajalein', value: 'Pacific/Kwajalein', text: 'Kwajalein (GMT+12:00)' },\n { key: 'Pacific/Majuro', value: 'Pacific/Majuro', text: 'Majuro (GMT+12:00)' },\n { key: 'Pacific/Marquesas', value: 'Pacific/Marquesas', text: 'Marquesas (GMT-09:30)' },\n { key: 'Pacific/Midway', value: 'Pacific/Midway', text: 'Midway (GMT-11:00)' },\n { key: 'Pacific/Nauru', value: 'Pacific/Nauru', text: 'Nauru (GMT+12:00)' },\n { key: 'Pacific/Niue', value: 'Pacific/Niue', text: 'Niue (GMT-11:00)' },\n { key: 'Pacific/Norfolk', value: 'Pacific/Norfolk', text: 'Norfolk (GMT+11:30)' },\n { key: 'Pacific/Noumea', value: 'Pacific/Noumea', text: 'Noumea (GMT+11:00)' },\n { key: 'Pacific/Pago_Pago', value: 'Pacific/Pago_Pago', text: 'Pago Pago (GMT-11:00)' },\n { key: 'Pacific/Palau', value: 'Pacific/Palau', text: 'Palau (GMT+09:00)' },\n { key: 'Pacific/Pitcairn', value: 'Pacific/Pitcairn', text: 'Pitcairn (GMT-08:00)' },\n { key: 'Pacific/Pohnpei', value: 'Pacific/Pohnpei', text: 'Pohnpei (GMT+11:00)' },\n { key: 'Pacific/Port_Moresby', value: 'Pacific/Port_Moresby', text: 'Port Moresby (GMT+10:00)' },\n { key: 'Pacific/Rarotonga', value: 'Pacific/Rarotonga', text: 'Rarotonga (GMT-10:00)' },\n { key: 'Pacific/Saipan', value: 'Pacific/Saipan', text: 'Saipan (GMT+10:00)' },\n { key: 'Pacific/Tahiti', value: 'Pacific/Tahiti', text: 'Tahiti (GMT-10:00)' },\n { key: 'Pacific/Tarawa', value: 'Pacific/Tarawa', text: 'Tarawa (GMT+12:00)' },\n { key: 'Pacific/Tongatapu', value: 'Pacific/Tongatapu', text: 'Tongatapu (GMT+13:00)' },\n { key: 'Pacific/Wake', value: 'Pacific/Wake', text: 'Wake (GMT+12:00)' },\n { key: 'Pacific/Wallis', value: 'Pacific/Wallis', text: 'Wallis (GMT+12:00)' }\n ]\n }\n];\n\nexport const ScheduleDropdownOptions = {\n interval() {\n return [\n { key: 'daily', value: 'daily', text: 'Daily' },\n { key: 'weekly', value: 'weekly', text: 'Weekly' },\n { key: 'monthly', value: 'monthly', text: 'Monthly' }\n ];\n },\n time: {\n sendTime: [\n { key: '0', value: '00:00', text: '12:00 AM' },\n { key: '1', value: '01:00', text: '1:00 AM' },\n { key: '2', value: '02:00', text: '2:00 AM' },\n { key: '3', value: '03:00', text: '3:00 AM' },\n { key: '4', value: '04:00', text: '4:00 AM' },\n { key: '5', value: '05:00', text: '5:00 AM' },\n { key: '6', value: '06:00', text: '6:00 AM' },\n { key: '7', value: '07:00', text: '7:00 AM' },\n { key: '8', value: '08:00', text: '8:00 AM' },\n { key: '9', value: '09:00', text: '9:00 AM' },\n { key: '10', value: '10:00', text: '10:00 AM' },\n { key: '11', value: '11:00', text: '11:00 AM' },\n { key: '12', value: '12:00', text: '12:00 PM' },\n { key: '13', value: '13:00', text: '1:00 PM' },\n { key: '14', value: '14:00', text: '2:00 PM' },\n { key: '15', value: '15:00', text: '3:00 PM' },\n { key: '16', value: '16:00', text: '4:00 PM' },\n { key: '17', value: '17:00', text: '5:00 PM' },\n { key: '18', value: '18:00', text: '6:00 PM' },\n { key: '19', value: '19:00', text: '7:00 PM' },\n { key: '20', value: '20:00', text: '8:00 PM' },\n { key: '21', value: '21:00', text: '9:00 PM' },\n { key: '22', value: '22:00', text: '10:00 PM' },\n { key: '23', value: '23:00', text: '11:00 PM' }\n ],\n timeZone: TIME_ZONES\n },\n sendDate() {\n return {\n daily: [\n { key: 'weekIn', value: 'weekIn', text: 'Monday - Friday' },\n { key: 'weekEnd', value: 'weekEnd', text: 'Saturday - Sunday' },\n { key: 'weekFull', value: 'weekFull', text: 'Monday - Sunday' }\n ],\n weekly: [\n { key: 'everyMonday', value: 'everyMonday', text: 'Every Monday' },\n { key: 'everyTuesday', value: 'everyTuesday', text: 'Every Tuesday' },\n { key: 'everyWednesday', value: 'everyWednesday', text: 'Every Wednesday' },\n { key: 'everyThursday', value: 'everyThursday', text: 'Every Thursday' },\n { key: 'everyFriday', value: 'everyFriday', text: 'Every Friday' },\n { key: 'everySaturday', value: 'everySaturday', text: 'Every Saturday' },\n { key: 'everySunday', value: 'everySunday', text: 'Every Sunday' }\n ],\n monthly: [\n { key: 'firstWorkDay', value: 'firstWorkDay', text: 'First work day of the month' },\n { key: 'firstMonday', value: 'firstMonday', text: 'First monday of the month' },\n { key: 'lastFriday', value: 'lastFriday', text: 'Last friday of the month' },\n { key: 'firstDay', value: 'firstDay', text: 'First day of the month' },\n { key: 'selectedDay', value: 'selectedDay', text: 'Select a day of the month' }\n ],\n selectedDay: (() => {\n const optionArray = [];\n for (let i = 1; i < 32; i++) {\n optionArray.push({ key: `${i}`, value: `${i}`, text: `${i}` });\n }\n return optionArray;\n })()\n };\n }\n};\n","const getFirstChar = (target, splitter) => {\n return target.split(splitter).filter(t => t).map(t => t.slice(0, 1)).join('')\n .slice(0, 1)\n .toLocaleUpperCase();\n};\n\nexport const hasValidAvatar = avatarUrl => {\n return typeof avatarUrl === 'string' && avatarUrl.length > 3;\n};\n\nexport const getAvatarHolder = (name = '', email = '') => {\n switch (true) {\n case (name && name.length > 0):\n return getFirstChar(name, ' ');\n case (email && email.length > 0):\n const [beforeAt] = email.split('@');\n if (beforeAt.indexOf('.') > -1) {\n return getFirstChar(beforeAt, '.');\n }\n if (beforeAt.indexOf('_') > -1) {\n return getFirstChar(beforeAt, '_');\n }\n return beforeAt.slice(0, 2).toLocaleUpperCase();\n default: return 'N/A';\n }\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { shape } from 'prop-types';\nimport { ContactDefaultProps, ContactPropTypes } from '../constants';\nimport { getAvatarHolder, hasValidAvatar } from '../utils';\n\nimport '../styles/Contact.scss';\n\nconst ContactAvatar = ({\n contact\n}) => {\n const { avatarUrl, name, email } = contact;\n const useAvatarHolder = React.useMemo(() => !hasValidAvatar(avatarUrl), [avatarUrl]);\n const holder = React.useMemo(() => {\n if (useAvatarHolder) {\n return getAvatarHolder(name, email);\n }\n return '';\n }, [useAvatarHolder, name, email]);\n\n const isQuestion = contact.isQuestion === true;\n const isAvatar = !isQuestion && useAvatarHolder;\n const isImage = !isQuestion && !useAvatarHolder;\n\n return (\n
\n
\n );\n};\n\nQuestionBasedContactCard.propTypes = {\n contact: shape(ContactPropTypes)\n};\n\nQuestionBasedContactCard.defaultProps = {\n contact: ContactDefaultProps\n};\n\nexport default QuestionBasedContactCard;\n","import React from 'react';\nimport {\n arrayOf, func, shape, string, oneOfType\n} from 'prop-types';\nimport { FilterHoverText } from '@jotforminc/search-filter';\nimport { ContactDefaultProps, ContactPropTypes } from '../constants';\nimport ContactAvatar from './ContactAvatar';\n\nimport '../styles/Contact.scss';\nimport QuestionBasedContactCard from './QuestionBasedContactCard';\n\nconst ContactCard = ({\n ContainerRenderer, contact, renderElement, conditionFilter, questions, getQuestionText\n}) => {\n const {\n name, email, additionalInfo = [], isQuestion, role\n } = contact;\n if (renderElement) {\n return (\n \n {parsed}\n
\n \n
\n {additionalInfo.length > 0 && (\n \n {!isQuestion && name && (\n
\n {role && \n {name}\n
\n )}\n {!isQuestion && email && (\n \n {email}\n
\n )}\n {role}
}\n \n {additionalInfo.map(info => (\n
\n )}\n {info}
\n ))}\n \n {children}\n
\n )}\n \n );\n};\nGroupOptionRenderer.propTypes = {\n defaultOptionGroupTextClass: PropTypes.string,\n optionGroupWrapperClass: PropTypes.string,\n optionGroupTextClass: PropTypes.string,\n optionGroupClass: PropTypes.string,\n text: PropTypes.string,\n color: PropTypes.string,\n children: PropTypes.node,\n defaultExpandValue: PropTypes.bool\n\n};\n\nGroupOptionRenderer.defaultProps = {\n defaultOptionGroupTextClass: 'jfSelect-optionGroup',\n optionGroupWrapperClass: '',\n optionGroupTextClass: '',\n optionGroupClass: '',\n text: '',\n color: null,\n children: null,\n defaultExpandValue: false\n};\n\nexport default GroupOptionRenderer;\n","/* eslint-disable complexity */\nimport PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\nimport React, { Component } from 'react';\nimport clsx from 'clsx';\nimport { Portal } from '@jotforminc/magnet';\nimport GroupOptionRenderer from './GroupOptionRenderer';\n\nimport './style.scss';\n\nclass Dropdown extends Component {\n constructor(props) {\n super(props);\n\n this.handleRemoveTag = this.handleRemoveTag.bind(this);\n this.handleInputClick = this.handleInputClick.bind(this);\n this.handleKey = this.handleKey.bind(this);\n this.stopKeyEvent = this.stopKeyEvent.bind(this);\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n this.handleSearchClear = this.handleSearchClear.bind(this);\n this.handleClickOutside = this.handleClickOutside.bind(this);\n this.handleResize = this.handleResize.bind(this);\n this.handleScroll = this.handleScroll.bind(this);\n this.createTags = this.createTags.bind(this);\n\n this.inputRef = React.createRef();\n this.listRef = React.createRef();\n this.searchRef = React.createRef();\n this.optionListRef = React.createRef();\n this.areAllOptionsDisabled = this.flattenOptions(props.data).every(({ isDisabled }) => isDisabled);\n\n this.state = {\n isOpen: false,\n currentOptionIndex: 0,\n searchTerm: '',\n filteredOptions: props.data || []\n };\n }\n\n componentDidMount() {\n const { searchable } = this.props;\n document.addEventListener('scroll', this.handleScroll, true);\n document.addEventListener('click', this.handleClickOutside, true);\n window.addEventListener('resize', this.handleResize);\n\n if (this.inputRef.current) {\n this.inputRef.current.addEventListener('keyup', this.handleKey);\n this.inputRef.current.addEventListener('keydown', this.stopKeyEvent);\n this.inputRef.current.addEventListener('keypress', this.handleKey);\n }\n\n if (this.listRef.current) this.listRef.current.addEventListener('keyup', this.stopKeyEvent);\n\n if (this.searchRef.current && searchable) {\n this.searchRef.current.addEventListener('keydown', this.handleKey);\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { data, searchable } = this.props;\n const { data: prevData } = prevProps;\n const { isOpen: prevIsOpen } = prevState;\n const { searchTerm, isOpen } = this.state;\n if (prevData !== data) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ filteredOptions: this.filterOptions(data, searchTerm) });\n }\n if (isOpen && !prevIsOpen && searchable) {\n this.searchRef.current.focus();\n } else if (!isOpen && prevIsOpen && searchable) {\n this.searchRef.current.value = '';\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ searchTerm: '', filteredOptions: data });\n }\n }\n\n componentWillUnmount() {\n const { searchable } = this.props;\n document.removeEventListener('click', this.handleClickOutside, true);\n window.removeEventListener('resize', this.handleResize);\n document.removeEventListener('scroll', this.handleScroll);\n\n this.inputRef.current.removeEventListener('keyup', this.handleKey);\n\n this.listRef.current.removeEventListener('keyup', this.stopKeyEvent);\n this.inputRef.current.removeEventListener('keydown', this.stopKeyEvent);\n this.inputRef.current.removeEventListener('keypress', this.handleKey);\n if (searchable) {\n this.searchRef.current.removeEventListener('keydown', this.handleKey);\n }\n }\n\n handleClickOutside(e) {\n const { isOpen } = this.state;\n const isClickedInput = this.inputRef.current && this.inputRef.current.contains(e.target);\n const isClickedWrapper = this.listRef.current && this.listRef.current.contains(e.target);\n\n if (isClickedInput || isClickedWrapper) return;\n if (isOpen) this.hideDropdown(true);\n }\n\n handleResize() {\n const { isOpen } = this.state;\n\n const minKeyboardHeight = 300;\n const visualViewportHeight = window?.visualViewport?.height || window.screen.height;\n const isKeyboardOpen = window.screen.height - minKeyboardHeight > visualViewportHeight;\n\n if (isOpen && !isKeyboardOpen) this.hideDropdown();\n }\n\n handleScroll(e) {\n const { isOpen } = this.state;\n const { isMobile } = this.props;\n const isDisabledScrollHandler = isMobile ? this.searchRef.current !== document.activeElement : true;\n if (e.target !== this.optionListRef.current && isDisabledScrollHandler && isOpen) this.hideDropdown();\n }\n\n handleKey(event) {\n const { isKeyboardHandlingActive, disabled, defaultOptionClass } = this.props;\n const { isOpen, currentOptionIndex, filteredOptions } = this.state;\n\n if (isKeyboardHandlingActive && !disabled) {\n if (event.key === 'Enter') {\n event.stopPropagation();\n\n if (isOpen) {\n const currentOption = this.flattenOptions(filteredOptions)[currentOptionIndex];\n const searchRegExp = /\\s/g; // replacing all ' ' with '.'\n const replaceWith = '.';\n if (currentOption) {\n const currentOptionEl = this.listRef?.current?.querySelector(`.${defaultOptionClass.replace(searchRegExp, replaceWith)}[value=\"${currentOption.value}\"]`);\n currentOptionEl?.focus();\n currentOptionEl?.click();\n } else {\n this.hideDropdown();\n }\n }\n } else if (event.key === 'ArrowDown') {\n if (isOpen) {\n event.preventDefault();\n this.handleArrowKey(1);\n } else {\n this.openDropdown();\n }\n } else if (event.key === 'ArrowUp') {\n if (isOpen) {\n event.preventDefault();\n this.handleArrowKey(-1);\n }\n }\n }\n }\n\n handleArrowKey(indicator) {\n if (this.areAllOptionsDisabled) return;\n const { defaultOptionClass } = this.props;\n this.setState(state => {\n const flattenedOptions = this.flattenOptions(state.filteredOptions);\n const newIndex = (state.currentOptionIndex + indicator + flattenedOptions.length) % flattenedOptions.length;\n return { currentOptionIndex: newIndex };\n }, () => {\n const { currentOptionIndex, filteredOptions } = this.state;\n const { value, isDisabled } = this.flattenOptions(filteredOptions)[currentOptionIndex];\n if (isDisabled) {\n this.handleArrowKey(indicator);\n return;\n }\n const searchRegExp = /\\s/g; // replacing all ' ' with '.'\n const replaceWith = '.';\n const currentOptionEl = this.listRef?.current?.querySelector(`.${defaultOptionClass.replace(searchRegExp, replaceWith)}[value=\"${value}\"]`);\n currentOptionEl?.scrollIntoView({ block: 'nearest' });\n });\n }\n\n handleInputClick() {\n const { isOpen } = this.state;\n const {\n disabled,\n onInputClick,\n autoFocus,\n listAutoFocus\n } = this.props;\n\n if (!disabled) {\n if (!isOpen) {\n this.openDropdown();\n onInputClick();\n if (this.listRef.current && (autoFocus || listAutoFocus)) {\n this.listRef.current.focus();\n }\n }\n this.hideDropdown();\n }\n }\n\n handleSearch(e) {\n const { data, onSearch } = this.props;\n const { value } = e.target;\n\n this.setState({ filteredOptions: this.filterOptions(data, value), searchTerm: value });\n setTimeout(() => { this.handleDropdownPosition(); }, 0);\n onSearch(value);\n }\n\n handleSearchClear() {\n const value = '';\n this.searchRef.current.value = value;\n this.handleSearch({ target: { value } });\n }\n\n handleDropdownPosition() {\n const {\n dropdownLeft,\n dropdownTop,\n dropdownWidth,\n getDropdownPosition,\n isLite,\n dropdownPositionResolver\n } = this.props;\n const listRefStyle = this.listRef?.current?.style || {};\n\n listRefStyle.opacity = 1;\n listRefStyle.visibility = 'visible';\n listRefStyle.width = `${this.inputRef?.current?.offsetWidth}px`;\n\n if (isLite) { return; }\n\n const {\n left = 0,\n top = 0,\n width = 0,\n height = 0,\n right = 0\n } = this.inputRef?.current?.getBoundingClientRect() || {};\n\n const {\n offsetHeight: listRefHeight = 0\n } = this.listRef.current || {};\n\n let positions = {};\n const topOffset = height + top;\n const totalHeight = topOffset + listRefHeight;\n\n positions.left = left;\n positions.width = width;\n\n if (totalHeight > window.innerHeight) {\n positions.top = top - listRefHeight;\n this.listRef?.current?.setAttribute('data-position', 'top');\n this.inputRef?.current?.setAttribute('data-position', 'top');\n getDropdownPosition('top');\n } else {\n positions.top = topOffset;\n this.listRef?.current?.setAttribute('data-position', 'bottom');\n this.inputRef?.current?.setAttribute('data-position', 'bottom');\n getDropdownPosition('bottom');\n }\n\n if (dropdownPositionResolver && typeof dropdownPositionResolver === 'function') {\n positions = {\n ...positions,\n ...dropdownPositionResolver({\n left, top, width, height, right\n })\n };\n }\n\n listRefStyle.top = dropdownTop\n ? `${dropdownTop}px`\n : `${positions.top}px`;\n listRefStyle.left = dropdownLeft\n ? `${dropdownLeft}px`\n : `${positions.left}px`;\n listRefStyle.width = dropdownWidth\n ? `${dropdownWidth}px`\n : `${positions.width}px`;\n }\n\n handleOptionClick = option => e => {\n const { value } = e.currentTarget;\n const {\n multiple, isKeyboardHandlingActive, onOptionClick, autoFocus,\n sendFullOption, listAutoFocus\n } = this.props;\n\n if (isKeyboardHandlingActive) {\n e.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n }\n\n if (multiple) {\n setTimeout(() => {\n this.handleDropdownPosition();\n }, 0);\n } else {\n setTimeout(() => {\n this.hideDropdown();\n }, 0);\n }\n onOptionClick(sendFullOption ? option : value, e);\n if (this.inputRef.current && (autoFocus || listAutoFocus)) {\n this.inputRef.current.focus();\n }\n };\n\n handleRemoveTag(e) {\n const { onRemoveTag } = this.props;\n const { value } = e.target;\n onRemoveTag(value, e);\n e.stopPropagation();\n }\n\n handleMouseEnter(e) {\n const { target } = e;\n const { filteredOptions } = this.state;\n const newIndex = this.flattenOptions(filteredOptions).findIndex(opt => opt.value === target.value);\n this.setState({ currentOptionIndex: newIndex });\n }\n\n handleMouseLeave() {\n this.setState({ currentOptionIndex: -1 });\n }\n\n isValueInOption(option, value) {\n if (option?.searchTerm) {\n return option.searchTerm.toLowerCase().indexOf(value?.toLowerCase()) !== -1;\n }\n return typeof option.text === 'string' ? option.text?.toLowerCase().indexOf(value?.toLowerCase()) > -1 : false;\n }\n\n isLastElement(options, index) {\n return options?.length > 0 && options?.length > index + 1;\n }\n\n filterOptions(options, value) {\n return options.reduce((acc, currentOption) => {\n if (currentOption.type === 'group') {\n const groupOptions = this.filterOptions(currentOption.options, value);\n return groupOptions.length > 0 ? [...acc, { ...currentOption, options: groupOptions }] : acc;\n }\n\n return this.isValueInOption(currentOption, value) ? [...acc, currentOption] : acc;\n }, []);\n }\n\n flattenOptions(options) {\n return options.flatMap(option => {\n return option.type === 'group' ? (this.flattenOptions(option?.options) || []) : option;\n });\n }\n\n openDropdown() {\n const { isDropdownOpen, selectedOptionValues, multiple } = this.props;\n\n this.setState(state => {\n const flattenedOptions = this.flattenOptions(state.filteredOptions);\n const currentOptionIndex = multiple ? 0 : flattenedOptions.findIndex(opt => opt.value === selectedOptionValues[0]);\n return {\n isOpen: true,\n currentOptionIndex\n };\n });\n this.handleDropdownPosition();\n isDropdownOpen(true);\n }\n\n stopKeyEvent(event) {\n const { isKeyboardHandlingActive } = this.props;\n const { isOpen } = this.state;\n if (isKeyboardHandlingActive && isOpen) {\n event.stopPropagation();\n }\n }\n\n hideDropdown(noFocus = true) {\n const { isOpen } = this.state;\n const { isDropdownOpen } = this.props;\n\n if (!noFocus && this.inputRef.current) {\n this.inputRef.current.focus();\n }\n\n if (isOpen && this.listRef.current) {\n this.listRef.current.style.opacity = 0;\n this.listRef.current.style.visibility = 'hidden';\n\n this.setState({\n isOpen: false,\n currentOptionIndex: 0\n });\n isDropdownOpen(false);\n }\n }\n\n createTags() {\n const {\n data, defaultTagClass, defaultRemoveButtonClass, tagClass, removeButtonClass, removeButtonIcon, selectedOptionStyles\n } = this.props;\n const { selectedOptionValues } = this.props;\n\n const removeButtonClasses = clsx(defaultRemoveButtonClass, removeButtonClass);\n\n return this.flattenOptions(data).map(option => {\n const {\n value, text, dataAttributes, key, additionalTagClass\n } = option;\n if (selectedOptionValues.indexOf(value) > -1) {\n return (\n \n {text}\n \n { groupOption.options.map((option, index) => (option.type === 'group'\n ? this.renderOptionItemGroup(option, groupIndex + index, this.isLastElement(groupOption.options, index))\n : this.renderOptionItem(option, groupIndex + index))) }\n
\n { divider && }\n \n );\n }\n\n renderMultipleGroupItem(option, index, isLastElement) {\n const {\n defaultOptionGroupTextClass, optionGroupWrapperClass,\n optionGroupTextClass, optionGroupClass\n } = this.props;\n\n const {\n text, color, options, collapsible, defaultExpandValue\n } = option;\n\n const { filteredOptions, searchTerm } = this.state;\n const isOptionFiltered = searchTerm && filteredOptions?.findIndex(filteredOption => filteredOption === option) > -1;\n\n if (collapsible) {\n return (\n {notResultFoundText}
;\n }\n\n if (dropdownOpenInEmail && data?.length === 0) {\n return {notResultFoundText}
;\n }\n\n const filteredValue = dropdownOpenInEmail ? data : filteredOptions;\n\n const { items } = filteredValue.reduce((result, current) => {\n switch (true) {\n case current?.showOutsideButton:\n return {\n itemIndex: result.itemIndex + 1,\n items: [\n ...result.items,\n (\n \n {this.renderOptionComponent(current)}\n
\n )\n ]\n };\n case current.type === 'group':\n return {\n itemIndex: result.itemIndex + current.options.length,\n items: [...result.items, this.renderMultipleGroupItem(current, result.itemIndex, this.isLastElement(current.options, result.itemIndex))]\n };\n default:\n return { itemIndex: result.itemIndex + 1, items: [...result.items, this.renderOptionItem(current, result.itemIndex)] };\n }\n }, { itemIndex: 0, items: [] });\n\n return items;\n }\n\n renderInput() {\n const { isOpen } = this.state;\n const {\n inputAfter,\n inputBefore,\n inputClass,\n inputTextClass,\n tagWrapperClass,\n defaultInputClass,\n defaultInputTextClass,\n defaultOptionText,\n defaultOptionTitle,\n defaultTagWrapperClass,\n activeInputClass,\n selectedOptionValues,\n searchableClass,\n isDarkClass,\n disabledClass,\n multipleClass,\n multiple,\n searchable,\n disabled,\n data,\n inputTabIndex,\n isDark,\n autoFocus,\n defaultInnerInput,\n pdfOptions\n } = this.props;\n\n const inputClasses = clsx(defaultInputClass, inputClass, {\n [activeInputClass]: activeInputClass && isOpen,\n [multipleClass]: multiple,\n [searchableClass]: searchable,\n [disabledClass]: disabled,\n [isDarkClass]: isDark\n });\n\n const inputTextClasses = clsx(defaultInputTextClass, inputTextClass);\n const tagWrapperClasses = clsx(defaultTagWrapperClass, tagWrapperClass);\n\n if (multiple) {\n return (\n \n {hasNoOptions ? 'Select Document' : `${pdfOptions.length} document${pdfOptions.length > 1 ? 's' : ''} selected`}\n
\n )}\n {inputAfter && inputAfter}\n \n );\n }\n\n render() {\n const { isOpen, searchTerm } = this.state;\n const {\n defaultWrapperClass,\n wrapperClass,\n activeWrapperClass,\n defaultListClass,\n listClass,\n liteClass,\n searchable,\n multiple,\n searchableClass,\n isDarkClass,\n isDark,\n multipleClass,\n defaultSearchBoxClass,\n searchBoxClass,\n defaultSearchInputClass,\n searchInputClass,\n searchInputPlaceholder,\n zIndex,\n isLite,\n listAriaLabel,\n searchIcon,\n useMagnetPortal,\n clearSearchButtonText\n } = this.props;\n\n const listClasses = clsx(defaultListClass, listClass);\n const wrapperClasses = clsx(defaultWrapperClass, wrapperClass, {\n [activeWrapperClass]: activeWrapperClass && isOpen,\n [multipleClass]: multiple,\n [searchableClass]: searchable,\n [isDarkClass]: isDark,\n [liteClass]: isLite\n });\n const searchBoxClasses = clsx(defaultSearchBoxClass, searchBoxClass);\n const searchInputClasses = clsx(defaultSearchInputClass, searchInputClass);\n\n const renderWrapper = () => {\n return (\n \n {this.renderInput()}\n {renderWrapper()}\n
\n ) : (\n <>\n {this.renderInput()}\n {!useMagnetPortal ? createPortal(renderWrapper(), document.body) : {text}
,\n PillContainerRenderer: ({ children }) => {children}
,\n RemainingCountRenderer: ({ children }) => {children}
,\n onPillAdd: f => f,\n onPillRemove: f => f,\n onPillUpdate: f => f,\n onKeyDown: f => f,\n onPillListChange: f => f,\n pillValidation: () => true,\n maxCount: Infinity,\n showRemainingCount: false,\n showPillIcon: false,\n readOnly: false,\n fixedValue: [],\n setTextInputValue: f => f,\n getValidatedList: false,\n suggestionSelected: false\n};\n\nexport default Pillbox;\n","import React from 'react';\nimport { bool, func } from 'prop-types';\n\nimport EditablePill from '@jotforminc/editable-pill';\n\nconst Pill = ({\n isQuestion, preventEditablePill, readOnly, onQuestionClick, ...props\n}) => {\n const onClick = isQuestion ? onQuestionClick : undefined;\n\n return (\n \n {addFormFields && questions && (\n \n {\n setFocused(true);\n if (inputProps.onFocus) inputProps.onFocus();\n },\n onBlur: () => {\n setFocused(false);\n if (inputProps.onBlur) inputProps.onBlur();\n },\n suggestionSelected: suggestionSelected\n }}\n setTextInputValue={setTextInputValue}\n {...pillboxProps}\n />\n {shouldShowSuggestions && (\n \n
\n );\n});\n\nEmailInput.propTypes = {\n value: arrayOf(string),\n defaultValue: arrayOf(string),\n userList: arrayOf(shape({\n name: string,\n email: string,\n avatarUrl: string\n })),\n questions: oneOfType([arrayOf(shape({})), shape({})]),\n addFormFields: bool,\n inputProps: shape({\n onFocus: func,\n onBlur: func\n }),\n popoverProps: shape({}),\n PillRenderer: elementType,\n SuggestionRenderer: elementType,\n onChange: func,\n onType: func,\n formTitle: string,\n containerClassName: string,\n pillValidation: oneOfType([func, bool]),\n showPillIcon: bool,\n pillIcon: elementType,\n fuseOptions: object,\n showSuggestionsOnFocus: bool,\n suggestionProps: shape({}),\n onClick: func,\n fieldsLabelText: string,\n useMultipleForms: bool,\n formArray: arrayOf(shape({})),\n showProtectedTag: bool,\n dontFilterListByEmails: bool,\n dontFilterListByTextInput: bool,\n preventEditablePill: bool,\n stickToBottom: bool\n};\n\nEmailInput.defaultProps = {\n value: undefined,\n defaultValue: [],\n userList: [],\n questions: undefined,\n addFormFields: false,\n inputProps: {\n onFocus: f => f,\n onBlur: f => f\n },\n popoverProps: {},\n PillRenderer: DefaultPillRenderer,\n SuggestionRenderer: UserList,\n onChange: f => f,\n onType: f => f,\n formTitle: undefined,\n containerClassName: '',\n pillValidation: false,\n showPillIcon: false,\n pillIcon: undefined,\n fuseOptions: {},\n showSuggestionsOnFocus: false,\n suggestionProps: {},\n onClick: f => f,\n fieldsLabelText: 'Form Fields',\n useMultipleForms: false,\n formArray: [],\n showProtectedTag: false,\n dontFilterListByEmails: false,\n dontFilterListByTextInput: false,\n preventEditablePill: false,\n stickToBottom: false\n};\n\nexport default EmailInput;\n","import React from 'react';\nimport {\n string, node, shape, elementType\n} from 'prop-types';\n\nexport const isIE = () => {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE '); // IE 10 or older\n const trident = ua.indexOf('Trident/'); // IE 11\n return (msie > 0 || trident > 0);\n};\n\nconst defaultStyle = {\n minWidth: '64px',\n backgroundColor: '#666',\n color: '#fff',\n borderRadius: '4px',\n fontSize: '14px',\n textAlign: 'center',\n padding: '10px 42px',\n display: 'inline-block',\n textDecoration: 'none',\n marginTop: '8px'\n};\n\nconst Button = ({\n style, children, icon, TagRenderer, ...props\n}) => {\n if (isIE()) {\n return (\n \n \n {disclaimer}\n \n )}\n
\n {children}
,\n SublabelRenderer: ({ children }) => {children}
,\n ToggleWrapper: ({ children }) => {children}
,\n LabelWrapper: ({ children }) => {children}
,\n MainWrapper: ({ children }) => {children}
,\n PasswordWrapper: ({ children }) => {children}
\n};\n\nexport default PasswordWithToggle;\n","import React from 'react';\n\nconst TablistWrapper = props => ;\n\nexport default TablistWrapper;\n","export const STATIC_FIELDS_WITH_PLACEHOLDER_FOR_SACL = [\n { text: 'Form Title', placeholder: '{form_title}' }\n];\n","import React from 'react';\nimport { shape, string, func } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { FileUpload as UiKitFileUpload, FileUploadComponents } from '@jotforminc/uikit';\n\nimport './styles/style.scss';\n\nconst {\n Form,\n Text,\n ErrorText,\n Thumbnail,\n FileInput,\n FilePreview,\n TextWrapper,\n DragContainer\n} = FileUploadComponents;\n\nconst Wrapper = ({ children, ...props }) => {children}
; // eslint-disable-line\n\nconst FileUpload = ({ value, onChange, ...props }) => {\n const handleFileRemove = () => onChange({});\n return (\n \n
\n );\n};\n\nNewEmailWizardDropdown.propTypes = {\n onChange: func.isRequired\n};\n\nexport default NewEmailWizardDropdown;\n","import { bool, shape, string } from 'prop-types';\nimport React, { useState } from 'react';\n\nimport {\n FormControl, FormHelperText, InputText, Button\n} from '@jotforminc/magnet';\nimport { IconEyeSlashFilled, IconEyeFilled } from '@jotforminc/svg-icons';\nimport { Texts } from '@jotforminc/constants';\nimport { t } from '@jotforminc/translation';\n\nconst FormControlElement = ({\n id,\n placeholder,\n type,\n disabled,\n readOnly,\n ...props\n}) => {\n const { errorList } = props;\n const errorMessage = errorList[id];\n const isPasswordField = type && type === 'password';\n\n const [passwordMode, setPasswordMode] = useState('hide');\n\n const handlePasswordModeToggle = () => {\n setPasswordMode(passwordMode === 'hide' ? 'show' : 'hide');\n };\n\n return (\n <>\n \n handlePasswordModeToggle()}\n />\n
\n )}\n {errorMessage && (\n {passwordMode === 'hide' ? t(Texts.SHOW_PASSWORD) : t(Texts.HIDE_PASSWORD)}
\n \n {t(errorMessage)}\n
\n \n {isTestButtonVisible && (\n \n {t(testEmailText)}\n \n )}\n {(testEmailMessage.showMessage) &&
\n {t(testEmailMessage.message)}
}\n \n \n {t(confirmText)}\n \n
\n {errorMessage}
: null; // Form wizard will show the error\n};\n\nStandAloneErrorWizard.propTypes = {\n errorList: shape({}),\n id: string.isRequired,\n autoReset: bool\n};\n\nStandAloneErrorWizard.defaultProps = {\n errorList: {},\n autoReset: false\n};\n\nexport default StandAloneErrorWizard;\n","import NewEmailWizardButton from '../components/Button';\nimport NewEmailWizardDropdown from '../components/Dropdown';\nimport FormControlElement from '../components/FormControlElement';\nimport NewEmailWizardPassword from '../components/Password';\nimport SmtpWizardFooter from '../components/SmtpWizardFooter';\nimport StandAloneErrorWizard from '../components/StandAloneEmailWizard';\n\nexport const SMTP_VALUE = 'smtp';\nexport const VERIFIED_VALUE = 'verified';\nexport const EMAIL_TYPE = 'emailType';\n\nexport const BUTTON_KEY = 'button';\nexport const DROPDOWN_KEY = 'dropdown';\nexport const PASSWORD_KEY = 'password';\nexport const FORM_CONTROL_ELEMENT = 'formControlElement';\n\nexport const STAND_ALONE_ERROR_KEY = 'standAloneError';\nexport const SMTP_WIZARD_FOOTER = 'smtpWizardFooter';\n\n// Server-wide Smtp Mail Status\nexport const DEFAULT = 'DEFAULT';\nexport const ENFORCED = 'ENFORCED';\nexport const DEFAULT_ENTEPRISE_SENDER_EMAIL = 'noreply@formresponse.com';\nexport const DEFAULT_SENDER_EMAIL = 'noreply@jotform.com';\nexport const JOTFORM_DEFAULT = 'JOTFORM_DEFAULT';\nexport const DELETING = 'Deleting...';\n\nexport const COMPONENT_TYPE_LIST = {\n [BUTTON_KEY]: NewEmailWizardButton,\n [DROPDOWN_KEY]: NewEmailWizardDropdown,\n [PASSWORD_KEY]: NewEmailWizardPassword,\n [STAND_ALONE_ERROR_KEY]: StandAloneErrorWizard,\n [SMTP_WIZARD_FOOTER]: SmtpWizardFooter,\n [FORM_CONTROL_ELEMENT]: FormControlElement\n};\n","import React, { useState } from 'react';\nimport { Input } from '@jotforminc/form-wizard';\nimport { IconEyeFilled, IconEyeSlashFilled } from '@jotforminc/svg-icons';\nimport { Texts } from '@jotforminc/constants';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\n\nconst Password = props => {\n const [passwordMode, setPasswordMode] = useState('hide');\n const passwordInput = document.getElementById('password');\n\n const handlePasswordModeToggle = () => {\n setPasswordMode(passwordMode === 'hide' ? 'show' : 'hide');\n };\n\n return (\n <>\n \n handlePasswordModeToggle()}\n />\n
\n \n );\n};\n\nexport default Password;\n","import React from 'react';\nimport { objectOf, elementType } from 'prop-types';\nimport { FormWizard } from '@jotforminc/form-wizard';\n\nimport { COMPONENT_TYPE_LIST } from '../utils/constants';\n\nconst Wizard = props => {\n const { componentTypeList = {}, ...rest } = props;\n return (\n {passwordMode === 'hide' ? t(Texts.SHOW_PASSWORD) : t(Texts.HIDE_PASSWORD)}
\n \n
\n );\n};\n\nDropdown.propTypes = {\n onChange: func.isRequired\n};\n\nexport default Dropdown;\n","import { t } from '@jotforminc/translation';\nimport { node, string } from 'prop-types';\nimport React from 'react';\nimport { useIsMobile } from '@jotforminc/hooks';\n\nconst CustomBadge = ({\n text,\n Icon,\n iconColor,\n backgrounColor,\n textColor\n}) => {\n const isMobile = useIsMobile(1040);\n\n return (\n \n {Icon &&
\n );\n};\n\nexport default CustomBadge;\n\nCustomBadge.propTypes = {\n text: string,\n Icon: node,\n iconColor: string,\n backgrounColor: string,\n textColor: string\n};\n\nCustomBadge.defaultProps = {\n text: '',\n Icon: null,\n iconColor: '',\n backgrounColor: '',\n textColor: ''\n};\n","/* eslint-disable max-len */\nimport { string } from 'prop-types';\nimport React from 'react';\n\nexport const GoogleIcon = ({\n className\n}) => (\n \n
\n );\n case 'microsoft':\n return (\n \n
\n );\n default:\n return '';\n }\n };\n\n return renderProvider();\n};\n\nexport default ProviderBadge;\n\nProviderBadge.propTypes = {\n provider: string\n};\n\nProviderBadge.defaultProps = {\n provider: ''\n};\n","import { IconBuilding, IconUserFilled, IconProductTeamsBasicFilled } from '@jotforminc/svg-icons';\n\nexport const DROPDOWN_BADGE_TYPES = {\n organization: {\n badgeText: 'Organization',\n Icon: IconBuilding,\n iconColor: 'color-blue-500',\n backgroundColor: 'bg-blue-100',\n textColor: 'color-navy-700'\n },\n resourceOwner: {\n badgeText: 'Resource Owner',\n Icon: IconUserFilled,\n iconColor: 'color-orange-600',\n backgroundColor: 'bg-orange-100',\n textColor: 'color-navy-700'\n },\n team: {\n badgeText: 'Team',\n Icon: IconProductTeamsBasicFilled,\n iconColor: 'color-orange-600',\n backgroundColor: 'bg-orange-100',\n textColor: 'color-navy-700'\n }\n};\n","import { func, string } from 'prop-types';\nimport React from 'react';\n\nimport { IconCheckCircleFilled } from '@jotforminc/svg-icons';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport CustomBadge from './CustomBadge';\nimport ProviderBadge from './ProviderBadge';\nimport { DROPDOWN_BADGE_TYPES } from '../../helpers/constants';\n\nconst DropdownItem = ({\n text,\n value,\n selectedValue,\n badgeType,\n provider,\n handleOptionSelect\n}) => {\n const isSelected = selectedValue === value;\n const {\n badgeText = '',\n Icon = null,\n iconColor = '',\n backgroundColor = '',\n textColor = ''\n } = DROPDOWN_BADGE_TYPES[badgeType] || {};\n\n return (\n \n
\n \n );\n};\n\nexport default DropdownItem;\n\nDropdownItem.propTypes = {\n text: string,\n value: string,\n selectedValue: string,\n badgeType: string,\n provider: string,\n handleOptionSelect: func\n};\n\nDropdownItem.defaultProps = {\n text: '',\n value: '',\n selectedValue: '',\n badgeType: '',\n provider: '',\n handleOptionSelect: f => f\n};\n","import { array, func, string } from 'prop-types';\nimport React from 'react';\n\nimport isArray from 'lodash/isArray';\nimport { t } from '@jotforminc/translation';\nimport DropdownItem from './DropdownItem';\n\nconst DropdownList = ({\n list,\n selectedValue,\n handleOptionSelect\n}) => {\n return (\n \n {text}\n {badgeType && isEnterprise() && (\n
\n {isSelected && (\n \n {list.map(({\n groupName = '',\n items = []\n }) => {\n return isArray(items) && items.length > 0 ? (\n
\n );\n};\n\nexport default DropdownList;\n\nDropdownList.propTypes = {\n list: array,\n selectedValue: string,\n handleOptionSelect: func\n};\n\nDropdownList.defaultProps = {\n list: [],\n selectedValue: '',\n handleOptionSelect: f => f\n};\n","import {\n array, bool, func, shape, string\n} from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport isArray from 'lodash/isArray';\nimport isObject from 'lodash/isObject';\nimport isEmpty from 'lodash/isEmpty';\nimport isEqual from 'lodash/isEqual';\nimport '../../styles/jfEmailWizard.scss';\nimport { t } from '@jotforminc/translation';\nimport { Button } from '@jotforminc/magnet';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\nimport DropdownList from './DropdownList';\nimport CustomBadge from './CustomBadge';\nimport ProviderBadge from './ProviderBadge';\n\nconst GroupedDropdown = ({\n options,\n value,\n setErrorList,\n errorList,\n onChange,\n navigationButtonProps,\n badgeTypesList,\n groupedList,\n ...properties\n}) => {\n const showNavigationProps = isObject(navigationButtonProps) && !isEmpty(navigationButtonProps);\n\n // Refs\n const dropdownRef = useRef(null);\n // States\n const [isOpened, setIsOpened] = useState(false);\n const [selectedOption, setSelectedOption] = useState({});\n const { senderEmail: isErrored } = errorList;\n const placeholderText = t('Choose one');\n const hasPlaceholderText = !selectedOption?.text;\n const badgeProperties = badgeTypesList[selectedOption?.owner || ''] || {};\n const isReadOnly = isObject(selectedOption) && !isEmpty(selectedOption) && isArray(options) && options.length === 1;\n\n const {\n badgeText,\n Icon,\n iconColor,\n backgroundColor,\n textColor\n } = badgeProperties;\n\n const handleOptionSelect = optionValue => {\n onChange(optionValue);\n setIsOpened(false);\n };\n\n useEffect(() => {\n if (!selectedOption && !errorList?.senderEmail && (!value || value === 'addNewAddress')) {\n setErrorList(prev => ({ ...prev, senderEmail: true }));\n } else if (selectedOption && errorList?.senderEmail) {\n setErrorList(prev => ({ ...prev, senderEmail: false }));\n }\n }, [selectedOption, errorList]);\n\n useEffect(() => {\n const newSelectedOption = isArray(options) && options.find(({ value: optionValue }) => optionValue === value);\n\n if (!isEqual(newSelectedOption, selectedOption)) {\n setSelectedOption(newSelectedOption);\n }\n }, [options, selectedOption, value]);\n\n useEffect(() => {\n /**\n * set isOpened to false, if clicked on outside of element\n */\n function handleClickOutside(event) {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {\n setIsOpened(false);\n }\n }\n // Bind the event listener\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n // Unbind the event listener on clean up\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, [dropdownRef]);\n\n useEffect(() => {\n if (isOpened) {\n const scrollableContent = document.querySelector('[data-testid=\"advance\"]');\n if (scrollableContent) {\n scrollableContent.scrollTo({\n top: scrollableContent.scrollHeight,\n behavior: 'smooth'\n });\n }\n }\n }, [isOpened]);\n\n return (\n \n {t(groupName)}\n {items.map(({\n text,\n value,\n owner = '',\n provider = ''\n }) => {\n return (\n
\n ) : '';\n })}\n \n
\n );\n};\n\nexport default GroupedDropdown;\n\nGroupedDropdown.propTypes = {\n options: array,\n value: string,\n errorList: shape({\n senderEmail: bool\n }),\n navigationButtonProps: shape(),\n setErrorList: func,\n onChange: func,\n groupedList: array,\n badgeTypesList: shape()\n};\n\nGroupedDropdown.defaultProps = {\n options: [],\n value: '',\n errorList: {\n senderEmail: false\n },\n navigationButtonProps: {},\n setErrorList: f => f,\n onChange: f => f,\n groupedList: [],\n badgeTypesList: {}\n};\n","import React from 'react';\nimport { func, string } from 'prop-types';\nimport { CheckboxItem } from '@jotforminc/checkbox';\n\nconst Checkbox = ({\n value, onChange, onClick: propClick, ...props\n}) => {\n const onClick = () => {\n onChange(!value);\n propClick();\n };\n return (\n \n setIsOpened(curr => !curr)}\n >\n \n {navigationButtonProps?.text}\n \n )}\n
\n \n {selectedOption?.text || placeholderText}\n {badgeProperties && isEnterprise() && (\n
\n \n {isOpened && (\n \n
\n )}\n {showNavigationProps && (\n \n
\n );\n};\n\nPasswordWithToggle.propTypes = {\n onChange: func,\n isHIPAA: bool,\n isSelected: bool,\n initialValue: string,\n disclaimer: string,\n clearInitialOnFocus: bool,\n setErrorList: func\n};\n\nPasswordWithToggle.defaultProps = {\n onChange: f => f,\n isHIPAA: false,\n isSelected: false,\n initialValue: null,\n disclaimer: null,\n clearInitialOnFocus: false,\n setErrorList: f => f\n};\n\nexport default PasswordWithToggle;\n","import FileUpload from '@jotforminc/file-upload';\nimport SingleEmailInput from '@jotforminc/single-email-input';\nimport { MultipleFormPDFDropdown } from '@jotforminc/resource-picker';\nimport Toggle from '@jotforminc/toggle';\nimport TagInput from '@jotforminc/tag-input';\nimport EmailInput from '@jotforminc/email-input';\nimport AlertLabelWithIcon from '@jotforminc/alert-label';\nimport { Input, COMPONENT_NAMES } from '@jotforminc/form-wizard';\nimport { NewEmailWizard } from '@jotforminc/smtp-wizard';\n\nimport EmailEditorManager from '../components/EmailEditorManager';\nimport EmailToggle from '../components/Toggle';\nimport SelectList from '../components/SelectList';\nimport Dropdown from '../components/Dropdown';\nimport GroupedDropdown from '../components/GroupedDropdown';\nimport Checkbox from '../components/Checkbox';\nimport MagnetCheckbox from '../components/MagnetCheckbox';\nimport Datepicker from '../components/Datepicker';\nimport EmailDropdown from '../components/EmailDropdown';\nimport ResettablePassword from '../components/ResettablePassword';\nimport PasswordWithToggle from '../components/PasswordWithToggle';\nimport LoadingDots from '../components/LoadingDots';\n\nconst EMAIL_WIZARD_FORM_WIZARD_COMPONENT_TYPE_LIST = {\n [COMPONENT_NAMES.TextInput]: Input,\n [COMPONENT_NAMES.InputWithList]: TagInput,\n [COMPONENT_NAMES.RichTextEditor]: EmailEditorManager,\n [COMPONENT_NAMES.MultipleEmailInput]: EmailInput,\n [COMPONENT_NAMES.SingleEmailInput]: SingleEmailInput,\n [COMPONENT_NAMES.Toggle]: Toggle,\n [COMPONENT_NAMES.FileUpload]: FileUpload,\n [COMPONENT_NAMES.Dropdown]: Dropdown,\n [COMPONENT_NAMES.EmailToggle]: EmailToggle,\n [COMPONENT_NAMES.SelectList]: SelectList,\n [COMPONENT_NAMES.Checkbox]: Checkbox,\n [COMPONENT_NAMES.MagnetCheckbox]: MagnetCheckbox,\n [COMPONENT_NAMES.Datepicker]: Datepicker,\n [COMPONENT_NAMES.Password]: PasswordWithToggle,\n [COMPONENT_NAMES.ResettablePassword]: ResettablePassword,\n [COMPONENT_NAMES.AlertLabelWithIcon]: AlertLabelWithIcon,\n [COMPONENT_NAMES.EmailDropdown]: EmailDropdown,\n [COMPONENT_NAMES.PDFSelectList]: MultipleFormPDFDropdown,\n [COMPONENT_NAMES.GroupedDropdown]: GroupedDropdown,\n LOADING: LoadingDots,\n email_wizard_new_sender_email_wizard: NewEmailWizard\n};\n\nexport default EMAIL_WIZARD_FORM_WIZARD_COMPONENT_TYPE_LIST;\n","import React from 'react';\n\nconst LoadingDots = () => {\n // CSS is from moodular\n return (\n \n {translationRenderer('To use multiple recipients, please [1[upgrade your account]]')({\n renderer1: str => {str},\n fallback: str => {str}\n })}\n
\n);\n\nexport default RecipientError;\n","const EmptyRenderer = () => null;\n\nexport default EmptyRenderer;\n","import React from 'react';\nimport merge from 'lodash/merge';\nimport { t } from '@jotforminc/translation';\nimport {\n isEmail,\n generateIsErroredFromValidations,\n singleEmailInputEmailErrored,\n handleCustomNavigation\n} from '@jotforminc/utils';\nimport { isNewSMTPFlow } from '@jotforminc/enterprise-utils';\nimport { getBaseURL } from '@jotforminc/router-bridge';\nimport AlertLabelWithIcon from '@jotforminc/alert-label';\nimport { AlertLabelTypes } from '@jotforminc/constants';\nimport { COMPONENT_NAMES } from '@jotforminc/form-wizard';\n\nimport { IconLinkDiagonal } from '@jotforminc/svg-icons';\nimport { EMAIL_TEMPLATE_TYPES } from '../../constants/EmailTemplateTypes';\nimport RecipientError from '../../components/RecipientError';\nimport {\n getEmailFields, getNameFields, extendCustomSenderOptions, prepareGroupedList\n} from '../../helpers/utils';\nimport EmptyRenderer from '../../components/EmptyRenderer';\nimport { DROPDOWN_BADGE_TYPES } from '../../helpers/constants';\n\nconst RecipientLimitDesc = \n
\n );\n};\n\nexport default SendDateRenderer;\n","/* eslint-disable complexity */\nimport React, { useCallback } from 'react';\n\nimport { t } from '@jotforminc/translation';\nimport { AlertLabelTypes } from '@jotforminc/constants';\nimport { COMPONENT_NAMES } from '@jotforminc/form-wizard';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { isNewSMTPFlow } from '@jotforminc/enterprise-utils';\nimport { getBaseURL } from '@jotforminc/router-bridge';\n\nimport { EMAIL_TEMPLATE_TYPES } from '../../constants/EmailTemplateTypes';\nimport {\n extendCustomSenderOptions, hasPDFPasswordError,\n prepareGroupedList\n} from '../../helpers/utils';\nimport SendDateRenderer from './SendDateRenderer';\nimport { DROPDOWN_BADGE_TYPES } from '../../helpers/constants';\n\nconst defaults = {\n emailType: EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_NOTIFICATION,\n isEncrypted: false,\n usesNewPDF: 'Yes',\n formID: false,\n isEnterprise: false,\n isHIPAA: false,\n senderEmails: [],\n isSubUser: false,\n valueList: {},\n pdfOptions: [],\n sendDateOptions: [],\n // eslint-disable-next-line no-console\n handleAddNewEmail: () => console.warn('New email added without add fn passed.'),\n v3: false,\n showManualEmailWarning: false,\n allowPDFAttachment: false,\n useMultiFormPDF: false\n};\n\nconst checkIsWorkflowEmail = emailType => emailType.indexOf('WORKFLOW_') === 0;\n\nexport const GenerateAdvanceTabElementList = (params = defaults) => {\n const extended = { ...defaults, ...params };\n const {\n user: userData,\n emailType,\n isEncrypted,\n usesNewPDF,\n formID,\n formTitle,\n isEnterprise,\n senderEmails,\n valueList,\n pdfOptions,\n isHIPAA,\n sendDateOptions,\n handleAddNewEmail,\n v3,\n showManualEmailWarning,\n allowPDFAttachment,\n branding21,\n forms,\n PDFData,\n newFormatedData,\n useMultiFormPDF,\n pdfRelatedConfigsForAllForm,\n attachPDFLoading,\n isAttachPDFLimitExceeded,\n hasMissingPDFAttachment,\n handleAddNewSmtp\n } = extended;\n const { senderEmail } = valueList;\n const isWorkflowEmail = checkIsWorkflowEmail(emailType);\n const isAutoResponder = emailType === EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_AUTORESPONDER;\n const isNotification = emailType === EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_NOTIFICATION;\n const isAppointmentReminder = emailType === EMAIL_TEMPLATE_TYPES.APPOINTMENT_REMINDER;\n const isSendEmail = emailType === EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_EMAIL_GENERAL;\n const isAssignFormEmail = emailType === EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_FORM_NOTIFICATION;\n const showSelectedPDFOptionsWithMultipleForm = useMultiFormPDF && isSendEmail;\n let isPDFPasswordRequiredOnHIPAA = true;\n if (isEnterprise && valueList?.isPDFPasswordRequiredOnHIPAA !== undefined) {\n isPDFPasswordRequiredOnHIPAA = valueList?.isPDFPasswordRequiredOnHIPAA;\n }\n\n const requirePasswordSetupOnHIPAA = isEnterprise ? (isHIPAA && isPDFPasswordRequiredOnHIPAA) : isHIPAA;\n\n return {\n sendOnSubmit: {\n condition: () => (v3 && (isAutoResponder || isNotification)),\n componentProps: {\n className: 'newEmailsCheckbox py-1',\n label: t('When a submission is received')\n },\n type: COMPONENT_NAMES.MagnetCheckbox,\n labelProps: {\n label: t('Send Email Automatically'),\n description: t('Automatically trigger the email when a specific action occurs')\n }\n },\n sendOnEdit: v3 ? {\n condition: () => isAutoResponder || isNotification,\n componentProps: {\n className: 'newEmailsCheckbox py-1',\n label: t('When a submission is edited')\n },\n type: COMPONENT_NAMES.MagnetCheckbox\n } : {\n condition: () => isAutoResponder || isNotification,\n type: COMPONENT_NAMES.EmailToggle,\n labelProps: {\n className: 'formWizard-wrapper isVertical',\n label: t('Send on Edit'),\n description: emailType === EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_NOTIFICATION\n ? t('Decide when you\\'d like to send this email')\n : t('Users can get a new email every time the form submission is edited.')\n }\n },\n sendingManuallyWarning: {\n condition: () => (v3 && showManualEmailWarning && (isAutoResponder || isNotification) && !valueList.sendOnEdit && !valueList.sendOnSubmit),\n labelProps: {\n className: 'sendingManuallyWarning'\n },\n componentProps: {\n children: (\n \n Recipients can get a PDF attachments of submitted form data. You can edit PDF in \n \n PDF Editor\n \n
\n )\n }\n },\n selectedPDFOptions: {\n type: COMPONENT_NAMES.SelectList,\n componentProps: {\n formID,\n isAttachPDFLimitExceeded,\n emailType,\n username: userData?.username,\n planType: userData?.accountType || userData?.account_type?.name,\n options: pdfOptions,\n showSelectAll: pdfOptions?.length > 1,\n showSelectedItemCount: false,\n hasMissingPDFAttachment\n },\n condition: () => (!showSelectedPDFOptionsWithMultipleForm && usesNewPDF === 'Yes' && valueList.attachPDF)\n },\n pdfDocuments: {\n type: COMPONENT_NAMES.PDFSelectList,\n componentProps: {\n forms,\n PDFData,\n pdfOptions,\n newFormatedData,\n pdfRelatedConfigsForAllForm\n },\n condition: () => (showSelectedPDFOptionsWithMultipleForm && usesNewPDF === 'Yes' && valueList.attachPDF)\n },\n ...(isWorkflowEmail ? {\n enablePDFPassword: {\n type: COMPONENT_NAMES.EmailToggle,\n componentProps: {\n squareMode: true,\n label: t('Enable PDF Password'),\n backgroundColor: '#01bd6f',\n borderColor: '#d8dae9',\n ...(requirePasswordSetupOnHIPAA\n ? {\n readOnly: true,\n value: true\n }\n : {}\n )\n },\n labelProps: {\n className: 'formWizard-wrapper isVertical',\n label: t('Enable PDF Password'),\n description: t('Secure your PDF with a password.')\n },\n condition: () => valueList.attachPDF\n }\n } : {}),\n PDFPassword: {\n type: isWorkflowEmail ? COMPONENT_NAMES.ResettablePassword : COMPONENT_NAMES.Password,\n isCompositeFields: true,\n componentProps: {\n initialValue: valueList.PDFPassword === '*jfplaceholder*' ? '*****' : '',\n disclaimer: requirePasswordSetupOnHIPAA ? t('Due to HIPAA regulations, you need to set a password to the PDF.') : '',\n isHIPAA: requirePasswordSetupOnHIPAA,\n isSelected: valueList.enablePDFPassword,\n ignoreBlurRequirementOnValidation: true,\n validateOnMount: requirePasswordSetupOnHIPAA && valueList.PDFPassword !== '*jfplaceholder*',\n autoComplete: 'new-password',\n MainWrapper: useCallback(({ children }) => , []),\n ToggleWrapper: useCallback(({ children }) => {children}
, []),\n LabelWrapper: useCallback(({ children }) => {children}
, []),\n SublabelRenderer: useCallback(({ children }) => {children}
, []),\n LabelRenderer: useCallback(({ children }) => {children}
, []),\n PasswordWrapper: useCallback(({ children }) => {children}
, []),\n isErrored: value => {\n const { PDFPassword } = value || {};\n const isPasswordProtectionEnabled = valueList.enablePDFPassword || requirePasswordSetupOnHIPAA;\n if (PDFPassword && valueList.attachPDF\n && isPasswordProtectionEnabled\n && valueList.PDFPassword !== '*jfplaceholder*'\n ) return hasPDFPasswordError(PDFPassword);\n return false;\n }\n },\n condition: () => (isWorkflowEmail ? valueList.attachPDF && (valueList.enablePDFPassword || requirePasswordSetupOnHIPAA) : valueList.attachPDF)\n },\n attachment: {\n condition: () => (isAppointmentReminder || isWorkflowEmail || isAutoResponder),\n type: COMPONENT_NAMES.FileUpload,\n componentProps: {\n multi: false,\n allowedTypes: 'application/pdf, application/doc, application/msword, image/png, image/jpg, image/jpeg, application/vnd.openxmlformats-officedocument.wordprocessingml.document'\n },\n labelProps: {\n label: t('Attach File'),\n description: t('Attach a file to this email')\n }\n },\n sendDate: {\n condition: () => (isAutoResponder),\n type: COMPONENT_NAMES.Dropdown,\n labelProps: {\n className: 'formWizard-wrapper',\n label: t('Send Email Later'),\n description: t('Choose to send this email instantly upon submission, or at a later date')\n },\n componentProps: {\n options: sendDateOptions\n },\n ComponentRenderer: SendDateRenderer\n },\n hideEmptyFields: {\n condition: () => ((isAppointmentReminder || isNotification || isAutoResponder || isWorkflowEmail) && !isAssignFormEmail),\n type: COMPONENT_NAMES.EmailToggle,\n labelProps: {\n className: 'formWizard-wrapper isVertical newStyledToggle',\n label: t('Hide Empty Fields'),\n description: t(('Don\\'t show unanswered fields in email'))\n }\n },\n updateEmail: {\n condition: () => isAutoResponder || isNotification,\n type: COMPONENT_NAMES.EmailToggle,\n labelProps: {\n className: 'formWizard-wrapper isVertical newStyledToggle',\n label: t('Update Email'),\n description: t('Update this email automatically when its form is edited')\n }\n },\n senderEmail: {\n type: isNewSMTPFlow(userData) ? COMPONENT_NAMES.GroupedDropdown : COMPONENT_NAMES.Dropdown,\n labelProps: {\n label: t('Sender Email'),\n // replace after to not break translations\n description: t('Select an email address to show as the sender', { branding21 })\n },\n componentProps: {\n triggerChangeOnDatasetChange: true,\n ignoreBlurRequirementOnValidation: true,\n options: extendCustomSenderOptions(senderEmails, isEnterprise, userData),\n ...(isNewSMTPFlow(userData) && {\n groupedList: prepareGroupedList(extendCustomSenderOptions(senderEmails, isEnterprise, userData))\n }),\n ...(isNewSMTPFlow(userData) && { badgeTypesList: DROPDOWN_BADGE_TYPES }),\n ...(isNewSMTPFlow(userData) && {\n navigationButtonProps: {\n text: t('Manage Your Sender Email Addresses'),\n onClick: () => {\n const navigateToSMTPSettings = `${getBaseURL()}/${window?.teamID ? `myaccount/team/${window.teamID}/team-settings` : 'myaccount/settings'}`;\n handleCustomNavigation(navigateToSMTPSettings, '_blank', true);\n }\n }\n }),\n isErrored: value => {\n if (isNewSMTPFlow(userData)) {\n if (!value) {\n return true;\n }\n return false;\n }\n if (value === 'addNewAddress') {\n return true;\n }\n return false;\n }\n }\n },\n ...(!isNewSMTPFlow(userData) && {\n newEmailWizard: {\n type: 'email_wizard_new_sender_email_wizard',\n static: true,\n componentProps: {\n onAddEmail: handleAddNewEmail,\n handleAddNewSmtp: handleAddNewSmtp\n },\n condition: () => senderEmail === 'addNewAddress'\n }\n })\n };\n};\n","import {\n arrayOf, bool, func, shape, string\n} from 'prop-types';\nimport React, {\n useState, forwardRef, useMemo\n} from 'react';\nimport { t } from '@jotforminc/translation';\nimport { useStateWithAutoReset } from '@jotforminc/hooks';\nimport { Hooks } from '@jotforminc/uikit';\nimport AlertLabelWithIcon from '@jotforminc/alert-label';\nimport { AlertLabelTypes } from '@jotforminc/constants';\nimport { FormWizard, FormWizardWithoutErrorProvider } from '@jotforminc/form-wizard';\n\nimport { getMissingPDFAttachmentMessage } from '@jotforminc/utils';\nimport EMAIL_WIZARD_FORM_WIZARD_COMPONENT_TYPE_LIST from '../../constants/FormWizardComponentTypes';\nimport { GenerateAdvanceTabElementList } from './ElementListGenerator';\nimport { actionTrack } from '../../helpers/utils';\n\nconst AdvanceWizard = forwardRef(({\n emailType,\n customSenders,\n valueList,\n defaultValue: BaseDefaultValue,\n onChange, onAddEmail,\n isEnterprise, isHIPAA, isEncrypted, isBuilder, usesNewPDF, formID, formTitle, user, forms, useMultiFormPDF, pdfRelatedConfigsForAllForm,\n PDFData, newFormatedData, isSubUser, pdfOptions, sendDateOptions, v3, showManualEmailWarning, allowPDFAttachment, attachPDFLoading, isAttachPDFLimitExceeded, ...props\n}, ref) => {\n const [missingAttachmentWarningShowed, setMissingAttachmentWarningShowed] = useState(false);\n const [isNewEmailAdded, setIsNewEmailAdded] = useStateWithAutoReset(false);\n\n const handleAddNewEmail = newEmailAddress => {\n onAddEmail(newEmailAddress, () => {\n onChange({\n ...valueList,\n senderEmail: newEmailAddress,\n recentlyAddedCustomSenderEmails: [...(valueList.recentlyAddedCustomSenderEmails || []), newEmailAddress].map(e => e)\n });\n setIsNewEmailAdded(true);\n });\n };\n\n const handleAddNewSmtp = newEmailAddress => {\n onChange({\n ...valueList,\n senderEmail: newEmailAddress,\n recentlyAddedCustomSenderEmails: [...(valueList.recentlyAddedCustomSenderEmails || []), newEmailAddress].map(e => e)\n });\n setIsNewEmailAdded(true);\n };\n\n const missingPDFAttachmentMessage = useMemo(() => {\n if (valueList && Object.keys(valueList).length) {\n const { selectedPDFOptions = [] } = valueList;\n const sanitizedSelectedPDFOptions = !Array.isArray(selectedPDFOptions) ? [selectedPDFOptions] : selectedPDFOptions;\n // form id is added as default selected attachment while creating the email for the first time,\n // therefore, when the form already has PDF documents, form id should be excluded from difference check.\n const currentSelectedPDFIDs = sanitizedSelectedPDFOptions.reduce((prev, pdfID) => {\n if (pdfID === formID || pdfID === 'importedPDF') {\n return [...prev];\n }\n return [...prev, pdfID];\n }, []);\n const availablePDFIDs = (Array.isArray(pdfOptions) ? pdfOptions : []).reduce((prev, curr) => {\n const { value } = curr;\n if (value) {\n return [...prev, value];\n }\n return prev;\n }, []);\n return getMissingPDFAttachmentMessage(availablePDFIDs, currentSelectedPDFIDs);\n }\n }, [valueList, pdfOptions]);\n\n const elementList = GenerateAdvanceTabElementList({\n user,\n emailType,\n isEncrypted,\n usesNewPDF,\n formID,\n formTitle,\n isEnterprise,\n senderEmails: customSenders,\n isSubUser,\n valueList,\n pdfOptions,\n isHIPAA,\n isBuilder,\n sendDateOptions,\n handleAddNewEmail,\n handleAddNewSmtp,\n v3,\n showManualEmailWarning,\n allowPDFAttachment,\n branding21: true,\n forms,\n PDFData,\n newFormatedData,\n useMultiFormPDF,\n pdfRelatedConfigsForAllForm,\n attachPDFLoading,\n isAttachPDFLimitExceeded,\n hasMissingPDFAttachment: Boolean(missingPDFAttachmentMessage) && !missingAttachmentWarningShowed\n });\n\n Hooks.useEffectIgnoreFirst(() => {\n // Needed for track AB test metrics.\n actionTrack({ username: user?.username, action: valueList?.attachPDF ? 'toggled-on' : 'toggled-off', target: `${emailType}-attach-pdf` });\n }, [valueList?.attachPDF]);\n\n Hooks.useEffectIgnoreFirst(() => {\n setMissingAttachmentWarningShowed(true);\n }, [valueList?.selectedPDFOptions]);\n\n return (\n <>\n {text}
}\n OptionContainerRenderer={pr => }\n GroupRenderer={({ text, children, ...p }) => (\n {text}
\n - {children}
\n
\n );\n }\n\n renderSendTime() {\n const { sendTime, timeZone } = this.state;\n const {\n timeZoneProps: {\n extendOnGroupSearch = false,\n filterable = false,\n NoResultsRenderer = null,\n textInputPlaceholder = ''\n }\n } = this.props;\n\n return (\n \n {\n this.setState({ interval: option, activeEnd: false, endDate: 'noEndDate' });\n changeInterval(option);\n }}\n />\n
\n {t('Repeats')}
\n \n
\n );\n }\n\n renderSendDate() {\n const { sendDate, interval, selectedDay } = this.state;\n return (\n \n
\n {t('Send Time')}
\n \n this.setState({ sendTime: option.value })}\n />\n
\n \n
\n {t('Time Zone')}
\n \n this.setState({ timeZone: option.value })}\n extendOnGroupSearch={extendOnGroupSearch}\n filterable={filterable}\n textInputPlaceholder={textInputPlaceholder}\n NoResultsRenderer={NoResultsRenderer}\n />\n
\n \n
\n );\n }\n\n renderStartDate() {\n const { startDate, endDate, activeEnd } = this.state;\n const startDateMoment = moment(startDate, ['LL', 'ddd MMM DD YYYY'], 'en'); // ['February 28, 2020' , 'Tue Feb 25 2020']\n const definedEndDate = endDate || moment(this.scheduleDuration).format('LL');\n const endDateMoment = activeEnd ? moment(definedEndDate, ['LL', 'ddd MMM DD YYYY']) : null;\n\n const picker = (\n \n
\n {sendDate[interval] === 'selectedDay' && (\n {t('Send Date')}
\n \n this.setState(\n { sendDate: { ...sendDate, ...{ [interval]: option.value } } }\n )}\n />\n
\n \n
\n )}\n {t('Select a Day')}
\n \n this.setState({ selectedDay: option.value })}\n />\n
\n \n
\n );\n }\n\n renderMessage() {\n const { message } = this.props;\n const { type, text } = message;\n if (!type || !text) {\n return;\n }\n let style = {};\n\n if (type === 'error') {\n style = {\n color: '#f90321',\n fontSize: '14px'\n };\n }\n\n return \n {\n this.handleDatePickerChange(date, 'startDate');\n }}\n />\n
\n {t('Start Date')}
\n \n {\n if (newVal === 'activeEnd') {\n if (endDate === '' || endDate === 'noEndDate') {\n if (this.endDatePickerRef.current && global.document.activeElement === this.endDatePickerRef.current.input) {\n return;\n }\n\n this.setState({ endDate: moment(this.scheduleDuration).format('LL') });\n }\n this.setState({ activeEnd: true });\n } else { // noEndDate\n this.setState({ activeEnd: false, endDate: '' });\n }\n }}\n />\n
\n {t('End Date')}
\n {text}
;\n }\n\n render() {\n const { hideStartDate } = this.props;\n return (\n \n { this.renderIntervalRadio() }\n { this.renderSendDate() }\n
\n \n { this.renderSendTime() }\n
\n {\n !hideStartDate && (\n \n { this.renderStartDate() }\n
\n )\n }\n { this.renderMessage() }\n {children}
, []);\n const LabelWrapper = useCallback(({ children }) => {children}
, []);\n const SublabelRenderer = useCallback(({ children }) => {children}
, []);\n const LabelRenderer = useCallback(({ children }) => {children}
, []);\n const PasswordWrapper = useCallback(({ children }) => {children}
, []);\n\n return (\n \n {translationRenderer(UPGRADE_PDF_ATTACHMENT)({\n renderer1: upgradeText => \n })}\n
\n\n
\n );\n }\n return (\n \n {t('You dont have any PDF documents yet.')}\n
\n \n e.stopPropagation()}\n >\n \n \n \n Open in PDF Editor\n \n
\n \n \n {t(disabledHoverText)}\n \n )}\n
\n );\n};\n\nAttachPDFListItem.propTypes = {\n option: shape({ value: oneOfType([string, number]), disabled: bool }),\n formID: string,\n isSelected: bool,\n disabledHoverText: string,\n disableDefaultDocument: bool\n};\n\nAttachPDFListItem.defaultProps = {\n option: {},\n formID: '',\n isSelected: false,\n disabledHoverText: null,\n disableDefaultDocument: false\n};\n\nconst SelectList = forwardRef(({\n onChange, options, value, ItemComponent, showSelectAll, showSelectedItemCount, disabledHoverText, ignoreDefaultValueCheck, disableDefaultDocument, isAttachPDFLimitExceeded, username, planType, emailType, hasMissingPDFAttachment, ...props\n}, ref) => {\n return (\n <>\n \n
\n \n {text}\n
\n {disabledHoverText && (\n \n e.stopPropagation()}\n >\n \n \n \n {t('Open in PDF Editor')}\n \n
\n {children}
;\nconst IECompatFragment = isIE() ? Dummy : React.Fragment;\nconst isBranding21 = !!window?.branding21;\nconst formDefaultConfig = {\n id: 0,\n hideMailEmptyFields: false,\n showEditLinkOnMail: false,\n isEnterprise: false,\n isBrandingEnabled: false\n};\n\nconst wfDefaultConfig = {\n id: 0,\n hideMailEmptyFields: false,\n showEditLinkOnMail: false,\n isEnterprise: false,\n isBrandingEnabled: false,\n addActionButtons: false,\n hideMoreActions: false\n};\n\nconst DEFAULT_EMAIL_CONFIGS = {\n [EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_AUTORESPONDER]: formDefaultConfig,\n [EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_NOTIFICATION]: formDefaultConfig,\n [EMAIL_TEMPLATE_TYPES.FORM_SUBMIT_CONDITIONAL]: formDefaultConfig,\n [EMAIL_TEMPLATE_TYPES.WORKFLOW_APPROVE_START]: {\n ...wfDefaultConfig,\n addActionButtons: true,\n moreActionText: t('Go to Inbox'),\n actionButtonsHeaderText: t('Please review the request below.')\n },\n [EMAIL_TEMPLATE_TYPES.WORKFLOW_APPROVE_APPROVED]: {\n ...wfDefaultConfig,\n actionButtonsHeaderText: t('Your request has been approved.')\n },\n [EMAIL_TEMPLATE_TYPES.WORKFLOW_APPROVE_REJECTED]: {\n ...wfDefaultConfig,\n actionButtonsHeaderText: t('Your request has been denied.')\n },\n [EMAIL_TEMPLATE_TYPES.WORKFLOW_SEND_EMAIL_GENERAL]: {\n ...wfDefaultConfig,\n actionButtonsHeaderText: t('You can see the submission details below.')\n },\n [EMAIL_TEMPLATE_TYPES.WORKFLOW_ASSIGN_START]: {\n ...wfDefaultConfig,\n addActionButtons: true,\n actionButtonsHeaderText: t('Please review this submission.')\n },\n [EMAIL_TEMPLATE_TYPES.WORKFLOW_APPROVE_REASSIGN]: {\n ...wfDefaultConfig,\n showSubmissionTable: !isBranding21,\n clearHeight: isBranding21,\n showFooter: isBranding21,\n noSidePadding: true,\n emailPreviewHack: isBranding21 ? (\n \n
\n ) : null,\n actionButtonsHeaderText: (\n isBranding21 ? (\n \n {t('The {approvalFlowName} has been reassigned to {titleAssigneeName}.')}\n
\n \n {t('Your assignee {oldAssigneeName} ({oldAssigneeEmail}) reassigned his/her task to {newAssigneeName} ({newAssigneeEmail}).')}\n
\n \n
\n
\n
\n \n
\n Hi there,\n
\n
\n {t('We are sending this email to inform you. Your assignee {oldAssigneeEmail} reassigned his/her task to {newAssigneeEmail}.')}\n
\n
\n
\n \n
\n
\n
\n
\n {t('Please review the request below.')}\n
\n
\n
\n {'{comment}'}\n\n
\n Please click on the link below to complete this form...\n
\n {'{shareLink}'}\n
\n Thank you!\n
| \n |
| \n | \n
| \n | \n
| \n | \n
| \n | \n
| \n | \n
| \n | \n
{children}
\n );\n};\n\nHeader.propTypes = {\n className: string,\n style: shape(),\n children: node\n};\n\nHeader.defaultProps = {\n className: '',\n style: defaultStyle,\n children: null\n};\n\nexport default Header;\n","import React from 'react';\nimport {\n string, node, shape\n} from 'prop-types';\n\nconst defaultStyle = {\n color: '#0A1551',\n fontSize: '20px',\n marginTop: '1.6em',\n marginBottom: '0',\n fontWeight: '400'\n};\n\nconst Header = ({\n style, children, ...props\n}) => {\n return (\n{children}
\n );\n};\n\nHeader.propTypes = {\n className: string,\n style: shape(),\n children: node\n};\n\nHeader.defaultProps = {\n className: '',\n style: defaultStyle,\n children: null\n};\n\nexport default Header;\n","import React from 'react';\nimport { string, node, shape } from 'prop-types';\n\nconst defaultStyle = {\n minWidth: '480px',\n maxWidth: '720px',\n width: '100%',\n backgroundColor: '#fff'\n};\n\nconst Table = ({\n className, style, children, ...props\n}) => {\n return (\n| \n |
}\n {hasButtons\n && buttons.map(({\n backgroundColor, textColor = '#fff', text, actionUrl, ...remainingStyle\n }) => (\n
\n
\n
| \n | ||
| \n | \n | \n \n |
| \n | ||
| \n | \n ||
| \n | ||
| \n | \n \n | \n\n |
| \n |
\n
\n {showFooter && window.JOTFORM_ENV !== 'ENTERPRISE'\n && (\n
![\"\"](\"https://emails.jotform.com/img/common/jotform-team.png?v=2.0.0.0\")
\n \n \n {' '}\n 111 Pine St. Suite 1815, San Francisco, CA 94111\n
\n![\"\"](\"https://emails.jotform.com/img/common/googleplay-getiton.png?v=2.0.0.0\")
\n \n ![\"\"](\"https://emails.jotform.com/img/common/appstore-download.png?v=2.0.0.0\")
\n \n | \n | ||
| \n | \n | \n \n |
| \n | \n | \n |
| \n | \n ||
| \n | ||
| \n | \n \n | \n\n |
| \n |
\n {icon}\n
\n );\n}\n\nEmptyListBase.propTypes = {\n icon: oneOfType([arrayOf(node), node]),\n title: string,\n description: string,\n isTitleUppercase: bool\n};\n\nEmptyListBase.defaultProps = {\n icon: null,\n title: null,\n description: null,\n isTitleUppercase: true\n};\n\nexport default EmptyListBase;\n","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoFormsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 108 121\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 58.4492,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.1099 58.4224C61.1099 55.2404 63.6894 52.6609 66.8714 52.6609H94.2387C97.4207 52.6609 100 55.2404 100 58.4224V92.9916C100 96.1736 97.4207 98.7532 94.2387 98.7532H66.8714C63.6894 98.7532 61.1099 96.1736 61.1099 92.9916V58.4224Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M94.2387 54.1013H66.8714C64.4849 54.1013 62.5502 56.0359 62.5502 58.4224V92.9916C62.5502 95.3781 64.4849 97.3128 66.8714 97.3128H94.2387C96.6252 97.3128 98.5598 95.3781 98.5598 92.9916V58.4224C98.5598 56.0359 96.6252 54.1013 94.2387 54.1013ZM66.8714 52.6609C63.6894 52.6609 61.1099 55.2404 61.1099 58.4224V92.9916C61.1099 96.1736 63.6894 98.7532 66.8714 98.7532H94.2387C97.4207 98.7532 100 96.1736 100 92.9916V58.4224C100 55.2404 97.4207 52.6609 94.2387 52.6609H66.8714Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.3403 68.2993C69.3403 66.9356 70.4458 65.8301 71.8096 65.8301H89.9172C91.281 65.8301 92.3865 66.9356 92.3865 68.2993C92.3865 69.663 91.281 70.7685 89.9172 70.7685H71.8096C70.4458 70.7685 69.3403 69.663 69.3403 68.2993Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.3403 76.5298C69.3403 75.1661 70.4458 74.0605 71.8096 74.0605H89.9172C91.281 74.0605 92.3865 75.1661 92.3865 76.5298C92.3865 77.8935 91.281 78.999 89.9172 78.999H71.8096C70.4458 78.999 69.3403 77.8935 69.3403 76.5298Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.3403 84.7607C69.3403 83.397 70.4458 82.2915 71.8096 82.2915H89.9172C91.281 82.2915 92.3865 83.397 92.3865 84.7607C92.3865 86.1245 91.281 87.23 89.9172 87.23H71.8096C70.4458 87.23 69.3403 86.1245 69.3403 84.7607Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37.1431 8.13654C37.1431 4.95453 39.7226 2.375 42.9046 2.375H70.2719C73.4539 2.375 76.0334 4.95453 76.0334 8.13654V42.7057C76.0334 45.8878 73.4539 48.4673 70.2719 48.4673H42.9046C39.7226 48.4673 37.1431 45.8878 37.1431 42.7057V8.13654Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M70.2719 3.81538H42.9046C40.5181 3.81538 38.5835 5.75003 38.5835 8.13654V42.7057C38.5835 45.0923 40.5181 47.0269 42.9046 47.0269H70.2719C72.6584 47.0269 74.593 45.0923 74.593 42.7057V8.13654C74.593 5.75003 72.6584 3.81538 70.2719 3.81538ZM42.9046 2.375C39.7226 2.375 37.1431 4.95453 37.1431 8.13654V42.7057C37.1431 45.8878 39.7226 48.4673 42.9046 48.4673H70.2719C73.4539 48.4673 76.0334 45.8878 76.0334 42.7057V8.13654C76.0334 4.95453 73.4539 2.375 70.2719 2.375H42.9046Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.3735 18.0134C45.3735 16.6497 46.479 15.5442 47.8428 15.5442H65.9504C67.3142 15.5442 68.4197 16.6497 68.4197 18.0134C68.4197 19.3771 67.3142 20.4826 65.9504 20.4826H47.8428C46.479 20.4826 45.3735 19.3771 45.3735 18.0134Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.3735 26.2439C45.3735 24.8802 46.479 23.7747 47.8428 23.7747H65.9504C67.3142 23.7747 68.4197 24.8802 68.4197 26.2439C68.4197 27.6076 67.3142 28.7131 65.9504 28.7131H47.8428C46.479 28.7131 45.3735 27.6076 45.3735 26.2439Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.3735 34.4748C45.3735 33.1111 46.479 32.0056 47.8428 32.0056H65.9504C67.3142 32.0056 68.4197 33.1111 68.4197 34.4748C68.4197 35.8386 67.3142 36.9441 65.9504 36.9441H47.8428C46.479 36.9441 45.3735 35.8386 45.3735 34.4748Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 58.4224C12 55.2404 14.5795 52.6609 17.7615 52.6609H45.1288C48.3108 52.6609 50.8904 55.2404 50.8904 58.4224V92.9916C50.8904 96.1736 48.3108 98.7532 45.1288 98.7532H17.7615C14.5795 98.7532 12 96.1736 12 92.9916V58.4224Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M45.1288 54.1013H17.7615C15.375 54.1013 13.4404 56.0359 13.4404 58.4224V92.9916C13.4404 95.3781 15.375 97.3128 17.7615 97.3128H45.1288C47.5153 97.3128 49.45 95.3781 49.45 92.9916V58.4224C49.45 56.0359 47.5153 54.1013 45.1288 54.1013ZM17.7615 52.6609C14.5795 52.6609 12 55.2404 12 58.4224V92.9916C12 96.1736 14.5795 98.7532 17.7615 98.7532H45.1288C48.3108 98.7532 50.8904 96.1736 50.8904 92.9916V58.4224C50.8904 55.2404 48.3108 52.6609 45.1288 52.6609H17.7615Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.2305 68.2993C20.2305 66.9356 21.336 65.8301 22.6997 65.8301H40.8074C42.1711 65.8301 43.2766 66.9356 43.2766 68.2993C43.2766 69.663 42.1711 70.7685 40.8074 70.7685H22.6997C21.336 70.7685 20.2305 69.663 20.2305 68.2993Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.2305 76.5298C20.2305 75.1661 21.336 74.0605 22.6997 74.0605H40.8074C42.1711 74.0605 43.2766 75.1661 43.2766 76.5298C43.2766 77.8935 42.1711 78.999 40.8074 78.999H22.6997C21.336 78.999 20.2305 77.8935 20.2305 76.5298Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.2305 84.7607C20.2305 83.397 21.336 82.2915 22.6997 82.2915H40.8074C42.1711 82.2915 43.2766 83.397 43.2766 84.7607C43.2766 86.1245 42.1711 87.23 40.8074 87.23H22.6997C21.336 87.23 20.2305 86.1245 20.2305 84.7607Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.4659 100.228C60.6527 99.0526 65.526 92.2739 64.3508 85.0871C63.1756 77.9003 56.3969 73.027 49.2101 74.2022C42.0233 75.3774 37.15 82.1561 38.3252 89.3429C39.5004 96.5297 46.2791 101.403 53.4659 100.228Z\",\n fill: \"url(#paint0_linear)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6883 100.626L59.2301 99.3097L64.5955 109.657L62.0567 110.975L56.6883 100.626Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.649 74.3221C42.1006 75.6452 40.0015 77.6942 38.6174 80.21C37.2334 82.7257 36.6265 85.5953 36.8732 88.456C37.1199 91.3168 38.2092 94.0401 40.0035 96.2818C41.7978 98.5235 44.2166 100.183 46.9539 101.05C49.6911 101.917 52.6239 101.954 55.3817 101.154C58.1395 100.355 60.5985 98.7553 62.4476 96.5585C64.2966 94.3617 65.4527 91.6659 65.7698 88.8121C66.0869 85.9583 65.5508 83.0746 64.2292 80.5255C62.4551 77.1072 59.396 74.5335 55.7247 73.3701C52.0534 72.2068 48.0705 72.549 44.6515 74.3217L44.649 74.3221ZM56.836 97.7931C54.7413 98.8817 52.371 99.3247 50.0246 99.0659C47.6782 98.807 45.461 97.8581 43.654 96.3391C41.8469 94.8201 40.531 92.7993 39.8726 90.5323C39.2142 88.2653 39.2429 85.854 39.9551 83.6033C40.6673 81.3527 42.0311 79.3638 43.8738 77.8883C45.7165 76.4128 47.9554 75.517 50.3073 75.3141C52.6593 75.1112 55.0186 75.6105 57.0867 76.7486C59.1549 77.8868 60.8391 79.6128 61.9262 81.7083C63.3813 84.516 63.6623 87.7866 62.7078 90.8016C61.7532 93.8165 59.6411 96.3293 56.8352 97.788L56.836 97.7931Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.435 118.328C67.1874 118.457 66.9168 118.536 66.6387 118.56C66.3605 118.585 66.0804 118.554 65.8142 118.469C65.548 118.385 65.301 118.249 65.0875 118.069C64.8739 117.889 64.6982 117.669 64.57 117.421L57.2159 103.261L60.9853 101.301L68.3419 115.461C68.4713 115.708 68.5506 115.979 68.5751 116.257C68.5995 116.536 68.5689 116.816 68.4846 117.083C68.4003 117.349 68.2641 117.597 68.084 117.81C67.9039 118.024 67.6833 118.2 67.435 118.328Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear\",\n x1: 49.2101,\n y1: 74.2022,\n x2: 53.4659,\n y2: 100.228,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\",\n transform: \"translate(0 0.375)\"\n})))));\nexport default SvgNoFormsFoundIcon;","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoAppsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 108 120\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 55.5,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 38.25,\n y: 3.67578,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42 11.1758C42 9.10471 43.6789 7.42578 45.75 7.42578H68.25C70.3211 7.42578 72 9.10471 72 11.1758V33.6758C72 35.7468 70.3211 37.4258 68.25 37.4258H45.75C43.6789 37.4258 42 35.7468 42 33.6758V11.1758Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.2489 24.4626C62.9735 24.4626 62.7501 24.6861 62.7501 24.9615V27.892H59.8196C59.5442 27.892 59.3208 28.1154 59.3208 28.3908C59.3208 28.6662 59.5442 28.8896 59.8196 28.8896H62.7501V31.8201C62.7501 32.0955 62.9735 32.3189 63.2489 32.3189C63.5243 32.3189 63.7477 32.0955 63.7477 31.8201V28.8896H66.6782C66.9536 28.8896 67.177 28.6662 67.177 28.3908C67.177 28.1154 66.9536 27.892 66.6782 27.892H63.7477V24.9615C63.7477 24.6861 63.5243 24.4626 63.2489 24.4626Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.3838 11.994C58.3838 11.5421 58.7502 11.1757 59.2021 11.1757H67.3857C67.8377 11.1757 68.2041 11.5421 68.2041 11.994V20.1776C68.2041 20.6296 67.8377 20.9959 67.3857 20.9959H59.2021C58.7502 20.9959 58.3838 20.6296 58.3838 20.1776V11.994Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.751 11.994C45.751 11.5421 46.1174 11.1757 46.5693 11.1757H54.7529C55.2049 11.1757 55.5713 11.5421 55.5713 11.994V20.1776C55.5713 20.6296 55.2049 20.9959 54.7529 20.9959H46.5693C46.1174 20.9959 45.751 20.6296 45.751 20.1776V11.994Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.751 24.6268C45.751 24.1749 46.1174 23.8085 46.5693 23.8085H54.7529C55.2049 23.8085 55.5713 24.1749 55.5713 24.6268V32.8104C55.5713 33.2624 55.2049 33.6288 54.7529 33.6288H46.5693C46.1174 33.6288 45.751 33.2624 45.751 32.8104V24.6268Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 13.25,\n y: 53.6758,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 61.1758C17 59.1047 18.6789 57.4258 20.75 57.4258H43.25C45.3211 57.4258 47 59.1047 47 61.1758V83.6758C47 85.7468 45.3211 87.4258 43.25 87.4258H20.75C18.6789 87.4258 17 85.7468 17 83.6758V61.1758Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.2489 74.4626C37.9735 74.4626 37.7501 74.6861 37.7501 74.9615V77.892H34.8196C34.5442 77.892 34.3208 78.1154 34.3208 78.3908C34.3208 78.6662 34.5442 78.8896 34.8196 78.8896H37.7501V81.8201C37.7501 82.0955 37.9735 82.3189 38.2489 82.3189C38.5243 82.3189 38.7477 82.0955 38.7477 81.8201V78.8896H41.6782C41.9536 78.8896 42.177 78.6662 42.177 78.3908C42.177 78.1154 41.9536 77.892 41.6782 77.892H38.7477V74.9615C38.7477 74.6861 38.5243 74.4626 38.2489 74.4626Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.3838 61.994C33.3838 61.5421 33.7502 61.1757 34.2021 61.1757H42.3857C42.8377 61.1757 43.2041 61.5421 43.2041 61.994V70.1776C43.2041 70.6296 42.8377 70.9959 42.3857 70.9959H34.2021C33.7502 70.9959 33.3838 70.6296 33.3838 70.1776V61.994Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.751 61.994C20.751 61.5421 21.1174 61.1757 21.5693 61.1757H29.7529C30.2049 61.1757 30.5713 61.5421 30.5713 61.994V70.1776C30.5713 70.6296 30.2049 70.9959 29.7529 70.9959H21.5693C21.1174 70.9959 20.751 70.6296 20.751 70.1776V61.994Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.751 74.6267C20.751 74.1747 21.1174 73.8083 21.5693 73.8083H29.7529C30.2049 73.8083 30.5713 74.1747 30.5713 74.6267V82.8103C30.5713 83.2622 30.2049 83.6286 29.7529 83.6286H21.5693C21.1174 83.6286 20.751 83.2622 20.751 82.8103V74.6267Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 62.25,\n y: 53.6758,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66 61.1758C66 59.1047 67.6789 57.4258 69.75 57.4258H92.25C94.3211 57.4258 96 59.1047 96 61.1758V83.6758C96 85.7468 94.3211 87.4258 92.25 87.4258H69.75C67.6789 87.4258 66 85.7468 66 83.6758V61.1758Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M87.2489 74.4626C86.9735 74.4626 86.7501 74.6861 86.7501 74.9615V77.892H83.8196C83.5442 77.892 83.3208 78.1154 83.3208 78.3908C83.3208 78.6662 83.5442 78.8896 83.8196 78.8896H86.7501V81.8201C86.7501 82.0955 86.9735 82.3189 87.2489 82.3189C87.5243 82.3189 87.7477 82.0955 87.7477 81.8201V78.8896H90.6782C90.9536 78.8896 91.177 78.6662 91.177 78.3908C91.177 78.1154 90.9536 77.892 90.6782 77.892H87.7477V74.9615C87.7477 74.6861 87.5243 74.4626 87.2489 74.4626Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M82.3838 61.994C82.3838 61.5421 82.7502 61.1757 83.2021 61.1757H91.3857C91.8377 61.1757 92.2041 61.5421 92.2041 61.994V70.1776C92.2041 70.6296 91.8377 70.9959 91.3857 70.9959H83.2021C82.7502 70.9959 82.3838 70.6296 82.3838 70.1776V61.994Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.751 61.994C69.751 61.5421 70.1174 61.1757 70.5693 61.1757H78.7529C79.2049 61.1757 79.5713 61.5421 79.5713 61.994V70.1776C79.5713 70.6296 79.2049 70.9959 78.7529 70.9959H70.5693C70.1174 70.9959 69.751 70.6296 69.751 70.1776V61.994Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.751 74.6267C69.751 74.1747 70.1174 73.8083 70.5693 73.8083H78.7529C79.2049 73.8083 79.5713 74.1747 79.5713 74.6267V82.8103C79.5713 83.2622 79.2049 83.6286 78.7529 83.6286H70.5693C70.1174 83.6286 69.751 83.2622 69.751 82.8103V74.6267Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.4659 97.2786C60.6527 96.1034 65.526 89.3246 64.3508 82.1379C63.1756 74.9511 56.3969 70.0777 49.2101 71.2529C42.0233 72.4282 37.15 79.2069 38.3252 86.3937C39.5004 93.5805 46.2791 98.4538 53.4659 97.2786Z\",\n fill: \"url(#paint0_linear)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6883 97.6764L59.2301 96.3605L64.5955 106.708L62.0567 108.026L56.6883 97.6764Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.649 71.3729C42.1006 72.6959 40.0015 74.745 38.6174 77.2607C37.2334 79.7765 36.6265 82.6461 36.8732 85.5068C37.1199 88.3675 38.2092 91.0909 40.0035 93.3326C41.7978 95.5743 44.2166 97.2337 46.9539 98.1009C49.6911 98.9682 52.6239 99.0043 55.3817 98.2048C58.1395 97.4053 60.5985 95.8061 62.4476 93.6093C64.2966 91.4125 65.4527 88.7167 65.7698 85.8629C66.0869 83.0091 65.5508 80.1254 64.2292 77.5763C62.4551 74.158 59.396 71.5843 55.7247 70.4209C52.0534 69.2576 48.0705 69.5998 44.6515 71.3725L44.649 71.3729ZM56.836 94.8439C54.7413 95.9325 52.371 96.3755 50.0246 96.1166C47.6782 95.8578 45.461 94.9089 43.654 93.3899C41.8469 91.8709 40.531 89.8501 39.8726 87.5831C39.2142 85.3161 39.2429 82.9048 39.9551 80.6541C40.6673 78.4034 42.0311 76.4146 43.8738 74.9391C45.7165 73.4636 47.9554 72.5677 50.3073 72.3649C52.6593 72.162 55.0186 72.6612 57.0867 73.7994C59.1549 74.9376 60.8391 76.6636 61.9262 78.759C63.3813 81.5668 63.6623 84.8374 62.7078 87.8524C61.7532 90.8673 59.6411 93.3801 56.8352 94.8388L56.836 94.8439Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.435 115.379C67.1874 115.508 66.9168 115.587 66.6387 115.611C66.3605 115.635 66.0804 115.604 65.8142 115.52C65.548 115.436 65.301 115.3 65.0875 115.12C64.8739 114.94 64.6982 114.72 64.57 114.472L57.2159 100.312L60.9853 98.3516L68.3419 112.511C68.4713 112.759 68.5506 113.03 68.5751 113.308C68.5995 113.587 68.5689 113.867 68.4846 114.134C68.4003 114.4 68.2641 114.647 68.084 114.861C67.9039 115.075 67.6833 115.251 67.435 115.379Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear\",\n x1: 49.2101,\n y1: 71.2529,\n x2: 53.4659,\n y2: 97.2786,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\"\n})))));\nexport default SvgNoAppsFoundIcon;","var _circle, _path, _rect, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _rect2, _path11, _rect3, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _rect4, _path21, _rect5, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _rect6, _path31, _path32, _path33, _path34, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoTablesFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 105 118\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52.5,\n cy: 52.875,\n r: 52.5,\n fill: \"#F3F3FE\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5867 37.8002C37.5562 37.8002 37.0021 37.2532 37.0019 35.2137C36.9993 16.9246 36.9995 22.6352 37.0017 4.34606C37.0019 2.39955 37.587 1.80482 39.5449 1.80438C57.8487 1.79958 52.1526 1.79958 70.4564 1.80438C72.3869 1.80482 72.997 2.42289 72.9974 4.36111C73.0009 22.6503 73.0007 16.9396 72.9979 35.2288C72.9974 37.2453 72.4258 37.7999 70.3892 37.8002C61.2374 37.8012 64.0854 37.8006 54.9336 37.8006C45.818 37.8006 48.7023 37.8012 39.5867 37.8002ZM69.7774 35.2294C70.137 35.2294 70.4286 34.9378 70.4286 34.5781V27.5652C70.4286 27.2055 70.137 26.914 69.7774 26.914H62.7644C62.4047 26.914 62.1132 27.2055 62.1132 27.5652V34.5781C62.1132 34.9378 62.4047 35.2294 62.7644 35.2294H69.7774ZM51.4935 35.2294H58.5065C58.8661 35.2294 59.1577 34.9378 59.1577 34.5781V27.5652C59.1577 27.2055 58.8661 26.914 58.5065 26.914H51.4935C51.1338 26.914 50.8423 27.2055 50.8423 27.5652V34.5781C50.8423 34.9378 51.1338 35.2294 51.4935 35.2294ZM40.2226 35.2294H47.2356C47.5953 35.2294 47.8868 34.9378 47.8868 34.5781V27.5652C47.8868 27.2055 47.5953 26.914 47.2356 26.914H40.2226C39.863 26.914 39.5714 27.2055 39.5714 27.5652V34.5781C39.5714 34.9378 39.863 35.2294 40.2226 35.2294ZM62.7644 23.9585H69.7774C70.137 23.9585 70.4286 23.6669 70.4286 23.3073V16.2943C70.4286 15.9346 70.137 15.6431 69.7774 15.6431H62.7644C62.4047 15.6431 62.1132 15.9346 62.1132 16.2943V23.3073C62.1132 23.6669 62.4047 23.9585 62.7644 23.9585ZM51.4935 23.9585H58.5065C58.8661 23.9585 59.1577 23.6669 59.1577 23.3073V16.2943C59.1577 15.9346 58.8661 15.6431 58.5065 15.6431H51.4935C51.1338 15.6431 50.8423 15.9346 50.8423 16.2943V23.3073C50.8423 23.6669 51.1338 23.9585 51.4935 23.9585ZM40.2226 23.9585H47.2356C47.5953 23.9585 47.8868 23.6669 47.8868 23.3073V16.2943C47.8868 15.9346 47.5953 15.6431 47.2356 15.6431H40.2226C39.863 15.6431 39.5714 15.9346 39.5714 16.2943V23.3073C39.5714 23.6669 39.863 23.9585 40.2226 23.9585ZM51.4935 12.6876H58.5065C58.8661 12.6876 59.1577 12.5115 59.1577 12.2943V8.05883C59.1577 7.84162 58.8661 7.66554 58.5065 7.66554H51.4935C51.1338 7.66554 50.8423 7.84162 50.8423 8.05883V12.2943C50.8423 12.5115 51.1338 12.6876 51.4935 12.6876ZM62.7435 12.6876H69.7565C70.1161 12.6876 70.4077 12.5115 70.4077 12.2943V8.05883C70.4077 7.84162 70.1161 7.66554 69.7565 7.66554H62.7435C62.3839 7.66554 62.0923 7.84162 62.0923 8.05883V12.2943C62.0923 12.5115 62.3839 12.6876 62.7435 12.6876ZM40.2226 12.6876H47.2356C47.5953 12.6876 47.8868 12.5115 47.8868 12.2943V8.05883C47.8868 7.84162 47.5953 7.66554 47.2356 7.66554H40.2226C39.863 7.66554 39.5714 7.84162 39.5714 8.05883V12.2943C39.5714 12.5115 39.863 12.6876 40.2226 12.6876Z\",\n fill: \"white\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 39,\n y: 4.80078,\n width: 32,\n height: 31,\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62 7.80078C62 7.2485 62.4477 6.80078 63 6.80078H69.4077C69.96 6.80078 70.4077 7.2485 70.4077 7.80078V11.8008C70.4077 12.3531 69.96 12.8008 69.4077 12.8008H63C62.4477 12.8008 62 12.3531 62 11.8008V7.80078Z\",\n fill: \"#0D953B\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62 16.8008C62 16.2485 62.4477 15.8008 63 15.8008H69C69.5523 15.8008 70 16.2485 70 16.8008V22.8008C70 23.3531 69.5523 23.8008 69 23.8008H63C62.4477 23.8008 62 23.3531 62 22.8008V16.8008Z\",\n fill: \"#FFB629\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62 27.8008C62 27.2485 62.4477 26.8008 63 26.8008H69C69.5523 26.8008 70 27.2485 70 27.8008V33.8008C70 34.3531 69.5523 34.8008 69 34.8008H63C62.4477 34.8008 62 34.3531 62 33.8008V27.8008Z\",\n fill: \"#FFB629\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.8437 7.80078C50.8437 7.2485 51.2914 6.80078 51.8437 6.80078H58.4085C58.9608 6.80078 59.4085 7.2485 59.4085 7.80078V11.8008C59.4085 12.3531 58.9608 12.8008 58.4085 12.8008H51.8437C51.2914 12.8008 50.8437 12.3531 50.8437 11.8008V7.80078Z\",\n fill: \"#0D953B\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51 16.8008C51 16.2485 51.4477 15.8008 52 15.8008H58C58.5523 15.8008 59 16.2485 59 16.8008V22.8008C59 23.3531 58.5523 23.8008 58 23.8008H52C51.4477 23.8008 51 23.3531 51 22.8008V16.8008Z\",\n fill: \"#FF6100\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51 27.8008C51 27.2485 51.4477 26.8008 52 26.8008H58C58.5523 26.8008 59 27.2485 59 27.8008V33.8008C59 34.3531 58.5523 34.8008 58 34.8008H52C51.4477 34.8008 51 34.3531 51 33.8008V27.8008Z\",\n fill: \"#FF6100\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5 7.80078C39.5 7.2485 39.9477 6.80078 40.5 6.80078H47C47.5523 6.80078 48 7.2485 48 7.80078V11.8008C48 12.3531 47.5523 12.8008 47 12.8008H40.5C39.9477 12.8008 39.5 12.3531 39.5 11.8008V7.80078Z\",\n fill: \"#0D953B\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5 16.8008C39.5 16.2485 39.9477 15.8008 40.5 15.8008H47C47.5523 15.8008 48 16.2485 48 16.8008V22.8008C48 23.3531 47.5523 23.8008 47 23.8008H40.5C39.9477 23.8008 39.5 23.3531 39.5 22.8008V19.8008V16.8008Z\",\n fill: \"#0099FF\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5 27.8008C39.5 27.2485 39.9477 26.8008 40.5 26.8008H47C47.5523 26.8008 48 27.2485 48 27.8008V33.8008C48 34.3531 47.5523 34.8008 47 34.8008H40.5C39.9477 34.8008 39.5 34.3531 39.5 33.8008V30.8008V27.8008Z\",\n fill: \"#0099FF\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 36.25,\n y: 1.05078,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5867 87.8002C12.5562 87.8002 12.0021 87.2532 12.0019 85.2137C11.9993 66.9246 11.9995 72.6352 12.0017 54.3461C12.0019 52.3995 12.587 51.8048 14.5449 51.8044C32.8487 51.7996 27.1526 51.7996 45.4564 51.8044C47.3869 51.8048 47.997 52.4229 47.9974 54.3611C48.0009 72.6503 48.0007 66.9396 47.9979 85.2288C47.9974 87.2453 47.4258 87.7999 45.3892 87.8002C36.2374 87.8012 39.0854 87.8006 29.9336 87.8006C20.818 87.8006 23.7023 87.8012 14.5867 87.8002ZM44.7774 85.2294C45.137 85.2294 45.4286 84.9378 45.4286 84.5781V77.5652C45.4286 77.2055 45.137 76.914 44.7774 76.914H37.7644C37.4047 76.914 37.1132 77.2055 37.1132 77.5652V84.5781C37.1132 84.9378 37.4047 85.2294 37.7644 85.2294H44.7774ZM26.4935 85.2294H33.5065C33.8661 85.2294 34.1577 84.9378 34.1577 84.5781V77.5652C34.1577 77.2055 33.8661 76.914 33.5065 76.914H26.4935C26.1338 76.914 25.8423 77.2055 25.8423 77.5652V84.5781C25.8423 84.9378 26.1338 85.2294 26.4935 85.2294ZM15.2226 85.2294H22.2356C22.5953 85.2294 22.8868 84.9378 22.8868 84.5781V77.5652C22.8868 77.2055 22.5953 76.914 22.2356 76.914H15.2226C14.863 76.914 14.5714 77.2055 14.5714 77.5652V84.5781C14.5714 84.9378 14.863 85.2294 15.2226 85.2294ZM37.7644 73.9585H44.7774C45.137 73.9585 45.4286 73.6669 45.4286 73.3073V66.2943C45.4286 65.9346 45.137 65.6431 44.7774 65.6431H37.7644C37.4047 65.6431 37.1132 65.9346 37.1132 66.2943V73.3073C37.1132 73.6669 37.4047 73.9585 37.7644 73.9585ZM26.4935 73.9585H33.5065C33.8661 73.9585 34.1577 73.6669 34.1577 73.3073V66.2943C34.1577 65.9346 33.8661 65.6431 33.5065 65.6431H26.4935C26.1338 65.6431 25.8423 65.9346 25.8423 66.2943V73.3073C25.8423 73.6669 26.1338 73.9585 26.4935 73.9585ZM15.2226 73.9585H22.2356C22.5953 73.9585 22.8868 73.6669 22.8868 73.3073V66.2943C22.8868 65.9346 22.5953 65.6431 22.2356 65.6431H15.2226C14.863 65.6431 14.5714 65.9346 14.5714 66.2943V73.3073C14.5714 73.6669 14.863 73.9585 15.2226 73.9585ZM26.4935 62.6876H33.5065C33.8661 62.6876 34.1577 62.5115 34.1577 62.2943V58.0588C34.1577 57.8416 33.8661 57.6655 33.5065 57.6655H26.4935C26.1338 57.6655 25.8423 57.8416 25.8423 58.0588V62.2943C25.8423 62.5115 26.1338 62.6876 26.4935 62.6876ZM37.7435 62.6876H44.7565C45.1161 62.6876 45.4077 62.5115 45.4077 62.2943V58.0588C45.4077 57.8416 45.1161 57.6655 44.7565 57.6655H37.7435C37.3839 57.6655 37.0923 57.8416 37.0923 58.0588V62.2943C37.0923 62.5115 37.3839 62.6876 37.7435 62.6876ZM15.2226 62.6876H22.2356C22.5953 62.6876 22.8868 62.5115 22.8868 62.2943V58.0588C22.8868 57.8416 22.5953 57.6655 22.2356 57.6655H15.2226C14.863 57.6655 14.5714 57.8416 14.5714 58.0588V62.2943C14.5714 62.5115 14.863 62.6876 15.2226 62.6876Z\",\n fill: \"white\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 14,\n y: 54.8008,\n width: 32,\n height: 31,\n fill: \"white\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 57.8008C37 57.2485 37.4477 56.8008 38 56.8008H44.4077C44.96 56.8008 45.4077 57.2485 45.4077 57.8008V61.8008C45.4077 62.3531 44.96 62.8008 44.4077 62.8008H38C37.4477 62.8008 37 62.3531 37 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 66.8008C37 66.2485 37.4477 65.8008 38 65.8008H44C44.5523 65.8008 45 66.2485 45 66.8008V72.8008C45 73.3531 44.5523 73.8008 44 73.8008H38C37.4477 73.8008 37 73.3531 37 72.8008V66.8008Z\",\n fill: \"#FFB629\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 77.8008C37 77.2485 37.4477 76.8008 38 76.8008H44C44.5523 76.8008 45 77.2485 45 77.8008V83.8008C45 84.3531 44.5523 84.8008 44 84.8008H38C37.4477 84.8008 37 84.3531 37 83.8008V77.8008Z\",\n fill: \"#FFB629\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.8437 57.8008C25.8437 57.2485 26.2914 56.8008 26.8437 56.8008H33.4085C33.9608 56.8008 34.4085 57.2485 34.4085 57.8008V61.8008C34.4085 62.3531 33.9608 62.8008 33.4085 62.8008H26.8437C26.2914 62.8008 25.8437 62.3531 25.8437 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26 66.8008C26 66.2485 26.4477 65.8008 27 65.8008H33C33.5523 65.8008 34 66.2485 34 66.8008V72.8008C34 73.3531 33.5523 73.8008 33 73.8008H27C26.4477 73.8008 26 73.3531 26 72.8008V66.8008Z\",\n fill: \"#FF6100\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26 77.8008C26 77.2485 26.4477 76.8008 27 76.8008H33C33.5523 76.8008 34 77.2485 34 77.8008V83.8008C34 84.3531 33.5523 84.8008 33 84.8008H27C26.4477 84.8008 26 84.3531 26 83.8008V77.8008Z\",\n fill: \"#FF6100\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 57.8008C14.5 57.2485 14.9477 56.8008 15.5 56.8008H22C22.5523 56.8008 23 57.2485 23 57.8008V61.8008C23 62.3531 22.5523 62.8008 22 62.8008H15.5C14.9477 62.8008 14.5 62.3531 14.5 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 66.8008C14.5 66.2485 14.9477 65.8008 15.5 65.8008H22C22.5523 65.8008 23 66.2485 23 66.8008V72.8008C23 73.3531 22.5523 73.8008 22 73.8008H15.5C14.9477 73.8008 14.5 73.3531 14.5 72.8008V69.8008V66.8008Z\",\n fill: \"#0099FF\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 77.8008C14.5 77.2485 14.9477 76.8008 15.5 76.8008H22C22.5523 76.8008 23 77.2485 23 77.8008V83.8008C23 84.3531 22.5523 84.8008 22 84.8008H15.5C14.9477 84.8008 14.5 84.3531 14.5 83.8008V80.8008V77.8008Z\",\n fill: \"#0099FF\"\n})), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 11.25,\n y: 51.0508,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5867 87.8002C61.5562 87.8002 61.0021 87.2532 61.0019 85.2137C60.9993 66.9246 60.9995 72.6352 61.0017 54.3461C61.0019 52.3995 61.587 51.8048 63.5449 51.8044C81.8487 51.7996 76.1526 51.7996 94.4564 51.8044C96.3869 51.8048 96.997 52.4229 96.9974 54.3611C97.0009 72.6503 97.0007 66.9396 96.9979 85.2288C96.9974 87.2453 96.4258 87.7999 94.3892 87.8002C85.2374 87.8012 88.0854 87.8006 78.9336 87.8006C69.818 87.8006 72.7023 87.8012 63.5867 87.8002ZM93.7774 85.2294C94.137 85.2294 94.4286 84.9378 94.4286 84.5781V77.5652C94.4286 77.2055 94.137 76.914 93.7774 76.914H86.7644C86.4047 76.914 86.1132 77.2055 86.1132 77.5652V84.5781C86.1132 84.9378 86.4047 85.2294 86.7644 85.2294H93.7774ZM75.4935 85.2294H82.5065C82.8661 85.2294 83.1577 84.9378 83.1577 84.5781V77.5652C83.1577 77.2055 82.8661 76.914 82.5065 76.914H75.4935C75.1338 76.914 74.8423 77.2055 74.8423 77.5652V84.5781C74.8423 84.9378 75.1338 85.2294 75.4935 85.2294ZM64.2226 85.2294H71.2356C71.5953 85.2294 71.8868 84.9378 71.8868 84.5781V77.5652C71.8868 77.2055 71.5953 76.914 71.2356 76.914H64.2226C63.863 76.914 63.5714 77.2055 63.5714 77.5652V84.5781C63.5714 84.9378 63.863 85.2294 64.2226 85.2294ZM86.7644 73.9585H93.7774C94.137 73.9585 94.4286 73.6669 94.4286 73.3073V66.2943C94.4286 65.9346 94.137 65.6431 93.7774 65.6431H86.7644C86.4047 65.6431 86.1132 65.9346 86.1132 66.2943V73.3073C86.1132 73.6669 86.4047 73.9585 86.7644 73.9585ZM75.4935 73.9585H82.5065C82.8661 73.9585 83.1577 73.6669 83.1577 73.3073V66.2943C83.1577 65.9346 82.8661 65.6431 82.5065 65.6431H75.4935C75.1338 65.6431 74.8423 65.9346 74.8423 66.2943V73.3073C74.8423 73.6669 75.1338 73.9585 75.4935 73.9585ZM64.2226 73.9585H71.2356C71.5953 73.9585 71.8868 73.6669 71.8868 73.3073V66.2943C71.8868 65.9346 71.5953 65.6431 71.2356 65.6431H64.2226C63.863 65.6431 63.5714 65.9346 63.5714 66.2943V73.3073C63.5714 73.6669 63.863 73.9585 64.2226 73.9585ZM75.4935 62.6876H82.5065C82.8661 62.6876 83.1577 62.5115 83.1577 62.2943V58.0588C83.1577 57.8416 82.8661 57.6655 82.5065 57.6655H75.4935C75.1338 57.6655 74.8423 57.8416 74.8423 58.0588V62.2943C74.8423 62.5115 75.1338 62.6876 75.4935 62.6876ZM86.7435 62.6876H93.7565C94.1161 62.6876 94.4077 62.5115 94.4077 62.2943V58.0588C94.4077 57.8416 94.1161 57.6655 93.7565 57.6655H86.7435C86.3839 57.6655 86.0923 57.8416 86.0923 58.0588V62.2943C86.0923 62.5115 86.3839 62.6876 86.7435 62.6876ZM64.2226 62.6876H71.2356C71.5953 62.6876 71.8868 62.5115 71.8868 62.2943V58.0588C71.8868 57.8416 71.5953 57.6655 71.2356 57.6655H64.2226C63.863 57.6655 63.5714 57.8416 63.5714 58.0588V62.2943C63.5714 62.5115 63.863 62.6876 64.2226 62.6876Z\",\n fill: \"white\"\n})), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 63,\n y: 54.8008,\n width: 32,\n height: 31,\n fill: \"white\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 57.8008C86 57.2485 86.4477 56.8008 87 56.8008H93.4077C93.96 56.8008 94.4077 57.2485 94.4077 57.8008V61.8008C94.4077 62.3531 93.96 62.8008 93.4077 62.8008H87C86.4477 62.8008 86 62.3531 86 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 66.8008C86 66.2485 86.4477 65.8008 87 65.8008H93C93.5523 65.8008 94 66.2485 94 66.8008V72.8008C94 73.3531 93.5523 73.8008 93 73.8008H87C86.4477 73.8008 86 73.3531 86 72.8008V66.8008Z\",\n fill: \"#FFB629\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 77.8008C86 77.2485 86.4477 76.8008 87 76.8008H93C93.5523 76.8008 94 77.2485 94 77.8008V83.8008C94 84.3531 93.5523 84.8008 93 84.8008H87C86.4477 84.8008 86 84.3531 86 83.8008V77.8008Z\",\n fill: \"#FFB629\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.8437 57.8008C74.8437 57.2485 75.2914 56.8008 75.8437 56.8008H82.4085C82.9608 56.8008 83.4085 57.2485 83.4085 57.8008V61.8008C83.4085 62.3531 82.9608 62.8008 82.4085 62.8008H75.8437C75.2914 62.8008 74.8437 62.3531 74.8437 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75 66.8008C75 66.2485 75.4477 65.8008 76 65.8008H82C82.5523 65.8008 83 66.2485 83 66.8008V72.8008C83 73.3531 82.5523 73.8008 82 73.8008H76C75.4477 73.8008 75 73.3531 75 72.8008V66.8008Z\",\n fill: \"#FF6100\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75 77.8008C75 77.2485 75.4477 76.8008 76 76.8008H82C82.5523 76.8008 83 77.2485 83 77.8008V83.8008C83 84.3531 82.5523 84.8008 82 84.8008H76C75.4477 84.8008 75 84.3531 75 83.8008V77.8008Z\",\n fill: \"#FF6100\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5 57.8008C63.5 57.2485 63.9477 56.8008 64.5 56.8008H71C71.5523 56.8008 72 57.2485 72 57.8008V61.8008C72 62.3531 71.5523 62.8008 71 62.8008H64.5C63.9477 62.8008 63.5 62.3531 63.5 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5 66.8008C63.5 66.2485 63.9477 65.8008 64.5 65.8008H71C71.5523 65.8008 72 66.2485 72 66.8008V72.8008C72 73.3531 71.5523 73.8008 71 73.8008H64.5C63.9477 73.8008 63.5 73.3531 63.5 72.8008V69.8008V66.8008Z\",\n fill: \"#0099FF\"\n})), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5 77.8008C63.5 77.2485 63.9477 76.8008 64.5 76.8008H71C71.5523 76.8008 72 77.2485 72 77.8008V83.8008C72 84.3531 71.5523 84.8008 71 84.8008H64.5C63.9477 84.8008 63.5 84.3531 63.5 83.8008V80.8008V77.8008Z\",\n fill: \"#0099FF\"\n})), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 60.25,\n y: 51.0508,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M51.4659 94.6536C58.6527 93.4784 63.526 86.6996 62.3508 79.5129C61.1756 72.3261 54.3969 67.4527 47.2101 68.6279C40.0233 69.8032 35.15 76.5819 36.3252 83.7687C37.5004 90.9555 44.2791 95.8288 51.4659 94.6536Z\",\n fill: \"url(#paint0_linear_624:11312)\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6883 95.0506L57.2301 93.7347L62.5955 104.082L60.0567 105.4L54.6883 95.0506Z\",\n fill: \"#0A1551\"\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.648 68.7479C40.0996 70.0709 38.0005 72.12 36.6164 74.6357C35.2324 77.1515 34.6255 80.0211 34.8722 82.8818C35.1189 85.7425 36.2082 88.4659 38.0025 90.7076C39.7969 92.9493 42.2156 94.6087 44.9529 95.4759C47.6901 96.3432 50.6229 96.3793 53.3808 95.5798C56.1386 94.7803 58.5976 93.1811 60.4466 90.9843C62.2956 88.7875 63.4517 86.0917 63.7688 83.2379C64.086 80.3841 63.5499 77.5004 62.2282 74.9513C60.4542 71.533 57.395 68.9593 53.7237 67.7959C50.0524 66.6326 46.0695 66.9748 42.6505 68.7475L42.648 68.7479ZM54.835 92.2189C52.7403 93.3075 50.3701 93.7505 48.0236 93.4916C45.6772 93.2328 43.4601 92.2839 41.653 90.7649C39.846 89.2459 38.5301 87.2251 37.8717 84.9581C37.2132 82.6911 37.2419 80.2798 37.9541 78.0291C38.6664 75.7784 40.0301 73.7896 41.8728 72.3141C43.7156 70.8386 45.9544 69.9427 48.3064 69.7399C50.6583 69.537 53.0176 70.0362 55.0858 71.1744C57.1539 72.3126 58.8381 74.0386 59.9252 76.134C61.3804 78.9418 61.6614 82.2124 60.7068 85.2274C59.7523 88.2423 57.6401 90.7551 54.8342 92.2138L54.835 92.2189Z\",\n fill: \"#0A1551\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.435 112.755C65.1874 112.884 64.9168 112.963 64.6387 112.987C64.3605 113.011 64.0804 112.98 63.8142 112.896C63.548 112.812 63.301 112.676 63.0875 112.496C62.8739 112.316 62.6982 112.096 62.57 111.848L55.2159 97.6875L58.9853 95.7275L66.3419 109.887C66.4713 110.135 66.5506 110.406 66.5751 110.684C66.5995 110.963 66.5689 111.243 66.4846 111.51C66.4003 111.776 66.2641 112.023 66.084 112.237C65.9039 112.451 65.6833 112.627 65.435 112.755Z\",\n fill: \"#0A1551\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_624:11312\",\n x1: 47.2101,\n y1: 68.6279,\n x2: 51.4659,\n y2: 94.6536,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})))));\nexport default SvgNoTablesFoundIcon;","var _circle, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoReportsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 105 119\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52.5,\n cy: 56.4492,\n r: 52.5,\n fill: \"#F3F3FE\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.1426 6.13654C35.1426 2.95453 37.7221 0.375 40.9041 0.375H68.2714C71.4534 0.375 74.0329 2.95453 74.0329 6.13654V40.7057C74.0329 43.8878 71.4534 46.4673 68.2714 46.4673H40.9041C37.7221 46.4673 35.1426 43.8878 35.1426 40.7057V6.13654Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M68.2714 1.81538H40.9041C38.5176 1.81538 36.583 3.75003 36.583 6.13654V40.7057C36.583 43.0923 38.5176 45.0269 40.9041 45.0269H68.2714C70.6579 45.0269 72.5926 43.0923 72.5926 40.7057V6.13654C72.5926 3.75003 70.6579 1.81538 68.2714 1.81538ZM40.9041 0.375C37.7221 0.375 35.1426 2.95453 35.1426 6.13654V40.7057C35.1426 43.8878 37.7221 46.4673 40.9041 46.4673H68.2714C71.4534 46.4673 74.0329 43.8878 74.0329 40.7057V6.13654C74.0329 2.95453 71.4534 0.375 68.2714 0.375H40.9041Z\",\n fill: \"#B1C3E9\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.6875 12.4062C41.6875 11.5433 42.3871 10.8438 43.25 10.8438H46.375C47.2379 10.8438 47.9375 11.5433 47.9375 12.4062V35.8438H41.6875V12.4062Z\",\n fill: \"#0099FF\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51.2812 19.4375C51.2812 18.5746 51.9808 17.875 52.8438 17.875H55.9688C56.8317 17.875 57.5312 18.5746 57.5312 19.4375V35.8438H51.2812V19.4375Z\",\n fill: \"#FF6100\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.875 13.1875C60.875 12.3246 61.5746 11.625 62.4375 11.625H65.5625C66.4254 11.625 67.125 12.3246 67.125 13.1875V35.8438H60.875V13.1875Z\",\n fill: \"#FFB629\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 56.1365C10 52.9545 12.5795 50.375 15.7615 50.375H43.1288C46.3108 50.375 48.8904 52.9545 48.8904 56.1365V90.7057C48.8904 93.8878 46.3108 96.4673 43.1288 96.4673H15.7615C12.5795 96.4673 10 93.8878 10 90.7057V56.1365Z\",\n fill: \"white\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M43.1288 51.8154H15.7615C13.375 51.8154 11.4404 53.75 11.4404 56.1365V90.7057C11.4404 93.0923 13.375 95.0269 15.7615 95.0269H43.1288C45.5153 95.0269 47.45 93.0923 47.45 90.7057V56.1365C47.45 53.75 45.5153 51.8154 43.1288 51.8154ZM15.7615 50.375C12.5795 50.375 10 52.9545 10 56.1365V90.7057C10 93.8878 12.5795 96.4673 15.7615 96.4673H43.1288C46.3108 96.4673 48.8904 93.8878 48.8904 90.7057V56.1365C48.8904 52.9545 46.3108 50.375 43.1288 50.375H15.7615Z\",\n fill: \"#B1C3E9\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5449 62.4062C16.5449 61.5433 17.2445 60.8438 18.1074 60.8438H21.2324C22.0954 60.8438 22.7949 61.5433 22.7949 62.4062V85.8438H16.5449V62.4062Z\",\n fill: \"#0099FF\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.1387 69.4375C26.1387 68.5746 26.8382 67.875 27.7012 67.875H30.8262C31.6891 67.875 32.3887 68.5746 32.3887 69.4375V85.8438H26.1387V69.4375Z\",\n fill: \"#FF6100\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.7324 63.1875C35.7324 62.3246 36.432 61.625 37.2949 61.625H40.4199C41.2829 61.625 41.9824 62.3246 41.9824 63.1875V85.8438H35.7324V63.1875Z\",\n fill: \"#FFB629\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59 56.1365C59 52.9545 61.5795 50.375 64.7615 50.375H92.1288C95.3108 50.375 97.8904 52.9545 97.8904 56.1365V90.7057C97.8904 93.8878 95.3108 96.4673 92.1288 96.4673H64.7615C61.5795 96.4673 59 93.8878 59 90.7057V56.1365Z\",\n fill: \"white\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M92.1288 51.8154H64.7615C62.375 51.8154 60.4404 53.75 60.4404 56.1365V90.7057C60.4404 93.0923 62.375 95.0269 64.7615 95.0269H92.1288C94.5153 95.0269 96.45 93.0923 96.45 90.7057V56.1365C96.45 53.75 94.5153 51.8154 92.1288 51.8154ZM64.7615 50.375C61.5795 50.375 59 52.9545 59 56.1365V90.7057C59 93.8878 61.5795 96.4673 64.7615 96.4673H92.1288C95.3108 96.4673 97.8904 93.8878 97.8904 90.7057V56.1365C97.8904 52.9545 95.3108 50.375 92.1288 50.375H64.7615Z\",\n fill: \"#B1C3E9\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.5449 62.4062C65.5449 61.5433 66.2445 60.8438 67.1074 60.8438H70.2324C71.0954 60.8438 71.7949 61.5433 71.7949 62.4062V85.8438H65.5449V62.4062Z\",\n fill: \"#0099FF\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.1387 69.4375C75.1387 68.5746 75.8382 67.875 76.7012 67.875H79.8262C80.6891 67.875 81.3887 68.5746 81.3887 69.4375V85.8438H75.1387V69.4375Z\",\n fill: \"#FF6100\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.7324 63.1875C84.7324 62.3246 85.432 61.625 86.2949 61.625H89.4199C90.2829 61.625 90.9824 62.3246 90.9824 63.1875V85.8438H84.7324V63.1875Z\",\n fill: \"#FFB629\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M51.4659 98.2278C58.6527 97.0526 63.526 90.2739 62.3508 83.0871C61.1756 75.9003 54.3969 71.027 47.2101 72.2022C40.0233 73.3774 35.15 80.1561 36.3252 87.3429C37.5004 94.5297 44.2791 99.403 51.4659 98.2278Z\",\n fill: \"url(#paint0_linear_624:15640)\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6883 98.6248L57.2301 97.309L62.5955 107.656L60.0567 108.974L54.6883 98.6248Z\",\n fill: \"#0A1551\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.648 72.3221C40.0996 73.6452 38.0005 75.6942 36.6164 78.21C35.2324 80.7257 34.6255 83.5953 34.8722 86.456C35.1189 89.3168 36.2082 92.0401 38.0025 94.2818C39.7969 96.5235 42.2156 98.183 44.9529 99.0502C47.6901 99.9174 50.6229 99.9535 53.3808 99.154C56.1386 98.3545 58.5976 96.7553 60.4466 94.5585C62.2956 92.3617 63.4517 89.6659 63.7688 86.8121C64.086 83.9583 63.5499 81.0746 62.2282 78.5255C60.4542 75.1072 57.395 72.5335 53.7237 71.3701C50.0524 70.2068 46.0695 70.549 42.6505 72.3217L42.648 72.3221ZM54.835 95.7931C52.7403 96.8817 50.3701 97.3247 48.0236 97.0659C45.6772 96.807 43.4601 95.8581 41.653 94.3391C39.846 92.8201 38.5301 90.7993 37.8717 88.5323C37.2132 86.2653 37.2419 83.854 37.9541 81.6033C38.6664 79.3527 40.0301 77.3638 41.8728 75.8883C43.7156 74.4128 45.9544 73.517 48.3064 73.3141C50.6583 73.1112 53.0176 73.6105 55.0858 74.7486C57.1539 75.8868 58.8381 77.6128 59.9252 79.7083C61.3804 82.516 61.6614 85.7866 60.7068 88.8016C59.7523 91.8165 57.6401 94.3293 54.8342 95.788L54.835 95.7931Z\",\n fill: \"#0A1551\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.435 116.329C65.1874 116.458 64.9168 116.537 64.6387 116.561C64.3605 116.586 64.0804 116.555 63.8142 116.47C63.548 116.386 63.301 116.25 63.0875 116.07C62.8739 115.89 62.6982 115.67 62.57 115.422L55.2159 101.262L58.9853 99.3018L66.3419 113.462C66.4713 113.709 66.5506 113.98 66.5751 114.258C66.5995 114.537 66.5689 114.817 66.4846 115.084C66.4003 115.35 66.2641 115.598 66.084 115.811C65.9039 116.025 65.6833 116.201 65.435 116.329Z\",\n fill: \"#0A1551\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_624:15640\",\n x1: 47.2101,\n y1: 72.2022,\n x2: 51.4659,\n y2: 98.2278,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})))));\nexport default SvgNoReportsFoundIcon;","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoApprovalsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 108 120\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_2531_6757)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 58.0742,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.1098 58.0474C61.1098 54.8654 63.6893 52.2859 66.8713 52.2859H94.2386C97.4206 52.2859 100 54.8654 100 58.0474V92.6166C100 95.7986 97.4206 98.3782 94.2386 98.3782H66.8713C63.6893 98.3782 61.1098 95.7986 61.1098 92.6166V58.0474Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M94.2386 53.7263H66.8713C64.4848 53.7263 62.5502 55.6609 62.5502 58.0474V92.6166C62.5502 95.0031 64.4848 96.9378 66.8713 96.9378H94.2386C96.6251 96.9378 98.5598 95.0031 98.5598 92.6166V58.0474C98.5598 55.6609 96.6251 53.7263 94.2386 53.7263ZM66.8713 52.2859C63.6893 52.2859 61.1098 54.8654 61.1098 58.0474V92.6166C61.1098 95.7986 63.6893 98.3782 66.8713 98.3782H94.2386C97.4206 98.3782 100 95.7986 100 92.6166V58.0474C100 54.8654 97.4206 52.2859 94.2386 52.2859H66.8713Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.505 65.802V69.573M80.505 69.573H72.7126C72.0498 69.573 71.5126 70.1102 71.5126 70.773V71.7485M80.505 69.573H88.0073C88.67 69.573 89.2073 70.1102 89.2073 70.773V71.7485\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.505 83.8884L80.505 79.581M80.505 79.581L72.7126 79.581C72.0498 79.581 71.5126 79.0437 71.5126 78.381L71.5126 77.4054M80.505 79.581L88.0073 79.581C88.67 79.581 89.2073 79.0437 89.2073 78.381L89.2073 77.4054\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.0005 74.5047C66.0005 72.9026 67.2992 71.6039 68.9012 71.6039H74.7028C76.3048 71.6039 77.6035 72.9026 77.6035 74.5047C77.6035 76.1067 76.3048 77.4054 74.7028 77.4054H68.9012C67.2992 77.4054 66.0005 76.1067 66.0005 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.3989 74.5047C83.3989 72.9026 84.6976 71.6039 86.2997 71.6039H92.1012C93.7033 71.6039 95.002 72.9026 95.002 74.5047C95.002 76.1067 93.7033 77.4054 92.1012 77.4054H86.2997C84.6976 77.4054 83.3989 76.1067 83.3989 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.6997 86.7891C74.6997 85.1871 75.9984 83.8883 77.6005 83.8883H83.4021C85.0041 83.8883 86.3028 85.1871 86.3028 86.7891C86.3028 88.3911 85.0041 89.6898 83.4021 89.6898H77.6005C75.9984 89.6898 74.6997 88.3911 74.6997 86.7891Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 74.6997,\n y: 60,\n width: 11.6031,\n height: 5.80154,\n rx: 2.90077,\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37.0004 7.76154C37.0004 4.57953 39.5799 2 42.7619 2H70.1292C73.3112 2 75.8907 4.57953 75.8907 7.76154V42.3307C75.8907 45.5128 73.3112 48.0923 70.1292 48.0923H42.7619C39.5799 48.0923 37.0004 45.5128 37.0004 42.3307V7.76154Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M70.2698 3.44038H42.9025C40.516 3.44038 38.5814 5.37503 38.5814 7.76154V42.3307C38.5814 44.7173 40.516 46.6519 42.9025 46.6519H70.2698C72.6563 46.6519 74.591 44.7173 74.591 42.3307V7.76154C74.591 5.37503 72.6563 3.44038 70.2698 3.44038ZM42.9025 2C39.7205 2 37.141 4.57953 37.141 7.76154V42.3307C37.141 45.5128 39.7205 48.0923 42.9025 48.0923H70.2698C73.4518 48.0923 76.0314 45.5128 76.0314 42.3307V7.76154C76.0314 4.57953 73.4518 2 70.2698 2H42.9025Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.5047 15.802V19.573M56.5047 19.573H48.7123C48.0496 19.573 47.5123 20.1102 47.5123 20.773V21.7485M56.5047 19.573H64.007C64.6698 19.573 65.207 20.1102 65.207 20.773V21.7485\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.5047 33.8883L56.5047 29.581M56.5047 29.581L48.7123 29.581C48.0496 29.581 47.5123 29.0437 47.5123 28.381L47.5123 27.4054M56.5047 29.581L64.007 29.581C64.6698 29.581 65.207 29.0437 65.207 28.381L65.207 27.4054\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.0002 24.5047C42.0002 22.9026 43.2989 21.6039 44.9009 21.6039H50.7025C52.3046 21.6039 53.6033 22.9026 53.6033 24.5047C53.6033 26.1067 52.3046 27.4054 50.7025 27.4054H44.9009C43.2989 27.4054 42.0002 26.1067 42.0002 24.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.3986 24.5047C59.3986 22.9026 60.6973 21.6039 62.2994 21.6039H68.101C69.703 21.6039 71.0017 22.9026 71.0017 24.5047C71.0017 26.1067 69.703 27.4054 68.101 27.4054H62.2994C60.6973 27.4054 59.3986 26.1067 59.3986 24.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.6994 36.7891C50.6994 35.187 51.9981 33.8883 53.6002 33.8883H59.4018C61.0038 33.8883 62.3025 35.187 62.3025 36.7891C62.3025 38.3911 61.0038 39.6898 59.4018 39.6898H53.6002C51.9981 39.6898 50.6994 38.3911 50.6994 36.7891Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 50.6994,\n y: 9.99999,\n width: 11.6031,\n height: 5.80154,\n rx: 2.90077,\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 58.0474C12 54.8654 14.5795 52.2859 17.7615 52.2859H45.1288C48.3108 52.2859 50.8904 54.8654 50.8904 58.0474V92.6166C50.8904 95.7986 48.3108 98.3782 45.1288 98.3782H17.7615C14.5795 98.3782 12 95.7986 12 92.6166V58.0474Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M45.1288 53.7263H17.7615C15.375 53.7263 13.4404 55.6609 13.4404 58.0474V92.6166C13.4404 95.0031 15.375 96.9378 17.7615 96.9378H45.1288C47.5153 96.9378 49.45 95.0031 49.45 92.6166V58.0474C49.45 55.6609 47.5153 53.7263 45.1288 53.7263ZM17.7615 52.2859C14.5795 52.2859 12 54.8654 12 58.0474V92.6166C12 95.7986 14.5795 98.3782 17.7615 98.3782H45.1288C48.3108 98.3782 50.8904 95.7986 50.8904 92.6166V58.0474C50.8904 54.8654 48.3108 52.2859 45.1288 52.2859H17.7615Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.505 65.802V69.573M31.505 69.573H23.7126C23.0498 69.573 22.5126 70.1102 22.5126 70.773V71.7485M31.505 69.573H39.0073C39.67 69.573 40.2073 70.1102 40.2073 70.773V71.7485\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.505 83.8884L31.505 79.581M31.505 79.581L23.7126 79.581C23.0498 79.581 22.5126 79.0437 22.5126 78.381L22.5126 77.4054M31.505 79.581L39.0073 79.581C39.67 79.581 40.2073 79.0437 40.2073 78.381L40.2073 77.4054\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.0005 74.5047C17.0005 72.9026 18.2992 71.6039 19.9012 71.6039H25.7028C27.3048 71.6039 28.6035 72.9026 28.6035 74.5047C28.6035 76.1067 27.3048 77.4054 25.7028 77.4054H19.9012C18.2992 77.4054 17.0005 76.1067 17.0005 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.3989 74.5047C34.3989 72.9026 35.6976 71.6039 37.2997 71.6039H43.1012C44.7033 71.6039 46.002 72.9026 46.002 74.5047C46.002 76.1067 44.7033 77.4054 43.1012 77.4054H37.2997C35.6976 77.4054 34.3989 76.1067 34.3989 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.6997 86.7891C25.6997 85.1871 26.9984 83.8883 28.6005 83.8883H34.4021C36.0041 83.8883 37.3028 85.1871 37.3028 86.7891C37.3028 88.3911 36.0041 89.6898 34.4021 89.6898H28.6005C26.9984 89.6898 25.6997 88.3911 25.6997 86.7891Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 25.6997,\n y: 60,\n width: 11.6031,\n height: 5.80154,\n rx: 2.90077,\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.463 99.8529C60.6498 98.6777 65.5231 91.899 64.3479 84.7122C63.1727 77.5254 56.3939 72.6521 49.2072 73.8273C42.0204 75.0025 37.147 81.7812 38.3222 88.968C39.4975 96.1548 46.2762 101.028 53.463 99.8529Z\",\n fill: \"url(#paint0_linear_2531_6757)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6854 100.25L59.2272 98.9346L64.5926 109.282L62.0538 110.6L56.6854 100.25Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.646 73.9471C42.0976 75.2702 39.9985 77.3192 38.6145 79.835C37.2304 82.3507 36.6236 85.2203 36.8703 88.081C37.117 90.9418 38.2063 93.6651 40.0006 95.9068C41.7949 98.1485 44.2136 99.808 46.9509 100.675C49.6882 101.542 52.621 101.579 55.3788 100.779C58.1366 99.9795 60.5956 98.3803 62.4446 96.1835C64.2936 93.9867 65.4498 91.2909 65.7669 88.4371C66.084 85.5833 65.5479 82.6996 64.2263 80.1505C62.4522 76.7322 59.3931 74.1585 55.7218 72.9951C52.0505 71.8318 48.0676 72.174 44.6486 73.9467L44.646 73.9471ZM56.8331 97.4181C54.7384 98.5067 52.3681 98.9497 50.0217 98.6909C47.6752 98.432 45.4581 97.4831 43.6511 95.9641C41.844 94.4451 40.5281 92.4243 39.8697 90.1573C39.2113 87.8903 39.24 85.479 39.9522 83.2283C40.6644 80.9777 42.0282 78.9888 43.8709 77.5133C45.7136 76.0378 47.9525 75.142 50.3044 74.9391C52.6563 74.7362 55.0156 75.2355 57.0838 76.3736C59.152 77.5118 60.8362 79.2378 61.9233 81.3333C63.3784 84.141 63.6594 87.4116 62.7049 90.4266C61.7503 93.4415 59.6382 95.9543 56.8322 97.413L56.8331 97.4181Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.432 117.953C67.1844 118.082 66.9139 118.161 66.6357 118.185C66.3576 118.21 66.0775 118.179 65.8113 118.094C65.5451 118.01 65.298 117.874 65.0845 117.694C64.871 117.514 64.6952 117.294 64.5671 117.046L57.213 102.886L60.9824 100.926L68.339 115.086C68.4684 115.333 68.5477 115.604 68.5721 115.882C68.5966 116.161 68.566 116.441 68.4817 116.708C68.3974 116.974 68.2612 117.222 68.0811 117.435C67.901 117.649 67.6804 117.825 67.432 117.953Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_2531_6757\",\n x1: 49.2072,\n y1: 73.8273,\n x2: 53.463,\n y2: 99.8529,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_2531_6757\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\"\n})))));\nexport default SvgNoApprovalsFoundIcon;","var _circle, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoSignDocumentsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 104 120\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52,\n cy: 63,\n r: 52,\n fill: \"#F3F3FE\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.5 46.334V11.666a6.5 6.5 0 0 1 6.5-6.5h21.218c.287 0 .563.114.766.317l5.1 5.1 5.099 5.099c.203.203.317.479.317.766v29.884a6.5 6.5 0 0 1-6.5 6.5H39a6.5 6.5 0 0 1-6.5-6.5Z\",\n fill: \"#fff\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.083 24.97a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 0 1 0 4.94H42.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#09F\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.083 33.463a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 1 1 0 4.94H42.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#FF6100\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.165 42.22c0-.16-.062-.127-.153-.125-.12.002-2.394 1.416-2.394 1.416s-.994.428-1.262.645c-1.554 1.5-2.075.216-2.167 0-.308-.731.103-1.393.613-1.937.265-.213 1.553-1.313 2.939-1.974.712-.34 1.325-.707 2.152-.726.325-.033 1.273-.128 1.88.303.449.32.491 1.492.582 1.705.169.394.297.484.297 1.243 0 .371-.696 1.592-.878 2.458.089-.05.74-.264 1.132-.392.567-.185.895-.155 1.467-.426l.446-.211c2.266-1.075 5.62-2.21 6.602-2.497.288-.084 1.54-.23 2.268.287.674.478 1.019 1.854 1.019 1.854s.064.313.919 0v1.98c-.472-.142-.832-.161-1.112-.367-.61-.641-.971-1.6-1.258-1.517-1.932.567-2.818 1.3-7.153 2.795-.864.298-1.49.778-2.165.888-.946.156-1.66.313-2.413.238-.534-.053-.749-.189-1.084-.517-.452-.44-.368-.915-.549-1.52-.192-.641-.418-1.007-.395-1.667.019-.553.395-1.386.395-1.386s.272-.392.272-.55Z\",\n fill: \"#FFB629\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M32.5 11.667a6.5 6.5 0 0 1 6.5-6.5h22.75c.287 0 .563.114.766.317l8.667 8.667c.203.203.317.479.317.766v31.416a6.5 6.5 0 0 1-6.5 6.5H39a6.5 6.5 0 0 1-6.5-6.5V11.668ZM39 7.333a4.333 4.333 0 0 0-4.333 4.334v34.666A4.333 4.333 0 0 0 39 50.668h26a4.333 4.333 0 0 0 4.333-4.334V16h-5.416a3.25 3.25 0 0 1-3.25-3.25V7.333H39Z\",\n fill: \"#C8CEED\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.504 30.215a1.809 1.809 0 0 0-2.559 0l-4.631 4.631-5.911 5.911-.972 3.887a.905.905 0 0 0 1.097 1.097l3.887-.972 5.91-5.91 4.632-4.633a1.81 1.81 0 0 0 0-2.558l-1.453-1.453Z\",\n fill: \"#0A1551\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.5 98.334V63.666a6.5 6.5 0 0 1 6.5-6.5h21.218c.287 0 .563.114.766.317l5.1 5.1 5.099 5.099c.203.203.317.479.317.766v29.885a6.5 6.5 0 0 1-6.5 6.499H13a6.5 6.5 0 0 1-6.5-6.5Z\",\n fill: \"#fff\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.083 76.97a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 0 1 0 4.94H16.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#09F\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.083 85.463a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 1 1 0 4.94H16.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#FF6100\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.165 94.22c0-.16-.062-.127-.153-.125-.12.002-2.394 1.416-2.394 1.416s-.994.428-1.262.645c-1.554 1.5-2.075.216-2.167 0-.308-.731.103-1.393.613-1.937.265-.213 1.553-1.313 2.939-1.974.712-.34 1.325-.707 2.152-.726.325-.033 1.273-.128 1.88.303.449.32.491 1.492.582 1.705.168.394.297.484.297 1.243 0 .371-.696 1.592-.878 2.458.089-.05.74-.264 1.132-.392.567-.185.895-.155 1.467-.426l.446-.211c2.266-1.075 5.62-2.21 6.602-2.497.288-.084 1.54-.23 2.268.287.674.478 1.019 1.854 1.019 1.854s.064.313.919 0v1.98c-.472-.142-.832-.161-1.112-.367-.61-.641-.971-1.6-1.258-1.517-1.932.567-2.818 1.3-7.153 2.795-.864.298-1.49.778-2.165.888-.946.156-1.66.313-2.413.238-.534-.053-.749-.189-1.084-.517-.451-.44-.368-.915-.549-1.52-.192-.641-.418-1.007-.395-1.667.018-.553.395-1.386.395-1.386s.272-.392.272-.55Z\",\n fill: \"#FFB629\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6.5 63.667a6.5 6.5 0 0 1 6.5-6.5h22.75c.287 0 .563.114.766.317l8.667 8.667c.203.203.317.478.317.766v31.416a6.5 6.5 0 0 1-6.5 6.5H13a6.5 6.5 0 0 1-6.5-6.5V63.668Zm6.5-4.334a4.333 4.333 0 0 0-4.333 4.334v34.666A4.333 4.333 0 0 0 13 102.668h26a4.333 4.333 0 0 0 4.333-4.334V68h-5.416a3.25 3.25 0 0 1-3.25-3.25v-5.416H13Z\",\n fill: \"#C8CEED\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.504 82.215a1.809 1.809 0 0 0-2.559 0l-4.632 4.631-5.91 5.911-.972 3.887a.905.905 0 0 0 1.097 1.097l3.886-.972 5.911-5.91 4.632-4.632a1.81 1.81 0 0 0 0-2.559l-1.453-1.454Z\",\n fill: \"#0A1551\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.5 98.334V63.666a6.5 6.5 0 0 1 6.5-6.5h21.218c.287 0 .563.114.766.317l5.1 5.1 5.099 5.099c.203.203.317.479.317.766v29.885a6.5 6.5 0 0 1-6.5 6.499H65a6.5 6.5 0 0 1-6.5-6.5Z\",\n fill: \"#fff\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.083 76.97a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 0 1 0 4.94H68.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#09F\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.083 85.463a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 1 1 0 4.94H68.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#FF6100\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.165 94.22c0-.16-.062-.127-.153-.125-.12.002-2.394 1.416-2.394 1.416s-.994.428-1.262.645c-1.554 1.5-2.075.216-2.167 0-.308-.731.103-1.393.613-1.937.265-.213 1.553-1.313 2.939-1.974.712-.34 1.325-.707 2.152-.726.325-.033 1.273-.128 1.88.303.449.32.491 1.492.582 1.705.168.394.297.484.297 1.243 0 .371-.696 1.592-.878 2.458.089-.05.74-.264 1.132-.392.567-.185.895-.155 1.467-.426l.446-.211c2.266-1.075 5.62-2.21 6.602-2.497.288-.084 1.54-.23 2.268.287.674.478 1.019 1.854 1.019 1.854s.064.313.919 0v1.98c-.472-.142-.832-.161-1.112-.367-.61-.641-.972-1.6-1.258-1.517-1.932.567-2.818 1.3-7.153 2.795-.864.298-1.49.778-2.165.888-.946.156-1.66.313-2.413.238-.534-.053-.749-.189-1.084-.517-.451-.44-.368-.915-.549-1.52-.192-.641-.418-1.007-.395-1.667.018-.553.395-1.386.395-1.386s.272-.392.272-.55Z\",\n fill: \"#FFB629\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M58.5 63.667a6.5 6.5 0 0 1 6.5-6.5h22.75c.287 0 .563.114.766.317l8.667 8.667c.203.203.317.478.317.766v31.416a6.5 6.5 0 0 1-6.5 6.5H65a6.5 6.5 0 0 1-6.5-6.5V63.668Zm6.5-4.334a4.333 4.333 0 0 0-4.333 4.334v34.666A4.333 4.333 0 0 0 65 102.668h26a4.333 4.333 0 0 0 4.333-4.334V68h-5.416a3.25 3.25 0 0 1-3.25-3.25v-5.416H65Z\",\n fill: \"#C8CEED\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.504 82.215a1.81 1.81 0 0 0-2.559 0l-4.631 4.631-5.911 5.911-.972 3.887a.905.905 0 0 0 1.097 1.097l3.886-.972 5.911-5.91 4.632-4.632a1.808 1.808 0 0 0 0-2.559l-1.453-1.454Z\",\n fill: \"#0A1551\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M44.518 99.71c7.283 0 13.186-5.904 13.186-13.186 0-7.283-5.903-13.186-13.186-13.186-7.282 0-13.185 5.903-13.185 13.186 0 7.282 5.903 13.185 13.185 13.185Z\",\n fill: \"url(#a)\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M37.83 73.63a14.52 14.52 0 0 0 12.074 26.372l1.153 2.224-.66.343 7.354 14.16a2.114 2.114 0 0 0 2.068 1.14c.278-.024.549-.103.796-.232a2.115 2.115 0 0 0 1.05-1.246 2.12 2.12 0 0 0-.143-1.622l-7.356-14.16-.57.296-1.152-2.222a14.518 14.518 0 0 0-3.539-26.004 14.524 14.524 0 0 0-11.073.951h-.002Zm12.187 23.472a11.933 11.933 0 0 1-12.963-19.905 11.933 11.933 0 0 1 18.053 3.82 11.934 11.934 0 0 1-5.091 16.08v.005Z\",\n fill: \"#0A1551\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"a\",\n x1: 44.518,\n y1: 73.338,\n x2: 44.518,\n y2: 99.709,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})))));\nexport default SvgNoSignDocumentsFoundIcon;","import React from 'react';\nimport {\n arrayOf, node, oneOfType, string, bool\n} from 'prop-types';\nimport { IconMagnifyingGlass } from '@jotforminc/svg-icons';\n\nimport EmptyListBase from './EmptyListBase';\n\nimport NoFormsFoundIcon from '../assets/svg/noFormsFoundIcon.svg';\nimport NoAppsFoundIcon from '../assets/svg/noAppsFoundIcon.svg';\nimport NoTablessFoundIcon from '../assets/svg/noTablesFoundIcon.svg';\nimport NoReportsFoundIcon from '../assets/svg/noReportsFoundIcon.svg';\nimport NoApprovalsFoundIcon from '../assets/svg/noApprovalsFoundIcon.svg';\nimport NoSignDocumentsFoundIcon from '../assets/svg/noSignDocumentsFoundIcon.svg';\n\nexport const resourceData = {\n item: {\n title: 'No results found.',\n description: 'We couldn\\'t find any matching items.',\n icon: (\n {t(title)}
\n {t(description)}
\n \n
\n )\n },\n form: {\n title: 'No results found.',\n description: 'We couldn\\'t find any matching items.',\n icon: \n \n {t('Protected Health Information: This field includes sensitive information. This data can’t be added.')}\n \n
\n \n);\n\nexport default ProtectedTag;\n","import React from 'react';\nimport { Tooltip } from '@jotforminc/tooltip';\nimport { t } from '@jotforminc/translation';\nimport { IconLockFilled } from '@jotforminc/svg-icons';\n\nconst EncryptedTag = () => (\n <>\n \n \n {t('Encrypted Form: This field includes encrypted information. This data can’t be added.')}\n \n
\n \n);\n\nexport default EncryptedTag;\n","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Checkbox } from '@jotforminc/magnet';\nimport ProtectedTag from './ProtectedTag';\nimport EncryptedTag from './EncryptedTag';\n\nconst WithOptionRenderer = (isSingle, showOptionValue) => {\n return ({\n option: {\n text, value, isProtected, isEncrypted\n }, isSelected\n }) => {\n return (\n \n {text}\n {showOptionValue && (\n \n {' '}\n { ` - ${value}` }\n {' '}\n \n )}\n
\n {(isProtected || isEncrypted) && (\n \n {isProtected ?
\n )}\n \n );\n };\n};\n\nexport default WithOptionRenderer;\n","import classNames from 'classnames';\nimport {\n arrayOf, bool, func, objectOf, oneOfType, shape, string\n} from 'prop-types';\nimport React, { useState } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { useFuse } from '@jotforminc/hooks';\nimport SearchInput from '@jotforminc/search-input';\n\nimport { IconMagnifyingGlass, IconAngleUp } from '@jotforminc/svg-icons';\nimport SelectionGroup from './SelectionGroup';\nimport Option from './Option';\n\nconst questionsPropType = arrayOf(\n shape({\n formTitle: string,\n questions: oneOfType([\n arrayOf(shape({ text: string, qid: string })),\n objectOf(shape({ text: string, qid: string }))\n ])\n })\n);\n\nfunction ColoredFieldsRenderer({\n formTitle,\n questions,\n color,\n optionParser,\n suggestions,\n setMenuVisibility,\n isSingle,\n defaultValue,\n hasForm,\n onChange,\n formID,\n staticFields,\n isMain,\n isExpanded,\n setExpanded\n}) {\n const options = optionParser(questions, { staticFields: staticFields.map(f => ({ ...f, placeholder: isMain ? f.placeholder : f.placeholder.replace('{', `{f${formID}_`) })) });\n const suggestedOptions = options.filter(({ text }) => suggestions?.find(({ text: suggestionText }) => text === suggestionText));\n const wrapperClasses = classNames('formFields-wrapper', { isCollapsed: !isExpanded });\n const suggestionText = suggestions?.[0]?.text?.toLowerCase();\n\n return (\n \n {\n if (!isSingle) {\n setMenuVisibility(false);\n }\n onChange(isSingle ? val : [val]);\n }}\n OptionRenderer={Option(isSingle)}\n />\n )}\n {options.length === 0 && hasForm && isExpanded && (\n
\n \n );\n}\n\nColoredFieldsRenderer.propTypes = {\n formTitle: string.isRequired,\n color: string.isRequired,\n suggestions: arrayOf(shape({})).isRequired,\n questions: arrayOf(questionsPropType).isRequired,\n hasForm: bool.isRequired,\n isSingle: bool.isRequired,\n setMenuVisibility: func.isRequired,\n defaultValue: arrayOf(string).isRequired,\n onChange: func.isRequired,\n optionParser: func.isRequired,\n formID: string.isRequired,\n staticFields: arrayOf(shape({})).isRequired,\n isMain: bool.isRequired,\n isExpanded: bool,\n setExpanded: func\n};\n\nColoredFieldsRenderer.defaultProps = {\n isExpanded: true,\n setExpanded: x => x\n};\n\nexport default function MultipleForms({\n hasForm,\n isSingle,\n setMenuVisibility,\n defaultValue,\n onChange,\n optionParser,\n formArray,\n staticFields,\n isDark\n}) {\n const [searchTerm, setSearchTerm] = useState('');\n const [expandedIndex, setExpandedIndex] = useState(0);\n const allQuestions = formArray.flatMap(q => optionParser(q.questions));\n const suggestions = useFuse(allQuestions, searchTerm, ['name', 'text']);\n const noResultFound = suggestions.length === 0 && optionParser(formArray.flatMap(q => q.questions)).length !== 0;\n\n const setExpanded = index => setExpandedIndex(expandedIndex === index ? -1 : index);\n\n return (\n \n {formTitle && (\n \n
\n )}\n {suggestedOptions.length !== 0 && hasForm && isExpanded && (\n \n {formTitle}\n
\n \n
\n \n {t(`This form doesn't have any ${suggestionText || 'appropriate'} fields to add.`)}\n
\n )}\n \n
\n );\n}\n\nMultipleForms.propTypes = {\n formArray: questionsPropType.isRequired,\n hasForm: bool.isRequired,\n isSingle: bool.isRequired,\n setMenuVisibility: func.isRequired,\n defaultValue: arrayOf(string).isRequired,\n onChange: func.isRequired,\n optionParser: func.isRequired,\n staticFields: arrayOf(shape({})).isRequired,\n isDark: string\n};\n\nMultipleForms.defaultProps = {\n isDark: false\n};\n","import {\n arrayOf, bool, func, objectOf, oneOfType, shape, string\n} from 'prop-types';\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\n\nimport SelectionGroup from './SelectionGroup';\nimport Option from './Option';\n\nexport default function SingleForm({\n formTitle,\n questions,\n hasForm,\n isSingle,\n setMenuVisibility,\n defaultValue,\n onChange,\n showOptionValue,\n isEncrypted\n}) {\n const checkIsEncrypted = value => (isEncrypted && !['{form_title}', '{id}'].includes(value));\n\n const refactoredQuestions = questions.map(question => ({\n ...question,\n isEncrypted: checkIsEncrypted(question.value)\n }));\n return (\n \n
\n \n
\n \n {formArray.map(({\n formTitle, questions, color, id, isMain, staticFields: formSpecificStaticFields = undefined\n }, index) => {\n const toggleExpand = () => setExpanded(index);\n return (\n 2}\n setExpanded={toggleExpand}\n />\n );\n })}\n
\n {noResultFound ? (\n \n {t('No result found. We couldn’t find any matching items.')}\n
\n ) : null}\n {!hasForm && (\n \n {t(\"You don't have a form to select a field.\")}\n
\n )}\n \n
\n );\n}\n\nconst questionsPropType = oneOfType([\n arrayOf(shape({ text: string, qid: string })),\n objectOf(shape({ text: string, qid: string }))\n]);\n\nSingleForm.defaultProps = {\n formTitle: '',\n showOptionValue: false,\n isEncrypted: false\n};\n\nSingleForm.propTypes = {\n formTitle: string,\n questions: questionsPropType.isRequired,\n hasForm: bool.isRequired,\n isSingle: bool.isRequired,\n setMenuVisibility: func.isRequired,\n defaultValue: arrayOf(string).isRequired,\n onChange: func.isRequired,\n showOptionValue: bool,\n isEncrypted: bool\n};\n","import React, {\n useRef, useImperativeHandle, forwardRef, useEffect\n} from 'react';\nimport {\n arrayOf, shape, string, func, bool, oneOfType, objectOf\n} from 'prop-types';\nimport classNames from 'classnames';\nimport { Popover, Hooks } from '@jotforminc/uikit';\nimport { t } from '@jotforminc/translation';\nimport { getPlaceholderListWithStaticFields, preparePlaceholderDynamicList } from '@jotforminc/utils';\nimport { STATIC_FIELDS_WITH_PLACEHOLDER } from '@jotforminc/constants';\n\nimport { IconLinkDiagonal } from '@jotforminc/svg-icons';\nimport {\n SingleForm, MultipleForms\n} from './components';\n\nimport './styles/FormFields.scss';\n\nconst FormFields = forwardRef(({\n usedFromWorkflow,\n anotherFieldDropdown,\n defaultValue,\n questions,\n onChange,\n addStaticFields,\n staticFields,\n hasForm,\n formTitle,\n isSingle,\n menuTargetRef,\n isButtonVisible,\n fieldsLabelText,\n useMultipleForms,\n formArray,\n isDark,\n usePortal,\n popoverClassName,\n showOptionValue,\n showProtectedTag,\n onVisibilityChange,\n duplicatedEmails,\n isEncrypted\n}, ref) => {\n const menuRef = useRef();\n const buttonRef = useRef();\n const onButtonClickCallbackRef = useRef(null);\n const [isMenuVisible, setMenuVisibility] = Hooks.useClickOutsideState(false, [menuRef, buttonRef]);\n const isFormFieldsDisabledForWorkflow = value => duplicatedEmails && value && duplicatedEmails?.length > 0 && duplicatedEmails.includes(value);\n const getOptions = (formQuestions, opts = {}) => {\n const { staticFields: staticFieldsOptions = staticFields } = opts;\n const questionsArray = Object.values(formQuestions);\n const placeholderList = addStaticFields\n ? getPlaceholderListWithStaticFields({\n questions: questionsArray, includeSeparator: false, staticFields: staticFieldsOptions, anotherFieldDropdown, usedFromWorkflow\n })\n : preparePlaceholderDynamicList(questionsArray, anotherFieldDropdown, usedFromWorkflow);\n // 'protected' is a reserved word in strict mode. so mapeed it to isProtected field\n return placeholderList.map(({\n text, placeholder: value, disabled, isProtected\n }) => ({\n text, value, disabled: isFormFieldsDisabledForWorkflow(value) || disabled, isProtected: isProtected && showProtectedTag\n }));\n };\n\n const handleButtonClick = () => {\n onButtonClickCallbackRef.current?.();\n setMenuVisibility(!isMenuVisible);\n };\n\n useImperativeHandle(ref, () => ({\n setMenuVisibility,\n getIsMenuVisible: () => isMenuVisible,\n setOnButtonClickCallback: callback => {\n onButtonClickCallbackRef.current = callback;\n }\n }));\n\n useEffect(() => {\n onVisibilityChange(isMenuVisible);\n }, [isMenuVisible]);\n\n return (\n \n {formTitle && (\n {\n if (!isSingle) {\n setMenuVisibility(false);\n }\n onChange(isSingle ? val : [val]);\n }}\n OptionRenderer={Option(isSingle, showOptionValue)}\n />\n )}\n {questions.length === 0 && hasForm && (\n
\n \n {formTitle}\n
\n )}\n {questions.length !== 0 && hasForm && (\n \n {t(\"Your form doesn't have any appropriate fields to add.\")}\n
\n )}\n {!hasForm && (\n \n {t(\"You don't have a form to select a field.\")}\n
\n )}\n \n {isButtonVisible && (\n \n \n {useMultipleForms ? (\n
\n );\n});\n\nconst questionsPropType = oneOfType([\n arrayOf(shape({ text: string, qid: string })),\n objectOf(shape({ text: string, qid: string }))\n]);\n\nFormFields.propTypes = {\n usedFromWorkflow: bool,\n anotherFieldDropdown: bool,\n defaultValue: arrayOf(string),\n questions: questionsPropType,\n addStaticFields: bool,\n staticFields: arrayOf(shape({})),\n isSingle: bool,\n onChange: func,\n hasForm: bool,\n formTitle: string,\n menuTargetRef: shape({}),\n isButtonVisible: bool,\n fieldsLabelText: string,\n useMultipleForms: bool,\n formArray: arrayOf(shape({})),\n isDark: bool,\n usePortal: bool,\n popoverClassName: string,\n showOptionValue: bool,\n showProtectedTag: bool,\n onVisibilityChange: func,\n duplicatedEmails: shape(),\n isEncrypted: bool\n};\n\nFormFields.defaultProps = {\n usedFromWorkflow: false,\n anotherFieldDropdown: false,\n defaultValue: [],\n questions: [],\n addStaticFields: false,\n staticFields: STATIC_FIELDS_WITH_PLACEHOLDER,\n isSingle: false,\n onChange: f => f,\n hasForm: true,\n formTitle: '',\n menuTargetRef: null,\n isButtonVisible: true,\n fieldsLabelText: 'Form Fields',\n useMultipleForms: false,\n formArray: [],\n isDark: false,\n usePortal: false,\n popoverClassName: null,\n showOptionValue: false,\n showProtectedTag: false,\n onVisibilityChange: () => null,\n duplicatedEmails: [],\n isEncrypted: false\n};\n\nexport default FormFields;\n","import React from 'react';\nimport {\n string, node, func, shape, bool\n} from 'prop-types';\nimport isString from 'lodash/isString';\nimport { TextInput } from '@jotforminc/uikit';\nimport DomPurify from 'dompurify';\n\nexport const Label = ({\n htmlFor,\n label,\n children,\n description,\n valueList,\n errorList,\n elementID,\n componentTypeList,\n wrapperClassName,\n required,\n ...props\n}) => {\n const errorMsg = errorList[elementID];\n return (\n \n );\n};\n\nLabel.propTypes = {\n label: node,\n description: node,\n elementID: string.isRequired,\n htmlFor: string.isRequired,\n children: node.isRequired,\n valueList: shape({}).isRequired,\n errorList: shape({}).isRequired,\n componentTypeList: shape({}).isRequired,\n required: bool,\n wrapperClassName: string\n};\n\nLabel.defaultProps = {\n label: '',\n description: '',\n required: false,\n wrapperClassName: null\n};\n\nexport const Input = ({\n id, onChange, onError, isErrored, valueList, errorList, componentTypeList, ...props\n}) => {\n const handleValueChange = (event, ...parameters) => onChange(event.target.value, event, ...parameters);\n\n return (\n \n
\n \n {t(fieldsLabelText)}\n
\n \n )}\n {isMenuVisible && (\n \n {Component}\n
\n );\n }\n\n // Notification mail editing is disabled on encrypted forms.\n const isContentDisabled = isEncrypted && id === 'content';\n return (\n \n
\n \n {fieldError}\n
\n ![\"error-placeholer\"](\"https://www.jotform.com/images/image_placeholder.png\")
;\n\nexport const SVGIcon = ({\n url, iconColor, ...props\n}) => {\n return (\n \n
\n );\n});\n\nTextarea.defaultProps = textareaDefaultProps;\n","import React, { Suspense } from 'react';\nimport { Loading } from '@jotforminc/loading';\nimport { safeLazy } from '@jotforminc/safe-lazy-import';\n\nconst LibIconSelector = safeLazy(() => import(/* webpackChunkName: \"LibIconSelector\" */'./LibIconSelector'));\n\nconst IconSelector = props => {\n return (\n \n {readOnly &&
\n )}\n \n by \n {imgUserInfo}\n
\n )}\n \n );\n });\n };\n\n const renderNoImageScreen = () => {\n return (\n\n {noUploadedImageText}\n
\n );\n };\n\n return (\n <>\n {uploadedImageList.length ? renderUploadedImages() : renderNoImageScreen()}\n \n );\n};\n\nUploadedImagesPanel.propTypes = {\n onImageSelect: func,\n selectedImage: oneOfType([string, arrayOf(string)]),\n allowMultipleSelection: bool,\n onImageDeselect: func,\n uploadedImageList: oneOfType([arrayOf(string), arrayOf(shape({}))]),\n noUploadedImageText: string\n};\n\nUploadedImagesPanel.defaultProps = {\n onImageSelect: f => f,\n selectedImage: '',\n allowMultipleSelection: false,\n onImageDeselect: f => f,\n uploadedImageList: [],\n noUploadedImageText: t('There is no image to show!')\n};\n\nexport default UploadedImagesPanel;\n","import React from 'react';\nimport {\n elementType,\n func, number, oneOfType, shape, string\n} from 'prop-types';\n\nimport { Utils } from '@jotforminc/uikit';\nimport { Button } from '@jotforminc/magnet';\nimport { t } from '@jotforminc/translation';\nimport { formatBytes } from '@jotforminc/utils';\n\nconst ImagePreview = ({\n file, changeModeToUpload, Thumbnail, removeButtonText\n}) => {\n const { name, size } = file;\n const sizeText = formatBytes(size);\n\n const handleKeyDown = event => Utils.isPressedKeyEnterOrSpace(event) && changeModeToUpload();\n return (\n \n \n {t(removeButtonText)}\n \n
\n \n );\n};\n\nImagePreview.propTypes = {\n file: shape({\n name: string,\n url: string,\n size: oneOfType([string, number])\n }),\n changeModeToUpload: func,\n Thumbnail: elementType,\n removeButtonText: string\n};\n\nImagePreview.defaultProps = {\n file: {},\n changeModeToUpload: f => f,\n Thumbnail: ({ url }) => \n {name}\n {sizeText}\n
\n \n
\n )\n }\n};\n\nexport const THEME_MAP = {\n isDark: 'isDark',\n isLight: 'isLight',\n isTransparent: 'isTransparent'\n};\n\n/* eslint-disable */\nexport const DefaultDeleteButton = ({ onClick, disabled }) => {\n return (\n \n )\n};\n\nexport const DefaultSelectButton = ({ onClick }) => (\n \n)\n/* eslint-enable */\n\nexport const modesRequireUploadedImages = ['imageUpload'];\n","/* eslint-disable max-statements */\nimport React, {\n useEffect, useState, useRef, useCallback, forwardRef, useImperativeHandle\n} from 'react';\nimport {\n array, arrayOf, bool, elementType, func, shape, string\n} from 'prop-types';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { FileUpload } from '@jotforminc/uikit';\nimport { t } from '@jotforminc/translation';\nimport { TabListWithStyles, Tab } from '@jotforminc/tabs';\nimport { useDebounce } from '@jotforminc/hooks';\nimport {\n Button, InputText, Textarea, FormLabel, FormControl, FormHelperText\n} from '@jotforminc/magnet';\nimport { IconMagnifyingGlass } from '@jotforminc/svg-icons';\nimport IconSelector from './IconSelector';\n\nimport UploadedImagesPanel from './UploadedImagesPanel';\nimport ImagePreview from './ImagePreview';\nimport LoadingScreen from './LoadingScreen';\n\nimport '../styles/ImageUpload.scss';\n\nimport {\n deleteSelectedImage, getUploadedUserImage, searchUnsplash, getRandomImagesFromUnsplash\n} from '../actions';\nimport {\n DEFAULT_TAB_LIST, THEME_MAP, DefaultDeleteButton, DefaultSelectButton, modesRequireUploadedImages\n} from '../constants';\nimport { filterImages } from '../utils';\n\nconst ImageUpload = forwardRef(({\n onImageUpload,\n onImageSelect,\n onImageChange,\n onImageRemove,\n isAltTextActive,\n onAltTextChange,\n renderTabs,\n allowMultipleSelection,\n forceSelect,\n optimize,\n addNotification,\n limitType,\n multipleFileUpload,\n targetURL,\n onlyColoredIcons,\n linkTextInputDefaultValue,\n onLinkTextInputSubmit,\n linkTextInputPlaceholder,\n imgDescInputPlaceholder,\n imageList: originalImageList,\n galleryImageList,\n useAPI,\n theme,\n showLabel,\n showActionButtons,\n SelectButtonRenderer,\n DeleteButtonRenderer,\n ActionButtonsWrapper,\n onLinkInputChange,\n ImageUploadPreviewRenderer,\n ImageLoadingScreenRenderer,\n allowedTypes,\n allowImageUpload,\n onFileUploading,\n onFileRemove,\n isFileUploading,\n value: uploadedFile,\n removeButtonText,\n PreviewThumbnail,\n FileInputRenderer,\n showOnlyImages,\n mode,\n TextWrapperRenderer,\n onFileUploadError,\n noUploadedImageText,\n galleryMode,\n inputButtonText,\n initialSelectedImage,\n groupedGalleryClass,\n groupedGalleryImageList,\n isDeleteSelectedDisabled\n}, ref) => {\n const [imageList, setImageList] = useState(showOnlyImages ? filterImages(originalImageList) : originalImageList);\n const [altText, setAltText] = useState('');\n const [fileUploadDisplayMode, setFileUploadDisplayMode] = useState(uploadedFile.url ? 'display' : 'upload');\n const defaultSelectedImg = initialSelectedImage || '';\n const [selectedImage, setSelectedImage] = useState(allowMultipleSelection ? [] : defaultSelectedImg);\n const [isActionButtonsVisible, setActionButtonsVisible] = useState(false);\n const [unsplashImageList, setUnsplashImageList] = useState([]);\n const [randomUnsplashImageList, setRandomUnsplashImageList] = useState([]);\n const [unsplashPageNumber, setUnsplashPageNumber] = useState(1);\n const [stopLoadMore, setStopLoadMore] = useState(false);\n const allowGettingUploadedImages = modesRequireUploadedImages.includes(mode);\n const textInputRef = useRef();\n const unsplashSearchInputRef = useRef();\n const isBranding21 = true;\n\n useImperativeHandle(ref, () => ({\n setSelectedImage\n }));\n\n const prepareTabTitleList = () => {\n return renderTabs.reduce((prev, tabKey) => {\n return {\n ...prev,\n [tabKey]: {\n ...DEFAULT_TAB_LIST[tabKey],\n label: t(DEFAULT_TAB_LIST[tabKey]?.label)\n }\n };\n }, {});\n };\n const [tabTitleList, setTabTitleList] = useState(prepareTabTitleList());\n\n const handleGetUploadedImages = () => {\n getUploadedUserImage(showOnlyImages)\n .then((images = []) => setImageList(images));\n };\n\n const handleAltTextChange = ({ target: { value } }) => {\n setAltText(value);\n };\n\n const handleImageSelect = url => () => {\n onImageChange(url, selectedImage);\n\n if (allowMultipleSelection) {\n setSelectedImage([\n ...selectedImage,\n url\n ]);\n } else {\n if (forceSelect || !showActionButtons) {\n onImageSelect(url);\n }\n setSelectedImage(url);\n }\n };\n\n const handleImageDeselect = url => () => {\n if (allowMultipleSelection) {\n setSelectedImage(selectedImage.filter(image => image !== url));\n }\n };\n\n const handleUseSelectedImage = url => {\n onImageSelect(url);\n };\n\n const handleImageUpload = fileData => {\n onImageUpload(fileData);\n };\n\n const handleLinkTextClick = () => {\n const { current: { value } } = textInputRef;\n onLinkTextInputSubmit(value);\n };\n\n const handleFileUploadDisplayModeChange = displayMode => {\n setFileUploadDisplayMode(displayMode);\n };\n\n const renderAltTextInput = () => (\n \n \n {t('Image Description')} \n \n {t('Add alt text for accessibility and SEO purposes. This text will be shown if the image can\\'t be loaded.')}\n \n \n
\n );\n\n const handleDeleteSelectedImage = () => {\n setSelectedImage('');\n setImageList(imageList.filter(image => !selectedImage.includes(image)));\n if (useAPI) {\n deleteSelectedImage(selectedImage)\n .then(() => handleGetUploadedImages());\n }\n onImageRemove(selectedImage);\n };\n\n const renderActionButtons = () => (\n \n \n {showLabel && (\n {t('Enter URL')} \n )}\n {renderLinkTabInput()}\n \n {/* eslint-disable */}\n {showActionButtons &&
\n );\n\n const renderUploadImage = () => {\n return (\n <>\n \n \n
}\n {/* eslint-enable */}\n \n handleImageUpload(fileData)}\n allowedTypes={allowedTypes}\n targetURL={targetURL}\n multipleFileUpload={multipleFileUpload}\n optimize={optimize}\n addNotification={addNotification}\n limitType={limitType}\n displayUpload={true}\n translate={t}\n FilePreviewRenderer={ImageUploadPreviewRenderer}\n LoadingScreenRenderer={ImageLoadingScreenRenderer}\n onFileRemove={onFileRemove}\n removeButtonText={removeButtonText}\n Thumbnail={PreviewThumbnail}\n FileInputRenderer={FileInputRenderer}\n TextWrapperRenderer={TextWrapperRenderer}\n onError={onFileUploadError}\n onDisplayModeChange={handleFileUploadDisplayModeChange}\n buttonText={inputButtonText}\n />\n
\n {fileUploadDisplayMode === 'display' && isAltTextActive && renderAltTextInput()}\n {fileUploadDisplayMode === 'upload' && isAltTextActive && renderEnterUrl()}\n \n );\n };\n\n const renderChooseImage = () => (\n <>\n \n
\n {isAltTextActive && renderAltTextInput()}\n {isActionButtonsVisible && showActionButtons && renderActionButtons()}\n \n );\n\n const renderGallery = () => (\n <>\n \n
\n {isAltTextActive && renderAltTextInput()}\n {isActionButtonsVisible && showActionButtons && renderActionButtons()}\n \n );\n\n const renderGroupedGallery = () => {\n return (\n \n {groupedGalleryImageList.map(list => (\n
\n );\n };\n\n const createUnsplashImageList = (list = []) => list.map(image => {\n const {\n id = '',\n urls: { full = '', thumb = '' } = {},\n user: { name = '' } = {}\n } = image;\n\n return {\n urlFull: full,\n urlThumb: thumb,\n userInfo: name,\n id\n };\n });\n\n const getRandomUnsplashImages = () => {\n getRandomImagesFromUnsplash().then(response => {\n const list = createUnsplashImageList(response);\n const newList = [...randomUnsplashImageList, ...list];\n setRandomUnsplashImageList(newList);\n setUnsplashImageList(newList);\n }).catch(() => {});\n };\n\n const getUnsplashImages = loadMore => {\n const keyword = unsplashSearchInputRef && unsplashSearchInputRef.current && unsplashSearchInputRef.current.value;\n\n if (keyword) {\n if (loadMore && stopLoadMore) return;\n const count = 16;\n const page = loadMore ? unsplashPageNumber + 1 : 1;\n\n searchUnsplash(keyword, count, page).then(response => {\n const newImageList = createUnsplashImageList(response);\n setUnsplashImageList(currList => (loadMore ? [...currList, ...newImageList] : newImageList));\n setUnsplashPageNumber(page);\n setStopLoadMore(response.length < count);\n }).catch(() => {\n setUnsplashImageList([]);\n setStopLoadMore(true);\n });\n } else if (loadMore) {\n getRandomUnsplashImages();\n } else {\n setUnsplashImageList(randomUnsplashImageList);\n }\n };\n\n const renderUnsplash = () => {\n return (\n \n {t(list.text)}\n
\n ))}\n \n () => {\n setSelectedImage(url);\n onImageSelect(url);\n }}\n onImageDeselect={url => () => {\n setSelectedImage('');\n onImageRemove(url);\n }}\n selectedImage={selectedImage}\n />\n
\n \n {\n setUnsplashPageNumber(1);\n setStopLoadMore(false);\n getUnsplashImages();\n }, 600)}\n prefix={{ icon: IconMagnifyingGlass }}\n />\n getUnsplashImages(true)}\n className=\"prevUploads-list\"\n height=\"190px\"\n >\n () => {\n setSelectedImage(urlFull);\n onImageSelect(urlFull);\n }}\n onImageDeselect={urlFull => () => {\n setSelectedImage('');\n onImageRemove(urlFull);\n }}\n selectedImage={selectedImage}\n />\n \n
\n );\n };\n\n const renderLinkTab = () => (\n <>\n \n \n {t('Add Alt Text')} \n \n
\n )}\n {/* eslint-disable */}\n {showActionButtons && \n \n
}\n {/* eslint-enable */}\n \n );\n\n const renderIconSelector = () => (\n {t('Uploading...')}
\n \n );\n};\n\nexport default LoadingScreen;\n","/* eslint-disable max-len */\nexport const UPGRADE_PDF_ATTACHMENT = '[1[Upgrade your account]] to attach multiple PDFs.';\nexport const ESTIMATION_WARNING = 'You will likely reach your [1[{limitType}]] limit by [2[{estimationDate}]].';\nexport const UPGRADE_NOW = 'Upgrade Now';\nexport const BUILDER_BRANDING_WARNING = 'If you want to remove Jotform Branding, [1[please upgrade your account]]';\nexport const BUILDER_EMAIL_LIMIT_WARNING = '[1[Upgrade your account]] to use multiple [2[{emailType}]] emails.';\nexport const OVERQUOTA_WARNING = 'You have reached [1[{messageContent}]] limit.';\nexport const ALMOST_FULL_WARNING = 'You have almost reached [1[{messageContent}]] limit.';\n\nexport const GET_MORE_FORMS = 'Get more forms - for free';\nexport const LIMITED_TO_FIVE_FORMS = 'You’re currently limited to [1[{formCount}]] [2[forms]]. Want to create more forms? Invite others to Jotform and get one extra form per signup! Once an invitee verifies their email, you’ll receive your extra form.';\nexport const TRACK_YOUR_EARNINGS = 'Track your earnings from [1[Increase Limits]]';\nexport const TWITTER_SHARE_TEXT = 'Cards are fun and friendly online forms! They interact with respondents like a real person would';\n","import { RequestLayer, Interceptors } from '@jotforminc/request-layer';\n\nconst layer = new RequestLayer('/API', {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nconst serverRequestLayer = new RequestLayer('/server.php/', {\n interceptorConfig: {\n teamID: global.teamID,\n disableResponseNormalizer: true,\n shouldCache: true,\n logCachePayload: {\n projectName: 'myaccount'\n }\n }\n});\n\nexport const trackAction = data => layer.post('t/jfrev', data, {\n headers: {\n 'Content-Type': 'application/json'\n }\n});\n\nexport const userReferralDetails = () => serverRequestLayer.post('?action=getReferralDetails&source=7');\n","export const LimitTypes = {\n submissions: 'Monthly Submission',\n payments: 'Payment Submission',\n uploads: 'Upload Space',\n views: 'Form View',\n signed_documents: 'Monthly Signed Documents',\n signedDocuments: 'Monthly Signed Documents',\n total_submissions: 'Submission Storage'\n};\n","/* eslint-disable max-len */\nimport { isProduction } from '@jotforminc/utils';\nimport { trackAction } from '../api';\nimport { LimitTypes } from '../constants';\n\nexport const actionTracker = ({\n username, action, target, project\n}) => {\n if (!username) {\n return console.log('[Limit Assets Actions] :: Unable to track, user not found.');\n }\n\n const log = {\n project: project ?? 'limit-assets',\n oldActions: {\n action: action,\n target: target\n },\n actor: username,\n location: window.location && window.location.href\n };\n\n if (!isProduction()) {\n return console.log('[Limit Assets Actions] :: ', log);\n }\n\n trackAction(log);\n};\n\nexport const bsgUtmCreator = ({ planType, campaign, assetType }) => `?utm_source=limit-assets&utm_medium=banner&utm_content=${planType}-${assetType}&utm_campaign=${campaign}`;\n\nexport const freeBuilderUtmCreator = ({\n campaign, formId, assetType, source = 'builder'\n}) => `?utm_source=${source}&utm_medium=banner&utm_content=${formId}&utm_campaign=${campaign}&utm_term=${assetType}`;\n\nexport const mapLimitType = type => (LimitTypes?.[type] || '').toLowerCase();\n\nexport const copyToClipboard = text => {\n window.navigator.clipboard.writeText(text);\n};\n\nexport const getBaseURI = () => (window.__jfrouter?.BASE_URL ? window.__jfrouter?.BASE_URL : `${window.location.protocol}//${window.location.hostname}`);\n\nexport const setLocalStorageWithExpiry = (key, value, ttl = 0) => {\n const now = new Date();\n const item = {\n value: value,\n expiry: ttl === 0 ? undefined : now.getTime() + ttl\n };\n global?.localStorage.setItem(key, JSON.stringify(item));\n};\n","/* eslint-disable max-len */\nexport const FORM_LIMIT = 'form limit';\nexport const SUBMISSION_LIMIT = 'submission limit';\nexport const WORKFLOW_RUNS_LIMIT = 'workflow runs limit';\nexport const AI_AGENTS_LIMIT = 'agents limit';\nexport const FORMS = 'forms';\nexport const SUBMISSIONS = 'submissions';\nexport const WORKFLOW_RUNS = 'workflow runs';\nexport const AI_AGENTS = 'agents';\nexport const YOU_HAVE_REACHED_YOUR_LIMIT = 'You have reached your [1[{limitType}]]';\nexport const ACCOUNTS_LIMITED_TO = '[1[{planType}]] accounts are limited to [2[{limit}]] [3[{limitType}]] per month.';\nexport const UPGRADE_CTA_SUBMISSIONS = '[1[Upgrade]] your account to see all your submissions.';\nexport const UPGRADE_CTA_FORM_COUNT = '[1[{planType}]] accounts are limited to [2[{limit}]] forms. Delete an existing form or [3[Upgrade]] to increase your form limit.';\nexport const UPGRADE_CTA_WORKFLOW_RUNS = '[1[Upgrade]] your account to run your workflow.';\nexport const UPGRADE_CTA_AI_AGENTS = '[1[Upgrade]] your account to create agent.';\nexport const NEWUSER_CAMPAIGN_CTA = '[1[Today ONLY]] Save 50%';\nexport const YOU_HAVE_REACHED_YOUR_WORKFLOW_RUNS_LIMIT = 'You have reached your workflow runs limit';\nexport const YOU_HAVE_REACHED_YOUR_AI_AGENTS_LIMIT = 'You have reached your agents limit';\nexport const YOU_HAVE_REACHED_YOU_FORM_LIMIT = 'You have reached your form limit';\n\n// Builder Overquota Warning Texts\nexport const CURRENTLY_UNAVAILABLE = 'This form is currently unavailable to form fillers';\nexport const UPGRADE_YOUR_ACCOUNT = 'As a starter account user, you’ve reached your [1[{limitType}]] limit of [2[{limitValue}]]. [3[Upgrade]] your account to increase your [1[{limitType}]].';\n","import { RequestLayer, Interceptors } from '@jotforminc/request-layer';\n\nconst layer = new RequestLayer('/API', {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nexport const combinedInfo = () => layer.get('user/combinedinfo?loc=1&campaign=1');\nexport const systemPlans = () => layer.get('system/plans');\nexport const trackAction = data => layer.post('t/jfrev', data, {\n headers: {\n 'Content-Type': 'application/json'\n }\n});\n","import { t } from '@jotforminc/translation';\nimport { capitalizeFirstLetter, isProduction } from '@jotforminc/utils';\n\nimport * as Texts from '../constants/texts';\nimport { trackAction, systemPlans, combinedInfo } from '../api';\n\nexport const getCurrencySymbol = currency => {\n switch (currency) {\n case 'EUR':\n return '€';\n case 'GBP':\n return '£';\n case 'BRL':\n return 'R$';\n case 'JPY':\n return '¥';\n case 'USD':\n return '$';\n case 'AUD':\n case 'CAD':\n case 'NZD':\n case 'SGD':\n case 'HKD':\n case 'CLP':\n return '$';\n case 'TRY':\n return 'TL';\n default:\n return '';\n }\n};\nexport const getPlanClasName = accountTypeName => `is${capitalizeFirstLetter(accountTypeName === 'FREE' ? 'STARTER' : accountTypeName.toLowerCase())}`;\n\n// Also Translates\nexport const prettyAccountName = accountTypeName => (accountTypeName === 'FREE' ? t('STARTER') : t(accountTypeName));\n\nexport const getCurrencyDirection = currency => {\n return currency === 'TRY' ? 'right' : 'left';\n};\n\nexport const LimitTypes = {\n formCount: {\n title: Texts.FORM_LIMIT,\n body: Texts.FORMS\n },\n submissions: {\n title: Texts.SUBMISSION_LIMIT,\n body: Texts.SUBMISSIONS\n },\n workflowRuns: {\n title: Texts.WORKFLOW_RUNS_LIMIT,\n body: Texts.WORKFLOW_RUNS\n },\n aiAgents: {\n title: Texts.AI_AGENTS_LIMIT,\n body: Texts.AI_AGENTS\n }\n};\n\nexport const fetchUserPlans = async () => {\n const plans = await systemPlans();\n return plans;\n};\n\nexport const fetchCombinedInfo = async () => {\n const { credentials } = await combinedInfo();\n return credentials;\n};\n\nexport const getLimitFromType = (user, limitType) => {\n return user?.account_type?.limits?.[limitType] || null;\n};\n\nexport const actionTracker = ({\n username, action, target, isV2\n}) => {\n if (!username) {\n return console.log('[Limit Dialog Actions] :: Unable to track, user not found.');\n }\n\n const log = {\n project: `limitDialog${isV2 ? '-v2' : ''}`,\n oldActions: {\n action: action,\n target: target\n },\n actor: username,\n location: window.location && window.location.href\n };\n\n if (!isProduction()) {\n return console.log('[Limit Dialog Actions] :: ', log);\n }\n\n trackAction(log);\n};\n\nexport const setLocalStorageWithExpiry = (key, value, ttl = 0) => {\n const now = new Date();\n const item = {\n value: value,\n expiry: ttl === 0 ? undefined : now.getTime() + ttl\n };\n global?.localStorage.setItem(key, JSON.stringify(item));\n};\n\nexport const getLocalStorageWithExpiry = key => {\n const itemStr = global?.localStorage.getItem(key);\n if (!itemStr) {\n return null;\n }\n const item = JSON.parse(itemStr);\n const now = new Date();\n if (now.getTime() > item.expiry) {\n global?.localStorage.removeItem(key);\n return null;\n }\n return item.value;\n};\n","import React from 'react';\nimport { string } from 'prop-types';\nimport classNames from 'classnames';\nimport Styled from 'styled-components';\n\nconst StyledSVG = Styled.svg`\n position: absolute;\n top: 50%;\n left: 50%;\n width: ${({ size = '70px' }) => size};\n height: ${({ size = '70px' }) => size};\n transform: translate(-50%, -50%);\n animation: jfLoading-svgRotate 2s linear 0s infinite normal none running;\n transform-origin: center center 0;\n\n .jfLoading-svgPath {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: jfLoading-svgPath 1.5s ease-in-out 0s infinite normal none running;\n stroke-linecap: round;\n }\n\n @keyframes jfLoading-svgPath {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n }\n\n @keyframes jfLoading-svgRotate {\n 100% {\n transform: rotate(360deg) translate(-50%, -50%);\n }\n }\n`;\n\nexport const Loading = ({\n className = null,\n strokeWidth = '2',\n strokeColor = 'rgba(0,0,0,0.5)',\n ...props\n}) => (\n \n {t(message)}\n
\n );\n};\n\nErrorAlert.propTypes = {\n message: string.isRequired,\n enableScreenReaderAlert: bool\n};\n\nErrorAlert.defaultProps = {\n enableScreenReaderAlert: true\n};\n\nexport default ErrorAlert;\n","var _circle, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgClose = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 40 40\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 20,\n cy: 20,\n r: 20,\n fill: \"#E3E5F5\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.2929 27.7071C26.6834 28.0976 27.3166 28.0976 27.7071 27.7071C28.0976 27.3166 28.0976 26.6834 27.7071 26.2929L21.4142 20L27.7071 13.7071C28.0976 13.3166 28.0976 12.6834 27.7071 12.2929C27.3166 11.9024 26.6834 11.9024 26.2929 12.2929L20 18.5858L13.7071 12.2929C13.3166 11.9024 12.6834 11.9024 12.2929 12.2929C11.9024 12.6834 11.9024 13.3166 12.2929 13.7071L18.5858 20L12.2929 26.2929C11.9024 26.6834 11.9024 27.3166 12.2929 27.7071C12.6834 28.0976 13.3166 28.0976 13.7071 27.7071L20 21.4142L26.2929 27.7071Z\",\n fill: \"#6F76A7\"\n})));\nexport default SvgClose;","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconFb = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"24px\",\n height: \"24px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(-552.000000, -332.000000)\",\n fill: \"#FFFFFF\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(448.000000, 108.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(88.000000, 48.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0.000000, 160.000000)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28,16 C34.627417,16 40,21.372583 40,28 C40,34.0950735 35.4558524,39.1288044 29.570608,39.8981421 L29.5703125,31.71875 L32.6992422,31.71875 L33.1676641,28.0859375 L29.5703125,28.0859375 L29.5718914,25.6427048 C29.5966115,24.665022 29.9231963,24.0086797 31.3605391,24.0086797 L31.3605391,24.0086797 L33.2734375,24.0078125 L33.2734375,20.7695938 C32.9830674,20.7310186 32.0751609,20.6506869 30.9653941,20.6312067 L30.9653941,20.6312067 L30.4786328,20.6268828 C27.7134297,20.6268828 25.8203125,22.3148516 25.8203125,25.4147422 L25.8203125,25.4147422 L25.8203125,28.0859375 L22.703125,28.0859375 L22.703125,31.71875 L25.8203125,31.71875 L25.820385,39.8025395 C20.2335827,38.777408 16,33.8831071 16,28 C16,21.372583 21.372583,16 28,16 Z\"\n}))))))));\nexport default SvgIconFb;","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconGl = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"24px\",\n height: \"24px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n \"aria-hidden\": \"true\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(-564.000000, -544.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(292.000000, 328.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(256.000000, 200.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(16.000000, 16.000000)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n fill: \"#FFFFFF\",\n cx: 12,\n cy: 12,\n r: 12\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.84375,10.4328124 L19.2,10.4328124 L19.2,10.4 L12,10.4 L12,13.6 L16.5218752,13.6 C15.8609376,15.4625 14.0890624,16.8 12,16.8 C9.3484376,16.8 7.2,14.6515624 7.2,12 C7.2,9.3484376 9.3484376,7.2 12,7.2 C13.2234376,7.2 14.3375,7.6609376 15.1843752,8.4156252 L17.4468752,6.1531252 C16.01875,4.8218752 14.1078124,4 12,4 C7.58125,4 4,7.58125 4,12 C4,16.41875 7.58125,20 12,20 C16.41875,20 20,16.41875 20,12 C20,11.4640624 19.9453124,10.9406252 19.84375,10.4328124 Z\",\n fill: \"#FFC107\",\n fillRule: \"nonzero\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.9218752,8.2765624 L7.5515624,10.2046876 C8.2625,8.44375 9.9843752,7.2 12,7.2 C13.2234376,7.2 14.3375,7.6609376 15.1843752,8.4156252 L17.4468752,6.1531252 C16.01875,4.8218752 14.1078124,4 12,4 C8.9265624,4 6.2625,5.7343752 4.9218752,8.2765624 Z\",\n fill: \"#FF3D00\",\n fillRule: \"nonzero\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12,20 C14.0656252,20 15.94375,19.2093752 17.3640624,17.9234376 L14.8875,15.8281252 C14.0843752,16.4359376 13.0859376,16.8 12,16.8 C9.91875,16.8 8.1531252,15.4734376 7.4875,13.6218752 L4.8781252,15.63125 C6.2015624,18.2218752 8.8906252,20 12,20 Z\",\n fill: \"#4CAF50\",\n fillRule: \"nonzero\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.84375,10.4 L12,10.4 L12,13.6 L16.5218752,13.6 C16.2046876,14.4953124 15.6281252,15.2656252 14.8859376,15.8281252 C14.8875,15.8281252 14.8875,15.8281252 14.8875,15.8281252 L17.3640624,17.9234376 C17.1890624,18.08125 20,16 20,12 C20,11.4640624 19.9453124,10.9078128 19.84375,10.4 Z\",\n fill: \"#1976D2\",\n fillRule: \"nonzero\"\n}))))))));\nexport default SvgIconGl;","var _path, _path2, _path3, _path4, _path5;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconMs = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 24 24\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.4231 12.583H12.5839V18.4222H18.4231V12.583Z\",\n fill: \"#FEBA08\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.416 12.583H5.57678V18.4222H11.416V12.583Z\",\n fill: \"#05A6F0\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.4231 5.57617H12.5839V11.4154H18.4231V5.57617Z\",\n fill: \"#80BC06\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.4163 5.57617H5.57703V11.4154H11.4163V5.57617Z\",\n fill: \"#F25325\"\n})));\nexport default SvgIconMs;","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconEm = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"24px\",\n height: \"16px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n \"aria-hidden\": \"true\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(-564.000000, -732.000000)\",\n fill: \"#FF8811\",\n fillRule: \"nonzero\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(292.000000, 328.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-2-Copy-2\",\n transform: \"translate(256.000000, 384.000000)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.5180432,20.0677432 L28,30.5857864 L17.4819568,20.0677432 C17.6471834,20.0235573 17.8208407,20 18,20 L38,20 C38.1791593,20 38.3528166,20.0235573 38.5180432,20.0677432 Z M39.9322568,21.4819568 C39.9764427,21.6471834 40,21.8208407 40,22 L40,33 C40,33.4631465 39.8950478,33.9017802 39.707629,34.2934155 L33.4142136,28 L39.9322568,21.4819568 L39.9322568,21.4819568 Z M38.2934155,35.707629 C37.9017802,35.8950478 37.4631465,36 37,36 L19,36 C18.5368535,36 18.0982198,35.8950478 17.7065845,35.707629 L24,29.4142136 L27.2928932,32.7071068 C27.6834175,33.0976311 28.3165825,33.0976311 28.7071068,32.7071068 L32,29.4142136 L38.2934155,35.707629 L38.2934155,35.707629 Z M16.292371,34.2934155 C16.1049522,33.9017802 16,33.4631465 16,33 L16,22 C16,21.8208407 16.0235573,21.6471834 16.0677432,21.4819568 L22.5857864,28 L16.292371,34.2934155 L16.292371,34.2934155 Z\",\n id: \"Shape\"\n})))))));\nexport default SvgIconEm;","var _circle, _path, _path2, _path3, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconGl36 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 36 36\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 18.5,\n cy: 18,\n r: 18,\n fill: \"white\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.8759 18.2751C30.8759 17.2576 30.7916 16.5151 30.6093 15.7451H18.7534V20.3376H25.7125C25.5723 21.4789 24.8146 23.1976 23.1309 24.3525L23.1073 24.5063L26.8559 27.3522L27.1156 27.3776C29.5008 25.2188 30.8759 22.0426 30.8759 18.2751Z\",\n fill: \"#4285F4\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.7518 30.3758C22.1612 30.3758 25.0234 29.2758 27.114 27.3783L23.1293 24.3532C22.063 25.082 20.6318 25.5907 18.7518 25.5907C15.4125 25.5907 12.5784 23.432 11.5681 20.4482L11.42 20.4606L7.52217 23.4169L7.47119 23.5557C9.54769 27.5982 13.813 30.3758 18.7518 30.3758Z\",\n fill: \"#34A853\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.5695 20.4475C11.303 19.6775 11.1487 18.8525 11.1487 18C11.1487 17.1475 11.303 16.3225 11.5555 15.5525L11.5485 15.3885L7.60177 12.3848L7.47264 12.445C6.61681 14.1225 6.12573 16.0063 6.12573 18C6.12573 19.9938 6.61681 21.8774 7.47264 23.555L11.5695 20.4475Z\",\n fill: \"#FBBC05\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.7519 10.4109C21.123 10.4109 22.7225 11.4147 23.6345 12.2535L27.1983 8.84348C25.0095 6.84973 22.1612 5.62598 18.7519 5.62598C13.813 5.62598 9.5477 8.40346 7.47119 12.4459L11.5541 15.5535C12.5784 12.5697 15.4126 10.4109 18.7519 10.4109Z\",\n fill: \"#EB4335\"\n})));\nexport default SvgIconGl36;","var _circle, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconFb36 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 37 36\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 18.4999,\n cy: 18.0002,\n r: 14.6496,\n fill: \"#1877F2\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.9554 22.4803L24.6062 18.3455H20.5353V15.6635C20.5353 14.532 21.1029 13.4285 22.9263 13.4285H24.7782V9.90828C24.7782 9.90828 23.0982 9.62891 21.4928 9.62891C18.1387 9.62891 15.9484 11.6097 15.9484 15.1941V18.3455H12.2214V22.4803H15.9484V32.4765C16.6966 32.591 17.462 32.6497 18.2418 32.6497C19.0216 32.6497 19.7871 32.591 20.5353 32.4765V22.4803H23.9554Z\",\n fill: \"white\"\n})));\nexport default SvgIconFb36;","\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconAppleWhite = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 22 27\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.361 14.3443C18.3989 18.4302 21.9454 19.7899 21.9847 19.8073C21.9547 19.9032 21.418 21.745 20.1162 23.6474C18.9909 25.2922 17.8229 26.931 15.983 26.9649C14.1752 26.9982 13.5938 25.8928 11.5269 25.8928C9.46063 25.8928 8.81475 26.931 7.10339 26.9982C5.32743 27.0654 3.97506 25.2196 2.84036 23.5809C0.521733 20.2287 -1.25018 14.1086 1.12905 9.97732C2.311 7.92574 4.42323 6.62659 6.71587 6.59328C8.45982 6.56001 10.1059 7.76655 11.172 7.76655C12.2374 7.76655 14.2377 6.31558 16.3406 6.52868C17.221 6.56532 19.6921 6.88428 21.2789 9.20691C21.151 9.28617 18.3303 10.9282 18.361 14.3443V14.3443ZM14.9633 4.31095C15.9061 3.16965 16.5407 1.58085 16.3676 0C15.0085 0.0546226 13.3651 0.905649 12.3903 2.04633C11.5166 3.05645 10.7515 4.67321 10.958 6.22277C12.4728 6.33998 14.0204 5.45299 14.9633 4.31096\",\n fill: \"white\"\n})));\nexport default SvgIconAppleWhite;","var _rect, _rect2, _rect3, _rect4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconMs36 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 36 36\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 19.8198,\n y: 19.125,\n width: 11.25,\n height: 11.25,\n fill: \"#FEBA08\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 6.31982,\n y: 19.125,\n width: 11.25,\n height: 11.25,\n fill: \"#05A6F0\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 19.8198,\n y: 5.625,\n width: 11.25,\n height: 11.25,\n fill: \"#80BC06\"\n})), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 6.31982,\n y: 5.625,\n width: 11.25,\n height: 11.25,\n fill: \"#F25325\"\n})));\nexport default SvgIconMs36;","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconAp36 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 36 36\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.7684 13.7093C29.6395 13.7845 26.5705 15.3717 26.5705 18.8908C26.7152 22.904 30.4434 24.3115 30.5073 24.3115C30.4434 24.3867 29.9445 26.2287 28.4666 28.1597C27.2937 29.823 25.9919 31.5 24.0152 31.5C22.1348 31.5 21.4598 30.3914 19.2901 30.3914C16.9601 30.3914 16.3008 31.5 14.5169 31.5C12.5401 31.5 11.1419 29.7331 9.9051 28.0854C8.2983 25.9289 6.93257 22.5446 6.88436 19.2951C6.85187 17.5732 7.20614 15.8806 8.10544 14.4428C9.37474 12.4357 11.6408 11.0732 14.1155 11.0283C16.0116 10.9687 17.6991 12.2414 18.8562 12.2414C19.9651 12.2414 22.0384 11.0283 24.3841 11.0283C25.3966 11.0293 28.0966 11.3135 29.7684 13.7093ZM18.6958 10.6845C18.3583 9.112 19.2901 7.5395 20.158 6.53643C21.2669 5.32336 23.0184 4.5 24.5287 4.5C24.6252 6.07249 24.0141 7.61471 22.9219 8.73792C21.9419 9.95098 20.2544 10.8642 18.6958 10.6845Z\",\n fill: \"black\"\n})));\nexport default SvgIconAp36;","var _circle, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconBack3 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 8,\n cy: 8,\n r: 8,\n fill: \"#8A94A9\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 6L7 8.5 9 11\",\n stroke: \"#fff\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n})));\nexport default SvgIconBack3;","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconBack = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"16px\",\n height: \"16px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Page-1\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Artboard-Copy-9\",\n transform: \"translate(-548.000000, -321.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-5\",\n transform: \"translate(292.000000, 269.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-2\",\n transform: \"translate(256.000000, 48.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-6\",\n transform: \"translate(0.000000, 4.000000)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n id: \"Oval\",\n stroke: \"#CFD8DC\",\n cx: 8,\n cy: 8,\n r: 7.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4,8 L12,8\",\n id: \"Path-2\",\n stroke: \"#607D8B\"\n}), /*#__PURE__*/React.createElement(\"polyline\", {\n id: \"Path-3\",\n stroke: \"#607D8B\",\n points: \"7 5 4 8 7 11\"\n})))))))));\nexport default SvgIconBack;","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgAuth0LogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"g\", {\n style: {\n mixBlendMode: \"darken\"\n },\n fill: \"#000\"\n}, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.95 14.158c4.59-.756 8.186-4.552 8.943-9.14l.253-2.207c.061-.351-.175-.838-.619-.804-3.47.27-6.739 1.414-8.563 2.16A2.402 2.402 0 0 0 4.47 6.39v7.197c0 .428.382.75.804.683l.675-.11v-.002ZM17.106 5.015c.756 4.592 4.352 8.384 8.943 9.14l.675.11a.691.691 0 0 0 .804-.683V6.385c0-.976-.59-1.853-1.493-2.224C24.213 3.416 20.94 2.27 17.47 2c-.444-.033-.674.459-.621.805l.253 2.207.003.002ZM26.046 16.171c-6.273 1.237-9.185 5.406-9.185 13.3 0 .397.393.67.722.45 2.885-1.945 9.233-7.022 9.888-13.376.026-.801-.975-.425-1.425-.374ZM5.952 16.171c6.272 1.237 9.185 5.407 9.185 13.301 0 .396-.394.669-.723.45-2.884-1.946-9.233-7.023-9.888-13.377-.025-.801.976-.425 1.426-.374Z\"\n}))));\nexport default SvgAuth0LogoIcon;","var _path, _path2, _path3, _path4, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgAzureLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.049 2h8.792l-9.127 27.045c-.193.57-.727.953-1.329.953H2.543a1.4 1.4 0 0 1-1.327-1.848L9.72 2.954c.193-.57.727-.954 1.329-.954Z\",\n fill: \"url(#a)\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.827 20.14H9.885a.646.646 0 0 0-.441 1.118l8.96 8.363c.26.243.604.378.96.378h7.896l-3.433-9.858Z\",\n fill: \"#0078D4\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.048 2a1.391 1.391 0 0 0-1.331.972L1.226 28.13a1.399 1.399 0 0 0 1.32 1.87h7.02a1.501 1.501 0 0 0 1.152-.979l1.693-4.99 6.048 5.64c.253.21.571.327.9.33h7.866l-3.45-9.86-10.057.003L19.873 2h-8.825Z\",\n fill: \"url(#b)\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.28 2.953A1.4 1.4 0 0 0 20.955 2h-9.8a1.4 1.4 0 0 1 1.326.952l8.505 25.198A1.4 1.4 0 0 1 19.66 30h9.8a1.4 1.4 0 0 0 1.326-1.849L22.28 2.953Z\",\n fill: \"url(#c)\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"a\",\n x1: 14.254,\n y1: 4.075,\n x2: 5.122,\n y2: 31.051,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#114A8B\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#0669BC\"\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"b\",\n x1: 17.105,\n y1: 16.646,\n x2: 14.993,\n y2: 17.36,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopOpacity: 0.3\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.071,\n stopOpacity: 0.2\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.321,\n stopOpacity: 0.1\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.623,\n stopOpacity: 0.05\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopOpacity: 0\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"c\",\n x1: 16.011,\n y1: 3.263,\n x2: 26.034,\n y2: 29.968,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#3CCBF4\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#2892DF\"\n})))));\nexport default SvgAzureLogoIcon;","var _path, _path2, _path3, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgGoogleLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.728 13.258H28.6V13.2H16v5.6h7.913c-1.155 3.26-4.256 5.6-7.912 5.6a8.4 8.4 0 0 1 0-16.8c2.14 0 4.089.808 5.572 2.127l3.96-3.96C23.033 3.437 19.688 2 16.001 2 8.269 2 2 8.268 2 16c0 7.731 6.268 14 14 14 7.731 0 14-6.269 14-14 0-.939-.097-1.855-.273-2.742Z\",\n fill: \"#FFC107\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m3.615 9.484 4.6 3.373A8.396 8.396 0 0 1 16 7.6c2.141 0 4.09.808 5.572 2.127l3.96-3.96C23.033 3.437 19.688 2 16.001 2 10.623 2 5.96 5.036 3.615 9.484Z\",\n fill: \"#FF3D00\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 29.999c3.616 0 6.902-1.384 9.386-3.634l-4.332-3.667A8.337 8.337 0 0 1 16 24.399c-3.641 0-6.733-2.322-7.898-5.562l-4.565 3.517C5.854 26.888 10.56 30 16 30Z\",\n fill: \"#4CAF50\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.727 13.258H28.6V13.2H16v5.6h7.912a8.428 8.428 0 0 1-2.86 3.9l.001-.002 4.333 3.667C25.08 26.643 30 23 30 16c0-.938-.097-1.855-.273-2.742Z\",\n fill: \"#1976D2\"\n})));\nexport default SvgGoogleLogoIcon;","var _path, _path2, _path3, _path4;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgMicrosoftLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.444 14.444H2V1.999h12.445v12.445Z\",\n fill: \"#FF5722\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.001 14.444H17.556V1.999h12.445v12.445Z\",\n fill: \"#4CAF50\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.001 30H17.556V17.555h12.445V30Z\",\n fill: \"#FFC107\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.444 30H2V17.555h12.445V30Z\",\n fill: \"#03A9F4\"\n})));\nexport default SvgMicrosoftLogoIcon;","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgOktaLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"m17.405 2.194-.576 7.094a7.23 7.23 0 0 0-.825-.047c-.35 0-.693.023-1.028.078L14.65 5.88a.188.188 0 0 1 .186-.202h.584l-.28-3.477c-.008-.109.078-.202.179-.202h1.907c.109 0 .194.093.179.202v-.008Zm-4.81.35c-.031-.1-.14-.163-.241-.124l-1.79.653c-.102.04-.148.156-.102.25l1.456 3.173-.553.202c-.101.039-.148.155-.101.249l1.487 3.119a6.673 6.673 0 0 1 1.735-.662l-1.883-6.86h-.008ZM8.205 4.52l4.117 5.802a6.744 6.744 0 0 0-1.4 1.214L8.454 9.109a.188.188 0 0 1 .008-.272l.452-.374-2.452-2.48a.182.182 0 0 1 .015-.273l1.456-1.221a.18.18 0 0 1 .264.031h.008ZM4.75 7.88c-.086-.062-.21-.031-.265.062l-.95 1.65a.184.184 0 0 0 .078.256l3.16 1.493-.296.506a.179.179 0 0 0 .086.256l3.144 1.44c.226-.584.53-1.129.903-1.619L4.75 7.88Zm-2.328 4.48c.016-.109.125-.171.226-.148l6.888 1.797a6.808 6.808 0 0 0-.296 1.835l-3.447-.28a.18.18 0 0 1-.164-.217l.101-.576-3.479-.327c-.109-.007-.179-.108-.163-.217l.327-1.875.007.008Zm-.256 4.651c-.11.008-.18.109-.164.218l.335 1.874c.015.11.124.171.226.148l3.377-.879.102.576c.015.109.124.17.225.148l3.331-.918a6.736 6.736 0 0 1-.35-1.82l-7.09.653h.008Zm1.105 4.931a.184.184 0 0 1 .078-.256l6.428-3.05c.242.576.569 1.113.958 1.595l-2.818 2.007a.183.183 0 0 1-.264-.055l-.296-.513-2.872 1.983c-.086.063-.21.031-.265-.062l-.957-1.649h.008Zm7.79-1.338-5.004 5.064a.182.182 0 0 0 .016.272l1.463 1.221a.18.18 0 0 0 .265-.031l2.023-2.847.452.381c.085.07.21.055.272-.038l1.961-2.847a6.99 6.99 0 0 1-1.44-1.175h-.007Zm-.988 8.128a.182.182 0 0 1-.101-.249l2.965-6.47c.545.28 1.137.49 1.752.606l-.872 3.344a.184.184 0 0 1-.241.125l-.553-.202-.926 3.367c-.031.101-.14.164-.242.125l-1.79-.654.008.008Zm5.106-6.028-.576 7.094c-.008.109.078.202.179.202h1.907a.178.178 0 0 0 .179-.202l-.28-3.477h.583a.188.188 0 0 0 .187-.202l-.327-3.438a6.384 6.384 0 0 1-1.027.078c-.28 0-.553-.016-.825-.055Zm6.865-19.203a.18.18 0 0 0-.102-.249l-1.79-.653c-.1-.039-.21.023-.241.124l-.926 3.368-.553-.202c-.101-.039-.21.023-.241.124l-.872 3.345a6.963 6.963 0 0 1 1.751.606l2.974-6.463Zm3.907 2.823-5.005 5.064a6.792 6.792 0 0 0-1.44-1.175l1.962-2.846a.19.19 0 0 1 .272-.04l.451.382 2.024-2.847a.18.18 0 0 1 .265-.03l1.463 1.22c.085.07.085.195.015.272h-.007Zm2.708 3.983a.178.178 0 0 0 .078-.257l-.957-1.649a.192.192 0 0 0-.265-.062l-2.872 1.983-.296-.505c-.054-.094-.179-.125-.264-.055l-2.818 2.007c.39.482.709 1.019.958 1.594l6.428-3.049.008-.007Zm1.012 2.582.327 1.874a.188.188 0 0 1-.164.218l-7.09.661a6.676 6.676 0 0 0-.35-1.82l3.33-.918a.179.179 0 0 1 .227.148l.1.576 3.379-.88c.1-.022.21.04.225.149l.016-.008Zm-.32 6.883c.102.024.211-.039.227-.148l.326-1.874a.188.188 0 0 0-.163-.218l-3.479-.326.101-.576a.188.188 0 0 0-.163-.218l-3.448-.28a6.81 6.81 0 0 1-.296 1.836l6.888 1.796.008.008Zm-1.836 4.278a.191.191 0 0 1-.265.062l-5.86-4.044c.373-.49.677-1.035.903-1.618l3.144 1.439a.18.18 0 0 1 .086.257l-.296.505 3.16 1.493a.184.184 0 0 1 .078.257l-.95 1.649Zm-7.838-2.388 4.118 5.802a.18.18 0 0 0 .264.032l1.456-1.222a.188.188 0 0 0 .015-.272l-2.451-2.48.451-.374a.182.182 0 0 0 .008-.272l-2.467-2.427c-.413.467-.88.879-1.401 1.213h.007Zm-.038 7.902c-.102.04-.21-.023-.242-.124l-1.883-6.86a6.677 6.677 0 0 0 1.735-.661l1.487 3.119c.047.1 0 .218-.101.249l-.553.202 1.456 3.173a.18.18 0 0 1-.102.25l-1.79.652h-.007Z\",\n fill: \"#000\"\n})));\nexport default SvgOktaLogoIcon;","\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconGl = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"24px\",\n height: \"24px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n \"aria-hidden\": \"true\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(-564.000000, -544.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(292.000000, 328.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(256.000000, 200.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(16.000000, 16.000000)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n fill: \"#FFFFFF\",\n cx: 12,\n cy: 12,\n r: 12\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.84375,10.4328124 L19.2,10.4328124 L19.2,10.4 L12,10.4 L12,13.6 L16.5218752,13.6 C15.8609376,15.4625 14.0890624,16.8 12,16.8 C9.3484376,16.8 7.2,14.6515624 7.2,12 C7.2,9.3484376 9.3484376,7.2 12,7.2 C13.2234376,7.2 14.3375,7.6609376 15.1843752,8.4156252 L17.4468752,6.1531252 C16.01875,4.8218752 14.1078124,4 12,4 C7.58125,4 4,7.58125 4,12 C4,16.41875 7.58125,20 12,20 C16.41875,20 20,16.41875 20,12 C20,11.4640624 19.9453124,10.9406252 19.84375,10.4328124 Z\",\n fill: \"#FFC107\",\n fillRule: \"nonzero\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.9218752,8.2765624 L7.5515624,10.2046876 C8.2625,8.44375 9.9843752,7.2 12,7.2 C13.2234376,7.2 14.3375,7.6609376 15.1843752,8.4156252 L17.4468752,6.1531252 C16.01875,4.8218752 14.1078124,4 12,4 C8.9265624,4 6.2625,5.7343752 4.9218752,8.2765624 Z\",\n fill: \"#FF3D00\",\n fillRule: \"nonzero\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12,20 C14.0656252,20 15.94375,19.2093752 17.3640624,17.9234376 L14.8875,15.8281252 C14.0843752,16.4359376 13.0859376,16.8 12,16.8 C9.91875,16.8 8.1531252,15.4734376 7.4875,13.6218752 L4.8781252,15.63125 C6.2015624,18.2218752 8.8906252,20 12,20 Z\",\n fill: \"#4CAF50\",\n fillRule: \"nonzero\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.84375,10.4 L12,10.4 L12,13.6 L16.5218752,13.6 C16.2046876,14.4953124 15.6281252,15.2656252 14.8859376,15.8281252 C14.8875,15.8281252 14.8875,15.8281252 14.8875,15.8281252 L17.3640624,17.9234376 C17.1890624,18.08125 20,16 20,12 C20,11.4640624 19.9453124,10.9078128 19.84375,10.4 Z\",\n fill: \"#1976D2\",\n fillRule: \"nonzero\"\n}))))))));\nexport default SvgIconGl;","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconFb = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"24px\",\n height: \"24px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(-552.000000, -332.000000)\",\n fill: \"#FFFFFF\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(448.000000, 108.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(88.000000, 48.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0.000000, 160.000000)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28,16 C34.627417,16 40,21.372583 40,28 C40,34.0950735 35.4558524,39.1288044 29.570608,39.8981421 L29.5703125,31.71875 L32.6992422,31.71875 L33.1676641,28.0859375 L29.5703125,28.0859375 L29.5718914,25.6427048 C29.5966115,24.665022 29.9231963,24.0086797 31.3605391,24.0086797 L31.3605391,24.0086797 L33.2734375,24.0078125 L33.2734375,20.7695938 C32.9830674,20.7310186 32.0751609,20.6506869 30.9653941,20.6312067 L30.9653941,20.6312067 L30.4786328,20.6268828 C27.7134297,20.6268828 25.8203125,22.3148516 25.8203125,25.4147422 L25.8203125,25.4147422 L25.8203125,28.0859375 L22.703125,28.0859375 L22.703125,31.71875 L25.8203125,31.71875 L25.820385,39.8025395 C20.2335827,38.777408 16,33.8831071 16,28 C16,21.372583 21.372583,16 28,16 Z\"\n}))))))));\nexport default SvgIconFb;","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconAppleWhite = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 22 27\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.361 14.3443C18.3989 18.4302 21.9454 19.7899 21.9847 19.8073C21.9547 19.9032 21.418 21.745 20.1162 23.6474C18.9909 25.2922 17.8229 26.931 15.983 26.9649C14.1752 26.9982 13.5938 25.8928 11.5269 25.8928C9.46063 25.8928 8.81475 26.931 7.10339 26.9982C5.32743 27.0654 3.97506 25.2196 2.84036 23.5809C0.521733 20.2287 -1.25018 14.1086 1.12905 9.97732C2.311 7.92574 4.42323 6.62659 6.71587 6.59328C8.45982 6.56001 10.1059 7.76655 11.172 7.76655C12.2374 7.76655 14.2377 6.31558 16.3406 6.52868C17.221 6.56532 19.6921 6.88428 21.2789 9.20691C21.151 9.28617 18.3303 10.9282 18.361 14.3443V14.3443ZM14.9633 4.31095C15.9061 3.16965 16.5407 1.58085 16.3676 0C15.0085 0.0546226 13.3651 0.905649 12.3903 2.04633C11.5166 3.05645 10.7515 4.67321 10.958 6.22277C12.4728 6.33998 14.0204 5.45299 14.9633 4.31096\",\n fill: \"white\"\n})));\nexport default SvgIconAppleWhite;","var _rect, _path, _path2;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgIconSf36 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 36 36\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 5.625,\n y: 14.625,\n width: 25.875,\n height: 7.875,\n fill: \"white\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.7745 17.46C22.8945 17.6385 22.9545 17.892 22.9545 18.216C22.9545 18.5385 22.8945 18.795 22.7745 18.975C22.6545 19.1535 22.4745 19.2405 22.224 19.2405C21.972 19.2405 21.7935 19.1535 21.6765 18.975C21.5565 18.795 21.4965 18.54 21.4965 18.216C21.4965 17.892 21.5565 17.6385 21.6765 17.46C21.7935 17.283 21.972 17.1975 22.224 17.1975C22.4745 17.1975 22.6545 17.283 22.7745 17.46ZM30.5145 17.9055H29.1495C29.1678 17.7477 29.22 17.5957 29.3025 17.46C29.3618 17.3701 29.4438 17.2973 29.5402 17.2492C29.6366 17.201 29.7439 17.179 29.8515 17.1855C30.102 17.1855 30.267 17.283 30.387 17.46C30.4662 17.5954 30.5101 17.7487 30.5145 17.9055ZM15.195 17.9055H13.83C13.8487 17.7476 13.9014 17.5956 13.9845 17.46C14.0436 17.3702 14.1253 17.2975 14.2214 17.2493C14.3176 17.2011 14.4247 17.1791 14.532 17.1855C14.7825 17.1855 14.949 17.283 15.0675 17.46C15.1463 17.5956 15.1901 17.7487 15.195 17.9055ZM10.257 19.254C9.867 19.2765 9.6945 19.143 9.696 19.143C9.65195 19.1143 9.6146 19.0764 9.5865 19.032C9.54328 18.957 9.52295 18.8709 9.528 18.7845C9.528 18.6195 9.585 18.4995 9.699 18.42C9.699 18.42 9.864 18.2775 10.254 18.2835C10.5285 18.2865 10.773 18.327 10.773 18.327V19.1865C10.773 19.1865 10.53 19.2375 10.257 19.254Z\",\n fill: \"#138ED8\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M19.4175 8.214C17.7795 8.214 16.2975 8.895 15.2325 9.99C14.6325 9.21343 13.8615 8.58566 12.9795 8.1555C12.0943 7.7232 11.1221 7.49899 10.137 7.5C6.597 7.5 3.7275 10.332 3.7275 13.8255C3.7275 14.691 3.906 15.5475 4.254 16.3425C3.41637 16.8272 2.72027 17.5227 2.235 18.36C1.70606 19.2811 1.45489 20.3355 1.51177 21.3962C1.56865 22.4568 1.93116 23.4784 2.55557 24.3376C3.17998 25.1969 4.03964 25.8571 5.03087 26.2388C6.0221 26.6204 7.10258 26.7071 8.142 26.4885C8.56884 27.619 9.33075 28.5923 10.3258 29.278C11.3208 29.9637 12.5016 30.3291 13.71 30.3255C14.8699 30.3287 16.0053 29.992 16.9759 29.357C17.9465 28.722 18.7098 27.8165 19.1715 26.7525C19.8585 27.0855 20.631 27.27 21.447 27.27C23.397 27.27 25.095 26.2095 25.986 24.639C26.439 24.729 26.907 24.7755 27.3885 24.7755C29.2717 24.7779 31.0787 24.0323 32.4123 22.7027C33.7459 21.373 34.4968 19.5682 34.5 17.685C34.4986 16.7523 34.3135 15.829 33.9553 14.9678C33.5971 14.1066 33.0728 13.3244 32.4123 12.6658C31.7518 12.0073 30.968 11.4853 30.1058 11.1296C29.2436 10.774 28.3197 10.5916 27.387 10.593C26.3958 10.591 25.4152 10.797 24.5085 11.1975C24.0002 10.2939 23.261 9.54145 22.3665 9.01724C21.472 8.49303 20.4543 8.21583 19.4175 8.214ZM6.4125 18.972L6.2805 19.338C6.264 19.383 6.2805 19.398 6.2895 19.407L6.294 19.4115C6.3405 19.446 6.387 19.4715 6.435 19.497L6.483 19.524C6.819 19.701 7.137 19.752 7.47 19.752C8.145 19.752 8.5665 19.3965 8.5665 18.8235V18.813C8.5665 18.2835 8.0925 18.09 7.647 17.9505L7.59 17.934C7.254 17.826 6.9645 17.7315 6.9645 17.514V17.502C6.9645 17.316 7.1325 17.178 7.3965 17.178C7.6965 17.184 7.9905 17.259 8.256 17.3955C8.256 17.3955 8.322 17.4375 8.346 17.3745L8.4825 17.0085C8.496 16.974 8.4735 16.9485 8.451 16.9335C8.15573 16.7639 7.82103 16.6749 7.4805 16.6755H7.413C6.7935 16.6755 6.36 17.046 6.36 17.5755V17.5875C6.36 18.147 6.8385 18.3285 7.284 18.453L7.356 18.477C7.6815 18.5745 7.9635 18.66 7.9635 18.8865V18.897C7.9635 19.1055 7.7805 19.2585 7.4865 19.2585C7.3725 19.2585 7.008 19.257 6.615 19.011C6.588 18.996 6.57 18.9825 6.5505 18.9705C6.53473 18.9601 6.51872 18.9501 6.5025 18.9405C6.483 18.93 6.435 18.9105 6.4125 18.972ZM16.323 18.972L16.1895 19.338C16.173 19.383 16.1895 19.398 16.1985 19.407L16.2045 19.4115C16.2495 19.446 16.2975 19.4715 16.344 19.497L16.392 19.524C16.728 19.701 17.046 19.752 17.379 19.752C18.0555 19.752 18.477 19.3965 18.477 18.8235V18.813C18.477 18.2835 18.0015 18.09 17.5575 17.9505L17.499 17.934C17.163 17.826 16.8735 17.7315 16.8735 17.514V17.502C16.8735 17.316 17.043 17.178 17.3055 17.178C17.6055 17.184 17.8995 17.259 18.1665 17.3955C18.1665 17.3955 18.231 17.4375 18.2565 17.3745L18.393 17.0085C18.4065 16.974 18.3825 16.9485 18.3615 16.9335C18.0657 16.7638 17.7305 16.6748 17.3895 16.6755H17.322C16.7025 16.6755 16.2705 17.046 16.2705 17.5755V17.5875C16.2705 18.147 16.7475 18.3285 17.1945 18.453L17.2665 18.477C17.592 18.5745 17.874 18.66 17.874 18.8865V18.897C17.874 19.1055 17.6895 19.2585 17.397 19.2585C17.0592 19.2619 16.7288 19.1596 16.452 18.966L16.4115 18.942C16.3995 18.9345 16.3425 18.912 16.323 18.972ZM23.6025 18.216C23.6025 18.0015 23.5755 17.8005 23.52 17.616C23.4722 17.4383 23.3855 17.2735 23.2661 17.1334C23.1468 16.9933 22.9978 16.8815 22.83 16.806C22.6391 16.7224 22.4323 16.6815 22.224 16.686C22.0157 16.6815 21.8089 16.7224 21.618 16.806C21.4501 16.8814 21.3011 16.9932 21.1817 17.1333C21.0624 17.2734 20.9757 17.4383 20.928 17.616C20.8709 17.8108 20.8426 18.013 20.844 18.216C20.8425 18.4185 20.8695 18.621 20.9265 18.816C20.9732 18.994 21.0596 19.1592 21.179 19.2992C21.2985 19.4392 21.448 19.5504 21.6165 19.6245C21.8083 19.7065 22.0155 19.7464 22.224 19.7415C22.4315 19.7459 22.6376 19.706 22.8285 19.6245C22.9974 19.5504 23.1473 19.439 23.2671 19.2988C23.3868 19.1585 23.4733 18.9929 23.52 18.8145C23.5755 18.6315 23.6025 18.4305 23.6025 18.2145V18.216ZM28.299 19.533L28.161 19.1535C28.1415 19.0995 28.089 19.119 28.089 19.119C28.0044 19.1533 27.9164 19.1785 27.8265 19.194C27.732 19.209 27.627 19.2165 27.516 19.2165C27.3978 19.2226 27.2796 19.2045 27.1687 19.1632C27.0577 19.122 26.9564 19.0584 26.871 18.9765C26.7135 18.8175 26.625 18.561 26.6265 18.2145C26.6265 17.8965 26.706 17.6595 26.844 17.478C26.9805 17.298 27.192 17.2065 27.471 17.2065C27.7035 17.2065 27.882 17.232 28.068 17.2905C28.068 17.2905 28.113 17.3085 28.134 17.2515L28.1835 17.115L28.2735 16.8705C28.2885 16.8255 28.251 16.809 28.2375 16.8045C27.98 16.7161 27.7087 16.6744 27.4365 16.6815C27.1995 16.6815 26.9865 16.722 26.8065 16.8015C26.6338 16.876 26.4792 16.987 26.3534 17.1268C26.2276 17.2666 26.1335 17.4319 26.0775 17.6115C26.0143 17.8062 25.9829 18.0098 25.9845 18.2145C25.9845 18.6765 26.112 19.05 26.3595 19.3245C26.6115 19.6005 26.9865 19.74 27.477 19.74C27.765 19.74 28.062 19.68 28.2765 19.599C28.2765 19.599 28.317 19.5795 28.299 19.533ZM31.1085 18.318C31.1175 18.261 31.1685 17.9115 31.0515 17.511C31.0031 17.3475 30.9197 17.1965 30.807 17.0685C30.7057 16.9529 30.5816 16.8594 30.4425 16.794C30.2696 16.7214 30.084 16.6841 29.8965 16.6845C29.6565 16.6845 29.439 16.725 29.2635 16.806C29.093 16.8825 28.9417 16.9962 28.8208 17.1386C28.6998 17.2811 28.6123 17.4488 28.5645 17.6295C28.5074 17.8254 28.4791 18.0285 28.4805 18.2325C28.4805 18.4365 28.509 18.6405 28.5675 18.8355C28.6239 19.0175 28.7216 19.1839 28.853 19.3219C28.9844 19.4598 29.146 19.5654 29.325 19.6305C29.5185 19.7055 29.7525 19.743 30.0195 19.7415C30.573 19.7415 30.864 19.6185 30.984 19.5525C31.005 19.5405 31.0245 19.521 30.999 19.4625L30.8745 19.1175C30.855 19.065 30.8025 19.083 30.8025 19.083C30.79 19.0879 30.7775 19.0929 30.765 19.098C30.6285 19.149 30.4305 19.224 30.018 19.2225C29.721 19.2225 29.5005 19.1355 29.3625 19.0005C29.2215 18.8625 29.1525 18.66 29.1405 18.372L31.053 18.3735C31.053 18.3735 31.104 18.3735 31.1085 18.324V18.318ZM15.7905 18.318C15.7995 18.261 15.849 17.913 15.732 17.511C15.686 17.3559 15.6082 17.2121 15.5036 17.0886C15.399 16.9652 15.2699 16.8649 15.1245 16.794C14.9512 16.7212 14.765 16.684 14.577 16.6845C14.3602 16.6793 14.1449 16.7208 13.9455 16.806C13.7752 16.8829 13.6242 16.9966 13.5033 17.139C13.3824 17.2815 13.2947 17.449 13.2465 17.6295C13.1896 17.8254 13.1613 18.0285 13.1625 18.2325C13.1595 18.4365 13.1895 18.6405 13.2495 18.8355C13.3035 19.0155 13.3995 19.179 13.5255 19.3155C13.6605 19.4565 13.8255 19.5645 14.007 19.6305C14.199 19.7055 14.433 19.743 14.7015 19.7415C15.2535 19.7415 15.5445 19.6185 15.6645 19.5525C15.6855 19.5405 15.7065 19.521 15.681 19.4625L15.5565 19.1175C15.537 19.065 15.4845 19.083 15.4845 19.083L15.447 19.098C15.312 19.149 15.1125 19.224 14.6985 19.2225C14.4015 19.2225 14.1825 19.1355 14.0445 19.0005C13.9035 18.8625 13.8345 18.66 13.821 18.372L15.735 18.3735C15.735 18.3735 15.7845 18.3735 15.7905 18.324V18.318ZM10.773 17.853C10.608 17.829 10.458 17.8155 10.458 17.8155C10.3581 17.8088 10.2581 17.8058 10.158 17.8065C9.9945 17.8065 9.837 17.8275 9.687 17.8665C9.54422 17.9034 9.40913 17.9654 9.288 18.0495C9.17269 18.1307 9.07771 18.2375 9.0105 18.3615C8.94072 18.4957 8.90565 18.6453 8.9085 18.7965C8.9085 18.9645 8.9385 19.11 8.997 19.2285C9.05406 19.3462 9.13966 19.4478 9.246 19.524C9.36346 19.6052 9.49611 19.6618 9.636 19.6905C9.786 19.725 9.9555 19.7415 10.1415 19.7415C10.3365 19.7415 10.5315 19.7265 10.722 19.695C10.911 19.6635 11.142 19.617 11.205 19.602L11.3385 19.5675C11.3865 19.557 11.3835 19.5075 11.3835 19.5075L11.3805 17.778C11.3805 17.3985 11.2785 17.118 11.0775 16.9425C10.8765 16.77 10.581 16.6815 10.1985 16.6815C10.0265 16.6832 9.85497 16.6987 9.6855 16.728C9.6855 16.728 9.2685 16.809 9.096 16.941C9.096 16.941 9.0585 16.965 9.081 17.016L9.216 17.376C9.231 17.4225 9.2775 17.406 9.2775 17.406C9.2775 17.406 9.2925 17.4015 9.3075 17.391C9.6765 17.193 10.143 17.199 10.143 17.199C10.3096 17.1884 10.4752 17.2315 10.6155 17.322C10.7205 17.4015 10.773 17.52 10.773 17.772V17.8515V17.853ZM25.74 17.238C25.7915 17.0996 25.8415 16.9606 25.89 16.821C25.8898 16.8142 25.8882 16.8075 25.8854 16.8013C25.8825 16.7952 25.8785 16.7896 25.8735 16.785C25.8689 16.7799 25.8633 16.7758 25.857 16.773C25.752 16.7445 25.6445 16.7264 25.536 16.719C25.3669 16.7009 25.196 16.7283 25.041 16.7985C24.9166 16.8508 24.8062 16.9314 24.7185 17.034V16.803C24.7187 16.7956 24.7174 16.7882 24.7147 16.7813C24.712 16.7744 24.708 16.7681 24.7028 16.7628C24.6976 16.7575 24.6914 16.7532 24.6846 16.7504C24.6778 16.7475 24.6704 16.746 24.663 16.746H24.174C24.1666 16.746 24.1592 16.7475 24.1524 16.7504C24.1456 16.7532 24.1394 16.7575 24.1342 16.7628C24.129 16.7681 24.125 16.7744 24.1223 16.7813C24.1196 16.7882 24.1183 16.7956 24.1185 16.803V19.623C24.1185 19.6305 24.1185 19.638 24.123 19.644C24.1278 19.6543 24.1354 19.663 24.145 19.6691C24.1546 19.6752 24.1657 19.6784 24.177 19.6785H24.6795C24.687 19.6785 24.6945 19.6785 24.702 19.6755C24.7125 19.671 24.7214 19.6634 24.7276 19.6538C24.7337 19.6442 24.7368 19.6329 24.7365 19.6215V18.2145C24.7365 18.0255 24.759 17.8365 24.801 17.7195C24.8341 17.6145 24.8917 17.5189 24.969 17.4405C25.035 17.3752 25.1158 17.3268 25.2045 17.2995C25.3561 17.2567 25.5161 17.2531 25.6695 17.289C25.7085 17.2935 25.7295 17.271 25.74 17.238ZM21.2025 15.6C21.2175 15.558 21.1815 15.54 21.168 15.534C21.0221 15.4899 20.8704 15.4681 20.718 15.4695C20.373 15.4695 20.1 15.567 19.908 15.7575C19.7175 15.9465 19.5885 16.236 19.524 16.6155L19.5 16.743H19.0665C19.0665 16.743 19.014 16.74 19.002 16.797L18.9315 17.19C18.9255 17.229 18.9435 17.2515 18.993 17.2515H19.416L18.987 19.6185C18.9616 19.7763 18.9235 19.9318 18.873 20.0835C18.8424 20.18 18.7968 20.2711 18.738 20.3535C18.6957 20.4151 18.6347 20.4614 18.564 20.4855C18.4417 20.5245 18.311 20.5297 18.186 20.5005C18.1504 20.4942 18.1156 20.4836 18.0825 20.469C18.0825 20.469 18.033 20.4495 18.0135 20.499L17.871 20.883C17.8575 20.9205 17.877 20.9505 17.901 20.958C18.0463 21.0142 18.2013 21.0407 18.357 21.036C18.5161 21.0384 18.6743 21.0136 18.825 20.9625C18.9613 20.9121 19.0829 20.8286 19.179 20.7195C19.2891 20.5963 19.3738 20.4526 19.428 20.2965C19.503 20.0895 19.5585 19.8765 19.596 19.662L20.0265 17.2515H20.6565C20.6565 17.2515 20.709 17.2545 20.721 17.196L20.7915 16.8045C20.7975 16.767 20.781 16.743 20.7285 16.743H20.118L20.121 16.722C20.1315 16.662 20.16 16.4835 20.2185 16.317C20.2481 16.2404 20.2941 16.1712 20.3535 16.1145C20.3979 16.0697 20.4524 16.0362 20.5125 16.017C20.579 15.9961 20.6483 15.986 20.718 15.987C20.8045 15.9873 20.8904 16.0004 20.973 16.026C21.036 16.0455 21.0435 16.026 21.0555 15.996L21.2025 15.6ZM12.57 19.68C12.6015 19.68 12.624 19.6545 12.624 19.623V15.588C12.624 15.5565 12.6015 15.531 12.57 15.531H12.06C12.0527 15.5312 12.0455 15.5328 12.0389 15.5358C12.0322 15.5388 12.0262 15.543 12.0212 15.5483C12.0162 15.5536 12.0122 15.5598 12.0096 15.5666C12.007 15.5735 12.0058 15.5807 12.006 15.588V19.623C12.006 19.653 12.0285 19.68 12.06 19.68H12.5685H12.57Z\",\n fill: \"#138ED8\"\n})));\nexport default SvgIconSf36;","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCloseWithCircle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 16 16\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#B0BEC5\",\n d: \"M8,6.6l6.3-6.3c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4L9.4,8l6.3,6.3c0.4,0.4,0.4,1,0,1.4c-0.4,0.4-1,0.4-1.4,0L8,9.4l-6.3,6.3c-0.4,0.4-1,0.4-1.4,0c-0.4-0.4-0.4-1,0-1.4L6.6,8L0.3,1.7c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0L8,6.6z\"\n})));\nexport default SvgCloseWithCircle;","\n","import Axios from 'axios';\n\nexport const initAppleSignin = nonce => {\n if (!window.AppleID) return;\n\n window.AppleID.auth.init({\n clientId: 'com.jotform.applesignin',\n scope: 'name email',\n redirectURI: `https://${global.location.host}/API/login/apple`,\n response_type: 'code',\n response_mode: 'form_post',\n nonce,\n usePopup: true\n });\n\n return window.AppleID.auth.signIn();\n};\n\nexport const initFBSignin = () => {\n // https://sentry.io/organizations/jotform/issues/1769596448/?project=4142374\n if (!window.FB) return;\n\n window.FB.init({\n appId: window.FACEBOOK_SIGNON_APP_ID,\n cookie: true,\n xfbml: true,\n version: 'v3.2'\n });\n return window.FB.login;\n};\n\nexport const initGoogleSignin = callback => {\n if (!window.google) return;\n\n const client = window.google.accounts.oauth2.initCodeClient({\n client_id: window.GOOGLE_SIGNON,\n scope: 'openid profile email',\n ux_mode: 'popup',\n cookiepolicy: 'single_host_origin',\n callback: async response => {\n await callback(response);\n }\n });\n\n return client;\n};\n\nexport const initMicrosoftSignin = () => {\n const myMSALObj = new window.msal.PublicClientApplication({\n auth: {\n clientId: window.MICROSOFT_SIGNON_CLIENT_ID,\n redirectUri: `https://${global.location.host}/login-redirect.html`\n }\n });\n return myMSALObj.loginPopup({\n scopes: ['user.read']\n });\n};\n\nexport const initSalesforceSignin = async () => {\n const openPopupWindowCentered = function openPopupWindowCentered(url, windowName, w, h) {\n const x = window.outerWidth / 2 + window.screenX - w / 2;\n const y = window.outerHeight / 2 + window.screenY - h / 2;\n let features = 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=';\n features = features.concat(w, ', height=').concat(h, ', top=').concat(y, ', left=').concat(x);\n return window.open(url, windowName, features);\n };\n\n let popUpWindow = null;\n\n const handleLogin = async () => {\n const response = await Axios.get(`https://${global.location.host}/API/user/salesforce-auth-provider`);\n popUpWindow = openPopupWindowCentered(response.data.content, 'login-flow-salesforce', 600, 680);\n };\n\n await handleLogin();\n\n const data = await new Promise(resolve => {\n window.addEventListener('message', message => {\n if (!message || !message.data) {\n resolve('error');\n }\n\n if (message.data.source === 'jfsalesforce_login') {\n if (popUpWindow) {\n popUpWindow.close();\n }\n\n const res = {\n code: message.data.code,\n token: message.data.token\n };\n resolve(res);\n }\n });\n });\n\n return data;\n};\n\nexport const randomString = length => {\n const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n let text = '';\n for (let i = 0; i < length; i++) {\n text += possible.charAt(Math.floor(Math.random() * possible.length));\n }\n return text;\n};\n\nexport const initGoogleMailSignin = async () => {\n const openPopupWindowCentered = (url, windowName, w, h) => {\n const x = window.outerWidth / 2 + window.screenX - w / 2;\n const y = window.outerHeight / 2 + window.screenY - h / 2;\n const features = `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`;\n return window.open(url, windowName, features);\n };\n\n let popUpWindow = null;\n\n const handleLogin = async () => {\n popUpWindow = openPopupWindowCentered('/api/smtp-oauth2/google.php?startFlow=1', 'smtp-oauth2-google', 600, 680);\n if (!popUpWindow) {\n throw new Error('Pop-up window could not be opened. It might be blocked.');\n }\n };\n\n const handlePostMessage = (event, resolve) => {\n if (event.origin !== window.location.origin) {\n return; // Only accept messages from the same origin\n }\n\n const { data: messageData = '' } = event;\n\n if (!messageData) {\n resolve(new Error('No message data received.'));\n return;\n }\n\n if (messageData?.source === 'smtp_oauth2_google') {\n if (popUpWindow) {\n popUpWindow.close();\n popUpWindow = null;\n }\n\n const res = { authToken: messageData?.authToken };\n resolve(res);\n }\n };\n\n await handleLogin();\n\n const data = await new Promise((resolve, reject) => {\n const listener = event => handlePostMessage(event, resolve);\n\n window.addEventListener('message', listener);\n\n const id = setInterval(() => {\n if (!popUpWindow || popUpWindow.closed) {\n window.removeEventListener('message', listener);\n clearInterval(id);\n }\n }, 500);\n\n setTimeout(() => {\n clearInterval(id);\n window.removeEventListener('message', listener);\n if (popUpWindow && !popUpWindow.closed) {\n popUpWindow.close();\n reject(new Error('Authentication timeout.'));\n }\n }, 60000); // 60 seconds timeout\n });\n\n return data;\n};\n\nexport const initOAuth2MailSignin = async provider => {\n const openPopupWindowCentered = (url, windowName, w, h) => {\n const x = window.outerWidth / 2 + window.screenX - w / 2;\n const y = window.outerHeight / 2 + window.screenY - h / 2;\n const features = `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`;\n return window.open(url, windowName, features);\n };\n\n let popUpWindow = null;\n\n const handleLogin = async () => {\n const url = `/api/smtp-oauth2/${provider === 'google' ? 'google' : 'microsoft'}.php?startFlow=1`;\n popUpWindow = openPopupWindowCentered(url, `smtp-oauth2-${provider}`, 600, 680);\n if (!popUpWindow) {\n throw new Error('Pop-up window could not be opened. It might be blocked.');\n }\n };\n\n const handlePostMessage = (event, resolve) => {\n if (event.origin !== window.location.origin) {\n return; // Only accept messages from the same origin\n }\n\n const { data: messageData = '' } = event;\n\n if (!messageData) {\n resolve(new Error('No message data received.'));\n return;\n }\n\n if (messageData?.source === `smtp_oauth2_${provider}`) {\n if (popUpWindow) {\n popUpWindow.close();\n popUpWindow = null;\n }\n\n const res = { authToken: messageData?.authToken };\n resolve(res);\n }\n };\n\n await handleLogin();\n\n const data = await new Promise((resolve, reject) => {\n const listener = event => handlePostMessage(event, resolve);\n\n window.addEventListener('message', listener);\n\n const id = setInterval(() => {\n if (!popUpWindow || popUpWindow.closed) {\n window.removeEventListener('message', listener);\n clearInterval(id);\n }\n }, 500);\n\n setTimeout(() => {\n clearInterval(id);\n window.removeEventListener('message', listener);\n if (popUpWindow && !popUpWindow.closed) {\n popUpWindow.close();\n reject(new Error('Authentication timeout.'));\n }\n }, 60000); // 60 seconds timeout\n });\n\n return data;\n};\n","/* eslint-disable no-unused-vars */\nimport React, {\n forwardRef, useRef, useEffect\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { IconExclamationCircle } from '@jotforminc/svg-icons';\nimport { useOnClickOutside } from '@jotforminc/hooks';\nimport cx from 'classnames';\nimport { getPortalElement } from '../../utils/helper';\n\nimport Close from '../../assets/close.svg';\nimport '../../styles/ofac-modal.scss';\n\nconst OFACModal = forwardRef(({ isModal, email }, ref) => {\n const innerRef = useRef();\n const actor = email || window.user?.username || window.__formInfo?.username || 'unknown';\n const logger = window.JotFormActions ? new window.JotFormActions('ofacModal') : null;\n\n const unmountModal = () => {\n ReactDOM.unmountComponentAtNode(getPortalElement('ofacModal'));\n };\n\n const onClose = () => {\n logger?.tick({ actor, action: 'close', target: 'ofacSignupModal' });\n unmountModal();\n };\n\n useEffect(() => {\n logger?.tick({ actor, action: 'seen', target: 'ofacSignupModal' });\n }, []);\n\n useOnClickOutside(innerRef, () => unmountModal());\n\n return (\n \n
\n );\n});\n\nOFACModal.propTypes = {\n isModal: PropTypes.bool,\n email: PropTypes.string\n};\n\nOFACModal.defaultProps = {\n isModal: false,\n email: ''\n};\n\nexport default OFACModal;\n","/* eslint-disable no-param-reassign */\nimport React, { createRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport OFACModal from './OFACModal';\nimport { getPortalElement } from '../../utils/helper';\n\nconst openOFACModal = (ref, email) => {\n if (!ref) {\n ref = createRef();\n }\n\n const portalElement = getPortalElement('ofacModal');\n ReactDOM.render(\n {isModal && (\n \n
\n \n
\n \n {t('Sorry, you can’t signup from this country')}\n
\n\n
\n \n {t('We comply with OFAC’s (The Office of Foreign Assets Control) sanctions and under those sanctions, we no longer serve users from your country.')}\n
\n\n {t('Thank you for your interest in Jotform!')}\n
\n\n \n {t('Contact Us')}\n \n
\n \n {showLogoOnSignupOptions && 
}\n {!enterpriseEnv && !hideGreetingMessageOnSignupOptions && ( {\n onNavigationChangeRequest('withoutSignup');\n if (typeof onSkip === 'function') {\n onSkip();\n }\n }}\n >\n {t(Texts.SKIP_CREATE_ACCOUNT)}\n \n ) : null}\n
\n );\n }\n}\n\nSignupOptions.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n thereSocialError: bool,\n onSalesforceLoginClick: func.isRequired,\n onFBLoginClick: func.isRequired,\n onGoogleLoginClick: func.isRequired,\n onMicrosoftLoginClick: func.isRequired,\n onAppleLoginClick: func.isRequired,\n enterpriseLogo: string,\n skippable: bool,\n onSkip: func,\n greetingMessage: string,\n hideGreetingMessageOnSignupOptions: bool,\n showLogoOnSignupOptions: bool,\n greetingDescription: string,\n horizontalSocialButtons: bool,\n squareSocialButtonStyle: bool,\n showFormOnSignupOptions: bool,\n onLoginSuccess: func.isRequired,\n apiURL: string.isRequired,\n signupPredefinedEmail: string,\n disableEmail: bool,\n verificationHash: string,\n productType: string,\n isHIPAA: bool,\n appName: string,\n forceUser: bool,\n includeConfirm: bool,\n shrinkConfirmOnMobile: bool,\n shrinkConfirmHeight: number,\n user: shape(),\n signupButtonText: string,\n buttonNames: shape({\n google: string,\n facebook: string,\n apple: string,\n microsoft: string,\n emailLogin: string,\n emailSignup: string\n }),\n logoSource: string,\n registerMsAbTestAction: func,\n isMsSignupControlVariant: bool,\n isMsSignupTestBVariant: bool,\n isMsSignupTestCVariant: bool,\n areSocialButtonsLoading: bool,\n useSwsoButtons: bool,\n ofacModalRef: object,\n thereErrorMessage: string\n};\n\nSignupOptions.defaultProps = {\n enterpriseLogo: null,\n skippable: false,\n onSkip: f => f,\n greetingMessage: Texts.SIGN_UP_NOW,\n hideGreetingMessageOnSignupOptions: false,\n thereSocialError: false,\n showLogoOnSignupOptions: true,\n greetingDescription: '',\n horizontalSocialButtons: false,\n squareSocialButtonStyle: false,\n showFormOnSignupOptions: false,\n productType: 'form',\n signupPredefinedEmail: '',\n disableEmail: false,\n verificationHash: '',\n isHIPAA: false,\n appName: '',\n forceUser: false,\n includeConfirm: false,\n user: null,\n signupButtonText: Texts.CREATE_MY_ACCOUNT,\n buttonNames: {},\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n logoSource: '',\n registerMsAbTestAction: f => f,\n isMsSignupControlVariant: true,\n isMsSignupTestBVariant: false,\n isMsSignupTestCVariant: false,\n areSocialButtonsLoading: true,\n useSwsoButtons: true,\n ofacModalRef: null,\n thereErrorMessage: Texts.ERROR_TRY_AGAIN\n};\n\nexport default SignupOptions;\n","/* eslint-disable max-len */\nimport { Texts } from '@jotforminc/constants';\n\n// Unusual Signup Flow Texts\nexport const REPORT_UNUSUAL_SIGNUP = 'Report Unusual Signup';\nexport const NOT_CREATE_THIS_ACCOUNT = 'If you didn’t create an account using [1[{email}]], please report this so that we can take the necessary action.';\nexport const REPORT_ACCOUNT = 'Report this account';\nexport const KEEP_ACCOUNT = 'This is my account';\nexport const CONTINUE = 'Continue';\nexport const RECEIVED_RESPONSE = 'We’ve received your report';\nexport const THANKS_FOR_REPORTING = 'Thank you for reporting this. We’ve taken the necessary actions for the account associated with [1[{email}]]. If you need help with anything else, please [2[contact us.]]';\nexport const ERROR_MESSAGE = 'An error occured. Please [1[contact us]].';\n\n// Signup With Login Opts Texts\nexport const TITLE_MESSAGE = 'Sign Up Now';\nexport const DESCRIPTION_MESSAGE = 'Collect information, payments, and signatures with custom online forms';\nexport const SIGN_UP_WITH = 'Sign up with';\nexport const OR = 'OR';\nexport const EMAIL = 'Email';\nexport const BACK = 'Back';\nexport const CONTINUE_SIGNUP = 'Continue Signing Up';\nexport const SIGNING_UP_WITH = 'You’re signing up with [1[{email}]]';\nexport const LOGIN_SESSION_EXPIRED_MESSAGE = 'Login timed out. Please refresh the page and try logging in again.';\n\n// A/B Test: signupOnboardingIV\nexport const OR_SIGN_UP_WITH = 'or sign up with';\nexport const OR_LOGIN_WITH = 'or login with';\nexport const EMAIL_ADDRESS = 'Email address';\nexport const CREATE_ACCOUNT = 'Create Account';\nexport const ENTER_EMAIL_ADDRESS = 'Enter your email address';\nexport const ENTER_FULL_NAME = 'Enter your full name';\n\nexport const errorMessages = {\n tryAgain: Texts.ERROR_TRY_AGAIN,\n required: Texts.FIELD_REQUIRED,\n validEmail: Texts.VALID_EMAIL,\n termsRequired: Texts.AGREE_TERMS_CONDITIONS,\n hipaaPass: {\n minCharCount: Texts.PASS_MIN_CHAR_COUNT,\n includeChars: Texts.PASS_INCL_CHARS,\n differentThanPrev: Texts.PASS_DIFF_PREV\n }\n};\n","/* eslint-disable react/jsx-one-expression-per-line, react/sort-comp */\n\nimport React, { createRef } from 'react';\nimport {\n bool,\n func,\n string,\n shape,\n number,\n object\n} from 'prop-types';\nimport Axios from 'axios';\nimport qs from 'querystring';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { INITIATOR_TYPES, Texts } from '@jotforminc/constants';\nimport {\n listenEnter,\n validateEmail,\n getPossibleTimeZone\n} from '@jotforminc/utils';\n\nimport BackIcon from '../temporary-duplicate/assets/svg/icon_back3.svg';\nimport Password from './Password';\nimport {\n isTurkishLanguage,\n getScreenResolution,\n handleSignupCompletedEvents,\n pushDataLayerEvent\n} from '../utils/loginSignup';\nimport TermsAndConditionsUrls from './TermsAndConditionsUrls';\nimport ErrorAlert from './ErrorAlert';\nimport { openOFACModal } from './OFACModal';\nimport { objToQueryString } from '../utils/helper';\nimport { errorMessages } from '../constants';\nimport { dispatchAction } from '../api';\n\nconst securePasswordTestEnabled = true;\n\nclass SignupWithEmail extends React.Component {\n constructor(props) {\n super(props);\n\n try {\n if (window.opener) {\n this.signUpDefaultName = window.opener.signUpDefaultName || '';\n this.signUpDefaultEmail = window.opener.signUpDefaultEmail || '';\n }\n } catch (error) {\n // eslint-disable-next-line no-console\n console.log('CORS', error);\n }\n\n this.isTurkish = isTurkishLanguage(props.user);\n this.captchaRef = createRef();\n this.state = {\n name: props.signupPredefinedName || this.signUpDefaultName || '',\n email: props.signupPredefinedEmail || this.signUpDefaultEmail || '',\n isAggreedTerms: false,\n isSignupLoading: false,\n screenHeight: window.innerHeight,\n showRecaptcha: false,\n recaptcha: null\n };\n this.emailRef = React.createRef();\n this.passwordRef = React.createRef();\n this.termsRef = React.createRef();\n this.isEnterpriseEnv = isEnterprise();\n this.updateWindowDimensions = this.updateWindowDimensions.bind(this);\n\n // Accessibility validation controls\n this.invalidFieldRefs = {};\n this.invalidFieldFocusOrder = ['email', 'password', 'terms'];\n }\n\n componentDidMount() {\n const { shrinkConfirmOnMobile } = this.props;\n if (shrinkConfirmOnMobile) window.addEventListener('resize', this.updateWindowDimensions);\n }\n\n componentWillUnmount() {\n const { shrinkConfirmOnMobile } = this.props;\n if (shrinkConfirmOnMobile) window.removeEventListener('resize', this.updateWindowDimensions);\n }\n\n handleFieldChange = propName => e => {\n const { value } = e.target;\n const erroredName = `${propName}Error`;\n const showRequiredMessage = propName !== 'name' && !value;\n this.setState({\n [propName]: value,\n [erroredName]: showRequiredMessage ? t(errorMessages.required) : ''\n });\n };\n\n handleTermsChange = () => {\n const { isAggreedTerms, termsError } = this.state;\n this.setState({\n isAggreedTerms: !isAggreedTerms,\n termsError: (termsError && !isAggreedTerms) ? '' : termsError\n });\n };\n\n resetPasswordError = () => {\n this.setState({ passwordError: '', securePassErrors: [] });\n };\n\n setSecurePaswordError = errorCodes => {\n this.setState({ securePassErrors: errorCodes });\n };\n\n callbackConfirmPassError = confirmPassErrorCode => {\n this.setState({ confirmPassErrorCode });\n };\n\n focusFirstInvalidField = () => {\n let firstInvalidFieldByOrder = '';\n this.invalidFieldFocusOrder.forEach(fieldName => {\n if (!firstInvalidFieldByOrder && this.invalidFieldRefs[fieldName]) {\n firstInvalidFieldByOrder = fieldName;\n }\n });\n\n if (firstInvalidFieldByOrder && firstInvalidFieldByOrder === 'password') {\n this.invalidFieldRefs.password.current.inputRef.current.focus();\n } else if (firstInvalidFieldByOrder) {\n this.invalidFieldRefs[firstInvalidFieldByOrder]?.current?.focus();\n }\n this.invalidFieldRefs = {};\n };\n\n makeAllValidations = () => {\n return new Promise(resolve => {\n const {\n isAggreedTerms, email\n } = this.state;\n const nextState = {};\n let emailErrCode = '';\n if (!email) {\n nextState.emailError = t(errorMessages.required);\n emailErrCode = 'emailRequired';\n this.invalidFieldRefs.email = this.emailRef;\n } else if (!validateEmail(email)) {\n nextState.emailError = t(errorMessages.validEmail);\n emailErrCode = 'emailInvalid';\n this.invalidFieldRefs.email = this.emailRef;\n }\n nextState.emailErrorCode = emailErrCode;\n\n if (!this.isEnterpriseEnv && !isAggreedTerms) { // Aytekin's Request, hiding terms on enterprise signup flow.\n nextState.termsError = t(errorMessages.termsRequired);\n this.invalidFieldRefs.terms = this.termsRef;\n }\n\n this.passwordRef.current.validate().then(({ isValid }) => {\n if (!isValid) {\n this.invalidFieldRefs.password = this.passwordRef;\n }\n }).then(() => this.focusFirstInvalidField());\n\n this.setState({\n ...nextState\n }, resolve);\n }).then(() => this.passwordRef.current.validate());\n };\n\n handleKeyDown = e => listenEnter(e, this.handleSubmit);\n\n handleCaptchaSubmit = hash => {\n if (!hash) {\n dispatchAction({\n actor: window?.user?.username || window?.__formInfo?.username || 'unknown',\n target: 'swe',\n action: 'captcha-expired'\n });\n return this.setState({ isSignupLoading: false });\n }\n\n this.setState({\n recaptcha: hash\n });\n\n dispatchAction({\n actor: window?.user?.username || window?.__formInfo?.username || 'unknown',\n target: 'swe',\n action: 'captcha-passed'\n });\n };\n\n forceUserSignup = async (name, email, password, isAggreedTerms, recaptcha) => {\n const {\n onLoginSuccess,\n appName,\n buttonNames,\n changeActiveScreen,\n builderShowSlides\n } = this.props;\n\n const defaultButtonName = appName ? `emailSignup-${appName}` : '';\n const buttonName = buttonNames.emailSignup ? buttonNames.emailSignup : defaultButtonName;\n\n try {\n const response = await Axios.post(\n '/server.php',\n qs.stringify({\n action: 'registerNewUser',\n email,\n password,\n name,\n timezone: getPossibleTimeZone(),\n screen_resolution: getScreenResolution(),\n location: global.location.pathname,\n username: '',\n button_name: buttonName,\n ref_app: appName,\n return: 1,\n isAgreedTerms: isAggreedTerms ? '1' : '0',\n recaptcha\n }),\n {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }\n );\n\n if (response.status === 200) {\n handleSignupCompletedEvents(response.data.user.username);\n response.data.newUser = true;\n onLoginSuccess(response, true);\n } else {\n this.setState({\n emailError: t('Something went wrong'),\n isSignupLoading: false,\n passwordError: ''\n });\n }\n } catch (error) {\n const { response: { data: { error: message, error_type: errorType } = {} } = {} } = error;\n const hasPasswordWarning = message.includes('PasswordWarning::');\n if (message && securePasswordTestEnabled && (hasPasswordWarning || errorType === 'password')) {\n const removedErrorCode = hasPasswordWarning ? message.replace('PasswordWarning::', '') : message;\n this.setState({\n passwordError: t(removedErrorCode),\n isSignupLoading: false\n });\n } else {\n if (this.captchaRef) {\n this.captchaRef.current?.reset();\n }\n\n if (message === \"Sorry, you can't signup from this country.\") {\n builderShowSlides(false);\n changeActiveScreen('ofacModal');\n }\n\n if (message === 'REQUIRE_CAPTCHA') {\n dispatchAction({\n actor: window?.user?.username || window?.__formInfo?.username || 'unknown',\n target: 'swe',\n action: 'captcha-required'\n });\n return this.setState({\n isSignupLoading: false,\n showRecaptcha: true\n });\n }\n\n this.setState({\n emailError: t(message || 'Something went wrong, please try again.'),\n isSignupLoading: false,\n passwordError: ''\n });\n }\n }\n };\n\n handleSubmit = e => {\n if (e) {\n e.preventDefault();\n }\n\n pushDataLayerEvent({\n event: 'Signup',\n eventAction: 'Click'\n });\n\n const {\n name, email, isAggreedTerms, recaptcha\n } = this.state;\n const {\n apiURL,\n forceUser,\n isHIPAA,\n onLoginSuccess,\n signupPredefinedEmail,\n verificationHash,\n ofacModalRef\n } = this.props;\n\n this.handleFieldChange('name')({ target: { value: name } });\n // eslint-disable-next-line complexity\n this.makeAllValidations().then(({ isValid: isPasswordValid, password }) => {\n if (securePasswordTestEnabled) {\n const {\n emailError, emailErrorCode, termsError, confirmPassErrorCode, securePassErrors\n } = this.state;\n const currentErrors = [\n { emailError: emailError !== '' ? emailErrorCode : '' },\n { termsError: (termsError !== '' && termsError) ? 'termsRequired' : '' },\n { confirmPassErrorCode }\n ];\n securePassErrors.forEach(errCode => {\n currentErrors.push({ passwordError: errCode });\n });\n currentErrors.forEach(type => {\n const errObj = Object.entries(type)[0];\n if (errObj[1] && errObj[1] !== '') {\n if (typeof window.JotFormActions === 'function') {\n const actor = window?.user?.username || window?.__formInfo?.username || 'unknown';\n const logger = new window.JotFormActions('strongPasswordonSignupsWithNew');\n logger.tick({ actor, action: 'signUpClick', target: errObj[1] });\n }\n }\n });\n }\n\n if (!isPasswordValid) return;\n\n const errorProps = ['emailError', 'nameError', 'termsError'];\n const firstError = errorProps.find(errorProp => {\n // eslint-disable-next-line react/destructuring-assignment\n const error = this.state[errorProp];\n return !!error;\n });\n if (firstError || !isPasswordValid) {\n this.setState({ isSignupLoading: false });\n return;\n }\n this.setState({ isSignupLoading: true });\n if (forceUser) {\n this.forceUserSignup(name, email, password, isAggreedTerms, recaptcha);\n } else if (signupPredefinedEmail && verificationHash) { // TODO: need another prop\n Axios.post(\n `${apiURL}/formuser/pretendCreate?master=1`,\n qs.stringify({\n email,\n password,\n name,\n isAgreedTerms: isAggreedTerms ? '1' : '0',\n hash: verificationHash,\n isHIPAA: isHIPAA ? '1' : ''\n }),\n {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }\n ).then(({ data: resp }) => {\n if (resp && resp.responseCode === 200) {\n onLoginSuccess(resp);\n } else if (resp && resp.errorType) {\n if (resp.errorType === 'E_TYPE_EMAIL') {\n this.setState({ emailError: resp.message });\n }\n\n if (resp?.message === \"Sorry, you can't signup from this country.\") {\n openOFACModal(ofacModalRef, email);\n }\n\n this.setState({ isSignupLoading: false });\n } else if (resp && typeof resp.message === 'string') {\n if (resp?.message?.includes('Name')) {\n return this.setState({ nameError: resp?.message?.trim(), isSignupLoading: false });\n }\n\n // Shitty error handling\n // we need to change api's error results to human readable format.\n const splitted = resp.message.split('-');\n const lastPart = splitted[splitted.length - 1];\n this.setState({ emailError: lastPart.trim(), isSignupLoading: false });\n }\n });\n } else {\n const {\n productType, appName, redirectURL: redirectUrl, initiator\n } = this.props;\n const isProductForm = productType === 'form' ? '1' : '0';\n const encodedEmail = encodeURIComponent(email);\n const encodedPw = encodeURIComponent(password);\n const queryParamsObj = {\n email: encodedEmail,\n password: encodedPw,\n confirm_password: encodedPw,\n disablePasswordConstraints: '1',\n name,\n sendVerification: isProductForm,\n ...(isHIPAA) && { isHIPAA: '1' },\n ...(appName === 'portal-apps' && window) && { jotform_pwa: '1', referrerURL: window.location.href },\n ...(redirectUrl && window) && { redirectUrl },\n ...(initiator && { initiator }),\n saclSignup: initiator === INITIATOR_TYPES.SACL,\n isAgreedTerms: isAggreedTerms ? '1' : '0'\n };\n Axios.post(`${apiURL}/formuser/register?master=1`,\n objToQueryString(queryParamsObj),\n {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }).then(({ data: resp }) => {\n if (resp && resp.responseCode === 200) {\n const { content: user } = resp;\n if (window?.JFAppsManager?.isOpenedInPortal()) {\n window.JFAppsManager.userChanged(user);\n }\n\n onLoginSuccess(resp);\n } else if (resp && resp.errorType) {\n if (resp.errorType === 'E_TYPE_EMAIL') {\n let newRespMessage = (resp.message.split(':'));\n newRespMessage = t(`${newRespMessage[0]}${newRespMessage[1] ? ':' : ''}`).concat(newRespMessage[1] ? newRespMessage[1] : '').toString();\n this.setState({ emailError: newRespMessage });\n }\n\n if (resp?.message === \"Sorry, you can't signup from this country.\") {\n openOFACModal(ofacModalRef, email);\n }\n\n this.setState({ isSignupLoading: false });\n }\n });\n }\n });\n };\n\n updateWindowDimensions() {\n this.setState({ screenHeight: window.innerHeight });\n }\n\n // eslint-disable-next-line complexity\n render() {\n const {\n onNavigationChangeRequest, isHIPAA, enforceHIPAARuleSet, includeConfirm, signupButtonText, greetingMessageOnSignupWithEmail,\n showLogoOnSignupWithEmail, shrinkConfirmOnMobile, shrinkConfirmHeight, disableEmail, isSwsoTestVariant, initiator\n } = this.props;\n const {\n email, name, emailError, nameError, isAggreedTerms, termsError, isSignupLoading, screenHeight, passwordError, showRecaptcha\n } = this.state;\n\n const jfLogoSource = 'https://cdn.jotfor.ms/assets/img/v4/logo-branding21.png';\n\n const showLoginWarningOption = (this.isEnterpriseEnv && emailError === Texts.EMAIL_ERROR_ENTERPRISE) || emailError === Texts.EMAIL_ERROR;\n\n return (\n \n );\n }\n}\n\nSignupWithEmail.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n onLoginSuccess: func.isRequired,\n apiURL: string.isRequired,\n signupPredefinedEmail: string,\n signupPredefinedName: string,\n disableEmail: bool,\n verificationHash: string,\n productType: string,\n // resourceID: string,\n isHIPAA: bool,\n enforceHIPAARuleSet: bool,\n appName: string,\n forceUser: bool,\n includeConfirm: bool,\n shrinkConfirmOnMobile: bool,\n shrinkConfirmHeight: number,\n user: shape(),\n signupButtonText: string,\n greetingMessageOnSignupWithEmail: string,\n showLogoOnSignupWithEmail: bool,\n buttonNames: shape({\n google: string,\n facebook: string,\n apple: string,\n emailLogin: string,\n emailSignup: string\n }),\n changeActiveScreen: func,\n ofacModalRef: object,\n builderShowSlides: func,\n redirectURL: string,\n initiator: string,\n isSwsoTestVariant: bool\n};\n\nSignupWithEmail.defaultProps = {\n productType: 'form',\n // resourceID: '',\n signupPredefinedEmail: '',\n signupPredefinedName: '',\n disableEmail: false,\n verificationHash: '',\n isHIPAA: false,\n enforceHIPAARuleSet: false,\n appName: '',\n forceUser: false,\n includeConfirm: false,\n user: null,\n signupButtonText: Texts.CREATE_MY_ACCOUNT,\n greetingMessageOnSignupWithEmail: Texts.SIGN_UP_EMAIL,\n showLogoOnSignupWithEmail: false,\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n buttonNames: {},\n changeActiveScreen: f => f,\n ofacModalRef: null,\n builderShowSlides: f => f,\n redirectURL: '',\n initiator: '',\n isSwsoTestVariant: false\n};\n\nexport default SignupWithEmail;\n","function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgOneloginLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M2 15.993C2 8.267 8.277 2 16 2c7.736 0 14 6.267 14 13.993C30 23.733 23.736 30 16 30S2 23.733 2 15.993Zm15.685 5.361c.265 0 .403-.138.403-.402h-.013v-9.06c0-.19-.063-.328-.327-.328h-4.905c-.264 0-.403.138-.403.403v2.516c0 .265.139.403.403.403h1.924v6.066c0 .264.139.402.403.402h2.515Z\",\n fill: \"#1C1F2A\",\n style: {\n mixBlendMode: \"darken\"\n }\n}));\nexport default SvgOneloginLogoIcon;","function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgPrivateLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M7.75 26.5a6.752 6.752 0 0 1-2.24-13.12c-.005-.127-.01-.254-.01-.38 0-4.144 3.356-7.5 7.5-7.5 2.78 0 5.203 1.509 6.502 3.759A4.477 4.477 0 0 1 22 8.499a4.501 4.501 0 0 1 4.2 6.122A6 6 0 0 1 25 26.5H7.75Zm2.25-11a4 4 0 0 0 4.537 3.963c.29-.038.434-.058.526-.045a.568.568 0 0 1 .23.078c.082.045.161.125.32.284l3.407 3.407c.116.115.173.173.24.214.06.037.125.064.193.08.077.018.159.018.322.018h1.158c.373 0 .56 0 .703-.072a.666.666 0 0 0 .29-.291c.074-.143.074-.33.074-.703v-1.158c0-.163 0-.245-.019-.322a.665.665 0 0 0-.08-.192c-.04-.068-.099-.125-.214-.24l-3.407-3.408c-.159-.159-.239-.238-.284-.32a.568.568 0 0 1-.078-.23c-.013-.092.007-.236.046-.526A4 4 0 1 0 10 15.5Zm2.666 0a1.333 1.333 0 1 0 2.667 0 1.333 1.333 0 0 0-2.667 0Z\",\n fill: \"#6C73A8\",\n style: {\n mixBlendMode: \"darken\"\n }\n}));\nexport default SvgPrivateLogoIcon;","import auth0 from './auth0-logo-icon.svg';\nimport azurad from './azure-logo-icon.svg';\nimport google from './google-logo-icon.svg';\nimport windowsad from './microsoft-logo-icon.svg';\nimport okta from './okta-logo-icon.svg';\nimport onelogin from './onelogin-logo-icon.svg';\nimport custom from './private-logo-icon.svg';\n\nexport const idpLogos = {\n auth0,\n azurad,\n google,\n windowsad,\n okta,\n onelogin,\n custom\n};\n","/* eslint-disable @jotforminc/no-native-button */\nimport React from 'react';\nimport '../styles/ssoLoginOptions.scss';\n\nimport { t } from '@jotforminc/translation';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { Texts, INITIATOR_TYPES } from '@jotforminc/constants';\nimport classNames from 'classnames';\nimport {\n arrayOf,\n bool,\n func,\n shape,\n string\n} from 'prop-types';\nimport { fetchUser } from '../api';\nimport { idpLogos } from '../assets/idp-icons/icons';\n\nconst openPopupWindowCentered = (url, windowName, w, h) => {\n const x = window.outerWidth / 2 + window.screenX - w / 2;\n const y = window.outerHeight / 2 + window.screenY - h / 2;\n let features = 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=';\n features = features.concat(w, ', height=').concat(h, ', top=').concat(y, ', left=').concat(x);\n return handleCustomNavigation(url, windowName, true, features);\n};\n\n/**\n * Get the logo of the IDP provider.\n */\nconst getIdpLogo = idpName => {\n if (Object.prototype.hasOwnProperty.call(idpLogos, idpName)) {\n return idpLogos[idpName];\n }\n return idpLogos.custom;\n};\n\n/**\n * SSO login success redirection for popup flows\n */\nconst SUCCESS_REDIRECT = encodeURIComponent('/sso/login-success.html');\n\nconst SSOLoginOptions = ({\n initiator,\n ssoLoginOptions,\n onSSOLoginSuccess,\n onSSOLoginFail,\n hideDivider\n}) => {\n const compact = ssoLoginOptions.length > 1;\n\n const onSSOLoginClick = configKey => () => {\n const currentPage = encodeURIComponent(window.location.href);\n const url = `${window.location.origin}/sso?SSOConfigKey=${configKey || ''}`;\n\n if (initiator === INITIATOR_TYPES.SACL) {\n const loginPopup = openPopupWindowCentered(`${url}&rp=${SUCCESS_REDIRECT}`, 'loginPopup', 400, 500);\n\n const id = setInterval(() => {\n try {\n if (loginPopup.closed) {\n clearInterval(id);\n fetchUser().then(result => {\n if (result?.content?.account_type?.name === 'GUEST') {\n // Fail state, weird check because Form User may not have\n // account_type. If a downstream issue occurs in the SSO\n // service provider the login will fail.\n onSSOLoginFail();\n } else {\n // Success state\n onSSOLoginSuccess(result);\n }\n }).catch(() => {\n onSSOLoginFail();\n });\n }\n } catch (error) {\n // mainly for CORS errors\n }\n }, 500);\n } else {\n handleCustomNavigation(`${url}&rp=${currentPage}`, '_self', true);\n }\n };\n\n return (\n <>\n {compact && {t(greetingMessage)}
)}\n {Boolean(greetingDescription) && ({t(greetingDescription)}
)}\n { (false && shouldShowBonusSignupBox) &&\n {!enterpriseEnv\n && (\n <>\n onNavigationChangeRequest('signupWithEmail')}\n type=\"button\"\n id=\"signup-with-email\"\n >\n { squareSocialButtonStyle ?
\n {!showFormOnSignupOptions ? (\n \n {/* TODO: enable areSocialButtonsLoading flag to prevent flick effect */}\n {/* loading */}\n {areSocialButtonsLoading && (\n {\n onGoogleLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'googleSignupButton' });\n }}\n text={isMobileTexts\n ? t(Texts.SIGN_UP_GOOGLE)\n : t(Texts.SIGN_UP_GOOGLE_MOBILE)}\n />\n {\n onFBLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'facebookSignupButton' });\n }}\n text={isMobileTexts\n ? t(Texts.SIGN_UP_FACEBOOK)\n : t(Texts.SIGN_UP_FACEBOOK_MOBILE)}\n />\n \n )}\n {/* test variants */}\n {useSwsoButtons && (\n
\n {thereSocialError\n && (\n \n
\n )}\n {/* control variant */}\n {!areSocialButtonsLoading && squareSocialButtonStyle && isMsSignupControlVariant && (\n \n {\n onSalesforceLoginClick();\n salesforceSocialLoginLogger({ action: 'click', target: 'salesforce-signup-button' });\n // registerMsAbTestAction({ action: 'click', target: 'salesforceSignupButton' });\n }}\n text={isMobileTexts\n ? t(Texts.SIGN_UP_SALESFORCE)\n : t(Texts.SIGN_UP_SALESFORCE_MOBILE)}\n />\n
\n )}\n {!areSocialButtonsLoading && !squareSocialButtonStyle && isMsSignupControlVariant && (\n <>\n \n
\n )}\n {!areSocialButtonsLoading && !isMsSignupControlVariant && !useSwsoButtons && (\n \n {\n onGoogleLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'googleSignupButton' });\n }}\n />\n {\n onMicrosoftLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'microsoftSignupButton' });\n }}\n />\n {!isMsSignupTestBVariant\n && (\n {\n onFBLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'facebookSignupButton' });\n }}\n />\n )}\n
\n )}\n \n {t(errorNormalizer(thereErrorMessage))}\n
\n )}\n {t(Texts.OR_KEY)}
\n \n )}\n {!showFormOnSignupOptions ? (\n \n {t(Texts.ALREADY_HAVE_ACCOUNT)}\n onNavigationChangeRequest('loginOptions')}\n id=\"login-link\"\n >\n {t(Texts.LOGIN_TEXT)}\n \n
\n ) : null}\n {skippable ? (\n {t('Log in with')}
}\n- \n {ssoLoginOptions.map(({ name, configKey, idpName }) => {\n const IDPLogo = getIdpLogo(idpName);\n return (\n
- \n
\n {\n compact ? (\n {name}\n ) : (\n \n {t('Log in with')}\n {name}\n \n )\n }\n \n \n );\n })}\n
\n {t(Texts.OR_KEY)}\n
\n )}\n \n );\n};\n\nSSOLoginOptions.propTypes = {\n initiator: string.isRequired,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })).isRequired,\n onSSOLoginSuccess: func.isRequired,\n onSSOLoginFail: func.isRequired,\n hideDivider: bool\n};\n\nSSOLoginOptions.defaultProps = {\n hideDivider: false\n};\n\nexport default SSOLoginOptions;\n","/* eslint-disable @jotforminc/no-native-button */\n/* eslint-disable complexity,react/sort-comp */\nimport React, { Component } from 'react';\nimport {\n bool,\n string,\n func,\n arrayOf,\n shape\n} from 'prop-types';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport classNames from 'classnames';\nimport { t } from '@jotforminc/translation';\nimport { RequestLayer, Interceptors, getAPIURL } from '@jotforminc/request-layer';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { INITIATOR_TYPES, Texts } from '@jotforminc/constants';\nimport { listenEnter, getUrlParameter, handleCustomNavigation } from '@jotforminc/utils';\n\nimport BackIcon from '../temporary-duplicate/assets/svg/icon_back.svg';\nimport ErrorAlert from './ErrorAlert';\nimport SocialButtons from './SocialButtons';\nimport FacebookButton from './FacebookButton';\nimport GoogleButton from './GoogleButton';\nimport MicrosoftButton from './MicrosoftButton';\nimport { errorNormalizer } from '../utils/helper';\nimport SSOLoginOptions from './SSOLoginOptions';\nimport { EMAIL_ADDRESS, ENTER_EMAIL_ADDRESS, OR_LOGIN_WITH } from '../constants';\n\nconst invalidInputText = Texts.FIELD_REQUIRED;\nconst invalidEmailInputText = Texts.EMAIL_FIELD_REQUIRED;\nconst invalidPassInputText = Texts.PASS_FIELD_REQUIRED;\nconst userIsSSOError = Texts.USER_IS_SSO_ERROR;\nconst unexpectedErrorText = Texts.ERROR_TRY_AGAIN;\n\nexport default class LoginOptions extends Component {\n constructor(props) {\n super(props);\n this.isEnterprise = isEnterprise();\n const emailParam = getUrlParameter('username');\n const skipEmailVerification = getUrlParameter('skipEmailVerification');\n const { ssoLoginOptions } = props;\n this.state = {\n email: (!emailParam || emailParam === '') ? props.loginPredefinedEmail : emailParam,\n pass: '',\n emailValid: true,\n ssoErrorMessage: '',\n passValid: true,\n loginErrorMsg: '',\n recaptcha: false,\n isLoginLoading: false,\n showSalesforceLogin: false,\n isSSOControlStep: this.isEnterprise && ssoLoginOptions.length > 0 && !skipEmailVerification,\n isSSOControlLoading: false\n };\n this.layer = new RequestLayer(getAPIURL(), {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n });\n\n this.socialLoginParams = {\n facebook: getUrlParameter('facebook') === '1',\n google: getUrlParameter('google') === '1',\n microsoft: getUrlParameter('microsoft') === '1'\n };\n\n this.emailInputRef = React.createRef();\n this.passInputRef = React.createRef();\n }\n\n componentDidMount() {\n const { registerMsAbTestAction, isOnboardingFlow } = this.props;\n if (!isOnboardingFlow && window.innerWidth > 480) {\n this.emailInputRef.current?.focus();\n }\n registerMsAbTestAction({ action: 'seen', target: 'loginOptions' });\n\n this.setState({\n showSalesforceLogin: !this.isEnterprise\n });\n }\n\n componentDidUpdate(prevProps) {\n const { externalErrorMessage } = this.props;\n\n if (externalErrorMessage !== prevProps.externalErrorMessage && this.isEnterprise) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({\n loginErrorMsg: externalErrorMessage\n });\n }\n }\n\n /**\n * TODO: This is temp solution.\n * For more information please contact the commit owner.\n */\n get showForgotPassword() {\n const {\n isSSOControlStep\n } = this.state;\n\n return !isSSOControlStep;\n }\n\n validate = input => {\n const { [input]: value } = this.state;\n this.setState({\n [`${input}Valid`]: !!value // inputs shouldn't be empty\n });\n };\n\n handleInputChange = input => e => {\n const { value } = e.target;\n const { setExternalErrorMessage } = this.props;\n this.setState({ [input]: value }, () => {\n this.validate(input);\n });\n setExternalErrorMessage('');\n this.setState({\n loginErrorMsg: ''\n });\n };\n\n validateAll = async (fields = ['email', 'pass']) => {\n await Promise.all(fields.map(input => {\n return Promise.resolve(this.validate(input));\n }));\n const { emailValid, passValid } = this.state;\n if (!emailValid) {\n this.emailInputRef.current.focus();\n } else if (!passValid) {\n this.passInputRef.current.focus();\n }\n return Promise.resolve(emailValid && passValid);\n };\n\n handleLogin = async (event, recaptcha) => {\n const validationResult = await this.validateAll();\n this.setState({ isLoginLoading: true });\n if (!validationResult) {\n this.setState({ isLoginLoading: false });\n return;\n }\n const { onLoginClick } = this.props;\n const { email, pass } = this.state;\n const [success = true, { message = 'An error occured.', data: { error } = {} } = {}, tfaResponse = false] = await onLoginClick(email, pass, recaptcha) || [];\n\n if (!success && !tfaResponse) {\n this.setState({ isLoginLoading: false });\n const errorMessage = error || message;\n\n if (errorMessage === 'REQUIRE_CAPTCHA') {\n return this.setState({ recaptcha: true });\n }\n\n if (error?.toLowerCase()?.includes('suspended')) {\n return handleCustomNavigation('/account-suspended', '_self', true);\n }\n\n this.setState({\n loginErrorMsg: errorMessage,\n recaptcha: false\n });\n }\n };\n\n /**\n * Check if the user with username/email is an SSO user,\n * if so do not allow them to the password view, if not\n * show the password field.\n */\n handleSSOControl = async () => {\n const validationResult = await this.validateAll(['email']);\n this.setState({\n ssoErrorMessage: '',\n isSSOControlLoading: true\n });\n if (!validationResult) {\n this.setState({ isSSOControlLoading: false });\n return;\n }\n const { email } = this.state;\n const { getUserSSOStatus } = this.props;\n try {\n const { content: { isSSOUser } } = await getUserSSOStatus(email);\n if (isSSOUser) {\n this.setState({\n ssoErrorMessage: userIsSSOError\n });\n } else {\n // Ask the user for a password.\n this.setState({\n isSSOControlStep: false\n });\n }\n } catch (e) {\n if (e.message === 'Rate limit exceeded') {\n // Gracefully degrade and show password\n // if we hit rate limit.\n this.setState({\n isSSOControlStep: false\n });\n } else {\n // Set to an error state.\n // for actual errors.\n this.setState({\n emailValid: false,\n ssoErrorMessage: unexpectedErrorText\n });\n }\n } finally {\n // By this point whether or not we had an error loading\n // has finished.\n this.setState({ isSSOControlLoading: false });\n }\n };\n\n handleKeyDown = e => {\n const {\n isSSOControlStep,\n isLoginLoading,\n isSSOControlLoading\n } = this.state;\n // To avoid users spamming enter.\n const loading = isLoginLoading || isSSOControlLoading;\n if (!loading) {\n return listenEnter(e, isSSOControlStep\n ? this.handleSSOControl\n : this.handleLogin\n );\n }\n };\n\n /**\n * Get the error message to be shown under\n * email/username input, if there is any.\n */\n get emailInputErrorMessage() {\n const {\n isSSOControlStep,\n loginErrorMsg,\n emailValid,\n ssoErrorMessage\n } = this.state;\n if (isSSOControlStep && loginErrorMsg) {\n // Otherwise this would be displayed under password which isn't\n // visible.\n return loginErrorMsg;\n }\n\n if (!emailValid) {\n return t(invalidEmailInputText);\n }\n\n if (ssoErrorMessage) {\n return t(ssoErrorMessage);\n }\n\n return '';\n }\n\n redirectToEnterpriseLogin() {\n try {\n if (window.opener.isSalesforceAdmin) {\n // https://stackoverflow.com/questions/71154547/window-opener-reference-lost-in-firefox\n // eslint-disable-next-line @jotforminc/no-location-href-assignment\n window.location.href = '/platform/auth?registrationType=oauth&client_id=Salesforce&access_type=full&auth_type=login&popup=1&newEnterpriseStarter=1';\n } else {\n // eslint-disable-next-line @jotforminc/no-location-href-assignment\n window.location.href = '/platform/auth?registrationType=oauth&client_id=Salesforce&access_type=full&auth_type=login&popup=1&contactAdminError=1';\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e);\n }\n }\n\n render() {\n const {\n onNavigationChangeRequest,\n onSalesforceLoginClick,\n onGoogleLoginClick,\n onFBLoginClick,\n onMicrosoftLoginClick,\n preventBack,\n thereSocialError,\n thereErrorMessage,\n loginButtonText,\n loginWelcomeText,\n loginDescriptionText,\n onAppleLoginClick,\n hideSignUp,\n greetingDescription,\n registerMsAbTestAction,\n logoSource,\n readonlyEmail,\n showJotformLogo,\n showEnterpriseLogin,\n isSwsoTestVariant,\n forceShowBack,\n initiator,\n ssoLoginOptions,\n onSSOLoginSuccess,\n onSSOLoginFail,\n isOnboardingFlow,\n isOnboardingTestVariantReversed\n } = this.props;\n\n const {\n email,\n pass,\n passValid,\n loginErrorMsg,\n recaptcha,\n isLoginLoading,\n showSalesforceLogin,\n isSSOControlStep,\n isSSOControlLoading\n } = this.state;\n\n const emailErrorMessage = this.emailInputErrorMessage;\n const loginLogoSource = this.isEnterprise ? logoSource : 'https://www.jotform.com/resources/assets/logo-nb/jotform-logo-white-400x100.png';\n const showLogo = (this.isEnterprise && loginLogoSource) || (!this.isEnterprise && showJotformLogo);\n\n const trimmedLoginWelcomeText = loginWelcomeText?.trim?.();\n const trimmedGreetingDescription = greetingDescription?.trim?.();\n const trimmedLoginDescriptionText = loginDescriptionText?.trim?.();\n const descriptionText = trimmedGreetingDescription || trimmedLoginDescriptionText;\n\n return (\n \n {showLogo && 
}\n {trimmedLoginWelcomeText && (
\n );\n }\n}\n\nLoginOptions.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n onSalesforceLoginClick: func.isRequired,\n onGoogleLoginClick: func.isRequired,\n onFBLoginClick: func.isRequired,\n onMicrosoftLoginClick: func.isRequired,\n onAppleLoginClick: func,\n onLoginClick: func.isRequired,\n loginPredefinedEmail: string,\n preventBack: bool,\n thereSocialError: bool,\n externalErrorMessage: string,\n setExternalErrorMessage: func,\n loginButtonText: string,\n loginWelcomeText: string,\n loginDescriptionText: string,\n greetingDescription: string,\n registerMsAbTestAction: func,\n logoSource: string,\n readonlyEmail: bool,\n showJotformLogo: bool,\n showEnterpriseLogin: bool,\n hideSignUp: bool,\n isSwsoTestVariant: bool,\n forceShowBack: bool,\n initiator: string,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })),\n onSSOLoginSuccess: func,\n onSSOLoginFail: func,\n thereErrorMessage: string,\n isOnboardingFlow: bool,\n getUserSSOStatus: func,\n isOnboardingTestVariantReversed: bool\n};\n\nLoginOptions.defaultProps = {\n loginPredefinedEmail: '',\n preventBack: false,\n thereSocialError: false,\n externalErrorMessage: '',\n setExternalErrorMessage: f => f,\n loginButtonText: Texts.LOGIN_CAPITAL,\n loginWelcomeText: Texts.WELCOME_BACK,\n loginDescriptionText: '',\n onAppleLoginClick: f => f,\n greetingDescription: '',\n registerMsAbTestAction: f => f,\n logoSource: '',\n readonlyEmail: false,\n showJotformLogo: false,\n showEnterpriseLogin: false,\n hideSignUp: false,\n isSwsoTestVariant: false,\n forceShowBack: false,\n initiator: '',\n ssoLoginOptions: [],\n onSSOLoginSuccess: f => f,\n onSSOLoginFail: f => f,\n thereErrorMessage: Texts.ERROR_TRY_AGAIN,\n isOnboardingFlow: false,\n getUserSSOStatus: f => f,\n isOnboardingTestVariantReversed: false\n};\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport {\n string,\n arrayOf,\n shape,\n func,\n bool\n} from 'prop-types';\nimport { Texts } from '@jotforminc/constants';\nimport SSOLoginOptions from './SSOLoginOptions';\n\nconst SSOOptions = ({\n logoSource,\n loginWelcomeText,\n greetingDescription,\n loginDescriptionText,\n ssoLoginOptions,\n onSSOLoginSuccess,\n onSSOLoginFail,\n fromSACL\n}) => {\n const showLogo = !!logoSource;\n\n const trimmedLoginWelcomeText = loginWelcomeText?.trim?.();\n const trimmedGreetingDescription = greetingDescription?.trim?.();\n const trimmedLoginDescriptionText = loginDescriptionText?.trim?.();\n const descriptionText = trimmedGreetingDescription || trimmedLoginDescriptionText;\n\n return (\n {t(trimmedLoginWelcomeText)}
)}\n {descriptionText && ({t(descriptionText)}
)}\n\n {!this.isEnterprise\n && (\n <>\n onNavigationChangeRequest(!isSwsoTestVariant ? 'signupOptions' : 'signupWithSocialOpts')}\n type=\"button\"\n >\n
\n \n {t(Texts.LOGIN_WITH)}\n
\n {thereSocialError\n && (\n \n {Object.values(this.socialLoginParams).every(q => q === false) && (\n onFBLoginClick()}\n />\n )}\n {this.socialLoginParams.google && (\n onGoogleLoginClick()}\n />\n )}\n {this.socialLoginParams.microsoft && (\n onMicrosoftLoginClick()}\n />\n )}\n
\n \n {t(errorNormalizer(thereErrorMessage))}\n
\n )}\n {!isOnboardingFlow ? t(Texts.OR_KEY) : t(OR_LOGIN_WITH)}
\n \n )}\n \n {\n ssoLoginOptions.length > 0 && (\n \n {isSSOControlLoading\n ? (\n \n {isLoginLoading\n ? (\n
\n {!preventBack && (\n \n \n
\n {!isSSOControlStep\n && (\n \n {emailErrorMessage}\n
\n \n \n onNavigationChangeRequest('forgotPassword')}\n id=\"forgotPasswordButton\"\n >\n {t(Texts.FORGOT_PASSWORD)}\n \n )}\n {loginErrorMsg ? (\n
\n )}\n\n {recaptcha ? (\n \n {passValid ? null : t(invalidInputText)}\n
\n {!hideSignUp && this.showForgotPassword && (\n \n this.handleLogin(null, recaptcha_)} />\n
\n ) : null}\n\n {isSSOControlStep ? (\n \n \n \n \n
\n )\n : t('Continue')}\n \n ) : (\n \n \n \n \n
\n )\n : t(loginButtonText)}\n \n )}\n {hideSignUp && this.showForgotPassword && (\n \n onNavigationChangeRequest('forgotPassword')}\n id=\"forgotPasswordButton\"\n >\n {t(Texts.FORGOT_PASSWORD)}\n \n
\n )}\n {!isOnboardingFlow && !showEnterpriseLogin && !hideSignUp && (\n \n {t(Texts.DONT_HAVE_ACCOUNT)}\n {\n let upcomingScreen = !isSwsoTestVariant ? 'signupOptions' : 'signupWithSocialOpts';\n if (this.isEnterprise && initiator !== INITIATOR_TYPES.SACL) {\n upcomingScreen = 'signupWithEmail';\n }\n onNavigationChangeRequest(upcomingScreen);\n }}\n >\n {t(Texts.SIGN_UP)}\n \n
\n )}\n {showEnterpriseLogin && (\n \n {t(Texts.ARE_YOU_JOTFORM_ENTERPRISE_USER)}\n this.redirectToEnterpriseLogin()}\n >\n {t(Texts.LOGIN_TO_JOTFORM_ENTERPRISE)}\n \n
\n )}\n \n {showLogo && 
}\n {trimmedLoginWelcomeText && (
\n );\n};\n\nSSOOptions.propTypes = {\n logoSource: string,\n loginWelcomeText: string,\n greetingDescription: string,\n loginDescriptionText: string,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })),\n onSSOLoginSuccess: func,\n onSSOLoginFail: func,\n fromSACL: bool\n};\n\nSSOOptions.defaultProps = {\n logoSource: '',\n loginWelcomeText: '',\n greetingDescription: Texts.WELCOME_BACK,\n loginDescriptionText: '',\n ssoLoginOptions: [],\n onSSOLoginSuccess: f => f,\n onSSOLoginFail: f => f,\n fromSACL: false\n};\n\nexport default SSOOptions;\n","import React, { Component } from 'react';\nimport { string, func, bool } from 'prop-types';\nimport Axios from 'axios';\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\nimport { listenEnter } from '@jotforminc/utils';\nimport cx from 'classnames';\n\nimport { IconChevronLeft } from '@jotforminc/svg-icons';\nimport BackIcon from '../temporary-duplicate/assets/svg/icon_back3.svg';\nimport ErrorAlert from './ErrorAlert';\n\nconst invalidInputText = Texts.FIELD_REQUIRED;\n\nexport default class ForgotPassword extends Component {\n constructor(props) {\n super(props);\n this.state = {\n username: '',\n usernameValid: true,\n resetErrorMessage: ''\n };\n }\n\n handleInputChange = input => e => {\n const { value } = e.target;\n this.setState({ [input]: value }, () => {\n this.validate(input);\n });\n };\n\n handleResetClick = async () => {\n const { onNavigationChangeRequest } = this.props;\n const validationResult = await this.validate('username');\n if (!validationResult) return;\n\n const result = await this.sendEmail()\n .catch(err => {\n // eslint-disable-next-line no-console\n console.error(err);\n this.setState({\n resetErrorMessage: 'An error occurred. Please try again'\n });\n });\n if (result) {\n onNavigationChangeRequest('resetSuccess');\n }\n };\n\n handleKeyDown = e => listenEnter(e, this.handleResetClick);\n\n sendEmail = () => {\n const { apiURL } = this.props;\n const { username } = this.state;\n return Axios.get(`${apiURL}/passwordreset?resetData=${encodeURIComponent(username)}`);\n };\n\n validate = input => {\n const { [input]: value } = this.state;\n this.setState({\n [`${input}Valid`]: !!value // inputs shouldn't be empty\n });\n return Promise.resolve(!!value);\n };\n\n render() {\n const { onNavigationChangeRequest, isOnboardingFlow } = this.props;\n\n const {\n username,\n usernameValid,\n resetErrorMessage\n } = this.state;\n\n const inputValid = usernameValid && !resetErrorMessage;\n return (\n {t(trimmedLoginWelcomeText)}
)}\n {descriptionText && ({t(descriptionText)}
)}\n\n
\n \n {\n ssoLoginOptions.length > 0 && (\n
\n \n {isOnboardingFlow && (\n
\n );\n }\n}\n\nForgotPassword.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n isOnboardingFlow: bool,\n apiURL: string.isRequired\n};\n\nForgotPassword.defaultProps = {\n isOnboardingFlow: false\n};\n","import Styled from 'styled-components';\n\nexport const ScPieTimerWrapper = Styled.div`\n display: flex;\n align-items: center;\n\n div {\n margin-right: 6px;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 6px;\n }\n #loader {\n fill: #fff;\n }\n\n svg {\n width: 20px;\n display: block;\n border-radius: 50%;\n border: 2px solid #cfd8dc;\n }\n }\n`;\n","import React, {\n useState,\n forwardRef,\n useRef,\n useImperativeHandle,\n useEffect\n} from 'react';\nimport { func } from 'prop-types';\nimport { Hooks } from '@jotforminc/uikit';\nimport { ScPieTimerWrapper } from './sc/scPieTimer';\n\nexport const PieTimer = forwardRef(({\n startCallback,\n stopCallback\n}, ref) => {\n const [alpha, setAlpha] = useState(0);\n const [counter, setCounter] = useState(0);\n const interval = useRef(null);\n const counterRef = useRef(null);\n\n const calculateTimeInterval = (totalTime = 60) => {\n return (totalTime / 360) * 1000;\n };\n\n Hooks.useEffectIgnoreFirst(() => {\n if (counter > 0) {\n counterRef.current = setTimeout(() => setCounter(prev => prev - 1), 1000);\n return;\n }\n stopCallback();\n return () => clearInterval(interval.current);\n }, [counter]);\n\n useEffect(() => {\n if (alpha >= 359) clearInterval(interval.current);\n }, [alpha]);\n\n useImperativeHandle(ref, () => ({\n start: (duration, totalTime) => {\n startCallback();\n clearTimeout(counterRef.current);\n const initialAlpha = totalTime ? 360 - (duration / totalTime) * 360 : 0;\n setAlpha(initialAlpha);\n setCounter(Number(duration));\n clearInterval(interval.current);\n interval.current = setInterval(() => {\n setAlpha(prev => prev + 1);\n }, calculateTimeInterval(totalTime));\n },\n stop: () => {\n stopCallback();\n clearInterval(interval.current);\n clearTimeout(counterRef.current);\n }\n }));\n\n return (\n \n onNavigationChangeRequest('loginOptions')} type=\"button\"\n id=\"returnLoginBox\"\n >\n
\n )}\n {t(Texts.FORGOT_PASSWORD)}
\n\n onNavigationChangeRequest('loginOptions')} type=\"button\"\n id=\"returnLoginBox\"\n >\n
\n \n \n {t(Texts.SEND_INSTRUCTIONS)}\n \n
\n {!isOnboardingFlow && (\n \n \n
\n \n {usernameValid ? null : t(invalidInputText)}\n
\n {resetErrorMessage && \n \n
\n \n {`${Math.floor(counter / 60)}`.padStart(2, '0')}\n :\n {`${counter % 60}`.padStart(2, '0')}\n
\n\n {t(TEXTS.SMS_LABEL)}\n
\n ,\n description: TEXTS.SMS_DESCRIPTON,\n value: twoFactorTypeKeys.sms\n },\n // {\n // text:\n // <>\n // \n // {t(TEXTS.EMAIL_LABEL)}\n //
\n // ,\n // description: TEXTS.EMAIL_DESCRIPTON,\n // value: twoFactorTypeKeys.email,\n // },\n {\n text:\n <>\n \n {t(TEXTS.APP_LABEL)}\n
\n ,\n description: TEXTS.APP_DESCRIPTON,\n value: twoFactorTypeKeys.authenticatorApp\n }\n];\n\nexport const flagURL = 'https://cdn.jotfor.ms/assets/img/v4/country-flags/{xx}.svg';\n\nexport const socialButtonConstants = {\n google: {\n color: '#0076FF',\n icon: \n
\n \n {children}\n
\n {children}
}\n \n );\n};\n\nCheckbox.propTypes = {\n children: PropTypes.node,\n id: PropTypes.string.isRequired,\n disabled: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n children: null,\n disabled: false\n};\n\nexport default Checkbox;\n","/* eslint-disable complexity */\nimport React, { useState, useRef, useEffect } from 'react';\nimport {\n shape, bool, string, func, number\n} from 'prop-types';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Texts, twoFactorTypeKeys } from '@jotforminc/constants';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { PieTimer } from '@jotforminc/pie-timer';\nimport { VerificationInput } from '@jotforminc/verification-input';\nimport { ErrorContainer, InfoBox } from '@jotforminc/two-factor-settings';\nimport '../styles/twoFactorLogin.scss';\nimport Checkbox from './Checkbox';\nimport { LOGIN_SESSION_EXPIRED_MESSAGE } from '../constants';\n\nconst TwoFactorLogin = ({\n handleTFALogin,\n onNavigationChangeRequest,\n lastTFAResponse: {\n token: {\n type,\n target,\n remaining_time: remainingTime,\n total_time: totalTime,\n expires_at: expiresAt,\n isForced,\n username\n },\n showRememberDevice\n },\n thereSocialError,\n thereErrorMessage,\n isSocialTFA,\n tfaMethod\n}) => {\n const [verificationCode, setVerificationCode] = useState('');\n const [timerRunning, setTimerRunning] = useState('');\n const [isCodeFilled, setCodeFilled] = useState(false);\n const [isLoginLoading, setIsLoginLoading] = useState(false);\n const [rememberDevice, setRememberDevice] = useState(false);\n const [errorMessage, setErrorMessage] = useState(false);\n\n const wrongAttemptRef = useRef(0);\n const timerRef = useRef(null);\n const firstVerifyRef = useRef(true);\n const isPassiveTFAMethod = (tfaMethod === 'recovery' || type === twoFactorTypeKeys.authenticatorApp);\n const showRememberDeviceSection = (isEnterprise() ? showRememberDevice || false : true) && tfaMethod !== 'recovery';\n\n const ActionRecorder = window.actionRecorder ? window.actionRecorder : null;\n\n useEffect(() => {\n setVerificationCode('');\n }, [tfaMethod]);\n\n useEffect(() => {\n if (verificationCode.length < 6) {\n setCodeFilled(false);\n } else {\n setCodeFilled(true);\n }\n }, [verificationCode]);\n\n useEffect(() => {\n if (!isPassiveTFAMethod) {\n timerRef.current.stop();\n timerRef.current.start(remainingTime, totalTime);\n }\n\n return () => timerRef.current && timerRef.current.stop();\n }, [expiresAt, type]);\n\n const sendWrongAttempAction = (action, actionTarget) => {\n const actor = username || '';\n if (wrongAttemptRef.current > 0 && tfaMethod !== 'recovery' && ActionRecorder) {\n ActionRecorder.tick({ actor, action: action, target: actionTarget });\n wrongAttemptRef.current = 0;\n }\n };\n\n const handleLogin = async args => {\n const { verificationCode: code = false } = args;\n if (isLoginLoading) return;\n setErrorMessage('');\n\n if (typeof code === 'string' && code.length === 0) {\n setErrorMessage(t(Texts.BLANK_VERIFICATION_CODE));\n return;\n }\n\n if (code.length < 6) {\n setErrorMessage('');\n return;\n }\n\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n\n try {\n setIsLoginLoading(true);\n const response = await handleTFALogin(args);\n const { data: { error = '' } = {}, message = '' } = response?.[0];\n\n if (error && /Login failed - The username or password you entered is incorrect. Please try again./.test(error)) {\n setErrorMessage(LOGIN_SESSION_EXPIRED_MESSAGE);\n } else if (error || message) {\n setErrorMessage(t(error || message));\n }\n setIsLoginLoading(false);\n } catch (e) {\n // TO DO handleError;\n }\n };\n\n const handleCodeChange = val => {\n setVerificationCode(val.toUpperCase());\n if (errorMessage) {\n setErrorMessage('');\n }\n };\n\n const handleKeyDown = event => {\n if (tfaMethod !== 'recovery' && /^[a-zA-Z]+$/.test(event.key) && event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {\n wrongAttemptRef.current = wrongAttemptRef.current + 1;\n }\n };\n\n const handlePaste = event => {\n const clipboardData = event.clipboardData || window.clipboardData;\n if (/[A-Za-z]/.test(clipboardData.getData('Text'))) {\n wrongAttemptRef.current = wrongAttemptRef.current + 1;\n }\n };\n\n const clickOutsideEvent = event => {\n if (event.target.closest('#exitModal')) return false;\n if (event.target.closest('.modalView .jfHeader-modalViewContent')) return true;\n if (document.querySelector('.xcl-content') && !document.contains(event.target)) {\n return false;\n }\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n };\n\n const keydownEscapeEvent = e => {\n if (e.key === 'Escape' || e.keyCode === 27) {\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n }\n };\n\n useEffect(() => {\n if (verificationCode.length === 6 && firstVerifyRef.current) {\n firstVerifyRef.current = false;\n handleLogin({\n verificationCode, isSocialTFA, newType: tfaMethod, rememberDevice: rememberDevice ? '1' : '0'\n });\n }\n }, [verificationCode]);\n\n useEffect(() => {\n const listingPortal = document.getElementById('listing-portal-root');\n if (listingPortal) {\n listingPortal.classList.add('hide-for-2fa');\n }\n\n const authFormCloseEl = document.querySelector('.jfHeader-authForm-close.newModalInlineButton');\n if (authFormCloseEl) {\n authFormCloseEl.addEventListener('click', () => {\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n });\n document.addEventListener('click', clickOutsideEvent, false);\n document.addEventListener('keydown', keydownEscapeEvent, false);\n }\n\n return () => {\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n\n if (authFormCloseEl) {\n authFormCloseEl.removeEventListener('click', sendWrongAttempAction);\n document.removeEventListener('click', clickOutsideEvent, false);\n document.removeEventListener('keydown', keydownEscapeEvent, false);\n }\n };\n }, []);\n\n return (\n \n
\n );\n};\n\nTwoFactorLogin.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n handleTFALogin: func.isRequired,\n lastTFAResponse: shape({\n token: shape({\n type: string,\n target: string,\n remaining_time: string,\n total_time: number,\n expires_at: number,\n isForced: bool,\n username: string\n }),\n showRememberDevice: bool\n }).isRequired,\n thereSocialError: string,\n thereErrorMessage: string,\n tfaMethod: string.isRequired,\n isSocialTFA: bool.isRequired\n};\n\nTwoFactorLogin.defaultProps = {\n thereSocialError: '',\n thereErrorMessage: ''\n};\n\nexport default TwoFactorLogin;\n","import React, { useState, useRef, useEffect } from 'react';\nimport {\n shape, bool, string, func, number\n} from 'prop-types';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\nimport { useTimeoutMessage } from '@jotforminc/hooks';\nimport { PieTimer } from '@jotforminc/pie-timer';\nimport { VerificationInput } from '@jotforminc/verification-input';\nimport { ErrorContainer, InfoBox } from '@jotforminc/two-factor-settings';\n\nconst EmailAuthLogin = ({\n handleEALogin,\n lastEAResponse: {\n emailAuthToken: {\n target,\n remaining_time: remainingTime,\n total_time: totalTime,\n expires_at: expiresAt,\n isForced\n }\n },\n thereSocialError,\n thereErrorMessage,\n isSocialEA\n}) => {\n const [verificationCode, setVerificationCode] = useState('');\n const [timerRunning, setTimerRunning] = useState('');\n const [errorMessage, setErrorMessage] = useTimeoutMessage(false, 5000);\n const timerRef = useRef(null);\n\n useEffect(() => {\n if (typeof window.__accountSharingLogger === 'function') {\n window.__accountSharingLogger({ action: 'seen', target: 'emailAuthLogin' });\n }\n }, []);\n\n useEffect(() => {\n const handleTabChange = () => {\n if (document.visibilityState === 'visible') {\n const remainingTimeAfterTabChange = expiresAt - Math.floor(Date.now() / 1000);\n\n if (remainingTimeAfterTabChange > 0) {\n timerRef.current.start(remainingTimeAfterTabChange, totalTime);\n } else {\n timerRef.current.start(0, totalTime);\n timerRef.current.stop();\n }\n\n console.log('tab active');\n console.log('remainingTimeAfterTabChange', remainingTimeAfterTabChange);\n } else {\n timerRef.current.stop();\n console.log('tab inactive');\n }\n };\n\n document.addEventListener('visibilitychange', handleTabChange);\n return () => {\n document.removeEventListener('visibilitychange', handleTabChange);\n };\n }, [expiresAt]);\n\n useEffect(() => {\n timerRef.current.stop();\n timerRef.current.start(remainingTime, totalTime);\n\n return () => timerRef.current && timerRef.current.stop();\n }, [expiresAt]);\n\n const handleLogin = async args => {\n const { verificationCode: code = false } = args;\n\n if (typeof code === 'string' && code.length === 0) {\n setErrorMessage(t(Texts.BLANK_VERIFICATION_CODE));\n return;\n }\n\n if (code.length < 6) {\n setErrorMessage('');\n return;\n }\n\n try {\n const response = await handleEALogin(args);\n const { data: { error } } = response?.[0];\n if (error) {\n setErrorMessage(t(error));\n }\n } catch (e) {\n // TO DO handleError;\n }\n };\n\n return (\n {t(Texts.VERIFY_ITS_YOU)}
\n {isForced && (\n\n \n \n
\n )}\n \n {t(Texts.REACH_DAILY_LIMIT_FORCE_TO_EMAIL)}\n
\n\n { /* eslint-disable-next-line no-nested-ternary */}\n {tfaMethod === 'recovery' ? (\n t(Texts.ENTER_RECOVERY_CODES)\n ) : (\n translationRenderer(Texts.TWO_FACTOR_DESCRIPTION[type])({\n renderer1: () => {target}\n })\n )}\n
\n \n
\n \n {\n handleLogin({\n verificationCode, isSocialTFA, newType: tfaMethod, rememberDevice: rememberDevice ? '1' : '0'\n });\n }}\n type=\"button\"\n disabled={!isCodeFilled || isLoginLoading}\n >\n {isLoginLoading\n ? (\n
\n \n \n {/* { tfaMethod === 'recovery' && (\n {t(Texts.USED_RECOVERY_CODES)} \n )} */}\n { errorMessage && (\n {t(errorMessage)} \n )}\n {thereSocialError && (\n {t(thereErrorMessage.response.data.error)} \n )}\n
\n \n \n \n \n
\n )\n : t(Texts.VERIFY_BUTTON_TEXT)}\n \n {showRememberDeviceSection && (\n \n setRememberDevice(checked)}\n />\n setRememberDevice(currVal => setRememberDevice(!currVal))} onKeyDown={() => {}}>\n {t(\"Don't ask again on this device.\")}\n \n
\n )}\n {!isPassiveTFAMethod && (\n \n setTimerRunning(true)}\n stopCallback={() => setTimerRunning(false)}\n ref={timerRef}\n />\n
\n )}\n \n \n {t(Texts.NO_CODE)}\n
\n \n {t(Texts.HAVING_PROBLEMS)}\n \n onNavigationChangeRequest('twoFactorMethods')}\n >\n {t(Texts.SEE_OTHER_AUTHENTICATION_METHODS)}\n \n
\n \n
\n );\n};\n\nEmailAuthLogin.propTypes = {\n handleEALogin: func.isRequired,\n lastEAResponse: shape({\n emailAuthToken: shape({\n type: string,\n target: string,\n remaining_time: string,\n total_time: number,\n expires_at: number,\n isForced: bool\n })\n }).isRequired,\n thereSocialError: string,\n thereErrorMessage: string,\n isSocialEA: bool.isRequired\n};\n\nEmailAuthLogin.defaultProps = {\n thereSocialError: '',\n thereErrorMessage: ''\n};\n\nexport default EmailAuthLogin;\n","import React from 'react';\nimport {\n shape, bool, string, func\n} from 'prop-types';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Texts, twoFactorTypeKeys } from '@jotforminc/constants';\nimport { useTimeoutMessage } from '@jotforminc/hooks';\nimport { ErrorContainer } from '@jotforminc/two-factor-settings';\nimport {\n IconMessageFilled, IconKeyFilled, IconScanFilled, IconChevronLeft\n} from '@jotforminc/svg-icons';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\nconst TwoFactorMethods = ({\n handleTFALogin,\n lastTFAResponse: {\n token: {\n type\n },\n activeMethods\n },\n isSocialTFA,\n onNavigationChangeRequest\n}) => {\n const hasRecoveryMail = false;\n\n const typeMap = {\n phone: {\n typeCode: twoFactorTypeKeys.sms,\n icon: () => {t(Texts.EMAIL_AUTHENTICATION)}
\n {isForced && (\n\n \n \n
\n )}\n \n {t(Texts.REACH_DAILY_LIMIT_FORCE_TO_EMAIL)}\n
\n\n {translationRenderer(Texts.EMAIL_AUTHENTICATION_DESCRIPTION)({\n renderer1: () => {target}\n })}\n
\n \n
\n \n {\n handleLogin({ verificationCode, isSocialEA });\n if (typeof window.__accountSharingLogger === 'function') {\n window.__accountSharingLogger({ action: 'click', target: 'verifyButton' });\n }\n }}\n type=\"button\"\n >\n {t(Texts.VERIFY)}\n \n\n
\n \n \n { errorMessage && (\n {errorMessage} \n )}\n {thereSocialError && (\n {thereErrorMessage.response.data.error} \n )}\n
\n \n setTimerRunning(true)}\n stopCallback={() => setTimerRunning(false)}\n ref={timerRef}\n />\n
\n \n {t(Texts.NO_CODE)}\n
\n
\n );\n};\n\nTwoFactorMethods.propTypes = {\n handleTFALogin: func.isRequired,\n lastTFAResponse: shape({\n type: string.isRequired,\n activeMethods: shape({}).isRequired,\n token: shape({\n type: string.isRequired\n }).isRequired\n }).isRequired,\n isSocialTFA: bool.isRequired,\n onNavigationChangeRequest: func\n};\n\nTwoFactorMethods.defaultProps = {\n onNavigationChangeRequest: f => f\n};\n\nexport default TwoFactorMethods;\n","import React, { useEffect } from 'react';\nimport { shape, string, func } from 'prop-types';\nimport { Loading } from '@jotforminc/loading';\n\nconst SocialInit = ({\n socialInitData: {\n type,\n token,\n response = {}\n },\n socialLoginRequest,\n handle2FASocialLoginRequest,\n handleSocialEAResponse\n}) => {\n useEffect(() => {\n const { primaryMethod = '' } = response;\n if (primaryMethod && !response?.emailAuthToken) {\n handle2FASocialLoginRequest(response);\n } else if (response?.emailAuthToken) {\n handleSocialEAResponse(response, type);\n } else {\n socialLoginRequest(type, token);\n }\n }, []);\n\n return (\n {t(Texts.VERIFY_ITS_YOU)}
\n\n {t(Texts.CHOOSE_A_METHOD_DESCRIPTION)}\n
\n \n
\n \n {t(errorMessage)} \n )}\n handleTFALogin({ newType: type, isSocialTFA })}\n >\n \n {t(Texts.CAN_NOT_ACCESS_MY_DEVICE)}\n \n )}\n
\n \n {t(Texts.CHOOSE_A_METHOD)}\n
\n \n {Object.entries(activeMethods).filter(([methodType]) => typeMap[methodType]?.typeCode !== type).map(([methodType, { data: target }]) => {\n const {\n typeCode,\n icon: Icon\n } = typeMap[methodType];\n\n return (\n handleLogin({ newType: typeCode, isSocialTFA, shouldNavigate: true })}\n type=\"button\"\n >\n handleTFALogin({ newType: 'recovery' })}\n type=\"button\"\n >\n
\n { errorMessage && (\n \n
\n );\n};\n\nSocialInit.propTypes = {\n socialInitData: shape({\n type: string.isRequired,\n token: string.isRequired,\n response: shape({}).isRequired\n }).isRequired,\n socialLoginRequest: func.isRequired,\n handle2FASocialLoginRequest: func,\n handleSocialEAResponse: func\n};\n\nSocialInit.defaultProps = {\n handle2FASocialLoginRequest: f => f,\n handleSocialEAResponse: f => f\n};\n\nexport default SocialInit;\n","export default class LoginError extends Error {\n constructor(errorType, loginType, message, originalError) {\n super();\n this.type = errorType; // Error errorType: network, jsonParse etc.\n this.loginType = loginType; // user|formUser\n this.message = message;\n this.originalError = originalError;\n }\n}\n","import React from 'react';\nimport { func, string } from 'prop-types';\n\nimport { Texts } from '@jotforminc/constants';\nimport { t, translationRenderer } from '@jotforminc/translation';\n\nimport { IconTrashExclamationFilled } from '@jotforminc/svg-icons';\n\nconst DeleteAccountModalStep1 = ({ handleStep, username }) => {\n return (\n \n
\n );\n};\n\nDeleteAccountModalStep1.propTypes = {\n handleStep: func.isRequired,\n username: string.isRequired\n};\n\nexport default DeleteAccountModalStep1;\n","import React from 'react';\nimport {\n array, func, object\n} from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\n\nimport AppleIcon from '../../assets/icon_ap_36.svg';\nimport FacebookIcon from '../../assets/icon_fb_36.svg';\nimport GoogleIcon from '../../assets/icon_gl_36.svg';\nimport MicrosoftIcon from '../../assets/icon_ms_36.svg';\nimport SalesforceIcon from '../../assets/icon_sf_36.svg';\n\nimport GoogleButton from '../GoogleButton';\nimport FacebookButton from '../FacebookButton';\nimport MicrosoftButton from '../MicrosoftButton';\nimport AppleButton from '../AppleButton';\nimport SalesforceButton from '../SalesforceButton';\n\nconst icons = {\n apple: AppleIcon,\n facebook: FacebookIcon,\n google: GoogleIcon,\n microsoft: MicrosoftIcon,\n salesforce: SalesforceIcon\n};\nconst buttons = {\n apple: AppleButton,\n facebook: FacebookButton,\n google: GoogleButton,\n microsoft: MicrosoftButton,\n salesforce: SalesforceButton\n};\n\nconst SocialsContainer = ({\n socialLogins,\n onAppleLoginClick,\n onFBLoginClick,\n onGoogleLoginClick,\n onMicrosoftLoginClick,\n onSalesforceLoginClick,\n user\n}) => {\n const callbacks = {\n apple: onAppleLoginClick,\n facebook: onFBLoginClick,\n google: onGoogleLoginClick,\n microsoft: onMicrosoftLoginClick,\n salesforce: onSalesforceLoginClick\n };\n\n const connectedAccounts = socialLogins.map(login => (Object.hasOwn(buttons, login) ? {\n Component: buttons[login], Icon: icons[login], callback: callbacks[login], key: login\n } : null));\n\n const { username, email, avatarUrl } = user.credentials;\n\n return (\n \n
\n \n
\n \n
\n {t(Texts.ARE_YOU_SURE_YOU_WANT_TO_DELETE_YOUR_ACCOUNT)}
\n\n {' '}\n {t(Texts.YOU_ARE_ABOUT_TO_DELETE_YOUR_ACCOUNT_NAMELY)}\n {' '}\n {username}\n
\n\n {translationRenderer(Texts.GET_IN_TOUCH_WITH_US)({\n renderer1: text => (\n {text}\n )\n })}\n
\n\n \n \n
\n \n {connectedAccounts.map(({\n Component, Icon, callback, key\n }) => (\n
\n );\n};\n\nSocialsContainer.propTypes = {\n socialLogins: array.isRequired,\n onAppleLoginClick: func,\n onFBLoginClick: func,\n onGoogleLoginClick: func,\n onMicrosoftLoginClick: func,\n onSalesforceLoginClick: func,\n user: object.isRequired\n};\n\nSocialsContainer.defaultProps = {\n onAppleLoginClick: () => {},\n onFBLoginClick: () => {},\n onGoogleLoginClick: () => {},\n onMicrosoftLoginClick: () => {},\n onSalesforceLoginClick: () => {}\n};\n\nexport default SocialsContainer;\n","import React from 'react';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nconst ModalHeader = () => \n
\n ))}\n \n
\n \n
\n {username}
\n{email}
\n{t(Texts.VERIFY_THAT_ITS_YOU_TO_DELETE_YOUR_ACCOUNT)}
;\n\nexport default ModalHeader;\n","import { string } from 'prop-types';\nimport React from 'react';\n\nimport { t } from '@jotforminc/translation';\n\nimport { IconExclamationCircleFilled } from '@jotforminc/svg-icons';\n\nconst ErrorMessage = ({ text }) => {\n return (\n\n
\n );\n};\n\nErrorMessage.propTypes = {\n text: string.isRequired\n};\n\nexport default ErrorMessage;\n","import React, { useState } from 'react';\nimport {\n array, bool, func, object\n} from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nimport SocialsContainer from './SocialsContainer';\nimport ModalHeader from './ModalHeader';\n\nimport { verifyAndDelete } from '../../utils/helper';\nimport ErrorMessage from './ErrorMessage';\n\nconst DeleteAccountModalStep2 = ({\n socialLogins, onAppleLoginClick, onFBLoginClick, onGoogleLoginClick, onMicrosoftLoginClick, onSalesforceLoginClick, thereSocialError, user, handleStep\n}) => {\n const [isPasswordErrored, setIsPasswordErrored] = useState(false);\n const [password, setPassword] = useState('');\n\n const handleChange = e => {\n const { target: { value } } = e;\n setPassword(value);\n setIsPasswordErrored(false);\n };\n\n const handleDeleteAccount = async e => {\n e.preventDefault(); // no refresh after submit\n const { credentials: { username } } = user;\n\n if (password) {\n try {\n const result = await verifyAndDelete({ type: 'email', username, password });\n if (typeof result === 'object' && result.token) {\n setIsPasswordErrored(!result.status);\n } else { // TODO: remove this condition when api is merged\n setIsPasswordErrored(!result);\n }\n handleStep(3);\n } catch {\n setIsPasswordErrored(true);\n }\n }\n };\n\n return (\n \n
\n );\n};\n\nDeleteAccountModalStep2.propTypes = {\n socialLogins: array.isRequired,\n user: object.isRequired,\n onAppleLoginClick: func,\n onFBLoginClick: func,\n onGoogleLoginClick: func,\n onMicrosoftLoginClick: func,\n onSalesforceLoginClick: func,\n thereSocialError: bool,\n handleStep: func\n};\n\nDeleteAccountModalStep2.defaultProps = {\n onAppleLoginClick: () => {},\n onFBLoginClick: () => {},\n onGoogleLoginClick: () => {},\n onMicrosoftLoginClick: () => {},\n onSalesforceLoginClick: () => {},\n thereSocialError: false,\n handleStep: () => {}\n};\n\nexport default DeleteAccountModalStep2;\n","import React, { useState } from 'react';\nimport { string } from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nimport { IconCheckCircleFilled } from '@jotforminc/svg-icons';\nimport ModalHeader from './ModalHeader';\n\nimport { verifyAndDelete } from '../../utils/helper';\n\nimport ErrorMessage from './ErrorMessage';\n\nconst DeleteAccountModalStep3 = ({ username }) => {\n const [isDeleteErrored, setIsDeleteErrored] = useState(false);\n\n const handleDelete = async () => {\n const result = await verifyAndDelete({ isDeleteVerified: 1, username });\n // TODO: remove 'result === true' check when api is merged\n if (result === true || (typeof result === 'object' && result.token)) {\n setIsDeleteErrored(false);\n window.location.href = '/login';\n } else {\n setIsDeleteErrored(true);\n }\n };\n\n return (\n \n OR\n
\n \n )}\n \n {t(Texts.PLEASE_ENTER_YOUR_PASSWORD)}\n \n
\n \n
\n );\n};\n\nDeleteAccountModalStep3.propTypes = {\n username: string.isRequired\n};\n\nexport default DeleteAccountModalStep3;\n","import React, { useState, useImperativeHandle } from 'react';\nimport {\n array, bool, func, object\n} from 'prop-types';\n\nimport DeleteAccountModalStep1 from './DeleteAccountModalStep1';\nimport DeleteAccountModalStep2 from './DeleteAccountModalStep2';\nimport DeleteAccountModalStep3 from './DeleteAccountModalStep3';\n\nimport '../../styles/verification-modal.scss';\nimport '../../styles/delete-my-account-modal.scss';\n\nconst DeleteAccountModal = React.forwardRef(({\n socialLogins, onAppleLoginClick, onFBLoginClick, onGoogleLoginClick, onMicrosoftLoginClick, onSalesforceLoginClick, thereSocialError, user, handleClose\n}, ref) => {\n const [step, setStep] = useState(1);\n\n const { credentials: { username } } = user;\n\n const handleStep = nextStep => {\n setStep(nextStep);\n if (nextStep === 0) {\n handleClose();\n }\n };\n\n useImperativeHandle(ref, () => (\n {\n handleStep\n }\n ));\n\n return (\n <>\n {step === 1 && (\n \n \n
\n \n
\n );\n }\n}\n\nResetSuccess.propTypes = {\n onNavigationChangeRequest: func.isRequired\n};\n","import React, { useState } from 'react';\nimport { func, shape } from 'prop-types';\nimport { t } from '@jotforminc/translation';\n\nimport '../styles/social-terms-step.scss';\nimport { isTurkishLanguage } from '../utils/loginSignup';\nimport TermsAndConditionsUrls from './TermsAndConditionsUrls';\n\nconst SocialTermsStep = ({\n user,\n socialUserProfile,\n onSocialTermsContinue\n}) => {\n const [isTermsAgreed, setIsTermsAgreed] = useState(false);\n const [termsError, setTermsError] = useState(false);\n const { fullName, email, imageUrl } = socialUserProfile;\n const isTurkish = isTurkishLanguage(user);\n\n const handleContinue = async () => {\n if (isTermsAgreed) {\n onSocialTermsContinue(isTermsAgreed);\n } else {\n setTermsError(true);\n }\n };\n\n const handleCheckboxChange = ({ target: { checked = false } }) => {\n setIsTermsAgreed(checked);\n if (checked) {\n setTermsError(false);\n }\n };\n\n return (\n \n
\n {t(Texts.CHECK_EMAIL)}
\n\n onNavigationChangeRequest('loginOptions')}\n type=\"button\"\n >\n {t(Texts.OK_TEXT)}\n \n
\n \n
\n {t(Texts.PASSWORD_RESET_SENT)}
\n{t(Texts.CHECK_SPAM_FOLDER)}
\n\n {isEnterprise() ? t(Texts.MORE_HELP_CONTACT_ENTERPRISE) : translationRenderer(Texts.MORE_HELP_CONTACT)({\n renderer1: str => {str}\n })}\n
\n\n
\n );\n};\n\nSocialTermsStep.propTypes = {\n user: shape({}),\n socialUserProfile: shape({}),\n onSocialTermsContinue: func\n};\n\nSocialTermsStep.defaultProps = {\n user: {},\n socialUserProfile: {},\n onSocialTermsContinue: func\n};\n\nexport default SocialTermsStep;\n","import React, { useRef } from 'react';\nimport { func } from 'prop-types';\nimport { Modal } from '@jotforminc/uikit';\nimport '../styles/standalone-modal.scss';\nimport SocialTermsStep from './SocialTermsStep';\n\nconst SocialTermsModal = ({\n removeModalFromDOM,\n onSocialTermsContinue,\n onSocialTermsClose,\n ...props\n}) => {\n const uikitModalRef = useRef(null);\n\n // eslint-disable-next-line react/prop-types\n const DialogRenderer = ({ children }) => {t('Terms and Privacy')}
\n\n
\n \n
\n \n {termsError && {t('Please agree to continue.')}}\n \n {imageUrl && 
}\n
\n \n \n \n {t('Name')}\n :\n \n {fullName}\n \n \n \n {t('Email')}\n :\n \n {email}\n \n
\n \n \n
\n {children}
;\n\n // eslint-disable-next-line react/prop-types\n const ContentRenderer = ({ children }) => (\n \n {\n onSocialTermsClose();\n removeModalFromDOM();\n }}\n />\n {children}\n
\n );\n\n const handleSocialTermsContinue = isTermsAgreed => {\n onSocialTermsContinue(isTermsAgreed);\n if (isTermsAgreed) {\n removeModalFromDOM();\n }\n };\n\n return (\n {children}
;\n\n // eslint-disable-next-line react/prop-types\n const ContentRenderer = ({ children }) => (\n \n {\n if (typeof window.__accountSharingLogger === 'function') {\n window.__accountSharingLogger({ action: 'click', target: 'closeButton' });\n }\n removeModalFromDOM();\n }}\n />\n {children}\n
\n );\n\n return (\n \n {socialLogins.length > 0 && (\n <>\n
\n );\n};\n\nVerification.propTypes = {\n socialLogins: array.isRequired,\n user: object.isRequired,\n onAppleLoginClick: func,\n onFBLoginClick: func,\n onGoogleLoginClick: func,\n onMicrosoftLoginClick: func,\n onSalesforceLoginClick: func,\n thereSocialError: bool,\n handleVerification: func\n};\n\nVerification.defaultProps = {\n onAppleLoginClick: () => {},\n onFBLoginClick: () => {},\n onGoogleLoginClick: () => {},\n onMicrosoftLoginClick: () => {},\n onSalesforceLoginClick: () => {},\n thereSocialError: false,\n handleVerification: () => {}\n};\n\nexport default Verification;\n","import React, { useImperativeHandle } from 'react';\nimport {\n array, bool, func, elementType, object, shape\n} from 'prop-types';\n\nimport '../../styles/verification-modal.scss';\nimport Verification from './Verification';\n\nconst VerifyAccountModal = React.forwardRef(({\n socialLogins, onAppleLoginClick, onFBLoginClick, onGoogleLoginClick, onMicrosoftLoginClick, onSalesforceLoginClick, thereSocialError,\n user, AfterVerificationComponent, BeforeVerificationComponent, VerificationWrapper, isVerified, setIsVerified\n}, ref) => {\n const approveVerification = () => setIsVerified(true);\n\n useImperativeHandle(ref, () => (\n {\n approveVerification\n }\n ));\n\n const VerificationStep = () => (VerificationWrapper\n ? (\n \n OR\n
\n \n )}\n \n \n \n
\n {/* TODO: Move below html inside the form tags and update the common ui file: verification-mnodal.scss */}\n \n \n {t('VERIFY')}\n \n
\n \n
\n \n \n
\n {t(REPORT_UNUSUAL_SIGNUP)}
\n\n \n {t(CONTINUE)}\n \n \n )}\n
\n \n {isReported ? (\n
\n {!isReported && (\n <>\n \n
\n ) : (\n \n
\n )}\n \n {t(isReported ? RECEIVED_RESPONSE : REPORT_UNUSUAL_SIGNUP)}\n
\n\n {isReported ? (\n translationRenderer(THANKS_FOR_REPORTING)({\n renderer1: () => {getUrlParameter('username')},\n renderer2: text => (\n \n {text}\n \n )\n })\n ) : (\n translationRenderer(NOT_CREATE_THIS_ACCOUNT)({\n renderer1: () => {getUrlParameter('username')}\n })\n )}\n
\n\n \n \n
\n {error && (\n \n
\n )}\n {t(greetingMessage)}
)}\n {!!greetingDescription && step !== 'fields' && ({t(greetingDescription)}
)}\n {step === 'initial' && (\n\n
\n )}\n {step === 'fields' && (\n <>\n \n {!isOnboardingFlow &&
\n {t(SIGN_UP_WITH)}
}\n\n
\n {thereSocialError && (\n \n
\n )}\n \n {t(!isOnboardingFlow ? OR : OR_SIGN_UP_WITH)}\n
\n \n handleValidateEmail()}\n >\n {emailIsLoading && (\n \n \n {t('Loading')}\n ...\n \n )}\n {!emailIsLoading && t(!isOnboardingFlow ? CONTINUE : 'Continue with Email')}\n \n {!isOnboardingFlow && (\n
\n \n \n listenEnter(e, handleValidateEmail)}\n onChange={e => setEmail(e.target.value)}\n className={emailErrorMsg && 'input-error'}\n placeholder={isOnboardingFlow ? t(ENTER_EMAIL_ADDRESS) : ''}\n />\n {emailErrorMsg && (\n
\n \n
\n )}\n \n {t(Texts.ALREADY_HAVE_ACCOUNT)}\n {' '}\n onNavigationChangeRequest('loginOptions')}\n id=\"login-link\"\n >\n {t(Texts.LOGIN_TEXT)}\n \n
\n )}\n \n \n
\n \n
\n \n )}\n \n );\n};\n\nSignupWithSocialOpts.propTypes = {\n onNavigationChangeRequest: PropTypes.func.isRequired,\n user: PropTypes.shape(),\n isHIPAA: PropTypes.bool,\n enforceHIPAARuleSet: PropTypes.bool,\n includeConfirm: PropTypes.bool,\n shrinkConfirmOnMobile: PropTypes.bool,\n shrinkConfirmHeight: PropTypes.number,\n onAppleLoginClick: PropTypes.func.isRequired,\n onMicrosoftLoginClick: PropTypes.func.isRequired,\n onFBLoginClick: PropTypes.func.isRequired,\n onSalesforceLoginClick: PropTypes.func.isRequired,\n onGoogleLoginClick: PropTypes.func.isRequired,\n onLoginSuccess: PropTypes.func.isRequired,\n changeActiveScreen: PropTypes.func.isRequired,\n builderShowSlides: PropTypes.func,\n verificationHash: PropTypes.string,\n signupPredefinedEmail: PropTypes.string,\n ofacModalRef: PropTypes.object,\n buttonNames: PropTypes.shape({\n google: PropTypes.string,\n facebook: PropTypes.string,\n apple: PropTypes.string,\n microsoft: PropTypes.string,\n emailLogin: PropTypes.string,\n emailSignup: PropTypes.string\n }),\n appName: PropTypes.string,\n productType: PropTypes.string,\n redirectURL: PropTypes.string,\n forceUser: PropTypes.bool,\n disableEmail: PropTypes.bool,\n showLogoOnSignupOptions: PropTypes.bool,\n enterpriseLogo: PropTypes.string,\n hideGreetingMessageOnSignupOptions: PropTypes.bool,\n greetingMessage: PropTypes.string,\n greetingDescription: PropTypes.string,\n logoSource: PropTypes.string,\n thereSocialError: PropTypes.bool,\n thereErrorMessage: PropTypes.string,\n isOnboardingFlow: PropTypes.bool,\n initiator: PropTypes.string,\n isOnboardingTestVariantReversed: PropTypes.bool\n};\n\nSignupWithSocialOpts.defaultProps = {\n user: null,\n isHIPAA: false,\n enforceHIPAARuleSet: false,\n includeConfirm: false,\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n verificationHash: '',\n signupPredefinedEmail: '',\n ofacModalRef: {},\n buttonNames: {},\n appName: '',\n productType: '',\n redirectURL: '',\n forceUser: false,\n disableEmail: false,\n builderShowSlides: f => f,\n showLogoOnSignupOptions: false,\n enterpriseLogo: null,\n hideGreetingMessageOnSignupOptions: false,\n greetingMessage: TITLE_MESSAGE,\n greetingDescription: DESCRIPTION_MESSAGE,\n logoSource: '',\n thereSocialError: false,\n thereErrorMessage: errorMessages.tryAgain,\n isOnboardingFlow: false,\n initiator: '',\n isOnboardingTestVariantReversed: false\n};\n\nexport default SignupWithSocialOpts;\n","import {\n bool, func, shape, string\n} from 'prop-types';\nimport React from 'react';\n\nimport { Texts } from '@jotforminc/constants';\nimport { t } from '@jotforminc/translation';\nimport { IconChevronLeft } from '@jotforminc/svg-icons';\nimport ErrorAlert from './ErrorAlert';\n\nconst RecoverAccountPage = ({\n onNavigationChangeRequest,\n handle2FARecoverAccount,\n tfaAccountRecoveryProps\n}) => {\n const { isLoading, isErrored, errorMessage } = tfaAccountRecoveryProps;\n\n const handleRecoverButtonClick = () => {\n handle2FARecoverAccount();\n };\n\n return (\n {t(CONTINUE_SIGNUP)}
\n\n {translationRenderer(SIGNING_UP_WITH)({\n renderer1: () => (\n \n {email}\n \n )\n })}\n
\n\n handleEmailSignup()}\n >\n {signupIsLoading && (\n \n \n {t('Loading')}\n ...\n \n )}\n {!signupIsLoading && (!isOnboardingFlow ? t(Texts.SIGN_UP) : t(CREATE_ACCOUNT))}\n \n {!isOnboardingFlow && (\n
\n \n \n setName(e.target.value)}\n className={nameErrorMsg && 'input-error'}\n placeholder={isOnboardingFlow ? t(ENTER_FULL_NAME) : ''}\n />\n {nameErrorMsg && (\n
\n \n {t(nameErrorMsg)}\n
\n )}\n \n setSecurePasswordErrors(errorCodes)}\n callbackConfirmPassError={confirmPassErrorCode => setConfirmPasswordError(confirmPassErrorCode)}\n checkReuse={false}\n includeConfirm={includeConfirm && !(shrinkConfirmOnMobile && screenHeight < shrinkConfirmHeight)}\n />\n
\n {!isEnterpriseEnv && (\n \n
\n )}\n {signupErrorMsg && (\n \n handleChangeTerms()}\n disabled={signupIsLoading}\n aria-label={isEnterpriseEnv && !isAgreedTerms ? t(Texts.AGREE_TERMS_CONDITIONS) : null}\n />\n }\n />\n
\n \n {termsError ? t(termsError) : null}\n
\n \n
\n )}\n {showRecaptcha && (\n \n handleSubmitCaptcha(hash)}\n />\n
\n )}\n \n {t(Texts.ALREADY_HAVE_ACCOUNT)}\n {' '}\n onNavigationChangeRequest('loginOptions')}\n id=\"login-link\"\n >\n {t(Texts.LOGIN_TEXT)}\n \n
\n )}\n \n
\n );\n};\n\nexport default RecoverAccountPage;\n\nRecoverAccountPage.propTypes = {\n onNavigationChangeRequest: func,\n handle2FARecoverAccount: func,\n tfaAccountRecoveryProps: shape({\n isErrored: bool,\n isLoading: bool,\n errorMessage: string\n })\n};\n\nRecoverAccountPage.defaultProps = {\n onNavigationChangeRequest: f => f,\n handle2FARecoverAccount: f => f,\n tfaAccountRecoveryProps: {\n isErrored: false,\n isLoading: false,\n errorMessage: ''\n }\n};\n","import { Texts } from '@jotforminc/constants';\nimport { t } from '@jotforminc/translation';\nimport { shape, string } from 'prop-types';\nimport React from 'react';\n\nconst RecoverAccountNotification = ({\n tfaAccountRecoveryProps\n}) => {\n const { email } = tfaAccountRecoveryProps;\n\n return (\n \n onNavigationChangeRequest('twoFactorLogin')}\n >\n
\n \n
\n {t(Texts.RECOVER_ACCOUNT_TEXT)}
\n\n \n {isLoading ? (\n t(Texts.SENDING)\n ) : (\n t(Texts.RECOVER_YOUR_ACCOUNT)\n )}\n \n {(isErrored && errorMessage) &&
\n \n \n
\n \n \n
\n );\n};\n\nexport default RecoverAccountNotification;\n\nRecoverAccountNotification.propTypes = {\n tfaAccountRecoveryProps: shape({\n email: string\n })\n};\n\nRecoverAccountNotification.defaultProps = {\n tfaAccountRecoveryProps: {\n email: ''\n }\n};\n","import { func, shape, string } from 'prop-types';\nimport React from 'react';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\nimport { IconChevronLeft } from '@jotforminc/svg-icons';\nimport { handleCustomNavigation } from '@jotforminc/utils';\n\nconst AccountRecoveryViewTicket = ({\n onNavigationChangeRequest, tfaAccountRecoveryProps\n}) => {\n const { ticket } = tfaAccountRecoveryProps;\n const handleViewTicket = () => {\n handleCustomNavigation(ticket, '_blank', true);\n };\n\n return (\n \n
\n \n
\n {t(Texts.VERIFICATION_EMAIL_SENT_TO)}
\n {email}\n{t(Texts.RECOVER_ACCOUNT_EMAIL_INFO_TEXT)}
\n{t(Texts.RECOVER_ACCOUNT_NOTIFICATION_TEXT)}
\n\n
\n );\n};\n\nexport default AccountRecoveryViewTicket;\n\nAccountRecoveryViewTicket.propTypes = {\n onNavigationChangeRequest: func,\n tfaAccountRecoveryProps: shape({\n ticket: string\n })\n};\n\nAccountRecoveryViewTicket.defaultProps = {\n onNavigationChangeRequest: f => f,\n tfaAccountRecoveryProps: {\n ticket: ''\n }\n};\n","/* eslint-disable max-lines,react/sort-comp */\n/* global HTMLElement */\nimport React from 'react';\nimport {\n shape,\n bool,\n string,\n func,\n oneOf,\n node,\n arrayOf,\n number,\n element,\n elementType,\n oneOfType,\n object\n} from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport Axios from 'axios';\nimport qs from 'querystring';\nimport isEmpty from 'lodash/isEmpty';\nimport omit from 'lodash/omit';\nimport { Dialog } from '@jotforminc/dialog';\nimport { Portal } from '@jotforminc/uikit';\nimport { Texts } from '@jotforminc/constants';\nimport {\n createFormData,\n loadJS,\n getPossibleTimeZone,\n initGoogleSignin,\n initFBSignin,\n initAppleSignin,\n initMicrosoftSignin,\n initSalesforceSignin,\n randomString,\n getUrlParameter,\n classNames,\n handleCustomNavigation\n} from '@jotforminc/utils';\nimport { t } from '@jotforminc/translation';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\nimport SignupOptions from './SignupOptions';\nimport SignupWithEmail from './SignupWithEmail';\nimport LoginOptions from './LoginOptions';\nimport SSOOptions from './SSOOptions';\nimport ForgotPassword from './ForgotPassword';\nimport TwoFactorLogin from './TwoFactorLogin';\nimport EmailAuthLogin from './EmailAuthLogin';\nimport TwoFactorMethods from './TwoFactorMethods';\nimport SocialInit from './SocialInit';\nimport LoginError from './LoginError';\nimport DeleteAccountModal from './DeleteAccountModal';\nimport CloseWithCircleSVG from '../temporary-duplicate/assets/svg/closeWithCircle.svg';\nimport ResetSuccess from './ResetSuccess';\nimport '../styles/style.scss';\nimport '../temporary-duplicate/styles/SaveAndContinueLater/style.scss';\nimport {\n forceUserSocialLogin,\n handleLoginHelper,\n getScreenResolution,\n handleSignupCompletedEvents,\n createGoogleOneTapContainerEl,\n hideGoogleOneTapContainerEl\n} from '../utils/loginSignup';\nimport SocialTermsStep from './SocialTermsStep';\nimport renderStandaloneSocialTermsModal from '../utils/renderStandaloneSocialTermsModal';\nimport renderStandaloneEmailAuthModal from '../utils/renderStandaloneEmailAuthModal';\nimport { preLoginCheck, verifyAndDelete, verifyUser } from '../utils/helper';\nimport VerifyAccountModal from './VerifyAccountModal';\nimport { OFACModal, openOFACModal } from './OFACModal';\nimport UnusualSignup from './UnusualSignup';\nimport SignupWithSocialOpts from './SignupWithSocialOpts';\nimport RecoverAccountPage from './RecoverAccountPage';\nimport RecoverAccountNotification from './RecoverAccountNotification';\nimport AccountRecoveryViewTicket from './AccountRecoveryViewTicket';\nimport {\n send2FAAccountRecoveryEmail,\n getUserSSOStatus\n} from '../api';\n\nexport default class LoginFlow extends React.Component {\n constructor(props) {\n super(props);\n\n const {\n user, initialScreen, forceLogin, enableGoogleOneTap, mode\n } = props;\n\n this.isLoggedIn = !!user;\n\n this.state = {\n activeScreenKey: forceLogin ? 'loginOptions' : initialScreen,\n thereSocialError: false,\n lastLoginCredentials: { username: '', password: '' },\n lastTFAResponse: {},\n lastEAResponse: {},\n tfaMethod: '',\n lastSocialLoginToken: '',\n lastSocialLoginType: '',\n isSocialTFA: false,\n isSocialEA: false, // social email authentication\n thereErrorMessage: {},\n showThankyouModal: true,\n socialUserProfile: {},\n socialLoginVerificationHash: '',\n // SignupOptions social buttons\n isMsSignupTestEnabled: false,\n isMsSignupControlVariant: false, // Enables facebook option\n isMsSignupTestBVariant: true, // Enables microsoft option\n isMsSignupTestCVariant: false, // Enables both microsoft & facebook option\n isSwsoTestVariant: false,\n areSocialButtonsLoading: false,\n idToken: '',\n mode: mode,\n externalErrorMessage: '',\n tfaAccountRecoveryProps: {\n errorMessage: '', email: '', isErrored: false, isLoading: false\n }\n };\n\n this.activeComponentRef = React.createRef(null); // either delete modal or verify modal ref\n this.portalRef = React.createRef(null);\n this.ofacModalRef = React.createRef();\n this.handleSocialTFAResponse = this.handleSocialTFAResponse.bind(this);\n this.handleSocialEAResponse = this.handleSocialEAResponse.bind(this);\n this.handleTFAResponse = this.handleTFAResponse.bind(this);\n this.handleTFALogin = this.handleTFALogin.bind(this);\n this.handleEALogin = this.handleEALogin.bind(this);\n this.handleAppleSuccess = this.handleAppleSuccess.bind(this);\n this.handleDeleteAccount = this.handleDeleteAccount.bind(this);\n this.handle2FASocialLoginRequest = this.handle2FASocialLoginRequest.bind(this);\n this.nonce = randomString(32);\n loadJS('facebook-jssdk', 'https://connect.facebook.net/en_US/sdk.js');\n loadJS('google-jssdk-new', 'https://accounts.google.com/gsi/client');\n loadJS('apple-jssdk', 'https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js');\n loadJS('microsoft-jssdk', 'https://cdn.jotfor.ms/js/msal/msal-browser.js');\n\n if (enableGoogleOneTap) loadJS('googleOneTap', 'https://accounts.google.com/gsi/client', this.initializeGoogleOneTap);\n\n this.checkQueryParamsForNavigationChange();\n\n // accountSharing A/B Test\n this.initAccountSharingActions();\n }\n\n initActionRecorder = () => {\n window.actionRecorder = window.JotFormActions('LoginFlow');\n };\n\n loadJotformActions = () => {\n if (window.JotFormActions) {\n this.initActionRecorder();\n return;\n }\n const s = global.document.createElement('script');\n s.onload = () => {\n this.initActionRecorder();\n };\n s.src = '//js.jotform.com/actions.js';\n global.document.head.appendChild(s);\n };\n\n // A/B Test: microsoftSignup\n componentDidMount() {\n this.loadJotformActions();\n const {\n showUnusualSignupFlow, unusualSignupCode, unusualSignupToken, initialScreen, swsoTestVariant\n } = this.props;\n\n if (showUnusualSignupFlow && !isEmpty(unusualSignupCode) && !isEmpty(unusualSignupToken)) {\n this.setState({\n mode: 'unusual-signup'\n });\n }\n\n if (initialScreen === 'signupWithSocialOpts' || swsoTestVariant) {\n this.setState({\n isSwsoTestVariant: true\n });\n }\n\n if (isEnterprise()) {\n this.handlePreLoginCheck();\n }\n }\n\n componentWillUnmount() {\n if (this.clearError) {\n clearTimeout(this.clearError);\n }\n }\n\n // Handle Pre Login Check Function\n handlePreLoginCheck = async () => {\n try {\n const result = await preLoginCheck();\n if (result?.preLogin) {\n const cleanResult = omit(result, ['preLogin']);\n const { primaryMethod = '' } = cleanResult;\n this.setState({\n lastTFAResponse: cleanResult,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n }\n } catch (error) {\n this.setState({\n externalErrorMessage: error.message\n });\n }\n };\n\n setExternalErrorMessage = message => {\n this.setState({\n externalErrorMessage: message\n });\n };\n\n // todo: remove the method after the test ends\n initAccountSharingActions = () => {\n if (window.JotFormActions && !window.__accountSharingActions) {\n window.__accountSharingActions = window.JotFormActions('accountSharing');\n }\n window.__accountSharingLogger = ({ action, target }) => {\n if (window.JOTFORM_ENV !== 'PRODUCTION') return;\n const { user: userProp } = this.props;\n const actor = userProp?.username || window.user?.username;\n window.__accountSharingActions?.tick({ actor, action, target });\n };\n };\n\n checkQueryParamsForNavigationChange = () => {\n const queryParams = new URLSearchParams(window.location.search);\n const view = queryParams.get('view');\n\n if (view === 'forgotPassword') {\n this.handleNavigationChangeRequest('forgotPassword');\n }\n };\n\n handleGoogleOnetapResponse = googleUser => {\n const token = googleUser.credential;\n const { socialUserProfile: currentProfile } = this.state;\n this.setState({\n socialUserProfile: {\n token,\n ...currentProfile,\n type: 'googleOneTap'\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('googleOneTap', token, undefined, undefined, true));\n };\n\n initializeGoogleOneTap = () => {\n if (typeof window.GOOGLE_SIGNON === 'undefined') {\n return true;\n }\n\n if (typeof window.JOTFORM_ENV === 'undefined' || window.JOTFORM_ENV === 'ENTERPRISE' || window.JOTFORM_ENV === 'TESTING' || window.JOTFORM_ENV === 'DEVELOPMENT') {\n return true;\n }\n\n if (window.userData && window.userData.account_type && window.userData.account_type.name !== 'GUEST') {\n return true;\n }\n\n if (document.querySelector('.removeAuthButtons')) {\n return true;\n }\n\n createGoogleOneTapContainerEl();\n\n window.google.accounts.id.initialize({\n client_id: window.GOOGLE_SIGNON,\n cancel_on_tap_outside: false,\n prompt_parent_id: 'oneTapLoginArea',\n callback: this.handleGoogleOnetapResponse,\n state_cookie_domain: 'jotform.com'\n });\n window.google.accounts.id.prompt(notification => {\n if (notification.isNotDisplayed() || notification.isSkippedMoment()) {\n console.log('GoogleOnetap Skipped', notification.getNotDisplayedReason());\n }\n });\n };\n\n handleSocialTermsRequired = ({ socialLoginHash, socialUserProfile, idToken }) => {\n const { socialUserProfile: currentProfile } = this.state;\n this.setState({\n socialLoginVerificationHash: socialLoginHash,\n socialUserProfile: { ...currentProfile, ...socialUserProfile },\n idToken\n }, () => this.showTermsStep());\n };\n\n handleSocialTermsModalClose = () => {\n this.setState({\n socialLoginVerificationHash: '',\n socialUserProfile: {}\n });\n };\n\n showTermsStep = () => {\n const { user, showSocialTermsStepAsModal } = this.props;\n const { socialUserProfile, socialUserProfile: { type, isFormUser = false } } = this.state;\n hideGoogleOneTapContainerEl();\n if (showSocialTermsStepAsModal || type === 'googleOneTap' || isFormUser) {\n renderStandaloneSocialTermsModal({\n user,\n socialUserProfile,\n onSocialTermsContinue: this.handleSocialTermsContinue,\n onSocialTermsClose: this.handleSocialTermsModalClose\n });\n } else {\n this.handleNavigationChangeRequest('socialTermsStep');\n }\n };\n\n handleSocialTermsContinue = isTermsAgreed => {\n const { socialUserProfile: { type, token } } = this.state;\n if (isTermsAgreed) {\n this.socialLoginRequest(type, token);\n }\n };\n\n /**\n * Fires when the user suceeds logging in through a single sign on\n * using SAML.\n * @param {object} response response holding user data.\n */\n handleSSOLoginSuccess = response => {\n preLoginCheck().then(preLoginResponse => {\n const { preLogin: hasMFA, primaryMethod = '' } = preLoginResponse;\n if (hasMFA) {\n // If user has multi factor authantication, proceed to that.\n this.setState({\n lastTFAResponse: preLoginResponse,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n } else {\n this.handleLoginSuccess(response);\n }\n });\n };\n\n handleSSOLoginFail = message => {\n // TODO: request UI text review and add translation\n const errorMessage = message ?? 'An error occured in single sign on process';\n this.setExternalErrorMessage(errorMessage);\n };\n\n handleAppleSuccess = ({\n user: {\n email,\n name: {\n firstName = '',\n lastName = ''\n } = {}\n } = {},\n authorization: {\n code,\n id_token: idToken\n }\n }) => {\n const {\n actionLogger, apiURL, appName, buttonNames\n } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'appleLogin'\n });\n }\n\n const defaultButtonName = appName ? `apple-${appName}` : '';\n const buttonName = buttonNames.apple ? buttonNames.apple : defaultButtonName;\n\n const { isSocialLoginForDeleteMyAccountFlow, isSocialLoginForVerification } = this.props;\n\n if (isSocialLoginForDeleteMyAccountFlow || isSocialLoginForVerification) {\n const token = JSON.stringify({ authorizationCode: code, identityToken: idToken, realNonce: this.nonce });\n const verifierFunction = isSocialLoginForDeleteMyAccountFlow ? this.handleDeleteAccount : this.handleVerifyAccount;\n verifierFunction('apple', token);\n return;\n }\n\n Axios.post(`${apiURL}/login/apple`, qs.stringify({\n authorizationCode: code,\n nonce: this.nonce,\n identityToken: idToken,\n name: `${firstName} ${lastName}`,\n email,\n language: global.navigator.language,\n timezone: getPossibleTimeZone(),\n screen_resolution: getScreenResolution(),\n location: global.location.pathname,\n button_name: buttonName,\n ref_app: appName\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n })\n .then(response => {\n const {\n data: {\n responseCode, success, message, content = {}, duration\n }\n } = response;\n const isLogEnabled = getUrlParameter('logAppleLogin');\n\n if (isLogEnabled === '1') {\n console.log(response);\n }\n\n if (!success || responseCode !== 200) {\n throw new Error(message);\n }\n if (content?.isNewUser) {\n handleSignupCompletedEvents(undefined, 'apple');\n }\n const { primaryMethod = '' } = content;\n\n if (primaryMethod) {\n this.handle2FASocialLoginRequest({ ...content, duration: duration, success: success });\n return;\n }\n this.handleLoginSuccess(response);\n })\n .catch(error => {\n const { response: { data: { error: message = '' } = {} } = {}, message: errorMsg = '' } = error;\n if (message === \"Sorry, you can't signup from this country.\" || errorMsg === \"Sorry, you can't signup from this country.\") {\n openOFACModal(this.ofacModalRef, email);\n }\n\n if (message === 'Your account has been suspended.' || errorMsg === 'Your account has been suspended.') {\n return handleCustomNavigation('/account-suspended', '_self', true);\n }\n\n console.error('--Couldn\\'t login', error);\n this.handleSocialErrorChange(error);\n });\n };\n\n handleGoogleSuccess = googleUser => {\n const { code: token = '' } = googleUser || {};\n const { actionLogger } = this.props;\n const { socialUserProfile: currentProfile } = this.state;\n if (googleUser && token) {\n if (actionLogger) {\n actionLogger({\n target: 'googleLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token,\n type: 'google',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('google', token));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleFacebookSuccess = ({ status, authResponse }) => {\n const { socialUserProfile: currentProfile } = this.state;\n const { accessToken: token = '' } = authResponse || {};\n if (status === 'connected' && authResponse && token) {\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'facebookLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token,\n type: 'facebook',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('facebook', token));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleMicrosoftSuccess = authResponse => {\n const { socialUserProfile: currentProfile } = this.state;\n const { accessToken = '', idToken = '' } = authResponse || {};\n if (authResponse && accessToken && idToken) {\n const multipleTokens = JSON.stringify({ idToken, accessToken });\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'microsoftLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token: multipleTokens,\n type: 'microsoft',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('microsoft', multipleTokens));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleSalesforceSuccess = authResponse => {\n const { socialUserProfile: currentProfile } = this.state;\n const { code = '', token = '' } = authResponse || {};\n if (authResponse && code && token) {\n const multipleTokens = JSON.stringify({ code, token });\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'salesforceLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token: multipleTokens,\n type: 'salesforce',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('salesforce', multipleTokens));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleGoogleFail = error => {\n this.handleSocialErrorChange(true);\n // eslint-disable-next-line no-console\n console.log('failure', error);\n };\n\n handleDeleteAccount = async (type, token) => {\n const { user } = this.props;\n\n const { credentials: { username } } = user;\n // All providers have their own error state management that's why there are nested control blocks\n try {\n const result = await verifyAndDelete({\n type, token, username\n });\n if (result === true || (typeof result === 'object' && result.token)) {\n this.activeComponentRef.current.handleStep(3);\n } else {\n this.setState({\n thereSocialError: true\n });\n }\n } catch (e) {\n this.setState({\n thereSocialError: true\n });\n }\n };\n\n handleVerifyAccount = async (type, token) => {\n const { user } = this.props;\n\n const { credentials: { username } } = user;\n // All providers have their own error state management that's why there are nested control blocks\n try {\n const result = await verifyUser({\n type, token, username\n });\n const isResultWithToken = (typeof result === 'object') && result.token;\n if (result === true || isResultWithToken) {\n this.activeComponentRef.current.approveVerification();\n // TODO if (isResultWithToken && isSocialLoginForVerification) {\n // set token\n // }\n } else {\n this.setState({\n thereSocialError: true\n });\n }\n } catch (e) {\n this.setState({\n thereSocialError: true\n });\n }\n };\n\n handle2FASocialLoginRequest = response => {\n const { primaryMethod = '' } = response;\n this.setState({\n lastTFAResponse: response,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n };\n\n socialLoginRequest = async (type, token, tfaVerificationCode, tfaMethod, eaVerificationCode) => {\n const { idToken } = this.state;\n this.setState({ lastSocialLoginType: type, lastSocialLoginToken: token });\n const {\n apiURL, forceUser, isSocialLoginForDeleteMyAccountFlow, appName, buttonNames, isSocialLoginForVerification, initiator\n } = this.props;\n\n if (isSocialLoginForDeleteMyAccountFlow || isSocialLoginForVerification) {\n const verifierFunction = isSocialLoginForDeleteMyAccountFlow ? this.handleDeleteAccount : this.handleVerifyAccount;\n verifierFunction(type, token);\n return;\n }\n const newGoogleFlow = type === 'google' ? 1 : 0;\n\n const { socialLoginVerificationHash } = this.state;\n const enableSocialTerms = true;\n const authToken = idToken || token;\n if (forceUser) {\n // continue via request-server\n // since the api does not have\n // the functionality of claimGuestAccount\n forceUserSocialLogin(\n type,\n authToken,\n this.handleLoginSuccess,\n this.handleSocialErrorChange,\n appName,\n this.handleSocialTFAResponse,\n tfaVerificationCode,\n tfaMethod,\n buttonNames,\n socialLoginVerificationHash,\n this.handleSocialTermsRequired,\n enableSocialTerms,\n this.handleSocialEAResponse,\n eaVerificationCode,\n newGoogleFlow,\n this.ofacModalRef\n );\n return;\n }\n\n const isGoogle = type === 'google';\n\n Axios.post(`${apiURL}/formuser/login/${type === 'googleOneTap' ? 'google' : type}`, qs.stringify({\n token: authToken,\n checkSocialLogin: true,\n ...(initiator && { initiator }),\n ...(isGoogle && { newGoogleFlow }),\n ...(isGoogle && { redirectUri: window.location.host }),\n ...(socialLoginVerificationHash && { socialLoginHash: socialLoginVerificationHash })\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n })\n .then(({ data: resp }) => {\n const {\n responseCode,\n message,\n content: {\n email, imageUrl, fullName, socialLoginHash, idToken: jwtToken\n }\n } = resp;\n\n if (responseCode !== 200) {\n throw new Error(message);\n }\n\n if (socialLoginHash) {\n this.handleSocialTermsRequired({\n socialLoginHash,\n socialUserProfile: {\n email,\n imageUrl,\n fullName,\n isFormUser: true\n },\n idToken: jwtToken\n });\n return { data: false };\n }\n return { data: resp };\n })\n .then(({ data: resp }) => {\n if (resp) {\n this.handleLoginSuccess(resp);\n }\n })\n .catch(error => {\n const { response: { data: { error: message = '' } = {} } = {}, message: errorMsg = '' } = error;\n if (message === \"Sorry, you can't signup from this country.\" || errorMsg === \"Sorry, you can't signup from this country.\") {\n openOFACModal(this.ofacModalRef);\n }\n\n if (message === 'Your account has been suspended.' || errorMsg === 'Your account has been suspended.') {\n return handleCustomNavigation('/account-suspended', '_self', true);\n }\n\n console.error('--Couldn\\'t login', error);\n this.handleSocialErrorChange(error);\n });\n };\n\n regularLoginRequest = async (username, password, _appName, _recaptcha, tfaToken, tfaTokenType, _buttonNames, eaToken, rememberDevice) => {\n const { apiURL } = this.props;\n const userLoginRequest = () => {\n return Axios.post(`${apiURL}/user/login`,\n createFormData({\n username,\n password,\n rememberDevice,\n ...(tfaToken && { token: tfaToken }),\n ...(eaToken && { eaToken: eaToken }),\n ...(tfaToken && { tokenType: tfaTokenType }),\n ...(!tfaToken && { eat: '1' }) // email auth parameter\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n };\n\n const formUserLoginRequest = () => {\n const { appName } = this.props;\n return Axios.post(`${apiURL}/formuser/login`, createFormData({\n email: username,\n password,\n ref_app: appName\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n };\n\n const handleConnectionFailure = error => {\n throw new LoginError('Network', null, 'An error occured: Please check your internet connection', error);\n };\n\n const parseResponse = async response => {\n const requestURL = response?.config?.url || '';\n const loginType = /formuser/.test(requestURL) ? 'formUser' : 'user';\n return { loginType, response: response.data };\n };\n\n let loginResponse;\n let tfaResponse = false;\n let requestError;\n const failedResponses = [];\n\n const loginRequests = tfaToken ? [userLoginRequest(username, password)] : [userLoginRequest(username, password), formUserLoginRequest(username, password)];\n await Promise.all(loginRequests.map(loginPromise => loginPromise.catch(handleConnectionFailure).then(parseResponse)))\n .then(responses => {\n responses.forEach(({ response, loginType }) => {\n const { responseCode = 500, message = '' } = response;\n if (responseCode === 200) {\n tfaResponse = response?.content?.primaryMethod || false;\n loginResponse = response;\n } else {\n failedResponses.push({\n loginType,\n message\n });\n }\n });\n })\n .catch(error => {\n if (!(error instanceof LoginError)) throw error;\n const { type } = error;\n if (['Network', 'jsonParse'].includes(type)) {\n requestError = error;\n }\n });\n\n // if (loginResponse?.emailAuthToken) return [false, loginResponse, false, true]; // email authentication\n\n if (loginResponse) {\n if (tfaResponse) {\n return [false, loginResponse, true, false]; // 2fa\n }\n return [true, loginResponse];\n }\n\n let userRequestError;\n let formUserRequestError;\n failedResponses.forEach(({ loginType, message }) => {\n if (loginType === 'formUser') {\n formUserRequestError = { message };\n } else if (!/You're not authorized to use/.test(message)) {\n userRequestError = { message };\n }\n });\n\n return [false, requestError || userRequestError || formUserRequestError];\n };\n\n handleLogin = (username, password, recaptcha, tfaToken, tfaTokenType, eaToken, rememberDevice, isRecovery) => {\n const {\n forceUser, appName, shouldCallNavigate, buttonNames\n } = this.props;\n const {\n regularLoginRequest, handleNavigationChangeRequest, handleLoginSuccess, handleTFAResponse, handleEAResponse\n } = this;\n return handleLoginHelper({\n username,\n password,\n tfaToken,\n tfaTokenType,\n forceUser,\n regularLoginRequest,\n handleNavigationChangeRequest,\n handleLoginSuccess,\n appName,\n recaptcha,\n shouldCallNavigate,\n handleTFAResponse,\n buttonNames,\n eaToken,\n handleEAResponse,\n rememberDevice,\n isRecovery\n });\n };\n\n handleLoginSuccess = (response = {}) => {\n const {\n content: user,\n data: { user: userData, newUser } = {},\n responseCode\n } = response;\n const {\n forceUser,\n onUserLogin,\n shouldCallNavigate,\n baseApp\n } = this.props;\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'loginWithEmail'\n });\n }\n\n if (forceUser) {\n // be in mind that social logins dont return user\n onUserLogin(user || userData || false, { newUser });\n if (baseApp === 'form-encryption') {\n this.handleNavigationChangeRequest('verifyAccount');\n }\n } else if (responseCode === 200) {\n this.isLoggedIn = true;\n\n const { primaryMethod = '' } = user;\n if (primaryMethod) {\n this.handle2FASocialLoginRequest(user);\n return;\n }\n\n if (window?.JFAppsManager?.isOpenedInPortal()) {\n window.JFAppsManager.userChanged(user);\n }\n\n if (shouldCallNavigate) {\n this.handleNavigationChangeRequest('epilogue');\n }\n\n if (window.JFFormUserHelper) {\n window.JFFormUserHelper.setUser(user);\n }\n\n onUserLogin(user, { newUser });\n }\n };\n\n handleSalesforceLoginClick = () => {\n const { onSalesforceLoginClick } = this.props;\n\n const salesforceLogin = initSalesforceSignin();\n if (!salesforceLogin) return;\n salesforceLogin.then(this.handleSalesforceSuccess);\n\n onSalesforceLoginClick();\n };\n\n handleGoogleLoginClick = () => {\n const { onGoogleLoginClick } = this.props;\n const client = initGoogleSignin(this.handleGoogleSuccess);\n if (client) {\n client.requestCode();\n }\n\n onGoogleLoginClick();\n };\n\n handleAppleLoginClick = () => {\n const { onAppleLoginClick } = this.props;\n\n const appleSignin = initAppleSignin(this.nonce);\n if (appleSignin) appleSignin.then(this.handleAppleSuccess);\n\n onAppleLoginClick();\n };\n\n handleFBLoginClick = () => {\n const { onFBLoginClick } = this.props;\n\n const fbLogin = initFBSignin();\n if (!fbLogin) return;\n fbLogin(this.handleFacebookSuccess, { scope: 'public_profile,email' });\n\n onFBLoginClick();\n };\n\n handleMicrosoftLoginClick = () => {\n const { onMicrosoftLoginClick } = this.props;\n\n const microsoftLogin = initMicrosoftSignin();\n if (!microsoftLogin) return;\n microsoftLogin.then(this.handleMicrosoftSuccess);\n\n onMicrosoftLoginClick();\n };\n\n handleNavigationChangeRequest = nextRoute => {\n const isScreenExists = this.getActiveScreen(nextRoute);\n if (!isScreenExists) return;\n\n const { onNavigationChange } = this.props;\n\n this.setState({\n activeScreenKey: nextRoute,\n thereSocialError: false\n }, () => {\n onNavigationChange(nextRoute);\n });\n };\n\n handleSocialErrorChange = status => {\n this.setState({\n thereSocialError: !!status,\n thereErrorMessage: status\n }, () => {\n this.clearError = setTimeout(() => {\n this.setState({\n thereSocialError: false,\n thereErrorMessage: false\n });\n }, 3000);\n });\n };\n\n getActiveScreen = screenKey => {\n const { additionalScreens, forceSSO } = this.props;\n\n const loginScreens = {\n signupOptions: SignupOptions,\n signupWithEmail: SignupWithEmail,\n loginOptions: (forceSSO ? SSOOptions : LoginOptions),\n forgotPassword: ForgotPassword,\n resetSuccess: ResetSuccess,\n twoFactorLogin: TwoFactorLogin,\n twoFactorMethods: TwoFactorMethods,\n socialInit: SocialInit,\n socialTermsStep: SocialTermsStep,\n emailAuthLogin: EmailAuthLogin,\n deleteAccount: DeleteAccountModal,\n verifyAccount: VerifyAccountModal,\n ofacModal: OFACModal,\n signupWithSocialOpts: SignupWithSocialOpts,\n recoverAccountPage: RecoverAccountPage,\n accountRecoveryViewTicket: AccountRecoveryViewTicket,\n recoverAccountNotification: RecoverAccountNotification\n };\n const possibleScreens = {\n ...loginScreens,\n ...additionalScreens\n };\n return possibleScreens[screenKey];\n };\n\n handleClose = () => {\n const { navigationWrapper, onClose, isReact17 } = this.props;\n onClose();\n if (isReact17 && navigationWrapper instanceof HTMLElement) {\n ReactDOM.unmountComponentAtNode(navigationWrapper);\n }\n\n const { activeScreenKey } = this.state;\n if (typeof window.__accountSharingLogger === 'function' && activeScreenKey === 'emailAuthLogin') {\n window.__accountSharingLogger({ action: 'click', target: 'closeButton' });\n }\n };\n\n handleUserLogout = async (...args) => {\n const { onUserLogout } = this.props;\n if (window?.JFAppsManager?.isOpenedInPortal()) {\n window.JFAppsManager.logUserOut();\n }\n onUserLogout(...args);\n };\n\n handle2FARecoverAccount = async () => {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: false, errorMessage: '', email: '', isLoading: true, ticket: ''\n }\n });\n try {\n const { responseCode = '', message = '', content: { email = '', hasOpenTicket = false, ticket = '' } } = await send2FAAccountRecoveryEmail();\n if (responseCode === 200) {\n if (!hasOpenTicket && !ticket && email) {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: false,\n errorMessage: '',\n email: email,\n isLoading: false,\n ticket: ''\n }\n }, () => this.handleNavigationChangeRequest('recoverAccountNotification'));\n } else if (hasOpenTicket && ticket && !email) {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: false,\n errorMessage: '',\n email: '',\n isLoading: false,\n ticket: ticket\n }\n }, () => this.handleNavigationChangeRequest('accountRecoveryViewTicket'));\n } else {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: true,\n errorMessage: 'An error occured. Please try again.',\n email: '',\n isLoading: false,\n ticket: ''\n }\n });\n }\n } else {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: true,\n errorMessage: /You're not authorized to use/.test(message) ? 'The session has expired. Please login again.' : 'An error occured. Please try again.',\n email: '',\n isLoading: false,\n ticket: ''\n }\n });\n }\n } catch ({ message = '' }) {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: true,\n errorMessage: /You're not authorized to use/.test(message) ? 'The session has expired. Please login again.' : 'An error occured. Please try again.',\n email: '',\n isLoading: false,\n ticket: ''\n }\n });\n }\n };\n\n handleEAResponseStateChange = () => {\n const { showEmailAuthStepAsModal } = this.props;\n const {\n lastEAResponse,\n thereSocialError,\n thereErrorMessage,\n isSocialEA\n } = this.state;\n\n if (showEmailAuthStepAsModal) {\n renderStandaloneEmailAuthModal({\n handleEALogin: this.handleEALogin,\n lastEAResponse,\n thereSocialError,\n thereErrorMessage,\n isSocialEA\n });\n } else {\n this.handleNavigationChangeRequest('emailAuthLogin');\n }\n };\n\n handleTFAResponse = (data, username, password) => {\n const { primaryMethod = '' } = data;\n this.setState({\n lastLoginCredentials: { username, password },\n lastTFAResponse: data,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n };\n\n handleEAResponse = (data, username, password) => {\n this.setState({\n lastLoginCredentials: { username, password },\n lastEAResponse: data,\n isSocialEA: false\n }, () => this.handleEAResponseStateChange());\n };\n\n handleTFALogin = async ({\n verificationCode, newType, shouldNavigate = false, rememberDevice\n } = {}) => {\n const {\n lastLoginCredentials: {\n username,\n password\n },\n lastTFAResponse: { token: { type } }\n } = this.state;\n const tfaMethod = newType || type;\n const isRecovery = tfaMethod === 'recovery';\n this.setState({ tfaMethod });\n if (newType === 'recovery' && !verificationCode) {\n this.handleNavigationChangeRequest('twoFactorLogin');\n return;\n }\n\n if (newType && !shouldNavigate && !verificationCode) {\n this.handleNavigationChangeRequest('twoFactorLogin');\n return;\n }\n const [loginSuccess, loginResponse] = await this.handleLogin(username, password, false, verificationCode, tfaMethod, null, rememberDevice, isRecovery);\n return [loginResponse, loginSuccess];\n };\n\n handleEALogin = async ({ verificationCode, isSocialEA = false } = {}) => {\n const {\n lastLoginCredentials: {\n username,\n password\n },\n lastSocialLoginType,\n lastSocialLoginToken\n } = this.state;\n\n if (isSocialEA) {\n this.socialLoginRequest(lastSocialLoginType, lastSocialLoginToken, null, null, verificationCode);\n return;\n }\n\n const [loginSuccess, loginResponse] = await this.handleLogin(username, password, false, null, null, verificationCode);\n return [loginResponse, loginSuccess];\n };\n\n handleSocialTFAResponse = tfaResponse => {\n this.setState({\n lastTFAResponse: tfaResponse,\n isSocialTFA: true\n },\n () => this.handleNavigationChangeRequest('twoFactorLogin'));\n };\n\n handleSocialEAResponse = (eaResponse, type) => {\n const { idToken } = eaResponse;\n if (type) {\n this.setState({ lastSocialLoginType: type });\n }\n this.setState({\n lastEAResponse: eaResponse,\n isSocialEA: true,\n idToken\n },\n () => this.handleEAResponseStateChange());\n };\n\n openLoginFlowModal = () => {\n this.setState({\n showThankyouModal: false\n });\n };\n\n handleLoginFlowDefaultAndThankYouModal = DefaultComponent => {\n const { showThankyouModal } = this.state;\n const { isSSO, onUserLogin } = this.props;\n\n return (\n showThankyouModal ? (\n \n \n {t(Texts.VIEW_SUPPORT_TICKET)}\n \n\n \n onNavigationChangeRequest('twoFactorLogin')}\n >\n
\n \n
\n {t(Texts.RECOVER_ACCOUNT_MAIL_HAS_BEEN_SENT)}
\n\n
\n \n \n {DefaultComponent}\n
\n )\n );\n };\n\n handleLoginFlowAndThankYouModal = (ComponentValue, mode) => {\n const { showThankyouModal } = this.state;\n const {\n thankYouModalOnClose, closableDialog, closableComponent, modalOptions, isSSO, onUserLogin\n } = this.props;\n const subTitles = modalOptions.subTitles ? modalOptions.subTitles : [\n Texts.COMPLETED_TASK\n ];\n return (\n showThankyouModal ? (\n \n
\n )\n );\n };\n\n changeActiveScreen = screenName => {\n this.setState({\n activeScreenKey: screenName\n });\n };\n\n changeActiveMode = mode => {\n this.setState({\n mode: mode\n });\n };\n\n render() {\n const {\n activeScreenKey,\n thereSocialError,\n lastTFAResponse,\n lastEAResponse,\n tfaMethod,\n isSocialTFA,\n isSocialEA,\n thereErrorMessage,\n socialUserProfile,\n isMsSignupTestEnabled,\n isMsSignupControlVariant,\n isMsSignupTestBVariant,\n isMsSignupTestCVariant,\n areSocialButtonsLoading,\n mode,\n externalErrorMessage,\n isSwsoTestVariant,\n tfaAccountRecoveryProps\n } = this.state;\n\n const {\n manager,\n skippable,\n onSkip,\n enforceHIPAARuleSet,\n apiURL,\n greetingMessage,\n hideGreetingMessageOnSignupOptions,\n greetingDescription,\n loginButtonText,\n signupButtonText,\n greetingMessageOnSignupWithEmail,\n user,\n signupPredefinedEmail,\n loginPredefinedEmail,\n verificationHash,\n resourceID,\n productType,\n forceLogin,\n forceUser,\n appName,\n isHIPAA,\n includeConfirm,\n showLogoOnSignupOptions,\n showLogoOnSignupWithEmail,\n actionLogger,\n loginWelcomeText,\n OtherColumnComponents,\n appleSigninEnabled,\n loginDescriptionText,\n showFormOnSignupOptions,\n buttonNames,\n socialInitData,\n shrinkConfirmHeight,\n shrinkConfirmOnMobile,\n logoSource,\n firstShowThankyouModal,\n disableEmail,\n socialLogins,\n AfterVerificationComponent,\n BeforeVerificationComponent,\n VerificationWrapper,\n usePortal,\n builderShowSlides,\n horizontalSocialButtons,\n squareSocialButtonStyle,\n readonlyEmail,\n isVerified,\n setIsVerified,\n baseApp,\n showJotformLogo,\n showSalesforceLogin,\n showEnterpriseLogin,\n hideSignUp,\n redirectURL,\n signupPredefinedName,\n unusualSignupCode,\n unusualSignupToken,\n initiator,\n forceShowBack,\n ssoLoginOptions,\n ssoNormalLoginEnabled,\n initialScreen,\n useSwsoButtons,\n isOnboardingFlow,\n isOnboardingTestVariantReversed\n } = this.props;\n\n const ActiveComponent = this.getActiveScreen(activeScreenKey);\n const Component = (\n \n
\n \n {closableComponent && (\n \n
\n \n {ComponentValue}\n
\n \n
\n \n \n \n )\n );\n case 'multi-column-modal':\n const allComponents = [Component, ...OtherColumnComponents];\n return (\n \n \n \n {Component}\n
\n \n
\n );\n case 'unusual-signup':\n return (\n \n
\n \n \n
\n \n {allComponents.map((Column, id) => (\n
\n \n {Column}\n
\n ))}\n \n {Component}\n
\n )\n );\n }\n }\n}\n\nLoginFlow.propTypes = {\n user: shape(),\n apiURL: string.isRequired,\n manager: shape(),\n onClose: func,\n onUserLogout: func,\n onNavigationChange: func,\n onGoogleLoginClick: func,\n onFBLoginClick: func,\n onMicrosoftLoginClick: func,\n onAppleLoginClick: func,\n onSalesforceLoginClick: func,\n additionalScreens: shape(),\n navigationWrapper: oneOfType([\n node,\n object\n ]).isRequired,\n onUserLogin: func,\n initialScreen: string,\n skippable: bool,\n onSkip: func,\n enforceHIPAARuleSet: bool,\n mode: oneOf([\n 'modal',\n 'multi-column-modal',\n 'unusual-signup',\n 'fullScreen',\n 'default'\n ]),\n greetingMessage: string,\n hideGreetingMessageOnSignupOptions: bool,\n greetingDescription: string,\n loginButtonText: string,\n loginWelcomeText: string,\n loginDescriptionText: string,\n signupPredefinedEmail: string,\n loginPredefinedEmail: string,\n signupButtonText: string,\n greetingMessageOnSignupWithEmail: string,\n verificationHash: string,\n productType: string,\n resourceID: string,\n forceLogin: bool,\n forceUser: bool,\n isSocialLoginForDeleteMyAccountFlow: bool,\n isSocialLoginForVerification: bool,\n appName: string,\n isHIPAA: bool,\n includeConfirm: bool,\n showLogoOnSignupOptions: bool,\n showLogoOnSignupWithEmail: bool,\n shouldCallNavigate: bool,\n actionLogger: func,\n OtherColumnComponents: arrayOf(element),\n appleSigninEnabled: bool,\n showFormOnSignupOptions: bool,\n enableGoogleOneTap: bool,\n shrinkConfirmOnMobile: bool,\n shrinkConfirmHeight: number,\n buttonNames: shape({\n google: string,\n googleOneTap: string,\n facebook: string,\n microsoft: string,\n apple: string,\n salesforce: string,\n email: string\n }),\n socialInitData: shape({}),\n logoSource: string,\n firstShowThankyouModal: bool,\n thankYouModalOnClose: func,\n showSocialTermsStepAsModal: bool,\n disableEmail: bool,\n horizontalSocialButtons: bool,\n squareSocialButtonStyle: bool,\n showEmailAuthStepAsModal: bool,\n closableDialog: bool,\n closableComponent: bool,\n modalOptions: shape({}),\n socialLogins: arrayOf(string),\n AfterVerificationComponent: elementType,\n BeforeVerificationComponent: elementType,\n VerificationWrapper: shape({\n Component: elementType,\n props: shape({})\n }),\n usePortal: bool,\n builderShowSlides: func,\n readonlyEmail: bool,\n isVerified: bool,\n setIsVerified: func,\n baseApp: string,\n showJotformLogo: bool,\n showSalesforceLogin: bool,\n showEnterpriseLogin: bool,\n hideSignUp: bool,\n redirectURL: string,\n signupPredefinedName: string,\n showUnusualSignupFlow: bool,\n unusualSignupCode: string,\n unusualSignupToken: string,\n initiator: string,\n swsoTestVariant: bool,\n forceShowBack: bool,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })),\n isSSO: bool,\n isReact17: bool,\n ssoNormalLoginEnabled: bool,\n useSwsoButtons: bool,\n isOnboardingFlow: bool,\n isOnboardingTestVariantReversed: bool,\n forceSSO: bool\n};\n\nLoginFlow.defaultProps = {\n user: null,\n onClose: () => undefined,\n skippable: false,\n onSkip: () => undefined,\n enforceHIPAARuleSet: false,\n onUserLogin: () => undefined,\n onUserLogout: () => undefined,\n onNavigationChange: () => undefined,\n onGoogleLoginClick: () => undefined,\n onFBLoginClick: () => undefined,\n onMicrosoftLoginClick: () => undefined,\n onAppleLoginClick: () => undefined,\n onSalesforceLoginClick: () => undefined,\n thankYouModalOnClose: () => undefined,\n initialScreen: 'signupOptions',\n additionalScreens: {},\n greetingMessage: 'Welcome to Jotform',\n hideGreetingMessageOnSignupOptions: false,\n greetingDescription: '',\n loginButtonText: Texts.LOGIN_TEXT,\n loginWelcomeText: Texts.WELCOME_BACK,\n loginDescriptionText: '',\n signupButtonText: Texts.SIGN_UP,\n greetingMessageOnSignupWithEmail: Texts.SIGN_UP_EMAIL,\n signupPredefinedEmail: '',\n loginPredefinedEmail: '',\n manager: {},\n mode: 'modal',\n verificationHash: '',\n productType: 'form',\n resourceID: '',\n forceLogin: false,\n forceUser: false,\n isSocialLoginForDeleteMyAccountFlow: false,\n isSocialLoginForVerification: false,\n appName: '',\n isHIPAA: false,\n includeConfirm: false,\n showLogoOnSignupOptions: true,\n showLogoOnSignupWithEmail: false,\n shouldCallNavigate: true,\n actionLogger: null,\n OtherColumnComponents: [],\n appleSigninEnabled: false,\n showFormOnSignupOptions: false,\n enableGoogleOneTap: false,\n buttonNames: {\n google: '',\n googleOneTap: 'GoogleOnetap',\n facebook: '',\n microsoft: '',\n apple: '',\n salesforce: '',\n emailLogin: '',\n emailSignup: ''\n },\n horizontalSocialButtons: false,\n squareSocialButtonStyle: false,\n socialInitData: {},\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n logoSource: '',\n firstShowThankyouModal: false,\n showSocialTermsStepAsModal: false,\n disableEmail: false,\n showEmailAuthStepAsModal: false,\n closableDialog: true,\n closableComponent: true,\n modalOptions: {},\n socialLogins: [],\n AfterVerificationComponent: null,\n BeforeVerificationComponent: null,\n VerificationWrapper: null,\n usePortal: false,\n builderShowSlides: f => f,\n readonlyEmail: false,\n isVerified: false,\n setIsVerified: f => f,\n baseApp: '',\n showJotformLogo: false,\n showSalesforceLogin: false,\n showEnterpriseLogin: false,\n hideSignUp: false,\n redirectURL: '',\n signupPredefinedName: '',\n showUnusualSignupFlow: false,\n unusualSignupCode: '',\n unusualSignupToken: '',\n initiator: '',\n swsoTestVariant: false,\n forceShowBack: false,\n ssoLoginOptions: [],\n isSSO: false,\n isReact17: false,\n ssoNormalLoginEnabled: false,\n useSwsoButtons: false,\n isOnboardingFlow: false,\n isOnboardingTestVariantReversed: false,\n forceSSO: false\n};\n","/* eslint-disable max-len */\nimport Styled from 'styled-components';\n\nconst onSmallMobile = 'screen and (max-height: 600px)';\n\nexport const ScPassword = Styled.div`\n * { box-sizing: border-box; }\n\n font-size: 16px;\n max-width: 340px;\n\n .xcl {\n &-field-wr {\n position: relative;\n\n &.forPassword {\n .xcl-lbl-err {\n span { display: block; margin-bottom: 4px; }\n span:before { display: inline-block; content: '-'; margin-right: 3px; }\n }\n }\n }\n\n &-togglePass-btn {\n position: absolute;\n top: 34px;\n right: 7px;\n background: none;\n border: 0;\n padding: 0;\n z-index: 2;\n border-radius: 0;\n border: 0;\n background-color: transparent;\n color: inherit;\n text-align: center;\n height: 30px;\n width: 32px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid transparent;\n transition: all .2s;\n\n #signupPage & {\n .tiny-mobile & {\n top: 30px;\n @media ${onSmallMobile}{\n top: 25px;\n right: 1px;\n }\n }\n }\n\n #myaccount & {\n .tiny-mobile & {\n top: 30px;\n @media ${onSmallMobile}{\n top: 25px;\n right: 1px;\n }\n }\n }\n\n .primaryHeader & {\n right: 5px;\n width: 30px;\n height: 26px;\n }\n\n &:focus-visible {\n outline: none;\n border-color: #799AF8;\n box-shadow: 0 0 0 3px #d3ddfd;\n background-color: #eaf0ff;\n .xcl-togglePass-icon {\n svg{\n path{\n fill: #2e69ff;\n }\n }\n }\n }\n\n &:hover{\n background-color: #eaf0ff;\n\n .xcl-togglePass-icon {\n svg{\n path{\n fill: #2e69ff;\n }\n }\n\n .xcl-togglePass-tooltip {\n opacity: 1;\n margin-top: -24px;\n }\n }\n\n }\n\n }\n &-togglePass-icon { display: block; color: rgb(136, 148, 171); }\n &-togglePass-icon svg { width: 20px; height:20px; display: block!important; }\n &-togglePass-tooltip {\n background-color: #2b3245;\n font-size: 12px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: normal;\n text-align: right;\n color: #c3cad8;\n white-space: nowrap;\n position: absolute;\n right: 3px;\n top: 0;\n min-height: 24px;\n border-radius: 2px;\n padding: 4px;\n opacity: 0;\n pointer-events: none;\n margin-top: -22px;\n transition: all .2s;\n &:after{\n content: \"\";\n display: block;\n width: 12px;\n height: 12px;\n position: absolute;\n right: 6px;\n bottom: -6px;\n z-index: -1;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='6.1px' viewBox='0 0 12 6.1' style='enable-background:new 0 0 12 6.1;' xml:space='preserve'%3E%3Cpath style='fill:%232B3245' d='M1.6,0.8l3.6,4.8c0.4,0.5,1.2,0.5,1.6,0l3.6-4.8C10.8,0.3,11.4,0,12,0H0C0.6,0,1.2,0.3,1.6,0.8z'/%3E%3C/svg%3E%0A\");\n background-position: bottom center;\n background-repeat: no-repeat;\n }\n }\n &-inp {\n font-size: 16px;\n display: block;\n width: 100%;\n margin-top: 8px;\n position: relative;\n background-color: #fff;\n z-index: 2;\n\n &::-webkit-credentials-auto-fill-button,\n &::-webkit-contacts-auto-fill-button {\n background-color: #8894AB;\n }\n\n &.forPassword{\n padding-right: 44px;\n\n html[dir=\"rtl\"] & {\n padding-left: 44px;\n padding-right: 12px;\n }\n }\n\n &:focus {\n outline: none;\n border-color: #799AF8;\n box-shadow: 0 0 0 3px #d3ddfd;\n }\n &::placeholder { color: #b9c5cb; }\n &.errored { border-color: #D4372C; box-shadow: 0px 0px 0px 3px #F6D7D5; }\n &.successed { border-color: #4caf50; box-shadow: 0 0 0px 3px #c8e6c9; }\n }\n\n &-lbl-err {\n background-color: #D4372C;\n color: #fff;\n display: inline-block;\n margin-top: 0;\n font-size: 12px;\n text-align: left;\n padding: 0 8px;\n border-radius: 2px;\n z-index: 1;\n line-height: 0;\n transition: all .2s;\n overflow: hidden;\n\n &.isVisible { \n padding: 4px 8px;\n margin-top: 8px;\n line-height: 16px;\n }\n &.forTerms { bottom: 5px; border-radius: 0 4px 4px 4px; padding: 4px 8px; }\n }\n }\n\n @keyframes fieldsSmoothEnter {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hPass-reqs {\n color: #0A1551;\n font-size: .875rem;\n text-align: left;\n line-height: 1.5em;\n margin-bottom: 2em;\n transition: max-height .3s ease-in-out;\n\n p { \n margin: 0.5em 0 1em;\n color: #333;\n }\n ul {\n margin: 0; padding: 0 0 0 1.25em; list-style-type: disc;\n\n &.has-icon {\n padding: 0;\n list-style-type: none;\n }\n }\n li {\n opacity: 0;\n animation: fieldsSmoothEnter .3s ease-in-out forwards;\n display: flex;\n align-items: center;\n }\n li + li { margin-top: .25em; }\n\n .hPass-reqs-info-text {\n display: flex;\n align-items: center;\n color: #6C73A8;\n gap: 0.5rem;\n }\n\n .hPass-reqs-info-icon {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n }\n }\n\n .hPass-req {\n span {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n\n html[dir=\"rtl\"] & {\n margin-left: 8px;\n margin-right: 0;\n }\n }\n\n &.isGood, &.isBad {\n svg {\n fill: #fff;\n width: 12px;\n height: 12px;\n }\n }\n\n &.isGood {\n color: #2B3245;\n span {\n background-color: #54B45C;\n }\n }\n\n &.isBad {\n color: #2B3245;\n span {\n background-color: #FB4958;\n }\n }\n\n &.isNeutral {\n span {\n background-color: #C8CEED;\n }\n }\n }\n\n .forgot-password-ui {\n margin-left: auto;\n display: block;\n margin-top: 8px;\n background-color: transparent;\n border: 0;\n padding: 0;\n font-size: 14px;\n color: #4277FF;\n text-decoration: underline;\n cursor: pointer;\n }\n`;\n","import React, { useRef, useEffect, useState } from 'react';\nimport {\n bool, func, shape, string\n} from 'prop-types';\n\nimport {\n IconCheckSm,\n IconXmarkSm,\n IconInfoCircleFilled\n} from '@jotforminc/svg-icons';\n\nconst icons = {\n isGood: \n {checkReuse ? (\n <>\n
\n \n \n {t('Forgot Password?')}\n \n ) : null\n }\n {allowPasswordShow && (\n handlePasswordModeToggle(inputCurrentPassRef)}\n >\n \n {passwordMode === 'hide' ?
\n )}\n \n \n handlePasswordModeToggle(inputPassRef)}\n >\n \n {passwordMode === 'hide'\n ? (\n <>\n \n {requiredPassError}\n
\n \n {\n (secure && secureDisplay === 'top' && showSecureRequirementsList) ? (\n renderSecureRequirementsList()\n ) : null\n }\n {\n includeConfirm ? (\n \n {disclaimer}\n
\n )}\n {allowPasswordShow && (\n \n \n handlePasswordModeToggle(inputConfirmPassRef)}\n >\n \n {passwordMode === 'hide'\n ? (\n <>\n
\n ) : null\n }\n {\n (secure && secureDisplay !== 'top' && showSecureRequirementsList) ? (\n renderSecureRequirementsList()\n ) : null\n }\n \n {confirmPassError && hasErrorMessage ? confirmPassError : null}\n
\n {errorMessage}
: null}\n \n {icon}\n
\n {title}
\n {subtitle}
\n {children && (\n \n {children}\n
\n )}\n {description && {description}
}\n {showDontShowAgain ? (\n \n ) : null}\n\n
\n {icon && {text}
\n {description || desc}
\n {children}\n \n
\n );\n }\n return (\n \n {t(DISABLE_DEFAULT_DOCUMENT_TEXT)}\n
\n \n e.stopPropagation()}\n >\n \n \n \n Open in PDF Editor\n \n
\n \n \n {t(disabledHoverText)}\n \n )}\n
\n );\n};\n\nAttachPDFListItem.propTypes = {\n option: shape({ value: oneOfType([string, number]), disabled: bool }),\n formID: string,\n isSelected: bool,\n disabledHoverText: string,\n disableDefaultDocument: bool\n};\n\nAttachPDFListItem.defaultProps = {\n option: {},\n formID: '',\n isSelected: false,\n disabledHoverText: null,\n disableDefaultDocument: false\n};\n\nconst SelectList = forwardRef(({\n onChange, options, value, ItemComponent, showSelectAll, showSelectedItemCount, disabledHoverText, ignoreDefaultValueCheck, disableDefaultDocument, ...props\n}, ref) => {\n return (\n \n
\n \n {text}\n
\n {disabledHoverText && (\n \n e.stopPropagation()}\n >\n \n Open in PDF Editor\n \n
\n \n
\n \n );\n};\n\nSelectListWrapper.defaultProps = {\n pdfRelatedConfigsForAllForm: [],\n setSelectedPDF: f => f,\n formID: '',\n selectedTotalPDFCountLimit: f => f,\n increaseTotalPDF: f => f,\n getAllPdfByID: f => f,\n allPDF: []\n};\n\nSelectListWrapper.propTypes = {\n pdfRelatedConfigsForAllForm: array,\n setSelectedPDF: func,\n formID: string,\n selectedTotalPDFCountLimit: func,\n increaseTotalPDF: func,\n getAllPdfByID: func,\n allPDF: array\n};\n\nexport default SelectListWrapper;\n","import classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport {\n func, string, array, bool\n} from 'prop-types';\nimport Dropdown from '@jotforminc/dropdown';\nimport { t } from '@jotforminc/translation';\n\nimport SelectListWrapper from './SelectListWrapper';\n\nconst DropdownWrapper = ({\n forms, form, pdfDocuments, selectedTotalPDF, type, selectedTotalPDFCountLimit, pdfRelatedConfigsForAllForm, onChangeFunc, increaseTotalPDF, usedFromEmail\n}) => {\n const getAllPdfByID = formID => {\n const result = [];\n if (Array.isArray(pdfDocuments)) {\n if (pdfDocuments && pdfDocuments?.length > 0) {\n pdfDocuments?.forEach(value => {\n const relatedPDFList = forms?.find?.(formValue => formValue.id === formID)?.pdfs || [];\n const filteredPDFList = relatedPDFList?.filter?.(list => list?.id === value?.pdfID);\n if ((value?.formID === formID) && !(value?.importedPDF) && (filteredPDFList?.length > 0 || value?.pdfID === '')) {\n result.push(value.pdfID);\n }\n // special case for selected importedPDF\n if ((value?.formID === formID) && (filteredPDFList?.length === 0 && value?.importedPDF)) {\n result.push('importedPDF');\n }\n });\n }\n }\n if (pdfDocuments && pdfDocuments[formID]) {\n return pdfDocuments[formID];\n }\n\n return result;\n };\n const [allPDF, setAllPDF] = useState(getAllPdfByID(form?.id) || []);\n\n useEffect(() => {\n setAllPDF(getAllPdfByID(form?.id));\n }, [selectedTotalPDF]);\n\n const optionListData = (setSelectedPDF, formID) => {\n return [{\n text: null,\n value: null,\n beforeComponent: \n {\n if (!isEqual(defaultValueForPDF, value) && value?.[0] !== '') {\n setSelectedPDF(value);\n onChangeFunc(value);\n }\n }}\n ref={selectedElementRef}\n ignoreDefaultValueCheck={true}\n value={defaultValueForPDF}\n disabledHoverText={LIMIT_TEXT}\n formID={formID}\n disableDefaultDocument={true}\n />\n
\n \n
\n );\n};\n\nexport default DropdownWrapper;\n\nDropdownWrapper.defaultProps = {\n forms: [],\n form: [],\n pdfDocuments: [],\n selectedTotalPDF: [],\n type: '',\n selectedTotalPDFCountLimit: func,\n pdfRelatedConfigsForAllForm: [],\n onChangeFunc: f => f,\n increaseTotalPDF: f => f,\n usedFromEmail: true\n\n};\n\nDropdownWrapper.propTypes = {\n forms: array,\n form: array,\n pdfDocuments: array,\n selectedTotalPDF: array,\n type: string,\n selectedTotalPDFCountLimit: func,\n pdfRelatedConfigsForAllForm: array,\n onChangeFunc: func,\n increaseTotalPDF: func,\n usedFromEmail: bool\n\n};\n","import React, { useEffect, useState } from 'react';\nimport {\n oneOf, array, func, node, bool\n} from 'prop-types';\n// import { getMissingPDFAttachmentMessage } from '@jotforminc/utils';\n// import cx from 'classnames';\nimport '../../../styles/ResourcePickerDropdown.scss';\nimport '../../../styles/jfEmailWizard-formWizard.scss';\nimport '../../../styles/jfEmailWizard.scss';\nimport './style.scss';\nimport DropdownWrapper from './components/DropdownWrapper';\n\nconst LIMIT_COUNT = 3;\n\nconst MultipleFormPDFDropdown = ({\n type, forms, pdfRelatedConfigsForAllForm, onChange, valueList, PDFData, usedFromEmail\n}) => {\n const { pdfDocuments = [] } = valueList;\n const listOfPDF = usedFromEmail ? pdfDocuments : PDFData;\n\n const converter = list => {\n let temp = {};\n if (Array.isArray(list)) {\n list.forEach(formByVal => {\n const id = formByVal.formID;\n const val = {};\n if (temp[id]) {\n const newVal = [...temp[id], formByVal.pdfID];\n temp[id] = newVal;\n } else {\n val[id] = [formByVal.pdfID];\n temp = { ...temp, ...val };\n }\n });\n }\n\n return temp;\n };\n const [selectedTotalPDF, setSelectedTotalPDF] = useState(listOfPDF ? converter(listOfPDF) : {});\n\n let totalCount = 0;\n\n const selectedTotalPDFCountLimit = Object.values(selectedTotalPDF)?.some(pdfValue => {\n totalCount += pdfValue?.length;\n return totalCount >= LIMIT_COUNT;\n });\n\n const getAllPdfByID = formID => {\n const result = [];\n if (Array.isArray(pdfDocuments)) {\n if (pdfDocuments && pdfDocuments?.length > 0) {\n pdfDocuments?.forEach(value => {\n const relatedPDFList = forms?.find?.(form => form.id === formID)?.pdfs || [];\n const filteredPDFList = relatedPDFList?.filter?.(list => list?.id === value?.pdfID);\n if ((value?.formID === formID) && !(value?.importedPDF) && (filteredPDFList?.length > 0 || value?.pdfID === '')) {\n result.push(value.pdfID);\n }\n // special case for selected importedPDF\n if ((value?.formID === formID) && (filteredPDFList?.length === 0 && value?.importedPDF)) {\n result.push('importedPDF');\n }\n });\n }\n }\n if (pdfDocuments && pdfDocuments[formID]) {\n return pdfDocuments[formID];\n }\n\n return result;\n };\n\n useEffect(() => {\n let triggerTotalPDF = {};\n if (forms) {\n forms?.forEach(form => {\n if (getAllPdfByID(form?.id)?.length > 0) {\n triggerTotalPDF = { ...triggerTotalPDF, [form?.id]: getAllPdfByID(form?.id) };\n }\n });\n }\n }, []);\n\n const increaseTotalPDF = pdfIDList => {\n setSelectedTotalPDF({ ...selectedTotalPDF, ...pdfIDList });\n onChange({ ...selectedTotalPDF, ...pdfIDList });\n };\n\n // const pdfOptionsByFormId = pdfRelatedConfigsForAllForm.reduce((result, current) => ({ ...result, [current.formID]: (current.pdfOptions || []).map(pdfOption => pdfOption.value) || [] }), {});\n return (\n <>\n \n {forms?.map(form => {\n // const missingPdfAttachment = Boolean(getMissingPDFAttachmentMessage(pdfOptionsByFormId[form.id], selectedTotalPDF[form.id]));\n return (\n
\n\n \n );\n};\n\nMultipleFormPDFDropdown.defaultProps = {\n type: 'form',\n PDFData: [],\n forms: [],\n pdfRelatedConfigsForAllForm: [],\n onChange: f => f,\n valueList: {},\n usedFromEmail: true\n};\n\nMultipleFormPDFDropdown.propTypes = {\n type: oneOf(['table', 'form']),\n PDFData: array,\n forms: array,\n pdfRelatedConfigsForAllForm: array,\n onChange: func,\n valueList: node,\n usedFromEmail: bool\n};\n\nexport default MultipleFormPDFDropdown;\n","const gray = '#C8CEED';\nconst darkGray = '#6F76A7';\nconst lightGray = '#F3F3FE';\nconst blue = '#0099FF';\nconst darkBlue = '#0A1551';\nconst lightestBlue = '#EDF8FF';\nconst lightBlue = '#DBF1FF';\n\nexport const theme = {\n fontSize: '16px',\n\n itemBg: '#fff',\n itemBgFocus: lightGray,\n itemBgSelected: lightestBlue,\n itemBgSelectedHover: lightBlue,\n itemBorder: gray,\n itemBorderSelected: blue,\n lineHeight: `${21 / 16}em`,\n itemPadding: `${15 / 16}em`,\n\n // title\n titleColor: darkBlue,\n titleFontSize: `${17 / 16}em`,\n titleFontWeight: '500',\n\n // details\n detailsColor: darkGray,\n detailsFontSize: `${14 / 16}em`,\n detailsFontWeight: '300',\n\n // checkbox\n chBorder: gray,\n chSelected: blue,\n // eslint-disable-next-line max-len\n chIcon: \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFF' stroke-linecap='round' stroke-width='2' d='M4 8.025L6.994 10.951 12.905 4.5' transform='translate%28-3 -3%29'/%3E%3C/svg%3E%0A\",\n // eslint-disable-next-line max-len\n chPartialIcon: \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='3' viewBox='0 0 10 3'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFF' stroke-linecap='round' stroke-width='2' d='M4 8.5L11.937 8.5' transform='translate%28-3 -7%29'/%3E%3C/svg%3E\"\n};\n","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoFormsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 108 121\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 58.4492,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.1099 58.4224C61.1099 55.2404 63.6894 52.6609 66.8714 52.6609H94.2387C97.4207 52.6609 100 55.2404 100 58.4224V92.9916C100 96.1736 97.4207 98.7532 94.2387 98.7532H66.8714C63.6894 98.7532 61.1099 96.1736 61.1099 92.9916V58.4224Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M94.2387 54.1013H66.8714C64.4849 54.1013 62.5502 56.0359 62.5502 58.4224V92.9916C62.5502 95.3781 64.4849 97.3128 66.8714 97.3128H94.2387C96.6252 97.3128 98.5598 95.3781 98.5598 92.9916V58.4224C98.5598 56.0359 96.6252 54.1013 94.2387 54.1013ZM66.8714 52.6609C63.6894 52.6609 61.1099 55.2404 61.1099 58.4224V92.9916C61.1099 96.1736 63.6894 98.7532 66.8714 98.7532H94.2387C97.4207 98.7532 100 96.1736 100 92.9916V58.4224C100 55.2404 97.4207 52.6609 94.2387 52.6609H66.8714Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.3403 68.2993C69.3403 66.9356 70.4458 65.8301 71.8096 65.8301H89.9172C91.281 65.8301 92.3865 66.9356 92.3865 68.2993C92.3865 69.663 91.281 70.7685 89.9172 70.7685H71.8096C70.4458 70.7685 69.3403 69.663 69.3403 68.2993Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.3403 76.5298C69.3403 75.1661 70.4458 74.0605 71.8096 74.0605H89.9172C91.281 74.0605 92.3865 75.1661 92.3865 76.5298C92.3865 77.8935 91.281 78.999 89.9172 78.999H71.8096C70.4458 78.999 69.3403 77.8935 69.3403 76.5298Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.3403 84.7607C69.3403 83.397 70.4458 82.2915 71.8096 82.2915H89.9172C91.281 82.2915 92.3865 83.397 92.3865 84.7607C92.3865 86.1245 91.281 87.23 89.9172 87.23H71.8096C70.4458 87.23 69.3403 86.1245 69.3403 84.7607Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37.1431 8.13654C37.1431 4.95453 39.7226 2.375 42.9046 2.375H70.2719C73.4539 2.375 76.0334 4.95453 76.0334 8.13654V42.7057C76.0334 45.8878 73.4539 48.4673 70.2719 48.4673H42.9046C39.7226 48.4673 37.1431 45.8878 37.1431 42.7057V8.13654Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M70.2719 3.81538H42.9046C40.5181 3.81538 38.5835 5.75003 38.5835 8.13654V42.7057C38.5835 45.0923 40.5181 47.0269 42.9046 47.0269H70.2719C72.6584 47.0269 74.593 45.0923 74.593 42.7057V8.13654C74.593 5.75003 72.6584 3.81538 70.2719 3.81538ZM42.9046 2.375C39.7226 2.375 37.1431 4.95453 37.1431 8.13654V42.7057C37.1431 45.8878 39.7226 48.4673 42.9046 48.4673H70.2719C73.4539 48.4673 76.0334 45.8878 76.0334 42.7057V8.13654C76.0334 4.95453 73.4539 2.375 70.2719 2.375H42.9046Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.3735 18.0134C45.3735 16.6497 46.479 15.5442 47.8428 15.5442H65.9504C67.3142 15.5442 68.4197 16.6497 68.4197 18.0134C68.4197 19.3771 67.3142 20.4826 65.9504 20.4826H47.8428C46.479 20.4826 45.3735 19.3771 45.3735 18.0134Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.3735 26.2439C45.3735 24.8802 46.479 23.7747 47.8428 23.7747H65.9504C67.3142 23.7747 68.4197 24.8802 68.4197 26.2439C68.4197 27.6076 67.3142 28.7131 65.9504 28.7131H47.8428C46.479 28.7131 45.3735 27.6076 45.3735 26.2439Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.3735 34.4748C45.3735 33.1111 46.479 32.0056 47.8428 32.0056H65.9504C67.3142 32.0056 68.4197 33.1111 68.4197 34.4748C68.4197 35.8386 67.3142 36.9441 65.9504 36.9441H47.8428C46.479 36.9441 45.3735 35.8386 45.3735 34.4748Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 58.4224C12 55.2404 14.5795 52.6609 17.7615 52.6609H45.1288C48.3108 52.6609 50.8904 55.2404 50.8904 58.4224V92.9916C50.8904 96.1736 48.3108 98.7532 45.1288 98.7532H17.7615C14.5795 98.7532 12 96.1736 12 92.9916V58.4224Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M45.1288 54.1013H17.7615C15.375 54.1013 13.4404 56.0359 13.4404 58.4224V92.9916C13.4404 95.3781 15.375 97.3128 17.7615 97.3128H45.1288C47.5153 97.3128 49.45 95.3781 49.45 92.9916V58.4224C49.45 56.0359 47.5153 54.1013 45.1288 54.1013ZM17.7615 52.6609C14.5795 52.6609 12 55.2404 12 58.4224V92.9916C12 96.1736 14.5795 98.7532 17.7615 98.7532H45.1288C48.3108 98.7532 50.8904 96.1736 50.8904 92.9916V58.4224C50.8904 55.2404 48.3108 52.6609 45.1288 52.6609H17.7615Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.2305 68.2993C20.2305 66.9356 21.336 65.8301 22.6997 65.8301H40.8074C42.1711 65.8301 43.2766 66.9356 43.2766 68.2993C43.2766 69.663 42.1711 70.7685 40.8074 70.7685H22.6997C21.336 70.7685 20.2305 69.663 20.2305 68.2993Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.2305 76.5298C20.2305 75.1661 21.336 74.0605 22.6997 74.0605H40.8074C42.1711 74.0605 43.2766 75.1661 43.2766 76.5298C43.2766 77.8935 42.1711 78.999 40.8074 78.999H22.6997C21.336 78.999 20.2305 77.8935 20.2305 76.5298Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.2305 84.7607C20.2305 83.397 21.336 82.2915 22.6997 82.2915H40.8074C42.1711 82.2915 43.2766 83.397 43.2766 84.7607C43.2766 86.1245 42.1711 87.23 40.8074 87.23H22.6997C21.336 87.23 20.2305 86.1245 20.2305 84.7607Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.4659 100.228C60.6527 99.0526 65.526 92.2739 64.3508 85.0871C63.1756 77.9003 56.3969 73.027 49.2101 74.2022C42.0233 75.3774 37.15 82.1561 38.3252 89.3429C39.5004 96.5297 46.2791 101.403 53.4659 100.228Z\",\n fill: \"url(#paint0_linear)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6883 100.626L59.2301 99.3097L64.5955 109.657L62.0567 110.975L56.6883 100.626Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.649 74.3221C42.1006 75.6452 40.0015 77.6942 38.6174 80.21C37.2334 82.7257 36.6265 85.5953 36.8732 88.456C37.1199 91.3168 38.2092 94.0401 40.0035 96.2818C41.7978 98.5235 44.2166 100.183 46.9539 101.05C49.6911 101.917 52.6239 101.954 55.3817 101.154C58.1395 100.355 60.5985 98.7553 62.4476 96.5585C64.2966 94.3617 65.4527 91.6659 65.7698 88.8121C66.0869 85.9583 65.5508 83.0746 64.2292 80.5255C62.4551 77.1072 59.396 74.5335 55.7247 73.3701C52.0534 72.2068 48.0705 72.549 44.6515 74.3217L44.649 74.3221ZM56.836 97.7931C54.7413 98.8817 52.371 99.3247 50.0246 99.0659C47.6782 98.807 45.461 97.8581 43.654 96.3391C41.8469 94.8201 40.531 92.7993 39.8726 90.5323C39.2142 88.2653 39.2429 85.854 39.9551 83.6033C40.6673 81.3527 42.0311 79.3638 43.8738 77.8883C45.7165 76.4128 47.9554 75.517 50.3073 75.3141C52.6593 75.1112 55.0186 75.6105 57.0867 76.7486C59.1549 77.8868 60.8391 79.6128 61.9262 81.7083C63.3813 84.516 63.6623 87.7866 62.7078 90.8016C61.7532 93.8165 59.6411 96.3293 56.8352 97.788L56.836 97.7931Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.435 118.328C67.1874 118.457 66.9168 118.536 66.6387 118.56C66.3605 118.585 66.0804 118.554 65.8142 118.469C65.548 118.385 65.301 118.249 65.0875 118.069C64.8739 117.889 64.6982 117.669 64.57 117.421L57.2159 103.261L60.9853 101.301L68.3419 115.461C68.4713 115.708 68.5506 115.979 68.5751 116.257C68.5995 116.536 68.5689 116.816 68.4846 117.083C68.4003 117.349 68.2641 117.597 68.084 117.81C67.9039 118.024 67.6833 118.2 67.435 118.328Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear\",\n x1: 49.2101,\n y1: 74.2022,\n x2: 53.4659,\n y2: 100.228,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\",\n transform: \"translate(0 0.375)\"\n})))));\nexport default SvgNoFormsFoundIcon;","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoAppsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 108 120\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 55.5,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 38.25,\n y: 3.67578,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42 11.1758C42 9.10471 43.6789 7.42578 45.75 7.42578H68.25C70.3211 7.42578 72 9.10471 72 11.1758V33.6758C72 35.7468 70.3211 37.4258 68.25 37.4258H45.75C43.6789 37.4258 42 35.7468 42 33.6758V11.1758Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.2489 24.4626C62.9735 24.4626 62.7501 24.6861 62.7501 24.9615V27.892H59.8196C59.5442 27.892 59.3208 28.1154 59.3208 28.3908C59.3208 28.6662 59.5442 28.8896 59.8196 28.8896H62.7501V31.8201C62.7501 32.0955 62.9735 32.3189 63.2489 32.3189C63.5243 32.3189 63.7477 32.0955 63.7477 31.8201V28.8896H66.6782C66.9536 28.8896 67.177 28.6662 67.177 28.3908C67.177 28.1154 66.9536 27.892 66.6782 27.892H63.7477V24.9615C63.7477 24.6861 63.5243 24.4626 63.2489 24.4626Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.3838 11.994C58.3838 11.5421 58.7502 11.1757 59.2021 11.1757H67.3857C67.8377 11.1757 68.2041 11.5421 68.2041 11.994V20.1776C68.2041 20.6296 67.8377 20.9959 67.3857 20.9959H59.2021C58.7502 20.9959 58.3838 20.6296 58.3838 20.1776V11.994Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.751 11.994C45.751 11.5421 46.1174 11.1757 46.5693 11.1757H54.7529C55.2049 11.1757 55.5713 11.5421 55.5713 11.994V20.1776C55.5713 20.6296 55.2049 20.9959 54.7529 20.9959H46.5693C46.1174 20.9959 45.751 20.6296 45.751 20.1776V11.994Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M45.751 24.6268C45.751 24.1749 46.1174 23.8085 46.5693 23.8085H54.7529C55.2049 23.8085 55.5713 24.1749 55.5713 24.6268V32.8104C55.5713 33.2624 55.2049 33.6288 54.7529 33.6288H46.5693C46.1174 33.6288 45.751 33.2624 45.751 32.8104V24.6268Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 13.25,\n y: 53.6758,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 61.1758C17 59.1047 18.6789 57.4258 20.75 57.4258H43.25C45.3211 57.4258 47 59.1047 47 61.1758V83.6758C47 85.7468 45.3211 87.4258 43.25 87.4258H20.75C18.6789 87.4258 17 85.7468 17 83.6758V61.1758Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.2489 74.4626C37.9735 74.4626 37.7501 74.6861 37.7501 74.9615V77.892H34.8196C34.5442 77.892 34.3208 78.1154 34.3208 78.3908C34.3208 78.6662 34.5442 78.8896 34.8196 78.8896H37.7501V81.8201C37.7501 82.0955 37.9735 82.3189 38.2489 82.3189C38.5243 82.3189 38.7477 82.0955 38.7477 81.8201V78.8896H41.6782C41.9536 78.8896 42.177 78.6662 42.177 78.3908C42.177 78.1154 41.9536 77.892 41.6782 77.892H38.7477V74.9615C38.7477 74.6861 38.5243 74.4626 38.2489 74.4626Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.3838 61.994C33.3838 61.5421 33.7502 61.1757 34.2021 61.1757H42.3857C42.8377 61.1757 43.2041 61.5421 43.2041 61.994V70.1776C43.2041 70.6296 42.8377 70.9959 42.3857 70.9959H34.2021C33.7502 70.9959 33.3838 70.6296 33.3838 70.1776V61.994Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.751 61.994C20.751 61.5421 21.1174 61.1757 21.5693 61.1757H29.7529C30.2049 61.1757 30.5713 61.5421 30.5713 61.994V70.1776C30.5713 70.6296 30.2049 70.9959 29.7529 70.9959H21.5693C21.1174 70.9959 20.751 70.6296 20.751 70.1776V61.994Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.751 74.6267C20.751 74.1747 21.1174 73.8083 21.5693 73.8083H29.7529C30.2049 73.8083 30.5713 74.1747 30.5713 74.6267V82.8103C30.5713 83.2622 30.2049 83.6286 29.7529 83.6286H21.5693C21.1174 83.6286 20.751 83.2622 20.751 82.8103V74.6267Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 62.25,\n y: 53.6758,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66 61.1758C66 59.1047 67.6789 57.4258 69.75 57.4258H92.25C94.3211 57.4258 96 59.1047 96 61.1758V83.6758C96 85.7468 94.3211 87.4258 92.25 87.4258H69.75C67.6789 87.4258 66 85.7468 66 83.6758V61.1758Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M87.2489 74.4626C86.9735 74.4626 86.7501 74.6861 86.7501 74.9615V77.892H83.8196C83.5442 77.892 83.3208 78.1154 83.3208 78.3908C83.3208 78.6662 83.5442 78.8896 83.8196 78.8896H86.7501V81.8201C86.7501 82.0955 86.9735 82.3189 87.2489 82.3189C87.5243 82.3189 87.7477 82.0955 87.7477 81.8201V78.8896H90.6782C90.9536 78.8896 91.177 78.6662 91.177 78.3908C91.177 78.1154 90.9536 77.892 90.6782 77.892H87.7477V74.9615C87.7477 74.6861 87.5243 74.4626 87.2489 74.4626Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M82.3838 61.994C82.3838 61.5421 82.7502 61.1757 83.2021 61.1757H91.3857C91.8377 61.1757 92.2041 61.5421 92.2041 61.994V70.1776C92.2041 70.6296 91.8377 70.9959 91.3857 70.9959H83.2021C82.7502 70.9959 82.3838 70.6296 82.3838 70.1776V61.994Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.751 61.994C69.751 61.5421 70.1174 61.1757 70.5693 61.1757H78.7529C79.2049 61.1757 79.5713 61.5421 79.5713 61.994V70.1776C79.5713 70.6296 79.2049 70.9959 78.7529 70.9959H70.5693C70.1174 70.9959 69.751 70.6296 69.751 70.1776V61.994Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.751 74.6267C69.751 74.1747 70.1174 73.8083 70.5693 73.8083H78.7529C79.2049 73.8083 79.5713 74.1747 79.5713 74.6267V82.8103C79.5713 83.2622 79.2049 83.6286 78.7529 83.6286H70.5693C70.1174 83.6286 69.751 83.2622 69.751 82.8103V74.6267Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.4659 97.2786C60.6527 96.1034 65.526 89.3246 64.3508 82.1379C63.1756 74.9511 56.3969 70.0777 49.2101 71.2529C42.0233 72.4282 37.15 79.2069 38.3252 86.3937C39.5004 93.5805 46.2791 98.4538 53.4659 97.2786Z\",\n fill: \"url(#paint0_linear)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6883 97.6764L59.2301 96.3605L64.5955 106.708L62.0567 108.026L56.6883 97.6764Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.649 71.3729C42.1006 72.6959 40.0015 74.745 38.6174 77.2607C37.2334 79.7765 36.6265 82.6461 36.8732 85.5068C37.1199 88.3675 38.2092 91.0909 40.0035 93.3326C41.7978 95.5743 44.2166 97.2337 46.9539 98.1009C49.6911 98.9682 52.6239 99.0043 55.3817 98.2048C58.1395 97.4053 60.5985 95.8061 62.4476 93.6093C64.2966 91.4125 65.4527 88.7167 65.7698 85.8629C66.0869 83.0091 65.5508 80.1254 64.2292 77.5763C62.4551 74.158 59.396 71.5843 55.7247 70.4209C52.0534 69.2576 48.0705 69.5998 44.6515 71.3725L44.649 71.3729ZM56.836 94.8439C54.7413 95.9325 52.371 96.3755 50.0246 96.1166C47.6782 95.8578 45.461 94.9089 43.654 93.3899C41.8469 91.8709 40.531 89.8501 39.8726 87.5831C39.2142 85.3161 39.2429 82.9048 39.9551 80.6541C40.6673 78.4034 42.0311 76.4146 43.8738 74.9391C45.7165 73.4636 47.9554 72.5677 50.3073 72.3649C52.6593 72.162 55.0186 72.6612 57.0867 73.7994C59.1549 74.9376 60.8391 76.6636 61.9262 78.759C63.3813 81.5668 63.6623 84.8374 62.7078 87.8524C61.7532 90.8673 59.6411 93.3801 56.8352 94.8388L56.836 94.8439Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.435 115.379C67.1874 115.508 66.9168 115.587 66.6387 115.611C66.3605 115.635 66.0804 115.604 65.8142 115.52C65.548 115.436 65.301 115.3 65.0875 115.12C64.8739 114.94 64.6982 114.72 64.57 114.472L57.2159 100.312L60.9853 98.3516L68.3419 112.511C68.4713 112.759 68.5506 113.03 68.5751 113.308C68.5995 113.587 68.5689 113.867 68.4846 114.134C68.4003 114.4 68.2641 114.647 68.084 114.861C67.9039 115.075 67.6833 115.251 67.435 115.379Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear\",\n x1: 49.2101,\n y1: 71.2529,\n x2: 53.4659,\n y2: 97.2786,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\"\n})))));\nexport default SvgNoAppsFoundIcon;","var _circle, _path, _rect, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _rect2, _path11, _rect3, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _rect4, _path21, _rect5, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _rect6, _path31, _path32, _path33, _path34, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoTablesFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 105 118\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52.5,\n cy: 52.875,\n r: 52.5,\n fill: \"#F3F3FE\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5867 37.8002C37.5562 37.8002 37.0021 37.2532 37.0019 35.2137C36.9993 16.9246 36.9995 22.6352 37.0017 4.34606C37.0019 2.39955 37.587 1.80482 39.5449 1.80438C57.8487 1.79958 52.1526 1.79958 70.4564 1.80438C72.3869 1.80482 72.997 2.42289 72.9974 4.36111C73.0009 22.6503 73.0007 16.9396 72.9979 35.2288C72.9974 37.2453 72.4258 37.7999 70.3892 37.8002C61.2374 37.8012 64.0854 37.8006 54.9336 37.8006C45.818 37.8006 48.7023 37.8012 39.5867 37.8002ZM69.7774 35.2294C70.137 35.2294 70.4286 34.9378 70.4286 34.5781V27.5652C70.4286 27.2055 70.137 26.914 69.7774 26.914H62.7644C62.4047 26.914 62.1132 27.2055 62.1132 27.5652V34.5781C62.1132 34.9378 62.4047 35.2294 62.7644 35.2294H69.7774ZM51.4935 35.2294H58.5065C58.8661 35.2294 59.1577 34.9378 59.1577 34.5781V27.5652C59.1577 27.2055 58.8661 26.914 58.5065 26.914H51.4935C51.1338 26.914 50.8423 27.2055 50.8423 27.5652V34.5781C50.8423 34.9378 51.1338 35.2294 51.4935 35.2294ZM40.2226 35.2294H47.2356C47.5953 35.2294 47.8868 34.9378 47.8868 34.5781V27.5652C47.8868 27.2055 47.5953 26.914 47.2356 26.914H40.2226C39.863 26.914 39.5714 27.2055 39.5714 27.5652V34.5781C39.5714 34.9378 39.863 35.2294 40.2226 35.2294ZM62.7644 23.9585H69.7774C70.137 23.9585 70.4286 23.6669 70.4286 23.3073V16.2943C70.4286 15.9346 70.137 15.6431 69.7774 15.6431H62.7644C62.4047 15.6431 62.1132 15.9346 62.1132 16.2943V23.3073C62.1132 23.6669 62.4047 23.9585 62.7644 23.9585ZM51.4935 23.9585H58.5065C58.8661 23.9585 59.1577 23.6669 59.1577 23.3073V16.2943C59.1577 15.9346 58.8661 15.6431 58.5065 15.6431H51.4935C51.1338 15.6431 50.8423 15.9346 50.8423 16.2943V23.3073C50.8423 23.6669 51.1338 23.9585 51.4935 23.9585ZM40.2226 23.9585H47.2356C47.5953 23.9585 47.8868 23.6669 47.8868 23.3073V16.2943C47.8868 15.9346 47.5953 15.6431 47.2356 15.6431H40.2226C39.863 15.6431 39.5714 15.9346 39.5714 16.2943V23.3073C39.5714 23.6669 39.863 23.9585 40.2226 23.9585ZM51.4935 12.6876H58.5065C58.8661 12.6876 59.1577 12.5115 59.1577 12.2943V8.05883C59.1577 7.84162 58.8661 7.66554 58.5065 7.66554H51.4935C51.1338 7.66554 50.8423 7.84162 50.8423 8.05883V12.2943C50.8423 12.5115 51.1338 12.6876 51.4935 12.6876ZM62.7435 12.6876H69.7565C70.1161 12.6876 70.4077 12.5115 70.4077 12.2943V8.05883C70.4077 7.84162 70.1161 7.66554 69.7565 7.66554H62.7435C62.3839 7.66554 62.0923 7.84162 62.0923 8.05883V12.2943C62.0923 12.5115 62.3839 12.6876 62.7435 12.6876ZM40.2226 12.6876H47.2356C47.5953 12.6876 47.8868 12.5115 47.8868 12.2943V8.05883C47.8868 7.84162 47.5953 7.66554 47.2356 7.66554H40.2226C39.863 7.66554 39.5714 7.84162 39.5714 8.05883V12.2943C39.5714 12.5115 39.863 12.6876 40.2226 12.6876Z\",\n fill: \"white\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 39,\n y: 4.80078,\n width: 32,\n height: 31,\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62 7.80078C62 7.2485 62.4477 6.80078 63 6.80078H69.4077C69.96 6.80078 70.4077 7.2485 70.4077 7.80078V11.8008C70.4077 12.3531 69.96 12.8008 69.4077 12.8008H63C62.4477 12.8008 62 12.3531 62 11.8008V7.80078Z\",\n fill: \"#0D953B\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62 16.8008C62 16.2485 62.4477 15.8008 63 15.8008H69C69.5523 15.8008 70 16.2485 70 16.8008V22.8008C70 23.3531 69.5523 23.8008 69 23.8008H63C62.4477 23.8008 62 23.3531 62 22.8008V16.8008Z\",\n fill: \"#FFB629\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62 27.8008C62 27.2485 62.4477 26.8008 63 26.8008H69C69.5523 26.8008 70 27.2485 70 27.8008V33.8008C70 34.3531 69.5523 34.8008 69 34.8008H63C62.4477 34.8008 62 34.3531 62 33.8008V27.8008Z\",\n fill: \"#FFB629\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.8437 7.80078C50.8437 7.2485 51.2914 6.80078 51.8437 6.80078H58.4085C58.9608 6.80078 59.4085 7.2485 59.4085 7.80078V11.8008C59.4085 12.3531 58.9608 12.8008 58.4085 12.8008H51.8437C51.2914 12.8008 50.8437 12.3531 50.8437 11.8008V7.80078Z\",\n fill: \"#0D953B\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51 16.8008C51 16.2485 51.4477 15.8008 52 15.8008H58C58.5523 15.8008 59 16.2485 59 16.8008V22.8008C59 23.3531 58.5523 23.8008 58 23.8008H52C51.4477 23.8008 51 23.3531 51 22.8008V16.8008Z\",\n fill: \"#FF6100\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51 27.8008C51 27.2485 51.4477 26.8008 52 26.8008H58C58.5523 26.8008 59 27.2485 59 27.8008V33.8008C59 34.3531 58.5523 34.8008 58 34.8008H52C51.4477 34.8008 51 34.3531 51 33.8008V27.8008Z\",\n fill: \"#FF6100\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5 7.80078C39.5 7.2485 39.9477 6.80078 40.5 6.80078H47C47.5523 6.80078 48 7.2485 48 7.80078V11.8008C48 12.3531 47.5523 12.8008 47 12.8008H40.5C39.9477 12.8008 39.5 12.3531 39.5 11.8008V7.80078Z\",\n fill: \"#0D953B\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5 16.8008C39.5 16.2485 39.9477 15.8008 40.5 15.8008H47C47.5523 15.8008 48 16.2485 48 16.8008V22.8008C48 23.3531 47.5523 23.8008 47 23.8008H40.5C39.9477 23.8008 39.5 23.3531 39.5 22.8008V19.8008V16.8008Z\",\n fill: \"#0099FF\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.5 27.8008C39.5 27.2485 39.9477 26.8008 40.5 26.8008H47C47.5523 26.8008 48 27.2485 48 27.8008V33.8008C48 34.3531 47.5523 34.8008 47 34.8008H40.5C39.9477 34.8008 39.5 34.3531 39.5 33.8008V30.8008V27.8008Z\",\n fill: \"#0099FF\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 36.25,\n y: 1.05078,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5867 87.8002C12.5562 87.8002 12.0021 87.2532 12.0019 85.2137C11.9993 66.9246 11.9995 72.6352 12.0017 54.3461C12.0019 52.3995 12.587 51.8048 14.5449 51.8044C32.8487 51.7996 27.1526 51.7996 45.4564 51.8044C47.3869 51.8048 47.997 52.4229 47.9974 54.3611C48.0009 72.6503 48.0007 66.9396 47.9979 85.2288C47.9974 87.2453 47.4258 87.7999 45.3892 87.8002C36.2374 87.8012 39.0854 87.8006 29.9336 87.8006C20.818 87.8006 23.7023 87.8012 14.5867 87.8002ZM44.7774 85.2294C45.137 85.2294 45.4286 84.9378 45.4286 84.5781V77.5652C45.4286 77.2055 45.137 76.914 44.7774 76.914H37.7644C37.4047 76.914 37.1132 77.2055 37.1132 77.5652V84.5781C37.1132 84.9378 37.4047 85.2294 37.7644 85.2294H44.7774ZM26.4935 85.2294H33.5065C33.8661 85.2294 34.1577 84.9378 34.1577 84.5781V77.5652C34.1577 77.2055 33.8661 76.914 33.5065 76.914H26.4935C26.1338 76.914 25.8423 77.2055 25.8423 77.5652V84.5781C25.8423 84.9378 26.1338 85.2294 26.4935 85.2294ZM15.2226 85.2294H22.2356C22.5953 85.2294 22.8868 84.9378 22.8868 84.5781V77.5652C22.8868 77.2055 22.5953 76.914 22.2356 76.914H15.2226C14.863 76.914 14.5714 77.2055 14.5714 77.5652V84.5781C14.5714 84.9378 14.863 85.2294 15.2226 85.2294ZM37.7644 73.9585H44.7774C45.137 73.9585 45.4286 73.6669 45.4286 73.3073V66.2943C45.4286 65.9346 45.137 65.6431 44.7774 65.6431H37.7644C37.4047 65.6431 37.1132 65.9346 37.1132 66.2943V73.3073C37.1132 73.6669 37.4047 73.9585 37.7644 73.9585ZM26.4935 73.9585H33.5065C33.8661 73.9585 34.1577 73.6669 34.1577 73.3073V66.2943C34.1577 65.9346 33.8661 65.6431 33.5065 65.6431H26.4935C26.1338 65.6431 25.8423 65.9346 25.8423 66.2943V73.3073C25.8423 73.6669 26.1338 73.9585 26.4935 73.9585ZM15.2226 73.9585H22.2356C22.5953 73.9585 22.8868 73.6669 22.8868 73.3073V66.2943C22.8868 65.9346 22.5953 65.6431 22.2356 65.6431H15.2226C14.863 65.6431 14.5714 65.9346 14.5714 66.2943V73.3073C14.5714 73.6669 14.863 73.9585 15.2226 73.9585ZM26.4935 62.6876H33.5065C33.8661 62.6876 34.1577 62.5115 34.1577 62.2943V58.0588C34.1577 57.8416 33.8661 57.6655 33.5065 57.6655H26.4935C26.1338 57.6655 25.8423 57.8416 25.8423 58.0588V62.2943C25.8423 62.5115 26.1338 62.6876 26.4935 62.6876ZM37.7435 62.6876H44.7565C45.1161 62.6876 45.4077 62.5115 45.4077 62.2943V58.0588C45.4077 57.8416 45.1161 57.6655 44.7565 57.6655H37.7435C37.3839 57.6655 37.0923 57.8416 37.0923 58.0588V62.2943C37.0923 62.5115 37.3839 62.6876 37.7435 62.6876ZM15.2226 62.6876H22.2356C22.5953 62.6876 22.8868 62.5115 22.8868 62.2943V58.0588C22.8868 57.8416 22.5953 57.6655 22.2356 57.6655H15.2226C14.863 57.6655 14.5714 57.8416 14.5714 58.0588V62.2943C14.5714 62.5115 14.863 62.6876 15.2226 62.6876Z\",\n fill: \"white\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 14,\n y: 54.8008,\n width: 32,\n height: 31,\n fill: \"white\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 57.8008C37 57.2485 37.4477 56.8008 38 56.8008H44.4077C44.96 56.8008 45.4077 57.2485 45.4077 57.8008V61.8008C45.4077 62.3531 44.96 62.8008 44.4077 62.8008H38C37.4477 62.8008 37 62.3531 37 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 66.8008C37 66.2485 37.4477 65.8008 38 65.8008H44C44.5523 65.8008 45 66.2485 45 66.8008V72.8008C45 73.3531 44.5523 73.8008 44 73.8008H38C37.4477 73.8008 37 73.3531 37 72.8008V66.8008Z\",\n fill: \"#FFB629\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37 77.8008C37 77.2485 37.4477 76.8008 38 76.8008H44C44.5523 76.8008 45 77.2485 45 77.8008V83.8008C45 84.3531 44.5523 84.8008 44 84.8008H38C37.4477 84.8008 37 84.3531 37 83.8008V77.8008Z\",\n fill: \"#FFB629\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.8437 57.8008C25.8437 57.2485 26.2914 56.8008 26.8437 56.8008H33.4085C33.9608 56.8008 34.4085 57.2485 34.4085 57.8008V61.8008C34.4085 62.3531 33.9608 62.8008 33.4085 62.8008H26.8437C26.2914 62.8008 25.8437 62.3531 25.8437 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26 66.8008C26 66.2485 26.4477 65.8008 27 65.8008H33C33.5523 65.8008 34 66.2485 34 66.8008V72.8008C34 73.3531 33.5523 73.8008 33 73.8008H27C26.4477 73.8008 26 73.3531 26 72.8008V66.8008Z\",\n fill: \"#FF6100\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26 77.8008C26 77.2485 26.4477 76.8008 27 76.8008H33C33.5523 76.8008 34 77.2485 34 77.8008V83.8008C34 84.3531 33.5523 84.8008 33 84.8008H27C26.4477 84.8008 26 84.3531 26 83.8008V77.8008Z\",\n fill: \"#FF6100\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 57.8008C14.5 57.2485 14.9477 56.8008 15.5 56.8008H22C22.5523 56.8008 23 57.2485 23 57.8008V61.8008C23 62.3531 22.5523 62.8008 22 62.8008H15.5C14.9477 62.8008 14.5 62.3531 14.5 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 66.8008C14.5 66.2485 14.9477 65.8008 15.5 65.8008H22C22.5523 65.8008 23 66.2485 23 66.8008V72.8008C23 73.3531 22.5523 73.8008 22 73.8008H15.5C14.9477 73.8008 14.5 73.3531 14.5 72.8008V69.8008V66.8008Z\",\n fill: \"#0099FF\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 77.8008C14.5 77.2485 14.9477 76.8008 15.5 76.8008H22C22.5523 76.8008 23 77.2485 23 77.8008V83.8008C23 84.3531 22.5523 84.8008 22 84.8008H15.5C14.9477 84.8008 14.5 84.3531 14.5 83.8008V80.8008V77.8008Z\",\n fill: \"#0099FF\"\n})), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 11.25,\n y: 51.0508,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5867 87.8002C61.5562 87.8002 61.0021 87.2532 61.0019 85.2137C60.9993 66.9246 60.9995 72.6352 61.0017 54.3461C61.0019 52.3995 61.587 51.8048 63.5449 51.8044C81.8487 51.7996 76.1526 51.7996 94.4564 51.8044C96.3869 51.8048 96.997 52.4229 96.9974 54.3611C97.0009 72.6503 97.0007 66.9396 96.9979 85.2288C96.9974 87.2453 96.4258 87.7999 94.3892 87.8002C85.2374 87.8012 88.0854 87.8006 78.9336 87.8006C69.818 87.8006 72.7023 87.8012 63.5867 87.8002ZM93.7774 85.2294C94.137 85.2294 94.4286 84.9378 94.4286 84.5781V77.5652C94.4286 77.2055 94.137 76.914 93.7774 76.914H86.7644C86.4047 76.914 86.1132 77.2055 86.1132 77.5652V84.5781C86.1132 84.9378 86.4047 85.2294 86.7644 85.2294H93.7774ZM75.4935 85.2294H82.5065C82.8661 85.2294 83.1577 84.9378 83.1577 84.5781V77.5652C83.1577 77.2055 82.8661 76.914 82.5065 76.914H75.4935C75.1338 76.914 74.8423 77.2055 74.8423 77.5652V84.5781C74.8423 84.9378 75.1338 85.2294 75.4935 85.2294ZM64.2226 85.2294H71.2356C71.5953 85.2294 71.8868 84.9378 71.8868 84.5781V77.5652C71.8868 77.2055 71.5953 76.914 71.2356 76.914H64.2226C63.863 76.914 63.5714 77.2055 63.5714 77.5652V84.5781C63.5714 84.9378 63.863 85.2294 64.2226 85.2294ZM86.7644 73.9585H93.7774C94.137 73.9585 94.4286 73.6669 94.4286 73.3073V66.2943C94.4286 65.9346 94.137 65.6431 93.7774 65.6431H86.7644C86.4047 65.6431 86.1132 65.9346 86.1132 66.2943V73.3073C86.1132 73.6669 86.4047 73.9585 86.7644 73.9585ZM75.4935 73.9585H82.5065C82.8661 73.9585 83.1577 73.6669 83.1577 73.3073V66.2943C83.1577 65.9346 82.8661 65.6431 82.5065 65.6431H75.4935C75.1338 65.6431 74.8423 65.9346 74.8423 66.2943V73.3073C74.8423 73.6669 75.1338 73.9585 75.4935 73.9585ZM64.2226 73.9585H71.2356C71.5953 73.9585 71.8868 73.6669 71.8868 73.3073V66.2943C71.8868 65.9346 71.5953 65.6431 71.2356 65.6431H64.2226C63.863 65.6431 63.5714 65.9346 63.5714 66.2943V73.3073C63.5714 73.6669 63.863 73.9585 64.2226 73.9585ZM75.4935 62.6876H82.5065C82.8661 62.6876 83.1577 62.5115 83.1577 62.2943V58.0588C83.1577 57.8416 82.8661 57.6655 82.5065 57.6655H75.4935C75.1338 57.6655 74.8423 57.8416 74.8423 58.0588V62.2943C74.8423 62.5115 75.1338 62.6876 75.4935 62.6876ZM86.7435 62.6876H93.7565C94.1161 62.6876 94.4077 62.5115 94.4077 62.2943V58.0588C94.4077 57.8416 94.1161 57.6655 93.7565 57.6655H86.7435C86.3839 57.6655 86.0923 57.8416 86.0923 58.0588V62.2943C86.0923 62.5115 86.3839 62.6876 86.7435 62.6876ZM64.2226 62.6876H71.2356C71.5953 62.6876 71.8868 62.5115 71.8868 62.2943V58.0588C71.8868 57.8416 71.5953 57.6655 71.2356 57.6655H64.2226C63.863 57.6655 63.5714 57.8416 63.5714 58.0588V62.2943C63.5714 62.5115 63.863 62.6876 64.2226 62.6876Z\",\n fill: \"white\"\n})), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 63,\n y: 54.8008,\n width: 32,\n height: 31,\n fill: \"white\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 57.8008C86 57.2485 86.4477 56.8008 87 56.8008H93.4077C93.96 56.8008 94.4077 57.2485 94.4077 57.8008V61.8008C94.4077 62.3531 93.96 62.8008 93.4077 62.8008H87C86.4477 62.8008 86 62.3531 86 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 66.8008C86 66.2485 86.4477 65.8008 87 65.8008H93C93.5523 65.8008 94 66.2485 94 66.8008V72.8008C94 73.3531 93.5523 73.8008 93 73.8008H87C86.4477 73.8008 86 73.3531 86 72.8008V66.8008Z\",\n fill: \"#FFB629\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 77.8008C86 77.2485 86.4477 76.8008 87 76.8008H93C93.5523 76.8008 94 77.2485 94 77.8008V83.8008C94 84.3531 93.5523 84.8008 93 84.8008H87C86.4477 84.8008 86 84.3531 86 83.8008V77.8008Z\",\n fill: \"#FFB629\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.8437 57.8008C74.8437 57.2485 75.2914 56.8008 75.8437 56.8008H82.4085C82.9608 56.8008 83.4085 57.2485 83.4085 57.8008V61.8008C83.4085 62.3531 82.9608 62.8008 82.4085 62.8008H75.8437C75.2914 62.8008 74.8437 62.3531 74.8437 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75 66.8008C75 66.2485 75.4477 65.8008 76 65.8008H82C82.5523 65.8008 83 66.2485 83 66.8008V72.8008C83 73.3531 82.5523 73.8008 82 73.8008H76C75.4477 73.8008 75 73.3531 75 72.8008V66.8008Z\",\n fill: \"#FF6100\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75 77.8008C75 77.2485 75.4477 76.8008 76 76.8008H82C82.5523 76.8008 83 77.2485 83 77.8008V83.8008C83 84.3531 82.5523 84.8008 82 84.8008H76C75.4477 84.8008 75 84.3531 75 83.8008V77.8008Z\",\n fill: \"#FF6100\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5 57.8008C63.5 57.2485 63.9477 56.8008 64.5 56.8008H71C71.5523 56.8008 72 57.2485 72 57.8008V61.8008C72 62.3531 71.5523 62.8008 71 62.8008H64.5C63.9477 62.8008 63.5 62.3531 63.5 61.8008V57.8008Z\",\n fill: \"#0D953B\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5 66.8008C63.5 66.2485 63.9477 65.8008 64.5 65.8008H71C71.5523 65.8008 72 66.2485 72 66.8008V72.8008C72 73.3531 71.5523 73.8008 71 73.8008H64.5C63.9477 73.8008 63.5 73.3531 63.5 72.8008V69.8008V66.8008Z\",\n fill: \"#0099FF\"\n})), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.5 77.8008C63.5 77.2485 63.9477 76.8008 64.5 76.8008H71C71.5523 76.8008 72 77.2485 72 77.8008V83.8008C72 84.3531 71.5523 84.8008 71 84.8008H64.5C63.9477 84.8008 63.5 84.3531 63.5 83.8008V80.8008V77.8008Z\",\n fill: \"#0099FF\"\n})), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 60.25,\n y: 51.0508,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M51.4659 94.6536C58.6527 93.4784 63.526 86.6996 62.3508 79.5129C61.1756 72.3261 54.3969 67.4527 47.2101 68.6279C40.0233 69.8032 35.15 76.5819 36.3252 83.7687C37.5004 90.9555 44.2791 95.8288 51.4659 94.6536Z\",\n fill: \"url(#paint0_linear_624:11312)\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6883 95.0506L57.2301 93.7347L62.5955 104.082L60.0567 105.4L54.6883 95.0506Z\",\n fill: \"#0A1551\"\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.648 68.7479C40.0996 70.0709 38.0005 72.12 36.6164 74.6357C35.2324 77.1515 34.6255 80.0211 34.8722 82.8818C35.1189 85.7425 36.2082 88.4659 38.0025 90.7076C39.7969 92.9493 42.2156 94.6087 44.9529 95.4759C47.6901 96.3432 50.6229 96.3793 53.3808 95.5798C56.1386 94.7803 58.5976 93.1811 60.4466 90.9843C62.2956 88.7875 63.4517 86.0917 63.7688 83.2379C64.086 80.3841 63.5499 77.5004 62.2282 74.9513C60.4542 71.533 57.395 68.9593 53.7237 67.7959C50.0524 66.6326 46.0695 66.9748 42.6505 68.7475L42.648 68.7479ZM54.835 92.2189C52.7403 93.3075 50.3701 93.7505 48.0236 93.4916C45.6772 93.2328 43.4601 92.2839 41.653 90.7649C39.846 89.2459 38.5301 87.2251 37.8717 84.9581C37.2132 82.6911 37.2419 80.2798 37.9541 78.0291C38.6664 75.7784 40.0301 73.7896 41.8728 72.3141C43.7156 70.8386 45.9544 69.9427 48.3064 69.7399C50.6583 69.537 53.0176 70.0362 55.0858 71.1744C57.1539 72.3126 58.8381 74.0386 59.9252 76.134C61.3804 78.9418 61.6614 82.2124 60.7068 85.2274C59.7523 88.2423 57.6401 90.7551 54.8342 92.2138L54.835 92.2189Z\",\n fill: \"#0A1551\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.435 112.755C65.1874 112.884 64.9168 112.963 64.6387 112.987C64.3605 113.011 64.0804 112.98 63.8142 112.896C63.548 112.812 63.301 112.676 63.0875 112.496C62.8739 112.316 62.6982 112.096 62.57 111.848L55.2159 97.6875L58.9853 95.7275L66.3419 109.887C66.4713 110.135 66.5506 110.406 66.5751 110.684C66.5995 110.963 66.5689 111.243 66.4846 111.51C66.4003 111.776 66.2641 112.023 66.084 112.237C65.9039 112.451 65.6833 112.627 65.435 112.755Z\",\n fill: \"#0A1551\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_624:11312\",\n x1: 47.2101,\n y1: 68.6279,\n x2: 51.4659,\n y2: 94.6536,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})))));\nexport default SvgNoTablesFoundIcon;","var _circle, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoReportsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 105 119\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52.5,\n cy: 56.4492,\n r: 52.5,\n fill: \"#F3F3FE\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.1426 6.13654C35.1426 2.95453 37.7221 0.375 40.9041 0.375H68.2714C71.4534 0.375 74.0329 2.95453 74.0329 6.13654V40.7057C74.0329 43.8878 71.4534 46.4673 68.2714 46.4673H40.9041C37.7221 46.4673 35.1426 43.8878 35.1426 40.7057V6.13654Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M68.2714 1.81538H40.9041C38.5176 1.81538 36.583 3.75003 36.583 6.13654V40.7057C36.583 43.0923 38.5176 45.0269 40.9041 45.0269H68.2714C70.6579 45.0269 72.5926 43.0923 72.5926 40.7057V6.13654C72.5926 3.75003 70.6579 1.81538 68.2714 1.81538ZM40.9041 0.375C37.7221 0.375 35.1426 2.95453 35.1426 6.13654V40.7057C35.1426 43.8878 37.7221 46.4673 40.9041 46.4673H68.2714C71.4534 46.4673 74.0329 43.8878 74.0329 40.7057V6.13654C74.0329 2.95453 71.4534 0.375 68.2714 0.375H40.9041Z\",\n fill: \"#B1C3E9\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.6875 12.4062C41.6875 11.5433 42.3871 10.8438 43.25 10.8438H46.375C47.2379 10.8438 47.9375 11.5433 47.9375 12.4062V35.8438H41.6875V12.4062Z\",\n fill: \"#0099FF\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51.2812 19.4375C51.2812 18.5746 51.9808 17.875 52.8438 17.875H55.9688C56.8317 17.875 57.5312 18.5746 57.5312 19.4375V35.8438H51.2812V19.4375Z\",\n fill: \"#FF6100\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.875 13.1875C60.875 12.3246 61.5746 11.625 62.4375 11.625H65.5625C66.4254 11.625 67.125 12.3246 67.125 13.1875V35.8438H60.875V13.1875Z\",\n fill: \"#FFB629\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 56.1365C10 52.9545 12.5795 50.375 15.7615 50.375H43.1288C46.3108 50.375 48.8904 52.9545 48.8904 56.1365V90.7057C48.8904 93.8878 46.3108 96.4673 43.1288 96.4673H15.7615C12.5795 96.4673 10 93.8878 10 90.7057V56.1365Z\",\n fill: \"white\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M43.1288 51.8154H15.7615C13.375 51.8154 11.4404 53.75 11.4404 56.1365V90.7057C11.4404 93.0923 13.375 95.0269 15.7615 95.0269H43.1288C45.5153 95.0269 47.45 93.0923 47.45 90.7057V56.1365C47.45 53.75 45.5153 51.8154 43.1288 51.8154ZM15.7615 50.375C12.5795 50.375 10 52.9545 10 56.1365V90.7057C10 93.8878 12.5795 96.4673 15.7615 96.4673H43.1288C46.3108 96.4673 48.8904 93.8878 48.8904 90.7057V56.1365C48.8904 52.9545 46.3108 50.375 43.1288 50.375H15.7615Z\",\n fill: \"#B1C3E9\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5449 62.4062C16.5449 61.5433 17.2445 60.8438 18.1074 60.8438H21.2324C22.0954 60.8438 22.7949 61.5433 22.7949 62.4062V85.8438H16.5449V62.4062Z\",\n fill: \"#0099FF\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.1387 69.4375C26.1387 68.5746 26.8382 67.875 27.7012 67.875H30.8262C31.6891 67.875 32.3887 68.5746 32.3887 69.4375V85.8438H26.1387V69.4375Z\",\n fill: \"#FF6100\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35.7324 63.1875C35.7324 62.3246 36.432 61.625 37.2949 61.625H40.4199C41.2829 61.625 41.9824 62.3246 41.9824 63.1875V85.8438H35.7324V63.1875Z\",\n fill: \"#FFB629\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59 56.1365C59 52.9545 61.5795 50.375 64.7615 50.375H92.1288C95.3108 50.375 97.8904 52.9545 97.8904 56.1365V90.7057C97.8904 93.8878 95.3108 96.4673 92.1288 96.4673H64.7615C61.5795 96.4673 59 93.8878 59 90.7057V56.1365Z\",\n fill: \"white\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M92.1288 51.8154H64.7615C62.375 51.8154 60.4404 53.75 60.4404 56.1365V90.7057C60.4404 93.0923 62.375 95.0269 64.7615 95.0269H92.1288C94.5153 95.0269 96.45 93.0923 96.45 90.7057V56.1365C96.45 53.75 94.5153 51.8154 92.1288 51.8154ZM64.7615 50.375C61.5795 50.375 59 52.9545 59 56.1365V90.7057C59 93.8878 61.5795 96.4673 64.7615 96.4673H92.1288C95.3108 96.4673 97.8904 93.8878 97.8904 90.7057V56.1365C97.8904 52.9545 95.3108 50.375 92.1288 50.375H64.7615Z\",\n fill: \"#B1C3E9\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.5449 62.4062C65.5449 61.5433 66.2445 60.8438 67.1074 60.8438H70.2324C71.0954 60.8438 71.7949 61.5433 71.7949 62.4062V85.8438H65.5449V62.4062Z\",\n fill: \"#0099FF\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.1387 69.4375C75.1387 68.5746 75.8382 67.875 76.7012 67.875H79.8262C80.6891 67.875 81.3887 68.5746 81.3887 69.4375V85.8438H75.1387V69.4375Z\",\n fill: \"#FF6100\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.7324 63.1875C84.7324 62.3246 85.432 61.625 86.2949 61.625H89.4199C90.2829 61.625 90.9824 62.3246 90.9824 63.1875V85.8438H84.7324V63.1875Z\",\n fill: \"#FFB629\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M51.4659 98.2278C58.6527 97.0526 63.526 90.2739 62.3508 83.0871C61.1756 75.9003 54.3969 71.027 47.2101 72.2022C40.0233 73.3774 35.15 80.1561 36.3252 87.3429C37.5004 94.5297 44.2791 99.403 51.4659 98.2278Z\",\n fill: \"url(#paint0_linear_624:15640)\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6883 98.6248L57.2301 97.309L62.5955 107.656L60.0567 108.974L54.6883 98.6248Z\",\n fill: \"#0A1551\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.648 72.3221C40.0996 73.6452 38.0005 75.6942 36.6164 78.21C35.2324 80.7257 34.6255 83.5953 34.8722 86.456C35.1189 89.3168 36.2082 92.0401 38.0025 94.2818C39.7969 96.5235 42.2156 98.183 44.9529 99.0502C47.6901 99.9174 50.6229 99.9535 53.3808 99.154C56.1386 98.3545 58.5976 96.7553 60.4466 94.5585C62.2956 92.3617 63.4517 89.6659 63.7688 86.8121C64.086 83.9583 63.5499 81.0746 62.2282 78.5255C60.4542 75.1072 57.395 72.5335 53.7237 71.3701C50.0524 70.2068 46.0695 70.549 42.6505 72.3217L42.648 72.3221ZM54.835 95.7931C52.7403 96.8817 50.3701 97.3247 48.0236 97.0659C45.6772 96.807 43.4601 95.8581 41.653 94.3391C39.846 92.8201 38.5301 90.7993 37.8717 88.5323C37.2132 86.2653 37.2419 83.854 37.9541 81.6033C38.6664 79.3527 40.0301 77.3638 41.8728 75.8883C43.7156 74.4128 45.9544 73.517 48.3064 73.3141C50.6583 73.1112 53.0176 73.6105 55.0858 74.7486C57.1539 75.8868 58.8381 77.6128 59.9252 79.7083C61.3804 82.516 61.6614 85.7866 60.7068 88.8016C59.7523 91.8165 57.6401 94.3293 54.8342 95.788L54.835 95.7931Z\",\n fill: \"#0A1551\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.435 116.329C65.1874 116.458 64.9168 116.537 64.6387 116.561C64.3605 116.586 64.0804 116.555 63.8142 116.47C63.548 116.386 63.301 116.25 63.0875 116.07C62.8739 115.89 62.6982 115.67 62.57 115.422L55.2159 101.262L58.9853 99.3018L66.3419 113.462C66.4713 113.709 66.5506 113.98 66.5751 114.258C66.5995 114.537 66.5689 114.817 66.4846 115.084C66.4003 115.35 66.2641 115.598 66.084 115.811C65.9039 116.025 65.6833 116.201 65.435 116.329Z\",\n fill: \"#0A1551\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_624:15640\",\n x1: 47.2101,\n y1: 72.2022,\n x2: 51.4659,\n y2: 98.2278,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})))));\nexport default SvgNoReportsFoundIcon;","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoApprovalsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 108 120\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_2531_6757)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 58.0742,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.1098 58.0474C61.1098 54.8654 63.6893 52.2859 66.8713 52.2859H94.2386C97.4206 52.2859 100 54.8654 100 58.0474V92.6166C100 95.7986 97.4206 98.3782 94.2386 98.3782H66.8713C63.6893 98.3782 61.1098 95.7986 61.1098 92.6166V58.0474Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M94.2386 53.7263H66.8713C64.4848 53.7263 62.5502 55.6609 62.5502 58.0474V92.6166C62.5502 95.0031 64.4848 96.9378 66.8713 96.9378H94.2386C96.6251 96.9378 98.5598 95.0031 98.5598 92.6166V58.0474C98.5598 55.6609 96.6251 53.7263 94.2386 53.7263ZM66.8713 52.2859C63.6893 52.2859 61.1098 54.8654 61.1098 58.0474V92.6166C61.1098 95.7986 63.6893 98.3782 66.8713 98.3782H94.2386C97.4206 98.3782 100 95.7986 100 92.6166V58.0474C100 54.8654 97.4206 52.2859 94.2386 52.2859H66.8713Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.505 65.802V69.573M80.505 69.573H72.7126C72.0498 69.573 71.5126 70.1102 71.5126 70.773V71.7485M80.505 69.573H88.0073C88.67 69.573 89.2073 70.1102 89.2073 70.773V71.7485\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.505 83.8884L80.505 79.581M80.505 79.581L72.7126 79.581C72.0498 79.581 71.5126 79.0437 71.5126 78.381L71.5126 77.4054M80.505 79.581L88.0073 79.581C88.67 79.581 89.2073 79.0437 89.2073 78.381L89.2073 77.4054\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.0005 74.5047C66.0005 72.9026 67.2992 71.6039 68.9012 71.6039H74.7028C76.3048 71.6039 77.6035 72.9026 77.6035 74.5047C77.6035 76.1067 76.3048 77.4054 74.7028 77.4054H68.9012C67.2992 77.4054 66.0005 76.1067 66.0005 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.3989 74.5047C83.3989 72.9026 84.6976 71.6039 86.2997 71.6039H92.1012C93.7033 71.6039 95.002 72.9026 95.002 74.5047C95.002 76.1067 93.7033 77.4054 92.1012 77.4054H86.2997C84.6976 77.4054 83.3989 76.1067 83.3989 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.6997 86.7891C74.6997 85.1871 75.9984 83.8883 77.6005 83.8883H83.4021C85.0041 83.8883 86.3028 85.1871 86.3028 86.7891C86.3028 88.3911 85.0041 89.6898 83.4021 89.6898H77.6005C75.9984 89.6898 74.6997 88.3911 74.6997 86.7891Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 74.6997,\n y: 60,\n width: 11.6031,\n height: 5.80154,\n rx: 2.90077,\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37.0004 7.76154C37.0004 4.57953 39.5799 2 42.7619 2H70.1292C73.3112 2 75.8907 4.57953 75.8907 7.76154V42.3307C75.8907 45.5128 73.3112 48.0923 70.1292 48.0923H42.7619C39.5799 48.0923 37.0004 45.5128 37.0004 42.3307V7.76154Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M70.2698 3.44038H42.9025C40.516 3.44038 38.5814 5.37503 38.5814 7.76154V42.3307C38.5814 44.7173 40.516 46.6519 42.9025 46.6519H70.2698C72.6563 46.6519 74.591 44.7173 74.591 42.3307V7.76154C74.591 5.37503 72.6563 3.44038 70.2698 3.44038ZM42.9025 2C39.7205 2 37.141 4.57953 37.141 7.76154V42.3307C37.141 45.5128 39.7205 48.0923 42.9025 48.0923H70.2698C73.4518 48.0923 76.0314 45.5128 76.0314 42.3307V7.76154C76.0314 4.57953 73.4518 2 70.2698 2H42.9025Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.5047 15.802V19.573M56.5047 19.573H48.7123C48.0496 19.573 47.5123 20.1102 47.5123 20.773V21.7485M56.5047 19.573H64.007C64.6698 19.573 65.207 20.1102 65.207 20.773V21.7485\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.5047 33.8883L56.5047 29.581M56.5047 29.581L48.7123 29.581C48.0496 29.581 47.5123 29.0437 47.5123 28.381L47.5123 27.4054M56.5047 29.581L64.007 29.581C64.6698 29.581 65.207 29.0437 65.207 28.381L65.207 27.4054\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.0002 24.5047C42.0002 22.9026 43.2989 21.6039 44.9009 21.6039H50.7025C52.3046 21.6039 53.6033 22.9026 53.6033 24.5047C53.6033 26.1067 52.3046 27.4054 50.7025 27.4054H44.9009C43.2989 27.4054 42.0002 26.1067 42.0002 24.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.3986 24.5047C59.3986 22.9026 60.6973 21.6039 62.2994 21.6039H68.101C69.703 21.6039 71.0017 22.9026 71.0017 24.5047C71.0017 26.1067 69.703 27.4054 68.101 27.4054H62.2994C60.6973 27.4054 59.3986 26.1067 59.3986 24.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.6994 36.7891C50.6994 35.187 51.9981 33.8883 53.6002 33.8883H59.4018C61.0038 33.8883 62.3025 35.187 62.3025 36.7891C62.3025 38.3911 61.0038 39.6898 59.4018 39.6898H53.6002C51.9981 39.6898 50.6994 38.3911 50.6994 36.7891Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 50.6994,\n y: 9.99999,\n width: 11.6031,\n height: 5.80154,\n rx: 2.90077,\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 58.0474C12 54.8654 14.5795 52.2859 17.7615 52.2859H45.1288C48.3108 52.2859 50.8904 54.8654 50.8904 58.0474V92.6166C50.8904 95.7986 48.3108 98.3782 45.1288 98.3782H17.7615C14.5795 98.3782 12 95.7986 12 92.6166V58.0474Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M45.1288 53.7263H17.7615C15.375 53.7263 13.4404 55.6609 13.4404 58.0474V92.6166C13.4404 95.0031 15.375 96.9378 17.7615 96.9378H45.1288C47.5153 96.9378 49.45 95.0031 49.45 92.6166V58.0474C49.45 55.6609 47.5153 53.7263 45.1288 53.7263ZM17.7615 52.2859C14.5795 52.2859 12 54.8654 12 58.0474V92.6166C12 95.7986 14.5795 98.3782 17.7615 98.3782H45.1288C48.3108 98.3782 50.8904 95.7986 50.8904 92.6166V58.0474C50.8904 54.8654 48.3108 52.2859 45.1288 52.2859H17.7615Z\",\n fill: \"#B1C3E9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.505 65.802V69.573M31.505 69.573H23.7126C23.0498 69.573 22.5126 70.1102 22.5126 70.773V71.7485M31.505 69.573H39.0073C39.67 69.573 40.2073 70.1102 40.2073 70.773V71.7485\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.505 83.8884L31.505 79.581M31.505 79.581L23.7126 79.581C23.0498 79.581 22.5126 79.0437 22.5126 78.381L22.5126 77.4054M31.505 79.581L39.0073 79.581C39.67 79.581 40.2073 79.0437 40.2073 78.381L40.2073 77.4054\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.0005 74.5047C17.0005 72.9026 18.2992 71.6039 19.9012 71.6039H25.7028C27.3048 71.6039 28.6035 72.9026 28.6035 74.5047C28.6035 76.1067 27.3048 77.4054 25.7028 77.4054H19.9012C18.2992 77.4054 17.0005 76.1067 17.0005 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.3989 74.5047C34.3989 72.9026 35.6976 71.6039 37.2997 71.6039H43.1012C44.7033 71.6039 46.002 72.9026 46.002 74.5047C46.002 76.1067 44.7033 77.4054 43.1012 77.4054H37.2997C35.6976 77.4054 34.3989 76.1067 34.3989 74.5047Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.6997 86.7891C25.6997 85.1871 26.9984 83.8883 28.6005 83.8883H34.4021C36.0041 83.8883 37.3028 85.1871 37.3028 86.7891C37.3028 88.3911 36.0041 89.6898 34.4021 89.6898H28.6005C26.9984 89.6898 25.6997 88.3911 25.6997 86.7891Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 25.6997,\n y: 60,\n width: 11.6031,\n height: 5.80154,\n rx: 2.90077,\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.463 99.8529C60.6498 98.6777 65.5231 91.899 64.3479 84.7122C63.1727 77.5254 56.3939 72.6521 49.2072 73.8273C42.0204 75.0025 37.147 81.7812 38.3222 88.968C39.4975 96.1548 46.2762 101.028 53.463 99.8529Z\",\n fill: \"url(#paint0_linear_2531_6757)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6854 100.25L59.2272 98.9346L64.5926 109.282L62.0538 110.6L56.6854 100.25Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.646 73.9471C42.0976 75.2702 39.9985 77.3192 38.6145 79.835C37.2304 82.3507 36.6236 85.2203 36.8703 88.081C37.117 90.9418 38.2063 93.6651 40.0006 95.9068C41.7949 98.1485 44.2136 99.808 46.9509 100.675C49.6882 101.542 52.621 101.579 55.3788 100.779C58.1366 99.9795 60.5956 98.3803 62.4446 96.1835C64.2936 93.9867 65.4498 91.2909 65.7669 88.4371C66.084 85.5833 65.5479 82.6996 64.2263 80.1505C62.4522 76.7322 59.3931 74.1585 55.7218 72.9951C52.0505 71.8318 48.0676 72.174 44.6486 73.9467L44.646 73.9471ZM56.8331 97.4181C54.7384 98.5067 52.3681 98.9497 50.0217 98.6909C47.6752 98.432 45.4581 97.4831 43.6511 95.9641C41.844 94.4451 40.5281 92.4243 39.8697 90.1573C39.2113 87.8903 39.24 85.479 39.9522 83.2283C40.6644 80.9777 42.0282 78.9888 43.8709 77.5133C45.7136 76.0378 47.9525 75.142 50.3044 74.9391C52.6563 74.7362 55.0156 75.2355 57.0838 76.3736C59.152 77.5118 60.8362 79.2378 61.9233 81.3333C63.3784 84.141 63.6594 87.4116 62.7049 90.4266C61.7503 93.4415 59.6382 95.9543 56.8322 97.413L56.8331 97.4181Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.432 117.953C67.1844 118.082 66.9139 118.161 66.6357 118.185C66.3576 118.21 66.0775 118.179 65.8113 118.094C65.5451 118.01 65.298 117.874 65.0845 117.694C64.871 117.514 64.6952 117.294 64.5671 117.046L57.213 102.886L60.9824 100.926L68.339 115.086C68.4684 115.333 68.5477 115.604 68.5721 115.882C68.5966 116.161 68.566 116.441 68.4817 116.708C68.3974 116.974 68.2612 117.222 68.0811 117.435C67.901 117.649 67.6804 117.825 67.432 117.953Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_2531_6757\",\n x1: 49.2072,\n y1: 73.8273,\n x2: 53.463,\n y2: 99.8529,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_2531_6757\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\"\n})))));\nexport default SvgNoApprovalsFoundIcon;","var _circle, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoSignDocumentsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 104 120\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52,\n cy: 63,\n r: 52,\n fill: \"#F3F3FE\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.5 46.334V11.666a6.5 6.5 0 0 1 6.5-6.5h21.218c.287 0 .563.114.766.317l5.1 5.1 5.099 5.099c.203.203.317.479.317.766v29.884a6.5 6.5 0 0 1-6.5 6.5H39a6.5 6.5 0 0 1-6.5-6.5Z\",\n fill: \"#fff\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.083 24.97a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 0 1 0 4.94H42.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#09F\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.083 33.463a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 1 1 0 4.94H42.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#FF6100\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.165 42.22c0-.16-.062-.127-.153-.125-.12.002-2.394 1.416-2.394 1.416s-.994.428-1.262.645c-1.554 1.5-2.075.216-2.167 0-.308-.731.103-1.393.613-1.937.265-.213 1.553-1.313 2.939-1.974.712-.34 1.325-.707 2.152-.726.325-.033 1.273-.128 1.88.303.449.32.491 1.492.582 1.705.169.394.297.484.297 1.243 0 .371-.696 1.592-.878 2.458.089-.05.74-.264 1.132-.392.567-.185.895-.155 1.467-.426l.446-.211c2.266-1.075 5.62-2.21 6.602-2.497.288-.084 1.54-.23 2.268.287.674.478 1.019 1.854 1.019 1.854s.064.313.919 0v1.98c-.472-.142-.832-.161-1.112-.367-.61-.641-.971-1.6-1.258-1.517-1.932.567-2.818 1.3-7.153 2.795-.864.298-1.49.778-2.165.888-.946.156-1.66.313-2.413.238-.534-.053-.749-.189-1.084-.517-.452-.44-.368-.915-.549-1.52-.192-.641-.418-1.007-.395-1.667.019-.553.395-1.386.395-1.386s.272-.392.272-.55Z\",\n fill: \"#FFB629\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M32.5 11.667a6.5 6.5 0 0 1 6.5-6.5h22.75c.287 0 .563.114.766.317l8.667 8.667c.203.203.317.479.317.766v31.416a6.5 6.5 0 0 1-6.5 6.5H39a6.5 6.5 0 0 1-6.5-6.5V11.668ZM39 7.333a4.333 4.333 0 0 0-4.333 4.334v34.666A4.333 4.333 0 0 0 39 50.668h26a4.333 4.333 0 0 0 4.333-4.334V16h-5.416a3.25 3.25 0 0 1-3.25-3.25V7.333H39Z\",\n fill: \"#C8CEED\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M75.504 30.215a1.809 1.809 0 0 0-2.559 0l-4.631 4.631-5.911 5.911-.972 3.887a.905.905 0 0 0 1.097 1.097l3.887-.972 5.91-5.91 4.632-4.633a1.81 1.81 0 0 0 0-2.558l-1.453-1.453Z\",\n fill: \"#0A1551\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.5 98.334V63.666a6.5 6.5 0 0 1 6.5-6.5h21.218c.287 0 .563.114.766.317l5.1 5.1 5.099 5.099c.203.203.317.479.317.766v29.885a6.5 6.5 0 0 1-6.5 6.499H13a6.5 6.5 0 0 1-6.5-6.5Z\",\n fill: \"#fff\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.083 76.97a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 0 1 0 4.94H16.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#09F\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.083 85.463a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 1 1 0 4.94H16.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#FF6100\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.165 94.22c0-.16-.062-.127-.153-.125-.12.002-2.394 1.416-2.394 1.416s-.994.428-1.262.645c-1.554 1.5-2.075.216-2.167 0-.308-.731.103-1.393.613-1.937.265-.213 1.553-1.313 2.939-1.974.712-.34 1.325-.707 2.152-.726.325-.033 1.273-.128 1.88.303.449.32.491 1.492.582 1.705.168.394.297.484.297 1.243 0 .371-.696 1.592-.878 2.458.089-.05.74-.264 1.132-.392.567-.185.895-.155 1.467-.426l.446-.211c2.266-1.075 5.62-2.21 6.602-2.497.288-.084 1.54-.23 2.268.287.674.478 1.019 1.854 1.019 1.854s.064.313.919 0v1.98c-.472-.142-.832-.161-1.112-.367-.61-.641-.971-1.6-1.258-1.517-1.932.567-2.818 1.3-7.153 2.795-.864.298-1.49.778-2.165.888-.946.156-1.66.313-2.413.238-.534-.053-.749-.189-1.084-.517-.451-.44-.368-.915-.549-1.52-.192-.641-.418-1.007-.395-1.667.018-.553.395-1.386.395-1.386s.272-.392.272-.55Z\",\n fill: \"#FFB629\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6.5 63.667a6.5 6.5 0 0 1 6.5-6.5h22.75c.287 0 .563.114.766.317l8.667 8.667c.203.203.317.478.317.766v31.416a6.5 6.5 0 0 1-6.5 6.5H13a6.5 6.5 0 0 1-6.5-6.5V63.668Zm6.5-4.334a4.333 4.333 0 0 0-4.333 4.334v34.666A4.333 4.333 0 0 0 13 102.668h26a4.333 4.333 0 0 0 4.333-4.334V68h-5.416a3.25 3.25 0 0 1-3.25-3.25v-5.416H13Z\",\n fill: \"#C8CEED\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.504 82.215a1.809 1.809 0 0 0-2.559 0l-4.632 4.631-5.91 5.911-.972 3.887a.905.905 0 0 0 1.097 1.097l3.886-.972 5.911-5.91 4.632-4.632a1.81 1.81 0 0 0 0-2.559l-1.453-1.454Z\",\n fill: \"#0A1551\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.5 98.334V63.666a6.5 6.5 0 0 1 6.5-6.5h21.218c.287 0 .563.114.766.317l5.1 5.1 5.099 5.099c.203.203.317.479.317.766v29.885a6.5 6.5 0 0 1-6.5 6.499H65a6.5 6.5 0 0 1-6.5-6.5Z\",\n fill: \"#fff\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.083 76.97a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 0 1 0 4.94H68.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#09F\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.083 85.463a2.47 2.47 0 0 1 2.47-2.47h18.894a2.47 2.47 0 1 1 0 4.94H68.553a2.47 2.47 0 0 1-2.47-2.47Z\",\n fill: \"#FF6100\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.165 94.22c0-.16-.062-.127-.153-.125-.12.002-2.394 1.416-2.394 1.416s-.994.428-1.262.645c-1.554 1.5-2.075.216-2.167 0-.308-.731.103-1.393.613-1.937.265-.213 1.553-1.313 2.939-1.974.712-.34 1.325-.707 2.152-.726.325-.033 1.273-.128 1.88.303.449.32.491 1.492.582 1.705.168.394.297.484.297 1.243 0 .371-.696 1.592-.878 2.458.089-.05.74-.264 1.132-.392.567-.185.895-.155 1.467-.426l.446-.211c2.266-1.075 5.62-2.21 6.602-2.497.288-.084 1.54-.23 2.268.287.674.478 1.019 1.854 1.019 1.854s.064.313.919 0v1.98c-.472-.142-.832-.161-1.112-.367-.61-.641-.972-1.6-1.258-1.517-1.932.567-2.818 1.3-7.153 2.795-.864.298-1.49.778-2.165.888-.946.156-1.66.313-2.413.238-.534-.053-.749-.189-1.084-.517-.451-.44-.368-.915-.549-1.52-.192-.641-.418-1.007-.395-1.667.018-.553.395-1.386.395-1.386s.272-.392.272-.55Z\",\n fill: \"#FFB629\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M58.5 63.667a6.5 6.5 0 0 1 6.5-6.5h22.75c.287 0 .563.114.766.317l8.667 8.667c.203.203.317.478.317.766v31.416a6.5 6.5 0 0 1-6.5 6.5H65a6.5 6.5 0 0 1-6.5-6.5V63.668Zm6.5-4.334a4.333 4.333 0 0 0-4.333 4.334v34.666A4.333 4.333 0 0 0 65 102.668h26a4.333 4.333 0 0 0 4.333-4.334V68h-5.416a3.25 3.25 0 0 1-3.25-3.25v-5.416H65Z\",\n fill: \"#C8CEED\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.504 82.215a1.81 1.81 0 0 0-2.559 0l-4.631 4.631-5.911 5.911-.972 3.887a.905.905 0 0 0 1.097 1.097l3.886-.972 5.911-5.91 4.632-4.632a1.808 1.808 0 0 0 0-2.559l-1.453-1.454Z\",\n fill: \"#0A1551\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M44.518 99.71c7.283 0 13.186-5.904 13.186-13.186 0-7.283-5.903-13.186-13.186-13.186-7.282 0-13.185 5.903-13.185 13.186 0 7.282 5.903 13.185 13.185 13.185Z\",\n fill: \"url(#a)\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M37.83 73.63a14.52 14.52 0 0 0 12.074 26.372l1.153 2.224-.66.343 7.354 14.16a2.114 2.114 0 0 0 2.068 1.14c.278-.024.549-.103.796-.232a2.115 2.115 0 0 0 1.05-1.246 2.12 2.12 0 0 0-.143-1.622l-7.356-14.16-.57.296-1.152-2.222a14.518 14.518 0 0 0-3.539-26.004 14.524 14.524 0 0 0-11.073.951h-.002Zm12.187 23.472a11.933 11.933 0 0 1-12.963-19.905 11.933 11.933 0 0 1 18.053 3.82 11.934 11.934 0 0 1-5.091 16.08v.005Z\",\n fill: \"#0A1551\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"a\",\n x1: 44.518,\n y1: 73.338,\n x2: 44.518,\n y2: 99.709,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})))));\nexport default SvgNoSignDocumentsFoundIcon;","var _g, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoBoardsFoundIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 108 121\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_754_127867)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 54.5,\n cy: 56,\n r: 52.5,\n fill: \"#F3F3FE\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 36.25,\n y: 4.17578,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.5 19.1799C56.5 18.7657 56.8358 18.4299 57.25 18.4299H66.25C66.6642 18.4299 67 18.7657 67 19.1799V33.4299C67 34.2584 66.3284 34.9299 65.5 34.9299H58C57.1716 34.9299 56.5 34.2584 56.5 33.4299V19.1799Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43 19.1799C43 18.7657 43.3358 18.4299 43.75 18.4299H52.75C53.1642 18.4299 53.5 18.7657 53.5 19.1799V27.4299C53.5 28.2584 52.8284 28.9299 52 28.9299H44.5C43.6716 28.9299 43 28.2584 43 27.4299V19.1799Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43 12.4299C43 11.6015 43.6716 10.9299 44.5 10.9299H52C52.8284 10.9299 53.5 11.6015 53.5 12.4299V14.6799C53.5 15.0941 53.1642 15.4299 52.75 15.4299H43.75C43.3358 15.4299 43 15.0941 43 14.6799V12.4299Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.5 12.4299C56.5 11.6015 57.1716 10.9299 58 10.9299H65.5C66.3284 10.9299 67 11.6015 67 12.4299V14.6799C67 15.0941 66.6642 15.4299 66.25 15.4299H57.25C56.8358 15.4299 56.5 15.0941 56.5 14.6799V12.4299Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 11.25,\n y: 54.1799,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.5 69.1841C31.5 68.7699 31.8358 68.4341 32.25 68.4341H41.25C41.6642 68.4341 42 68.7699 42 69.1841V83.4341C42 84.2625 41.3284 84.9341 40.5 84.9341H33C32.1716 84.9341 31.5 84.2625 31.5 83.4341V69.1841Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 69.1841C18 68.7699 18.3358 68.4341 18.75 68.4341H27.75C28.1642 68.4341 28.5 68.7699 28.5 69.1841V77.4341C28.5 78.2625 27.8284 78.9341 27 78.9341H19.5C18.6716 78.9341 18 78.2625 18 77.4341V69.1841Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 62.4341C18 61.6057 18.6716 60.9341 19.5 60.9341H27C27.8284 60.9341 28.5 61.6057 28.5 62.4341V64.6841C28.5 65.0983 28.1642 65.4341 27.75 65.4341H18.75C18.3358 65.4341 18 65.0983 18 64.6841V62.4341Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.5 62.4341C31.5 61.6057 32.1716 60.9341 33 60.9341H40.5C41.3284 60.9341 42 61.6057 42 62.4341V64.6841C42 65.0983 41.6642 65.4341 41.25 65.4341H32.25C31.8358 65.4341 31.5 65.0983 31.5 64.6841V62.4341Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n x: 60.25,\n y: 54.1799,\n width: 37.5,\n height: 37.5,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.5 69.1841C80.5 68.7699 80.8358 68.4341 81.25 68.4341H90.25C90.6642 68.4341 91 68.7699 91 69.1841V83.4341C91 84.2625 90.3284 84.9341 89.5 84.9341H82C81.1716 84.9341 80.5 84.2625 80.5 83.4341V69.1841Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67 69.1841C67 68.7699 67.3358 68.4341 67.75 68.4341H76.75C77.1642 68.4341 77.5 68.7699 77.5 69.1841V77.4341C77.5 78.2625 76.8284 78.9341 76 78.9341H68.5C67.6716 78.9341 67 78.2625 67 77.4341V69.1841Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67 62.4341C67 61.6057 67.6716 60.9341 68.5 60.9341H76C76.8284 60.9341 77.5 61.6057 77.5 62.4341V64.6841C77.5 65.0983 77.1642 65.4341 76.75 65.4341H67.75C67.3358 65.4341 67 65.0983 67 64.6841V62.4341Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M80.5 62.4341C80.5 61.6057 81.1716 60.9341 82 60.9341H89.5C90.3284 60.9341 91 61.6057 91 62.4341V64.6841C91 65.0983 90.6642 65.4341 90.25 65.4341H81.25C80.8358 65.4341 80.5 65.0983 80.5 64.6841V62.4341Z\",\n fill: \"#0099FF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M53.4633 100.352C60.6501 99.1766 65.5235 92.3979 64.3482 85.2111C63.173 78.0243 56.3943 73.151 49.2075 74.3262C42.0207 75.5014 37.1474 82.2801 38.3226 89.4669C39.4978 96.6537 46.2766 101.527 53.4633 100.352Z\",\n fill: \"url(#paint0_linear_754_127867)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.6857 100.75L59.2276 99.4337L64.593 109.781L62.0541 111.099L56.6857 100.75Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.6464 74.4462C42.098 75.7692 39.9989 77.8182 38.6149 80.334C37.2308 82.8498 36.6239 85.7193 36.8706 88.58C37.1173 91.4408 38.2066 94.1642 40.0009 96.4058C41.7953 98.6475 44.214 100.307 46.9513 101.174C49.6886 102.041 52.6214 102.078 55.3792 101.278C58.137 100.479 60.596 98.8793 62.445 96.6825C64.294 94.4857 65.4501 91.79 65.7673 88.9362C66.0844 86.0824 65.5483 83.1986 64.2267 80.6495C62.4526 77.2313 59.3934 74.6575 55.7221 73.4942C52.0508 72.3308 48.0679 72.6731 44.649 74.4457L44.6464 74.4462ZM56.8334 97.9172C54.7387 99.0058 52.3685 99.4487 50.022 99.1899C47.6756 98.9311 45.4585 97.9821 43.6514 96.4631C41.8444 94.9441 40.5285 92.9233 39.8701 90.6563C39.2117 88.3893 39.2403 85.978 39.9526 83.7273C40.6648 81.4767 42.0285 79.4878 43.8713 78.0123C45.714 76.5368 47.9528 75.641 50.3048 75.4381C52.6567 75.2353 55.016 75.7345 57.0842 76.8727C59.1523 78.0108 60.8365 79.7368 61.9236 81.8323C63.3788 84.6401 63.6598 87.9107 62.7052 90.9256C61.7507 93.9405 59.6385 96.4533 56.8326 97.9121L56.8334 97.9172Z\",\n fill: \"#0A1551\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.4324 118.452C67.1848 118.581 66.9142 118.66 66.6361 118.684C66.3579 118.709 66.0778 118.678 65.8116 118.593C65.5455 118.509 65.2984 118.373 65.0849 118.193C64.8714 118.013 64.6956 117.793 64.5674 117.545L57.2134 103.385L60.9827 101.425L68.3393 115.585C68.4688 115.832 68.548 116.103 68.5725 116.381C68.597 116.66 68.5663 116.94 68.4821 117.207C68.3978 117.473 68.2615 117.721 68.0814 117.934C67.9013 118.148 67.6807 118.324 67.4324 118.452Z\",\n fill: \"#0A1551\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_754_127867\",\n x1: 49.2075,\n y1: 74.3262,\n x2: 53.4633,\n y2: 100.352,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#92B0EC\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#92B0EC\",\n stopOpacity: 0.51\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_754_127867\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 108,\n height: 120,\n fill: \"white\",\n transform: \"translate(0 0.5)\"\n})))));\nexport default SvgNoBoardsFoundIcon;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _g, _path9, _path10, _path11, _path12, _g2, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _g3, _path20, _path21, _path22, _path23, _g4, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoFormsIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 198 141\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 97.4367C0 73.8043 19.1578 54.6465 42.7902 54.6465H155.115C178.747 54.6465 197.905 73.8043 197.905 97.4367C197.905 121.069 178.747 140.227 155.115 140.227H42.7902C19.1578 140.227 0 121.069 0 97.4367Z\",\n fill: \"#E6E6F5\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 0,\n y: 54,\n width: 198,\n height: 87\n}, _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 97.4367C0 73.8043 19.1578 54.6465 42.7902 54.6465H155.115C178.747 54.6465 197.905 73.8043 197.905 97.4367C197.905 121.069 178.747 140.227 155.115 140.227H42.7902C19.1578 140.227 0 121.069 0 97.4367Z\",\n fill: \"#E6E6F5\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0_624:16012)\"\n}, _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M115.336 77.9239C106.901 88.5617 99.9998 95.4214 94.6306 98.5029C86.5769 103.125 85.9877 98.2682 56.4901 77.7583C54.439 76.8969 52.7754 76.6674 49.9956 79.7585C48.3335 81.6069 44.7598 82.0931 39.2746 81.2173L39.2746 81.2173C38.7245 81.1295 38.2053 81.504 38.115 82.0539C38.0701 82.3274 38.1397 82.6067 38.3074 82.8265C39.6577 84.5955 41.994 85.5598 45.3164 85.7196C51.9089 86.0364 52.6163 83.5632 56.326 86.4774C60.0356 89.3916 79.9102 112.691 91.8962 113.269C103.882 113.848 119.63 96.0418 124.085 94.6697C127.055 93.7549 129.477 86.5287 131.353 72.9909L115.336 77.9239Z\",\n fill: \"#CD7448\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M58.9543 90.0563C62.224 86.9336 64.2069 84.21 64.903 81.8853C79.5311 92.8149 87.8103 97.9805 89.7407 97.382C92.3874 96.5614 113.744 77.3633 121.165 72.8215C121.839 72.149 121.886 77.8987 122.422 77.2795L120.015 99.5943C111.348 105.796 105.826 109.617 103.45 111.057C99.8843 113.217 90.5281 117.172 82.0782 110.302C76.4449 105.722 68.7369 98.9735 58.9543 90.0563Z\",\n fill: \"#F4F5FE\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.638 114.549C111.986 119.246 111.986 125.139 110.638 135.875L160.179 128.641L157.146 88.3777C155.124 81.6671 152.765 76.9698 150.069 74.2855C146.025 70.2592 124.793 72.2724 119.737 74.2855C114.682 76.2987 113.671 85.3579 108.616 93.4106C103.561 101.463 108.616 107.503 110.638 114.549Z\",\n fill: \"white\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M141.981 72.1544C139.959 88.6243 134.277 96.8593 124.934 96.8593C110.92 96.8593 114.206 89.4872 115.961 86.0305C117.131 83.726 118.417 79.6245 119.82 73.7258C124.641 72.1872 128.321 71.3278 130.86 71.1478C133.398 70.9679 137.105 71.3034 141.981 72.1544Z\",\n fill: \"#CD7448\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask1_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 51,\n y: -1,\n width: 110,\n height: 94\n}, _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51.2891 -0.625H160.642V92.0872H51.2891V-0.625Z\",\n fill: \"#C4C4C4\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask1_624:16012)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask2_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 106,\n y: 71,\n width: 59,\n height: 93\n}, _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.638 138.541C111.986 127.804 111.986 119.246 110.638 114.549C108.616 107.503 103.561 101.463 108.616 93.4106C113.671 85.3579 114.682 76.2987 119.737 74.2855C124.793 72.2724 146.025 70.2592 150.069 74.2855C152.765 76.9698 155.124 81.6671 157.146 88.3777L160.179 128.641C164.898 146.759 165.572 157.832 162.201 161.858C157.146 167.898 155.124 151.792 132.881 142.733C128.163 140.72 120.748 139.883 110.638 138.541Z\",\n fill: \"white\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask2_624:16012)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.638 138.539C111.986 127.803 111.986 120.085 110.638 115.388C108.616 108.342 103.561 102.302 108.616 94.2498C113.671 86.1972 114.398 76.4272 119.454 74.414C124.509 72.4008 145.286 69.4997 149.33 73.526C152.026 76.2102 155.124 82.5064 157.146 89.2169V102.827L160.179 129.48C164.898 147.599 165.572 158.671 162.201 162.697C157.146 168.737 155.124 152.632 132.881 143.572C128.163 141.559 120.748 139.882 110.638 138.539Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M141.981 72.1544C139.959 88.6243 134.277 96.8593 124.934 96.8593C110.92 96.8593 114.206 89.4872 115.961 86.0305C117.131 83.726 118.417 79.6245 119.82 73.7258C124.641 72.1872 128.321 71.3278 130.86 71.1478C133.398 70.9679 137.105 71.3034 141.981 72.1544Z\",\n fill: \"#CD7448\"\n}))), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M113.82 33.3166C110.43 47.7514 109.279 49.4479 108.018 52.6186C107.705 53.4047 107.867 54.3038 108.456 54.912C113.256 59.8667 119.676 61.4146 127.717 59.5556C136.283 57.5753 136.242 54.5995 130.934 30.4186L113.82 33.3166Z\",\n fill: \"#0A1551\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M136.285 53.9991C134.625 66.972 140.19 71.5228 142.1 71.5552C144.009 71.5876 136.698 79.5784 123.067 92.3643C118.606 83.7663 118.107 76.0982 119.5 73.8743C121.59 70.5386 123.529 73.3922 122.813 61.7133C122.343 54.0415 132.544 54.7707 139.81 53.5254C136.285 53.9991 130.529 54.1174 136.285 53.9991Z\",\n fill: \"#CD7448\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M122.313 56.5259C123.105 63.7532 123.082 67.7391 123 68.3752C122.878 69.3293 140.282 68.5234 135.312 53.2024C130.342 37.8815 128.68 55.0076 122.313 56.5259Z\",\n fill: \"#BD5826\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask3_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 113,\n y: 24,\n width: 38,\n height: 44\n}, _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M145.092 57.0491C140.516 63.1625 134.135 66.5174 125.949 67.1136C117.636 67.7191 112.086 56.8794 113.156 45.7503C113.667 40.4403 114.843 35.7532 119.518 30.9235C129.169 20.9553 138.236 22.2718 146.718 34.8728L150.38 44.6449L145.092 57.0491Z\",\n fill: \"white\"\n}))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask3_624:16012)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M143.966 56.1764C138.857 61.8531 132.197 64.6207 123.988 64.4795C115.652 64.336 111.101 53.0441 113.171 42.0585C114.159 36.8169 115.753 32.2554 120.847 27.866C131.36 18.8066 140.273 20.9315 147.587 34.2405L150.353 44.2998L143.966 56.1764Z\",\n fill: \"#CD7448\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.422879,\n d: \"M131.771 56.3898C129.076 55.9732 127.129 54.1378 127.423 52.2901C127.718 50.4425 130.141 49.2824 132.836 49.6989C135.532 50.1155 137.478 51.9509 137.184 53.7985C136.89 55.6462 134.466 56.8063 131.771 56.3898Z\",\n fill: \"#A44616\"\n}))), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.579 55.9777C123.46 56.8827 120.96 56.4158 118.079 54.5768C119.435 58.4286 120.976 60.1813 122.702 59.8349C124.428 59.4886 125.387 58.2028 125.579 55.9777Z\",\n fill: \"#A5330A\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M126.938 38.462C119.116 37.1633 115.933 36.5576 113.227 34.4149C113.384 24.3556 121.661 18.4345 125.497 17.5383C134.368 15.3748 143.999 18.0813 149.91 25.865C150.496 26.6367 150.986 27.4266 151.389 28.2296C151.621 28.6034 151.85 29.0216 152.077 29.4864C155.776 40.1435 157.722 55.6928 156.667 61.4529C153.71 65.2542 129.978 66.0739 132.95 61.3098C133.116 61.0439 133.301 60.7682 133.498 60.4748C134.894 58.3952 136.885 55.4288 136.866 48.7651C136.862 47.1514 136.396 45.2638 135.87 43.1353C135.692 42.4157 135.507 41.6685 135.332 40.8951C134.913 40.7489 134.514 40.6101 134.135 40.4782C132.443 39.8904 131.149 39.4404 130.345 39.0921C129.465 38.7109 130.304 36.1681 130.907 34.3427C131.433 32.7486 131.778 31.7015 130.641 33.1186C129.176 34.9439 128.616 36.3723 128.341 37.492C128.184 38.1288 127.585 38.5694 126.938 38.462Z\",\n fill: \"#0A1551\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.165 138.735C120.494 135.738 144.433 142.471 162.674 135.789C172.674 132.126 165.022 110.79 160.852 92.8997C158.213 82.9975 153.845 76.4349 149.863 74.0075L141.201 80.3815L143.406 92.2543C143.406 92.2543 142.036 96.5649 144.923 104.397C147.811 112.229 152.298 122.076 152.298 122.076L109.373 131.081C109.528 134.632 110.902 141.133 115.165 138.735Z\",\n fill: \"white\"\n}))), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M120.877 137.279C118.784 138.945 117.779 138.998 115.278 140.92C113.265 141.884 111.779 142.298 107.412 140.994C104.792 140.212 101.091 140.012 96.3082 140.393L96.3082 140.393C95.7516 140.438 95.2652 140.024 95.2217 139.47C95.2055 139.263 95.2538 139.057 95.3599 138.878C96.5754 136.833 98.9431 135.637 102.463 135.287C109.043 134.635 109.862 137.065 113.441 133.969C115.827 131.905 118.306 133.008 120.877 137.279Z\",\n fill: \"#CD7448\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M116.883 140.747C127.5 139.876 146.152 144.482 164.392 137.801C174.393 134.137 166.74 112.802 162.57 94.9114C159.932 85.0092 155.564 78.4466 151.582 76.0192L142.92 82.3932L145.125 94.266C145.125 94.266 143.755 98.5766 146.642 106.408C149.529 114.24 154.017 124.088 154.017 124.088L111.092 133.093C111.246 136.643 110 140.376 116.883 140.747Z\",\n fill: \"url(#paint0_linear_624:16012)\"\n}))), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask4_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 96,\n y: 14,\n width: 64,\n height: 79\n}, _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96 14.375H160V92.375H96V14.375Z\",\n fill: \"#C4C4C4\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask4_624:16012)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask5_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 106,\n y: 71,\n width: 59,\n height: 93\n}, _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.349 138.541C111.697 127.804 111.697 119.246 110.349 114.549C108.327 107.503 103.272 101.463 108.327 93.4106C113.382 85.3579 114.393 76.2987 119.448 74.2855C124.504 72.2724 145.736 70.2592 149.78 74.2855C152.476 76.9698 154.835 81.6671 156.857 88.3777L159.89 128.641C164.609 146.759 165.283 157.832 161.912 161.858C156.857 167.898 154.835 151.792 132.592 142.733C127.874 140.72 120.459 139.883 110.349 138.541Z\",\n fill: \"white\"\n}))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask5_624:16012)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.349 138.539C111.697 127.803 111.697 120.085 110.349 115.388C108.327 108.342 103.272 102.302 108.327 94.2498C113.382 86.1972 114.109 76.4272 119.165 74.414C124.22 72.4008 144.997 69.4997 149.041 73.526C151.737 76.2102 154.835 82.5064 156.857 89.2169V102.827L159.89 129.48C164.609 147.599 165.283 158.671 161.912 162.697C156.857 168.737 154.835 152.632 132.592 143.572C127.874 141.559 120.459 139.882 110.349 138.539Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M141.692 72.1544C139.67 88.6243 133.988 96.8593 124.645 96.8593C110.631 96.8593 113.917 89.4872 115.672 86.0305C116.842 83.726 118.128 79.6245 119.531 73.7258C124.352 72.1872 128.032 71.3278 130.571 71.1478C133.109 70.9679 136.816 71.3034 141.692 72.1544Z\",\n fill: \"#CD7448\"\n}))), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M113.531 33.3166C110.141 47.7514 108.989 49.4479 107.729 52.6186C107.416 53.4047 107.578 54.3038 108.167 54.912C112.967 59.8667 119.387 61.4146 127.428 59.5556C135.994 57.5753 135.953 54.5995 130.645 30.4186L113.531 33.3166Z\",\n fill: \"#0A1551\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M135.996 53.9991C134.335 66.972 139.901 71.5228 141.811 71.5552C143.72 71.5876 136.409 79.5784 122.778 92.3643C118.317 83.7663 117.818 76.0982 119.211 73.8743C121.301 70.5386 123.24 73.3922 122.524 61.7133C122.054 54.0415 132.255 54.7707 139.521 53.5254C135.996 53.9991 130.24 54.1174 135.996 53.9991Z\",\n fill: \"#CD7448\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M122.024 56.5259C122.816 63.7532 122.793 67.7391 122.711 68.3752C122.589 69.3293 139.993 68.5234 135.023 53.2024C130.053 37.8815 128.391 55.0076 122.024 56.5259Z\",\n fill: \"#BD5826\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask6_624:16012\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 112,\n y: 24,\n width: 39,\n height: 44\n}, _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.803 57.0491C140.227 63.1625 133.846 66.5174 125.66 67.1136C117.347 67.7191 111.797 56.8794 112.867 45.7503C113.377 40.4403 114.553 35.7532 119.229 30.9235C128.88 20.9553 137.947 22.2718 146.429 34.8728L150.091 44.6449L144.803 57.0491Z\",\n fill: \"white\"\n}))), _g4 || (_g4 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask6_624:16012)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M143.677 56.1764C138.567 61.8531 131.908 64.6207 123.699 64.4795C115.363 64.336 110.812 53.0441 112.882 42.0585C113.87 36.8169 115.464 32.2554 120.558 27.866C131.071 18.8066 139.984 20.9315 147.298 34.2405L150.064 44.2998L143.677 56.1764Z\",\n fill: \"#CD7448\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M128.904 40.8301C130.107 41.4177 130.959 42.3601 131.387 43.0696C131.557 43.3507 131.466 43.716 131.185 43.8855C130.905 44.0549 130.539 43.9644 130.37 43.6833C130.041 43.1393 129.35 42.3705 128.383 41.8981C127.438 41.4364 126.218 41.2495 124.756 41.8547C124.453 41.9803 124.106 41.8362 123.98 41.5329C123.854 41.2296 123.998 40.882 124.301 40.7564C126.103 40.01 127.679 40.2318 128.904 40.8301Z\",\n fill: \"#37120C\",\n fillOpacity: 0.25\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M117.443 38.8566C116.482 38.8034 115.689 39.1609 115.177 39.5723C114.922 39.778 114.882 40.152 115.088 40.4078C115.294 40.6636 115.668 40.7042 115.923 40.4985C116.242 40.2424 116.753 40.0088 117.379 40.0434C117.994 40.0774 118.794 40.3744 119.692 41.3119C119.919 41.5491 120.295 41.5576 120.532 41.3308C120.769 41.104 120.777 40.7278 120.55 40.4905C119.487 39.38 118.416 38.9104 117.443 38.8566Z\",\n fill: \"#37120C\",\n fillOpacity: 0.25\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.422879,\n d: \"M131.482 56.3898C128.787 55.9732 126.84 54.1378 127.134 52.2901C127.428 50.4425 129.852 49.2824 132.547 49.6989C135.243 50.1155 137.189 51.9509 136.895 53.7985C136.601 55.6462 134.177 56.8063 131.482 56.3898Z\",\n fill: \"#A44616\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.422879,\n d: \"M109.964 51.9299C107.316 51.2573 105.484 49.2294 105.872 47.4007C106.26 45.5719 108.72 44.6347 111.368 45.3074C114.016 45.9801 115.848 48.0079 115.46 49.8367C115.072 51.6654 112.612 52.6026 109.964 51.9299Z\",\n fill: \"#A44616\"\n}))), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.29 55.9777C123.171 56.8827 120.671 56.4158 117.79 54.5768C119.146 58.4286 120.687 60.1813 122.413 59.8349C124.139 59.4886 125.098 58.2028 125.29 55.9777Z\",\n fill: \"#A5330A\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M126.298 46.5747C125.74 46.5652 125.298 45.8942 125.311 45.0761C125.324 44.2579 125.787 43.6023 126.345 43.6118C126.903 43.6212 127.345 44.2922 127.332 45.1104C127.319 45.9285 126.856 46.5841 126.298 46.5747Z\",\n fill: \"#321907\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.699 45.0239C117.141 45.0144 116.699 44.3435 116.712 43.5253C116.725 42.7071 117.187 42.0515 117.745 42.061C118.303 42.0704 118.745 42.7414 118.732 43.5596C118.72 44.3778 118.257 45.0334 117.699 45.0239Z\",\n fill: \"#321907\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M122.715 43.9712C122.557 43.8531 122.333 43.8846 122.215 44.0417C121.233 45.3458 120.594 45.9805 119.993 46.4194C119.691 46.6402 119.392 46.8164 119.05 47.0061C118.957 47.0578 118.86 47.1107 118.759 47.1659C118.492 47.3116 118.197 47.473 117.868 47.667C116.711 48.3477 116.542 49.9158 117.066 51.0793C117.337 51.6792 117.802 52.2141 118.46 52.5212C119.121 52.8298 119.943 52.8927 120.894 52.6054C121.082 52.5484 121.189 52.3497 121.131 52.1616C121.073 51.9735 120.874 51.8672 120.685 51.9242C119.876 52.1686 119.239 52.0996 118.762 51.8768C118.281 51.6523 117.929 51.2561 117.718 50.789C117.281 49.8185 117.503 48.7093 118.232 48.28C118.551 48.0922 118.831 47.9392 119.095 47.7951C119.198 47.7386 119.299 47.6835 119.399 47.6282C119.749 47.4336 120.079 47.2406 120.417 46.9937C121.096 46.4969 121.784 45.8014 122.787 44.4696C122.905 44.3125 122.873 44.0894 122.715 43.9712Z\",\n fill: \"#8A3110\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M126.649 38.462C118.827 37.1633 115.644 36.5576 112.938 34.4149C113.095 24.3556 121.372 18.4345 125.208 17.5383C134.079 15.3748 143.71 18.0813 149.621 25.865C150.207 26.6367 150.697 27.4266 151.1 28.2296C151.332 28.6034 151.561 29.0216 151.788 29.4864C155.487 40.1435 157.433 55.6928 156.378 61.4529C153.421 65.2542 129.689 66.0739 132.661 61.3098C132.827 61.0439 133.012 60.7682 133.209 60.4748C134.605 58.3952 136.596 55.4288 136.577 48.7651C136.573 47.1514 136.106 45.2638 135.581 43.1353C135.403 42.4157 135.218 41.6685 135.043 40.8951C134.624 40.7489 134.225 40.6101 133.846 40.4782C132.154 39.8904 130.859 39.4404 130.056 39.0921C129.176 38.7109 130.015 36.1681 130.618 34.3427C131.144 32.7486 131.489 31.7015 130.352 33.1186C128.887 34.9439 128.327 36.3723 128.052 37.492C127.895 38.1288 127.296 38.5694 126.649 38.462Z\",\n fill: \"#0A1551\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114.876 138.735C120.204 135.738 144.144 142.471 162.384 135.789C172.385 132.126 164.732 110.79 160.563 92.8997C157.924 82.9975 153.556 76.4349 149.574 74.0075L140.912 80.3815L143.117 92.2543C143.117 92.2543 141.747 96.5649 144.634 104.397C147.522 112.229 152.009 122.076 152.009 122.076L109.084 131.081C109.239 134.632 110.612 141.133 114.876 138.735Z\",\n fill: \"white\"\n}))), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38 4.95802C38 2.42689 40.0519 0.375 42.583 0.375H64.3524C66.8835 0.375 68.9354 2.42689 68.9354 4.95802V32.4562C68.9354 34.9873 66.8835 37.0392 64.3524 37.0392H42.583C40.0519 37.0392 38 34.9873 38 32.4562V4.95802Z\",\n fill: \"white\"\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M64.3524 1.52076H42.583C40.6847 1.52076 39.1458 3.05967 39.1458 4.95802V32.4562C39.1458 34.3545 40.6847 35.8934 42.583 35.8934H64.3524C66.2507 35.8934 67.7897 34.3545 67.7897 32.4562V4.95802C67.7897 3.05967 66.2507 1.52076 64.3524 1.52076ZM42.583 0.375C40.0519 0.375 38 2.42689 38 4.95802V32.4562C38 34.9873 40.0519 37.0392 42.583 37.0392H64.3524C66.8835 37.0392 68.9354 34.9873 68.9354 32.4562V4.95802C68.9354 2.42689 66.8835 0.375 64.3524 0.375H42.583Z\",\n fill: \"#C8CEED\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.5469 12.8157C44.5469 11.7309 45.4263 10.8516 46.511 10.8516H60.9148C61.9996 10.8516 62.879 11.7309 62.879 12.8157C62.879 13.9005 61.9996 14.7799 60.9148 14.7799H46.511C45.4263 14.7799 44.5469 13.9005 44.5469 12.8157Z\",\n fill: \"#0099FF\"\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.5469 19.3626C44.5469 18.2778 45.4263 17.3984 46.511 17.3984H60.9148C61.9996 17.3984 62.879 18.2778 62.879 19.3626C62.879 20.4474 61.9996 21.3267 60.9148 21.3267H46.511C45.4263 21.3267 44.5469 20.4474 44.5469 19.3626Z\",\n fill: \"#FF6100\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.5469 25.9095C44.5469 24.8247 45.4263 23.9453 46.511 23.9453H60.9148C61.9996 23.9453 62.879 24.8247 62.879 25.9095C62.879 26.9942 61.9996 27.8736 60.9148 27.8736H46.511C45.4263 27.8736 44.5469 26.9942 44.5469 25.9095Z\",\n fill: \"#FFB629\"\n})), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M57.0645 44.958C57.0645 42.4269 59.1163 40.375 61.6475 40.375H83.4168C85.948 40.375 87.9999 42.4269 87.9999 44.958V72.4562C87.9999 74.9873 85.948 77.0392 83.4168 77.0392H61.6475C59.1163 77.0392 57.0645 74.9873 57.0645 72.4562V44.958Z\",\n fill: \"white\"\n})), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M83.4168 41.5208H61.6475C59.7491 41.5208 58.2102 43.0597 58.2102 44.958V72.4562C58.2102 74.3545 59.7491 75.8934 61.6475 75.8934H83.4168C85.3152 75.8934 86.8541 74.3545 86.8541 72.4562V44.958C86.8541 43.0597 85.3152 41.5208 83.4168 41.5208ZM61.6475 40.375C59.1163 40.375 57.0645 42.4269 57.0645 44.958V72.4562C57.0645 74.9873 59.1163 77.0392 61.6475 77.0392H83.4168C85.948 77.0392 87.9999 74.9873 87.9999 72.4562V44.958C87.9999 42.4269 85.948 40.375 83.4168 40.375H61.6475Z\",\n fill: \"#C8CEED\"\n})), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.6113 52.8157C63.6113 51.7309 64.4907 50.8516 65.5755 50.8516H79.9793C81.064 50.8516 81.9434 51.7309 81.9434 52.8157C81.9434 53.9005 81.064 54.7799 79.9793 54.7799H65.5755C64.4907 54.7799 63.6113 53.9005 63.6113 52.8157Z\",\n fill: \"#0099FF\"\n})), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.6113 59.3626C63.6113 58.2778 64.4907 57.3984 65.5755 57.3984H79.9793C81.064 57.3984 81.9434 58.2778 81.9434 59.3626C81.9434 60.4474 81.064 61.3267 79.9793 61.3267H65.5755C64.4907 61.3267 63.6113 60.4474 63.6113 59.3626Z\",\n fill: \"#FF6100\"\n})), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.6113 65.9095C63.6113 64.8247 64.4907 63.9453 65.5755 63.9453H79.9793C81.064 63.9453 81.9434 64.8247 81.9434 65.9095C81.9434 66.9942 81.064 67.8736 79.9793 67.8736H65.5755C64.4907 67.8736 63.6113 66.9942 63.6113 65.9095Z\",\n fill: \"#FFB629\"\n})), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18 44.958C18 42.4269 20.0519 40.375 22.583 40.375H44.3524C46.8835 40.375 48.9354 42.4269 48.9354 44.958V72.4562C48.9354 74.9873 46.8835 77.0392 44.3524 77.0392H22.583C20.0519 77.0392 18 74.9873 18 72.4562V44.958Z\",\n fill: \"white\"\n})), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M44.3524 41.5208H22.583C20.6847 41.5208 19.1458 43.0597 19.1458 44.958V72.4562C19.1458 74.3545 20.6847 75.8934 22.583 75.8934H44.3524C46.2507 75.8934 47.7897 74.3545 47.7897 72.4562V44.958C47.7897 43.0597 46.2507 41.5208 44.3524 41.5208ZM22.583 40.375C20.0519 40.375 18 42.4269 18 44.958V72.4562C18 74.9873 20.0519 77.0392 22.583 77.0392H44.3524C46.8835 77.0392 48.9354 74.9873 48.9354 72.4562V44.958C48.9354 42.4269 46.8835 40.375 44.3524 40.375H22.583Z\",\n fill: \"#C8CEED\"\n})), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.5469 52.8157C24.5469 51.7309 25.4263 50.8516 26.511 50.8516H40.9148C41.9996 50.8516 42.879 51.7309 42.879 52.8157C42.879 53.9005 41.9996 54.7799 40.9148 54.7799H26.511C25.4263 54.7799 24.5469 53.9005 24.5469 52.8157Z\",\n fill: \"#0099FF\"\n})), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.5469 59.3626C24.5469 58.2778 25.4263 57.3984 26.511 57.3984H40.9148C41.9996 57.3984 42.879 58.2778 42.879 59.3626C42.879 60.4474 41.9996 61.3267 40.9148 61.3267H26.511C25.4263 61.3267 24.5469 60.4474 24.5469 59.3626Z\",\n fill: \"#FF6100\"\n})), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.5469 65.9095C24.5469 64.8247 25.4263 63.9453 26.511 63.9453H40.9148C41.9996 63.9453 42.879 64.8247 42.879 65.9095C42.879 66.9942 41.9996 67.8736 40.9148 67.8736H26.511C25.4263 67.8736 24.5469 66.9942 24.5469 65.9095Z\",\n fill: \"#FFB629\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_624:16012\",\n x1: 152.19,\n y1: 93.8799,\n x2: 149.764,\n y2: 110.89,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#F3F5FE\"\n})))));\nexport default SvgNoFormsIcon;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _g, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _circle, _path20, _path21, _path22, _path23, _path24, _path25, _rect, _path26, _path27, _path28, _path29, _path30, _rect2, _path31, _path32, _path33, _path34, _path35, _rect3, _path36, _path37, _path38, _path39, _path40, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoAppsIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 198 138\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 94.4357C0 70.8034 19.1578 51.6455 42.7902 51.6455H155.115C178.747 51.6455 197.905 70.8034 197.905 94.4357C197.905 118.068 178.747 137.226 155.115 137.226H42.7902C19.1578 137.226 0 118.068 0 94.4357Z\",\n fill: \"#E6E6F5\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.8372 81.9592C64.5361 80.8456 63.0223 80.0079 61.3877 79.4968C59.7531 78.9858 58.032 78.8122 56.3283 78.9865L51.2601 76.694C50.8846 76.5178 50.4599 76.4753 50.0569 76.5736C49.654 76.6718 49.297 76.9049 49.0446 77.234C48.924 77.4075 48.8398 77.6037 48.7972 77.8106C48.7546 78.0176 48.7542 78.231 48.7965 78.438C48.8389 78.645 48.9228 78.8413 49.0432 79.015C49.1637 79.1886 49.3181 79.336 49.4971 79.4482L52.2518 81.2906L51.0775 81.1933C49.2316 81.0459 47.4791 80.3203 46.0693 79.1196L42.156 75.7349C41.9289 75.5451 41.6577 75.4154 41.3673 75.3579C41.0769 75.3004 40.7768 75.317 40.4945 75.4059C40.2447 75.4669 40.0149 75.5918 39.8279 75.7684C39.6409 75.945 39.5035 76.1672 39.4283 76.4131C39.3531 76.6591 39.3431 76.9203 39.3994 77.1712C39.4557 77.4222 39.5761 77.6541 39.7491 77.8444L44.3206 82.8871C45.2215 83.8663 46.3102 84.6544 47.5217 85.2045C48.7332 85.7547 50.043 86.0557 51.3731 86.0897L66.0281 86.5405L65.8372 81.9592Z\",\n fill: \"#EFBB9D\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M114.82 31.3173C111.43 45.7521 107.561 80.2678 106.301 83.4385C105.988 84.2245 106.15 85.1237 106.739 85.7319C111.539 90.6866 117.959 92.2345 126 90.3755C134.566 88.3952 137.243 52.6002 131.935 28.4193L114.82 31.3173Z\",\n fill: \"#091141\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M59.9552 88.0553C63.225 84.9327 65.2079 82.209 65.9039 79.8843C80.5321 90.814 88.8113 95.9795 90.7416 95.381C93.3884 94.5604 114.745 75.3623 122.166 70.8205C122.84 70.148 122.887 75.8977 123.423 75.2786L121.016 97.5933C112.349 103.795 106.827 107.616 104.451 109.056C100.885 111.216 91.5291 115.171 83.0792 108.301C77.4459 103.721 69.7379 96.9725 59.9552 88.0553Z\",\n fill: \"#F4F5FE\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.591 112.816C111.714 117.571 113.857 121.714 112 132.375C122.035 134.192 128.883 131.142 133.5 133.375L151 125.375L163.5 119.875L157.644 102.462L158.292 88.8673C156.591 82.0689 153.796 75.6337 151.23 72.8253C147.382 68.6128 126.49 70.5307 121.345 72.3032C116.2 74.0757 115.009 83.8004 109.576 91.6056C104.144 99.4108 108.906 105.682 110.591 112.816Z\",\n fill: \"white\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M142.981 70.1537C140.959 86.6236 135.276 94.8586 125.934 94.8586C111.92 94.8586 115.206 87.4865 116.961 84.0298C118.131 81.7253 119.417 77.6237 120.82 71.7251C125.641 70.1864 129.321 69.3271 131.859 69.1471C134.398 68.9671 138.105 69.3026 142.981 70.1537Z\",\n fill: \"#EFBB9D\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M122.003 47.5342C121.451 47.6155 120.906 47.0251 120.785 46.2156C120.664 45.4061 121.013 44.6839 121.565 44.6026C122.117 44.5212 122.662 45.1116 122.783 45.9211C122.904 46.7307 122.555 47.4528 122.003 47.5342Z\",\n fill: \"#321907\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114.454 47.4026C113.902 47.4839 113.356 46.8935 113.235 46.084C113.114 45.2745 113.464 44.5523 114.015 44.471C114.567 44.3897 115.113 44.98 115.234 45.7895C115.355 46.5991 115.006 47.3212 114.454 47.4026Z\",\n fill: \"#321907\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.286 51.9998C135.625 64.9726 141.591 69.8426 143.5 69.875C145.409 69.9074 137.698 77.5791 124.067 90.365C119.607 81.7669 119.107 74.0988 120.501 71.875C122.59 68.5393 124.53 71.3929 123.813 59.714C123.343 52.0421 133.544 52.7714 140.811 51.5261C137.286 51.9998 131.529 52.1181 137.286 51.9998Z\",\n fill: \"#EFBB9D\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M123.313 54.5259C124.105 61.7532 124.082 65.7391 124 66.3752C123.878 67.3293 141.282 66.5234 136.312 51.2024C131.342 35.8815 129.68 53.0076 123.313 54.5259Z\",\n fill: \"#DC9F7E\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 114,\n y: 22,\n width: 38,\n height: 44\n}, _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.092 55.0486C141.517 61.1621 135.136 64.5169 126.949 65.1132C118.636 65.7186 113.086 54.8789 114.156 43.7498C114.667 38.4398 115.843 33.7527 120.519 28.923C130.169 18.9548 139.236 20.2713 147.719 32.8723L151.381 42.6444L146.092 55.0486Z\",\n fill: \"white\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.967 54.1757C139.857 59.8523 133.198 62.62 124.989 62.4787C116.653 62.3353 112.102 51.0434 114.172 40.0578C115.16 34.8162 116.754 30.2546 121.848 25.8652C132.361 16.8059 141.274 18.9308 148.588 32.2398L151.354 42.2991L144.967 54.1757Z\",\n fill: \"#EFBB9D\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.771 54.3902C130.075 53.9737 128.129 52.1383 128.423 50.2906C128.717 48.443 131.141 47.2829 133.836 47.6994C136.531 48.1159 138.478 49.9514 138.184 51.799C137.89 53.6467 135.466 54.8068 132.771 54.3902Z\",\n fill: \"#EFA77F\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M111.252 49.9304C108.605 49.2578 106.773 47.2299 107.16 45.4012C107.548 43.5724 110.009 42.6352 112.657 43.3079C115.304 43.9806 117.136 46.0084 116.749 47.8372C116.361 49.6659 113.9 50.6031 111.252 49.9304Z\",\n fill: \"#EFA77F\"\n}))), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M126.024 53.9409C123.905 54.8459 121.405 54.3789 118.523 52.5399C119.88 56.3917 121.421 58.1444 123.147 57.798C124.873 57.4517 125.832 56.166 126.024 53.9409Z\",\n fill: \"#A5330A\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M127.588 44.5756C127.03 44.5662 126.588 43.8952 126.601 43.077C126.613 42.2588 127.076 41.6033 127.634 41.6127C128.192 41.6222 128.634 42.2932 128.621 43.1113C128.609 43.9295 128.146 44.5851 127.588 44.5756Z\",\n fill: \"#0A1551\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.988 43.0239C118.43 43.0144 117.988 42.3435 118.001 41.5253C118.014 40.7071 118.477 40.0515 119.035 40.061C119.593 40.0704 120.035 40.7414 120.022 41.5596C120.009 42.3778 119.546 43.0334 118.988 43.0239Z\",\n fill: \"#0A1551\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M142.981 70.1542C140.959 86.6241 135.276 94.8591 125.934 94.8591C111.92 94.8591 115.206 87.487 116.961 84.0303C118.131 81.7258 119.417 77.6242 120.82 71.7256C125.641 70.1869 129.321 69.3276 131.859 69.1476C134.398 68.9676 138.105 69.3031 142.981 70.1542Z\",\n fill: \"#EFBB9D\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.201 78.3815L144.407 90.2543C144.407 90.2543 143.036 94.5649 145.923 102.397C148.811 110.229 153.298 120.076 153.298 120.076L163.674 133.789C173.674 130.126 166.022 108.79 161.852 90.8997C159.213 80.9975 154.846 74.4349 150.863 72.0075L142.201 78.3815Z\",\n fill: \"white\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.231 81.3883L146.436 93.2611C146.436 93.2611 145.066 97.5717 147.953 105.404C150.841 113.235 155.328 123.083 155.328 123.083L164.5 135.375C174.5 131.712 168.051 111.797 163.881 93.9065C161.243 84.0043 156.875 77.4416 152.893 75.0142L144.231 81.3883Z\",\n fill: \"url(#paint0_linear)\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.501 69.375C131.301 71.775 125.168 70.0417 123.501 68.875C122.702 69.275 120.834 71.375 120 72.375C118.5 76.0417 115.201 84.075 114.001 86.875C112.501 90.375 115.001 92.375 118.501 96.375C122.001 100.375 133.001 96.875 137.001 95.875C140.201 95.075 144.001 78.5417 145.501 70.375C143.501 69.975 142.668 69.5417 142.501 69.375Z\",\n fill: \"white\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M127.938 36.4629C120.117 35.1642 116.934 34.5586 114.228 32.4159C114.384 22.3566 122.661 16.4355 126.497 15.5393C135.368 13.3758 144.999 16.0823 150.91 23.866C151.496 24.6377 151.986 25.4275 152.389 26.2306C152.622 26.6044 152.851 27.0226 153.078 27.4874C156.776 38.1445 156.679 78.258 155.624 84.0181C152.667 87.8194 128.935 88.6391 131.907 83.875C132.073 83.609 132.258 83.3333 132.455 83.04C133.851 80.9604 137.885 53.4298 137.866 46.7661C137.862 45.1523 137.396 43.2648 136.87 41.1363C136.692 40.4167 136.508 39.6695 136.332 38.896C135.914 38.7499 135.514 38.6111 135.135 38.4792C133.444 37.8914 132.149 37.4414 131.345 37.0931C130.465 36.7119 131.304 34.1691 131.907 32.3436C132.433 30.7495 132.779 29.7024 131.641 31.1196C130.176 32.9449 129.616 34.3733 129.341 35.493C129.184 36.1298 128.586 36.5704 127.938 36.4629Z\",\n fill: \"#091141\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 145.5,\n cy: 16.875,\n r: 9.5,\n fill: \"#091141\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.897 38.4106C129.897 38.4106 126.839 37.5691 126.481 38.8687C126.481 38.8687 126.241 39.7406 129.026 40.4412C131.81 41.1417 132.489 41.0654 132.889 40.2708C133.288 39.4761 131.379 38.7034 129.897 38.4106Z\",\n fill: \"#091141\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.797 36.4607C118.797 36.4607 121.443 36.6167 121.438 37.909C121.438 37.909 121.429 38.7744 119.107 38.5708C116.785 38.3672 116.107 37.9472 116.011 37.235C115.916 36.5228 117.553 36.2718 118.797 36.4607Z\",\n fill: \"#091141\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.942 45.389L121 48.2849L122.873 48.7786\",\n stroke: \"#D97D4A\",\n strokeWidth: 0.919783,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n})), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M124.604 130.031L132.63 129.412L132.384 137.438H125.435L124.604 130.031Z\",\n fill: \"#EFBB9D\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M126.861 129.813L127.262 131.418L128.065 137.438H108C108.402 133.425 114.02 129.412 118.033 129.412C121.243 129.412 126.058 129.679 126.861 129.813Z\",\n fill: \"#EFBB9D\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M161.399 122.431L130 123.372L132 137.375L162 136.875C163.085 136.729 164.344 136.671 165.256 136.065C166.256 135.4 167.941 134.131 168.495 133.187C169.05 132.242 169.382 131.184 169.467 130.092C169.551 129.001 169.387 127.904 168.985 126.886C168.388 125.411 167.321 124.174 165.949 123.369C164.578 122.563 162.978 122.233 161.399 122.431Z\",\n fill: \"#F4F6FF\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 38.3032,\n y: 1.625,\n width: 30.3839,\n height: 30.3839,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.4697 7.79267C41.4697 6.13099 42.8168 4.78394 44.4785 4.78394H62.5309C64.1926 4.78394 65.5396 6.13099 65.5396 7.79267V25.8451C65.5396 27.5068 64.1926 28.8538 62.5309 28.8538H44.4785C42.8168 28.8538 41.4697 27.5068 41.4697 25.8451V7.79267Z\",\n fill: \"white\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.5096 18.4526C58.2886 18.4526 58.1093 18.6319 58.1093 18.8528V21.2041H55.7581C55.5372 21.2041 55.3579 21.3833 55.3579 21.6043C55.3579 21.8252 55.5372 22.0045 55.7581 22.0045H58.1093V24.3557C58.1093 24.5767 58.2886 24.7559 58.5096 24.7559C58.7305 24.7559 58.9098 24.5767 58.9098 24.3557V22.0045H61.261C61.482 22.0045 61.6612 21.8252 61.6612 21.6043C61.6612 21.3833 61.482 21.2041 61.261 21.2041H58.9098V18.8528C58.9098 18.6319 58.7305 18.4526 58.5096 18.4526Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6129 8.44541C54.6129 8.08278 54.9068 7.78882 55.2694 7.78882H61.8354C62.198 7.78882 62.492 8.08279 62.492 8.44541V15.0113C62.492 15.374 62.198 15.6679 61.8354 15.6679H55.2694C54.9068 15.6679 54.6129 15.374 54.6129 15.0113V8.44541Z\",\n fill: \"#FF6100\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.4761 8.44517C44.4761 8.08254 44.7701 7.78857 45.1327 7.78857H51.6987C52.0613 7.78857 52.3553 8.08254 52.3553 8.44517V15.0111C52.3553 15.3737 52.0613 15.6677 51.6987 15.6677H45.1327C44.7701 15.6677 44.4761 15.3737 44.4761 15.0111V8.44517Z\",\n fill: \"#0099FF\"\n})), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.4756 18.5816C44.4756 18.219 44.7696 17.925 45.1322 17.925H51.6981C52.0607 17.925 52.3547 18.219 52.3547 18.5816V25.1476C52.3547 25.5102 52.0607 25.8042 51.6981 25.8042H45.1322C44.7696 25.8042 44.4756 25.5102 44.4756 25.1476V18.5816Z\",\n fill: \"#FFB629\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 18.25,\n y: 41.741,\n width: 30.3839,\n height: 30.3839,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.4027 47.9084C21.4027 46.2467 22.7498 44.8997 24.4114 44.8997H42.4639C44.1256 44.8997 45.4726 46.2467 45.4726 47.9084V65.9608C45.4726 67.6225 44.1256 68.9696 42.4639 68.9696H24.4114C22.7498 68.9696 21.4027 67.6225 21.4027 65.9608V47.9084Z\",\n fill: \"white\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.4411 58.5681C38.2202 58.5681 38.0409 58.7474 38.0409 58.9683V61.3196H35.6897C35.4687 61.3196 35.2895 61.4988 35.2895 61.7198C35.2895 61.9407 35.4687 62.12 35.6897 62.12H38.0409V64.4712C38.0409 64.6922 38.2202 64.8714 38.4411 64.8714C38.6621 64.8714 38.8413 64.6922 38.8413 64.4712V62.12H41.1926C41.4135 62.12 41.5928 61.9407 41.5928 61.7198C41.5928 61.4988 41.4135 61.3196 41.1926 61.3196H38.8413V58.9683C38.8413 58.7474 38.6621 58.5681 38.4411 58.5681Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.5474 48.5628C34.5474 48.2002 34.8413 47.9062 35.204 47.9062H41.7699C42.1325 47.9062 42.4265 48.2002 42.4265 48.5628V55.1288C42.4265 55.4914 42.1325 55.7854 41.7699 55.7854H35.204C34.8413 55.7854 34.5474 55.4914 34.5474 55.1288V48.5628Z\",\n fill: \"#FF6100\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.4124 48.5643C24.4124 48.2017 24.7064 47.9077 25.069 47.9077H31.6349C31.9976 47.9077 32.2915 48.2017 32.2915 48.5643V55.1302C32.2915 55.4929 31.9976 55.7868 31.6349 55.7868H25.069C24.7064 55.7868 24.4124 55.4929 24.4124 55.1302V48.5643Z\",\n fill: \"#0099FF\"\n})), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.4072 58.6971C24.4072 58.3345 24.7011 58.0405 25.0638 58.0405H31.6297C31.9923 58.0405 32.2863 58.3345 32.2863 58.6971V65.2631C32.2863 65.6257 31.9923 65.9196 31.6297 65.9196H25.0638C24.7011 65.9196 24.4072 65.6257 24.4072 65.2631V58.6971Z\",\n fill: \"#FFB629\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 57.567,\n y: 41.741,\n width: 30.3839,\n height: 30.3839,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.7231 47.9084C60.7231 46.2467 62.0702 44.8997 63.7319 44.8997H81.7843C83.446 44.8997 84.793 46.2467 84.793 47.9084V65.9608C84.793 67.6225 83.446 68.9696 81.7843 68.9696H63.7319C62.0702 68.9696 60.7231 67.6225 60.7231 65.9608V47.9084Z\",\n fill: \"white\"\n})), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M77.7713 58.5681C77.5503 58.5681 77.3711 58.7474 77.3711 58.9683V61.3196H75.0198C74.7989 61.3196 74.6196 61.4988 74.6196 61.7198C74.6196 61.9407 74.7989 62.12 75.0198 62.12H77.3711V64.4712C77.3711 64.6922 77.5503 64.8714 77.7713 64.8714C77.9922 64.8714 78.1715 64.6922 78.1715 64.4712V62.12H80.5227C80.7437 62.12 80.9229 61.9407 80.9229 61.7198C80.9229 61.4988 80.7437 61.3196 80.5227 61.3196H78.1715V58.9683C78.1715 58.7474 77.9922 58.5681 77.7713 58.5681Z\",\n fill: \"#97ACDA\",\n stroke: \"#97ACDA\",\n strokeWidth: 0.651698\n})), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M73.8698 48.5628C73.8698 48.2002 74.1637 47.9062 74.5263 47.9062H81.0923C81.4549 47.9062 81.7489 48.2002 81.7489 48.5628V55.1288C81.7489 55.4914 81.4549 55.7854 81.0923 55.7854H74.5263C74.1637 55.7854 73.8698 55.4914 73.8698 55.1288V48.5628Z\",\n fill: \"#FF6100\"\n})), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.7274 48.5641C63.7274 48.2014 64.0213 47.9075 64.3839 47.9075H70.9499C71.3125 47.9075 71.6065 48.2014 71.6065 48.5641V55.13C71.6065 55.4926 71.3125 55.7866 70.9499 55.7866H64.3839C64.0213 55.7866 63.7274 55.4926 63.7274 55.13V48.5641Z\",\n fill: \"#0099FF\"\n})), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.7277 58.6971C63.7277 58.3345 64.0216 58.0405 64.3843 58.0405H70.9502C71.3128 58.0405 71.6068 58.3345 71.6068 58.6971V65.2631C71.6068 65.6257 71.3128 65.9196 70.9502 65.9196H64.3843C64.0216 65.9196 63.7277 65.6257 63.7277 65.2631V58.6971Z\",\n fill: \"#FFB629\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear\",\n x1: 160,\n y1: 122.375,\n x2: 148.271,\n y2: 68.4249,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F4F5FE\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"white\"\n})))));\nexport default SvgNoAppsIcon;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _g, _path9, _path10, _path11, _path12, _g2, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _g3, _path20, _path21, _path22, _path23, _g4, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _g5, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _circle, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _rect, _path56, _path57, _path58, _path59, _path60, _path61, _path62, _path63, _path64, _rect2, _path65, _rect3, _path66, _path67, _path68, _path69, _path70, _path71, _path72, _path73, _path74, _rect4, _path75, _rect5, _path76, _path77, _path78, _path79, _path80, _path81, _path82, _path83, _path84, _rect6, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoTablesIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 201 138\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 93.8117C3 70.1793 22.1578 51.0215 45.7902 51.0215H158.115C181.747 51.0215 200.905 70.1793 200.905 93.8117C200.905 117.444 181.747 136.602 158.115 136.602H45.7902C22.1578 136.602 3 117.444 3 93.8117Z\",\n fill: \"#E6E6F5\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 3,\n y: 51,\n width: 198,\n height: 86\n}, _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 93.8117C3 70.1793 22.1578 51.0215 45.7902 51.0215H158.115C181.747 51.0215 200.905 70.1793 200.905 93.8117C200.905 117.444 181.747 136.602 158.115 136.602H45.7902C22.1578 136.602 3 117.444 3 93.8117Z\",\n fill: \"#E6E6F5\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0_614:19850)\"\n}, _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M118.336 74.2989C109.901 84.9367 103 91.7964 97.6306 94.8779C89.5769 99.5003 88.9877 94.6432 59.4901 74.1333C57.439 73.2719 55.7754 73.0424 52.9956 76.1335C51.3335 77.9819 47.7598 78.4681 42.2746 77.5923L42.2746 77.5923C41.7245 77.5045 41.2053 77.879 41.115 78.4289C41.0701 78.7024 41.1397 78.9817 41.3074 79.2015C42.6577 80.9705 44.994 81.9348 48.3164 82.0946C54.9089 82.4114 55.6163 79.9382 59.326 82.8524C63.0356 85.7666 82.9102 109.066 94.8962 109.644C106.882 110.223 122.63 92.4168 127.085 91.0447C130.055 90.1299 132.477 82.9037 134.353 69.3659L118.336 74.2989Z\",\n fill: \"#CD7448\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M61.9543 86.4313C65.224 83.3086 67.2069 80.585 67.903 78.2603C82.5311 89.1899 90.8103 94.3555 92.7407 93.757C95.3874 92.9364 116.744 73.7383 124.165 69.1965C124.839 68.524 124.886 74.2737 125.422 73.6545L123.015 95.9693C114.348 102.171 108.826 105.992 106.45 107.432C102.884 109.592 93.5281 113.547 85.0782 106.677C79.4449 102.097 71.7369 95.3485 61.9543 86.4313Z\",\n fill: \"#F4F5FE\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.638 110.924C114.986 115.621 114.986 121.514 113.638 132.25L163.179 125.016L160.146 84.7527C158.124 78.0421 155.765 73.3448 153.069 70.6605C149.025 66.6342 127.793 68.6474 122.737 70.6605C117.682 72.6737 116.671 81.7329 111.616 89.7856C106.561 97.8382 111.616 103.878 113.638 110.924Z\",\n fill: \"white\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M144.981 68.5294C142.959 84.9993 137.277 93.2343 127.934 93.2343C113.92 93.2343 117.206 85.8622 118.961 82.4055C120.131 80.101 121.417 75.9995 122.82 70.1008C127.641 68.5622 131.321 67.7028 133.86 67.5228C136.398 67.3429 140.105 67.6784 144.981 68.5294Z\",\n fill: \"#CD7448\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask1_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 54,\n y: -5,\n width: 110,\n height: 94\n}, _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.2891 -4.25H163.642V88.4622H54.2891V-4.25Z\",\n fill: \"#C4C4C4\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask1_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask2_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 109,\n y: 68,\n width: 59,\n height: 92\n}, _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.638 134.916C114.986 124.179 114.986 115.621 113.638 110.924C111.616 103.878 106.561 97.8382 111.616 89.7856C116.671 81.7329 117.682 72.6737 122.737 70.6605C127.793 68.6474 149.025 66.6342 153.069 70.6605C155.765 73.3448 158.124 78.0421 160.146 84.7527L163.179 125.016C167.898 143.134 168.572 154.207 165.201 158.233C160.146 164.273 158.124 148.167 135.881 139.108C131.163 137.095 123.748 136.258 113.638 134.916Z\",\n fill: \"white\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask2_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.638 134.914C114.986 124.178 114.986 116.46 113.638 111.763C111.616 104.717 106.561 98.6775 111.616 90.6248C116.671 82.5722 117.398 72.8022 122.454 70.789C127.509 68.7758 148.286 65.8747 152.33 69.901C155.026 72.5852 158.124 78.8814 160.146 85.5919V99.2016L163.179 125.855C167.898 143.974 168.572 155.046 165.201 159.072C160.146 165.112 158.124 149.007 135.881 139.947C131.163 137.934 123.748 136.257 113.638 134.914Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M144.981 68.5294C142.959 84.9993 137.277 93.2343 127.934 93.2343C113.92 93.2343 117.206 85.8622 118.961 82.4055C120.131 80.101 121.417 75.9995 122.82 70.1008C127.641 68.5622 131.321 67.7028 133.86 67.5228C136.398 67.3429 140.105 67.6784 144.981 68.5294Z\",\n fill: \"#CD7448\"\n}))), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M116.82 29.6916C113.43 44.1264 112.279 45.8229 111.018 48.9936C110.705 49.7797 110.867 50.6788 111.456 51.287C116.256 56.2417 122.676 57.7896 130.717 55.9306C139.283 53.9503 139.242 50.9745 133.934 26.7936L116.82 29.6916Z\",\n fill: \"#0A1551\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M139.285 50.3741C137.625 63.347 143.19 67.8978 145.1 67.9302C147.009 67.9626 139.698 75.9534 126.067 88.7393C121.606 80.1413 121.107 72.4732 122.5 70.2493C124.59 66.9136 126.529 69.7672 125.813 58.0883C125.343 50.4165 135.544 51.1457 142.81 49.9004C139.285 50.3741 133.529 50.4924 139.285 50.3741Z\",\n fill: \"#CD7448\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.313 52.9009C126.105 60.1282 126.082 64.1141 126 64.7502C125.878 65.7043 143.282 64.8984 138.312 49.5774C133.342 34.2565 131.68 51.3826 125.313 52.9009Z\",\n fill: \"#BD5826\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask3_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 116,\n y: 20,\n width: 38,\n height: 44\n}, _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.092 53.4241C143.516 59.5375 137.135 62.8924 128.949 63.4886C120.636 64.0941 115.086 53.2544 116.156 42.1253C116.667 36.8153 117.843 32.1282 122.518 27.2985C132.169 17.3303 141.236 18.6468 149.718 31.2478L153.38 41.0199L148.092 53.4241Z\",\n fill: \"white\"\n}))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask3_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.966 52.5514C141.857 58.2281 135.197 60.9957 126.988 60.8545C118.652 60.711 114.101 49.4191 116.171 38.4335C117.159 33.1919 118.753 28.6304 123.847 24.241C134.36 15.1816 143.273 17.3065 150.587 30.6155L153.353 40.6748L146.966 52.5514Z\",\n fill: \"#CD7448\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.422879,\n d: \"M134.771 52.7648C132.076 52.3482 130.129 50.5128 130.423 48.6651C130.718 46.8175 133.141 45.6574 135.836 46.0739C138.532 46.4905 140.478 48.3259 140.184 50.1735C139.89 52.0212 137.466 53.1813 134.771 52.7648Z\",\n fill: \"#A44616\"\n}))), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M128.579 52.3527C126.46 53.2577 123.96 52.7908 121.079 50.9518C122.435 54.8036 123.976 56.5563 125.702 56.2099C127.428 55.8636 128.387 54.5778 128.579 52.3527Z\",\n fill: \"#A5330A\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M129.938 34.837C122.116 33.5383 118.933 32.9326 116.227 30.7899C116.384 20.7306 124.661 14.8095 128.497 13.9133C137.368 11.7498 146.999 14.4563 152.91 22.24C153.496 23.0117 153.986 23.8016 154.389 24.6046C154.621 24.9784 154.85 25.3966 155.077 25.8614C158.776 36.5185 160.722 52.0678 159.667 57.8279C156.71 61.6292 132.978 62.4489 135.95 57.6848C136.116 57.4189 136.301 57.1432 136.498 56.8498C137.894 54.7702 139.885 51.8038 139.866 45.1401C139.862 43.5264 139.396 41.6388 138.87 39.5103C138.692 38.7907 138.507 38.0435 138.332 37.2701C137.913 37.1239 137.514 36.9851 137.135 36.8532C135.443 36.2654 134.149 35.8154 133.345 35.4671C132.465 35.0859 133.304 32.5431 133.907 30.7177C134.433 29.1236 134.778 28.0765 133.641 29.4936C132.176 31.3189 131.616 32.7473 131.341 33.867C131.184 34.5038 130.585 34.9444 129.938 34.837Z\",\n fill: \"#0A1551\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.165 135.11C123.494 132.113 147.433 138.846 165.674 132.164C175.674 128.501 168.022 107.165 163.852 89.2747C161.213 79.3725 156.845 72.8099 152.863 70.3825L144.201 76.7565L146.406 88.6293C146.406 88.6293 145.036 92.9399 147.923 100.772C150.811 108.604 155.298 118.451 155.298 118.451L112.373 127.456C112.528 131.007 113.902 137.508 118.165 135.11Z\",\n fill: \"white\"\n}))), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M123.877 133.654C121.784 135.32 120.779 135.373 118.278 137.295C116.265 138.259 114.779 138.673 110.412 137.369C107.792 136.587 104.091 136.387 99.3082 136.768L99.3082 136.768C98.7516 136.813 98.2652 136.399 98.2217 135.845C98.2055 135.638 98.2538 135.432 98.3599 135.253C99.5754 133.208 101.943 132.012 105.463 131.662C112.043 131.01 112.862 133.44 116.441 130.344C118.827 128.28 121.306 129.383 123.877 133.654Z\",\n fill: \"#CD7448\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M119.883 137.122C130.5 136.251 149.152 140.857 167.392 134.176C177.393 130.512 169.74 109.177 165.57 91.2864C162.932 81.3842 158.564 74.8216 154.582 72.3942L145.92 78.7682L148.125 90.641C148.125 90.641 146.755 94.9516 149.642 102.783C152.529 110.615 157.017 120.463 157.017 120.463L114.092 129.468C114.246 133.018 113 136.751 119.883 137.122Z\",\n fill: \"url(#paint0_linear_614:19850)\"\n}))), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask4_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 99,\n y: 10,\n width: 64,\n height: 79\n}, _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M99 10.75H163V88.75H99V10.75Z\",\n fill: \"#C4C4C4\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask4_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask5_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 109,\n y: 68,\n width: 59,\n height: 92\n}, _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.349 134.916C114.697 124.179 114.697 115.621 113.349 110.924C111.327 103.878 106.272 97.8382 111.327 89.7856C116.382 81.7329 117.393 72.6737 122.448 70.6605C127.504 68.6474 148.736 66.6342 152.78 70.6605C155.476 73.3448 157.835 78.0421 159.857 84.7527L162.89 125.016C167.609 143.134 168.283 154.207 164.912 158.233C159.857 164.273 157.835 148.167 135.592 139.108C130.874 137.095 123.459 136.258 113.349 134.916Z\",\n fill: \"white\"\n}))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask5_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.349 134.914C114.697 124.178 114.697 116.46 113.349 111.763C111.327 104.717 106.272 98.6775 111.327 90.6248C116.382 82.5722 117.109 72.8022 122.165 70.789C127.22 68.7758 147.997 65.8747 152.041 69.901C154.737 72.5852 157.835 78.8814 159.857 85.5919V99.2016L162.89 125.855C167.609 143.974 168.283 155.046 164.912 159.072C159.857 165.112 157.835 149.007 135.592 139.947C130.874 137.934 123.459 136.257 113.349 134.914Z\",\n fill: \"white\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M144.692 68.5294C142.67 84.9993 136.988 93.2343 127.645 93.2343C113.631 93.2343 116.917 85.8622 118.672 82.4055C119.842 80.101 121.128 75.9995 122.531 70.1008C127.352 68.5622 131.032 67.7028 133.571 67.5228C136.109 67.3429 139.816 67.6784 144.692 68.5294Z\",\n fill: \"#CD7448\"\n}))), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M116.531 29.6916C113.141 44.1264 111.989 45.8229 110.729 48.9936C110.416 49.7797 110.578 50.6788 111.167 51.287C115.967 56.2417 122.387 57.7896 130.428 55.9306C138.994 53.9503 138.953 50.9745 133.645 26.7936L116.531 29.6916Z\",\n fill: \"#0A1551\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M138.996 50.3741C137.335 63.347 142.901 67.8978 144.811 67.9302C146.72 67.9626 139.409 75.9534 125.778 88.7393C121.317 80.1413 120.818 72.4732 122.211 70.2493C124.301 66.9136 126.24 69.7672 125.524 58.0883C125.054 50.4165 135.255 51.1457 142.521 49.9004C138.996 50.3741 133.24 50.4924 138.996 50.3741Z\",\n fill: \"#CD7448\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.024 52.9009C125.816 60.1282 125.793 64.1141 125.711 64.7502C125.589 65.7043 142.993 64.8984 138.023 49.5774C133.053 34.2565 131.391 51.3826 125.024 52.9009Z\",\n fill: \"#BD5826\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask6_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 115,\n y: 20,\n width: 39,\n height: 44\n}, _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.803 53.4241C143.227 59.5375 136.846 62.8924 128.66 63.4886C120.347 64.0941 114.797 53.2544 115.867 42.1253C116.377 36.8153 117.553 32.1282 122.229 27.2985C131.88 17.3303 140.947 18.6468 149.429 31.2478L153.091 41.0199L147.803 53.4241Z\",\n fill: \"white\"\n}))), _g4 || (_g4 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask6_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.677 52.5514C141.567 58.2281 134.908 60.9957 126.699 60.8545C118.363 60.711 113.812 49.4191 115.882 38.4335C116.87 33.1919 118.464 28.6304 123.558 24.241C134.071 15.1816 142.984 17.3065 150.298 30.6155L153.064 40.6748L146.677 52.5514Z\",\n fill: \"#CD7448\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M131.904 37.2051C133.107 37.7927 133.959 38.7351 134.387 39.4446C134.557 39.7257 134.466 40.091 134.185 40.2605C133.905 40.4299 133.539 40.3394 133.37 40.0583C133.041 39.5143 132.35 38.7455 131.383 38.2731C130.438 37.8114 129.218 37.6245 127.756 38.2297C127.453 38.3553 127.106 38.2112 126.98 37.9079C126.854 37.6046 126.998 37.257 127.301 37.1314C129.103 36.385 130.679 36.6068 131.904 37.2051Z\",\n fill: \"#37120C\",\n fillOpacity: 0.25\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M120.443 35.2316C119.482 35.1784 118.689 35.5359 118.177 35.9473C117.922 36.153 117.882 36.527 118.088 36.7828C118.294 37.0386 118.668 37.0792 118.923 36.8735C119.242 36.6174 119.753 36.3838 120.379 36.4184C120.994 36.4524 121.794 36.7494 122.692 37.6869C122.919 37.9241 123.295 37.9326 123.532 37.7058C123.769 37.479 123.777 37.1028 123.55 36.8655C122.487 35.755 121.416 35.2854 120.443 35.2316Z\",\n fill: \"#37120C\",\n fillOpacity: 0.25\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.422879,\n d: \"M134.482 52.7648C131.787 52.3482 129.84 50.5128 130.134 48.6651C130.428 46.8175 132.852 45.6574 135.547 46.0739C138.243 46.4905 140.189 48.3259 139.895 50.1735C139.601 52.0212 137.177 53.1813 134.482 52.7648Z\",\n fill: \"#A44616\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.422879,\n d: \"M112.964 48.3049C110.316 47.6323 108.484 45.6044 108.872 43.7757C109.26 41.9469 111.72 41.0097 114.368 41.6824C117.016 42.3551 118.848 44.3829 118.46 46.2117C118.072 48.0404 115.612 48.9776 112.964 48.3049Z\",\n fill: \"#A44616\"\n}))), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M128.29 52.3527C126.171 53.2577 123.671 52.7908 120.79 50.9518C122.146 54.8036 123.687 56.5563 125.413 56.2099C127.139 55.8636 128.098 54.5778 128.29 52.3527Z\",\n fill: \"#A5330A\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.298 42.9497C128.74 42.9402 128.298 42.2692 128.311 41.4511C128.324 40.6329 128.787 39.9773 129.345 39.9868C129.903 39.9962 130.345 40.6672 130.332 41.4854C130.319 42.3035 129.856 42.9591 129.298 42.9497Z\",\n fill: \"#321907\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M120.699 41.3989C120.141 41.3894 119.699 40.7185 119.712 39.9003C119.725 39.0821 120.187 38.4265 120.745 38.436C121.303 38.4454 121.745 39.1164 121.732 39.9346C121.72 40.7528 121.257 41.4084 120.699 41.3989Z\",\n fill: \"#321907\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.715 40.3462C125.557 40.2281 125.333 40.2596 125.215 40.4167C124.233 41.7208 123.594 42.3555 122.993 42.7944C122.691 43.0152 122.392 43.1914 122.05 43.3811C121.957 43.4328 121.86 43.4857 121.759 43.5409C121.492 43.6866 121.197 43.848 120.868 44.042C119.711 44.7227 119.542 46.2908 120.066 47.4543C120.337 48.0542 120.802 48.5891 121.46 48.8962C122.121 49.2048 122.943 49.2677 123.894 48.9804C124.082 48.9234 124.189 48.7247 124.131 48.5366C124.073 48.3485 123.874 48.2422 123.685 48.2992C122.876 48.5436 122.239 48.4746 121.762 48.2518C121.281 48.0273 120.929 47.6311 120.718 47.164C120.281 46.1935 120.503 45.0843 121.232 44.655C121.551 44.4672 121.831 44.3142 122.095 44.1701C122.198 44.1136 122.299 44.0585 122.399 44.0032C122.749 43.8086 123.079 43.6156 123.417 43.3687C124.096 42.8719 124.784 42.1764 125.787 40.8446C125.905 40.6875 125.873 40.4644 125.715 40.3462Z\",\n fill: \"#8A3110\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M129.649 34.837C121.827 33.5383 118.644 32.9326 115.938 30.7899C116.095 20.7306 124.372 14.8095 128.208 13.9133C137.079 11.7498 146.71 14.4563 152.621 22.24C153.207 23.0117 153.697 23.8016 154.1 24.6046C154.332 24.9784 154.561 25.3966 154.788 25.8614C158.487 36.5185 160.433 52.0678 159.378 57.8279C156.421 61.6292 132.689 62.4489 135.661 57.6848C135.827 57.4189 136.012 57.1432 136.209 56.8498C137.605 54.7702 139.596 51.8038 139.577 45.1401C139.573 43.5264 139.106 41.6388 138.581 39.5103C138.403 38.7907 138.218 38.0435 138.043 37.2701C137.624 37.1239 137.225 36.9851 136.846 36.8532C135.154 36.2654 133.859 35.8154 133.056 35.4671C132.176 35.0859 133.015 32.5431 133.618 30.7177C134.144 29.1236 134.489 28.0765 133.352 29.4936C131.887 31.3189 131.327 32.7473 131.052 33.867C130.895 34.5038 130.296 34.9444 129.649 34.837Z\",\n fill: \"#0A1551\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.876 135.11C123.204 132.113 147.144 138.846 165.384 132.164C175.385 128.501 167.732 107.165 163.563 89.2747C160.924 79.3725 156.556 72.8099 152.574 70.3825L143.912 76.7565L146.117 88.6293C146.117 88.6293 144.747 92.9399 147.634 100.772C150.522 108.604 155.009 118.451 155.009 118.451L112.084 127.456C112.239 131.007 113.612 137.508 117.876 135.11Z\",\n fill: \"white\"\n}))), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 94.4348C0 70.8024 19.1578 51.6445 42.7902 51.6445H155.115C178.747 51.6445 197.905 70.8024 197.905 94.4348C197.905 118.067 178.747 137.225 155.115 137.225H42.7902C19.1578 137.225 0 118.067 0 94.4348Z\",\n fill: \"#E6E6F5\"\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.837 81.9592C64.5359 80.8456 63.022 80.0079 61.3875 79.4968C59.7529 78.9858 58.0318 78.8122 56.3281 78.9865L51.2598 76.694C50.8843 76.5178 50.4597 76.4753 50.0567 76.5736C49.6537 76.6718 49.2967 76.9049 49.0444 77.234C48.9237 77.4075 48.8395 77.6037 48.7969 77.8106C48.7543 78.0176 48.7539 78.231 48.7963 78.438C48.8386 78.645 48.9226 78.8413 49.043 79.015C49.1634 79.1886 49.3178 79.336 49.4969 79.4482L52.2516 81.2906L51.0773 81.1933C49.2314 81.0459 47.4788 80.3203 46.0691 79.1196L42.1557 75.7349C41.9286 75.5451 41.6574 75.4154 41.3671 75.3579C41.0767 75.3004 40.7766 75.317 40.4943 75.4059C40.2444 75.4669 40.0146 75.5918 39.8277 75.7684C39.6407 75.945 39.5032 76.1672 39.428 76.4131C39.3529 76.6591 39.3429 76.9203 39.3992 77.1712C39.4554 77.4222 39.5758 77.6541 39.7488 77.8444L44.3203 82.8871C45.2213 83.8663 46.3099 84.6544 47.5215 85.2045C48.733 85.7547 50.0428 86.0557 51.3729 86.0897L66.0279 86.5405L65.837 81.9592Z\",\n fill: \"#EFBB9D\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M114.82 31.3168C111.43 45.7517 107.561 80.2673 106.301 83.438C105.988 84.2241 106.15 85.1232 106.739 85.7314C111.538 90.6861 117.959 92.234 126 90.375C134.565 88.3947 137.243 52.5997 131.934 28.4188L114.82 31.3168Z\",\n fill: \"#091141\"\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M59.9562 88.0544C63.226 84.9317 65.2089 82.208 65.9049 79.8834C80.533 90.813 88.8123 95.9785 90.7426 95.38C93.3894 94.5594 114.746 75.3614 122.167 70.8196C122.841 70.147 122.888 75.8967 123.424 75.2776L121.017 97.5923C112.35 103.794 106.828 107.615 104.451 109.055C100.886 111.215 91.53 115.17 83.0801 108.3C77.4469 103.72 69.7389 96.9715 59.9562 88.0544Z\",\n fill: \"#F4F5FE\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.592 112.816C111.715 117.572 113.858 121.714 112 132.376C122.036 134.193 128.883 131.142 133.5 133.376L151 125.376L163.5 119.876L157.645 102.462L158.292 88.868C156.591 82.0696 153.796 75.6344 151.231 72.8261C147.382 68.6135 126.491 70.5315 121.346 72.3039C116.2 74.0764 115.009 83.8012 109.577 91.6064C104.144 99.4116 108.907 105.683 110.592 112.816Z\",\n fill: \"white\"\n})), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M142.981 70.1544C140.959 86.6243 135.277 94.8593 125.934 94.8593C111.92 94.8593 115.206 87.4872 116.961 84.0305C118.131 81.726 119.417 77.6245 120.82 71.7258C125.641 70.1872 129.321 69.3278 131.86 69.1478C134.398 68.9679 138.105 69.3034 142.981 70.1544Z\",\n fill: \"#EFBB9D\"\n})), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M122.004 47.5359C121.452 47.6172 120.906 47.0268 120.785 46.2173C120.664 45.4078 121.013 44.6856 121.565 44.6043C122.117 44.523 122.663 45.1133 122.784 45.9228C122.905 46.7324 122.556 47.4546 122.004 47.5359Z\",\n fill: \"#321907\"\n})), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114.453 47.403C113.901 47.4844 113.355 46.894 113.234 46.0845C113.113 45.275 113.462 44.5528 114.014 44.4715C114.566 44.3901 115.112 44.9805 115.233 45.79C115.354 46.5995 115.005 47.3217 114.453 47.403Z\",\n fill: \"#321907\"\n})), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.285 52.0003C135.625 64.9731 141.59 69.8431 143.5 69.8755C145.409 69.9079 137.698 77.5795 124.067 90.3655C119.606 81.7674 119.107 74.0993 120.5 71.8755C122.59 68.5397 124.529 71.3934 123.813 59.7145C123.343 52.0426 133.544 52.7719 140.811 51.5265C137.285 52.0003 131.529 52.1186 137.285 52.0003Z\",\n fill: \"#EFBB9D\"\n})), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M123.313 54.5259C124.105 61.7532 124.082 65.7391 124 66.3752C123.878 67.3293 141.282 66.5234 136.312 51.2024C131.342 35.8815 129.68 53.0076 123.313 54.5259Z\",\n fill: \"#DC9F7E\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask7_614:19850\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 114,\n y: 22,\n width: 38,\n height: 44\n}, _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.092 55.0491C141.516 61.1625 135.135 64.5174 126.949 65.1136C118.636 65.7191 113.086 54.8794 114.156 43.7503C114.667 38.4403 115.843 33.7532 120.518 28.9235C130.169 18.9553 139.236 20.2718 147.718 32.8728L151.38 42.6449L146.092 55.0491Z\",\n fill: \"white\"\n}))), _g5 || (_g5 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask7_614:19850)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.966 54.1764C139.857 59.8531 133.197 62.6207 124.988 62.4795C116.652 62.336 112.101 51.0441 114.171 40.0585C115.159 34.8169 116.753 30.2554 121.847 25.866C132.36 16.8066 141.273 18.9315 148.587 32.2405L151.353 42.2998L144.966 54.1764Z\",\n fill: \"#EFBB9D\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.771 54.3898C130.076 53.9732 128.129 52.1378 128.423 50.2901C128.718 48.4425 131.141 47.2824 133.836 47.6989C136.532 48.1155 138.478 49.9509 138.184 51.7985C137.89 53.6462 135.466 54.8063 132.771 54.3898Z\",\n fill: \"#EFA77F\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M111.253 49.9299C108.605 49.2573 106.773 47.2294 107.161 45.4007C107.549 43.5719 110.009 42.6347 112.657 43.3074C115.305 43.9801 117.137 46.0079 116.749 47.8367C116.361 49.6654 113.901 50.6026 111.253 49.9299Z\",\n fill: \"#EFA77F\"\n}))), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M126.024 53.9406C123.906 54.8456 121.406 54.3786 118.524 52.5397C119.88 56.3915 121.422 58.1442 123.148 57.7978C124.874 57.4515 125.833 56.1657 126.024 53.9406Z\",\n fill: \"#A5330A\"\n})), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M127.587 44.5747C127.029 44.5652 126.587 43.8942 126.6 43.0761C126.613 42.2579 127.076 41.6023 127.634 41.6118C128.192 41.6212 128.634 42.2922 128.621 43.1104C128.608 43.9285 128.145 44.5841 127.587 44.5747Z\",\n fill: \"#0A1551\"\n})), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.988 43.0239C118.43 43.0144 117.988 42.3435 118.001 41.5253C118.014 40.7071 118.476 40.0515 119.035 40.061C119.593 40.0704 120.034 40.7414 120.022 41.5596C120.009 42.3778 119.546 43.0334 118.988 43.0239Z\",\n fill: \"#0A1551\"\n})), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M142.981 70.1544C140.959 86.6243 135.277 94.8593 125.934 94.8593C111.92 94.8593 115.206 87.4872 116.961 84.0305C118.131 81.726 119.417 77.6245 120.82 71.7258C125.641 70.1872 129.321 69.3278 131.86 69.1478C134.398 68.9679 138.105 69.3034 142.981 70.1544Z\",\n fill: \"#EFBB9D\"\n})), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.201 78.3815L144.406 90.2543C144.406 90.2543 143.036 94.5649 145.923 102.397C148.811 110.229 153.298 120.076 153.298 120.076L163.674 133.789C173.674 130.126 166.022 108.79 161.852 90.8997C159.213 80.9975 154.845 74.4349 150.863 72.0075L142.201 78.3815Z\",\n fill: \"white\"\n})), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.23 81.3875L146.435 93.2604C146.435 93.2604 145.065 97.571 147.952 105.403C150.84 113.235 155.327 123.082 155.327 123.082L164.499 135.374C174.499 131.711 168.05 111.797 163.881 93.9058C161.242 84.0035 156.874 77.4409 152.892 75.0135L144.23 81.3875Z\",\n fill: \"url(#paint1_linear_614:19850)\"\n})), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.501 69.375C131.301 71.775 125.167 70.0417 123.501 68.875C122.701 69.275 120.834 71.375 120 72.375C118.5 76.0417 115.201 84.075 114.001 86.875C112.501 90.375 115.001 92.375 118.501 96.375C122.001 100.375 133.001 96.875 137.001 95.875C140.201 95.075 144.001 78.5417 145.501 70.375C143.501 69.975 142.667 69.5417 142.501 69.375Z\",\n fill: \"white\"\n})), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M127.938 36.462C120.116 35.1633 116.933 34.5576 114.227 32.4149C114.384 22.3556 122.661 16.4345 126.497 15.5383C135.368 13.3748 144.999 16.0813 150.91 23.865C151.496 24.6367 151.986 25.4266 152.389 26.2296C152.621 26.6034 152.85 27.0216 153.077 27.4864C156.776 38.1435 156.679 78.257 155.623 84.0171C152.666 87.8184 128.935 88.6381 131.907 83.874C132.073 83.6081 132.258 83.3324 132.455 83.039C133.85 80.9594 137.885 53.4288 137.866 46.7651C137.862 45.1514 137.396 43.2638 136.87 41.1353C136.692 40.4157 136.507 39.6685 136.332 38.8951C135.913 38.7489 135.514 38.6101 135.135 38.4782C133.443 37.8904 132.149 37.4404 131.345 37.0921C130.465 36.7109 131.304 34.1681 131.907 32.3427C132.433 30.7486 132.778 29.7015 131.641 31.1186C130.176 32.9439 129.616 34.3723 129.341 35.492C129.184 36.1288 128.585 36.5694 127.938 36.462Z\",\n fill: \"#091141\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 145.5,\n cy: 16.875,\n r: 9.5,\n fill: \"#091141\"\n})), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.897 38.4111C129.897 38.4111 126.839 37.5696 126.481 38.8692C126.481 38.8692 126.241 39.7411 129.025 40.4416C131.81 41.1422 132.489 41.0659 132.888 40.2713C133.288 39.4766 131.379 38.7038 129.897 38.4111Z\",\n fill: \"#091141\"\n})), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.797 36.4602C118.797 36.4602 121.442 36.6162 121.438 37.9085C121.438 37.9085 121.428 38.7739 119.107 38.5703C116.785 38.3667 116.107 37.9467 116.011 37.2345C115.916 36.5223 117.552 36.2713 118.797 36.4602Z\",\n fill: \"#091141\"\n})), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.942 45.389L121 48.2849L122.873 48.7786\",\n stroke: \"#D97D4A\",\n strokeWidth: 0.919783,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n})), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M124.604 130.031L132.629 129.412L132.384 137.438H125.434L124.604 130.031Z\",\n fill: \"#EFBB9D\"\n})), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M126.861 129.813L127.262 131.419L128.065 137.438H108C108.401 133.425 114.019 129.412 118.032 129.412C121.243 129.412 126.058 129.68 126.861 129.813Z\",\n fill: \"#EFBB9D\"\n})), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M161.399 122.431L130 123.372L132 137.375L162 136.875C163.085 136.729 164.344 136.671 165.256 136.065C166.256 135.4 167.941 134.131 168.495 133.187C169.05 132.242 169.382 131.184 169.467 130.092C169.551 129.001 169.387 127.904 168.985 126.886C168.388 125.411 167.321 124.174 165.949 123.369C164.578 122.563 162.978 122.233 161.399 122.431Z\",\n fill: \"#F4F6FF\"\n})), _path55 || (_path55 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.134 31.2582C39.5049 31.2582 39.0603 30.8194 39.0601 29.1831C39.058 14.5092 39.0582 19.091 39.06 4.41714C39.0601 2.85541 39.5295 2.37824 41.1004 2.37789C55.7861 2.37404 51.2159 2.37404 65.9015 2.37789C67.4504 2.37824 67.9399 2.87413 67.9402 4.42922C67.943 19.1031 67.9429 14.5213 67.9406 29.1952C67.9403 30.8131 67.4816 31.258 65.8476 31.2582C58.5049 31.2591 60.7899 31.2586 53.4472 31.2586C46.1335 31.2586 48.4477 31.2591 41.134 31.2582ZM65.3567 29.1956C65.6453 29.1956 65.8792 28.9617 65.8792 28.6731V23.0464C65.8792 22.7579 65.6453 22.5239 65.3567 22.5239H59.73C59.4415 22.5239 59.2075 22.7579 59.2075 23.0464V28.6731C59.2075 28.9617 59.4415 29.1956 59.73 29.1956H65.3567ZM50.6871 29.1956H56.3138C56.6024 29.1956 56.8363 28.9617 56.8363 28.6731V23.0464C56.8363 22.7579 56.6024 22.5239 56.3138 22.5239H50.6871C50.3985 22.5239 50.1646 22.7579 50.1646 23.0464V28.6731C50.1646 28.9617 50.3985 29.1956 50.6871 29.1956ZM41.6442 29.1956H47.2709C47.5594 29.1956 47.7934 28.9617 47.7934 28.6731V23.0464C47.7934 22.7579 47.5594 22.5239 47.2709 22.5239H41.6442C41.3556 22.5239 41.1217 22.7579 41.1217 23.0464V28.6731C41.1217 28.9617 41.3556 29.1956 41.6442 29.1956ZM59.73 20.1527H65.3567C65.6453 20.1527 65.8792 19.9188 65.8792 19.6302V14.0035C65.8792 13.715 65.6453 13.481 65.3567 13.481H59.73C59.4415 13.481 59.2075 13.715 59.2075 14.0035V19.6302C59.2075 19.9188 59.4415 20.1527 59.73 20.1527ZM50.6871 20.1527H56.3138C56.6024 20.1527 56.8363 19.9188 56.8363 19.6302V14.0035C56.8363 13.715 56.6024 13.481 56.3138 13.481H50.6871C50.3985 13.481 50.1646 13.715 50.1646 14.0035V19.6302C50.1646 19.9188 50.3985 20.1527 50.6871 20.1527ZM41.6442 20.1527H47.2709C47.5594 20.1527 47.7934 19.9188 47.7934 19.6302V14.0035C47.7934 13.715 47.5594 13.481 47.2709 13.481H41.6442C41.3556 13.481 41.1217 13.715 41.1217 14.0035V19.6302C41.1217 19.9188 41.3556 20.1527 41.6442 20.1527ZM50.6871 11.1098H56.3138C56.6024 11.1098 56.8363 10.9685 56.8363 10.7942V7.396C56.8363 7.22172 56.6024 7.08045 56.3138 7.08045H50.6871C50.3985 7.08045 50.1646 7.22172 50.1646 7.396V10.7942C50.1646 10.9685 50.3985 11.1098 50.6871 11.1098ZM59.7133 11.1098H65.34C65.6285 11.1098 65.8625 10.9685 65.8625 10.7942V7.396C65.8625 7.22172 65.6285 7.08045 65.34 7.08045H59.7133C59.4247 7.08045 59.1908 7.22172 59.1908 7.396V10.7942C59.1908 10.9685 59.4247 11.1098 59.7133 11.1098ZM41.6442 11.1098H47.2709C47.5594 11.1098 47.7934 10.9685 47.7934 10.7942V7.396C47.7934 7.22172 47.5594 7.08045 47.2709 7.08045H41.6442C41.3556 7.08045 41.1217 7.22172 41.1217 7.396V10.7942C41.1217 10.9685 41.3556 11.1098 41.6442 11.1098Z\",\n fill: \"white\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 40.6641,\n y: 4.78125,\n width: 25.6744,\n height: 24.8721,\n fill: \"white\"\n})), _path56 || (_path56 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.1172 7.38672C59.1172 6.83443 59.5649 6.38672 60.1172 6.38672H64.8629C65.4152 6.38672 65.8629 6.83443 65.8629 7.38672V10.2007C65.8629 10.753 65.4152 11.2007 64.8629 11.2007H60.1172C59.5649 11.2007 59.1172 10.753 59.1172 10.2007V7.38672Z\",\n fill: \"#0D953B\"\n})), _path57 || (_path57 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.1172 14.6074C59.1172 14.0551 59.5649 13.6074 60.1172 13.6074H64.5358C65.0881 13.6074 65.5358 14.0551 65.5358 14.6074V19.026C65.5358 19.5783 65.0881 20.026 64.5358 20.026H60.1172C59.5649 20.026 59.1172 19.5783 59.1172 19.026V14.6074Z\",\n fill: \"#FFB629\"\n})), _path58 || (_path58 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.1172 23.4336C59.1172 22.8813 59.5649 22.4336 60.1172 22.4336H64.5358C65.0881 22.4336 65.5358 22.8813 65.5358 23.4336V27.8522C65.5358 28.4045 65.0881 28.8522 64.5358 28.8522H60.1172C59.5649 28.8522 59.1172 28.4045 59.1172 27.8522V23.4336Z\",\n fill: \"#FFB629\"\n})), _path59 || (_path59 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.166 7.38672C50.166 6.83443 50.6137 6.38672 51.166 6.38672H56.0378C56.59 6.38672 57.0378 6.83443 57.0378 7.38672V10.2007C57.0378 10.753 56.59 11.2007 56.0378 11.2007H51.166C50.6137 11.2007 50.166 10.753 50.166 10.2007V7.38672Z\",\n fill: \"#0D953B\"\n})), _path60 || (_path60 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.2929 14.6074C50.2929 14.0551 50.7407 13.6074 51.2929 13.6074H55.7116C56.2639 13.6074 56.7116 14.0551 56.7116 14.6074V19.026C56.7116 19.5783 56.2639 20.026 55.7116 20.026H51.2929C50.7407 20.026 50.2929 19.5783 50.2929 19.026V14.6074Z\",\n fill: \"#FF6100\"\n})), _path61 || (_path61 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.2929 23.4336C50.2929 22.8813 50.7407 22.4336 51.2929 22.4336H55.7116C56.2639 22.4336 56.7116 22.8813 56.7116 23.4336V27.8522C56.7116 28.4045 56.2639 28.8522 55.7116 28.8522H51.2929C50.7407 28.8522 50.2929 28.4045 50.2929 27.8522V23.4336Z\",\n fill: \"#FF6100\"\n})), _path62 || (_path62 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.0645 7.38672C41.0645 6.83443 41.5122 6.38672 42.0645 6.38672H46.8842C47.4365 6.38672 47.8842 6.83443 47.8842 7.38672V10.2007C47.8842 10.753 47.4365 11.2007 46.8842 11.2007H42.0645C41.5122 11.2007 41.0645 10.753 41.0645 10.2007V7.38672Z\",\n fill: \"#0D953B\"\n})), _path63 || (_path63 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.0645 14.6074C41.0645 14.0551 41.5122 13.6074 42.0645 13.6074H46.8842C47.4365 13.6074 47.8842 14.0551 47.8842 14.6074V19.026C47.8842 19.5783 47.4365 20.026 46.8842 20.026H42.0645C41.5122 20.026 41.0645 19.5783 41.0645 19.026V16.8167V14.6074Z\",\n fill: \"#0099FF\"\n})), _path64 || (_path64 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.0645 23.4336C41.0645 22.8813 41.5122 22.4336 42.0645 22.4336H46.8842C47.4365 22.4336 47.8842 22.8813 47.8842 23.4336V27.8522C47.8842 28.4045 47.4365 28.8522 46.8842 28.8522H42.0645C41.5122 28.8522 41.0645 28.4045 41.0645 27.8522V25.6429V23.4336Z\",\n fill: \"#0099FF\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 38.3086,\n y: 1.625,\n width: 30.3837,\n height: 30.3837,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path65 || (_path65 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.0754 71.3754C19.4463 71.3754 19.0017 70.9366 19.0015 69.3003C18.9994 54.6264 18.9996 59.2082 19.0014 44.5343C19.0015 42.9726 19.4709 42.4954 21.0418 42.4951C35.7275 42.4912 31.1573 42.4912 45.8429 42.4951C47.3918 42.4954 47.8813 42.9913 47.8816 44.5464C47.8844 59.2203 47.8843 54.6385 47.882 69.3124C47.8817 70.9303 47.4231 71.3752 45.789 71.3754C38.4463 71.3763 40.7313 71.3758 33.3886 71.3758C26.0749 71.3758 28.3891 71.3763 21.0754 71.3754ZM45.2981 69.3128C45.5867 69.3128 45.8206 69.0789 45.8206 68.7903V63.1636C45.8206 62.8751 45.5867 62.6411 45.2981 62.6411H39.6714C39.3829 62.6411 39.1489 62.8751 39.1489 63.1636V68.7903C39.1489 69.0789 39.3829 69.3128 39.6714 69.3128H45.2981ZM30.6285 69.3128H36.2552C36.5438 69.3128 36.7777 69.0789 36.7777 68.7903V63.1636C36.7777 62.8751 36.5438 62.6411 36.2552 62.6411H30.6285C30.3399 62.6411 30.106 62.8751 30.106 63.1636V68.7903C30.106 69.0789 30.3399 69.3128 30.6285 69.3128ZM21.5856 69.3128H27.2123C27.5008 69.3128 27.7348 69.0789 27.7348 68.7903V63.1636C27.7348 62.8751 27.5008 62.6411 27.2123 62.6411H21.5856C21.297 62.6411 21.0631 62.8751 21.0631 63.1636V68.7903C21.0631 69.0789 21.297 69.3128 21.5856 69.3128ZM39.6714 60.2699H45.2981C45.5867 60.2699 45.8206 60.036 45.8206 59.7474V54.1207C45.8206 53.8321 45.5867 53.5982 45.2981 53.5982H39.6714C39.3829 53.5982 39.1489 53.8321 39.1489 54.1207V59.7474C39.1489 60.036 39.3829 60.2699 39.6714 60.2699ZM30.6285 60.2699H36.2552C36.5438 60.2699 36.7777 60.036 36.7777 59.7474V54.1207C36.7777 53.8321 36.5438 53.5982 36.2552 53.5982H30.6285C30.3399 53.5982 30.106 53.8321 30.106 54.1207V59.7474C30.106 60.036 30.3399 60.2699 30.6285 60.2699ZM21.5856 60.2699H27.2123C27.5008 60.2699 27.7348 60.036 27.7348 59.7474V54.1207C27.7348 53.8321 27.5008 53.5982 27.2123 53.5982H21.5856C21.297 53.5982 21.0631 53.8321 21.0631 54.1207V59.7474C21.0631 60.036 21.297 60.2699 21.5856 60.2699ZM30.6285 51.227H36.2552C36.5438 51.227 36.7777 51.0857 36.7777 50.9114V47.5132C36.7777 47.3389 36.5438 47.1976 36.2552 47.1976H30.6285C30.3399 47.1976 30.106 47.3389 30.106 47.5132V50.9114C30.106 51.0857 30.3399 51.227 30.6285 51.227ZM39.6547 51.227H45.2814C45.5699 51.227 45.8039 51.0857 45.8039 50.9114V47.5132C45.8039 47.3389 45.5699 47.1976 45.2814 47.1976H39.6547C39.3661 47.1976 39.1322 47.3389 39.1322 47.5132V50.9114C39.1322 51.0857 39.3661 51.227 39.6547 51.227ZM21.5856 51.227H27.2123C27.5008 51.227 27.7348 51.0857 27.7348 50.9114V47.5132C27.7348 47.3389 27.5008 47.1976 27.2123 47.1976H21.5856C21.297 47.1976 21.0631 47.3389 21.0631 47.5132V50.9114C21.0631 51.0857 21.297 51.227 21.5856 51.227Z\",\n fill: \"white\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 20.6055,\n y: 44.8984,\n width: 25.6744,\n height: 24.8721,\n fill: \"white\"\n})), _path66 || (_path66 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.0586 47.5039C39.0586 46.9516 39.5063 46.5039 40.0586 46.5039H44.8043C45.3566 46.5039 45.8043 46.9516 45.8043 47.5039V50.3179C45.8043 50.8701 45.3566 51.3179 44.8043 51.3179H40.0586C39.5063 51.3179 39.0586 50.8701 39.0586 50.3179V47.5039Z\",\n fill: \"#0D953B\"\n})), _path67 || (_path67 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.0586 54.7246C39.0586 54.1723 39.5063 53.7246 40.0586 53.7246H44.4772C45.0295 53.7246 45.4772 54.1723 45.4772 54.7246V59.1432C45.4772 59.6955 45.0295 60.1432 44.4772 60.1432H40.0586C39.5063 60.1432 39.0586 59.6955 39.0586 59.1432V54.7246Z\",\n fill: \"#FFB629\"\n})), _path68 || (_path68 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M39.0586 63.5508C39.0586 62.9985 39.5063 62.5508 40.0586 62.5508H44.4772C45.0295 62.5508 45.4772 62.9985 45.4772 63.5508V67.9694C45.4772 68.5217 45.0295 68.9694 44.4772 68.9694H40.0586C39.5063 68.9694 39.0586 68.5217 39.0586 67.9694V63.5508Z\",\n fill: \"#FFB629\"\n})), _path69 || (_path69 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.1074 47.5039C30.1074 46.9516 30.5551 46.5039 31.1074 46.5039H35.9792C36.5314 46.5039 36.9792 46.9516 36.9792 47.5039V50.3179C36.9792 50.8701 36.5315 51.3179 35.9792 51.3179H31.1074C30.5551 51.3179 30.1074 50.8701 30.1074 50.3179V47.5039Z\",\n fill: \"#0D953B\"\n})), _path70 || (_path70 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.2324 54.7246C30.2324 54.1723 30.6801 53.7246 31.2324 53.7246H35.651C36.2033 53.7246 36.651 54.1723 36.651 54.7246V59.1432C36.651 59.6955 36.2033 60.1432 35.651 60.1432H31.2324C30.6801 60.1432 30.2324 59.6955 30.2324 59.1432V54.7246Z\",\n fill: \"#FF6100\"\n})), _path71 || (_path71 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.2324 63.5508C30.2324 62.9985 30.6801 62.5508 31.2324 62.5508H35.651C36.2033 62.5508 36.651 62.9985 36.651 63.5508V67.9694C36.651 68.5217 36.2033 68.9694 35.651 68.9694H31.2324C30.6801 68.9694 30.2324 68.5217 30.2324 67.9694V63.5508Z\",\n fill: \"#FF6100\"\n})), _path72 || (_path72 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.0059 47.5039C21.0059 46.9516 21.4536 46.5039 22.0059 46.5039H26.8256C27.3779 46.5039 27.8256 46.9516 27.8256 47.5039V50.3179C27.8256 50.8701 27.3779 51.3179 26.8256 51.3179H22.0059C21.4536 51.3179 21.0059 50.8701 21.0059 50.3179V47.5039Z\",\n fill: \"#0D953B\"\n})), _path73 || (_path73 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.0059 54.7246C21.0059 54.1723 21.4536 53.7246 22.0059 53.7246H26.8256C27.3779 53.7246 27.8256 54.1723 27.8256 54.7246V59.1432C27.8256 59.6955 27.3779 60.1432 26.8256 60.1432H22.0059C21.4536 60.1432 21.0059 59.6955 21.0059 59.1432V56.9339V54.7246Z\",\n fill: \"#0099FF\"\n})), _path74 || (_path74 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.0059 63.5508C21.0059 62.9985 21.4536 62.5508 22.0059 62.5508H26.8256C27.3779 62.5508 27.8256 62.9985 27.8256 63.5508V67.9694C27.8256 68.5217 27.3779 68.9694 26.8256 68.9694H22.0059C21.4536 68.9694 21.0059 68.5217 21.0059 67.9694V65.7601V63.5508Z\",\n fill: \"#0099FF\"\n})), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 18.25,\n y: 41.7422,\n width: 30.3837,\n height: 30.3837,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path75 || (_path75 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.3898 71.3754C58.7607 71.3754 58.3162 70.9366 58.316 69.3003C58.3139 54.6264 58.3141 59.2082 58.3158 44.5343C58.316 42.9726 58.7854 42.4954 60.3563 42.4951C75.0419 42.4912 70.4717 42.4912 85.1574 42.4951C86.7062 42.4954 87.1957 42.9913 87.1961 44.5464C87.1989 59.2203 87.1987 54.6385 87.1965 69.3124C87.1961 70.9303 86.7375 71.3752 85.1035 71.3754C77.7608 71.3763 80.0458 71.3758 72.703 71.3758C65.3893 71.3758 67.7035 71.3763 60.3898 71.3754ZM84.6126 69.3128C84.9011 69.3128 85.1351 69.0789 85.1351 68.7903V63.1636C85.1351 62.8751 84.9011 62.6411 84.6126 62.6411H78.9859C78.6973 62.6411 78.4634 62.8751 78.4634 63.1636V68.7903C78.4634 69.0789 78.6973 69.3128 78.9859 69.3128H84.6126ZM69.943 69.3128H75.5697C75.8582 69.3128 76.0921 69.0789 76.0921 68.7903V63.1636C76.0921 62.8751 75.8582 62.6411 75.5697 62.6411H69.943C69.6544 62.6411 69.4205 62.8751 69.4205 63.1636V68.7903C69.4205 69.0789 69.6544 69.3128 69.943 69.3128ZM60.9 69.3128H66.5267C66.8153 69.3128 67.0492 69.0789 67.0492 68.7903V63.1636C67.0492 62.8751 66.8153 62.6411 66.5267 62.6411H60.9C60.6115 62.6411 60.3776 62.8751 60.3776 63.1636V68.7903C60.3776 69.0789 60.6115 69.3128 60.9 69.3128ZM78.9859 60.2699H84.6126C84.9011 60.2699 85.1351 60.036 85.1351 59.7474V54.1207C85.1351 53.8321 84.9011 53.5982 84.6126 53.5982H78.9859C78.6973 53.5982 78.4634 53.8321 78.4634 54.1207V59.7474C78.4634 60.036 78.6973 60.2699 78.9859 60.2699ZM69.943 60.2699H75.5697C75.8582 60.2699 76.0921 60.036 76.0921 59.7474V54.1207C76.0921 53.8321 75.8582 53.5982 75.5697 53.5982H69.943C69.6544 53.5982 69.4205 53.8321 69.4205 54.1207V59.7474C69.4205 60.036 69.6544 60.2699 69.943 60.2699ZM60.9 60.2699H66.5267C66.8153 60.2699 67.0492 60.036 67.0492 59.7474V54.1207C67.0492 53.8321 66.8153 53.5982 66.5267 53.5982H60.9C60.6115 53.5982 60.3776 53.8321 60.3776 54.1207V59.7474C60.3776 60.036 60.6115 60.2699 60.9 60.2699ZM69.943 51.227H75.5697C75.8582 51.227 76.0921 51.0857 76.0921 50.9114V47.5132C76.0921 47.3389 75.8582 47.1976 75.5697 47.1976H69.943C69.6544 47.1976 69.4205 47.3389 69.4205 47.5132V50.9114C69.4205 51.0857 69.6544 51.227 69.943 51.227ZM78.9691 51.227H84.5958C84.8844 51.227 85.1183 51.0857 85.1183 50.9114V47.5132C85.1183 47.3389 84.8844 47.1976 84.5958 47.1976H78.9691C78.6806 47.1976 78.4466 47.3389 78.4466 47.5132V50.9114C78.4466 51.0857 78.6806 51.227 78.9691 51.227ZM60.9 51.227H66.5267C66.8153 51.227 67.0492 51.0857 67.0492 50.9114V47.5132C67.0492 47.3389 66.8153 47.1976 66.5267 47.1976H60.9C60.6115 47.1976 60.3776 47.3389 60.3776 47.5132V50.9114C60.3776 51.0857 60.6115 51.227 60.9 51.227Z\",\n fill: \"white\"\n})), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 59.9199,\n y: 44.8984,\n width: 25.6744,\n height: 24.8721,\n fill: \"white\"\n})), _path76 || (_path76 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M78.373 47.5039C78.373 46.9516 78.8208 46.5039 79.373 46.5039H84.1188C84.6711 46.5039 85.1188 46.9516 85.1188 47.5039V50.3179C85.1188 50.8701 84.6711 51.3179 84.1188 51.3179H79.373C78.8208 51.3179 78.373 50.8701 78.373 50.3179V47.5039Z\",\n fill: \"#0D953B\"\n})), _path77 || (_path77 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M78.373 54.7246C78.373 54.1723 78.8208 53.7246 79.373 53.7246H83.7917C84.3439 53.7246 84.7917 54.1723 84.7917 54.7246V59.1432C84.7917 59.6955 84.3439 60.1432 83.7917 60.1432H79.373C78.8208 60.1432 78.373 59.6955 78.373 59.1432V54.7246Z\",\n fill: \"#FFB629\"\n})), _path78 || (_path78 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M78.373 63.5508C78.373 62.9985 78.8208 62.5508 79.373 62.5508H83.7917C84.3439 62.5508 84.7917 62.9985 84.7917 63.5508V67.9694C84.7917 68.5217 84.3439 68.9694 83.7917 68.9694H79.373C78.8208 68.9694 78.373 68.5217 78.373 67.9694V63.5508Z\",\n fill: \"#FFB629\"\n})), _path79 || (_path79 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.4218 47.5039C69.4218 46.9516 69.8696 46.5039 70.4218 46.5039H75.2936C75.8459 46.5039 76.2936 46.9516 76.2936 47.5039V50.3179C76.2936 50.8701 75.8459 51.3179 75.2936 51.3179H70.4218C69.8696 51.3179 69.4218 50.8701 69.4218 50.3179V47.5039Z\",\n fill: \"#0D953B\"\n})), _path80 || (_path80 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.5469 54.7246C69.5469 54.1723 69.9946 53.7246 70.5469 53.7246H74.9655C75.5178 53.7246 75.9655 54.1723 75.9655 54.7246V59.1432C75.9655 59.6955 75.5178 60.1432 74.9655 60.1432H70.5469C69.9946 60.1432 69.5469 59.6955 69.5469 59.1432V54.7246Z\",\n fill: \"#FF6100\"\n})), _path81 || (_path81 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.5469 63.5508C69.5469 62.9985 69.9946 62.5508 70.5469 62.5508H74.9655C75.5178 62.5508 75.9655 62.9985 75.9655 63.5508V67.9694C75.9655 68.5217 75.5178 68.9694 74.9655 68.9694H70.5469C69.9946 68.9694 69.5469 68.5217 69.5469 67.9694V63.5508Z\",\n fill: \"#FF6100\"\n})), _path82 || (_path82 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.3203 47.5039C60.3203 46.9516 60.768 46.5039 61.3203 46.5039H66.1401C66.6924 46.5039 67.1401 46.9516 67.1401 47.5039V50.3179C67.1401 50.8701 66.6924 51.3179 66.1401 51.3179H61.3203C60.768 51.3179 60.3203 50.8701 60.3203 50.3179V47.5039Z\",\n fill: \"#0D953B\"\n})), _path83 || (_path83 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.3203 54.7246C60.3203 54.1723 60.768 53.7246 61.3203 53.7246H66.1401C66.6924 53.7246 67.1401 54.1723 67.1401 54.7246V59.1432C67.1401 59.6955 66.6924 60.1432 66.1401 60.1432H61.3203C60.768 60.1432 60.3203 59.6955 60.3203 59.1432V56.9339V54.7246Z\",\n fill: \"#0099FF\"\n})), _path84 || (_path84 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.3203 63.5508C60.3203 62.9985 60.768 62.5508 61.3203 62.5508H66.1401C66.6924 62.5508 67.1401 62.9985 67.1401 63.5508V67.9694C67.1401 68.5217 66.6924 68.9694 66.1401 68.9694H61.3203C60.768 68.9694 60.3203 68.5217 60.3203 67.9694V65.7601V63.5508Z\",\n fill: \"#0099FF\"\n})), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 57.5645,\n y: 41.7422,\n width: 30.3837,\n height: 30.3837,\n rx: 2.75,\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_614:19850\",\n x1: 155.19,\n y1: 90.2549,\n x2: 152.764,\n y2: 107.265,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#F3F5FE\"\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_614:19850\",\n x1: 159.999,\n y1: 122.374,\n x2: 148.27,\n y2: 68.4241,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F4F5FE\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"white\"\n})))));\nexport default SvgNoTablesIcon;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _circle, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoReportsIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 198 145\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 101.437C0 77.8043 19.1578 58.6465 42.7902 58.6465H155.115C178.747 58.6465 197.905 77.8043 197.905 101.437C197.905 125.069 178.747 144.227 155.115 144.227H42.7902C19.1578 144.227 0 125.069 0 101.437Z\",\n fill: \"#E6E6F5\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36.9316 5.17167C36.9316 2.52254 39.0792 0.375 41.7283 0.375H64.5125C67.1616 0.375 69.3092 2.52254 69.3092 5.17167V33.9517C69.3092 36.6008 67.1616 38.7483 64.5125 38.7483H41.7283C39.0792 38.7483 36.9316 36.6008 36.9316 33.9517V5.17167Z\",\n fill: \"white\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M64.5125 1.57417H41.7283C39.7415 1.57417 38.1308 3.18482 38.1308 5.17167V33.9517C38.1308 35.9385 39.7415 37.5492 41.7283 37.5492H64.5125C66.4993 37.5492 68.11 35.9385 68.11 33.9517V5.17167C68.11 3.18482 66.4993 1.57417 64.5125 1.57417ZM41.7283 0.375C39.0792 0.375 36.9316 2.52254 36.9316 5.17167V33.9517C36.9316 36.6008 39.0792 38.7483 41.7283 38.7483H64.5125C67.1616 38.7483 69.3092 36.6008 69.3092 33.9517V5.17167C69.3092 2.52254 67.1616 0.375 64.5125 0.375H41.7283Z\",\n fill: \"#D3DCEF\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.3809 10.3907C42.3809 9.67225 42.9633 9.08984 43.6817 9.08984H46.2834C47.0018 9.08984 47.5842 9.67225 47.5842 10.3907V29.9032H42.3809V10.3907Z\",\n fill: \"#0099FF\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.3672 16.2442C50.3672 15.5258 50.9496 14.9434 51.668 14.9434H54.2697C54.9881 14.9434 55.5705 15.5258 55.5705 16.2442V29.9029H50.3672V16.2442Z\",\n fill: \"#FF6100\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.3555 11.0411C58.3555 10.3226 58.9379 9.74023 59.6563 9.74023H62.258C62.9764 9.74023 63.5588 10.3226 63.5588 11.0411V29.9031H58.3555V11.0411Z\",\n fill: \"#FFB629\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 46.7986C16 44.1495 18.1475 42.002 20.7967 42.002H43.5808C46.23 42.002 48.3775 44.1495 48.3775 46.7986V75.5786C48.3775 78.2278 46.23 80.3753 43.5808 80.3753H20.7967C18.1475 80.3753 16 78.2278 16 75.5786V46.7986Z\",\n fill: \"white\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M43.5808 43.2011H20.7967C18.8098 43.2011 17.1992 44.8118 17.1992 46.7986V75.5786C17.1992 77.5655 18.8098 79.1761 20.7967 79.1761H43.5808C45.5677 79.1761 47.1783 77.5655 47.1783 75.5786V46.7986C47.1783 44.8118 45.5677 43.2011 43.5808 43.2011ZM20.7967 42.002C18.1475 42.002 16 44.1495 16 46.7986V75.5786C16 78.2278 18.1475 80.3753 20.7967 80.3753H43.5808C46.23 80.3753 48.3775 78.2278 48.3775 75.5786V46.7986C48.3775 44.1495 46.23 42.002 43.5808 42.002H20.7967Z\",\n fill: \"#D3DCEF\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.4492 52.0176C21.4492 51.2992 22.0316 50.7168 22.7501 50.7168H25.3517C26.0701 50.7168 26.6526 51.2992 26.6526 52.0176V71.5301H21.4492V52.0176Z\",\n fill: \"#0099FF\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.4375 57.8711C29.4375 57.1527 30.0199 56.5703 30.7383 56.5703H33.34C34.0584 56.5703 34.6408 57.1527 34.6408 57.8711V71.5299H29.4375V57.8711Z\",\n fill: \"#FF6100\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37.4238 52.668C37.4238 51.9496 38.0062 51.3672 38.7247 51.3672H41.3263C42.0448 51.3672 42.6272 51.9496 42.6272 52.668V71.5301H37.4238V52.668Z\",\n fill: \"#FFB629\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.7949 46.7986C56.7949 44.1495 58.9425 42.002 61.5916 42.002H84.3758C87.0249 42.002 89.1724 44.1495 89.1724 46.7986V75.5786C89.1724 78.2278 87.0249 80.3753 84.3758 80.3753H61.5916C58.9425 80.3753 56.7949 78.2278 56.7949 75.5786V46.7986Z\",\n fill: \"white\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M84.3758 43.2011H61.5916C59.6047 43.2011 57.9941 44.8118 57.9941 46.7986V75.5786C57.9941 77.5655 59.6047 79.1761 61.5916 79.1761H84.3758C86.3626 79.1761 87.9733 77.5655 87.9733 75.5786V46.7986C87.9733 44.8118 86.3626 43.2011 84.3758 43.2011ZM61.5916 42.002C58.9425 42.002 56.7949 44.1495 56.7949 46.7986V75.5786C56.7949 78.2278 58.9425 80.3753 61.5916 80.3753H84.3758C87.0249 80.3753 89.1724 78.2278 89.1724 75.5786V46.7986C89.1724 44.1495 87.0249 42.002 84.3758 42.002H61.5916Z\",\n fill: \"#D3DCEF\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62.2441 52.0176C62.2441 51.2992 62.8265 50.7168 63.545 50.7168H66.1466C66.8651 50.7168 67.4475 51.2992 67.4475 52.0176V71.5301H62.2441V52.0176Z\",\n fill: \"#0099FF\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M70.2305 57.8711C70.2305 57.1527 70.8129 56.5703 71.5313 56.5703H74.133C74.8514 56.5703 75.4338 57.1527 75.4338 57.8711V71.5299H70.2305V57.8711Z\",\n fill: \"#FF6100\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M78.2188 52.668C78.2188 51.9496 78.8012 51.3672 79.5196 51.3672H82.1212C82.8397 51.3672 83.4221 51.9496 83.4221 52.668V71.5301H78.2188V52.668Z\",\n fill: \"#FFB629\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.0707 103.549C67.3802 102.288 65.451 101.383 63.4004 100.89C61.3498 100.397 59.2207 100.326 57.1416 100.68L50.725 98.2814C50.2491 98.096 49.7238 98.0788 49.2368 98.2327C48.7497 98.3867 48.3303 98.7025 48.0473 99.1277C47.9134 99.3508 47.8261 99.5988 47.7908 99.8566C47.7556 100.114 47.7727 100.377 47.8418 100.628C47.9108 100.878 48.0302 101.113 48.1925 101.316C48.3548 101.52 48.5566 101.688 48.7859 101.811L52.3227 103.848L50.8717 103.825C48.5914 103.796 46.3782 103.049 44.5469 101.69L39.4594 97.8537C39.1647 97.6392 38.8207 97.5022 38.4592 97.4556C38.0977 97.4089 37.7303 97.4539 37.3907 97.5865C37.0888 97.6821 36.8167 97.8545 36.6015 98.0868C36.3863 98.3192 36.2357 98.6036 36.1636 98.912C36.0916 99.2204 36.1008 99.5422 36.1907 99.8459C36.2805 100.15 36.4476 100.425 36.6758 100.644L42.7089 106.463C43.8966 107.592 45.2993 108.471 46.8333 109.047C48.3673 109.623 50.0015 109.885 51.6387 109.817L69.6831 109.163L69.0707 103.549Z\",\n fill: \"#B46458\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.657 85.0995C96.9777 98.6859 90.622 112.979 85.6775 127.782C85.2695 129.045 85.1818 130.391 85.4228 131.696C85.6638 133.002 86.2256 134.227 87.0578 135.262C90.8717 139.967 99.4037 137.94 102.284 132.921C102.284 132.921 124.25 95.1214 123.021 93.8093C122.734 93.4872 104.657 85.0995 104.657 85.0995Z\",\n fill: \"url(#paint0_linear_614:20297)\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M130.469 80.6016L107.252 83.599C106.12 83.7385 105.086 84.3132 104.37 85.2011C103.654 86.089 103.311 87.2204 103.415 88.3565L117 144.376L166.5 143.876L163.202 88.5152C163.271 87.9372 163.225 87.351 163.066 86.7908C162.908 86.2306 162.641 85.7073 162.28 85.2507C161.919 84.794 161.471 84.4129 160.963 84.1294C160.455 83.846 159.895 83.6659 159.317 83.599L130.469 80.6016Z\",\n fill: \"white\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M141.807 92.865C146.99 108.7 153.141 124.174 160.225 139.195C161.363 141.548 164.678 143.119 167.236 143.372C172.995 143.957 176.35 137.968 174.947 132.473C174.947 132.473 163.026 86.1336 160.589 85.0574C160.2 84.8781 141.807 92.865 141.807 92.865Z\",\n fill: \"url(#paint1_linear_614:20297)\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.352 68.0419L122.509 81.6648C122.906 86.4223 125.982 88.753 130.534 88.3248C134.419 87.9442 138.463 85.6922 138.003 81.4898L135.196 60.1445L121.352 68.0419Z\",\n fill: \"#B46458\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M124.615 72.338C116.829 73.004 109.883 67.2163 109.105 60.6827L107.52 46.9964C106.994 43.1192 107.993 39.1899 110.306 36.0342C112.619 32.8784 116.065 30.7423 119.921 30.0757C128.009 28.807 137.016 34.3257 138.285 42.7623L139.379 53.435C139.866 57.8884 138.596 62.3563 135.839 65.887C133.081 69.4177 129.054 71.7322 124.615 72.338Z\",\n fill: \"#B46458\"\n})), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.067 46.2851C126.788 40.6554 130.451 35.8978 130.451 35.8978L135.637 33.8203C152.986 33.8203 141.885 50.6934 141.885 50.6934L139.744 57.8777C139.744 57.8777 138.048 74.2592 121.936 73.609C109.82 73.1174 109.582 62.8411 109.582 62.8411C116.496 58.0202 131.244 61.0493 131.244 61.0493C132.83 58.0521 134.067 46.2851 134.067 46.2851Z\",\n fill: \"#091141\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M131.103 36.6104C123.912 37.0574 116.702 37.1154 109.504 36.7846C109.504 36.7846 101.464 33.7715 104.747 28.8555C107.379 25.0019 113.754 28.1419 113.754 28.1419C113.754 28.1419 113.643 24.1774 116.45 23.0991C119.796 21.7987 129.597 20.7519 137.938 34.0412L131.103 36.6104Z\",\n fill: \"#091141\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M122.381 81.6482L118.068 82.2034C118.068 82.2034 116.149 89.3872 126.124 90.1325C136.527 90.8779 140.634 86.961 142.633 81.9021L131.183 79.6504L122.381 81.6482Z\",\n fill: \"#B46458\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 140,\n cy: 51.375,\n r: 4,\n fill: \"#B46458\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M116.782 53.5938L116.734 56.6386L118.669 56.5593\",\n stroke: \"#893B2F\",\n strokeWidth: 0.919783,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M112.752 51.5131C112.164 51.5031 111.698 50.7964 111.712 49.9345C111.726 49.0727 112.213 48.3821 112.801 48.3921C113.389 48.4021 113.854 49.1088 113.841 49.9707C113.827 50.8325 113.339 51.5231 112.752 51.5131Z\",\n fill: \"#0A1551\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M123.752 51.5131C123.164 51.5031 122.698 50.7964 122.712 49.9345C122.726 49.0727 123.213 48.3821 123.801 48.3921C124.389 48.4021 124.854 49.1088 124.841 49.9707C124.827 50.8325 124.339 51.5231 123.752 51.5131Z\",\n fill: \"#0A1551\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M124.601 44.4004C124.601 44.4004 121.43 44.4006 121.43 45.7485C121.43 45.7485 121.43 46.6529 124.3 46.5894C127.17 46.526 127.805 46.2723 127.979 45.4001C128.154 44.5279 126.108 44.2894 124.601 44.4004Z\",\n fill: \"#091141\"\n})), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M112.816 44.8345C112.816 44.8345 115.462 44.7005 115.599 45.9856C115.599 45.9856 115.684 46.8468 113.354 46.8982C111.023 46.9496 110.303 46.6062 110.131 45.9088C109.958 45.2113 111.557 44.7828 112.816 44.8345Z\",\n fill: \"#091141\"\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117 64.584L122.555 64.1706C122.555 64.1706 122.799 66.2381 119.921 66.3721C117.043 66.5061 117 64.584 117 64.584Z\",\n fill: \"white\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M93.8821 119.624L67.5011 99.3745L57.7583 113.229L86.5332 135.082C87.561 135.89 88.806 136.372 90.1094 136.467C92.3382 136.604 94.5348 135.882 96.248 134.45C97.9613 133.018 99.0615 130.984 99.3224 128.766C99.5536 126.855 99.145 124.922 98.1607 123.268C97.1764 121.614 95.6719 120.332 93.8821 119.624Z\",\n fill: \"white\"\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.688 135.146L127.688 134.375L127.381 144.375H118.723L117.688 135.146Z\",\n fill: \"#B46458\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M120.5 134.875L121 136.875L122 144.375H97C97.5 139.375 104.5 134.375 109.5 134.375C113.5 134.375 119.5 134.708 120.5 134.875Z\",\n fill: \"#B46458\"\n})), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.171 126.923L125.049 128.096L124.5 144.375L168.5 143.875C169.852 143.693 169.1 144.016 170.236 143.261C171.372 142.505 172.322 141.501 173.012 140.324C173.703 139.148 174.117 137.829 174.223 136.469C174.328 135.109 174.123 133.743 173.623 132.473C172.879 130.636 171.55 129.095 169.84 128.092C168.131 127.088 166.138 126.677 164.171 126.923Z\",\n fill: \"#F4F6FF\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_614:20297\",\n x1: 96.5,\n y1: 120.875,\n x2: 156.139,\n y2: 53.9192,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#A1A9EE\"\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_614:20297\",\n x1: 173.499,\n y1: 142.771,\n x2: 153.836,\n y2: 84.7064,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.307292,\n stopColor: \"#F4F6FF\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"white\"\n})))));\nexport default SvgNoReportsIcon;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _circle, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _rect, _path21, _path22, _path23, _path24, _path25, _rect2, _rect3, _path26, _path27, _path28, _path29, _path30, _rect4, _rect5, _path31, _path32, _path33, _path34, _path35, _rect6, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoApprovalsIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 198 140\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 97.0607C0 73.4284 19.1578 54.2705 42.7902 54.2705H155.115C178.747 54.2705 197.905 73.4284 197.905 97.0607C197.905 120.693 178.747 139.851 155.115 139.851H42.7902C19.1578 139.851 0 120.693 0 97.0607Z\",\n fill: \"#E6E6F5\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.0704 99.1741C64.3799 97.9131 62.4507 97.0085 60.4001 96.5154C58.3495 96.0222 56.2203 95.9509 54.1413 96.3054L47.7247 93.9064C47.2488 93.721 46.7235 93.7038 46.2364 93.8577C45.7494 94.0117 45.33 94.3275 45.047 94.7527C44.9131 94.9758 44.8258 95.2238 44.7905 95.4816C44.7553 95.7395 44.7724 96.0017 44.8414 96.2526C44.9105 96.5035 45.0299 96.7377 45.1922 96.9411C45.3545 97.1446 45.5563 97.3129 45.7856 97.436L49.3224 99.4727L47.8714 99.4501C45.5911 99.4212 43.3779 98.6741 41.5466 97.3149L36.4591 93.4787C36.1643 93.2642 35.8204 93.1272 35.4589 93.0806C35.0974 93.0339 34.73 93.0789 34.3904 93.2115C34.0885 93.3071 33.8164 93.4795 33.6012 93.7118C33.386 93.9442 33.2354 94.2286 33.1633 94.537C33.0913 94.8454 33.1005 95.1672 33.1904 95.4709C33.2802 95.7746 33.4472 96.0497 33.6755 96.2692L39.7086 102.088C40.8963 103.217 42.299 104.096 43.833 104.672C45.367 105.248 47.0012 105.51 48.6384 105.442L66.6828 104.788L66.0704 99.1741Z\",\n fill: \"#B46458\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.657 80.7244C93.9774 94.3108 87.6216 108.604 82.6772 123.407C82.2691 124.67 82.1815 126.015 82.4225 127.321C82.6635 128.627 83.2253 129.852 84.0575 130.887C87.8714 135.592 96.4034 133.565 99.2834 128.546C99.2834 128.546 121.25 90.7463 120.02 89.4342C119.733 89.1121 101.657 80.7244 101.657 80.7244Z\",\n fill: \"url(#paint0_linear_2531_7001)\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M127.468 76.2256L104.252 79.223C103.12 79.3625 102.086 79.9372 101.37 80.8251C100.654 81.713 100.311 82.8444 100.414 83.9805L114 140L163.843 139.873L160.202 84.1393C160.27 83.5612 160.224 82.975 160.066 82.4148C159.908 81.8547 159.64 81.3314 159.279 80.8747C158.919 80.418 158.471 80.0369 157.963 79.7534C157.454 79.47 156.895 79.2899 156.317 79.223L127.468 76.2256Z\",\n fill: \"white\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M138.807 88.491C143.99 104.326 150.141 119.8 157.225 134.821C158.363 137.174 161.677 138.745 164.236 138.998C169.994 139.583 173.35 133.594 171.946 128.099C171.946 128.099 160.026 81.7595 157.588 80.6834C157.199 80.5041 138.807 88.491 138.807 88.491Z\",\n fill: \"url(#paint1_linear_2531_7001)\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.351 63.666L119.509 77.2888C119.905 82.0463 122.982 84.377 127.533 83.9488C131.419 83.5682 135.462 81.3163 135.002 77.1138L132.196 55.7686L118.351 63.666Z\",\n fill: \"#B46458\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.615 67.9639C113.828 68.63 106.882 62.8423 106.105 56.3087L104.519 42.6224C103.994 38.7452 104.993 34.8159 107.306 31.6601C109.619 28.5044 113.065 26.3683 116.92 25.7017C125.008 24.433 134.016 29.9517 135.285 38.3883L136.379 49.0609C136.866 53.5144 135.596 57.9822 132.838 61.513C130.081 65.0437 126.054 67.3582 121.615 67.9639Z\",\n fill: \"#B46458\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M131.067 41.9091C123.788 36.2794 127.451 31.5219 127.451 31.5219L132.637 29.4443C149.986 29.4443 138.885 46.3174 138.885 46.3174L136.744 53.5017C136.744 53.5017 135.047 69.8832 118.935 69.233C106.819 68.7414 106.582 58.4651 106.582 58.4651C113.496 53.6442 128.244 56.6733 128.244 56.6733C129.83 53.6761 131.067 41.9091 131.067 41.9091Z\",\n fill: \"#091141\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M128.103 32.2354C120.912 32.6824 113.701 32.7404 106.504 32.4096C106.504 32.4096 98.4636 29.3965 101.746 24.4805C104.379 20.6269 110.754 23.7669 110.754 23.7669C110.754 23.7669 110.643 19.8024 113.45 18.7241C116.796 17.4237 126.596 16.3769 134.938 29.6662L128.103 32.2354Z\",\n fill: \"#091141\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M119.381 77.2732L115.068 77.8284C115.068 77.8284 113.149 85.0122 123.124 85.7575C133.527 86.5029 137.634 82.586 139.632 77.5271L128.183 75.2754L119.381 77.2732Z\",\n fill: \"#B46458\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 137,\n cy: 47,\n r: 4,\n fill: \"#B46458\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.782 49.2178L113.734 52.2626L115.669 52.1833\",\n stroke: \"#893B2F\",\n strokeWidth: 0.919783,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M109.751 47.1391C109.164 47.1291 108.698 46.4224 108.712 45.5605C108.725 44.6987 109.213 44.0081 109.801 44.0181C110.388 44.028 110.854 44.7348 110.84 45.5966C110.827 46.4585 110.339 47.1491 109.751 47.1391Z\",\n fill: \"#0A1551\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M120.751 47.1391C120.164 47.1291 119.698 46.4224 119.712 45.5605C119.725 44.6987 120.213 44.0081 120.801 44.0181C121.388 44.028 121.854 44.7348 121.84 45.5966C121.827 46.4585 121.339 47.1491 120.751 47.1391Z\",\n fill: \"#0A1551\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.601 40.0254C121.601 40.0254 118.429 40.0256 118.429 41.3735C118.429 41.3735 118.429 42.2779 121.3 42.2144C124.17 42.151 124.804 41.8973 124.979 41.0251C125.153 40.1529 123.108 39.9144 121.601 40.0254Z\",\n fill: \"#091141\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M109.815 40.4595C109.815 40.4595 112.462 40.3255 112.598 41.6106C112.598 41.6106 112.683 42.4718 110.353 42.5232C108.023 42.5746 107.303 42.2312 107.13 41.5338C106.958 40.8363 108.557 40.4078 109.815 40.4595Z\",\n fill: \"#091141\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114 60.2094L119.555 59.796C119.555 59.796 119.799 61.8636 116.921 61.9976C114.043 62.1316 114 60.2094 114 60.2094Z\",\n fill: \"white\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M90.8818 115.25L64.5008 95L54.758 108.855L83.5329 130.708C84.5607 131.515 85.8057 131.997 87.1091 132.093C89.3379 132.229 91.5345 131.507 93.2477 130.075C94.961 128.643 96.0612 126.609 96.3221 124.391C96.5533 122.481 96.1447 120.547 95.1604 118.893C94.1761 117.239 92.6716 115.958 90.8818 115.25Z\",\n fill: \"white\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114.687 130.771L124.687 130L124.381 140H115.722L114.687 130.771Z\",\n fill: \"#B46458\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.5 130.5L118 132.5L119 140H93.9998C94.4998 135 101.5 130 106.5 130C110.5 130 116.5 130.333 117.5 130.5Z\",\n fill: \"#B46458\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M161.171 122.548L122.049 123.721L121.5 140L165.5 139.5C166.852 139.318 166.1 139.641 167.236 138.886C168.372 138.13 169.322 137.126 170.012 135.949C170.703 134.773 171.117 133.454 171.223 132.094C171.328 130.734 171.123 129.368 170.623 128.098C169.879 126.261 168.55 124.72 166.84 123.717C165.131 122.713 163.138 122.302 161.171 122.548Z\",\n fill: \"#F4F6FF\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 34.5,\n y: 0.5,\n width: 29.0625,\n height: 36,\n rx: 5.28125,\n fill: \"white\",\n stroke: \"#C8CEED\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.0309 11.1233V14.4454M49.0309 14.4454H42.4965C41.7302 14.4454 41.109 15.0666 41.109 15.8329V16.3619M49.0309 14.4454H55.3097C56.076 14.4454 56.6972 15.0666 56.6972 15.8329V16.3619\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.73438\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.0309 27.0568L49.0309 23.2622M49.0309 23.2622L42.4965 23.2622C41.7302 23.2622 41.109 22.641 41.109 21.8747L41.109 21.3456M49.0309 23.2622L55.3097 23.2622C56.076 23.2622 56.6972 22.641 56.6972 21.8747L56.6972 21.3456\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.73438\n})), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36.2537 18.7898C36.2537 17.3785 37.3978 16.2344 38.8091 16.2344H43.92C45.3313 16.2344 46.4754 17.3785 46.4754 18.7898C46.4754 20.2011 45.3313 21.3452 43.92 21.3452H38.8091C37.3978 21.3452 36.2537 20.2011 36.2537 18.7898Z\",\n fill: \"#FFB629\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51.5851 18.7898C51.5851 17.3785 52.7292 16.2344 54.1406 16.2344H59.2515C60.6628 16.2344 61.8069 17.3785 61.8069 18.7898C61.8069 20.2011 60.6628 21.3452 59.2515 21.3452H54.1406C52.7292 21.3452 51.5851 20.2011 51.5851 18.7898Z\",\n fill: \"#FFB629\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43.9205 29.6121C43.9205 28.2008 45.0646 27.0567 46.4759 27.0567H51.5868C52.9981 27.0567 54.1422 28.2008 54.1422 29.6121C54.1422 31.0234 52.9981 32.1675 51.5868 32.1675H46.4759C45.0646 32.1675 43.9205 31.0234 43.9205 29.6121Z\",\n fill: \"#0099FF\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 43.9206,\n y: 6.01276,\n width: 10.2218,\n height: 5.11088,\n rx: 2.55544,\n fill: \"#FF6100\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 15.5,\n y: 40.5,\n width: 29.0625,\n height: 36,\n rx: 5.28125,\n fill: \"white\",\n stroke: \"#C8CEED\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.0309 51.1233V54.4454M30.0309 54.4454H23.4965C22.7302 54.4454 22.109 55.0666 22.109 55.8329V56.3619M30.0309 54.4454H36.3097C37.076 54.4454 37.6972 55.0666 37.6972 55.8329V56.3619\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.73438\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.0309 67.0568L30.0309 63.2622M30.0309 63.2622L23.4965 63.2622C22.7302 63.2622 22.109 62.641 22.109 61.8747L22.109 61.3456M30.0309 63.2622L36.3097 63.2622C37.076 63.2622 37.6972 62.641 37.6972 61.8747L37.6972 61.3456\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.73438\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.2537 58.7898C17.2537 57.3785 18.3978 56.2344 19.8091 56.2344H24.92C26.3313 56.2344 27.4754 57.3785 27.4754 58.7898C27.4754 60.2011 26.3313 61.3452 24.92 61.3452H19.8091C18.3978 61.3452 17.2537 60.2011 17.2537 58.7898Z\",\n fill: \"#FFB629\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.5851 58.7898C32.5851 57.3785 33.7292 56.2344 35.1406 56.2344H40.2515C41.6628 56.2344 42.8069 57.3785 42.8069 58.7898C42.8069 60.2011 41.6628 61.3452 40.2515 61.3452H35.1406C33.7292 61.3452 32.5851 60.2011 32.5851 58.7898Z\",\n fill: \"#FFB629\"\n})), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.9205 69.6121C24.9205 68.2008 26.0646 67.0567 27.4759 67.0567H32.5868C33.9981 67.0567 35.1422 68.2008 35.1422 69.6121C35.1422 71.0234 33.9981 72.1675 32.5868 72.1675H27.4759C26.0646 72.1675 24.9205 71.0234 24.9205 69.6121Z\",\n fill: \"#0099FF\"\n})), _rect4 || (_rect4 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 24.9206,\n y: 46.0128,\n width: 10.2218,\n height: 5.11088,\n rx: 2.55544,\n fill: \"#FF6100\"\n})), _rect5 || (_rect5 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 54.5,\n y: 40.5,\n width: 29.0625,\n height: 36,\n rx: 5.28125,\n fill: \"white\",\n stroke: \"#C8CEED\"\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.0309 51.1233V54.4454M69.0309 54.4454H62.4965C61.7302 54.4454 61.109 55.0666 61.109 55.8329V56.3619M69.0309 54.4454H75.3097C76.076 54.4454 76.6972 55.0666 76.6972 55.8329V56.3619\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.73438\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.0309 67.0568L69.0309 63.2622M69.0309 63.2622L62.4965 63.2622C61.7302 63.2622 61.109 62.641 61.109 61.8747L61.109 61.3456M69.0309 63.2622L75.3097 63.2622C76.076 63.2622 76.6972 62.641 76.6972 61.8747L76.6972 61.3456\",\n stroke: \"#97ACDA\",\n strokeWidth: 1.73438\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.2537 58.7898C56.2537 57.3785 57.3978 56.2344 58.8091 56.2344H63.92C65.3313 56.2344 66.4754 57.3785 66.4754 58.7898C66.4754 60.2011 65.3313 61.3452 63.92 61.3452H58.8091C57.3978 61.3452 56.2537 60.2011 56.2537 58.7898Z\",\n fill: \"#FFB629\"\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M71.5851 58.7898C71.5851 57.3785 72.7292 56.2344 74.1406 56.2344H79.2515C80.6628 56.2344 81.8069 57.3785 81.8069 58.7898C81.8069 60.2011 80.6628 61.3452 79.2515 61.3452H74.1406C72.7292 61.3452 71.5851 60.2011 71.5851 58.7898Z\",\n fill: \"#FFB629\"\n})), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.9205 69.6121C63.9205 68.2008 65.0646 67.0567 66.4759 67.0567H71.5868C72.9981 67.0567 74.1422 68.2008 74.1422 69.6121C74.1422 71.0234 72.9981 72.1675 71.5868 72.1675H66.4759C65.0646 72.1675 63.9205 71.0234 63.9205 69.6121Z\",\n fill: \"#0099FF\"\n})), _rect6 || (_rect6 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 63.9206,\n y: 46.0128,\n width: 10.2218,\n height: 5.11088,\n rx: 2.55544,\n fill: \"#FF6100\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_2531_7001\",\n x1: 93.4997,\n y1: 116.5,\n x2: 153.138,\n y2: 49.5441,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"white\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#A1A9EE\"\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_2531_7001\",\n x1: 170.498,\n y1: 138.397,\n x2: 150.836,\n y2: 80.3324,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.307292,\n stopColor: \"#F4F6FF\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"white\"\n})))));\nexport default SvgNoApprovalsIcon;","var _path, _g, _g2, _g3, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _g4, _path9, _path10, _path11, _path12, _g5, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _g6, _path20, _path21, _path22, _path23, _g7, _path24, _path25, _path26, _path27, _path28, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoSignDocumentsIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 199 145\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.284 102.074c0-23.195 19.167-42 42.81-42h112.379c23.644 0 42.811 18.805 42.811 42 0 23.196-19.167 42-42.811 42H43.095c-23.644 0-42.811-18.804-42.811-42Z\",\n fill: \"#E6E6F5\"\n})), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.964 35.597V9.019a4.983 4.983 0 0 1 4.984-4.983h16.267a.83.83 0 0 1 .587.243l3.91 3.91 3.909 3.909a.83.83 0 0 1 .243.587v22.912a4.983 4.983 0 0 1-4.983 4.983H43.948a4.983 4.983 0 0 1-4.984-4.983Z\",\n fill: \"#fff\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.778 19.218c0-1.046.848-1.893 1.894-1.893h14.485a1.894 1.894 0 0 1 0 3.787H46.672a1.894 1.894 0 0 1-1.894-1.894Z\",\n fill: \"#09F\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.778 25.73c0-1.046.848-1.894 1.894-1.894h14.485a1.894 1.894 0 0 1 0 3.787H46.672a1.894 1.894 0 0 1-1.894-1.893Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.44 32.443c0-.122-.047-.098-.116-.096-.093.002-1.836 1.086-1.836 1.086s-.762.328-.967.494c-1.192 1.15-1.592.166-1.662 0-.236-.56.079-1.068.47-1.484.203-.164 1.191-1.008 2.253-1.514.547-.26 1.016-.543 1.65-.557.25-.025.977-.098 1.44.233.346.245.378 1.144.448 1.306.129.303.228.372.228.954 0 .284-.534 1.22-.673 1.884.067-.038.567-.202.867-.3.435-.142.687-.12 1.125-.327l.342-.162c1.737-.824 4.308-1.694 5.061-1.914.22-.064 1.18-.176 1.74.22.516.366.78 1.422.78 1.422s.05.239.705 0v1.517c-.362-.109-.638-.123-.853-.281-.467-.492-.744-1.227-.964-1.163-1.481.434-2.16.996-5.484 2.143-.662.228-1.142.596-1.66.68-.725.12-1.273.24-1.85.183-.41-.041-.574-.145-.831-.396-.346-.339-.282-.702-.42-1.166-.148-.491-.32-.772-.304-1.278.015-.423.303-1.062.303-1.062s.209-.3.209-.422Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M38.964 9.019a4.983 4.983 0 0 1 4.984-4.983h17.441a.83.83 0 0 1 .588.243l6.644 6.644a.83.83 0 0 1 .243.588v24.086a4.983 4.983 0 0 1-4.983 4.983H43.948a4.983 4.983 0 0 1-4.984-4.983V9.019Zm4.984-3.322a3.322 3.322 0 0 0-3.322 3.322v26.578a3.322 3.322 0 0 0 3.322 3.322H63.88a3.322 3.322 0 0 0 3.322-3.322V12.34H63.05A2.492 2.492 0 0 1 60.56 9.85V5.697H43.948Z\",\n fill: \"#C8CEED\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M71.934 23.239a1.387 1.387 0 0 0-1.962 0l-3.55 3.55-4.532 4.532-.745 2.98a.694.694 0 0 0 .84.841l2.98-.745 4.532-4.531 3.551-3.551a1.387 1.387 0 0 0 0-1.962l-1.114-1.114Z\",\n fill: \"#0A1551\"\n}))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#b)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.03 75.463V48.886a4.983 4.983 0 0 1 4.984-4.984h16.267a.83.83 0 0 1 .588.244l3.91 3.91 3.909 3.909a.83.83 0 0 1 .243.587v22.911a4.983 4.983 0 0 1-4.983 4.984H24.014a4.983 4.983 0 0 1-4.983-4.984Z\",\n fill: \"#fff\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.845 59.085c0-1.046.848-1.894 1.893-1.894h14.485a1.894 1.894 0 1 1 0 3.787H26.738a1.894 1.894 0 0 1-1.893-1.893Z\",\n fill: \"#09F\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.845 65.596c0-1.046.848-1.893 1.893-1.893h14.485a1.894 1.894 0 1 1 0 3.787H26.738a1.894 1.894 0 0 1-1.893-1.894Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.507 72.31c0-.123-.047-.098-.117-.096-.093.002-1.835 1.086-1.835 1.086s-.762.328-.968.494c-1.191 1.15-1.59.166-1.66 0-.237-.56.078-1.068.469-1.485.203-.164 1.19-1.007 2.253-1.513.546-.26 1.016-.543 1.65-.557.249-.025.976-.098 1.44.232.345.245.378 1.144.447 1.307.13.302.228.372.228.954 0 .284-.534 1.22-.673 1.884.068-.038.567-.202.868-.3.435-.142.686-.12 1.125-.327l.341-.162c1.738-.825 4.309-1.694 5.062-1.914.22-.065 1.18-.176 1.739.22.517.366.781 1.421.781 1.421s.05.24.705 0v1.518c-.362-.109-.638-.124-.853-.282-.467-.491-.745-1.227-.964-1.162-1.481.434-2.16.996-5.484 2.142-.663.229-1.143.597-1.66.681-.726.12-1.274.24-1.85.183-.41-.041-.574-.145-.831-.397-.346-.338-.282-.701-.421-1.165-.147-.492-.32-.772-.303-1.278.014-.424.303-1.062.303-1.062s.208-.3.208-.423Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M19.031 48.886a4.983 4.983 0 0 1 4.983-4.984h17.442a.83.83 0 0 1 .587.244l6.645 6.644a.83.83 0 0 1 .243.587v24.086a4.983 4.983 0 0 1-4.983 4.984H24.014a4.983 4.983 0 0 1-4.983-4.984V48.886Zm4.983-3.323a3.322 3.322 0 0 0-3.322 3.323v26.577a3.322 3.322 0 0 0 3.322 3.323h19.934a3.322 3.322 0 0 0 3.322-3.323V52.209h-4.153a2.492 2.492 0 0 1-2.492-2.492v-4.153h-16.61Z\",\n fill: \"#C8CEED\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M52 63.105a1.387 1.387 0 0 0-1.961 0l-3.551 3.551-4.532 4.532-.745 2.98a.693.693 0 0 0 .841.84l2.98-.744 4.532-4.532 3.55-3.55a1.387 1.387 0 0 0 0-1.962L52 63.106Z\",\n fill: \"#0A1551\"\n}))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#c)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.898 75.463V48.886a4.983 4.983 0 0 1 4.983-4.984h16.267a.83.83 0 0 1 .587.244l3.91 3.91 3.91 3.909a.83.83 0 0 1 .243.587v22.911a4.983 4.983 0 0 1-4.984 4.984H63.881a4.983 4.983 0 0 1-4.983-4.984Z\",\n fill: \"#fff\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M64.711 59.085c0-1.046.848-1.894 1.894-1.894H81.09a1.894 1.894 0 1 1 0 3.787H66.605a1.894 1.894 0 0 1-1.894-1.893Z\",\n fill: \"#09F\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M64.711 65.596c0-1.046.848-1.893 1.894-1.893H81.09a1.894 1.894 0 1 1 0 3.787H66.605a1.894 1.894 0 0 1-1.894-1.894Z\",\n fill: \"#FF6100\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M69.374 72.31c0-.123-.047-.098-.117-.096-.093.002-1.836 1.086-1.836 1.086s-.762.328-.967.494c-1.191 1.15-1.591.166-1.661 0-.236-.56.078-1.068.47-1.485.203-.164 1.19-1.007 2.252-1.513.547-.26 1.017-.543 1.65-.557.25-.025.977-.098 1.441.232.345.245.378 1.144.447 1.307.13.302.228.372.228.954 0 .284-.534 1.22-.673 1.884.068-.038.567-.202.868-.3.435-.142.686-.12 1.124-.327l.342-.162c1.737-.825 4.309-1.694 5.061-1.914.221-.065 1.181-.176 1.74.22.516.366.78 1.421.78 1.421s.05.24.705 0v1.518c-.361-.109-.637-.124-.852-.282-.467-.491-.745-1.227-.964-1.162-1.482.434-2.161.996-5.484 2.142-.663.229-1.143.597-1.66.681-.726.12-1.274.24-1.85.183-.41-.041-.575-.145-.832-.397-.346-.338-.281-.701-.42-1.165-.148-.492-.32-.772-.303-1.278.014-.424.303-1.062.303-1.062s.208-.3.208-.423Z\",\n fill: \"#FFB629\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M58.898 48.886a4.983 4.983 0 0 1 4.983-4.984h17.442a.83.83 0 0 1 .587.244l6.644 6.644a.83.83 0 0 1 .244.587v24.086a4.983 4.983 0 0 1-4.984 4.984H63.881a4.983 4.983 0 0 1-4.983-4.984V48.886Zm4.983-3.323a3.322 3.322 0 0 0-3.322 3.323v26.577a3.322 3.322 0 0 0 3.322 3.323h19.933a3.322 3.322 0 0 0 3.323-3.323V52.209h-4.153a2.492 2.492 0 0 1-2.492-2.492v-4.153H63.881Z\",\n fill: \"#C8CEED\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M91.867 63.105a1.387 1.387 0 0 0-1.961 0l-3.551 3.551-4.532 4.532-.745 2.98a.693.693 0 0 0 .841.84l2.98-.744 4.531-4.532 3.551-3.55a1.387 1.387 0 0 0 0-1.962l-1.114-1.114Z\",\n fill: \"#0A1551\"\n}))), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"d\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 0,\n y: 58,\n width: 199,\n height: 86\n}, _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.284 101.135c0-23.632 19.158-42.79 42.79-42.79H155.4c23.632 0 42.79 19.158 42.79 42.79 0 23.633-19.158 42.791-42.79 42.791H43.074c-23.632 0-42.79-19.158-42.79-42.791Z\",\n fill: \"#F3F3FE\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#d)\"\n}, _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M115.62 81.621C107.186 92.26 100.284 99.12 94.915 102.2c-8.054 4.623-8.643-.235-38.14-20.744-2.052-.862-3.715-1.091-6.495 2-1.662 1.848-5.236 2.334-10.721 1.459a1.014 1.014 0 0 0-1.16.836c-.045.274.025.553.193.773 1.35 1.769 3.686 2.733 7.009 2.893 6.592.317 7.3-2.157 11.01.758 3.709 2.914 23.583 26.213 35.57 26.791 11.985.579 27.733-17.227 32.188-18.599 2.97-.915 5.393-8.141 7.268-21.679l-16.017 4.933Z\",\n fill: \"#CD7448\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M59.239 93.755c3.27-3.123 5.253-5.846 5.949-8.171 14.628 10.93 22.907 16.095 24.837 15.496 2.647-.82 24.004-20.018 31.425-24.56.673-.672.721 5.077 1.257 4.458l-2.407 22.315c-8.667 6.202-14.189 10.023-16.566 11.462-3.565 2.16-12.921 6.116-21.371-.754-5.633-4.58-13.341-11.329-23.124-20.246Z\",\n fill: \"#F4F5FE\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.922 118.248c1.348 4.697 1.348 10.59 0 21.326l49.541-7.234-3.033-40.263c-2.022-6.71-4.381-11.408-7.077-14.093-4.045-4.026-25.277-2.013-30.332 0-5.055 2.014-6.066 11.073-11.121 19.126-5.056 8.052 0 14.092 2.022 21.138Z\",\n fill: \"#fff\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M142.265 75.853c-2.023 16.47-7.705 24.705-17.047 24.705-14.014 0-10.728-7.372-8.973-10.829 1.169-2.304 2.456-6.406 3.859-12.304 4.821-1.539 8.501-2.398 11.039-2.578 2.538-.18 6.245.155 11.122 1.006Z\",\n fill: \"#CD7448\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"e\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 51,\n y: 3,\n width: 110,\n height: 93\n}, _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51.572 3.074h109.353v92.713H51.572V3.074Z\",\n fill: \"#C4C4C4\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#e)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"f\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 106,\n y: 75,\n width: 59,\n height: 92\n}, _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.921 142.24c1.348-10.737 1.348-19.295 0-23.992-2.022-7.046-7.077-13.086-2.022-21.138 5.055-8.053 6.066-17.112 11.122-19.125 5.055-2.013 26.287-4.027 30.331 0 2.696 2.684 5.055 7.381 7.077 14.092l3.034 40.263c4.718 18.119 5.392 29.191 2.022 33.217-5.056 6.04-7.078-10.065-29.321-19.125-4.718-2.013-12.132-2.85-22.243-4.192Z\",\n fill: \"#fff\"\n}))), _g4 || (_g4 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#f)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.921 142.238c1.349-10.736 1.349-18.454 0-23.151-2.022-7.046-7.077-13.086-2.022-21.138 5.056-8.053 5.783-17.823 10.838-19.836 5.055-2.013 25.832-4.914 29.876-.888 2.697 2.684 5.795 8.98 7.817 15.69v13.611l3.033 26.653c4.718 18.119 5.392 29.191 2.022 33.217-5.055 6.04-7.077-10.065-29.32-19.125-4.719-2.013-12.133-3.691-22.244-5.033Z\",\n fill: \"#fff\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M142.264 75.853c-2.022 16.47-7.705 24.705-17.047 24.705-14.014 0-10.728-7.372-8.973-10.829 1.17-2.304 2.456-6.406 3.859-12.304 4.821-1.539 8.501-2.398 11.039-2.578 2.539-.18 6.246.155 11.122 1.006Z\",\n fill: \"#CD7448\"\n}))), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M114.104 37.017c-3.39 14.435-4.542 16.131-5.802 19.302a2.149 2.149 0 0 0 .438 2.293c4.8 4.955 11.22 6.503 19.261 4.644 8.566-1.98 8.525-4.956 3.217-29.137l-17.114 2.898Z\",\n fill: \"#0A1551\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M136.569 57.7c-1.661 12.972 3.905 17.523 5.814 17.555 1.91.033-5.401 8.024-19.033 20.81-4.46-8.599-4.959-16.267-3.566-18.49 2.09-3.336 4.029-.483 3.313-12.162-.471-7.671 9.73-6.942 16.997-8.187-3.525.473-9.282.592-3.525.473Z\",\n fill: \"#CD7448\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M122.596 60.225c.792 7.227.769 11.213.688 11.85-.122.953 17.282.148 12.312-15.173-4.971-15.321-6.633 1.805-13 3.323Z\",\n fill: \"#BD5826\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"g\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 113,\n y: 28,\n width: 38,\n height: 43\n}, _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M145.376 60.748c-4.575 6.114-10.956 9.468-19.143 10.065-8.313.605-13.862-10.235-12.793-21.364.511-5.31 1.687-9.997 6.363-14.826 9.65-9.969 18.717-8.652 27.2 3.949l3.662 9.772-5.289 12.404Z\",\n fill: \"#fff\"\n}))), _g5 || (_g5 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#g)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.251 59.875c-5.109 5.677-11.769 8.445-19.978 8.303-8.336-.143-12.887-11.435-10.817-22.42.988-5.242 2.582-9.804 7.676-14.193 10.513-9.06 19.426-6.935 26.74 6.374L150.639 48l-6.388 11.876Z\",\n fill: \"#CD7448\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.423,\n d: \"M132.055 60.09c-2.695-.417-4.642-2.252-4.348-4.1.294-1.848 2.718-3.008 5.413-2.591 2.696.416 4.642 2.252 4.348 4.1-.294 1.847-2.718 3.007-5.413 2.59Z\",\n fill: \"#A44616\"\n}))), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.862 59.677c-2.118.905-4.618.438-7.5-1.4 1.356 3.851 2.898 5.604 4.624 5.258 1.726-.347 2.685-1.632 2.876-3.858Z\",\n fill: \"#A5330A\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M127.222 42.163c-7.822-1.3-11.005-1.905-13.711-4.047.156-10.06 8.433-15.98 12.27-16.877 8.871-2.163 18.502.543 24.413 8.327a15.038 15.038 0 0 1 1.478 2.364c.233.374.462.792.689 1.257 3.699 10.657 5.645 26.207 4.589 31.967-2.957 3.8-26.689 4.62-23.717-.144.166-.266.351-.541.548-.835 1.396-2.08 3.387-5.045 3.369-11.71-.005-1.613-.471-3.5-.997-5.629-.177-.72-.362-1.467-.538-2.24a585.3 585.3 0 0 0-1.197-.417c-1.691-.588-2.986-1.038-3.79-1.386-.88-.381-.04-2.924.562-4.75.527-1.594.872-2.64-.265-1.224-1.466 1.826-2.026 3.254-2.301 4.374-.156.637-.755 1.077-1.402.97Z\",\n fill: \"#0A1551\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.449 142.435c5.328-2.997 29.268 3.735 47.508-2.946 10.001-3.664 2.348-24.999-1.821-42.89-2.639-9.902-7.007-16.464-10.989-18.892l-8.662 6.374 2.205 11.873s-1.37 4.311 1.517 12.142c2.888 7.832 7.375 17.68 7.375 17.68l-42.925 9.005c.155 3.55 1.528 10.051 5.792 7.654Z\",\n fill: \"#fff\"\n}))), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M121.161 140.978c-2.093 1.666-3.098 1.719-5.599 3.641-2.013.964-3.499 1.378-7.866.074-2.619-.782-6.321-.982-11.104-.601a1.007 1.007 0 0 1-.948-1.515c1.216-2.045 3.583-3.241 7.103-3.591 6.58-.652 7.399 1.778 10.978-1.318 2.386-2.064 4.865-.961 7.436 3.31Z\",\n fill: \"#CD7448\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M117.167 144.445c10.617-.871 29.269 3.735 47.509-2.946 10.001-3.664 2.348-24.999-1.822-42.89-2.638-9.902-7.006-16.464-10.989-18.892l-8.662 6.374 2.206 11.873s-1.371 4.311 1.517 12.142c2.887 7.832 7.374 17.68 7.374 17.68l-42.924 9.005c.154 3.55-1.092 7.283 5.791 7.654Z\",\n fill: \"url(#h)\"\n}))), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"i\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 96,\n y: 18,\n width: 65,\n height: 79\n}, _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96.284 18.075h64v78h-64v-78Z\",\n fill: \"#C4C4C4\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#i)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"j\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 106,\n y: 75,\n width: 59,\n height: 92\n}, _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.633 142.24c1.348-10.737 1.348-19.295 0-23.992-2.022-7.046-7.078-13.086-2.022-21.138 5.055-8.053 6.066-17.112 11.121-19.125 5.055-2.013 26.287-4.027 30.332 0 2.696 2.684 5.055 7.381 7.077 14.092l3.033 40.263c4.718 18.119 5.392 29.191 2.022 33.217-5.055 6.04-7.077-10.065-29.32-19.125-4.719-2.013-12.133-2.85-22.243-4.192Z\",\n fill: \"#fff\"\n}))), _g6 || (_g6 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#j)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.633 142.238c1.348-10.736 1.348-18.454 0-23.151-2.022-7.046-7.077-13.086-2.022-21.138 5.055-8.053 5.782-17.823 10.837-19.836 5.056-2.013 25.833-4.914 29.877-.888 2.696 2.684 5.794 8.98 7.816 15.69v13.611l3.033 26.653c4.718 18.119 5.393 29.191 2.022 33.217-5.055 6.04-7.077-10.065-29.32-19.125-4.718-2.013-12.133-3.691-22.243-5.033Z\",\n fill: \"#fff\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M141.975 75.853c-2.022 16.47-7.704 24.705-17.047 24.705-14.013 0-10.728-7.372-8.973-10.829 1.17-2.304 2.456-6.406 3.859-12.304 4.822-1.539 8.501-2.398 11.04-2.578 2.538-.18 6.245.155 11.121 1.006Z\",\n fill: \"#CD7448\"\n}))), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M113.815 37.017c-3.39 14.435-4.541 16.131-5.802 19.302a2.15 2.15 0 0 0 .438 2.293c4.8 4.955 11.221 6.503 19.262 4.644 8.565-1.98 8.525-4.956 3.216-29.137l-17.114 2.898Z\",\n fill: \"#0A1551\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M136.28 57.7c-1.66 12.972 3.905 17.523 5.815 17.555 1.909.033-5.402 8.024-19.033 20.81-4.461-8.599-4.96-16.267-3.567-18.49 2.09-3.336 4.029-.483 3.313-12.162-.47-7.671 9.731-6.942 16.998-8.187-3.526.473-9.282.592-3.526.473Z\",\n fill: \"#CD7448\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M122.308 60.225c.792 7.227.769 11.213.687 11.85-.122.953 17.282.148 12.312-15.173-4.97-15.321-6.632 1.805-12.999 3.323Z\",\n fill: \"#BD5826\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"k\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 113,\n y: 28,\n width: 38,\n height: 43\n}, _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M145.088 60.748c-4.576 6.114-10.957 9.468-19.143 10.065-8.314.605-13.863-10.235-12.793-21.364.51-5.31 1.686-9.997 6.362-14.826 9.651-9.969 18.717-8.652 27.2 3.949l3.662 9.772-5.288 12.404Z\",\n fill: \"#fff\"\n}))), _g7 || (_g7 = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#k)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M143.963 59.875c-5.11 5.677-11.769 8.445-19.978 8.303-8.337-.143-12.887-11.435-10.817-22.42.987-5.242 2.582-9.804 7.675-14.193 10.513-9.06 19.427-6.935 26.74 6.374L150.35 48l-6.387 11.876Z\",\n fill: \"#CD7448\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M129.189 44.53c1.203.587 2.055 1.53 2.483 2.24a.594.594 0 1 1-1.017.613c-.329-.544-1.02-1.313-1.987-1.785-.945-.462-2.165-.649-3.626-.044a.595.595 0 0 1-.456-1.098c1.802-.746 3.379-.525 4.603.074ZM117.728 42.555a3.335 3.335 0 0 0-2.266.715.594.594 0 1 0 .746.927c.318-.256.829-.49 1.455-.455.615.034 1.415.33 2.313 1.268a.594.594 0 1 0 .858-.821c-1.063-1.11-2.133-1.58-3.106-1.634Z\",\n fill: \"#37120C\",\n fillOpacity: 0.25\n}), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.423,\n d: \"M131.766 60.09c-2.695-.417-4.641-2.252-4.347-4.1.294-1.848 2.717-3.008 5.413-2.591 2.695.416 4.642 2.252 4.347 4.1-.294 1.847-2.717 3.007-5.413 2.59ZM110.248 55.63c-2.648-.673-4.48-2.7-4.092-4.53.388-1.828 2.848-2.765 5.496-2.093 2.648.673 4.48 2.7 4.092 4.53-.388 1.828-2.848 2.766-5.496 2.093Z\",\n fill: \"#A44616\"\n}))), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.574 59.677c-2.119.905-4.619.438-7.501-1.4 1.357 3.851 2.898 5.604 4.624 5.258 1.726-.347 2.685-1.632 2.877-3.858Z\",\n fill: \"#A5330A\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M126.583 50.275c-.558-.01-1-.68-.987-1.499.013-.818.476-1.474 1.034-1.464.558.01 1 .68.987 1.499-.013.818-.475 1.473-1.034 1.464ZM117.984 48.723c-.558-.01-1-.68-.987-1.498.013-.818.475-1.474 1.033-1.465.558.01 1 .68.987 1.499-.013.818-.475 1.474-1.033 1.464Z\",\n fill: \"#321907\"\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M122.999 47.67a.358.358 0 0 0-.5.071c-.982 1.304-1.621 1.939-2.222 2.378-.302.22-.601.397-.943.587l-.291.16c-.267.145-.562.306-.891.5-1.157.681-1.326 2.25-.802 3.413.271.6.736 1.135 1.394 1.442.661.308 1.483.371 2.434.084a.356.356 0 1 0-.209-.681c-.809.244-1.446.175-1.923-.048a2.156 2.156 0 0 1-1.044-1.087c-.437-.971-.215-2.08.514-2.51.319-.187.599-.34.863-.484l.304-.167c.35-.195.68-.388 1.018-.635.679-.497 1.367-1.192 2.37-2.524a.356.356 0 0 0-.072-.498Z\",\n fill: \"#8A3110\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M126.933 42.163c-7.821-1.3-11.005-1.905-13.71-4.047.156-10.06 8.433-15.98 12.269-16.877 8.871-2.163 18.502.543 24.413 8.327a15.12 15.12 0 0 1 1.479 2.364c.232.374.462.792.689 1.257 3.698 10.657 5.644 26.207 4.589 31.967-2.957 3.8-26.689 4.62-23.717-.144.166-.266.351-.541.548-.835 1.396-2.08 3.387-5.045 3.368-11.71-.004-1.613-.47-3.5-.996-5.629-.178-.72-.362-1.467-.538-2.24l-1.197-.417c-1.692-.588-2.986-1.038-3.79-1.386-.88-.381-.041-2.924.562-4.75.526-1.594.872-2.64-.266-1.224-1.465 1.826-2.025 3.254-2.3 4.374-.157.637-.756 1.077-1.403.97Z\",\n fill: \"#0A1551\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.16 142.435c5.329-2.997 29.269 3.735 47.509-2.946 10-3.664 2.348-24.999-1.822-42.89-2.638-9.902-7.006-16.464-10.989-18.892l-8.662 6.374 2.206 11.873s-1.371 4.311 1.517 12.142c2.887 7.832 7.374 17.68 7.374 17.68l-42.924 9.005c.154 3.55 1.528 10.051 5.791 7.654Z\",\n fill: \"#fff\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M33.981 2.375h39.867v39.867H33.981z\"\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"b\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M14.048 42.241h39.867v39.867H14.048z\"\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"c\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M53.914 42.241h39.867v39.867H53.914z\"\n})), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"h\",\n x1: 152.474,\n y1: 97.578,\n x2: 150.048,\n y2: 114.588,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#fff\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#F3F5FE\"\n})))));\nexport default SvgNoSignDocumentsIcon;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _g, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _circle, _path20, _path21, _path22, _path23, _path24, _path25, _rect, _path26, _path27, _path28, _path29, _rect2, _path30, _path31, _path32, _path33, _rect3, _path34, _path35, _path36, _path37, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgNoBoardsIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 198 138\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.0476074 94.5293C0.0476074 70.8969 19.2055 51.739 42.8378 51.739H155.162C178.795 51.739 197.952 70.8969 197.952 94.5293C197.952 118.162 178.795 137.319 155.162 137.319H42.8378C19.2055 137.319 0.0476074 118.162 0.0476074 94.5293Z\",\n fill: \"#E6E6F5\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.8865 82.0527C64.5855 80.9391 63.0716 80.1014 61.437 79.5904C59.8025 79.0793 58.0813 78.9057 56.3776 79.08L51.3094 76.7875C50.9339 76.6114 50.5092 76.5689 50.1063 76.6671C49.7033 76.7653 49.3463 76.9984 49.0939 77.3275C48.9733 77.501 48.8891 77.6972 48.8465 77.9041C48.8039 78.1111 48.8035 78.3245 48.8458 78.5315C48.8882 78.7386 48.9721 78.9348 49.0925 79.1085C49.213 79.2821 49.3674 79.4295 49.5464 79.5417L52.3012 81.3841L51.1269 81.2868C49.2809 81.1394 47.5284 80.4138 46.1186 79.2131L42.2053 75.8284C41.9782 75.6386 41.707 75.5089 41.4166 75.4514C41.1263 75.394 40.8261 75.4105 40.5438 75.4994C40.294 75.5604 40.0642 75.6853 39.8772 75.8619C39.6903 76.0385 39.5528 76.2607 39.4776 76.5066C39.4024 76.7526 39.3924 77.0138 39.4487 77.2647C39.505 77.5157 39.6254 77.7476 39.7984 77.9379L44.3699 82.9807C45.2709 83.9598 46.3595 84.7479 47.571 85.298C48.7825 85.8482 50.0923 86.1492 51.4225 86.1833L66.0775 86.634L65.8865 82.0527Z\",\n fill: \"#EFBB9D\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M114.868 31.4103C111.478 45.8452 107.609 80.3608 106.348 83.5315C106.036 84.3176 106.197 85.2167 106.786 85.8249C111.586 90.7796 118.006 92.3275 126.047 90.4685C134.613 88.4883 137.29 52.6933 131.982 28.5124L114.868 31.4103Z\",\n fill: \"#091141\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M60.0038 88.1488C63.2736 85.0262 65.2565 82.3025 65.9525 79.9778C80.5807 90.9075 88.8599 96.073 90.7902 95.4745C93.437 94.6539 114.794 75.4558 122.215 70.914C122.888 70.2415 122.935 75.9912 123.472 75.3721L121.065 97.6868C112.398 103.889 106.876 107.71 104.499 109.149C100.934 111.309 91.5777 115.265 83.1278 108.395C77.4945 103.815 69.7865 97.066 60.0038 88.1488Z\",\n fill: \"#F4F5FE\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M110.637 112.909C111.76 117.664 113.903 121.807 112.046 132.468C122.081 134.286 128.929 131.235 133.546 133.468L151.046 125.468L163.546 119.968L157.69 102.555L158.338 88.9606C156.637 82.1622 153.842 75.727 151.276 72.9186C147.428 68.706 126.537 70.624 121.391 72.3965C116.246 74.169 115.055 83.8937 109.623 91.6989C104.19 99.5041 108.952 105.775 110.637 112.909Z\",\n fill: \"white\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M143.029 70.2469C141.007 86.7169 135.324 94.9518 125.982 94.9518C111.968 94.9518 115.254 87.5798 117.009 84.123C118.179 81.8186 119.465 77.717 120.868 71.8184C125.689 70.2797 129.369 69.4204 131.907 69.2404C134.445 69.0604 138.153 69.3959 143.029 70.2469Z\",\n fill: \"#EFBB9D\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M122.049 47.6274C121.497 47.7087 120.952 47.1184 120.831 46.3089C120.71 45.4993 121.059 44.7771 121.611 44.6958C122.163 44.6145 122.708 45.2048 122.829 46.0144C122.95 46.8239 122.601 47.5461 122.049 47.6274Z\",\n fill: \"#321907\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114.502 47.4956C113.95 47.5769 113.405 46.9865 113.284 46.177C113.163 45.3675 113.512 44.6453 114.064 44.564C114.616 44.4827 115.161 45.073 115.282 45.8825C115.404 46.6921 115.054 47.4143 114.502 47.4956Z\",\n fill: \"#321907\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.335 52.0938C135.674 65.0666 141.64 69.9366 143.549 69.969C145.459 70.0014 137.748 77.6731 124.116 90.459C119.656 81.8609 119.157 74.1928 120.55 71.969C122.64 68.6332 124.579 71.4869 123.863 59.808C123.392 52.1361 133.593 52.8654 140.86 51.62C137.335 52.0938 131.578 52.2121 137.335 52.0938Z\",\n fill: \"#EFBB9D\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.677232,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M123.36 54.6194C124.152 61.8467 124.129 65.8326 124.048 66.4687C123.926 67.4228 141.33 66.6169 136.359 51.2959C131.389 35.975 129.727 53.1011 123.36 54.6194Z\",\n fill: \"#DC9F7E\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0_1461_13663\",\n style: {\n maskType: \"alpha\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 114,\n y: 22,\n width: 38,\n height: 44\n}, _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.142 55.1426C141.566 61.2561 135.185 64.6109 126.998 65.2072C118.685 65.8126 113.136 54.9729 114.206 43.8438C114.716 38.5338 115.892 33.8467 120.568 29.017C130.219 19.0488 139.285 20.3653 147.768 32.9663L151.43 42.7384L146.142 55.1426Z\",\n fill: \"white\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0_1461_13663)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M145.016 54.2699C139.906 59.9466 133.247 62.7143 125.038 62.573C116.701 62.4295 112.151 51.1376 114.221 40.152C115.208 34.9104 116.803 30.3489 121.896 25.9595C132.409 16.9001 141.323 19.025 148.636 32.334L151.403 42.3933L145.016 54.2699Z\",\n fill: \"#EFBB9D\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.817 54.4842C130.121 54.0677 128.175 52.2323 128.469 50.3846C128.763 48.537 131.187 47.3769 133.882 47.7934C136.577 48.2099 138.524 50.0454 138.23 51.893C137.936 53.7407 135.512 54.9008 132.817 54.4842Z\",\n fill: \"#EFA77F\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M111.299 50.0244C108.651 49.3517 106.819 47.3239 107.207 45.4951C107.594 43.6664 110.055 42.7292 112.703 43.4019C115.35 44.0746 117.183 46.1024 116.795 47.9312C116.407 49.7599 113.946 50.6971 111.299 50.0244Z\",\n fill: \"#EFA77F\"\n}))), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M126.074 54.0341C123.955 54.9391 121.455 54.4722 118.573 52.6332C119.93 56.485 121.471 58.2377 123.197 57.8913C124.923 57.545 125.882 56.2592 126.074 54.0341Z\",\n fill: \"#A5330A\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M127.635 44.6691C127.077 44.6597 126.635 43.9887 126.648 43.1705C126.661 42.3524 127.124 41.6968 127.682 41.7062C128.24 41.7157 128.682 42.3867 128.669 43.2048C128.656 44.023 128.193 44.6786 127.635 44.6691Z\",\n fill: \"#0A1551\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M119.037 43.1174C118.479 43.1079 118.037 42.437 118.05 41.6188C118.063 40.8006 118.526 40.145 119.084 40.1545C119.642 40.164 120.084 40.8349 120.071 41.6531C120.058 42.4713 119.595 43.1269 119.037 43.1174Z\",\n fill: \"#0A1551\"\n})), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M143.029 70.2479C141.007 86.7178 135.324 94.9528 125.982 94.9528C111.968 94.9528 115.254 87.5807 117.009 84.124C118.179 81.8195 119.465 77.718 120.868 71.8193C125.689 70.2807 129.369 69.4213 131.907 69.2413C134.445 69.0614 138.153 69.3969 143.029 70.2479Z\",\n fill: \"#EFBB9D\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.248 78.475L144.454 90.3478C144.454 90.3478 143.083 94.6584 145.971 102.49C148.858 110.322 153.345 120.17 153.345 120.17L163.721 133.883C173.722 130.219 166.069 108.884 161.899 90.9932C159.261 81.091 154.893 74.5284 150.91 72.101L142.248 78.475Z\",\n fill: \"white\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.277 81.482L146.483 93.3548C146.483 93.3548 145.112 97.6655 148 105.497C150.887 113.329 155.374 123.177 155.374 123.177L164.547 135.469C174.547 131.805 168.098 111.891 163.928 94.0002C161.29 84.098 156.922 77.5354 152.939 75.108L144.277 81.482Z\",\n fill: \"url(#paint0_linear_1461_13663)\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.55 69.4685C131.35 71.8685 125.217 70.1352 123.55 68.9685C122.751 69.3685 120.883 71.4685 120.05 72.4685C118.55 76.1352 115.25 84.1685 114.05 86.9685C112.55 90.4685 115.05 92.4685 118.55 96.4685C122.05 100.469 133.05 96.9685 137.05 95.9685C140.25 95.1685 144.05 78.6352 145.55 70.4685C143.55 70.0685 142.717 69.6352 142.55 69.4685Z\",\n fill: \"white\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M127.988 36.5564C120.166 35.2577 116.983 34.6521 114.277 32.5094C114.433 22.4501 122.71 16.529 126.547 15.6328C135.418 13.4693 145.049 16.1758 150.96 23.9595C151.546 24.7312 152.036 25.521 152.438 26.3241C152.671 26.6979 152.9 27.1161 153.127 27.5809C156.825 38.238 156.729 78.3515 155.673 84.1116C152.716 87.9129 128.984 88.7326 131.956 83.9685C132.122 83.7026 132.307 83.4268 132.504 83.1335C133.9 81.0539 137.934 53.5233 137.916 46.8596C137.911 45.2458 137.445 43.3583 136.919 41.2298C136.742 40.5102 136.557 39.763 136.381 38.9895C135.963 38.8434 135.564 38.7046 135.184 38.5727C133.493 37.9849 132.198 37.5349 131.394 37.1866C130.514 36.8054 131.354 34.2626 131.956 32.4372C132.482 30.843 132.828 29.796 131.69 31.2131C130.225 33.0384 129.665 34.4668 129.39 35.5865C129.234 36.2233 128.635 36.6639 127.988 36.5564Z\",\n fill: \"#091141\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 145.548,\n cy: 16.9685,\n r: 9.5,\n fill: \"#091141\"\n})), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.946 38.5046C129.946 38.5046 126.888 37.6631 126.531 38.9627C126.531 38.9627 126.291 39.8346 129.075 40.5352C131.859 41.2357 132.538 41.1594 132.938 40.3648C133.338 39.5701 131.428 38.7973 129.946 38.5046Z\",\n fill: \"#091141\"\n})), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.847 36.5537C118.847 36.5537 121.492 36.7097 121.487 38.002C121.487 38.002 121.478 38.8674 119.156 38.6638C116.834 38.4602 116.156 38.0402 116.061 37.328C115.965 36.6158 117.602 36.3648 118.847 36.5537Z\",\n fill: \"#091141\"\n})), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M121.991 45.4825L121.05 48.3784L122.922 48.8721\",\n stroke: \"#D97D4A\",\n strokeWidth: 0.919783,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n})), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M124.653 130.125L132.679 129.506L132.433 137.532H125.484L124.653 130.125Z\",\n fill: \"#EFBB9D\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M126.908 129.907L127.31 131.512L128.112 137.532H108.048C108.449 133.519 114.067 129.506 118.08 129.506C121.29 129.506 126.106 129.773 126.908 129.907Z\",\n fill: \"#EFBB9D\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M161.447 122.524L130.048 123.466L132.048 137.469L162.048 136.969C163.133 136.823 164.392 136.764 165.304 136.158C166.304 135.493 167.989 134.224 168.543 133.28C169.097 132.336 169.429 131.278 169.514 130.186C169.599 129.094 169.434 127.998 169.033 126.979C168.436 125.504 167.369 124.268 165.997 123.462C164.625 122.657 163.026 122.327 161.447 122.524Z\",\n fill: \"#F4F6FF\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 38.3523,\n y: 1.71851,\n width: 30.3839,\n height: 30.3839,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6726 14.156C54.6726 13.8453 54.9244 13.5935 55.2351 13.5935H61.9851C62.2958 13.5935 62.5476 13.8453 62.5476 14.156V24.8435C62.5476 25.4648 62.0439 25.9685 61.4226 25.9685H55.7976C55.1763 25.9685 54.6726 25.4648 54.6726 24.8435V14.156Z\",\n fill: \"#FFB629\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.5476 14.156C44.5476 13.8453 44.7994 13.5935 45.1101 13.5935H51.8601C52.1708 13.5935 52.4226 13.8453 52.4226 14.156V20.3435C52.4226 20.9648 51.9189 21.4685 51.2976 21.4685H45.6726C45.0513 21.4685 44.5476 20.9648 44.5476 20.3435V14.156Z\",\n fill: \"#FFB629\"\n})), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M44.5476 9.09351C44.5476 8.47219 45.0513 7.96851 45.6726 7.96851H51.2976C51.9189 7.96851 52.4226 8.47219 52.4226 9.09351V10.781C52.4226 11.0917 52.1708 11.3435 51.8601 11.3435H45.1101C44.7994 11.3435 44.5476 11.0917 44.5476 10.781V9.09351Z\",\n fill: \"#FF6100\"\n})), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.6726 9.09351C54.6726 8.47219 55.1763 7.96851 55.7976 7.96851H61.4226C62.0439 7.96851 62.5476 8.47219 62.5476 9.09351V10.781C62.5476 11.0917 62.2958 11.3435 61.9851 11.3435H55.2351C54.9244 11.3435 54.6726 11.0917 54.6726 10.781V9.09351Z\",\n fill: \"#0099FF\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 57.6179,\n y: 41.8386,\n width: 30.3839,\n height: 30.3839,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M73.9382 54.2761C73.9382 53.9655 74.1901 53.7136 74.5007 53.7136H81.2507C81.5614 53.7136 81.8132 53.9655 81.8132 54.2761V64.9636C81.8132 65.5849 81.3096 66.0886 80.6882 66.0886H75.0632C74.4419 66.0886 73.9382 65.5849 73.9382 64.9636V54.2761Z\",\n fill: \"#FFB629\"\n})), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.8132 54.2761C63.8132 53.9655 64.0651 53.7136 64.3757 53.7136H71.1257C71.4364 53.7136 71.6882 53.9655 71.6882 54.2761V60.4636C71.6882 61.0849 71.1846 61.5886 70.5632 61.5886H64.9382C64.3169 61.5886 63.8132 61.0849 63.8132 60.4636V54.2761Z\",\n fill: \"#FFB629\"\n})), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.8132 49.2136C63.8132 48.5923 64.3169 48.0886 64.9382 48.0886H70.5632C71.1846 48.0886 71.6882 48.5923 71.6882 49.2136V50.9011C71.6882 51.2118 71.4364 51.4636 71.1257 51.4636H64.3757C64.0651 51.4636 63.8132 51.2118 63.8132 50.9011V49.2136Z\",\n fill: \"#FF6100\"\n})), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M73.9382 49.2136C73.9382 48.5923 74.4419 48.0886 75.0632 48.0886H80.6882C81.3096 48.0886 81.8132 48.5923 81.8132 49.2136V50.9011C81.8132 51.2118 81.5614 51.4636 81.2507 51.4636H74.5007C74.1901 51.4636 73.9382 51.2118 73.9382 50.9011V49.2136Z\",\n fill: \"#0099FF\"\n})), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 18.2976,\n y: 41.8386,\n width: 30.3839,\n height: 30.3839,\n rx: 2.75,\n fill: \"white\",\n stroke: \"#B1C3E9\",\n strokeWidth: 1.5\n})), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.6179 54.2761C34.6179 53.9655 34.8698 53.7136 35.1804 53.7136H41.9304C42.2411 53.7136 42.4929 53.9655 42.4929 54.2761V64.9636C42.4929 65.5849 41.9892 66.0886 41.3679 66.0886H35.7429C35.1216 66.0886 34.6179 65.5849 34.6179 64.9636V54.2761Z\",\n fill: \"#FFB629\"\n})), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.4929 54.2761C24.4929 53.9655 24.7448 53.7136 25.0554 53.7136H31.8054C32.1161 53.7136 32.3679 53.9655 32.3679 54.2761V60.4636C32.3679 61.0849 31.8642 61.5886 31.2429 61.5886H25.6179C24.9966 61.5886 24.4929 61.0849 24.4929 60.4636V54.2761Z\",\n fill: \"#FFB629\"\n})), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.4929 49.2136C24.4929 48.5923 24.9966 48.0886 25.6179 48.0886H31.2429C31.8642 48.0886 32.3679 48.5923 32.3679 49.2136V50.9011C32.3679 51.2118 32.1161 51.4636 31.8054 51.4636H25.0554C24.7448 51.4636 24.4929 51.2118 24.4929 50.9011V49.2136Z\",\n fill: \"#FF6100\"\n})), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M34.6179 49.2136C34.6179 48.5923 35.1216 48.0886 35.7429 48.0886H41.3679C41.9892 48.0886 42.4929 48.5923 42.4929 49.2136V50.9011C42.4929 51.2118 42.2411 51.4636 41.9304 51.4636H35.1804C34.8698 51.4636 34.6179 51.2118 34.6179 50.9011V49.2136Z\",\n fill: \"#0099FF\"\n})), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_1461_13663\",\n x1: 160.047,\n y1: 122.469,\n x2: 148.317,\n y2: 68.5186,\n gradientUnits: \"userSpaceOnUse\"\n}, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F4F5FE\"\n}), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"white\"\n})))));\nexport default SvgNoBoardsIcon;","import { t } from '@jotforminc/translation';\n\nexport const getShortMonthName = month => {\n const monthNames = [\n t('January'), t('February'), t('March'), t('April'), t('May'), t('June'), t('July'), t('August'), t('September'), t('October'), t('November'), t('December')\n ];\n return monthNames[month - 1].substring(0, 3);\n};\n\nexport const getIconType = (productType, type, isNewBranding, paymentProps) => {\n let iconType = '';\n\n if (productType === 'Table') {\n return 'isSheet';\n }\n\n if (type === 'CARD') {\n iconType += 'isCard ';\n }\n\n if (isNewBranding) {\n iconType += 'isNewBranding ';\n }\n\n if (paymentProps) {\n iconType += 'isPaymentForm ';\n }\n\n return iconType;\n};\n","import Styled from 'styled-components';\n\n/* eslint max-len: \"off\" */\nconst FormItemWrapper = Styled.div`\ndisplay: flex;\nalign-items: center;\nposition: relative;\ncursor: pointer;\ntransition:\n background-color 0.15s ease,\n border 0.15s ease,\n transform 10ms linear;\ntext-decoration: none;\nborder-radius: .25em;\nfont-family: \"Circular\", \"Circular Std\", \"Circular Std Bold\", \"Work Sans SemiBold\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\npadding: ${p => p.theme.itemPadding};\nline-height: ${p => p.theme.lineHeight};\nbackground: ${p => p.theme.itemBg};\nborder: 1px solid ${p => p.theme.itemBorder};\n\n&:hover:not(.isDisabled) {\n background-color: ${p => p.theme.itemBgFocus};\n\n .itemActions {\n display: block;\n }\n}\n\n[aria-selected=\"true\"] & {\n border-color: ${p => p.theme.itemBorderSelected};\n background-color: ${p => p.theme.itemBgSelected};\n\n &:hover:not(.isDisabled) {\n background-color: ${p => p.theme.itemBgSelectedHover};\n }\n}\n\n&:focus {\n outline: 0;\n}\n\n.itemContent {\n text-align: left;\n flex-grow: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.itemTitle {\n margin: 0;\n padding: 0;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n\n font-weight: ${p => p.theme.titleFontWeight};\n font-size: ${p => p.theme.titleFontSize};\n color: ${p => p.theme.titleColor};\n\n @media screen and (max-width: 600px) {\n white-space: normal;\n }\n}\n\n.itemDesc {\n margin: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n font-weight: ${p => p.theme.detailsFontWeight};\n font-size: ${p => p.theme.detailsFontSize};\n color: ${p => p.theme.detailsColor};\n\n span {\n color: #D93434;\n font-weight: 500;\n }\n}\n\n&.isDisabled {\n cursor: default;\n background-color: #FAFAFB;\n border-color: #EBECF3;\n\n &:hover .itemDisabled {\n opacity: 1;\n }\n\n .itemInfo, .itemContent {\n opacity: .5;\n }\n}\n\n.itemDisabled {\n font-size: 13px;\n padding: 11px;\n color: #fff;\n position: absolute;\n top: 50%;\n right: 16px;\n background-color: #23283A;\n border-radius: 3px;\n transform: translateY(-50%);\n opacity: 0;\n pointer-events: none;\n transition: .3s;\n}\n\n.itemInfo {\n &-formType {\n width: 38px;\n height: 32px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url(\"data:image/svg+xml,%3Csvg width='26' height='32' viewBox='0 0 26 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.533333' y='0.533333' width='24.9333' height='30.9333' rx='3.73333' fill='white' stroke='%23B1C3E9' stroke-width='1.06667'/%3E%3Cpath d='M5 10.6908C5 9.75699 5.78756 9 6.75906 9H19.6589C20.6304 9 21.4179 9.75699 21.4179 10.6908V10.6908C21.4179 11.6246 20.6304 12.3816 19.6589 12.3816H6.75906C5.78756 12.3816 5 11.6246 5 10.6908V10.6908Z' fill='%230099FF'/%3E%3Cpath d='M5 16.3265C5 15.3927 5.78756 14.6357 6.75906 14.6357H19.6589C20.6304 14.6357 21.4179 15.3927 21.4179 16.3265V16.3265C21.4179 17.2603 20.6304 18.0173 19.6589 18.0173H6.75906C5.78756 18.0173 5 17.2603 5 16.3265V16.3265Z' fill='%23FF6100'/%3E%3Cpath d='M5 21.9625C5 21.0287 5.78756 20.2717 6.75906 20.2717H19.6589C20.6304 20.2717 21.4179 21.0287 21.4179 21.9625V21.9625C21.4179 22.8963 20.6304 23.6532 19.6589 23.6532H6.75906C5.78756 23.6532 5 22.8963 5 21.9625V21.9625Z' fill='%23FFB629'/%3E%3C/svg%3E%0A\");\n\n &.isCard {\n background-image: url(\"data:image/svg+xml,%3Csvg width='38' height='22' viewBox='0 0 38 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='3.5' width='20' height='15' rx='3.5' fill='white' stroke='%23B1C3E9'/%3E%3Crect x='17.5' y='3.5' width='20' height='15' rx='3.5' fill='white' stroke='%23B1C3E9'/%3E%3Crect x='3' y='10' width='13' height='3' rx='1.5' fill='%230099FF'/%3E%3Crect x='22' y='10' width='13' height='3' rx='1.5' fill='%23FFB629'/%3E%3Crect x='7.5' y='0.5' width='23' height='21' rx='3.5' fill='white' stroke='%23B1C3E9'/%3E%3Cpath d='M11.364 8.32266C11.364 7.44722 12.0737 6.73754 12.9491 6.73754H24.5733C25.4487 6.73754 26.1584 7.44722 26.1584 8.32266V8.32266C26.1584 9.19809 25.4487 9.90777 24.5733 9.90777H12.9491C12.0737 9.90777 11.364 9.19809 11.364 8.32266V8.32266Z' fill='%23FF6100'/%3E%3Cpath d='M11.364 13.6063C11.364 12.7309 12.0737 12.0212 12.9491 12.0212H24.5733C25.4487 12.0212 26.1584 12.7309 26.1584 13.6063V13.6063C26.1584 14.4818 25.4487 15.1915 24.5733 15.1915H12.9491C12.0737 15.1915 11.364 14.4818 11.364 13.6063V13.6063Z' fill='%23FF6100'/%3E%3C/svg%3E%0A\");\n }\n\n &.isSheet {\n background-image: url(\"data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='2.5' fill='white' stroke='%23DADEF3'/%3E%3Crect x='3.5' y='5.5' width='7' height='5' rx='1' fill='%230099FF'/%3E%3Crect x='3.5' y='12.5' width='7' height='7' rx='1' fill='%230099FF'/%3E%3Crect x='3.5' y='21.5' width='7' height='7' rx='1' fill='%230099FF'/%3E%3Crect x='12.5' y='5.5' width='7' height='5' rx='1' fill='%23FF6100'/%3E%3Crect x='12.5' y='12.5' width='7' height='7' rx='1' fill='%23FF6100'/%3E%3Crect x='12.5' y='21.5' width='7' height='7' rx='1' fill='%23FF6100'/%3E%3Crect x='21.5' y='5.5' width='7' height='5' rx='1' fill='%23FFB629'/%3E%3Crect x='21.5' y='12.5' width='7' height='7' rx='1' fill='%23FFB629'/%3E%3Crect x='21.5' y='21.5' width='7' height='7' rx='1' fill='%23FFB629'/%3E%3C/svg%3E%0A\");\n }\n\n &.isPaymentForm {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230A1551' d='M20.487 17.1c-1.013-.382-1.356-.611-1.356-.916 0-.352.322-.547.907-.547.369 0 .712.05 1.051.157a.765.765 0 0 0 .97-.543l.014-.042a.817.817 0 0 0-.585-.997 4.919 4.919 0 0 0-.988-.152v-.352a.71.71 0 0 0-1.416 0v.45c-1.259.283-2.03 1.127-2.03 2.229 0 1.378 1.195 1.954 2.234 2.306.852.288 1.182.547 1.182.924 0 .386-.381.62-1.025.62-.433 0-.874-.081-1.315-.238a.746.746 0 0 0-.975.517l-.025.093a.837.837 0 0 0 .555 1.005c.407.131.87.216 1.319.246v.432a.71.71 0 0 0 1.415 0v-.53c1.298-.263 2.129-1.161 2.129-2.314.017-1.132-.607-1.836-2.06-2.349Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6 1h12a3 3 0 0 1 3 3v8.303a2.568 2.568 0 0 0-3.545 1.199c-1.074.64-1.855 1.739-1.855 3.208 0 .761.219 1.404.556 1.927-.187.258-.326.55-.408.863l-.02.075-.004.014a2.67 2.67 0 0 0 1.84 3.229c.041.062.084.123.13.182H6a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3Z' clip-rule='evenodd'/%3E%3Cpath fill='%23C8CEED' fill-rule='evenodd' d='M6 1a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h11.693a2.574 2.574 0 0 1-.128-.182A2.646 2.646 0 0 1 16.289 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8.008c.36.03.698.133 1 .295V4a3 3 0 0 0-3-3H6Z' clip-rule='evenodd'/%3E%3Cpath fill='%23FFB629' fill-rule='evenodd' d='M16.171 14.72H7.64a1.14 1.14 0 0 0 0 2.28h7.97a3.879 3.879 0 0 1-.01-.29c0-.77.213-1.437.571-1.99Z' clip-rule='evenodd'/%3E%3Cpath fill='%2309F' d='M6.5 8.14C6.5 7.51 7.01 7 7.64 7h8.72a1.14 1.14 0 0 1 0 2.28H7.64c-.63 0-1.14-.51-1.14-1.14Z'/%3E%3Cpath fill='%23FF6100' d='M6.5 12c0-.63.51-1.14 1.14-1.14h8.72a1.14 1.14 0 0 1 0 2.28H7.64c-.63 0-1.14-.51-1.14-1.14Z'/%3E%3C/svg%3E\");\n }\n\n &.isCard.isPaymentForm {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='w-32 h-32'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 16h1.17A3.001 3.001 0 0 0 8 18h7.332A3.946 3.946 0 0 1 15 16.387c0-1.69.928-2.952 2.215-3.662A2.71 2.71 0 0 1 22 12.219V10a2 2 0 0 0-2-2h-1.17A3.001 3.001 0 0 0 16 6H8a3.001 3.001 0 0 0-2.83 2H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2Z' clip-rule='evenodd'/%3E%3Cpath fill='%2309F' d='M4 12a.9.9 0 0 1 .9-.9H5v1.8h-.1A.9.9 0 0 1 4 12Z'/%3E%3Cpath fill='%23C8CEED' fill-rule='evenodd' d='M8 7h8a2 2 0 0 1 2 2v2.632a2.702 2.702 0 0 1 1-.53V9h1a1 1 0 0 1 1 1v1.312c.405.213.749.527 1 .907V10a2 2 0 0 0-2-2h-1.17A3.001 3.001 0 0 0 16 6H8a3.001 3.001 0 0 0-2.83 2H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h1.17A3.001 3.001 0 0 0 8 18h7.332a3.846 3.846 0 0 1-.288-1H8a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2ZM4 9h1v6H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Z' clip-rule='evenodd'/%3E%3Cpath fill='%23FF6100' fill-rule='evenodd' d='M7.5 10a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h7c.322 0 .61.153.792.39A4.01 4.01 0 0 0 15.23 15H8.5a1 1 0 0 1-1-1Z' clip-rule='evenodd'/%3E%3Cpath fill='%230A1551' d='M20.487 17.1c-1.013-.382-1.356-.611-1.356-.916 0-.352.322-.547.907-.547.369 0 .712.05 1.051.157a.765.765 0 0 0 .97-.543l.014-.042a.817.817 0 0 0-.585-.997 4.919 4.919 0 0 0-.988-.152v-.352a.71.71 0 0 0-1.416 0v.45c-1.259.283-2.03 1.127-2.03 2.229 0 1.378 1.195 1.954 2.234 2.306.852.288 1.182.547 1.182.924 0 .386-.381.62-1.025.62-.433 0-.874-.081-1.315-.238a.746.746 0 0 0-.975.517l-.025.093a.837.837 0 0 0 .555 1.005c.407.131.87.216 1.319.246v.432a.71.71 0 0 0 1.415 0v-.53c1.298-.263 2.129-1.161 2.129-2.314.017-1.132-.607-1.836-2.06-2.349Z'/%3E%3C/svg%3E\");\n }\n }\n}\n`;\n\nexport default FormItemWrapper;\n","import { string, shape } from 'prop-types';\n\nexport const formProperties = shape({\n id: string,\n title: string,\n count: string,\n new: string,\n updated_at: string,\n created_at: string\n});\n","import React from 'react';\nimport { bool, string } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport '@jotforminc/jotform.css';\nimport classNames from 'classnames';\nimport { IconGridDotsVertical, IconStarFilled, IconArrowUpRightFromSquareSm } from '@jotforminc/svg-icons';\nimport { Checkbox, Indicator, Link } from '@jotforminc/magnet';\nimport { getIconType, getShortMonthName } from '../../../utils/utils';\n\nimport FormItemWrapper from './styled';\n\nimport { formProperties } from '../helpers/propTypes';\n\n// eslint-disable-next-line complexity\nconst FormItem = ({\n isSelected,\n isMultiSelect,\n isDraggable,\n isEditable,\n showFavorite,\n showFormId,\n submissionsKeyword,\n showPreview,\n option: {\n title,\n count: submissionCount,\n new: newSubmissionCount,\n updated_at: updatedAt,\n created_at: createdAt,\n id: formID,\n isFavorite,\n type,\n isSelectionDisabled,\n disableClass = 'itemDisabled',\n disableReason = 'This form is disabled.',\n draftCount,\n submission_date: submissionDate,\n paymentProps = null\n },\n isNewBranding,\n productType\n}) => {\n const hasDraft = draftCount && draftCount > 0;\n\n const getReadableDate = dateString => {\n if (!dateString) {\n console.error('Date string is not defined.');\n return '';\n }\n const splittedDateString = dateString.split(' ')[0].split('-');\n const month = parseInt(splittedDateString[1], 10);\n const monthName = month > 12 || month < 1 ? null : getShortMonthName(month);\n if (!monthName) {\n return '';\n }\n return `${monthName} ${splittedDateString[2]}, ${splittedDateString[0]}`;\n };\n\n let lastActionDate;\n if (draftCount !== undefined) {\n lastActionDate = submissionDate;\n } else {\n lastActionDate = updatedAt || createdAt;\n }\n\n const readableLastActionDate = getReadableDate(lastActionDate);\n\n let lastActionDateText;\n if (hasDraft && submissionCount < 1) {\n lastActionDateText = 'Draft saved on {date}.';\n } else if (draftCount !== undefined) {\n lastActionDateText = 'Last submission on {date}.';\n } else {\n lastActionDateText = 'Modified on {date}.';\n }\n\n const draftCountText = `${draftCount} ${t(`Draft${draftCount > 1 ? 's. ' : '. '}`)}`;\n return (\n \n {isMultiSelect &&
\n \n {!!(newSubmissionCount !== '0' && newSubmissionCount) && (\n \n {newSubmissionCount}\n \n )}\n
\n \n
\n {showPreview && (\n \n {title}\n
\n\n {hasDraft ? {draftCountText} : null}\n {`${showFormId ? `${formID}. ` : ''}`}\n {submissionCount === undefined || (hasDraft && submissionCount < 1) ? '' : `${submissionCount} ${t(submissionsKeyword)}. `}\n {readableLastActionDate !== '' ? (`${t(lastActionDateText).replace('{date}', readableLastActionDate)}`) : <>}\n
\n\n {\n e.stopPropagation();\n }}\n >\n Edit Form\n \n
\n )}\n {isDraggable && (\n \n
\n )}\n \n {disableReason}\n
\n \n );\n};\n\nFormItem.propTypes = {\n isMultiSelect: bool,\n isSelected: bool.isRequired,\n option: formProperties.isRequired,\n isDraggable: bool,\n isEditable: bool,\n showFavorite: bool,\n showPreview: bool,\n showFormId: bool,\n submissionsKeyword: string,\n isNewBranding: bool,\n productType: string\n};\n\nFormItem.defaultProps = {\n isMultiSelect: true,\n isDraggable: false,\n isEditable: false,\n showFavorite: false,\n showPreview: false,\n showFormId: false,\n isNewBranding: false,\n submissionsKeyword: 'Submissions',\n productType: ''\n};\n\nexport default FormItem;\n","import Styled from 'styled-components';\n\nexport const ScPortalItem = Styled.div`\n font-family: \"Circular\", \"Circular Std\", \"Circular Std Bold\", \"Circular Std Book\", \"Work Sans SemiBold\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial,\n sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 9px 0 0;\n max-width: 100%;\n`;\n","import { css } from 'styled-components';\n\nconst portalContentCommonStyle = css`\n margin: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n`;\n\nexport const portalTitleCommonStyle = css`\n ${portalContentCommonStyle}\n display: block;\n max-width: 100%;\n padding: 0;\n font-size: 16px;\n\n\n @media screen and (max-width: 600px) {\n white-space: normal;\n }\n`;\n\nexport const portalDescriptionCommonStyle = css`\n ${portalContentCommonStyle}\n font-size: 14px;\n`;\n","import React from 'react';\nimport { string } from 'prop-types';\nimport Styled from 'styled-components';\nimport { t } from '@jotforminc/translation';\n\nimport { portalTitleCommonStyle } from './commonCss';\n\nconst ScTitleRenderer = Styled.h2`\n ${portalTitleCommonStyle}\n`;\n\nconst TitleRenderer = ({ title }) => \n \n \n
\n \n
\n {isDraggable && (\n \n {name}\n
\n\n {`${showFormId ? `${formId}. ` : ''}${count} ${submissionsKeyword}. ${t('Modified on')} ${updatedAtReadable}.`}\n
\n\n
\n )}\n {status !== 'ENABLED' && (\n \n {t('This table is disabled.')}\n
\n )}\n \n \n \n
\n \n
\n {isDraggable && (\n \n {title}\n
\n\n {`${showFormId ? `${formId}. ` : ''}${formCount} ${submissionsKeyword}. ${t('Modified on')} ${updatedAtReadable}.`}\n
\n\n
\n )}\n {status !== 'ENABLED' && (\n \n {t('This report is disabled.')}\n
\n )}\n \n \n \n
\n \n
\n {isDraggable && (\n \n {title}\n
\n\n {`${showFormId ? `${formId}. ` : ''} ${t('Last activity on')} ${lastActivityReadable}.`}\n
\n\n
\n )}\n {status !== 'ENABLED' && (\n \n {t('This approval is disabled.')}\n
\n )}\n \n \n \n
\n \n
\n \n {title}\n
\n\n
{errorText}
\n \n
\n \n {name}\n
\n\n \n \n
\n \n
\n {isDraggable && (\n \n {name}\n
\n\n {`${showFormId ? `${formId}. ` : ''}${count} ${submissionsKeyword}. ${t('Last updated on')} ${updatedAtReadable}.`}\n
\n\n
\n )}\n {status !== 'ENABLED' && (\n \n {t('This board is disabled.')}\n
\n )}\n \n \n
\n ) : children);\n};\n\nConditionalModal.propTypes = {\n isModal: bool,\n isModalOpen: bool,\n isClosable: bool,\n onClose: func,\n children: node.isRequired\n};\n\nConditionalModal.defaultProps = {\n isModal: false,\n isModalOpen: false,\n isClosable: true,\n onClose: f => f\n};\n\nexport default ConditionalModal;\n","import React, { useMemo } from 'react';\nimport {\n shape, string, func, arrayOf, oneOf, oneOfType, bool\n} from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { propTypes } from '@jotforminc/constants';\n\nimport { EmptyList, NotFoundList } from '@jotforminc/empty-list';\nimport { SmartList } from '@jotforminc/smart-list';\nimport FormListWrapper from '../FormPicker/FormList';\nimport { resourceConfigs } from './constants';\nimport { theme as defaultTheme } from '../FormPicker/helpers/defaultTheme';\nimport ConditionalModal from '../FormPicker/ConditionalModal';\nimport '../../styles/jfResourcePicker.scss';\n\nexport const getResourcePickerMappings = resourceType => {\n const { [resourceType]: config } = resourceConfigs;\n return {\n emptyListPlaceholderTitle: config?.emptyListPlaceholderTitle || '',\n emptyListPlaceholderIcon: config?.emptyListPlaceholderIcon || (() => null),\n emptyListPlaceholderDescription: config?.emptyListPlaceholderDescription || '',\n searchPlaceholder: config?.searchPlaceholder || '',\n ItemComponent: config?.ItemComponent || (() => null),\n fuseOptions: config?.defaultFuseOptions || {},\n notFoundIcon: config?.notFoundIcon || (() => null),\n notFoundTitle: 'No results found.',\n notFoundDescription: 'We couldn\\'t find any matching items.'\n };\n};\n\nconst ResourcePicker = ({\n theme,\n resourceType,\n resources,\n selectedResources,\n ItemComponent: PropItemComponent,\n onSelectionChange,\n DataProvider,\n searchPlaceholder: propSearchPlaceholder,\n emptyListPlaceholder: PropEmptyListPlaceholder,\n notFoundListPlaceholder: PropNotFoundListPlaceholder,\n searchKeys,\n isMultiSelect,\n showSelectAll,\n defaultItemIsOnTop,\n isModal,\n isModalOpen,\n isClosable,\n onClose,\n multipleManage,\n showHeader,\n isEditable,\n fuseOptions: PropFuseOptions,\n customItemsList,\n productType,\n sortMenu,\n filterForm,\n ...rest\n}) => {\n const items = useMemo(() => {\n if (!defaultItemIsOnTop || typeof selectedResources !== 'string') return resources;\n return [...resources].sort((first, second) => {\n // Sort propItems such that default item will be on top\n if (first?.id === selectedResources) return -1;\n if (second?.id === selectedResources) return 1;\n return 0;\n });\n }, [defaultItemIsOnTop, resources]);\n\n const config = useMemo(() => getResourcePickerMappings(resourceType), [resourceType]);\n const ItemComponent = useMemo(() => PropItemComponent || config.ItemComponent, [PropItemComponent, config]);\n const searchPlaceholder = useMemo(() => t(propSearchPlaceholder || config.searchPlaceholder), [propSearchPlaceholder, config]);\n const fuseOptions = useMemo(() => PropFuseOptions || config.fuseOptions, [PropFuseOptions, config]);\n\n const EmptyListPlaceholder = useMemo(() => {\n if (PropEmptyListPlaceholder) {\n return PropEmptyListPlaceholder;\n }\n const { emptyListPlaceholderResourceType: resource, emptyListPlaceholderTitle: title, emptyListPlaceholderDescription: description } = config;\n return (\n \n {children}\n
\n {isClosable && (\n \n
\n \n )}\n \n
\n \n );\n};\n\nResourcePicker.propTypes = {\n resourceType: oneOf(Object.keys(resourceConfigs)).isRequired,\n resources: arrayOf(shape({})),\n ItemComponent: propTypes.renderable,\n bulkActions: propTypes.renderable,\n onSelectionChange: func,\n DataProvider: func,\n searchPlaceholder: string,\n emptyListPlaceholder: propTypes.renderable,\n notFoundListPlaceholder: propTypes.renderable,\n theme: shape({}),\n selectedResources: oneOfType([arrayOf(string), string]),\n searchKeys: arrayOf(string),\n isMultiSelect: bool,\n showSelectAll: bool,\n defaultItemIsOnTop: bool,\n multipleManage: bool,\n showHeader: bool,\n isSortable: bool,\n SortableProps: shape({}),\n isModal: bool,\n isModalOpen: bool,\n isClosable: bool,\n onClose: func,\n isEditable: bool,\n otherControlBarItems: propTypes.renderable,\n showFavorite: bool,\n showFormId: bool,\n submissionsKeyword: string,\n fuseOptions: shape({}),\n customItemsList: arrayOf(shape({\n CustomItemComponent: propTypes.renderable,\n props: shape({})\n })),\n ControlBarRenderer: propTypes.renderable,\n productType: string,\n sortMenu: bool,\n filterForm: bool\n};\n\nResourcePicker.defaultProps = {\n resources: [],\n ItemComponent: null,\n bulkActions: null,\n onSelectionChange: f => f,\n DataProvider: undefined,\n searchPlaceholder: undefined,\n emptyListPlaceholder: null,\n notFoundListPlaceholder: null,\n theme: defaultTheme,\n selectedResources: [],\n searchKeys: ['title', 'name', 'id'],\n isMultiSelect: false,\n showSelectAll: false,\n defaultItemIsOnTop: true,\n multipleManage: true,\n showHeader: false,\n isSortable: false,\n SortableProps: {},\n isModal: false,\n isModalOpen: false,\n isClosable: true,\n onClose: f => f,\n isEditable: false,\n otherControlBarItems: [],\n showFavorite: false,\n showFormId: false,\n submissionsKeyword: 'Submissions',\n fuseOptions: null,\n customItemsList: [],\n ControlBarRenderer: undefined,\n productType: '',\n sortMenu: false,\n filterForm: false\n};\n\nexport default ResourcePicker;\n","export const DEFAULT_DATE_FORMAT = 'MMMM D, YYYY HH:mm';\n\nexport const SUBMISSION_DATE_FORMATS = [\n 'M/D/YYYY',\n 'D/M/YYYY',\n 'MMM D, YYYY',\n 'MMMM D, YYYY',\n 'ddd, MMM D, YYYY',\n 'dddd, MMMM D, YYYY',\n 'MMM D, YYYY HH:mm',\n DEFAULT_DATE_FORMAT,\n 'ddd, MMM D, YYYY HH:mm',\n 'dddd, MMMM D, YYYY HH:mm'\n];\n\nexport const DISABLE_DEFAULT_DOCUMENT_TEXT = 'You dont have any PDF documents yet.';\n","import moment from 'moment-timezone';\n\nimport { SUBMISSION_DATE_FORMATS } from '../constants';\n\nconst localeSymbol = Symbol('locale');\nconst timezoneSymbol = Symbol('timezone');\nconst callbackSymbol = Symbol('callback');\n\nclass Moment {\n constructor() {\n this[localeSymbol] = 'en';\n this[timezoneSymbol] = null;\n this[callbackSymbol] = {\n setLocale: {},\n setTimezone: {}\n };\n }\n\n get locale() {\n return this[localeSymbol];\n }\n\n get timezone() {\n return this[timezoneSymbol];\n }\n\n get callback() {\n return this[callbackSymbol];\n }\n\n get formatList() {\n const formatListObject = moment.localeData(this.locale)._longDateFormat;\n return formatListObject && Object.keys(formatListObject).length > 0 ? [\n formatListObject.LLLL,\n formatListObject.LLL,\n formatListObject.LL,\n formatListObject.L\n ] : SUBMISSION_DATE_FORMATS;\n }\n\n setLocale(locale = 'en') {\n this[localeSymbol] = locale;\n Object.values(this.callback.setLocale).forEach(callback => callback());\n }\n\n setTimezone(timezone) {\n this[timezoneSymbol] = timezone;\n\n Object.values(this.callback.setTimezone).forEach(callback => callback());\n }\n\n dateToMoment(date, dateFormat) {\n const dateObject = moment(date, dateFormat);\n const dateObjectWithTimezone = this.timezone ? dateObject.clone().tz(this.timezone) : dateObject.clone().utcOffset(-5);\n return dateObjectWithTimezone.locale(this.locale);\n }\n\n formatDate(date, dateFormat, intendedFormat) {\n return this.dateToMoment(date, dateFormat).format(intendedFormat);\n }\n\n addListener(methodName, identifier, callback) {\n this.callback[methodName][identifier] = callback;\n }\n\n removeListener(methodName, identifier) {\n delete this.callback[methodName][identifier];\n }\n}\n\nexport default new Moment();\n","import { useEffect, useState } from 'react';\nimport { v4 as uuid } from 'uuid';\nimport Moment from './moment';\n\nexport const useKeyboardEvent = (keyArray, callback) => {\n useEffect(() => {\n const handler = e => {\n const { key = '', keyCode } = e;\n if ((key && keyArray.indexOf(key) > -1) || (keyArray.indexOf(keyCode) > -1)) callback();\n };\n global.window.addEventListener('keydown', handler);\n return () => global.window.removeEventListener('keydown', handler);\n }, []);\n};\n\nexport const useMomentDate = (date, format) => {\n const [momentDate, setMomentDate] = useState(Moment.dateToMoment(date, format));\n const renewMomentDate = () => {\n setMomentDate(Moment.dateToMoment(date, format));\n };\n\n useEffect(() => {\n const listenerKey = `renewMomentDate_${uuid()}`;\n Moment.addListener('setLocale', listenerKey, renewMomentDate);\n return () => Moment.removeListener('setLocale', listenerKey);\n }, []);\n\n useEffect(() => {\n renewMomentDate();\n }, [date, format]);\n\n return [momentDate, setMomentDate];\n};\n","import React, { useState } from 'react';\nimport { func } from 'prop-types';\n\nimport TextInput from '../../TextInput';\nimport FileUpload from '../../FileUpload';\n\nconst ImageUploadPanel = ({ onFileUpload }) => {\n const [altText, setAltText] = useState('');\n\n const handleAltTextChange = ({ target: { value } }) => setAltText(value);\n const handleFileUpload = file => onFileUpload({ file, altText });\n\n return (\n \n
\n );\n};\n\nImageUploadPanel.propTypes = {\n onFileUpload: func.isRequired\n};\n\nexport default ImageUploadPanel;\n","export const EVENTS = [\n 'focusin', 'focusout', 'click', 'dblclick', 'mousedown', 'mouseup',\n 'mousemove', 'mouseover', 'beforepaste', 'paste', 'cut', 'copy',\n 'selectionchange', 'mouseout', 'mouseenter', 'mouseleave', 'keydown',\n 'keypress', 'keyup', 'contextmenu', 'dragend', 'dragover', 'draggesture',\n 'dragdrop', 'drop', 'drag', 'BeforeRenderUI', 'SetAttrib', 'PreInit',\n 'PostRender', 'init', 'deactivate', 'activate', 'NodeChange',\n 'BeforeExecCommand', 'ExecCommand', 'show', 'hide', 'ProgressState',\n 'LoadContent', 'SaveContent', 'BeforeSetContent', 'SetContent',\n 'BeforeGetContent', 'GetContent', 'VisualAid', 'remove', 'submit', 'reset',\n 'BeforeAddUndo', 'AddUndo', 'change', 'undo', 'redo', 'ClearUndos',\n 'ObjectSelected', 'ObjectResizeStart', 'ObjectResized', 'PreProcess',\n 'PostProcess', 'focus', 'blur', 'customButtonSettingClick'\n];\n\nexport const HANDLER_NAMES = EVENTS.map(event => `on${event[0].toUpperCase() + event.substring(1)}`);\n\nexport const BASE_CONFIG = {\n menubar: false,\n statusbar: false,\n min_height: 320,\n link_title: false,\n skin: 'lightgray',\n fullpage_hide_in_source_view: true,\n // content_css: '/css/customButtonsStyles.css',\n plugins: 'autolink link image fullpage lists print preview textcolor code fullscreen table paste',\n paste_retain_style_properties: 'all',\n paste_webkit_styles: 'all',\n toolbar: 'customfontfamily | customfontsize | bold italic | alignment | forecolor | link customimage | code | table | fullscreen | questionlist',\n content_style: `\n html, body { height: 100% }\n body { overscroll-behavior-x: none; }\n `,\n body_class: 'form-all'\n};\n\nexport const DEFAULT_FORMATS = `Andale Mono=andale mono,monospace;\nArial=arial,helvetica,sans-serif;\nArial Black=arial black,sans-serif;\nBook Antiqua=book antiqua,palatino,serif;\nComic Sans MS=comic sans ms,sans-serif;\nCourier New=courier new,courier,monospace;\nGeorgia=georgia,palatino,serif;\nHelvetica=helvetica,arial,sans-serif;\nImpact=impact,sans-serif;\nSymbol=symbol;\nTahoma=tahoma,arial,helvetica,sans-serif;\nTerminal=terminal,monaco,monospace;\nTimes New Roman=times new roman,times,serif;\nTrebuchet MS=trebuchet ms,geneva,sans-serif;\nVerdana=verdana,geneva,sans-serif;\nWebdings=webdings;\nWingdings=wingdings,zapf dingbats;`;\n\nexport const DEFAULT_FONT_SIZES = ['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt'];\n\nexport const ALIGNMENT_MENU = `\n
\n Alt Text:
\n \n
`;\n\nexport const LIST_MENU = `\n \n
\n \n \n
\n \n \n
\n \n \n
\n\n
`;\n\nexport const CONTENT_REGEX = /(data:((.*?)\\/(.*?)*?)[.,/#!$%^&*;:{}=\\-_`~()]+?)/ig;\n\nexport const AVAILABLE_LANGUAGE_CODES = [\n 'ca-ES', 'da-DA', 'de-DE', 'en-US',\n 'es-ES', 'fi-FI', 'fr-FR', 'hu-HU',\n 'it-IT', 'nl-NL', 'no-NO', 'pl-PL',\n 'pt-PT', 'ro-RO', 'ru-RU', 'sv-SE',\n 'tr-TR', 'zh-CN'\n];\n","import ReactDOM from 'react-dom';\nimport React from 'react';\nimport Popover from '../../Popover';\n\nconst containerID = 'tinymce-popoverContainer';\n\nexport const renderPopoverButton = ({ id, editor, component }) => {\n if (document.getElementById(containerID)) {\n return;\n }\n const popoverContainer = document.createElement('div');\n popoverContainer.id = containerID;\n editor.editorContainer.appendChild(popoverContainer);\n const btn = document.getElementById(id);\n const targetRef = { current: btn };\n let firstTime = false;\n const onClick = event => {\n if (!firstTime) {\n firstTime = true;\n return;\n }\n const formFieldsPopoverContains = document?.getElementsByClassName('formFields-popover')?.[0]?.contains(event.target);\n const emailOutcomePopoverContains = document?.getElementsByClassName('wfEmail-outcome-popover')?.[0]?.contains(event.target);\n const isClickOutside = !(popoverContainer.contains(event.target) || formFieldsPopoverContains || emailOutcomePopoverContains);\n if (isClickOutside) {\n ReactDOM.unmountComponentAtNode(popoverContainer);\n window.removeEventListener('click', onClick);\n if (editor.contentWindow.removeEventListener) {\n editor.contentWindow.removeEventListener('click', onClick);\n }\n popoverContainer.remove();\n }\n };\n ReactDOM.render(\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n${dom.join('')}
`;\n};\n\nconst createCustomFontSizeMenu = fontSizes => {\n window.changeTinMCEFontSize = fontSize => global.tinyMCE.execCommand('FontSize', false, decodeURIComponent(fontSize));\n const dom = fontSizes.map(size => {\n return ``;\n });\n return `${dom.join('')}
`;\n};\n\nconst createCustomButtonConfig = ({ icon, tooltip, html }) => ({\n icon,\n tooltip,\n type: 'colorbutton',\n border: '0 0 0 0',\n image: '',\n panel: {\n html,\n role: 'application',\n ariaRemember: true,\n onClick: () => {}\n },\n onPostRender: function onPostRender() {\n document.getElementById(this._id).addEventListener('click', () => {\n document.getElementById(this._id).querySelector('span.mce-open').click();\n });\n const id = this._id.replace('tinymce-', '');\n if (id !== undefined) {\n document.getElementById(`${id}-preview`).style.display = 'none';\n }\n },\n onclick: () => false\n});\n\nexport const sanitizeEditorContent = content => content.replace(CONTENT_REGEX, '');\n\nexport const getGlobalEventName = (id, eventName) => {\n return `tiny_${id}_${eventName}`;\n};\n\nexport const setGlobalEvents = (editorID, props) => {\n EVENTS.forEach((eventName, index) => {\n const handlerName = HANDLER_NAMES[index];\n const handler = props[handlerName];\n if (typeof handler !== 'function') { return; }\n\n window[getGlobalEventName(editorID, eventName)] = handler;\n });\n};\n\nexport const clearGlobalEvents = editorID => {\n EVENTS.forEach(eventName => {\n const globalHandlerName = getGlobalEventName(editorID, eventName);\n if (typeof window[globalHandlerName] === 'function') {\n delete window[globalHandlerName];\n }\n });\n};\nconst handleSaveStyle = () => {\n};\n\nconst handlePortalButtons = (e, id, type, wrapper, editor) => {\n const buttonSettings = {\n e,\n id: id,\n buttonType: type,\n onChange: handleSaveStyle(),\n targetButton: wrapper,\n actualButton: editor.dom.doc.getElementById(id)\n };\n editor.customEventForButtons.fire('customButtonClicked', buttonSettings);\n wrapper?.remove();\n};\nconst buttonTypes = ['setting', 'delete'];\nconst handleCustomButtonClick = (e, id, editor, customType) => {\n let wrapper = document.body.querySelector('.settingButonWrapper');\n if (wrapper) {\n wrapper.remove();\n }\n wrapper = global.document.createElement('div');\n ['click', 'scroll'].forEach(eventName => {\n editor.dom.doc.addEventListener(eventName, () => {\n wrapper.remove();\n }, true);\n document.getElementById('root').addEventListener(eventName, () => {\n wrapper.remove();\n }, true);\n });\n const mainPos = editor.contentAreaContainer.getBoundingClientRect();\n const realPos = e.currentTarget.getBoundingClientRect();\n if (!mainPos || !realPos) return;\n const x = mainPos.x + realPos.x + realPos.width;\n let y = mainPos.y + realPos.y + (realPos.height / 2);\n if (y < mainPos.y) {\n y = mainPos.y + 40;\n }\n if (y > mainPos.y + mainPos.height) {\n y = mainPos.y + mainPos.height - 40;\n }\n\n wrapper.style.left = `${x}px`;\n wrapper.style.top = `${y}px`;\n\n wrapper.classList.add('settingButonWrapper', 'shown');\n buttonTypes.forEach(type => {\n if (customType === 'customTable' && type === 'style') return;\n const button = global.document.createElement('div');\n button.classList.add('settingButon', [type]);\n button.append('\\u00A0');\n button.addEventListener('click', ev => handlePortalButtons(ev, id, type, wrapper, editor, ev.currentTarget), false);\n wrapper.append(button);\n });\n global.document.body.appendChild(wrapper);\n};\n\nconst handleHover = e => {\n if (e.type === 'mouseenter') {\n e.currentTarget.parentElement.classList.add('hoveredActionButton');\n return;\n }\n e.currentTarget.parentElement.classList.remove('hoveredActionButton');\n};\n\nexport const handleCustomButtonEvents = (editor, buttons) => {\n if (buttons.length <= 0) return;\n const content = editor.getContent();\n editor.setContent(content);\n buttons.forEach(buttonID => {\n const button = editor.dom.get(buttonID);\n\n if (!button) return;\n\n const type = button.getAttribute('data-buttontype');\n\n ['click', 'touchstart'].forEach(eventName => {\n button.addEventListener(eventName, ev => {\n handleCustomButtonClick(ev, buttonID, editor, type);\n }, true);\n });\n\n ['mouseenter', 'mouseleave'].forEach(eventName => {\n button.addEventListener(eventName, ev => handleHover(ev));\n });\n\n button.addEventListener('dblclick', ev => {\n handlePortalButtons(ev, button.id, 'setting', document.body.querySelector('.settingButonWrapper'), editor);\n });\n });\n};\n\nexport const setupEditor = (editorID, editor, props) => {\n const {\n translate, handleInsertImageClick, extraButtons, extraSetupFunctions, editorContainerClassname, popoverButtons, onCustomButtonSettingClick\n } = props;\n const isNewActionButtonsEnabled = window.isNewActionButtons;\n EVENTS.forEach((event, index) => {\n const handler = props[HANDLER_NAMES[index]];\n if (typeof handler !== 'function') { return; }\n editor.on(event, e => {\n const globalHandlerName = getGlobalEventName(editorID, event);\n window[globalHandlerName](e, editor); // working\n });\n });\n\n editor.customEventForButtons = new global.tinyMCE.util.EventDispatcher();\n editor.customEventForButtons.on('addCustomButton', ({ buttons }) => {\n handleCustomButtonEvents(editor, buttons);\n });\n editor.customEventForButtons.on('removeCustomButton', ({ buttons }) => {\n handleCustomButtonEvents(editor, buttons);\n });\n\n editor.customEventForButtons.on('customButtonClicked', ({\n e, id, buttonType, onChange, targetButton, actualButton\n }) => {\n if (onCustomButtonSettingClick) {\n onCustomButtonSettingClick(e, id, buttonType, editor, onChange, targetButton, actualButton);\n }\n });\n\n editor.on('redo undo', () => {\n handleCustomButtonEvents(editor, editor.customButtons);\n });\n\n if (isNewActionButtonsEnabled) {\n editor.on('drop', ({ targetClone, target }) => {\n const doc = target?.dom.doc;\n const dragContainer = doc.querySelector('.mce-drag-container');\n\n if (targetClone && targetClone?.getAttribute('data-isCustomButton')) {\n document.body.querySelector('.settingButonWrapper')?.remove();\n }\n\n if (dragContainer && dragContainer.querySelector('[data-iscustombutton=\"true\"')) {\n dragContainer.remove();\n }\n });\n }\n\n editor.on('init', () => {\n const content = editor.getContent();\n\n editor.dom.setAttrib(editor.dom.select('html')[0], 'id', 'stage');\n\n if (document.getElementById('mce-customfullscreen')) {\n const customFullscreenToolbarBtn = document.getElementById('mce-customfullscreen');\n const parent = customFullscreenToolbarBtn.parentNode.parentNode;\n parent.classList.add('mce-customfullscreen-btn');\n }\n\n if (editorContainerClassname) {\n editor.editorContainer.classList.add(editorContainerClassname);\n }\n const nonEditableLength = content.match(/mceNonEditable/g)?.length;\n // eslint-disable-next-line no-param-reassign\n editor.nonEditableLength = nonEditableLength;\n // eslint-disable-next-line no-param-reassign\n editor.hasNonEditables = nonEditableLength !== 0;\n });\n\n editor.on('change', () => {\n const content = editor.getContent();\n const { nonEditableLength, hasNonEditables } = editor;\n if (hasNonEditables) {\n const areNonEditablesDeleted = (content.match(/mceNonEditable/g)?.length ?? 0) < nonEditableLength;\n // eslint-disable-next-line no-prototype-builtins\n if (editor.plugins?.hasOwnProperty('noneditable') && areNonEditablesDeleted) {\n const undoed = editor.undoManager.undo();\n if (undoed?.content) {\n const eventName = getGlobalEventName(editorID, 'change');\n if (typeof window[eventName] === 'function') {\n window[eventName](null, undoed.content);\n }\n }\n return;\n }\n }\n if (CONTENT_REGEX.test(content)) {\n const newContent = sanitizeEditorContent(content);\n editor.setContent(newContent);\n }\n\n if (isNewActionButtonsEnabled && editor.customButtons) {\n editor.customButtons.forEach(buttonID => {\n const button = editor.dom.get(buttonID);\n\n if (!button) return;\n\n const type = button.getAttribute('data-buttontype');\n\n ['click', 'touchstart'].forEach(eventName => {\n button.addEventListener(eventName, ev => {\n handleCustomButtonClick(ev, buttonID, editor, type);\n }, true);\n });\n\n ['mouseenter', 'mouseleave'].forEach(eventName => {\n button.addEventListener(eventName, ev => handleHover(ev));\n });\n\n button.addEventListener('dblclick', ev => {\n handlePortalButtons(ev, button.id, 'setting', document.body.querySelector('.settingButonWrapper'), editor);\n });\n });\n }\n });\n\n if (extraSetupFunctions && extraSetupFunctions.length > 0) {\n extraSetupFunctions.forEach(({ id, callback }) => {\n if (callback !== undefined && typeof callback === 'function') {\n editor.on(id, callback);\n }\n });\n }\n\n const handleEsc = e => {\n if (e.key === 'Escape') {\n editor.setFullScreen(false);\n }\n };\n\n editor.setFullScreen = isOpen => {\n editor.editorContainer.classList.toggle('mce-fullscreen');\n editor.editorContainer.classList.toggle('mce-fullscreen-custom');\n if (isOpen) {\n editor.isFullscreen = true;\n window.addEventListener('keydown', handleEsc);\n editor.contentWindow.frameElement.contentDocument.body.addEventListener('keydown', handleEsc);\n } else {\n editor.isFullscreen = false;\n editor.editorContainer.style = editor.exStyles;\n window.removeEventListener('keydown', handleEsc);\n editor.contentWindow.frameElement.contentDocument.body.removeEventListener('keydown', handleEsc);\n }\n };\n\n const fontSizes = editor.settings.font_sizes || DEFAULT_FONT_SIZES;\n const fonts = createFormats(editor.settings.font_formats || DEFAULT_FORMATS);\n editor.addButton('customimage', { icon: 'image', tooltip: translate('Insert Image'), onClick: handleInsertImageClick });\n editor.addButton('alignment', createCustomButtonConfig({ tooltip: 'Text Align', icon: 'alignleft', html: ALIGNMENT_MENU }));\n editor.addButton('listmenu', createCustomButtonConfig({ tooltip: 'List', icon: 'bullist', html: LIST_MENU }));\n editor.addButton('customfontsize', createCustomButtonConfig({ tooltip: translate('Font Size'), icon: 'fontsize', html: createCustomFontSizeMenu(fontSizes) }));\n editor.addButton('customfontfamily', createCustomButtonConfig({ tooltip: 'Font Family', icon: 'fontfamily', html: createCustomFontFamilyMenu(fonts) }));\n editor.addButton('customfullscreen', {\n type: 'button',\n role: 'fullscreen',\n tooltip: 'Toggle fullscreen',\n icon: 'fullscreen',\n onclick: () => {\n editor.setFullScreen(!editor.isFullscreen);\n },\n id: 'mce-customfullscreen'\n });\n if (extraButtons && extraButtons.length > 0) {\n extraButtons.forEach(({ id, generator, ...editorButtonProps }) => {\n switch (true) {\n case generator !== undefined && typeof generator === 'function': {\n editor.addButton(id, { classes: 'custom-button ', ...generator(editor) });\n break;\n }\n default:\n editor.addButton(id, editorButtonProps);\n break;\n }\n });\n }\n\n if (popoverButtons && popoverButtons.length) {\n popoverButtons.forEach(({ id, component, ...popoverButtonProps }) => {\n editor.addButton(id, {\n type: 'button',\n id,\n onclick: () => {\n renderPopoverButton({ id, component, editor });\n },\n ...popoverButtonProps\n });\n });\n }\n};\n","// eslint-disable-next-line no-undef\nexport const panelObserver = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n mutation.addedNodes.forEach(node => {\n if (node.classList && node.classList.contains('mce-popover')) {\n const panel = node;\n const { top, height } = panel.getBoundingClientRect();\n const viewportHeight = window.innerHeight;\n const spaceBelow = viewportHeight - top;\n const arrow = node.querySelector('.mce-arrow');\n if (spaceBelow < height && top > spaceBelow) {\n panel.style.transformOrigin = 'center bottom';\n panel.style.transform = 'translateY(calc(-100% - 48px))';\n if (arrow) {\n arrow.style.top = 'auto';\n arrow.style.transform = 'rotate(180deg)';\n arrow.style.bottom = '-11px';\n }\n } else {\n panel.style.transformOrigin = '';\n panel.style.transform = '';\n if (arrow) {\n arrow.style.top = '';\n arrow.style.transform = '';\n arrow.style.bottom = '';\n }\n }\n }\n });\n });\n});\n","import React, {\n useMemo, useEffect, useRef, useState, forwardRef, useImperativeHandle\n} from 'react';\nimport {\n string, elementType, shape, func, arrayOf\n} from 'prop-types';\n\nimport {\n Container as DefaultContainer,\n ErrorWrapper as DefaultErrorWrapper,\n LoadingWrapper as DefaultLoadingWrapper,\n ImageUploadPanel as DefaultImageUploadPanel\n} from './defaults';\n\nimport Modal from '../Modal';\n\nimport { generateShortID } from '../../utils';\nimport { useScript, useEffectIgnoreFirst } from '../../utils/hooks';\nimport {\n setupEditor, sanitizeEditorContent, setGlobalEvents, clearGlobalEvents\n} from './utils';\n\nimport { BASE_CONFIG, AVAILABLE_LANGUAGE_CODES } from './constants';\nimport { panelObserver } from '../../utils/observers';\n\nconst RichTextEditor = forwardRef(({\n name, scriptSrc, value, defaultValue, config, translate, modalProperties, extraButtons,\n extraPlugins, extraSetupFunctions, customActionButtons,\n ErrorWrapperRenderer, LoadingWrapperRenderer, ImageUploadPanelRenderer, ContainerRenderer,\n ModalRenderer, editorContainerClassname, popoverButtons, ...props\n}, ref) => {\n const imageUploadModelRef = useRef();\n const editorFirst = useRef();\n const [editor, setEditor] = useState(false);\n const [customButtons, setCustomButtons] = useState([]);\n const { loaded, error } = useScript(scriptSrc);\n const id = useMemo(() => `react_tinymce_${generateShortID()}`, []);\n setGlobalEvents(id, props); // putting this line into an effect/memoize breaks everything. stupid but it should be in render. React useEffect bug.\n\n const defaultPlugins = config.plugins || BASE_CONFIG.plugins;\n const plugins = window.isNewActionButtons ? `${defaultPlugins} noneditable` : defaultPlugins;\n\n const editorConfig = useMemo(() => {\n const mceConfig = {\n ...BASE_CONFIG,\n ...config,\n plugins\n };\n return { ...mceConfig, language: mceConfig.language ? mceConfig.language.replace('_', '-') : BASE_CONFIG.language };\n }, [config]);\n\n const handleInsertImageClick = () => imageUploadModelRef.current.show();\n const handleImageUpload = ({ file: { url }, altText }) => {\n const img = `\n
\n \n
\n \n
\n \n
\n \n
\n \n {t('Select Form Fields')}\n
\n {selectedQuestionIDs && (\n \n
\n \n
\n \n {t('Your email content will be here')}\n \n \n
\n {selectedQuestionIDs.length > 0 && (\n \n
\n )}\n \n {questionRows.slice(0, 5).map(({ name, text }, i) => (\n
\n \n
\n ))}\n \n {text}\n
\n \n {`{${name}}`}\n
\n \n
\n );\n};\n\nDeleteSubmissionTableDialog.propTypes = {\n isDialogOpen: bool,\n tableID: string,\n editor: shape({}),\n onClose: func\n};\n\nDeleteSubmissionTableDialog.defaultProps = {\n isDialogOpen: false,\n tableID: '',\n editor: {},\n onClose: f => f\n};\n\nexport default DeleteSubmissionTableDialog;\n","function checkNodeType(selectedElement) {\n if (selectedElement.nodeName === '#text') return { node: selectedElement?.parentElement, nearestTable: selectedElement?.parentElement?.closest('table') };\n return { node: selectedElement, nearestTable: selectedElement?.closest('table') };\n}\n\nfunction getLatestRow(editor) {\n const emailDoc = editor.dom.doc;\n return emailDoc.querySelector('#mainMailContent')?.lastChild?.lastChild;\n}\n\nfunction findNearestParent(lastSelectedElement, editor) {\n let nearestParent;\n const { nearestTable, node } = checkNodeType(lastSelectedElement);\n const isMainTable = nearestTable?.id === 'mainMailContent';\n if (isMainTable) {\n if (lastSelectedElement.nodeName !== 'TBODY') {\n nearestParent = node?.closest('tr');\n } else {\n nearestParent = null;\n }\n } else if (lastSelectedElement.nodeName !== '#text' && lastSelectedElement?.querySelector('#mainMailContent')) {\n nearestParent = null;\n } else {\n nearestParent = nearestTable?.closest('tr');\n }\n\n if (lastSelectedElement.nodeName === 'P') {\n lastSelectedElement.remove();\n }\n\n return nearestParent ?? getLatestRow(editor);\n}\n\nexport function insertRow(editor, template) {\n let nearestParent = null;\n const latestCaretPos = editor.dom.doc.getSelection().anchorNode;\n const buttonContainer = document.createElement('tr');\n if (latestCaretPos) {\n nearestParent = findNearestParent(latestCaretPos, editor);\n } else {\n nearestParent = getLatestRow(editor);\n }\n buttonContainer.innerHTML = template;\n\n if (nearestParent) {\n editor.dom.insertAfter(buttonContainer, nearestParent);\n } else {\n editor.insertContent(buttonContainer);\n }\n\n editor.fire('change');\n}\n","import React, {\n useRef, forwardRef, useImperativeHandle, useState, useEffect, useMemo\n} from 'react';\nimport {\n bool, arrayOf, shape, string, func\n} from 'prop-types';\nimport { RichTextEditor } from '@jotforminc/uikit';\nimport { getPlaceholderListWithStaticFields, getTextForDuplicate } from '@jotforminc/utils';\nimport { t as translate } from '@jotforminc/translation';\nimport { SubmissionTableModal } from '@jotforminc/submission-table-modal';\nimport EditorImageUploadModal from '@jotforminc/image-upload-modal';\nimport DeleteSubmissionTableDialog from './components/DeleteSubmissionTableDialog';\nimport { insertRow } from './editorHelpers';\n\nimport './tinymce/scss/tinymce.scss';\n\nconst thankYouLayouts = [\n 'smallImageUp', 'smallImageDown', 'smallImageLeft',\n 'smallImageRight', 'smallCircleImageUp', 'smallCircleImageDown',\n 'smallCircleImageLeft', 'smallCircleImageright', 'bigImageUp',\n 'bigImageDown', 'bigImageRight', 'bigImageLeftHalf', 'bigImageCenterRectangle',\n 'bigImageCenterSquare', 'bigImageCenterCircle', 'bigImageQuarterCenter',\n 'bigImageRightQuzxarter', 'bigImageLeftHalfQuarter', 'bigImageTwoThirdsTop',\n 'bigImageTwoThirdsBottom', 'bigImageQuarterTop', 'bigImageQuarterBottom',\n 'bigImageQuarterLeft', 'bigImageQuarterRight', 'none', 'bigImageRightQuarter'\n];\n\nconst EmailEditor = forwardRef(({\n addFormFields,\n staticFieldsAtTop,\n staticFields,\n questions,\n extraEditorButtons,\n customActionButtons,\n selectedRow,\n initCallbacks,\n isEncrypted,\n ...props\n}, ref) => {\n const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n const [tableID, setTableID] = useState('');\n const [selectedQuestionIDs, setSelectedQuestionIDs] = useState([]);\n const [wizardQuestions, setWizardQuestions] = useState([]);\n const [newTables, setNewTables] = useState([]);\n const editorRef = useRef();\n const modalRef = useRef();\n\n const isNewActionButtons = !!window.isNewActionButtons;\n\n const mergedActionButtons = useMemo(() => [...customActionButtons, ...newTables], [customActionButtons, newTables]);\n\n useImperativeHandle(ref, () => ({\n ...editorRef.current,\n addStyleTag: (id, content) => {\n if (!(editorRef.current?.editor)) { return; }\n const layoutStyle = global.document.createElement('style');\n layoutStyle.type = 'text/css';\n layoutStyle.setAttribute('id', id);\n layoutStyle.innerHTML = content;\n const hasLayout = thankYouLayouts.find(el => editorRef.current?.editor.getWin().document.getElementById(el));\n if (!hasLayout) {\n editorRef.current?.editor.getWin().document.head.appendChild(layoutStyle);\n } else {\n if (hasLayout === id) { return; }\n const foundStyle = editorRef.current?.editor.getWin().document.getElementById(hasLayout);\n foundStyle.setAttribute('id', id);\n foundStyle.innerHTML = content;\n }\n }\n }));\n\n const editSubmissionTable = id => {\n const { editor } = editorRef.current;\n const questionTable = editor.dom.doc.getElementById(id);\n\n const questionRows = questionTable.getElementsByClassName('questionRow');\n const questionIDs = [];\n Array.from(questionRows).forEach(node => questionIDs.push(node.id.split('_')[1]));\n\n setSelectedQuestionIDs(questionIDs);\n setWizardQuestions(questions);\n\n modalRef.current.show();\n };\n\n useEffect(() => {\n return () => {\n const htmlClass = document.querySelector('html').classList;\n const bodyClass = document.querySelector('body').classList;\n if (htmlClass.contains('mce-fullscreen') || bodyClass.contains('mce-fullscreen')) {\n document.querySelector('body').classList.remove('mce-fullscreen');\n document.querySelector('html').classList.remove('mce-fullscreen');\n }\n };\n }, []);\n\n useEffect(() => {\n const { targetItem, actionType } = selectedRow;\n if (targetItem && actionType && targetItem?.id && !tableID) {\n const targetItemID = targetItem.id;\n setTableID(targetItemID);\n if (actionType === 'tableSetting') {\n editSubmissionTable(targetItemID);\n }\n if (actionType === 'tableDelete') {\n setIsDeleteDialogOpen(true);\n }\n }\n }, [selectedRow]);\n\n const handleSubmissionTable = selectedQuestionIDList => {\n const selectedQuestions = questions.filter(question => {\n return selectedQuestionIDList.includes(question.qid);\n });\n\n if (!tableID) {\n let questionsTemplate = '';\n selectedQuestions.forEach(({\n qid, name, text, order\n }) => {\n questionsTemplate += `\n
\n );\n }\n}\n\nexport default ErrorPage;\n","import React, { lazy } from 'react';\nimport { render } from 'react-dom';\nimport Tracking from '@jotforminc/tracking';\nimport { ErrorPage } from '../components';\n\n// For future needs\n// const getChunkName = name => {\n// const startIndex = name.indexOf('|') + 2;\n// const endIndex = name.indexOf('*/') - 1;\n// return (startIndex && endIndex)\n// ? name.substr(startIndex, endIndex - startIndex)\n// : 'generic';\n// };\n\nconst safeLazy = componentImport => lazy(async () => {\n try {\n const component = await componentImport();\n return component;\n } catch (error) {\n Tracking.configureScope(scope => {\n scope.addBreadcrumb({\n message: 'Failed to load lazy script',\n category: 'editor',\n level: 'error'\n });\n });\n Tracking.captureException(error);\n let root = [...document.body.children].find(elem => elem._reactRootContainer);\n if (!root) { // as a fallback\n root = document.createElement('div');\n root.className = 'safe-lazy-root';\n document.body.appendChild(root);\n }\n render(\n
\n \n
\n \n window.location.reload()}\n className=\"jfErrorPage-action\"\n >\n {t('Refresh')}\n \n
\n \n
\n \n {t('Something went wrong')}\n
\n \n {t('Please refresh the page to try again.')}\n
\n \n { isNumbered && ({`${i + 1}.`})}\n \n {questionIcon}\n {questionLabel}\n \n \n {t(operatorLabel.toUpperCase())}\n \n {getFilterValue ? getFilterValue(r) : valueRenderer(filterValue, fieldColor)}\n
\n );\n });\n};\n\nconst FilterHoverText = ({\n getQuestionText = undefined,\n filters,\n questions,\n isNumbered = true\n}) => {\n const getFilterQuestion = fieldsIds => {\n const mainField = fieldsIds?.questionID;\n return questions.find(q => q.qid === mainField || q.name === mainField);\n };\n\n return (\n \n {getFilterRules({\n filters, getFilterQuestion, checkQid: false, isNumbered, getQuestionText\n })}\n
\n );\n};\n\nFilterHoverText.propTypes = {\n questions: arrayOf(shape({})).isRequired,\n filters: shape({}).isRequired,\n isNumbered: bool,\n getQuestionText: func\n};\n\nexport default FilterHoverText;\n","import moment from 'moment';\n\nexport const operators = [\n { name: 'matches', text: 'includes' },\n { name: 'eq', text: 'equals' },\n { name: 'ne', text: 'not equal to' },\n { name: 'lt', text: 'less than' },\n { name: 'lte', text: 'less than or equals to' },\n { name: 'gt', text: 'greater than' },\n { name: 'gte', text: 'greater than or equals to' }\n // { name: 'emp', text: 'Is Empty' },\n // { name: 'nemp', text: 'Is Filled' }\n];\n\nexport const dateOperators = [\n { name: 'matches', text: 'includes' },\n { name: 'lt', text: 'less than' },\n { name: 'lte', text: 'less than or equals to' },\n { name: 'gt', text: 'greater than' },\n { name: 'gte', text: 'greater than or equals to' }\n];\n\nexport const genericTypesMap = {\n assignee: ['control_assignee'],\n dropdown: ['control_dropdown', 'control_radio', 'control_checkbox'],\n workflow: ['control_workflowStatus'],\n numeric: ['control_number', 'control_spinner'],\n scale: ['control_rating', 'control_scale'],\n date: ['control_submissionDate', 'control_datetime', 'control_birthdate'],\n text: ['control_fullname', 'control_email', 'control_address', 'control_phone', 'control_textbox', 'control_textarea'],\n bool: ['control_sheetbox'],\n eq: ['control_eq']\n};\n\nexport const emptyValueOperators = ['emp', 'nemp'];\n\nexport const emptyValueOperatorsMap = {\n emp: 'eq',\n nemp: 'ne'\n};\n\nexport const UTILITY_FIELDS = ['created_at', 'updated_at', 'ip', 'id', 'submitter', 'submittedVia'];\nexport const UTILITY_FIELDS_WITH_Q = ['qcreated_at', 'qupdated_at', 'qip', 'qid'];\nexport const UTILITY_QUESTIONS = [\n 'control_workflowStatus',\n 'control_documentID',\n 'control_documentStatus',\n 'control_documentCreationTime',\n 'control_documentModificationTime',\n 'control_eq',\n 'control_portalUserDate',\n 'control_portalUserEmail',\n 'control_portalUserInfo'\n];\n\nexport const UNSUPPORTED_QUESTIONS = [\n 'control_documentExpirationDate'\n];\n\nexport const defaultFilter = {\n field: '',\n operator: 'matches',\n value: '',\n isFilled: false,\n isValueDisabled: false,\n lock: '0',\n id: 0\n};\n\nexport const boolOptions = [\n { value: '0', text: 'unchecked' },\n { value: '1', text: 'checked' }\n];\n\nexport const defaultFilterGroups = [\n { value: 'all', text: 'All Submissions' },\n { value: 'unread', text: 'Unread' },\n { value: 'read', text: 'Read' },\n { value: 'flag', text: 'Starred' },\n { value: 'unflag', text: 'Unstarred' }\n];\n\nexport const defaultFormat = 'D/M/YYYY';\nexport const defaultStorageFormat = 'YYYY-MM-DD HH:mm:ss';\n\nexport const startFormat = 'YYYY-MM-DD 00:00:00';\nexport const endFormat = 'YYYY-MM-DD 23:59:59';\n\nexport const startAllTime = moment('2006-01-01 00:00:00', startFormat);\nexport const lessThanStr = 'created_at:lte:datetime';\nexport const greaterThanStr = 'created_at:gte:datetime';\nexport const oldLessThanStr = 'created_at:lte:submissionDate';\nexport const oldGreaterThanStr = 'created_at:gte:submissionDate';\n\nexport const customStr = 'Custom dates';\nexport const allTimeStr = 'All time';\n\nexport const timeOptionList = [\n allTimeStr,\n 'Today',\n 'Last 3 days',\n 'Last 7 days',\n 'Last 30 days',\n 'Last 1 year',\n 'Previous week',\n 'Previous month',\n 'This year',\n 'Previous year',\n customStr\n];\n\nexport const whiteListedFilters = [\n 'datetime',\n 'appointment'\n];\n\nexport const ICON_SIZES = {\n SMALL: 'small',\n MEDIUM: 'medium',\n LARGE: 'large'\n};\n\nexport const FORMAT_MAP = {\n 'MM/DD/YYYY': 'MM/dd/yyyy',\n 'DD/MM/YYYY': 'dd/MM/yyyy',\n 'MMM D, YYYY': 'MMM d, yyyy',\n 'MMMM D, YYYY': 'MMMM d, yyyy',\n 'ddd, MMM D, YYYY': 'eee, MMM d, yyyy',\n 'dddd, MMMM D, YYYY': 'eeee, MMMM d, yyyy',\n 'MMM D, YYYY HH:mm': 'MMM d, yyyy HH:mm',\n 'MMMM D, YYYY HH:mm': 'MMMM d, yyyy HH:mm',\n 'ddd, MMM D, YYYY HH:mm': 'eee, MMM d, yyyy HH:mm',\n 'dddd, MMMM D, YYYY HH:mm': 'eeee, MMMM d, yyyy HH:mm',\n 'MMM D, YYYY hh:mm A': 'MMM d, yyyy hh:mm a',\n 'MMMM D, YYYY hh:mm A': 'MMMM d, yyyy hh:mm a',\n 'ddd, MMM D, YYYY hh:mm A': 'eee, MMM d, yyyy hh:mm a',\n 'dddd, MMMM D, YYYY hh:mm A': 'eeee, MMMM d, yyyy hh:mm a'\n};\n\nexport const DATE_FORMATS_WITHOUT_TIME = [\n 'MM/DD/YYYY',\n 'DD/MM/YYYY',\n 'MMM D, YYYY',\n 'MMMM D, YYYY',\n 'ddd, MMM D, YYYY',\n 'dddd, MMMM D, YYYY'\n];\n\nexport const DAY_ABBREVIATIONS = {\n Sunday: 'Sun',\n Monday: 'Mon',\n Tuesday: 'Tue',\n Wednesday: 'Wed',\n Thursday: 'Thu',\n Friday: 'Fri',\n Saturday: 'Sat'\n};\n","import React from 'react';\nimport {\n func, oneOfType, shape, string, arrayOf, bool\n} from 'prop-types';\nimport {\n getQuestionByPlaceholder,\n preparePillObjectFromQuestion,\n preparePillObjectFromEmail,\n computeQuestions\n} from '@jotforminc/utils';\nimport TagInput from '@jotforminc/tag-input';\n\nconst SingleEmailInput = ({\n addFormFields, value, formTitle, questions, userList,\n onChange, useArrayAsValue, isHIPAA, useMultipleForms, formArray, duplicatedEmails, ...props\n}) => {\n const valueAsArray = Array.isArray(value) && value[0] ? value[0].value : '';\n const valArrToStr = Array.isArray(value) && !valueAsArray ? '' : value;\n const calculatedValue = useArrayAsValue && valueAsArray ? valueAsArray : valArrToStr;\n const sanitizedValue = !calculatedValue && typeof value === 'string' ? value : calculatedValue;\n const questionList = useMultipleForms ? formArray.flatMap(q => q.questions) : questions;\n\n const handleChange = tmpValue => {\n if (!tmpValue) {\n return onChange(useArrayAsValue ? [] : '');\n }\n\n const question = getQuestionByPlaceholder(tmpValue, questionList);\n const updatedValue = question ? preparePillObjectFromQuestion(question) : preparePillObjectFromEmail(tmpValue);\n onChange(useArrayAsValue ? [updatedValue] : updatedValue);\n };\n\n const computedQuestions = computeQuestions(questionList, isHIPAA);\n\n return (\n \n ({ ...opt, text: t(opt.text) }))}\n onOptionSelect={({ value, key }) => handleSortingSelect(value, key)}\n OptionRenderer={renderSortOption}\n popoverProps={{\n className: 'listings-popover-modal',\n popoverOptions: {\n placement: 'bottom-end'\n }\n }}\n onOptionsVisibilityChanged={handleOptionsVisible}\n placeholder={t('Please select')}\n // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n OptionContainerRenderer={props => }\n optionsAutoFocus={true}\n />\n
\n );\n};\n\nSortMenu.propTypes = {\n sortOnClient: func,\n selectedFolder: string\n};\n\nSortMenu.defaultProps = {\n sortOnClient: f => f,\n selectedFolder: 'allForms'\n};\n\nexport default SortMenu;\n","import { t } from '@jotforminc/translation';\nimport React, { useState } from 'react';\nimport { func } from 'prop-types';\nimport { classNames } from '@jotforminc/utils';\nimport {\n IconFormFilled,\n IconProductPaymentFormFilled,\n IconAngleDown,\n IconCheck\n} from '@jotforminc/svg-icons';\nimport { Dropdown } from './Dropdown';\n\nconst FilterForm = ({ filterOnClient }) => {\n const [isOptionsVisible, setOptionsVisible] = useState(false);\n const [filterValue, setFilterValue] = useState('all');\n\n const getCommonFilterValues = () => ([\n {\n text: 'All Forms',\n value: 'all',\n isDefault: true,\n Icon: IconFormFilled\n },\n {\n text: 'Payment Forms',\n value: 'payment',\n Icon: IconProductPaymentFormFilled\n }\n ]);\n\n const handleOptionsVisible = tmpIsOptionsVisible => {\n if (isOptionsVisible === tmpIsOptionsVisible) {\n return;\n }\n setOptionsVisible(tmpIsOptionsVisible);\n };\n\n const renderFilterOption = val => {\n const { option: { text, Icon }, isSelected } = val;\n return (\n <>\n \n ({ ...opt, text: t(opt.text) }))}\n onOptionSelect={({ value, key }) => handleFilter(value, key)}\n OptionRenderer={renderFilterOption}\n popoverProps={{\n className: 'listings-popover-modal',\n popoverOptions: {\n placement: 'bottom-end'\n }\n }}\n onOptionsVisibilityChanged={handleOptionsVisible}\n placeholder={t('Please select')}\n // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n OptionContainerRenderer={props => }\n optionsAutoFocus={true}\n />\n
\n );\n};\n\nFilterForm.propTypes = {\n filterOnClient: func\n};\n\nFilterForm.defaultProps = {\n filterOnClient: f => f\n};\n\nexport default FilterForm;\n","import React from 'react';\nimport {\n bool, func, number, string\n} from 'prop-types';\nimport { useFeatures } from '@paralleldrive/react-feature-toggles';\n\nimport { Feature, FeatureToggles } from '@jotforminc/feature-toggle';\nimport { createObjectWithKeys } from '@jotforminc/utils';\nimport { Button } from '@jotforminc/common-button';\nimport { IconXmarkSm } from '@jotforminc/svg-icons';\nimport { propTypes } from '@jotforminc/constants';\nimport { translationRenderer, t } from '@jotforminc/translation';\n\nimport { ScControlBar } from './scControlBar';\nimport { CheckBox } from './CheckBox';\nimport SearchInput from './SearchInput';\nimport { debounce } from '../utils';\nimport SortMenu from './SortMenu';\nimport FilterForm from './FilterForm';\n\nfunction ControlBar({\n isVisible,\n isAllSelected,\n onSelectAll,\n selectedItemCount,\n clearSelection,\n searchPlaceholder,\n searchTerm,\n onSearchTermChange,\n bulkActions,\n isMultiSelect,\n otherItems,\n showSelectAll,\n showSelectedItemCount,\n autoFocus,\n isNewBranding,\n sortOnClient,\n filterOnClient\n}) {\n if (!isVisible) return null;\n const checkboxID = Math.random(); // Better way?\n let selectAllStatus = 'false';\n\n // const selectAllStatus = isAllSelected ? 'true' : (selectedItemCount > 0 ? 'partial' : 'false'); nested ternary bad\n switch (true) {\n case isAllSelected:\n selectAllStatus = 'true';\n break;\n case selectedItemCount > 0:\n selectAllStatus = 'partial';\n break;\n default:\n break;\n }\n\n const shouldShowSelectAll = showSelectAll && isMultiSelect;\n const shouldShowCount = selectedItemCount && showSelectedItemCount;\n const shouldShowOthers = otherItems && otherItems?.length > 0;\n const shouldShowBody = shouldShowSelectAll || shouldShowCount || shouldShowOthers;\n\n return (\n \n {bulkActions}
} />\n \n ) : null}\n {shouldShowOthers ? (\n \n \n {translationRenderer('[1[{selectedItemCount}]] selected')({\n renderer1: () => <>{selectedItemCount}\n })}\n \n \n
\n \n {otherItems.map((e, index) => (e.key ? e : ({ ...e, key: index })))}\n
\n ) : null}\n \n ) : null}\n />\n <>\n \n \n
\n );\n};\n","import { Hooks } from '@jotforminc/uikit';\nimport { useCallback, useEffect, useState } from 'react';\n\nconst INFINITE_LOADING_FETCH_LIMIT = 50;\n\nexport const useInfiniteFormLoading = ({\n fetchInfiniteFormsCallback, searchTerm, setItems\n}) => {\n const [offset, setOffset] = useState(-1);\n const [hasMore, setHasMore] = useState(true);\n const [loading, setLoading] = useState(true);\n\n const handleInfiniteLoading = async () => {\n if (!hasMore) {\n return;\n }\n\n try {\n setLoading(true);\n const res = await fetchInfiniteFormsCallback({ offset: offset < 0 ? 0 : offset * 50, limit: INFINITE_LOADING_FETCH_LIMIT, filter: { fullText: searchTerm } });\n setItems(prev => ([...new Set([...prev, ...res])]));\n setLoading(false);\n if (res?.length < INFINITE_LOADING_FETCH_LIMIT) {\n setHasMore(false);\n }\n } catch {\n // error handling\n }\n };\n\n const onIntersection = useCallback(([{ isIntersecting }]) => {\n if (isIntersecting) {\n setOffset(prev => prev + 1);\n }\n }, [setOffset]);\n\n useEffect(() => {\n const intersectionElement = document.querySelector('.infinite-loading-intersection');\n let observer;\n\n if (global.IntersectionObserver) {\n observer = new global.IntersectionObserver(onIntersection, { threshold: 0.0 });\n\n if (intersectionElement) observer.observe(intersectionElement);\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, []);\n\n Hooks.useEffectIgnoreFirst(() => {\n handleInfiniteLoading();\n }, [offset]);\n\n return {\n loading, hasMore, setHasMore, setOffset\n };\n};\n","import React, {\n useEffect, useState, useRef, useMemo, forwardRef, useImperativeHandle\n} from 'react';\nimport {\n arrayOf, bool, func, objectOf, oneOfType, shape, string\n} from 'prop-types';\nimport Styled, { ThemeProvider } from 'styled-components';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport isEqual from 'lodash/isEqual';\nimport orderByFn from 'lodash/orderBy';\nimport { propTypes } from '@jotforminc/constants';\n\nimport { SelectionGroup as UIKitSelectionGroup, Hooks } from '@jotforminc/uikit';\nimport { EmptyList, NotFoundList } from '@jotforminc/empty-list';\nimport { Feature, FeatureToggles } from '@jotforminc/feature-toggle';\nimport { arrayMove } from '@jotforminc/utils';\nimport { theme as defaultTheme } from './helpers/defaultTheme';\n\nimport ControlBar from './ControlBar';\nimport { fuseSearch } from './utils'; // Don't import this from utils/data it increases dependency size\nimport { FormLoadingSkeleton } from './FormLoadingSkeleton';\nimport { useInfiniteFormLoading } from './hooks';\n\nconst SelectionGroup = Styled(forwardRef((props, ref) => \n
\n \n )}\n />\n {t(listTitle)}
\n{t(listDescription)}
\n\n {isFormPickerInfiniteLoadingEnabled && hasMore ? (\n <>{[...Array(40)].map(() =>
\n {!loading && handleNotFound()}\n - {children}
{header}
\n {headerHasCloseButton && (\n \n {children}\n
\n );\n};\n\nTab.propTypes = {\n id: string.isRequired,\n children: node.isRequired\n};\n\nexport default Tab;\n","import React, {\n Children,\n forwardRef,\n useImperativeHandle,\n useEffect,\n useState,\n useMemo\n} from 'react';\nimport {\n objectOf, shape, node, string, elementType, arrayOf, func\n} from 'prop-types';\n\nconst TabList = forwardRef(({\n list, children, defaultActiveTab, erroredTabs, onTabChange,\n Wrapper, TabButton, TabButtonContainer, TabListContainer, TabContainer, activeTabClassName, tabButtonClassName\n}, tabListRef) => {\n const tabs = Object.entries(list);\n const [activeTabID, setActiveTabID] = useState(defaultActiveTab || tabs[0][0]);\n useImperativeHandle(tabListRef, () => ({ setActiveTabID, activeTabID }));\n\n useEffect(() => {\n onTabChange(activeTabID);\n }, [activeTabID]);\n\n const generateTabClickHandler = id => () => setActiveTabID(id);\n const tabIdPrefix = useMemo(() => Math.random().toString(36).slice(2), []);\n const tabButtonPrefix = useMemo(() => Math.random().toString(36).slice(2), []);\n\n return (\n {children}
{children}
\n {text &&
\n )}\n {text}
}\n {desc && {desc}
}\n {icon}
: null;\n }\n\n renderV1() {\n const {\n text,\n onClick,\n backgroundColor,\n color,\n children,\n customProps\n } = this.props;\n\n return (text || children) ? (\n \n
\n \n \n ) : null;\n }\n\n renderV2() {\n const {\n v2,\n animated,\n className,\n backgroundColor,\n wrapperClassName,\n isVisible,\n children,\n align,\n attach,\n customProps,\n style,\n allowHover,\n hideArrow,\n tooltipDistance,\n tooltipArrowDistance,\n noWrap,\n ...props\n } = this.props;\n\n const isVertical = VerticalAttachments.indexOf(attach) >= 0;\n\n return children ? (\n \n {this.renderIcon()}\n
\n {children || text}
\n \n \n
\n \n {children}\n
\n \n ) : null;\n }\n\n render() {\n const { v2 } = this.props;\n return !v2 ? this.renderV1() : this.renderV2();\n }\n}\n\nTooltip.propTypes = {\n v2: bool,\n className: string,\n children: node,\n icon: oneOfType([\n elementType,\n node\n ]),\n text: string,\n align: oneOf(['Left', 'Center', 'Right', 'Start', 'End']),\n attach: oneOf([...VerticalAttachments, ...HorizontalAttachments]),\n animated: bool,\n onClick: func,\n wrapperClassName: string,\n backgroundColor: string,\n color: string,\n isVisible: bool,\n allowHover: bool,\n hideArrow: bool,\n noWrap: bool,\n renderInContainer: bool,\n tooltipDistance: string,\n tooltipArrowDistance: string,\n style: shape({}),\n customProps: shape({})\n};\n\nTooltip.defaultProps = {\n v2: false,\n className: null,\n children: null,\n icon: null,\n text: null,\n align: 'Center',\n attach: 'Top',\n animated: false,\n onClick: f => f,\n wrapperClassName: null,\n backgroundColor: null,\n color: null,\n isVisible: false,\n allowHover: false,\n hideArrow: false,\n noWrap: false,\n renderInContainer: false,\n tooltipDistance: null,\n tooltipArrowDistance: null,\n style: {},\n customProps: {}\n};\n","export const langCodes = {\n tr: 'tr-TR',\n en: 'en-US',\n es: 'es-ES',\n pt: 'pt-PT',\n fr: 'fr-FR',\n de: 'de-DE',\n it: 'it-IT',\n bg: 'bg-BG',\n sr: 'sr-BA',\n hu: 'hu-HU',\n fi: 'fi-FI',\n ka: 'ka-GE',\n nl: 'nl-NL',\n uk: 'uk-UA',\n ua: 'uk-UA',\n id: 'id-ID',\n ko: 'ko-KR',\n ar: 'ar-AR',\n ja: 'ja-JP',\n pl: 'pl-PL',\n ca: 'ca-ES',\n sv: 'sv-SE',\n no: 'no-NO',\n da: 'da-DA',\n ro: 'ro-RO',\n ru: 'ru-RU',\n zh: 'zh-CN',\n 'zh-CN': 'zh-CN',\n 'zh-HK': 'zh-HK',\n af: 'af-ZA',\n he: 'he-IL'\n};\n\nexport const partialTranslations = {\n 'animal-shelter': path => /(jotform.com|jform.co.kr|jotform.pro)(\\/){1}(animal-shelter){1}/g.test(path)\n};\n\n/**\n * Returns Jotform translation files suffix (locale/locale_SUFFIX.js)\n * @param {string} localeCode - lang-[country] (en-US, pt-BR, en)\n * @return {string} A value from langCodes object.\n */\nexport const getLangFileSuffix = localeCode => {\n const lang = localeCode.split('-')[0];\n return langCodes[localeCode] || langCodes[lang];\n};\n\nexport const DEFAULT_LANGUAGE = 'en-US';\n","import axios from 'axios';\nimport isNil from 'lodash/isNil';\n\nimport { encodeUsedTranslations, unlocalizeOriginHref } from './utils';\nimport { partialTranslations, DEFAULT_LANGUAGE } from './constants';\n\nexport const prepareT = translation => function t(str, params = {}) {\n if (!str) {\n return str;\n }\n if (typeof str !== 'string') {\n return str;\n }\n\n if ((global?.window?.location?.href || '')?.includes('rawTranslationTextMode=true')) {\n return str;\n }\n\n let translated = str;\n try {\n if (typeof translation.translate === 'function') {\n translated = translation.translate(str, params);\n } else if (typeof translation.t === 'function') {\n translated = translation.t(str, params);\n }\n if (typeof global?.window?.useTranslationScreenshots !== 'undefined') {\n return str;\n }\n if (translation.currentLocale !== DEFAULT_LANGUAGE && str !== translated && translation.controlMode) {\n return '1';\n }\n } catch (e) {\n console.error('Error on common/translate falling back with original str', e);\n }\n\n const resp = (params.branding21) ? translated.replace(/JotForm/g, 'Jotform') : translated;\n\n return resp;\n};\n\nexport const preapreTtime = translation => function ttime(str, options = {}) {\n const { hour = 'numeric', minute = 'numeric' } = options;\n const formatOptions = { hour, minute };\n let [hourVal, minuteVal] = str.replace('/am|pm/', '').split(':').map(i1 => parseInt(i1, 10)); //eslint-disable-line\n\n if (str.indexOf('pm') > 0) {\n hourVal = hourVal !== 12 ? hourVal + 12 : hourVal;\n } else if (str.indexOf('am') > 0) {\n hourVal = hourVal === 12 ? 0 : hourVal;\n }\n\n const tempDate = new Date();\n tempDate.setHours(hourVal, minuteVal);\n // eslint-disable-next-line no-restricted-globals\n if (isNaN(tempDate.getTime())) {\n return str;\n }\n return tempDate.toLocaleTimeString(translation.currentLocale, formatOptions);\n};\n\nexport const prepareTDate = translation => function tdate(str, options = {}) {\n try {\n const ttime = preapreTtime(translation);\n if (options.timeOnly) {\n return ttime(str, options);\n }\n const dateObj = new Date(str);\n // eslint-disable-next-line no-restricted-globals\n if (isNaN(dateObj.getTime())) {\n return str;\n }\n // Add undesired fields with null values to options object. Ex:{weekday : null}\n const formatOptions = {\n weekday: 'short', year: 'numeric', month: 'short', day: 'numeric'\n };\n if (options && typeof options === 'object') {\n Object.keys(options).forEach(optionName => {\n if (options[optionName] == null) {\n delete formatOptions[optionName];\n } else {\n formatOptions[optionName] = options[optionName];\n }\n });\n }\n return dateObj.toLocaleDateString(translation.currentLocale, formatOptions);\n } catch (err) {\n return str;\n }\n};\n\n// Example usage:\n/*\n translationRenderer('This is an [1[example]] string [2[for]] translation')({\n renderer1: (str) => {str}; // str is \"example\"\n fallback: (str) => \n {text}\n
\n ),\n ContainerRenderer: forwardRef(({ children, id }, ref) => (\n {children}
\n {text}
,\n OptionContainerRenderer: props => ,\n TextInputRenderer: forwardRef(({ ...props }, ref) => \n
\n \n
\n \n );\n};\n\nFilePreview.propTypes = {\n file: shape({\n name: string,\n type: string,\n url: string\n }),\n translate: func,\n changeModeToUpload: func,\n Thumbnail: elementType,\n removeButtonText: string\n};\n\nFilePreview.defaultProps = {\n file: {},\n translate: f => f,\n changeModeToUpload: f => f,\n Thumbnail: props => \n {shortName}\n \n {translate(removeButtonText)}\n \n
\n ![\"file-upload-thumbnail\"](\"cdn.jotfor.ms/assets/img/builder/other_file_icon.png\"){kind=icon}
,\n removeButtonText: 'Remove File'\n};\n\nexport default FilePreview;\n","import React from 'react';\nimport { shape } from 'prop-types';\n\nconst Form = ({ style, ...props }) => (\n