setPreviewVisibility(false)}\n />\n )}\n \n );\n } return null;\n};\n\nrequestMoreInfoEntry.Attachment.propTypes = {\n ...entryPropTypes\n};\n\nconst undoLoadingEntry = {};\n\nundoLoadingEntry.propTypes = {\n};\n\nundoLoadingEntry.Name = WFCategoryName;\n\nundoLoadingEntry.Status = () => {\n return (\n \n
\n );\n};\n\nundoLoadingEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nconst mockApproveDenyEntry = ({ actionDetails, user }) => {\n const { comment, signature } = actionDetails;\n return (\n <>\n {/* eslint-disable-next-line no-nested-ternary */}\n {user?.username === '!workflow_system'\n ? null // {comment}
: null}\n {signature ? : null}\n \n )}\n \n );\n};\n\nmockApproveDenyEntry.propTypes = {\n};\n\nmockApproveDenyEntry.Name = WFCategoryName;\n\nmockApproveDenyEntry.Status = ({\n actionDetails: {\n text, buttonColor: color, type, assigneeEmail, assigneeUser: { name } = {}\n },\n user: { username, email }\n}) => {\n const isSystem = username === '!workflow_system';\n const hideBehalf = isSystem || (!name && !assigneeEmail) || assigneeEmail === email;\n const badgeText = statusTexts[text?.toUpperCase()] || text;\n const badgeClass = type?.toLowerCase();\n const displayName = name || assigneeEmail;\n const contentText = `${isSystem ? \"[1[{user}'s]] task was automatically\" : ''} [2[{badgeText}]] ${hideBehalf ? '' : 'on behalf of [3[{user}]]'}`;\n return (\n <>\n \n {translationRenderer(contentText)({\n renderer1: usernameText => {usernameText.replace('{user}', displayName)} ,\n renderer2: () => {t(badgeText)} ,\n renderer3: usernameText => {usernameText.replace('{user}', displayName)} \n })}\n
\n {isSystem\n ? (\n \n {'{user} didn\\'t take any action in the time allowed.'.replace(/{user}/, name || assigneeEmail)} \n
\n )\n : null}\n \n );\n};\n\nmockApproveDenyEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nconst editSubmissionEntry = {};\n\neditSubmissionEntry.propTypes = {\n ...entryPropTypes\n};\n\neditSubmissionEntry.Name = EditSubmisisonCategoryName;\n\neditSubmissionEntry.Status = ({ actionDetails }) => {\n const { assigneeUser: { name, email } = {}, assigneeEmail } = actionDetails;\n const actionOwner = name || email || assigneeEmail || 'Form User';\n\n return (\n <>\n \n \n {' '}\n {actionOwner}\n \n {' '}\n edited the submission. \n
\n \n );\n};\n\neditSubmissionEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nconst UserNoAction = ({ user }) => (\n \n {user.avatarUrl ? (\n
\n ) : null}\n {t('{user} did not complete this submission in the time allowed.').replace(/{user}/g, user.name)}\n
\n {translationRenderer(\"[1[{prevName}'s]] task has been [2[Escalated]] to [3[{nextName}]]\")({\n renderer1: text => {text.replace(/{prevName}/g, displayName)} ,\n renderer2: text => {text} ,\n renderer3: () => {next.name || next.email} \n })}\n
\n \n {t('{prevName} didn\\'t take any action in the time allowed.').replace(/{prevName}/g, displayName)} \n
\n \n );\n};\n\nEscalateEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nEscalateEntry.PopoverDescription = ({ actionDetails }) => {\n const { next } = getUsers(actionDetails);\n return t('to: {nextName}').replace(/{nextName}/g, next.name || next.email);\n};\n\nEscalateEntry.PopoverDescription.propTypes = {\n ...entryPropTypes\n};\n\nconst ExpiredEntry = {};\n\nExpiredEntry.propTypes = {\n ...entryPropTypes\n};\n\nExpiredEntry.user = getSystemUser;\n\nExpiredEntry.Name = WFCategoryName;\n\nExpiredEntry.Status = ({ actionDetails }) => {\n const user = getAssignee(actionDetails);\n const { fromMultipleApproval } = actionDetails;\n const displayName = fromMultipleApproval ? 'Group Approval' : user?.name || user?.email;\n return (\n \n
\n {translationRenderer('[1[{user}]] task was [2[Expired]]')({\n renderer1: text => {text.replace('{user}', displayName)} ,\n renderer2: text => {text} \n })}\n
\n
\n {t(\"{user} didn't take any action in the time allowed.\").replace('{user}', displayName)} \n
\n
\n
\n {translationRenderer('This submission has [1[Automatically Finished]] as [2[{typeText}]]')({\n renderer1: text => {text} ,\n renderer2: () => {typeText} \n })}\n
\n
\n
{comment}
: null}\n {signature ? : null}\n \n )}\n \n );\n};\n\nApproveRejectEntry.user = (actionDetails, user) => (\n user?.username === '!workflow_system' ? getSystemUser() : { ...user, color: actionDetails?.buttonColor }\n);\n\nApproveRejectEntry.propTypes = {\n ...entryPropTypes\n};\n\nApproveRejectEntry.Status = ({\n actionDetails: {\n text, buttonColor: color, type, assigneeEmail, assigneeUser: { name } = {}, title, takenOver, fromMultipleApproval\n },\n user: { username, email }\n}) => {\n const isSystem = username === '!workflow_system';\n const hideBehalfEmail = assigneeEmail?.toLowerCase() === email?.toLowerCase();\n const hideBehalf = (!takenOver || isSystem) && (isSystem || (!name && !assigneeEmail) || hideBehalfEmail || (!username && !email && (name || assigneeEmail)));\n const badgeText = statusTexts[text?.toUpperCase()] || text;\n const badgeClass = type?.toLowerCase();\n const displayName = fromMultipleApproval ? 'Group Approval' : name || assigneeEmail;\n const contentText = `${isSystem ? \"[1[{user}'s]] task was automatically\" : ''} [2[{badgeText}]] ${hideBehalf ? '' : ' on behalf of [3[{user}]]'}`;\n return (\n <>\n {title ? (\n {translationRenderer('[1[{taskTitle}]] Step')({ renderer1: () => <>{title} })} \n ) : null}\n \n {translationRenderer(contentText)({\n renderer1: usernameText => {usernameText.replace('{user}', displayName)} ,\n renderer2: () => {t(badgeText)} ,\n renderer3: usernameText => {usernameText.replace('{user}', displayName)} \n })}\n
\n {isSystem\n ? (\n \n {'{user} didn\\'t take any action in the time allowed.'.replace(/{user}/, displayName)} \n
\n )\n : null}\n \n );\n};\n\nApproveRejectEntry.Attachment = ({ actionDetails: { attachment } }) => {\n const [fileIndex, setFileIndex] = useState(0);\n const [previewVisibility, setPreviewVisibility] = useState(false);\n let uploadUrls = [];\n if (attachment && attachment?.url) {\n uploadUrls.push(attachment?.url);\n }\n\n if (uploadUrls && Array.isArray(uploadUrls) && uploadUrls?.length > 0) {\n uploadUrls = uploadUrls?.map(uploadUrl => {\n const hiddenExtensions = ['JPEG', 'PNG', 'GIF', 'JPG', 'DOCX'];\n const fullName = /[^/]*$/.exec(uploadUrl)[0];\n const extension = fullName?.split('.')?.pop()?.toUpperCase();\n\n return {\n description: '',\n fileName: fullName,\n fileThumbnailUrl: uploadUrl,\n fileUrl: uploadUrl,\n previewUrl: uploadUrl,\n size: '',\n extension,\n isHidden: hiddenExtensions?.indexOf(extension) > -1\n };\n });\n return (\n \n {uploadUrls?.map(({ fileName, extension, isHidden }, i) => {\n return (\n {\n setFileIndex(i);\n setPreviewVisibility(true);\n }}\n >\n \n
\n \n {fileName}\n \n \n );\n })}\n {previewVisibility && (\n setPreviewVisibility(false)}\n />\n )}\n \n );\n } return null;\n};\n\nApproveRejectEntry.Attachment.propTypes = {\n ...entryPropTypes\n};\n\nApproveRejectEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nApproveRejectEntry.Name = WFCategoryName;\n\nconst MultipleApproveReject = ({ actionDetails, user }) => {\n const { comment, signature } = actionDetails;\n return (\n <>\n {/* eslint-disable-next-line no-nested-ternary */}\n {user?.username === '!workflow_system'\n ? null // {comment}
: null}\n {signature ? : null}\n \n )}\n \n );\n};\n\nMultipleApproveReject.user = actionDetails => (\n isTeamApproval(actionDetails?.subType || actionDetails?.type, actionDetails?.team) ? getGroupTeamApproverUser(actionDetails?.team) : getGroupApproverUser()\n);\n\nMultipleApproveReject.propTypes = {\n ...entryPropTypes\n};\n\nMultipleApproveReject.Status = ({\n actionDetails: {\n text = '', buttonColor: color, type, subtaskHistory, title, approvalOptions, subType, sentDate, cancelReason, team = null\n }\n}) => {\n const badgeText = statusTexts[text?.toUpperCase()] || text;\n const badgeClass = type?.toLowerCase();\n const filteredsubTaskHistory = subtaskHistory?.filter(history => history?.actionDetails?.assigneeUser);\n const subtaskActionDetails = filteredsubTaskHistory?.map(history => history?.actionDetails);\n const parsedDataForWorkflow = filteredsubTaskHistory?.map(({\n actionDetails, timestamp, user\n }) => {\n const {\n buttonColor,\n assigneeUser,\n outcomeInfo,\n notRequired,\n notQualifiedReason = null,\n comment,\n takenOver: subtaskTakenOver,\n signature\n } = actionDetails;\n\n const {\n name, status, email, avatarUrl\n } = assigneeUser || {};\n\n const {\n username, email: userEmail, name: userName, avatarUrl: userAvatarUrl\n } = user;\n const userValue = name || email;\n const contentText = subtaskTakenOver ? `on behalf of ${userValue}` : '';\n\n return {\n name: !subtaskTakenOver || Array.isArray(user) ? name : userName || username,\n email: !subtaskTakenOver || Array.isArray(user) ? email : userEmail,\n avatarUrl: !subtaskTakenOver || Array.isArray(user) ? avatarUrl : userAvatarUrl,\n status,\n timestamp,\n comment,\n properties: {\n outcomeInfo, notRequired, contentText, notQualifiedReason\n },\n notRequired,\n notQualifiedReason,\n signature: signature?.value,\n style: { '--outcome-color': buttonColor }\n };\n });\n return (\n <>\n {title ? (\n {translationRenderer('[1[{taskTitle}]] Step')({ renderer1: () => <>{title} })} \n ) : null}\n {!cancelReason && (\n \n {t(badgeText)} \n
\n )}\n \n \n );\n};\n\nMultipleApproveReject.Attachment = ({ actionDetails: { attachment } }) => {\n const [fileIndex, setFileIndex] = useState(0);\n const [previewVisibility, setPreviewVisibility] = useState(false);\n let uploadUrls = [];\n if (attachment && attachment?.url) {\n uploadUrls.push(attachment?.url);\n }\n\n if (uploadUrls && Array.isArray(uploadUrls) && uploadUrls?.length > 0) {\n uploadUrls = uploadUrls?.map(uploadUrl => {\n const hiddenExtensions = ['JPEG', 'PNG', 'GIF', 'JPG', 'DOCX'];\n const fullName = /[^/]*$/.exec(uploadUrl)[0];\n const extension = fullName?.split('.')?.pop()?.toUpperCase();\n\n return {\n description: '',\n fileName: fullName,\n fileThumbnailUrl: uploadUrl,\n fileUrl: uploadUrl,\n previewUrl: uploadUrl,\n size: '',\n extension,\n isHidden: hiddenExtensions?.indexOf(extension) > -1\n };\n });\n return (\n \n {uploadUrls?.map(({ fileName, extension, isHidden }, i) => {\n return (\n {\n setFileIndex(i);\n setPreviewVisibility(true);\n }}\n >\n \n
\n \n {fileName}\n \n \n );\n })}\n {previewVisibility && (\n setPreviewVisibility(false)}\n />\n )}\n \n );\n } return null;\n};\n\nMultipleApproveReject.Attachment.propTypes = {\n ...entryPropTypes\n};\n\nMultipleApproveReject.Status.propTypes = {\n ...entryPropTypes\n};\n\nMultipleApproveReject.Name = WFCategoryName;\n\nconst ErrorEntry = {};\nErrorEntry.Name = WFCategoryName;\n\nErrorEntry.Status = () => (\n \n {translationRenderer(isWorkflowReleased ? '[1[Canceled]] flow.' : '[1[Canceled]] approval flow.')({\n renderer1: text => {text} \n })}\n
\n);\n\nconst RestartEntry = {};\nRestartEntry.Name = WFCategoryName;\n\nRestartEntry.Status = () => {\n return (\n \n {translationRenderer(isWorkflowReleased ? '[1[Restarted]] flow.' : '[1[Restarted]] approval flow.')({\n renderer1: text => {text} \n })}\n
\n );\n};\n\nconst AssignFormNotificationEntry = {};\n\nAssignFormNotificationEntry.user = getSystemUser;\nAssignFormNotificationEntry.Status = ({ actionDetails }) => {\n const {\n to, subject, formTitle, assigneeUser\n } = actionDetails;\n const userName = assigneeUser?.name || assigneeUser?.username || to;\n return (\n <>\n \n {translationRenderer('[1[{form}]] [2[{sent}]] to [3[{to}]] [4[{subject}]]')({\n renderer1: formText =>
{formText.replace('{form}', formTitle)} ,\n renderer2: sentText =>
{sentText.replace('{sent}', ' sent')} ,\n renderer3: toText =>
{toText.replace('{to}', userName)} ,\n renderer4: subjectText =>
{stripHTML(decodeHTML(subjectText.replace('{subject}', subject)))}
\n })}\n
\n View Sign Inbox\n \n \n );\n};\n\nViewSignInboxButton.propTypes = {\n submissionID: string,\n documentFormID: string\n};\n\nViewSignInboxButton.defaultProps = {\n submissionID: '',\n documentFormID: ''\n};\n\nconst ReminderEntry = {};\n\nReminderEntry.user = getSystemUser;\nReminderEntry.Status = ({ actionDetails }) => {\n const {\n to, subject, elementType, elementSubType\n } = actionDetails;\n return (\n <>\n \n {translationRenderer('[1[{element}]] Step - Email sent to [2[{to}]] [3[{subject}]]')({\n renderer1: elementName =>
{elementName.replace('{element}', getElementName(elementType, elementSubType))} ,\n renderer2: toText =>
{toText.replace('{to}', to)} ,\n renderer3: subjectText => (\n
\n \n {' '}\n { subjectText.replace('{subject}', subject)}\n \n
\n )\n })}\n
\n {translationRenderer('[1[{title}]] sent for signature. [2[{viewSignInbox}]]')({\n renderer1: subjectText =>
{stripHTML(decodeHTML(subjectText.replace('{title}', documentTitle)))} ,\n renderer2: () =>
\n })}\n
\n
\n {\n translationRenderer('[1[{status}]]')({\n renderer1: subjectText => (\n <>\n \n {stripHTML(decodeHTML(subjectText.replace('{status}', badgeText)))}\n \n {' '}\n \n )\n })\n }\n {stripHTML(decodeHTML(documentTitle))} \n
\n {translationRenderer('[1[{viewSignInbox}]]')({\n renderer1: () =>
\n })}\n
\n {translationRenderer(['workflow_send_approval_report', 'workflow_send_default_report'].includes(subType) ? 'Approval Report Email sent to [1[{to}]] [2[{subject}]]'\n : 'Email sent to [1[{to}]] [2[{subject}]]')({\n renderer1: toText =>
{toText.replace('{to}', emailList.replace(/,/g, ', '))} ,\n renderer2: subjectText =>
{stripHTML(decodeHTML(subjectText.replace('{subject}', subject)))}
\n })}\n
\n {translationRenderer('[1[{title}]] [2[{sent}]] to [3[group approval]] [4[{approverOptions}]]')({\n renderer1: titleText =>
{titleText.replace('{title}', title)} ,\n renderer2: sentText =>
{sentText.replace('{sent}', ' request sent')} ,\n renderer3: () =>
{team?.teamName} ,\n renderer4: () => (\n
\n )\n })}\n
\n {translationRenderer('[1[{title}]] [2[{sent}]] to [3[group approval]] [4[{approverOptions}]]')({\n renderer1: titleText =>
{titleText.replace('{title}', title)} ,\n renderer2: sentText =>
{sentText.replace('{sent}', ' sent')} ,\n renderer3: text =>
{text} ,\n renderer4: () => (\n
\n )\n })}\n
\n \n {translationRenderer('[1[{newSubmission}]] [2[{formName}]] [3[{viewSubmission}]] ')({\n renderer1: newSubmission =>
{newSubmission.replace('{newSubmission}', 'New submission on ')} ,\n renderer2: formNameText =>
{formNameText.replace('{formName}', formTitle)} ,\n renderer3: () => (\n <>\n
\n setPanelOpen(submissionID)}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n View Submission\n \n
\n \n )\n })}\n
\n {isPanelOpen === submissionID ? (\n \n
\n {singleSubmission && (\n
\n
\n \n );\n};\nAssignFormSubmissionEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nAssignFormSubmissionEntry.Name = WFNewSubmissionCategoryName;\n\nconst AssignTaskCompleteEntry = {};\n\nAssignTaskCompleteEntry.user = getAssignee;\nAssignTaskCompleteEntry.Status = ({\n actionDetails, timestamp, name, actionType\n}) => {\n const formID = actionDetails?.taskFormID;\n const submissionID = actionDetails?.submissionID;\n const outcomeInfo = actionDetails?.outcomeInfo;\n\n const {\n text, type, buttonColor\n } = outcomeInfo;\n\n const badgeText = statusTexts[text?.toUpperCase()] || text;\n const badgeClass = type?.toLowerCase();\n\n const { title } = actionDetails;\n const [question, setQuestion] = useState({});\n const [submission, setSubmission] = useState({});\n const [singleSubmission, setSingleSubmission] = useState(false);\n const [isPanelOpen, setPanelOpen] = useState(false);\n\n const containers = ['.jSheetSingleSub', '.jfInbox-submission-wrapper'];\n let portalContainer = 'body';\n let insideContainer = false;\n\n containers.forEach(container => {\n if (global.document.querySelector(container)) {\n portalContainer = container;\n insideContainer = true;\n }\n });\n\n const getSubmissionInfo = async () => {\n try {\n if (Object.keys(question).length === 0 || Object.keys(submission).length === 0) {\n const questionRes = await fetchQuestions(formID, 'inbox');\n const submissionRes = await fetchSubmission(submissionID, 'inbox');\n setQuestion(questionRes);\n setSubmission(submissionRes);\n }\n setSingleSubmission(true);\n // JS Callstack - animation needs\n // This component/file needs to be refactored.\n setTimeout(() => {\n document.body.classList.add('jfSingleSubmissionView-standalone-isVisible');\n });\n } catch (e) {\n Tracking.captureException(e);\n setQuestion({});\n setSubmission({});\n setSingleSubmission(true);\n if (e?.response?.status === 401) {\n handleCustomNavigation(`/inbox/${submissionID}`, '_blank');\n setPanelOpen(false);\n }\n }\n };\n\n useEffect(() => {\n return () => document.body.classList.remove('jfSingleSubmissionView-standalone-isVisible');\n }, []);\n\n useEffect(() => {\n if (isPanelOpen === submissionID) {\n getSubmissionInfo();\n } else {\n document.body.classList.remove('jfSingleSubmissionView-standalone-isVisible');\n }\n }, [isPanelOpen, submissionID]);\n\n return (\n \n {title ? (\n {translationRenderer('[1[{taskTitle}]]')({ renderer1: () => <>{title} })} \n ) : null}\n \n {translationRenderer('[1[{formName}]] [2[{viewSubmission}]] ')({\n renderer1: () =>
{t(badgeText)} ,\n renderer2: () => (\n <>\n
\n setPanelOpen(submissionID)}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n View Task\n \n
\n \n )\n })}\n
\n {isPanelOpen === submissionID ? (\n \n
\n {singleSubmission && (\n
\n
\n \n );\n};\nAssignTaskCompleteEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nAssignTaskCompleteEntry.Name = WFCategoryName;\n\nconst restartEditEntry = {};\nrestartEditEntry.user = getSystemUser;\nrestartEditEntry.Name = WFCategoryName;\nrestartEditEntry.Status = () => {\n return (\n \n {translationRenderer('Due to submission edit, the approval flow automatically [1[restarted]].')({\n renderer1: text => {text} \n })}\n
\n );\n};\n\nconst ViewIntegrationDetails = ({ links }) => {\n if (!Array.isArray(links)) {\n return null;\n }\n\n return links.map(l => (\n handleCustomNavigation(`${l}`)}\n endIcon={IconArrowUpRightFromSquareSm}\n >\n {l}\n \n )\n );\n};\n\nViewIntegrationDetails.propTypes = {\n links: array\n};\n\nViewIntegrationDetails.defaultProps = {\n links: []\n};\n\nconst IntegrationTriggerEntry = {};\nIntegrationTriggerEntry.user = ({ partner }) => {\n const details = INTEGRATION_DETAILS[partner];\n return {\n name: details?.text,\n avatarUrl: details?.icon\n };\n};\nIntegrationTriggerEntry.Name = WFCategoryName;\nIntegrationTriggerEntry.Status = ({ actionDetails }) => {\n const {\n result, integrationAccountName, action, links, partner = '', errorDetails = ''\n } = actionDetails;\n const details = INTEGRATION_DETAILS[partner];\n const [showError, handleShowError] = useState(false);\n const integrationErrorText = 'Unable to complete the action.';\n const getErrorDetails = () => {\n if (typeof errorDetails === 'string') {\n try {\n const parsed = JSON.parse(errorDetails);\n if (parsed?.[0]?.message) {\n return parsed?.[0]?.message;\n }\n } catch (e) {\n return errorDetails;\n }\n }\n };\n\n if (result === 'ERRORED') {\n return (\n <>\n \n
\n {t(integrationErrorText)}\n \n handleShowError(!showError)}>\n {` Show ${showError ? 'less ' : 'more'} `}\n \n
\n {showError && getErrorDetails() && (\n \n {getErrorDetails()}\n
\n )}\n \n
\n {translationRenderer('[1[actionTypeName]]')({\n renderer1: () => {details?.actions?.find(e => e.value === action)?.text} \n })}\n
\n \n
\n
\n
1 && 'multiple'].filter(Boolean).join(' ')}>\n
\n
\n {t('Flow Terminated.')} \n
\n \n \n {reasonOfTerminate}\n \n
\n \n );\n};\n\nTerminatedEntry.Status.propTypes = {\n ...entryPropTypes\n};\n\nconst TaskEntry = {};\nTaskEntry.propTypes = {\n ...entryPropTypes\n};\n\nconst EmailEntryTypes = {\n reply: ReplyEntry,\n forward: ForwardEntry\n};\n\nconst WorkFlowEntryTypes = {\n task: TaskEntry,\n // assign: AssignEntry,\n reassign: ReAssignEntry,\n escalate: EscalateEntry,\n approve_reject: ApproveRejectEntry,\n sign_document: SignEntry,\n expire: ExpiredEntry,\n cancel: ErrorEntry,\n restart: RestartEntry,\n // complete: CompleteEntry\n mail: MailEntry,\n multiple_approval_mail: MultipleApprovalMail,\n multiple_approve_reject: MultipleApproveReject,\n request_more_info: requestMoreInfoEntry,\n edit_submission: editSubmissionEntry,\n undo_loading: undoLoadingEntry,\n mock_approve_deny: mockApproveDenyEntry,\n restart_edit: restartEditEntry,\n assign_form_notification_mail: AssignFormNotificationEntry,\n sign_document_notification: SignDocumentNotification,\n assign_form_submission: AssignFormSubmissionEntry,\n reminder: ReminderEntry,\n integration_trigger: IntegrationTriggerEntry,\n terminated: TerminatedEntry,\n assign_task_complete: AssignTaskCompleteEntry\n};\n\nconst EntryTypes = {\n ...WorkFlowEntryTypes,\n ...EmailEntryTypes\n};\n\nexport const EntryCategories = {\n workflow: Object.keys(WorkFlowEntryTypes).map(e => e.toUpperCase()),\n email: Object.keys(EmailEntryTypes).map(e => e.toUpperCase()),\n all: Object.keys(EntryTypes).map(e => e.toUpperCase())\n};\n\n// eslint-disable-next-line max-len\nexport const entryFiltererGenerator = (category = 'all') => ({ actionType, actionDetails }) => {\n if (!EntryCategories[category].includes(actionType) || !actionDetails) return false;\n if (actionType === 'MAIL') {\n if (actionDetails?.reason === 'ASSIGN_FORM_NOTIFICATION_MAIL') {\n return true;\n }\n return (actionDetails?.type === 'custom_email' && actionDetails?.to !== '');\n }\n if (actionType === 'MULTIPLE_APPROVE_REJECT' && (actionDetails?.cancelReason === 'TAKEN_OVER' || actionDetails?.cancelReason === 'EXPIRED')) {\n return false;\n }\n return true;\n};\nexport const convertTasks = ({\n properties: { assigneeEmail, assigneeUser: user },\n status,\n id\n}) => {\n const el = {\n id,\n status,\n user,\n actionType: 'TASK',\n actionDetails: {}\n };\n\n el.user = el.user || { email: assigneeEmail };\n\n return el;\n};\nexport default EntryTypes;\n","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 SvgIconRequestMoreInfo = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 15\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.14286 0C0.959473 0 0 0.958426 0 2.14286V12.8571L0.0125559 13.0957L0.046038 13.305C0.251116 14.2759 1.11224 15 2.14286 15H9.92327L7.98026 12.719C7.74693 12.447 7.5994 12.1205 7.53557 11.7857H2.14286C1.55065 11.7857 1.07143 11.3044 1.07143 10.7143V2.14286C1.07143 1.82477 1.21164 1.53599 1.4345 1.33929C1.5768 1.21372 1.75258 1.12584 1.94824 1.08816C2.01102 1.07562 2.07589 1.07143 2.14286 1.07143H12.8571C13.0402 1.07143 13.2129 1.11747 13.3636 1.20117C13.5299 1.28906 13.6691 1.42299 13.7685 1.58203C13.87 1.74526 13.9286 1.93777 13.9286 2.14286V9.08203L14.9403 8.06501C14.9602 8.04408 14.9801 8.02316 15 8.00642V2.14286C15 0.958426 14.0405 0 12.8571 0H2.14286Z\",\n fill: \"#FBFCFF\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.83349 3.37096C2.93081 3.27469 3.06578 3.21191 3.2154 3.21191H11.7868C12.083 3.21191 12.3225 3.45048 12.3225 3.74763C12.3225 4.04478 12.083 4.28334 11.7868 4.28334H3.2154C2.91929 4.28334 2.67969 4.04478 2.67969 3.74763L2.69329 3.62626C2.71631 3.53 2.76549 3.4421 2.83349 3.37096Z\",\n fill: \"#FBFCFF\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.2154 6.43066C2.91929 6.43066 2.67969 6.66923 2.67969 6.96638C2.67969 7.26353 2.91929 7.50209 3.2154 7.50209H9.64397C9.94008 7.50209 10.1797 7.26353 10.1797 6.96638C10.1797 6.66923 9.94008 6.43066 9.64397 6.43066H3.2154Z\",\n fill: \"#FBFCFF\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.6985 8.81751C16.0441 8.47074 16.5864 8.48968 16.9101 8.85982C17.2338 9.22996 17.2161 9.81113 16.8707 10.1579L12.2961 14.7498C11.9475 15.0997 11.3992 15.0768 11.0771 14.6988L8.79447 12.0202C8.47528 11.6456 8.49993 11.0648 8.84951 10.7228C9.1991 10.3808 9.74125 10.4072 10.0604 10.7817L11.7576 12.7733L15.6985 8.81751Z\",\n fill: \"#FBFCFF\"\n})));\nexport default SvgIconRequestMoreInfo;","\n \n \n","\n \n \n","\n \n \n","var _defs, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _g, _path11, _path12, _path13, _path14, _g2, _path15, _path16, _path17, _path18, _path19, _g3, _path20, _path21, _path22, _g4, _path23, _path24, _path25, _g5, _path26, _path27;\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 SvgSsoAdLegacy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n width: 236,\n height: 169\n}, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"path\", {\n id: \"ssoAdLegacy_svg__a\",\n d: \"m27.306 39.217 5.927-31.18L29.386 0l-7.395 2.414L8.557 6.311Q-2.105 8.194.848 9.52c2.953 1.326 11.351 1.359 15.5 1.545 4.15.187 4.994-.777 4.994 0 0 .778-1.695 4.365-1.695 11.392s0 3.688.271 11.559 4.499 2.599 7.388 5.201\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"ssoAdLegacy_svg__c\",\n d: \"M6.03 13.107q-2.836-1.487-2.836.493c0 1.981 1.202 3.075 2.835 3.075q1.875 4.82 9.976 5.117 5.193-.465 4.481-7.704-.642-3.526-2.393-5.674c-1.75-2.147.127-5.526-6.785-5.526q-6.912 0-5.279 10.22\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n id: \"ssoAdLegacy_svg__e\",\n cx: 2.083,\n cy: 2.083,\n r: 1.666\n}))), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#E6EAF8\",\n d: \"M10.165 116.173Q-17.581 68.94 33.29 46.543C84.161 24.146 92.16-7.007 156.024 2.189s97.476 69.16 68.677 106.752c-28.8 37.592-81.828 43.523-106.963 50.14-25.136 6.617-49.73 0-67.593-6.596q-17.862-6.596-39.98-36.312\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#A2B2CF\",\n d: \"M166.772 32.152c-16.076 0-29.108 13.032-29.108 29.108v24.876c0 16.076 13.032 29.108 29.108 29.108s29.108-13.032 29.108-29.108V61.26c0-16.076-13.032-29.108-29.108-29.108m.196 8.33c12.057 0 21.83 9.775 21.83 21.832v23.663c0 12.057-9.773 21.831-21.83 21.831s-21.831-9.774-21.831-21.83V62.313c0-12.057 9.774-21.831 21.83-21.831\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#506A98\",\n d: \"M195.88 69.223h-7.277v4.262h7.277zM145.063 69.223h-7.277v4.262h7.277z\",\n opacity: 0.278\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFCE00\",\n d: \"M204.957 73.805h-75.636a8 8 0 0 0-8 8v70.329a8 8 0 0 0 8 8h75.636a8 8 0 0 0 8-8V81.805a8 8 0 0 0-8-8\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#B15100\",\n stroke: \"#FFEAA5\",\n strokeWidth: 6,\n d: \"M167.505 94.13c3.723 0 7.097 1.532 9.538 4.013a13.7 13.7 0 0 1 3.926 9.627c0 3.597-1.375 6.866-3.616 9.3l3.802 21.056a5.99 5.99 0 0 1-1.117 4.386 5.98 5.98 0 0 1-4.827 2.436l-16.672-.005a5.99 5.99 0 0 1-4.117-1.88 5.98 5.98 0 0 1-1.496-5.395l4.543-20.806a13.7 13.7 0 0 1-3.428-9.092c0-3.76 1.503-7.163 3.926-9.627 2.44-2.481 5.814-4.012 9.538-4.012Z\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFB500\",\n d: \"m168.133 87.54.764.401a.945.945 0 0 0 1.372-.996l-.147-.855a2 2 0 0 1 .575-1.77l.62-.605a.946.946 0 0 0-.524-1.613l-.855-.125a2 2 0 0 1-1.506-1.094l-.383-.777a.945.945 0 0 0-1.695 0l-.383.777a2 2 0 0 1-1.506 1.094l-.855.125a.946.946 0 0 0-.524 1.613l.62.605a2 2 0 0 1 .575 1.77l-.147.855a.945.945 0 0 0 1.372.996l.764-.402a2 2 0 0 1 1.863 0M153.97 93.787l.765.402a.945.945 0 0 0 1.372-.996l-.147-.856a2 2 0 0 1 .575-1.769l.62-.605a.946.946 0 0 0-.524-1.613l-.855-.125a2 2 0 0 1-1.506-1.095l-.383-.776a.945.945 0 0 0-1.695 0l-.383.776a2 2 0 0 1-1.506 1.095l-.855.125a.946.946 0 0 0-.524 1.613l.62.605a2 2 0 0 1 .575 1.77l-.147.855a.945.945 0 0 0 1.372.996l.764-.402a2 2 0 0 1 1.863 0M181.878 93.787l.764.402a.945.945 0 0 0 1.372-.996l-.146-.856a2 2 0 0 1 .574-1.769l.62-.605a.946.946 0 0 0-.524-1.613l-.855-.125a2 2 0 0 1-1.506-1.095l-.382-.776a.945.945 0 0 0-1.696 0l-.382.776a2 2 0 0 1-1.506 1.095l-.855.125a.946.946 0 0 0-.525 1.613l.62.605a2 2 0 0 1 .575 1.77l-.146.855a.945.945 0 0 0 1.371.996l.765-.402a2 2 0 0 1 1.862 0\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#924400\",\n d: \"M167.21 97.13q-.741.001-1.457.098c5.252.703 9.3 5.155 9.3 10.542 0 3.336-1.552 6.313-3.982 8.264l4.156 22.366a3 3 0 0 1-2.95 3.548h2.916a3 3 0 0 0 2.95-3.548l-4.156-22.366c2.43-1.95 3.982-4.928 3.982-8.264 0-5.876-4.817-10.64-10.758-10.64\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFEAA7\",\n d: \"M212.957 125.038h-18.055a2.428 2.428 0 1 0 0 4.856h18.055zM212.957 143.366h-18.055a2.428 2.428 0 1 0 0 4.856h18.055zM212.957 134.202h-18.055a2.428 2.428 0 1 0 0 4.856h18.055z\",\n opacity: 0.35\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#18265B\",\n d: \"M134.342 118.498q1.41 1.333 1.411 2.245c0 .911-.25 1.915 0 2.995.251 1.08 1.771 4.916.535 5.89h-4.082a2 2 0 0 1-1.955-2.424 37 37 0 0 0 .431-2.312c.308-2.037-1.753-2.037-.597-4.733q1.625-2.843 3.49-1.736l.372-.476z\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#AF8066\",\n d: \"M149.135 76.656q-11.84.495-14.916 0 4.905 9.347 0 42.235-.909 1-2.93.599-5.398-34.22-6.873-40.212c-1.474-5.992-1.813-12.106.616-13.63q2.429-1.526 16.116-.578l10.84 1.54z\"\n})), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"matrix(-1 0 0 1 156.31 66.308)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ssoAdLegacy_svg__b\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ssoAdLegacy_svg__a\"\n})), /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ssoAdLegacy_svg__a\",\n fill: \"#3D54DB\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2338B3\",\n d: \"M6.067 11.423q11.37-.637 18.765-4.627 3.561-1.659 7.47 6.359t6.538 8.028l-.745-9.76L37.501.814 24.83-2.994 9.498 1.211 5.193 5.742z\",\n mask: \"url(#ssoAdLegacy_svg__b)\",\n opacity: 0.515\n}))), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#18265B\",\n d: \"M104.427 100.658q1.677 3.284-.491 5.195c-2.169 1.912-5.2.689-6.324 1.723s-5.065 4.824-9.105 3.432-.094-3.742 2.738-5.155c2.831-1.412 5.289-5.849 6.28-7.263q2.42-.926 6.902 2.068\"\n})), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#AF8066\",\n d: \"M162.41 65.675q-3.294 21.447-32.944 2.15-3.906-1.663-5.771 3.16c-1.866 4.822-2.89 13.694-20.253 26.823q-.932 1.048.371 3.037.954 1.453-3.077.388a3 3 0 0 1-1.86-4.35l19.803-35.88q2.079-3.295 5.016-3.295h25.219q6.734-.228 10.755 4.944l1.583 2.117z\"\n})), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#3D54DB\",\n d: \"M161.904 69.027q-2.355 9.781-13.28 7.856c-10.922-1.926-17.12-7.148-19.964-7.856s-3.86 3.21-5.58 7.856q-1.719 4.646-10.124 13.13-6.927-.969-8.812-4.446 11.772-22.573 16.358-26.758c4.585-4.186 21.911 0 25.436-.865q3.525-.865 15.966 11.083\"\n})), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"#2338B3\",\n strokeDasharray: 4,\n d: \"M148.572 70.058q-3.75 1.44-11.44-1.614c-7.689-3.055-12.04-5.982-13.976.775S118.4 82.073 110.83 88.56\",\n opacity: 0.501\n})), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#2338B3\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"#546BEE\",\n d: \"m151.517 69.069 1.408-.851a1 1 0 0 0 .333-1.382l-.869-1.404a1 1 0 0 0-1.38-.322l-.954.595\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M152.595 70.433q-2.082-2.715-2.553-5.687c-.47-2.97-.62 4.947 2.553 5.687\"\n}))), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#AF8066\",\n d: \"M139.768 28.91q-7.791 4.815-12 5.67c-4.21.855-3.813-1.157-14.154-12.97q-.795-.597-2.73-6.5l-5.818 5.029a1 1 0 0 0-.304 1.046q.444 1.464 2.802 2.229c2.89.937 3.54.036 4.795 1.656s6.937 13.364 12.19 15.068c5.254 1.705 14.673-3.467 16.841-3.467q2.168 0 6.172-7.76z\"\n})), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ADAAFE\",\n d: \"M136.847 58.147q1.878 1.636 1.608-9.897c-.005-.213.382-15.519.382-15.735 0-2.229 3.968-7.404 6.726-8.128 3.86-1.012 5.506-.946 8.755 0 5.225 1.523 6.145-1.707 7.7 10.104 2.197 14.7 2.197 32.006 0 34.698-2.199 2.692-6.294-7.198-25.171-11.042\"\n})), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#AF8066\",\n d: \"M156.933 41.727c-.01 1.97-3.712 16.69-5.882 19.065s-17.172-3.876-20.727-2.253q-3.555 1.624-5.671.074-2.425-2.186-4.252-.923c-1.828 1.264-1.854-1.124-.068-2.587s6.315.603 8.92.215c2.604-.389 18.166-.283 18.565-1.223s1.28-9.205 1.924-11.659q.645-2.453 4.851-.696 2.35-1.982 2.34-.013M154.243 18.013q-.315 5.425 0 6.49c.315 1.066 1.025.118.758 1.94-.267 1.82-.978 9.947-7.588 9.53s-3.787-8.28 0-8.532q2.485-6.968.894-7.995t5.936-1.433\"\n})), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ADAAFE\",\n d: \"M153.956 56.102q-5.397-3.01-6.376-4.58-.98-1.572 4.222-16.279 5.426-5.012 6.15 1.648t-3.996 19.211M141.99 26.519q-12.961 7.29-15.254 7.29c-2.293 0 .635 6.539 1.83 7.297 1.598 1.012 8.792-3.39 12.591-4.092q3.799-.701.833-10.495\"\n})), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#827EE3\",\n d: \"m154.608 56.474 1.252.411q1.267-2.929 2.485-8.029 1.22-5.1.832-5.992z\",\n opacity: 0.703\n})), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"matrix(-1 0 0 1 166.306 -.337)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"rotate(-14 25.202 1.664)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#835740\",\n d: \"M6.816 17.487q-1.24 4.53 4.84 6.184l.49-1.848z\",\n opacity: 0.535\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .059)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ssoAdLegacy_svg__d\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ssoAdLegacy_svg__c\"\n})), /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ssoAdLegacy_svg__c\",\n fill: \"#AF8067\",\n transform: \"rotate(24 11.883 12.34)\"\n}), /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 19.289,\n cy: 14.634,\n fill: \"#986A51\",\n mask: \"url(#ssoAdLegacy_svg__d)\",\n opacity: 0.495,\n rx: 2.24,\n ry: 1.561,\n transform: \"rotate(-18 19.29 14.634)\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"#7D5440\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 0.5,\n d: \"M14.87 11.356q1.024 3.332 1.735 4.773-1.245.712-2.987.276\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C94045\",\n stroke: \"#A83E42\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 0.5,\n d: \"M11.96 18.478a10.7 10.7 0 0 0 4.887-.079q-1.222 1.845-2.219 1.693t-2.667-1.614\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 16.674,\n cy: 12.395,\n r: 1,\n fill: \"#262122\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 12.496,\n cy: 12.912,\n r: 1,\n fill: \"#262122\"\n})), /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 13.954,\n cy: 19.577,\n fill: \"#986A51\",\n opacity: 0.495,\n rx: 2.291,\n ry: 1.666,\n transform: \"rotate(-18 13.954 19.577)\"\n}))), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ADAAFE\",\n d: \"M141.947 33.981c-2.236-.892-4.875 4.019-5.322 7.665s2.462 4.728 2.085 7.797q-.376 3.068 7.096-3.958-1.621-10.613-3.859-11.504\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#F6C363\",\n opacity: 0.52,\n style: {\n mixBlendMode: \"multiply\"\n }\n}, _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m148.49 42.092-2.976-.979a1 1 0 0 0-1.304.824l-.758 5.935a1 1 0 0 0 .693 1.08l2.907.912a1 1 0 0 0 1.29-.815l.825-5.868a1 1 0 0 0-.678-1.089\",\n opacity: 0.837\n}))), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n stroke: \"#C6D3F1\",\n d: \"m147.656 40.842-2.975-.978a1 1 0 0 0-1.304.823l-.758 5.935a1 1 0 0 0 .693 1.081l2.907.912a1 1 0 0 0 1.29-.815l.825-5.868a1 1 0 0 0-.678-1.09Z\"\n})), _g4 || (_g4 = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"matrix(-1 0 0 1 147.562 41.316)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ssoAdLegacy_svg__f\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ssoAdLegacy_svg__e\"\n})), /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ssoAdLegacy_svg__e\",\n fill: \"#ABBFEB\",\n transform: \"rotate(-15 2.083 2.083)\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#ssoAdLegacy_svg__f)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#AF8066\",\n d: \"M2.426 4.165q-.154-.765-.154-.976c0-.21-1.022-.183-1.022-.39s.42-1.373 1.022-1.088.848.34.848.772c0 .433-.264.492 0 .913q.263.421.2.596z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2C1CCB\",\n d: \"M1.225 4.165q1.085.006 1.085-.521c0-.528-.033-.722-.385-.973-.352-.252-.426-.164-.217-.52a4 4 0 0 1 .217-.353q.653.028.783.353c.13.325-.13.47 0 .918s.045.448.491.448.612-.22.53-.645c-.084-.424-.54-.866-.7-1.074s-.611-.523-.948-.523-1.057-.13-1.057.197c0 .326-.298.623-.15 1.012.15.388.223 1.092.35 1.319q.129.227 0 .362\"\n})))), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#ABBFEB\",\n d: \"m146.548 46.288-2.861-.766c-.1-.027-.203.042-.233.153s.026.222.125.249l2.86.767c.1.026.204-.043.233-.154.03-.11-.026-.222-.124-.249M145.28 38.509a.625.625 0 0 0-.723.507l-.217 1.23a.625.625 0 1 0 1.23.217l.218-1.23a.625.625 0 0 0-.507-.724\"\n})), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#402D20\",\n d: \"M145.159 11.484q-3.658 7.863.677 12.245 1.414 1.148 3.165 1.016l-.967 2.7q-5.045-1.631-9.217.894.036-1.084 0-2.525c-.105-4.304 3.697-4.05 2.444-7.244-1.412-3.597 1.154-4.256 1.218-7.086.27-12.158 18.5-9.962 18.5-4.626q4.713.76 4.713 5.419c0 4.643 4.129 4.643 1.477 9.633-1.06 1.995 7.933 3.183 3.94 12.839-2.454 5.936-6.82 3.084-8.013 6.567q-1.78-5.73-6.16-3.554c-5.142 2.552 0-6.01-2.236-6.834-1.953-.721-4.255-5.766-2.002-7.199 3.35-2.13 3.892-4.332 4.534-5.664q3.075-.86 3.053-3.092-.022-2.234-3.053 0-2.925-.51-2.926-3.489c0-2.98-1.687.715-9.147 0\"\n})), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2338B3\",\n d: \"M113.14 89.693q.534.324 0 .96a23 23 0 0 1-1.377 1.48q-3.894-.05-8.77-4.534.587-3.106 1.485-2.425c.899.68 1.688 3.49 8.663 4.519M136.49 102.13q.486 1.71 0 2.115c-.488.406-2.413 2.328-7.466 1.367q-1.052-1.537-.325-2.298 3.2 1.431 7.79-1.185\"\n})), _g5 || (_g5 = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(15 129.326)\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 129,\n height: 35.737,\n x: 1.5,\n y: 1.5,\n fill: \"#FFF\",\n stroke: \"#E1E8FB\",\n strokeWidth: 3,\n rx: 7\n}), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#18265B\",\n transform: \"translate(14.287 16.245)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 3.332,\n cy: 3.332,\n r: 3.332\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 26.658,\n cy: 3.332,\n r: 3.332\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 61.646,\n cy: 3.332,\n r: 3.332\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 14.995,\n cy: 3.332,\n r: 3.332\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 49.984,\n cy: 3.332,\n r: 3.332\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 38.321,\n cy: 3.332,\n r: 3.332\n}), /*#__PURE__*/React.createElement(\"circle\", {\n cx: 73.309,\n cy: 3.332,\n r: 3.332\n})), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#18265B\",\n opacity: 0.9\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M111.803 24.028c-.42-.447-.84-.912-1.286-1.352-.076-.075-.264-.077-.392-.057-2.618.412-4.792-1.699-4.449-4.323.016-.12.042-.295-.022-.363-.445-.471-.912-.921-1.387-1.392-1.1 2.03-.543 4.797 1.23 6.456 2.095 1.96 4.996 1.8 6.306 1.031m5.799 2.89-1.307 1.38c-.678-.662-1.384-1.287-2.008-1.984-.419-.467-.789-.532-1.394-.36-5.84 1.66-11.936-.966-14.614-6.222-.303-.596-.318-1.072.001-1.661.777-1.437 1.74-2.712 2.984-3.772.108-.091.213-.185.326-.283l-1.596-1.62L101.315 11zM105.203 12.062a12.6 12.6 0 0 1 4.419-.695c3.298.079 6.189 1.202 8.613 3.458 1.14 1.061 2.044 2.304 2.659 3.74a.94.94 0 0 1-.002.67c-.76 1.746-1.914 3.195-3.388 4.398-.224.182-.36.189-.567-.02a99 99 0 0 0-2.022-1.974c-.163-.155-.213-.28-.12-.512.907-2.28.57-4.375-1.152-6.12-1.76-1.785-3.91-2.18-6.267-1.355-.35.123-.56.108-.807-.173-.422-.479-.884-.922-1.366-1.417\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.42 15.277c1.607-.355 2.885.022 3.932 1.117.896.937 1.235 2.457.79 3.5z\"\n})))), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#54B45C\",\n d: \"M34.081 4.76h70.804a6 6 0 0 1 6 6v44.163a6 6 0 0 1-6 6H34.08a6 6 0 0 1-6-6V10.76a6 6 0 0 1 6-6\"\n})), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M53.567 27.292c2.447 0 3.999-1.21 3.999-3.124 0-1.504-.862-2.351-2.837-2.775l-1.197-.253c-1.134-.26-1.613-.602-1.613-1.21 0-.731.684-1.217 1.702-1.217 1.033 0 1.764.506 1.832 1.34h1.935c-.034-1.784-1.477-2.967-3.774-2.967-2.2 0-3.773 1.203-3.773 3.022 0 1.442.896 2.365 2.714 2.755l1.285.28c1.19.266 1.661.622 1.661 1.265 0 .724-.752 1.25-1.852 1.25-1.094 0-1.942-.533-2.037-1.346h-1.99c.062 1.852 1.573 2.98 3.945 2.98m6.513-8.305c.602 0 1.067-.458 1.067-1.033 0-.58-.465-1.032-1.067-1.032s-1.066.451-1.066 1.032c0 .575.465 1.033 1.066 1.033m.999 8.134v-7.328h-1.997v7.328zm3.71 0v-4.204c0-.95.568-1.606 1.464-1.606.895 0 1.346.547 1.346 1.504v4.306h1.996v-4.723c0-1.716-.916-2.741-2.543-2.741-1.128 0-1.9.533-2.29 1.442h-.04v-1.306h-1.928v7.328zm9.81 2.762c2.194 0 3.657-1.114 3.657-2.864v-7.226h-1.969v1.279h-.034c-.383-.841-1.21-1.395-2.263-1.395-1.86 0-3.008 1.429-3.008 3.753 0 2.29 1.183 3.67 2.974 3.67 1.06 0 1.92-.532 2.263-1.312h.04v1.286c0 .847-.574 1.421-1.606 1.421-.759 0-1.333-.348-1.49-.854h-1.955c.157 1.306 1.463 2.242 3.39 2.242m.034-4.32c-.992 0-1.607-.78-1.607-2.12 0-1.332.622-2.166 1.607-2.166.998 0 1.633.847 1.633 2.167 0 1.326-.635 2.119-1.633 2.119m7.354 1.558v-9.864h-1.996v9.864zm5.079.158c1.811 0 3.124-.964 3.342-2.4h-1.832c-.184.56-.745.923-1.476.923-1.019 0-1.682-.718-1.682-1.764v-.123h5.052v-.608c0-2.229-1.347-3.67-3.48-3.67-2.166 0-3.534 1.517-3.534 3.855 0 2.344 1.354 3.787 3.61 3.787m1.483-4.587h-3.11c.068-.916.697-1.58 1.572-1.58.889 0 1.497.643 1.538 1.58m-41.989 25.6c2.447 0 4-1.21 4-3.124 0-1.504-.862-2.351-2.838-2.775l-1.196-.253c-1.135-.26-1.613-.602-1.613-1.21 0-.731.683-1.217 1.702-1.217 1.032 0 1.763.506 1.832 1.34h1.934c-.034-1.784-1.476-2.967-3.773-2.967-2.201 0-3.773 1.203-3.773 3.022 0 1.442.895 2.365 2.713 2.755l1.286.28c1.189.266 1.66.622 1.66 1.265 0 .724-.751 1.25-1.852 1.25-1.094 0-1.941-.533-2.037-1.346h-1.99c.062 1.852 1.573 2.98 3.945 2.98m6.514-8.305c.602 0 1.066-.458 1.066-1.033 0-.58-.464-1.032-1.066-1.032s-1.066.451-1.066 1.032c0 .575.464 1.033 1.066 1.033m.998 8.134v-7.328h-1.996v7.328zm5.065 2.762c2.194 0 3.657-1.114 3.657-2.864v-7.226h-1.969v1.279h-.034c-.383-.841-1.21-1.395-2.263-1.395-1.859 0-3.007 1.429-3.007 3.753 0 2.29 1.182 3.67 2.973 3.67 1.06 0 1.921-.532 2.263-1.312h.04v1.286c0 .847-.573 1.421-1.606 1.421-.758 0-1.333-.348-1.49-.854h-1.955c.157 1.306 1.463 2.242 3.39 2.242m.034-4.32c-.991 0-1.607-.78-1.607-2.12 0-1.332.623-2.166 1.607-2.166.998 0 1.634.847 1.634 2.167 0 1.326-.636 2.119-1.634 2.119m7.307 1.558v-4.204c0-.95.567-1.606 1.463-1.606.895 0 1.346.547 1.346 1.504v4.306h1.996v-4.723c0-1.716-.916-2.741-2.543-2.741-1.127 0-1.9.533-2.29 1.442h-.04v-1.306h-1.928v7.328zm11.148-3.137V43.24h-4.49v1.743zm6.507 3.308c2.92 0 4.758-1.962 4.758-5.1 0-3.144-1.839-5.106-4.758-5.106-2.925 0-4.757 1.962-4.757 5.107 0 3.137 1.832 5.1 4.757 5.1m0-1.73c-1.62 0-2.652-1.305-2.652-3.37 0-2.07 1.04-3.383 2.652-3.383 1.614 0 2.646 1.312 2.646 3.384 0 2.064-1.032 3.37-2.646 3.37m8.299 1.56v-4.205c0-.95.567-1.606 1.462-1.606.896 0 1.347.547 1.347 1.504v4.306h1.996v-4.723c0-1.716-.916-2.741-2.543-2.741-1.128 0-1.9.533-2.29 1.442h-.04v-1.306h-1.929v7.328z\"\n}))));\nexport default SvgSsoAdLegacy;","\n \n \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 SvgIconCross = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"currentColor\",\n viewBox: \"0 0 12 12\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fillRule: \"evenodd\",\n transform: \"rotate(45 7.784 5.486)\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 13.784,\n height: 1.579,\n y: 6.316,\n rx: 0.789\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.892 13.997a.788.788 0 0 1-.79-.78V.994c0-.431.351-.781.79-.781.436 0 .79.355.79.78v12.224c0 .431-.35.78-.79.78z\"\n}))));\nexport default SvgIconCross;","var _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 SvgIconPill = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 9 11\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.18225 5.03352C5.56488 5.03352 6.68572 3.90673 6.68572 2.51676C6.68572 1.12679 5.56488 0 4.18225 0C2.79962 0 1.67877 1.12679 1.67877 2.51676C1.67877 3.90673 2.79962 5.03352 4.18225 5.03352Z\",\n fill: \"#81829E\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.18222 5.87244C1.36581 5.87244 0.00976562 7.63921 0.00976562 8.66856V9.22813C0.00976562 9.69145 0.38338 10.067 0.844257 10.067H7.52019C7.98106 10.067 8.35468 9.69145 8.35468 9.22813V8.66856C8.35468 7.63921 6.99863 5.87244 4.18222 5.87244Z\",\n fill: \"#81829E\"\n})));\nexport default SvgIconPill;","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 SvgIconPrefillEdit = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 16\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 12.5002,\n width: 17,\n height: 3,\n rx: 1.5,\n stroke: \"#121C48\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 14.0002C0 12.8957 0.895431 12.0002 2 12.0002H9V16.0002H2C0.89543 16.0002 0 15.1048 0 14.0002V14.0002Z\",\n fill: \"#121C48\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.53822 6.27627C5.64023 6.07979 5.79891 5.91762 5.99461 5.80981L15.5402 0.551412C16.0931 0.246864 16.797 0.443131 17.1126 0.989787L17.4286 1.53733C17.7441 2.08398 17.5517 2.77402 16.9989 3.07857L7.4348 8.34715C7.25069 8.44857 7.04116 8.49782 6.82927 8.48948L5.34592 8.43111C4.92361 8.41449 4.65791 7.97174 4.84917 7.60337L5.53822 6.27627Z\",\n fill: \"#121C48\",\n stroke: \"#121C48\",\n strokeWidth: 0.8\n})));\nexport default SvgIconPrefillEdit;","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 SvgIconPrefillEditWhite = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 16\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 12.5002,\n width: 17,\n height: 3,\n rx: 1.5,\n stroke: \"#fff\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 14.0002C0 12.8957 0.895431 12.0002 2 12.0002H9V16.0002H2C0.89543 16.0002 0 15.1048 0 14.0002V14.0002Z\",\n fill: \"#fff\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.53822 6.27627C5.64023 6.07979 5.79891 5.91762 5.99461 5.80981L15.5402 0.551412C16.0931 0.246864 16.797 0.443131 17.1126 0.989787L17.4286 1.53733C17.7441 2.08398 17.5517 2.77402 16.9989 3.07857L7.4348 8.34715C7.25069 8.44857 7.04116 8.49782 6.82927 8.48948L5.34592 8.43111C4.92361 8.41449 4.65791 7.97174 4.84917 7.60337L5.53822 6.27627Z\",\n fill: \"#fff\",\n stroke: \"#fff\",\n strokeWidth: 0.8\n})));\nexport default SvgIconPrefillEditWhite;","var _defs, _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 SvgAssignToOrganization = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n viewBox: \"0 0 184 125\"\n}, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"path\", {\n id: \"prefix__a\",\n d: \"M0 0H120.643V127.315H0z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"prefix__c\",\n d: \"M8.782 2.732c-2.17.62-3.633 2.646-3.532 4.902l.683 15.24s2.05 15.426.505 22.183C4.894 51.814.235 68.111.235 68.111s38.336.444 37.661-.532c-.676-.977-.106-38.07 0-39.045C39.682 11.953 31.414.222 31.414.222 30.184.16 28.981.13 27.81.13c-8.364 0-15.119 1.483-19.028 2.603\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"prefix__e\",\n d: \"M0.635 0.729L33.043 0.729 33.043 33.791 0.635 33.791z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"prefix__g\",\n d: \"M0.293 0.274L27.122 0.274 27.122 27.103 0.293 27.103z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"prefix__i\",\n d: \"M0.095 0.068L22.131 0.068 22.131 22.105 0.095 22.105z\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\",\n transform: \"translate(-8 -11)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#CAD6F2\",\n d: \"M150.19 135.232c9.529-.393 18.884-4.024 23.458-10.266 4.23-5.772 5.016-14.715 3.123-21.138-1.589-5.394-6.127-10.061-11.304-14.013-10.457-7.984-23.934-13.776-32.772-22.781-4.913-5.006-10.79-16.565-15.514-21.67-9.185-9.927-20.09-16.446-36.178-18.072-20.741-2.095-34.51 12.775-41.23 23.744-5.78 9.435-4.272 20.87-11.39 29.785-3.271 4.097-8.148 7.351-11.74 11.296-6.394 7.02-8.326 16.195-5.125 24.337 3.202 8.14 11.474 15.089 21.941 18.427l116.73.35z\",\n opacity: 0.289\n}), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"prefix__b\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#prefix__a\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#prefix__b)\"\n}, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2A3068\",\n d: \"M47.36.132s0 8.977 1.602 13.146c1.603 4.17 2.086 10.903-2.885 10.903-4.97 0-10.421-1.283-10.421-1.283l6.253-19.24 5.45-3.526z\",\n transform: \"translate(8.895 11.12) translate(0 14.84)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFBE9D\",\n d: \"M50.618 33.376s-4.874-1.424-2.994 7.872c1.204 5.94 12.418 36.002 20.233 34.6 10.172-1.823 18.934-7.206 24.701-9.28l-2.495-4.153L69.73 65.82c-8.254-9.296-8.473-33.989-19.112-32.445M25.776 35.04s-1.095-4.959-8.341 1.16C12.803 40.11-.474 68.61 4.512 74.787c6.49 8.042 9.688 9.808 14.28 13.868l2.72-5.225-9.49-13.764c4.184-11.706 20.223-26.038 13.754-34.625\",\n transform: \"translate(8.895 11.12) translate(0 14.84)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#1B3C6C\",\n d: \"M52.116 95.407s8.71 49.232 3.661 64.6c-5.182 15.772-42.348 51.157-42.348 51.157l-4.317-4.782c12.585-20.892 22.276-50.086 30.8-52.21l-9.205-60.241 21.41 1.476z\",\n transform: \"translate(8.895 11.12) translate(0 14.84)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(8.895 11.12) translate(14.22 42.67)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"prefix__d\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#prefix__c\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#49A6F7\",\n d: \"M5.25 7.634c-.1-2.255 1.362-4.282 3.531-4.903C13.24 1.455 21.392-.292 31.414.222c0 0 11.73 12.483 6.482 28.312-2.675 8.066-.676 38.068 0 39.044.675.976-37.661.533-37.661.533\",\n mask: \"url(#prefix__d)\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#49A6F7\",\n d: \"M15.682 45.445s-6.598 0-15.417 13.553L13.9 70.292s12.57-19.398 1.782-24.847M38.446 42.919l.859.12s4.42-.575 14.917 13.372l-11.24 11.35-4.536-24.842z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#224A7A\",\n d: \"M9.82 101.45c.104.319-4.212 9.001-1.704 18.036 4.497 16.213 16.936 39.68 16.599 61.482-.272 17.63 14.05 53.092 14.05 53.092l6.524-2.357s-2.531-26.38-2.47-60.034c.01-5.708-9.163-47.676-8.924-48.422.539-1.682-.198-12.642-.198-12.642L9.821 101.45z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#63889C\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.459 21.02c.124-.035.356.397.517.964.163.569.195 1.056.071 1.094-.123.035-.354-.397-.517-.966-.163-.569-.195-1.059-.071-1.092M4.337 16.888c.124-.032.349.403.5.974.151.57.174 1.06.05 1.094-.124.034-.347-.402-.5-.973-.151-.573-.174-1.063-.05-1.095M3.31 12.732c.126-.029.339.412.476.987.138.573.147 1.063.023 1.094-.124.03-.337-.41-.474-.987-.139-.576-.15-1.066-.025-1.094M2.419 8.545c.127-.024.323.424.44 1.002.118.58.112 1.07-.015 1.095-.125.028-.322-.421-.44-1.002-.118-.582-.112-1.07.015-1.095M1.713 4.323c.128-.018.303.44.393 1.023.09.582.06 1.07-.067 1.092-.127.021-.301-.435-.393-1.022-.09-.586-.06-1.076.067-1.093M1.273.065c.128-.008.271.46.322 1.047.049.587-.015 1.073-.141 1.086-.128.014-.272-.455-.322-1.047-.05-.592.011-1.078.14-1.086\",\n transform: \"translate(8.895 11.12) translate(7.076 .008) translate(9.73 103.422)\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#49A6F7\",\n d: \"M12.485 91.667l-4.467 14.086s26.287 13.783 37.023 4.487l-2.838-14.45-29.718-4.123z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFBE9D\",\n d: \"M20.797 28.954c.942 8.467 1.246 12.955.541 14.248-.132.242-1.267 1.131-1.27 1.27-.021.655.279 1.233.43 1.397 1.644 1.807 1.717 1.35 8.073 7.542 2.728-5.956 5.645-8.531 4.847-9.28-2.493-2.34-2.318-.712-1.669-9.168.427-5.552-10.503-6.1-10.615-6.077-.074.014-.187.039-.337.068\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFBE9D\",\n d: \"M16.668 29.787c3.871 4.463 8.97 6.696 15.3 6.696 6.427 0 10.069-8.683 8.604-17.216-.698-4.07-1.872-7.624-5.745-11.09-7.995-7.154-14.89-5.627-20.686 4.58l-2.253 7.75 4.78 9.28z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(8.895 11.12) translate(7.076 .008) translate(8.437)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"prefix__f\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#prefix__e\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2A3068\",\n d: \"M33.043 14.955c-1.427 2.25-5.487 3.04-12.18 2.367-.23-.657-.586-2.225-1.069-4.705-.723-3.722.635 5.288-.702 5.842-.89.37-2.429.92-4.608 1.65-1.135.22-2.048 1.245-2.74 3.073-1.036 2.74-.961-4.092-3.883-4.084-2.92.007-2.84 4.663-1.143 5.9 1.131.824 1.972 1.223 2.524 1.197 1.75 2.433 3.768 5.811 3.43 7.36-.508 2.323-19.08-12.929-9.09-26.042 4.782-6.277 12.767-7.566 19.78-6.395 6.451 1.078 9.68 5.69 9.68 13.837\",\n mask: \"url(#prefix__f)\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#D87459\",\n fillRule: \"nonzero\",\n d: \"M35.675 29.497c.143-.167.395-.185.561-.042.167.143.186.395.042.561-1.76 2.045-3.46 2.284-4.854.59-.14-.17-.115-.42.055-.56.17-.14.42-.115.56.054 1.038 1.263 2.167 1.104 3.636-.603z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#27364D\",\n d: \"M29.93 22.52c.316 0 .572-.514.572-1.148 0-.634-.256-1.147-.573-1.147-.316 0-.574.513-.574 1.147s.258 1.148.574 1.148M37.117 21.62c.316 0 .574-.513.574-1.147s-.258-1.147-.574-1.147c-.317 0-.573.513-.573 1.147s.256 1.148.573 1.148\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#D87459\",\n d: \"M34.051 26.001l-.253-.651c.639-.248 1.39-.604 1.622-.79-.098-.396-.879-1.666-1.606-2.692l.571-.406c2.065 2.912 1.785 3.285 1.65 3.465-.289.387-1.483.88-1.984 1.074\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#49A6F7\",\n d: \"M43.225 62.838s3.356 4.055 3.914 7.41c.56 3.356-3.775 8.529-3.775 8.529l-10.067-3.634 9.928-12.305z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2A3068\",\n d: \"M12.019 7.514s-5.566 6.49-6.047 23.964c-.64 6.894 11.865 12.666 15.554 8.978 3.687-3.687-2.246-10.902-2.246-10.902l-4.168-3.047-2.245-2.404.32-4.65.954-6.696-2.122-5.243z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#49A6F7\",\n d: \"M20.067 44.473s6.013 6.188 7.828 5.345c1.813-.843 4.146-6.933 4.146-6.933l4.988.714-2.202 15.03h-7.515l-2.723-1.878-5.89-6.877-.717-4.332 2.085-1.07z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFBE9D\",\n d: \"M9.871 91.614l4.01 5.172 3.366 3.565s2.974-.48 7.199-.368c4.226.112 7.181-.185 6.201.565-.98.75-7.284 1.284-6.9 2.829.386 1.544 9.814 10.304 9 10.708-.815.402-7.31-5.86-8.335-6.047-1.025-.185 6.175 6.034 5.239 6.078-.936.044-6.817-5.303-7.53-5.505-.713-.2 6.04 6.488 4.735 6.446-1.305-.043-5.126-5.359-6.454-5.868-1.326-.51 4.368 5.863 3.122 5.922-1.247.06-6.579-6.879-8.667-9.671-.159-.214-1.566-.99-3.032-2.116-.577-.443-1.196-.914-1.82-1.388-2.373-1.795-4.534-3.724-4.534-3.724l4.4-6.598z\",\n transform: \"translate(8.895 11.12) translate(7.076 .008)\"\n})))), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFBE9D\",\n d: \"M87.593 89.989l6.484-.886 4.771-1.132s1.071-2.817 3.28-6.42c2.211-3.603 3.431-6.311 3.59-5.088.16 1.224-2.53 6.951-1 7.39 1.531.439 13.832-3.346 13.774-2.44-.06.907-8.73 3.4-9.404 4.195-.673.796 8.312-2.33 7.882-1.497-.43.832-8 3.252-8.531 3.768-.53.517 8.638-1.986 7.949-.877-.69 1.108-7.204 1.76-8.308 2.655-1.106.893 7.26-.852 6.69.257-.573 1.11-9.247 2.258-12.71 2.67-.264.031-1.64.862-3.349 1.568-.671.279-1.39.579-2.11.882-2.742 1.158-5.494 2.065-5.494 2.065l-3.514-7.11z\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n width: 171,\n height: 8.574,\n x: 8,\n y: 127.093,\n fill: \"#C7D4F6\",\n rx: 4.287\n}), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"#9AA2DC\",\n d: \"M143.613 24.597L79.707 25.093 102.399 68.995 165 89.903 148.116 26.092 112.561 64.538\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(66 11.093)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"prefix__h\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#prefix__g\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C7D4F6\",\n d: \"M.32 12.828C.796 5.435 7.175-.173 14.568.302 21.96.776 27.57 7.155 27.094 14.548c-.475 7.393-6.853 13.002-14.246 12.527C5.454 26.6-.154 20.222.32 12.828\",\n mask: \"url(#prefix__h)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M13.02 24.845c3.28.211 6.335-.926 8.624-2.935-.3-1.135-.664-2.244-1.088-3.288-.714-1.76-2.044-3.162-3.665-3.972.012-.02.028-.038.04-.058.704-1.131.918-2.446.907-3.727-.01-1.22-.229-2.475-.973-3.503-.743-1.028-2.098-1.782-3.494-1.656-1.498.136-2.704 1.244-3.217 2.478-.512 1.236-.461 2.583-.36 3.889.073.937.33 1.887.776 2.68-.986.596-1.858 1.469-2.692 2.545-.853 1.1-.818 1.152-1.355 2.449-.263.638-.525 1.298-.752 2.023 1.93 1.756 4.443 2.895 7.249 3.075\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(135 11.093)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"prefix__j\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#prefix__i\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#9AA2DC\",\n d: \"M.117 10.384C.505 4.312 5.742-.296 11.815.091c6.073.387 10.681 5.625 10.293 11.697-.387 6.073-5.624 10.682-11.697 10.294C4.338 21.694-.27 16.457.117 10.384\",\n mask: \"url(#prefix__j)\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M10.56 20.11c2.66.172 5.138-.75 6.995-2.38-.244-.92-.539-1.821-.883-2.668-.579-1.427-1.658-2.565-2.973-3.222.01-.016.024-.03.034-.047.57-.918.744-1.984.735-3.023-.008-.99-.186-2.008-.79-2.842-.602-.834-1.701-1.446-2.833-1.343-1.216.11-2.195 1.009-2.61 2.01-.416 1.002-.374 2.096-.292 3.155.059.76.267 1.53.629 2.174-.8.483-1.508 1.191-2.184 2.064-.692.893-.663.934-1.099 1.987-.214.517-.426 1.053-.61 1.641 1.565 1.424 3.604 2.349 5.88 2.495\",\n transform: \"translate(135 11.093)\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#9AA2DC\",\n d: \"M.044 19.315C.785 7.941 10.742-.687 22.284.043c11.541.73 20.296 10.543 19.555 21.918-.74 11.374-10.698 20.002-22.24 19.272C8.058 40.503-.697 30.689.044 19.315\",\n transform: \"translate(86 49.093)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M19.867 39.156c4.948.313 9.556-1.378 13.01-4.365-.454-1.685-1.003-3.336-1.642-4.887-1.078-2.616-3.084-4.7-5.529-5.904.02-.03.044-.057.062-.087 1.062-1.682 1.384-3.636 1.368-5.54-.015-1.813-.346-3.68-1.468-5.208-1.12-1.528-3.164-2.65-5.27-2.462-2.261.202-4.08 1.85-4.854 3.685-.773 1.836-.695 3.84-.542 5.78.11 1.393.497 2.805 1.17 3.985-1.487.885-2.803 2.182-4.06 3.782-1.287 1.636-1.234 1.713-2.044 3.641-.398.948-.793 1.93-1.135 3.008 2.91 2.61 6.702 4.304 10.934 4.572\",\n transform: \"translate(86 49.093)\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C7D4F6\",\n d: \"M.056 25.119C1.006 10.327 13.767-.894 28.56.056c14.792.95 26.013 13.711 25.063 28.503-.95 14.792-13.711 26.013-28.503 25.063C10.327 52.672-.894 39.911.056 25.119\",\n transform: \"translate(138 63.093)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M25.39 51.032c6.911.444 13.349-1.953 18.173-6.187-.634-2.39-1.4-4.728-2.294-6.927-1.505-3.708-4.306-6.663-7.722-8.369.027-.042.06-.08.087-.122 1.481-2.384 1.933-5.154 1.91-7.853-.022-2.57-.484-5.215-2.05-7.382-1.567-2.166-4.42-3.755-7.363-3.489-3.157.286-5.7 2.62-6.78 5.223-1.079 2.602-.97 5.442-.757 8.193.153 1.973.694 3.976 1.634 5.649-2.077 1.253-3.915 3.092-5.672 5.36-1.797 2.319-1.723 2.427-2.854 5.16-.556 1.345-1.108 2.736-1.586 4.264 4.065 3.7 9.363 6.1 15.274 6.48\",\n transform: \"translate(138 63.093)\"\n})))));\nexport default SvgAssignToOrganization;","\n \n \n","\n \n \n","\n \n \n","\n \n \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 SvgIconManage = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"#fff\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.135 6.784a2 2 0 01-1.23-2.969c.322-.536.225-.998-.094-1.316l-.31-.31c-.318-.318-.78-.415-1.316-.094A2 2 0 019.216.865C9.065.258 8.669 0 8.219 0h-.438c-.45 0-.845.258-.997.865a2 2 0 01-2.969 1.23c-.536-.322-.999-.225-1.317.093l-.31.31c-.318.318-.415.781-.093 1.317a2 2 0 01-1.23 2.969C.26 6.935 0 7.33 0 7.781v.438c0 .45.258.845.865.997a2 2 0 011.23 2.969c-.322.536-.225.998.094 1.316l.31.31c.319.319.782.415 1.316.094a2 2 0 012.969 1.23c.151.607.547.865.997.865h.438c.45 0 .845-.258.997-.865a2 2 0 012.969-1.23c.535.321.997.225 1.316-.094l.31-.31c.318-.318.415-.78.094-1.316a2 2 0 011.23-2.969c.607-.151.865-.547.865-.997v-.438c0-.451-.26-.846-.865-.997zM8 11a3 3 0 110-6 3 3 0 010 6z\"\n})));\nexport default SvgIconManage;","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 SvgIconScheduleReminder = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 16\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#2C3345\",\n fillRule: \"nonzero\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.125 0H.875C.35 0 0 .35 0 .875V2.1l7 3.937 7-3.85V.875C14 .35 13.65 0 13.125 0z\",\n transform: \"translate(0 2) translate(0 1)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.563 7.787L0 4.112v7.263c0 .525.35.875.875.875h12.25c.525 0 .875-.35.875-.875V4.112L7.437 7.787c-.245.123-.63.123-.875 0z\",\n transform: \"translate(0 2) translate(0 1)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"#FFF\",\n transform: \"translate(0 2) translate(9)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 3.5,\n cy: 3.5,\n r: 4.25,\n fill: \"#2C3345\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.248 1.167L3.248 3.5 3.248 4.059 5.178 4.059\"\n})))));\nexport default SvgIconScheduleReminder;","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 SvgIconScheduledReminderIndicator = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 23 20\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#C7C8D4\",\n fillRule: \"nonzero\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.325 0H1.155C.462 0 0 .462 0 1.155v1.617l9.24 5.197 9.24-5.082V1.156C18.48.462 18.018 0 17.325 0z\",\n transform: \"translate(0 2) translate(0 1.32)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.662 10.28L0 5.429v9.586c0 .693.462 1.155 1.155 1.155h16.17c.693 0 1.155-.462 1.155-1.155V5.428L9.818 10.28c-.324.161-.832.161-1.155 0z\",\n transform: \"translate(0 2) translate(0 1.32)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"#FFF\",\n transform: \"translate(0 2) translate(11.88)\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 4.62,\n cy: 4.62,\n r: 5.37,\n fill: \"#C7C8D4\",\n strokeWidth: 1.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeWidth: 1.2,\n d: \"M4.288 2.718L4.288 4.848 4.288 5.358 6.836 5.358\"\n})))));\nexport default SvgIconScheduledReminderIndicator;","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 SvgActionRequired = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"66px\",\n height: \"72px\",\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: \"Improvements\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Action-Required-Modal\",\n transform: \"translate(-687.000000, -320.000000)\",\n fill: \"#CDCDD9\",\n fillRule: \"nonzero\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"bell\",\n transform: \"translate(687.000000, 320.000000)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M56.9916655,42.1111611 L56.9916655,27.557105 C56.9916655,17.7072025 50.7621785,9.32463638 41.9877856,5.81201579 L42.0731427,5.81201579 C40.536715,2.40785725 37.0544618,0 33.0015807,0 C28.9439575,0 25.463285,2.40785725 23.9315994,5.81201579 L24.0122144,5.81201579 C15.2394022,9.32463638 9.00991522,17.7072025 9.00991522,27.557105 L9.00991522,42.11426 C4.01810605,42.1576448 0,46.1567951 0,51.0871695 L0,53.0208927 C0,57.9760584 4.08133352,62 9.13795086,62 L56.8636298,62 C61.9186665,62 66,57.9760584 66,53.0208927 L66,51.0871695 C66,46.1552457 61.9834746,42.1560954 56.9916655,42.1111611 Z\",\n id: \"Path\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.0023525,72 C37.0251808,72 40.4802649,69.5142629 42,66 L24,66 C25.5197351,69.5158624 28.9779559,72 33.0023525,72 Z\",\n id: \"Path\"\n}))))));\nexport default SvgActionRequired;","var _circle, _path, _path2, _path3, _path4, _path5, _rect, _path6, _path7, _path8;\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 SvgIconSharedWithNoOne = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 105 117\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 52.5,\n cy: 64.5,\n r: 52.5,\n fill: \"#E3E5F5\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31 48.8159C31 45.2438 33.8957 42.3481 37.4677 42.3481H68.1894C71.7614 42.3481 74.6571 45.2438 74.6571 48.8159V87.6222C74.6571 91.1942 71.7614 94.0899 68.1894 94.0899H37.4677C33.8957 94.0899 31 91.1942 31 87.6222V48.8159Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M68.1894 43.9651H37.4677C34.7887 43.9651 32.6169 46.1368 32.6169 48.8159V87.6222C32.6169 90.3012 34.7887 92.473 37.4677 92.473H68.1894C70.8684 92.473 73.0402 90.3012 73.0402 87.6222V48.8159C73.0402 46.1368 70.8684 43.9651 68.1894 43.9651ZM37.4677 42.3481C33.8957 42.3481 31 45.2438 31 48.8159V87.6222C31 91.1942 33.8957 94.0899 37.4677 94.0899H68.1894C71.7614 94.0899 74.6571 91.1942 74.6571 87.6222V48.8159C74.6571 45.2438 71.7614 42.3481 68.1894 42.3481H37.4677Z\",\n fill: \"#B1C3E9\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.2397 59.9037C40.2397 58.3728 41.4808 57.1318 43.0116 57.1318H63.3387C64.8696 57.1318 66.1106 58.3728 66.1106 59.9037C66.1106 61.4346 64.8696 62.6756 63.3387 62.6756H43.0116C41.4808 62.6756 40.2397 61.4346 40.2397 59.9037Z\",\n fill: \"#0099FF\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.2397 69.1425C40.2397 67.6116 41.4808 66.3706 43.0116 66.3706H63.3387C64.8696 66.3706 66.1106 67.6116 66.1106 69.1425C66.1106 70.6734 64.8696 71.9144 63.3387 71.9144H43.0116C41.4808 71.9144 40.2397 70.6734 40.2397 69.1425Z\",\n fill: \"#FF6100\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.2397 78.3822C40.2397 76.8514 41.4808 75.6104 43.0116 75.6104H63.3387C64.8696 75.6104 66.1106 76.8514 66.1106 78.3822C66.1106 79.9131 64.8696 81.1541 63.3387 81.1541H43.0116C41.4808 81.1541 40.2397 79.9131 40.2397 78.3822Z\",\n fill: \"#FFB629\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 23,\n y: 1,\n width: 60.4502,\n height: 32.8534,\n rx: 4,\n fill: \"#FF6100\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M53.8224 27.8216C53.4338 27.442 52.8132 27.442 52.4247 27.8216L47.7072 32.4311C47.3408 32.7891 47.3042 33.3662 47.6225 33.7676L52.3399 39.7177C52.7403 40.2227 53.5068 40.2227 53.9071 39.7177L58.6246 33.7676C58.9429 33.3662 58.9063 32.7891 58.5399 32.4311L53.8224 27.8216Z\",\n fill: \"#FF6100\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M31.9634 12.2109C31.9634 14.5328 33.8523 16.4217 36.1742 16.4217C38.4962 16.4217 40.3851 14.5328 40.3851 12.2109C40.3851 9.88895 38.4962 8 36.1742 8C33.8523 8 31.9634 9.88895 31.9634 12.2109ZM42.6353 14.3816C42.6353 16.3463 44.2336 17.9447 46.1983 17.9447C48.163 17.9447 49.7613 16.3463 49.7613 14.3816C49.7613 12.4169 48.163 10.8186 46.1983 10.8186C44.2336 10.8186 42.6353 12.4169 42.6353 14.3816ZM43.605 26.33H28.7431C28.3337 26.33 28.0013 25.9988 28 25.5894C27.9929 23.4341 28.8628 21.3237 30.3871 19.7997C31.9045 18.282 34.0035 17.4128 36.1493 17.4128H36.1753C40.6819 17.4138 44.3481 21.0803 44.3481 25.5869C44.3481 25.9973 44.0155 26.33 43.605 26.33ZM52.4859 26.329H45.9625C45.9997 26.2297 46.02 26.1222 46.02 26.01C46.02 23.4511 45.0548 21.1133 43.4692 19.3417C44.3204 18.9782 45.2436 18.7837 46.1772 18.7837H46.1993C50.0125 18.7845 53.1147 21.8869 53.1147 25.7002C53.1147 26.0475 52.8332 26.329 52.4859 26.329Z\",\n fill: \"white\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.4072 17.224C72.4072 15.256 72.0712 13.744 71.3032 12.784C70.7752 12.088 70.0312 11.632 68.9032 11.632C67.7752 11.632 67.0552 12.088 66.5032 12.784C65.7592 13.744 65.4232 15.256 65.4232 17.224C65.4232 19.192 65.7592 20.704 66.5032 21.664C67.0552 22.36 67.7752 22.816 68.9032 22.816C70.0312 22.816 70.7752 22.36 71.3032 21.664C72.0472 20.704 72.4072 19.192 72.4072 17.224ZM75.2632 17.224C75.2632 19.288 74.9272 21.232 73.8712 22.816C72.8632 24.328 71.2312 25.36 68.9032 25.36C66.5752 25.36 64.9672 24.328 63.9592 22.816C62.9032 21.232 62.5672 19.288 62.5672 17.224C62.5672 15.16 62.9032 13.216 63.9592 11.632C64.9672 10.12 66.5752 9.088 68.9032 9.088C71.2312 9.088 72.8632 10.12 73.8712 11.632C74.9272 13.216 75.2632 15.16 75.2632 17.224Z\",\n fill: \"white\"\n})));\nexport default SvgIconSharedWithNoOne;","\n \n \n","var _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 SvgIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n fill: \"none\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#00A889\",\n fillRule: \"evenodd\",\n d: \"m6.661 16.081.358.143a.032.032 0 0 0 .042-.04 5.13 5.13 0 0 0-3.245-3.245.032.032 0 0 0-.04.042l.143.358c.36.901-.112 1.92-1.033 2.227l-.16.053a1.85 1.85 0 0 1-1.27-.037l-.104-.041A2.15 2.15 0 0 1 0 13.544V4a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6.456a2.15 2.15 0 0 1-1.997-1.352l-.041-.103a1.85 1.85 0 0 1-.037-1.27l.053-.161a1.687 1.687 0 0 1 2.227-1.033m-3.328-4.414S3.75 10 5 9.167c1.25-.834 1.666 0 1.666 0s1.667-5.834 10-5.834c0 8.333-5.833 10-5.833 10s.833.417 0 1.667-2.5 1.666-2.5 1.666a5 5 0 0 0-5-5M11.25 10a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5\",\n clipRule: \"evenodd\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n fillOpacity: 0.2,\n fillRule: \"evenodd\",\n d: \"m6.661 16.081.358.143a.032.032 0 0 0 .042-.04 5.13 5.13 0 0 0-3.245-3.245.032.032 0 0 0-.04.042l.143.358c.36.901-.112 1.92-1.033 2.227l-.16.053a1.85 1.85 0 0 1-1.27-.037l-.104-.041A2.15 2.15 0 0 1 0 13.544V4a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6.456a2.15 2.15 0 0 1-1.997-1.352l-.041-.103a1.85 1.85 0 0 1-.037-1.27l.053-.161a1.687 1.687 0 0 1 2.227-1.033m-3.328-4.414S3.75 10 5 9.167c1.25-.834 1.666 0 1.666 0s1.667-5.834 10-5.834c0 8.333-5.833 10-5.833 10s.833.417 0 1.667-2.5 1.666-2.5 1.666a5 5 0 0 0-5-5M11.25 10a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5\",\n clipRule: \"evenodd\"\n})));\nexport default SvgIcon;","\n \n \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 SvgFaq = 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), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.46,\n d: \"M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 13C7.4 13 7 12.6 7 12C7 11.4 7.4 11 8 11C8.6 11 9 11.4 9 12C9 12.6 8.6 13 8 13ZM9.5 8.4C9 8.7 9 8.8 9 9V10H7V9C7 7.7 7.8 7.1 8.4 6.7C8.9 6.4 9 6.3 9 6C9 5.4 8.6 5 8 5C7.6 5 7.3 5.2 7.1 5.5L6.6 6.4L4.9 5.4L5.4 4.5C5.9 3.6 6.9 3 8 3C9.7 3 11 4.3 11 6C11 7.4 10.1 8 9.5 8.4Z\",\n fill: \"#8583A9\"\n})));\nexport default SvgFaq;","\n \n \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 SvgIconCalendar = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 15 14\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.7185 8.86687V7H9.84327V8.86687H11.7185ZM8.437 8.86687V7H6.56177V8.86687H8.437ZM5.15612 8.86687V7H3.28089V8.86687H5.15612ZM11.7185 11.6669V9.8H9.84327V11.6669H11.7185ZM8.437 11.6669V9.8H6.56177V11.6669H8.437ZM13.5937 0.93313V4.2H9.37492V1.93313C9.37492 1.38085 8.92721 0.93313 8.37492 0.93313H6.62508C6.07279 0.93313 5.62508 1.38085 5.62508 1.93313V4.2H1.40627V0.93313H1C0.447715 0.93313 0 1.38085 0 1.93313V12C0 13.1046 0.895431 14 2 14H13C14.1046 14 15 13.1046 15 12V1.93313C15 1.38085 14.5523 0.93313 14 0.93313H13.5937ZM13.1248 6.06687V12.6H1.87462V6.06687H13.1248ZM5.15612 11.6669V9.8H3.28089V11.6669H5.15612ZM12.6558 2.26687C12.6558 2.81915 12.2081 3.26687 11.6558 3.26687H11.3122C10.7599 3.26687 10.3122 2.81915 10.3122 2.26687V1C10.3122 0.447716 10.7599 0 11.3122 0H11.6558C12.2081 0 12.6558 0.447715 12.6558 1V2.26687ZM2.34358 1C2.34358 0.447716 2.79129 0 3.34358 0H3.68716C4.23944 0 4.68716 0.447715 4.68716 1V2.26687C4.68716 2.81915 4.23944 3.26687 3.68716 3.26687H3.34358C2.79129 3.26687 2.34358 2.81915 2.34358 2.26687V1Z\",\n fill: \"#6A6E8F\",\n fillOpacity: 0.4\n})));\nexport default SvgIconCalendar;","\n \n \n","var _circle, _path, _path2, _path3;\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 SvgIconSignTrackAvatar = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 44 44\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 22,\n cy: 22,\n r: 22,\n fill: \"#5E74E6\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M17.0538 16.6894C17.6831 16.0601 18.4199 15.563 19.221 15.216C20.0911 14.8391 21.037 14.6392 22.0036 14.6392C22.9714 14.6392 23.9185 14.8396 24.7895 15.2174C25.5893 15.5644 26.3249 16.061 26.9533 16.6894C28.1167 17.8528 28.8283 19.3834 28.9752 21.0089C28.9789 21.05 28.9801 21.0907 28.9788 21.131C28.979 21.133 28.9792 21.1351 28.9794 21.1373C28.9853 21.2013 28.9986 21.3175 29.0282 21.4957C29.0875 21.8527 29.2109 22.4524 29.4667 23.37C29.7564 24.4094 30.3225 25.7009 30.8052 26.7072C31.4371 28.0245 30.5086 29.6385 28.9813 29.6385H15.0247C13.4969 29.6385 12.5686 28.0237 13.2011 26.7063C13.6842 25.7001 14.2505 24.4091 14.5401 23.37C14.7957 22.4533 14.9172 21.855 14.9748 21.4996C15.0035 21.3222 15.016 21.2069 15.0214 21.1439C15.0241 21.1125 15.025 21.0944 15.0252 21.0884C15.0254 21.0854 15.0253 21.0854 15.0252 21.0884L15.0252 21.0951L15.0252 21.1001L15.0252 21.1029L15.0252 21.1045C15.0248 21.043 15.0299 20.9837 15.0401 20.9252C15.2035 19.331 15.9104 17.8328 17.0538 16.6894ZM17.0215 21.2124C17.0224 21.2046 17.0232 21.1968 17.0239 21.1889C17.1288 20.0279 17.6371 18.9346 18.4681 18.1036C19.4057 17.1659 20.6775 16.6392 22.0036 16.6392C23.3297 16.6392 24.6014 17.1659 25.5391 18.1036C26.3506 18.9151 26.8543 19.9767 26.9752 21.1072L26.9753 21.1144L26.9757 21.1323C26.976 21.1454 26.9766 21.161 26.9775 21.1793C26.9793 21.2157 26.9825 21.2626 26.9879 21.3212C26.9987 21.4382 27.0186 21.6026 27.0552 21.8232C27.1283 22.2638 27.269 22.9344 27.5401 23.907C27.8795 25.1246 28.5104 26.5475 29.0019 27.5721C29.0067 27.5822 29.0071 27.5881 29.0067 27.5936C29.0062 27.6016 29.0032 27.6128 28.9964 27.624C28.9912 27.6324 28.9863 27.6368 28.9842 27.6384L28.9813 27.6385H15.0247L15.0218 27.6384C15.0196 27.6368 15.0148 27.6324 15.0096 27.6239C15.0028 27.6128 14.9998 27.6015 14.9992 27.5935C14.9988 27.5879 14.9992 27.582 15.0041 27.572C15.496 26.5473 16.1273 25.1246 16.4667 23.907C16.7381 22.9334 16.8774 22.2615 16.949 21.8193C16.9849 21.5979 17.004 21.4326 17.0141 21.3146C17.0175 21.2756 17.0198 21.2416 17.0215 21.2124Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M17.8706 29.6385H26.1373C26.1373 29.6385 26.1462 29.7512 25.9325 30.2672C25.7188 30.7831 25.4056 31.2518 25.0108 31.6467C24.6159 32.0416 24.1471 32.3548 23.6312 32.5685C23.1153 32.7822 22.5623 32.8922 22.0039 32.8922C21.4455 32.8922 20.8926 32.7822 20.3766 32.5685C19.8607 32.3548 19.392 32.0416 18.9971 31.6467C18.6022 31.2518 18.289 30.7831 18.0753 30.2672C17.8616 29.7512 17.8706 29.6385 17.8706 29.6385ZM19.9858 29.6399C20.0943 29.8589 20.238 30.0591 20.4113 30.2325C20.6205 30.4416 20.8688 30.6075 21.142 30.7207C21.4153 30.8339 21.7082 30.8922 22.0039 30.8922C22.2997 30.8922 22.5926 30.8339 22.8658 30.7207C23.1391 30.6075 23.3874 30.4416 23.5965 30.2325C23.7699 30.0591 23.9135 29.8589 24.0221 29.6399H19.9858Z\",\n fill: \"white\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M20.3388 11.6052C20.8322 11.2756 21.4122 11.0996 22.0055 11.0996C22.5989 11.0996 23.1789 11.2756 23.6723 11.6052C24.1656 11.9348 24.5501 12.4034 24.7772 12.9516C25.0042 13.4997 25.0637 14.1029 24.9479 14.6849C24.9115 14.8678 24.8583 15.046 24.7895 15.2174L22.8164 14.6849C22.9 14.569 22.9582 14.4361 22.9863 14.2947C23.0249 14.1007 23.0051 13.8997 22.9294 13.7169C22.8537 13.5342 22.7256 13.378 22.5611 13.2681C22.3967 13.1583 22.2033 13.0996 22.0055 13.0996C21.8078 13.0996 21.6144 13.1583 21.45 13.2681C21.2855 13.378 21.1573 13.5342 21.0817 13.7169C21.006 13.8997 20.9862 14.1007 21.0248 14.2947C21.0529 14.4361 21.1111 14.569 21.1947 14.6849C21.2258 14.728 21.1568 14.6469 21.1947 14.6849L19.221 15.216C19.1524 15.045 19.0995 14.8673 19.0632 14.6849C18.9474 14.1029 19.0068 13.4997 19.2339 12.9516C19.461 12.4034 19.8455 11.9348 20.3388 11.6052Z\",\n fill: \"white\"\n})));\nexport default SvgIconSignTrackAvatar;","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 SvgIconWorkflowApproval = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 26 29\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.826.106c4.477.35 8.209 3.77 8.972 8.16.78 4.479-1.52 8.837-5.678 10.74-.22.1-.283.214-.283.444l.006 4.312v4.774H0V2.961h.397c2.722 0 5.443.004 8.165-.01a.902.902 0 00.553-.212C11.307.763 13.886-.124 16.826.106zM7.32 4.952H1.986v21.555H17.78v-6.735c-.119.01-.213.01-.306.025-2.139.331-4.166-.014-6.097-.972a1.326 1.326 0 00-.574-.123l-2.722-.007-3.125.001V16.69h3.537c-.404-.577-.803-1.126-1.174-1.693-.118-.18-.237-.25-.45-.245-.634.014-1.267.005-1.919.005v-1.98h1.387c-.377-1.35-.498-2.678-.322-4.027.175-1.348.62-2.611 1.305-3.797zm7.499 15.717v1.95H4.94v-1.95h9.878zm1.21-18.622c-4.476-.014-8.054 3.494-8.077 7.917-.021 4.396 3.548 7.953 7.992 7.963 4.391.01 8.002-3.538 8.015-7.875.013-4.382-3.564-7.992-7.93-8.005zm4.247 3.998l1.355 1.368-7.208 7.152-4.707-4.668 1.379-1.363 3.343 3.305 5.838-5.794z\",\n fill: \"#464C52\",\n fillRule: \"evenodd\"\n})));\nexport default SvgIconWorkflowApproval;","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;\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 SvgLogoGrey = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 91 16\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M63.4889 12.4421C62.9321 12.4421 62.4018 12.2392 62.0108 11.8463C61.621 11.4547 61.3578 10.8621 61.3578 10.061C61.3578 9.25016 61.6213 8.65797 62.0104 8.26906C62.4008 7.87888 62.931 7.67979 63.4889 7.67979C64.0469 7.67979 64.5771 7.87888 64.9675 8.26906C65.3566 8.65797 65.6201 9.25016 65.6201 10.061C65.6201 10.8718 65.3566 11.464 64.9675 11.8529C64.5771 12.243 64.0469 12.4421 63.4889 12.4421ZM63.4889 5.0913C60.6611 5.0913 58.5193 7.17191 58.5193 10.061C58.5193 12.9312 60.6606 15.0306 63.4889 15.0306C66.3173 15.0306 68.4586 12.9312 68.4586 10.061C68.4586 7.17191 66.3168 5.0913 63.4889 5.0913Z\",\n fill: \"#6F76A7\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M39.974 12.4421C39.4172 12.4421 38.8868 12.2392 38.4959 11.8463C38.1061 11.4547 37.8429 10.8621 37.8429 10.061C37.8429 9.25016 38.1064 8.65797 38.4955 8.26906C38.8859 7.87888 39.4161 7.67979 39.974 7.67979C40.5319 7.67979 41.0621 7.87888 41.4525 8.26906C41.8417 8.65797 42.1052 9.25016 42.1052 10.061C42.1052 10.8718 41.8417 11.464 41.4525 11.8529C41.0621 12.243 40.5319 12.4421 39.974 12.4421ZM39.974 5.0913C37.1462 5.0913 35.0044 7.17191 35.0044 10.061C35.0044 12.9312 37.1457 15.0306 39.974 15.0306C42.8024 15.0306 44.9437 12.9312 44.9437 10.061C44.9437 7.17191 42.8019 5.0913 39.974 5.0913Z\",\n fill: \"#6F76A7\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M76.1878 15.0297H79.0094V9.39641C79.0094 8.93354 79.1542 8.53006 79.4098 8.24469C79.6633 7.96171 80.0366 7.78222 80.5228 7.78222C81.0322 7.78222 81.3784 7.95095 81.6005 8.21122C81.8265 8.47613 81.9439 8.85957 81.9439 9.32226V15.0297H84.747V9.39641C84.747 8.94341 84.8915 8.5391 85.1461 8.25061C85.3984 7.96464 85.7673 7.78222 86.2419 7.78222C86.7615 7.78222 87.1069 7.95144 87.326 8.21061C87.5495 8.47488 87.6631 8.85805 87.6631 9.32226V15.0297H90.4108V8.82176C90.4108 7.55567 89.994 6.6366 89.3389 6.03543C88.6868 5.43712 87.818 5.17139 86.943 5.17139C86.3226 5.17139 85.7531 5.27691 85.2415 5.5339C84.8062 5.75263 84.4208 6.07708 84.0848 6.5252C83.5403 5.63965 82.5464 5.17139 81.3714 5.17139C80.5148 5.17139 79.5234 5.51112 78.8987 6.17171V5.43091H76.1878V15.0297Z\",\n fill: \"#6F76A7\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M75.1255 5.4082V8.28359L74.9053 8.23918C74.6425 8.18619 74.4156 8.16865 74.206 8.16865C73.6077 8.16865 73.0761 8.3151 72.6945 8.67083C72.3154 9.02421 72.0541 9.61254 72.0541 10.5618V15.0303H69.2402V5.42768H71.9806V6.32655C72.6583 5.5118 73.7108 5.35352 74.3715 5.35352C74.5831 5.35352 74.7747 5.37284 74.9567 5.39118L75.1255 5.4082Z\",\n fill: \"#6F76A7\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M24.4846 10.2972L27.2212 10.2972L27.2523 10.3276C27.2732 10.3479 27.2876 10.3769 27.2905 10.4092C27.3435 11.0073 27.579 11.4584 27.9313 11.759C28.282 12.058 28.7357 12.1972 29.2085 12.1972C29.7854 12.1972 30.2572 11.9851 30.5831 11.6164C30.9071 11.2499 31.0759 10.7414 31.0759 10.1652V2.18164H34.0347V10.2478C34.0347 12.83 32.0553 14.9895 29.2291 14.9895C27.8173 14.9895 26.6334 14.5213 25.8032 13.7088C24.9922 12.915 24.5078 11.7821 24.4863 10.4056L24.4846 10.2972Z\",\n fill: \"#6F76A7\"\n})), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M58.1191 3.50347L58.2754 3.54813V1.37034L58.2035 1.33767C58.0935 1.28764 57.9164 1.24235 57.712 1.20938C57.5049 1.17599 57.2607 1.15379 57.0118 1.15379C56.0418 1.15379 54.9513 1.47476 54.3867 2.053C53.8223 2.63092 53.5111 3.45464 53.5111 4.44016V4.88942H52.0935V7.35076H53.5111V15.029H56.3564V7.35076H58.2754V4.88942H56.3564V4.47474C56.3564 4.03189 56.5113 3.77696 56.7093 3.62846C56.9135 3.47529 57.1819 3.42175 57.4267 3.42175C57.7948 3.42175 58.0082 3.47178 58.1191 3.50347Z\",\n fill: \"#6F76A7\"\n})), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M51.0751 12.6715L51.2219 12.6266V14.813L51.1544 14.8458C51.051 14.896 50.8846 14.9415 50.6925 14.9746C50.4979 15.0081 50.2684 15.0304 50.0344 15.0304C49.1229 15.0304 48.1036 14.7082 47.573 14.1276C47.0427 13.5474 46.7502 12.7205 46.7502 11.7311V7.38836H45.418V4.92027L46.7502 4.92027V2.25196H49.4185V4.92027L51.2219 4.92027V7.38836L49.4185 7.38836V11.6964C49.4185 12.141 49.5641 12.3969 49.7502 12.546C49.9421 12.6998 50.1943 12.7535 50.4243 12.7535C50.7703 12.7535 50.9708 12.7033 51.0751 12.6715Z\",\n fill: \"#6F76A7\"\n})), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.98543 15.2053C4.2875 15.4981 4.07404 15.9999 3.64508 15.9999H0.96061C0.430966 15.9999 0 15.5821 0 15.0686V12.4663C0 12.0504 0.517562 11.8435 0.81964 12.1363L3.98543 15.2053Z\",\n fill: \"#6F76A7\"\n})), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.18184 15.4078C7.38722 14.6184 7.38722 13.3385 8.18184 12.549L11.0496 9.69999C11.8442 8.91055 13.1325 8.91055 13.9271 9.69999C14.7218 10.4894 14.7218 11.7693 13.9271 12.5588L11.0594 15.4078C10.2648 16.1973 8.97645 16.1973 8.18184 15.4078Z\",\n fill: \"#6F76A7\"\n})), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.609326 8.24892C-0.185287 7.45948 -0.185286 6.17956 0.609327 5.39012L5.43546 0.592077C6.23007 -0.197358 7.51839 -0.197359 8.31301 0.592076C9.10762 1.38151 9.10762 2.66144 8.31301 3.45087L3.48688 8.24892C2.69226 9.03835 1.40394 9.03835 0.609326 8.24892Z\",\n fill: \"#6F76A7\"\n})), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.55104 11.6691C3.75642 10.8797 3.75643 9.59974 4.55104 8.81031L11.072 2.33182C11.8666 1.54239 13.155 1.54239 13.9496 2.33182C14.7442 3.12126 14.7442 4.40118 13.9496 5.19062L7.42859 11.6691C6.63397 12.4585 5.34565 12.4585 4.55104 11.6691Z\",\n fill: \"#6F76A7\"\n})));\nexport default SvgLogoGrey;","\n \n \n","\n \n \n","var _title, _desc, _defs, _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 SvgIconValid = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"9px\",\n height: \"5px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n}, props), _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"check-small\")), _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null)), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Reply\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Sender-Email-From-Popup-Error\",\n transform: \"translate(-990.000000, -547.000000)\",\n stroke: \"#C9C9C9\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-41\",\n transform: \"translate(410.000000, 281.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"tags-copy-7\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"search-bar\",\n transform: \"translate(20.000000, 124.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-31\",\n transform: \"translate(0.000000, 126.000000)\"\n}, /*#__PURE__*/React.createElement(\"polyline\", {\n id: \"check-small\",\n points: \"561 18 563.5 20.5 568 16\"\n})))))))));\nexport default SvgIconValid;","var _title, _desc, _defs, _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 SvgIconInvalid = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"9px\",\n height: \"9px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n}, props), _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Shape\")), _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null)), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Reply\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Sender-Email-From-Popup-Error\",\n transform: \"translate(-990.000000, -419.000000)\",\n stroke: \"#F44C4C\",\n strokeWidth: 1.14285714\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group-41\",\n transform: \"translate(410.000000, 281.000000)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"tags-copy-7\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M584.5,142.5 L581,139 L584.5,142.5 L588,139 L584.5,142.5 Z M584.5,142.5 L581,146 L584.5,142.5 L588,146 L584.5,142.5 Z\",\n id: \"Shape\"\n})))))));\nexport default SvgIconInvalid;","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","var _title, _desc, _defs, _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 SvgIconSmile = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"22px\",\n height: \"22px\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n}, props), _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Group\")), _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null)), _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: \"Data-Table-1-Copy-309\",\n transform: \"translate(-850.000000, -852.000000)\",\n fill: \"#8488A9\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group\",\n transform: \"translate(850.000000, 852.000000)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.8275822,19.979924 C15.863291,19.9982594 19.8744716,16.0165118 19.8993209,10.9748521 C19.9240092,5.94002784 15.9492581,1.92667591 10.904462,1.89290026 C5.85805754,1.85904419 1.82492273,5.86274593 1.81294042,10.9181572 C1.80103852,15.9548311 5.78688742,19.9615887 10.8275822,19.979924 M10.894088,0.0804343085 C16.8915988,0.0900040772 21.728755,4.97018405 21.7121889,10.9946349 C21.6957836,16.9713174 16.8213133,21.8026835 10.817932,21.7927117 C4.82026035,21.7826594 -0.0164937779,16.9028011 7.23764023e-05,10.8782698 C0.0164776943,4.90078312 4.88950045,0.0707841215 10.894088,0.0804343085\",\n id: \"Fill-1\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.6677374,13.528758 C15.1483167,13.8612873 15.6088718,14.1798239 16.1148633,14.5298844 C14.9842635,16.0869421 13.5102779,17.0111888 11.6276068,17.2127168 C9.14573954,17.4784991 7.15160882,16.5770912 5.59133442,14.5441185 C6.08663027,14.196953 6.55940901,13.8656299 7.03250943,13.5340656 C8.84963963,16.1064033 12.8280901,16.0837254 14.6677374,13.528758\",\n id: \"Fill-4\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.03983678,9.13327471 C9.03525294,10.1399501 8.22415472,10.9431673 7.22029402,10.9349646 C6.2202934,10.926762 5.41820202,10.1047269 5.4309081,9.10110742 C5.44337293,8.11429539 6.24305175,7.32563386 7.23259801,7.32426675 C8.24305301,7.32281922 9.04442062,8.12499101 9.03983678,9.13327471\",\n id: \"Fill-6\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.280364,9.11453727 C16.286315,10.1187196 15.4805244,10.9327129 14.478272,10.9348842 C13.4754568,10.9370555 12.6674949,10.1250727 12.6724004,9.11992529 C12.677145,8.12563436 13.4625898,7.33343442 14.4526186,7.32418633 C15.4626715,7.31477739 16.2744131,8.1099528 16.280364,9.11453727\",\n id: \"Fill-8\"\n}))))));\nexport default SvgIconSmile;","\n \n \n \n","\n \n \n","\n \n \n","\n \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;","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 SvgIconAppAnalytics = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 14 18\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#FFF\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 2,\n height: 6,\n y: 12,\n opacity: 0.2,\n rx: 1\n}), /*#__PURE__*/React.createElement(\"rect\", {\n width: 2,\n height: 14,\n x: 4,\n y: 4,\n opacity: 0.45,\n rx: 1\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9,7 L9,7 C9.55228475,7 10,7.44771525 10,8 L10,17 C10,17.5522847 9.55228475,18 9,18 L9,18 C8.44771525,18 8,17.5522847 8,17 L8,8 C8,7.44771525 8.44771525,7 9,7 Z\",\n opacity: 0.7\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13,0 L13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 L14,17 C14,17.5522847 13.5522847,18 13,18 L13,18 C12.4477153,18 12,17.5522847 12,17 L12,1 C12,0.44771525 12.4477153,1.01453063e-16 13,0 Z\"\n}))));\nexport default SvgIconAppAnalytics;","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 SvgIconAppBuilder = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#FFF\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.42465964,13.6190476 L10.5913141,13.6190476 C10.6397095,13.0324257 11.1311487,12.5714286 11.7302595,12.5714286 L12.8731166,12.5714286 C13.5042992,12.5714286 14.0159738,13.0831031 14.0159738,13.7142857 L14.0159738,14.8571429 C14.0159738,15.4883254 13.5042992,16 12.8731166,16 L11.7302595,16 C11.1311487,16 10.6397095,15.5390029 10.5913141,14.952381 L3.42465964,14.952381 C3.37626432,15.5390029 2.88482512,16 2.28571429,16 L1.14285714,16 C0.511674572,16 6.34413157e-17,15.4883254 0,14.8571429 L0,13.7142857 C-1.20435454e-16,13.1151749 0.460997093,12.6237357 1.04761905,12.5753404 L1.04761905,5.42465964 C0.460997093,5.37626432 1.55925743e-12,4.88482512 1.55919722e-12,4.28571429 L1.55919722e-12,3.14285714 C1.55907033e-12,2.51167457 0.511674572,2 1.14285714,2 L2.28571429,2 C2.91689686,2 3.42857143,2.51167457 3.42857143,3.14285714 L3.42857143,4.28571429 C3.42857143,4.88482512 2.96757434,5.37626432 2.38095238,5.42465964 L2.38095238,12.5753404 C2.93617116,12.621145 3.37885503,13.0638288 3.42465964,13.6190476 Z M1.14285714,3.14285714 L1.14285714,4.28571429 L2.28571429,4.28571429 L2.28571429,3.14285714 L1.14285714,3.14285714 Z M11.7302595,13.7142857 L11.7302595,14.8571429 L12.8731166,14.8571429 L12.8731166,13.7142857 L11.7302595,13.7142857 Z M1.14285714,13.7142857 L1.14285714,14.8571429 L2.28571429,14.8571429 L2.28571429,13.7142857 L1.14285714,13.7142857 Z\",\n opacity: 0.6\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.6477844,0.177793826 L15.8222062,2.35221565 C16.0592646,2.58927408 16.0592646,2.97362175 15.8222062,3.21068018 L9.2989407,9.73394565 C9.2323045,9.80058186 9.15106879,9.85078828 9.06166694,9.8805889 L5.80003421,10.9677998 C5.32548669,11.1259823 4.87401768,10.6745133 5.03220019,10.1999658 L6.1194111,6.93833306 C6.14921172,6.84893121 6.19941814,6.7676955 6.26605435,6.7010593 L12.7893198,0.177793826 C13.0263783,-0.0592646087 13.4107259,-0.0592646087 13.6477844,0.177793826 Z M7.22584687,7.45819584 L6.56771558,9.43258972 L8.53121766,8.78473963 L14.5345094,2.78144792 L13.2185521,1.46549062 L7.22584687,7.45819584 Z\"\n}))));\nexport default SvgIconAppBuilder;","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 SvgIconAppCards = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#94BEFF\",\n d: \"M.5-1.73194792e-13L3.5-1.73305814e-13C3.77614237-1.73847068e-13 4 .223857625 4 .5L4 9.5C4 9.77614237 3.77614237 10 3.5 10L.5 10C.223857625 10-1.81895559e-12 9.77614237-1.8189894e-12 9.5L-1.8189894e-12.5C-1.81902322e-12.223857625.223857625-1.73144065e-13.5-1.73194792e-13zM6.5-4.4408921e-16L9.5-4.4408921e-16C9.77614237-4.94815741e-16 10 .223857625 10 .5L10 3.5C10 3.77614237 9.77614237 4 9.5 4L6.5 4C6.22385763 4 6 3.77614237 6 3.5L6 .5C6 .223857625 6.22385763-6.15407283e-16 6.5-6.66133815e-16z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M12.5,10 L15.5,10 C15.7761424,10 16,10.2238576 16,10.5 L16,15.5 C16,15.7761424 15.7761424,16 15.5,16 L12.5,16 C12.2238576,16 12,15.7761424 12,15.5 L12,10.5 C12,10.2238576 12.2238576,10 12.5,10 Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#94BEFF\",\n d: \"M12.5,-9.09494702e-13 L15.5,-9.09494702e-13 C15.7761424,-9.09545428e-13 16,0.223857625 16,0.5 L16,7.5 C16,7.77614237 15.7761424,8 15.5,8 L12.5,8 C12.2238576,8 12,7.77614237 12,7.5 L12,0.5 C12,0.223857625 12.2238576,-9.09443975e-13 12.5,-9.09494702e-13 Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M6.5 6L9.5 6C9.77614237 6 10 6.22385763 10 6.5L10 15.5C10 15.7761424 9.77614237 16 9.5 16L6.5 16C6.22385763 16 6 15.7761424 6 15.5L6 6.5C6 6.22385763 6.22385763 6 6.5 6zM.5 12L3.5 12C3.77614237 12 4 12.2238576 4 12.5L4 15.5C4 15.7761424 3.77614237 16 3.5 16L.5 16C.223857625 16 2.79081386e-16 15.7761424 0 15.5L0 12.5C-3.38176876e-17 12.2238576.223857625 12 .5 12z\"\n}))));\nexport default SvgIconAppCards;","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 SvgIconAppForm = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 18\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#FFF\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.9010982,4.93150685 L10.0819672,2.1046522 L10.0819672,4.93150685 L12.9010982,4.93150685 Z M8.85245902,1.23287671 L1.2295082,1.23287671 L1.2295082,15.7671233 L6.38356164,15.7671233 C6.72401115,15.7671233 7,16.0431121 7,16.3835616 C7,16.7240111 6.72401115,17 6.38356164,17 L0.614754098,17 C0.275234785,17 8.8817842e-16,16.7240111 8.8817842e-16,16.3835616 L8.8817842e-16,0.616438356 C8.8817842e-16,0.275988853 0.275234785,0 0.614754098,0 L9.46721311,0 C9.63025604,0 9.78662115,0.0649459975 9.90190991,0.180550614 L14.8199427,5.11205746 C14.9352315,5.22766208 15,5.38445559 15,5.54794521 L15,8.3852459 C15,8.72476522 14.7247652,9 14.3852459,9 C14.0457266,9 13.7704918,8.72476522 13.7704918,8.3852459 L13.7704918,6.16438356 L9.46721311,6.16438356 C9.1276938,6.16438356 8.85245902,5.88839471 8.85245902,5.54794521 L8.85245902,1.23287671 Z\",\n opacity: 0.6\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5070948,15.4508357 L15.7812416,16.7249825 C16.0729195,17.0166604 16.0729195,17.4895637 15.7812416,17.7812416 C15.4895637,18.0729195 15.0166604,18.0729195 14.7249825,17.7812416 L13.4508357,16.5070948 C12.8988752,16.8636094 12.241238,17.0705394 11.5352697,17.0705394 C9.58279417,17.0705394 8,15.4877453 8,13.5352697 C8,11.5827941 9.58279417,10 11.5352697,10 C13.4877453,10 15.0705394,11.5827941 15.0705394,13.5352697 C15.0705394,14.241238 14.8636094,14.8988752 14.5070948,15.4508357 Z M12.9940382,14.9634484 C13.3545249,14.5952892 13.5767635,14.0912328 13.5767635,13.5352697 C13.5767635,12.4077839 12.6627556,11.4937759 11.5352697,11.4937759 C10.4077839,11.4937759 9.49377594,12.4077839 9.49377594,13.5352697 C9.49377594,14.6627556 10.4077839,15.5767635 11.5352697,15.5767635 C12.0912328,15.5767635 12.5952892,15.3545249 12.9634484,14.9940382 C12.9683845,14.9888131 12.9734105,14.9836417 12.9785261,14.9785261 C12.9836417,14.9734105 12.9888131,14.9683845 12.9940382,14.9634484 Z\"\n}))));\nexport default SvgIconAppForm;","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 SvgIconAppInbox = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 14\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M0,7.35 C0,6.9357864 0.3357864,6.6 0.75,6.6 C1.1642136,6.6 1.5,6.9357864 1.5,7.35 L1.5,11.75 C1.5,12.1642136 1.8357864,12.5 2.25,12.5 L15.75,12.5 C16.1642136,12.5 16.5,12.1642136 16.5,11.75 L16.5,7.35 C16.5,6.9357864 16.8357864,6.6 17.25,6.6 C17.6642136,6.6 18,6.9357864 18,7.35 L18,11.75 C18,12.9926407 16.9926407,14 15.75,14 L2.25,14 C1.0073593,14 0,12.9926407 0,11.75 L0,7.35 Z M18,3.6 C18,3.8744582 17.8500847,4.1269968 17.6091391,4.2584217 L9.3591391,8.7584217 C9.135281,8.8805261 8.864719,8.8805261 8.6408609,8.7584217 L0.3908609,4.2584217 C0.1499153,4.1269968 0,3.8744582 0,3.6 L0,2.25 C0,1.0073593 1.0073593,0 2.25,0 L15.75,0 C16.9926407,0 18,1.0073593 18,2.25 L18,3.6 Z M16.5,3.1547752 L16.5,2.25 C16.5,1.8357864 16.1642136,1.5 15.75,1.5 L2.25,1.5 C1.8357864,1.5 1.5,1.8357864 1.5,2.25 L1.5,3.1547752 L9,7.2456843 L16.5,3.1547752 Z\"\n})));\nexport default SvgIconAppInbox;","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 SvgIconAppPdfEditor = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 14 18\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M14,3.6 L14,17.1 C14,17.5970563 13.6240563,18 13.127,18 L0.9,18 C0.402943725,18 4.0844654e-13,17.5970563 4.08384437e-13,17.1 L2.66453526e-15,0.9 C2.7254071e-15,0.402943725 0.402943725,2.69979351e-14 0.9,2.70283606e-14 L10.418,-7.36194959e-15 C10.5286597,-0.00226949012 10.6356203,0.0398665218 10.715,0.117 L13.883,3.312 C13.9579293,3.38915773 13.9998904,3.49244677 14,3.6 Z M10.832,1.413 L10.877,1.413 L10.877,3.168 L12.587,3.168 L10.832,1.413 Z M13.172,17.064 L13.172,4.023 L10.931,4.023 C10.4339437,4.023 10.031,3.62005627 10.031,3.123 L10.031,0.9 L0.9,0.9 L0.9,17.064 L13.172,17.064 Z M11.039,8.75266667 C11.2676459,8.75266667 11.453,8.93802078 11.453,9.16666667 C11.453,9.39531255 11.2676459,9.58066667 11.039,9.58066667 L2.961,9.58066667 C2.73235411,9.58066667 2.547,9.39531255 2.547,9.16666667 C2.547,8.93802078 2.73235411,8.75266667 2.961,8.75266667 L11.039,8.75266667 Z M11.039,6.086 C11.2676459,6.086 11.453,6.27135411 11.453,6.5 C11.453,6.72864589 11.2676459,6.914 11.039,6.914 L2.961,6.914 C2.73235411,6.914 2.547,6.72864589 2.547,6.5 C2.547,6.27135411 2.73235411,6.086 2.961,6.086 L11.039,6.086 Z M11.039,11.4193333 C11.2676459,11.4193333 11.453,11.6046874 11.453,11.8333333 C11.453,12.0619792 11.2676459,12.2473333 11.039,12.2473333 L2.961,12.2473333 C2.73235411,12.2473333 2.547,12.0619792 2.547,11.8333333 C2.547,11.6046874 2.73235411,11.4193333 2.961,11.4193333 L11.039,11.4193333 Z M2.961,14.086 L7.624,14.086 C7.85264589,14.086 8.038,14.2713541 8.038,14.5 C8.038,14.7286459 7.85264589,14.914 7.624,14.914 L2.961,14.914 C2.73235411,14.914 2.547,14.7286459 2.547,14.5 C2.547,14.2713541 2.73235411,14.086 2.961,14.086 Z\"\n})));\nexport default SvgIconAppPdfEditor;","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 SvgIconAppReports = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 18\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#FFF\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.4024708,10 L17.9450712,10 C17.4476269,14.4999505 13.6325537,18 9,18 C6.75238541,18 4.69720406,17.1760953 3.11999794,15.813828 L7.14265808,12.0206055 C7.68280333,12.3534438 8.31897841,12.5454545 9,12.5454545 C10.6108451,12.5454545 11.9707821,11.4711896 12.4024708,10 Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10,5.5975292 L10,0.0549287778 C14.1716166,0.5160776 17.4839224,3.82838339 17.9450712,8 L12.4024708,8 C12.0638427,6.8459598 11.1540402,5.93615726 10,5.5975292 Z\",\n opacity: 0.4\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8,5.5975292 C6.52881042,6.02921787 5.45454545,7.38915492 5.45454545,9 C5.45454545,9.54984279 5.57970988,10.0704519 5.803101,10.5348895 L1.76007055,14.3473204 C0.654003941,12.8522586 0,11.0025047 0,9 C0,4.36744635 3.50004954,0.552373066 8,0.0549287778 L8,5.5975292 L8,5.5975292 Z\",\n opacity: 0.7\n}))));\nexport default SvgIconAppReports;","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 SvgIconAppSheets = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M12.1496706,26.9997195 C11.2472314,26.9997195 11.0009443,26.7566301 11.0008474,25.8502081 C10.9996852,17.7216934 10.9997821,20.2597484 11.0007506,12.1312337 C11.0008474,11.2661184 11.2608871,11.0017938 12.1310756,11.0015999 C20.2661037,10.9994667 17.734465,10.9994667 25.8694931,11.0015999 C26.7274786,11.0017938 26.9986559,11.2764936 26.9988496,12.1379242 C27.0003992,20.2664389 27.0003023,17.7283839 26.9990433,25.8568986 C26.9988496,26.7531394 26.7448146,26.9996226 25.8396636,26.9997195 C21.772198,27.0002043 23.0379689,26.9999135 18.9705033,26.9999135 C14.9191146,26.9999135 16.2010593,27.0002043 12.1496706,26.9997195 Z M25.567718,25.8571429 C25.7275629,25.8571429 25.8571429,25.7275629 25.8571429,25.567718 L25.8571429,22.4508349 C25.8571429,22.2909899 25.7275629,22.16141 25.567718,22.16141 L22.4508349,22.16141 C22.2909899,22.16141 22.16141,22.2909899 22.16141,22.4508349 L22.16141,25.567718 C22.16141,25.7275629 22.2909899,25.8571429 22.4508349,25.8571429 L25.567718,25.8571429 Z M17.4415584,25.8571429 L20.5584416,25.8571429 C20.7182865,25.8571429 20.8478664,25.7275629 20.8478664,25.567718 L20.8478664,22.4508349 C20.8478664,22.2909899 20.7182865,22.16141 20.5584416,22.16141 L17.4415584,22.16141 C17.2817135,22.16141 17.1521336,22.2909899 17.1521336,22.4508349 L17.1521336,25.567718 C17.1521336,25.7275629 17.2817135,25.8571429 17.4415584,25.8571429 Z M12.432282,25.8571429 L15.5491651,25.8571429 C15.7090101,25.8571429 15.83859,25.7275629 15.83859,25.567718 L15.83859,22.4508349 C15.83859,22.2909899 15.7090101,22.16141 15.5491651,22.16141 L12.432282,22.16141 C12.2724371,22.16141 12.1428571,22.2909899 12.1428571,22.4508349 L12.1428571,25.567718 C12.1428571,25.7275629 12.2724371,25.8571429 12.432282,25.8571429 Z M22.4508349,20.8478664 L25.567718,20.8478664 C25.7275629,20.8478664 25.8571429,20.7182865 25.8571429,20.5584416 L25.8571429,17.4415584 C25.8571429,17.2817135 25.7275629,17.1521336 25.567718,17.1521336 L22.4508349,17.1521336 C22.2909899,17.1521336 22.16141,17.2817135 22.16141,17.4415584 L22.16141,20.5584416 C22.16141,20.7182865 22.2909899,20.8478664 22.4508349,20.8478664 Z M17.4415584,20.8478664 L20.5584416,20.8478664 C20.7182865,20.8478664 20.8478664,20.7182865 20.8478664,20.5584416 L20.8478664,17.4415584 C20.8478664,17.2817135 20.7182865,17.1521336 20.5584416,17.1521336 L17.4415584,17.1521336 C17.2817135,17.1521336 17.1521336,17.2817135 17.1521336,17.4415584 L17.1521336,20.5584416 C17.1521336,20.7182865 17.2817135,20.8478664 17.4415584,20.8478664 Z M12.432282,20.8478664 L15.5491651,20.8478664 C15.7090101,20.8478664 15.83859,20.7182865 15.83859,20.5584416 L15.83859,17.4415584 C15.83859,17.2817135 15.7090101,17.1521336 15.5491651,17.1521336 L12.432282,17.1521336 C12.2724371,17.1521336 12.1428571,17.2817135 12.1428571,17.4415584 L12.1428571,20.5584416 C12.1428571,20.7182865 12.2724371,20.8478664 12.432282,20.8478664 Z M22.4508349,15.83859 L25.567718,15.83859 C25.7275629,15.83859 25.8571429,15.7090101 25.8571429,15.5491651 L25.8571429,12.432282 C25.8571429,12.2724371 25.7275629,12.1428571 25.567718,12.1428571 L22.4508349,12.1428571 C22.2909899,12.1428571 22.16141,12.2724371 22.16141,12.432282 L22.16141,15.5491651 C22.16141,15.7090101 22.2909899,15.83859 22.4508349,15.83859 Z M17.4415584,15.83859 L20.5584416,15.83859 C20.7182865,15.83859 20.8478664,15.7090101 20.8478664,15.5491651 L20.8478664,12.432282 C20.8478664,12.2724371 20.7182865,12.1428571 20.5584416,12.1428571 L17.4415584,12.1428571 C17.2817135,12.1428571 17.1521336,12.2724371 17.1521336,12.432282 L17.1521336,15.5491651 C17.1521336,15.7090101 17.2817135,15.83859 17.4415584,15.83859 Z M12.432282,15.83859 L15.5491651,15.83859 C15.7090101,15.83859 15.83859,15.7090101 15.83859,15.5491651 L15.83859,12.432282 C15.83859,12.2724371 15.7090101,12.1428571 15.5491651,12.1428571 L12.432282,12.1428571 C12.2724371,12.1428571 12.1428571,12.2724371 12.1428571,12.432282 L12.1428571,15.5491651 C12.1428571,15.7090101 12.2724371,15.83859 12.432282,15.83859 Z\",\n transform: \"translate(-11 -11)\"\n})));\nexport default SvgIconAppSheets;","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 SvgIconAppUploads = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M13.2,6.65148926 L7.61211411,6.65148926 C7.46190063,6.65148926 7.31964624,6.58395502 7.22468941,6.46756219 L6.1250094,5.11963533 C5.65022525,4.53767121 4.93895328,4.2 4.18788589,4.2 L-1.31109978e-09,4.2 L-1.31615252e-09,1 C-1.31615259e-09,0.44771525 0.447715249,-2.72848309e-10 0.999999999,-2.72848411e-10 L8.6,-1.36424205e-10 C9.15228475,-1.28574887e-10 9.6,0.44771525 9.6,1 L9.6,2.6 C9.6,3.15228475 10.0477152,3.6 10.6,3.6 L12.2,3.6 C12.7522847,3.6 13.2,4.04771525 13.2,4.6 L13.2,6.65148926 Z\",\n transform: \"translate(1.6)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M12.8535534,0.924122051 L13.8758779,1.94644661 C14.0711401,2.14170876 14.0711401,2.45829124 13.8758779,2.65355339 C13.7821098,2.74732158 13.6549328,2.8 13.5223246,2.8 L12.5,2.8 C12.2238576,2.8 12,2.57614237 12,2.3 L12,1.27767544 C12,1.00153307 12.2238576,0.777675442 12.5,0.777675442 C12.6326082,0.777675442 12.7597852,0.830353862 12.8535534,0.924122051 Z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#F89E92\",\n d: \"M1,5.2 L5.78788589,5.2 C6.23852632,5.2 6.66528951,5.40260273 6.95015999,5.7517812 L8.04984001,7.09970806 C8.33471049,7.44888653 8.76147368,7.65148926 9.21211411,7.65148926 L15,7.65148926 C15.5522847,7.65148926 16,8.09920451 16,8.65148926 L16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L5.10702591e-15,6.2 C5.03939054e-15,5.64771525 0.44771525,5.2 1,5.2 Z\"\n}))));\nexport default SvgIconAppUploads;","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 SvgIconAppMyApps = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 17\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#FFF\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.667 0H2C.897 0 0 .897 0 2v2.667c0 1.102.897 2 2 2h2.667c1.102 0 2-.898 2-2V2c0-1.103-.898-2-2-2zM14 0h-2.667c-1.102 0-2 .897-2 2v2.667c0 1.102.898 2 2 2H14c1.103 0 2-.898 2-2V2c0-1.103-.897-2-2-2zM4.667 9.333H2c-1.103 0-2 .898-2 2V14c0 1.103.897 2 2 2h2.667c1.102 0 2-.897 2-2v-2.667c0-1.102-.898-2-2-2zM15.333 12h-2v-2c0-.368-.298-.667-.666-.667-.369 0-.667.299-.667.667v2h-2c-.369 0-.667.299-.667.667 0 .368.298.666.667.666h2v2c0 .368.298.667.667.667.368 0 .666-.299.666-.667v-2h2c.369 0 .667-.298.667-.666 0-.368-.298-.667-.667-.667z\",\n transform: \"translate(0 .243)\"\n}))));\nexport default SvgIconAppMyApps;","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 SvgIconAppAiAgentBuilder1 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 205 205\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M153.723 8.54016H51.2411C37.0913 8.54016 25.6206 20.0109 25.6206 34.1607V170.803C25.6206 184.953 37.0913 196.424 51.2411 196.424H153.723C167.873 196.424 179.344 184.953 179.344 170.803V34.1607C179.344 20.0109 167.873 8.54016 153.723 8.54016Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M95.0957 53.5491C82.3481 53.5491 72.0142 63.8831 72.0142 76.6307C72.0142 89.3782 82.3481 99.7122 95.0957 99.7122C107.843 99.7122 118.177 89.3782 118.177 76.6307C118.177 63.8831 107.843 53.5491 95.0957 53.5491ZM95.0957 104.329C72.7484 104.329 53.549 120.303 53.549 141.259C53.549 143.808 55.6157 145.875 58.1653 145.875H96.7307C98.6503 145.875 100.37 144.687 101.049 142.892C101.728 141.096 101.225 139.068 99.7855 137.798C96.9027 135.254 95.0957 131.546 95.0957 127.41C95.0957 121.203 99.1826 115.938 104.823 114.183C106.837 113.557 108.17 111.646 108.062 109.54C107.955 107.435 106.434 105.669 104.368 105.251C101.381 104.647 98.2775 104.329 95.0957 104.329Z\",\n fill: \"#0099FF\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.659 131.02C149.307 132 149.307 135.746 146.659 136.725L142.762 138.168C137.212 140.221 132.836 144.597 130.782 150.148L129.34 154.045C128.36 156.693 124.614 156.693 123.635 154.045L122.192 150.148C120.139 144.597 115.763 140.221 110.212 138.168L106.315 136.725C103.667 135.746 103.667 132 106.315 131.02L110.212 129.578C115.763 127.524 120.139 123.148 122.192 117.598L123.635 113.701C124.614 111.053 128.36 111.053 129.34 113.701L130.782 117.598C132.836 123.148 137.212 127.524 142.762 129.578L146.659 131.02Z\",\n fill: \"#FF6100\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M153.867 97.9294C155.522 98.5418 155.522 100.883 153.867 101.495L151.431 102.396C147.962 103.68 145.227 106.415 143.943 109.884L143.042 112.32C142.429 113.975 140.089 113.975 139.476 112.32L138.575 109.884C137.291 106.415 134.556 103.68 131.087 102.396L128.651 101.495C126.996 100.883 126.996 98.5418 128.651 97.9294L131.087 97.0281C134.556 95.7444 137.291 93.0094 138.575 89.5405L139.476 87.1046C140.089 85.4496 142.429 85.4496 143.042 87.1046L143.943 89.5405C145.227 93.0094 147.962 95.7444 151.431 97.0281L153.867 97.9294Z\",\n fill: \"#FFB629\"\n})));\nexport default SvgIconAppAiAgentBuilder1;","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 SvgIconAppAiAgentBuilder2 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 205 205\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M153.723 8.54016H51.2411C37.0913 8.54016 25.6206 20.0109 25.6206 34.1607V170.803C25.6206 184.953 37.0913 196.424 51.2411 196.424H153.723C167.873 196.424 179.344 184.953 179.344 170.803V34.1607C179.344 20.0109 167.873 8.54016 153.723 8.54016Z\",\n fill: \"#0099FF\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M95.0957 53.5491C82.3481 53.5491 72.0142 63.8831 72.0142 76.6307C72.0142 89.3783 82.3481 99.7122 95.0957 99.7122C107.843 99.7122 118.177 89.3783 118.177 76.6307C118.177 63.8831 107.843 53.5491 95.0957 53.5491ZM95.0957 104.329C72.7484 104.329 53.549 120.303 53.549 141.259C53.549 143.809 55.6157 145.875 58.1653 145.875H96.7307C98.6503 145.875 100.37 144.687 101.049 142.892C101.728 141.096 101.225 139.068 99.7855 137.798C96.9027 135.254 95.0957 131.546 95.0957 127.41C95.0957 121.203 99.1826 115.938 104.823 114.183C106.837 113.557 108.17 111.646 108.062 109.54C107.955 107.435 106.434 105.669 104.368 105.251C101.381 104.647 98.2775 104.329 95.0957 104.329Z\",\n fill: \"white\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.659 131.02C149.307 132 149.307 135.746 146.659 136.725L142.762 138.168C137.212 140.221 132.836 144.597 130.782 150.148L129.34 154.045C128.36 156.693 124.614 156.693 123.635 154.045L122.192 150.148C120.139 144.597 115.763 140.221 110.212 138.168L106.315 136.725C103.667 135.746 103.667 132 106.315 131.02L110.212 129.578C115.763 127.524 120.139 123.148 122.192 117.598L123.635 113.701C124.614 111.053 128.36 111.053 129.34 113.701L130.782 117.598C132.836 123.148 137.212 127.524 142.762 129.578L146.659 131.02Z\",\n fill: \"white\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M153.867 97.9294C155.522 98.5418 155.522 100.883 153.867 101.495L151.431 102.396C147.962 103.68 145.227 106.415 143.943 109.884L143.042 112.32C142.429 113.975 140.089 113.975 139.476 112.32L138.575 109.884C137.291 106.415 134.556 103.68 131.087 102.396L128.651 101.495C126.996 100.883 126.996 98.5418 128.651 97.9294L131.087 97.0281C134.556 95.7444 137.291 93.0094 138.575 89.5405L139.476 87.1046C140.089 85.4496 142.429 85.4496 143.042 87.1046L143.943 89.5405C145.227 93.0094 147.962 95.7444 151.431 97.0281L153.867 97.9294Z\",\n fill: \"white\"\n})));\nexport default SvgIconAppAiAgentBuilder2;","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 SvgIconConversationsv1 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 32 32\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M5 3H27C29.2091 3 31 4.79086 31 7V21C31 23.2091 29.2091 25 27 25H26V27.6638C26 28.7161 24.8382 29.3537 23.9506 28.7885L18.6553 25.4172C18.2273 25.1447 17.7305 25 17.2232 25H5C2.79086 25 1 23.2091 1 21V7C1 4.79086 2.79086 3 5 3Z\",\n fill: \"#0099FF\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.5847 10.4909C12.8715 10.5971 12.8715 11.0027 12.5847 11.1089L12.1626 11.2651C11.5614 11.4875 11.0874 11.9615 10.865 12.5627L10.7088 12.9848C10.6026 13.2716 10.197 13.2716 10.0908 12.9848L9.93464 12.5627C9.71219 11.9615 9.23821 11.4875 8.63706 11.2651L8.21492 11.1089C7.92811 11.0027 7.92811 10.5971 8.21492 10.4909L8.63706 10.3347C9.23821 10.1123 9.71219 9.63831 9.93464 9.03715L10.0908 8.61501C10.197 8.3282 10.6026 8.3282 10.7088 8.61501L10.865 9.03715C11.0874 9.63831 11.5614 10.1123 12.1626 10.3347L12.5847 10.4909Z\",\n fill: \"white\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.3696 16.582C20.9432 16.7942 20.9432 17.6056 20.3696 17.8178L19.5253 18.1302C18.323 18.5751 17.375 19.5231 16.9301 20.7254L16.6177 21.5697C16.4055 22.1433 15.5941 22.1433 15.3819 21.5697L15.0695 20.7254C14.6246 19.5231 13.6766 18.5751 12.4743 18.1302L11.63 17.8178C11.0564 17.6056 11.0564 16.7942 11.63 16.582L12.4743 16.2696C13.6766 15.8247 14.6246 14.8767 15.0695 13.6744L15.3819 12.8301C15.5941 12.2565 16.4055 12.2565 16.6177 12.8301L16.9301 13.6744C17.375 14.8767 18.323 15.8247 19.5253 16.2696L20.3696 16.582Z\",\n fill: \"white\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.3881 6.28682C20.5297 5.9044 21.0705 5.90439 21.212 6.28681L21.4203 6.84966C21.7169 7.65121 22.3489 8.28317 23.1504 8.57977L23.7133 8.78805C24.0957 8.92955 24.0957 9.47044 23.7133 9.61195L23.1504 9.82022C22.3489 10.1168 21.7169 10.7488 21.4203 11.5503L21.212 12.1132C21.0705 12.4956 20.5297 12.4956 20.3881 12.1132L20.1799 11.5503C19.8833 10.7488 19.2513 10.1168 18.4498 9.82022L17.8869 9.61195C17.5045 9.47044 17.5045 8.92955 17.8869 8.78805L18.4498 8.57977C19.2513 8.28317 19.8833 7.65121 20.1799 6.84966L20.3881 6.28682Z\",\n fill: \"white\"\n})));\nexport default SvgIconConversationsv1;","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 SvgIconAppMyKiosks = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 31 28\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M25.7676 2.96726H4.91591C3.89633 2.96726 3.0698 3.79379 3.0698 4.81338V17.7142C3.0698 18.7338 3.89633 19.5603 4.91591 19.5603H25.7676C26.7872 19.5603 27.6137 18.7338 27.6137 17.7142V4.81338C27.6137 3.79379 26.7872 2.96726 25.7676 2.96726ZM4.91591 0C2.25756 0 0.102539 2.15503 0.102539 4.81338V17.7142C0.102539 20.3725 2.25756 22.5275 4.91591 22.5275H13.8587V25.0327H10.7031C9.88375 25.0327 9.2195 25.697 9.2195 26.5164C9.2195 27.3358 9.88375 28 10.7031 28L20.6418 28C21.4611 28 22.1254 27.3358 22.1254 26.5164C22.1254 25.697 21.4611 25.0327 20.6418 25.0327H16.8259V22.5275H25.7676C28.426 22.5275 30.581 20.3725 30.581 17.7142V4.81338C30.581 2.15502 28.426 0 25.7676 0H4.91591Z\",\n fill: \"#F9F9F9\"\n})));\nexport default SvgIconAppMyKiosks;","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 SvgIconAppMyForms = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 15 18\"\n}, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 14,\n height: 17,\n x: 0.5,\n y: 0.5,\n stroke: \"#FFF\",\n rx: 1\n}), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#FFF\",\n transform: \"translate(3 2.5)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.5 0h4c.276 0 .5.224.5.5s-.224.5-.5.5h-4C.224 1 0 .776 0 .5S.224 0 .5 0zM.5 5h4c.276 0 .5.224.5.5s-.224.5-.5.5h-4C.224 6 0 5.776 0 5.5S.224 5 .5 5z\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n width: 9,\n height: 1,\n y: 2,\n rx: 0.5\n}), /*#__PURE__*/React.createElement(\"rect\", {\n width: 9,\n height: 1,\n y: 7,\n rx: 0.5\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.5 10h4c.276 0 .5.224.5.5s-.224.5-.5.5h-4c-.276 0-.5-.224-.5-.5s.224-.5.5-.5z\"\n}), /*#__PURE__*/React.createElement(\"rect\", {\n width: 9,\n height: 1,\n y: 12,\n rx: 0.5\n})))));\nexport default SvgIconAppMyForms;","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 SvgIconAppMyTasks = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 21\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M1.37506 19.2668H12.3093V14.5634C12.2818 14.5656 12.2562 14.5672 12.2318 14.5687H12.2318C12.1834 14.5718 12.14 14.5745 12.0973 14.5812C10.6166 14.8124 9.2134 14.5711 7.87635 13.9021C7.75834 13.8431 7.61204 13.8168 7.47868 13.8162C6.50284 13.8113 5.52697 13.8117 4.5511 13.8122L3.70991 13.8124H3.43098V12.4111H5.87982C5.80104 12.2974 5.72252 12.1854 5.64462 12.0742C5.44604 11.7907 5.25149 11.5131 5.06683 11.2289C4.98502 11.103 4.90321 11.0544 4.75504 11.0576C4.44075 11.0644 4.12629 11.0632 3.80708 11.0619H3.80706H3.80704C3.68116 11.0615 3.55455 11.061 3.42691 11.061V9.67841H4.38729C4.12597 8.73588 4.04264 7.80827 4.16388 6.86678C4.28513 5.92499 4.59407 5.04328 5.06746 4.21509H1.37506V19.2668ZM11.0378 13.2751C14.0784 13.2819 16.5778 10.805 16.5866 7.77624C16.5957 4.71668 14.1199 2.19585 11.097 2.18643C7.99803 2.17687 5.52085 4.62614 5.50555 7.71483C5.49034 10.7846 7.96154 13.2683 11.0378 13.2751ZM13.7371 20.6836H0V2.82506H0.27461L1.36179 2.82528C2.88376 2.82574 4.40572 2.8262 5.92769 2.81859C6.05683 2.81795 6.21461 2.75684 6.3101 2.66998C7.82765 1.28982 9.61337 0.670458 11.649 0.831281C14.7482 1.07607 17.3316 3.46423 17.8601 6.52909C18.3995 9.65687 16.8077 12.6999 13.9293 14.0287C13.7774 14.0989 13.7331 14.1784 13.7335 14.3391C13.7378 15.9384 13.7375 17.5377 13.7372 19.1371L13.7371 20.3605V20.6836ZM9.98485 10.9275L6.72611 7.66804L7.68085 6.71669L9.99525 9.02451L14.037 4.97868L14.9752 5.93342L9.98485 10.9275ZM10.2591 16.5515H3.42052V15.1898H10.2591V16.5515Z\",\n fill: \"white\"\n})));\nexport default SvgIconAppMyTasks;","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 SvgIconAppSign = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 28 19\",\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: \"M18.35 16.36l.08-.13c.54-.9 2-.08 1.45.83-.7 1.16-1.82 2.33-3.35 1.81a3.53 3.53 0 01-1.7-1.35c-.16-.21-.3-.44-.43-.67l-.1-.17-.01-.01-.3-.47-.04-.05-.02-.03a2.4 2.4 0 00-.47.53l-.13.17c-.3.38-.6.75-1.03 1-.9.56-2.07.53-2.73-.34-.2-.28-.32-.61-.44-.93l-.06-.17-.04-.13-.01-.02-.04-.06-.15.1c-.05.01-.09.04-.1.05a12.77 12.77 0 01-.53.46l-1.17 1.03-.24.22c-.62.58-1.42 1.32-2.27.78-.47-.3-.54-.82-.6-1.32l-.01-.13a36.57 36.57 0 01-.14-1.26 14.7 14.7 0 00-.38-2.49l-.03-.12c-.07-.27-.17-.64-.4-.8-.25-.15-.57.01-.78.16-.37.27-.48.72-.5 1.17-.01.61.12 1.17.32 1.77.33 1-1.3 1.43-1.63.44a5.7 5.7 0 01-.26-3.07A2.82 2.82 0 012.67 11c1.65-.07 2.25 1.56 2.5 2.86a23.3 23.3 0 01.3 2.37l.07.72.05-.05.19-.19.97-.86.27-.24c.53-.5 1.1-1.02 1.85-1.09.68-.07 1.27.3 1.59.86.11.2.2.44.27.66l.04.12.03.08c.04.12.09.28.16.33.23.12.68-.3.83-.48l.35-.42c.3-.37.58-.73 1-1 1.32-.86 2.06.34 2.7 1.36l.44.67c.25.33.73.8 1.2.62.4-.15.66-.6.87-.96zM13.83 16h-.04c-.04-.1-.03-.1.04 0zm-4.82.15c.13-.01.01-.04 0 0zm-.07-.06v0zM27.78 4.4l-1.6 1.35-1.7 4.25a.62.62 0 01-.4.36l-8.27 2.61a.62.62 0 01-.78-.78l2.61-8.27a.62.62 0 01.36-.4l4.23-1.7 1.38-1.6a.62.62 0 01.9-.04l3.3 3.3a.62.62 0 01-.03.91zm-10.8 5.75l4.17-4.17a.62.62 0 01.87.88l-4.17 4.16 5.58-1.76 1.5-3.71-2.47-2.48-3.72 1.5-1.76 5.58zm6.47-7.84l.66-.78 2.36 2.35-.78.67-2.24-2.24z\",\n fill: \"#fff\"\n})));\nexport default SvgIconAppSign;","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 SvgIconAppApprovals = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 18 21\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M1.37506 18.7522H12.3093V14.0487C12.2818 14.051 12.2562 14.0526 12.2318 14.0541H12.2318C12.1834 14.0571 12.14 14.0598 12.0973 14.0665C10.6166 14.2978 9.2134 14.0564 7.87635 13.3875C7.75834 13.3285 7.61204 13.3022 7.47868 13.3015C6.50281 13.2966 5.5269 13.2971 4.55099 13.2975L3.70991 13.2978H3.43099V11.8965H5.87982C5.80104 11.7828 5.72252 11.6707 5.64463 11.5595C5.44605 11.2761 5.25149 10.9984 5.06683 10.7143C4.98502 10.5884 4.90321 10.5398 4.75504 10.5429C4.44075 10.5497 4.12629 10.5485 3.80708 10.5473H3.80706H3.80704C3.68117 10.5468 3.55455 10.5463 3.42692 10.5463V9.16376H4.38729C4.12597 8.22123 4.04264 7.29362 4.16389 6.35213C4.28513 5.41034 4.59407 4.52863 5.06747 3.70044H1.37506V18.7522ZM11.0378 12.7605C14.0784 12.7673 16.5778 10.2903 16.5866 7.26159C16.5957 4.20203 14.1199 1.6812 11.097 1.67178C7.99803 1.66222 5.52085 4.11149 5.50555 7.20019C5.49034 10.2699 7.96154 12.7537 11.0378 12.7605ZM13.7371 20.169H0V2.31041H0.27461L1.36175 2.31063C2.88373 2.31109 4.40571 2.31155 5.92769 2.30394C6.05683 2.3033 6.21461 2.24219 6.3101 2.15533C7.82765 0.775167 9.61337 0.15581 11.649 0.316633C14.7482 0.561423 17.3316 2.94959 17.8601 6.01444C18.3995 9.14222 16.8077 12.1853 13.9293 13.5141C13.7774 13.5843 13.7331 13.6638 13.7335 13.8244C13.7378 15.4237 13.7375 17.0231 13.7372 18.6224L13.7371 19.8459V20.169ZM9.98485 10.4128L6.72611 7.15339L7.68085 6.20203L9.99524 8.50986L14.037 4.46403L14.9752 5.41876L9.98485 10.4128ZM10.2591 16.0368H3.42052V14.6751H10.2591V16.0368Z\",\n fill: \"white\"\n})));\nexport default SvgIconAppApprovals;","var _path, _path2, _path3, _path4, _path5, _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 SvgIconAppMyContacts = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 32 32\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22 6C22 5.44772 22.4477 5 23 5H29C29.5523 5 30 5.44772 30 6V9C30 9.55228 29.5523 10 29 10H23C22.4477 10 22 9.55228 22 9V6Z\",\n fill: \"#0099FF\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22 13C22 12.4477 22.4477 12 23 12H29C29.5523 12 30 12.4477 30 13V16C30 16.5523 29.5523 17 29 17H23C22.4477 17 22 16.5523 22 16V13Z\",\n fill: \"#FF6100\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22 20C22 19.4477 22.4477 19 23 19H29C29.5523 19 30 19.4477 30 20V23C30 23.5523 29.5523 24 29 24H23C22.4477 24 22 23.5523 22 23V20Z\",\n fill: \"#FFB629\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1 4C1 1.79086 2.79086 0 5 0H23C25.2091 0 27 1.79086 27 4V28C27 30.2091 25.2091 32 23 32H5C2.79086 32 1 30.2091 1 28V4Z\",\n fill: \"white\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M23 1H5C3.34315 1 2 2.34315 2 4V28C2 29.6569 3.34315 31 5 31H23C24.6569 31 26 29.6569 26 28V4C26 2.34315 24.6569 1 23 1ZM5 0C2.79086 0 1 1.79086 1 4V28C1 30.2091 2.79086 32 5 32H23C25.2091 32 27 30.2091 27 28V4C27 1.79086 25.2091 0 23 0H5Z\",\n fill: \"white\"\n})), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_9_14183)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.9999 16C15.7672 16 17.1999 14.5673 17.1999 12.8C17.1999 11.0327 15.7672 9.59998 13.9999 9.59998C12.2326 9.59998 10.7999 11.0327 10.7999 12.8C10.7999 14.5673 12.2326 16 13.9999 16Z\",\n fill: \"#8099CF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.9998 17.0667C10.3998 17.0667 8.6665 19.3131 8.6665 20.6219V21.3333C8.6665 21.6162 8.77888 21.8875 8.97892 22.0876C9.17896 22.2876 9.45027 22.4 9.73317 22.4H18.2665C18.5494 22.4 18.8207 22.2876 19.0208 22.0876C19.2208 21.8875 19.3332 21.6162 19.3332 21.3333V20.6219C19.3332 19.3131 17.5998 17.0667 13.9998 17.0667Z\",\n fill: \"#8099CF\"\n}))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_9_14183\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 12.8,\n height: 12.8,\n fill: \"white\",\n transform: \"translate(7.59998 9.59998)\"\n})))));\nexport default SvgIconAppMyContacts;","var _rect, _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 SvgBoardsSelected = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 30 30\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n width: 30,\n height: 30,\n rx: 3.75,\n fill: \"white\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.125 12.1875C16.125 11.8768 16.3768 11.625 16.6875 11.625H23.4375C23.7482 11.625 24 11.8768 24 12.1875V22.875C24 23.4963 23.4963 24 22.875 24H17.25C16.6287 24 16.125 23.4963 16.125 22.875V12.1875Z\",\n fill: \"#FFB629\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 12.1875C6 11.8768 6.25184 11.625 6.5625 11.625H13.3125C13.6232 11.625 13.875 11.8768 13.875 12.1875V18.375C13.875 18.9963 13.3713 19.5 12.75 19.5H7.125C6.50368 19.5 6 18.9963 6 18.375V12.1875Z\",\n fill: \"#FFB629\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 7.125C6 6.50368 6.50368 6 7.125 6H12.75C13.3713 6 13.875 6.50368 13.875 7.125V8.8125C13.875 9.12316 13.6232 9.375 13.3125 9.375H6.5625C6.25184 9.375 6 9.12316 6 8.8125V7.125Z\",\n fill: \"#FF6100\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.125 7.125C16.125 6.50368 16.6287 6 17.25 6H22.875C23.4963 6 24 6.50368 24 7.125V8.8125C24 9.12316 23.7482 9.375 23.4375 9.375H16.6875C16.3768 9.375 16.125 9.12316 16.125 8.8125V7.125Z\",\n fill: \"#0099FF\"\n})));\nexport default SvgBoardsSelected;","\n \n \n \n","\n \n \n \n \n","\n \n","\n \n \n","\n \n","\n \n \n","\n \n \n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n","\n \n","\n \n \n","\n \n \n","\n \n \n","\n \n \n","\n \n","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 SvgContactsDefault = 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: \"M24.6875 8.1875C24.6875 7.61796 25.1492 7.15625 25.7188 7.15625H31.9062C32.4758 7.15625 32.9375 7.61796 32.9375 8.1875V11.2812C32.9375 11.8508 32.4758 12.3125 31.9062 12.3125H25.7188C25.1492 12.3125 24.6875 11.8508 24.6875 11.2812V8.1875Z\",\n fill: \"#8099CF\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.6875 15.4062C24.6875 14.8367 25.1492 14.375 25.7188 14.375H31.9062C32.4758 14.375 32.9375 14.8367 32.9375 15.4062V18.5C32.9375 19.0696 32.4758 19.5312 31.9062 19.5312H25.7188C25.1492 19.5312 24.6875 19.0696 24.6875 18.5V15.4062Z\",\n fill: \"#8099CF\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.6875 22.625C24.6875 22.0554 25.1492 21.5938 25.7188 21.5938H31.9062C32.4758 21.5938 32.9375 22.0554 32.9375 22.625V25.7188C32.9375 26.2883 32.4758 26.75 31.9062 26.75H25.7188C25.1492 26.75 24.6875 26.2883 24.6875 25.7188V22.625Z\",\n fill: \"#8099CF\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M3.03125 6.125C3.03125 3.84682 4.87807 2 7.15625 2H25.7188C27.9969 2 29.8438 3.84682 29.8438 6.125V30.875C29.8438 33.1531 27.9969 35 25.7188 35H7.15625C4.87807 35 3.03125 33.1531 3.03125 30.875V6.125ZM16.4409 18.5C18.2635 18.5 19.7409 17.0225 19.7409 15.2C19.7409 13.3775 18.2635 11.9 16.4409 11.9C14.6184 11.9 13.1409 13.3775 13.1409 15.2C13.1409 17.0225 14.6184 18.5 16.4409 18.5ZM10.9409 23.2663C10.9409 21.9166 12.7284 19.6 16.4409 19.6C20.1534 19.6 21.941 21.9166 21.941 23.2663V24.0001C21.941 24.2918 21.8251 24.5716 21.6187 24.7778C21.4125 24.9842 21.1327 25.1 20.8409 25.1H12.0409C11.7492 25.1 11.4694 24.9842 11.2631 24.7778C11.0568 24.5716 10.9409 24.2918 10.9409 24.0001V23.2663Z\",\n fill: \"#895FFF\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M25.7188 3.03125H7.15625C5.44762 3.03125 4.0625 4.41637 4.0625 6.125V30.875C4.0625 32.5837 5.44762 33.9688 7.15625 33.9688H25.7188C27.4274 33.9688 28.8125 32.5837 28.8125 30.875V6.125C28.8125 4.41637 27.4274 3.03125 25.7188 3.03125ZM7.15625 2C4.87807 2 3.03125 3.84682 3.03125 6.125V30.875C3.03125 33.1531 4.87807 35 7.15625 35H25.7188C27.9969 35 29.8438 33.1531 29.8438 30.875V6.125C29.8438 3.84682 27.9969 2 25.7188 2H7.15625Z\",\n fill: \"#895FFF\"\n})));\nexport default SvgContactsDefault;","var _path, _path2, _path3, _path4, _path5, _path6, _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 SvgContactsSelected = 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: \"M24.6875 8.1875C24.6875 7.61796 25.1492 7.15625 25.7188 7.15625H31.9062C32.4758 7.15625 32.9375 7.61796 32.9375 8.1875V11.2812C32.9375 11.8508 32.4758 12.3125 31.9062 12.3125H25.7188C25.1492 12.3125 24.6875 11.8508 24.6875 11.2812V8.1875Z\",\n fill: \"#0099FF\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.6875 15.4062C24.6875 14.8367 25.1492 14.375 25.7188 14.375H31.9062C32.4758 14.375 32.9375 14.8367 32.9375 15.4062V18.5C32.9375 19.0696 32.4758 19.5312 31.9062 19.5312H25.7188C25.1492 19.5312 24.6875 19.0696 24.6875 18.5V15.4062Z\",\n fill: \"#FF6100\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.6875 22.625C24.6875 22.0554 25.1492 21.5938 25.7188 21.5938H31.9062C32.4758 21.5938 32.9375 22.0554 32.9375 22.625V25.7188C32.9375 26.2883 32.4758 26.75 31.9062 26.75H25.7188C25.1492 26.75 24.6875 26.2883 24.6875 25.7188V22.625Z\",\n fill: \"#FFB629\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.03125 6.125C3.03125 3.84682 4.87807 2 7.15625 2H25.7188C27.9969 2 29.8438 3.84682 29.8438 6.125V30.875C29.8438 33.1531 27.9969 35 25.7188 35H7.15625C4.87807 35 3.03125 33.1531 3.03125 30.875V6.125Z\",\n fill: \"white\"\n})), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M25.7188 3.03125H7.15625C5.44762 3.03125 4.0625 4.41637 4.0625 6.125V30.875C4.0625 32.5837 5.44762 33.9688 7.15625 33.9688H25.7188C27.4274 33.9688 28.8125 32.5837 28.8125 30.875V6.125C28.8125 4.41637 27.4274 3.03125 25.7188 3.03125ZM7.15625 2C4.87807 2 3.03125 3.84682 3.03125 6.125V30.875C3.03125 33.1531 4.87807 35 7.15625 35H25.7188C27.9969 35 29.8438 33.1531 29.8438 30.875V6.125C29.8438 3.84682 27.9969 2 25.7188 2H7.15625Z\",\n fill: \"white\"\n})), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"mask0_325_1161\",\n style: {\n maskType: \"luminance\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 9,\n y: 11,\n width: 15,\n height: 15\n}, _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.0375 11.9H9.83746V25.1H23.0375V11.9Z\",\n fill: \"white\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#mask0_325_1161)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.4374 18.5C18.2599 18.5 19.7374 17.0225 19.7374 15.2C19.7374 13.3775 18.2599 11.9 16.4374 11.9C14.6149 11.9 13.1374 13.3775 13.1374 15.2C13.1374 17.0225 14.6149 18.5 16.4374 18.5Z\",\n fill: \"#8099CF\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.4373 19.6C12.7248 19.6 10.9373 21.9166 10.9373 23.2663V24C10.9373 24.2917 11.0532 24.5715 11.2595 24.7778C11.4658 24.9841 11.7456 25.1 12.0373 25.1H20.8373C21.1291 25.1 21.4088 24.9841 21.6152 24.7778C21.8214 24.5715 21.9374 24.2917 21.9374 24V23.2663C21.9374 21.9166 20.1498 19.6 16.4373 19.6Z\",\n fill: \"#8099CF\"\n}))));\nexport default SvgContactsSelected;","var _rect, _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 SvgBoardsDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 30 30\"\n}, props), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n width: 30,\n height: 30,\n rx: 3.75,\n fill: \"#504ECC\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.125 12.1875C16.125 11.8768 16.3768 11.625 16.6875 11.625H23.4375C23.7482 11.625 24 11.8768 24 12.1875V22.875C24 23.4963 23.4963 24 22.875 24H17.25C16.6287 24 16.125 23.4963 16.125 22.875V12.1875Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 12.1875C6 11.8768 6.25184 11.625 6.5625 11.625H13.3125C13.6232 11.625 13.875 11.8768 13.875 12.1875V18.375C13.875 18.9963 13.3713 19.5 12.75 19.5H7.125C6.50368 19.5 6 18.9963 6 18.375V12.1875Z\",\n fill: \"white\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 7.125C6 6.50368 6.50368 6 7.125 6H12.75C13.3713 6 13.875 6.50368 13.875 7.125V8.8125C13.875 9.12316 13.6232 9.375 13.3125 9.375H6.5625C6.25184 9.375 6 9.12316 6 8.8125V7.125Z\",\n fill: \"#ABAAF4\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.125 7.125C16.125 6.50368 16.6287 6 17.25 6H22.875C23.4963 6 24 6.50368 24 7.125V8.8125C24 9.12316 23.7482 9.375 23.4375 9.375H16.6875C16.3768 9.375 16.125 9.12316 16.125 8.8125V7.125Z\",\n fill: \"#ABAAF4\"\n})));\nexport default SvgBoardsDefault;","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 SvgIconConversationsv2 = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 32 32\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M5 3H27C29.2091 3 31 4.79086 31 7V21C31 23.2091 29.2091 25 27 25H26V27.6638C26 28.7161 24.8382 29.3537 23.9506 28.7885L18.6553 25.4172C18.2273 25.1447 17.7305 25 17.2232 25H5C2.79086 25 1 23.2091 1 21V7C1 4.79086 2.79086 3 5 3Z\",\n fill: \"white\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.5847 10.4909C12.8715 10.5971 12.8715 11.0027 12.5847 11.1089L12.1626 11.2651C11.5614 11.4875 11.0874 11.9615 10.865 12.5627L10.7088 12.9848C10.6026 13.2716 10.197 13.2716 10.0908 12.9848L9.93464 12.5627C9.71219 11.9615 9.23821 11.4875 8.63706 11.2651L8.21492 11.1089C7.92811 11.0027 7.92811 10.5971 8.21492 10.4909L8.63706 10.3347C9.23821 10.1123 9.71219 9.63831 9.93464 9.03715L10.0908 8.61501C10.197 8.3282 10.6026 8.3282 10.7088 8.61501L10.865 9.03715C11.0874 9.63831 11.5614 10.1123 12.1626 10.3347L12.5847 10.4909Z\",\n fill: \"#0099FF\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.3696 16.582C20.9432 16.7942 20.9432 17.6056 20.3696 17.8178L19.5253 18.1302C18.323 18.5751 17.375 19.5231 16.9301 20.7254L16.6177 21.5697C16.4055 22.1433 15.5941 22.1433 15.3819 21.5697L15.0695 20.7254C14.6246 19.5231 13.6766 18.5751 12.4743 18.1302L11.63 17.8178C11.0564 17.6056 11.0564 16.7942 11.63 16.582L12.4743 16.2696C13.6766 15.8247 14.6246 14.8767 15.0695 13.6744L15.3819 12.8301C15.5941 12.2565 16.4055 12.2565 16.6177 12.8301L16.9301 13.6744C17.375 14.8767 18.323 15.8247 19.5253 16.2696L20.3696 16.582Z\",\n fill: \"#FF6100\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.3877 6.28682C20.5292 5.9044 21.0701 5.90439 21.2116 6.28681L21.4198 6.84966C21.7164 7.65121 22.3484 8.28317 23.1499 8.57977L23.7128 8.78805C24.0952 8.92955 24.0952 9.47044 23.7128 9.61195L23.1499 9.82022C22.3484 10.1168 21.7164 10.7488 21.4198 11.5503L21.2116 12.1132C21.0701 12.4956 20.5292 12.4956 20.3877 12.1132L20.1794 11.5503C19.8828 10.7488 19.2508 10.1168 18.4493 9.82022L17.8864 9.61195C17.504 9.47044 17.504 8.92955 17.8864 8.78805L18.4493 8.57977C19.2508 8.28317 19.8828 7.65121 20.1794 6.84966L20.3877 6.28682Z\",\n fill: \"#FFB629\"\n})));\nexport default SvgIconConversationsv2;","/* eslint-disable max-lines */\nimport React from 'react';\n\nimport { IconProductPagesMono, IconProductPagesColor } from '@jotforminc/svg-icons';\n\nimport PropTypes, { oneOfType } from 'prop-types';\nimport { RESOURCE_TYPES } from '@jotforminc/resource-picker';\nimport IconAppAnalytics from '../../assets/svg/iconAppAnalytics.svg';\nimport IconAppBuilder from '../../assets/svg/iconAppBuilder.svg';\nimport IconAppCards from '../../assets/svg/iconAppCards.svg';\nimport IconAppForm from '../../assets/svg/iconAppForm.svg';\nimport IconAppInbox from '../../assets/svg/iconAppInbox.svg';\nimport IconAppPdfEditor from '../../assets/svg/iconAppPdfEditor.svg';\nimport IconAppReports from '../../assets/svg/iconAppReports.svg';\nimport IconAppSheets from '../../assets/svg/iconAppSheets.svg';\nimport IconAppUploads from '../../assets/svg/iconAppUploads.svg';\nimport IconAppMyApps from '../../assets/svg/iconAppMyApps.svg';\nimport IconAppAiAgentBuilder1 from '../../assets/svg/iconAppAiAgentBuilder1.svg';\nimport IconAppAiAgentBuilder2 from '../../assets/svg/iconAppAiAgentBuilder2.svg';\nimport IconConversations1 from '../../assets/svg/iconConversationsv1.svg';\nimport IconAppMyKiosks from '../../assets/svg/iconAppMyKiosks.svg';\nimport IconAppMyForms from '../../assets/svg/iconAppMyForms.svg';\nimport IconAppMyTasks from '../../assets/svg/iconAppMyTasks.svg';\nimport IconAppSign from '../../assets/svg/iconAppSign.svg';\nimport IconAppApprovals from '../../assets/svg/iconAppApprovals.svg';\nimport IconAppMyTeams from '../../assets/svg/iconAppMyTeams.svg';\nimport IconAppMyWorkspace from '../../assets/svg/iconAppMyWorkspace.svg';\nimport IconAppMyContacts from '../../assets/svg/iconAppMyContacts.svg';\nimport IconAppBoards from '../../assets/svg/appIcons/boards_selected.svg';\n\nimport AppIcons from './appIcons';\nimport { getDefaultLogoSrc } from '../../utils/utils';\n\n// TEMPORARY. WILL BE DELETED AFTER ACTUAL RELEASE :) SORRY AND THANKS.\nconst isWorkflowReleased = window?.isWorkflowReleased;\nconst MY_TASKS_TEXT = {\n appLink: isWorkflowReleased ? '/myworkflows/' : '/myapprovals/',\n title: isWorkflowReleased ? 'My Workflows' : 'My Approvals',\n titleForTeamContext: isWorkflowReleased ? 'Workflow' : 'Approvals'\n};\n\nconst APPROVALS_TEXT = {\n title: isWorkflowReleased ? 'Workflow Builder' : 'Approvals',\n explanation: `Build ${isWorkflowReleased ? 'workflows' : 'approval flows'} from your forms, create custom outcomes, and send email notifications to submitters.`\n};\n\n/** TODO::Branding\n * - Delete primary and secondary colors (we are using appColor prop)\n */\n\nexport const appToResourceType = app => {\n switch (app) {\n case 'portal':\n return RESOURCE_TYPES.APP;\n case 'approvals':\n return RESOURCE_TYPES.APPROVAL;\n case 'sign':\n return RESOURCE_TYPES.SIGN;\n case 'signInbox':\n return RESOURCE_TYPES.SIGN_INBOX;\n case 'boards':\n return RESOURCE_TYPES.BOARD;\n default:\n return RESOURCE_TYPES.FORM;\n }\n};\n\nexport const navigationItems = {\n viewForm: {\n 'data-icon': 'forForm',\n icon: \n \n \n","\n \n \n","var _circle, _rect, _path, _rect2, _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 SvgTeamselectionNoteam = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 47 61\"\n}, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 23.5,\n cy: 37.5,\n r: 23.5,\n fill: \"#E3E5F5\"\n})), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 13,\n y: 24,\n width: 21.86,\n height: 26.91,\n rx: 3,\n fill: \"#fff\"\n})), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.72 42.56a3.44 3.44 0 1 1-6.87 0 3.44 3.44 0 0 1 6.87 0M26.82 36.87h2.95c1.07 0 1.95-.87 1.95-1.97v-2.93c0-1.1-.88-1.97-1.97-1.97h-2.93c-1.1 0-1.97.87-1.97 1.97v2.95c0 1.08.87 1.95 1.97 1.95ZM20.9 39.13h-2.93c-1.1 0-1.97.87-1.97 1.97v2.95c0 1.08.87 1.95 1.97 1.95h2.95c1.08 0 1.95-.87 1.95-1.97V41.1c0-1.1-.87-1.97-1.97-1.97ZM19.06 30.23a.4.4 0 0 1 .74 0l3.02 6.04a.4.4 0 0 1-.37.6h-6.04a.4.4 0 0 1-.37-.6l3.02-6.04Z\",\n fill: \"#6F76A7\"\n})), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 9,\n y: 0.49,\n width: 29.7,\n height: 16.14,\n rx: 4,\n fill: \"#343C6A\"\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.5 14.02a1 1 0 0 0-1.4 0l-1.63 1.6a1 1 0 0 0-.09 1.33l1.64 2.06a1 1 0 0 0 1.56 0l1.64-2.06a1 1 0 0 0-.09-1.34l-1.63-1.6Z\",\n fill: \"#343C6A\"\n})), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M13.4 6a2.07 2.07 0 1 0 4.15 0 2.07 2.07 0 0 0-4.15 0Zm5.25 1.07a1.75 1.75 0 1 0 3.5 0 1.75 1.75 0 0 0-3.5 0Zm.47 5.87h-7.3a.37.37 0 0 1-.36-.37 4.03 4.03 0 0 1 4-4.01h.01c2.22 0 4.02 1.8 4.02 4.01 0 .2-.16.37-.37.37Zm4.37 0h-3.2l.02-.16a4.9 4.9 0 0 0-1.25-3.28 3.4 3.4 0 0 1 4.74 3.12.3.3 0 0 1-.31.32Z\",\n fill: \"#fff\"\n})), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.6 8.46c0-1.14-.2-2.03-.65-2.59-.3-.4-.74-.67-1.4-.67-.66 0-1.08.27-1.4.67-.43.56-.63 1.45-.63 2.6 0 1.14.2 2.02.63 2.58.32.41.74.68 1.4.68.66 0 1.1-.27 1.4-.68.44-.56.65-1.44.65-2.59Zm1.66 0c0 1.2-.2 2.34-.8 3.27a3.31 3.31 0 0 1-2.9 1.48c-1.37 0-2.3-.6-2.9-1.48a5.78 5.78 0 0 1-.8-3.27c0-1.2.2-2.33.8-3.26a3.29 3.29 0 0 1 2.9-1.48c1.35 0 2.3.6 2.89 1.48.62.93.81 2.06.81 3.26Z\",\n fill: \"#fff\"\n})));\nexport default SvgTeamselectionNoteam;","var _defs, _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 SvgEmptyFormList = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n viewBox: \"0 0 180 180\"\n}, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.47 1.916L.423 60.092c-.049.93.644 1.722 1.545 1.769l45.738 2.397c.902.047 1.673-.668 1.722-1.597l3.049-58.178c.048-.928-.643-1.72-1.545-1.767L5.192.32C5.164.317 5.135.317 5.107.317c-.865 0-1.589.7-1.636 1.599z\",\n id: \"a\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.47 1.916L.423 60.092c-.049.93.644 1.722 1.545 1.769l45.738 2.397c.902.047 1.673-.668 1.722-1.597l3.049-58.178c.048-.928-.643-1.72-1.545-1.767L5.192.32C5.164.317 5.135.317 5.107.317c-.865 0-1.589.7-1.636 1.599z\",\n id: \"c\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.569 1.405L.5 2.685a1.263 1.263 0 001.196 1.327l19.258 1.01a1.263 1.263 0 001.328-1.196l.067-1.28a1.264 1.264 0 00-1.196-1.327L1.897.209A1.263 1.263 0 00.569 1.405z\",\n id: \"e\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.347 1.666L.279 2.945a1.264 1.264 0 001.196 1.328l19.258 1.01a1.263 1.263 0 001.328-1.196l.067-1.28a1.264 1.264 0 00-1.196-1.328L1.674.47A1.263 1.263 0 00.347 1.666v.001z\",\n id: \"g\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.205 1.676L.14 2.956c-.037.696.482 1.29 1.159 1.325l39.85 2.09c.676.034 1.255-.502 1.291-1.199l.067-1.28c.037-.696-.482-1.29-1.159-1.325L1.497.478a1.14 1.14 0 00-.063-.001C.784.477.24 1 .205 1.677z\",\n id: \"i\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.205 1.676L.14 2.956c-.037.696.482 1.29 1.159 1.325l39.85 2.09c.676.034 1.255-.502 1.291-1.199l.067-1.28c.037-.696-.482-1.29-1.159-1.325L1.497.478a1.161 1.161 0 00-.064-.001C.784.477.241 1 .205 1.677z\",\n id: \"k\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.562 1.292l-.067 1.28c-.037.697.483 1.29 1.159 1.326l39.85 2.089c.677.035 1.255-.501 1.292-1.198l.067-1.28c.036-.696-.482-1.29-1.16-1.326L1.854.095A1.161 1.161 0 001.79.093c-.648 0-1.192.525-1.228 1.2z\",\n id: \"m\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.562 1.292l-.067 1.28c-.037.697.483 1.29 1.159 1.326l39.85 2.089c.677.035 1.255-.501 1.292-1.198l.067-1.28c.036-.696-.482-1.29-1.16-1.326L1.854.095A1.161 1.161 0 001.79.093c-.649 0-1.192.525-1.228 1.2z\",\n id: \"o\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.788.244L2.013 1.79c-.903.031-1.61.81-1.578 1.74l1.97 58.223c.032.93.788 1.66 1.691 1.629l45.775-1.548c.903-.03 1.61-.81 1.578-1.74l-1.97-58.223c-.03-.91-.757-1.63-1.635-1.63-.019 0-.037 0-.056.002z\",\n id: \"q\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.11.274L2.046 1.594c-.904.032-1.61.81-1.578 1.74L.845 14.5c.031.93.789 1.659 1.692 1.63l39.064-1.323c.904-.03 1.61-.809 1.578-1.739l-.377-11.164c-.031-.912-.76-1.63-1.638-1.63h-.054z\",\n id: \"s\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.005.213L1.732.864A1.264 1.264 0 00.512 2.17l.043 1.28A1.264 1.264 0 001.86 4.67l19.274-.65a1.264 1.264 0 001.22-1.307l-.043-1.28A1.263 1.263 0 0021.05.213h-.045z\",\n id: \"u\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20.989.485h-.044l-19.273.652a1.264 1.264 0 00-1.22 1.306l.043 1.28a1.263 1.263 0 001.306 1.22l19.273-.652a1.263 1.263 0 001.22-1.305l-.043-1.28A1.263 1.263 0 0020.99.486h-.001z\",\n id: \"w\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.208.37L1.326 1.719C.65 1.742.12 2.326.143 3.023l.043 1.28c.023.698.592 1.245 1.269 1.222l39.882-1.349c.677-.022 1.207-.606 1.184-1.304l-.043-1.28c-.024-.684-.57-1.223-1.229-1.223h-.04z\",\n id: \"y\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M41.146.574L1.263 1.922C.586 1.945.057 2.529.08 3.227l.044 1.28c.023.698.591 1.244 1.269 1.222l39.882-1.35c.677-.022 1.207-.606 1.183-1.304l-.043-1.28c-.023-.683-.569-1.222-1.228-1.222h-.041z\",\n id: \"A\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.133.14a4.001 4.001 0 10.27 7.999A4.002 4.002 0 004.271.138c-.046 0-.092 0-.138.002z\",\n id: \"C\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"E\",\n d: \"M.17 9.045l17.162-.58L8.466.335z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"G\",\n d: \"M.417 8.813l17.163-.581L8.714.102z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"I\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"K\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"M\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"O\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"Q\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938z\",\n id: \"S\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"U\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"W\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"Y\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"aa\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"ac\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"ae\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938z\",\n id: \"ag\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938z\",\n id: \"ai\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938z\",\n id: \"ak\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"am\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938z\",\n id: \"ao\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"aq\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938\",\n id: \"as\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.537 89.938c0 49.483 40.114 89.597 89.596 89.597 49.484 0 89.597-40.114 89.597-89.597S139.617.342 90.133.342C40.651.342.537 40.455.537 89.938z\",\n id: \"au\"\n}))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M179.73 90.097c0 49.483-40.114 89.597-89.596 89.597C40.65 179.694.537 139.58.537 90.097.537 40.613 40.65.5 90.134.5c49.482 0 89.597 40.113 89.597 89.597\",\n fill: \"#FFEADC\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M161.213 130.865l-44.848-5.165a3.373 3.373 0 01-2.965-3.737l5.904-51.262a3.372 3.372 0 013.737-2.964l44.848 5.165a3.372 3.372 0 012.964 3.737L164.95 127.9a3.373 3.373 0 01-3.737 2.964\",\n fill: \"#F2F4F9\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M163.254 94.92l-48.93-5.636a1.319 1.319 0 01-1.159-1.46l.25-2.162a1.319 1.319 0 011.46-1.159l48.93 5.636a1.319 1.319 0 011.158 1.46l-.248 2.161a1.318 1.318 0 01-1.461 1.16M162.204 104.035l-48.93-5.635a1.319 1.319 0 01-1.159-1.46l.25-2.162a1.319 1.319 0 011.46-1.159l48.93 5.636a1.319 1.319 0 011.158 1.46l-.248 2.161a1.318 1.318 0 01-1.46 1.16\",\n fill: \"#D6DDED\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M162.38 131l-47.181-5.435a2.199 2.199 0 01-1.933-2.436l.867-7.528 51.557 5.873-.875 7.593A2.199 2.199 0 01162.38 131\",\n fill: \"#597CC1\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M106.982 48.21l45.738 2.396c.902.047 1.594.84 1.545 1.768l-3.05 58.177c-.047.929-.818 1.644-1.72 1.597l-45.738-2.397c-.903-.047-1.594-.839-1.546-1.769l3.049-58.176c.049-.93.82-1.645 1.722-1.597\",\n fill: \"#F8FAFF\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(101.79 47.89)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"b\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#a\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#F8FAFF\",\n mask: \"url(#b)\",\n d: \"M-282.161 287.274l588.06 30.82 21.803-416.027-588.06-30.82z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(101.79 47.89)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"d\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#c\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#F8FAFF\",\n mask: \"url(#d)\",\n d: \"M-1.818 63.771l53.088 2.783L54.716.805 1.628-1.977z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(106.965 69.743)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"f\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#e\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C6CDD9\",\n mask: \"url(#f)\",\n d: \"M-1.778 5.94L24.21 7.3l.42-8.01L-1.358-2.07z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(106.39 84.695)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"h\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#g\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C6CDD9\",\n mask: \"url(#h)\",\n d: \"M-2 6.2l25.988 1.362.42-8.01L-1.58-1.81z\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.462 76.548l39.85 2.088c.677.035 1.196.63 1.16 1.326l-.068 1.28c-.036.696-.615 1.233-1.291 1.197l-39.85-2.088c-.677-.035-1.197-.629-1.16-1.326l.067-1.28c.037-.696.615-1.233 1.292-1.197\",\n fill: \"#EDF0F9\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(106.965 76.07)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"j\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#i\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#EDF0F9\",\n mask: \"url(#j)\",\n d: \"M-287.297 259.097l588.185 30.826 21.803-416.026-588.185-30.826z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(106.965 76.07)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"l\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#k\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#EDF0F9\",\n mask: \"url(#l)\",\n d: \"M-2.08 6.213l46.385 2.432.42-8.01-46.386-2.431z\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M107.668 91.691l39.85 2.089c.677.035 1.196.629 1.16 1.325l-.068 1.28c-.036.697-.614 1.234-1.29 1.198l-39.851-2.089c-.677-.035-1.196-.628-1.16-1.325l.067-1.28c.037-.697.615-1.233 1.292-1.198\",\n fill: \"#EDF0F9\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(105.815 91.596)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"n\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#m\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#EDF0F9\",\n mask: \"url(#n)\",\n d: \"M-286.147 243.57l588.186 30.826L323.84-141.63l-588.185-30.826z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(105.815 91.596)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"p\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#o\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#EDF0F9\",\n mask: \"url(#p)\",\n d: \"M-1.724 5.83L44.662 8.26l.42-8.01-46.386-2.43z\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.847 53.778l-9.155-.48a1.992 1.992 0 00-2.095 1.886l-.48 9.156a1.994 1.994 0 001.886 2.095l9.156.48a1.993 1.993 0 002.095-1.887l.48-9.155a1.994 1.994 0 00-1.887-2.095\",\n fill: \"#F78D3E\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(80.511 36.389)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"r\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#q\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n mask: \"url(#r)\",\n d: \"M.49 65.612l53.13-1.797-2.224-65.801L-1.736-.189z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(83.962 39.84)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"t\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#s\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#4675E2\",\n mask: \"url(#t)\",\n d: \"M-1.071 18.357l46.423-1.57-.634-18.742-46.423 1.57z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(84.537 58.817)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"v\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#u\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C6CDD9\",\n mask: \"url(#v)\",\n d: \"M-1.436 6.89l26.01-.88-.272-8.016-26.01.88z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(85.112 73.769)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"x\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#w\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#C6CDD9\",\n mask: \"url(#x)\",\n d: \"M-1.496 7.163l26.009-.88-.271-8.016-26.01.88z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(85.112 64.568)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"z\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#y\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#A7B1C0\",\n mask: \"url(#z)\",\n d: \"M-1.744 7.74L44.68 6.171l-.272-8.017-46.422 1.57z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(85.687 79.52)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"B\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#A\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#A7B1C0\",\n mask: \"url(#B)\",\n d: \"M-1.807 7.944l46.423-1.57-.271-8.016-46.423 1.57z\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M116.477 88.721l8.056-.169c.677-.023 1.245.524 1.269 1.222l.043 1.28c.023.698-.506 1.281-1.184 1.304l-8.055.17c-.677.023-1.245-.524-1.269-1.222l-.043-1.28c-.024-.697.506-1.282 1.183-1.305\",\n fill: \"#35DC86\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(88.562 44.44)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"D\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#C\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FED049\",\n mask: \"url(#D)\",\n d: \"M-1.63 10.45l12.208-.413-.412-12.208-12.209.413z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(108.69 46.165)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"F\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#E\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#2EBC70\",\n mask: \"url(#F)\",\n d: \"M-1.864 11.222l21.373-.723-.428-12.63-21.372.723z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(98.339 46.74)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"H\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#G\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#35DC86\",\n mask: \"url(#H)\",\n d: \"M-1.616 10.989l21.372-.724-.427-12.629-21.373.723z\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"J\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#I\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.267 92.03s-6.544 1.596 1.783 11.027c5.322 6.026 38.14 33.119 46.186 26.327 10.474-8.842 16.97-20.834 22.218-27.042l-5.62-3.114-21.096 17.395C87.09 111.419 70.465 83.2 59.268 92.03\",\n fill: \"#F6B595\",\n mask: \"url(#J)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"L\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#K\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.979 103.426s-2.163-6.574-10.91 3.202c-5.591 6.248-19.14 47.811-11.634 55.3 9.77 9.747 14.269 11.546 20.948 16.21l2.864-7.676-14.573-16.994c3.877-16.83 23.125-39.543 13.305-50.042\",\n fill: \"#F6B595\",\n mask: \"url(#L)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"N\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#M\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M71.842 270.689c-2.63 9.033-5.654 49.496-6.794 69.573H52.425c-.555-7.92-.913-22.373-1.655-27.408-2.396-16.265-.71-32.738.858-48.994 1.002-10.39 1.26-20.83 1.436-31.263.075-4.474.532-8.931.602-13.404.036-2.235-.015-4.476-.27-6.698-.153-1.333-.191-4.506-1.573-5.295-3.46-1.978-5.005 9.65-5.399 11.748-4.577 24.408-14.313 46.201-20.817 70.012-4.643 16.999-8.884 34.114-12.769 51.302H.768c1.004-9.318 1.93-25.606 2.094-31.54.46-16.62 3.008-30.674 9.71-45.822 7.06-15.96 2.861-36.764 4.175-53.949 1.43-18.707 5.543-37.69 16.82-53.091l40.17-.528s15.948 33.914 6.666 76.344c-3.495 17.192-7.023 33.733-8.56 39.013\",\n fill: \"#042499\",\n mask: \"url(#N)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"P\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#O\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55.34 155.574l-21.774.286c-11.276 15.401-15.389 34.384-16.818 53.09-1.315 17.186 2.884 37.99-4.177 53.95-6.701 15.148-9.249 29.202-9.709 45.822-.163 5.934-1.089 22.222-2.094 31.54h12.07c3.885-17.188 8.126-34.303 12.77-51.303 6.503-23.81 16.24-45.603 20.817-70.01.393-2.1 1.938-13.727 5.398-11.75.158.091.297.216.422.362.144-.976.289-1.952.427-2.929 1.408-9.937 4.44-19.46 3.818-29.596-.334-5.445-2.071-10.826-1.548-16.309.04-.429.205-1.61.399-3.153\",\n fill: \"#0F2AB2\",\n mask: \"url(#P)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"R\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#Q\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.402 69.556c-3.133-10.404-5.064-28.193 8.11-40.36 10.07-9.297 37.27-10.234 46.733 10.043 1.579 3.385-.58 8.69-4.828 8.497-1.67-.076-2.704 5.213-3.67 8.496 1.352 13.324 13.396 13.57 19.505 23.752 7.531 12.553-1.738 31.09-23.945 31.09-22.208 0-34.939-18.382-41.905-41.518\",\n fill: \"#13235D\",\n mask: \"url(#R)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"T\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#S\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43.32 85.812c3.287 1.802 6.443 2.703 9.467 2.703 3.024 0 5.708-.62 8.731-2.423l.34-8.777c1.157.206 2.043.176 2.953.176 9.264-.002 12.757-13.496 10.952-29.914-1.16 0-3.863 0-7.725-5.408.966 7.532-10.234 6.373-14.483.387 2.125 7.145-3.475 11.973-8.303 9.076-9.467-5.68-11.595 11.635-1.931 11.78v22.4z\",\n fill: \"#F6B595\",\n mask: \"url(#T)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"V\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#U\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M64.672 56.656c-.57 0-1.034-.93-1.034-2.077 0-1.148.463-2.079 1.034-2.079.572 0 1.035.931 1.035 2.079 0 1.147-.463 2.077-1.035 2.077\",\n fill: \"#343B48\",\n mask: \"url(#V)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"X\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#W\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M73.482 55.617c-.571 0-1.034-.93-1.034-2.077 0-1.148.463-2.079 1.034-2.079s1.034.931 1.034 2.079c0 1.147-.463 2.077-1.034 2.077\",\n fill: \"#343B48\",\n mask: \"url(#X)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"Z\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#Y\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.54 64.636c-3.426 0-6.203-1.516-6.203-3.384 0-1.869 2.777-3.383 6.203-3.383s6.203 1.514 6.203 3.383c0 1.868-2.777 3.384-6.203 3.384\",\n fill: \"#F4A48D\",\n mask: \"url(#Z)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ab\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#aa\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.28 60.255c0 .848.576 1.62 1.521 2.215.192-1.478.322-3.03.38-4.65-1.17.616-1.9 1.478-1.9 2.435\",\n fill: \"#F4A48D\",\n mask: \"url(#ab)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ad\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ac\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M68.675 52.041c.727 3.168 1.735 4.236 3.693 6.562 1.657 1.966-2.185 3.608-3.484 2.356\",\n stroke: \"#EA9581\",\n mask: \"url(#ad)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"af\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ae\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.591 66c-1.076.592-3.793 1.643-7.45-.12-.172-.084-.384.024-.365.189.132 1.155.76 4.494 3.618 4.824 2.8.325 4.147-3.284 4.56-4.679.053-.176-.181-.315-.363-.215\",\n fill: \"#D15A5A\",\n mask: \"url(#af)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ah\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ag\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.918 85.816s-7.089 7.849-16.326 0l-8.573.577s-9.962 66.189-12.54 70.7c0 0 35.224 13.62 54.772 2.02 0 0-2.742-26.235-5.574-46.586-1.28-9.198-4.561-17.753-4.154-23.204l-7.605-3.507z\",\n fill: \"#FAB62D\",\n mask: \"url(#ah)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"aj\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ai\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.86 77.315s-6.803-.492-12.787-5.978c0 0 2.706 8.883 12.68 9.88l.106-3.902z\",\n fill: \"#F4A48D\",\n mask: \"url(#aj)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"al\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ak\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.165 105.029s5.039 6.088 5.878 11.126c.84 5.038-5.668 12.805-5.668 12.805l-15.114-5.458 14.904-18.473z\",\n fill: \"#FAB62D\",\n mask: \"url(#al)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"an\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#am\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.518 86.092c.05.162 1.926.321 2.182.363.795.13 1.589.269 2.371.458 1.53.371 2.983.987 4.39 1.687 3.736 1.86 7.153 4.345 10.364 6.993 2.71 2.235 5.286 4.63 7.768 7.116l-15.631 20.176-11.444-36.793\",\n fill: \"#FAB62D\",\n mask: \"url(#an)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ap\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#ao\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M116.051 107.113l9.666-10.71s-.652-3.942-.525-9.547-.281-9.524.719-8.227c1 1.296 1.739 9.657 3.786 9.137 2.047-.52 13.618-13.067 14.157-11.99.54 1.079-7.737 9.725-7.978 11.085-.241 1.36 7.971-8.22 8.035-6.978.064 1.24-7 9.068-7.263 10.014-.262.948 8.574-8.042 8.525-6.311-.05 1.73-7.08 6.825-7.75 8.588-.67 1.762 7.753-5.824 7.838-4.17.084 1.655-9.09 8.761-12.783 11.543-3.693 2.781-9.69 11.018-9.69 11.018l-6.737-3.452z\",\n fill: \"#F6B595\",\n mask: \"url(#ap)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"ar\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#aq\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.618 87.32c.034.1.01.204-.039.312l.039-.312s-9.256 1.815-13.907 12.127l-.013.034c-.173.317-.346.634-.517.956-.653 1.23-7.33 16.384-6.84 16.61l19.736 7.884s7.359-21.884 1.541-37.611\",\n fill: \"#FAB62D\",\n mask: \"url(#ar)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"at\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#as\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43.32 85.135s-18.298-1.31-25.138 15.301c-6.84 16.611 32.683 10.638 32.683 10.638s-7.544-22.351-7.544-25.939\",\n fill: \"#FAB62D\",\n mask: \"url(#at)\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0 .159)\"\n}, /*#__PURE__*/React.createElement(\"mask\", {\n id: \"av\",\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#au\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.519 86.092s.13 7.083-8.745 6.729c-8.876-.355-9.453-7.686-9.453-7.686l3.063-3.32 6.922-1.217 8.213 5.494z\",\n fill: \"#F6B595\",\n mask: \"url(#av)\"\n}))))));\nexport default SvgEmptyFormList;","var _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 SvgIconHipaa = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 34 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.5792 5.24699L18.8622 1.56902C18.8621 1.56898 18.8619 1.56893 18.8618 1.56889C17.5151 1.14372 16.0487 1.1437 14.702 1.56883C14.7018 1.5689 14.7016 1.56896 14.7014 1.56902L2.97788 5.24905C1.95095 5.56416 1.25 6.53412 1.25 7.58947V11.9744C1.25 22.2598 6.30408 31.9055 14.7898 37.8108C15.3703 38.2388 16.1006 38.4387 16.7545 38.4387C17.3776 38.4387 18.1238 38.2805 18.7285 37.8046C22.9927 34.8672 26.3665 30.9904 28.682 26.5341C31.0301 22.1216 32.2864 17.1024 32.2864 11.9744V7.62709C32.3882 6.51107 31.6311 5.55041 30.5792 5.24699Z\",\n fill: \"#0C8FF2\",\n stroke: \"#51B4FF\",\n strokeWidth: 1.5\n})), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.6364 8.91578C20.8454 8.26615 20.2727 8.42856 19.4818 9.83608C18.9636 10.7834 18.1182 10.8917 17.6 10.8646V10.6752C18.2 10.3774 18.6363 9.78194 18.6363 9.07818C18.6363 8.07668 17.8182 7.26465 16.8091 7.26465C15.8 7.26465 14.9818 8.07668 14.9818 9.07818C14.9818 9.78194 15.4182 10.3774 16.0182 10.6752V10.8646C15.5 10.8917 14.6545 10.7834 14.1363 9.83608C13.3454 8.40149 12.7727 8.26615 11.9818 8.91578C11.1636 9.5654 7.99999 13.3278 4.12726 12.9759C4.12726 12.9759 4.89089 14.7083 6.99089 14.3293C6.99089 14.3293 8.10908 15.4932 9.90908 14.6812C9.90908 14.6812 10.8636 15.5203 12.3636 14.7624C12.3636 14.7624 13.4818 15.6015 14.6545 14.8707C14.6545 14.8707 15.3364 15.3579 16.0727 15.2225L16.1273 19.5804C16.0454 19.5534 15.9636 19.5534 15.8818 19.5263C15.8818 19.5263 14.5727 19.2556 13.2091 18.8767C11.9 18.5248 10.4545 17.9834 10.2363 17.6857C10.2636 17.6586 10.2909 17.6586 10.3182 17.6316C10.4273 17.5774 10.6454 17.4962 10.8636 17.4692C11.3545 17.3609 12.0091 17.3338 12.6636 17.3068C13.9727 17.2526 14.2182 17.3068 14.2454 17.3338C14.2454 17.2797 15.0091 17.415 15.2 16.6571C15.2 16.6571 15.2273 16.6301 15.2 16.603C15.1454 16.0887 14.7363 16.0616 14.4091 15.9804C13.8636 15.8992 14.1363 15.9263 13.4273 15.9534C12.2273 16.0346 8.51817 15.7368 8.05453 17.6857C8.05453 17.7398 8.05453 17.7669 8.05453 17.821C8.21817 19.4992 11.7091 20.2301 14.2727 20.7443C13.4 21.3398 12.9363 22.0977 12.7727 23.0722C12.6909 24.1278 13.5363 25.1293 15.4727 26.2391C14 27.2947 13.0182 28.2692 13.1 29.4331C13.2363 30.4075 14.1091 31.6797 15.7727 32.4917C15.7727 32.4917 14.6 30.7052 14.5182 29.7308C14.4363 29.1624 14.7636 28.3233 16.2091 27.2947L16.2636 30.8677C16.2636 31.1654 16.5091 31.409 16.8091 31.409C17.1091 31.409 17.3545 31.1654 17.3545 30.8677L17.4091 27.3759C18.7182 28.3504 19.0182 29.1624 18.9636 29.7037C18.8818 30.6782 17.7091 32.4646 17.7091 32.4646C19.4 31.6526 20.2454 30.3534 20.3818 29.406C20.4636 28.215 19.4818 27.2406 18.0091 26.212C19.9727 25.1022 20.7909 24.1007 20.7091 23.0451C20.5182 22.0707 20.0545 21.2857 19.2091 20.7173C21.7454 20.203 25.2636 19.4722 25.4273 17.794C25.4273 17.7398 25.4273 17.7128 25.4273 17.6586C24.9636 15.7368 21.2545 16.0346 20.0545 15.9263C19.3182 15.9263 19.6182 15.8992 19.0727 15.9534C18.7454 16.0075 18.3364 16.0346 18.2818 16.5759C18.2818 16.603 18.2818 16.6301 18.2818 16.6301C18.5 17.388 19.2364 17.2526 19.2364 17.3068C19.2636 17.3068 19.4818 17.2526 20.8182 17.2797C21.4727 17.3068 22.1273 17.3609 22.6182 17.4421C22.8636 17.4962 23.0545 17.5504 23.1636 17.6045C23.1909 17.6316 23.2454 17.6316 23.2454 17.6586C23.0273 17.9564 21.5818 18.4977 20.2727 18.8496C18.9091 19.2286 17.6 19.4992 17.6 19.4992C17.5727 19.4992 17.5454 19.4992 17.5182 19.5263L17.5727 15.2225C18.3364 15.3579 18.9909 14.8707 18.9909 14.8707C20.1636 15.6015 21.2818 14.7624 21.2818 14.7624C22.7818 15.5203 23.7091 14.6812 23.7091 14.6812C25.5091 15.4932 26.6273 14.3293 26.6273 14.3293C28.7273 14.7083 29.4909 12.9759 29.4909 12.9759C25.5909 13.3278 22.4273 9.5654 21.6364 8.91578ZM15.0636 24.3173C14.5727 24.0195 14.3545 23.6135 14.4091 23.3428C14.4363 22.9639 14.3 22.0707 16.1 21.394L16.1545 24.994C15.8 24.7774 15.4454 24.5338 15.0636 24.3173ZM18.9909 23.3428C19.0454 23.6135 18.8 24.0195 18.3363 24.3173C18.0091 24.5068 17.7091 24.7233 17.4091 24.9128L17.4636 21.4752C19.0727 22.0977 18.9636 22.9639 18.9909 23.3428Z\",\n fill: \"white\"\n})));\nexport default SvgIconHipaa;","import { getAssetPath } from './index';\n\n// eslint-disable-next-line no-undef, camelcase\n__webpack_public_path__ = `${getAssetPath()}/`;\n","import TrackingManager from './index';\nimport { getActiveApp } from '@jotforminc/router-bridge'; // eslint-disable-line\n\nconst activeApp = getActiveApp();\nexport default TrackingManager.enableErrorTracking(activeApp);\n","import { makeAsyncActions } from '../utils';\n\n// Sync action definitions\nexport const syncActions = {\n SET_LITE_MODE: 'SET_LITE_MODE',\n FORM_CHANGE: 'FORM_CHANGE',\n SET_IS_ALL_SENTBOX: 'SET_IS_ALL_SENTBOX',\n UPDATE_SENTBOX: 'UPDATE_SENTBOX',\n PREV_SUBMISSION: 'PREV_SUBMISSION',\n NEXT_SUBMISSION: 'NEXT_SUBMISSION',\n SET_ACTIVE_SUBMISSION: 'SET_ACTIVE_SUBMISSION',\n SET_EDIT_MODE: 'SET_EDIT_MODE',\n SET_VIEW_MODE: 'SET_VIEW_MODE',\n FORM_UPDATE_SYNC: 'FORM_UPDATE_SYNC',\n FORM_UNDO: 'FORM_UNDO',\n FORM_REDO: 'FORM_REDO',\n SET_REPLY_VISIBILITY: 'SET_REPLY_VISIBILITY',\n SET_FLAG: 'SET_FLAG',\n SET_SUBMISSION_NEW: 'SET_SUBMISSION_NEW',\n ASSIGN_TAG: 'ASSIGN_TAG',\n UPDATE_TAG: 'UPDATE_TAG',\n SET_FILTER_TEXT: 'SET_FILTER_TEXT',\n SELECT_BULK_SUBMISSIONS: 'SELECT_BULK_SUBMISSIONS',\n SELECT_SUBMISSION: 'SELECT_SUBMISSION',\n SUBMISSIONS_FETCH_LIVE: 'SUBMISSIONS_FETCH_LIVE',\n BULK_SUBMISSION_UPDATE_SYNC: 'BULK_SUBMISSION_UPDATE_SYNC',\n PREPARE_PRINT: 'PREPARE_PRINT',\n PRINT_COMPLETE: 'PRINT_COMPLETE',\n PREPARE_MULTIPLE_DOWNLOAD: 'PREPARE_MULTIPLE_DOWNLOAD',\n MULTIPLE_DOWNLOAD_BATCH: 'MULTIPLE_DOWNLOAD_BATCH',\n SET_FILTER_OBJECT: 'SET_FILTER_OBJECT',\n UPDATE_FILTER_OBJECT: 'UPDATE_FILTER_OBJECT',\n SET_FILTERED_IDS: 'SET_FILTERED_IDS',\n SET_SINGLE: 'SET_SINGLE',\n SHOW_UI_ERROR: 'SHOW_UI_ERROR',\n SET_ACTIVE_TAB: 'SET_ACTIVE_TAB',\n SET_HIGHLIGHT_PENDING_APPROVAL: 'SET_HIGHLIGHT_PENDING_APPROVAL',\n SET_SUBMISSION_PENDING_APPROVAL: 'SET_SUBMISSION_PENDING_APPROVAL',\n REMOVE_SUBMISSION_FROM_LIST: 'REMOVE_SUBMISSION_FROM_LIST',\n PENDING_APPROVAL_STATUS_CHANGED: 'PENDING_APPROVAL_STATUS_CHANGED',\n SET_VIEWS: 'SET_VIEWS',\n SET_SIGN_WAITING_COUNTS: 'SET_SIGN_WAITING_COUNTS',\n RENEW_FORM: 'RENEW_FORM',\n RENEW_QUESTIONS: 'RENEW_QUESTIONS',\n SET_EMPTY_ALLSENTBOX: 'SET_EMPTY_ALLSENTBOX',\n SET_OPEN_INTRO_MODAL: 'SET_OPEN_INTRO_MODAL',\n SET_PWA_MODE: 'SET_PWA_MODE',\n INIT_TEAM: 'INIT_TEAM',\n SET_USER_PERMISSIONS: 'SET_USER_PERMISSIONS',\n INITIALIZE_ENCRYPTION_WORKERS: 'INITIALIZE_ENCRYPTION_WORKERS',\n SET_MESSAGE: 'SET_MESSAGE',\n CLOSE_MESSAGE: 'CLOSE_MESSAGE',\n SET_DECRYPTION_MODAL: 'SET_DECRYPTION_MODAL',\n SET_CAMPAIGN_ACTIVE: 'SET_CAMPAIGN_ACTIVE',\n SET_CAMPAIGN_SUBMISSION_CONTENT_VISIBILITY: 'SET_CAMPAIGN_SUBMISSION_CONTENT_VISIBILITY',\n SET_SETTINGS_PANEL: 'SET_SETTINGS_PANEL',\n SET_SUBMISSION_VIEW_LOADING: 'SET_SUBMISSION_VIEW_LOADING',\n SET_AI_HISTORY_VISIBILITY: 'SET_AI_HISTORY_VISIBILITY',\n SET_AI_AVATAR_ICON_URL: 'SET_AI_AVATAR_ICON_URL',\n SET_AI_AGENT_NAME: 'SET_AI_AGENT_NAME',\n SET_IS_FULLSTORY_SESSION_URL_SAVED: 'SET_IS_FULLSTORY_SESSION_URL_SAVED'\n};\n\nexport const asyncActionTypes = {\n FORM_FETCH: 'FORM_FETCH',\n FORM_THEME_FETCH: 'FORM_THEME_FETCH',\n FORM_UPDATE: 'FORM_UPDATE',\n USER_FETCH: 'USER_FETCH',\n SUBMISSION_RENEW: 'SUBMISSION_RENEW',\n SUBMISSIONS_FETCH: 'SUBMISSIONS_FETCH',\n SUBMISSION_UPDATE: 'SUBMISSION_UPDATE',\n AGENT_SUBMISSION_HISTORY_FETCH: 'AGENT_SUBMISSION_HISTORY_FETCH',\n UNFILTERED_QUESTIONS_FETCH: 'UNFILTERED_QUESTIONS_FETCH',\n QUESTIONS_FETCH: 'QUESTIONS_FETCH',\n FILTERED_SUBMISSIONS_FETCH: 'FILTERED_SUBMISSIONS_FETCH',\n SUBMISSION_DELETE: 'SUBMISSION_DELETE',\n USER_FORMS_FETCH: 'USER_FORMS_FETCH',\n QUESTIONS_ADD: 'QUESTIONS_ADD',\n QUESTION_UPDATE: 'QUESTION_UPDATE',\n ADD_DUMMY_QUESTIONS: 'ADD_DUMMY_QUESTIONS',\n BULK_SUBMISSION_UPDATE: 'BULK_SUBMISSION_UPDATE',\n BULK_SUBMISSION_DELETE: 'BULK_SUBMISSION_DELETE',\n BULK_SUBMISSION_SELECTION: 'BULK_SUBMISSION_SELECTION',\n QUESTION_VALUES_FETCH: 'QUESTION_VALUES_FETCH',\n DOWNLOAD_ATTACHMENTS: 'DOWNLOAD_ATTACHMENTS',\n PENDING_SUBMISSION_DELETE: 'PENDING_SUBMISSION_DELETE',\n TEAM_PROPERTIES_FETCH: 'TEAM_PROPERTIES_FETCH',\n USER_TEAM_ROLES_FETCH: 'USER_TEAM_ROLES_FETCH',\n SUBMISSIONS_DECRYPT: 'SUBMISSIONS_DECRYPT',\n SYSTEM_PLANS_FETCH: 'SYSTEM_PLANS_FETCH',\n FETCH_AI_AGENTS: 'FETCH_AI_AGENTS',\n CREATE_AI_AGENT: 'CREATE_AI_AGENT'\n};\n\n// Async action definitions\nexport const asyncActions = Object.values(asyncActionTypes).reduce((prev, curr) => ({\n ...prev,\n [curr]: makeAsyncActions(curr)\n}), {});\n","export const { RECAPTCHA_CHECKBOX } = window;\n\ndelete window.RECAPTCHA_CHECKBOX;\n","import { getUrlParameter } from '@jotforminc/utils';\nimport { syncActions, asyncActions } from '../actions/actionTypes';\nimport { RECAPTCHA_CHECKBOX } from '../constants/recaptcha';\n\nconst {\n SET_LITE_MODE,\n SET_EDIT_MODE,\n MULTIPLE_DOWNLOAD_BATCH,\n SHOW_UI_ERROR,\n SET_ACTIVE_TAB,\n SET_HIGHLIGHT_PENDING_APPROVAL,\n SET_REPLY_VISIBILITY,\n SET_EMPTY_ALLSENTBOX,\n SET_OPEN_INTRO_MODAL,\n SET_PWA_MODE,\n SET_MESSAGE,\n CLOSE_MESSAGE,\n SET_DECRYPTION_MODAL,\n SET_CAMPAIGN_ACTIVE,\n SET_CAMPAIGN_SUBMISSION_CONTENT_VISIBILITY,\n SET_FILTER_TEXT,\n SET_FILTER_OBJECT,\n SET_SETTINGS_PANEL,\n SET_SUBMISSION_VIEW_LOADING,\n SET_AI_HISTORY_VISIBILITY,\n SET_AI_AVATAR_ICON_URL,\n SET_AI_AGENT_NAME,\n SET_IS_FULLSTORY_SESSION_URL_SAVED\n} = syncActions;\n\nconst {\n FORM_FETCH,\n QUESTIONS_FETCH,\n USER_FETCH,\n USER_FORMS_FETCH,\n SUBMISSIONS_FETCH,\n FILTERED_SUBMISSIONS_FETCH,\n BULK_SUBMISSION_DELETE,\n SUBMISSION_DELETE,\n PENDING_SUBMISSION_DELETE,\n SUBMISSIONS_DECRYPT,\n DOWNLOAD_ATTACHMENTS,\n CREATE_AI_AGENT\n} = asyncActions;\n\nconst initialState = {\n percentage: '-1',\n liteMode: false,\n filterText: '',\n activeTab: 'inbox',\n filterObject: {},\n filterResultCount: 0,\n selectedSubmissions: [],\n loading: false,\n errored: false,\n userLoading: false,\n formLoading: false,\n userFormsLoading: false,\n questionsLoading: false,\n submissionsLoading: false,\n submissionViewLoading: true,\n userLoaded: false,\n formLoaded: false,\n isReplyVisibilityCustom: false,\n userFormsLoaded: false,\n questionsLoaded: false,\n submissionsLoaded: false,\n submissionEditMode: false,\n submissionsDeleting: false,\n highlightPendingApproval: false,\n filteredSubmissionsLoading: false,\n openIntroModal: false,\n isPreviousOrders: false,\n previousOrdersType: '',\n isPwa: false,\n message: {\n isOpened: false\n },\n settingsPanel: {\n isOpened: false,\n activeTab: 'general'\n },\n encryptionStatus: {},\n openDecryptionModal: false,\n attachmentDownloading: false,\n campaignActive: false,\n campaignSubmissionContentVisible: false,\n recaptchaSite: RECAPTCHA_CHECKBOX,\n isAIHistoryViewVisible: false,\n isAiConversationsEnable: getUrlParameter('aiConversations') === '1',\n aiAvatarIconUrl: '',\n isFullStorySessionUrlSaved: false,\n aiAgentCreatingStatus: ''\n};\n\nconst requestActions = Object.values(asyncActions).map(({ REQUEST }) => REQUEST);\nconst failureActions = [\n FORM_FETCH.FAILURE,\n QUESTIONS_FETCH.FAILURE,\n USER_FETCH.FAILURE,\n USER_FORMS_FETCH.FAILURE,\n SHOW_UI_ERROR\n]; // unrecoverable errors\nconst successActions = Object.values(asyncActions).map(({ SUCCESS }) => SUCCESS);\nconst pendingActions = Object.values(asyncActions).map(({ PENDING }) => PENDING);\n\n// eslint-disable-next-line\nconst uiReducer = (state = initialState, action) => {\n const { type } = action;\n\n // General request action\n if (requestActions.indexOf(type) > -1) {\n const baseStateChange = {\n ...state,\n loading: true\n };\n\n switch (type) {\n case USER_FETCH.REQUEST: {\n return {\n ...baseStateChange,\n userLoading: true,\n userLoaded: false\n };\n }\n\n case USER_FORMS_FETCH.REQUEST: {\n return {\n ...baseStateChange,\n userFormsLoading: true,\n userFormsLoaded: false\n };\n }\n\n case DOWNLOAD_ATTACHMENTS.PENDING: {\n return {\n ...baseStateChange,\n attachmentDownloading: true\n };\n }\n\n case FORM_FETCH.REQUEST: {\n return {\n ...baseStateChange,\n formLoading: true,\n formLoaded: false,\n submissionsLoaded: false,\n questionsLoaded: false,\n submissionEditMode: false\n };\n }\n\n case QUESTIONS_FETCH.REQUEST: {\n return {\n ...baseStateChange,\n questionsLoading: true,\n questionsLoaded: false\n };\n }\n\n case BULK_SUBMISSION_DELETE.REQUEST: {\n return {\n ...baseStateChange,\n submissionsDeleting: true\n };\n }\n\n case FILTERED_SUBMISSIONS_FETCH.REQUEST: {\n const { filterObject, filterText } = state;\n\n const numberOfFilters = Object.keys(filterObject).length;\n\n if (numberOfFilters === 0 && filterText === '') {\n return baseStateChange;\n }\n\n return {\n ...baseStateChange,\n filteredSubmissionsLoading: true\n };\n }\n\n case SUBMISSIONS_DECRYPT.REQUEST:\n const { submissions } = action;\n const encryptionStatus = submissions?.reduce((acc, id) => {\n acc[id] = 'decrypting';\n return acc;\n }, {});\n return {\n ...baseStateChange,\n encryptionStatus\n };\n\n case CREATE_AI_AGENT.REQUEST: {\n return {\n ...baseStateChange,\n aiAgentCreatingStatus: 'CREATING'\n };\n }\n case CREATE_AI_AGENT.SUCCESS: {\n return {\n ...baseStateChange,\n aiAgentCreatingStatus: 'DONE'\n };\n }\n\n default:\n return baseStateChange;\n }\n }\n\n // Critical failure actions\n if (failureActions.indexOf(type) > -1) {\n return {\n ...state,\n loading: false,\n errored: true\n };\n }\n\n if (pendingActions.indexOf(type) > -1) {\n const baseStateChange = {\n ...state\n };\n\n switch (type) {\n case DOWNLOAD_ATTACHMENTS.PENDING: {\n return {\n ...baseStateChange,\n attachmentDownloading: true\n };\n }\n default: return baseStateChange;\n }\n }\n\n // Only handle success actions at here\n if (successActions.indexOf(type) > -1) {\n const baseStateChange = {\n ...state,\n loading: false\n };\n\n switch (type) {\n case USER_FETCH.SUCCESS: {\n return {\n ...baseStateChange,\n userLoading: false,\n userLoaded: true\n };\n }\n\n case USER_FORMS_FETCH.SUCCESS: {\n return {\n ...baseStateChange,\n userFormsLoading: false,\n userFormsLoaded: true\n };\n }\n\n case DOWNLOAD_ATTACHMENTS.SUCCESS: {\n return {\n ...baseStateChange,\n attachmentDownloading: false\n };\n }\n\n case FORM_FETCH.SUCCESS: {\n const { form: { type: formType, checkoutType: previousOrdersType = '' } = {} } = action;\n\n return {\n ...baseStateChange,\n isPreviousOrders: formType === 'PAYMENT',\n previousOrdersType,\n formLoaded: true,\n formLoading: false\n };\n }\n\n case QUESTIONS_FETCH.SUCCESS: {\n return {\n ...baseStateChange,\n questionsLoaded: true,\n questionsLoading: false\n };\n }\n\n case SUBMISSIONS_FETCH.SUCCESS: {\n return {\n ...baseStateChange,\n submissionsLoaded: true,\n submissionsLoading: false,\n loading: false,\n filteredSubmissionsLoading: false,\n filterResultCount: action.totalCount\n };\n }\n\n case FILTERED_SUBMISSIONS_FETCH.SUCCESS: {\n return {\n ...baseStateChange,\n filterResultCount: action.totalCount,\n submissionsLoaded: true,\n submissionsLoading: false,\n filteredSubmissionsLoading: false\n };\n }\n\n case BULK_SUBMISSION_DELETE.SUCCESS: {\n const { submissionIDs = [] } = action;\n return {\n ...baseStateChange,\n submissionsDeleting: false,\n filterResultCount: state.filterResultCount - submissionIDs.length\n };\n }\n\n case SUBMISSION_DELETE.SUCCESS: {\n return {\n ...baseStateChange,\n filterResultCount: state.filterResultCount - 1\n };\n }\n\n case PENDING_SUBMISSION_DELETE.SUCCESS: {\n return {\n ...baseStateChange,\n filterResultCount: state.filterResultCount - 1\n };\n }\n\n case SUBMISSIONS_DECRYPT.SUCCESS: {\n const { submission } = action;\n const { encryptionStatus } = state;\n\n if (!submission?.id) {\n return {\n ...baseStateChange\n };\n }\n encryptionStatus[submission.id] = 'decrypted';\n\n return {\n ...baseStateChange,\n encryptionStatus\n };\n }\n\n default:\n return baseStateChange;\n }\n }\n\n // General handling\n switch (type) {\n case SET_EDIT_MODE: {\n const { submissionEditMode } = action;\n\n return {\n ...state,\n submissionEditMode\n };\n }\n\n case SET_LITE_MODE: {\n return {\n ...state,\n liteMode: true\n };\n }\n\n case SET_PWA_MODE: {\n return {\n ...state,\n isPwa: true\n };\n }\n\n case SET_MESSAGE: {\n const { message } = action;\n return {\n ...state,\n message: { ...state.message, isOpened: true, ...message }\n };\n }\n\n case SET_SETTINGS_PANEL: {\n const { settingsPanel } = action;\n return {\n ...state,\n settingsPanel: { ...state.settingsPanel, ...settingsPanel }\n };\n }\n\n case CLOSE_MESSAGE: {\n return {\n ...state,\n message: {\n ...state.message,\n isOpened: false\n }\n };\n }\n\n case SET_FILTER_TEXT:\n case SET_FILTER_OBJECT:\n case SET_ACTIVE_TAB: {\n const { filterText = '' } = action;\n\n if (type === SET_FILTER_TEXT && filterText && filterText.length < 2) {\n return state;\n }\n\n return {\n ...state,\n filteredSubmissionsLoading: true,\n loading: true,\n submissionsLoaded: false,\n submissionsLoading: true\n };\n }\n\n case MULTIPLE_DOWNLOAD_BATCH: {\n const { percentage } = action;\n\n return {\n ...state,\n percentage\n };\n }\n\n case SET_EMPTY_ALLSENTBOX: {\n return {\n ...state,\n loading: false,\n errored: false,\n userLoading: false,\n formLoading: false,\n userFormsLoading: false,\n questionsLoading: false,\n submissionsLoading: false,\n userLoaded: true,\n formLoaded: true,\n isReplyVisibilityCustom: false,\n userFormsLoaded: true,\n questionsLoaded: true,\n submissionsLoaded: true,\n submissionEditMode: false,\n submissionsDeleting: false,\n highlightPendingApproval: false,\n filteredSubmissionsLoading: false\n };\n }\n\n case SET_REPLY_VISIBILITY: {\n const { visibility } = action;\n\n return {\n ...state,\n isReplyVisibilityCustom: visibility\n };\n }\n\n case SET_HIGHLIGHT_PENDING_APPROVAL: {\n const { highlightPendingApproval } = action;\n return {\n ...state,\n highlightPendingApproval\n };\n }\n\n case SET_OPEN_INTRO_MODAL: {\n const { modalKey } = action;\n return {\n ...state,\n openIntroModal: modalKey\n };\n }\n\n case SET_DECRYPTION_MODAL: {\n const { modalKey } = action;\n return {\n ...state,\n openDecryptionModal: modalKey\n };\n }\n\n case SET_CAMPAIGN_SUBMISSION_CONTENT_VISIBILITY: {\n const { visible = false } = action;\n return {\n ...state,\n campaignSubmissionContentVisible: visible\n };\n }\n\n case SET_CAMPAIGN_ACTIVE: {\n const { active = false } = action;\n return {\n ...state,\n campaignActive: active\n };\n }\n\n case SET_SUBMISSION_VIEW_LOADING: {\n const { submissionViewLoading = false } = action;\n return {\n ...state,\n submissionViewLoading\n };\n }\n\n case SET_AI_HISTORY_VISIBILITY:\n const { isAIHistoryViewVisible } = action;\n return {\n ...state,\n isAIHistoryViewVisible\n };\n\n case SET_AI_AVATAR_ICON_URL:\n const { aiAvatarIconUrl } = action;\n return {\n ...state,\n aiAvatarIconUrl\n };\n\n case SET_AI_AGENT_NAME:\n const { aiAgentName } = action;\n return {\n ...state,\n aiAgentName\n };\n\n case SET_IS_FULLSTORY_SESSION_URL_SAVED:\n const { isFullStorySessionUrlSaved } = action;\n\n return {\n ...state,\n isFullStorySessionUrlSaved\n };\n\n default:\n return state;\n }\n};\n\nexport default uiReducer;\n","import { asyncActions, syncActions } from '../actions/actionTypes';\n\nconst {\n USER_FETCH,\n USER_FORMS_FETCH,\n SYSTEM_PLANS_FETCH\n} = asyncActions;\n\nconst {\n SET_USER_PERMISSIONS\n} = syncActions;\n\nconst initialState = {\n forms: [],\n username: '',\n language: '',\n time_zone: false,\n account_type: {\n name: ''\n },\n userType: 'user',\n role: '',\n permissions: {},\n systemPlans: {}\n};\n\nconst userReducer = (state = initialState, action) => {\n const { user, type } = action;\n\n switch (type) {\n case USER_FETCH.SUCCESS:\n return {\n ...state,\n ...user\n };\n case USER_FORMS_FETCH.SUCCESS: {\n const { forms } = action;\n\n return {\n ...state,\n forms\n };\n }\n\n case SET_USER_PERMISSIONS: {\n const { role, permissions } = action;\n\n return {\n ...state,\n role,\n permissions\n };\n }\n\n case SYSTEM_PLANS_FETCH.SUCCESS: {\n const { systemPlans } = action;\n return {\n ...state,\n systemPlans\n };\n }\n\n default:\n return state;\n }\n};\n\nexport default userReducer;\n","import { safeJSONParse } from '@jotforminc/utils';\n\nimport { asyncActions, syncActions } from '../actions/actionTypes';\nimport {\n prepareSubmissionWidgets, assert, preparePrimaryAvailableQuestionIDs, prepareSecondaryAvailableQuestionIDs\n} from '../utils';\nimport { DEFAULT_DATE_FORMAT } from '../constants';\n\nconst {\n FORM_UPDATE_SYNC,\n SUBMISSIONS_FETCH_LIVE,\n RENEW_FORM\n} = syncActions;\n\nconst {\n QUESTIONS_ADD,\n FORM_FETCH,\n FORM_UPDATE,\n QUESTIONS_FETCH,\n QUESTION_UPDATE,\n ADD_DUMMY_QUESTIONS,\n SUBMISSION_DELETE,\n SUBMISSION_UPDATE,\n FORM_THEME_FETCH,\n QUESTION_VALUES_FETCH,\n UNFILTERED_QUESTIONS_FETCH\n} = asyncActions;\n\nexport const initialState = {\n id: '',\n title: '',\n count: 0,\n new: 0,\n flag: 0,\n loading: true,\n questions: {},\n questionOrders: [],\n paymentStrings: [],\n products: [],\n last_submission: '',\n submissionWidgets: {\n tags: { qid: '', type: 'control_checkbox', options_array: {} }\n },\n primaryAvailableQuestionIDs: preparePrimaryAvailableQuestionIDs({}),\n secondaryAvailableQuestionIDs: prepareSecondaryAvailableQuestionIDs({}),\n hideNonInputSubmissionFields: 'Yes',\n hideEmptySubmissionFields: 'Yes',\n hideSubmissionHeader: 'No',\n submissionSpacingPreference: 'compact',\n submissionLayoutPreference: 'left',\n submissionDateFormat: DEFAULT_DATE_FORMAT,\n submissionDateUseAmPm: 'Yes',\n styleJSON: {},\n pdfTemplates: [],\n questionValues: {}\n};\n\nconst formReducer = (state = initialState, action) => {\n assert(action, new Error('formReducer: no action provided!'));\n\n const { type } = action;\n\n switch (type) {\n case FORM_FETCH.REQUEST: {\n return initialState;\n }\n\n case FORM_FETCH.SUCCESS: {\n const { form } = action;\n return {\n ...state,\n ...form\n };\n }\n\n case RENEW_FORM:\n case FORM_UPDATE_SYNC:\n case FORM_UPDATE.REQUEST: {\n const { formProperties } = action;\n\n return {\n ...state,\n ...formProperties\n };\n }\n case UNFILTERED_QUESTIONS_FETCH.SUCCESS: {\n const { unfilteredQuestions } = action;\n return {\n ...state,\n unfilteredQuestions\n };\n }\n\n case QUESTIONS_FETCH.SUCCESS: {\n const {\n questions,\n submissionWidgets,\n primaryAvailableQuestionIDs,\n secondaryAvailableQuestionIDs\n } = action;\n\n // Temporary solution for to filter unexpected questions saved on jingle submission project\n const getFilteredQuestions = questionArray => questionArray && questionArray.filter(qid => Object.keys(questions).indexOf(qid) !== -1);\n const stateOrders = state.questionOrders === '[]' ? safeJSONParse(state.questionOrders) : state.questionOrders;\n\n return {\n ...state,\n questions,\n submissionWidgets,\n primaryAvailableQuestionIDs,\n secondaryAvailableQuestionIDs,\n questionOrders: getFilteredQuestions(stateOrders)\n };\n }\n\n case QUESTION_UPDATE.REQUEST: {\n const { questions, submissionWidgets } = state;\n const { qid, data } = action;\n const question = questions[qid];\n\n const updatedQuestion = {\n ...question,\n ...data\n };\n const updatedQuestions = {\n ...questions,\n [qid]: updatedQuestion\n };\n\n const widgetName = updatedQuestion.name.toLowerCase();\n const updatedSubmissionWidgets = question.submissionWidget === 'Yes'\n ? { ...submissionWidgets, [widgetName === 'labels' ? 'tags' : widgetName]: updatedQuestion }\n : submissionWidgets;\n\n return {\n ...state,\n questions: updatedQuestions,\n submissionWidgets: updatedSubmissionWidgets\n };\n }\n\n case ADD_DUMMY_QUESTIONS.REQUEST: {\n return state;\n }\n\n case SUBMISSION_UPDATE.REQUEST: {\n const { data } = action;\n\n if (data.new) {\n const { new: unreadSubmissionCount, count } = state;\n\n return {\n ...state,\n new: data.new !== '0' ? Math.min(unreadSubmissionCount + 1, count) : Math.max(unreadSubmissionCount - 1, 0)\n };\n }\n\n return state;\n }\n\n case SUBMISSION_DELETE.REQUEST: {\n const { count } = state;\n\n return {\n ...state,\n count: count - 1\n };\n }\n\n case FORM_THEME_FETCH.SUCCESS: {\n const { themeInfo } = action;\n\n return {\n ...state,\n styleJSON: {\n ...themeInfo.styleJSON,\n ...state.styleJSON\n }\n };\n }\n\n case QUESTIONS_ADD.SUCCESS: {\n const { questions } = action;\n const { questions: currentQuestions, submissionWidgets } = state;\n\n let questionList = currentQuestions;\n const isDummyTagQuestion = Object.values(questions).some(item => item.name === 'tags' && item.qid !== 'tags');\n if (isDummyTagQuestion) {\n // remove old tags question to prevent double dummy tag question\n questionList = Object.values(currentQuestions).filter(question => question.qid !== 'tags').reduce((prev, curr) => {\n return {\n ...prev,\n [curr.qid]: curr\n };\n }, {});\n }\n\n return {\n ...state,\n questions: {\n ...questionList,\n ...questions\n },\n submissionWidgets: {\n ...submissionWidgets,\n ...prepareSubmissionWidgets(questions)\n }\n };\n }\n\n case SUBMISSIONS_FETCH_LIVE: {\n const { count, new: newCount } = state;\n const { submissions } = action;\n return {\n ...state,\n count: count + submissions.length,\n new: newCount + submissions.length\n };\n }\n\n case QUESTION_VALUES_FETCH.SUCCESS: {\n const { qid, questionValues } = action;\n\n return {\n ...state,\n questionValues: {\n ...state.questionValues,\n [qid]: questionValues\n }\n };\n }\n\n default:\n return state;\n }\n};\n\nexport default formReducer;\n","import { syncActions, asyncActions } from '../actions/actionTypes';\nimport { match, ANY } from '../vendor/pampy';\n\nimport { collateBy, findIndexByID } from '../utils';\nimport { submissionIndexSelector } from '../selectors';\n\nconst {\n FORM_FETCH,\n SUBMISSIONS_FETCH,\n FILTERED_SUBMISSIONS_FETCH,\n SUBMISSION_UPDATE,\n SUBMISSION_DELETE,\n SUBMISSION_RENEW,\n BULK_SUBMISSION_DELETE,\n SUBMISSIONS_DECRYPT,\n AGENT_SUBMISSION_HISTORY_FETCH\n} = asyncActions;\n\nconst {\n BULK_SUBMISSION_UPDATE_SYNC,\n SET_ACTIVE_SUBMISSION,\n SUBMISSIONS_FETCH_LIVE,\n SET_FILTERED_IDS,\n SET_SINGLE,\n SET_ACTIVE_TAB,\n SET_SUBMISSION_PENDING_APPROVAL,\n REMOVE_SUBMISSION_FROM_LIST,\n SET_FILTER_TEXT,\n SET_FILTER_OBJECT\n} = syncActions;\n\nexport const initialState = {\n submissions: [],\n labelQuestion: null,\n checklistQuestion: null,\n activeSubmissionID: '',\n agentSubmissionHistory: []\n};\n\nconst concatSubmissions = (oldSubmissions, action) => {\n const { offset, submissions } = action;\n\n const dummyItemLength = Math.max(offset - oldSubmissions.length, 0);\n const dummyItems = new Array(dummyItemLength);\n\n const nextStart = offset + submissions.length;\n\n const nextItems = oldSubmissions.slice(nextStart);\n const prevItems = oldSubmissions.slice(0, offset);\n\n const newSubmissions = [...prevItems, ...dummyItems, ...submissions, ...nextItems];\n\n return newSubmissions;\n};\n\n/* eslint-disable max-statements */\nconst submissionReducer = (state = initialState, action) => {\n const { type } = action;\n\n switch (type) {\n case SET_ACTIVE_SUBMISSION: {\n const { sid } = action;\n\n return {\n ...state,\n activeSubmissionID: sid\n };\n }\n\n case SET_SINGLE: {\n return {\n ...state,\n submissions: [action.submission],\n activeSubmissionID: action.submission.id\n };\n }\n\n case AGENT_SUBMISSION_HISTORY_FETCH.SUCCESS: {\n return {\n ...state,\n agentSubmissionHistory: action.history\n };\n }\n\n case FORM_FETCH.REQUEST: {\n // Do not loose state if initial fetch request\n return action.initial ? state : initialState;\n }\n\n case SUBMISSIONS_FETCH.SUCCESS: {\n const { submissions: oldSubmissions } = state;\n const { clean } = action;\n\n const submissions = concatSubmissions(clean ? [] : oldSubmissions, action);\n\n return {\n ...state,\n submissions,\n filteredSubmissionIDs: undefined\n };\n }\n\n case SUBMISSIONS_DECRYPT.SUCCESS: {\n const { submissions: oldSubmissions } = state;\n const { submission } = action;\n const submissions = oldSubmissions.filter(Boolean).map(sub => (sub.id === submission.id ? submission : sub));\n return {\n ...state,\n submissions\n };\n }\n\n case FILTERED_SUBMISSIONS_FETCH.SUCCESS: {\n const { submissions } = action;\n const { submissions: oldSubmissions, filteredSubmissionIDs } = state;\n\n const filledSubmissions = submissions.reduce((prev, curr) => {\n const index = findIndexByID(prev, curr.id);\n if (index > -1 && !oldSubmissions[index].answers) {\n return [\n ...prev.slice(0, index),\n curr,\n ...prev.slice(index + 1)\n ];\n }\n\n return prev;\n }, oldSubmissions);\n\n return {\n ...state,\n submissions: filledSubmissions,\n filteredSubmissionIDs: {\n ...(filteredSubmissionIDs || {}),\n ...submissions.reduce((accum, val) => ({\n ...accum,\n [val.id]: true\n }), {})\n }\n };\n }\n\n case SET_FILTERED_IDS: {\n const { filteredSubmissionIDs } = action;\n\n return {\n ...state,\n filteredSubmissionIDs\n };\n }\n\n case SUBMISSION_UPDATE.REQUEST: {\n const { submissions } = state;\n const { sid, data, tags } = action;\n const index = submissionIndexSelector(state)(sid);\n const submission = submissions[index];\n if (!submission) return state;\n\n // Seperate meta and answer updates based on their key values. If key is integer than it is probably for question answer update; otherwise it is meta data of answer\n const collateByType = collateBy(val => Number.isNaN(val) || Number.isNaN(parseFloat(val)));\n const collation = collateByType(Object.keys(data));\n const reduceByType = collationType => (collation.get(collationType) || []).reduce((prev, curr) => ({ ...prev, [curr]: data[curr] }), {});\n const metaUpdates = reduceByType(true);\n const answerUpdates = reduceByType(false);\n\n const newAnswers = Object.keys(answerUpdates).reduce((prev, qid) => {\n const questionAnswer = submission.answers[qid];\n return {\n ...prev,\n [qid]: {\n ...questionAnswer,\n ...tags,\n answer: answerUpdates[qid] ? answerUpdates[qid] : questionAnswer.answer\n }\n };\n }, submission.answers);\n\n return {\n ...state,\n submissions: [\n ...submissions.slice(0, index),\n {\n ...submission,\n ...metaUpdates,\n answers: newAnswers\n },\n ...submissions.slice(index + 1)\n ]\n };\n }\n\n case REMOVE_SUBMISSION_FROM_LIST:\n case SUBMISSION_DELETE.REQUEST: {\n const { sid } = action;\n const { submissions, count } = state;\n\n const index = submissionIndexSelector(state)(sid);\n const newSubmissions = submissions.filter(s => s?.id !== sid);\n const activeSubmissionID = match(\n index,\n // In case current index still exists\n currIndex => !!newSubmissions[currIndex], currIndex => newSubmissions[currIndex].id,\n // In case previous index still exists (case for last submission to be deleted)\n currIndex => !!newSubmissions[currIndex - 1], currIndex => newSubmissions[currIndex - 1].id,\n ANY, 0 // Fallback\n );\n return {\n ...state,\n submissions: newSubmissions,\n activeSubmissionID,\n ...(type === REMOVE_SUBMISSION_FROM_LIST ? (\n { count: Math.max(count - 1, 0) }\n ) : {})\n };\n }\n\n case BULK_SUBMISSION_UPDATE_SYNC: {\n const { submissions } = state;\n const { submissionIDs, data } = action;\n\n const findInSIDs = submission => submission && submissionIDs.indexOf(submission.id) > -1;\n\n // just remove submission from list if updated prop is \"status\"\n if (data.prop === 'status') {\n return {\n ...state,\n submissions: submissions.filter(submission => !findInSIDs(submission))\n };\n }\n\n // TODO: we should compare with the present filter here too\n return {\n ...state,\n submissions: submissions.map(submission => (findInSIDs(submission) ? { ...submission, [data.prop]: data.value } : submission))\n };\n }\n\n case BULK_SUBMISSION_DELETE.SUCCESS: {\n const { submissions, activeSubmissionID } = state;\n const { submissionIDs } = action;\n\n const index = submissionIndexSelector(state)(activeSubmissionID);\n const newSubmissions = submissions.filter(({ id }) => submissionIDs.indexOf(id) === -1);\n\n const newActiveSubmissionID = match(\n index,\n // In case current index still exists\n currIndex => !!newSubmissions[currIndex], currIndex => newSubmissions[currIndex].id,\n // In case previous index still exists (case for last submission to be deleted)\n currIndex => !!newSubmissions[currIndex - 1], currIndex => newSubmissions[currIndex - 1].id,\n ANY, 0 // Fallback\n );\n\n return {\n ...state,\n submissions: newSubmissions,\n activeSubmissionID: newActiveSubmissionID\n };\n }\n\n case SUBMISSIONS_FETCH_LIVE: {\n const { submissions } = state;\n const { submissions: newSubmissions } = action;\n\n return {\n ...state,\n submissions: [\n ...newSubmissions.map((s, index) => (\n {\n ...s,\n index: newSubmissions.length + submissions.length - index\n }\n )),\n ...submissions\n ]\n };\n }\n\n case SUBMISSION_RENEW.SUCCESS: {\n const { submissions } = state;\n const { submission } = action;\n const newSubmissions = submissions.map(tempSubmission => {\n if (tempSubmission?.id === submission.id) {\n if (tempSubmission?.form && !submission?.form) {\n return {\n ...submission,\n form: tempSubmission.form\n };\n } return submission;\n }\n return tempSubmission;\n });\n return {\n ...state,\n submissions: newSubmissions\n };\n }\n\n case SET_FILTER_TEXT:\n case SET_FILTER_OBJECT:\n case SET_ACTIVE_TAB: {\n const { filterText = '' } = action;\n\n if (type === SET_FILTER_TEXT && filterText && filterText.length < 2) {\n return state;\n }\n\n return {\n ...state,\n filteredSubmissionIDs: null,\n submissions: [],\n totalCount: 0,\n limit: 20,\n offset: 0\n };\n }\n\n case SET_SUBMISSION_PENDING_APPROVAL: {\n const { submissions } = state;\n const { sid, hasPendingApproval } = action;\n const workflowStatus = hasPendingApproval ? 'Active' : 'Completed';\n const newSubmissions = submissions.map(submission => (submission.id === sid ? ({ ...submission, hasPendingApproval, workflowStatus }) : submission));\n return {\n ...state,\n submissions: newSubmissions\n };\n }\n\n default:\n return state;\n }\n};\n\nexport default submissionReducer;\n","/* eslint-disable max-statements */\nimport { syncActions, asyncActions } from '../actions/actionTypes';\nimport { parseLocationParams } from '../utils';\n\nconst {\n SET_ACTIVE_TAB,\n SELECT_SUBMISSION,\n SET_FILTER_TEXT,\n SET_FILTER_OBJECT,\n UPDATE_FILTER_OBJECT,\n FORM_UPDATE_SYNC,\n REMOVE_SUBMISSION_FROM_LIST,\n PENDING_APPROVAL_STATUS_CHANGED,\n SET_VIEWS,\n SET_SIGN_WAITING_COUNTS,\n SET_IS_ALL_SENTBOX\n} = syncActions;\n\nconst {\n FORM_FETCH,\n SUBMISSION_UPDATE,\n BULK_SUBMISSION_SELECTION,\n SUBMISSIONS_FETCH\n} = asyncActions;\n\nconst { tab: initialActiveTab } = parseLocationParams();\n\nconst initialTabs = {\n tabs: {\n inbox: {\n count: 0\n },\n archive: {\n count: 0\n },\n incompleteSubmissions: {\n count: 0\n },\n trash: {\n count: 0\n },\n sentbox: {\n count: 0\n },\n drafts: {\n count: 0\n },\n pendingApprovals: {\n count: 0\n },\n completed: {\n count: 0\n },\n signAllDocuments: {\n count: 0\n },\n signCompleted: {\n count: 0\n },\n signWaitingMySignature: {\n count: 0\n },\n signWaitingOthers: {\n count: 0\n },\n signDeclined: {\n count: 0\n },\n signCanceled: {\n count: 0\n }\n },\n activeTabID: initialActiveTab,\n isAllSentbox: false\n};\n\nconst reduceTabData = (state, activeTabID, data) => {\n const { tabs } = state;\n const activeTab = tabs[activeTabID];\n\n return {\n ...state,\n tabs: {\n ...tabs,\n [activeTabID]: {\n ...activeTab,\n ...data\n }\n }\n };\n};\n\nconst tabsReducer = (state = initialTabs, action) => {\n const { activeTabID, tabs } = state;\n const activeTab = tabs[activeTabID];\n\n switch (action.type) {\n case SET_ACTIVE_TAB: {\n const { tab } = action;\n\n return {\n ...state,\n activeTabID: tab\n };\n }\n\n case SET_IS_ALL_SENTBOX: {\n const { isAllSentbox } = action;\n if (!isAllSentbox) {\n document.body.classList.remove('jfInbox--isAllSentBox');\n }\n return {\n ...state,\n isAllSentbox: isAllSentbox\n };\n }\n case BULK_SUBMISSION_SELECTION.SUCCESS: {\n const { selectedSubmissions: selectedSubmissionIDs, allSelected } = action;\n return reduceTabData(state, activeTabID, { selectedSubmissionIDs, allSelected });\n }\n\n case SELECT_SUBMISSION: {\n const { sid } = action;\n const { selectedSubmissionIDs: selectedSubmissionIDsOld = [] } = activeTab;\n const isSubmissionSelected = selectedSubmissionIDsOld.indexOf(sid) > -1;\n const selectedSubmissionIDs = !isSubmissionSelected ? [...selectedSubmissionIDsOld, sid] : selectedSubmissionIDsOld.filter(id => id !== sid);\n\n return reduceTabData(state, activeTabID, { selectedSubmissionIDs });\n }\n\n case SET_FILTER_TEXT: {\n const { filterText } = action;\n return reduceTabData(state, activeTabID, { filterText });\n }\n\n case SET_FILTER_OBJECT: {\n const { filters: filterObject } = action;\n return reduceTabData(state, activeTabID, { filterObject });\n }\n\n case UPDATE_FILTER_OBJECT: {\n const { filters: filterObject } = action;\n\n return reduceTabData(state, activeTabID, {\n filterObject: { ...activeTab.filterObject, ...filterObject }\n });\n }\n\n case FORM_FETCH.SUCCESS: {\n const {\n form: {\n new: unreadCount, pendingApproval = 0, completedApproval = 0\n }\n } = action;\n\n const stateWithNewCount = reduceTabData(state, 'inbox', { count: unreadCount });\n const stateWithPendingApprovalCount = reduceTabData(stateWithNewCount, 'pendingApprovals', { count: pendingApproval });\n const stateWithCompletedCount = reduceTabData(stateWithPendingApprovalCount, 'completed', { count: completedApproval });\n return stateWithCompletedCount;\n }\n\n case FORM_UPDATE_SYNC: {\n const { formProperties: { new: unreadCount } } = action;\n return reduceTabData(state, 'inbox', { count: unreadCount });\n }\n\n case SUBMISSION_UPDATE.REQUEST: {\n const { data } = action;\n const { tabs: { [activeTabID]: { count: oldCount = 0 } } } = state;\n\n if (activeTabID === 'inbox' && data.new) {\n const count = data.new === '0' ? Math.max(oldCount - 1, 0) : oldCount + 1;\n return reduceTabData(state, 'inbox', { count });\n }\n\n return state;\n }\n\n case PENDING_APPROVAL_STATUS_CHANGED: {\n const { hasPendingApproval } = action;\n const tabToChange = 'pendingApprovals';\n const {\n tabs: {\n completed: { count: completedCount },\n [tabToChange]: { count: activeTabApprovalsCount }\n }\n } = state;\n\n const activeTabCountChange = hasPendingApproval ? 1 : -1;\n const changedTabCount = activeTabApprovalsCount + activeTabCountChange;\n\n const stateWithCompletedCount = reduceTabData(state, 'completed', { count: completedCount - activeTabCountChange });\n return reduceTabData(stateWithCompletedCount, tabToChange, { count: changedTabCount > 0 ? changedTabCount : 0 });\n }\n\n case REMOVE_SUBMISSION_FROM_LIST: {\n if (action.forApproval) {\n return state;\n }\n\n const { tabs: { [activeTabID]: { count: oldCount } } } = state;\n const count = Math.max(oldCount - 1, 0);\n return reduceTabData(state, activeTabID, { count });\n }\n\n case SUBMISSIONS_FETCH.SUCCESS: {\n if (activeTabID === 'inbox') {\n return state;\n }\n\n return reduceTabData(state, activeTabID, { count: action.totalCount });\n }\n\n case SET_VIEWS: {\n const standartTabs = Object.keys(state.tabs).reduce((acc, key) => {\n const tab = state.tabs[key];\n if (tab.type === 'additionalTab') return acc;\n\n acc[key] = tab;\n return acc;\n }, {});\n\n const additionalTabs = action.views.reduce((acc, view) => {\n const { viewID, ...settings } = view;\n acc[viewID] = { ...settings, id: viewID, type: 'additionalTab' };\n return acc;\n }, {});\n\n const newTabs = { ...standartTabs, ...additionalTabs };\n\n return { ...state, tabs: newTabs };\n }\n\n case SET_SIGN_WAITING_COUNTS: {\n const { counts } = action;\n\n const stateWithWaitingMySignatureCount = reduceTabData(state, 'signWaitingMySignature', { count: counts?.waitingMySignature || 0 });\n return reduceTabData(stateWithWaitingMySignatureCount, 'signWaitingOthers', { count: counts?.waitingOthers || 0 });\n }\n\n default: {\n return state;\n }\n }\n};\n\nexport default tabsReducer;\n","import { asyncActions } from '../actions/actionTypes';\nimport { getTeamInfo } from '../utils';\n\nconst {\n TEAM_PROPERTIES_FETCH,\n USER_TEAM_ROLES_FETCH\n} = asyncActions;\n\nconst { isTeamMember, TEAM_ID } = getTeamInfo();\n\nconst initialState = {\n id: TEAM_ID,\n isTeamMember,\n properties: {},\n roles: []\n};\n\nconst teamReducer = (state = initialState, action) => {\n switch (action.type) {\n case TEAM_PROPERTIES_FETCH.SUCCESS: {\n const { properties } = action;\n return {\n ...state,\n properties\n };\n }\n case USER_TEAM_ROLES_FETCH.SUCCESS: {\n const { roles } = action;\n return {\n ...state,\n roles\n };\n }\n default:\n return state;\n }\n};\n\nexport default teamReducer;\n","import { asyncActions } from '../actions/actionTypes';\n\nconst {\n FETCH_AI_AGENTS\n} = asyncActions;\n\nconst initialState = {};\n\nconst aiAgentsReducer = (state = initialState, action) => {\n const { agents, type } = action;\n\n switch (type) {\n case FETCH_AI_AGENTS.SUCCESS:\n return {\n ...state,\n ...agents\n };\n default:\n return state;\n }\n};\n\nexport default aiAgentsReducer;\n","import { combineReducers } from 'redux';\nimport undoable from 'redux-undo';\nimport ui from './ui';\nimport user from './user';\nimport form from './form';\nimport submission from './submission';\nimport tabs from './tabs';\nimport team from './team';\nimport aiAgents from './aiAgents';\nimport { assert } from '../utils';\nimport { syncActions } from '../actions/actionTypes';\n\nconst {\n FORM_UNDO,\n FORM_REDO\n} = syncActions;\n\nconst appReducer = combineReducers({\n ui,\n user,\n form: undoable(form, {\n undoType: FORM_UNDO,\n redoType: FORM_REDO\n }),\n tabs,\n submission,\n team,\n aiAgents\n});\n\nconst rootReducer = (state, action) => {\n const newState = appReducer(state, action);\n\n assert(!action.type || (action.type.indexOf('@@') === -1 && newState !== state, new Error(`rootReducer: Unused action ${action.type}.`)));\n return newState;\n};\n\nexport default rootReducer;\n","import { RequestLayer } from '@jotforminc/request-layer';\nimport {\n getTeamInfo\n} from '../utils';\n\nconst { isTeamMember, TEAM_ID } = getTeamInfo();\n\nexport const requestLayer = new RequestLayer(\n '/API/inbox', {\n interceptorConfig: {\n isTeamMember,\n disableResponseNormalizer: true,\n shouldCache: true,\n logCachePayload: {\n projectName: 'inbox'\n },\n ...((isTeamMember && TEAM_ID)\n ? {\n teamID: TEAM_ID\n }\n : {})\n }\n }\n);\n","import { getUrlParameter } from '@jotforminc/utils';\n\nconst isDevelopment = () => {\n return ['.jotform.pro', '.jotform.biz', '.jotform.dev'].indexOf(window.location.hostname.substr(-12)) > -1;\n};\n\nconst isRC = () => {\n return window.location.hostname === 'www.jotform.ooo';\n};\n\nexport const getSocketURL = () => {\n let socketUrl = `wss://${window.location.hostname}/ws`;\n\n if (isDevelopment()) {\n socketUrl = `wss://${window.location.hostname}/socket`;\n }\n\n if (isRC()) {\n socketUrl = 'wss://www.jotform.ooo/socket';\n }\n\n if (getUrlParameter('ws')) {\n socketUrl = getUrlParameter('ws');\n }\n\n return socketUrl;\n};\n\nexport const getChannelNamespace = () => {\n if (window.JOTFORM_ENV === 'ENTERPRISE') {\n return `/${window.COMPANY_SLUG}`;\n }\n\n return '';\n};\n","import { getUrlParameter } from '@jotforminc/utils';\n\nconst heartbeatInterval = Number.parseInt(getUrlParameter('heartbeatInterval'), 10) || 30000;\nconst lastHeartbeatResponseAcceptanceDuration = Number.parseInt(getUrlParameter('lastHeartbeatResponseAcceptanceDuration'), 10) || 65000;\n\nexport class CustomWebSocket {\n constructor(\n socketUrl,\n {\n socketSecret,\n onMessage,\n onOpen\n } = {}\n ) {\n this.baseSocketUrl = socketUrl;\n this.counter = 0;\n this.socketSecret = socketSecret;\n this.initTimeoutCounter = 2;\n this.lastHeartbeatResponse = 0;\n this.lastActivity = Date.now();\n this.useReconnectFromNowOn = false;\n this.reconnect = true;\n\n if (onMessage) {\n this.onMessage(onMessage);\n }\n if (onOpen) {\n this.onOpen(onOpen);\n }\n\n window.addEventListener('beforeunload', this.handleWindowBeforeUnload);\n\n this.initWS();\n }\n\n initWS = () => {\n this.reconnectTimer = null;\n\n if (this.initTimeoutCounter === 10) {\n return;\n }\n\n this.counter++;\n this.ws = new global.WebSocket(this.socketUrl);\n\n this.ws.addEventListener('open', this.handleOpen);\n this.ws.addEventListener('error', this.handleClose);\n this.ws.addEventListener('close', this.handleClose);\n this.ws.addEventListener('message', this.handleMessage);\n };\n\n handleOpen = () => {\n this.initTimeoutCounter = 2;\n this.lastHeartbeatResponse = Date.now();\n\n if (this.onOpenFunction) this.onOpenFunction();\n\n // Start heartbeating\n this.heartbeat();\n };\n\n handleClose = (e = {}) => {\n const { type = null } = e;\n if (type === 'error') {\n this.initTimeoutCounter++;\n }\n this.useReconnectFromNowOn = true;\n\n // Remove event listeners immediately\n this.ws.removeEventListener('open', this.handleOpen);\n this.ws.removeEventListener('error', this.handleClose);\n this.ws.removeEventListener('close', this.handleClose);\n this.ws.removeEventListener('message', this.handleMessage);\n if (typeof this.heartbeatTimer === 'number') {\n this.heartbeatTimer = clearTimeout(this.heartbeatTimer);\n }\n\n // Start trying to reconnect with a new ws after 1000ms\n if (this.reconnect) {\n this.reconnectTimer = setTimeout(this.initWS, this.initTimeoutCounter * 1000);\n }\n };\n\n handleMessage = event => {\n const message = JSON.parse(event.data);\n const { action, payload } = message;\n\n if (action === 'heartbeat') {\n this.lastHeartbeatResponse = payload.timestamp;\n } else if (this.onMessageFunction) {\n this.lastActivity = payload?.timestamp || Date.now();\n this.onMessageFunction(event);\n }\n };\n\n handleUnsubscribed = () => {\n this.reconnect = false;\n this.ws.close();\n };\n\n heartbeat = () => {\n if (this.ws.readyState !== 1) {\n return;\n }\n\n const now = Date.now();\n // If we did not receive any heartbeatResponse within lastHeartbeatResponseAcceptanceDuration\n // we assume that socket server died - even though we did not receive on('close') message somehow\n if (\n now - this.lastHeartbeatResponse\n > lastHeartbeatResponseAcceptanceDuration\n ) {\n this.handleClose();\n return;\n }\n\n // Send heartbeat message to socket\n this.sendJSON({\n action: 'heartbeat',\n payload: {\n timestamp: now\n }\n });\n\n // As long as socket is connected, heartbeat continues every heartbeatInterval\n this.heartbeatTimer = setTimeout(this.heartbeat, heartbeatInterval);\n };\n\n // Users of this class can use this function to pass a callback function\n // that will be called when socket receives a new message\n onMessage = callback => {\n this.onMessageFunction = callback;\n };\n\n // Users of this class can use this function to pass a callback function\n // that will be called when socket successfully establishes connection\n onOpen = callback => {\n this.onOpenFunction = callback;\n };\n\n send = data => {\n if (this.ws.readyState === 1 && global.navigator.onLine) {\n this.ws.lastActivity = Date.now();\n this.ws.send(data);\n }\n };\n\n sendJSON = data => {\n try {\n this.send(JSON.stringify(data));\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(error);\n }\n };\n\n get socketUrl() {\n const url = new URL(this.baseSocketUrl);\n\n url.searchParams.set('referer', window.location.pathname);\n url.searchParams.set('counter', this.counter);\n url.searchParams.set('socketSecret', this.socketSecret);\n\n return url;\n }\n\n handleWindowBeforeUnload = () => {\n this.reconnect = false;\n if (typeof this.reconnectTimer === 'number') {\n this.reconnectTimer = clearTimeout(this.reconnectTimer);\n }\n\n const { ws } = this;\n if (ws && ws.readyState === global.WebSocket.OPEN) {\n ws.close();\n }\n };\n}\n","import { makeActionCreator } from '../utils';\nimport { syncActions, asyncActions } from './actionTypes';\n\nconst {\n USER_FETCH,\n FORM_FETCH,\n FORM_UPDATE,\n SUBMISSION_RENEW,\n SUBMISSIONS_FETCH,\n SUBMISSION_UPDATE,\n SUBMISSION_DELETE,\n USER_FORMS_FETCH,\n QUESTIONS_FETCH,\n QUESTION_UPDATE,\n ADD_DUMMY_QUESTIONS,\n BULK_SUBMISSION_UPDATE,\n BULK_SUBMISSION_DELETE,\n BULK_SUBMISSION_SELECTION,\n QUESTION_VALUES_FETCH,\n DOWNLOAD_ATTACHMENTS,\n TEAM_PROPERTIES_FETCH,\n USER_TEAM_ROLES_FETCH,\n SYSTEM_PLANS_FETCH,\n CREATE_AI_AGENT\n} = asyncActions;\n\nconst {\n SET_LITE_MODE,\n SET_EDIT_MODE,\n SET_ACTIVE_SUBMISSION,\n PREV_SUBMISSION,\n NEXT_SUBMISSION,\n FORM_UPDATE_SYNC,\n SET_FLAG,\n SET_SUBMISSION_NEW,\n ASSIGN_TAG,\n UPDATE_TAG,\n SET_FILTER_TEXT,\n SELECT_SUBMISSION,\n PREPARE_PRINT,\n PRINT_COMPLETE,\n PREPARE_MULTIPLE_DOWNLOAD,\n SET_FILTER_OBJECT,\n UPDATE_FILTER_OBJECT,\n SET_SINGLE,\n SET_ACTIVE_TAB,\n SET_HIGHLIGHT_PENDING_APPROVAL,\n SET_SUBMISSION_PENDING_APPROVAL,\n REMOVE_SUBMISSION_FROM_LIST,\n SET_VIEWS,\n SET_REPLY_VISIBILITY,\n RENEW_FORM,\n RENEW_QUESTIONS,\n UPDATE_SENTBOX,\n SET_IS_ALL_SENTBOX,\n SET_OPEN_INTRO_MODAL,\n INIT_TEAM,\n SET_USER_PERMISSIONS,\n SET_MESSAGE,\n CLOSE_MESSAGE,\n SET_DECRYPTION_MODAL,\n SET_CAMPAIGN_ACTIVE,\n SET_CAMPAIGN_SUBMISSION_CONTENT_VISIBILITY,\n SET_SETTINGS_PANEL,\n SET_SUBMISSION_VIEW_LOADING,\n SET_AI_HISTORY_VISIBILITY,\n SET_AI_AVATAR_ICON_URL,\n SET_AI_AGENT_NAME,\n SET_IS_FULLSTORY_SESSION_URL_SAVED\n} = syncActions;\n\n// User actions\nexport const fetchUser = makeActionCreator(USER_FETCH.REQUEST);\nexport const fetchSystemPlans = makeActionCreator(SYSTEM_PLANS_FETCH.REQUEST);\nexport const fetchUserForms = makeActionCreator(USER_FORMS_FETCH.REQUEST);\nexport const setUserPermissions = makeActionCreator(SET_USER_PERMISSIONS, 'permissions', 'role');\n\n// Form actions\nexport const fetchForm = makeActionCreator(FORM_FETCH.REQUEST, 'formID', 'initial');\nexport const updateForm = makeActionCreator(FORM_UPDATE.REQUEST, 'formID', 'formProperties');\nexport const renewForm = makeActionCreator(RENEW_FORM, 'formProperties');\n\n// Use sync method if you do not need to update api\nexport const updateFormSync = makeActionCreator(FORM_UPDATE_SYNC, 'formProperties');\n\n// Question actions\nexport const fetchQuestions = makeActionCreator(QUESTIONS_FETCH.REQUEST, 'formID');\nexport const updateQuestion = makeActionCreator(QUESTION_UPDATE.REQUEST, 'formID', 'qid', 'data');\nexport const addDummyQuestions = makeActionCreator(ADD_DUMMY_QUESTIONS.REQUEST, 'formID', 'questions');\nexport const updateTag = makeActionCreator(UPDATE_TAG, 'data');\nexport const fetchQuestionValues = makeActionCreator(QUESTION_VALUES_FETCH.REQUEST, 'qid');\nexport const renewQuestions = makeActionCreator(RENEW_QUESTIONS, 'formID', 'questionsObj');\n\n// Submission actions\nexport const nextSubmission = makeActionCreator(NEXT_SUBMISSION);\nexport const prevSubmission = makeActionCreator(PREV_SUBMISSION);\nexport const setActiveSubmission = makeActionCreator(SET_ACTIVE_SUBMISSION, 'sid');\nexport const setSubmissionFlag = makeActionCreator(SET_FLAG, 'sid', 'status');\nexport const setSubmissionNew = makeActionCreator(SET_SUBMISSION_NEW, 'status');\nexport const assignTag = makeActionCreator(ASSIGN_TAG, 'status');\nexport const updateSentbox = makeActionCreator(UPDATE_SENTBOX);\nexport const updateSubmission = makeActionCreator(SUBMISSION_UPDATE.REQUEST, 'sid', 'data');\nexport const fetchSubmission = makeActionCreator(SUBMISSIONS_FETCH.REQUEST, 'offset', 'limit');\nexport const deleteSubmission = makeActionCreator(SUBMISSION_DELETE.REQUEST, 'sid');\nexport const updateBulkSubmission = makeActionCreator(BULK_SUBMISSION_UPDATE.REQUEST, 'submissionIDs', 'data');\nexport const deleteBulkSubmission = makeActionCreator(BULK_SUBMISSION_DELETE.REQUEST, 'submissionIDs');\nexport const renewSubmission = makeActionCreator(SUBMISSION_RENEW.REQUEST, 'sid', 'showToast');\nexport const setSingleSubmission = makeActionCreator(SET_SINGLE, 'submission');\nexport const setSubmissionPendingApproval = makeActionCreator(SET_SUBMISSION_PENDING_APPROVAL, 'sid', 'hasPendingApproval');\nexport const removeSubmissionFromList = makeActionCreator(REMOVE_SUBMISSION_FROM_LIST, 'sid');\nexport const downloadAttachments = makeActionCreator(DOWNLOAD_ATTACHMENTS.REQUEST, 'filter');\n\n// Ui actions\nexport const setReplyVisibilityCustom = makeActionCreator(SET_REPLY_VISIBILITY, 'visibility');\nexport const setLiteMode = makeActionCreator(SET_LITE_MODE);\nexport const setEditMode = makeActionCreator(SET_EDIT_MODE, 'submissionEditMode');\nexport const setFilterText = makeActionCreator(SET_FILTER_TEXT, 'filterText');\nexport const preparePrint = makeActionCreator(PREPARE_PRINT, 'layout', 'spacing', 'thread');\nexport const setMessage = makeActionCreator(SET_MESSAGE, 'message');\nexport const closeMessage = makeActionCreator(CLOSE_MESSAGE);\nexport const setSettings = makeActionCreator(SET_SETTINGS_PANEL, 'settingsPanel');\nexport const setSubmissionViewLoading = makeActionCreator(SET_SUBMISSION_VIEW_LOADING, 'submissionViewLoading');\n\nexport const printComplete = makeActionCreator(PRINT_COMPLETE);\nexport const prepareMultipleDownload = makeActionCreator(PREPARE_MULTIPLE_DOWNLOAD, 'pdfID', 'actionType', 'activeTab');\nexport const setHighlightPendingApproval = makeActionCreator(SET_HIGHLIGHT_PENDING_APPROVAL, 'highlightPendingApproval');\nexport const setOpenIntroModal = makeActionCreator(SET_OPEN_INTRO_MODAL, 'modalKey');\nexport const setDecryptionModal = makeActionCreator(SET_DECRYPTION_MODAL, 'modalKey');\nexport const setCampaignActive = makeActionCreator(SET_CAMPAIGN_ACTIVE, 'active');\nexport const setCampaignSubmissionContentVisiblity = makeActionCreator(SET_CAMPAIGN_SUBMISSION_CONTENT_VISIBILITY, 'visible');\n\n// TABS actions\nexport const setActiveTab = makeActionCreator(SET_ACTIVE_TAB, 'tab');\nexport const setIsAllSentbox = makeActionCreator(SET_IS_ALL_SENTBOX, 'isAllSentbox');\nexport const selectSubmission = makeActionCreator(SELECT_SUBMISSION, 'sid');\nexport const selectBulkSubmissions = makeActionCreator(BULK_SUBMISSION_SELECTION.REQUEST, 'filter');\nexport const setFilterObject = makeActionCreator(SET_FILTER_OBJECT, 'filters');\nexport const updateFilterObject = makeActionCreator(UPDATE_FILTER_OBJECT, 'filters');\nexport const setViews = makeActionCreator(SET_VIEWS, 'views');\n\nexport const setAIHistoryVisibility = makeActionCreator(SET_AI_HISTORY_VISIBILITY, 'isAIHistoryViewVisible');\nexport const setAiAvatarIconUrl = makeActionCreator(SET_AI_AVATAR_ICON_URL, 'aiAvatarIconUrl');\nexport const setAiAgentName = makeActionCreator(SET_AI_AGENT_NAME, 'aiAgentName');\n\nexport const setIsFullStorySessionUrlSaved = makeActionCreator(SET_IS_FULLSTORY_SESSION_URL_SAVED, 'isFullStorySessionUrlSaved');\n\n// Team actions\nexport const initTeam = makeActionCreator(INIT_TEAM);\nexport const setTeamProperties = makeActionCreator(TEAM_PROPERTIES_FETCH.SUCCESS, 'properties');\nexport const setUserTeamRoles = makeActionCreator(USER_TEAM_ROLES_FETCH.SUCCESS, 'roles');\n\n// AI Agent Actions\nexport const createAIAgent = makeActionCreator(CREATE_AI_AGENT.REQUEST);\n","import { CustomWebSocket, getChannelNamespace, getSocketURL } from '@jotforminc/custom-socket-client';\nimport React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { func, node, string } from 'prop-types';\nimport { useFeatures } from '@paralleldrive/react-feature-toggles';\nimport { fetchSubmission } from '../actions';\nimport { getTeamID, userSelector, userTypeSelector } from '../selectors';\n\nlet _clientID = null;\n\nexport const getSocketClientID = () => _clientID;\n\nexport const setSocketClientID = clientID => {\n _clientID = clientID;\n};\n\nconst createMessage = ({ channel, action, payload }) => {\n const namespace = getChannelNamespace();\n\n return JSON.stringify({\n channel: `${namespace}${channel}`,\n action,\n payload\n });\n};\n\nconst SocketProvider = ({\n children,\n email,\n formID,\n onSubmissionRequest,\n teamID,\n username,\n userType\n}) => {\n const features = useFeatures();\n const refreshSubmissions = () => {\n onSubmissionRequest();\n };\n\n useEffect(() => {\n const handleSocketConnection = async () => {\n if (!formID || !features.includes('useSocket')) return;\n\n const channel = `/forms/${formID}/submissions`;\n let socket = { send: () => { } };\n const onMessage = event => {\n const message = JSON.parse(event.data);\n const { action } = message;\n switch (action) {\n case 'set-client-id': {\n const { id } = message.payload;\n setSocketClientID(id);\n socket.send(\n createMessage({\n channel,\n action: socket.useReconnectFromNowOn ? 'reconnect-channel' : 'join-channel',\n payload: {\n product: 'inbox',\n productID: formID,\n teamID,\n timestamp: socket.lastActivity,\n user: {\n username: username || email,\n type: userType === 'user' ? 'USER' : 'FORM_USER'\n }\n }\n })\n );\n break;\n }\n case 'update-submission':\n case 'new-submission': {\n refreshSubmissions();\n break;\n }\n default:\n break;\n }\n };\n let socketSecret = null;\n try {\n const response = await fetch('/API/share/socketChannel/createSocketSecret').then(res => res.json());\n socketSecret = response.content;\n } catch (e) {\n console.log('error', e);\n }\n socket = new CustomWebSocket(getSocketURL(), { onMessage, socketSecret });\n\n return () => {\n socket.handleUnsubscribed();\n };\n };\n\n handleSocketConnection();\n }, [formID]);\n\n return <>{children};\n};\n\nSocketProvider.propTypes = {\n children: node.isRequired,\n formID: string.isRequired,\n onSubmissionRequest: func.isRequired,\n username: string.isRequired,\n email: string.isRequired,\n userType: string.isRequired,\n teamID: string.isRequired\n};\n\nconst mapDispatchToProps = {\n onSubmissionRequest: fetchSubmission\n};\n\nconst mapStateToProps = stateProps => {\n const { username, email } = userSelector(stateProps);\n const userType = userTypeSelector(stateProps);\n const teamID = getTeamID(stateProps);\n\n return ({\n email,\n teamID,\n username,\n userType\n });\n};\n\nconst ConnectedSocketProvider = connect(mapStateToProps, mapDispatchToProps)(SocketProvider);\n\nexport default ConnectedSocketProvider;\n","import { toast } from 'react-toastify';\nimport { saveBlobAsFile } from '@jotforminc/utils';\nimport { getPreparedFilters } from '@jotforminc/search-filter';\nimport { requestLayer } from './requestLayer';\nimport {\n getQueryParameter, createAxiosParams\n} from '../utils';\n\nimport t from '../constants/texts';\nimport { getSocketClientID } from '../contexts/Socket';\n\nconst activeTabFilter = {\n inbox: ['DELETED', 'ARCHIVED', 'CUSTOM'],\n archive: ['ACTIVE', 'DELETED'],\n trash: ['ACTIVE', 'ARCHIVED']\n};\n\nconst apiKey = getQueryParameter('apiKey');\n\n// Core api call function with request layer\nconst apiCallWithLayer = ({\n path,\n options = {},\n params = {},\n data = {},\n isFormData = true,\n method = 'get',\n callback = ({ data: { content } = {} }) => content,\n error = err => {\n if (err.response) {\n console.log(err.response.data);\n console.log(err.response.status);\n console.log(err.response.headers);\n } else if (err.request) {\n console.log(err.request);\n } else {\n // eslint-disable-next-line no-console\n console.log('Error', err.message);\n }\n }\n}) => {\n const extraQueryParameter = {};\n if (window.useFromPortal) {\n extraQueryParameter.usePortal = window.portalID;\n }\n if (apiKey) {\n extraQueryParameter.apiKey = apiKey;\n }\n\n return requestLayer[method.toLowerCase()](path, data, {\n params: { ...params, ...extraQueryParameter },\n ...options,\n headers: {\n ...options?.headers,\n ...(getSocketClientID() && { 'jf-client-id': getSocketClientID() })\n },\n isFormData: isFormData\n }).then(callback).catch(error);\n};\nconst addSubmittedVia = '&addSubmittedVia=1';\n// Temporarily closed\n// eslint-disable-next-line no-constant-condition\nexport const downloadSubmissions = (formID, type, data, isHIPAA = false) => apiCallWithLayer({\n path: `inbox/${formID}/download`,\n method: 'post',\n data: { type, data },\n params: { next: 1, inbox: 1, ...(isHIPAA && { tempTables: 'sync' }) }\n});\nexport const getUser = () => apiCallWithLayer({ path: 'user/combinedinfo', params: { campaign: 1, loc: 1 }, callback: ({ data: { content = {} } = {} }) => content });\nexport const getSystemPlans = () => apiCallWithLayer({ path: 'system/plans', callback: ({ data: { content = {} } = {} }) => content });\nexport const getEnv = () => apiCallWithLayer({ path: 'env' });\nexport const getUserForms = (userType, offset, limit) => apiCallWithLayer({ path: `${userType}/forms`, params: { offset, limit } });\nexport const getUserFilledForms = () => apiCallWithLayer({ path: 'filledforms' });\nexport const getForm = id => apiCallWithLayer({\n path: `form/${id}`,\n params: {\n next: 1,\n getPendingApprovalCount: 1,\n sheets: 1,\n getCompletedApprovalCount: 1,\n hasAnySignSubmission: 1\n }\n});\nexport const getFormPDFTemplates = id => apiCallWithLayer({ path: `form/${id}/pdf` });\nexport const getFormProperties = id => apiCallWithLayer({\n path: `form/${id}/properties`,\n params: {\n parseJSON: 1,\n next: 1,\n addSubmittedVia: 1\n }\n});\nexport const getAIAgentChatMessages = (formID, chatID) => apiCallWithLayer({\n path: `/API/ai-agent/${formID}/chat/${chatID}`\n});\n\nexport const getAIAgentProps = agentId => apiCallWithLayer({\n path: `/API/ai-agent-builder/agents/${agentId}/properties`\n});\n\nexport const getAiAgents = formId => apiCallWithLayer({\n path: `ai-agent-builder/agents/resources/form/${formId}`\n});\n\nexport const getAIAgent = agentId => apiCallWithLayer({\n path: `/API/ai-agent-builder/agents/${agentId}`\n});\n\nexport const saveAgentFSSession = (agentId, data) => apiCallWithLayer({\n path: `ai-agent-builder/${agentId}/save-agent-session`, method: 'post', data\n});\n\nexport const createAiAgent = data => apiCallWithLayer({\n path: 'ai-agent-builder/agent', method: 'post', data\n});\n\nexport const getFormQuestions = id => apiCallWithLayer({\n path: `form/${id}/questions`,\n params: {\n next: 1,\n parseJSON: 1,\n inbox: 1,\n workflow: 1,\n addSubmittedViaNew: 1,\n addViaApprovalFlow: 1\n }\n});\nexport const downloadAgentHistory = (formID, chatID) => apiCallWithLayer({\n path: `/API/ai-agent/${formID}/chat/${chatID}/download`,\n options: { responseType: 'arraybuffer' },\n callback: response => response\n});\nexport const getTheme = themeID => apiCallWithLayer({ path: `theme/${themeID}` });\nexport const updateFormProperties = (formID, data) => apiCallWithLayer({ path: `form/${formID}/properties`, method: 'post', data });\nexport const addQuestion = (formID, data) => apiCallWithLayer({\n path: `form/${formID}/questions`, method: 'post', data, isFormData: true\n});\nexport const removeQuestion = (formID, id) => apiCallWithLayer({ path: `sheet/${formID}/${id}`, method: 'delete' });\nexport const updateQuestion = (formID, qid, data) => apiCallWithLayer({ path: `form/${formID}/question/${qid}`, method: 'post', data });\nexport const updateSubmission = (sid, data) => apiCallWithLayer({\n path: `submission/${sid}`, method: 'post', data, params: { inbox: 1 }\n});\nexport const updateBulkSubmission = (formID, data) => apiCallWithLayer({ path: `form/${formID}/submissions/bulk_update`, method: 'post', data });\nexport const deleteSubmission = sid => apiCallWithLayer({ path: `submission/${sid}`, method: 'delete' });\nexport const deletePendingSubmission = sid => apiCallWithLayer({ path: `user/pendingsubmission/${sid}`, method: 'delete' });\nexport const deleteBulkPendingSubmission = (formID, data) => apiCallWithLayer({ path: `form/${formID}/pendingsubmissions/bulk_delete`, method: 'post', data });\nexport const deleteBulkSubmission = (formID, data) => apiCallWithLayer({ path: `form/${formID}/submissions/bulk_delete`, method: 'post', data });\nexport const getAllSubmissions = ({ filter = {} }) => {\n const preparedFilter = getPreparedFilters(filter);\n\n return apiCallWithLayer({\n path: 'mysubmissions',\n params: {\n addForm: 1,\n orderby: 'created_at',\n addRequestDelete: 1,\n addSubmitter: 1,\n addSubmittedVia: 1,\n next: 1,\n filter: JSON.stringify(preparedFilter)\n },\n callback: response => response?.data\n });\n};\n\nexport const directDownloadUploads = (formID, email, filter, customName) => apiCallWithLayer({\n path: '/server.php',\n callback: response => response,\n params: {\n action: 'directDownloadableUploads',\n project: 'inbox',\n formID: formID,\n type: 'ATTACHMENTS',\n email: email,\n customZipName: customName,\n selections: filter\n },\n error: err => err?.response\n});\n\nexport const downloadUploads = (formID, username, email, filter, selectOrExcludeParamKey) => apiCallWithLayer({\n path: '/server.php',\n params: {\n action: 'exportData',\n project: 'inbox',\n formID: formID,\n type: 'ATTACHMENTS',\n email: email,\n username: username,\n [selectOrExcludeParamKey]: filter\n },\n callback: response => response,\n error: err => err?.response\n});\n\nexport const checkDownloadStatus = (formID, id) => apiCallWithLayer({ path: `form/${formID}/submissions/export/status`, params: { id } });\n\nexport const getSubmissions = ({\n endpoint = '',\n offset = 0,\n limit = 20,\n filter = {},\n activeTab,\n cancelToken = null,\n orderby = 'created_at',\n sort = 'desc',\n isHIPAA = false,\n callback = ({ data: { content, resultSet } }) => ({ content, resultSet }),\n isSign = false,\n checkSigns = false,\n onlySubmissionIndex = null,\n includeAIIncompleteSubmissions = false\n} = {}) => {\n const baseFilter = { 'status:ne': activeTabFilter[activeTab] ?? ['DELETED', 'ARCHIVED', 'CUSTOM'] };\n const mergedFilter = getPreparedFilters(filter ? { ...baseFilter, ...filter } : baseFilter);\n const params = createAxiosParams({\n isHIPAA,\n isSign,\n checkSigns,\n limit,\n offset,\n filter: JSON.stringify(mergedFilter),\n orderby,\n sort,\n onlySubmissionIndex,\n ...includeAIIncompleteSubmissions && { includeAIIncompleteSubmissions: true }\n });\n const options = cancelToken ? { cancelToken } : null;\n return apiCallWithLayer({\n options,\n path: endpoint,\n callback,\n params\n });\n};\n\nexport const getConversationSubmissions = ({ id = -1, ...query }) => getSubmissions({\n endpoint: `ai-agent/form/${id}/conversations`,\n ...query\n});\n\nexport const getFormSubmissionsGenerator = isFormUser => ({ id = -1, ...query } = {}) => getSubmissions({\n endpoint: `${isFormUser ? 'formuser/' : ''}form/${id}/submissions${addSubmittedVia}`,\n ...query\n});\nexport const getFormSubmissions = getFormSubmissionsGenerator(false);\nexport const getFormUserSubmissions = getFormSubmissionsGenerator(true);\nexport const getSubmissionIndex = (formID, sid, filter, activeTab, checkSigns) => getFormSubmissions({\n id: formID,\n limit: 0,\n filter: { 'id:gt': sid, ...filter },\n activeTab,\n checkSigns,\n callback: res => res?.data?.resultSet?.count || 0\n});\n\nexport const getFormUserFormProperties = id => apiCallWithLayer({\n path: `formuser/form/${id}/properties`,\n params: {\n parseJSON: 1,\n next: 1,\n addSubmittedVia: 1\n }\n});\nexport const updateFormUserFormProperties = (formID, data) => apiCallWithLayer({ path: `formuser/form/${formID}/properties`, method: 'post', data: data });\nexport const getPendingSubmissions = ({ id = -1, ...query } = {}) => getSubmissions({\n endpoint: 'formuser/submissions/drafts',\n ...query,\n filter: { ...query.filter, 'form_id:eq': id }\n});\nexport const getArchivedSubmissions = ({ id = -1, filter = {}, ...query } = {}) => getSubmissions({\n endpoint: `form/${id}/submissions`,\n filter: {\n ...filter, status: ['ARCHIVED'], 'status:ne': []\n },\n ...query\n});\n\nexport const getIncompleteSubmissions = ({ id = -1, ...query }) => getSubmissions({\n endpoint: `incompleteSubmissions/${id}/inbox`,\n filter: {\n ...query.filter\n },\n ...query\n});\n\nexport const getTrash = ({ id = -1, filter = {}, ...query } = {}) => getSubmissions({\n endpoint: `form/${id}/submissions/trash`,\n filter: {\n ...filter, 'status:ne': []\n },\n ...query\n});\n\nexport const getNotes = ({ submissionID } = {}) => apiCallWithLayer({ path: `submission/${submissionID}/notes` });\nexport const getUploadFields = ({ formID, submissionID } = {}) => apiCallWithLayer({\n path: `form/${formID}/files`,\n params: {\n filter: `{\"submission_id\":\"${submissionID}\"}`\n }\n});\n\nexport const addNote = ({\n submissionID, isContactOwner, content, parentID, parentType, uploadNames\n} = {}) => apiCallWithLayer({\n path: `submission/${submissionID}/notes`,\n params: { isContactOwner },\n method: 'POST',\n data: {\n content: JSON.stringify(content), parentID, parentType, attachments: JSON.stringify(uploadNames)\n }\n});\nexport const removeNoteAttachment = ({ id, submission_id: submissionID, newAttachments }) => apiCallWithLayer({\n path: `submission/${submissionID}/threadAttachment/${id}`,\n method: 'POST',\n data: {\n attachments: JSON.stringify(newAttachments)\n }\n});\nexport const updateNote = ({\n id, submissionID, content, parentID, parentType, uploadNames\n} = {}) => apiCallWithLayer({\n path: `submission/${submissionID}/notes/${id}`,\n method: 'POST',\n data: {\n id,\n content: JSON.stringify(content),\n parentID,\n parentType,\n attachments: JSON.stringify(uploadNames)\n }\n});\nexport const deleteNote = ({ id, submissionID } = {}) => apiCallWithLayer({\n path: `submission/${submissionID}/notes/${id}`,\n method: 'DELETE'\n});\n\nexport const generatePDF = (formID, reportID, submissionID, username, filename, liteMode, isHIPAA, tab) => {\n const params = {\n type: 'PDFv2',\n ...(liteMode && { liteMode: 1 }),\n formid: formID,\n submissionid: submissionID,\n ...(reportID ? { reportid: reportID } : { inbox: 1 }),\n ...(isHIPAA && { hipaa: 1 }),\n pdfName: filename,\n username: username,\n useNew: 1,\n tab: tab\n };\n\n return apiCallWithLayer({\n path: 'generatePDF',\n params,\n options: {\n responseType: isHIPAA ? 'arraybuffer' : 'json'\n },\n callback: response => {\n const { headers: responseHeaders } = response;\n if (responseHeaders['content-type'].indexOf('application/pdf') > -1) {\n const fileName = responseHeaders['content-disposition'].match(/filename=([\"']?)([^\"']*)\\1/)?.[2];\n saveBlobAsFile(new global.Blob([response.data], { type: 'application/pdf' }), `${fileName || submissionID}.pdf`);\n return null;\n }\n\n const { data: { content } = {} } = response;\n return content;\n }\n });\n};\n\nexport const generatePrintVersionPDF = (formID, submissionID, { liteMode = false, tabID = 'inbox' } = {}) => {\n const params = {};\n if (liteMode) {\n params.liteMode = '1';\n }\n\n return apiCallWithLayer({\n path: `inbox/${formID}/${tabID}/${submissionID}/print-version-pdf`,\n params,\n options: { responseType: 'arraybuffer' },\n callback: response => {\n const { headers: responseHeaders } = response;\n if (responseHeaders['content-type'].indexOf('application/pdf') > -1) {\n saveBlobAsFile(new global.Blob([response.data], { type: 'application/pdf' }), `${submissionID}.pdf`);\n return null;\n }\n\n const { data: { content } = {} } = response;\n return content;\n }\n });\n};\n\nexport const generatePDFFilled = (formID, submissionID) => apiCallWithLayer({\n path: `pdf-converter/${formID}/fill-pdf`,\n options: { responseType: 'arraybuffer' },\n params: {\n submissionID: submissionID,\n download: 1\n },\n callback: response => {\n const { headers: responseHeaders } = response;\n if (responseHeaders['content-type'].indexOf('application/pdf') > -1) {\n let fileName = `${submissionID}.pdf`;\n if (responseHeaders['content-disposition'] && responseHeaders['content-disposition'].indexOf('filename=')) {\n fileName = window.decodeURI(responseHeaders['content-disposition'].split('filename=')[1])\n .replace(new RegExp('\"', 'g'), '');\n }\n saveBlobAsFile(new global.Blob([response.data], { type: 'application/pdf' }), fileName);\n }\n return null;\n }\n});\n\nexport const generateFillablePDF = (formID, pdfID) => {\n const data = new global.FormData();\n data.append('pdfid', pdfID);\n data.append('formid', formID);\n data.append('pageSize', '210,297');\n return apiCallWithLayer({\n data,\n method: 'post',\n params: {\n type: 'PDFv2'\n },\n isFormData: false,\n options: { responseType: 'arraybuffer' },\n path: 'generateFillablePDF',\n callback: response => {\n const { headers: responseHeaders, data: responseData } = response;\n if (responseHeaders['content-type'].indexOf('application/json') > -1) {\n throw new Error('Unable to download fillable PDF!');\n }\n saveBlobAsFile(new global.Blob([responseData], { type: 'application/pdf' }), `${pdfID}.pdf`);\n return null;\n }\n });\n};\n\nexport const isFormUser = () => apiCallWithLayer({\n path: '/server.php',\n method: 'post',\n data: { action: 'isLoggedIn' },\n callback: ({ data = {} }) => data\n});\n\nexport const generateMultiplePDF = data => {\n const params = { ...data };\n\n return apiCallWithLayer({\n path: 'generateMultiplePDFs', method: 'post', data: params\n });\n};\nexport const generateMultiplePDFFilled = data => {\n const baseFilter = { 'status:ne': activeTabFilter[data?.activeTab] ?? ['DELETED', 'ARCHIVED', 'CUSTOM'] };\n const mergedFilter = getPreparedFilters(baseFilter);\n\n return apiCallWithLayer({\n path: `pdf-converter/${data?.formID}/download-all`,\n method: 'get',\n params: {\n submissionIDs: data?.submissionIDs ? data?.submissionIDs : null,\n filter: JSON.stringify(mergedFilter)\n }\n });\n};\nexport const generateShortURL = url => apiCallWithLayer({ path: 'shorturl', method: 'post', data: url });\nexport const getSubmission = submissionID => apiCallWithLayer({\n path: `submission/${submissionID}`,\n params: {\n addSubmitter: 1,\n addWorkflowStatus: 1,\n addPendingApprovals: 1,\n addThread: 1,\n addRequestDelete: 1,\n addSubmittedVia: 1\n },\n method: 'get'\n});\nexport const createSubmissionAccess = submissionID => apiCallWithLayer({\n path: 'submission/create-access',\n params: {\n sid: submissionID,\n email: 'JOTFORM_PUBLIC'\n }\n});\nexport const getQuestionValues = (formID, qid, activeTab) => apiCallWithLayer({ path: `form/${formID}/question/${qid}/values`, params: { activeTab } });\nexport const getSubmittedViaAppValues = formID => apiCallWithLayer({ path: `form/${formID}/portals` });\n\nexport const getShareLink = formID => apiCallWithLayer({\n path: `share/inbox/${formID}/link`,\n // in order to prevent to Sentry\n error: () => {}\n});\n\nexport const generateShareLink = (formID, options = {}) => apiCallWithLayer({ path: `share/inbox/${formID}/link`, method: 'post', data: options });\nexport const getAssignees = formID => apiCallWithLayer({ path: `share/inbox/${formID}` });\nexport const bulkShare = (formID, options = {}) => apiCallWithLayer({\n path: `share/inbox/${formID}/bulkShare`,\n method: 'post',\n data: options\n});\n\nexport const getFormPermissions = formID => apiCallWithLayer({ path: `permissions/${formID}/inbox`, params: { new: 1 } });\n\nexport const revokeUsers = (resourceShareIDs = []) => apiCallWithLayer({\n path: 'share/bulkDelete',\n method: 'post',\n data: { resourceShareIDs }\n});\n\nexport const requestEditAccess = (formID, options = {}, project = 'inbox') => apiCallWithLayer({\n path: `share/request-access/${project}/${formID}`,\n method: 'post',\n data: options,\n callback: ({ data: { message, content } = {} }) => {\n if (message === 'success' && !options.preventToast) {\n toast.success(t.REQUEST_SENT, {\n type: toast.TYPE.SUCCESS,\n position: toast.POSITION.TOP_RIGHT,\n className: 'success',\n autoClose: true\n });\n }\n\n return options.preventToast ? message : content;\n }\n});\n\nexport const deleteRequest = requestID => apiCallWithLayer({\n path: `share/request-access/${requestID}`,\n method: 'delete',\n callback: ({ data: { message } = {} }) => {\n return message;\n }\n});\n\nexport const removeAccessRequest = requestID => apiCallWithLayer({\n path: `share/request-access/${requestID}`,\n method: 'delete'\n});\n\nexport const approveAccessRequest = requestID => apiCallWithLayer({\n path: `share/request-access/${requestID}/approve`\n});\n\nexport const resendShareInvitationEmail = resourceShareID => apiCallWithLayer({\n path: `share/${resourceShareID}/resendInvitation`,\n callback: ({ data }) => data\n});\n\nexport const updatePermissions = (resourceShareID, permissions) => apiCallWithLayer({\n path: `share/${resourceShareID}/update`,\n method: 'post',\n data: { permissions: permissions }\n});\n\nexport const getPendingApprovalSubmissions = ({ id = -1, filter = {}, ...query } = {}) => getSubmissions({\n endpoint: `workflow/form/${id}/submissions/pending`,\n filter,\n ...query\n});\n\nexport const getSnoozedApprovalSubmissions = ({ id = -1, filter = {}, ...query } = {}) => getSubmissions({\n endpoint: `workflow/form/${id}/submissions/snoozed`,\n filter,\n ...query\n});\n\nexport const getCompletedSubmissions = ({ id = -1, filter = {}, ...query } = {}) => getSubmissions({\n endpoint: `workflow/form/${id}/submissions/completed`,\n filter,\n ...query\n});\n\nexport const getApprovalSubmissions = ({ id = -1, filter = {}, ...query } = {}) => getSubmissions({\n endpoint: `workflow/form/${id}/submissions`,\n filter,\n ...query\n});\n\nexport const terminateWorkflow = async instanceID => (instanceID\n ? apiCallWithLayer({\n method: 'post',\n path: `/API/workflow/instance/${instanceID}/cancel`\n })\n : undefined);\n\nexport const startOverWorkflow = async instanceID => (instanceID\n ? apiCallWithLayer({\n method: 'post',\n path: `/API/workflow/instance/${instanceID}/restart`\n })\n : undefined);\n\nexport const requestMoreInfoTask = (taskID, content) => apiCallWithLayer({\n path: `/API/workflow/task/${taskID}/requestMoreInfo`,\n method: 'post',\n data: content,\n isFormData: false\n});\n\n// SIGN #BEGIN\nexport const cancelSignDocument = (documentID, reason = '') => apiCallWithLayer({\n path: `sign/${documentID}/cancel`,\n method: 'post',\n data: { reason }\n});\n\nexport const sendSignReminderEmail = documentID => apiCallWithLayer({\n path: `sign/${documentID}/reminder`,\n method: 'post',\n callback: ({ data: { message } }) => { return message; }\n});\n\nexport const getSignAllDocumentsIndex = ({\n id = -1, filter = {}, status = 'allDocument', sid, ...query\n} = {}) => {\n return getSubmissions({\n endpoint: `sign/form/${id}/submissions/${status}`,\n filter,\n ...query,\n isSign: true,\n onlySubmissionIndex: sid,\n callback: res => res?.data?.content || 0\n });\n};\n\nexport const getSignAllDocuments = ({\n id = -1, filter = {}, status = 'allDocument', ...query\n} = {}) => {\n return getSubmissions({\n endpoint: `sign/form/${id}/submissions/${status}`, filter, ...query, isSign: true\n });\n};\n\nexport const getSignForms = (filter, limit, offset = 0) => apiCallWithLayer({\n path: 'sign',\n params: {\n limit,\n offset,\n filter: JSON.stringify(filter)\n },\n method: 'get'\n});\n\nexport const getSignWaitingCounts = formId => apiCallWithLayer({\n path: `sign/${formId}/waitingCounts`,\n method: 'get'\n});\n// SIGN #END\n\n/* eslint-disable camelcase */\nexport const gpt3Completion = ({\n prompt,\n temprature = 1,\n top_p = 0.2,\n stop = '',\n max_tokens = 100,\n engine = 'davinci',\n frequency_penalty = 0\n}) => {\n if (!prompt) {\n throw Error('prompt must be set');\n }\n\n const formData = new global.FormData();\n formData.append('prompt', prompt);\n formData.append('temprature', temprature);\n formData.append('top_p', top_p);\n formData.append('stop', stop);\n formData.append('max_tokens', max_tokens);\n formData.append('engine', engine);\n formData.append('frequency_penalty', frequency_penalty);\n\n return apiCallWithLayer({\n path: 'gpt3/completion',\n method: 'post',\n data: formData,\n isFormData: false,\n callback: ({ data: { content } = {} }) => {\n const text = content?.[0]?.text || '';\n return text;\n }\n });\n};\n/* eslint-enable camelcase */\n\nexport const getFilter = (formID, q) => {\n return apiCallWithLayer({\n path: `/API/marvel/${formID}/getFilter`,\n params: { query: JSON.stringify(q) },\n callback: ({ data }) => data\n });\n};\n\nexport const getInboxViews = formID => apiCallWithLayer({\n path: `form/${formID}/inboxviews`\n});\n\nexport const saveInboxView = (formID, { filterObject, name, color } = {}) => {\n const data = new global.FormData();\n data.append('filterObject', JSON.stringify(filterObject));\n data.append('name', name);\n\n if (color) {\n data.append('color', color);\n }\n\n return apiCallWithLayer({\n path: `form/${formID}/inboxviews`,\n method: 'post',\n data,\n isFormData: false\n });\n};\n\nexport const updateInboxView = (formID, viewID, { filterObject, name, color } = {}) => {\n const data = new global.FormData();\n\n if (filterObject) {\n data.append('filterObject', JSON.stringify(filterObject));\n }\n\n if (name) {\n data.append('name', name);\n }\n\n if (color) {\n data.append('color', color);\n }\n\n return apiCallWithLayer({\n path: `form/${formID}/inboxviews/${viewID}`,\n method: 'post',\n data,\n isFormData: false\n });\n};\n\nexport const deleteInboxView = (formID, viewID) => apiCallWithLayer({\n path: `form/${formID}/inboxviews/${viewID}`,\n method: 'delete'\n});\n\nexport const fetchUserTeamRoles = () => apiCallWithLayer({\n path: 'team/roles/me',\n method: 'get'\n});\n\nexport const fetchTeamProperties = teamID => apiCallWithLayer({\n path: `team/${teamID}/properties`,\n params: { memberEmails: 1 },\n method: 'get'\n});\n\nexport const setEpUserSetting = (key, value) => {\n return apiCallWithLayer({\n path: 'ep/user/settings',\n method: 'post',\n data: new URLSearchParams({\n [key]: value\n })\n });\n};\n","import EventQueue from './EventQueue';\n\nexport const NO_ACTOR = 'unknown';\n\nclass WatchmanRecorder extends EventQueue {\n _actor = null;\n\n handlerSet = false;\n\n constructor() {\n super('watchman-recorder');\n\n this.recordEvent = this.recordEvent.bind(this);\n }\n\n get actor() {\n return this._actor;\n }\n\n set actor(actor) {\n this._actor = actor;\n }\n\n recordEvent(action, target, { isBeacon, extraValue } = { isBeacon: false, extraValue: undefined }) {\n // watchman initialized & actor set\n if (global.window.inboxEvents && this._actor && !this.handlerSet) {\n const handler = isBeacon ? global.window.inboxEvents.tickWithBeacon : global.window.inboxEvents.tick;\n this.setHandler(obj => {\n if (handler) {\n handler(obj);\n }\n // Also send GA event\n if (global.window.gtag) {\n if (obj.action === 'activeTime') {\n global.window.gtag('event', 'activeTime', {\n event_category: 'JotForm Inbox',\n value: Math.round(obj.target * 1000)\n });\n } else if (obj.action === 'numberOfVisibleFields') {\n global.window.gtag('event', 'numberOfVisibleFields', {\n event_category: 'JotForm Inbox',\n value: obj.target\n });\n } else {\n global.window.gtag('event', `${obj.target} - ${obj.action}`, {\n event_category: 'JotForm Inbox',\n event_label: extraValue\n });\n }\n }\n });\n this.handlerSet = true;\n }\n\n this.registerEvent({\n actor: this._actor, // Copy current actor\n action,\n target\n });\n }\n}\n\nconst instance = new WatchmanRecorder();\nexport default instance;\n\nexport const withWatchMan = (action, target, fn) => {\n return (...args) => {\n instance.recordEvent(action, target);\n return fn(...args);\n };\n};\n","import {\n put, call, select, take\n} from 'redux-saga/effects';\nimport { isEnterprise as isEnterpriseFunc } from '@jotforminc/enterprise-utils';\nimport { translation } from '@jotforminc/translation';\nimport { capitalizeFirstLetter } from '@jotforminc/utils';\n\nimport {\n getUser, getUserForms, getSignForms, getUserFilledForms, getSystemPlans\n} from '../api';\nimport { asyncActions, syncActions } from '../actions/actionTypes';\n\nimport WatchmanRecorder from '../utils/WatchmanRecorder';\n\nimport {\n parseLocationParams, filterSignForms, getLocalStorageWithExpiry\n} from '../utils';\n\nimport { FORM_API_LIMIT, MOBILE_MAX_WIDTH } from '../constants';\nimport { activeTabIDSelector, userLoadedSelector, userTypeSelector } from '../selectors';\n\nconst {\n USER_FETCH,\n USER_FORMS_FETCH,\n SYSTEM_PLANS_FETCH\n} = asyncActions;\n\nconst { SET_CAMPAIGN_ACTIVE } = syncActions;\n\nexport function* addTranslationDictionary(userLanguage) {\n try {\n yield call(translation.addDictionary, userLanguage);\n } catch (e) {\n // No translation\n return null;\n }\n}\n\nfunction* initCampaignFlow(user) {\n try {\n const { campaign = {} } = (user || {});\n\n const isEnterprise = isEnterpriseFunc();\n const isTestingEnv = window.JOTFORM_ENV === 'TESTING';\n\n const { editMode, liteMode } = parseLocationParams();\n const modeCampaignAvailable = !editMode && !liteMode;\n const campaignDismissed = getLocalStorageWithExpiry(`dismiss-${campaign?.utm_campaign}-campaign-submission`) !== null;\n\n const isMobile = window.innerWidth <= MOBILE_MAX_WIDTH;\n const inboxCampaigns = [\n { campaignName: 'SUMMER' },\n { campaignName: 'BLACKFRIDAY' },\n { campaignName: 'EOY' },\n { campaignName: 'ONEDOLLARSILVER' },\n { campaignName: 'REGULARFIFTYDISCOUNT' }\n ];\n\n const campaignIsAvailableForInbox = (campaignName = '') => {\n if (campaign?.type === 'REGULARFIFTYDISCOUNT' && campaign?.assetsVersion !== 'v2') {\n inboxCampaigns.splice(inboxCampaigns.findIndex(campaignItem => campaignItem?.campaignName === 'REGULARFIFTYDISCOUNT'), 1);\n }\n const campaignObj = inboxCampaigns.find(campaignItem => campaignItem?.campaignName === campaignName);\n if (!campaignObj) return false;\n const { devOnly = false, active = true } = campaignObj;\n if (!active) return false;\n\n return !devOnly || window.JOTFORM_ENV === 'DEVELOPMENT';\n };\n\n const campaignActive = modeCampaignAvailable\n && !isEnterprise\n && !isTestingEnv\n && campaign?.status\n && campaign?.assetsAvailable\n && campaignIsAvailableForInbox(campaign?.type)\n && !campaignDismissed\n && !isMobile;\n\n if (campaignActive) {\n const systemPlans = yield call(getSystemPlans);\n if (Object.keys(systemPlans || {}).length > 0) {\n yield put({\n type: SYSTEM_PLANS_FETCH.SUCCESS,\n systemPlans\n });\n yield put({\n type: SET_CAMPAIGN_ACTIVE,\n active: true\n });\n }\n }\n } catch (error) {\n yield put({\n type: SYSTEM_PLANS_FETCH.FAILURE,\n error\n });\n }\n}\n\nexport function* getUserSaga() {\n try {\n const { credentials: user, type } = yield call(getUser);\n\n const userTypes = { FORM_USER: 'formuser', USER: 'user' };\n const userType = userTypes[type];\n\n global.document.body.classList.add(`jfInbox--is${capitalizeFirstLetter(userType)}`);\n\n if (user.username || user.id) {\n WatchmanRecorder.actor = user.username || user.id;\n }\n\n yield call(addTranslationDictionary, user.language);\n\n yield put({\n type: USER_FETCH.SUCCESS,\n user: {\n ...user,\n userType\n }\n });\n\n yield call(initCampaignFlow, user);\n return user;\n } catch (error) {\n console.log('USER_FETCH.FAILURE', typeof error, error?.message, error?.constructor?.prototype?.name, JSON.stringify(error?.stack || ''));\n yield put({\n type: USER_FETCH.FAILURE,\n error\n });\n }\n}\n\nexport function* getUserFormsSaga() {\n try {\n const userLoaded = yield select(userLoadedSelector);\n if (!userLoaded) {\n yield take(USER_FETCH.SUCCESS);\n }\n\n const { tab } = parseLocationParams();\n const userType = yield select(userTypeSelector);\n\n const activeTab = yield select(activeTabIDSelector);\n\n let forms;\n if (activeTab === 'sentbox') {\n forms = yield call(getUserFilledForms);\n } else {\n forms = yield call(getUserForms, userType, 0, FORM_API_LIMIT);\n }\n\n const filteredForms = /^sign/g.test(tab)\n ? filterSignForms(yield call(getSignForms, { status: 'DRAFT' }, FORM_API_LIMIT), forms)\n : forms.filter(({ status }) => ['ENABLED', 'DISABLED'].includes(status));\n\n yield put({\n type: USER_FORMS_FETCH.SUCCESS,\n forms: filteredForms\n });\n\n return filteredForms;\n } catch {\n yield put({\n type: USER_FORMS_FETCH.FAILURE\n });\n }\n}\n","/* eslint-disable react/prop-types */\nimport React, {\n createContext, useState, useContext, useEffect\n} from 'react';\nimport PropTypes from 'prop-types';\n\nexport const Permissions = {\n value: {\n permissions: {},\n role: null\n }\n};\n\nconst PermissionsContext = createContext(Permissions.value);\n\nPermissions.context = PermissionsContext;\n\nconst PermissionToggle = ({ name, activeComponent, inActiveComponent = null }) => {\n const cntext = useContext(PermissionsContext);\n const { loading, checkPermission } = cntext;\n\n if (loading) return null;\n\n if (checkPermission(name)) {\n return activeComponent;\n }\n\n return inActiveComponent;\n};\n\nPermissions.toggle = PermissionToggle;\n\nconst PermissionsProvider = ({ children, fetcher, formID }) => {\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n const [permissions, setPermissions] = useState({});\n const [role, setRole] = useState();\n\n const load = async () => {\n setLoading(true);\n setError(false);\n\n try {\n const { permissions: newPermissions, role: newRole } = await fetcher(formID);\n setPermissions(newPermissions);\n setRole(newRole);\n } catch (e) {\n setError(e);\n }\n\n setLoading(false);\n };\n\n useEffect(() => {\n if (formID) load();\n }, [formID]);\n\n const checkPermission = name => {\n return permissions[name];\n };\n\n Permissions.value = {\n loading, reload: load, error, permissions, checkPermission, role\n };\n\n return (\n \n {children}\n \n );\n};\n\nPermissions.provider = PermissionsProvider;\n\nPermissionsProvider.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.any),\n PropTypes.node,\n PropTypes.element\n ]),\n fetcher: PropTypes.func.isRequired,\n formID: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]).isRequired\n};\n\nPermissionsProvider.defaultProps = {\n children: null\n};\n","/**\n * Functions that modify and act on HTML-related objects.\n */\n\n/**\n * Convert a string with HTML entities in it to a\n * raw text version.\n * @param {any} html string that may contain html entities,\n * such as >\n * @returns {string} String with HTML entities decoded, if html param\n * is not a string, returns ''.\n */\nexport function decodeEntities(html) {\n if (typeof html !== 'string') {\n return '';\n }\n return html.replace(/>/g, '>')\n .replace(/</g, '<')\n .replace(/&/g, '&')\n .replace(/"/g, '\"');\n}\n\n/**\n * Updates document title with the new resource name\n *\n * @param {string} newResourceName\n * @returns void\n */\nexport const updateTitleWithNewResourceName = newResourceName => {\n try {\n /**\n * Our common document title scheme:\n * BSG: `{resourceName} - Jotform {productName}`\n * Ent: `{resourceName} - {productName}`\n */\n if (document.title.includes(' - ')) {\n document.title = document.title.replace(/^.*(\\s-.*)$/, `${newResourceName}$1`);\n } else {\n // Means that we dont have a resource name at title yet - only the product name\n document.title = `${newResourceName} - ${document.title}`;\n }\n } catch (e) {\n // Could not update the window title\n }\n};\n\n/**\n * IMPORTANT :: This will not prevent XSS\n * Use this for trusted values\n * */\nexport const stripHTML = string => {\n if (\n string.indexOf\n && (\n string.indexOf('<') !== -1\n || string.indexOf('>') !== -1\n )\n ) {\n const tmp = document.createElement('DIV');\n tmp.innerHTML = string;\n return tmp.textContent || tmp.innerText || string;\n }\n return string;\n};\n","import {\n call,\n fork,\n cancel,\n cancelled,\n spawn,\n delay\n} from 'redux-saga/effects';\nimport { toast } from 'react-toastify';\n\nimport t from '../constants/texts';\n\nfunction* innerDelay(saga, delayAmount, ...args) {\n yield delay(delayAmount);\n yield call(saga, ...args);\n}\n\nexport function* delayed(...args) {\n yield fork(innerDelay, ...args);\n}\n\nlet openToast = null;\nfunction* timeOutInner(timeoutMs) {\n try {\n yield delay(timeoutMs);\n if (openToast === null) {\n openToast = toast.warn(t.LOADING_TAKES_TOO_LONG, {\n position: toast.POSITION.TOP_RIGHT,\n autoClose: false,\n onClose: () => {\n openToast = null;\n }\n });\n }\n } finally {\n if (yield cancelled() && openToast) {\n toast.dismiss(openToast);\n }\n }\n}\n\n// This is a higher order effect\nexport function* timeout(effect, timeoutMs = 5000) {\n const timeoutTask = yield spawn(timeOutInner, timeoutMs);\n try {\n const result = yield effect;\n yield cancel(timeoutTask);\n return result;\n } catch (e) {\n yield cancel(timeoutTask);\n }\n}\n\n// Will discard thrown errors in callable\nexport const withTimeout = (callable, timeoutMs = 5000) => function* generatorWithTimeout(...args) {\n return yield timeout(call(callable, ...args), timeoutMs);\n};\n","import {\n call,\n select,\n take,\n all,\n put\n} from 'redux-saga/effects';\nimport { toast } from 'react-toastify';\nimport { t } from '@jotforminc/translation';\nimport { Permissions } from '@jotforminc/permissions';\nimport { updateTitleWithNewResourceName } from '@jotforminc/utils';\n\nimport SentryRecorder from '../utils/SentryRecorder';\n\nimport { asyncActions, syncActions } from '../actions/actionTypes';\n\nimport { match, ANY } from '../vendor/pampy';\n\nimport {\n getForm,\n getFormProperties,\n getTheme,\n updateFormProperties,\n updateFormUserFormProperties,\n getFormPDFTemplates,\n getFormUserFormProperties,\n getInboxViews,\n getSignWaitingCounts\n} from '../api';\n\nimport {\n timeout\n} from './sagaHelpers';\n\nimport texts from '../constants/texts';\nimport { userLoadedSelector } from '../selectors';\nimport { redirectToHIPAA } from '../utils';\n\nconst { FORM_UNDO, SET_VIEWS, SET_SIGN_WAITING_COUNTS } = syncActions;\nconst {\n FORM_FETCH,\n FORM_UPDATE,\n FORM_THEME_FETCH,\n USER_FETCH,\n FETCH_AI_AGENTS\n} = asyncActions;\n\nexport function* getFormThemeSaga({ themeID }) {\n try {\n const themeInfo = yield call(getTheme, themeID);\n\n yield put({\n type: FORM_THEME_FETCH.SUCCESS,\n themeInfo\n });\n\n return themeInfo;\n } catch {\n yield put({\n type: FORM_THEME_FETCH.FAILURE\n });\n }\n}\n\nfunction* getFormPropertiesMethod() {\n const userLoaded = yield select(userLoadedSelector);\n if (!userLoaded) {\n yield take(USER_FETCH.SUCCESS);\n }\n\n const userRole = Permissions?.value?.role;\n if (userRole === 'assignee') {\n return getFormUserFormProperties;\n }\n\n return getFormProperties;\n}\n\nexport function* getFormSaga({ formID }) {\n try {\n const getFormProps = yield getFormPropertiesMethod();\n const [form, formProperties, formPdfTemplates, views] = yield timeout(all([\n call(getForm, formID),\n call(getFormProps, formID, Permissions?.value?.permissions?.completed),\n call(getFormPDFTemplates, formID),\n call(getInboxViews, formID)\n ]));\n\n const sanitizedForm = {\n ...form,\n ...formProperties,\n id: formID,\n pdfTemplates: formPdfTemplates,\n new: parseInt(form.new, 10),\n count: parseInt(form.count, 10),\n flag: parseInt(form.flag, 10)\n };\n\n if (sanitizedForm?.title) {\n updateTitleWithNewResourceName(form?.title);\n }\n\n const trueValues = ['1', true];\n\n if (trueValues.indexOf(sanitizedForm.isHIPAA) >= 0 || trueValues.indexOf(sanitizedForm.isHipaaForm) >= 0) {\n redirectToHIPAA();\n }\n\n yield put({\n type: SET_VIEWS,\n views\n });\n\n yield put({\n type: FORM_FETCH.SUCCESS,\n form: sanitizedForm\n });\n\n SentryRecorder.setFormID(formID);\n\n if (form.type === 'SIGN') {\n const signWaitingCounts = yield call(getSignWaitingCounts, formID);\n yield put({\n type: SET_SIGN_WAITING_COUNTS,\n counts: signWaitingCounts\n });\n }\n\n yield put({ type: FETCH_AI_AGENTS.REQUEST });\n\n return sanitizedForm;\n } catch (e) {\n yield put({\n type: FORM_FETCH.FAILURE\n });\n }\n}\n\nfunction updateFormPropertiesMethod() {\n const userRole = Permissions?.value?.role;\n\n if (userRole === 'assignee') {\n return updateFormUserFormProperties;\n }\n\n return updateFormProperties;\n}\n\nexport function* updateFormSaga({ formID, formProperties }) {\n const propsToEncode = ['questionOrders'];\n const properties = Object.keys(formProperties).reduce((prev, propKey) => ({\n ...prev,\n [propKey]: (\n propsToEncode.indexOf(propKey) > -1\n ? JSON.stringify(formProperties[propKey])\n : formProperties[propKey]\n )\n }), {});\n const onActionFailure = () => {\n const changedPropKey = Object.keys(formProperties)[0];\n const fieldText = match(\n changedPropKey,\n 'hideNonInputSubmissionFields', () => t(texts.SHOW_HEADERS_AND_TEXT),\n 'hideEmptySubmissionFields', () => t(texts.HIDE_EMPTY_FIELDS_TEXT),\n ANY, () => ''\n );\n\n toast.error(`${t(texts.THERE_WAS_AN_ERROR_UPDATING)}${fieldText ? ` \"${fieldText}\" ${t(texts.FIELD)}` : ''}. ${t(texts.PLEASE_TRY_AGAIN)}`, {\n position: toast.POSITION.TOP_RIGHT,\n className: 'error'\n });\n return put({ type: FORM_UNDO });\n };\n\n try {\n const updateProps = yield updateFormPropertiesMethod();\n\n const result = yield call(updateProps, formID, { properties });\n if (result) {\n yield put({\n type: FORM_UPDATE.SUCCESS\n });\n } else {\n yield onActionFailure();\n }\n } catch {\n yield onActionFailure();\n }\n}\n","import {\n put,\n call,\n all,\n select,\n take\n} from 'redux-saga/effects';\n\nimport { asyncActions } from '../actions/actionTypes';\nimport {\n DEFAULT_TAG_QUESTION_PROPERTIES,\n NON_INPUT_QUESTIONS,\n INITIAL_QUESTIONS,\n ADDRESS_FIELD_LABEL_MAP\n} from '../constants';\nimport {\n formIDSelector, tagQuestionSelector, questionValuesSelector, questionsSelector, activeTabIDSelector\n} from '../selectors';\n\nimport {\n addQuestion,\n getFormQuestions,\n updateQuestion,\n getQuestionValues\n} from '../api';\n\nimport {\n addPrefixToObjectKeys,\n getDummyQuestionKeys,\n preparePrimaryAvailableQuestionIDs,\n prepareSecondaryAvailableQuestionIDs\n} from '../utils';\n\nconst {\n QUESTIONS_ADD,\n QUESTIONS_FETCH,\n QUESTION_UPDATE,\n QUESTION_VALUES_FETCH\n} = asyncActions;\n\nexport function* getQuestionsSaga({ formID, questionsObj }) {\n try {\n const rawQuestions = questionsObj || (yield call(getFormQuestions, formID));\n const questions = Object.values(rawQuestions)\n .filter(({ type }) => NON_INPUT_QUESTIONS.indexOf(type) === -1)\n .reduce((prev, curr) => {\n let newCurr = curr;\n if (curr.type === 'control_address' && !curr.sublabels) {\n newCurr = { ...curr, sublabels: Object.fromEntries(ADDRESS_FIELD_LABEL_MAP) };\n }\n return {\n ...prev,\n [curr.qid]: newCurr\n };\n }, INITIAL_QUESTIONS);\n\n const questionsArray = Object.values(questions);\n\n const primaryAvailableQuestionIDs = yield call(preparePrimaryAvailableQuestionIDs, questions);\n const secondaryAvailableQuestionIDs = yield call(prepareSecondaryAvailableQuestionIDs, questions);\n\n // Seperate submission widgets from questions by using their text prop as key. This process help us to maintain store\n const submissionWidgetQuestions = questionsArray.filter(({ submissionWidget }) => submissionWidget === 'Yes');\n // Prepending dummy widgets to prevent breaking app\n\n const defaultTag = {\n [DEFAULT_TAG_QUESTION_PROPERTIES.name]: { ...DEFAULT_TAG_QUESTION_PROPERTIES, qid: DEFAULT_TAG_QUESTION_PROPERTIES.name }\n };\n\n const submissionWidgets = {\n ...defaultTag,\n ...submissionWidgetQuestions.reduce((prev, curr) => {\n return {\n ...prev,\n ...curr?.qid ? { [curr.name.toLocaleLowerCase()]: curr } : {}\n };\n }, {})\n };\n\n // Initialize question related data to store\n yield put({\n formID,\n type: QUESTIONS_FETCH.SUCCESS,\n questions: {\n ...questions,\n ...(submissionWidgetQuestions.length > 0 ? {} : defaultTag) // Appending dummy questions which will be added via api at a later time\n },\n submissionWidgets,\n primaryAvailableQuestionIDs,\n secondaryAvailableQuestionIDs\n });\n\n return questions;\n } catch {\n yield put({\n type: QUESTIONS_FETCH.FAILURE\n });\n }\n}\n\nexport function* updateQuestionSaga({ formID, qid, data }) {\n try {\n const questionData = addPrefixToObjectKeys('question', data);\n const result = yield call(updateQuestion, formID, qid, questionData);\n\n if (result) {\n yield put({\n qid,\n data,\n type: QUESTION_UPDATE.SUCCESS\n });\n }\n } catch {\n yield put({\n qid,\n data,\n type: QUESTION_UPDATE.FAILURE\n });\n }\n}\n\nexport function* updateTagSaga({ data }) {\n const formID = yield select(formIDSelector);\n const { qid } = yield select(tagQuestionSelector);\n\n yield put({\n type: QUESTION_UPDATE.REQUEST,\n formID,\n qid,\n data\n });\n}\n\nexport function* addDummyQuestionsSaga({ formID, questions }) {\n const rawQuestions = yield call(getFormQuestions, formID);\n const isDummyTagsExist = Object.values(rawQuestions).some(item => item.name === 'tags' && item.qid !== 'tags');\n\n const dummyQuestions = getDummyQuestionKeys(questions).map(key => questions[key]);\n\n if (dummyQuestions.length > 0 && !isDummyTagsExist) {\n const questionsForAPI = dummyQuestions.map(({ qid, ...question }) => addPrefixToObjectKeys('question', question));\n\n const apiResponses = yield all(questionsForAPI.map(question => addQuestion(formID, question)));\n\n // TODO: Fallback for failed question add calls\n const addedQuestions = apiResponses.filter(response => response?.qid);\n\n yield put({\n type: QUESTIONS_ADD.SUCCESS,\n questions: {\n ...addedQuestions.reduce((prev, curr) => ({ ...prev, [curr.qid]: curr }), {})\n }\n });\n }\n}\n\nexport function* questionValuesFlow() {\n while (true) {\n try {\n const { qid } = yield take(QUESTION_VALUES_FETCH.REQUEST);\n const [formID, currentQuestionValues, questions, activeTab] = yield all([select(formIDSelector), select(questionValuesSelector), select(questionsSelector), select(activeTabIDSelector)]);\n\n // Fetching only once is enough atm\n if (currentQuestionValues[qid]) {\n continue;\n }\n\n let questionValues = {};\n\n const isSubmittedViaField = qid === 'submittedVia';\n const isDocumentsViaApproval = qid === 'wfd_docsViaApproval';\n switch (true) {\n case isSubmittedViaField:\n const portals = questions[qid]?.portals;\n if (portals) {\n questionValues = Object.entries(portals).map(([portalID, portal]) => {\n return {\n id: portalID,\n title: portal.title,\n icon: {\n backgroundColor: portal.appIconBackground,\n iconColor: portal.appIconColor,\n type: portal.appIconType,\n url: portal.appIconURL\n }\n };\n });\n }\n break;\n case isDocumentsViaApproval:\n break;\n default:\n questionValues = yield call(getQuestionValues, formID, qid, activeTab);\n break;\n }\n\n yield put({ type: QUESTION_VALUES_FETCH.SUCCESS, qid, questionValues });\n } catch {\n continue;\n }\n }\n}\n","export class SingletonOldEngine {\n constructor(loadScriptFunc) {\n this.loadScriptFunc = loadScriptFunc;\n this.initialize();\n }\n\n async initialize() {\n try {\n await this.loadScriptFunc();\n // eslint-disable-next-line no-undef\n this.oldEngine = new JSEncrypt();\n } catch (e) {\n this.oldEngine = null;\n }\n }\n\n async getInstance() {\n if (this.oldEngine) {\n return this.oldEngine;\n }\n await this.initialize();\n return this.oldEngine;\n }\n}\n","import forge, { pki } from 'node-forge';\nimport { safeJSONParse } from '@jotforminc/utils';\nimport showdown from 'showdown';\nimport { SingletonOldEngine } from './SingletonOldEngine';\n\nforge.options.usePureJavaScript = true;\n// TODO: handle existence of global/window methods\nexport class Decryptor {\n constructor(loadScriptFunc) {\n this.oldEngine = new SingletonOldEngine(loadScriptFunc);\n this.mdConverter = new showdown.Converter();\n }\n\n async decryptAnswer(answer, privateKey) {\n if (!answer) {\n return answer;\n }\n const oldEngine = await this.oldEngine.getInstance();\n if (!oldEngine) {\n return answer;\n }\n const key = privateKey || global?.JotEncrypted?.getPrivateKey();\n oldEngine.setPrivateKey(key);\n\n const engine = key && pki.privateKeyFromPem(key);\n\n function decryptSingleString(str) {\n if (!engine) return str;\n // It may be base64 encoded\n if (/^[A-Za-z0-9+/=]*$/.test(str)) {\n try {\n const raw = atob(str);\n const rawLength = raw.length;\n const array = new Uint8Array(new ArrayBuffer(rawLength));\n for (let i = 0; i < rawLength; i++) {\n array[i] = raw.charCodeAt(i);\n }\n return engine.decrypt(array);\n } catch (e) {\n return oldEngine.decrypt(str) || str;\n }\n }\n const strJSON = safeJSONParse(str, { err: true });\n if (strJSON && typeof strJSON === 'object' && !strJSON.err) {\n return JSON.stringify(Object.keys(strJSON).reduce((accum, k) => {\n // eslint-disable-next-line no-use-before-define\n return { ...accum, [k]: getDecryptedSplitString(strJSON[k]) };\n }, strJSON));\n }\n return str;\n }\n\n function getDecryptedSplitString(answerSplitString) {\n let temporaryResult;\n if (typeof answerSplitString === 'string' && answerSplitString.length > 0) {\n const answerParts = answerSplitString.split('#Jot#');\n temporaryResult = answerParts.map(decryptSingleString).join('');\n } else {\n temporaryResult = decryptSingleString(answerSplitString);\n }\n\n // May be URL encoded - is this really necessary?\n if (/%/.test(temporaryResult)) {\n try {\n const decoded = decodeURIComponent(temporaryResult);\n if (/#Jot#/.test(decoded)) {\n return getDecryptedSplitString(decoded);\n }\n return decryptSingleString(decoded);\n } catch (e) {\n return temporaryResult;\n }\n } else if (/[[\\]{}:\"]/.test(temporaryResult)) {\n try {\n const parsed = JSON.parse(temporaryResult);\n if (Array.isArray(parsed)) {\n // eslint-disable-next-line no-use-before-define\n return getDecryptedObjectAnswer(parsed);\n }\n } catch (e) {\n return temporaryResult;\n }\n }\n\n return temporaryResult;\n }\n\n function getDecryptedObjectAnswer(answerObj) {\n if (Array.isArray(answerObj)) {\n return answerObj.map(getDecryptedSplitString);\n }\n\n return Object.keys(answerObj).reduce((accum, k) => {\n return { ...accum, [k]: getDecryptedSplitString(answerObj[k]) };\n }, {});\n }\n\n function getDecryptedPrettyFormat(answerPretty) {\n const answerParts = answerPretty.split(' ');\n return answerParts.map(getDecryptedSplitString).join(' ');\n }\n\n const getDecryptedInnerAnswer = (innerAnswer, type) => {\n if (!innerAnswer) {\n return innerAnswer;\n }\n if (typeof innerAnswer === 'object') {\n return getDecryptedObjectAnswer(innerAnswer);\n }\n if (typeof innerAnswer === 'string') {\n const decryptedText = getDecryptedSplitString(innerAnswer);\n const isMarkdownTextarea = (type === 'control_textarea') && (decryptedText.indexOf('jotform_untitled_markdown') !== -1);\n if (!isMarkdownTextarea) {\n return decryptedText;\n }\n const mdText = decryptedText.replace('jotform_untitled_markdown', '');\n const cleanText = mdText.replace(/<[^>]+>/g, ''); // clear html tags\n return this.mdConverter.makeHtml(cleanText);\n }\n return innerAnswer;\n };\n return {\n ...answer,\n answer: getDecryptedInnerAnswer(answer.answer, answer.type),\n ...(answer.prettyFormat && { prettyFormat: getDecryptedPrettyFormat(answer.prettyFormat) })\n };\n }\n\n async decryptSubmission(submission, privateKey) {\n const decryptedAnswersPromises = Object.keys(submission.answers)\n .map(async key => {\n const decryptedAnswer = await this.decryptAnswer(submission.answers[key], privateKey);\n // Keep key with the answer\n return { key, decryptedAnswer };\n });\n const decryptedAnswersArray = await Promise.all(decryptedAnswersPromises);\n const decryptedAnswers = decryptedAnswersArray.reduce((accum, { key, decryptedAnswer }) => {\n return { ...accum, [key]: decryptedAnswer };\n }, {});\n\n return { ...submission, answers: decryptedAnswers };\n }\n\n async decryptSubmissions(submissions) {\n return Promise.all(submissions.map(sub => this.decryptSubmission(sub)));\n }\n}\n","import { Decryptor } from '../components';\n\nconst IDLE = 'IDLE';\nconst LOADING = 'LOADING';\nconst LOADED = 'LOADED';\nconst ERROR = 'ERROR';\nlet scriptState = IDLE;\n\nconst loadScript = (success, error) => {\n scriptState = LOADING;\n const head = global.document.querySelector('head');\n const script = global.document.createElement('script');\n script.src = '//cdn.jotfor.ms/static/encryptedForms.js';\n function onLoad(event) {\n scriptState = LOADED;\n success(event);\n }\n function onError(event) {\n scriptState = ERROR;\n error(event);\n }\n script.onload = onLoad;\n script.onerror = onError;\n head.appendChild(script);\n};\n\nexport function loadEncryptedFormsScript() {\n return new Promise((resolve, reject) => {\n switch (scriptState) {\n case LOADING:\n const intervalId = setInterval(() => {\n if (scriptState !== LOADING) {\n clearInterval(intervalId);\n if (scriptState === LOADED) {\n resolve();\n } else {\n reject();\n }\n }\n }, 300);\n break;\n case LOADED:\n resolve();\n break;\n case ERROR:\n reject();\n break;\n case IDLE:\n default:\n return loadScript(resolve, reject);\n }\n });\n}\n\nconst decryptor = new Decryptor(loadEncryptedFormsScript);\nconst decryptAnswer = decryptor.decryptAnswer.bind(decryptor);\nconst decryptSubmission = decryptor.decryptSubmission.bind(decryptor);\nconst decryptSubmissions = decryptor.decryptSubmissions.bind(decryptor);\n\nexport { decryptAnswer, decryptSubmission, decryptSubmissions };\n","export class UnavailableClass {\n constructor() {\n throw new Error(`The class ${new.target.name} is not available in this browser.`);\n }\n}\n","import { UnavailableClass } from './UnavailableClass';\n\nconst WorkerSafe = globalThis.Worker || UnavailableClass;\n\n/**\n * A Worker that can be run on a different origin by respecting CORS\n * By default, a Worker constructor that uses an url as its parameters ignores CORS\n * and fails on a different origin.\n * This way we can run web worker on scripts served by a CDN\n *\n * @see https://github.com/webpack/webpack/discussions/14648#discussioncomment-7844340\n */\nexport class CorsWorker extends WorkerSafe {\n constructor(url: string|URL, options: WorkerOptions = {}) {\n const absoluteUrl = new URL(url, window.location.href).toString();\n const workerSource = `\\\n const urlString = ${JSON.stringify(absoluteUrl)}\n const originURL = new URL(urlString)\n const isValidUrl = (urlString) => { \n try { return Boolean(new URL(urlString, originURL)) } catch(e){ return false } \n }\n const originalImportScripts = self.importScripts\n self.importScripts = (url) => {\n /** NOTE: 1 */\n if (url.startsWith(\"blob:\") && isValidUrl(url.replace(\"blob:\", \"\"))){\n const urlWithoutBlob = url.replace(\"blob:\", \"\")\n const { pathname } = new URL(urlWithoutBlob, originURL)\n url = pathname && pathname.substring(1) /** NOTE: 2 */\n } else if (url.startsWith(\"/static/js/\") && originURL.pathname.startsWith(\"/\")) { /** NOTE: 3 */\n url = originURL.pathname.split(\"/\").slice(0, -3).join(\"/\") + url;\n }\n originalImportScripts.call(self, new URL(url, originURL).toString())\n }\n importScripts(urlString);\n`;\n const blob = new Blob([workerSource], { type: 'application/javascript' });\n const objectURL = URL.createObjectURL(blob);\n super(objectURL, options);\n URL.revokeObjectURL(objectURL);\n }\n\n /**\n * The notes here are outside workerSource to not increase the ObjectURL size with\n * long explanations as comments\n */\n\n /**\n * Note 1\n *\n * Sometimes Webpack will try to import url with \"blob:\" prefixed and with relative\n * path as absolute path.\n *\n * Not only this will cause a security error due to different url, such as a \"blob:\"\n * protocol (meaning a CORS error), the path will be wrong. Any of those 2 problems\n * fails the importScripts. Since we can import JS with blobs, lets just remove \"blob:\"\n * prefix and fix the URL its content is a valid URL\n */\n\n /**\n * Note 2\n * URL#pathname always starts with \"/\", we want to remove the / to be a relative path\n * to the Worker file URL\n */\n\n /**\n * Note 3\n * When the application imports something that is also used in the worker, the worker\n * script imports this chunk too. In that case we need to prepend base path.\n */\n}\n","import { CorsWorker as Worker } from '@jotforminc/cors-worker';\n\nexport class JFWorker {\n constructor(workerUrl, name) {\n this.counter = 0;\n this.promises = {};\n this.worker = new Worker(workerUrl, {\n name\n });\n this.isTerminated = false;\n this.taskId = 0;\n\n this.worker.onmessage = event => {\n if (typeof event.data !== 'object' || !event.data) {\n return;\n }\n\n if (!('id' in event.data)) {\n return;\n }\n\n if (!(this.promises[event.data.id])) {\n return;\n }\n\n const promise = this.promises[event.data.id];\n delete this.promises[event.data.id];\n\n if (!('type' in event.data)) {\n promise.reject(new Error(`Invalid reponse is sent: ${JSON.stringify(event.data)}`));\n } else if (event.data.type === 'result') {\n promise.resolve(event.data.content);\n } else if (event.data.type === 'error') {\n const error = new Error(event.data.content.message);\n error.name = event.data.content.error || error.name;\n error.stack = event.data.content.stack || error.stack;\n promise.reject(error);\n } else {\n promise.reject(new Error('Illegal state occurred!'));\n }\n };\n }\n\n async executeTask(...args) {\n if (this.isTerminated) {\n throw new Error('The worker is terminated!');\n }\n\n const message = {\n id: ++this.taskId,\n payload: [...args]\n };\n\n const promise = new Promise((resolve, reject) => {\n this.promises[message.id] = { resolve, reject };\n }).finally(() => {\n this.counter--;\n });\n\n this.worker.postMessage(message);\n this.counter++;\n\n return promise;\n }\n\n terminate() {\n this.worker.terminate();\n this.isTerminated = true;\n }\n\n get isBusy() {\n return this.counter !== 0;\n }\n}\n","import { JFWorker } from './JfWorker';\n\nexport class WorkerPool {\n constructor(poolSize, workerUrl, name) {\n if (typeof poolSize !== 'number') {\n throw new Error('The parameter poolSize must be number.');\n }\n\n if (poolSize < 1) {\n throw new Error('The parameter poolSize must be positive number.');\n }\n\n this.taskQueue = [];\n this.listeners = [];\n this.workers = Array.from(\n { length: poolSize },\n () => new JFWorker(workerUrl, name)\n );\n }\n\n queue(...args) {\n this.taskQueue.push([...args]);\n this._runLoop();\n }\n\n subscribe(listener) {\n this.listeners.push(listener);\n }\n\n terminate() {\n this.workers.forEach(worker => worker.terminate());\n }\n\n _runLoop() {\n const onTaskSuccess = result => {\n this.listeners.forEach(listener => {\n const event = new window.CustomEvent('result', { detail: result });\n listener(event);\n });\n };\n\n const onTaskFailure = error => {\n this.listeners.forEach(listener => {\n const event = new window.CustomEvent('error', { detail: error });\n listener(event);\n });\n };\n\n const runNextTask = worker => {\n const task = this.taskQueue.shift();\n if (!task) {\n return;\n }\n\n worker.executeTask(...task)\n .then(onTaskSuccess)\n .catch(onTaskFailure)\n .finally(() => runNextTask(worker));\n };\n\n for (let index = 0; index < this.workers.length - 1; index++) {\n const worker = this.workers[index];\n\n if (worker.isBusy) {\n continue;\n }\n\n runNextTask(worker);\n }\n }\n}\n","import { WorkerPool } from '@jotforminc/worker-pool';\n\nexport class DecryptSubmissionWorkerPool extends WorkerPool {\n constructor(poolSize) {\n super(poolSize, new URL('./DecryptSubmissionWorkerBridge', import.meta.url), 'DecryptSubmissionWorkerBridge');\n }\n}\n","export const FILENAME_ALLOWED_FIELDS = ['control_fullname', 'control_textbox', 'control_date', 'control_datetime', 'control_dropdown', 'control_radio', 'control_number'];\n","import { safeJSONParse } from '@jotforminc/utils';\nimport { FILENAME_ALLOWED_FIELDS } from '../constants';\n\n/**\n * Checks whether the given array is empty or not.\n * A array is considered empty if it has no elements or all of its elements are empty strings.\n * Ex;\n * [{}]\n * ['{}']\n * []\n * ['[]', '[]', '[]', '[]']\n * [['', '', ''], ['', '', ''], ['', '', '']]\n *\n * @function\n * @param {Array>} arr - The array to check\n * @returns {Boolean} Returns true if the array is empty, false otherwise\n *\n */\nexport const isArrayEmpty = arr => {\n if (arr.length === 0) return true;\n return !arr.some(item => {\n if (Array.isArray(item)) {\n return !isArrayEmpty(item);\n }\n if (typeof item === 'string') {\n const parsed = safeJSONParse(item, item);\n if (Array.isArray(parsed)) {\n return !isArrayEmpty(parsed);\n }\n if (typeof parsed === 'object' && parsed !== null) {\n // only {} case covered\n return Object.keys(parsed).length > 0;\n }\n }\n if (typeof item === 'object' && item !== null) {\n // only {} case covered\n return Object.keys(item).length > 0;\n }\n return !!item;\n });\n};\n\n/**\n * Check whether given question answer counts as empty or not\n * @function\n * @param {String} type Question type\n * @param {Object|Number|String} answer Questions' answer field\n */\nexport const isQuestionAnswerEmpty = (type, answer, selectedField = '') => { // eslint-disable-line complexity\n switch (true) {\n case (type === 'control_rating'): // Show always rating field as filled\n return false;\n case (type === 'control_widget' && typeof answer === 'string' && selectedField === '52961c97e3e5266570000004'):\n // Controls if user select any option in Checklist widget.\n const checkboxs = answer.match(/^CHECKED:/gm);\n if (!checkboxs) {\n const answerNotEmpty = answer && !answer.match(/^UNCHECKED:/gm);\n if (answerNotEmpty) {\n return false;\n }\n return true;\n }\n return false;\n case (!answer && answer !== 0): // If answer is falsifiable and not equal to zero\n case typeof answer === 'string' && !answer.trim(): // If answer data is string and not empty\n case (typeof answer === 'object' && Object.values(answer).filter(val => {\n if (type === 'control_time' && (val === 'PM' || val === 'AM')) {\n return false;\n }\n if (typeof val === 'string') {\n const trimmedValue = val.trim();\n return trimmedValue && trimmedValue.match(/\\[(\"\",?)+\\]/) === null;\n }\n return val;\n }).length === 0): // If answer data is object and every key it contains is empty\n case (type === 'control_payment' && (!answer.paymentArray || !safeJSONParse(answer.paymentArray).product)):\n case (type === 'control_phone' && typeof answer === 'string' && !/^[0-9]*$/.test(answer)): // If it is specifically phone field and does not contain any number\n case (type === 'control_widget' && selectedField === '538dddaa976bf61129000004' && answer.split(/\\r\\n|\\r|\\n/g).filter(ans => {\n const keyValueArray = ans.match('^.*?:(.*)$');\n return keyValueArray && keyValueArray[1] !== ' ';\n }).length === 0):\n case (type === 'control_mixed' && typeof answer === 'string' && answer === ''):\n return true;\n case (type === 'control_appointment' && (typeof answer !== 'object' || !answer.date)):\n return true;\n case (type === 'control_inline'):\n if (typeof answer === typeof {}) {\n const fields = Object.keys(answer);\n // after editing a submission that includes empty fill in the blanks field that has a date field,\n // this date field comes like that: {day: \"\", month: \"\", year: \"\"}\n // since lots of submissions already have such data,\n // we have to cover this case on runtime.\n // see #8651261\n const dateBoxFields = fields.filter((field = '') => field.match(/^date/));\n const justHasDate = dateBoxFields.length === fields.length;\n // if fill in the blanks field has at least one element which is not a datebox,\n // it means that the question has been answered.\n if (!justHasDate) {\n return false;\n }\n if (dateBoxFields.length) {\n const getDateAnswer = fieldID => safeJSONParse(answer[fieldID], {}, true);\n const dateAnswers = dateBoxFields.map(getDateAnswer);\n const checkValidDateAnswer = dateAnswer => Object.values(dateAnswer).some(value => value);\n const hasValidDateAnswer = dateAnswers.some(checkValidDateAnswer);\n return !hasValidDateAnswer;\n }\n return true;\n }\n return true;\n case type === 'control_matrix':\n if (typeof answer !== 'object') {\n return true;\n }\n return Array.isArray(answer) && isArrayEmpty(answer);\n default:\n return false;\n }\n};\n\n/**\n * Generate a meaningful filename from form & question properties\n * @function\n * @param {{ questions: Array(<{ type: String, hidden: 'Yes'|'No', text: String, qid: String}>)}} questions Question type\n * @param {Boolean|'Yes'|'No'} checkHiddenFields\n */\nexport const generateFileName = (qs, checkHiddenFields = false) => {\n const questions = qs.filter(q => {\n if (FILENAME_ALLOWED_FIELDS.indexOf(q.type) === -1) {\n return false;\n }\n\n if (!checkHiddenFields && q.hidden === 'Yes') return false;\n\n if (q.type === 'control_date' || q.type === 'control_datetime') {\n if (!q.text) { return true; }\n const text = q.text.toString().toLocaleLowerCase();\n if (text.indexOf('birth') > -1 || text.indexOf('dob') > -1) { return false; }\n }\n\n return true;\n });\n\n if (questions.length) {\n const firstNameIndex = questions.findIndex(t => t.type === 'control_fullname' || (t.text && t.text.toString().toLocaleLowerCase().indexOf('name') > -1));\n const firstDateIndex = questions.findIndex(t => t.type === 'control_date' || t.type === 'control_datetime');\n\n const firstName = (firstNameIndex > -1) ? questions[firstNameIndex] : false;\n const firstDate = (firstDateIndex > -1) ? questions[firstDateIndex] : false;\n\n if (firstDateIndex === 0) {\n const pdfName = `{q_${firstDate.qid}}`;\n\n if (firstName) {\n return `{q_${firstName.qid}} ${pdfName}`;\n }\n\n if (questions[1]) {\n return `${pdfName} {q_${questions[1].qid}}`;\n }\n }\n\n if (firstNameIndex === 0) {\n const pdfName = `{q_${firstName.qid}}`;\n\n if (firstDate) {\n return `${pdfName} {q_${firstDate.qid}}`;\n }\n\n if (questions[1]) {\n return `${pdfName} {q_${questions[1].qid}}`;\n }\n }\n\n if (questions[1] && ['control_textbox', 'control_dropdown', 'control_radio'].indexOf(questions[0].type) > -1) {\n const pdfName = `{q_${questions[0].qid}}`;\n\n if (firstName) {\n return `{q_${firstName.qid}} ${pdfName}`;\n }\n\n if (firstDate) {\n return `${pdfName} {q_${firstDate.qid}}`;\n }\n\n return `${pdfName} {q_${questions[1].qid}}`;\n }\n\n if (questions[0].type === 'control_number') {\n const pdfName = `{q_${questions[0].qid}}`;\n if (firstName) {\n return `{q_${firstName.qid}} ${pdfName}`;\n } if (firstDate) {\n return `${pdfName} {q_${firstDate.qid}}`;\n }\n }\n\n if (firstName) {\n const pdfName = `{q_${firstName.qid}}`;\n if (firstDate) {\n return `${pdfName} {q_${firstDate.qid}}`;\n }\n\n return pdfName;\n }\n }\n\n if (!checkHiddenFields) {\n return generateFileName(qs, true);\n }\n\n return '{sid} {formTitle}';\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n IconEllipsisHorizontalCircleFilled,\n IconBoxArchiveFilled,\n IconBoxArchiveArrowUpFilled,\n IconTrashFilled,\n IconStarFilled,\n IconStar,\n IconPencilToSquare,\n IconTagsFilled,\n IconMessageFilled,\n IconArrowDownToLine,\n IconArrowDown,\n IconArrowUpToLine,\n IconArrowUp,\n IconDocumentPdfFilled,\n IconEnvelopeFormFilled,\n IconBars,\n IconEnvelopeClosedFilled,\n IconFunnelFilled,\n IconPrinterFilled,\n IconGearFilled,\n IconFormFilled,\n IconDocumentCsvFilled,\n IconFilePaperclipFilled,\n IconDocumentXlsFilled,\n IconTrashClockFilled,\n IconUsersFilled,\n IconArrowUpRightFromSquare,\n IconEllipsisVertical,\n IconMagnifyingGlass,\n IconDropletFilled,\n IconKey,\n IconXmark,\n IconUserFilled,\n IconProductInboxFilled,\n IconProductInboxColorBorder,\n IconBasketShoppingFilled,\n IconTurnArrowLeftFilled as IconReply,\n IconTurnArrowRightFilled as IconForward,\n IconPaperPlaneFilled,\n IconCheckSquareFilled,\n IconCheck,\n IconFilePencilFilled,\n IconExclamationCircleFilled,\n IconExclamationCircle,\n IconPaperclipDiagonal,\n IconPaperclipVertical,\n IconAngleDown,\n IconExclamationTriangleFilled,\n IconArrowsSwitchHorizontal,\n IconAngleLeft,\n IconAngleRight,\n IconAngleUp,\n IconChevronRight,\n IconChevronLeft,\n IconChevronUp,\n IconChevronDown,\n IconCalendarPlus,\n IconCalendarFilled,\n IconTurnArrowShortRightFilled,\n IconClock,\n IconFileArrowFlipRightFilled,\n IconPencilFilled,\n IconPlusSm,\n IconDocumentListBulletFilled,\n IconEnvelopeOpenedFilled,\n IconStarMinusFilled,\n IconCopyFilled,\n IconPencilLineFilled,\n IconCalendarEventCheckFilled,\n IconAt,\n IconText,\n IconArrowUpRightFromSquareSm,\n IconPencilLine,\n IconConditionalBranchFilled,\n IconMessageCheckFilled,\n IconBellDiagonalFilled,\n IconAnnotationInfoFilled,\n IconAlignTextLeft,\n IconArrowsUpDown,\n IconArrowsToCenter,\n IconGridDotsVertical,\n IconProductSentboxColorBorder,\n IconAiFilled,\n IconCircleFilled,\n IconCircleLgFilled\n} from '@jotforminc/svg-icons';\nimport { capitalizeFirstLetter } from '@jotforminc/utils';\n\nimport IconTabSignDeclined from '../../assets/svg/tabs/iconTabSignDeclined.svg';\nimport IconTabSignWaiting from '../../assets/svg/tabs/iconTabSignWaiting.svg';\nimport IconTabSignCompleted from '../../assets/svg/tabs/iconTabSignCompleted.svg';\nimport IconTabSignAll from '../../assets/svg/tabs/iconTabSignAll.svg';\nimport IconTabSignWaitingMySignature from '../../assets/svg/tabs/IconTabSignWaitingMySignature.svg';\nimport IconTabSignCanceled from '../../assets/svg/tabs/IconTabSignCanceled.svg';\nimport IconLogoGrey from '../../assets/svg/logoGrey.svg';\nimport IconQuestionAlignmentLeft from '../../assets/svg/iconQuestionAlignmentLeft.svg';\nimport IconQuestionAlignmentTop from '../../assets/svg/iconQuestionAlignmentTop.svg';\nimport IconSpacingWide from '../../assets/svg/iconWide.svg';\nimport IconSpacingDefault from '../../assets/svg/iconNormal.svg';\nimport IconSpacingCompact from '../../assets/svg/iconCompact.svg';\n\nimport IconEmptyScreen from '../../assets/svg/branding/commonIcons/empty-screen.svg';\nimport IconEmptyFilter from '../../assets/svg/branding/commonIcons/empty-filter.svg';\nimport IconNoPermission from '../../assets/svg/iconNoPermission.svg';\nimport IconEmptyState from '../../assets/svg/iconEmptyState.svg';\nimport IconPermissions from '../../assets/svg/iconPermissions.svg';\nimport IconApprovalHeader from '../../assets/svg/iconApprovalHeader.svg';\nimport IconPendingApproval from '../../assets/svg/iconPendingApproval.svg';\nimport IconTerminateFlow from '../../assets/svg/iconTerminateFlow.svg';\nimport IconRestartFlow from '../../assets/svg/iconRestartFlow.svg';\nimport IconWFApprovalFlow from '../../assets/svg/workflow/iconApprovalFlow.svg';\nimport IconWFTakeover from '../../assets/svg/workflow/iconTakeover.svg';\nimport IconWFReassign from '../../assets/svg/workflow/iconReassign.svg';\nimport IconWarningDelete from '../../assets/svg/branding/commonIcons/warning-delete-icon.svg';\nimport IconWarningWarn from '../../assets/svg/branding/commonIcons/warning-warn-icon.svg';\nimport IconIncomplete from '../../assets/svg/iconIncomplete.svg';\n\n// sign icons\nimport IconSignClose from '../../assets/svg/sign/iconClose.svg';\nimport IconSignInfo from '../../assets/svg/sign/iconInfo.svg';\nimport IconSignDuplicate from '../../assets/svg/sign/iconDuplicate.svg';\nimport IconSignSignedDoc from '../../assets/svg/sign/iconSignedDoc.svg';\nimport IconSignWarning from '../../assets/svg/sign/iconWarning.svg';\nimport IconReminderEmail from '../../assets/svg/sign/iconReminderEmail.svg';\nimport IconReminder from '../../assets/svg/sign/iconReminder.svg';\n\nconst SVGComponents = {\n IconEllipsisHorizontalCircleFilled,\n IconBoxArchiveFilled,\n IconBoxArchiveArrowUpFilled,\n IconPaperPlaneFilled,\n IconEnvelopeClosedFilled,\n IconDocumentXlsFilled,\n IconEmptyScreen,\n IconCopyFilled,\n IconDocumentCsvFilled,\n IconDocumentPdfFilled,\n IconPencilLine,\n IconArrowDownToLine,\n IconPrinterFilled,\n IconTagsFilled,\n IconChevronRight,\n IconChevronLeft,\n IconBellDiagonalFilled,\n IconStarMinusFilled,\n IconPencilToSquare,\n IconProductInboxColorBorder,\n IconProductInboxFilled,\n IconEnvelopeFormFilled,\n IconFilePencilFilled,\n IconStar,\n IconStarFilled,\n IconReply,\n IconEmptyFilter,\n IconDropletFilled,\n IconForward,\n IconMessageFilled,\n IconGridDotsVertical,\n IconCheckSquareFilled,\n IconTabSignDeclined,\n IconTabSignCanceled,\n IconTabSignWaiting,\n IconTabSignWaitingMySignature,\n IconTabSignCompleted,\n IconTabSignAll,\n IconWFReassign,\n IconWFTakeover,\n IconWFApprovalFlow,\n IconKey,\n IconCheck,\n IconArrowDown,\n IconArrowUpToLine,\n IconArrowUp,\n IconSpacingWide,\n IconSpacingDefault,\n IconMagnifyingGlass,\n IconGearFilled,\n IconSpacingCompact,\n IconEmptyState,\n IconBars,\n IconExclamationCircleFilled,\n IconExclamationCircle,\n IconPaperclipDiagonal,\n IconArrowUpRightFromSquareSm,\n IconPaperclipVertical,\n IconAngleDown,\n IconAlignTextLeft,\n IconArrowsUpDown,\n IconArrowsToCenter,\n IconNoPermission,\n IconArrowsSwitchHorizontal,\n IconAngleLeft,\n IconAngleRight,\n IconCalendarPlus,\n IconTurnArrowShortRightFilled,\n IconClock,\n IconTrashFilled,\n IconEllipsisVertical,\n IconPencilFilled,\n IconFilePaperclipFilled,\n IconPermissions,\n IconExclamationTriangleFilled,\n IconApprovalHeader,\n IconEnvelopeOpenedFilled,\n IconPendingApproval,\n IconPlusSm,\n IconLogoGrey,\n IconFormFilled,\n IconArrowUpRightFromSquare,\n IconChevronDown,\n IconChevronUp,\n IconUsersFilled,\n IconTerminateFlow,\n IconRestartFlow,\n IconMessageCheckFilled,\n IconXmark,\n IconAngleUp,\n IconSignClose,\n IconSignInfo,\n IconSignDuplicate,\n IconSignSignedDoc,\n IconSignSignedDocWithAudit: IconDocumentListBulletFilled,\n IconSignWarning,\n IconReminderEmail,\n IconReminder,\n IconUserFilled,\n IconWarningDelete,\n IconWarningWarn,\n IconFunnelFilled,\n IconConditionalBranchFilled,\n IconCalendarEventCheckFilled,\n IconAt,\n IconText,\n IconBasketShoppingFilled,\n IconTrashClockFilled,\n IconCalendarFilled,\n IconFileArrowFlipRightFilled,\n IconPencilLineFilled,\n IconAnnotationInfoFilled,\n IconProductSentboxColorBorder,\n IconQuestionAlignmentLeft,\n IconQuestionAlignmentTop,\n IconAiFilled,\n IconCircleFilled,\n IconIncomplete,\n IconCircleLgFilled\n};\n\nconst SVG = React.forwardRef(({\n name,\n className,\n ...remainingProps\n}, ref) => {\n const SVGComponent = SVGComponents[capitalizeFirstLetter(name)];\n if (!SVGComponent) {\n return null;\n }\n\n return (\n \n
\n );\n };\n};\n\nconst AnswerTag = ({ answerType, content, customImageURL }) => {\n const Icon = useMemo(() => {\n if (answerType === 'source_app') {\n return () => (\n \n
\n
\n {content} \n
\n );\n};\n\nAnswerTag.propTypes = {\n answerType: oneOf(ANSWER_TAG_FIELDS),\n content: string,\n customImageURL: string\n};\n\nAnswerTag.defaultProps = {\n answerType: '',\n content: '',\n customImageURL: string\n};\n\nexport default AnswerTag;\n","import React from 'react';\nimport isEmpty from 'lodash/isEmpty';\nimport { isQuestionAnswerEmpty } from '@jotforminc/answer-utils';\nimport { safeJSONParse } from '@jotforminc/utils';\n\nimport moment from 'moment';\nimport { getAnswerFromHeaderField } from '.';\nimport AnswerTag from '../components/AnswerTag';\nimport { ANSWER_TAG_FIELDS, PAYMENT_FIELDS } from '../constants';\n\nexport const getPrimaryAnswer = (primary, answers, formatOptions) => {\n if (Object.keys(primary).includes('field')) {\n return getAnswerFromHeaderField(primary.field, answers, formatOptions);\n }\n\n return primary;\n};\n\nexport const getSecondaryAnswer = (secondary, answers, formatOptions) => {\n let isSecondEmpty;\n\n const field = getPrimaryAnswer(secondary, answers, formatOptions);\n\n // BUGFIX #3653913 :: Do not break the app if the answers are shifted\n if (typeof field === 'object') return false;\n\n const subheaderFieldJson = safeJSONParse(field, field);\n\n // eslint-disable-next-line\n if (subheaderFieldJson == field) {\n isSecondEmpty = !field;\n } else {\n const subheaderFieldQID = subheaderFieldJson ? subheaderFieldJson.qid : '' || subheaderFieldJson;\n const subheaderFieldAnswer = answers[subheaderFieldQID] || {};\n const {\n type,\n answer,\n selectedField\n } = subheaderFieldAnswer;\n isSecondEmpty = isQuestionAnswerEmpty(type, answer, selectedField);\n }\n\n return !isSecondEmpty ? field : null;\n};\n\nconst getSignPrimaryAnswer = document => document && document.participants\n .filter(p => (\n p.fields && (p.fields.length > 0 || p.status === 'DELEGATED')\n ))\n .map(p => p.name || p.role)\n .join(', ');\n\nexport const getPrimaryAndSecondaryAnswer = ({\n submission,\n primary,\n secondary,\n submissionIndex,\n t,\n formatOptions\n}) => {\n const { answers } = submission;\n\n if (submission?.aiIncompleteSubmission && submission?.aiAgentChatFirstMessage) {\n return [submission?.aiAgentChatFirstMessage, ''];\n }\n\n const primaryAnswer = (submission && submission.signDocument)\n ? getSignPrimaryAnswer(submission.signDocument) || 'Sign Document'\n : getPrimaryAnswer(primary, answers, formatOptions);\n\n const secondaryAnswer = getSecondaryAnswer(secondary, answers, formatOptions);\n\n const submissionNumber = submissionIndex + 1;\n let submissionInfo = '';\n if (submissionNumber === 0) {\n submissionInfo = t.NO_SUBMISSIONS;\n } else {\n submissionInfo = primaryAnswer || t.SUBMISSION_INDEX.replace('{submissionIndex}', submissionNumber);\n }\n\n // https://www.jotform.com/answers/17154041-approval-flow-error-an-unexpected-error-occured, I do not know how this happened, And i am too scared to ask\n const getValue = info => (typeof info?.text === 'string' ? info?.text : info);\n return [getValue(submissionInfo), getValue(secondaryAnswer)];\n};\n\nexport const getAnswerTag = ({ answers }) => {\n const answerList = Object.values(answers);\n const taggedAnswer = answerList.reduce((prev, answerObj) => {\n const { type: prevType } = prev;\n // eslint-disable-next-line prefer-const\n let { answer, type: currentType } = answerObj;\n\n if (answer && !isEmpty(answer) && answer.resourceType === 'APP') currentType = 'source_app';\n\n if (!answer || isEmpty(answer) || !ANSWER_TAG_FIELDS.includes(currentType)) {\n return prev;\n }\n\n if (answer.resourceType === 'APP') currentType = 'source_app';\n\n if (!prevType || ANSWER_TAG_FIELDS.indexOf(currentType) < ANSWER_TAG_FIELDS.indexOf(prevType)) {\n if (currentType === 'control_appointment' && !answer?.date) return prev;\n return answerObj;\n }\n return prev;\n }, {});\n\n if (taggedAnswer && !isEmpty(taggedAnswer)) {\n let content;\n const { type, prettyFormat, answer } = taggedAnswer;\n\n if (answer.resourceType === 'APP') {\n return {\n cancelPayload = { data: { prop: 'status', value: updateValue, aggKey }, submissionIDs, preventToast: true };\n }}\n >\n UNDO\n \n \n );\n\n toast.success(message, {\n position: toast.POSITION.TOP_RIGHT,\n autoClose: 10000,\n hideProgressBar: true,\n closeOnClick: true,\n pauseOnHover: false,\n draggable: false,\n pauseOnFocusLoss: false\n });\n }\n\n let attempt = 0;\n\n while (!cancelPayload && attempt < 10) {\n yield delay(1000);\n attempt += 1;\n }\n\n if (cancelPayload) {\n if (bulkUpdate) {\n yield cancel(bulkUpdate);\n }\n\n yield put({\n type: BULK_SUBMISSION_UPDATE.REQUEST,\n ...cancelPayload\n });\n }\n}\n\nexport function* bulkUpdateCaller(formid, args) {\n const { formCounts: { new: unreadCount, count: submissionCount, flag: favoriteCount } } = yield call(updateBulkSubmission, formid, args);\n yield delay(300);\n\n // Update store\n yield put({\n type: FORM_UPDATE_SYNC,\n formProperties: {\n new: unreadCount,\n flag: favoriteCount,\n count: submissionCount\n }\n });\n\n yield mainUpdateFlow(select(formSelector));\n}\n\nexport function* moveToNextSubmissionAvailableOnStatusChange(submissionIDs, data) {\n const [activeSubmissionIndex, submissions, activeSubmissionID] = yield all([\n select(activeSubmissionIndexSelector),\n select(submissionsSelector),\n select(activeSubmissionIDSelector)\n ]);\n\n if (submissionIDs.includes(activeSubmissionID) && data.prop === 'status' && submissions.length) {\n let nextSubmissionID;\n\n for (let i = activeSubmissionIndex; i >= 0; i--) {\n if (!submissionIDs.includes(submissions[i].id)) {\n nextSubmissionID = submissions[i].id;\n break;\n }\n }\n\n if (!nextSubmissionID) {\n for (let i = activeSubmissionIndex; i < submissions.length; i++) {\n if (!submissionIDs.includes(submissions[i].id)) {\n nextSubmissionID = submissions[i].id;\n break;\n }\n }\n }\n\n if (nextSubmissionID) {\n yield put({\n type: SET_ACTIVE_SUBMISSION,\n sid: nextSubmissionID\n });\n }\n }\n}\n\nexport function* bulkSubmissionUpdateFlow() {\n while (true) {\n const updateRequest = yield take(BULK_SUBMISSION_UPDATE.REQUEST);\n const { submissionIDs, data } = updateRequest;\n let { aggKey } = data;\n try {\n yield call(moveToNextSubmissionAvailableOnStatusChange, submissionIDs, data);\n\n const form = yield select(formSelector);\n const isAllSubmissionsSelected = yield select(allSubmissionsSelectedSelector);\n let willChangeSubmissionIDs = [...submissionIDs];\n\n // TODO: This code is only working for bulk updates for flags (star / unstar).\n // It could be applied for other bulk updates.\n if (isAllSubmissionsSelected && submissionIDs.length === 0 && data.prop === 'flag') {\n willChangeSubmissionIDs = yield select(allSubmissionIDsSelector);\n }\n\n // Update submissions\n yield put({\n type: BULK_SUBMISSION_UPDATE_SYNC,\n submissionIDs: willChangeSubmissionIDs,\n data\n });\n\n const fullText = yield select(filterTextSelector);\n\n const filterObject = yield select(filterObjectSelector);\n const filter = {\n ...filterObject,\n ...(fullText && { fullText })\n };\n\n if (data.status) {\n filter.status = data.status;\n }\n if (!aggKey) {\n aggKey = isAllSubmissionsSelected ? 'excludes' : 'includes';\n }\n\n const conditions = {\n ...(Object.keys(filter).length && { filter }),\n [aggKey]: submissionIDs\n };\n\n const bulkUpdate = yield fork(bulkUpdateCaller, form.id, { ...data, conditions: JSON.stringify(conditions) });\n // Make request\n yield fork(bulkUpdateCanceler, {\n ...updateRequest, submissionIDs, aggKey, bulkUpdate\n });\n } catch (error) {\n yield put({\n type: BULK_SUBMISSION_UPDATE.FAILURE,\n error\n });\n }\n }\n}\nexport function* updateSentbox() {\n yield take(FORM_FETCH.SUCCESS);\n const form = yield select(formSelector);\n yield fork(mainUpdateFlow, form.id);\n}\n//! WORK IN PROGRESS\nexport function* allSubmissionsFlow() {\n const postFlows = [\n submissionRenewFlow,\n bulkSubmissionUpdateFlow,\n delayedTakeLatestFilteredSubmissionFetchFlow\n ];\n try {\n yield spawn(activeSubmissionChangeFlow);\n\n const { filterText, filterObject, sid } = parseLocationParams();\n\n const { submissions } = yield call(getSubmissionsSaga);\n\n let submissionForm;\n\n if (submissions.length > 0) {\n const { form } = sid ? submissions.filter(submission => submission.id === sid)[0] : submissions[0];\n submissionForm = form;\n\n const { properties, questions, ...formData } = submissionForm;\n const sanitizedForm = {\n ...formData,\n ...properties,\n id: submissionForm.id,\n new: parseInt(submissionForm.new, 10),\n count: parseInt(submissionForm.count, 10),\n flag: parseInt('0', 10)\n };\n\n yield put({\n type: FORM_FETCH.SUCCESS,\n form: sanitizedForm\n });\n } else {\n yield put({\n type: SET_EMPTY_ALLSENTBOX\n });\n return;\n }\n\n yield all([\n yield call(getQuestionsSaga, { formID: submissionForm.id }),\n yield call(mainUpdateFlow, submissionForm)\n ]);\n\n yield all(postFlows.map(spawn));\n\n const { isEncrypted } = submissionForm;\n\n if (global.window._fs_namespace && global.window[global.window._fs_namespace]) {\n if (isEncrypted === 'Yes') {\n global.window[global.window._fs_namespace].shutdown();\n } else {\n global.window[global.window._fs_namespace].restart();\n }\n }\n\n if (filterText) {\n yield put({\n type: SET_FILTER_TEXT,\n filterText\n });\n }\n\n if (filterObject) {\n const { questions } = submissionForm;\n const newFilterObject = filterObjectQuestionControl(filterObject, questions);\n yield put({\n type: SET_FILTER_OBJECT,\n filters: newFilterObject\n });\n }\n } catch (e) {\n console.log('error happened', e);\n }\n}\n\nexport function* mainSubmissionFlow() {\n /**\n * Preflows => will be initialized before fetching first batch of submissions\n * PostFlows => will be initialized after settings active submission\n */\n const preFlows = [\n submissionFetchFlow,\n activeSubmissionChangeFlow\n ];\n\n const postFlows = [\n submissionRenewFlow,\n bulkSubmissionUpdateFlow,\n // liveSubmissionFlowWatcher,\n delayedTakeLatestFilteredSubmissionFetchFlow\n ];\n let formChanged = true;\n\n while (true) {\n try {\n const { form } = formChanged ? yield take(FORM_FETCH.SUCCESS) : { form: yield select(formSelector) };\n const { isEncrypted, encryptionProtocol = '' } = form;\n // We are preventing fullstory to record encrypted forms\n if (global.window._fs_namespace && global.window[global.window._fs_namespace]) {\n if (isEncrypted === 'Yes') {\n global.window[global.window._fs_namespace].shutdown();\n } else {\n global.window[global.window._fs_namespace].restart();\n }\n }\n\n if (isEncrypted === 'Yes' && encryptionProtocol !== 'JF-CSE-V2') {\n yield put({ type: INITIALIZE_ENCRYPTION_WORKERS });\n }\n\n // Fork preFlows\n const preFlowTasks = yield all(preFlows.map(fork));\n\n const mainFlowTask = yield fork(mainUpdateFlow, form);\n\n // Fork postFlows\n const postFlowTasks = yield all(postFlows.map(fork));\n\n const { filterText, filterObject } = parseLocationParams();\n\n // Post flows are running, get search from query if exists\n if (filterText) {\n yield put({\n type: SET_FILTER_TEXT,\n filterText\n });\n }\n\n if (filterObject) {\n const questions = yield select(questionsSelector);\n const newFilterObject = filterObjectQuestionControl(filterObject, questions);\n yield put({\n type: SET_FILTER_OBJECT,\n filters: newFilterObject\n });\n }\n\n // New form incoming / tab changed\n const [isFormChanged] = yield race([\n take(FORM_FETCH.REQUEST),\n take(SET_ACTIVE_TAB)\n ]);\n\n formChanged = isFormChanged;\n\n yield cancel(mainFlowTask);\n\n // Clear flows before reinitializing\n for (let i = 0; i < preFlowTasks.length; i++) {\n yield cancel(preFlowTasks[i]);\n }\n\n for (let i = 0; i < postFlowTasks.length; i++) {\n yield cancel(postFlowTasks[i]);\n }\n } catch (e) {\n console.log('error happened', e);\n continue;\n }\n }\n}\n","import matches from 'lodash/matches';\nimport {\n take,\n select,\n put,\n all,\n call\n} from 'redux-saga/effects';\n\nimport { syncActions, asyncActions } from '../actions/actionTypes';\n\nimport {\n filteredSubmissionsSelector,\n selectedSubmissionIDsSelector,\n isMessageContainerVisibleSelector,\n activeTabIDSelector,\n getIsFullStorySessionUrlSaved,\n userSelector,\n isAdminSelector,\n getAiAgents\n} from '../selectors';\nimport { setAIHistoryVisibility, setIsFullStorySessionUrlSaved } from '../actions';\nimport { getFSSessionUrl, setUserVarsFS } from '../utils';\nimport { saveAgentFSSession } from '../api';\n\nconst {\n BULK_SUBMISSION_SELECTION,\n SUBMISSIONS_FETCH\n} = asyncActions;\n\nconst {\n SET_FILTERED_IDS,\n CLOSE_MESSAGE\n} = syncActions;\n\nexport function* closeMessage() {\n const [isMessageContainerVisible] = yield all([\n select(isMessageContainerVisibleSelector)\n ]);\n if (isMessageContainerVisible) {\n yield put({\n type: CLOSE_MESSAGE\n });\n }\n}\n\nexport function* submissionSelectionFlow() {\n while (true) {\n try {\n const { filter } = yield take(BULK_SUBMISSION_SELECTION.REQUEST);\n\n // Clear selection\n if (filter === 'clear') {\n yield put({\n type: BULK_SUBMISSION_SELECTION.SUCCESS,\n selectedSubmissions: []\n });\n continue;\n }\n\n if (filter === 'all') {\n yield put({\n type: BULK_SUBMISSION_SELECTION.SUCCESS,\n allSelected: true,\n selectedSubmissions: []\n });\n\n continue;\n }\n\n const filterFunction = matches(filter);\n const submissions = yield select(filteredSubmissionsSelector);\n const selectedSubmissions = submissions.filter(filterFunction);\n const submissionIDs = selectedSubmissions.map(({ id }) => id);\n\n yield put({\n type: BULK_SUBMISSION_SELECTION.SUCCESS,\n selectedSubmissions: submissionIDs\n });\n } catch {\n continue;\n }\n }\n}\n\nexport function* fixSelectionFlow() {\n while (true) {\n yield take(SET_FILTERED_IDS);\n\n const [selectedSubmissionIDs, filteredSubmissions] = yield all([select(selectedSubmissionIDsSelector), select(filteredSubmissionsSelector)]);\n const fixedSelectedSubmissions = selectedSubmissionIDs.filter(id => filteredSubmissions.find(({ id: sid }) => id === sid));\n\n if (fixedSelectedSubmissions.length !== selectedSubmissionIDs.length) {\n yield put({\n type: BULK_SUBMISSION_SELECTION.SUCCESS,\n selectedSubmissions: fixedSelectedSubmissions\n });\n }\n }\n}\n\nexport function* saveAgentFSSessionUrl() {\n try {\n yield take(SUBMISSIONS_FETCH.SUCCESS);\n const isFullStorySessionUrlSaved = yield select(getIsFullStorySessionUrlSaved);\n if (isFullStorySessionUrlSaved) {\n return;\n }\n\n const aiAgents = yield select(getAiAgents);\n if (!aiAgents) {\n return;\n }\n\n const aiAgentIds = Object.keys(aiAgents);\n if (aiAgentIds.length === 0) {\n return;\n }\n\n const { username } = yield select(userSelector);\n const sessionUrl = getFSSessionUrl();\n yield all(aiAgentIds.map(agentId => call(saveAgentFSSession, agentId, { sessionUrl, username, type: 'inbox' })));\n yield put(setIsFullStorySessionUrlSaved(true));\n } catch (e) {\n console.error(e);\n }\n}\n\nexport function* setAiConversationsToggle() {\n const activeTabId = yield select(activeTabIDSelector);\n const isAIConversationsTab = activeTabId === 'conversations';\n const isAdmin = yield select(isAdminSelector);\n yield put(setAIHistoryVisibility(activeTabId === 'inbox'));\n\n if (isAIConversationsTab && !isAdmin) {\n yield call(setUserVarsFS, { inbox_ai_transcript: true });\n yield call(saveAgentFSSessionUrl);\n }\n}\n","/* eslint-disable max-statements */\nimport {\n select,\n take,\n put,\n all,\n call,\n fork,\n delay,\n spawn\n} from 'redux-saga/effects';\n\nimport { toast } from 'react-toastify';\nimport { t } from '@jotforminc/translation';\nimport { StorageHelper } from '@jotforminc/storage-helper';\nimport {\n moment as Moment,\n handleCustomNavigation,\n getUrlParameter\n} from '@jotforminc/utils';\nimport { getActiveAlias, getAppPath } from '@jotforminc/router-bridge';\nimport {\n formSelector,\n formIDSelector,\n selectedSubmissionIDsSelector,\n appLoadedSelector,\n uiSelector,\n liteModeSelector,\n userTimezoneSelector,\n submissionDateLanguageSelector,\n userSelector,\n userAndFormLoadedSelector,\n autoDeleteSubmissionsInterval,\n isFormOwnerSelector,\n allowAutoDeleteSubmissionsSelector,\n isSubmissionViewLoading\n} from '../selectors';\n\nimport {\n sanitizeSubmissions,\n decryptSubmissions,\n mainSubmissionFlow,\n allSubmissionsFlow\n} from './submissionSagas';\n\nimport { syncActions, asyncActions } from '../actions/actionTypes';\nimport {\n fetchUser,\n fetchUserForms,\n preparePrint,\n fetchForm,\n fetchQuestions,\n setLiteMode,\n setSingleSubmission,\n setIsAllSentbox,\n setOpenIntroModal,\n initTeam\n} from '../actions';\n\nimport {\n generateMultiplePDF,\n generateMultiplePDFFilled,\n getSubmission,\n getEnv\n} from '../api';\n\nimport texts from '../constants/texts';\n\nimport { getQueryParameter, getTeamInfo } from '../utils';\nimport {\n AUTO_DELETE_INFORMATION_MODAL,\n AUTO_DELETE_INFO_POPUP_KEY,\n LITE_MODE_PAGES,\n RIGHT_PANEL_CLASS\n} from '../constants';\n\nconst {\n PRINT_COMPLETE,\n PREPARE_PRINT,\n FORM_UPDATE_SYNC,\n MULTIPLE_DOWNLOAD_BATCH,\n SHOW_UI_ERROR,\n SET_PWA_MODE,\n INITIALIZE_ENCRYPTION_WORKERS,\n SET_SUBMISSION_VIEW_LOADING\n} = syncActions;\n\nconst {\n USER_FETCH,\n FORM_FETCH,\n FORM_UPDATE,\n SUBMISSIONS_FETCH\n} = asyncActions;\n\nexport function* submissionPrintFlow() {\n while (true) {\n const { layout, spacing, thread } = yield take(PREPARE_PRINT);\n\n const form = yield select(formSelector);\n const liteMode = yield select(liteModeSelector);\n\n let clonedNode = null;\n\n const printClass = 'jfInbox--print';\n let layoutClass = `jfInbox--print-flex-${form.submissionPrintLayoutPreference || layout || 'row'}`;\n let spacingClass = `jfInbox--print-density-${form.submissionPrintSpacingPreference || spacing || 'medium'}`;\n const threadClass = `jfInbox--print-thread-${form.submissionPrintThreadPreference || thread || 'No'}`;\n\n if (liteMode) {\n let submissionViewLoading = yield select(isSubmissionViewLoading);\n if (submissionViewLoading) {\n while (submissionViewLoading) {\n submissionViewLoading = yield take(SET_SUBMISSION_VIEW_LOADING);\n }\n }\n\n const areaToPrint = global.document.getElementsByClassName('jfInbox-submission-container')[0];\n clonedNode = areaToPrint.cloneNode(true);\n global.document.body.appendChild(clonedNode);\n global.document.body.classList.add('inboxOverlayPrint');\n\n // Opinionated layout\n layoutClass = 'jfInbox--print-flex-row';\n spacingClass = 'jfInbox--print-density-compact';\n }\n\n const inboxState = global.document.body.classList;\n const recallState = {};\n\n global.document.body.classList.add(printClass);\n global.document.body.classList.add(layoutClass);\n global.document.body.classList.add(spacingClass);\n global.document.body.classList.add(threadClass);\n\n if (inboxState.contains(RIGHT_PANEL_CLASS)) {\n inboxState.toggle(RIGHT_PANEL_CLASS);\n recallState[RIGHT_PANEL_CLASS] = 1;\n }\n\n yield take(PRINT_COMPLETE);\n\n global.document.body.classList.remove(printClass);\n global.document.body.classList.remove(layoutClass);\n global.document.body.classList.remove(spacingClass);\n global.document.body.classList.remove(threadClass);\n\n Object.keys(recallState).forEach(st => inboxState.toggle(st));\n\n if (liteMode) {\n if (clonedNode) {\n clonedNode.parentNode.removeChild(clonedNode);\n }\n clonedNode = null;\n global.document.body.classList.remove('inboxOverlayPrint');\n }\n }\n}\n\nexport function* fetchFormAndWaitLoad(formID, waitFor = appLoadedSelector) {\n yield put(fetchForm(formID, true));\n yield put(fetchQuestions(formID));\n\n let loaded = false;\n let errored = false;\n while (!(loaded || errored)) {\n yield take('*');\n loaded = yield select(waitFor);\n ({ errored } = yield select(uiSelector));\n }\n}\nexport function setReady() {\n setTimeout(() => {\n if (!window.preventReady) {\n global.document.body.classList.add('jfInbox--isReady');\n }\n }, 0);\n}\nexport function* waitFormLoad(waitFor = appLoadedSelector) {\n let loaded = false;\n let errored = false;\n while (!(loaded || errored)) {\n yield take('*');\n loaded = yield select(waitFor);\n ({ errored } = yield select(uiSelector));\n }\n}\nexport function* singleSubmissionFlow(sid) {\n try {\n const submission = yield call(getSubmission, sid);\n if (submission && submission.form_id) {\n yield put(setSingleSubmission(submission));\n yield fork(fetchFormAndWaitLoad, submission.form_id, userAndFormLoadedSelector);\n }\n\n const { form } = yield take(FORM_FETCH.SUCCESS);\n const { hasSubmitterInfo } = form;\n const sanitizedSubmissions = sanitizeSubmissions([submission], hasSubmitterInfo);\n\n if (form.isEncrypted === 'Yes') {\n const actions = {\n clean: true,\n totalCount: 1,\n offset: 0,\n type: SUBMISSIONS_FETCH.SUCCESS\n };\n\n yield put({ type: INITIALIZE_ENCRYPTION_WORKERS });\n yield spawn(decryptSubmissions, { submissions: sanitizedSubmissions, ...actions });\n }\n } catch (e) {\n yield put({\n type: SHOW_UI_ERROR\n });\n }\n}\n\nexport function* initFlow() {\n const environment = yield call(getEnv);\n window.JOTFORM_ENV = environment;\n\n yield put(fetchUser());\n yield put(fetchUserForms());\n\n const basePath = getAppPath();\n const pathName = window.location.pathname;\n\n if (pathName === '/sentbox/') {\n handleCustomNavigation('/sentbox/all', '_self');\n return;\n }\n\n const paths = pathName.replace(basePath, '').split('/');\n const firstNumberInPathIndex = paths.findIndex(f => f && /^\\d+$/.test(f));\n const pageName = getActiveAlias();\n let firstNumberInPath;\n if (firstNumberInPathIndex > 0) {\n firstNumberInPath = paths[firstNumberInPathIndex];\n }\n\n const isForm = firstNumberInPath && firstNumberInPath.length < 18;\n const isStandalone = LITE_MODE_PAGES.indexOf(pageName) === -1;\n const isAllSentbox = pathName.indexOf('/sentbox/all') > -1;\n const isApps = window?.location?.href.indexOf('jotform_pwa') > -1;\n\n if (isApps) {\n yield put({ type: SET_PWA_MODE });\n }\n\n if (paths[paths.length - 1] === 'empty') {\n const formID = getQueryParameter('formID');\n yield put(fetchForm(formID, true));\n yield take(FORM_FETCH.SUCCESS);\n yield call(setReady);\n return;\n }\n\n if (!isStandalone) {\n yield fork(mainSubmissionFlow);\n return;\n }\n\n if (isForm) {\n yield fork(mainSubmissionFlow);\n yield call(fetchFormAndWaitLoad, firstNumberInPath);\n } else if (firstNumberInPath && !isAllSentbox) { // load single submission - TODO: use this for possible quicker download\n yield call(singleSubmissionFlow, firstNumberInPath);\n } else if (isAllSentbox) {\n yield put(setIsAllSentbox(true));\n yield fork(allSubmissionsFlow);\n yield call(waitFormLoad);\n } else {\n yield take(FORM_FETCH.REQUEST);\n yield fork(mainSubmissionFlow);\n }\n\n const isForcedLiteMode = getQueryParameter('liteMode') === '1';\n if (isForcedLiteMode) {\n yield put(setLiteMode());\n }\n\n const isDownload = getQueryParameter('download') === '1';\n if (isDownload) {\n yield put(preparePrint());\n\n // Uncomment to test download mode.\n // setTimeout(global.window.print, 0);\n }\n const { isTeamMember } = getTeamInfo();\n if (isTeamMember) {\n yield put(initTeam());\n }\n\n const digestFlow = getUrlParameter('dgrf');\n if (\n environment !== 'DEVELOPMENT'\n && digestFlow\n && typeof window?.JotFormActions === 'function'\n ) {\n try {\n const [digestID, emailID] = digestFlow.split('-');\n const logger = new window.JotFormActions('digestEmailViewSubmissions');\n const user = yield select(userSelector);\n\n if (logger?.tick) {\n logger?.tick({\n actor: user?.username || '__digest__',\n action: digestID,\n target: emailID\n });\n }\n } catch (err) {\n console.log('Error occured at tracking.');\n }\n }\n\n // Wait for the commited React layout to update (for download)\n setReady();\n}\n\nexport function* momentFlow() {\n while (true) {\n try {\n yield take([USER_FETCH.SUCCESS, FORM_FETCH.SUCCESS, FORM_UPDATE_SYNC, FORM_UPDATE.REQUEST]);\n const [language, timezone] = yield all([select(submissionDateLanguageSelector), select(userTimezoneSelector)]);\n\n if (!language && !timezone) {\n continue;\n }\n\n if (timezone && Moment.timezone !== timezone) {\n Moment.setTimezone(timezone);\n }\n\n if (language && Moment.locale !== language) {\n Moment.setLocale(language);\n }\n } catch {\n continue;\n }\n }\n}\n\nexport function* multipleDownloadFlow({ pdfID, actionType = 'INCLUDES', activeTab }) {\n try {\n const formID = yield select(formIDSelector);\n const { username, email } = yield select(userSelector);\n const submissionIDs = yield select(selectedSubmissionIDsSelector);\n\n const toastID = toast.info(t(texts.YOUR_PDF_FILES_ARE_PREPARING), {\n position: toast.POSITION.TOP_RIGHT,\n className: 'success',\n autoClose: 5000\n });\n\n let selectedSubmissionsIDs = '';\n const submissionCount = submissionIDs.length;\n // generateMultiplePDFFilled api detect submissionIDs with ',' so I end-up with this solution.\n if (submissionCount === 1) {\n selectedSubmissionsIDs = `${submissionIDs[0]},`;\n } else if (submissionCount > 0) {\n selectedSubmissionsIDs = `${submissionIDs.join(',')}`;\n }\n\n while (true) {\n yield delay(3000);\n const result = (pdfID === 'importedPDF')\n ? yield call(generateMultiplePDFFilled, { formID, activeTab, submissionIDs: selectedSubmissionsIDs })\n : yield call(generateMultiplePDF, {\n formID, username, submissionIDs: JSON.stringify({ type: actionType, submissionIDs }), pdfID\n });\n\n if (result.status === 'success' && toastID !== null) {\n toast.update(toastID, {\n type: toast.TYPE.SUCCESS,\n render: t(texts.WILL_SEND_EMAIL_ON_EXPORT_READY).replace('{email}', email),\n autoClose: false\n });\n break;\n } else {\n const { percentage } = result.jobDetails;\n yield put({\n type: MULTIPLE_DOWNLOAD_BATCH,\n percentage\n });\n\n if (toastID !== null) {\n toast.update(toastID, {\n render: t(texts.YOUR_PDF_FILES_ARE_PREPARING_PERCENTAGE_ARE_READY).replace('{percentage}', percentage),\n progress: percentage / 100\n });\n }\n }\n }\n } catch {\n toast.error(t(texts.THERE_WAS_AN_ERROR_WHILE_DOWNLOADING_PDF_TRY_AGAIN), {\n position: toast.POSITION.TOP_RIGHT,\n className: 'error'\n });\n }\n}\n\nexport function* checkAndShowIntroPopups() {\n try {\n const isOwner = yield select(isFormOwnerSelector);\n\n const isAutoDeleteSubmissionsAllowed = yield select(allowAutoDeleteSubmissionsSelector);\n\n if (isAutoDeleteSubmissionsAllowed) {\n // Auto Delete Info Popup Check\n const autoDeleteInterval = yield select(autoDeleteSubmissionsInterval);\n if (isOwner && autoDeleteInterval !== 'Disabled') {\n const formID = yield select(formIDSelector);\n if (StorageHelper.getLocalStorageItem({ key: `${AUTO_DELETE_INFO_POPUP_KEY}_${formID}` }) !== '1') {\n yield put(setOpenIntroModal(AUTO_DELETE_INFORMATION_MODAL));\n }\n }\n }\n } catch (err) {\n yield put({ type: 'INTRO_POP_ERROR', payload: err.toString() });\n }\n}\n","import { call, put, select } from 'redux-saga/effects';\nimport { setTeamProperties, setUserTeamRoles } from '../actions';\nimport { fetchTeamProperties, fetchUserTeamRoles } from '../api';\nimport { getTeamID } from '../selectors';\n\nexport function* initTeam() {\n const teamID = yield select(getTeamID);\n\n if (!teamID) return;\n\n const properties = yield call(fetchTeamProperties, teamID);\n if (properties) {\n yield put(setTeamProperties(properties));\n }\n\n const userRoles = yield call(fetchUserTeamRoles, teamID);\n if (userRoles) {\n yield put(setUserTeamRoles(userRoles));\n }\n}\n","import {\n all,\n call,\n put,\n select\n} from 'redux-saga/effects';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { asyncActions } from '../actions/actionTypes';\nimport { formIDSelector } from '../selectors';\nimport { getAIAgentProps, getAiAgents, createAiAgent as createAiAgentAPI } from '../api';\n\nconst {\n FETCH_AI_AGENTS,\n CREATE_AI_AGENT\n} = asyncActions;\n\nexport function* fetchAiAgents() {\n try {\n const formId = yield select(formIDSelector);\n const content = yield call(getAiAgents, formId);\n\n const agents = content.reduce((acc, curr) => {\n return { ...acc, [curr.uuid]: curr };\n }, {});\n\n const agentPropsArray = yield all(Object.keys(agents).map(agentId => call(getAIAgentProps, agentId)));\n Object.keys(agents).forEach((agentId, index) => {\n const agentProps = agentPropsArray[index];\n const avatarIconProp = agentProps.find(prop => prop.prop === 'avatarIconLink');\n const avatarIconUrl = avatarIconProp ? avatarIconProp.value : null;\n\n agents[agentId] = {\n ...agents[agentId],\n avatarIconUrl\n };\n });\n\n yield put({\n type: FETCH_AI_AGENTS.SUCCESS,\n agents\n });\n } catch (e) {\n console.error(e);\n yield put({\n type: FETCH_AI_AGENTS.FAILURE\n });\n }\n}\n\nexport function* createAiAgent() {\n try {\n const formId = yield select(formIDSelector);\n yield call(createAiAgentAPI, {\n resources: [{ resource_id: formId, resource_type: 'FORM' }],\n materials: [{ type: 'TEXT', data: '' }]\n });\n\n handleCustomNavigation(`/agent/build/form/${formId}`, '_self');\n yield put({\n type: CREATE_AI_AGENT.SUCCESS\n });\n } catch (e) {\n console.error(e);\n yield put({\n type: CREATE_AI_AGENT.FAILURE\n });\n }\n}\n","import {\n all,\n takeEvery,\n put,\n fork,\n takeLatest\n} from 'redux-saga/effects';\n\nimport { syncActions, asyncActions } from '../actions/actionTypes';\n\nimport {\n getUserSaga,\n getUserFormsSaga\n} from './userSagas';\n\nimport {\n getFormSaga,\n updateFormSaga\n} from './formSagas';\n\nimport {\n getQuestionsSaga,\n updateQuestionSaga,\n updateTagSaga,\n addDummyQuestionsSaga,\n questionValuesFlow\n} from './questionSagas';\n\nimport {\n updateSubmissionSaga,\n deleteSubmissionSaga,\n updateSubmissionTagSaga,\n updateActiveSubmissionActionSaga,\n deleteBulkSubmissionSaga,\n downloadAttachmentsSaga,\n updateSentbox,\n initializeEncryptionWorkers,\n decryptSubmissions,\n getAgentSubmissionHistory\n} from './submissionSagas';\n\nimport {\n fixSelectionFlow,\n setAiConversationsToggle,\n submissionSelectionFlow\n} from './uiSagas';\n\nimport {\n initFlow,\n momentFlow,\n submissionPrintFlow,\n multipleDownloadFlow,\n checkAndShowIntroPopups\n} from './otherSagas';\n\nimport { withTimeout } from './sagaHelpers';\nimport { initTeam } from './teamSagas';\nimport { createAiAgent, fetchAiAgents } from './aiAgentsSagas';\n\n// import { getDummyQuestionKeys } from '../utils';\n\nconst {\n SET_FLAG,\n SET_SUBMISSION_NEW,\n ASSIGN_TAG,\n UPDATE_TAG,\n PREPARE_MULTIPLE_DOWNLOAD,\n RENEW_QUESTIONS,\n UPDATE_SENTBOX,\n INIT_TEAM,\n INITIALIZE_ENCRYPTION_WORKERS,\n SET_ACTIVE_SUBMISSION,\n SET_ACTIVE_TAB\n} = syncActions;\n\nconst {\n USER_FETCH,\n USER_FORMS_FETCH,\n FORM_FETCH,\n QUESTIONS_FETCH,\n FORM_UPDATE,\n SUBMISSION_UPDATE,\n ADD_DUMMY_QUESTIONS,\n SUBMISSION_DELETE,\n QUESTION_UPDATE,\n BULK_SUBMISSION_DELETE,\n DOWNLOAD_ATTACHMENTS,\n SUBMISSIONS_FETCH,\n FETCH_AI_AGENTS,\n CREATE_AI_AGENT\n} = asyncActions;\n\nfunction* watchAll() {\n const sagaWatchList = [\n takeEvery(USER_FETCH.REQUEST, withTimeout(getUserSaga)),\n takeEvery(UPDATE_SENTBOX, withTimeout(updateSentbox)),\n takeEvery(USER_FORMS_FETCH.REQUEST, withTimeout(getUserFormsSaga)),\n takeEvery(FORM_FETCH.REQUEST, withTimeout(getFormSaga)),\n takeEvery(FORM_UPDATE.REQUEST, withTimeout(updateFormSaga)),\n takeEvery(QUESTIONS_FETCH.REQUEST, withTimeout(getQuestionsSaga)),\n takeEvery(RENEW_QUESTIONS, withTimeout(getQuestionsSaga)),\n takeEvery(QUESTION_UPDATE.REQUEST, withTimeout(updateQuestionSaga)),\n takeEvery(ADD_DUMMY_QUESTIONS.REQUEST, withTimeout(addDummyQuestionsSaga)),\n takeEvery(SUBMISSION_DELETE.REQUEST, withTimeout(deleteSubmissionSaga)),\n takeEvery(SUBMISSION_UPDATE.REQUEST, withTimeout(updateSubmissionSaga)),\n takeEvery(ASSIGN_TAG, withTimeout(updateSubmissionTagSaga)),\n takeEvery(UPDATE_TAG, withTimeout(updateTagSaga)),\n takeEvery(BULK_SUBMISSION_DELETE.REQUEST, deleteBulkSubmissionSaga),\n takeEvery(PREPARE_MULTIPLE_DOWNLOAD, multipleDownloadFlow),\n takeEvery(DOWNLOAD_ATTACHMENTS.REQUEST, downloadAttachmentsSaga),\n takeEvery(FORM_FETCH.SUCCESS, checkAndShowIntroPopups),\n takeEvery(INIT_TEAM, initTeam),\n takeEvery(SET_ACTIVE_SUBMISSION, getAgentSubmissionHistory),\n\n takeLatest(INITIALIZE_ENCRYPTION_WORKERS, initializeEncryptionWorkers),\n takeLatest(SUBMISSIONS_FETCH.SUCCESS, decryptSubmissions),\n takeLatest(SET_ACTIVE_TAB, setAiConversationsToggle),\n takeEvery(FETCH_AI_AGENTS.REQUEST, fetchAiAgents),\n takeEvery(CREATE_AI_AGENT.REQUEST, createAiAgent),\n\n /**\n * PROXY SAGA CALLS\n */\n takeEvery(SET_SUBMISSION_NEW, updateActiveSubmissionActionSaga('new')),\n takeEvery(SET_FLAG, function* setFlag({ sid, status }) { yield put({ type: SUBMISSION_UPDATE.REQUEST, sid, data: { flag: status } }); })\n ];\n\n yield all([\n ...sagaWatchList,\n fork(initFlow),\n fork(submissionSelectionFlow),\n fork(fixSelectionFlow),\n fork(submissionPrintFlow),\n fork(momentFlow),\n fork(questionValuesFlow),\n fork(setAiConversationsToggle)\n ]);\n}\n\nexport default watchAll;\n","// extracted by css-extract-rspack-plugin\nexport default {\"container\":\"U7fzN3YkDMKXYNf0\",\"headerless\":\"NVNlwp69uyQwt266\",\"modal\":\"_gzlRkzxucQsPpCl\",\"icon\":\"LqfrFUT7m01kRQIn\",\"text\":\"Jr5QnyBfGXsQNwj8\",\"title\":\"KgLZSKfeHbgMeRll\",\"desc\":\"SPQbpjbGSXI_Imf8\",\"backButton\":\"sKJQQjEz2e4U4w7V\"};","import React, { Component } from 'react';\nimport PropTypes, { bool, func } from 'prop-types';\nimport classnames from 'classnames';\nimport { t } from '@jotforminc/translation';\nimport Tracking from '@jotforminc/tracking';\n\nimport SVG from '../../components/SVG';\nimport style from '../../styles/errorBoundry.module.scss';\n\nclass ErrorBoundry extends Component {\n constructor(props) {\n super(props);\n this.state = {\n hasError: false\n };\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: error };\n }\n\n componentDidCatch(error, errorInfo) {\n const { setBreakingErrorState } = this.props;\n setBreakingErrorState(error);\n\n Tracking.captureException(error, scope => {\n scope.addBreadcrumb({\n type: 'error',\n level: 'error',\n category: 'inboxErrorBoundry',\n message: errorInfo.componentStack\n });\n });\n }\n\n render() {\n const { children, headerless } = this.props;\n const { hasError } = this.state;\n if (hasError) {\n return (\n \n
\n
\n
\n
\n
\n {t('An unexpected error occurred')}\n \n
\n {t('We’re notified about the error and will fix the issue shortly. Please try again later.')}\n
\n
\n
\n {t('Back to My Forms')}\n \n
\n
\n \n ));\n }\n });\n\n // Be sure to ONLY add this middleware in development!\n const middlewares = process.env.NODE_ENV === 'test'\n ? [createInvariantMiddleware(), sagaMiddleware] : [sagaMiddleware];\n\n // Initialize store\n const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n const store = createStore(reducers, reducers(undefined, {}), composeEnhancers(applyMiddleware(...middlewares)));\n\n // Run saga middleware with defined sagas\n sagaMiddleware.run(Sagas);\n\n initializedStore = store;\n\n return store;\n}\n\nexport default initiator;\n","import { RequestLayer, Interceptors } from '@jotforminc/request-layer';\n\nexport const layer = new RequestLayer('/API', {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nconst getTeamHeaders = (teamInfo = {}) => {\n const { disableTeamPrefix = false, teamID = '' } = teamInfo;\n\n return {\n headers: {\n ...(teamID && !disableTeamPrefix) ? { 'jf-team-id': teamID } : {}\n },\n disableTeamIDHeader: disableTeamPrefix\n };\n};\n\nexport const completeTask = (taskID, teamInfo, body) => layer.post(`workflow/task/${taskID}/complete`, body, getTeamHeaders(teamInfo));\nexport const reassignTask = (taskID, teamInfo, body) => layer.post(`workflow/task/${taskID}/reassign`, body, getTeamHeaders(teamInfo));\nexport const getTaskOccurenceTimeByTaskID = (taskID, teamInfo) => layer.get(`workflow/task/${taskID}/occurence`, getTeamHeaders(teamInfo));\nexport const getTaskBySubmissionID = (submissionID, teamInfo) => layer.get(`workflow/submission/${submissionID}/tasks?includeHistory=1`, getTeamHeaders(teamInfo));\nexport const terminateWorkflow = async (instanceID, teamInfo, body) => (instanceID ? layer.post(`workflow/instance/${instanceID}/cancel`, body, getTeamHeaders(teamInfo)) : undefined);\nexport const onRetryActionRequest = async (taskID, teamInfo) => layer.post(`workflow/task-integration/${taskID}/retry`, getTeamHeaders(teamInfo));\nexport const startWorkflow = async (submissionID, teamInfo, body, enableWorkflow) => (submissionID\n ? layer.post(`workflow/submission/${submissionID}/start${enableWorkflow ? `?enableWorkflow=${enableWorkflow}` : ''}`, body, getTeamHeaders(teamInfo))\n : undefined);\nexport const workflowStartOver = async (instanceID, teamInfo, body) => (instanceID ? layer.post(`workflow/instance/${instanceID}/restart`, body, getTeamHeaders(teamInfo)) : undefined);\nexport const loadSubmissionThread = async ({\n submissionID, project = '', apiKey, teamInfo\n}) => {\n if (!submissionID || submissionID === -1) {\n return { thread: [], users: [] };\n }\n\n const [thread, users] = await Promise.all([\n layer.get(`${project}/submission/${submissionID}/thread${apiKey ? `?apiKey=${apiKey}` : ''}`, getTeamHeaders(teamInfo)),\n layer.get(`${project}/submission/${submissionID}/users${apiKey ? `?apiKey=${apiKey}` : ''}`, getTeamHeaders(teamInfo))\n ]);\n\n return { thread, users };\n};\nexport const getCompletedApprovalTask = (submissionID, teamInfo) => (submissionID ? layer.get(\n `workflow/submission/${submissionID}/tasks?limit=50&filter=${encodeURI(JSON.stringify({ 'status:eq': ['COMPLETED'], onlyAssignee: '1' }))}`,\n getTeamHeaders(teamInfo)\n) : []);\n\nexport const getActiveApprovalTask = (submissionID, teamInfo) => (submissionID ? layer.get(\n `workflow/submission/${submissionID}/tasks?limit=50&filter=${encodeURI(JSON.stringify({ 'status:ne': ['COMPLETED', 'CANCELED'], onlyAssignee: '1' }))}`,\n getTeamHeaders(teamInfo)\n) : []);\n","import React, {\n createContext, useContext, useEffect\n} from 'react';\nimport {\n node, oneOf, shape, string, bool, func\n} from 'prop-types';\nimport { useRequest } from '@jotforminc/hooks';\nimport { propTypes } from '@jotforminc/constants';\nimport { loadSubmissionThread } from '../api';\n\nconst ThreadContext = createContext({ });\n\nexport const useThread = () => useContext(ThreadContext);\n\nconst ThreadProvider = ({\n layout,\n submission,\n children,\n userTimeZone,\n dateFormat,\n additionalEntryTypes,\n subThreads,\n NoteEditor,\n project,\n actionHandler,\n apiKey,\n teamInfo\n}) => {\n const { id: submissionID } = submission;\n const request = useRequest(loadSubmissionThread);\n\n const reload = () => request?.load({\n submissionID, project, apiKey, teamInfo\n });\n\n const value = {\n ...request, reload, submissionID, layout, userTimeZone, dateFormat, additionalEntryTypes, subThreads, NoteEditor, actionHandler, teamInfo\n };\n\n useEffect(() => {\n reload();\n }, [submission.updated_at, submissionID]);\n\n return (\n \n {children}\n \n );\n};\n\nThreadProvider.propTypes = {\n userTimeZone: string.isRequired,\n dateFormat: string.isRequired,\n submission: propTypes.submissionPropType.isRequired,\n layout: oneOf(['narrow', 'normal', 'wide']),\n children: node.isRequired,\n additionalEntryTypes: shape({}),\n subThreads: bool,\n NoteEditor: node,\n project: string,\n actionHandler: func,\n apiKey: string,\n teamInfo: shape({\n teamID: string,\n disableTeamPrefix: bool\n })\n};\n\nThreadProvider.defaultProps = {\n layout: 'normal',\n additionalEntryTypes: {},\n subThreads: false,\n NoteEditor: false,\n project: '',\n actionHandler: f => f,\n apiKey: null,\n teamInfo: {}\n};\n\nexport default ThreadProvider;\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","import { WORKFLOW_SYSTEM_OUTCOMES } from '../constants/systemOutcomes';\n\nexport const getOutcomeByID = (outcomeID, outcomes) => {\n if (WORKFLOW_SYSTEM_OUTCOMES[outcomeID] > -1) {\n return { outcomeID };\n }\n\n return (outcomes.find(({ outcomeID: tempOutcomeID }) => parseInt(tempOutcomeID, 10) === parseInt(outcomeID, 10)) || {});\n};\n\nexport const isOutcomeBelongsToSystem = outcomeID => {\n return !!WORKFLOW_SYSTEM_OUTCOMES[outcomeID];\n};\n\nexport const isWorkflowSystemUser = username => {\n return username === '!workflow_system';\n};\n\nexport const didActiveSubmissionChange = submissionID => (window && window.activeSubmissionID && window.activeSubmissionID !== submissionID);\n\nexport const stripHTML = string => {\n if (\n string.indexOf\n && (string.indexOf('<') !== -1 || string.indexOf('>') !== -1)\n ) {\n const tmp = document.createElement('DIV');\n tmp.innerHTML = string;\n return tmp.textContent || tmp.innerText || string;\n }\n return string;\n};\n\nexport const decodeHTML = html => {\n const txt = document.createElement('textarea');\n txt.innerHTML = html;\n return txt.value;\n};\n","import React, {\n createContext, useContext, useMemo, useState, useEffect\n} from 'react';\nimport {\n node, bool, func, string, number, shape\n} from 'prop-types';\nimport moment from 'moment-timezone';\nimport { getPossibleTimeZone } from '@jotforminc/utils';\nimport { useRequest } from '@jotforminc/hooks';\nimport { propTypes, DEFAULT_DATE_FORMAT } from '@jotforminc/constants';\nimport {\n getActiveApprovalTask, getCompletedApprovalTask, workflowStartOver, terminateWorkflow, startWorkflow,\n onRetryActionRequest\n} from '../api';\nimport { didActiveSubmissionChange } from '../utils';\n\nconst WorkflowContext = createContext({ });\n\nexport const useWorkflow = () => useContext(WorkflowContext);\n\nconst WorkflowProvider = ({\n children,\n isFormOwner,\n user,\n submission,\n onRenewSubmission,\n activeTabID,\n formID,\n featureSubmissionThread,\n recordEvent,\n dateFormat,\n canUndo = false,\n undoTimeout = 5000,\n teamInfo = {},\n isCollaborator\n}) => {\n const [isStartOverPressed, setIsStartOverPressed] = useState(false);\n const [showFixErrorsInWorkflow, setShowFixErrorsInWorkflow] = useState(false);\n const [undoFns, setUndoFns] = useState({});\n const [completeFns, setCompleteFns] = useState({});\n const [fakeEntries, setFakeEntries] = useState({});\n const [showToastState, setshowToastState] = useState(false);\n const {\n id: submissionID,\n workflowStatusDetails,\n workflowStatus,\n workflowInstanceID,\n isWorkflowEnabled = null\n } = submission || {};\n\n const approvalRequestConditionaly = () => {\n if (featureSubmissionThread && submissionID !== -1 && workflowStatus !== 'CANCELED') {\n if (activeTabID === 'completed') return getCompletedApprovalTask(submissionID, teamInfo);\n return getActiveApprovalTask(submissionID, teamInfo);\n }\n return [];\n };\n\n const request = useRequest(approvalRequestConditionaly, 'submissionWorkFlow');\n const reload = () => request?.load(submissionID);\n const query = { ...request, reload };\n\n useEffect(() => {\n reload();\n }, [submission.updated_at, submissionID]);\n\n const ignoreHiddenSpanTag = text => {\n const spanRegExp = new RegExp(/]*>[\\s\\S]+<\\/span>/gm);\n if (user.isHIPAA === '1' && spanRegExp.test(text)) {\n return 'Hidden PHI Field';\n }\n return text;\n };\n\n const getTaskLists = (taskArray = []) => (\n taskArray.map(task => {\n const {\n element: {\n comment__commentRequired: commentRequired,\n requestMore\n },\n properties: {\n assigneeUser: {\n avatarUrl,\n name,\n email\n } = {},\n assigneeEmail: assigneeUserEmail = '',\n taskName\n },\n error: errorObj,\n status,\n team = null\n } = task;\n const subtasks = (task.subtasks || []).reduce((res, curr) => {\n const {\n assigneeUser, assigneeEmail, avatarUrl: subtaskAvatarUrl, comment, signature\n } = curr.properties;\n if (!assigneeUser) {\n return res;\n }\n res[assigneeUser.email] = {\n ...curr,\n element: task.element,\n email: assigneeEmail,\n name: assigneeUser.name || assigneeUser.username,\n avatarUrl: assigneeUser.avatarUrl || subtaskAvatarUrl,\n comment: comment,\n signature: signature?.value\n };\n return res;\n }, {});\n const isCurrentUserApprover = subtasks[user.email] ? subtasks[user.email].status === 'ACTIVE' : user.email === email;\n const isActive = status === 'ACTIVE' || status === 'PENDING' || status === 'FAILED';\n const isCommentRequired = commentRequired === 'Yes';\n return {\n isCommentRequired,\n avatarUrl,\n isActive,\n task,\n isCurrentUserApprover,\n name: ignoreHiddenSpanTag(name),\n assigneeEmail: ignoreHiddenSpanTag(email || assigneeUserEmail),\n taskName,\n errorObj,\n requestMore,\n subtasks,\n team\n };\n })\n );\n\n const taskLists = useMemo(() => {\n if (query?.data && Array.isArray(query.data)) {\n return query.data.reduce((acc, res) => [\n ...acc,\n ...getTaskLists(res?.taskList)\n ], []);\n }\n\n return [];\n }, [query?.data, user?.email]);\n\n const activeTaskList = useMemo(() => {\n return taskLists?.filter(t => t.isActive && t.taskName !== 'Merge Point') || [];\n }, [taskLists]);\n\n /* eslint-disable camelcase */\n const instanceID = useMemo(() => workflowInstanceID || (query?.data || []).find(task => task.instance_status === 'ACTIVE')?.instance_id || null, [workflowInstanceID, query?.data]);\n\n const onTaskListRenew = () => {\n // If submission changes and there's a pending request, somehow it shows the old submission's thread\n // Couldn't think of a better way this is a workaround\n if (didActiveSubmissionChange(submissionID)) {\n return;\n }\n onRenewSubmission(submissionID, false);\n };\n\n const onStartOver = () => {\n recordEvent('WF-Error-Restarted', 'workflow');\n setIsStartOverPressed(true);\n return workflowStartOver(instanceID, teamInfo);\n };\n\n const onCancelFlow = () => {\n return terminateWorkflow(instanceID, teamInfo);\n };\n\n const onStartFlow = enableWorkflow => {\n recordEvent('onStartFlow', 'workflow');\n return startWorkflow(submissionID, teamInfo, null, enableWorkflow);\n };\n\n const undoTaskToastShow = val => {\n setshowToastState(val);\n };\n\n const onRetryAction = task => {\n return onRetryActionRequest(task.id, teamInfo);\n };\n\n useEffect(() => {\n if (isStartOverPressed && submission.workflowStatus === 'ERRORED') {\n setShowFixErrorsInWorkflow(true);\n } else {\n setShowFixErrorsInWorkflow(false);\n }\n setIsStartOverPressed(false);\n }, [submission]);\n\n const userTimeZone = getPossibleTimeZone();\n const formatDate = datetime => {\n const serverTimeZone = 'America/New_York';\n const momentFormat = 'YYYY-MM-DD HH:mm ZZ';\n\n let dateObject = moment.tz(datetime, momentFormat, serverTimeZone);\n if (userTimeZone) {\n dateObject = dateObject.clone().tz(userTimeZone);\n }\n\n return dateObject.format(dateFormat);\n };\n\n const value = {\n ...query,\n submissionID,\n formID,\n user,\n onTaskListRenew,\n instanceID,\n taskLists,\n isFormOwner,\n onStartOver,\n onCancelFlow,\n onStartFlow,\n onRenewSubmission,\n workflowStatusDetails,\n workflowStatus,\n showFixErrorsInWorkflow,\n setShowFixErrorsInWorkflow,\n activeTaskList,\n userTimeZone,\n dateFormat,\n formatDate,\n undoFns,\n setUndoFns,\n undoTaskToastShow,\n showToastState,\n completeFns,\n setCompleteFns,\n fakeEntries,\n setFakeEntries,\n canUndo,\n undoTimeout,\n teamInfo,\n isCollaborator,\n isWorkflowEnabled,\n onRetryAction\n };\n\n return (\n \n {children}\n \n );\n};\n\nWorkflowProvider.propTypes = {\n submission: propTypes.submissionPropType.isRequired,\n children: node.isRequired,\n user: propTypes.userPropType.isRequired,\n isFormOwner: bool.isRequired,\n onRenewSubmission: func.isRequired,\n activeTabID: string,\n formID: string.isRequired,\n featureSubmissionThread: bool,\n recordEvent: func,\n dateFormat: string,\n canUndo: bool,\n isCollaborator: bool,\n undoTimeout: number,\n teamInfo: shape({\n teamID: string,\n disableTeamPrefix: bool\n })\n};\n\nWorkflowProvider.defaultProps = {\n isCollaborator: false,\n featureSubmissionThread: true,\n recordEvent: f => f,\n activeTabID: '',\n dateFormat: DEFAULT_DATE_FORMAT,\n canUndo: false,\n undoTimeout: 5000,\n teamInfo: {}\n};\n\nexport default WorkflowProvider;\n","import { createContext } from 'react';\n\nconst { Provider: PopoverProvider, Consumer: PopoverConsumer } = createContext();\nexport { PopoverProvider, PopoverConsumer };\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\n\nimport { PopoverProvider } from './context';\n\n/**\n * Root provider for the popover\n */\nclass PopoverContainer extends Component {\n constructor(props) {\n super(props);\n\n this.handleTagEscape = this.handleTagEscape.bind(this);\n this.handleOutsideClick = this.handleOutsideClick.bind(this);\n this.registerCloseCallback = this.registerCloseCallback.bind(this);\n\n this.closeListeners = [];\n }\n\n componentDidMount() {\n global.document.addEventListener('keyup', this.handleTagEscape);\n global.document.addEventListener('click', this.handleOutsideClick, true);\n }\n\n componentWillUnmount() {\n global.document.removeEventListener('keyup', this.handleTagEscape);\n global.document.removeEventListener('click', this.handleOutsideClick, true);\n }\n\n handleTagEscape({ keyCode }) {\n if (keyCode !== 27) {\n return;\n }\n\n this.handleOutsideClick();\n }\n\n handleOutsideClick() {\n this.closeListeners.forEach(cb => {\n if (typeof cb === 'function') {\n cb();\n }\n });\n }\n\n get providerValue() {\n return {\n registerCloseCallback: this.registerCloseCallback,\n closePopovers: this.handleOutsideClick\n };\n }\n\n registerCloseCallback(cb, doRemove = false) {\n if (doRemove) {\n this.closeListeners = this.closeListeners.filter(currentCb => currentCb !== cb);\n return;\n }\n this.closeListeners.push(cb);\n }\n\n render() {\n const { id, className, children } = this.props;\n\n return (\n \n \n {children}\n \n \n );\n }\n}\n\nPopoverContainer.propTypes = {\n /** id to give to the container element */\n id: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.any),\n PropTypes.node,\n PropTypes.element\n ]),\n /** class to give to container element */\n className: PropTypes.string\n};\n\nPopoverContainer.defaultProps = {\n id: 'popover-container',\n children: [],\n className: ''\n};\nexport default PopoverContainer;\n","import { useContext } from 'react';\nimport { Permissions } from '../components/Permissions';\n\nexport const useRole = () => useContext(Permissions.context).role || '';\nexport const usePermissions = () => useContext(Permissions.context).permissions || {};\n","import React from 'react';\nimport { usePermissions } from '../hooks';\n\nexport const withPermissions = Component => props => {\n const permissions = usePermissions();\n\n return \n \n \n
\n
\n \n
{title}
\n {!isEnterprise() &&
{desc}
}\n
\n {button}\n \n \n
= {\n baseline: {\n base: 'items-baseline',\n xs: 'xs:items-baseline',\n sm: 'sm:items-baseline',\n md: 'md:items-baseline',\n lg: 'lg:items-baseline',\n xl: 'xl:items-baseline',\n xxl: 'xxl:items-baseline'\n },\n stretch: {\n base: 'items-stretch',\n xs: 'xs:items-stretch',\n sm: 'sm:items-stretch',\n md: 'md:items-stretch',\n lg: 'lg:items-stretch',\n xl: 'xl:items-stretch',\n xxl: 'xxl:items-stretch'\n },\n center: {\n base: 'items-center',\n xs: 'xs:items-center',\n sm: 'sm:items-center',\n md: 'md:items-center',\n lg: 'lg:items-center',\n xl: 'xl:items-center',\n xxl: 'xxl:items-center'\n },\n end: {\n base: 'items-end',\n xs: 'xs:items-end',\n sm: 'sm:items-end',\n md: 'md:items-end',\n lg: 'lg:items-end',\n xl: 'xl:items-end',\n xxl: 'xxl:items-end'\n },\n start: {\n base: 'items-start',\n xs: 'xs:items-start',\n sm: 'sm:items-start',\n md: 'md:items-start',\n lg: 'lg:items-start',\n xl: 'xl:items-start',\n xxl: 'xxl:items-start'\n }\n};\n\nexport const directionClasses:ResponsiveClasses = {\n column: {\n base: 'flex-col',\n xs: 'xs:flex-col',\n sm: 'sm:flex-col',\n md: 'md:flex-col',\n lg: 'lg:flex-col',\n xl: 'xl:flex-col',\n xxl: 'xxl:flex-col'\n },\n 'column-reverse': {\n base: 'flex-col-reverse',\n xs: 'xs:flex-col-reverse',\n sm: 'sm:flex-col-reverse',\n md: 'md:flex-col-reverse',\n lg: 'lg:flex-col-reverse',\n xl: 'xl:flex-col-reverse',\n xxl: 'xxl:flex-col-reverse'\n },\n row: {\n base: 'flex-row',\n xs: 'xs:flex-row',\n sm: 'sm:flex-row',\n md: 'md:flex-row',\n lg: 'lg:flex-row',\n xl: 'xl:flex-row',\n xxl: 'xxl:flex-row'\n },\n 'row-reverse': {\n base: 'flex-row-reverse',\n xs: 'xs:flex-row-reverse',\n sm: 'sm:flex-row-reverse',\n md: 'md:flex-row-reverse',\n lg: 'lg:flex-row-reverse',\n xl: 'xl:flex-row-reverse',\n xxl: 'xxl:flex-row-reverse'\n }\n};\n\nexport const wrapClasses:ResponsiveClasses = {\n wrap: {\n base: 'flex-wrap',\n xs: 'xs:flex-wrap',\n sm: 'sm:flex-wrap',\n md: 'md:flex-wrap',\n lg: 'lg:flex-wrap',\n xl: 'xl:flex-wrap',\n xxl: 'xxl:flex-wrap'\n },\n nowrap: {\n base: 'flex-nowrap',\n xs: 'xs:flex-nowrap',\n sm: 'sm:flex-nowrap',\n md: 'md:flex-nowrap',\n lg: 'lg:flex-nowrap',\n xl: 'xl:flex-nowrap',\n xxl: 'xxl:flex-nowrap'\n }\n};\n\nexport const orderClasses:ResponsiveClasses = {\n last: {\n base: 'order-last',\n xs: 'xs:order-last',\n sm: 'sm:order-last',\n md: 'md:order-last',\n lg: 'lg:order-last',\n xl: 'xl:order-last',\n xxl: 'xxl:order-last'\n },\n first: {\n base: 'order-first',\n xs: 'xs:order-last',\n sm: 'sm:order-first',\n md: 'md:order-first',\n lg: 'lg:order-first',\n xl: 'xl:order-first',\n xxl: 'xxl:order-first'\n },\n none: {\n base: 'order-none',\n xs: 'xs:order-last',\n sm: 'sm:order-none',\n md: 'md:order-none',\n lg: 'lg:order-none',\n xl: 'xl:order-none',\n xxl: 'xxl:order-none'\n }\n};\n\nexport const growClasses:ResponsiveClasses = {\n 0: {\n base: 'grow-0',\n xs: 'xs:grow-0',\n sm: 'sm:grow-0',\n md: 'md:grow-0',\n lg: 'lg:grow-0',\n xl: 'xl:grow-0',\n xxl: 'xxl:grow-0'\n },\n 1: {\n base: 'grow-1',\n xs: 'xs:grow-1',\n sm: 'sm:grow-1',\n md: 'md:grow-1',\n lg: 'lg:grow-1',\n xl: 'xl:grow-1',\n xxl: 'xxl:grow-1'\n }\n};\n\nexport const shrinkClasses:ResponsiveClasses = {\n 0: {\n base: 'shrink-0',\n xs: 'xs:shrink-0',\n sm: 'sm:shrink-0',\n md: 'md:shrink-0',\n lg: 'lg:shrink-0',\n xl: 'xl:shrink-0',\n xxl: 'xxl:shrink-0'\n },\n 1: {\n base: 'shrink-1',\n xs: 'xs:shrink-1',\n sm: 'sm:shrink-1',\n md: 'md:shrink-1',\n lg: 'lg:shrink-1',\n xl: 'xl:shrink-1',\n xxl: 'xxl:shrink-1'\n }\n};\n\nexport const alignSelfClasses:ResponsiveClasses = {\n baseline: {\n base: 'self-baseline',\n xs: 'xs:self-baseline',\n sm: 'sm:self-baseline',\n md: 'md:self-baseline',\n lg: 'lg:self-baseline',\n xl: 'xl:self-baseline',\n xxl: 'xxl:self-baseline'\n },\n auto: {\n base: 'self-auto',\n xs: 'xs:self-auto',\n sm: 'sm:self-auto',\n md: 'md:self-auto',\n lg: 'lg:self-auto',\n xl: 'xl:self-auto',\n xxl: 'xxl:self-auto'\n },\n center: {\n base: 'self-center',\n xs: 'xs:self-center',\n sm: 'sm:self-center',\n md: 'md:self-center',\n lg: 'lg:self-center',\n xl: 'xl:self-center',\n xxl: 'xxl:self-center'\n },\n start: {\n base: 'self-start',\n xs: 'xs:self-start',\n sm: 'sm:self-start',\n md: 'md:self-start',\n lg: 'lg:self-start',\n xl: 'xl:self-start',\n xxl: 'xxl:self-start'\n },\n end: {\n base: 'self-end',\n xs: 'xs:self-end',\n sm: 'sm:self-end',\n md: 'md:self-end',\n lg: 'lg:self-end',\n xl: 'xl:self-end',\n xxl: 'xxl:self-end'\n },\n stretch: {\n base: 'self-stretch',\n xs: 'xs:self-stretch',\n sm: 'sm:self-stretch',\n md: 'md:self-stretch',\n lg: 'lg:self-stretch',\n xl: 'xl:self-stretch',\n xxl: 'xxl:self-stretch'\n }\n};\n","import React, {\n ComponentPropsWithRef, ElementType, forwardRef\n} from 'react';\nimport { cx } from 'class-variance-authority';\nimport { PolymorphicProps } from '../../types/system.types';\nimport { FlexComponentType, FlexProps } from './flex.types';\nimport { convertResponsiveClass } from '../../utils';\nimport { justifyContentClasses } from '../../constants/common.cva';\n\nimport '@jotforminc/jotform.css';\n\nimport {\n alignItemsClasses,\n alignSelfClasses,\n directionClasses,\n growClasses,\n orderClasses,\n shrinkClasses,\n wrapClasses\n} from './flex.cva';\n\nexport const Flex:FlexComponentType = forwardRef(\n (\n props: PolymorphicProps,\n ref?: ComponentPropsWithRef['ref']\n ): JSX.Element => {\n const {\n as = 'div',\n alignSelf,\n justifyContent,\n alignItems,\n direction,\n wrap,\n grow,\n shrink,\n order,\n inline,\n children,\n className,\n ...rest\n } = props;\n\n const Component = as;\n const flexClasses = [\n !inline ? 'flex' : 'inline-flex',\n ...convertResponsiveClass(justifyContent, justifyContentClasses),\n ...convertResponsiveClass(alignItems, alignItemsClasses),\n ...convertResponsiveClass(direction, directionClasses),\n ...convertResponsiveClass(wrap, wrapClasses),\n ...convertResponsiveClass(grow, growClasses),\n ...convertResponsiveClass(shrink, shrinkClasses),\n ...convertResponsiveClass(order, orderClasses),\n ...convertResponsiveClass(alignSelf, alignSelfClasses)\n ];\n\n return (\n {children} \n );\n }\n);\n","/* eslint-disable react/prop-types */\nimport React from 'react';\nimport Styled from 'styled-components';\nimport Container from '../Container';\n\nexport const LoaderSvg = Styled.svg`\nwidth: 100%;\nheight: 100%;\n.circle {\n fill: none;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 10px;\n stroke-dasharray: 140px;\n stroke-dashoffset: 139px;\n transform: rotate(180deg);\n}\n.c1 {\n animation-name: circleAnim1, color;\n animation-fill-mode: backwards;\n animation-duration: 1.5s, 6s;\n transform-origin: center;\n animation-direction: normal;\n animation-iteration-count: infinite;\n animation-timing-function: cubic-bezier(0.21, 0.09, 0.48, 0.65), ease-out;\n}\n\n@keyframes circleAnim1 {\n 0% { stroke-dashoffset: 139px; }\n 50% {\n stroke-dashoffset: 30px;\n transform: rotate(400deg);\n }\n 100% {\n stroke-dashoffset: 140px;\n transform: rotate(900deg);\n }\n}\n@keyframes color {\n 0% { stroke: #0099ff; }\n 24.9% { stroke: #0099ff; }\n 25% {\n stroke: #ff6100;\n }\n 49.9% {\n stroke: #ff6100;\n }\n 50% {\n stroke: #ffb629;\n }\n 74.9% {\n stroke: #ffb629;\n }\n 75% {\n stroke: #e4ebfc;\n }\n 100% { stroke: #e4ebfc; }\n}\n`;\n\nconst Loader = ({ size, className }) => {\n return (\n \n \n \n );\n};\n\nexport default Loader;\n","const ARROW_KEYS = {\n UP: 'ArrowUp',\n DOWN: 'ArrowDown',\n LEFT: 'ArrowLeft',\n RIGHT: 'ArrowRight'\n};\n\nconst isNextKey = e => [ARROW_KEYS.DOWN, ARROW_KEYS.RIGHT].includes(e.key);\nconst isPrevKey = e => [ARROW_KEYS.UP, ARROW_KEYS.LEFT].includes(e.key);\n\nconst isArrowKey = e => e?.key?.startsWith('Arrow');\n\nconst isSelectorProvided = selector => selector && typeof selector === 'string';\n\n/**\n * Moves focus to next or previous element and\n * calls optional callback with the event and the newly focused element.\n *\n * @param {KeyboardEvent} event\n * @param {Function} onElementClick\n * @param {Boolean|string} selector\n * @returns {void}\n */\nexport const a11yListNavigation = (event, onElementClick = false, selector = false) => {\n try {\n const { currentTarget } = event;\n\n if (!isArrowKey(event)) return;\n\n let nextElement;\n if (isNextKey(event)) {\n nextElement = currentTarget?.nextElementSibling;\n if (isSelectorProvided(selector)) {\n nextElement = currentTarget\n ?.closest(selector.split('>')[0].trim())\n ?.nextElementSibling\n ?.querySelector(selector.split('>')[1].trim());\n }\n } else if (isPrevKey(event)) {\n nextElement = currentTarget?.previousElementSibling;\n if (isSelectorProvided(selector)) {\n nextElement = currentTarget\n ?.closest(selector.split('>')[0].trim())\n ?.previousElementSibling\n ?.querySelector(selector.split('>')[1].trim());\n }\n }\n\n if (!nextElement) {\n return;\n }\n\n if (nextElement?.hasAttribute('chromevoxignoreariahidden')) {\n // Chromevox adds a reduntant div element to focus on in case\n // it lands on an unfocusable element, this element however\n // breaks the navigation flow, so we are removing this item.\n nextElement.remove();\n return a11yListNavigation(event, onElementClick);\n }\n\n nextElement?.focus();\n\n if (onElementClick) {\n const nextEvent = new window.KeyboardEvent('keydown');\n Object.defineProperty(nextEvent, 'target', { writable: false, value: nextElement });\n onElementClick(nextEvent, nextElement);\n }\n } catch (error) {\n console.error(error);\n }\n};\n\nconst ACTION_KEYS = {\n ENTER: 'Enter',\n SPACE: ' '\n};\n\nconst isActionKeyPressed = e => Object.values(ACTION_KEYS).indexOf(e.key) > -1;\n\nexport const a11yClickHandler = (event, handler = false) => {\n try {\n if (!isActionKeyPressed(event)) {\n return;\n }\n\n if (handler) {\n handler(event);\n }\n } catch (e) {\n console.error(e);\n }\n};\n\nexport const a11yAnnounce = (text, priority) => {\n try {\n const visuallyHidden = {\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: '0',\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n 'white-space': 'nowrap',\n border: '0'\n };\n\n const el = document.createElement('div');\n const id = `speak-${Date.now()}`;\n el.setAttribute('id', id);\n el.setAttribute('aria-live', priority || 'polite');\n\n Object.keys(visuallyHidden).forEach(rule => {\n el.style[rule] = visuallyHidden[rule];\n });\n\n document.body.appendChild(el);\n\n window.setTimeout(() => {\n document.getElementById(id).textContent = text;\n }, 100);\n\n window.setTimeout(() => {\n document.body.removeChild(document.getElementById(id));\n }, 1000);\n } catch (e) {\n console.error(e);\n }\n};\n","import { createPortal } from 'react-dom';\nimport React, { Component } from 'react';\nimport {\n node,\n func,\n bool,\n string,\n number,\n oneOfType,\n instanceOf,\n elementType\n} from 'prop-types';\nimport { Button } from '@jotforminc/magnet';\nimport { a11yClickHandler } from '@jotforminc/utils';\nimport { IconXmark } from '@jotforminc/svg-icons';\n\nimport '../styles/style.scss';\n\n/**\n * Displays a popup with two configurable buttons\n */\nexport class TwoButtonPopup extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isOpen: props.initialState\n };\n\n this.show = this.show.bind(this);\n this.hide = this.hide.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n this.handleEscape = this.handleEscape.bind(this);\n this.handleSave = this.handleSave.bind(this);\n this.handleClickOutside = this.handleClickOutside.bind(this);\n this.handleKeyPressCancel = this.handleKeyPressCancel.bind(this);\n }\n\n componentDidMount() {\n const { modalAutoFocus } = this.props;\n\n if (modalAutoFocus && this.modalContainerRef) {\n this.modalContainerRef.focus();\n }\n }\n\n handleCancel(e) {\n const { onClose } = this.props;\n this.hide();\n onClose(e);\n }\n\n handleKeyPressCancel(e) {\n e.stopPropagation();\n a11yClickHandler(e, this.handleCancel);\n }\n\n handleEscape(e) {\n e.stopPropagation();\n if (e.key === 'Escape') this.handleCancel();\n }\n\n async handleSave() {\n const { onSave } = this.props;\n const result = await onSave();\n\n if (result) {\n this.setState({\n isOpen: false\n });\n }\n }\n\n handlePropagation(e) {\n e.stopPropagation();\n }\n\n handleClickOutside(e) {\n const { disableClickOutside } = this.props;\n\n if (disableClickOutside) {\n e.stopPropagation();\n } else {\n this.handleCancel();\n }\n }\n\n get classNames() {\n const {\n className\n } = this.props;\n\n return [\n 'jfModal-wrapper',\n className\n ].filter(a => a).join(' ');\n }\n\n get isOpen() {\n const { isOpen } = this.state;\n return isOpen;\n }\n\n show() {\n this.setState({\n isOpen: true\n });\n }\n\n hide() {\n this.setState({\n isOpen: false\n });\n }\n\n renderFooter() {\n const {\n saveText,\n showSave,\n showClose,\n footerContent,\n contentBetweenButtons,\n onDiscard,\n saveButtonDisabled,\n buttonsTabIndex,\n cancelText,\n CustomFooter\n } = this.props;\n\n return (\n \n {CustomFooter ? (\n
\n ) : (\n <>\n {footerContent}\n
\n {showClose ? (\n {\n this.handleCancel();\n onDiscard();\n }}\n >\n {cancelText}\n \n ) : null}\n {contentBetweenButtons}\n {showSave ? (\n \n {saveText}\n \n ) : null}\n
\n \n )}\n
\n
\n \n
\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n
{ this.modalContainerRef = ref; }}\n >\n \n {headerIcon &&
{headerIcon}
}\n
\n
{title}
\n {subtitle &&
{subtitle}
}\n { showCloseOnRightCorner && (\n
\n \n )}\n
\n
\n {children}\n
\n {showFooter && this.renderFooter()}\n {mostBottomContent}\n
\n \n {({\n addClass,\n removeClass,\n toggleClass,\n hasClass,\n classNames\n }) => (\n \n );\n }\n};\n","/* eslint-disable max-classes-per-file */\nimport React, { createContext, Component, useMemo } from 'react';\nimport { t } from '@jotforminc/translation';\n\nimport { string } from 'prop-types';\n\nimport { assert } from '../../utils';\nimport texts from '../../constants/texts';\n\nconst { Provider, Consumer } = createContext();\n\nexport const withTranslationManager = WrappedComponent => {\n const Translation = props => {\n const { language } = props;\n const branding21 = true;\n\n const translation = useMemo(() => {\n if (!language) return texts;\n const translated = Object.keys(texts).reduce((accum, key) => {\n const translatedText = t(texts[key]) || texts[key];\n\n return {\n ...accum,\n [key]: branding21 ? translatedText.replace(/JotForm/g, 'Jotform') : translatedText\n };\n }, {});\n\n return global.Proxy\n ? new Proxy(translated, {\n get: function getter(target, prop) {\n if (prop === '@@toStringTag') return 'Translation';\n if (prop === '_reactFragment') return 'React.Fragment';\n if (typeof prop === 'symbol') return target[prop];\n assert(target[prop], new Error(`withTranslationManager: Given key (${prop}) does not exist!`));\n return target[prop];\n }\n })\n : translated;\n }, [language]);\n\n return (\n \n \n {({\n translation\n }) => (\n \n );\n }\n};\n","import { compose } from 'redux';\nimport { withUIDispatcher } from '../UserInterfaceManager';\n// import { withActionTracker } from '../ActionTracker';\nimport { withTranslation } from '../Translation';\n\n// TODO: exclude action/target pairs\n// const EXCLUDE_TARGETS = [];\n// const EXCLUDE_ACTIONS = ['onFrameLoad', 'onSubmissionRequest', 'onActiveSubmissionChange', 'onWindowSizeChange', 'onEvent'];\n\nexport const withInboxEnhancer = (name, ...modifiers) => compose(\n withTranslation,\n withUIDispatcher,\n ...modifiers\n // withActionTracker(name, target => EXCLUDE_TARGETS.indexOf(target) === -1, action => EXCLUDE_ACTIONS.indexOf(action) === -1)\n);\n","/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { connect } from 'react-redux';\nimport {\n arrayOf, func, bool, shape\n} from 'prop-types';\nimport React, {\n useRef, useEffect, useState\n} from 'react';\nimport Tethered from 'react-tether';\nimport { Tooltip } from '@jotforminc/tooltip';\nimport { translationRenderer } from '@jotforminc/translation';\nimport { usePermissions } from '@jotforminc/permissions';\nimport { Checkbox } from '@jotforminc/magnet';\nimport { TwoButtonPopup as Modal } from '@jotforminc/two-button-popup';\nimport { ButtonField as Button } from '@jotforminc/button-field';\n\nimport { withRouter } from 'react-router-dom';\nimport { IconCheckCircleFilled } from '@jotforminc/svg-icons';\nimport { useDebounce } from '@jotforminc/hooks';\nimport SVG from '../../components/SVG';\n\nimport { useClickOutsideState } from '../../hooks';\n\nimport {\n submissionPropType,\n NUMBER_OR_STRING_PROPTYPE,\n enhancedProps\n} from '../../constants/proptypes';\n\nimport {\n activeSubmissionSelector,\n selectedSubmissionIDsSelector,\n filteredActiveSubmissionIndexSelector,\n isFavoriteSelectedSelector,\n isUnreadSelectedSelector,\n submissionsDeletingSelector,\n formSelector,\n userSelector,\n activeTabIDSelector,\n filterResultCountSelector,\n allSubmissionsSelectedSelector,\n editSubmissionPreference,\n filterTextSelector,\n filterObjectSelector,\n questionsSelector,\n submissionsSelector,\n userTypeSelector,\n isFormOwnerSelector,\n isSignFormSelector,\n isPreviousOrdersSelector,\n isPwaSelector,\n isTeamContextAllowedSelector\n} from '../../selectors';\n\nimport {\n updateBulkSubmission,\n deleteBulkSubmission,\n selectBulkSubmissions,\n prepareMultipleDownload,\n setViews\n} from '../../actions';\n\nimport WatchmanRecorder from '../../utils/WatchmanRecorder';\nimport { classNames, mapGeneralCurrentFilter, updateLocationParams } from '../../utils';\nimport { withInboxEnhancer } from '../../hocs/InboxEnhancer';\nimport { getInboxViews, saveInboxView } from '../../api';\nimport { MOBILE_MAX_WIDTH } from '../../constants';\n\nexport const SearchPanelToolbarComponent = ({\n activeTab,\n submissionsCount,\n allSubmissionsSelected,\n selectedSubmissionIDs,\n onSelectSubmissions,\n activeSubmissionIndex,\n submissionCount,\n changeFilter,\n filterObject,\n filterCount,\n form,\n onSetViews,\n history,\n t,\n isPreviousOrders,\n isPwa,\n isTeamContextAllowed\n}) => {\n const submissionExist = submissionsCount > 0;\n const isSubmissionSelectedAfterSelectAll = allSubmissionsSelected && selectedSubmissionIDs.length === 0;\n const isSelectAll = !allSubmissionsSelected && submissionExist && selectedSubmissionIDs.length === submissionsCount;\n const isDeselectAll = allSubmissionsSelected && submissionExist && selectedSubmissionIDs.length === submissionsCount;\n const checkDeselectAll = isDeselectAll ? '' : false;\n const isAllSubmissionsSelected = isSubmissionSelectedAfterSelectAll || isSelectAll ? true : checkDeselectAll;\n const isMultipleSubmissionSelected = isAllSubmissionsSelected || selectedSubmissionIDs.length > 0;\n\n const selectedCount = allSubmissionsSelected ? submissionCount - selectedSubmissionIDs.length : selectedSubmissionIDs.length;\n const checkboxMenuRef = useRef(null);\n const dropdownRef = useRef(null);\n const [nameValue, setNameValue] = useState('');\n\n const [isCheckboxMenuVisible, setCheckboxMenuVisibility] = useClickOutsideState(false, [checkboxMenuRef]);\n\n useEffect(() => {\n if (isCheckboxMenuVisible && dropdownRef.current) {\n dropdownRef.current.focus();\n }\n }, [isCheckboxMenuVisible]);\n\n const onSelectAllCheckbox = () => {\n if (isAllSubmissionsSelected || isMultipleSubmissionSelected) {\n return onSelectSubmissions('clear');\n }\n\n return onSelectSubmissions('all');\n };\n\n const onCheckboxMenuClick = () => {\n setCheckboxMenuVisibility(!isCheckboxMenuVisible);\n };\n\n const onSelectFilterValue = useDebounce(filterVal => {\n if (filterVal['conversation_type:eq'] || filterVal['ai_agent_id:ne']) {\n // possible action tags: incomplete, submission, ai-conversations\n const actionTag = filterVal['conversation_type:eq'] ?? 'ai-conversations';\n WatchmanRecorder.recordEvent(actionTag, 'inbox-ai-transcript');\n }\n changeFilter(filterVal);\n }, 250);\n\n const getSubmissionTranslatedStrings = () => {\n if (submissionsCount <= 0) { return t.NO_SUBMISSIONS; }\n const isFiltered = Object.keys(filterObject).length;\n\n if (isFiltered) {\n let finalResult = '';\n const currentFilter = mapGeneralCurrentFilter(filterObject);\n if (currentFilter) {\n const translationText = `{activeSubmission} of {totalSubmissions} submission${filterCount > 1 ? 's' : ''} ${filterCount > 1 ? 'are' : 'is'} [1[${currentFilter}]]`;\n const [translatedResult] = translationRenderer(translationText)({\n renderer1: text => `${text} `\n });\n\n finalResult = typeof translatedResult === 'string' ? translatedResult : translatedResult?.join('');\n\n finalResult = finalResult.replace(/ /g, '\\u00A0').replace('{activeSubmission}', `${activeSubmissionIndex + 1} `).replace('{totalSubmissions}', `${submissionsCount} `);\n } else {\n finalResult = t.FILTERED_SUBMISSIONS.replace('{count}', submissionsCount);\n }\n if (isPreviousOrders && isPwa) {\n finalResult = finalResult.replace('Submission', 'Order');\n }\n return finalResult;\n }\n\n if (activeTab === 'sentbox') {\n let text = t.TOTAL_SUBMISSIONS.replace('{totalSubmissions}', `${submissionsCount} `);\n if (isPreviousOrders && isPwa) {\n text = text.replace('Submission', 'Order');\n }\n return text;\n }\n return t.ACTIVE_SUBMISSION_OF_TOTAL.replace(/ /g, '\\u00A0').replace('{activeSubmission}', `${activeSubmissionIndex + 1} `).replace('{totalSubmissions}', `${submissionsCount} `);\n };\n\n const showActions = isAllSubmissionsSelected || isMultipleSubmissionSelected;\n const permissions = usePermissions();\n\n const submissionSelectionLabel = isMultipleSubmissionSelected ? t.DESELECT : t.SELECT_ALL;\n\n const [isCreateTabVisible, showCreateTab] = useState();\n const newTabNameRef = useRef();\n\n useEffect(() => {\n if (newTabNameRef.current) newTabNameRef.current.focus();\n }, [isCreateTabVisible]);\n\n const onCancelCreateTab = () => showCreateTab(false);\n\n const isIncomplete = activeTab === 'incompleteSubmissions';\n const isMobile = window.innerWidth <= MOBILE_MAX_WIDTH;\n const isAllTime = filterObject && (Object.values(filterObject).length === 0 || (Object.values(filterObject).length === 1 && filterObject.timeFilterText === 'All time'));\n\n const onSaveNewTab = () => {\n showCreateTab(false);\n saveInboxView(form.id, { filterObject, name: newTabNameRef.current.value.length > 0 ? newTabNameRef.current.value : 'Untitled Tab' }).then(tab => {\n getInboxViews(form.id).then(newTabs => {\n onSetViews(newTabs);\n history.push(updateLocationParams({ tab: tab.id, sid: '', filterObject }));\n WatchmanRecorder.recordEvent('createNewTab', 'SearchPanelToolbar');\n });\n });\n };\n const ContextFilterButtons = [{\n onClick: () => onSelectFilterValue({}),\n className: classNames('forSelectAll', isAllTime && 'isActive'),\n icon: 'IconBars',\n text: t.ALL,\n show: true\n },\n {\n onClick: () => onSelectFilterValue({ 'new:eq': '0' }),\n className: classNames('forRead', filterObject['new:eq'] === '0' && 'isActive'),\n icon: 'IconEnvelopeOpenedFilled',\n text: t.READ,\n show: activeTab !== 'conversations'\n },\n {\n onClick: () => onSelectFilterValue({ 'new:eq': '1' }),\n className: classNames('forUnread', filterObject['new:eq'] === '1' && 'isActive'),\n icon: 'IconEnvelopeClosedFilled',\n text: t.UNREAD,\n show: activeTab !== 'conversations'\n },\n {\n onClick: () => onSelectFilterValue({ 'flag:eq': '1' }),\n className: classNames('forStarred', filterObject['flag:eq'] === '1' && 'isActive'),\n icon: 'IconStarFilled',\n text: t.STARRED,\n show: !['trash', 'conversations'].includes(activeTab) && permissions?.star\n },\n {\n onClick: () => onSelectFilterValue({ 'flag:eq': '0' }),\n className: classNames('forUnstarred', filterObject['flag:eq'] === '0' && 'isActive'),\n icon: 'IconStar',\n text: t.UNSTARRED,\n show: !['trash', 'conversations'].includes(activeTab) && permissions?.star\n },\n {\n onClick: () => onSelectFilterValue({ 'ai_agent_id:ne': 'null' }),\n className: classNames('forSelectAll', filterObject['ai_agent_id:ne'] === 'null' && 'isActive'),\n icon: 'IconAiFilled',\n text: 'Conversations',\n show: activeTab !== 'conversations' && form?.isAIAgentCreated === '1'\n },\n {\n onClick: () => onSelectFilterValue({ 'conversation_type:eq': 'incomplete' }),\n className: classNames('forSelectAll', filterObject['conversation_type:eq'] === 'incomplete' && 'isActive'),\n icon: 'IconIncomplete',\n text: 'Incomplete',\n show: activeTab === 'conversations' && form?.isAIAgentCreated === '1'\n },\n {\n onClick: () => onSelectFilterValue({ 'conversation_type:eq': 'submission' }),\n className: classNames('forSelectAll', filterObject['conversation_type:eq'] === 'submission' && 'isActive'),\n icon: 'IconCircleLgFilled',\n text: 'Submission',\n show: activeTab === 'conversations' && form?.isAIAgentCreated === '1'\n }];\n\n return (\n <>\n {isCreateTabVisible && isMobile ? (\n \n Create a New Tab\n Create a new tab for your filtered results. \n \n )\n }\n onSave={onSaveNewTab}\n saveText='CREATE TAB'\n onClose={onCancelCreateTab}\n usePortal\n >\n \n
ENTER A NAME FOR YOUR TAB
\n
setNameValue(e.currentTarget.value)}\n value={nameValue}\n ref={newTabNameRef}\n />\n \n
\n
\n {!isIncomplete && (\n
\n
\n )}\n
\n \n \n
\n
\n {(!isIncomplete && activeTab !== 'sentbox') && (\n
\n
\n )}\n
\n
\n {\n isTeamContextAllowed && (\n
\n {ContextFilterButtons.map(({\n onClick, className, text, show, icon\n }) => (\n (show && (\n \n {text} \n \n ))\n ))}\n \n )\n }\n \n
\n {`${selectedCount} ${t.LOWER_SELECTED}`} \n onSelectSubmissions('clear')} name='IconXmark' />\n
\n )}\n \n \n );\n};\n\nSearchPanelToolbarComponent.propTypes = {\n submission: submissionPropType.isRequired,\n selectedSubmissionIDs: arrayOf(NUMBER_OR_STRING_PROPTYPE).isRequired,\n onUpdateBulkSubmission: func.isRequired,\n onDeleteBulkSubmission: func.isRequired,\n onSelectSubmissions: func.isRequired,\n activeSubmissionIndex: NUMBER_OR_STRING_PROPTYPE.isRequired,\n isSubmissionDeleting: bool.isRequired,\n isUnreadSelected: bool.isRequired,\n allowEdit: bool.isRequired,\n filterObject: shape({}).isRequired,\n isTeamContextAllowed: bool.isRequired,\n ...enhancedProps\n};\n\nconst mapStateToProps = stateProps => ({\n form: formSelector(stateProps),\n user: userSelector(stateProps),\n userType: userTypeSelector(stateProps),\n submission: activeSubmissionSelector(stateProps),\n questions: questionsSelector(stateProps),\n filterCount: filterResultCountSelector(stateProps),\n filterText: filterTextSelector(stateProps),\n filterObject: filterObjectSelector(stateProps),\n isFavoriteSelected: isFavoriteSelectedSelector(stateProps),\n isUnreadSelected: isUnreadSelectedSelector(stateProps),\n allSubmissionsSelected: allSubmissionsSelectedSelector(stateProps),\n selectedSubmissionIDs: selectedSubmissionIDsSelector(stateProps),\n submissionCount: filterResultCountSelector(stateProps),\n activeTab: activeTabIDSelector(stateProps),\n activeSubmissionIndex: filteredActiveSubmissionIndexSelector(stateProps),\n submissionsCount: filterResultCountSelector(stateProps),\n isSubmissionDeleting: submissionsDeletingSelector(stateProps),\n allowEdit: editSubmissionPreference(stateProps),\n submissions: submissionsSelector(stateProps),\n isFormOwner: isFormOwnerSelector(stateProps),\n isSignForm: isSignFormSelector(stateProps),\n isPreviousOrders: isPreviousOrdersSelector(stateProps),\n isPwa: isPwaSelector(stateProps),\n isTeamContextAllowed: isTeamContextAllowedSelector(stateProps)\n});\n\nconst mapDispatchToProps = {\n onUpdateBulkSubmission: updateBulkSubmission,\n onDeleteBulkSubmission: deleteBulkSubmission,\n onSelectSubmissions: selectBulkSubmissions,\n initiateMultipleDownload: prepareMultipleDownload,\n onSetViews: setViews\n};\n\nconst mergeProps = (stateProps, dispatchProps, compProps) => {\n return {\n ...compProps,\n ...stateProps,\n ...dispatchProps,\n changeFilter: filterObject => {\n if (Object.keys(filterObject).length > 0) {\n return compProps.history.push(updateLocationParams({ filterObject }));\n }\n\n compProps.history.replace(/\\?.*/, '');\n }\n };\n};\n\nconst connection = connect(mapStateToProps, mapDispatchToProps, mergeProps);\n\nexport default withRouter(withInboxEnhancer('searchPanelToolbar', connection)(SearchPanelToolbarComponent));\n","import { TwoButtonPopup } from '@jotforminc/two-button-popup';\nimport { func } from 'prop-types';\nimport React, { useState } from 'react';\nimport { enhancedProps } from '../../constants/proptypes';\n\nconst MAX_ALLOWED_CHARS = 75;\n\nconst CreateTabModal = ({\n onSaveNewTab,\n onCancelCreateTab,\n t\n}) => {\n const [tabName, setTabName] = useState('');\n\n return (\n \n {t.CREATE_A_NEW_TAB}\n {t.TAB_FOR_FILTERED} \n \n )\n }\n onSave={() => onSaveNewTab(tabName)}\n saveText='CREATE TAB'\n onClose={onCancelCreateTab}\n usePortal\n >\n \n
{t.NAME_FOR_TAB}
\n
setTabName(e.currentTarget.value)}\n value={tabName}\n maxLength={MAX_ALLOWED_CHARS}\n />\n {text} ),\n renderer2: text => (text)\n });\n\n const filterText = replaceText?.join('')?.replace(/ /g, '\\u00A0').replace('{activeSubmission}', filterResultCount).replace('{totalSubmission}', submissionCount);\n\n return (\n shouldRenderChild && (\n \n
\n \n
\n
\n {firstText}\n {filterText}\n {secondText}\n
\n
\n
\n {canCreateTab\n && (\n setShowTabModal(true)}\n className=\"jfInboxFilterResultBar-button\"\n >\n {t.CREATE_A_NEW_TAB}\n \n )}\n \n {t.REMOVE_FILTER}\n \n
\n {showTabModal && setShowTabModal(false)} />}\n \n
\n
\n
\n .....................\n
\n
\n
\n \n {t('Upgrade to Silver for just {oneCurrencyUnit}.').replace('{oneCurrencyUnit}', oneDollarText)}\n \n
\n {t('Limited time only.')}
\n \n );\n};\n\nconst CampaignSubmissionListItem = ({\n user,\n style,\n parentSubmissionID,\n activeSubmissionID,\n selectedSubmissions,\n setCampaignActivity,\n setCampaignUnmounted,\n changeActiveSubmission,\n showCampaignSubmission\n}) => {\n const { campaign, username } = user;\n const { utm_campaign: utmCampaign = '', type } = (campaign || {});\n\n const actor = username || '__inbox_campaign__';\n const target = 'campaignInboxSubmissionListItem';\n\n const [isActive, setIsActive] = useState(false);\n\n const handleActivateSubmissionItem = () => {\n changeActiveSubmission('');\n setIsActive(true);\n };\n\n const title = type === 'ONEDOLLARSILVER'\n ? (\n {t('Save 50% off Jotform paid plans')}
;\n\n useEffect(() => {\n if (selectedSubmissions.length > 0) {\n setIsActive(false);\n }\n }, [selectedSubmissions]);\n\n useEffect(() => {\n if (!window.seenCampaignSubmission) {\n actionTrackingHandler(utmCampaign, { actor, target, action: 'seen' });\n window.seenCampaignSubmission = true;\n }\n if (activeSubmissionID === '' || activeSubmissionID === 0) {\n handleActivateSubmissionItem();\n }\n setCampaignUnmounted(false);\n return () => {\n setCampaignUnmounted(true);\n };\n }, []);\n\n useEffect(() => {\n if (activeSubmissionID !== '' && activeSubmissionID !== 0) {\n setIsActive(false);\n }\n }, [activeSubmissionID]);\n\n Hooks.useEffectIgnoreFirst(() => {\n setIsActive(isActive);\n showCampaignSubmission(isActive);\n }, [isActive]);\n\n const submissionItemClickHandler = () => {\n actionTrackingHandler(utmCampaign, { actor, target, action: 'click' });\n setIsActive(false);\n handleActivateSubmissionItem();\n };\n\n const handleClickDismiss = event => {\n event.stopPropagation();\n actionTrackingHandler(utmCampaign, { actor, target, action: 'click-dismiss' });\n setCampaignActivity(false);\n changeActiveSubmission(parentSubmissionID);\n const ttl = 1000 * 60 * 60 * 24 * 365;\n StorageHelper.setLocalStorageItem({ key: `dismiss-${utmCampaign}-campaign-submission`, value: '1', ttl });\n };\n\n return (\n a11yClickListener(event, handleActivateSubmissionItem)}\n >\n \n {title}\n
{t('Jotform Team')}
\n
\n {t('Dismiss')} \n isSubmissionLoadRequired({ submissions, index })}\n loadMoreRows={submissionLoadRequest}\n rowCount={submissionsCount}\n minimumBatchSize={batchSize}\n threshold={batchSize / 2}\n >\n {({ onRowsRendered, registerChild }) => (\n \n {({ height, width }) => (\n {\n registerChild(gridRef);\n registerRef(gridRef);\n }}\n onSectionRendered={({ rowStartIndex: startIndex, rowStopIndex: stopIndex }) => {\n setRowsStartIndex(startIndex);\n onRowsRendered({ startIndex, stopIndex });\n }}\n rowCount={rowCount}\n rowHeight={rowHeight}\n columnWidth={width}\n height={height}\n width={width}\n overscanRowCount={overscanRowCount}\n aria-label={t.SUBMISSIONS}\n cellRenderer={({ key, rowIndex: index, style }) => {\n const {\n top: styleTop,\n height: styleHeight\n } = style;\n const submission = submissions[index];\n const isRenderEncryptedList = !hasEncryptionKey && !isEncrypted && submission?.encryptionProtocol === 'JF-CSE-V2';\n const listItemRenderer = (customStyle = {}) => (\n { toggleContextMenu(e, submission); }}\n >\n {isRenderEncryptedList ? renderEncryptedList(submission?.id) : renderSubmissionList(submission, index)}\n \n );\n\n if (campaignSubmissionItemVisible && !submission && rowsStartIndex >= 1 && campaignUnmounted) {\n return null;\n }\n if (campaignSubmissionItemVisible && index === 0) {\n return (\n <>\n \n )}\n \n );\n};\n\nSubmissionList.propTypes = {\n className: string,\n batchSize: number,\n submissions: submissionsPropType,\n submissionsCount: number,\n registerRef: func,\n toggleContextMenu: func,\n submissionLoadRequest: func,\n isSubmissionLoadRequired: func,\n submissionRenderer: VALID_REACT_RENDER_PROPTYPE,\n placeHolderRenderer: VALID_REACT_RENDER_PROPTYPE,\n rowHeight: number,\n overscanRowCount: number,\n encryptionStatus: object,\n isEncrypted: bool,\n hasEncryptionKey: bool,\n campaignActive: bool,\n filterObject: object,\n activeTab: string,\n liteMode: bool,\n editMode: bool,\n showCampaignSubmission: func,\n submissionID: string\n};\n\nSubmissionList.defaultProps = {\n className: 'jfInbox-list hasTools',\n batchSize: 20,\n submissions: [],\n submissionsCount: 0,\n registerRef: () => null,\n toggleContextMenu: () => null,\n submissionRenderer: () => null,\n submissionLoadRequest: () => null,\n isSubmissionLoadRequired: ({ submissions, index }) => !!submissions[index] && !!submissions[index].answers,\n placeHolderRenderer: () => \n
\n
\n {t.SUBMISSIONS_APPAER_HERE_SUBMISSIONS}\n
\n
\n
\n
\n
\n {!isSearched && t.NO_SUBMISSIONS_TEXT_FILTER}\n {isSearched && (t.NO_SUBMISSIONS_TEXT_SEARCHED)}\n
\n
\n {isSearched ? t.SUBMISSIONS_APPAER_HERE_SEARCHED : t.SUBMISSIONS_APPAER_HERE_FILTER}\n
\n {!isSearched && (\n
\n \n {t.REMOVE_FILTER}\n \n
\n )}\n
\n
\n
\n
\n {translate(getText(activeTab, 'SUBMISSIONS_APPAER_HERE_', t))}\n
\n
\n
\n
\n
\n {translate(getText(activeTab, 'NO_SUBMISSIONS_TEXT_', t))}\n
\n
\n
\n {translate(getText(activeTab, 'SUBMISSIONS_APPAER_HERE_', t))}\n
\n
\n
\n
\n
\n
\n {t.NO_PERMISSION_TO_DISPLAY}\n
\n
\n \n \n \n);\n\nWorkflowStatus.propTypes = {\n className: PropTypes.string\n};\n\nWorkflowStatus.defaultProps = {\n className: ''\n};\n\nexport default WorkflowStatus;\n","import { RequestLayer, Interceptors } from '@jotforminc/request-layer';\n\nexport const layer = new RequestLayer('/API', {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nexport const fetchQuestions = (formID, project = '') => layer.get(`/API/${project}/form/${formID}/questions`);\nexport const fetchSubmission = (submissionID, project = '') => layer.get(`/API/${project}/submission/${submissionID}`);\nexport const fetchUser = () => layer.get('user/combinedinfo');\n\nexport const fetchFormPdf = formID => layer.get(`form/${formID}/pdf`);\n","import { createContext } from 'react';\n\nexport const SingleSubmissionButtonContext = createContext();\n","/* eslint-disable max-len */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\n\nimport Preview from '../components/Preview';\n\nconst getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\nconst StyledPreviewWrapper = Styled.div`\n .clickableImageWrapper {\n cursor: pointer;\n border-radius: 4px;\n border: 1px solid #D9DAE4;\n overflow: hidden;\n transition: .3s ease-in;\n cursor: pointer;\n position: relative;\n height: 80px;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: .2s ease-in;\n }\n\n &::before {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.4);\n z-index: 2;\n }\n\n &::after {\n content: \"\";\n top: 50%;\n left: 50%;\n width: 29px;\n height: 29px;\n transform: translate(-50%, -50%);\n background-image: url(\"data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.75' cy='14.6748' r='14' fill='%23121C48' fill-opacity='0.64'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.99573 19.5229C8.99573 19.337 8.99579 19.2315 8.99573 19.126C8.99526 18.3094 9.00063 17.4927 8.99164 16.6762C8.98744 16.293 8.7308 16.0422 8.37583 16.0407C8.0166 16.0392 7.75558 16.2888 7.75418 16.6673C7.74875 18.1255 7.7484 19.5837 7.75435 21.042C7.75593 21.4273 7.99052 21.6677 8.37233 21.6695C9.83072 21.6766 11.2892 21.6762 12.7476 21.6704C13.1241 21.669 13.3852 21.4025 13.3847 21.0562C13.3841 20.6939 13.1216 20.4349 12.7264 20.4319C11.9001 20.4254 11.0736 20.4296 10.2471 20.4294C10.1548 20.4293 10.0624 20.4294 9.97001 20.4294C9.93856 20.3865 9.90705 20.3436 9.87554 20.3008C9.97059 20.2512 10.0849 20.2211 10.1577 20.1491C10.9664 19.3492 11.769 18.5431 12.5727 17.7382C12.9918 17.3186 13.418 16.9057 13.826 16.4756C14.1538 16.1299 14.0329 15.5936 13.6039 15.4486C13.3145 15.3509 13.0824 15.4548 12.8702 15.6681C11.6769 16.8672 10.4771 18.0597 9.27904 19.254C9.2051 19.3278 9.12761 19.398 8.99573 19.5229ZM20.3851 9.81163C20.4254 9.84449 20.4657 9.87742 20.506 9.91034C20.506 10.8245 20.5022 11.7387 20.5077 12.6529C20.5101 13.0551 20.7623 13.3137 21.1273 13.3124C21.4909 13.3112 21.7453 13.0502 21.7465 12.6499C21.7511 11.2198 21.7512 9.78968 21.7466 8.3596C21.7451 7.91082 21.5096 7.67901 21.0584 7.67772C19.6406 7.67381 18.2225 7.67381 16.8046 7.67784C16.3823 7.67901 16.1161 7.93177 16.1213 8.30362C16.1264 8.67874 16.3881 8.91761 16.8148 8.91989C17.6403 8.92427 18.4658 8.92088 19.2914 8.92205C19.3732 8.92217 19.455 8.93151 19.5368 8.93658L19.6122 9.03868C19.5204 9.09338 19.4125 9.13197 19.339 9.20523C18.1691 10.3721 17.0033 11.5433 15.8376 12.7145C15.7556 12.7969 15.6713 12.8801 15.6055 12.9751C15.369 13.3165 15.4985 13.7314 15.8827 13.8874C16.2035 14.0177 16.4402 13.88 16.6612 13.6583C17.8486 12.4675 19.04 11.2809 20.2256 10.0884C20.2982 10.0154 20.3329 9.90474 20.3851 9.81163Z' fill='white'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center;\n transition-delay: .1s;\n z-index: 3;\n }\n\n &:hover {\n border-color: #4277ff;\n\n &::before,\n &::after {\n opacity: 1;\n visibility: visible;\n }\n }\n }\n`;\n\nconst withPreview = WrappedComponent => {\n const WithPreview = props => {\n const {\n clickableImageSelector,\n ...otherProps\n } = props;\n const [activePreviewIndex, setActivePreviewIndex] = useState(false);\n const [files, setFiles] = useState([]);\n\n const prepareFile = (url = '') => {\n const fileName = url.split('/').pop().split('?')[0];\n const fileUrl = url.replace('#', '%23');\n\n return {\n fileName,\n fileUrl,\n previewUrl: fileUrl\n };\n };\n\n const prepareFiles = allImages => {\n const preparedFiles = allImages.map(image => prepareFile(image.src));\n\n setFiles(preparedFiles);\n };\n\n const handleClick = i => setActivePreviewIndex(i);\n\n useEffect(() => {\n const previewContent = document.querySelector('#preview-content');\n if (!previewContent) {\n const newPreviewContentEl = document.createElement('div');\n newPreviewContentEl.id = 'preview-content';\n document.body.appendChild(newPreviewContentEl);\n }\n\n const allImages = clickableImageSelector ? Array.from(document.querySelectorAll(clickableImageSelector)) : [];\n prepareFiles(allImages);\n\n allImages.forEach((image, i) => {\n image.parentNode.classList.add('clickableImageWrapper');\n image.addEventListener('click', () => handleClick(i));\n });\n\n return () => {\n allImages.forEach((image, i) => {\n image.removeEventListener('click', () => handleClick(i));\n });\n };\n }, []);\n\n return (\n \n setActivePreviewIndex(false)}\n isPreviewContextMenuOpened={false}\n togglePreviewContextMenu={f => f}\n />\n )}\n \n );\n };\n\n WithPreview.propTypes = {\n clickableImageSelector: PropTypes.string\n };\n\n WithPreview.defaultProps = {\n clickableImageSelector: ''\n };\n\n WithPreview.displayName = `Preview(${getDisplayName(WrappedComponent)})`;\n\n return WithPreview;\n};\n\nexport default withPreview;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { capitalize } from '@jotforminc/utils';\n\nconst SVGComponents = {\n\n};\n\nconst SVG = React.forwardRef(({\n name,\n className,\n ...remainingProps\n}, ref) => {\n const SVGComponent = SVGComponents[capitalize(name)];\n if (!SVGComponent) {\n return null;\n }\n\n return (\n
;\n\nexport default View;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\n\nimport View from '../View';\n\nconst ViewWithAlignment = Styled(({ direction, ...props }) => \n
\n \n );\n }\n if (props.dangerouslySetInnerHTML && props.dangerouslySetInnerHTML.__html && !noSanitize) {\n try {\n const sanitizationOptions = {\n ADD_ATTR: ['target'] // This option is necessary to preserve the 'target' attribute in tags because the 'target' attribute was not an allowed attribute.\n };\n // eslint-disable-next-line no-param-reassign\n props.dangerouslySetInnerHTML.__html = dompurify.sanitize(props.dangerouslySetInnerHTML.__html, sanitizationOptions);\n } catch (e) {\n console.error(e);\n }\n }\n return (\n
\n );\n};\n\nexport default Text;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\nimport isEqual from 'lodash/isEqual';\nimport View from '../View';\nimport Text from '../Text';\nimport { nl2br, stripHTML } from '../../utils';\nimport { isNative } from '../../utils/environment';\n\nconst LabelText = Styled(Text)`\n font-size: 20px;\n letter-spacing: .25px;\n font-weight: 600;\n`;\n\nclass Label extends React.Component {\n constructor(props) {\n super(props);\n\n const { textStyle } = this.props;\n\n // In order to prevent unnecessary re-renders caused by ref changes on WrappedLabelText caused by calling Styled(...) on each render.\n this.wrappedLabelText = Styled(styledProps => \n {isValid && label && {allowHTML ? label : prettyLabel} }\n {childLabels && childLabels}\n \n );\n }\n}\n\nLabel.propTypes = {\n label: PropTypes.string,\n textProps: PropTypes.shape({}),\n allowHTML: PropTypes.bool,\n childLabels: PropTypes.arrayOf(PropTypes.shape({})),\n textStyle: PropTypes.string\n};\n\nLabel.defaultProps = {\n label: '',\n textProps: {},\n allowHTML: false,\n childLabels: [],\n textStyle: ''\n};\n\nexport default Label;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\n\nimport Label from '../Label';\n\nconst LabelWithAlignment = Styled(({ direction, flexBasis, ...props }) => \n {children}\n \n);\n\nAnswer.propTypes = {\n children: PropTypes.node\n};\n\nAnswer.defaultProps = {\n children: null\n};\n\nexport default Answer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\n\nimport Answer from '../Answer';\n\nconst AnswerWithAlignment = Styled(({ direction, flexBasis, ...props }) => {children} ) : (\n \n \n {children}\n \n \n );\n};\n\nBaseline.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.node,\n PropTypes.arrayOf(PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.node\n ]))\n ]),\n selectionProps: PropTypes.shape({}),\n direction: PropTypes.string,\n label: PropTypes.string,\n labelContainerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n widgetId: PropTypes.string\n};\n\nBaseline.defaultProps = {\n children:
,\n label: '',\n widgetId: '',\n direction: 'column',\n selectionProps: {\n isSelectable: false,\n onSelect: f => f,\n selectedParts: [],\n wrapperStyle: {}\n },\n labelContainerProps: {},\n answerWrapperProps: {}\n};\n\nexport default Baseline;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({\n alt,\n ...props\n}) => (\n \n \n {_imgURL && \n {imageLabel && {imageLabel} }\n \n );\n }\n}\n\nImageLine.propTypes = {\n label: PropTypes.string,\n value: PropTypes.string,\n imageLabel: PropTypes.string,\n backgroundColor: PropTypes.string,\n valueContainerProps: PropTypes.shape({}),\n imageContainerProps: PropTypes.shape({}),\n optimizeImage: PropTypes.bool,\n noCache: PropTypes.bool,\n noImgPlaceholder: PropTypes.bool\n};\n\nImageLine.defaultProps = {\n label: '',\n value: '',\n imageLabel: '',\n backgroundColor: null,\n valueContainerProps: {},\n imageContainerProps: {},\n optimizeImage: false,\n noCache: false,\n noImgPlaceholder: false\n};\n\nexport default ImageLine;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\n\nconst StyledAnchor = Styled.a`\n pointer-events: all;\n`;\n\nconst Hypertext = props => {\n const { children, ...remainingProps } = props;\n return ({ children } );\n};\n\nHypertext.propTypes = {\n children: PropTypes.node\n};\n\nHypertext.defaultProps = {\n children: {}\n};\n\nexport default Hypertext;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Styled from 'styled-components';\nimport { Preview, SVG } from '@jotforminc/preview';\nimport { FileUtils } from '@jotforminc/upload-fields';\nimport {\n View, Hypertext, Baseline, Imageline, Text as SimpleText\n} from '@jotforminc/answer-fields';\n\nimport '../../styles/index.scss';\n\nconst ViewWrap = Styled(View)`\n display: flex;\n flex-wrap: wrap;\n`;\n\nconst HalfView = Styled(View)`\n width: 50%;\n`;\n\nconst FileUploadField = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n showFileNameAsText,\n showImageHyperlink,\n imagePropsArray,\n filePropsArray,\n direction,\n containerProps,\n fileNameProps\n}) => {\n const [activePreviewIndex, updateActivePreviewIndex] = useState(false);\n const imgPropsArray = imagePropsArray || [];\n const fileProps = filePropsArray || [];\n const { className: classes } = baselineProps;\n const files = FileUtils.prepareFiles(answer, true);\n\n useEffect(() => {\n const previewContent = document.querySelector('#preview-content');\n if (!previewContent) {\n const newPreviewContentEl = document.createElement('div');\n newPreviewContentEl.id = 'preview-content';\n document.body.appendChild(newPreviewContentEl);\n }\n }, []);\n\n return (\n \n \n {answer && answer.map((uploadedUrl, answerIndex) => {\n const {\n fileUrl: encodedRequestUrl,\n fileName: filename,\n extension,\n iconType,\n isImageFile\n } = files[answerIndex];\n\n return (\n // eslint-disable-next-line react/no-array-index-key\n \n updateActivePreviewIndex(answerIndex)}\n onKeyDown={null}\n >\n {isImageFile || uploadedUrl.match(/^blob:/) ? (\n \n
\n \n {extension}\n \n
\n
\n {filename}\n \n )}\n {showFileNameAsText && !showImageHyperlink && (\n \n {filename}\n \n )}\n \n );\n })}\n {activePreviewIndex !== false && (\n updateActivePreviewIndex(false)}\n isPreviewContextMenuOpened={false}\n togglePreviewContextMenu={f => f}\n />\n )}\n \n \n );\n};\n\nFileUploadField.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.shape({})]),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({\n className: PropTypes.string\n }),\n containerProps: PropTypes.shape({}),\n imagePropsArray: PropTypes.instanceOf(Array),\n fileNameProps: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.array]),\n filePropsArray: PropTypes.instanceOf(Array),\n showImageHyperlink: PropTypes.bool,\n showFileNameAsText: PropTypes.bool,\n direction: PropTypes.string\n};\n\nFileUploadField.defaultProps = {\n text: '',\n answer: [''],\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n containerProps: {},\n imagePropsArray: [],\n fileNameProps: [],\n filePropsArray: [],\n showImageHyperlink: true,\n showFileNameAsText: false,\n direction: 'column'\n};\n\nexport default FileUploadField;\n","import FileUploadField from './components/FileUploadField';\n\nexport default FileUploadField;\n","import React, { Component } from 'react';\nimport Geocode from 'react-geocode';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\nimport { t } from '@jotforminc/translation';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\nimport View from '../../components/View';\nimport Image from '../../components/Image';\n\nconst EmptyResult = Styled(View)`\n display: flex;\n background-color: #F3F3FE;\n min-height: 74px;\n padding: 16px;\n border-radius: 4px;\n margin-right: 82px;\n`;\n\nconst StyledText = Styled(Text)`\n color: ${({ color }) => color};\n font-weight: ${({ fontWeight }) => fontWeight};\n font-size: 14px;\n line-height: 20px;\n`;\n\nconst ImageView = Styled(View)`\n display: flex;\n flex-direction: column;\n align-items: start;\n justify-content: flex-start;\n padding-right: 18px;\n flex-shrink: 0;\n`;\n\nclass Address extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n mapLink: '',\n largerMapLink: '',\n emptyResult: false\n };\n }\n\n componentDidMount() {\n const { showMap, answer } = this.props;\n if (showMap && answer) {\n this.handleMapLinks();\n }\n }\n\n componentDidUpdate(prevProps) {\n const { showMap, answer } = this.props;\n if (showMap && answer && (prevProps.answer !== answer || prevProps.showMap !== showMap)) {\n this.handleMapLinks();\n }\n }\n\n handleMapLinks = () => {\n const address = Object.values(this.props.answer).reduce((prev, next) => `${prev} ${next}`);\n\n if (address.trim().length === 0) {\n this.setState({\n emptyResult: false,\n mapLink: '',\n largerMapLink: ''\n });\n return;\n }\n\n Geocode.setApiKey('AIzaSyAO3hx_Mq0AGel9wULuOY5f35KRzFnklOM');\n Geocode.fromAddress(address).then(\n response => {\n const { lat: latitude, lng: longitude } = response.results[0].geometry.location;\n\n // Calculate for zoom level\n const north = latitude + 0.04;\n const south = latitude - 0.04;\n const west = longitude + 0.08;\n const east = longitude - 0.08;\n\n const link = `https://www.openstreetmap.org/export/embed.html?bbox=${east}%2C${south}%2C${west}%2C${north}&layer=transportmap&marker=${latitude}%2C${longitude}`;\n const largerLink = `https://maps.google.com/maps?q=${latitude},+${longitude}`;\n\n this.setState({\n mapLink: link,\n largerMapLink: largerLink,\n emptyResult: false\n });\n },\n error => {\n if (error.message.indexOf('ZERO_RESULTS') === -1) {\n console.error(error);\n } else { // if address is not valid\n this.setState({\n emptyResult: true,\n mapLink: '',\n largerMapLink: ''\n });\n }\n }\n );\n };\n\n concatArgumentsWithComma = (...args) => {\n return args.reduce((acc, arg) => {\n if (!arg) return acc;\n if (!acc) return arg;\n\n return `${acc}, ${arg}`;\n }, '');\n };\n\n streetLine = (street1, street2, textProps) => {\n if (!street1 && !street2) return null;\n const streetLine = this.concatArgumentsWithComma(street1, street2);\n return (streetLine ? {stripHTML(streetLine)} : null);\n };\n\n cityLine = (city, state, postalCode, textProps) => {\n if (!city && !state && !postalCode) return null;\n const cityLine = this.concatArgumentsWithComma(city, state, postalCode);\n return (cityLine ? {stripHTML(cityLine)} : null);\n };\n\n countryLine = (country, textProps) => {\n return (country ? {stripHTML(country)} : null);\n };\n\n render() {\n const {\n text,\n answer: {\n addr_line1: AnswerLine1,\n addr_line2: AnswerLine2,\n city: AnswerCity,\n state: AnswerState,\n postal: AnswerPostal,\n country: AnswerCountry\n },\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction,\n showMap\n } = this.props;\n\n const {\n mapLink,\n largerMapLink,\n emptyResult\n } = this.state;\n\n return (\n \n <>\n {this.streetLine(AnswerLine1, AnswerLine2, answerProps)}\n {this.cityLine(AnswerCity, AnswerState, AnswerPostal, answerProps)}\n {this.countryLine(AnswerCountry, answerProps)}\n {showMap && mapLink && largerMapLink && (\n \n )}\n {showMap && emptyResult && (\n \n \n \n \n \n {t('Couldn\\'t find the address')}\n \n \n {t('It looks like the provided address is invalid.')}\n \n \n \n )}\n \n \n );\n }\n}\n\nAddress.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n addr_line1: PropTypes.string,\n addr_line2: PropTypes.string,\n city: PropTypes.string,\n state: PropTypes.string,\n postal: PropTypes.string,\n country: PropTypes.string\n })\n ]),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string,\n showMap: PropTypes.bool\n};\n\nAddress.defaultProps = {\n text: '',\n answer: {\n addr_line1: '',\n addr_line2: '',\n city: '',\n state: '',\n postal: '',\n country: ''\n },\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column',\n showMap: false\n};\n\nexport default Address;\n","import React from 'react';\nimport Styled from 'styled-components';\n\nconst styled = Component => {\n return (tags, ...others) => {\n return Styled(props => {showTimezone && `- ${timezone} Time`} \n \n );\n }\n\n render() {\n const {\n text,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n } = this.props;\n\n const answer = this.getAnswerDate();\n\n return (\n \n {answer ? (\n \n {answer}\n \n ) : null}\n \n );\n }\n}\n\nAppointment.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n timezone: PropTypes.string,\n timeFormat: PropTypes.string,\n submissionDate: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n dateFormat: PropTypes.shape({}),\n direction: PropTypes.string,\n showTimezone: PropTypes.bool,\n isNewAppointment: PropTypes.bool\n};\n\nAppointment.defaultProps = {\n text: '',\n answer: '',\n timezone: '',\n timeFormat: '24 Hour',\n submissionDate: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n dateFormat: 'mm-dd-yyyy',\n direction: 'column',\n showTimezone: false,\n isNewAppointment: false\n};\n\nexport default Appointment;\n","import Emoji from 'emoji-mart/dist/components/emoji/emoji';\nimport 'emoji-mart/css/emoji-mart.css';\n\nexport default Emoji;\n","import React from 'react';\nimport { EmojiWithoutLazy } from '@jotforminc/emoji-mart';\nimport { string, oneOfType, number } from 'prop-types';\n\nconst EmojiRendererWithoutLazy = ({ id, size }) => {\n return (\n \n \n {teamAvatarID ? \n \n {imageLabel && {imageLabel} }\n {showSubLabel && subLabel && {subLabel} }\n \n \n );\n }\n}\n\nAssigneeLine.propTypes = {\n label: PropTypes.string,\n subLabel: PropTypes.string,\n value: PropTypes.string,\n imageLabel: PropTypes.string,\n backgroundColor: PropTypes.string,\n valueContainerProps: PropTypes.shape({}),\n imageContainerProps: PropTypes.shape({}),\n optimizeImage: PropTypes.bool,\n showSubLabel: PropTypes.bool\n};\n\nAssigneeLine.defaultProps = {\n label: '',\n subLabel: '',\n value: '',\n imageLabel: '',\n backgroundColor: null,\n valueContainerProps: {},\n imageContainerProps: {},\n optimizeImage: false,\n showSubLabel: true\n};\n\nexport default AssigneeLine;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport AssigneeLine from '../AssigneeLine';\n\nconst AssigneeItem = ({\n children: [opt, subOpt, value], checked, imageContainerProps, ...props\n}) => (\n \n {mapAnswerItems(AssigneeItem, items, itemProps)}\n \n);\n\nAssigneeList.propTypes = ListPropTypes.schema;\nAssigneeList.defaultProps = ListPropTypes.default;\n\nexport default AssigneeList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Imageline from '../Imageline';\n\nconst ImageItem = ({\n children: [opt, value], checked, imageContainerProps, ...props\n}) => (\n \n {mapAnswerItems(ImageItem, items, itemProps)}\n \n);\n\nImageList.propTypes = ListPropTypes.schema;\nImageList.defaultProps = ListPropTypes.default;\n\nexport default ImageList;\n","import React from 'react';\nimport Styled from 'styled-components';\n\nimport View from '../View';\nimport { mapAnswerItems, justifyContentPicker } from '../../utils';\nimport { ListPropTypes } from '../../constants/schemas';\n\nconst ViewWrap = Styled(View)`\n display: flex;\n flex-flow: row wrap;\n justify-content: ${({ alignment }) => justifyContentPicker(alignment)};\n`;\nconst ViewChild = Styled(View)`\n text-decoration: ${({ checked }) => (checked !== undefined && !checked ? 'line-through' : 'none')};\n &:not(:last-of-type):after {\n content: ', ';\n white-space: pre;\n }\n`;\n\nconst CommaList = ({ items, itemProps, containerProps }) => (\n \n {mapAnswerItems(ViewChild, items, itemProps)}\n \n);\n\nCommaList.propTypes = ListPropTypes.schema;\nCommaList.defaultProps = ListPropTypes.default;\n\nexport default CommaList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\n\nimport Text from '../Text';\n\nconst OptionItem = Styled(({\n backgroundColor,\n checked,\n color,\n ...remainingProps\n}) => \n {mapAnswerItems(OptionItem, items, itemProps)}\n \n);\n\nOptionList.propTypes = ListPropTypes.schema;\nOptionList.defaultProps = ListPropTypes.default;\n\nexport default OptionList;\n","import React from 'react';\nimport Styled from 'styled-components';\n\nimport { mapAnswerItems } from '../../utils';\nimport { ListPropTypes } from '../../constants/schemas';\n\nconst StyledListItem = Styled(props => \n {mapAnswerItems(StyledListItem, items, itemProps)}\n \n);\n\nOrderedList.propTypes = ListPropTypes.schema;\nOrderedList.defaultProps = ListPropTypes.default;\n\nexport default OrderedList;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from '../../utils/styled';\n\nimport View from '../View';\nimport Image from '../Image';\n\nconst StyledImage = Styled(props => \n \n \n \n);\n\nconst CheckboxList = ({ items, itemProps, containerProps }) => (\n \n {mapAnswerItems(CheckboxView, items, itemProps)}\n \n);\n\nCheckboxList.propTypes = ListPropTypes.schema;\nCheckboxList.defaultProps = ListPropTypes.default;\n\nexport default CheckboxList;\n","import React from 'react';\nimport Styled from 'styled-components';\n\nimport { mapAnswerItems } from '../../utils';\nimport { ListPropTypes } from '../../constants/schemas';\n\nconst StyledListItem = Styled(props => \n {mapAnswerItems(StyledListItem, items, itemProps)}\n \n);\n\nUnorderedList.propTypes = ListPropTypes.schema;\nUnorderedList.defaultProps = ListPropTypes.default;\n\nexport default UnorderedList;\n","import React, { Component } from 'react';\n\nimport AssigneeList from '../AssigneeList';\nimport ImageList from '../ImageList';\nimport CommaList from '../CommaList';\nimport OptionList from '../OptionList';\nimport OrderedList from '../OrderedList';\nimport CheckboxList from '../CheckboxList';\nimport UnorderedList from '../UnorderedList';\nimport { LIST_TYPES } from '../../constants';\nimport { ListPropTypes } from '../../constants/schemas';\nimport { isAnswerExits } from '../../utils';\n\nexport default class List extends Component {\n get baseItemProps() {\n const { allItems, itemProps } = this.props;\n return Array.isArray(itemProps)\n ? itemProps\n : allItems.map(() => itemProps);\n }\n\n get items() {\n const { showAll, items, allItems } = this.props;\n return showAll ? allItems : items;\n }\n\n get itemProps() {\n const { showAll, items, allItems } = this.props;\n\n return showAll\n ? allItems.map((item, index) => {\n const itemIndex = isAnswerExits(items, item);\n return { ...(this.baseItemProps[index] || {}), checked: itemIndex > -1 };\n })\n : items.map((item, index) => ({ ...this.baseItemProps[index], checked: items.indexOf(item) > -1 }));\n }\n\n get ListComponent() {\n const {\n COMMA,\n OPTION,\n ORDERED,\n CHECKBOX,\n UNORDERED,\n IMAGE,\n ASSIGNEE\n } = LIST_TYPES;\n\n switch (this.props.type) {\n case COMMA:\n return CommaList;\n case OPTION:\n return OptionList;\n case ORDERED:\n return OrderedList;\n case UNORDERED:\n return UnorderedList;\n case CHECKBOX:\n return CheckboxList;\n case ASSIGNEE:\n return AssigneeList;\n case IMAGE:\n return ImageList;\n default:\n return OptionList;\n }\n }\n\n render() {\n return (\n \n
;\n\nexport default Touchable;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport View from '../../components/View';\nimport Baseline from '../../components/Baseline';\nimport Touchable from '../../components/Touchable';\nimport { isEmpty } from '../../utils';\nimport withSubmissionWidgetProps from '../../hocs/SubmissionWidget';\nimport List from '../../components/List';\nimport { ListTypes } from '../../constants/schemas';\n\nconst defaultItemProp = { className: 'multipleChoice' };\n\nconst Checkbox = ({\n text,\n listType,\n answerArray,\n labelProps,\n answerProps,\n answerWrapperProps,\n options,\n handleChange,\n editMode,\n toggleProps,\n baselineProps,\n isSubmissionWidget,\n submissionWidgetAnswer,\n containerProps,\n optionsArray,\n showAll,\n direction\n}) => {\n const allOptions = !isEmpty(options) ? options.toString().split('|').map(option => option.trim()) : [];\n const optionsLength = allOptions.length;\n const items = isSubmissionWidget ? submissionWidgetAnswer.map(({ value }) => value) : answerArray;\n const baseItemProps = isSubmissionWidget ? submissionWidgetAnswer.map(({ color }) => ({ backgroundColor: color })) : [...Array(items.length)];\n const allItems = isSubmissionWidget\n ? Object.values(optionsArray).map(({ value }) => value)\n : allOptions.concat(items.filter(item => allOptions.indexOf(item.trim()) === -1)); // For 'other' option type non static data\n\n // Change spread of props based on show all\n const itemProps = !showAll\n ? baseItemProps.map((prop, index) => ({\n ...defaultItemProp,\n ...(prop || {}),\n ...(answerProps[index] || answerProps || {})\n }))\n : allItems.map(item => {\n const itemIndex = items.indexOf(item);\n return {\n ...defaultItemProp,\n ...(baseItemProps[itemIndex] || {}),\n ...(answerProps[itemIndex] || answerProps || {})\n };\n });\n\n /**\n * TODO: Touchable should be moved from this static field\n *\n * As the intention of this component only to show submission data in all projects, we should avoid writing edit mode or project specific structures into it.\n */\n const curatedItems = !editMode ? items : items.map(item => [item, handleChange(item)} />]);\n\n return (\n \n Add }\n \n );\n};\n\nCheckbox.propTypes = {\n submissionWidgetAnswer: PropTypes.arrayOf(PropTypes.shape({\n value: PropTypes.string,\n key: PropTypes.string,\n color: PropTypes.string\n })),\n answerArray: PropTypes.arrayOf(PropTypes.node),\n isSubmissionWidget: PropTypes.bool,\n options: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.oneOfType([\n PropTypes.shape({}),\n PropTypes.arrayOf(PropTypes.shape({}))\n ]),\n text: PropTypes.string,\n optionsArray: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.shape({})),\n PropTypes.shape({})\n ]),\n handleChange: PropTypes.func,\n editMode: PropTypes.bool,\n toggleProps: PropTypes.shape([\n PropTypes.object\n ]),\n baselineProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n containerProps: PropTypes.shape({}),\n listType: ListTypes.schema,\n showAll: PropTypes.bool,\n direction: PropTypes.string\n};\n\nCheckbox.defaultProps = {\n submissionWidgetAnswer: [],\n isSubmissionWidget: false,\n answerWrapperProps: {},\n answerArray: [],\n options: '',\n baselineProps: {},\n labelProps: {},\n text: '',\n answerProps: {},\n optionsArray: [],\n handleChange: () => {},\n editMode: false,\n toggleProps: {},\n containerProps: {},\n listType: ListTypes.default,\n showAll: false,\n direction: 'column'\n};\n\nexport default withSubmissionWidgetProps(Checkbox);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\nimport { getDateTimeText } from '../../utils';\nimport { LocaleTypes } from '../../constants/schemas';\n\nclass Datetime extends React.Component {\n render() {\n const {\n text,\n answer,\n locale,\n labelProps,\n dateFormat,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n } = this.props;\n const dateTimeText = getDateTimeText({\n answer, hideTime: false, dateFormat, locale\n });\n return (\n \n {dateTimeText} \n \n );\n }\n}\n\nDatetime.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n year: PropTypes.string,\n month: PropTypes.string,\n day: PropTypes.string,\n hour: PropTypes.string,\n min: PropTypes.string,\n ampm: PropTypes.string\n })\n ]),\n labelProps: PropTypes.shape({}),\n dateFormat: PropTypes.string,\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n locale: LocaleTypes.schema,\n direction: PropTypes.string\n};\n\nDatetime.defaultProps = {\n text: '',\n answer: {\n year: '',\n month: '',\n day: '',\n hour: '',\n min: '',\n ampm: ''\n },\n labelProps: {},\n dateFormat: 'MMM D, YYYY HH:mm',\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n locale: LocaleTypes.default,\n direction: 'column'\n};\n\nexport default Datetime;\n","/* eslint-disable max-lines */\nexport const CountryList = [\n 'United States',\n 'Afghanistan',\n 'Albania',\n 'Algeria',\n 'American Samoa',\n 'Andorra',\n 'Angola',\n 'Anguilla',\n 'Antigua and Barbuda',\n 'Argentina',\n 'Armenia',\n 'Aruba',\n 'Australia',\n 'Austria',\n 'Azerbaijan',\n 'The Bahamas',\n 'Bahrain',\n 'Bangladesh',\n 'Barbados',\n 'Belarus',\n 'Belgium',\n 'Belize',\n 'Benin',\n 'Bermuda',\n 'Bhutan',\n 'Bolivia',\n 'Bosnia and Herzegovina',\n 'Botswana',\n 'Brazil',\n 'Brunei',\n 'Bulgaria',\n 'Burkina Faso',\n 'Burundi',\n 'Cambodia',\n 'Cameroon',\n 'Canada',\n 'Cape Verde',\n 'Cayman Islands',\n 'Central African Republic',\n 'Chad',\n 'Chile',\n 'China',\n 'Christmas Island',\n 'Cocos (Keeling) Islands',\n 'Colombia',\n 'Comoros',\n 'Congo',\n 'Cook Islands',\n 'Costa Rica',\n 'Cote d\\'Ivoire',\n 'Croatia',\n 'Cuba',\n 'Cyprus',\n 'Czech Republic',\n 'Denmark',\n 'Djibouti',\n 'Dominica',\n 'Dominican Republic',\n 'Ecuador',\n 'Egypt',\n 'El Salvador',\n 'Equatorial Guinea',\n 'Eritrea',\n 'Estonia',\n 'Ethiopia',\n 'Falkland Islands',\n 'Faroe Islands',\n 'Fiji',\n 'Finland',\n 'France',\n 'French Polynesia',\n 'Gabon',\n 'The Gambia',\n 'Georgia',\n 'Germany',\n 'Ghana',\n 'Gibraltar',\n 'Greece',\n 'Greenland',\n 'Grenada',\n 'Guadeloupe',\n 'Guam',\n 'Guatemala',\n 'Guernsey',\n 'Guinea',\n 'Guinea-Bissau',\n 'Guyana',\n 'Haiti',\n 'Honduras',\n 'Hong Kong',\n 'Hungary',\n 'Iceland',\n 'India',\n 'Indonesia',\n 'Iran',\n 'Iraq',\n 'Ireland',\n 'Israel',\n 'Italy',\n 'Jamaica',\n 'Japan',\n 'Jersey',\n 'Jordan',\n 'Kazakhstan',\n 'Kenya',\n 'Kiribati',\n 'North Korea',\n 'South Korea',\n 'Kosovo',\n 'Kuwait',\n 'Kyrgyzstan',\n 'Laos',\n 'Latvia',\n 'Lebanon',\n 'Lesotho',\n 'Liberia',\n 'Libya',\n 'Liechtenstein',\n 'Lithuania',\n 'Luxembourg',\n 'Macau',\n 'Macedonia',\n 'Madagascar',\n 'Malawi',\n 'Malaysia',\n 'Maldives',\n 'Mali',\n 'Malta',\n 'Marshall Islands',\n 'Martinique',\n 'Mauritania',\n 'Mauritius',\n 'Mayotte',\n 'Mexico',\n 'Micronesia',\n 'Moldova',\n 'Monaco',\n 'Mongolia',\n 'Montenegro',\n 'Montserrat',\n 'Morocco',\n 'Mozambique',\n 'Myanmar',\n 'Nagorno-Karabakh',\n 'Namibia',\n 'Nauru',\n 'Nepal',\n 'Netherlands',\n 'Netherlands Antilles',\n 'New Caledonia',\n 'New Zealand',\n 'Nicaragua',\n 'Niger',\n 'Nigeria',\n 'Niue',\n 'Norfolk Island',\n 'Turkish Republic of Northern Cyprus',\n 'Northern Mariana',\n 'Norway',\n 'Oman',\n 'Pakistan',\n 'Palau',\n 'Palestine',\n 'Panama',\n 'Papua New Guinea',\n 'Paraguay',\n 'Peru',\n 'Philippines',\n 'Pitcairn Islands',\n 'Poland',\n 'Portugal',\n 'Puerto Rico',\n 'Qatar',\n 'Romania',\n 'Russia',\n 'Rwanda',\n 'Saint Barthelemy',\n 'Saint Helena',\n 'Saint Kitts and Nevis',\n 'Saint Lucia',\n 'Saint Martin',\n 'Saint Pierre and Miquelon',\n 'Saint Vincent and the Grenadines',\n 'Samoa',\n 'San Marino',\n 'Sao Tome and Principe',\n 'Saudi Arabia',\n 'Senegal',\n 'Serbia',\n 'Seychelles',\n 'Sierra Leone',\n 'Singapore',\n 'Slovakia',\n 'Slovenia',\n 'Solomon Islands',\n 'Somalia',\n 'Somaliland',\n 'South Africa',\n 'South Ossetia',\n 'South Sudan',\n 'Spain',\n 'Sri Lanka',\n 'Sudan',\n 'Suriname',\n 'Svalbard',\n 'Swaziland',\n 'Sweden',\n 'Switzerland',\n 'Syria',\n 'Taiwan',\n 'Tajikistan',\n 'Tanzania',\n 'Thailand',\n 'Timor-Leste',\n 'Togo',\n 'Tokelau',\n 'Tonga',\n 'Transnistria Pridnestrovie',\n 'Trinidad and Tobago',\n 'Tristan da Cunha',\n 'Tunisia',\n 'Turkey',\n 'Turkmenistan',\n 'Turks and Caicos Islands',\n 'Tuvalu',\n 'Uganda',\n 'Ukraine',\n 'United Arab Emirates',\n 'United Kingdom',\n 'Uruguay',\n 'Uzbekistan',\n 'Vanuatu',\n 'Vatican City',\n 'Venezuela',\n 'Vietnam',\n 'British Virgin Islands',\n 'Isle of Man',\n 'US Virgin Islands',\n 'Wallis and Futuna',\n 'Western Sahara',\n 'Yemen',\n 'Zambia',\n 'Zimbabwe'\n];\n\nexport const CanadianProvinces = [\n 'Alberta',\n 'British Columbia',\n 'Manitoba',\n 'New Brunswick',\n 'Newfoundland',\n 'Northwest Territories',\n 'Nova Scotia',\n 'Nunavut',\n 'Ontario',\n 'Prince Edward Island',\n 'Quebec',\n 'Saskatchewan',\n 'Yukon'\n];\n\nexport const GenderList = [\n 'Male',\n 'Female',\n 'N/A'\n];\n\nexport const USStates = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'District of Columbia',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Carolina',\n 'North Dakota',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Puerto Rico',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virgin Islands',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n];\n\nexport const USStatesAbbr = [\n 'AL',\n 'AK',\n 'AR',\n 'AZ',\n 'CA',\n 'CO',\n 'CT',\n 'DC',\n 'DE',\n 'FL',\n 'GA',\n 'HI',\n 'ID',\n 'IL',\n 'IN',\n 'IA',\n 'KS',\n 'KY',\n 'LA',\n 'ME',\n 'MD',\n 'MA',\n 'MI',\n 'MN',\n 'MS',\n 'MO',\n 'MT',\n 'NE',\n 'NV',\n 'NH',\n 'NJ',\n 'NM',\n 'NY',\n 'NC',\n 'ND',\n 'OH',\n 'OK',\n 'OR',\n 'PA',\n 'RI',\n 'SC',\n 'SD',\n 'TN',\n 'TX',\n 'UT',\n 'VT',\n 'VA',\n 'WA',\n 'WV',\n 'WI',\n 'WY'\n];\n\nexport const LocationCountries = [\n 'Canada',\n 'United States',\n 'Afghanistan',\n 'Albania',\n 'Algeria',\n 'American Samoa',\n 'Andorra',\n 'Angola',\n 'Anguilla',\n 'Antarctica',\n 'Antigua and Barbuda',\n 'Argentina',\n 'Armenia',\n 'Aruba',\n 'Australia',\n 'Austria',\n 'Azerbaijan',\n 'Bahamas',\n 'Bahrain',\n 'Bangladesh',\n 'Barbados',\n 'Belarus',\n 'Belgium',\n 'Belize',\n 'Benin',\n 'Bermuda',\n 'Bhutan',\n 'Bolivia',\n 'Bosnia/Herzegowina',\n 'Botswana',\n 'Bouvet Island',\n 'Brazil',\n 'British Ind. Ocean',\n 'Brunei Darussalam',\n 'Bulgaria',\n 'Burkina Faso',\n 'Burundi',\n 'Cambodia',\n 'Cameroon',\n 'Cape Verde',\n 'Cayman Islands',\n 'Central African Rep.',\n 'Chad',\n 'Chile',\n 'China',\n 'Christmas Island',\n 'Cocoa (Keeling) Is.',\n 'Colombia',\n 'Comoros',\n 'Congo',\n 'Cook Islands',\n 'Costa Rica',\n 'Cote Divoire',\n 'Croatia',\n 'Cuba',\n 'Cyprus',\n 'Czech Republic',\n 'Denmark',\n 'Djibouti',\n 'Dominica',\n 'Dominican Republic',\n 'East Timor',\n 'Ecuador',\n 'Egypt',\n 'El Salvador',\n 'Equatorial Guinea',\n 'Eritrea',\n 'Estonia',\n 'Ethiopia',\n 'Falkland Islands',\n 'Faroe Islands',\n 'Fiji',\n 'Finland',\n 'France',\n 'Gabon',\n 'Gambia',\n 'Georgia',\n 'Germany',\n 'Ghana',\n 'Gibraltar',\n 'Greece',\n 'Greenland',\n 'Grenada',\n 'Guadeloupe',\n 'Guam',\n 'Guatemala',\n 'Guinea',\n 'Guinea-Bissau',\n 'Guyana',\n 'Haiti',\n 'Honduras',\n 'Hong Kong',\n 'Hungary',\n 'Iceland',\n 'India',\n 'Indonesia',\n 'Iran',\n 'Iraq',\n 'Ireland',\n 'Israel',\n 'Italy',\n 'Jamaica',\n 'Japan',\n 'Jordan',\n 'Kazakhstan',\n 'Kenya',\n 'Kiribati',\n 'Korea',\n 'Kuwait',\n 'Kyrgyzstan',\n 'Lao',\n 'Latvia',\n 'Lebanon',\n 'Lesotho',\n 'Liberia',\n 'Liechtenstein',\n 'Lithuania',\n 'Luxembourg',\n 'Macau',\n 'Macedonia',\n 'Madagascar',\n 'Malawi',\n 'Malaysia',\n 'Maldives',\n 'Mali',\n 'Malta',\n 'Marshall Islands',\n 'Martinique',\n 'Mauritania',\n 'Mauritius',\n 'Mayotte',\n 'Mexico',\n 'Micronesia',\n 'Moldova',\n 'Monaco',\n 'Mongolia',\n 'Montserrat',\n 'Morocco',\n 'Mozambique',\n 'Myanmar',\n 'Namibia',\n 'Nauru',\n 'Nepal',\n 'Netherlands',\n 'New Caledonia',\n 'New Zealand',\n 'Nicaragua',\n 'Niger',\n 'Nigeria',\n 'Niue',\n 'Norfolk Island',\n 'Norway',\n 'Oman',\n 'Pakistan',\n 'Palau',\n 'Panama',\n 'Papua New Guinea',\n 'Paraguay',\n 'Peru',\n 'Philippines',\n 'Pitcairn',\n 'Poland',\n 'Portugal',\n 'Puerto Rico',\n 'Qatar',\n 'Reunion',\n 'Romania',\n 'Russia',\n 'Rwanda',\n 'Saint Lucia',\n 'Samoa',\n 'San Marino',\n 'Saudi Arabia',\n 'Senegal',\n 'Seychelles',\n 'Sierra Leone',\n 'Singapore',\n 'Slovakia',\n 'Solomon Islands',\n 'Somalia',\n 'South Africa',\n 'South Sudan',\n 'Spain',\n 'Sri Lanka',\n 'St. Helena',\n 'Sudan',\n 'Suriname',\n 'Swaziland',\n 'Sweden',\n 'Switzerland',\n 'Syria',\n 'Taiwan',\n 'Tajikistan',\n 'Tanzania',\n 'Thailand',\n 'Togo',\n 'Tokelau',\n 'Tonga',\n 'Trinidad and Tobago',\n 'Tunisia',\n 'Turkey',\n 'Turkmenistan',\n 'Tuvalu',\n 'Uganda',\n 'Ukraine',\n 'United Arab Emirates',\n 'United Kingdom',\n 'Uruguay',\n 'Uzbekistan',\n 'Vanuatu',\n 'Vatican',\n 'Venezuela',\n 'Viet Nam',\n 'Virgin Islands',\n 'Western Sahara',\n 'Yeman',\n 'Yugoslavia',\n 'Zaire',\n 'Zambia'\n];\n\nexport const Days = [\n 'Monday',\n 'Tuesday',\n 'Wednesday',\n 'Thursday',\n 'Friday',\n 'Saturday',\n 'Sunday'\n];\n\nexport const Months = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n];\nexport const TimeZones = [\n '[[Africa]]',\n 'Abidjan (GMT)',\n 'Accra (GMT)',\n 'Addis Ababa (GMT+03:00)',\n 'Algiers (GMT+01:00)',\n 'Asmara (GMT+03:00)',\n 'Bamako (GMT)',\n 'Bangui (GMT+01:00)',\n 'Banjul (GMT)',\n 'Bissau (GMT)',\n 'Blantyre (GMT+02:00)',\n 'Brazzaville (GMT+01:00)',\n 'Bujumbura (GMT+02:00)',\n 'Cairo (GMT+03:00)',\n 'Casablanca (GMT)',\n 'Ceuta (GMT+02:00)',\n 'Conakry (GMT)',\n 'Dakar (GMT)',\n 'Dar es Salaam (GMT+03:00)',\n 'Djibouti (GMT+03:00)',\n 'Douala (GMT+01:00)',\n 'El Aaiun (GMT)',\n 'Freetown (GMT)',\n 'Gaborone (GMT+02:00)',\n 'Harare (GMT+02:00)',\n 'Johannesburg (GMT+02:00)',\n 'Kampala (GMT+03:00)',\n 'Khartoum (GMT+03:00)',\n 'Kigali (GMT+02:00)',\n 'Kinshasa (GMT+01:00)',\n 'Lagos (GMT+01:00)',\n 'Libreville (GMT+01:00)',\n 'Lome (GMT)',\n 'Luanda (GMT+01:00)',\n 'Lubumbashi (GMT+02:00)',\n 'Lusaka (GMT+02:00)',\n 'Malabo (GMT+01:00)',\n 'Maputo (GMT+02:00)',\n 'Maseru (GMT+02:00)',\n 'Mbabane (GMT+02:00)',\n 'Mogadishu (GMT+03:00)',\n 'Monrovia (GMT)',\n 'Nairobi (GMT+03:00)',\n 'Ndjamena (GMT+01:00)',\n 'Niamey (GMT+01:00)',\n 'Nouakchott (GMT)',\n 'Ouagadougou (GMT)',\n 'Porto-Novo (GMT+01:00)',\n 'Sao Tome (GMT)',\n 'Tripoli (GMT+02:00)',\n 'Tunis (GMT+02:00)',\n 'Windhoek (GMT+01:00)',\n '[[America]]',\n 'Adak (GMT-09:00)',\n 'Anchorage (GMT-08:00)',\n 'Anguilla (GMT-04:00)',\n 'Antigua (GMT-04:00)',\n 'Araguaina (GMT-03:00)',\n 'Buenos Aires, Argentina (GMT-03:00)',\n 'Catamarca, Argentina (GMT-03:00)',\n 'Cordoba, Argentina (GMT-03:00)',\n 'Jujuy, Argentina (GMT-03:00)',\n 'La Rioja, Argentina (GMT-03:00)',\n 'Mendoza, Argentina (GMT-03:00)',\n 'Rio Gallegos, Argentina (GMT-03:00)',\n 'Salta, Argentina (GMT-03:00)',\n 'San Juan, Argentina (GMT-03:00)',\n 'San Luis, Argentina (GMT-04:00)',\n 'Tucuman, Argentina (GMT-03:00)',\n 'Ushuaia, Argentina (GMT-03:00)',\n 'Aruba (GMT-04:00)',\n 'Asuncion (GMT-04:00)',\n 'Atikokan (GMT-05:00)',\n 'Bahia (GMT-03:00)',\n 'Barbados (GMT-04:00)',\n 'Belem (GMT-03:00)',\n 'Belize (GMT-06:00)',\n 'Blanc-Sablon (GMT-04:00)',\n 'Boa Vista (GMT-04:00)',\n 'Bogota (GMT-05:00)',\n 'Boise (GMT-06:00)',\n 'Cambridge Bay (GMT-06:00)',\n 'Campo Grande (GMT-04:00)',\n 'Cancun (GMT-05:00)',\n 'Caracas (GMT-04:30)',\n 'Cayenne (GMT-03:00)',\n 'Cayman (GMT-05:00)',\n 'Chicago (GMT-05:00)',\n 'Chihuahua (GMT-06:00)',\n 'Costa Rica (GMT-06:00)',\n 'Cuiaba (GMT-04:00)',\n 'Curacao (GMT-04:00)',\n 'Danmarkshavn (GMT)',\n 'Dawson (GMT-07:00)',\n 'Dawson Creek (GMT-07:00)',\n 'Denver (GMT-06:00)',\n 'Detroit (GMT-04:00)',\n 'Dominica (GMT-04:00)',\n 'Edmonton (GMT-06:00)',\n 'Eirunepe (GMT-04:00)',\n 'El Salvador (GMT-06:00)',\n 'Fortaleza (GMT-03:00)',\n 'Glace Bay (GMT-03:00)',\n 'Godthab (GMT-02:00)',\n 'Goose Bay (GMT-03:00)',\n 'Grand Turk (GMT-04:00)',\n 'Grenada (GMT-04:00)',\n 'Guadeloupe (GMT-04:00)',\n 'Guatemala (GMT-06:00)',\n 'Guayaquil (GMT-05:00)',\n 'Guyana (GMT-04:00)',\n 'Halifax (GMT-03:00)',\n 'Havana (GMT-04:00)',\n 'Hermosillo (GMT-07:00)',\n 'Indianapolis, Indiana (GMT-04:00)',\n 'Knox, Indiana (GMT-05:00)',\n 'Marengo, Indiana (GMT-04:00)',\n 'Petersburg, Indiana (GMT-04:00)',\n 'Tell City, Indiana (GMT-05:00)',\n 'Vevay, Indiana (GMT-04:00)',\n 'Vincennes, Indiana (GMT-04:00)',\n 'Winamac, Indiana (GMT-04:00)',\n 'Inuvik (GMT-06:00)',\n 'Iqaluit (GMT-04:00)',\n 'Jamaica (GMT-05:00)',\n 'Juneau (GMT-08:00)',\n 'Louisville, Kentucky (GMT-04:00)',\n 'Monticello, Kentucky (GMT-04:00)',\n 'La Paz (GMT-04:00)',\n 'Lima (GMT-05:00)',\n 'Los Angeles (GMT-07:00)',\n 'Maceio (GMT-03:00)',\n 'Managua (GMT-06:00)',\n 'Manaus (GMT-04:00)',\n 'Marigot (GMT-04:00)',\n 'Martinique (GMT-04:00)',\n 'Mazatlan (GMT-06:00)',\n 'Menominee (GMT-05:00)',\n 'Merida (GMT-05:00)',\n 'Mexico City (GMT-05:00)',\n 'Miquelon (GMT-02:00)',\n 'Moncton (GMT-03:00)',\n 'Monterrey (GMT-05:00)',\n 'Montevideo (GMT-03:00)',\n 'Montreal (GMT-04:00)',\n 'Montserrat (GMT-04:00)',\n 'Nassau (GMT-04:00)',\n 'New York (GMT-04:00)',\n 'Nipigon (GMT-04:00)',\n 'Nome (GMT-08:00)',\n 'Noronha (GMT-02:00)',\n 'Center, North Dakota (GMT-05:00)',\n 'New Salem, North Dakota (GMT-05:00)',\n 'Panama (GMT-05:00)',\n 'Pangnirtung (GMT-04:00)',\n 'Paramaribo (GMT-03:00)',\n 'Phoenix (GMT-07:00)',\n 'Port-au-Prince (GMT-05:00)',\n 'Port of Spain (GMT-04:00)',\n 'Porto Velho (GMT-04:00)',\n 'Puerto Rico (GMT-04:00)',\n 'Rainy River (GMT-05:00)',\n 'Rankin Inlet (GMT-05:00)',\n 'Recife (GMT-03:00)',\n 'Regina (GMT-06:00)',\n 'Resolute (GMT-05:00)',\n 'Rio Branco (GMT-04:00)',\n 'Santarem (GMT-03:00)',\n 'Santiago (GMT-04:00)',\n 'Santo Domingo (GMT-04:00)',\n 'Sao Paulo (GMT-03:00)',\n 'Scoresbysund (GMT)',\n 'Shiprock (GMT-06:00)',\n 'St Barthelemy (GMT-04:00)',\n 'St Johns (GMT-02:30)',\n 'St Kitts (GMT-04:00)',\n 'St Lucia (GMT-04:00)',\n 'St Thomas (GMT-04:00)',\n 'St Vincent (GMT-04:00)',\n 'Swift Current (GMT-06:00)',\n 'Tegucigalpa (GMT-06:00)',\n 'Thule (GMT-03:00)',\n 'Thunder Bay (GMT-04:00)',\n 'Tijuana (GMT-07:00)',\n 'Toronto (GMT-04:00)',\n 'Tortola (GMT-04:00)',\n 'Vancouver (GMT-07:00)',\n 'Whitehorse (GMT-07:00)',\n 'Winnipeg (GMT-05:00)',\n 'Yakutat (GMT-08:00)',\n 'Yellowknife (GMT-06:00)',\n '[[Antarctica]]',\n 'Casey (GMT+11:00)',\n 'Davis (GMT+05:00)',\n 'DumontDUrville (GMT+10:00)',\n 'Mawson (GMT+05:00)',\n 'McMurdo (GMT+12:00)',\n 'Palmer (GMT-04:00)',\n 'Rothera (GMT-03:00)',\n 'South Pole (GMT+12:00)',\n 'Syowa (GMT+03:00)',\n 'Vostok (GMT+06:00)',\n '[[Arctic]]',\n 'Longyearbyen (GMT+02:00)',\n '[[Asia]]',\n 'Aden (GMT+03:00)',\n 'Almaty (GMT+06:00)',\n 'Amman (GMT+03:00)',\n 'Anadyr (GMT+13:00)',\n 'Aqtau (GMT+05:00)',\n 'Aqtobe (GMT+05:00)',\n 'Ashgabat (GMT+05:00)',\n 'Baghdad (GMT+03:00)',\n 'Bahrain (GMT+03:00)',\n 'Baku (GMT+05:00)',\n 'Bangkok (GMT+07:00)',\n 'Beirut (GMT+03:00)',\n 'Bishkek (GMT+06:00)',\n 'Brunei (GMT+08:00)',\n 'Choibalsan (GMT+08:00)',\n 'Chongqing (GMT+08:00)',\n 'Colombo (GMT+05:30)',\n 'Damascus (GMT+03:00)',\n 'Dhaka (GMT+07:00)',\n 'Dili (GMT+09:00)',\n 'Dubai (GMT+04:00)',\n 'Dushanbe (GMT+05:00)',\n 'Gaza (GMT+03:00)',\n 'Harbin (GMT+08:00)',\n 'Ho Chi Minh (GMT+07:00)',\n 'Hong Kong (GMT+08:00)',\n 'Hovd (GMT+07:00)',\n 'Irkutsk (GMT+09:00)',\n 'Jakarta (GMT+07:00)',\n 'Jayapura (GMT+09:00)',\n 'Jerusalem (GMT+03:00)',\n 'Kabul (GMT+04:30)',\n 'Kamchatka (GMT+13:00)',\n 'Karachi (GMT+06:00)',\n 'Kashgar (GMT+08:00)',\n 'Kathmandu (GMT+05:45)',\n 'Kolkata (GMT+05:30)',\n 'Krasnoyarsk (GMT+08:00)',\n 'Kuala Lumpur (GMT+08:00)',\n 'Kuching (GMT+08:00)',\n 'Kuwait (GMT+03:00)',\n 'Macau (GMT+08:00)',\n 'Magadan (GMT+12:00)',\n 'Makassar (GMT+08:00)',\n 'Manila (GMT+08:00)',\n 'Muscat (GMT+04:00)',\n 'Nicosia (GMT+03:00)',\n 'Novokuznetsk (GMT+07:00)',\n 'Novosibirsk (GMT+07:00)',\n 'Omsk (GMT+07:00)',\n 'Oral (GMT+05:00)',\n 'Phnom Penh (GMT+07:00)',\n 'Pontianak (GMT+07:00)',\n 'Pyongyang (GMT+09:00)',\n 'Qatar (GMT+03:00)',\n 'Qyzylorda (GMT+06:00)',\n 'Rangoon (GMT+06:30)',\n 'Riyadh (GMT+03:00)',\n 'Sakhalin (GMT+11:00)',\n 'Samarkand (GMT+05:00)',\n 'Seoul (GMT+09:00)',\n 'Shanghai (GMT+08:00)',\n 'Singapore (GMT+08:00)',\n 'Taipei (GMT+08:00)',\n 'Tashkent (GMT+05:00)',\n 'Tbilisi (GMT+04:00)',\n 'Tehran (GMT+04:30)',\n 'Thimphu (GMT+06:00)',\n 'Tokyo (GMT+09:00)',\n 'Ulaanbaatar (GMT+08:00)',\n 'Urumqi (GMT+08:00)',\n 'Vientiane (GMT+07:00)',\n 'Vladivostok (GMT+11:00)',\n 'Yakutsk (GMT+10:00)',\n 'Yekaterinburg (GMT+06:00)',\n 'Yerevan (GMT+05:00)',\n '[[Atlantic]]',\n 'Azores (GMT)',\n 'Bermuda (GMT-03:00)',\n 'Canary (GMT+01:00)',\n 'Cape Verde (GMT-01:00)',\n 'Faroe (GMT+01:00)',\n 'Madeira (GMT+01:00)',\n 'Reykjavik (GMT)',\n 'South Georgia (GMT-02:00)',\n 'St Helena (GMT)',\n 'Stanley (GMT-04:00)',\n '[[Australia]]',\n 'Adelaide (GMT+09:30)',\n 'Brisbane (GMT+10:00)',\n 'Broken Hill (GMT+09:30)',\n 'Currie (GMT+10:00)',\n 'Darwin (GMT+09:30)',\n 'Eucla (GMT+08:45)',\n 'Hobart (GMT+10:00)',\n 'Lindeman (GMT+10:00)',\n 'Lord Howe (GMT+10:30)',\n 'Melbourne (GMT+10:00)',\n 'Perth (GMT+08:00)',\n 'Sydney (GMT+10:00)',\n '[[Europe]]',\n 'Amsterdam (GMT+02:00)',\n 'Andorra (GMT+02:00)',\n 'Athens (GMT+03:00)',\n 'Belgrade (GMT+02:00)',\n 'Berlin (GMT+02:00)',\n 'Bratislava (GMT+02:00)',\n 'Brussels (GMT+02:00)',\n 'Bucharest (GMT+03:00)',\n 'Budapest (GMT+02:00)',\n 'Chisinau (GMT+03:00)',\n 'Copenhagen (GMT+02:00)',\n 'Dublin (GMT+01:00)',\n 'Gibraltar (GMT+02:00)',\n 'Guernsey (GMT+01:00)',\n 'Helsinki (GMT+03:00)',\n 'Isle of Man (GMT+01:00)',\n 'Istanbul (GMT+03:00)',\n 'Jersey (GMT+01:00)',\n 'Kaliningrad (GMT+03:00)',\n 'Kiev (GMT+03:00)',\n 'Lisbon (GMT+01:00)',\n 'Ljubljana (GMT+02:00)',\n 'London (GMT+01:00)',\n 'Luxembourg (GMT+02:00)',\n 'Madrid (GMT+02:00)',\n 'Malta (GMT+02:00)',\n 'Mariehamn (GMT+03:00)',\n 'Minsk (GMT+03:00)',\n 'Monaco (GMT+02:00)',\n 'Moscow (GMT+04:00)',\n 'Oslo (GMT+02:00)',\n 'Paris (GMT+02:00)',\n 'Podgorica (GMT+02:00)',\n 'Prague (GMT+02:00)',\n 'Riga (GMT+03:00)',\n 'Rome (GMT+02:00)',\n 'Samara (GMT+05:00)',\n 'San Marino (GMT+02:00)',\n 'Sarajevo (GMT+02:00)',\n 'Simferopol (GMT+03:00)',\n 'Skopje (GMT+02:00)',\n 'Sofia (GMT+03:00)',\n 'Stockholm (GMT+02:00)',\n 'Tallinn (GMT+03:00)',\n 'Tirane (GMT+02:00)',\n 'Uzhgorod (GMT+03:00)',\n 'Vaduz (GMT+02:00)',\n 'Vatican (GMT+02:00)',\n 'Vienna (GMT+02:00)',\n 'Vilnius (GMT+03:00)',\n 'Volgograd (GMT+04:00)',\n 'Warsaw (GMT+02:00)',\n 'Zagreb (GMT+02:00)',\n 'Zaporozhye (GMT+03:00)',\n 'Zurich (GMT+02:00)',\n '[[Indian]]',\n 'Antananarivo (GMT+03:00)',\n 'Chagos (GMT+06:00)',\n 'Christmas (GMT+07:00)',\n 'Cocos (GMT+06:30)',\n 'Comoro (GMT+03:00)',\n 'Kerguelen (GMT+05:00)',\n 'Mahe (GMT+04:00)',\n 'Maldives (GMT+05:00)',\n 'Mauritius (GMT+04:00)',\n 'Mayotte (GMT+03:00)',\n 'Reunion (GMT+04:00)',\n '[[Pacific]]',\n 'Apia (GMT-11:00)',\n 'Auckland (GMT+12:00)',\n 'Chatham (GMT+12:45)',\n 'Easter (GMT-06:00)',\n 'Efate (GMT+11:00)',\n 'Enderbury (GMT+13:00)',\n 'Fakaofo (GMT-10:00)',\n 'Fiji (GMT+12:00)',\n 'Funafuti (GMT+12:00)',\n 'Galapagos (GMT-06:00)',\n 'Gambier (GMT-09:00)',\n 'Guadalcanal (GMT+11:00)',\n 'Guam (GMT+10:00)',\n 'Honolulu (GMT-10:00)',\n 'Johnston (GMT-10:00)',\n 'Kiritimati (GMT+14:00)',\n 'Kosrae (GMT+11:00)',\n 'Kwajalein (GMT+12:00)',\n 'Majuro (GMT+12:00)',\n 'Marquesas (GMT-09:30)',\n 'Midway (GMT-11:00)',\n 'Nauru (GMT+12:00)',\n 'Niue (GMT-11:00)',\n 'Norfolk (GMT+11:30)',\n 'Noumea (GMT+11:00)',\n 'Pago Pago (GMT-11:00)',\n 'Palau (GMT+09:00)',\n 'Pitcairn (GMT-08:00)',\n 'Ponape (GMT+11:00)',\n 'Port Moresby (GMT+10:00)',\n 'Rarotonga (GMT-10:00)',\n 'Saipan (GMT+10:00)',\n 'Tahiti (GMT-10:00)',\n 'Tarawa (GMT+12:00)',\n 'Tongatapu (GMT+13:00)',\n 'Truk (GMT+10:00)',\n 'Wake (GMT+12:00)',\n 'Wallis (GMT+12:00)'\n];\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport withSubmissionWidgetProps from '../../hocs/SubmissionWidget';\nimport List from '../../components/List';\nimport Baseline from '../../components/Baseline';\nimport Touchable from '../../components/Touchable';\nimport { ListTypes } from '../../constants/schemas';\nimport * as Specials from '../../constants/specials';\n\nimport { isEmpty, convertAnswerToArray } from '../../utils';\n\nconst Dropdown = props => {\n const {\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n multipleSelections,\n handleChange,\n editMode,\n isToggleActive,\n toggleProps,\n options,\n type,\n containerProps,\n showAll,\n special,\n listType,\n baselineProps,\n direction,\n isSubmissionWidget,\n submissionWidgetAnswer\n } = props;\n\n let items = convertAnswerToArray(answer);\n\n if (isSubmissionWidget) {\n items = submissionWidgetAnswer.map(({ value }) => value);\n }\n\n const isPredefined = special && special !== 'None';\n const allOptions = !isEmpty(options) ? options.split('|') : [];\n const allItems = isPredefined ? Specials[special.replace(/\\s/g, '')] : allOptions;\n\n const isRenderItsToggle = () => {\n if (editMode && type === 'control_dropdown' && !isEmpty(answer) && allItems.length > 0) {\n if (multipleSelections === 'Yes') {\n return (allItems !== items.length && Add
);\n }\n return (
);\n }\n return null;\n };\n\n const curatedItems = editMode && multipleSelections === 'Yes'\n ? items.map(item => [item, handleChange(item)} />])\n : items;\n\n return (\n \n \n {\n isMailTo\n ? {stripHTML(answerText)} \n : {stripHTML(answerText)} \n }\n \n );\n }\n}\n\nEmail.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n isMailTo: PropTypes.bool,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nEmail.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n isMailTo: false,\n direction: 'column'\n};\n\nexport default Email;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\nimport { FileUtils } from '@jotforminc/upload-fields';\n\nimport View from '../../components/View';\nimport Hypertext from '../../components/Hypertext';\nimport Baseline from '../../components/Baseline';\nimport Imageline from '../../components/Imageline';\nimport SimpleText from '../../components/Text';\n\nconst ViewWrap = Styled(View)`\n display: flex;\n flex-wrap: wrap;\n`;\n\nconst HalfView = Styled(View)`\n width: 50%;\n`;\n\nclass Fileupload extends React.Component {\n encodeRequestUrl(url) {\n return url.replace('#', '%23');\n }\n\n render() {\n const {\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n showFileNameAsText,\n showImageHyperlink,\n imagePropsArray,\n filePropsArray,\n direction,\n containerProps,\n fileNameProps,\n hideImageLine,\n useEncodeURI\n } = this.props;\n\n const imgPropsArray = imagePropsArray || [];\n const fileProps = filePropsArray || [];\n\n return (\n \n \n {answer ? answer.map((uploadedUrl, answerIndex) => {\n const encodedRequestUrl = useEncodeURI ? encodeURI(uploadedUrl) : this.encodeRequestUrl(uploadedUrl);\n const filename = FileUtils.getFileName(uploadedUrl);\n if (FileUtils.isImageFile(filename) || uploadedUrl.match(/^blob:/)) {\n return (\n // eslint-disable-next-line react/no-array-index-key\n \n {!hideImageLine && (\n {filename} \n : null}\n\n {showFileNameAsText && !showImageHyperlink\n ? {filename} \n : null}\n \n );\n }\n return showFileNameAsText\n ? {filename} \n : (\n \n {filename}\n \n );\n }) : null}\n \n \n );\n }\n}\n\nFileupload.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.shape({})]),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n containerProps: PropTypes.shape({}),\n imagePropsArray: PropTypes.instanceOf(Array),\n fileNameProps: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.array]),\n filePropsArray: PropTypes.instanceOf(Array),\n showImageHyperlink: PropTypes.bool,\n showFileNameAsText: PropTypes.bool,\n hideImageLine: PropTypes.bool,\n direction: PropTypes.string,\n useEncodeURI: PropTypes.bool\n};\n\nFileupload.defaultProps = {\n text: '',\n answer: [''],\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n containerProps: {},\n imagePropsArray: [],\n fileNameProps: [],\n filePropsArray: [],\n showImageHyperlink: true,\n showFileNameAsText: false,\n hideImageLine: false,\n direction: 'column',\n useEncodeURI: false\n};\n\nexport default Fileupload;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\n\nconst Fullname = ({\n text,\n answer: {\n prefix,\n first: firstName,\n middle: middleName,\n last: lastName,\n suffix\n },\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => (\n \n \n {[prefix, firstName, middleName, lastName].filter(f => f).map(str => stripHTML(str)).join(' ')}\n {suffix ? `, ${stripHTML(suffix)}` : ''}\n \n \n);\n\nFullname.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n prefix: PropTypes.string,\n first: PropTypes.string,\n middle: PropTypes.string,\n last: PropTypes.string,\n suffix: PropTypes.string\n })\n ]),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nFullname.defaultProps = {\n text: '',\n answer: {\n prefix: '',\n first: '',\n middle: '',\n last: '',\n suffix: ''\n },\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Fullname;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport BaseImage from '../../components/Image';\nimport Baseline from '../../components/Baseline';\n\nconst Image = ({\n src,\n text,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => (\n \n \n \n \n );\n};\n\nImagechoice.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.arrayOf(PropTypes.string),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.oneOfType([\n PropTypes.shape({}),\n PropTypes.array\n ]),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n containerStyle: PropTypes.shape({}),\n containerProps: PropTypes.shape({}),\n showAll: PropTypes.bool,\n options: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string\n })),\n PropTypes.string\n ]),\n direction: PropTypes.string\n};\n\nImagechoice.defaultProps = {\n text: '',\n answer: [],\n labelProps: {},\n answerProps: [],\n answerWrapperProps: {},\n baselineProps: {},\n containerStyle: {},\n containerProps: {},\n showAll: false,\n options: [],\n direction: 'column'\n};\n\nexport default Imagechoice;\n","import isEmpty from 'lodash/isEmpty';\nimport isObject from 'lodash/isObject';\nimport isString from 'lodash/isString';\nimport flatten from 'lodash/flatten';\nimport uniq from 'lodash/uniq';\nimport isArray from 'lodash/isArray';\nimport compose from 'lodash/fp/compose';\nimport defaultTo from 'lodash/fp/defaultTo';\nimport split from 'lodash/fp/split';\nimport add from 'lodash/fp/add';\nimport { safeJSONParse } from '@jotforminc/utils';\n\nimport { getDateTimeText, getFixedUrl, isBase64Image } from '../../../utils';\nimport { isNative } from '../../../utils/environment';\n\nexport const BLOT_REGEX = /\\{([a-z0-9]*?-[a-z0-9]*?)\\}/gi;\nconst TIMESTAMP_OF_2019 = 1546300000000;\n\nconst isOldBlotId = id => Number(id) > TIMESTAMP_OF_2019;\nconst setParsedId = ([x, y]) => (isOldBlotId(x) ? ({ id: x, label: y }) : ({ id: y, label: x }));\nconst parseBlotId = (blotId = '') => setParsedId(blotId.split('-'));\nconst setBlotId = id => label => (isOldBlotId(id) ? `${id}-${label}` : `${label}-${id}`);\n\nexport const COLOR_LIST = [\n '#D0F0FE',\n '#EDE2FE',\n '#CEDFFF',\n '#FFDAF6',\n '#D0F7C3',\n '#FFDCE5',\n '#FFEAB6',\n '#C2F5E9',\n '#FEE2D5',\n '#EEEEEE'\n];\n\nexport const getItemFromList = (arr, i) => arr[i % arr.length];\n\nexport const normalizeDate = (answer, format, separator) => getDateTimeText({\n answer: answer,\n hideTime: true,\n dateFormat: format.match(/(.)\\1+/g).join(separator).toUpperCase()\n});\n\nconst normalizeTime = ({ hourSelect, minuteSelect, ampm }) => (\n hourSelect || minuteSelect ? `${hourSelect || '0'}:${minuteSelect || '00'} ${ampm || ''}` : ''\n);\n\nconst makeArray = a => (isArray(a) ? a : [a]);\n\nexport const normalizeData = x => (isString(x) ? safeJSONParse(x) : x);\n\nexport const normalizeArray = arr => uniq(flatten(makeArray(arr).map(a => (\n /\\[(.*?)\\]/g.test(a) ? normalizeData(a) : a\n))));\n\nexport const isAnswerEmpty = answer => (\n !isArray(answer) && isObject(answer) ? Object.values(answer).every(val => !val) : isEmpty(answer)\n);\n\nexport const getAnswerByType = (answers, {\n type, id, merged, label, options\n}) => {\n if (type === 'checkbox' && merged) {\n return Object.keys(answers).filter(a => a.indexOf(id) > -1).map(ax => answers[ax]);\n }\n if (type === 'datebox') {\n return normalizeData(answers[id]);\n }\n if (type === 'radiobox' && !merged) {\n const entry = Object.keys(answers).filter(a => a.indexOf(parseBlotId(id).id) > -1);\n return answers[entry] === label && label;\n }\n\n if (type === 'timebox') {\n const time = normalizeData(answers[id]);\n\n return time && normalizeTime(time);\n }\n\n if (type === 'signaturebox') {\n if (isNative()) {\n const path = answers[id];\n if (path && path !== '/' && !path.includes('http')) {\n return getFixedUrl(path.startsWith('/') ? path : `/${path}`);\n }\n return path;\n }\n return answers[id];\n }\n if (type === 'selectbox') {\n const optionsArray = options ? options.split('|').map(option => option.trim()) : [];\n const answer = answers[id] ? answers[id].trim() : '';\n return optionsArray.includes(answer) ? answer : '';\n }\n return answers[id];\n};\n\nconst setNum = arr => (arr.length > 1 ? arr[1] : arr[0]);\nconst getNumberFromLabel = compose(\n parseInt,\n setNum,\n split('option'),\n defaultTo('')\n);\n\nconst getIndex = (index = 0) => name => compose(\n add(parseInt(index, 10)),\n getNumberFromLabel\n)(name);\n\nexport const getFieldOptions = (field, isMerged) => {\n if (((['control_radio', 'control_checkbox'].indexOf(field.type) > -1) && isMerged) || field.type === 'control_dropdown') {\n return [field.options.reduce((acc, o) => ({\n ...acc,\n options: `${acc.options || acc.label}|${o.label}`,\n merged: true,\n label: field.label,\n id: field.type === 'control_dropdown' ? setBlotId(field.id)(o.type) : field.id,\n groupID: getIndex(field.index)(o.name),\n index: Number(field.index)\n }))];\n }\n\n return field.options.map(opt => ({\n ...opt,\n // Add groupID to change color of tagFields\n ...(['radiobox', 'checkbox'].indexOf(opt.type) > -1 ? {\n groupID: getIndex(field.index)(opt.name)\n } : {}),\n // Add datetime specific field props to blot\n ...(opt.type === 'datebox' ? {\n dateSeparator: field.dateSeparator || '-',\n dateFormat: field.format || 'mmddyyyy'\n } : {}),\n index: Number(field.index)\n }));\n};\n\nconst normalizeURLPath = path => (/^\\/+/.test(path) ? path : `/${path}`);\n\nconst isAbsoluteURL = url => /^(?:[a-z]+:)?\\/\\//i.test(url);\n\nexport const normalizeURL = url => (isBase64Image(url) || isAbsoluteURL(url) ? url : normalizeURLPath(url));\n\nexport const getSiblingAnswers = (answers, id) => {\n const siblingId = id.split('-')[1];\n return Object.keys(answers).filter(item => item.startsWith('option') && item.endsWith(siblingId));\n};\n","import React from 'react';\nimport ReactDOMServer from 'react-dom/server';\nimport get from 'lodash/get';\n\nimport {\n getItemFromList, COLOR_LIST, normalizeDate, normalizeURL\n} from './utils';\nimport { LIST_TYPES } from '../../../constants';\n\nconst CSS = {\n wrapper: {\n lineHeight: 'initial',\n display: 'inline-flex',\n flexDirection: 'column'\n },\n answer: (groupID, type, mainStyle, listType) => ({\n display: 'inline-block',\n width: '100%',\n ...(groupID && listType === LIST_TYPES.OPTION ? {\n backgroundColor: getItemFromList(COLOR_LIST, groupID),\n padding: '4px 6px',\n borderRadius: '4px'\n } : {}),\n ...(['checkbox', 'selectbox', 'radiobox'].indexOf(type) > -1 ? {} : {\n borderBottom: '1px solid #979797',\n fontWeight: '600'\n }),\n ...mainStyle\n }),\n sublabel: mainStyle => ({\n display: 'block',\n fontSize: '10px',\n color: '#57647e',\n marginTop: '2px',\n ...mainStyle\n }),\n signatureImg: {\n maxWidth: '100%',\n maxHeight: '2em',\n verticalAlign: 'bottom'\n }\n};\n\nconst getHTMLLine = (answer, {\n label, groupID, type, index\n},\n{\n showSublabels, answerProps, labelProps, listType, siblingAnswers = [], id\n}) => {\n let _answer = answer;\n\n if (type === 'checkbox' && listType === LIST_TYPES.COMMA) {\n const indexOfCurrentAnswer = siblingAnswers.indexOf(id);\n _answer = `${answer}${indexOfCurrentAnswer < siblingAnswers.length - 1 ? ',' : ''}`;\n }\n\n return ReactDOMServer.renderToStaticMarkup(\n \n \n {_answer}\n \n {(showSublabels && label) && {label} }\n \n );\n};\n\nexport const HTML_ANSWER = {\n textbox: (answer, props, mainProps) => getHTMLLine(answer, props, mainProps),\n datebox: (answer, { label, dateSeparator, dateFormat }, mainProps) => (\n getHTMLLine(normalizeDate(answer, dateFormat, dateSeparator), { label }, mainProps)),\n checkbox: (answer, props, mainProps) => getHTMLLine(answer, props, mainProps),\n radiobox: (answer, props, mainProps) => getHTMLLine(answer, props, mainProps),\n signaturebox: (answer, { label, type }, mainProps) => getHTMLLine((\n \n {!!label && (\n \n {label} \n \n )}\n \n {typeof value === 'string' ? {value} : {value} }\n \n \n);\n\nLine.propTypes = {\n label: string,\n value: oneOfType([\n string,\n shape({})\n ]),\n labelContainerProps: shape({}),\n valueContainerProps: shape({})\n};\n\nLine.defaultProps = {\n label: '',\n value: '',\n labelContainerProps: {},\n valueContainerProps: {}\n};\n\nexport default Line;\n","import React from 'react';\n\nimport OptionList from '../../../components/OptionList';\nimport CommaList from '../../../components/CommaList';\nimport Line from '../../../components/Line';\nimport Imageline from '../../../components/Imageline';\nimport {\n getItemFromList, COLOR_LIST, normalizeDate, normalizeArray, normalizeURL\n} from './utils';\nimport { LIST_TYPES } from '../../../constants';\n\nconst getLine = (answer, { label, id, type }, { labelProps: { textProps }, answerProps, lineProps }) => (\n (\n { className: 'tagField', backgroundColor: getItemFromList(COLOR_LIST, groupID + i), style: { marginBottom: 12 } }\n ))\n }\n items={normalizeArray(answer)}\n />\n ];\n },\n radiobox: (answer, props, { listType }) => LIST_ANSWER.checkbox(answer, props, { listType }),\n signaturebox: (answer, { label, id, type }, { labelProps: { textProps }, answerProps, lineProps }) => (\n getLine(\n : ''\n);\n\nconst findBlot = (blots, currId) => blots && blots.find(({ id }) => id === currId);\n\nconst checkTypeToStrip = answers => (Array.isArray(answers) ? answers.map(answer => (typeof answer === 'string' ? stripHTML(answer) : answer)) : stripHTML(answers));\n\nconst prepareAnswer = (blot, answers) => (blot ? { blot, answer: blot.type === 'datebox' ? getAnswerByType(answers, blot) : checkTypeToStrip(getAnswerByType(answers, blot)) } : {});\n\nconst renderAnswer = ({ blot, answer }, renderType, props) => (\n !isAnswerEmpty(answer) && (blot.type in renderType) ? renderType[blot.type](answer, blot, props) : getEmptyStringByEnvironment()\n);\n\nconst getBlots = (fields, isMerged) => !isEmpty(fields) && fields.reduce(\n (acc, f) => [...acc, ...(getFieldOptions(f, isMerged) || [])], []\n);\n\nconst sortBlots = blots => blots.sort(({ index: prevIndex }, { index: nextIndex }) => (\n prevIndex !== nextIndex && prevIndex < nextIndex ? -1 : 1\n));\n\nconst getListAnswers = (blots, answers, props) => blots.map(blot => (\n renderAnswer(prepareAnswer(blot, answers), LIST_ANSWER, props)\n));\n\nconst updateHTML = (template, blots, answers, props) => template.replace(BLOT_REGEX, (str, id) => {\n const currBlot = findBlot(blots, id);\n const _props = { ...props, id };\n\n if (currBlot?.type === 'checkbox') {\n _props.siblingAnswers = getSiblingAnswers(answers, id);\n }\n\n return renderAnswer(prepareAnswer(currBlot, answers), HTML_ANSWER, _props);\n});\n\nconst Inline = ({\n template,\n fields,\n fullContent,\n showSublabels,\n // Default props\n text,\n answer,\n answerProps,\n labelProps,\n direction,\n answerWrapperProps,\n baselineProps,\n lineProps,\n listType\n}) => {\n const blots = getBlots(normalizeData(fields), !fullContent);\n\n const isFullContentVisible = fullContent === 'Yes' || (fullContent && fullContent !== 'No');\n\n return (\n \n {isFullContentVisible ? (\n \n {cellData}\n \n );\n }\n\n renderColumnHeaderCell({\n key, data, props = {}\n }) {\n const fixedHeader = fixTableHeader(data);\n return (\n typeof fixedHeader === 'string'\n ? (\n {fixedHeader} \n );\n }\n\n renderColumnHeaders() {\n const {\n name,\n headerProps,\n showRowHeader\n } = this.props;\n\n let key = 0;\n return this.columns.length !== 0 && (\n \n {[\n (showRowHeader && this.isRowsExist ?
\n );\n }\n\n renderRowHeaderCell({ key, data, props }) {\n return (\n typeof data === 'string'\n ? {data} \n );\n }\n\n renderRow({\n key,\n rowData,\n header,\n containerStyle,\n headerProps,\n answerProps\n }) {\n const { showAll, columns } = this.props;\n\n if (answerProps.hideEmptyRow && (!rowData.length || rowData.filter(data => data).length < 1)) return;\n\n const cells = rowData && Array.isArray(rowData) && rowData.reduce((acc, data, index) => {\n if (!showAll && !data) return acc;\n\n const cellData = (data && !showAll) ? columns[index] : data;\n\n return [\n ...acc,\n this.renderCell({ key: `${key}_${index}`, data: cellData, props: answerProps })\n ];\n }, []);\n\n if (!showAll && !cells.length) {\n cells.push(this.renderCell({ data: null, props: answerProps }));\n }\n\n return (\n \n {(typeof header === 'string' || header) && this.renderRowHeaderCell({ key, data: header, props: headerProps })}\n {cells}\n
\n );\n }\n\n renderRows() {\n const {\n name,\n containerStyle,\n headerProps,\n answerProps,\n showRowHeader\n } = this.props;\n\n return this.tableData.map((rowData, index) => this.renderRow({\n key: `${name}_${index}`,\n rowData,\n containerStyle,\n header: (this.isRowsExist && showRowHeader) && this.rows[index],\n headerProps,\n answerProps\n }));\n }\n\n renderColumnOrientedView() {\n const {\n tableComponent: TableComponent,\n showColumnHeader,\n showAll, transpose, tableData, columns, rows, orientation, containerStyle, headerProps, answerProps, // useless props\n ...props // rest\n } = this.props;\n\n return (\n \n {\n showAll && showColumnHeader\n && (\n \n {this.renderColumnHeaders()}\n \n )\n }\n \n {this.renderRows()}\n \n \n );\n }\n\n renderRowOrientedHeaderCell(data, { className: rowHeaderClassName, ...props }) {\n const className = `rowOriented-row-header${rowHeaderClassName ? ` ${rowHeaderClassName}` : ''}`;\n\n return (\n typeof data === 'string'\n ? {data} \n );\n }\n\n renderRowOrientedAnswerCell(data, { className: answerClassName, ...props }) {\n const className = `rowOriented-row-answer${answerClassName ? ` ${answerClassName}` : ''}`;\n\n return (\n typeof data === 'string'\n ? {data} \n );\n }\n\n renderRowOrientedView() {\n const {\n name,\n rows,\n transpose,\n tableData,\n answerProps,\n containerStyle,\n headerProps\n } = this.props;\n\n let key = 0;\n return (\n \n {\n !transpose\n ? rows.map((row, index) => (\n \n {row && this.renderRowOrientedHeaderCell(row, headerProps)}\n {this.renderRowOrientedAnswerCell(tableData[index], answerProps)}\n \n ))\n : (\n <>\n {this.renderColumnHeaders()}\n {this.renderRow({ key: `${name}_0`, rowData: tableData, answerProps })}\n \n )\n }\n \n );\n }\n\n render() {\n const { orientation, columns, tableComponent } = this.props;\n\n if (tableComponent !== ColumnOrientedView) {\n return this.renderColumnOrientedView();\n }\n\n switch (orientation) {\n case 'row':\n return this.renderRowOrientedView();\n case 'column':\n default:\n return columns.length === 0 ? this.renderRowOrientedView() : this.renderColumnOrientedView();\n }\n }\n}\n\nconst cellPropTypes = [\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.string,\n PropTypes.number,\n PropTypes.node\n];\n\nTableview.propTypes = {\n name: PropTypes.string,\n orientation: PropTypes.string,\n rows: PropTypes.arrayOf(PropTypes.string),\n columns: PropTypes.arrayOf(PropTypes.oneOfType(cellPropTypes)),\n tableData: PropTypes.arrayOf(PropTypes.oneOfType(cellPropTypes)),\n answerProps: PropTypes.shape(),\n containerStyle: PropTypes.shape(),\n headerProps: PropTypes.shape(),\n transpose: PropTypes.bool,\n rowProps: PropTypes.shape({}),\n tableComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.object]),\n showAll: PropTypes.bool,\n showRowHeader: PropTypes.bool,\n showColumnHeader: PropTypes.bool\n};\n\nTableview.defaultProps = {\n name: '',\n rows: [],\n columns: [],\n tableData: [],\n orientation: 'column',\n answerProps: {},\n containerStyle: {},\n headerProps: {},\n transpose: false,\n rowProps: {},\n tableComponent: ColumnOrientedView,\n showAll: true,\n showRowHeader: true,\n showColumnHeader: true\n};\n\nexport default Tableview;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'lodash/memoize';\nimport { safeJSONParse, stripSlashes } from '@jotforminc/utils';\n\nimport {\n renameDuplicateRows, stripHTML, sanitizeOrStripHTML\n} from '../../utils';\nimport { ROW_BASED_MATRIX_TYPES } from '../../constants';\n\nconst singleInputTables = ROW_BASED_MATRIX_TYPES;\n\nconst isAnswerValid = answerData => {\n if (answerData === null || answerData === undefined) return false;\n\n const isValidObject = typeof answerData === 'object' && Object.keys(answerData).length > 0;\n const isValidArray = Array.isArray(answerData) || answerData.length > 0;\n const isBoolean = typeof answerData === 'boolean';\n\n return !isBoolean && (isValidObject || isValidArray);\n};\n\nconst normalizeAnswer = memoize((answerData, columns, rows, orientation, useIndex = false) => {\n // Fix the data by passing empty array(s) if not a valid data sended\n if (!isAnswerValid(answerData)) {\n const dummyAnswerRow = orientation === 'column' ? columns.map(() => '') : '';\n return rows.map(() => dummyAnswerRow);\n }\n\n // When there are duplicate or empty row names defined by user, we fail to refer to the correct answerData row via row\n // name. In this case we eliminate the duplicate/empty rows by appending row index to the end user defined row name.\n // Same logic is applied on API backend when returning answers array, to fix this.\n const uniqueRows = renameDuplicateRows(rows);\n\n // Each row data can be an encoded json string\n const parsedAnswerValues = uniqueRows.map((row, rowIndex) => {\n const answer = (useIndex ? answerData[rowIndex] : answerData[row]) || '';\n let parsedAnswer = safeJSONParse(answer, answer, true);\n let isAnswerArray = Array.isArray(parsedAnswer);\n\n if (typeof parsedAnswer === 'object' && isAnswerArray) {\n parsedAnswer = parsedAnswer.map(ans => (typeof ans === 'string' ? sanitizeOrStripHTML(ans) : ans));\n }\n\n if (typeof parsedAnswer === 'object' && !isAnswerArray) {\n isAnswerArray = true;\n parsedAnswer = columns.map((_, index) => {\n if (parsedAnswer[index]) {\n if (typeof parsedAnswer[index] === 'string') {\n parsedAnswer[index] = stripHTML(parsedAnswer[index]);\n }\n\n return parsedAnswer[index];\n }\n return '';\n });\n }\n\n const sanitizedAnswer = isAnswerArray ? parsedAnswer.map(a => (a === null || a === false ? '' : a)).map(stripSlashes) : parsedAnswer;\n\n // If row data length is not equal to column length, push empty data to fix structure.\n const columnLengthDiff = columns.length - sanitizedAnswer.length;\n const hasColDifference = isAnswerArray && (columnLengthDiff > 0);\n return hasColDifference ? columns.map((_, index) => (sanitizedAnswer[index] || '')) : sanitizedAnswer;\n });\n\n // Fix empty strings on column oriented tables\n return parsedAnswerValues.map(answerRowData => {\n if (orientation === 'column' && (!answerRowData && answerRowData !== 0)) {\n return columns.map(() => '');\n }\n return answerRowData;\n });\n}, (...args) => args.map(arg => JSON.stringify(arg)).join(''));\n\nconst generateEmojiArray = memoize(emojiCount => {\n const normalizedEmojiCount = emojiCount ? parseInt(emojiCount, 10) : 7;\n\n switch (normalizedEmojiCount) {\n case 3:\n return [1, 4, 7];\n case 7:\n return [1, 2, 3, 4, 5, 6, 7];\n default:\n return [1, 2, 4, 6, 7];\n }\n});\n\nconst getOrientation = memoize(matrixType => (singleInputTables.indexOf(matrixType) > -1 ? 'row' : 'column'));\n\nconst splitNormalizer = memoize(str => (typeof str === 'string' ? str.split('|') : []));\n\n// Higher order component\nexport default function withMatrixProps(MatrixComponent) {\n class ExtendedMatrix extends Component {\n get columns() {\n const { dcolumns, mcolumns } = this.props;\n return this.isDynamic ? safeJSONParse(dcolumns, dcolumns, true) : splitNormalizer(mcolumns);\n }\n\n get rows() {\n const { mrows } = this.props;\n const featureSet = safeJSONParse(this.props.featureSet, this.props.featureSet, true);\n const drows = safeJSONParse(this.props.drows, this.props.drows, true);\n if (featureSet.includes('useIds')) {\n return drows.map(({ text }) => text);\n }\n return splitNormalizer(mrows);\n }\n\n get answer() {\n // in input tables with row/column ids, answer data is already sorted by column order in api\n // to allow duplicate row names in input table use index-based answer data\n const useIndex = this.props.featureSet.includes('useIds');\n return normalizeAnswer(this.props.answer, this.columns, this.rows, this.orientation, useIndex);\n }\n\n get orientation() {\n const { orientation, inputType } = this.props;\n return orientation || getOrientation(inputType);\n }\n\n get toggleOptions() {\n return splitNormalizer(this.props.toggleText);\n }\n\n get emojiArray() {\n return generateEmojiArray(this.props.emojiCount);\n }\n\n get isDynamic() {\n const featureSet = safeJSONParse(this.props.featureSet, this.props.featureSet, true);\n return featureSet.includes('useDcols') || this.props.inputType === 'Dynamic';\n }\n\n get useDcols() {\n const featureSet = safeJSONParse(this.props.featureSet, this.props.featureSet, true);\n return featureSet.includes('useIds');\n }\n\n render() {\n const { orientation, rows, ...props } = this.props;\n\n return (\n \n {`(${emojiArray.indexOf(rowAnswer) + 1}/${emojiArray.length})`}\n \n \n ));\n }\n if (inputType === 'Yes No') {\n return normalizedAnswer.map(rowAnswer => (rowAnswer ? yesOption : noOption));\n }\n if (useDcols || inputType === 'Dynamic') {\n return rows.map((_, index) => safeJSONParse(dcolumns, dcolumns, true).map((column, i) => {\n const ans = Array.isArray(normalizedAnswer[index]) ? normalizedAnswer[index][i] : '';\n if (!ans) return ans;\n if (this.orientation === 'row') return ans;\n if (column.type === 'Radio Button') return StyledRadioActiveImage;\n if (column.type === 'Check Box') return StyledCheckboxImage;\n if (column.type === 'Slider') return StyledCheckboxImage;\n return ans;\n }));\n }\n if (inputType === 'Check Box') {\n return rows.map((_, index) => this.columns.map(column => {\n const ans = normalizedAnswer[index] && !Array.isArray(normalizedAnswer[index]) ? normalizedAnswer[index].toString() : normalizedAnswer[index];\n const strippedAns = this.sanitizeAnswer(ans);\n const isSelected = strippedAns && (this.checkHasOnlyEmptyColumn() ? strippedAns.includes('1') : strippedAns.includes(column));\n return isSelected ? StyledCheckboxImage : null;\n }));\n }\n\n return normalizedAnswer;\n }\n\n checkHasOnlyEmptyColumn() {\n return this.columns.length === 1 && this.columns[0] === '';\n }\n\n render() {\n const {\n text,\n rows,\n transpose,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n sublabelProps,\n containerStyle,\n direction\n } = this.props;\n\n return (\n \n \n {isObject(answer) ? Object.keys(answer).map(key => {\n let answerValue = answer[key];\n const isStringArray = typeof answerValue === 'string' && answerValue.match(/^\\[(.*)\\]$/);\n if (isStringArray && isStringArray[1]) {\n // answer looks like => \"[\"Option 1\",\"Option 2\"]\"\n answerValue = isStringArray[1].split(',').map(answerWithQuotationMark => answerWithQuotationMark.replace(/^\"(.*)\"$/, '$1')).join(', ');\n } else if (Array.isArray(answerValue)) {\n answerValue = answerValue.join(', ');\n } else if (isNumber(answerValue)) {\n answerValue = `${answerValue}`;\n }\n return (answerValue\n ? (\n \n {answer\n && (\n \n {stripHTML(answer)}\n \n )}\n \n );\n }\n}\n\nNumber.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n numberFormat: NumberFormats.schema,\n direction: PropTypes.string\n};\n\nNumber.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n numberFormat: NumberFormats.default,\n direction: 'column'\n};\n\nexport default Number;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\n\nclass Phone extends React.Component {\n // Check Ticket 1808956 for why phone number is formatted like that.\n // Lets separate the formatting logic, so we can use it in mobile part too (phone/index.native.js)\n renderTextContent = () => {\n const {\n answer: {\n country: AnswerCountryCode,\n area: AnswerAreaCode,\n phone: AnswerPhoneNumber,\n full: AnswerFullNumber\n },\n answerProps\n } = this.props;\n return (\n \n {AnswerCountryCode && `+${stripHTML(AnswerCountryCode)} `}\n {AnswerAreaCode && `(${stripHTML(AnswerAreaCode)}) `}\n {AnswerPhoneNumber && `${stripHTML(AnswerPhoneNumber)}`.replace(/(\\d{3})(\\d{4})/, '$1-$2')}\n {stripHTML(AnswerFullNumber)}\n \n );\n };\n\n render() {\n const {\n text,\n labelProps,\n answerWrapperProps,\n baselineProps,\n direction\n } = this.props;\n return (\n \n {this.renderTextContent()}\n \n );\n }\n}\n\nPhone.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.oneOfType([\n PropTypes.shape({\n country: PropTypes.string,\n area: PropTypes.string,\n phone: PropTypes.string,\n full: PropTypes.string\n }),\n PropTypes.string\n ]),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nPhone.defaultProps = {\n text: '',\n answer: {},\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Phone;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport withSubmissionWidgetProps from '../../hocs/SubmissionWidget';\nimport View from '../../components/View';\nimport List from '../../components/List';\nimport Baseline from '../../components/Baseline';\nimport { ListTypes } from '../../constants/schemas';\nimport { isEmpty } from '../../utils';\n\nconst Radio = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n editMode,\n isToggleActive,\n toggleProps,\n options,\n showAll,\n listType,\n containerProps,\n baselineProps,\n isSubmissionWidget,\n submissionWidgetAnswer,\n optionsArray,\n direction\n}) => {\n const answerString = (() => {\n if (Array.isArray(answer)) return answer;\n return typeof answer === 'object' ? Object.values(answer)[0] : answer;\n })();\n\n let items = answerString && answerString.length > 0\n ? [editMode ? [answerString, \n \n {this.renderRating()}\n \n );\n }\n}\n\nRating.propTypes = {\n name: PropTypes.string,\n text: PropTypes.string,\n answer: PropTypes.string,\n stars: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n starStyle: PropTypes.oneOf(['Stars', 'Stars 2', 'Hearts', 'Light Bulps', 'Lightnings', 'Flags', 'Shields', 'Pluses']),\n direction: PropTypes.string\n};\n\nRating.defaultProps = {\n name: '',\n text: '',\n answer: '',\n stars: '5',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n starStyle: 'Stars',\n direction: 'column'\n};\n\nexport default Rating;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\n\nconst Scale = ({\n text,\n scaleAmount,\n answer,\n direction,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps\n}) => (\n \n {answer ? {`${stripHTML(answer)} / ${scaleAmount}`} : null}\n \n);\n\nScale.propTypes = {\n text: PropTypes.string,\n scaleAmount: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nScale.defaultProps = {\n text: '',\n scaleAmount: '5', // TODO: Questions API must provide scaleAmount\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Scale;\n","import React, { PureComponent } from 'react';\nimport Styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport Baseline from '../../components/Baseline';\n\nconst SheetboxCellContainer = Styled.div`\n display: table-cell;\n vertical-align: middle;\n width: 100%;\n`;\n\nconst SheetboxWrapper = Styled.div`\n text-align: center;\n line-height: 1;\n font-size: 16px;\n`;\n\nconst SheetboxInput = Styled.input`\n display: none;\n\n &:checked + label {\n border-color: #54B45C;\n background-color: #F0FFF1;\n background-image: url(https://cdn.jotfor.ms/assets/img/submission/sheetbox_check_icon.png);\n }\n`;\n\nconst SheetboxCustomInput = Styled.label`\n display: inline-block;\n width: 1.125em;\n height: 1.125em;\n border: 2px solid #D3D6EC;\n background-position: center;\n border-radius: 3px;\n background-size: 0.625em;\n background-repeat: no-repeat;\n cursor: pointer;\n`;\n\nclass Sheetbox extends PureComponent {\n render() {\n const {\n answer, id, onChange,\n text, answerWrapperProps, labelProps,\n direction, baselineProps\n } = this.props;\n\n return (\n \n \n \n \n \n \n );\n }\n}\n\nSheetbox.propTypes = {\n answer: PropTypes.string, // checked => 1, unchecked => 0\n onChange: PropTypes.func,\n id: PropTypes.string\n};\n\nSheetbox.defaultProps = {\n answer: '0',\n onChange: () => { },\n id: ''\n};\n\nexport default Sheetbox;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\n\nconst Spinner = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => (\n \n {stripHTML(answer)} \n \n);\n\nSpinner.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nSpinner.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Spinner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport SimpleText from '../../components/Text';\nimport View from '../../components/View';\n\nclass Text extends React.Component {\n render() {\n const {\n text,\n labelProps,\n answerProps\n } = this.props;\n return (\n \n \n );\n }\n}\n\nText.propTypes = {\n text: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({})\n};\n\nText.defaultProps = {\n text: '',\n labelProps: {},\n answerProps: {}\n};\n\nexport default Text;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\nimport unescape from 'lodash/unescape';\n// Note: if u change unescape in here, please change also mobile side. (index.native.jsx)\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\nimport { sanitizeHTML, replaceUrlsWithAnchors } from '../../utils';\n\nconst StyledText = Styled(Text)`\n white-space: pre-wrap;\n`;\n\nclass Textarea extends React.Component {\n render() {\n const {\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction,\n wysiwyg,\n mde\n } = this.props;\n\n const isHTMLAnswerAllowed = wysiwyg === 'Enable' || mde === 'Yes';\n const sanitizedAnswer = isHTMLAnswerAllowed && sanitizeHTML(answer);\n const replacedText = replaceUrlsWithAnchors(sanitizedAnswer);\n\n const Child = isHTMLAnswerAllowed\n ? \n {answer}\n \n );\n\n return (\n \n {Child}\n \n );\n }\n}\n\nTextarea.propTypes = {\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n text: PropTypes.string,\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string,\n wysiwyg: PropTypes.string,\n mde: PropTypes.string\n};\n\nTextarea.defaultProps = {\n answer: '',\n labelProps: {},\n text: '',\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column',\n wysiwyg: 'Disable',\n mde: 'No'\n};\n\nexport default Textarea;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport unescape from 'lodash/unescape';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\nimport { replaceUrlsWithAnchors, stripHTML } from '../../utils';\n\nconst Textbox = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => {\n const sanitizedAnswer = stripHTML(answer);\n const replacedText = replaceUrlsWithAnchors(sanitizedAnswer);\n\n return (\n \n {replacedText ? (\n {unescape(answer)} \n )}\n \n );\n};\n\nTextbox.propTypes = {\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n text: PropTypes.string,\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nTextbox.defaultProps = {\n answer: '',\n labelProps: {},\n text: '',\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Textbox;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n// import fr from 'moment/locale/fr';\n// import tr from 'moment/locale/tr';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nclass Time extends React.Component {\n // MOMENT.JS USAGE WITH LOCALES\n // constructor(props) {\n // super(props);\n // moment.locale('fr');\n // }\n\n // This function helps to share logic between web and native components\n getTimeValues() {\n const {\n answer: {\n hourSelect: AnswerHour,\n hourSelectRange: AnswerHourRange,\n minuteSelect: AnswerMinute,\n minuteSelectRange: AnswerMinuteRange,\n ampm: AnswerAMPM,\n ampmRange: AnswerAMPMRange,\n timeRangeDuration: TimeRangeDuration\n },\n format,\n range\n } = this.props;\n let timeString = AnswerHour || AnswerMinute ? `${AnswerHour || '0'}:${AnswerMinute || '00'} ${AnswerAMPM || ''}` : '';\n const timeObject = {\n date: moment(timeString, 'h:mm:ss A'),\n range: null\n };\n\n if (range === 'Yes') {\n const rangeString = AnswerHourRange || AnswerMinuteRange ? `${AnswerHourRange || '0'}:${AnswerMinuteRange || '00'} ${AnswerAMPMRange || ''}` : '';\n timeObject.range = moment(rangeString, 'h:mm:ss A');\n const timeMoment = moment(timeString, 'h:mm:ss A');\n const rangeMoment = moment(rangeString, 'h:mm:ss A');\n const isTimeValid = timeMoment.isValid();\n const isRangeValid = rangeMoment.isValid();\n timeString = isTimeValid || isRangeValid ? `${isTimeValid ? timeMoment.format(format) : ''} - ${isRangeValid ? rangeMoment.format(format) : ''}` : '';\n timeString = TimeRangeDuration ? `${timeString} (${TimeRangeDuration})` : timeString;\n }\n return {\n timeText: timeString,\n timeObject\n };\n }\n\n getText() {\n return this.getTimeValues().timeText;\n }\n\n getNonformattedTime() {\n return this.getTimeValues().timeObject;\n }\n\n render() {\n const {\n text,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n } = this.props;\n return (\n \n {this.getText()} \n \n );\n }\n}\n\nTime.propTypes = {\n text: PropTypes.string,\n format: PropTypes.string,\n answer: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n hourSelect: PropTypes.string,\n hourSelectRange: PropTypes.string,\n minuteSelect: PropTypes.string,\n minuteSelectRange: PropTypes.string,\n ampm: PropTypes.string,\n ampmRange: PropTypes.string\n })\n ]),\n range: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nTime.defaultProps = {\n text: '',\n format: 'LT',\n answer: {},\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n range: '',\n direction: 'column'\n};\n\nexport default Time;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport List from '../../components/List';\nimport View from '../../components/View';\nimport Baseline from '../../components/Baseline';\nimport { ListTypes } from '../../constants/schemas';\n\nconst Yesno = ({\n text,\n options,\n listType,\n showAll,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n containerProps,\n editMode,\n isToggleActive,\n toggleProps,\n direction\n}) => {\n const items = answer\n ? [[answer, editMode && options.length > 0 && \n \n {answer} \n \n);\n\nAutocomp.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nAutocomp.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Autocomp;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nconst Autoincrement = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => (\n \n {typeof answer === 'string' ? answer : ''} \n \n);\n\nAutoincrement.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nAutoincrement.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Autoincrement;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\nimport { LocaleTypes } from '../../constants/schemas';\nimport { getBirthdateText } from '../../utils';\n\nconst Birthdate = ({\n text,\n answer,\n locale,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction,\n dateFormat,\n format\n}) => (\n \n \n {answer ? getBirthdateText({\n ...answer, format, locale, dateFormat\n }) : ''}\n \n \n);\n\nBirthdate.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.shape({\n year: PropTypes.string,\n month: PropTypes.string,\n day: PropTypes.string\n }),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n locale: LocaleTypes.schema,\n format: PropTypes.string,\n direction: PropTypes.string\n};\n\nBirthdate.defaultProps = {\n text: '',\n answer: {\n year: '',\n month: '',\n day: ''\n },\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n locale: LocaleTypes.default,\n format: 'mmddyyyy',\n direction: 'column'\n};\n\nexport default Birthdate;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nconst Calculation = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => (\n \n {answer} \n \n);\n\nCalculation.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nCalculation.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Calculation;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nconst Grading = ({\n text,\n total,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => {\n const totalGrading = answer && Object.values(answer).reduce((accumulator, value) => {\n const intValue = parseInt(value, 10);\n if (!Number.isNaN(intValue)) {\n return accumulator + intValue;\n }\n return accumulator;\n }, 0);\n return (\n \n {answer ? Object.keys(answer).map(answerLine => {`${answerLine}: ${answer[answerLine] ? answer[answerLine] : 0}`} ) : null}\n {totalGrading ? {`Total: ${totalGrading || 0} / ${total}`} : null}\n \n );\n};\n\nGrading.propTypes = {\n text: PropTypes.string,\n total: PropTypes.string,\n answer: PropTypes.shape({}),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nGrading.defaultProps = {\n text: '',\n total: '',\n answer: {},\n labelProps: {},\n answerProps: {\n style: {\n display: 'block'\n }\n },\n baselineProps: {},\n answerWrapperProps: {},\n direction: 'column'\n};\n\nexport default Grading;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nconst Hidden = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => {\n return (\n \n {answer ? answer.split('\\r\\n').map(line => {line} ) : null}\n \n );\n};\n\nHidden.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nHidden.defaultProps = {\n text: '',\n answer: '',\n answerProps: {\n style: {\n display: 'block'\n }\n },\n baselineProps: {},\n answerWrapperProps: {},\n labelProps: {},\n direction: 'column'\n};\n\nexport default Hidden;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\n\nconst Range = ({\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => {\n const rangeFrom = parseInt(answer.from, 10) ? parseInt(answer.from, 10) : 0;\n const rangeTo = parseInt(answer.to, 10) ? parseInt(answer.to, 10) : 0;\n const difference = rangeTo - rangeFrom;\n return (\n \n {`From: ${stripHTML(rangeFrom)}`} \n {`To: ${stripHTML(rangeTo)}`} \n {`Difference: ${stripHTML(difference)}`} \n \n );\n};\n\nRange.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string\n }),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nRange.defaultProps = {\n text: '',\n answer: {\n from: '',\n to: ''\n },\n answerProps: {\n style: {\n display: 'block'\n }\n },\n answerWrapperProps: {},\n baselineProps: {},\n labelProps: {},\n direction: 'column'\n};\n\nexport default Range;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport View from '../../components/View';\nimport Baseline from '../../components/Baseline';\nimport Imageline from '../../components/Imageline';\nimport { isBase64Image } from '../../utils';\n\nclass Signature extends React.Component {\n render() {\n const {\n text,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n emptySignatureProps,\n emptyAnswerProps,\n direction\n } = this.props;\n\n return (\n \n {(answer && !/(jotform.com\\/$)|(jotform.pro\\/$)/.test(answer))\n ? (\n \n \n )}\n \n );\n }\n}\n\nSignature.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n containerStyle: PropTypes.shape({}),\n emptySignatureProps: PropTypes.shape({}),\n emptyAnswerProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nSignature.defaultProps = {\n text: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n containerStyle: {},\n emptySignatureProps: {},\n emptyAnswerProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Signature;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../components/Text';\nimport Baseline from '../../components/Baseline';\n\nimport { stripHTML } from '../../utils';\n\nconst Slider = ({\n text,\n maxValue,\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n}) => (\n \n {`${stripHTML(answer)} / ${maxValue}`} \n \n);\n\nSlider.propTypes = {\n text: PropTypes.string,\n maxValue: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nSlider.defaultProps = {\n text: '',\n maxValue: '',\n answer: '',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Slider;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Hypertext from '../../../components/Hypertext';\nimport Imageline from '../../../components/Imageline';\nimport View from '../../../components/View';\n\nimport {\n getFixedUrl, base64Decode, optimizeImageUrl, sanitizeHTML\n} from '../../../utils';\n\nclass MetaWidget extends Component {\n render() {\n const {\n metaData: { type, value }, answer, optimizeImage, hideImageLine\n } = this.props;\n\n switch (type) {\n case 'links':\n return value.map(({ url, name }) => {name} );\n case 'imagelinks':\n return value.map(({ url, name }) => {\n let _url = getFixedUrl(url);\n _url = optimizeImage ? optimizeImageUrl(_url) : _url;\n\n return hideImageLine\n ? {name} \n : \n {widgetType === 'field' && this.renderWidgetFrame()}\n {widgetType === 'direct_embed' && this.renderWidgetEmbed()}\n \n );\n }\n}\n\nWidget.propTypes = {\n qid: PropTypes.string,\n answer: PropTypes.string,\n frameSrc: PropTypes.string,\n widgetType: PropTypes.string,\n handleChange: PropTypes.func,\n frameWidth: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n frameHeight: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n settings: PropTypes.shape({}),\n formID: PropTypes.string.isRequired\n};\n\nWidget.defaultProps = {\n qid: '',\n answer: '',\n frameSrc: '',\n widgetType: '',\n frameWidth: 100,\n frameHeight: 100,\n handleChange: f => f,\n settings: {}\n};\n\nWidget.jotformUrlRegex = /(?:https?:)?(?:\\/\\/)?((?:data-)?(?:app-)?widgets)\\.jotform\\.io\\/(.*)/;\n\nexport default Widget;\n","import { safeJSONParse } from '@jotforminc/utils';\n\nimport { getFixedUrl, optimizeImageUrl } from '../../utils';\n\nclass WidgetUtils {\n getImageArray(widgetMetaData, optimizeImage = false, timestamp) {\n if (widgetMetaData) {\n const tempAnswer = safeJSONParse(widgetMetaData);\n if (tempAnswer && tempAnswer.widget_metadata && tempAnswer.widget_metadata.type === 'imagelinks') {\n return tempAnswer.widget_metadata.value.map(item => {\n const { name, url, base64 } = item;\n let _url = getFixedUrl(base64 || url, timestamp);\n _url = optimizeImage ? optimizeImageUrl(_url) : _url;\n return {\n name,\n url: _url\n };\n });\n }\n }\n return [];\n }\n\n encodeRequestUrl(url) {\n return url.replace('#', '%23');\n }\n}\n\nexport default new WidgetUtils();\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FileUtils } from '@jotforminc/upload-fields';\n\nimport Imageline from '../../../components/Imageline';\nimport Hypertext from '../../../components/Hypertext';\nimport WidgetUtils from '../utils';\n\nclass ImageUploadPreview extends React.Component {\n render() {\n const {\n answer, onImagePress, optimizeImage, showImageHyperlink, timestamp\n } = this.props;\n const urls = WidgetUtils.getImageArray(answer, optimizeImage, timestamp);\n return urls.map(({ name, url }) => (\n <>\n \n {name}\n \n )}\n \n ));\n }\n}\n\nImageUploadPreview.propTypes = {\n answer: PropTypes.string,\n onImagePress: PropTypes.func,\n optimizeImage: PropTypes.bool,\n showImageHyperlink: PropTypes.bool\n};\n\nImageUploadPreview.defaultProps = {\n answer: '',\n onImagePress: null,\n optimizeImage: false,\n showImageHyperlink: false\n};\n\nexport default ImageUploadPreview;\n","// Smooth Signature\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Imageline from '../../../components/Imageline';\nimport { isNative } from '../../../utils/environment';\n\nconst SmoothSignature = ({\n answer, cfname, onImagePress, optimizeImage\n}) => (\n {unescape(answer)}
)\n );\n};\n\nConfigurableList.propTypes = {\n answer: PropTypes.string,\n transpose: PropTypes.bool,\n submitNarration: PropTypes.string,\n answerProps: PropTypes.shape({}),\n sublabelProps: PropTypes.shape({}),\n containerStyle: PropTypes.shape({})\n};\n\nConfigurableList.defaultProps = {\n answer: '',\n transpose: false,\n submitNarration: 'No',\n answerProps: {},\n sublabelProps: {},\n containerStyle: {}\n};\n\nexport default ConfigurableList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FileUtils } from '@jotforminc/upload-fields';\n\nimport MetaWidget from '../MetaWidget';\nimport Imageline from '../../../components/Imageline';\nimport { getFixedUrl, optimizeImageUrl } from '../../../utils';\nimport Baseline from '../../../components/Baseline';\nimport { isNative } from '../../../utils/environment';\nimport Hypertext from '../../../components/Hypertext';\nimport WidgetUtils from '../utils';\n\nconst TakePhoto = props => {\n const {\n answer,\n metaData,\n onImagePress,\n thumbnail,\n baselineProps,\n selectedField,\n optimizeImage,\n showImageLink,\n hideImageLine,\n timestamp\n } = props;\n const { selectionProps = {} } = baselineProps;\n const { isSelectable = false, onSelect = f => f } = selectionProps;\n\n const handlePress = () => {\n if (isSelectable) {\n onSelect('answer');\n return;\n }\n onImagePress();\n };\n\n if (!metaData) {\n let value = answer ? getFixedUrl(answer, timestamp) : null;\n value = optimizeImage ? optimizeImageUrl(value) : value;\n if (thumbnail !== '') value = thumbnail;\n baselineProps.widgetId = selectedField;\n\n const href = value ? FileUtils.getUploadUrl(WidgetUtils.encodeRequestUrl(value)) : null;\n const name = value ? FileUtils.getFileName(value) : '';\n\n const isInitialWidget = baselineProps.widgetId === '533a8c19a3f5fec35d00009a';\n\n return (\n \n {!hideImageLine && (\n onSelect('answer')}\n imageStyle={isNative() ? { flex: 1, height: 160 } : undefined}\n noImgPlaceholder={isInitialWidget}\n />\n )}\n {showImageLink && href && (\n \n {name}\n \n )}\n \n );\n }\n\n return {answer} ;\n};\n\nVoiceRecorder.propTypes = {\n answer: PropTypes.string,\n onPress: PropTypes.func\n};\n\nVoiceRecorder.defaultProps = {\n answer: '',\n onPress: () => { }\n};\n\nexport default VoiceRecorder;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getFixedUrl } from '../../../utils';\nimport Hypertext from '../../../components/Hypertext';\n\nconst csvUrlRegex = /(?:\\r\\n)?CSV\\:\\s*(.*?\\.csv)/; // eslint-disable-line\n\nconst LocationCoordinate = ({ answer }) => {\n // Answer matches the expected format\n if (csvUrlRegex.test(answer)) {\n const [fullMatch, csvPath] = answer.match(csvUrlRegex);\n return {answer.replace(fullMatch, '')} ;\n }\n\n return {answer} ;\n};\n\nLocationCoordinate.propTypes = {\n answer: PropTypes.string\n};\n\nLocationCoordinate.defaultProps = {\n answer: ''\n};\n\nexport default LocationCoordinate;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ListTypes } from '../../../constants/schemas';\n\nimport List from '../../../components/List';\n\nconst ChecklistWidget = ({\n listType,\n answer,\n hideunchecked,\n answerProps,\n showAll,\n containerProps\n}) => {\n const answerLines = (answer || '').split(/\\r\\n|\\n|\\r/);\n const answerCheckboxObjects = answerLines && answerLines.map(item => {\n const [_, checkedStatus, optionName] = item.match(/(^(?:UN)?CHECKED): (.*)/) || []; // eslint-disable-line\n\n return {\n checked: !(checkedStatus === 'UNCHECKED'),\n optionName: (optionName || item)\n };\n });\n\n const allItems = answerCheckboxObjects.map(({ optionName }) => optionName);\n const items = answerCheckboxObjects.filter(({ checked }) => checked).map(({ optionName }) => optionName);\n\n const longerOptions = allItems.length > items.length ? allItems : items;\n const itemProps = Array.isArray(answerProps) ? answerProps : longerOptions.map(() => answerProps);\n\n return (\n answerProps)}\n containerProps={containerProps}\n />\n );\n};\n\nDynamicTextBoxWidget.propTypes = {\n answer: PropTypes.string,\n ...ListPropTypes.schema\n};\n\nDynamicTextBoxWidget.defaultProps = {\n answer: '',\n ...ListPropTypes.default\n};\n\nexport default DynamicTextBoxWidget;\n","// Tiny MCE\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport unescape from 'lodash/unescape';\nimport DOMPurify from 'dompurify';\n\nimport View from '../../../components/View';\n\nconst TinyMCE = ({ answer }) => (\n \n {answer.split('\\r\\n').map(answerPart => {\n let value = null;\n if (answerPart) {\n const url = getFixedUrl(answerPart);\n value = optimizeImage ? optimizeImageUrl(url) : url;\n }\n return \n );\n};\n\nUploadCare.propTypes = {\n onImagePress: PropTypes.func,\n answer: PropTypes.string,\n optimizeImage: PropTypes.bool\n};\n\nUploadCare.defaultProps = {\n answer: '',\n onImagePress: null,\n optimizeImage: false\n};\n\nexport default UploadCare;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\nimport View from '../../../components/View';\n\nconst DatePickerWidget = ({\n answer,\n description,\n descriptionProps\n}) => {\n const { className = '' } = descriptionProps;\n const descriptionPart = description ? {description} : null;\n return (\n \n {descriptionPart}\n {answer} \n \n );\n};\n\nDatePickerWidget.propTypes = {\n descriptionProps: PropTypes.shape({\n className: PropTypes.string\n }),\n description: PropTypes.string,\n answer: PropTypes.string\n};\n\nDatePickerWidget.defaultProps = {\n descriptionProps: {},\n answer: '',\n description: ''\n};\n\nexport default DatePickerWidget;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\n\nconst GeoLocation = ({ answer }) => {answer} ;\n\nGeoLocation.propTypes = {\n answer: PropTypes.string\n};\n\nGeoLocation.defaultProps = {\n answer: ''\n};\n\nexport default GeoLocation;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\n\nconst GPSLocation = ({ answer }) => {answer} ;\n\nGPSLocation.propTypes = {\n answer: PropTypes.string\n};\n\nGPSLocation.defaultProps = {\n answer: ''\n};\n\nexport default GPSLocation;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\n\nconst GeoStamp = ({ answer }) => {answer} ;\n\nGeoStamp.propTypes = {\n answer: PropTypes.string\n};\n\nGeoStamp.defaultProps = {\n answer: ''\n};\n\nexport default GeoStamp;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getFixedUrl } from '../../../utils';\nimport Hypertext from '../../../components/Hypertext';\n\nconst VideoRecorder = ({ answer, onPress }) => {\n return {answer} ;\n};\n\nVideoRecorder.propTypes = {\n answer: PropTypes.string,\n onPress: PropTypes.func\n};\n\nVideoRecorder.defaultProps = {\n answer: '',\n onPress: () => { }\n};\n\nexport default VideoRecorder;\n","// Loom Video Recorder\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Hypertext from '../../../components/Hypertext';\nimport { getFixedUrl } from '../../../utils';\n\nconst LoomVideoRecorder = ({ metaData, widgetVideoMode }) => {\n return metaData ? metaData.value.map(({ url, name }) => {\n const fixedUrl = getFixedUrl(url);\n const key = `${url}_${name}`;\n return widgetVideoMode ? (\n {name} ;\n }) : '';\n};\n\nLoomVideoRecorder.propTypes = {\n metaData: PropTypes.shape({\n value: PropTypes.arrayOf(PropTypes.shape({\n name: PropTypes.string,\n url: PropTypes.string\n }))\n }),\n widgetVideoMode: PropTypes.bool\n};\n\nLoomVideoRecorder.defaultProps = {\n metaData: null,\n widgetVideoMode: false\n};\n\nexport default LoomVideoRecorder;\n","import {\n TABLEVIEW_WIDGETS,\n LISTVIEW_WIDGETS,\n IMAGE_WIDGETS,\n HTML_WIDGETS\n} from '../../../constants';\n\n// Please follow the naming rule.\n// Add name of the widget in its file.\nimport EditableWidget from '../../../editables/Widget';\nimport ImageUploadPreview from './5295b800485bd19f5d000005';\nimport SmoothSignature from './529467003477f3512000001f';\nimport ConfigurableList from './533946093c1ad0c45d000070';\nimport TakePhoto from './529c8286a75dae5e7f000005';\nimport VoiceRecorder from './5297188631357d390700000d';\nimport LocationCoordinate from './55486915347ef1086c000017';\nimport ChecklistWidget from './52961c97e3e5266570000004';\nimport DynamicTextBoxWidget from './528ee7cf8d5a5fc76a000004';\nimport TinyMCE from './5295f8da6396ecd66d00000e';\nimport ButtonCheckboxWidget from './5290397c57a764425100000b';\nimport UploadCare from './573ae96be567f40178000011';\nimport DatePickerWidget from './52934dbf3be147110a000030';\nimport GeoLocation from './5343b614d5f416b42a000004';\nimport GPSLocation from './5379f8c6d6aa823065000009';\nimport GeoStamp from './5935688a725d1797050002e7';\nimport VideoRecorder from './5ce54324d21603df40000031';\nimport LoomVideoRecorder from './302518f9f4744e3ae379dd71';\n\nconst tableViewWidgetComponents = TABLEVIEW_WIDGETS.reduce((prev, curr) => ({\n ...prev,\n [curr]: ConfigurableList\n}), {});\n\nconst listViewWidgetComponents = LISTVIEW_WIDGETS.reduce((prev, curr) => ({\n ...prev,\n [curr]: DynamicTextBoxWidget\n}), {});\n\nconst imageWidgetComponents = IMAGE_WIDGETS.reduce((prev, curr) => ({\n ...prev,\n [curr]: TakePhoto\n}), {});\n\nconst htmlWidgetComponents = HTML_WIDGETS.reduce((prev, curr) => ({\n ...prev,\n [curr]: TinyMCE\n}), {});\n\nexport default {\n // format\n // [widgetKey] : 'widgetFile'\n ...tableViewWidgetComponents,\n ...listViewWidgetComponents,\n ...imageWidgetComponents,\n ...htmlWidgetComponents,\n '5295b800485bd19f5d000005': ImageUploadPreview,\n '529467003477f3512000001f': SmoothSignature,\n '5297188631357d390700000d': VoiceRecorder,\n '55486915347ef1086c000017': LocationCoordinate,\n '52961c97e3e5266570000004': ChecklistWidget,\n '5297606bfe8fa6bf0d000016': EditableWidget, // Data Grid\n '5293065005a7114f7000002a': EditableWidget, // Fit Text\n '5290397c57a764425100000b': ButtonCheckboxWidget,\n '573ae96be567f40178000011': UploadCare,\n '52934dbf3be147110a000030': DatePickerWidget,\n '5343b614d5f416b42a000004': GeoLocation,\n '5379f8c6d6aa823065000009': GPSLocation,\n '5935688a725d1797050002e7': GeoStamp,\n '5ce54324d21603df40000031': VideoRecorder,\n '302518f9f4744e3ae379dd71': LoomVideoRecorder\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'lodash/memoize';\n\nimport MetaWidget from './MetaWidget';\nimport CustomWidgets from './CustomWidgets';\nimport Text from '../../components/Text';\nimport Hypertext from '../../components/Hypertext';\nimport Baseline from '../../components/Baseline';\nimport { parseJSONObject, sanitizeHTML } from '../../utils';\nimport View from '../../components/View';\n\nclass Widget extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n metaData: false,\n CustomComponent: null\n };\n }\n\n static getDerivedStateFromProps({ answer, selectedField }) {\n return {\n metaData: Widget.parseMetaData(answer),\n CustomComponent: CustomWidgets[selectedField]\n };\n }\n\n customAnswerForWidget() {\n const { answer, URL, answerProps: { textProps } } = this.props;\n const { metaData, CustomComponent } = this.state;\n\n if (CustomComponent) {\n return (\n {URL} ;\n }\n\n if (typeof answer === 'string') {\n return {sanitizeHTML(unescape(answer.replace(/&/g, '&')))} ;\n }\n if (Array.isArray(answer)) {\n return {sanitizeHTML(answer.join(' '))} ;\n }\n if (typeof answer === 'object') {\n return {sanitizeHTML(Object.keys(answer).map(key => answer[key]).join(' '))} ;\n }\n }\n\n render() {\n const {\n text,\n labelProps,\n dontSpreadAnswerPropsToWrapper,\n answerProps,\n answerWrapperProps,\n baselineProps,\n direction\n } = this.props;\n\n return (\n \n \n {this.customAnswerForWidget()}\n \n \n );\n }\n}\n\nWidget.propTypes = {\n URL: PropTypes.string,\n text: PropTypes.string,\n description: PropTypes.string,\n cfname: PropTypes.string,\n selectedField: PropTypes.string,\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n dontSpreadAnswerPropsToWrapper: PropTypes.bool,\n answerProps: PropTypes.shape({\n onLinkPress: PropTypes.func,\n onImagePress: PropTypes.func\n }),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n containanswerPropserStyle: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nWidget.defaultProps = {\n URL: '',\n text: '',\n description: '',\n cfname: '',\n selectedField: '',\n answer: '',\n labelProps: {},\n dontSpreadAnswerPropsToWrapper: false,\n answerProps: { onLinkPress: () => { }, onImagePress: null },\n answerWrapperProps: {},\n baselineProps: {},\n containanswerPropserStyle: {},\n direction: 'column'\n};\n\nWidget.parseMetaData = memoize(answer => {\n const { widget_metadata: metaData } = parseJSONObject(answer) || {};\n return metaData;\n});\n\nexport default Widget;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { closest } from '@jotforminc/utils';\n\nclass ClickOutside extends Component {\n constructor(props) {\n super(props);\n\n this.handleClickOutside = this.handleClickOutside.bind(this);\n }\n\n componentDidMount() {\n const { forceCloseOutside } = this.props;\n if (!forceCloseOutside) window.addEventListener('click', this.handleClickOutside, true);\n }\n\n componentWillUnmount() {\n const { forceCloseOutside } = this.props;\n if (!forceCloseOutside) window.removeEventListener('click', this.handleClickOutside, true);\n }\n\n handleClickOutside(event) {\n const { onClickOutside, exceptionClass } = this.props;\n const target = exceptionClass !== '' ? closest(event.target, `.${exceptionClass}`, '.jSheetRow-cell') : null;\n if (!this.wrapper.contains(event.target) && target === null) {\n onClickOutside(event);\n }\n }\n\n render() {\n const { children } = this.props;\n return (\n { this.wrapper = wrapper; }}>{children}
\n );\n }\n}\n\nClickOutside.propTypes = {\n children: PropTypes.node.isRequired,\n onClickOutside: PropTypes.func,\n forceCloseOutside: PropTypes.bool,\n exceptionClass: PropTypes.string\n};\n\nClickOutside.defaultProps = {\n forceCloseOutside: false,\n onClickOutside: () => {},\n exceptionClass: ''\n};\n\nexport default ClickOutside;\n","import React from 'react';\nimport Text from '../../components/Text';\nimport View from '../../components/View';\nimport Styled from '../../utils/styled';\nimport Imageline from '../../components/Imageline';\n\nconst StyledView = Styled(View)`\n border-bottom: 1px solid #C2C3C4;\n display: flex;\n flex-direction: column;\n padding-bottom: 12px;\n margin-top: 12px;\n page-break-inside: avoid;\n`;\n\nconst ProductView = Styled(View)`\n padding: 15px 0;\n border-bottom: 1px solid #C2C3C4;\n display: flex;\n page-break-inside: avoid;\n`;\n\nconst ProductName = Styled(Text)`\n font-weight: bold;\n color: #18152C;\n`;\n\nconst ProductPeriod = Styled(Text)`\n font-weight: bold;\n color: #18152C;\n`;\n\nconst ProductPrice = Styled(Text)`\n flex-shrink: 1;\n font-weight: bold;\n`;\n\nconst ProductImage = Styled(Text)`\n flex-shrink: 1;\n min-width: 100px;\n`;\n\nconst ProductOptions = Styled(View)`\n flex-direction: column;\n`;\n\nconst ProductDetails = Styled(View)`\n flex-grow: 1;\n padding: 0 15px;\n line-height: 1.5em;\n`;\n\nconst HeaderText = Styled(Text)`\n font-weight: bold;\n`;\n\nconst PriceView = Styled(View)`\n display: flex;\n margin-bottom: 12px;\n`;\n\nconst PriceLabel = Styled(Text)`\n flex-grow: 1;\n`;\n\nconst PriceText = Styled(Text)`\n flex-shrink: 1;\n`;\n\nconst PriceDetailsView = Styled(View)`\n margin: 12px 0;\n font-weight: bold;\n display: flex;\n flex-direction: column;\n border-bottom: 1px solid #C2C3C4;\n`;\n\nconst PaymentImageText = Styled(Text)`\n padding: 41px 5px;\n background-color: #CEF1FE;\n width: 100%;\n max-width: 100px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nconst PayerView = Styled(View)`\n border-bottom: 1px solid #C2C3C4;\n display: flex;\n flex-direction: column;\n padding-bottom: 12px;\n margin-top: 12px;\n page-break-inside: avoid;\n`;\n\nconst PayerViewTitle = Styled(Text)`\n font-weight: bold;\n`;\n\nconst ProductImageline = Styled(props => {this.getPriceWithCurrency(price)} );\n }\n\n if (showImages) {\n const noImagePlaceHolder = '//cdn.jotfor.ms/assets/img/cardforms/noImage-placeholder.svg';\n let imageContainerStyles = {\n maxWidth: '100px',\n maxHeight: '100px'\n };\n if (appName === 'sheets' && !isPreview) {\n imageContainerStyles = {\n maxWidth: '100%',\n maxHeight: '100%',\n borderRadius: '4px'\n };\n } else if (appName === 'sheets' && isPreview) {\n imageContainerStyles = {\n maxWidth: '60px',\n maxHeight: '60px',\n borderRadius: '2px'\n };\n }\n return (\n \n {this.getProductImage(product)}\n \n {product.name}\n \n \n ) : (\n \n {this.getProductImage(product, true)}\n \n \n {product.name}\n \n \n {product.options ? product.options.map(opt => {typeof opt === 'string' ? opt.replace(/"/g, '\"') : opt} ) : null}\n \n \n {['product'].includes(this.paymentType)\n ? (\n \n {product.price}\n \n ) : null}\n \n );\n });\n\n return productView;\n };\n\n getSinglePriceView = (topic, cost, currency) => {\n if (!cost) return null;\n const { Styled, props: { labelProps = {} } } = this;\n\n return (\n \n {topic} \n {`${cost}${currency}`} \n \n );\n };\n\n getPriceView = ({\n currency,\n coupon,\n shipping,\n tax,\n total,\n subtotal\n }) => {\n const {\n paymentStrings\n } = this.props;\n\n const { Styled } = this;\n if (!shipping && !tax && !total && !coupon && !subtotal) return null;\n const currencyText = `${currency ? ` ${currency}` : ''}`;\n\n const paymentStringsDefault = {\n couponApply: 'Apply',\n couponEnter: 'Coupon Code',\n totalSubtotal: 'Subtotal',\n taxTax: 'Tax',\n shippingShipping: 'Shipping',\n totalTotal: 'Total'\n };\n\n const strings = paymentStrings ? { ...paymentStringsDefault, ...paymentStrings[0] } : paymentStringsDefault;\n\n return (\n \n {this.getSinglePriceView(strings.totalSubtotal, subtotal, currencyText)}\n {this.getSinglePriceView(strings.shippingShipping, shipping, currencyText)}\n {this.getSinglePriceView(strings.taxTax, tax, currencyText)}\n {this.getSinglePriceView(strings.totalTotal, total, currencyText)}\n {this.getSinglePriceView(strings.couponEnter, coupon, '')}\n \n );\n };\n\n getPayerView = ({\n name,\n email,\n company\n }) => {\n const { Styled, props: { labelProps = {}, answerProps = {} } } = this;\n if (!name && !email && !company) return null;\n const customProps = this.getViewCustomProps('payerView');\n\n return (\n \n {t('Payer Information')} \n {name ? {name} : null}\n {email ? {email} : null}\n {company ? {company} : null}\n \n );\n };\n\n getShippingView = ({\n name,\n street,\n city,\n state,\n postalCode,\n country\n }) => {\n const { Styled, props: { labelProps = {}, answerProps = {} } } = this;\n if (!name && !street && !city && !state && !postalCode && !country) return null;\n return (\n \n {t('Shipping Address')} \n {name ? {name} : null}\n {street ? {street} : null}\n {city || state || postalCode ? {`${city} ${state} ${postalCode}`} : null}\n {country ? {country} : null}\n \n );\n };\n\n getTransactionView = ({\n text,\n id\n }) => {\n const { Styled, props: { labelProps = {}, answerProps = {} } } = this;\n if (!text || !id) return null;\n return (\n \n {text} \n {id} \n \n );\n };\n\n getTransactionInformation = () => {\n const { boughtProducts, gateway } = this.props;\n let text = t('Transaction ID');\n let id = boughtProducts.transactionid;\n\n switch (gateway) {\n case 'control_cardconnect':\n text = t('Reference ID');\n id = boughtProducts.reference ? boughtProducts.reference : id;\n break;\n case 'control_square':\n text = t('Payment ID');\n break;\n default:\n break;\n }\n\n return {\n text: text,\n id: id\n };\n };\n\n getPaymentMethodView = ({\n text,\n pm\n }) => {\n const { Styled, props: { labelProps = {}, answerProps = {} } } = this;\n if (!text || !pm) return null;\n return (\n \n {text} \n {pm} \n \n );\n };\n\n getPaymentMethodInformation = () => {\n const { boughtProducts } = this.props;\n\n return {\n text: t('Payment Method'),\n pm: boughtProducts.paymentmethod\n };\n };\n\n getShipmentInformation = () => {\n // Shipment related data\n const { boughtProducts } = this.props;\n return {\n name: boughtProducts.shiptoname,\n street: boughtProducts.addr,\n city: boughtProducts.city,\n state: boughtProducts.state,\n postalCode: boughtProducts.postal,\n country: boughtProducts.country\n };\n };\n\n getPriceInformation = () => {\n const { boughtProducts } = this.props;\n return {\n currency: boughtProducts.currency,\n coupon: boughtProducts.coupon,\n shipping: boughtProducts.shipping,\n tax: boughtProducts.tax,\n total: boughtProducts.total,\n subtotal: boughtProducts.subtotal\n };\n };\n\n getPayerInformation = () => {\n // Payer related data\n const { boughtProducts } = this.props;\n let payerName = null;\n if (boughtProducts.fullname) {\n payerName = boughtProducts.fullname;\n } else if (boughtProducts.firstname || boughtProducts.lastname) {\n payerName = `${boughtProducts.firstname} ${boughtProducts.lastname}`;\n } else if (boughtProducts.nameonaccount) {\n payerName = boughtProducts.nameonaccount;\n }\n\n return {\n name: payerName,\n email: boughtProducts.email,\n company: boughtProducts.company\n };\n };\n\n extractProductProperties = product => {\n if (this.paymentType === 'subscription') return { name: product };\n\n // product string looks like \"Black T-Shirt (Amount: 21.00 USD, Quantity: 2)\"\n const amountIndex = product.indexOf(' (Amount: ');\n const productName = product.substr(0, amountIndex);\n const productOptions = product.substr(amountIndex + 2, product.length - amountIndex - 3).split(', ');\n const amountArrayIndex = productOptions.findIndex(option => option.indexOf('Amount: ') > -1);\n if (amountArrayIndex === -1) {\n return {\n name: productName,\n price: '',\n options: productOptions\n };\n }\n\n const productPrice = productOptions[amountArrayIndex].replace('Amount: ', '');\n productOptions.splice(amountArrayIndex, 1);\n\n return {\n name: productName,\n price: productPrice,\n options: productOptions\n };\n };\n\n // eslint-disable-next-line react/require-render-return\n render = () => {\n const { popoverProps } = this.props;\n const productView = this.getProductView(this.getBoughtProducts(), false);\n const productPreview = this.getProductView(this.getBoughtProducts(), true);\n const priceView = this.getPriceView(this.getPriceInformation());\n const payerView = this.getPayerView(this.getPayerInformation());\n const shippingView = this.getShippingView(this.getShipmentInformation());\n const transactionView = this.getTransactionView(this.getTransactionInformation());\n const paymentMethodView = this.getPaymentMethodView(this.getPaymentMethodInformation());\n const containerCustomProps = this.getViewCustomProps('container');\n return popoverProps ? (\n \n {productPreview}\n {popoverProps.isPopoverViewOpened && (\n \n \n {productView}\n {priceView}\n {payerView}\n {shippingView}\n {transactionView}\n {paymentMethodView}\n \n \n )}\n \n ) : (\n \n {productView}\n {priceView}\n {payerView}\n {shippingView}\n {transactionView}\n {paymentMethodView}\n \n );\n };\n}\n\nPaymentView.propTypes = {\n type: PropTypes.string,\n appName: PropTypes.string,\n allProducts: PropTypes.arrayOf(PropTypes.shape({\n paymentType: PropTypes.string\n })),\n popoverProps: PropTypes.shape({\n isPopoverViewOpened: PropTypes.bool\n }),\n colorMap: PropTypes.shape({}),\n showImages: PropTypes.bool,\n boughtProducts: PropTypes.shape({\n product: PropTypes.arrayOf(PropTypes.shape({})),\n currency: PropTypes.string,\n shiptoname: PropTypes.string,\n addr: PropTypes.string,\n city: PropTypes.string,\n state: PropTypes.string,\n postal: PropTypes.string,\n country: PropTypes.string,\n coupon: PropTypes.string,\n shipping: PropTypes.string,\n tax: PropTypes.string,\n total: PropTypes.string,\n fullname: PropTypes.string,\n firstname: PropTypes.string,\n lastname: PropTypes.string,\n nameonaccount: PropTypes.string,\n email: PropTypes.string,\n company: PropTypes.string,\n transactionid: PropTypes.string,\n reference: PropTypes.string,\n paymentmethod: PropTypes.string\n }),\n labelProps: PropTypes.shape({}),\n productProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n paymentStrings: PropTypes.arrayOf(PropTypes.shape({})),\n gateway: PropTypes.string\n};\n\nPaymentView.defaultProps = {\n type: '',\n appName: '',\n allProducts: [{}],\n popoverProps: null,\n showImages: false,\n colorMap: {},\n boughtProducts: {},\n labelProps: {},\n answerProps: {},\n productProps: {},\n paymentStrings: [{}],\n gateway: ''\n};\n\nexport default PaymentView;\n","import React from 'react';\n\nconst HTMLRenderer = ({ prettyFormatSanitized }) => (
);\n\nexport default HTMLRenderer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { safeJSONParse } from '@jotforminc/utils';\nimport { sanitizeHTML } from '../../../utils';\n\nimport PaymentView from '../PaymentView';\nimport Baseline from '../../../components/Baseline';\nimport HTMLRenderer from '../../../components/HtmlRenderer';\n\nconst Payment = ({\n text,\n answer: { paymentArray },\n containerStyle,\n products,\n paymentType,\n popoverProps,\n colorMap,\n showImages,\n appName,\n labelProps,\n answerProps,\n answerWrapperProps,\n baselineProps,\n paymentStrings,\n productProps,\n prettyFormat,\n direction,\n type\n}) => {\n const paymentData = safeJSONParse(paymentArray, paymentArray);\n const prettyFormatSanitized = prettyFormat ?? sanitizeHTML(prettyFormat);\n\n if (!paymentData || !paymentData.product) {\n return (\n \n {prettyFormatSanitized ? \n \n {replacedText ? (\n {unescape(answer.payment_method)} \n )}\n \n );\n};\n\nPaymentmethods.propTypes = {\n answer: PropTypes.string,\n labelProps: PropTypes.shape({}),\n text: PropTypes.string,\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nPaymentmethods.defaultProps = {\n answer: '',\n labelProps: {},\n text: '',\n answerProps: {},\n answerWrapperProps: {},\n baselineProps: {},\n direction: 'column'\n};\n\nexport default Paymentmethods;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\nimport Baseline from '../../../components/Baseline';\nimport { getDateTimeText } from '../../../utils';\nimport { LocaleTypes } from '../../../constants/schemas';\n\nclass SubmissionDate extends React.Component {\n render() {\n const {\n answer,\n label,\n labelProps,\n answerProps,\n answerWrapperProps,\n hideTime,\n dateFormat,\n userTimeZone,\n locale,\n direction,\n baselineProps\n } = this.props;\n\n const dateTimeText = getDateTimeText({\n answer,\n hideTime,\n dateFormat,\n shouldCalculateTimeZone: true,\n userTimeZone,\n locale\n });\n\n return (\n \n {dateTimeText} \n \n );\n }\n}\n\nSubmissionDate.propTypes = {\n baselineProps: PropTypes.shape({}),\n answer: PropTypes.shape({}),\n userTimeZone: PropTypes.string,\n label: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n hideTime: PropTypes.bool,\n dateFormat: PropTypes.string,\n locale: LocaleTypes.schema,\n direction: PropTypes.string\n};\n\nSubmissionDate.defaultProps = {\n baselineProps: {},\n answer: '',\n userTimeZone: '',\n label: 'Submission Date',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n hideTime: false,\n dateFormat: 'dddd, MMMM DD, YYYY',\n locale: LocaleTypes.default,\n direction: 'column'\n};\n\nexport default SubmissionDate;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\nimport Baseline from '../../../components/Baseline';\n\nconst SubmissionID = ({\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n label,\n direction,\n baselineProps\n}) => (\n \n {answer} \n \n);\n\nSubmissionID.propTypes = {\n answer: PropTypes.string,\n label: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n direction: PropTypes.string,\n baselineProps: PropTypes.shape({})\n};\n\nSubmissionID.defaultProps = {\n baselineProps: {},\n answer: '',\n label: 'Submission ID',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n direction: 'column'\n};\n\nexport default SubmissionID;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Text from '../../../components/Text';\nimport Baseline from '../../../components/Baseline';\n\nconst SubmissionIP = ({\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n label,\n direction,\n baselineProps\n}) => (\n \n {answer} \n \n);\n\nSubmissionIP.propTypes = {\n baselineProps: PropTypes.shape({}),\n answer: PropTypes.string,\n label: PropTypes.string,\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.shape({}),\n answerWrapperProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nSubmissionIP.defaultProps = {\n baselineProps: {},\n answer: '',\n label: 'Submission IP',\n labelProps: {},\n answerProps: {},\n answerWrapperProps: {},\n direction: 'column'\n};\n\nexport default SubmissionIP;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport List from '../../../components/List';\nimport Baseline from '../../../components/Baseline';\n\nconst getAnswer = answer => {\n const keys = ['name', 'email'];\n\n return keys.reduce((acc, curr) => {\n if (acc === '' && answer[curr]) {\n // eslint-disable-next-line no-param-reassign\n acc = answer[curr];\n }\n return acc;\n }, '');\n};\n\nconst Submitter = ({\n answer,\n labelProps,\n answerProps,\n answerWrapperProps,\n label,\n direction,\n baselineProps,\n containerProps\n}) => (\n \n \n {hasAnswer && (\n PortalItemRenderer\n ? (\n \n \n )\n : (\n \n};\n\nexport interface I_PARTNER_RAW_DETAILS {\n text: string,\n guideURL: string,\n icon: (props: SVGProps) => ReactSVGElement,\n logoURL: string,\n actions: Array,\n description: Partial>,\n shortDescription: Partial>,\n authMethod: AUTH_METHODS,\n guideURLText?: string\n url?: string,\n hipaaCompliance?: boolean,\n actionLimit?: number,\n betaIntegration?: boolean,\n accountFetcherParams?: Record,\n authParameters?: Array,\n customApiKey?: string\n}\n\nexport interface I_PARTNER_DETAILS extends Omit {\n description: string,\n shortDescription: string\n}\n","import {\n // Partner Icons\n LogoGoogledriveLogomarkColor,\n LogoBoxColor,\n LogoOnedriveLogomarkColor,\n LogoDropboxLogomarkColor,\n LogoEgnyteLogomarkDark,\n LogoQuickbooksLogomarkColor,\n LogoAirtableLogomarkColor,\n LogoAsanaLogomarkColor,\n LogoGooglecalendarLogomarkColor,\n LogoMailchimpLogomarkDark,\n LogoTrelloLogomarkColor,\n LogoMicrosoftteamsLogomarkColor,\n LogoWebhooksLogomarkColor,\n LogoHubspotLogomarkColor,\n LogoSlackLogomarkColor,\n LogoMondayLogomarkColor,\n LogoZendeskLogomarkColor,\n LogoSalesforceLogomarkColor,\n LogoConstantcontactLogomarkColor,\n LogoMailerliteLogomarkColor,\n LogoClickupLogomarkColor,\n LogoFtpColor,\n LogoAweberLogomarkColor,\n LogoCampaignmonitorLogomarkColor,\n LogoIcontactLogomarkColor,\n LogoHighriseLogomarkColor,\n LogoSolveLogomarkColor,\n LogoInsightlyColor,\n LogoCallinglyLogomarkColor,\n LogoVerticalresponseLogomarkColor,\n LogoGetresponseLogomarkColor,\n LogoKeapLogomarkColor,\n LogoZapierLogomarkColor,\n LogoXzazuLogomarkColor,\n LogoActivecampaignLogomarkColor,\n LogoPaymoLogomarkColor,\n LogoPipedriveLogomarkColor,\n LogoZoomLogomarkColor,\n LogoBoxsignColor,\n LogoSendgridLogomarkColor,\n LogoMadmimiLogomarkColor,\n LogoZohoColor,\n LogoGooglesheetsColor\n} from '@jotforminc/svg-icons';\nimport { PARTNER_NAMES, PARTNER_NAMES_V1 } from './types';\n\nexport const PARTNER_ICONS = {\n [PARTNER_NAMES.GOOGLE_DRIVE]: LogoGoogledriveLogomarkColor,\n [PARTNER_NAMES.BOX]: LogoBoxColor,\n [PARTNER_NAMES.ONEDRIVE]: LogoOnedriveLogomarkColor,\n [PARTNER_NAMES.DROPBOX]: LogoDropboxLogomarkColor,\n [PARTNER_NAMES.EGNYTE]: LogoEgnyteLogomarkDark,\n [PARTNER_NAMES.QUICKBOOKS]: LogoQuickbooksLogomarkColor,\n [PARTNER_NAMES.AIRTABLE]: LogoAirtableLogomarkColor,\n [PARTNER_NAMES.MONDAY]: LogoMondayLogomarkColor,\n [PARTNER_NAMES.GOOGLE_SHEETS_V2]: LogoGooglesheetsColor,\n [PARTNER_NAMES.MICROSOFT_TEAMS]: LogoMicrosoftteamsLogomarkColor,\n [PARTNER_NAMES.WEBHOOKSV2]: LogoWebhooksLogomarkColor,\n [PARTNER_NAMES.CAMPAIGN_MONITOR]: LogoCampaignmonitorLogomarkColor,\n [PARTNER_NAMES.TRELLO]: LogoTrelloLogomarkColor,\n [PARTNER_NAMES.SLACK]: LogoSlackLogomarkColor,\n [PARTNER_NAMES.CLICKUP]: LogoClickupLogomarkColor,\n [PARTNER_NAMES.ZOHO_CRM]: LogoZohoColor,\n [PARTNER_NAMES.GOOGLE_CALENDAR]: LogoGooglecalendarLogomarkColor,\n [PARTNER_NAMES.ZOOM]: LogoZoomLogomarkColor,\n [PARTNER_NAMES.HUBSPOT]: LogoHubspotLogomarkColor,\n [PARTNER_NAMES.ASANA]: LogoAsanaLogomarkColor,\n [PARTNER_NAMES.MAILERLITE]: LogoMailerliteLogomarkColor,\n [PARTNER_NAMES.CONSTANT_CONTACTV2]: LogoConstantcontactLogomarkColor,\n [PARTNER_NAMES.MAILCHIMP]: LogoMailchimpLogomarkDark,\n [PARTNER_NAMES.GETRESPONSE]: LogoGetresponseLogomarkColor,\n [PARTNER_NAMES.ACTIVE_CAMPAIGN]: LogoActivecampaignLogomarkColor,\n [PARTNER_NAMES.AWEBER]: LogoAweberLogomarkColor,\n [PARTNER_NAMES.KEAP]: LogoKeapLogomarkColor,\n [PARTNER_NAMES.ZENDESK]: LogoZendeskLogomarkColor,\n [PARTNER_NAMES.PIPEDRIVE]: LogoPipedriveLogomarkColor,\n [PARTNER_NAMES.SENDGRID]: LogoSendgridLogomarkColor,\n [PARTNER_NAMES.MAILSOFTLY]: LogoWebhooksLogomarkColor, // TODO\n [PARTNER_NAMES.NOTION]: LogoWebhooksLogomarkColor, // TODO\n [PARTNER_NAMES_V1.MAILCHIMP]: LogoMailchimpLogomarkDark,\n [PARTNER_NAMES_V1.GOOGLE_SHEETS]: LogoGooglesheetsColor,\n [PARTNER_NAMES_V1.GOOGLE_CALENDAR]: LogoGooglecalendarLogomarkColor,\n [PARTNER_NAMES_V1.WEBHOOKS]: LogoWebhooksLogomarkColor,\n [PARTNER_NAMES_V1.MONDAY]: LogoMondayLogomarkColor,\n [PARTNER_NAMES_V1.SALESFORCEV2]: LogoSalesforceLogomarkColor,\n [PARTNER_NAMES_V1.FTP]: LogoFtpColor,\n [PARTNER_NAMES_V1.CAMPAIGN_MONITOR]: LogoCampaignmonitorLogomarkColor,\n [PARTNER_NAMES_V1.ICONTACT]: LogoIcontactLogomarkColor,\n [PARTNER_NAMES_V1.MADMIMI]: LogoMadmimiLogomarkColor,\n [PARTNER_NAMES_V1.HIGHRISE]: LogoHighriseLogomarkColor,\n [PARTNER_NAMES_V1.SOLVE360]: LogoSolveLogomarkColor,\n [PARTNER_NAMES_V1.ZOHOCRMV2]: LogoZohoColor,\n [PARTNER_NAMES_V1.INSIGHTLY]: LogoInsightlyColor,\n [PARTNER_NAMES_V1.CALLINGLY]: LogoCallinglyLogomarkColor,\n [PARTNER_NAMES_V1.SENDGRID]: LogoSendgridLogomarkColor,\n [PARTNER_NAMES_V1.VERTICAL_RESPONSE]: LogoVerticalresponseLogomarkColor,\n [PARTNER_NAMES_V1.INFUSIONSOFT]: LogoKeapLogomarkColor,\n [PARTNER_NAMES_V1.ZAPIER]: LogoZapierLogomarkColor,\n [PARTNER_NAMES_V1.XZAZU]: LogoXzazuLogomarkColor,\n [PARTNER_NAMES_V1.ACTIVE_CAMPAIGN]: LogoActivecampaignLogomarkColor,\n [PARTNER_NAMES_V1.PAYMO]: LogoPaymoLogomarkColor,\n [PARTNER_NAMES_V1.BOXSIGN]: LogoBoxsignColor\n};\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst GOOGLE_DRIVE_ACTIONS = (): Array => ([\n { text: t('Send Files'), value: INTEGRATION_ACTION_TYPES.SEND_SUBMISSION_FILES }\n]);\n\nconst GOOGLE_DRIVE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Google Drive',\n icon: PARTNER_ICONS[PARTNER_NAMES.GOOGLE_DRIVE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/google_drive_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Google Drive lets you store important files and access them anywhere — whether at home or on the go! Use this free integration to automatically send form responses and file uploads directly to your Google Drive folder, with no manual data entry necessary.')\n },\n shortDescription: {\n default: t('Sync file uploads and form submissions to Google Drive')\n },\n guideURL: 'https://www.jotform.com/help/192-how-to-integrate-a-form-with-google-drive',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actionLimit: 1,\n actions: GOOGLE_DRIVE_ACTIONS()\n});\n\nexport default GOOGLE_DRIVE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst BOX_ACTIONS = (): Array => ([\n { text: t('Send Files'), value: INTEGRATION_ACTION_TYPES.SEND_SUBMISSION_FILES }\n]);\n\nconst BOX_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Box',\n icon: PARTNER_ICONS[PARTNER_NAMES.BOX],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/box_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Box is a powerful file storage solution that makes it easy to access files on different devices or share them with your team. With the Box integration, you can collect file uploads of photos, videos, or documents through your online forms and automatically send them to your Box account.')\n },\n shortDescription: {\n default: t('Send file uploads to your cloud storage')\n },\n guideURL: 'https://www.jotform.com/help/349-how-to-integrate-jotform-with-box',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actionLimit: 1,\n actions: BOX_ACTIONS()\n});\n\nexport default BOX_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst DROPBOX_ACTIONS = (): Array => ([\n { text: t('Send Files'), value: INTEGRATION_ACTION_TYPES.SEND_SUBMISSION_FILES }\n]);\n\nconst DROPBOX_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Dropbox',\n icon: PARTNER_ICONS[PARTNER_NAMES.DROPBOX],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/dropbox_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Dropbox lets you store important files in a personal cloud and access them anywhere — whether at home or on the go! Use the Dropbox integration to automatically convert form responses into PDFs and send them directly to your Dropbox folder along with additional file uploads.')\n },\n shortDescription: {\n default: t('Send uploaded files to your cloud storage')\n },\n guideURL: 'https://www.jotform.com/help/77-Upload-to-Dropbox-with-JotForm',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actionLimit: 1,\n actions: DROPBOX_ACTIONS()\n});\n\nexport default DROPBOX_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst ONEDRIVE_ACTIONS = (): Array => ([\n { text: t('Send Files'), value: INTEGRATION_ACTION_TYPES.SEND_SUBMISSION_FILES }\n]);\n\nconst ONEDRIVE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'OneDrive',\n icon: PARTNER_ICONS[PARTNER_NAMES.ONEDRIVE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/onedrive_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Microsoft OneDrive lets you store important files in a personal cloud and access them anywhere — whether at home or on the go! Use the OneDrive integration to automatically convert form responses into PDFs and send them directly to your OneDrive folder along with additional file uploads.')\n },\n shortDescription: {\n default: t('Sync file uploads and form submission PDFs to OneDrive')\n },\n guideURL: 'https://www.jotform.com/help/1349-how-to-integrate-jotform-with-onedrive',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actionLimit: 1,\n actions: ONEDRIVE_ACTIONS()\n});\n\nexport default ONEDRIVE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst EGNYTE_ACTIONS = (): Array => ([\n { text: t('Send Files'), value: INTEGRATION_ACTION_TYPES.SEND_SUBMISSION_FILES }\n]);\n\nconst EGNYTE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Egnyte',\n icon: PARTNER_ICONS[PARTNER_NAMES.EGNYTE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/egnyte_logo.svg',\n description: {\n default: t('Egnyte is an enterprise file sharing software designed to back up your business’ files.')\n },\n shortDescription: {\n default: t('Send submissions to your enterprise file storage account')\n },\n guideURL: 'https://www.jotform.com/help/429-how-to-integrate-jotform-with-egnyte/',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actionLimit: 1,\n actions: EGNYTE_ACTIONS(),\n authParameters: ['domain']\n});\n\nexport default EGNYTE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport { getUrlParameter } from '@jotforminc/utils';\n\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst AIRTABLE_ACTIONS = (): Array => ([\n { text: t('Create Record'), value: INTEGRATION_ACTION_TYPES.CREATE_RECORD }\n]);\n\nconst AIRTABLE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Airtable',\n icon: PARTNER_ICONS[PARTNER_NAMES.AIRTABLE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/airtable_logo.svg',\n description: {\n default: t('Automatically relay form submissions to your Airtable database so you will always be ready to analyze, collaborate on, and share new data with your teammates.')\n },\n shortDescription: {\n default: t('Sync form submissions to your spreadsheet database')\n },\n guideURL: 'https://www.jotform.com/help/561-how-to-integrate-jotform-with-airtable',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: getUrlParameter('useIntegrationV2') === '1',\n actions: AIRTABLE_ACTIONS(),\n accountFetcherParams: { filterLegacy: 'Yes' }\n});\n\nexport default AIRTABLE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst QUICKBOOKS_ACTIONS = (): Array => ([\n {\n text: t('Create Customer'),\n description: t('Create new customer records from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CUSTOMER\n },\n {\n text: t('Create Invoice'),\n description: t('Create new invoices from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_INVOICE\n }\n]);\n\nconst QUICKBOOKS_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'QuickBooks',\n icon: PARTNER_ICONS[PARTNER_NAMES.QUICKBOOKS],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/quickbooks_logo.svg',\n description: {\n default: t('With this QuickBooks integration, you can automatically turn new form submissions into customer records or invoices in QuickBooks.')\n },\n shortDescription: {\n default: t('Turn submissions into QuickBooks invoices, customers, and more')\n },\n guideURL: 'https://www.jotform.com/help/how-to-create-an-invoice-with-jotforms-quickbooks-integration',\n authMethod: AUTH_METHODS.OAUTH,\n actions: QUICKBOOKS_ACTIONS(),\n authParameters: ['sandbox']\n});\n\nexport default QUICKBOOKS_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, RESOURCE_TYPE, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst MONDAY_ACTIONS = (): Array => ([\n {\n text: t('Create Item'),\n description: t('Add new items to monday.com'),\n value: INTEGRATION_ACTION_TYPES.CREATE_ITEM\n },\n {\n text: t('Create Update'),\n description: t('Add new updates to monday.com items'),\n value: INTEGRATION_ACTION_TYPES.CREATE_UPDATE\n }\n]);\n\nconst MONDAY_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'monday.com',\n icon: PARTNER_ICONS[PARTNER_NAMES.MONDAY],\n url: 'https://www.monday.com/',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/monday_logo.svg',\n description: {\n default: t('Integrate with monday.com to sync form responses to your account and update your team’s project boards automatically!'),\n [RESOURCE_TYPE.SIGN]: t('Integrate monday.com to collect and sync e-signed document data to your monday.com account.')\n },\n shortDescription: {\n default: t('Add new items and updates on your team’s project boards')\n },\n guideURL: 'https://www.jotform.com/help/578-how-to-integrate-jotform-with-mondaycom',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.API_KEY,\n actions: MONDAY_ACTIONS()\n});\n\nexport default MONDAY_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst GOOGLE_SHEETS_ACTIONS = (): Array => ([\n {\n text: t('Create new spreadsheet'),\n description: t('Create new spreadsheet and add form data'),\n value: INTEGRATION_ACTION_TYPES.CREATE_SPREADSHEET\n },\n {\n text: t('Use existing spreadsheet'),\n description: t('Create new worksheet in an existing spreadsheet and add form data'),\n value: INTEGRATION_ACTION_TYPES.EXISTING_SPREADSHEET\n }\n]);\n\nconst GOOGLE_SHEETS_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: t('Google Sheets'),\n icon: PARTNER_ICONS[PARTNER_NAMES.GOOGLE_SHEETS_V2],\n url: 'https://docs.google.com/spreadsheets',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/google_sheets_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Google Sheets is a powerful data management tool that helps you organize important data and collaborate with others. Integrate Jotform with Google Sheets to automatically sync form submissions to your spreadsheets and update your data in real time.')\n },\n shortDescription: {\n default: ('Instantly populate your spreadsheets with form data')\n },\n guideURL: 'https://www.jotform.com/help/228-how-to-integrate-forms-with-google-sheets/',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actionLimit: 1,\n actions: GOOGLE_SHEETS_ACTIONS(),\n betaIntegration: true\n});\n\nexport default GOOGLE_SHEETS_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport { getUrlParameter } from '@jotforminc/utils';\nimport {\n AUTH_METHODS,\n PARTNER_NAMES,\n INTEGRATION_ACTION_DETAILS_TYPE,\n INTEGRATION_ACTION_TYPES,\n I_PARTNER_RAW_DETAILS,\n RESOURCE_TYPE\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst WEBHOOKSV2_ACTIONS = (): Array => ([\n {\n text: t('Send data as JSON'),\n description: t('Send submission data as a JSON object'),\n value: INTEGRATION_ACTION_TYPES.SEND_SUBMISSION_DATA\n },\n {\n text: t('Send data as FormData'),\n description: t('Send submission data in form-data format'),\n value: INTEGRATION_ACTION_TYPES.SEND_DATA_BY_FORMDATA,\n allowedResources: [RESOURCE_TYPE.FORM, RESOURCE_TYPE.SHEET_FORM]\n }\n]);\n\nconst WEBHOOKSV2_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'WebHooks',\n icon: PARTNER_ICONS[PARTNER_NAMES.WEBHOOKSV2],\n url: '',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/webhooks_logo.svg',\n description: {\n default: t('WebHook is helping you to send submssions to your endpoint.')\n },\n shortDescription: {\n default: t('Send form submission notifications to a URL')\n },\n guideURL: 'https://www.jotform.com/help/245-how-to-setup-a-webhook-with-jotform',\n authMethod: AUTH_METHODS.CUSTOM,\n hipaaCompliance: true,\n actions: WEBHOOKSV2_ACTIONS(),\n betaIntegration: getUrlParameter('useIntegrationV2') !== '1'\n});\n\nexport default WEBHOOKSV2_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, RESOURCE_TYPE, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst MICROSOFT_TEAMS_ACTIONS = (): Array => ([\n {\n text: t('Send Message to standard channel'),\n description: t('Send messages to a Microsoft Teams standard channel'),\n value: INTEGRATION_ACTION_TYPES.PUBLIC_CHANNEL\n },\n {\n text: t('Send message to private channel'),\n description: t('Send messages to a Microsoft Teams private channel'),\n value: INTEGRATION_ACTION_TYPES.PRIVATE_CHANNEL\n },\n {\n text: t('Send chat message'),\n description: t('Send messages to a Microsoft Teams chat'),\n value: INTEGRATION_ACTION_TYPES.PRIVATE_MESSAGE\n },\n {\n text: t('Create Meeting'),\n description: t('Add a new meeting to your Microsoft Teams calendar'),\n value: INTEGRATION_ACTION_TYPES.CREATE_EVENT,\n allowedResources: [RESOURCE_TYPE.FORM, RESOURCE_TYPE.SHEET_FORM, RESOURCE_TYPE.WORKFLOW]\n }\n]);\n\nconst MICROSOFT_TEAMS_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Microsoft Teams',\n icon: PARTNER_ICONS[PARTNER_NAMES.MICROSOFT_TEAMS],\n url: '',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/microsoft_teams_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('The ultimate collaboration tool, Microsoft Teams makes it easier than ever for teams to get notified about new tasks, feedback, bookings, and more. Integrate your form with Microsoft Teams to automatically send form submissions to channels or teammates, or to create meetings.')\n },\n shortDescription: {\n default: t('Sync form submissions to Microsoft Teams channels or teammates')\n },\n guideURL: 'https://www.jotform.com/help/how-to-integrate-microsoft-teams-with-jotform/',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actions: MICROSOFT_TEAMS_ACTIONS()\n});\n\nexport default MICROSOFT_TEAMS_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst CAMPAIGN_MONITOR_ACTIONS = (): Array => ([\n { text: t('Add Subscriber'), value: INTEGRATION_ACTION_TYPES.ADD_SUBSCRIBER }\n]);\n\nconst CAMPAIGN_MONITOR_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Campaign Monitor',\n icon: PARTNER_ICONS[PARTNER_NAMES.CAMPAIGN_MONITOR],\n url: 'https://www.campaignmonitor.com/',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/campaign_monitor_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Campaign Monitor is a marketing software that allows web designers to send automated emails to their clients. Automatically add new email addresses to your subscriber list by integrating your contact form, lead gen form, or email newsletter signup form directly to your Campaign Monitor account.')\n },\n shortDescription: {\n default: t('Automatically add new subscribers to your email lists')\n },\n guideURL: 'https://www.jotform.com/help/388-how-to-integrate-jotform-with-campaign-monitor/',\n authMethod: AUTH_METHODS.OAUTH,\n actions: CAMPAIGN_MONITOR_ACTIONS()\n});\n\nexport default CAMPAIGN_MONITOR_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, RESOURCE_TYPE, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst ASANA_ACTIONS = (): Array => ([\n {\n text: t('Create Task'),\n description: t('Create new task from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_TASK\n },\n {\n text: t('Create Section'),\n description: t('Create new section from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_SECTION\n },\n {\n text: t('Create Project'),\n description: t('Create new project from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_PROJECT\n },\n {\n text: t('Create Task Comment'),\n description: t('Create new task comment from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_TASK_COMMENT\n }\n]);\n\nconst ASANA_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Asana',\n icon: PARTNER_ICONS[PARTNER_NAMES.ASANA],\n url: 'https://www.asana.com',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/asana_logo.svg',\n description: {\n default: t('Integrate your custom online form with Asana to automatically send form submissions and attached files to your Asana boards.'),\n [RESOURCE_TYPE.SIGN]: t('You can create documents, send them out for signature, and then automatically send signed documents and their corresponding data to your Asana boards.')\n },\n shortDescription: {\n default: t('Add new projects, tasks, and comments in Asana')\n },\n guideURL: 'https://www.jotform.com/help/470-create-tasks-in-asana-with-jotform-submissions',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actions: ASANA_ACTIONS()\n});\n\nexport default ASANA_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, RESOURCE_TYPE, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst TRELLO_ACTIONS = (): Array => ([\n {\n text: t('Create Card'),\n description: t('Create new card from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CARD\n },\n {\n text: t('Update Card'),\n description: t('Update the card from form submissions'),\n value: INTEGRATION_ACTION_TYPES.UPDATE_CARD\n }\n]);\n\nconst TRELLO_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Trello',\n icon: PARTNER_ICONS[PARTNER_NAMES.TRELLO],\n url: 'https://www.trello.com',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/trello_logo.svg',\n description: {\n default: t('When integrated with your online form, you can automatically send form submissions, supporting information, and file uploads straight to your Trello board.'),\n [RESOURCE_TYPE.SIGN]: t('You can automatically send e-signed documents to your Trello board.')\n },\n shortDescription: {\n default: t('Convert form submissions into new Trello cards')\n },\n guideURL: 'https://www.jotform.com/integrations/trello',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actions: TRELLO_ACTIONS(),\n betaIntegration: true\n});\n\nexport default TRELLO_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst SLACK_ACTIONS = (): Array => ([\n {\n text: t('Send message to public channel'),\n description: t('Send messages to a Slack public channel'),\n value: INTEGRATION_ACTION_TYPES.PUBLIC_CHANNEL\n },\n {\n text: t('Send message to private channel'),\n description: t('Send messages to a Slack private channel'),\n value: INTEGRATION_ACTION_TYPES.PRIVATE_CHANNEL\n },\n {\n text: t('Send chat message'),\n description: t('Send messages to a Slack chat'),\n value: INTEGRATION_ACTION_TYPES.PRIVATE_MESSAGE\n }\n]);\n\nconst SLACK_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Slack',\n icon: PARTNER_ICONS[PARTNER_NAMES.SLACK],\n url: 'https://www.slack.com/',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/slack_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Slack is the ultimate collaboration tool, making it easier than ever for teams to stay notified of new tasks, feedback, bookings, and more. Integrate your custom online form with Slack to automatically send form submissions to your channels or teammates.')\n },\n shortDescription: {\n default: t('Sync form submissions to Slack channels or teammates')\n },\n guideURL: 'https://www.jotform.com/help/563-how-to-integrate-jotform-with-slack/',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actions: SLACK_ACTIONS()\n});\n\nexport default SLACK_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, RESOURCE_TYPE, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst CLICKUP_ACTIONS = (): Array => ([\n {\n text: t('Create Task'),\n description: t('Turn submissions into new tasks'),\n value: INTEGRATION_ACTION_TYPES.CREATE_TASK\n },\n {\n text: t('Create Subtask'),\n description: t('Turn submissions into new subtasks'),\n value: INTEGRATION_ACTION_TYPES.CREATE_SUBTASK\n },\n {\n text: t('Create Comment'),\n description: t('Turn submissions into new task comments'),\n value: INTEGRATION_ACTION_TYPES.CREATE_TASK_COMMENT\n }\n]);\n\nconst CLICKUP_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'ClickUp',\n icon: PARTNER_ICONS[PARTNER_NAMES.CLICKUP],\n url: 'https://www.clickup.com/',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/clickup_logo.svg',\n description: {\n default: t('You can gather task requests and project information through your online forms and have it appear in your ClickUp account automatically as new tasks.'),\n [RESOURCE_TYPE.SIGN]: t('You can collect e-signatures for task requests and team projects — then send the data to ClickUp automatically.')\n },\n shortDescription: {\n default: t('Turn form submissions into ClickUp tasks automatically')\n },\n guideURL: 'https://www.jotform.com/help/how-to-integrate-with-clickup/',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actions: CLICKUP_ACTIONS()\n});\n\nexport default CLICKUP_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst ZOHOCRM_ACTIONS = (): Array => ([\n { text: t('Create Record'), value: INTEGRATION_ACTION_TYPES.CREATE_RECORD }\n]);\n\nconst ZOHOCRM_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Zoho CRM',\n icon: PARTNER_ICONS[PARTNER_NAMES.ZOHO_CRM],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/zoho_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Zoho CRM is a sales automation software that helps businesses generate, organize, and manage leads. Gather leads through your website with a custom contact or lead-gen form, then instantly send submissions to your Zoho workflow with Jotform’s Zoho CRM integration.')\n },\n shortDescription: {\n default: t('Instantly send new contacts to your CRM system')\n },\n guideURL: 'https://www.jotform.com/help/409-how-to-integrate-jotform-with-zoho-crm',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: true,\n actions: ZOHOCRM_ACTIONS()\n});\n\nexport default ZOHOCRM_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst HUBSPOT_ACTIONS = (): Array => ([\n {\n text: t('Create Contact'),\n description: t('Turn submissions into new contacts'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT\n },\n {\n text: t('Create Deal'),\n description: t('Turn submissions into new deals'),\n value: INTEGRATION_ACTION_TYPES.CREATE_DEAL\n },\n {\n text: t('Create Ticket'),\n description: t('Turn submissions into new tickets'),\n value: INTEGRATION_ACTION_TYPES.CREATE_TICKET\n },\n {\n text: t('Create Company'),\n description: t('Turn submissions into new companies'),\n value: INTEGRATION_ACTION_TYPES.CREATE_COMPANY\n },\n {\n text: t('Create Custom Record'),\n description: t('Turn submissions into custom object records'),\n value: INTEGRATION_ACTION_TYPES.CREATE_RECORD\n }\n]);\n\nconst HUBSPOT_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'HubSpot',\n icon: PARTNER_ICONS[PARTNER_NAMES.HUBSPOT],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/hubspot_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('HubSpot offers free CRM software and tools for more efficient marketing, sales, and customer service. Integrate your contact form or lead gen form with HubSpot CRM to update your HubSpot account automatically.')\n },\n shortDescription: {\n default: t('Send new contacts to your CRM and create new deals')\n },\n guideURL: 'https://www.jotform.com/help/551-how-to-integrate-jotform-with-hubspot-crm/',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: false,\n actions: HUBSPOT_ACTIONS()\n});\n\nexport default HUBSPOT_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst GOOGLE_CALENDAR_ACTIONS = (): Array => ([\n {\n text: t('Create Event'),\n description: t('Add new events to Google Calendar'),\n value: INTEGRATION_ACTION_TYPES.CREATE_EVENT\n },\n {\n text: t('Create Event with Google Meet'),\n description: t('Add new events with Google Meet conferencing'),\n value: INTEGRATION_ACTION_TYPES.CREATE_EVENT_WITH_MEETING\n }\n]);\n\nconst GOOGLE_CALENDAR_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: t('Google Calendar'),\n icon: PARTNER_ICONS[PARTNER_NAMES.GOOGLE_CALENDAR],\n url: '',\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/google_calendar_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Google Calendar helps teams and individuals stay organized and keep better track of events. Integrate Jotform with Google Calendar to automatically sync form submissions to your calendar — making it easier to monitor bookings, reservations, orders, and more!')\n },\n shortDescription: {\n default: t('Automatically add new events to your calendar')\n },\n guideURL: 'https://www.jotform.com/help/558-how-to-use-google-calendar-create-events-with-your-form/',\n hipaaCompliance: true,\n authMethod: AUTH_METHODS.OAUTH,\n actions: GOOGLE_CALENDAR_ACTIONS()\n});\n\nexport default GOOGLE_CALENDAR_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst ZOOM_ACTIONS = (): Array => ([\n {\n text: t('Create meeting'),\n description: t('Turn submissions into new meetings'),\n value: INTEGRATION_ACTION_TYPES.CREATE_MEETING\n },\n {\n text: t('Add registrant to meeting'),\n description: t('Add new registrants to a meeting'),\n value: INTEGRATION_ACTION_TYPES.ADD_REGISTRANT\n },\n {\n text: t('Add registrant to webinar'),\n description: t('Add new registrants to a webinar'),\n value: INTEGRATION_ACTION_TYPES.ADD_REGISTRANT_TO_WEBINAR\n }\n]);\n\nconst ZOOM_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Zoom',\n icon: PARTNER_ICONS[PARTNER_NAMES.ZOOM],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/zoom_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Zoom is an online video conferencing software that makes it easy to host and attend meetings, webinars, and calls from anywhere. Use Jotform’s free Zoom Scheduler to automatically schedule new meetings and add registrants via form submissions.')\n },\n shortDescription: {\n default: t('Schedule meetings and add registrants automatically')\n },\n guideURL: 'https://www.jotform.com/help/703-how-to-integrate-jotform-with-zoom/',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: true,\n actions: ZOOM_ACTIONS()\n});\n\nexport default ZOOM_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst MAILERLITE_ACTIONS = (): Array => [\n { text: t('Add Subscriber'), value: INTEGRATION_ACTION_TYPES.ADD_SUBSCRIBER }\n];\n\nconst MAILERLITE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'MailerLite',\n icon: PARTNER_ICONS[PARTNER_NAMES.MAILERLITE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/mailerlite_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('MailerLite is an email marketing software that lets users create email campaigns using features like landing pages, pop-ups, automation tools, and more. With MailerLite integration, you can gather emails through your online contact forms or subscription forms and send them to MailerLite automatically.')\n },\n shortDescription: {\n default: t('Collect subscriber emails and send them to MailerLite automatically')\n },\n guideURL: 'https://www.jotform.com/help/how-to-integrate-form-with-mailerlite/',\n authMethod: AUTH_METHODS.API_KEY,\n hipaaCompliance: false,\n actions: MAILERLITE_ACTIONS(),\n customApiKey: 'api_key'\n});\n\nexport default MAILERLITE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst CONSTANT_CONTACT_ACTIONS = (): Array => ([\n { text: t('Create Contact'), value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT }\n]);\n\nconst CONSTANT_CONTACT_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Constant Contact',\n icon: PARTNER_ICONS[PARTNER_NAMES.CONSTANT_CONTACTV2],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/constant_contact_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Constant Contact is an email marketing platform that aims to help your business drive more sales in less time. Integrate Jotform with Constant Contact to collect leads online and instantly add new contacts to your Constant Contact lists.')\n },\n shortDescription: {\n default: t('Add new contacts to your email lists instantly')\n },\n guideURL: 'https://www.jotform.com/help/386-how-to-integrate-form-with-constant-contact/',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: false,\n actions: CONSTANT_CONTACT_ACTIONS()\n});\n\nexport default CONSTANT_CONTACT_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst GETRESPONSE_ACTIONS = (): Array => ([\n {\n text: t('Create Contact'),\n description: t('Create a new contact'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT\n }\n]);\n\nconst GETRESPONSE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'GetResponse',\n icon: PARTNER_ICONS[PARTNER_NAMES.GETRESPONSE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/getresponse_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('GetResponse is designed to help small businesses grow their audience, convert on leads, and build a smoother email marketing workflow. Log in to your GetResponse account and integrate with Jotform to get started. With Jotform’s GetResponse integration, you can automatically sync the contacts you collect through your lead gen forms directly to GetResponse!')\n },\n shortDescription: {\n default: t('Automatically add contacts to your email campaign lists')\n },\n guideURL: 'https://www.jotform.com/help/397-how-to-integrate-form-with-getresponse',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: false,\n actions: GETRESPONSE_ACTIONS()\n});\n\nexport default GETRESPONSE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst MAILCHIMP_ACTIONS = (): Array => ([\n {\n text: t('Create Contact'),\n description: t('Create new contacts from form submissions'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT\n }\n]);\n\nconst MAILCCHIMP_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Mailchimp',\n icon: PARTNER_ICONS[PARTNER_NAMES.MAILCHIMP],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/mailchimp_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Mailchimp is a marketing automation platform designed to help small businesses. Integrate your form with Mailchimp to automatically send new leads, customers, and subscribers to your mailing lists.')\n },\n shortDescription: {\n default: t('Add and update contacts in your email lists')\n },\n guideURL: 'https://www.jotform.com/help/163-how-to-integrate-with-mailchimp',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: false,\n actions: MAILCHIMP_ACTIONS()\n});\n\nexport default MAILCCHIMP_DETAILS;\n","import { t } from '@jotforminc/translation';\n\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst ACTIVE_CAMPAIGN_ACTIONS = (): Array => ([\n {\n text: t('Create contact'),\n description: t('Turn submissions into new contacts'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT\n },\n {\n text: t('Create account'),\n description: t('Turn submissions into new accounts'),\n value: INTEGRATION_ACTION_TYPES.CREATE_ACCOUNT\n },\n {\n text: t('Create deal'),\n description: t('Turn submissions into new deals'),\n value: INTEGRATION_ACTION_TYPES.CREATE_DEAL\n }\n]);\n\nconst ACTIVE_CAMPAIGN_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'ActiveCampaign',\n icon: PARTNER_ICONS[PARTNER_NAMES.ACTIVE_CAMPAIGN],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/activecampaign_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('ActiveCampaign offers a sales automation CRM for better lead prioritization and contact management. Stay on top of your sales process with Jotform’s ActiveCampaign integration — sync your contact form or lead-gen form with ActiveCampaign to instantly send submission data to your Deals CRM.')\n },\n shortDescription: {\n default: t('Update contacts and deals in your sales CRM')\n },\n guideURL: 'https://www.jotform.com/integrations/activecampaign',\n authMethod: AUTH_METHODS.API_KEY,\n actions: ACTIVE_CAMPAIGN_ACTIONS(),\n hipaaCompliance: true,\n authParameters: ['baseUrl']\n});\n\nexport default ACTIVE_CAMPAIGN_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst AWEBER_ACTIONS = (): Array => ([\n { text: t('Add Subscriber'), value: INTEGRATION_ACTION_TYPES.ADD_SUBSCRIBER }\n]);\n\nconst AWEBER_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'AWeber',\n icon: PARTNER_ICONS[PARTNER_NAMES.AWEBER],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/aweber_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('AWeber is an all-in-one email marketing tool that helps you connect with your audience faster. Easily send new subscriber info from your contact form, email signup form, or lead gen form straight to your AWeber lists with Jotform’s free integration!')\n },\n shortDescription: {\n default: t('Collect new contacts and add them to your email lists')\n },\n guideURL: 'https://www.jotform.com/help/387-how-to-integrate-jotform-with-aweber',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: false,\n actions: AWEBER_ACTIONS()\n});\n\nexport default AWEBER_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport { getUrlParameter } from '@jotforminc/utils';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst KEAP_ACTIONS = (): Array => ([\n {\n text: t('Create Contact'),\n description: t('Turn submissions into new contacts'),\n value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT\n },\n {\n text: t('Create Company'),\n description: t('Turn submissions into new companies'),\n value: INTEGRATION_ACTION_TYPES.CREATE_COMPANY\n }\n]);\n\nconst KEAP_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Keap',\n icon: PARTNER_ICONS[PARTNER_NAMES.KEAP],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/keap_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Keap (formerly InfusionSoft) is an all-in-one CRM, sales, and marketing automation platform that helps you keep better track of client data. With Jotform’s Keap and Keap Max Classic integration, you can capture leads online with a custom form and add new contacts to your CRM automatically.')\n },\n shortDescription: {\n default: t('Add new contacts to your CRM and assign tags')\n },\n guideURL: 'https://www.jotform.com/help/379-achieving-keap-campaign-goals-with-jotform/',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: true,\n betaIntegration: getUrlParameter('useIntegrationV2') !== '1',\n actions: KEAP_ACTIONS()\n});\n\nexport default KEAP_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport { getUrlParameter } from '@jotforminc/utils';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst ZENDESK_ACTIONS = (): Array => ([\n { text: t('Create Ticket'), value: INTEGRATION_ACTION_TYPES.CREATE_TICKET }\n]);\n\nconst ZENDESK_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Zendesk',\n url: 'https://www.zendesk.com/',\n icon: PARTNER_ICONS[PARTNER_NAMES.ZENDESK],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/zendesk_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Zendesk is a CRM software that helps businesses build better customer relationships. With Jotform\\'s free Zendesk integration, you can automatically turn form submissions into new tickets in Zendesk -- perfect for tackling support requests, orders, or customer feedback with your team.')\n },\n shortDescription: {\n default: t('Generate support tickets in Zendesk')\n },\n guideURL: 'https://www.jotform.com/help/691-how-to-integrate-jotform-with-zendesk/',\n authMethod: AUTH_METHODS.OAUTH,\n actions: ZENDESK_ACTIONS(),\n betaIntegration: getUrlParameter('useIntegrationV2') !== '1',\n authParameters: ['subdomain']\n});\n\nexport default ZENDESK_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport { getUrlParameter } from '@jotforminc/utils';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst PIPEDRIVE_ACTIONS = (): Array => ([\n { text: t('Create Deal'), value: INTEGRATION_ACTION_TYPES.CREATE_DEAL },\n { text: t('Create Person'), value: INTEGRATION_ACTION_TYPES.CREATE_PERSON },\n { text: t('Create Activity'), value: INTEGRATION_ACTION_TYPES.CREATE_ACTIVITY }\n]);\n\nconst PIPEDRIVE_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Pipedrive',\n icon: PARTNER_ICONS[PARTNER_NAMES.PIPEDRIVE],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/pipedrive_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Pipedrive is a CRM platform built for better activity-based selling. Log in to your Pipedrive account and integrate with Jotform to get started. With Jotform’s Pipedrive integration, your custom lead-gen form will instantly sync new contacts and deals straight into your sales pipeline.')\n },\n shortDescription: {\n default: t('Send new contacts, deals, and activities to your sales pipeline')\n },\n guideURL: 'https://www.jotform.com/help/580-how-to-integrate-jotform-with-pipedrive/',\n authMethod: AUTH_METHODS.OAUTH,\n hipaaCompliance: false,\n betaIntegration: getUrlParameter('useIntegrationV2') !== '1',\n actions: PIPEDRIVE_ACTIONS()\n});\n\nexport default PIPEDRIVE_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst SENDGRID_ACTIONS = (): Array => ([\n { text: t('Create Contact'), value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT }\n]);\n\nconst SENDGRID_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'SendGrid',\n icon: PARTNER_ICONS[PARTNER_NAMES.SENDGRID],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/sendgrid_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('SendGrid is an email marketing solution designed to simplify email campaigns and drive your business to success. Integrate your lead generation form, contact form, or signup form with SendGrid to automatically sync new contact information to your SendGrid contact lists.')\n },\n shortDescription: {\n default: t('Sync submissions to your contact lists')\n },\n guideURL: 'https://www.jotform.com/help/557-how-to-integrate-your-form-with-sendgrid/',\n authMethod: AUTH_METHODS.API_KEY,\n hipaaCompliance: false,\n actions: SENDGRID_ACTIONS()\n});\n\nexport default SENDGRID_DETAILS;\n","import { t } from '@jotforminc/translation';\nimport { getUrlParameter } from '@jotforminc/utils';\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst MAILSOFTLY_ACTIONS = (): Array => ([\n { text: t('Create Contact'), value: INTEGRATION_ACTION_TYPES.CREATE_CONTACT }\n]);\n\nconst MAILSOFTLY_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Mailsoftly',\n icon: PARTNER_ICONS[PARTNER_NAMES.MAILSOFTLY],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/mailsoftly_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Integrate forms with Mailsoftly to automate lead generation and manage contact data seamlessly. Capture form submissions directly into Mailsoftly, enabling efficient audience segmentation and personalized email campaigns.')\n },\n shortDescription: {\n default: t('Add new contacts from forms to Mailsoftly instantly')\n },\n guideURL: 'https://www.jotform.com/help',\n authMethod: AUTH_METHODS.API_KEY,\n hipaaCompliance: false,\n betaIntegration: getUrlParameter('useIntegrationV2') !== '1',\n actions: MAILSOFTLY_ACTIONS()\n});\n\nexport default MAILSOFTLY_DETAILS;\n","import { getUrlParameter } from '@jotforminc/utils';\nimport { t } from '@jotforminc/translation';\n\nimport {\n AUTH_METHODS, PARTNER_NAMES, INTEGRATION_ACTION_DETAILS_TYPE, INTEGRATION_ACTION_TYPES, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst NOTION_ACTIONS = (): Array => ([\n {\n text: t('Create database item'),\n description: t('Create database item in your Notion databases'),\n value: INTEGRATION_ACTION_TYPES.CREATE_PAGE_TO_DATABASE\n }\n]);\n\nconst NOTION_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n text: 'Notion',\n icon: PARTNER_ICONS[PARTNER_NAMES.NOTION],\n logoURL: '//cdn.jotfor.ms/assets/img/integrations/v2/webhooks_logo.svg',\n description: {\n // eslint-disable-next-line max-len\n default: t('Effortlessly streamline your data management process by integrating with Notion. Automatically create database items in Notion for new submissions and signed documents, ensuring organized and up-to-date records without manual data entry. Stay efficient and focused on important tasks with this seamless workflow.')\n },\n shortDescription: {\n default: t('Create database item in your Notion databases')\n },\n guideURL: 'https://www.jotform.com/integrations/notion',\n authMethod: AUTH_METHODS.OAUTH,\n actions: NOTION_ACTIONS(),\n hipaaCompliance: false,\n betaIntegration: getUrlParameter('useIntegrationV2') !== '1'\n});\n\nexport default NOTION_DETAILS;\n","import { AUTH_METHODS, PARTNER_NAMES_V1, I_PARTNER_RAW_DETAILS } from '../types';\nimport { PARTNER_ICONS } from '../icons';\n\nconst DUMMY_PROPS = {\n logoURL: '',\n guideURL: '',\n description: { default: '' },\n shortDescription: { default: '' },\n authMethod: AUTH_METHODS.CUSTOM,\n actions: [],\n betaIntegration: true // TODO :: remove for v1\n};\n\nexport const GOOGLE_CALENDAR_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n ...DUMMY_PROPS,\n text: 'Google Calendar',\n icon: PARTNER_ICONS[PARTNER_NAMES_V1.GOOGLE_CALENDAR],\n url: 'https://calendar.google.com'\n});\n\nexport const WEBHOOKS_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n ...DUMMY_PROPS,\n text: 'WebHooks',\n icon: PARTNER_ICONS[PARTNER_NAMES_V1.WEBHOOKS],\n url: 'https://www.jotform.com/help/248-webhook-php-script-examples'\n});\n\nexport const SALESFORCEV2_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n ...DUMMY_PROPS,\n text: 'Salesforce',\n icon: PARTNER_ICONS[PARTNER_NAMES_V1.SALESFORCEV2],\n url: 'https://www.salesforce.com/'\n});\n\nexport const FTP_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n ...DUMMY_PROPS,\n text: 'FTP',\n icon: PARTNER_ICONS[PARTNER_NAMES_V1.FTP],\n url: 'https://www.jotform.com/help/177-how-to-send-submission-data-file-upload-via-ftp'\n});\n\nexport const MAILCHIMP_DETAILS = (): I_PARTNER_RAW_DETAILS => ({\n ...DUMMY_PROPS,\n text: 'Mailchimp',\n icon: PARTNER_ICONS[PARTNER_NAMES_V1.MAILCHIMP],\n url: 'https://www.mailchimp.com'\n});\n","import { PARTNER_NAMES, PARTNER_NAMES_V1 } from '../types';\n\nimport GOOGLE_DRIVE_DETAILS from './GoogleDriveDetails';\nimport BOX_DETAILS from './BoxDetails';\nimport DROPBOX_DETAILS from './DropboxDetails';\nimport ONEDRIVE_DETAILS from './OnedriveDetails';\nimport EGNYTE_DETAILS from './EgnyteDetails';\nimport AIRTABLE_DETAILS from './AirtableDetails';\nimport QUICKBOOKS_DETAILS from './QuickbooksDetails';\nimport MONDAY_DETAILS from './MondayDetails';\nimport GOOGLE_SHEETS_DETAILS from './GoogleSheetsDetails';\nimport WEBHOOKSV2_DETAILS from './WebhooksV2Details';\nimport MICROSOFT_TEAMS_DETAILS from './MicrosoftTeamsDetails';\nimport CAMPAIGN_MONITOR_DETAILS from './CampaignMonitorDetails';\nimport ASANA_DETAILS from './AsanaDetails';\nimport TRELLO_DETAILS from './TrelloDetails';\nimport SLACK_DETAILS from './SlackDetails';\nimport CLICKUP_DETAILS from './ClickUpDetails';\nimport ZOHOCRM_DETAILS from './ZohoDetails';\nimport HUBSPOT_DETAILS from './HubspotDetails';\nimport GOOGLE_CALENDAR_DETAILSV2 from './GoogleCalendarDetails';\nimport ZOOM_DETAILS from './ZoomDetails';\nimport MAILERLITE_DETAILS from './MailerliteDetails';\nimport CONSTANT_CONTACTV2_DETAILS from './ConstantContactDetails';\nimport GETRESPONSE_DETAILS from './GetResponseDetails';\nimport MAILCHIMP_DETAILS from './MailchimpDetails';\nimport ACTIVE_CAMPAIGN_DETAILS from './ActiveCampaignDetails';\nimport AWEBER_DETAILS from './AWeberDetails';\nimport KEAP_DETAILS from './KeapDetails';\nimport ZENDESK_DETAILS from './ZendeskDetails';\nimport PIPEDRIVE_DETAILS from './PipedriveDetails';\nimport SENDGRID_DETAILS from './SendgridDetails';\nimport MAILSOFTLY_DETAILS from './MailsoftlyDetails';\nimport NOTION_DETAILS from './NotionDetails';\n\nimport {\n GOOGLE_CALENDAR_DETAILS,\n WEBHOOKS_DETAILS,\n SALESFORCEV2_DETAILS,\n FTP_DETAILS,\n MAILCHIMP_DETAILS as MAILCHIMP_DETAILS_V1\n} from './V1Details';\n\nconst PARTNER_DETAILS = {\n [PARTNER_NAMES.AIRTABLE]: AIRTABLE_DETAILS,\n [PARTNER_NAMES.ASANA]: ASANA_DETAILS,\n [PARTNER_NAMES.BOX]: BOX_DETAILS,\n [PARTNER_NAMES.CAMPAIGN_MONITOR]: CAMPAIGN_MONITOR_DETAILS,\n [PARTNER_NAMES.CLICKUP]: CLICKUP_DETAILS,\n [PARTNER_NAMES.DROPBOX]: DROPBOX_DETAILS,\n [PARTNER_NAMES.EGNYTE]: EGNYTE_DETAILS,\n [PARTNER_NAMES.GOOGLE_DRIVE]: GOOGLE_DRIVE_DETAILS,\n [PARTNER_NAMES.GOOGLE_SHEETS_V2]: GOOGLE_SHEETS_DETAILS,\n [PARTNER_NAMES.MICROSOFT_TEAMS]: MICROSOFT_TEAMS_DETAILS,\n [PARTNER_NAMES.MONDAY]: MONDAY_DETAILS,\n [PARTNER_NAMES.ONEDRIVE]: ONEDRIVE_DETAILS,\n [PARTNER_NAMES.QUICKBOOKS]: QUICKBOOKS_DETAILS,\n [PARTNER_NAMES.SLACK]: SLACK_DETAILS,\n [PARTNER_NAMES.TRELLO]: TRELLO_DETAILS,\n [PARTNER_NAMES.WEBHOOKSV2]: WEBHOOKSV2_DETAILS,\n [PARTNER_NAMES.ZOHO_CRM]: ZOHOCRM_DETAILS,\n [PARTNER_NAMES.HUBSPOT]: HUBSPOT_DETAILS,\n [PARTNER_NAMES.GOOGLE_CALENDAR]: GOOGLE_CALENDAR_DETAILSV2,\n [PARTNER_NAMES.ZOOM]: ZOOM_DETAILS,\n [PARTNER_NAMES.MAILERLITE]: MAILERLITE_DETAILS,\n [PARTNER_NAMES.CONSTANT_CONTACTV2]: CONSTANT_CONTACTV2_DETAILS,\n [PARTNER_NAMES.GETRESPONSE]: GETRESPONSE_DETAILS,\n [PARTNER_NAMES.MAILCHIMP]: MAILCHIMP_DETAILS,\n [PARTNER_NAMES.ACTIVE_CAMPAIGN]: ACTIVE_CAMPAIGN_DETAILS,\n [PARTNER_NAMES.AWEBER]: AWEBER_DETAILS,\n [PARTNER_NAMES.KEAP]: KEAP_DETAILS,\n [PARTNER_NAMES.ZENDESK]: ZENDESK_DETAILS,\n [PARTNER_NAMES.PIPEDRIVE]: PIPEDRIVE_DETAILS,\n [PARTNER_NAMES.SENDGRID]: SENDGRID_DETAILS,\n [PARTNER_NAMES.MAILSOFTLY]: MAILSOFTLY_DETAILS,\n [PARTNER_NAMES.NOTION]: NOTION_DETAILS,\n [PARTNER_NAMES_V1.GOOGLE_CALENDAR]: GOOGLE_CALENDAR_DETAILS,\n [PARTNER_NAMES_V1.WEBHOOKS]: WEBHOOKS_DETAILS,\n [PARTNER_NAMES_V1.MONDAY]: MONDAY_DETAILS,\n [PARTNER_NAMES_V1.SALESFORCEV2]: SALESFORCEV2_DETAILS,\n [PARTNER_NAMES_V1.FTP]: FTP_DETAILS,\n [PARTNER_NAMES_V1.BOX]: BOX_DETAILS,\n [PARTNER_NAMES_V1.MAILCHIMP]: MAILCHIMP_DETAILS_V1\n};\n\nexport default PARTNER_DETAILS;\n","import isUndefined from 'lodash/isUndefined';\n\nimport type {\n RESOURCE_TYPE, PARTNER_NAMES, I_PARTNER_DETAILS, I_PARTNER_RAW_DETAILS\n} from '../types';\nimport { PARTNER_NAMES_V1 } from '../types';\nimport PARTNER_DETAILS from '../partnerDetails';\n\ntype GET_INTEGRATION_DETAILS_TYPE = (resource: RESOURCE_TYPE, partner: PARTNER_NAMES) => I_PARTNER_DETAILS;\nexport const getIntegrationDetails: GET_INTEGRATION_DETAILS_TYPE = (resource, partner) => {\n const details = PARTNER_DETAILS[partner]();\n\n const description = details.description[resource] || details.description.default as string;\n const shortDescription = details.shortDescription[resource] || details.shortDescription.default as string;\n return {\n ...details,\n description,\n shortDescription,\n actions: details.actions.filter(action => isUndefined(action.allowedResources) || action.allowedResources.includes(resource))\n };\n};\n\ntype GET_ALL_INTEGRATIONS_DETAILS = (resource: RESOURCE_TYPE) => Record;\nexport const getAllIntegrationsDetails: GET_ALL_INTEGRATIONS_DETAILS = resource => { // TODO :: split v1 and v2 integration details\n const orderedPartnerNames = Object.keys(PARTNER_DETAILS).sort() as Array;\n const orderedPartnerDetails = orderedPartnerNames.reduce((acc, key) => {\n return {\n ...acc,\n [key]: PARTNER_DETAILS[key]\n };\n }, {} as Record I_PARTNER_RAW_DETAILS>);\n\n return Object.entries(orderedPartnerDetails).reduce((acc, [partner, value]) => {\n if (value().betaIntegration || Object.values(PARTNER_NAMES_V1).includes(partner as PARTNER_NAMES_V1)) {\n return acc;\n }\n return {\n ...acc,\n [partner]: getIntegrationDetails(resource, partner as PARTNER_NAMES)\n };\n }, {} as ReturnType);\n};\n","/* eslint-disable default-case */\nimport React from 'react';\nimport {\n bool, string, node, object\n} from 'prop-types';\nimport { getAllIntegrationsDetails } from '@jotforminc/integration-constants';\nimport View from '../../../components/View';\nimport Text from '../../../components/Text';\n\nexport const INTEGRATION_DETAILS = getAllIntegrationsDetails();\n\n// TODO: translate alt text for accessibility.\nconst ThreadActor = ({\n type,\n name,\n email,\n avatar,\n showAvatars,\n showAssigneeEmail,\n team,\n TeamAvatar,\n action\n}) => {\n const getAvatarText = () => {\n if (type === 'system') {\n return 'isSystem';\n }\n if (type === 'group') {\n return 'isGroup';\n }\n };\n\n const getAvatarUrl = avatarURL => {\n const currentURL = (avatarURL || '').replace(/^\\/\\//, 'https://');\n if (currentURL === '') {\n return currentURL;\n }\n const url = new URL(currentURL);\n url.searchParams.set('height', 36);\n return url.toString();\n };\n const getThreadActor = () => {\n switch (true) {\n case type === 'human':\n return (\n \n {showAvatars && (\n \n \n )}\n \n {name && {name} }\n {showAssigneeEmail && email && {email} }\n \n \n );\n case type === 'team':\n return (\n \n <>\n \n );\n case type === 'system' || type === 'group':\n return (\n \n {showAvatars && (\n \n \n )}\n \n \n {type === 'system' && 'Notification'}\n {type === 'group' && 'Group Approval'}\n \n \n \n );\n case type === 'integration':\n const { partner } = action;\n const details = INTEGRATION_DETAILS?.[partner];\n return (\n \n \n \n {details?.icon()}\n \n \n \n {details?.text}\n \n \n );\n }\n };\n return (\n getThreadActor()\n );\n};\n\nexport const ThreadActorPropTypes = {\n type: string, // human,system\n name: string.isRequired,\n email: string,\n avatar: string.isRequired,\n showAvatars: bool,\n showAssigneeEmail: bool,\n team: object,\n TeamAvatar: node,\n action: object\n};\n\nexport const ThreadActorDefaultProps = {\n type: 'human',\n email: null,\n showAvatars: true,\n showAssigneeEmail: true,\n team: {},\n action: {},\n TeamAvatar: () => <>\n};\n\nThreadActor.propTypes = ThreadActorPropTypes;\nThreadActor.defaultProps = ThreadActorDefaultProps;\n\nexport default ThreadActor;\n","/* eslint-disable react/prop-types */\nimport React, { useMemo } from 'react';\nimport { string, shape } from 'prop-types';\nimport { getAllIntegrationsDetails } from '@jotforminc/integration-constants';\nimport { safeJSONParse } from '@jotforminc/utils';\nimport { t } from '@jotforminc/translation';\nimport Text from '../../../components/Text';\nimport View from '../../../components/View';\nimport { ThreadActorDefaultProps, ThreadActorPropTypes } from './ThreadActor';\nimport { approvalOptionValues, hexToRgba } from '../../../utils';\nimport Image from '../../../components/Image';\n\nexport const INTEGRATION_DETAILS = getAllIntegrationsDetails();\n\nconst GroupApprovalIcon = (\n \n \n \n \n \n \n \n \n);\n\n// TODO: Kaan, Styling\n// TODO: Berkay, refactor after styling\nconst ExpiredAction = ({ assigneeUser, fromMultipleApproval }) => {\n const assignee = useMemo(() => {\n const { name: assigneeName = '', email: assigneeEmail = '' } = assigneeUser || {};\n return fromMultipleApproval ? 'Group Approval' : assigneeName || assigneeEmail;\n }, [assigneeUser]);\n return (\n \n \n Task was automatically expired\n \n \n {`${assignee} didn't take any action in the time allowed.`}\n \n \n );\n};\n\nconst CanceledAction = () => (Approval flow is canceled. );\nconst EscalatedAction = ({ details, showComments }) => {\n const fromMultipleApproval = details?.fromMultipleApproval || false;\n const previousAssigneeName = fromMultipleApproval ? 'Group Approval' : `${details?.previousAssigneeUser?.name || details?.previousAssigneeEmail}'s`;\n const newAssignee = details.newAssigneeEmail;\n return (\n \n {`${previousAssigneeName} task has been escalated to: ${newAssignee}`} \n {showComments && details.comment && {details.comment} }\n {`${previousAssigneeName} didn't take any action in the time allowed.`} \n \n );\n};\n\nconst ReassignAction = ({ details }) => (\n \n \n Reassigned\n \n \n {`to: ${details.newAssigneeEmail}`}\n \n \n);\n\nconst OutcomeAction = ({\n details, isAutoAction, showComments, showSignature, TeamAvatar\n}) => {\n const {\n comment, buttonColor: _buttonColor, signature, assigneeUser: { name: assigneeName, email: assigneeEmail } = {},\n text, team, title, seperatedSubtask, disectedParent = null, takenOver, fromMultipleApproval\n } = details;\n const buttonColor = _buttonColor || '#01bd6f';\n const signatureOwner = assigneeName || assigneeEmail;\n const signatureAltName = signatureOwner ? t(`${signatureOwner}'s signature`) : t('signature');\n return (\n \n {isAutoAction ? 'Automatically' : ''}\n \n {text}\n \n {\n fromMultipleApproval && takenOver && (\n <>\n \n {t('on behalf of')}\n
\n { team ? (\n \n
\n ) : (\n \n Group Approval\n
\n )}\n \n )\n }\n {showComments && comment && (\n \n {comment}\n \n )}\n {showSignature && signature && (\n \n
\n )}\n {\n seperatedSubtask && !team && (\n \n {GroupApprovalIcon}\n {title}\n
\n )\n }\n \n );\n};\n\nconst SignAction = ({ details }) => {\n const { buttonColor, documentTitle, text } = details;\n return (\n \n \n {text}\n \n \n {documentTitle}\n \n \n );\n};\n\n// eslint-disable-next-line no-unused-vars\nconst StartAction = ({ details }) => {\n const { startPointTitle } = details;\n return (\n \n \n {`${startPointTitle} Submitted.`}\n \n \n );\n};\n\n// eslint-disable-next-line no-unused-vars\nconst RestartAction = () => {\n return (\n \n \n Restart\n \n \n approval flow.\n \n \n );\n};\n\nconst MultipleApprovalMailAction = ({ details }) => {\n const {\n approvalOptions, assigneeEmails, title = 'Approval', team, reason, mergeTo\n } = details;\n if (reason && reason === 'SEND_REMINDER') {\n return (\n \n \n {`Group Approval Step - Reminder Email sent to ${team ? team?.teamName : mergeTo || ''} `}\n \n \n );\n }\n const assigneeEmailTexts = team ? team?.teamMembers.map(val => val.email || val.username || val.name).join(',') : Object.values(safeJSONParse(assigneeEmails, [])).join(',');\n const { option, value = null } = (approvalOptions && safeJSONParse(approvalOptions, approvalOptions)) || {};\n return (\n \n \n {`${title} request sent to ${team ? '' : 'group approval:'}`}\n { team && (\n <>\n \n {team?.teamName}\n :\n \n {`${assigneeEmailTexts}`}\n \n ) }\n \n \n {approvalOptionValues(option, value)} \n \n {!team && (\n \n To: \n {`${assigneeEmailTexts}`}\n \n )}\n \n );\n};\n\nconst MailAction = ({ details }) => {\n switch (true) {\n case details && details?.reason === 'SEND_SIGN_NOTIFICATION':\n const { documentTitle = '' } = details;\n return (\n \n \n {`${documentTitle} sent for signature.`}\n \n \n );\n case details && details?.reason === 'SEND_REMINDER':\n const { elementType, elementSubType, to } = details;\n const getElementName = () => {\n // eslint-disable-next-line default-case\n switch (true) {\n case elementType === 'workflow_assign_form':\n return 'Form';\n case elementType === 'workflow_approval' && elementSubType && elementSubType === 'workflow_approval_with_sign':\n return 'Approve & Sign';\n case elementType === 'workflow_approval':\n return 'Approval';\n }\n };\n return (\n \n \n {`${getElementName()} Step - Reminder Email sent to ${to} `}\n \n \n );\n default:\n return (\n \n \n {` Email sent. (${details.subject})`}\n \n \n {details.to}\n \n \n );\n }\n};\n\nconst WaitingAction = ({ actor }) => {\n return (\n \n {`Waiting for ${actor.name || actor.email}'s action.`}\n \n );\n};\n\nconst IntegrationTriggerAction = ({ details: actionDetails }) => {\n const {\n result, integrationAccountName, action, partner = ''\n } = actionDetails;\n const integrationErrorText = 'Unable to complete the action.';\n const details = INTEGRATION_DETAILS?.[partner];\n\n if (result === 'ERRORED') {\n return (\n <>\n \n \n {t(integrationErrorText)}\n \n
\n \n );\n }\n return (\n <>\n \n {details?.actions?.find(e => e.value === action)?.text} \n
\n \n
\n {integrationAccountName}\n
\n
missing implementation
);\n }\n};\n\nconst ThreadActionPropTypes = {\n status: string.isRequired,\n details: shape({}),\n actor: shape({ ...ThreadActorPropTypes })\n};\n\nconst ThreadActionDefaultProps = {\n details: {},\n actor: ThreadActorDefaultProps\n};\n\nThreadAction.defaultProps = ThreadActionDefaultProps;\nThreadAction.propTypes = ThreadActionPropTypes;\n\nexport default ThreadAction;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../../../components/Text';\nimport View from '../../../components/View';\nimport { getDateTimeText } from '../../../utils';\nimport { LocaleTypes } from '../../../constants/schemas';\n\nconst ThreadDate = ({\n date,\n ip,\n dateFormat,\n locale,\n amPmHour,\n showDate,\n showIP,\n userTimeZone\n}) => {\n const parsedDate = React.useMemo(() => {\n const dateObj = new Date(date);\n const answerDate = {\n year: dateObj.getFullYear(),\n month: dateObj.getMonth() + 1,\n day: dateObj.getDate(),\n hour: dateObj.getHours(),\n min: dateObj.getMinutes(),\n ampm: amPmHour\n };\n return getDateTimeText({\n answer: answerDate, hideTime: false, dateFormat, locale, userTimeZone, shouldCalculateTimeZone: true\n });\n }, [date, dateFormat, locale, amPmHour, userTimeZone]);\n\n return (\n \n {showDate && parsedDate && (\n \n {parsedDate}\n \n ) }\n {showIP && ip && (\n \n {ip}\n \n )}\n \n );\n};\n\nThreadDate.propTypes = {\n date: PropTypes.string,\n ip: PropTypes.string,\n dateFormat: PropTypes.string,\n userTimeZone: PropTypes.string,\n locale: LocaleTypes.schema,\n amPmHour: PropTypes.bool,\n showDate: PropTypes.bool,\n showIP: PropTypes.bool\n};\n\nThreadDate.defaultProps = {\n date: null,\n ip: null,\n userTimeZone: '',\n dateFormat: 'MMM D, YYYY HH:mm',\n locale: LocaleTypes.default,\n amPmHour: false,\n showDate: true,\n showIP: true\n};\n\nexport default ThreadDate;\n","/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Styled from 'styled-components';\nimport { t } from '@jotforminc/translation';\nimport Baseline from '../../../components/Baseline';\nimport Tableview from '../../../components/Tableview';\nimport ThreadAction from './ThreadAction';\nimport ThreadActor from './ThreadActor';\nimport ThreadDate from './ThreadDate';\nimport { LocaleTypes } from '../../../constants/schemas';\n\nconst StyledTableview = Styled(Tableview)`\n thead {\n th {\n text-align: left;\n border-bottom: 1px solid #E5E6EF;\n background-color: #EDEEF7;\n padding: 12px;\n\n &:not(:last-of-type) {\n border-right: 1px solid #DFDEE7;\n }\n }\n }\n\n tbody {\n td {\n background-color: #FAFAFD;\n\n &:not(:last-of-type).isAnswer {\n border-right: 1px solid #E5E6EF;\n }\n }\n }\n\n .stAnswer {\n &-team {\n display: flex;\n align-items: center;\n font-size: 12px;\n line-height: 14px;\n color: #0A1551;\n margin-top: 6px;\n\n &-name {\n display: flex;\n align-items: center;\n font-size: 12px;\n margin-top: 6px;\n font-weight: 500;\n\n svg {\n width: 15px;\n height: 15px;\n margin-right: 4px;\n }\n }\n\n .sb-customIcon {\n width: 14px;\n height: 14px;\n margin-right: 4px;\n\n > span > span {\n font-size: 11px !important;\n widh: 14px;\n height: 14px;\n display: inline-block;\n }\n }\n }\n\n &-action {\n line-height: 1.5;\n margin: 9px 6px;\n\n &-text {\n &.isComment {\n width: 100%;\n }\n\n &.isOutcome {\n display: inline-block;\n padding: 6px 12px;\n margin: 4px auto 4px 0;\n border-radius: 4px;\n }\n }\n\n &-image {\n &.isSignature {\n margin-top: 8px;\n max-height: 42px;\n display: block;\n }\n }\n\n &-pill {\n background-color: #F3F3FE;\n color: #6C73A8;\n border-radius: 10px;\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n padding: 2px 6px 2px 4px;\n gap: 4px;\n margin-top: 6px;\n margin-bottom: 6px;\n \n &:before {\n content: \"\";\n width: 16px;\n height: 16px;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath fill='%236C73A8' fill-rule='evenodd' d='M12.06 4.027a2.476 2.476 0 0 1 0 3.502l-.888.889a.667.667 0 1 0 .942.942l.89-.888a3.81 3.81 0 0 0-5.388-5.388l-.889.89a.667.667 0 1 0 .943.942l.889-.889a2.476 2.476 0 0 1 3.502 0Zm-6.666 6.666a.667.667 0 0 1 0-.942L9.84 5.306a.667.667 0 0 1 .943.943l-4.445 4.444a.667.667 0 0 1-.943 0Zm-1.28-2.222a2.476 2.476 0 0 0 3.502 3.502l.89-.89a.667.667 0 1 1 .942.944l-.889.889a3.81 3.81 0 0 1-5.387-5.388l.889-.889a.667.667 0 0 1 .943.943l-.89.89Z' clip-rule='evenodd'/%3E%3C/svg%3E\"); background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n }\n }\n }\n\n &-date {\n padding: 0 6px;\n }\n\n &-actor {\n display: flex;\n margin: 9px 3px;\n align-items: center;\n\n .sb-customIcon {\n > span > span {\n font-size: 16px !important;\n }\n }\n\n &-avatar {\n min-width: 36px;\n max-width: 36px;\n min-height: 36px;\n max-height: 36px;\n flex-shrink: 1;\n border-radius: 50%;\n overflow: hidden;\n background-color: #5E74E6;\n box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dcdff0;\n position: relative;\n\n &-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-repeat: no-repeat;\n\n > svg {\n opacity: 1 !important;\n }\n\n &.isIntegration {\n background-color: var(--jfv-navy-75);\n }\n\n &.isUser {\n background-size: cover;\n }\n\n &.isSystem {\n background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5.906 3.633h8.182v3.636H5.906z'/%3E%3Cpath d='M3.18 13.635V9.09h13.636v4.545' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath stroke='%23fff' stroke-width='1.7' d='M9.83 13.637V9.09'/%3E%3Ccircle cx='3.17898' cy='14.0969' r='2.27273' fill='%23fff'/%3E%3Ccircle cx='16.8157' cy='14.0969' r='2.27273' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M7.723 11.824h4.545v4.546H7.723z'/%3E%3C/svg%3E\");\n background-position: center;\n }\n\n &.isGroup {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.08.922a1.77 1.77 0 1 0 0 3.54 1.77 1.77 0 0 0 0-3.54ZM7 3.282a2.36 2.36 0 1 0 0 4.72 2.36 2.36 0 0 0 0-4.72Zm0 5.31c-2.176 0-4.13 1.49-4.13 3.541 0 .326.264.59.59.59h7.08a.59.59 0 0 0 .59-.59c0-2.051-1.954-3.54-4.13-3.54ZM10.75.923a1.77 1.77 0 1 0 0 3.54 1.77 1.77 0 0 0 0-3.54Zm-7.29 4.835a.59.59 0 0 0-.766-.544C1.462 5.6.51 6.672.51 8.003c0 .326.264.59.59.59h2.51a.59.59 0 0 0 .484-.928 3.52 3.52 0 0 1-.632-1.908Zm7.844-.544a.59.59 0 0 0-.767.544 3.52 3.52 0 0 1-.632 1.908.59.59 0 0 0 .484.928h2.51a.59.59 0 0 0 .59-.59c0-1.331-.952-2.403-2.185-2.79Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n background-position: center;\n background-size: 20px;\n background-color: #6C73A8;\n }\n svg {\n height: unset !important;\n width: unset !important;\n stroke: none !important;\n }\n }\n }\n\n &-info {\n flex-grow: 1;\n margin-left: 12px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n line-height: 1.5;\n }\n }\n }\n`;\n\nconst SubmissionThread = ({\n answer,\n text,\n labelProps,\n answerWrapperProps,\n direction,\n transpose,\n baselineProps,\n orientation,\n containerStyle,\n sublabelProps,\n answerProps,\n columnnHeaderProps,\n dateFormat,\n locale,\n amPmHour,\n showAvatars,\n showAssigneeEmail,\n showComments,\n showSignature,\n showIP,\n userTimeZone,\n customTableProps\n}) => {\n const columns = [t('Actor'), t('Actions'), t('Date')];\n\n const tableData = React.useMemo(() => answer.map(rowData => {\n const {\n action, actor, ip, date\n } = rowData;\n if (action?.details?.notRequired) {\n return null;\n }\n return [\n \n \n \n
\n \n );\n};\n\nUserInfo.propTypes = {\n text: PropTypes.string,\n answer: PropTypes.shape({\n name: PropTypes.string,\n email: PropTypes.string,\n avatarUrl: PropTypes.string\n }),\n labelProps: PropTypes.shape({}),\n answerProps: PropTypes.oneOfType([\n PropTypes.shape({}),\n PropTypes.array\n ]),\n answerWrapperProps: PropTypes.shape({}),\n baselineProps: PropTypes.shape({}),\n containerProps: PropTypes.shape({}),\n direction: PropTypes.string\n};\n\nUserInfo.defaultProps = {\n text: '',\n answer: {},\n labelProps: {},\n answerProps: [],\n answerWrapperProps: {},\n baselineProps: {},\n containerProps: {},\n direction: 'column'\n};\n\nexport default UserInfo;\n","import React from 'react';\n\nconst MissingField = ({ type }) => (\n {`${type} is missing`}
\n);\n\nexport default MissingField;\n","import makeGetAnswerFieldComponent from './makeGetAnswerFieldComponent';\n\nconst getAnswerFieldComponent = makeGetAnswerFieldComponent({});\n\nexport default getAnswerFieldComponent;\n","import * as Fields from '../../fields';\nimport MissingField from './MissingField';\n\nconst makeGetAnswerFieldComponent = config => {\n const Types = {\n ...Fields,\n ...config\n };\n\n const fieldKeys = Object.keys(Types);\n\n const getFieldType = (type = '') => type.replace('control_', '').toLowerCase();\n\n const getMatchedFieldKey = (fnKeys, fieldType) => {\n return fnKeys.find(key => {\n if (key === 'Twoco') return fieldType === '2co';\n return key.toLowerCase() === fieldType;\n });\n };\n\n return type => {\n const fieldType = getFieldType(type);\n const matchedFieldKey = getMatchedFieldKey(fieldKeys, fieldType);\n // Not found any matching field\n if (!matchedFieldKey) return MissingField;\n return Types[matchedFieldKey];\n };\n};\n\nexport default makeGetAnswerFieldComponent;\n","export const NON_INPUT_QUESTIONS = [\n 'control_pagebreak',\n 'control_collapse',\n 'control_image',\n 'control_button',\n 'control_captcha',\n 'control_separator',\n 'control_clear',\n 'control_divider'\n];\n\nexport const HEADER_TEXT_QUESTIONS = [\n 'control_head',\n 'control_text'\n];\n\nexport const PAYMENT_FIELDS = [\n 'control_2co',\n 'control_authnet',\n 'control_bluepay',\n 'control_bluesnap',\n 'control_braintree',\n 'control_cardconnect',\n 'control_clickbank',\n 'control_dwolla',\n 'control_echeck',\n 'control_eway',\n 'control_firstdata',\n 'control_googleco',\n 'control_onebip',\n 'control_payjunction',\n 'control_chargify',\n 'control_payment',\n 'control_paymentwall',\n 'control_paymill',\n 'control_paypal',\n 'control_paypalexpress',\n 'control_paypalpro',\n 'control_paypalSPB',\n 'control_square',\n 'control_stripe',\n 'control_stripeACH',\n 'control_wepay',\n 'control_worldpay',\n 'control_worldpayus',\n 'control_payu',\n 'control_pagseguro',\n 'control_moneris',\n 'control_sofort',\n 'control_sensepass',\n 'control_paysafe',\n 'control_iyzico',\n 'control_skrill',\n 'control_gocardless'\n];\n","/* eslint-disable complexity */\nimport { safeJSONParse } from '@jotforminc/utils';\nimport { PAYMENT_FIELDS } from '../constants';\n\nexport const isFieldWithPreview = ({\n type,\n selectedField\n}) => {\n const WIDGETS_WITH_IMAGE_PREVIEW = [\n // Image Upload Preview\n '5295b800485bd19f5d000005',\n // Take Photo\n '529c8286a75dae5e7f000005'\n ];\n\n return type === 'control_widget' && WIDGETS_WITH_IMAGE_PREVIEW.indexOf(selectedField) > -1;\n};\n\nexport const getCustomProps = ({\n answer,\n question\n}) => {\n try {\n const { type } = question;\n if (PAYMENT_FIELDS.indexOf(type) > -1) {\n const _answer = answer.answer;\n const answerProducts = [];\n let showImages = false;\n\n if (_answer && Object.keys(_answer).length > 2) {\n Object.values(_answer).forEach(productRawData => {\n const productJSON = productRawData || '{}';\n let parsedProduct = typeof productRawData !== 'string' ? productRawData : safeJSONParse(productJSON);\n\n if (parsedProduct && parsedProduct.pid) {\n const { products } = answer;\n const foundProduct = products.find(product => product.pid === parsedProduct.pid);\n\n const { icon = '', images = '[]' } = foundProduct;\n const imagesArr = safeJSONParse(images, []);\n parsedProduct = { ...parsedProduct, icon, images: imagesArr };\n\n if (!showImages && !!(icon || imagesArr.length)) {\n showImages = true;\n }\n answerProducts.push(parsedProduct);\n }\n });\n }\n\n return {\n products: answerProducts,\n showImages\n };\n }\n\n // will add other types later when needed\n switch (type) {\n case 'control_datetime': {\n const { allowTime, dateFormat, timeFormat } = question;\n\n if (allowTime === 'Yes' && !dateFormat) {\n return {\n dateFormat: timeFormat === 'AM/PM' ? 'MMM D, YYYY hh:mm A' : 'MMM D, YYYY HH:mm'\n };\n }\n return {};\n }\n case 'control_birthdate': {\n const { dateFormat } = question;\n\n if (!dateFormat) {\n return {\n dateFormat: 'MMM D, YYYY'\n };\n }\n return {};\n }\n case 'control_appointment':\n const timezone = question.timezone ? question.timezone.split(' ')[0] : '';\n const showTimezone = !!timezone;\n return {\n timezone,\n showTimezone\n };\n case 'control_inline':\n return ({\n showSublabels: false,\n fullContent: true\n });\n case 'control_mixed':\n return {\n sublabels: question.sublabels\n };\n case 'control_widget':\n const { qid, selectedField } = question;\n // Image Upload Preview\n if (selectedField === '5295b800485bd19f5d000005') {\n return ({\n optimizeImage: false,\n showImageHyperlink: true,\n clickableImageSelector: `[data-qid=\"${qid}\"] .jfSingleSubmissionView-answer img`\n });\n }\n\n // Take Photo\n if (selectedField === '529c8286a75dae5e7f000005') {\n return ({\n showImageLink: true,\n clickableImageSelector: `[data-qid=\"${qid}\"] .jfSingleSubmissionView-answer img`\n });\n }\n\n return {};\n case 'control_radio':\n if (answer.name === 'outcomeID') {\n const workflowOutcomes = safeJSONParse(question?.workflow_outcomes, []);\n const { buttonColor, text } = workflowOutcomes.find(outcome => outcome.id === parseInt(answer.answer, 10));\n return {\n answer: text,\n answerProps: { className: 'workflowOutcome', style: { color: buttonColor, backgroundColor: `${buttonColor}33` } }\n };\n }\n return {};\n default: {\n return {};\n }\n }\n } catch (e) {\n return {};\n }\n};\n\nexport const getWidgetType = question => question.selectedField || null;\n\nexport const getPaymentType = question => question.paymentType || null;\n\nexport const getAnswerProps = () => {\n return { className: 'jfSingleSubmissionView-answer' };\n};\n\nexport const getDefaultHeaderText = question => {\n const {\n type,\n text,\n subLabel,\n hint,\n cfname\n } = question;\n\n const readyToUseLabels = {\n control_fullname: 'Name',\n control_email: 'Email',\n control_address: 'Address',\n control_phone: 'Phone',\n control_datetime: 'Date',\n control_time: 'Time',\n control_inline: 'Fill in the Blanks'\n };\n\n const header = text || subLabel || hint || readyToUseLabels[type] || '';\n\n if (header) return header;\n\n if (type === 'control_widget' && cfname) return cfname;\n\n const typeLabel = type.replace('control_', '');\n return typeLabel.charAt(0).toUpperCase() + typeLabel.slice(1);\n};\n","import React from 'react';\nimport { shape, number } from 'prop-types';\nimport { withPreview } from '@jotforminc/preview';\nimport FileUploadField from '@jotforminc/fileuploadfield';\nimport { getAnswerFieldComponent } from '@jotforminc/answer-fields';\n\nimport {\n getCustomProps, getAnswerProps, getDefaultHeaderText, getWidgetType, getPaymentType, isFieldWithPreview\n} from '../utils';\n\nconst ViewItem = ({\n itemQuestion,\n itemAnswer,\n index\n}) => {\n const { type: questionType, qid } = itemQuestion;\n const Field = questionType === 'control_fileupload' ? FileUploadField : getAnswerFieldComponent(questionType === 'control_head' ? 'control_text' : questionType);\n const FieldComponent = isFieldWithPreview(itemQuestion) ? withPreview(Field) : Field;\n const customProps = getCustomProps({\n answer: itemAnswer,\n question: itemQuestion\n });\n const answerProps = getAnswerProps();\n const text = getDefaultHeaderText(itemQuestion);\n const widgetId = getWidgetType(itemQuestion);\n const paymentType = getPaymentType(itemQuestion);\n\n const answerFieldProps = {\n ...itemAnswer,\n ...itemQuestion,\n answerProps,\n labelProps: {\n className: 'jfSingleSubmissionView-question',\n textProps: {\n className: 'jfSingleSubmissionView-question-text'\n }\n },\n sublabelProps: {\n className: 'jfSingleSubmissionView-question isSubLabel'\n },\n answerWrapperProps: {\n className: 'jfSingleSubmissionView-answer-wrapper'\n },\n containerProps: {\n className: 'jfSingleSubmissionView-answer-container'\n },\n baselineProps: {\n className: 'jfSingleSubmissionView-container'\n },\n lineProps: {\n className: 'jfSingleSubmissionView-line'\n },\n text,\n ...customProps\n };\n\n return (\n \n \n
\n {headerText}\n
\n
\n {subHeaderText}\n
\n
\n
\n {(headerText || subHeaderText) && (\n
\n )}\n
\n {renderViewItems()}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n {formName}\n
\n
window.open(`/inbox/${formID}/${submissionID}`, '_blank')}\n onKeyUp={null}\n >\n \n {t('View all submissions')}\n
\n \n
\n
\n
\n \n
\n )\n )\n : (\n \n \n
\n )}\n \n );\n};\n\nFormName.propTypes = {\n formName: string.isRequired,\n formID: string.isRequired,\n submissionID: string.isRequired,\n withBackButton: bool\n};\n\nFormName.defaultProps = {\n withBackButton: false\n};\n\nexport default FormName;\n","import { saveBlobAsFile } from '@jotforminc/utils';\nimport { RequestLayer, Interceptors } from '@jotforminc/request-layer';\n\nexport const layer = new RequestLayer('/API', {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nexport const fetchQuestions = formID => layer.get(`form/${formID}/questions`);\nexport const fetchSubmission = submissionID => layer.get(`submission/${submissionID}`);\nexport const fetchUser = () => layer.get('user/combinedinfo');\n\nexport const generatePDF = (formID, reportID, submissionID, username, filename, liteMode, isHIPAA) => layer.get(`generatePDF?type=PDFv2${liteMode\n ? '&liteMode=1' : ''}&formid=${formID}&submissionid=${submissionID}&pdfName=${filename}&username=${username}&useNew=1${reportID\n ? `&reportid=${reportID}` : '&inbox=1'}${isHIPAA ? '&hipaa=1' : ''}`, {\n responseType: isHIPAA ? 'arraybuffer' : 'json'\n}).then(response => {\n const { headers: responseHeaders } = response;\n if (responseHeaders['content-type'].indexOf('application/pdf') > -1) {\n saveBlobAsFile(new global.Blob([response.data], { type: 'application/pdf' }), `${submissionID}.pdf`);\n return null;\n }\n\n const { data: { content } = {} } = response;\n return content;\n});\n\nexport const fetchFormPdf = formID => layer.get(`form/${formID}/pdf`);\n","import React, { useEffect, useRef, useState } from 'react';\nimport { string } from 'prop-types';\nimport classNames from 'classnames';\nimport Tethered from 'react-tether';\nimport { t } from '@jotforminc/translation';\nimport { generateFileName } from '@jotforminc/answer-utils';\nimport IconPDF from './assets/icon_pdf.svg';\nimport IconDownload from './assets/icon_download.svg';\nimport {\n fetchQuestions, fetchUser, generatePDF, fetchFormPdf\n} from './helper';\nimport './jfSingleSubmissionView-standalone.scss';\n\nconst DownloadButton = ({ formID, submissionID }) => {\n const [isMenuVisible, setMenuVisibility] = useState(false);\n const [loading, setLoading] = useState(false);\n const [question, setQuestion] = useState();\n const [formPdfList, setPdfList] = useState([]);\n const [username, setUsername] = useState('');\n const menuRef = useRef();\n const buttonRef = useRef();\n\n useEffect(() => {\n if (formID) {\n const getSubmissionInfo = async () => {\n try {\n const questionRes = await fetchQuestions(formID);\n if (typeof questionRes === 'object') {\n setQuestion(questionRes);\n }\n } catch (e) {\n setQuestion([]);\n console.log('error', e);\n }\n };\n getSubmissionInfo();\n }\n }, [formID]);\n\n const requestGeneratePDF = (title, id) => {\n let generatePromise;\n if (title && id) {\n generatePromise = generatePDF(formID, id, submissionID, username, title, false, false);\n } else {\n generatePromise = generatePDF(formID, '', submissionID, username, generateFileName(Object.values(question)), false, false);\n }\n setLoading(true);\n generatePromise.then(url => {\n if (url) window.location.href = url;\n setLoading(false);\n });\n setMenuVisibility(false);\n };\n\n const renderDownloadPDFMenu = () => {\n return (\n \n \n {formPdfList.map(({ id, title }) => (\n
\n
setMenuVisibility(false)}\n onClick={() => {\n requestGeneratePDF(id, title);\n }}\n >\n \n
\n {title}\n \n \n\n ))}\n
setMenuVisibility(false)}\n onClick={() => {\n requestGeneratePDF();\n }}\n >\n \n
\n Default PDF\n \n onDownloadClick()}\n >\n \n
\n \n {t('Download')}\n
\n \n {isMenuVisible && renderDownloadPDFMenu()}\n\n \n );\n};\n\nDownloadButton.propTypes = {\n formID: string,\n submissionID: string\n};\n\nDownloadButton.defaultProps = {\n formID: '',\n submissionID: ''\n};\n\nexport default DownloadButton;\n","import React from 'react';\nimport { string } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport IconInboxNavigator from './assets/iconInboxNavigator.svg';\nimport './jfSingleSubmissionView-standalone.scss';\n\nconst ViewInInboxButton = ({ formID, submissionID }) => {\n return (\n handleCustomNavigation(`/inbox/${formID}/${submissionID}`, '_blank')}\n >\n \n
\n \n {t('View In Inbox')}\n
\n \n );\n};\n\nViewInInboxButton.propTypes = {\n formID: string,\n submissionID: string\n};\n\nViewInInboxButton.defaultProps = {\n formID: '',\n submissionID: ''\n};\n\nexport default ViewInInboxButton;\n","import React, { useContext } from 'react';\nimport { string, bool } from 'prop-types';\nimport { IconTaskFilled } from '@jotforminc/svg-icons';\nimport { t } from '@jotforminc/translation';\nimport IconModalClose from './assets/iconModalClose.svg';\nimport IconArrowLeft from './assets/arrow_left.svg';\nimport { SingleSubmissionButtonContext } from './context';\n\nconst CustomName = ({\n name,\n withBackButton,\n customIconValue\n}) => {\n const { setPanelOpen } = useContext(SingleSubmissionButtonContext);\n const handleClose = () => {\n setTimeout(() => {\n setPanelOpen?.(false);\n }, 500);\n document.body.classList.remove('jfSingleSubmissionView-standalone-isVisible');\n };\n\n const customIconMapping = {\n ASSIGN_TASK_COMPLETE: \n
\n
\n {customIconMapping?.[customIconValue]}\n
\n
\n
\n { withBackButton ? (\n (\n
\n \n
\n )\n )\n : (\n
\n \n
\n )}\n
\n
\n {showInboxNavigator && (\n
\n
\n {showPrintButton && (\n
onPrintClick()}\n >\n \n
\n \n )}\n \n
\n {approvalOptionValues?.[subType || type]?.[option]}\n \n );\n};\n\nApprovalOptions.defaultProps = {\n option: '',\n value: null,\n type: '',\n subType: ''\n};\n\nApprovalOptions.propTypes = {\n option: string,\n value: number,\n type: string,\n subType: string\n};\n\nexport default ApprovalOptions;\n","import React from 'react';\nimport {\n number,\n shape,\n string,\n node\n} from 'prop-types';\nimport classNames from 'classnames';\n\nconst SingleAvatar = ({\n user: {\n name = '',\n email = '',\n avatarUrl = ''\n },\n className,\n containerClassName,\n shortNameMaxChars,\n children,\n containerProps,\n ...props\n}) => {\n const isDefaultAvatar = avatarUrl === '' || avatarUrl?.includes('Podo-Guest');\n const shortName = (name || email || '').slice(0, shortNameMaxChars).toUpperCase();\n\n const avatarItem = (\n \n {isDefaultAvatar ? shortName : \n
\n {avatarItem}\n
\n
\n {children}\n
\n
\n
\n \n
\n
\n {userName}\n
\n
\n {menu}\n
\n
\n
\n
\n \n {text}\n {isCreatorType && (\n \n {t('Creator roles are not involved in the approval process.')}\n \n )}\n \n {contentText?.length ? (\n <>\n {' '}\n {contentText} \n \n ) : null}\n\n {date && !isWaitingType && !isNotRequiredType && !isCreatorType ? (\n \n {' at '}\n {date.format('MMM DD, yyyy h:mm A')}\n \n ) : null}\n
\n
\n
\n {comment}\n
\n ) : null}\n {signature ? (\n \n
\n
\n \n {singleAvatarChildren}\n \n
\n );\n });\n }, [items]);\n\n return (\n \n {renderAvatarList}\n {children}\n
\n );\n};\n\nAvatarGroup.propTypes = {\n className: string,\n children: node,\n items: arrayOf(shape({\n name: string,\n email: string,\n avatarUrl: string,\n itemClassName: string,\n itemContainerClassName: string,\n children: node\n }))\n};\n\nAvatarGroup.defaultProps = {\n className: null,\n children: null,\n items: []\n};\n\nexport default AvatarGroup;\n","import React from 'react';\nimport {\n arrayOf, shape, string, node\n} from 'prop-types';\nimport { AvatarGroup, SingleAvatarWithDetails } from '@jotforminc/avatar-groups';\nimport { useHover } from '@jotforminc/hooks';\nimport { Popover } from '@jotforminc/uikit';\nimport '../styles/AvatarGroupWithContact.scss';\nimport { defaultAvatarValues, getDateValue } from '../utils/helper';\n\nconst AvatarGroupWithContact = ({ items, children }) => {\n const filteredItems = items.filter(({ properties: { notQualifiedReason = null }, status: subtaskStatus }) => {\n return subtaskStatus !== 'CANCELED' && (!notQualifiedReason || notQualifiedReason !== 'CREATOR_ROLE');\n });\n const newAvatar = filteredItems.map(item => {\n const {\n name,\n email,\n avatarUrl,\n comment = null,\n signature = null,\n updated_at: updatedAt,\n timestamp,\n user = [],\n properties: {\n outcomeInfo, notRequired, contentText, takenOver\n }\n } = item;\n\n const date = getDateValue(timestamp, updatedAt);\n const { buttonColor, type, text } = defaultAvatarValues(outcomeInfo, notRequired) || {};\n const userValue = name || email;\n const isTakenOver = takenOver && user && !Array.isArray(user);\n const contentTextForUser = takenOver ? `on behalf of ${userValue}` : '';\n const userNameValue = isTakenOver ? (user?.name || user?.username || user?.email) : name;\n const userEmailValue = isTakenOver ? user?.email : email;\n const userAvatarValue = isTakenOver ? user?.avatarUrl : avatarUrl;\n\n const [hoverRef, isHovered] = useHover(250);\n\n return {\n children: (\n <>\n
\n {(isHovered) && (\n \n \n {children}\n \n );\n};\n\nAvatarGroupWithContact.propTypes = {\n children: node,\n items: arrayOf(shape({\n name: string,\n email: string,\n avatarUrl: string,\n itemClassName: string,\n itemWrapperClassName: string,\n children: node\n }))\n};\n\nAvatarGroupWithContact.defaultProps = {\n children: null,\n items: []\n};\n\nexport default AvatarGroupWithContact;\n","import React, {\n forwardRef, useRef, FunctionComponent\n} from 'react';\nimport { IconXmark } from '@jotforminc/svg-icons';\nimport classNames from 'classnames';\nimport { t } from '@jotforminc/translation';\nimport { Hooks } from '@jotforminc/uikit';\nimport { HeaderProps, RightPanelPropType } from './types';\nimport './styles/RightPanel.scss';\n\nconst PanelHeader: FunctionComponent = ({ title, onClick, headerIcon }: HeaderProps): JSX.Element => (\n \n
\n {headerIcon}\n {title}\n
\n
\n ((props, ref): JSX.Element => {\n const {\n isVisible,\n asideClass,\n wrapperClass,\n bodyClass,\n onClose,\n RightPanelHeader,\n panelTitle,\n clickableRefList,\n appName,\n isPanelHeaderHidden,\n closeOnClickOutside,\n theme,\n headerIcon,\n children,\n CustomPanelHeader,\n ...otherProps\n } = props;\n const innerRef = useRef();\n const panelRef = Hooks.useCombinedRefs(innerRef, ref);\n Hooks.useClickOutsideStateWithCallback({\n refs: clickableRefList ? [...clickableRefList, panelRef] : [panelRef],\n callback: closeOnClickOutside ? onClose : null\n });\n return (\n \n \n {!isPanelHeaderHidden\n ? RightPanelHeader &&
onClose()} headerIcon={headerIcon} />\n : CustomPanelHeader && \n {children}\n
\n \n
\n {buttonTitle}\n \n {!isCollapsed && (\n
\n {children}\n
\n )}\n
{ onChange(e.target.value.trim()); }}\n onBlur={onBlur}\n required\n />\n );\n};\n\nTypingArea.propTypes = {\n color: string.isRequired,\n font: string.isRequired,\n text: string.isRequired,\n onChange: func.isRequired,\n onBlur: func\n};\n\nTypingArea.defaultProps = {\n onBlur: () => {}\n};\n\nexport default TypingArea;\n","import React from 'react';\nimport { func, string } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { ScColorSelection, ScColorSelectionInput } from '../sc/scSignature';\n\nconst COLORS = ['black', 'red', 'blue'];\n\nconst ColorSelection = ({\n onChange,\n selectedColor,\n mode\n}) => {\n return (\n \n {t('Select color')} \n {COLORS.map(color => (\n onChange(e.target.value)}\n />\n ))}\n \n );\n};\n\nColorSelection.propTypes = {\n onChange: func.isRequired,\n selectedColor: string.isRequired,\n mode: string.isRequired\n};\n\nexport default ColorSelection;\n","import React, { useEffect, forwardRef } from 'react';\nimport {\n string, func, shape, bool\n} from 'prop-types';\nimport { Dropdown as UIKitDropdown } from '@jotforminc/uikit';\nimport { t } from '@jotforminc/translation';\n\nimport { addGoogleFonts } from '../helpers/utils';\nimport { ScButton, ScButtonCont } from '../sc/scSignature';\n\nconst FONT_LIST = ['Shadows Into Light', 'Yellowtail', 'Dancing Script', 'Great Vibes'];\n\nconst DBButton = forwardRef(({ option: { value }, ...props }, ref) => (\n \n {t('Change Style')} \n \n onChange(e.value)}\n options={FONT_LIST.map(f => ({ text: f, value: f }))}\n ButtonRenderer={DBButton}\n ContainerRenderer={({ children }) => }\n OptionRenderer={({ option: { value } }) => (\n \n Your Signature\n \n )}\n popoverProps={popoverProps}\n />\n \n );\n};\n\nFontSelection.propTypes = {\n onChange: func.isRequired,\n font: string.isRequired\n};\n\nexport default FontSelection;\n","import React from 'react';\nimport { arrayOf, shape } from 'prop-types';\n\nimport { ScButton } from '../sc/scSignature';\n\nconst Button = ({\n btns\n}) => btns.map(({\n text, className, onClick, ...rest\n}) => (\n \n {text || ''}\n \n));\n\nButton.propTypes = {\n btns: arrayOf(shape({})).isRequired\n};\n\nexport default Button;\n","import React, { useEffect, useState, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport SignaturePad from 'signature_pad';\nimport trimCanvas from 'trim-canvas';\nimport { t } from '@jotforminc/translation';\n\nimport { Hooks } from '@jotforminc/uikit';\nimport { StyledModal as Modal } from '@jotforminc/styled-modal';\nimport TypingArea from './TypingArea';\nimport ColorSelection from './ColorSelection';\nimport FontSelection from './FontSelection';\nimport Button from './Button';\nimport {\n ScMainContainer, ScCanvas, ScFooter, ScHeader, ScTypeSwitcher, ScSettingsContainer, ScModal, ScTitle\n} from '../sc/scSignature';\nimport {\n getImageDimensions, fromDataURL, drawTextToCanvas, resizeObserver, capitalizeFirstLetter\n} from '../helpers/utils';\nimport SignatureIcon from '../assets/svg/signature_icon.svg';\n\n// const switchPad = mode => pad => (mode === 'type' ? pad.off() : pad.on());\n\nconst Signature = ({\n onUse,\n onCancel,\n wrapper,\n getInitialValue,\n confirmButtonText,\n unmountComponent,\n required,\n labelTitle,\n renderMode,\n initialMode\n}) => {\n const [pad, setPad] = useState(null);\n const [mode, setMode] = useState(initialMode);\n const [color, setColor] = useState('black');\n const [font, setFont] = useState('Yellowtail');\n const [text, setText] = useState('');\n const [emptyCanvas, setEmptyCanvas] = useState(true);\n const {\n mode: initMode = mode,\n font: initFont = font,\n color: initColor = color,\n value = '',\n text: initText = text\n } = getInitialValue();\n\n const canvasRef = useRef();\n\n const getCanvasValue = () => {\n if (!pad || ((mode === 'draw' && pad.isEmpty()) || (mode === 'type' && !text))) {\n return '';\n }\n\n if (mode === 'type') {\n drawTextToCanvas(pad)({ font, text, color });\n }\n\n const tmpCanvas = document.createElement('canvas');\n\n tmpCanvas.width = pad.canvas.width;\n tmpCanvas.height = pad.canvas.height;\n tmpCanvas.getContext('2d').drawImage(pad.canvas, 0, 0);\n trimCanvas(tmpCanvas);\n\n return tmpCanvas.toDataURL();\n };\n\n const onEnd = () => {\n onUse({\n value: getCanvasValue(),\n text,\n color,\n font,\n mode\n });\n };\n\n const onClear = () => {\n if (pad) {\n pad.clear();\n }\n setEmptyCanvas(true);\n if (renderMode === 'embed') {\n onEnd();\n }\n };\n\n const handleOnUse = () => {\n if (required && !getCanvasValue()) {\n return;\n }\n\n onEnd();\n unmountComponent(wrapper);\n };\n\n const handleOnCancel = () => {\n onCancel();\n unmountComponent(wrapper);\n };\n\n useEffect(() => {\n const sigCanvas = canvasRef.current;\n const sigPad = new SignaturePad(sigCanvas, {\n throttle: 10,\n minWidth: 1,\n maxWidth: 2.5,\n minDistance: 5,\n velocityFilterWeight: 0.3\n });\n\n setPad(sigPad);\n\n if (value && emptyCanvas) {\n setMode(initMode);\n setColor(initColor);\n setEmptyCanvas(false);\n\n if (initMode === 'type') {\n setFont(initFont);\n setText(initText);\n }\n }\n\n resizeObserver(sigCanvas.parentNode, entry => {\n const { width: parentWidth, height: parentHeight } = entry.contentRect;\n\n if (value && emptyCanvas) {\n const { width, height } = getImageDimensions(value);\n\n if (initMode === 'draw') {\n fromDataURL(sigPad)(value, {\n top: (parentHeight - height) / 2,\n left: (parentWidth - width) / 2,\n width,\n height\n });\n }\n }\n });\n\n sigCanvas.focus();\n }, []);\n\n useEffect(() => {\n pad && (pad.penColor = color); // eslint-disable-line\n }, [color, pad]);\n\n Hooks.useEffectIgnoreFirst(() => {\n if (renderMode === 'embed' && mode === 'type') {\n onEnd();\n }\n }, [text, color, font]);\n\n const setRescaledSignature = (lines, scale) => (\n lines.map(line => ({\n ...line,\n points: line.points.map(point => ({\n ...point,\n x: point.x * scale\n }))\n }))\n );\n\n useEffect(() => {\n if (mode === 'draw') {\n onClear();\n\n resizeObserver(canvasRef.current.parentNode, entry => {\n const { width: parentWidth } = entry.contentRect;\n const offsetWidth = canvasRef.current ? canvasRef.current.offsetWidth : 0;\n\n if (parentWidth && offsetWidth !== parentWidth) {\n canvasRef.current.setAttribute('width', `${parentWidth}px`);\n // BUGFIX #5207734 :: prevent signature deletion on orientation change with scaling.\n if (pad && !pad.isEmpty()) {\n pad.fromData(setRescaledSignature(pad.toData(), parentWidth / offsetWidth));\n }\n }\n });\n }\n }, [mode]);\n\n Hooks.useEffectIgnoreFirst(() => {\n if (renderMode !== 'workflow_embed') {\n onEnd();\n }\n }, [renderMode, mode]);\n\n const renderMain = () => {\n return (\n \n \n ({\n className: `${btn}Mode_button ${mode === btn ? 'isBlue' : 'isGray'}`,\n onClick: () => setMode(btn),\n text: t(capitalizeFirstLetter(btn)),\n 'aria-selected': `${mode === btn}`,\n 'aria-pressed': `${mode === btn}`\n }))}\n />\n \n \n setEmptyCanvas(false)}\n onTouchStart={() => setEmptyCanvas(false)}\n {...(renderMode === 'embed' ? { onMouseUp: onEnd, onMouseLeave: onEnd, onTouchEnd: onEnd } : {})}\n className=\"signatureCanvas\"\n tabIndex={mode === 'draw' ? 0 : -1}\n role=\"button\"\n aria-label={t('E-Signature canvas')}\n aria-hidden={mode !== 'draw'}\n />\n \n {mode === 'type' && (\n \n \n \n );\n };\n\n if (renderMode === 'embed') {\n return renderMain();\n }\n\n return (\n \n {t(labelTitle)} \n \n )}\n footer={(\n \n ({\n className: btn === confirmButtonText ? 'isBlue' : '',\n onClick: btn === 'cancel' ? handleOnCancel : handleOnUse,\n text: t(capitalizeFirstLetter(btn)),\n disabled: btn === confirmButtonText && required && getCanvasValue() === ''\n }))}\n />\n \n )}\n >\n {renderMain()}\n \n );\n};\n\nSignature.propTypes = {\n onUse: PropTypes.func,\n onCancel: PropTypes.func,\n getInitialValue: PropTypes.func,\n wrapper: PropTypes.shape({}),\n confirmButtonText: PropTypes.string,\n required: PropTypes.bool,\n labelTitle: PropTypes.string,\n renderMode: PropTypes.string,\n initialMode: PropTypes.oneOf(['draw', 'type']),\n unmountComponent: PropTypes.func\n};\n\nSignature.defaultProps = {\n onUse: sign => console.log(`Here is the signature: ${sign}`), // eslint-disable-line\n onCancel: sign => console.log('signing canceled'), // eslint-disable-line\n getInitialValue: () => '',\n wrapper: {},\n confirmButtonText: 'use',\n required: false,\n labelTitle: 'YOUR SIGNATURE',\n renderMode: 'modal',\n initialMode: 'draw',\n // Default to ReactDOM.unmountComponentAtNode for backwards compatibility with React-DOM 17\n // TODO: Remove this when all projects are updated to React 18 or above\n unmountComponent: ReactDOM.unmountComponentAtNode\n};\n\nexport default Signature;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Signature from './Signature';\n\nexport function renderSignatureModal(props = {}) {\n return new Promise(resolve => {\n const { onUse: propOnUse, onCancel: propOnCancel, ...rest } = props;\n const wrapper = document.createElement('div');\n wrapper.className = 'signatureWrapper';\n document.body.appendChild(wrapper);\n const onCancel = () => {\n propOnCancel?.();\n resolve(null);\n };\n const onUse = value => {\n propOnUse?.(value);\n resolve(value);\n };\n ReactDOM.render(\n \n
\n {translatedDate}\n
\n
\n {dateObject.format(fullDateFormat)}\n
\n
\n
\n {avatarContent}\n
\n
{accountName}
\n
${commentPart}
`).join('');\n }\n }, [isEditable, comment]);\n\n return (\n \n
\n {t(TEXTS.ADD_COMMENT)}\n {' '}\n {isRequired && (* )}\n
\n
\n
\n {t(TEXTS.COMMENT_REQUIRED)}\n
\n
\n \n \n {text}\n \n );\n});\n\nconst Dropdown = ({ onChange, ...properties }) => {\n const handleOptionSelect = ({ value }) => onChange(value);\n\n return (\n \n
\n );\n};\n\nDropdown.propTypes = {\n onChange: func.isRequired\n};\n\nexport default Dropdown;\n","import React, { useEffect, useState } from 'react';\nimport {\n arrayOf,\n func,\n shape,\n string,\n bool\n} from 'prop-types';\nimport Dropdown from '../Dropdown';\nimport '../../styles/jfEmailWizard.scss';\n\nexport default function EmailDropdown({\n value,\n onChange,\n options,\n filterable,\n textInputPlaceholder\n}) {\n const [defaultValue, setDefaultValue] = useState(value);\n useEffect(() => {\n if (value.length && value[0].value !== defaultValue[0].value) {\n setDefaultValue(value);\n }\n }, [value]);\n const wrappedOnChange = val => {\n onChange([{ value: val, email: val, text: val }]);\n };\n return (\n \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 {isSingle && (\n f}\n data-testid={`selectiongroup-option-checkbox-${value}`}\n />\n )}\n \n {text} \n {showOptionValue && (\n \n {' '}\n { ` - ${value}` }\n {' '}\n \n )}\n
\n {(isProtected || isEncrypted) && (\n \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 {formTitle && (\n
\n \n {formTitle}\n
\n \n
\n \n )}\n {suggestedOptions.length !== 0 && hasForm && isExpanded && (\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 {t(`This form doesn't have any ${suggestionText || 'appropriate'} fields to add.`)}\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 {formTitle && (\n
\n {formTitle}\n
\n )}\n {questions.length !== 0 && hasForm && (\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 {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
\n {isButtonVisible && (\n
\n \n
\n \n {t(fieldsLabelText)}\n
\n \n )}\n {isMenuVisible && (\n \n {useMultipleForms ? (\n \n {avatar}\n
\n \n
{name}
\n
\n
\n {subMemberList.map(member => (member.email)).toString()}\n
\n
setIsListExpanded(true)}\n onMouseLeave={() => setIsListExpanded(false)}\n ref={targetRef}\n >\n {`+ ${subMemberList.length} More`}\n \n
\n \n \n
\n {subMemberList.map(member => {\n return (\n
\n
\n
\n
{member.username}
\n
{member.email}
\n
\n
\n );\n })}\n
\n
\n \n )}\n \n \n );\n};\n\nSubMember.propTypes = {\n name: string.isRequired,\n avatar: string.isRequired,\n subMemberList: arrayOf(shape({\n name: string,\n email: string,\n avatarUrl: string\n })).isRequired\n};\n\nconst UserList = ({\n list, onClick, useMouseDown, useKeyboardEvents, preventClickDefault, onBlurEventHandler\n}) => {\n const containerRef = useRef();\n const tabIndex = useKeyboardEvents ? { tabIndex: 0 } : {};\n const keyHandler = event => {\n const relatedKeyCodes = [40, 38];\n // Don't handle if key is not arrowdown/arrowup\n if (relatedKeyCodes.indexOf(event.keyCode) === -1 || !containerRef.current) { return; }\n event.preventDefault();\n const { activeElement } = document;\n let nextElement;\n const ownElement = containerRef.current.contains(activeElement);\n if (ownElement && !activeElement.classList.contains('suggestion')) {\n return;\n }\n\n const direction = event.keyCode === 40 ? 'down' : 'up';\n switch (true) {\n case ownElement && direction === 'down' && !!activeElement.nextElementSibling:\n nextElement = activeElement.nextElementSibling;\n break;\n case ownElement && direction === 'up' && !!activeElement.previousElementSibling:\n nextElement = activeElement.previousElementSibling;\n break;\n default:\n nextElement = containerRef.current.querySelector('.suggestion'); // First Suggestion\n break;\n }\n nextElement.focus();\n };\n if (useKeyboardEvents) {\n useEffect(() => {\n document.addEventListener('keydown', keyHandler);\n return () => document.removeEventListener('keydown', keyHandler);\n }, []);\n }\n return (\n \n {list.map(user => {\n const {\n name, email, avatarUrl, username, subMembers\n } = user;\n const handleClick = e => {\n // to prevent looping behavior with input onBlur\n if (preventClickDefault) {\n e.preventDefault();\n }\n return onClick(user);\n };\n const handleKeyDown = event => Utils.isPressedKeyEnterOrSpace(event) && onClick(user);\n\n const identifier = name || email || username;\n const avatar = avatarUrl\n ?
\n : {identifier[0]}
;\n\n const handler = {\n [useMouseDown ? 'onMouseDown' : 'onClick']: handleClick,\n onBlur: onBlurEventHandler\n };\n if (subMembers) {\n return (\n \n \n \n {avatar}\n
\n \n \n );\n })}\n \n );\n};\n\nUserList.propTypes = {\n list: arrayOf(shape({\n name: string,\n email: string,\n avatarUrl: string\n })).isRequired,\n onClick: func.isRequired,\n useMouseDown: bool,\n useKeyboardEvents: bool,\n preventClickDefault: bool,\n onBlurEventHandler: func\n};\n\nUserList.defaultProps = {\n useMouseDown: false,\n useKeyboardEvents: false,\n preventClickDefault: false,\n onBlurEventHandler: f => f\n};\n\nexport default UserList;\n","import compose from 'lodash/fp/compose';\n\nimport {\n getPlaceholder,\n getPlaceholderList,\n getQuestionByPlaceholder\n} from '@jotforminc/utils';\n\nexport const tagifyQuestion = ({\n question, asString = true, mode, key = '', returnAll = false\n}) => {\n const placeholderRaw = getPlaceholder(question);\n const placeholders = Array.isArray(placeholderRaw) ? placeholderRaw : [placeholderRaw];\n const allTagifiedQuestions = placeholders.map(({ placeholder, text }) => {\n const tagifyObject = { name: placeholder, value: text, editable: mode !== 'mix' };\n if (!asString) {\n return tagifyObject;\n }\n\n const jsonString = JSON.stringify(tagifyObject);\n return mode === 'mix' ? `#start#${jsonString}#end#` : jsonString;\n });\n if (returnAll) {\n return allTagifiedQuestions;\n }\n const tagified = allTagifiedQuestions.find(tagifiedQuestion => (asString ? tagifiedQuestion.includes(`${key}`) : JSON.stringify(tagifiedQuestion).includes(`${key}`)));\n return tagified || allTagifiedQuestions[0];\n};\n\nexport const getStaticFieldsAsSimpleQuestions = fields => fields.map(({ text, placeholder }) => ({ text, name: placeholder.match(/{(.*)}/)[1] }));\n\nconst getQuestionsFromTagifyValue = (tagifyValue, questions, mode) => questions.filter(question => {\n const taggedQuestions = tagifyQuestion({ question, mode, returnAll: true });\n return taggedQuestions.some(tag => tagifyValue.indexOf(tag) > -1);\n});\nconst getQuestionPlaceholderList = questions => getPlaceholderList(questions).map(({ placeholder }) => placeholder);\nexport const getSelectedPlaceholderList = compose(getQuestionPlaceholderList, getQuestionsFromTagifyValue);\n\nexport const tagifyPlaceholder = (placeholder, questionList, mode) => {\n const question = getQuestionByPlaceholder(placeholder, questionList);\n return question ? tagifyQuestion({\n question, asString: false, key: placeholder, mode\n }) : false;\n};\nexport const tagifyPlaceholderList = (placeholderList, questionList, mode) => placeholderList.map(placeholder => tagifyPlaceholder(placeholder, questionList, mode));\n\nexport const getTagifyValue = (sanitizedValue, questions, mode) => {\n if (!sanitizedValue || (Array.isArray(sanitizedValue) && sanitizedValue.length === 0)) {\n return '';\n }\n const usedQuestionNames = {};\n return questions.reduce((prev, question) => {\n switch (question.type) {\n case 'control_mixed':\n case 'control_inline': {\n const placeholderRaw = getPlaceholder(question);\n const placeholders = Array.isArray(placeholderRaw) ? placeholderRaw : [placeholderRaw];\n return (placeholders || []).reduce((sanitized, { placeholder }) => {\n const key = placeholder;\n const tagified = tagifyQuestion({ question, mode, key });\n return sanitized.split(key).join(tagified);\n }, prev);\n }\n default:\n const tagified = tagifyQuestion({ question, mode });\n if (!prev || prev.length < 1) {\n return '';\n }\n // If tagified value is inserted do not recurse\n if (usedQuestionNames[question.name]) {\n return prev;\n }\n usedQuestionNames[question.name] = true;\n return prev.split(`{${question.name}}`).join(tagified);\n }\n },\n sanitizedValue);\n};\n\nexport const getSanitizedValue = (isModeMix, tagifyValue, selectedPlaceholderList, questionsWithStaticFieldsList) => {\n if (!isModeMix) {\n return (tagifyValue && JSON.parse(tagifyValue));\n }\n const sanitizedValue = selectedPlaceholderList.reduce((prev, placeholder) => {\n const question = getQuestionByPlaceholder(placeholder, questionsWithStaticFieldsList);\n let key;\n let from;\n switch (question.type) {\n case 'control_inline':\n case 'control_mixed':\n {\n const placeholderRaw = getPlaceholder(question);\n const placeholders = Array.isArray(placeholderRaw) ? placeholderRaw : [placeholderRaw];\n const tag = placeholders.find(({ placeholder: tmp }) => prev.includes(tmp) && tmp === placeholder);\n key = tag?.placeholder;\n from = key;\n }\n break;\n default:\n key = '';\n from = `{${question.name}}`;\n }\n const tagifiedQuestion = tagifyQuestion({ question, mode: 'mix', key });\n const re = new RegExp(tagifiedQuestion.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'), 'g');\n return prev.replace(re, from);\n }, tagifyValue).replace(/[\\u200B-\\u200D\\uFEFF]/g, '');\n\n return (sanitizedValue);\n};\n\nexport const sanitizeTextBeforeSet = data => {\n return data.replace(/(<([^>]+)>)/ig, '');\n};\n","const patchTagify = tagify => {\n const clonedTagify = tagify;\n clonedTagify.addMixTags = function addMixTags(tagsItems) {\n const {\n settings: {\n pattern, transformTag, classNames, tagSuffix, focusAfterAddingTag\n },\n state: { tag: { prefix: tagPrefix } = {} }\n } = clonedTagify;\n\n const defaultPrefix = tagPrefix || (pattern?.source || [])[0];\n const prefixedTagItems = tagsItems.map(tagItem => ({ ...tagItem, prefix: tagItem.prefix || defaultPrefix }));\n\n return prefixedTagItems.map(tagItem => {\n transformTag.call(clonedTagify, tagItem);\n const tagElement = clonedTagify.createTagElem(tagItem);\n\n try {\n if (!clonedTagify.replaceTextWithNode(tagElement)) {\n if (clonedTagify.DOM.input.lastChild && clonedTagify.DOM.input.lastChild.tagName === 'BR') {\n clonedTagify.DOM.input.insertBefore(tagElement, clonedTagify.DOM.input.lastChild);\n } else {\n clonedTagify.DOM.input.appendChild(tagElement);\n }\n }\n } catch {\n clonedTagify.DOM.input.appendChild(tagElement);\n }\n\n if (tagSuffix) {\n clonedTagify.insertAfterTag(tagElement, tagSuffix);\n }\n\n if (focusAfterAddingTag) {\n clonedTagify.DOM.input.focus();\n clonedTagify.placeCaretAfterNode(tagElement);\n }\n\n setTimeout(() => tagElement.classList.add(classNames.tagNoAnimation), 300);\n\n clonedTagify.value.push(tagItem);\n clonedTagify.update();\n\n clonedTagify.trigger('add', { tag: tagElement, data: tagItem });\n return tagElement;\n });\n };\n\n clonedTagify.DOM.input.addEventListener('keypress', e => {\n if (e?.keyCode === 13) {\n clonedTagify.DOM.input.blur();\n e.preventDefault();\n }\n });\n\n return clonedTagify;\n};\n\nexport default patchTagify;\n","export const STATIC_FIELDS_WITH_PLACEHOLDER_FOR_SACL = [\n { text: 'Form Title', placeholder: '{form_title}' }\n];\n\nexport const EMAIL_TEMPLATE_TYPES = {\n WORKFLOW_APPROVE_START: 'WORKFLOW_APPROVE_START',\n WORKFLOW_APPROVE_APPROVED: 'WORKFLOW_APPROVE_APPROVED',\n WORKFLOW_APPROVE_REJECTED: 'WORKFLOW_APPROVE_REJECTED',\n WORKFLOW_SEND_EMAIL_GENERAL: 'WORKFLOW_SEND_EMAIL_GENERAL',\n WORKFLOW_APPROVE_REASSIGN: 'WORKFLOW_APPROVE_REASSIGN',\n WORKFLOW_APPROVE_REASSIGN_APPROVER: 'WORKFLOW_APPROVE_REASSIGN_ASSIGNEE',\n WORKFLOW_ASSIGN_START: 'WORKFLOW_ASSIGN_START',\n FORM_SUBMIT_AUTORESPONDER: 'autorespond',\n FORM_SUBMIT_NOTIFICATION: 'notification',\n FORM_SAVE_AND_CONTINUE_LATER: 'sacl',\n FORM_SUBMIT_CONDITIONAL: 'FORM_SUBMIT_CONDITIONAL',\n FORM_SHARE: 'FORM_SHARE',\n FORM_REMINDER: 'FORM_REMINDER',\n APPOINTMENT_REMINDER: 'APPOINTMENT_REMINDER',\n WORKFLOW_ASSIGN_FORM_NOTIFICATION: 'WORKFLOW_ASSIGN_FORM_NOTIFICATION',\n WORKFLOW_SEND_PDF: 'WORKFLOW_SEND_PDF',\n WORKFLOW_SEND_REPORT: 'WORKFLOW_SEND_REPORT'\n};\n","import React, {\n useRef, useState, useEffect, useMemo, useCallback, forwardRef, useImperativeHandle\n} from 'react';\nimport {\n string, bool, shape, oneOfType, arrayOf, func, elementType\n} from 'prop-types';\nimport { Hooks, Popover } from '@jotforminc/uikit';\nimport { tagDuplicateQuestions, isBright } from '@jotforminc/utils';\nimport { useFuse } from '@jotforminc/hooks';\nimport FormFields from '@jotforminc/form-fields-menu';\nimport UserList from '@jotforminc/user-list';\nimport { STATIC_FIELDS_WITH_PLACEHOLDER } from '@jotforminc/constants';\n\nimport difference from 'lodash/difference';\nimport Tagify from '@yaireo/tagify/dist/react.tagify';\nimport uniqBy from 'lodash/uniqBy';\nimport '@yaireo/tagify/dist/tagify.css';\n\nimport './styles/TagInput.scss';\nimport {\n getTagifyValue, getSelectedPlaceholderList,\n tagifyQuestion, tagifyPlaceholderList,\n getStaticFieldsAsSimpleQuestions, getSanitizedValue,\n sanitizeTextBeforeSet\n} from './utils';\nimport patchTagify from './patch';\nimport {\n STATIC_FIELDS_WITH_PLACEHOLDER_FOR_SACL,\n EMAIL_TEMPLATE_TYPES\n} from './constants';\n\nconst FIELD_REGEX = /\\{[^}]+\\}/gi;\n\nconst getAvailableUsers = (userList, addedTags) => {\n if (!addedTags) {\n return userList;\n }\n return userList.filter(a => !addedTags.find(tag => tag.value === a.email));\n};\n\n// eslint-disable-next-line max-statements\nconst TagInput = forwardRef(({\n value, defaultValue, addFormFields, addStaticFields, questions: questionsProp, allowDuplicateFields, formTitle, onRemove,\n settings, onChange, userList, popoverProps, SuggestionRenderer, onBlur, showFormFieldsOnClick, staticFieldsList, onFocus, isEncrypted,\n isSingleEntry, fieldsLabelText, useMultipleForms, formArray, showProtectedTag, showFormFieldsButtonOnFocus, validateSelectedBeforeAdd, keepInvalidTags, onAddTag,\n duplicatedEmails, useTextToTag, ...tagifyProps\n}, ref) => {\n const { mode, emailType } = settings;\n const isModeMix = mode === 'mix';\n const isEmailTypeSACL = emailType === EMAIL_TEMPLATE_TYPES.FORM_SAVE_AND_CONTINUE_LATER;\n const questions = useMemo(() => (useMultipleForms ? formArray.flatMap(({ questions: q }) => q) : questionsProp), [formArray, questionsProp, useMultipleForms]);\n const questionList = useMemo(() => tagDuplicateQuestions(Array.isArray(questions) ? questions : Object.values(questions || [])), [questions]);\n\n const staticFieldsAsSimpleQuestions = useMemo(() => getStaticFieldsAsSimpleQuestions(useMultipleForms ? formArray.flatMap(f => {\n const newPlaceholder = p => (f.isMain ? p.placeholder : p.placeholder.replace('{', `{f${f.id}_`));\n return staticFieldsList.map(s => ({ ...s, placeholder: newPlaceholder(s) }));\n }) : staticFieldsList), [staticFieldsList, formArray]);\n const staticFieldQuestionList = useMemo(() => (addStaticFields ? staticFieldsList : []), [addStaticFields]);\n const questionsWithStaticFieldsList = useMemo(() => [...questionList, ...staticFieldsAsSimpleQuestions], [questionList, staticFieldsAsSimpleQuestions]);\n const whiteList = useRef([]);\n\n useEffect(() => {\n whiteList.current = [\n ...whiteList.current,\n ...questionsWithStaticFieldsList.map(question => tagifyQuestion({ question, asString: false, mode })).filter(q => q)\n ];\n whiteList.current = uniqBy(whiteList.current, 'name');\n }, [questionsWithStaticFieldsList]);\n\n const sanitizedValue = useMemo(() => sanitizeTextBeforeSet(value || defaultValue), [value, defaultValue]);\n const tagifyRef = useRef(false);\n const suggestionListRef = useRef(false);\n const formFieldsRef = useRef(false);\n const tagifyContRef = useRef(false);\n const inputRef = { current: tagifyRef.current?.DOM?.input };\n const tagInputRef = useRef(false);\n const rootRef = Hooks.useCombinedRefs(tagInputRef, ref);\n const [textInputValue, setTextInputValue] = useState('');\n const [isFocused, setFocus] = useState(false);\n const [isFormFieldsVisible, setFormFieldsVisible] = useState(false);\n const [isSuggestionVisible, setSuggestionVisibility] = Hooks.useClickOutsideState(false, [suggestionListRef, inputRef]);\n const [tagifyValue, setTagifyValue] = useState(getTagifyValue(sanitizedValue, questionsWithStaticFieldsList, mode));\n const selectedPlaceholderList = getSelectedPlaceholderList(tagifyValue, questionsWithStaticFieldsList, mode);\n const userListSource = useMemo(() => getAvailableUsers(userList, tagifyRef.current.value), [tagifyValue]);\n const suggestedUserList = useFuse(userListSource, textInputValue);\n\n const handleSelectionChange = placeholderList => {\n if (!validateSelectedBeforeAdd(placeholderList)) return;\n\n if (isSingleEntry) {\n tagifyRef.current.removeAllTags();\n } else {\n const removedPlaceholderList = !allowDuplicateFields ? difference(selectedPlaceholderList, placeholderList) : [];\n tagifyRef.current.removeTags(tagifyPlaceholderList(removedPlaceholderList, questionsWithStaticFieldsList, mode).map(({ value: tmpValue }) => tmpValue));\n }\n onAddTag(placeholderList);\n const addedPlaceholderList = !allowDuplicateFields ? difference(placeholderList, selectedPlaceholderList) : placeholderList;\n const tags = tagifyPlaceholderList(addedPlaceholderList, questionsWithStaticFieldsList, mode);\n if (!tagifyRef.current.state?.selection?.range || tags.length > 1) {\n tagifyRef.current.addTags(tags);\n } else if (tags.length === 1) {\n const tagElem = tagifyRef.current.createTagElem(tags[0]);\n tagifyRef.current.injectAtCaret(tagElem);\n if (tagElem.previousSibling?.wholeText !== ' ') tagElem.before(document.createTextNode(' '));\n tagifyRef.current.placeCaretAfterNode(tagifyRef.current.insertAfterTag(tagElem));\n }\n };\n\n const splitTagsAndTexts = (addedTags = [], node) => {\n const invalidsShouldRemoved = !validateSelectedBeforeAdd(addedTags);\n const duplicatsShouldRemoved = !allowDuplicateFields && selectedPlaceholderList.some(item => addedTags.includes(item));\n\n if (invalidsShouldRemoved || duplicatsShouldRemoved) {\n node.textContent = node.textContent.replace(FIELD_REGEX, ''); // eslint-disable-line no-param-reassign\n tagifyRef.current.placeCaretAfterNode(node);\n tagifyRef.current.update();\n return;\n }\n\n const tags = tagifyPlaceholderList(addedTags, questionsWithStaticFieldsList, mode);\n if (isSingleEntry) {\n tagifyRef.current.removeAllTags();\n tagifyRef.current.addTags(tags);\n } else {\n const { textContent } = node;\n const [firstPartOfText, lastPartOfText] = textContent.split(FIELD_REGEX);\n node.textContent = `${firstPartOfText} `; // eslint-disable-line no-param-reassign\n const tagElem = tagifyRef.current.createTagElem(tags[0]);\n node.after(tagElem);\n tagElem.after(document.createTextNode(` ${lastPartOfText}`));\n tagifyRef.current.placeCaretAfterNode(tagElem);\n tagifyRef.current.update();\n }\n onAddTag([...selectedPlaceholderList, ...addedTags]);\n };\n\n const textToTag = () => {\n inputRef.current.childNodes.forEach(node => {\n const matchedTags = node.textContent.match(FIELD_REGEX) || [];\n if (node.nodeType === global.Node.TEXT_NODE && matchedTags.length > 0) {\n splitTagsAndTexts(matchedTags, node);\n }\n });\n };\n\n const colorifyTags = useCallback(() => {\n tagifyRef.current.getTagElms().forEach(elm => {\n const name = /{f(\\d*)_/gm.exec(elm.__tagifyTagData.name)?.[1];\n const { color } = formArray.find(({ id }) => id.toString() === name?.toString?.()) || formArray[0];\n const isDark = isBright(color);\n elm.style.setProperty('--tag-bg', color);\n elm.style.setProperty('--tag-text-color', isDark ? '#000' : '#fff');\n elm.setAttribute('data-state', isDark ? 'dark' : 'light');\n });\n }, [formArray]);\n\n const handleTagifyChange = ({ target: { value: tmpValue } }) => {\n const sanitizedText = sanitizeTextBeforeSet(tmpValue);\n setTagifyValue(sanitizedText);\n if (useMultipleForms && formArray.length && formArray[0].color && tagifyRef.current?.getTagElms?.()?.length) {\n colorifyTags();\n }\n if (useTextToTag) textToTag();\n };\n const handleInputChange = e => {\n const { detail: { textContent, value: tmpValue } } = e;\n const nextValue = (isModeMix ? textContent.split(/\\n/).pop().trim() : tmpValue);\n if (isSingleEntry) {\n tagifyRef.current.removeTags();\n }\n\n tagifyRef.current.update();\n setTextInputValue(nextValue);\n };\n\n const handleSuggestionClick = ({ email }) => {\n setTextInputValue('');\n\n if (isSingleEntry) {\n tagifyRef.current.removeAllTags();\n\n if (inputRef.current) {\n inputRef.current.innerHTML = email;\n }\n\n tagifyRef.current.update();\n setSuggestionVisibility(false);\n return;\n }\n\n tagifyRef.current.addTags([email]);\n return !isModeMix\n ? tagifyRef.current.input.set.call(tagifyRef.current)\n : inputRef.current.childNodes.forEach(node => {\n if (node.nodeType === global.Node.TEXT_NODE && node.textContent === textInputValue) {\n node.remove();\n }\n });\n };\n\n const addTags = (tagValue, removeAllTags) => {\n const newTagifyValue = getTagifyValue(tagValue, questionsWithStaticFieldsList, mode);\n const newSelectedPlaceholderList = getSelectedPlaceholderList(newTagifyValue, questionsWithStaticFieldsList, mode);\n if (removeAllTags || isSingleEntry) {\n tagifyRef.current.removeAllTags();\n }\n tagifyRef.current.addTags(tagifyPlaceholderList(newSelectedPlaceholderList, questionsWithStaticFieldsList, mode));\n };\n\n const onInputClick = () => {\n if (showFormFieldsOnClick) {\n formFieldsRef.current.setMenuVisibility(true);\n }\n };\n\n useEffect(() => {\n if (tagifyRef.current) {\n tagifyRef.current = patchTagify(tagifyRef.current);\n tagifyRef.current?.DOM?.input?.setAttribute('aria-label', tagifyProps.ariaLabel);\n }\n }, [tagifyRef.current]);\n\n useEffect(() => {\n setSuggestionVisibility(Boolean(textInputValue && suggestedUserList.length > 0));\n }, [textInputValue, suggestedUserList]);\n Hooks.useEffectIgnoreFirst(() => {\n onChange(getSanitizedValue(isModeMix, tagifyValue, selectedPlaceholderList, questionsWithStaticFieldsList));\n }, [tagifyValue]);\n\n const clearWhiteSpaces = () => {\n const textNodes = [...tagifyRef.current.DOM.input.childNodes].filter(node => node.nodeType === global.Node.TEXT_NODE);\n textNodes.forEach((node, i) => {\n const isPrevTag = node.previousSibling?.nodeName === 'TAG';\n const isNextTag = node.nextSibling?.nodeName === 'TAG';\n\n let text = node.nodeValue;\n if (i === 0 && !isPrevTag) {\n text = text.trimStart();\n }\n if (i === textNodes.length - 1 && !isNextTag) {\n text = text.trimEnd();\n }\n text = text.split(/\\s+/).join(' ');\n node.nodeValue = text; // eslint-disable-line no-param-reassign\n });\n tagifyRef.current.update();\n };\n\n Hooks.useEffectIgnoreFirst(() => {\n if (!isFormFieldsVisible) clearWhiteSpaces();\n }, [isFormFieldsVisible]);\n\n const handleBlur = (event, ...params) => {\n const inputValue = event.detail.tagify.DOM.originalInput.value;\n const sanitized = getSanitizedValue(isModeMix, inputValue, selectedPlaceholderList, questionsWithStaticFieldsList);\n // eslint-disable-next-line no-param-reassign\n event.target.value = sanitized;\n onBlur(event, ...params);\n setFocus(false);\n if (!event.detail.relatedTarget || event.detail.relatedTarget.getAttribute('class') !== 'formFields-button') {\n clearWhiteSpaces();\n }\n };\n\n const handleFocus = (event, ...params) => {\n onFocus(event, ...params);\n setFocus(true);\n };\n\n const handleRemove = (event, ...params) => {\n const inputValue = event.detail.tagify.DOM.originalInput.value;\n const sanitized = getSanitizedValue(isModeMix, inputValue, selectedPlaceholderList, keepInvalidTags, questionsWithStaticFieldsList);\n // eslint-disable-next-line no-param-reassign\n event.target.value = sanitized;\n onRemove(event, ...params);\n };\n\n useEffect(() => {\n if (useMultipleForms && formArray.length && formArray[0].color && tagifyRef.current?.getTagElms?.()?.length) {\n colorifyTags();\n }\n }, [formArray, value, colorifyTags, tagifyValue, useMultipleForms]);\n\n useImperativeHandle(rootRef, () => ({\n tagifyRef,\n addTags,\n formFieldsRef\n }));\n\n const isFormFieldsButtonVisible = showFormFieldsButtonOnFocus || !showFormFieldsOnClick;\n const formFieldsMenuTargetRef = showFormFieldsButtonOnFocus || showFormFieldsOnClick ? tagifyContRef : null;\n\n return (\n \n 0 ? { whitelist: whiteList.current, prefix: /{/ } : {}),\n keepInvalidTags: keepInvalidTags,\n addTagOnBlur: false,\n delimiters: ',| ',\n duplicates: allowDuplicateFields,\n mixTagsInterpolator: ['#start#', '#end#'],\n ...settings,\n hooks: {\n beforeRemoveTag: () => {\n tagifyRef.current.update();\n setTextInputValue('');\n return new Promise(resolve => {\n resolve(true);\n });\n }\n },\n callbacks: {\n add: () => setTextInputValue(''),\n remove: () => {\n tagifyRef.current.update();\n }\n }\n }}\n {...tagifyProps}\n tagifyRef={tagifyRef}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onInput={handleInputChange}\n onChange={handleTagifyChange}\n onRemove={handleRemove}\n >\n {isModeMix ? tagifyValue : `[${tagifyValue}]`}\n \n {addFormFields && questions && (\n \n \n You can reassign this task to another approver by entering an email address below.\n \n \n You can reassign the same task only three times.\n \n {` Assigned ${displayReassignCount} of ${MAX_REASSIGN_LIMIT} times.`}\n
\n \n \n \n {\n isEnterprise && isHIPAA ? (\n
\n \n ) : (\n
\n )\n }\n {error\n ? (\n
\n {error}\n
\n )\n : null}\n {isMessageVisible ? (\n
\n ) : null}\n
\n {`${!isMessageVisible ? 'Add' : 'Discard'} Message`}\n \n \n \n {t('Reassign')}\n \n \n \n \n );\n};\n\nWorkflowReassign.propTypes = {\n onRenew: func.isRequired,\n taskID: string.isRequired,\n recordEvent: func,\n isHIPAA: bool,\n fromError: bool,\n isReassignDisabled: bool,\n displayReassignCount: number,\n isReassignLimitReached: bool,\n teamInfo: shape({\n disableTeamPrefix: bool,\n teamID: string\n })\n};\n\nWorkflowReassign.defaultProps = {\n recordEvent: f => f,\n isHIPAA: false,\n fromError: false,\n isReassignDisabled: false,\n displayReassignCount: 0,\n isReassignLimitReached: false,\n teamInfo: {}\n};\n\nexport default WorkflowReassign;\n","import React, { useEffect, useRef, useState } from 'react';\nimport {\n string, func, bool, shape\n} from 'prop-types';\nimport { Modal } from '@jotforminc/uikit';\n\nimport { Button } from '@jotforminc/magnet';\nimport { IconUsersFilled, IconXmark } from '@jotforminc/svg-icons';\nimport { t as translate } from '@jotforminc/translation';\nimport Outcome from './Outcome';\n\nimport TEXTS from '../constants/texts';\n\nimport {\n ScOverlay, ScBox, ScHeader, ScBody\n} from '../SubmissionThread/scModal';\nimport WorkflowReassign from './IndependentReassign';\nimport { getTaskOccurenceTimeByTaskID } from '../api';\n\nconst Reassign = ({\n id, isSelected, isLoading, isCompleted, t, onTaskListRenew, isHIPAA, useModal, teamInfo\n}) => {\n const modalRef = useRef();\n const MAX_REASSIGN_LIMIT = 3;\n const handleModalHide = () => modalRef.current.hide();\n const handleModalShow = () => modalRef.current.show();\n\n const [displayReassignCount, setDisplayReassignCount] = useState(0);\n const [isReassignLimitReached, setReassignLimitReached] = useState(false);\n const [isReassignDisabled, setDisableReassign] = useState(false);\n\n useEffect(() => {\n try {\n getTaskOccurenceTimeByTaskID(id, teamInfo).then(({ taskOccurenceTime }) => {\n setDisplayReassignCount(taskOccurenceTime);\n if (taskOccurenceTime >= MAX_REASSIGN_LIMIT) {\n setReassignLimitReached(true);\n setDisableReassign(true);\n }\n }).catch(error => {\n console.log('error', error);\n });\n } catch (e) {\n console.log('error', e);\n }\n }, []);\n\n const ReassignComponent = () => (\n \n (\n \n Reassign \n \n )}\n >\n \n \n \n
\n \n ) : (\n
\n {isCompleted && (\n
\n
\n
\n
\n {t('The task was not completed in the time allowed.')}\n \n \n )}\n
\n {showUserInfo && (\n
\n
{name}
\n
\n {targetUserInfo ? (\n
\n
\n )}\n
\n {isCompleted && (\n
\n
\n )}\n {(!isCompleted || (isCompleted && !!computedComment)) && (\n
\n )}\n
\n {(isSystemOutcome && isCompleted) ? (\n
\n
\n {t(TEXTS.SOMETHING_WENT_WRONG)}\n
\n
\n
\n {title}\n \n { (component || ComponentRenderer) && !onClick\n ? (\n null}\n HeaderRenderer={() => (\n \n {icon || null}\n {title} \n \n )}\n >\n \n {ComponentRenderer ? \n \n )\n : null }\n \n );\n};\n\nActionButton.propTypes = {\n title: string.isRequired,\n icon: node.isRequired,\n component: node,\n onClick: func.isRequired,\n ComponentRenderer: elementType\n};\n\nActionButton.defaultProps = {\n component: null,\n ComponentRenderer: null\n};\n\nexport default ActionButton;\n","import React, { useEffect, useRef } from 'react';\nimport {\n arrayOf, shape, node, bool\n} from 'prop-types';\nimport classNames from 'classnames';\nimport Tethered from 'react-tether';\nimport { Hooks } from '@jotforminc/uikit';\n\nimport ActionButton from './ActionButton';\n\nconst MoreButton = ({ components, children, disabled }) => {\n const menuRef = useRef();\n const buttonRef = useRef();\n const tetherMenuRef = useRef();\n const componentsFiltered = components && components.filter(val => val);\n const [isMenuVisible, setMenuVisibility] = Hooks.useClickOutsideState(false, [buttonRef]);\n\n useEffect(() => {\n if (isMenuVisible) {\n tetherMenuRef?.current?.children[0]?.focus();\n }\n }, [isMenuVisible]);\n\n return (\n \n
\n setMenuVisibility(!isMenuVisible)}\n >\n more\n \n \n {children || null}\n {componentsFiltered ? componentsFiltered.map(({\n title, icon, onClick, component, button, ComponentRenderer\n }) => (\n button || (\n
\n )))\n : null}\n
\n Team Members\n \n )}\n \n {renderAvatars}\n
\n \n );\n};\n// TODO: check proptypes\nAvatarWithApprovalAction.propTypes = {\n forTask: bool,\n isTeamApproval: bool,\n subtasks: shape({}),\n task: shape({})\n};\n\nAvatarWithApprovalAction.defaultProps = {\n forTask: false,\n isTeamApproval: false,\n subtasks: {},\n task: {}\n};\n\nexport default AvatarWithApprovalAction;\n","import React, { useRef } from 'react';\nimport { func } from 'prop-types';\n\nconst HiddenFrame = ({ onLoad }) => {\n const uploadFrameRef = useRef(false);\n\n const handleLoad = () => {\n let content = false;\n const { current: iframe } = uploadFrameRef;\n switch (true) {\n case Boolean(iframe.contentDocument):\n content = iframe.contentDocument.body.innerHTML;\n break;\n case Boolean(iframe.contentWindow):\n content = iframe.contentWindow.document.body.innerHTML;\n break;\n case Boolean(iframe.document):\n content = iframe.document.body.innerHTML;\n break;\n default:\n break;\n }\n\n return onLoad({ content, iframe });\n };\n\n return (\n
,\n onDragStateChange: f => f,\n onDragOver: f => f,\n onDragLeave: f => f,\n onDrop: f => f,\n onDragEnter: f => f\n};\n\nexport default DragContainer;\n","import React from 'react';\nimport { shape } from 'prop-types';\n\nconst Text = ({ style, ...props }) =>
;\n\nText.propTypes = {\n style: shape({})\n};\n\nText.defaultProps = {\n style: {}\n};\n\nexport default Text;\n","import React from 'react';\nimport { shape } from 'prop-types';\n\nconst Form = ({ style, ...props }) => (\n
;\n\nexport default Wrapper;\n","import React from 'react';\nimport { shape, string } from 'prop-types';\n\nconst ErrorText = ({ className, style, ...props }) => (\n {\n onUploadBtnClick();\n handleLabelClick();\n }}\n onKeyDown={handleLabelKeyDown}\n startIcon={IconArrowDownToLine}\n className='fileInputBtn min-h-8 h-auto py-3'\n aria-label={translate(buttonText)}\n >\n {translate(buttonText)}\n \n {putFileInput && (\n \n \n
\n \n
\n
{shortName} \n
\n {translate(removeButtonText)}\n \n \n
;\n\nTextWrapper.propTypes = {\n className: string\n};\n\nTextWrapper.defaultProps = {\n className: ''\n};\n\nexport default TextWrapper;\n","import React from 'react';\n\nconst DragContainer = props =>
;\n\nexport default DragContainer;\n","import React, { useMemo } from 'react';\nimport { shape, string } from 'prop-types';\n\nconst Thumbnail = ({ file: { type, url } }) => {\n const [imageURL, style = { height: '64px' }] = useMemo(() => {\n switch (true) {\n case type.indexOf('image') !== -1: {\n return [url, {\n width: '120px', minHeight: '64px', maxHeight: '120px', objectFit: 'contain'\n }];\n }\n case type.indexOf('application/pdf') !== -1: {\n return ['//cdn.jotfor.ms/assets/img/builder/pdf_icon.png'];\n }\n case type.indexOf('msword') !== -1 || type.indexOf('officedocument') !== -1: {\n return ['//cdn.jotfor.ms/assets/img/builder/doc_icon.png'];\n }\n default: {\n return ['//cdn.jotfor.ms/assets/img/builder/other_file_icon.png'];\n }\n }\n }, [type, url]);\n\n return (\n \n {translate('Uploading...')}\n \n );\n};\n\nLoadingScreen.propTypes = {\n Wrapper: elementType,\n translate: func\n};\n\nLoadingScreen.defaultProps = {\n Wrapper: props =>
,\n translate: f => f\n};\n\nexport default LoadingScreen;\n","import React, { Component } from 'react';\nimport {\n shape, string, bool, func, node, elementType\n} from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport isEqual from 'lodash/isEqual';\n\nimport HiddenFrame from '../HiddenFrame';\nimport DragContainer from '../DragContainer';\nimport {\n Form as DefaultForm,\n Text as DefaultText,\n Wrapper as DefaultWrapper,\n ErrorText as DefaultErrorText,\n Thumbnail as DefaultThumbnail,\n FileInput as DefaultFileInput,\n FilePreview as DefaultFilePreview,\n TextWrapper as DefaultTextWrapper,\n DragContainer as DefaultDragContainer,\n LoadingScreen as DefaultLoadingScreen\n} from './defaults';\n\nimport { createFileMetadata } from '../../utils';\nimport { SERVER_ERROR, FILE_TYPE_ERROR } from '../../utils/constants';\n\nlet apiKey = '';\nconst isThereInvitation = global.location.href.match(/iak=([\\d | \\w | -]*)/) !== null && global.location.href.match(/iak=([\\d | \\w | -]*)/).length === 2;\nlet invitationAPIKey = '';\nif (isThereInvitation) {\n [, invitationAPIKey] = global.location.href.match(/iak=([\\d | \\w | -]*)/);\n}\nif (isThereInvitation && invitationAPIKey.length > 0) {\n apiKey = `${invitationAPIKey}`;\n}\n// We have duplicated above apiKey logic from form-builder/api.js for a fast secuirty fix of #5463996\n// And we need to put it to global scope unfortunately because these iak params gets deleted on page navigations.\n// an unfortunate lazy and fast fix :(\n\nclass FileUpload extends Component {\n constructor(props) {\n super(props);\n this.currentlyUploadingFile = null;\n\n const { showFile } = props;\n const isModeDisplay = showFile && showFile.name;\n const uploadedFiles = isModeDisplay ? [showFile] : [];\n const mode = isModeDisplay ? 'display' : 'upload';\n this.state = {\n mode,\n uploadedFiles,\n init: true,\n isDragging: false,\n isUploading: false\n };\n\n const xhr = new global.XMLHttpRequest();\n this.supportXHR2 = xhr.upload && window.File && window.FileList && window.FileReader;\n }\n\n static getDerivedStateFromProps = (nextProps, prevState) => {\n const { showFile } = nextProps;\n const { uploadedFiles } = prevState;\n if (showFile?.name && !isEqual(showFile, uploadedFiles[0])) {\n return {\n mode: 'display',\n uploadedFiles: [showFile],\n init: true,\n isDragging: false,\n isUploading: false\n };\n }\n return null;\n };\n\n handleFormSubmit = () => this.setState({ isUploading: true, init: false });\n\n handleUploadFrameLoad = ({ content }) => {\n const [serverMessage] = (content.match(/\\{.*\\}/) || ['']);\n try {\n const response = JSON.parse(serverMessage);\n if (response.success !== true) {\n this.fileUploadError(SERVER_ERROR);\n return;\n }\n const { multipleFileUpload } = this.props;\n if (multipleFileUpload && !this.checkMultipleUploadError(response)) {\n return;\n }\n this.fileUploadComplete(response);\n } catch (e) {\n this.fileUploadError(SERVER_ERROR);\n }\n };\n\n handleDragStateChange = isDragging => this.setState({ isDragging });\n\n get uploadURL() {\n const { targetURL, optimize } = this.props;\n const isQueryStringExist = /[?&](.*?)=/.test(targetURL);\n const extraParameter = optimize ? `${isQueryStringExist ? '&' : '?'}optimize=1` : '';\n return `${targetURL}${extraParameter}`;\n }\n\n uploadFile = e => {\n // is file uploading\n const { onFileUploading, limitType, multipleFileUpload } = this.props;\n onFileUploading(true);\n\n const fd = new global.FormData();\n let files = e.target.files || e.dataTransfer.files;\n if (multipleFileUpload) {\n files = (files.length && !Array.isArray(files)) ? Array.from(files) : files;\n }\n\n if (!this.controlUploadingFiles(files)) {\n return;\n }\n\n if (multipleFileUpload) {\n files.forEach((file, index) => {\n if (index < 10 && this.checkFileType(file)) {\n fd.append('file[]', file);\n }\n });\n } else {\n [this.currentlyUploadingFile] = files;\n const newFileName = this.currentlyUploadingFile.name.split('\\'').join('');\n fd.append('file', this.currentlyUploadingFile, newFileName);\n }\n\n if (limitType) {\n fd.append('limit_type', limitType);\n }\n\n this.setState({\n isUploading: true,\n isUploadFailed: false,\n init: false\n }, () => {\n const request = new global.XMLHttpRequest();\n request.open('POST', this.uploadURL);\n if (apiKey) { // for collaborator auths\n request.setRequestHeader('apiKey', apiKey);\n }\n request.onreadystatechange = () => {\n if (request.status === 200) {\n if (request.readyState === 4) {\n try {\n const response = JSON.parse(request.responseText);\n if (response.success !== true) {\n this.fileUploadError(SERVER_ERROR);\n return;\n }\n\n if (multipleFileUpload && !this.checkMultipleUploadError(response, files)) {\n return;\n }\n\n this.fileUploadComplete(response);\n } catch (err) {\n this.fileUploadError(SERVER_ERROR);\n }\n }\n } else { // request not success\n this.fileUploadError(SERVER_ERROR);\n }\n };\n request.send(fd);\n });\n };\n\n fileUploadComplete = resp => {\n let { uploadedFiles: uploadedFilesArr } = this.state;\n const {\n multipleFileUpload, displayUpload, onFileUpload, multi, onFileUploading, onDisplayModeChange\n } = this.props;\n\n // is file uploading complete\n onFileUploading(false);\n\n const url = encodeURI(resp.message);\n const newFileRecord = createFileMetadata(this.currentlyUploadingFile, url);\n\n let urls = [];\n if (resp.message.length > 0) {\n urls = resp.message;\n }\n if (multipleFileUpload) {\n urls.forEach((currentUrl, index) => {\n if (typeof currentUrl !== 'object' && (typeof currentUrl === 'string' && !currentUrl.match(/\\{.*\\}/))) { // The object file means it's an error.\n uploadedFilesArr.push(createFileMetadata(this.currentlyUploadingFile[index], currentUrl));\n }\n });\n } else {\n uploadedFilesArr = [newFileRecord];\n }\n\n const nextMode = displayUpload ? 'display' : 'upload';\n this.setState({\n uploadedFiles: uploadedFilesArr,\n isUploading: false,\n init: false,\n isDragging: false,\n mode: nextMode\n });\n\n onDisplayModeChange(nextMode);\n if (!onFileUpload) {\n return;\n }\n\n if (multipleFileUpload) {\n onFileUpload(uploadedFilesArr);\n } else if (multi) {\n const fileNames = uploadedFilesArr.map(file => file.name);\n onFileUpload(fileNames);\n } else {\n onFileUpload(newFileRecord);\n }\n };\n\n checkMultipleUploadError = (response, files) => {\n const { addNotification } = this.props;\n\n const errors = [];\n if (Array.isArray(response.message)) {\n response.message.forEach(file => {\n if (typeof file === 'object') {\n errors.push(file.error);\n } else if (typeof file === 'string' && file.match(/\\{.*\\}/)) {\n errors.push(JSON.parse(file).error);\n }\n });\n\n if (errors.length === response.message.length) {\n this.fileUploadError(errors.join('\\n'));\n return false;\n }\n\n if (errors.length > 0 && addNotification) {\n errors.forEach(error => {\n setTimeout(() => {\n // SetTimeout is necessary to send all errors.\n addNotification({\n message: error,\n autoDismiss: 7,\n level: 'error'\n });\n }, 100);\n });\n }\n\n if (files && files.length > 10 && addNotification) {\n addNotification({\n autoDismiss: 7,\n level: 'error',\n message: `${10 - errors.length} of the images were uploaded succesfully. ${files.length - 10} images couldn't be attached due to file limit (max 10 images)`\n });\n }\n\n return true;\n }\n\n if (typeof response.message === 'string' && response.message.match(/\\{.*\\}/)) {\n const errorMessage = JSON.parse(response.message).error;\n this.fileUploadError(errorMessage);\n return false;\n }\n\n this.fileUploadError(SERVER_ERROR);\n return false;\n };\n\n fileUploadError = message => {\n const { init, isDragging } = this.state;\n if (init && !isDragging) {\n return;\n }\n\n const { onError, onFileUploading } = this.props;\n onFileUploading(false);\n onError(message);\n\n this.setState({\n isDragging: false,\n isUploadFailed: true,\n isUploading: false,\n errorMessage: message\n });\n };\n\n controlUploadingFiles = files => {\n const { multipleFileUpload, addNotification, onFileUploading } = this.props;\n if (!multipleFileUpload) {\n [this.currentlyUploadingFile] = files;\n return Boolean(this.checkFileType());\n }\n\n const errors = [];\n\n files.forEach(file => {\n this.currentlyUploadingFile = file;\n if (!this.checkFileType()) {\n errors.push(FILE_TYPE_ERROR);\n }\n });\n\n if (errors.length === files.length) {\n this.fileUploadError(FILE_TYPE_ERROR);\n onFileUploading(false);\n return false;\n }\n\n if (errors.length > 0) {\n errors.forEach(error => {\n setTimeout(() => {\n addNotification({\n message: error,\n autoDismiss: 7,\n level: 'error'\n });\n }, 100);\n });\n }\n\n this.currentlyUploadingFile = files;\n return true;\n };\n\n checkFileType = checkingFile => {\n const { imageUpload, allowedTypes, typeErrorMessage } = this.props;\n const file = checkingFile || this.currentlyUploadingFile;\n if (imageUpload) {\n if (file.type.indexOf('image') < 0 || file.type.indexOf('image/heic') > -1) {\n this.fileUploadError(FILE_TYPE_ERROR);\n return false;\n }\n\n return true;\n }\n\n if (isEmpty(allowedTypes)) {\n return true;\n }\n\n const accepted = allowedTypes.split(',').map(el => el.trim());\n if (accepted.indexOf('image/*') >= 0 && file.type.indexOf('image') < 0 && accepted.indexOf(file.type) < 0) {\n this.fileUploadError(typeErrorMessage || FILE_TYPE_ERROR);\n return false;\n }\n\n if (accepted.indexOf(file.type) < 0) {\n this.fileUploadError(typeErrorMessage || FILE_TYPE_ERROR);\n return false;\n }\n\n return true;\n };\n\n changeModeToUpload = () => {\n const { onFileRemove, onDisplayModeChange } = this.props;\n this.setState({\n mode: 'upload',\n uploadedFiles: []\n }, () => {\n onDisplayModeChange('upload');\n });\n\n if (onFileRemove) {\n onFileRemove();\n }\n };\n\n renderForm() {\n const { isDragging } = this.state;\n const {\n children, buttonText, multipleFileUpload, putFileInput, imageUpload, allowedTypes, translate,\n FileInputRenderer, FormRenderer, TextRenderer\n } = this.props;\n\n const containerDisplay = isDragging ? 'none' : 'block';\n const accept = (imageUpload && !allowedTypes) ? 'image/*' : allowedTypes;\n const inputEl = children || (\n this.setState({ init: false })}\n />\n );\n\n if (!putFileInput) {\n return (\n \n {inputEl}\n \n );\n }\n\n return (\n \n {inputEl}\n \n );\n }\n\n render() {\n const {\n multipleFileUpload, putFileInput, translate,\n WrapperRenderer, FilePreviewRenderer, DragContainerRenderer, TextRenderer,\n ErrorTextRenderer, TextWrapperRenderer, LoadingScreenRenderer, isFileUploading,\n removeButtonText, Thumbnail\n } = this.props;\n const {\n isUploadFailed, mode, isUploading, errorMessage, isDragging, uploadedFiles\n } = this.state;\n\n const [file] = uploadedFiles;\n\n const isStillFileUploading = isUploading || isFileUploading;\n\n return (\n \n {!multipleFileUpload && file && (\n \n {putFileInput && (\n \n {!isStillFileUploading && this.renderForm()}\n {this.supportXHR2 && !isStillFileUploading && (\n \n {translate('or drag and drop here')}\n \n )}\n {(isDragging && !isStillFileUploading) && (\n \n {translate('Drop files here')}\n \n )}\n {isStillFileUploading && (\n \n {translate(errorMessage)}\n \n )}\n \n \n \n );\n }\n}\n\nFileUpload.propTypes = {\n TextRenderer: elementType,\n FormRenderer: elementType,\n WrapperRenderer: elementType,\n ErrorTextRenderer: elementType,\n FileInputRenderer: elementType,\n FilePreviewRenderer: elementType,\n TextWrapperRenderer: elementType,\n DragContainerRenderer: elementType,\n children: node,\n showFile: shape({\n name: string\n }),\n buttonText: string,\n allowedTypes: string,\n typeErrorMessage: string,\n targetURL: string,\n limitType: string,\n multi: bool,\n multipleFileUpload: bool,\n imageUpload: bool,\n putFileInput: bool,\n displayUpload: bool,\n optimize: bool,\n onFileUpload: func,\n onFileRemove: func,\n addNotification: func,\n translate: func,\n LoadingScreenRenderer: elementType,\n onFileUploading: func,\n isFileUploading: bool,\n removeButtonText: string,\n Thumbnail: elementType,\n onError: func,\n onDisplayModeChange: func\n};\n\nFileUpload.defaultProps = {\n TextRenderer: DefaultText,\n FormRenderer: DefaultForm,\n WrapperRenderer: DefaultWrapper,\n ErrorTextRenderer: DefaultErrorText,\n FileInputRenderer: DefaultFileInput,\n FilePreviewRenderer: DefaultFilePreview,\n TextWrapperRenderer: DefaultTextWrapper,\n DragContainerRenderer: DefaultDragContainer,\n Thumbnail: DefaultThumbnail,\n children: null,\n showFile: {},\n buttonText: 'Upload File',\n allowedTypes: '',\n typeErrorMessage: '',\n limitType: '',\n targetURL: '/server.php?action=uploadImageS3',\n putFileInput: true,\n optimize: false,\n multipleFileUpload: false,\n multi: false,\n imageUpload: false,\n displayUpload: false,\n onFileUpload: f => f,\n onFileRemove: f => f,\n addNotification: f => f,\n translate: f => f,\n LoadingScreenRenderer: DefaultLoadingScreen,\n onFileUploading: f => f,\n isFileUploading: false,\n removeButtonText: 'Remove File',\n onError: f => f,\n onDisplayModeChange: f => f\n};\n\nexport {\n DefaultText as Text,\n DefaultForm as Form,\n DefaultWrapper as Wrapper,\n DefaultFileInput as FileInput,\n DefaultThumbnail as Thumbnail,\n DefaultErrorText as ErrorText,\n DefaultFilePreview as FilePreview,\n DefaultTextWrapper as TextWrapper,\n DefaultDragContainer as DragContainer,\n DefaultLoadingScreen as LoadingScreen\n};\n\nexport default FileUpload;\n","import React from 'react';\n\nconst Wrapper = props =>
;\n\nexport default Wrapper;\n","import React from 'react';\nimport { node } from 'prop-types';\n\nconst TabListContainer = ({ children = null, ...props }) => ;\n\nTabListContainer.propTypes = {\n children: node.isRequired\n};\n\nexport default TabListContainer;\n","import React from 'react';\nimport { node } from 'prop-types';\n\nconst TabButtonContainer = ({ children = null, ...props }) => ;\n\nTabButtonContainer.propTypes = {\n children: node.isRequired\n};\n\nexport default TabButtonContainer;\n","import React from 'react';\n\nconst TablistWrapper = props => (\n \n {children}\n \n));\n\nTabListWithStyles.propTypes = {\n children: node,\n Wrapper: elementType,\n TabListContainer: elementType,\n TabButtonContainer: elementType,\n TabButton: elementType\n};\n\nTabListWithStyles.defaultProps = {\n children: null,\n Wrapper,\n TabListContainer,\n TabButtonContainer,\n TabButton\n};\n\nexport default TabListWithStyles;\n","import { cva } from 'class-variance-authority';\nimport { CVAType } from '../../types';\nimport { TextareaProps } from './textarea.types';\n\ntype TextareaCVAType = CVAType>\ntype TextareaContainerCVAType = CVAType>\ntype TextareaBarCVAType = CVAType>\n\nexport const textareaCVA = cva('magnet-textarea resize-none', {\n variants: {\n size: {\n small: 'p-3',\n medium: 'p-3',\n large: 'py-3 px-4'\n }\n }\n});\n\nexport const textareaContainerCVA = cva('magnet-textarea-container flex-col', {\n variants: {\n resize: {\n both: 'resize-both',\n none: 'resize-none',\n horizontal: 'resize-x',\n vertical: 'resize-y'\n }\n },\n compoundVariants: [\n {\n resize: ['both', 'horizontal', 'vertical'],\n className: 'overflow-auto'\n }\n ]\n});\n\nexport const textareaBarCVA = cva('flex items-center justify-end pb-2 gap-2', {\n variants: {\n size: {\n small: 'px-3 text-sm',\n medium: 'px-3 text-sm',\n large: 'px-4 text-md'\n },\n theme: {\n light: 'color-navy-200',\n dark: 'color-gray-200'\n }\n }\n});\n","import { ComponentPropsWithoutRef } from 'react';\nimport { FormControlContextType, commonInputDefaults } from '../../contexts';\n\nexport type NativeTextareaTypes = Omit, keyof FormControlContextType | 'maxLength'>\nexport type TextareaProps = FormControlContextType & NativeTextareaTypes & {\n resize?: 'none' | 'both' | 'horizontal' | 'vertical',\n maxLength?: number,\n ghost?: boolean\n}\n\nexport const textareaDefaultProps:Partial = {\n ...commonInputDefaults,\n resize: 'none'\n};\n","import React, {\n ChangeEvent, ComponentPropsWithRef, forwardRef, useEffect, useRef, useState\n} from 'react';\nimport { cx } from 'class-variance-authority';\nimport { IconLockFilled } from '@jotforminc/svg-icons';\n\nimport { useFormControl } from '../../contexts';\nimport { commonFormControlCVA } from '../../constants/common.cva';\n\nimport { textareaBarCVA, textareaCVA, textareaContainerCVA } from './textarea.cva';\nimport { TextareaProps, textareaDefaultProps } from './textarea.types';\n\nimport '@jotforminc/jotform.css';\n\nexport const Textarea = forwardRef((\n props: TextareaProps,\n ref: ComponentPropsWithRef<'textarea'>['ref']\n):JSX.Element => {\n const {\n colorStyle,\n readOnly,\n disabled,\n size,\n theme,\n resize,\n maxLength,\n onChange,\n className,\n value,\n ghost,\n ...rest\n } = useFormControl(props);\n\n const [count, setCount] = useState(0);\n const readOnlyVariant = readOnly && !disabled;\n const textareaContainerRef = useRef(null);\n\n const handleChange = (e: ChangeEvent) => {\n setCount(e.target.value.length);\n if (onChange) onChange(e);\n };\n\n const textareaContainerClassName = cx(\n className,\n commonFormControlCVA.container({\n colorStyle,\n readOnly: !!readOnlyVariant,\n disabled: !!disabled,\n theme,\n ghost: !!ghost\n }),\n textareaContainerCVA({ resize })\n );\n\n const textareaClassName = cx(\n commonFormControlCVA.input({\n disabled: !!disabled,\n theme,\n size\n }),\n textareaCVA({ size })\n );\n\n const getTextAreaLength = (textarea: HTMLTextAreaElement, inputValue: string | number | readonly string[] | undefined) => {\n if (Array.isArray(inputValue)) {\n return inputValue?.join(',').length;\n } if (typeof inputValue === 'string') {\n return inputValue?.length;\n }\n return textarea.value.length;\n };\n\n useEffect(() => {\n if (textareaContainerRef.current) {\n const textarea = (textareaContainerRef.current as HTMLDivElement).firstChild as HTMLTextAreaElement;\n const length = getTextAreaLength(textarea, value);\n setCount(length);\n }\n }, [value]);\n\n return (\n \n
\n {(readOnly || !!maxLength)\n && (\n
\n {readOnly && \n {count}\n /\n {maxLength}\n \n )}\n
\n )}\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 \n
\n {name} \n {sizeText} \n
\n
\n {t(removeButtonText)}\n \n
\n {t('Uploading...')}
\n \n );\n};\n\nexport default LoadingScreen;\n","import { FileUtils } from '@jotforminc/upload-fields';\n\nexport const filterImages = imageList => imageList.filter(image => FileUtils.isImage(image));\n","import { RequestLayer, Interceptors } from '@jotforminc/request-layer';\n\nimport { filterImages } from '../utils';\n\nconst layer = new RequestLayer('/API', {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n});\n\nexport const deleteSelectedImage = url => {\n const requestURL = Array.isArray(url) ? url.join('\",\"') : url;\n return layer.post(`/server.php?action=deleteUserUpload&file=[\"${requestURL}\"]`, null, { disableResponseInterceptors: true });\n};\n\nexport const getUploadedUserImage = showOnlyImages => {\n return layer.post('/server.php?action=getUploadedImages', null, { disableResponseInterceptors: true })\n .then(response => {\n const { data: { files = [] } = {} } = response;\n // Files may be both array and object\n const fileList = Array.isArray(files) ? files : Object.values(files);\n return showOnlyImages ? filterImages(fileList) : fileList;\n });\n};\n\nexport const searchUnsplash = (keyword, count = 16, page = 1) => {\n return layer.get(`image/searchUnsplash?keyword=${keyword}&limit=${count}&page=${page}`);\n};\n\nexport const getRandomImagesFromUnsplash = (count = 16) => {\n return layer.get(`unsplash/photos/random?count=${count}`);\n};\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\n\nimport { Button } from '@jotforminc/magnet';\nimport UnsplashIcon from '../assets/svg/unsplash_icon.svg';\n\nexport const DEFAULT_TAB_LIST = {\n upload: { label: 'UPLOAD' },\n choose: { label: 'MY IMAGES' },\n link: { label: 'ENTER URL' },\n icon: { label: 'SELECT ICON' },\n gallery: { label: 'GALLERY' },\n groupedGallery: { label: 'GALLERY' },\n unsplash: {\n label: (\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 {} : onClick} data-testid=\"deleteSelectedImage\">\n {t('Delete Selected')}\n \n )\n};\n\nexport const DefaultSelectButton = ({ onClick }) => (\n \n {t('Use Selected')}\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 handleDeleteSelectedImage()} disabled={isDeleteSelectedDisabled} />\n {\n !forceSelect\n && handleUseSelectedImage(selectedImage)} />\n }\n \n );\n\n const renderLinkTabInput = () => {\n if (allowMultipleSelection) {\n return (\n onLinkInputChange(value)}\n defaultValue={linkTextInputDefaultValue}\n placeholder={linkTextInputPlaceholder}\n rows={5}\n resize=\"both\"\n />\n );\n }\n return (\n onLinkInputChange(value)}\n defaultValue={linkTextInputDefaultValue}\n placeholder={linkTextInputPlaceholder}\n />\n );\n };\n\n const renderEnterUrl = () => (\n \n
\n {showLabel && (\n {t('Enter URL')} \n )}\n {renderLinkTabInput()}\n \n {/* eslint-disable */}\n {showActionButtons &&
\n \n {t('Add Link')}\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 {t(list.text)}\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
\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 {showLabel && (\n {t('Enter URL')} \n )}\n {renderLinkTabInput()}\n \n {isAltTextActive && (\n \n \n {t('Add Alt Text')} \n \n
\n )}\n {/* eslint-disable */}\n {showActionButtons && \n \n {t('Add Link')}\n \n
}\n {/* eslint-enable */}\n \n );\n\n const renderIconSelector = () => (\n handleUseSelectedImage(res.url)}\n onRemove={() => handleUseSelectedImage('')}\n onlyColored={onlyColoredIcons}\n />\n );\n\n const tabPanelRendererMap = {\n upload: renderUploadImage,\n choose: renderChooseImage,\n link: renderLinkTab,\n icon: renderIconSelector,\n gallery: renderGallery,\n groupedGallery: renderGroupedGallery,\n unsplash: renderUnsplash\n };\n\n const getRootClassNames = () => {\n const classNames = ['imageUpload'];\n if (isBranding21) classNames.push('branding21');\n if (THEME_MAP[theme]) classNames.push(THEME_MAP[theme]);\n\n return classNames.join(' ');\n };\n\n useEffect(() => {\n setActionButtonsVisible(selectedImage.length > 0);\n }, [selectedImage]);\n\n useEffect(() => {\n setTabTitleList(prepareTabTitleList());\n }, [renderTabs]);\n\n useEffect(() => {\n if (!imageList.length && useAPI && allowGettingUploadedImages) {\n handleGetUploadedImages();\n }\n\n if (renderTabs.indexOf('unsplash') > -1) {\n getRandomUnsplashImages();\n }\n }, []);\n\n useEffect(() => {\n setImageList(showOnlyImages ? filterImages(originalImageList) : originalImageList);\n }, [originalImageList]);\n\n useEffect(() => {\n onAltTextChange(altText);\n }, [altText]);\n\n return (\n
, [])}\n TabButtonContainer={useCallback(props =>
, [])}\n Wrapper={useCallback(props =>
, [])}\n TabListContainer={useCallback(props =>
, [])}\n >\n {\n renderTabs\n .filter(tabKey => Object.keys(tabPanelRendererMap)\n .includes(tabKey))\n .map(tabKey => (\n \n {tabPanelRendererMap[tabKey]()}\n \n ))\n }\n \n );\n});\n\nImageUpload.propTypes = {\n onImageUpload: func,\n onImageSelect: func,\n onImageChange: func,\n onImageRemove: func,\n addNotification: func,\n onAltTextChange: func,\n onLinkInputChange: func,\n onLinkTextInputSubmit: func,\n isAltTextActive: bool,\n allowMultipleSelection: bool,\n forceSelect: bool,\n optimize: bool,\n multipleFileUpload: bool,\n onlyColoredIcons: bool,\n useAPI: bool,\n showLabel: bool,\n showActionButtons: bool,\n limitType: string,\n targetURL: string,\n linkTextInputDefaultValue: string,\n linkTextInputPlaceholder: string,\n imgDescInputPlaceholder: string,\n imageList: arrayOf(string),\n galleryImageList: array,\n theme: string,\n renderTabs: array,\n ActionButtonsWrapper: elementType,\n SelectButtonRenderer: elementType,\n DeleteButtonRenderer: elementType,\n ImageUploadPreviewRenderer: elementType,\n ImageLoadingScreenRenderer: elementType,\n allowedTypes: string,\n allowImageUpload: bool,\n onFileUploading: func,\n onFileRemove: func,\n isFileUploading: bool,\n value: shape({\n name: string,\n type: string,\n url: string,\n size: string\n }),\n removeButtonText: string,\n PreviewThumbnail: elementType,\n TextWrapperRenderer: elementType,\n FileInputRenderer: elementType,\n mode: string,\n showOnlyImages: bool,\n onFileUploadError: func,\n noUploadedImageText: string,\n galleryMode: string,\n inputButtonText: string,\n initialSelectedImage: string,\n groupedGalleryClass: string,\n groupedGalleryImageList: arrayOf(shape({})),\n isDeleteSelectedDisabled: bool\n};\n\nImageUpload.defaultProps = {\n onImageUpload: f => f,\n onImageSelect: f => f,\n onImageChange: f => f,\n onImageRemove: f => f,\n onAltTextChange: f => f,\n addNotification: f => f,\n onLinkTextInputSubmit: f => f,\n onLinkInputChange: f => f,\n isAltTextActive: false,\n allowMultipleSelection: false,\n forceSelect: false,\n optimize: false,\n multipleFileUpload: false,\n onlyColoredIcons: false,\n useAPI: false,\n showLabel: false,\n showActionButtons: true,\n limitType: '',\n linkTextInputDefaultValue: '',\n theme: '',\n linkTextInputPlaceholder: 'https://',\n imgDescInputPlaceholder: t('Alternative Text'),\n renderTabs: ['upload', 'choose', 'link'],\n imageList: [],\n galleryImageList: [],\n targetURL: undefined,\n ActionButtonsWrapper: props =>
,\n DeleteButtonRenderer: ({ onClick, disabled }) => \n \n \n \n \n \n );\n};\n\nIconEmojiSelector.propTypes = {\n emojiPickerProperties: shape({\n handleEmojiClick: func\n }),\n isEmojiFirst: bool\n};\n\nIconEmojiSelector.defaultProps = {\n emojiPickerProperties: {\n handleEmojiClick: f => f\n },\n isEmojiFirst: false\n};\n\nexport default IconEmojiSelector;\n","import React from 'react';\nimport { string } from 'prop-types';\n\nconst Color = ({ color }) => (\n \n
\n \n);\n\nColor.propTypes = {\n color: string\n};\n\nColor.defaultProps = {\n color: ''\n};\n\nexport default Color;\n","import React from 'react';\n\nconst Wrapper = props =>
;\n\nexport default Wrapper;\n","import React, { useState, useMemo, useRef } from 'react';\nimport {\n elementType, string, func, oneOf, arrayOf, shape\n} from 'prop-types';\nimport * as ColorPickerList from 'react-color';\nimport { isRGB, rgbToHex, isHexColor } from '@jotforminc/utils';\n\nimport Popover from '../Popover';\nimport TextInput from '../TextInput';\nimport { Color as DefaultColorRenderer, Wrapper as DefaultWrapperRenderer } from './defaults';\n\nimport { useEffectIgnoreFirst, useClickOutsideState } from '../../utils/hooks';\n\nexport const validateCSSColor = color => {\n const dummyElement = document.createElement('div');\n dummyElement.style.color = color;\n\n const validColor = dummyElement.style.color.split(/\\s+/).join('').toLowerCase(); /* e.g.: rgb(255, 255, 255) */\n if (validColor && !isRGB(color) && isHexColor(color)) {\n return rgbToHex(validColor);\n }\n return validColor;\n};\n\nconst defaultColorStringGenerator = ({ hex, rgb }) => (rgb.a === 1 ? hex : `rgba(${rgb.r},${rgb.g},${rgb.b},${rgb.a})`);\n\nconst ColorPicker = ({\n type, defaultValue, value, id, presetColors, popoverProps,\n ColorRenderer, WrapperRenderer, TextInputRenderer, ColorPickerWrapper,\n onChange, pickerProps, onInputRemove, colorStringGenerator, ariaLabel, isVisible\n}) => {\n const containerRef = useRef(false);\n const textInputRef = useRef(false);\n const indicatorRef = useRef(false);\n const ColorPickerComponent = useMemo(() => ColorPickerList[`${type}Picker`], [type]);\n\n const [color, setColor] = useState(value || defaultValue);\n const [isColorPickerVisible, setColorPickerVisibility] = useClickOutsideState(false, [containerRef, textInputRef, indicatorRef]);\n const isPickerVisible = isVisible ?? isColorPickerVisible;\n\n useEffectIgnoreFirst(() => {\n setColor(value);\n }, [value]);\n\n const handleTextInputChange = ({ target: { value: inputValue } }) => {\n const trimmedValue = inputValue.trim();\n const validatedColorValue = validateCSSColor(trimmedValue);\n if (validatedColorValue || value === '') {\n onChange(validatedColorValue);\n setColor(validatedColorValue);\n }\n if (inputValue === '') {\n onInputRemove();\n }\n };\n\n const handleTextInputFocus = () => {\n setColorPickerVisibility(true);\n };\n\n const handleChangeComplete = pickedColor => {\n const currentColor = colorStringGenerator(pickedColor);\n setColor(currentColor);\n onChange(currentColor);\n };\n\n const toggleVisibility = () => {\n setColorPickerVisibility(!isColorPickerVisible);\n };\n\n return (\n \n \n \n \n \n )}\n \n );\n};\n\nColorPicker.propTypes = {\n type: oneOf(['Alpha', 'Block', 'Chrome', 'Circle', 'Compact', 'Custom', 'Github', 'Hue', 'Material', 'Photoshop', 'Sketch', 'Slider', 'Swatches', 'Twitter']),\n id: string,\n value: string,\n defaultValue: string,\n presetColors: arrayOf(string),\n popoverProps: shape(Popover.propTypes),\n ColorRenderer: elementType,\n WrapperRenderer: elementType,\n TextInputRenderer: elementType,\n ColorPickerWrapper: elementType,\n onChange: func,\n pickerProps: shape({}),\n onInputRemove: func,\n colorStringGenerator: func,\n ariaLabel: string,\n isVisible: oneOf([null, false, true])\n\n};\n\nColorPicker.defaultProps = {\n type: 'Sketch',\n id: '',\n value: '',\n defaultValue: '',\n presetColors: [\n '#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF', 'rgba(255,255,255,0)'\n ],\n popoverProps: Popover.defaultProps,\n ColorRenderer: DefaultColorRenderer,\n WrapperRenderer: DefaultWrapperRenderer,\n ColorPickerWrapper: DefaultWrapperRenderer,\n TextInputRenderer: TextInput,\n onChange: f => f,\n pickerProps: {},\n onInputRemove: f => f,\n colorStringGenerator: defaultColorStringGenerator,\n ariaLabel: 'Color',\n isVisible: null\n};\n\nexport default ColorPicker;\n","import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';\n\ninterface ApiCallProps {\n path: string,\n options?: Partial,\n method?: AxiosRequestConfig['method'],\n url?: string,\n headers?: AxiosRequestConfig['headers'],\n callback?: (response: AxiosResponse) => void,\n handleError?: (error: any) => void\n}\n\nexport const apiCall = ({\n path,\n options = {},\n method = 'get',\n url = '/API',\n headers = {},\n callback = ({ data: { content } = {} }) => content,\n handleError = () => {}\n}: ApiCallProps): Promise => {\n return axios({\n method,\n url: `${url}${path}`,\n withCredentials: true,\n headers,\n ...options\n }).then(callback).catch(error => {\n // eslint-disable-next-line no-console\n handleError(error);\n });\n};\n","import qs from 'qs';\nimport { apiCall } from '../../utils/api';\n\nexport const getTeam = (id: string, fetchTeamProperties: boolean, returnMemberRoles: boolean): Promise => {\n const query = qs.stringify({\n ...fetchTeamProperties ? { returnTeamProperties: '1' } : {},\n ...returnMemberRoles ? { returnMembers: '1', returnMembersRoles: '1' } : {}\n });\n return apiCall({ path: `/team/${id}?${query}`, headers: { 'jf-team-id': id }, callback: f => f });\n};\n\nexport const updateTeamProperties = (id: string, data: { [key: string]: any }): Promise => {\n return apiCall({\n path: `/team/${id}/properties?${qs.stringify(data)}`,\n headers: { 'jf-team-id': id },\n method: 'put',\n callback: f => f\n });\n};\n","/* eslint-disable camelcase */\nimport { KeyboardEvent } from 'react';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\nimport {\n AccountType, User, ACCOUNTS, PrettyUser, RolesType, ServerTeamSettingsType\n} from '../types';\nimport { ACCOUNT_TYPES } from './constants';\nimport { TeamRoleDescription as getTeamRoleDescription } from '../components/TeamRoleDescription';\nimport { apiCall } from './api';\n\nexport const handleKeyUp = (e: KeyboardEvent, func: () => void): void => {\n if (e.keyCode === 13 || e.keyCode === 32) {\n func();\n }\n};\n\nexport const visibleName = (accountType: AccountType): string => ACCOUNT_TYPES[accountType].visibleName;\n\nexport const toFormattedNumber = (num: number): string => {\n return num ? num.toLocaleString('en-US') : '0';\n};\n\nexport const isDataOnlyUser = (user: User | PrettyUser): boolean => {\n return user.isDataOnlyUser === '1';\n};\n\nexport const mappedAccountType = (user: User | PrettyUser | false): AccountType => {\n if (!user) return ACCOUNTS.USER;\n if (isDataOnlyUser(user)) return ACCOUNTS.DATA_ONLY_USER;\n return user.account_type === ACCOUNTS.ADMIN ? ACCOUNTS.ADMIN : ACCOUNTS.USER;\n};\n\nexport const parseUser = (user: User | PrettyUser, isTeamMember?: boolean): PrettyUser => ({\n ...user,\n fullText: `${user.username}${user.name}${user.email}${user.jobTitle}`,\n avatar: isTeamMember ? user.avatar : user.avatarUrl,\n visibleUserType: isTeamMember ? user?.role?.role_name || '' : visibleName(mappedAccountType(user)),\n visibleUserName: user.name || '',\n formCount: user.form_count,\n formCountForUI: toFormattedNumber(user.form_count)\n});\n\n// eslint-disable-next-line\nexport const isErrored = (res: any): boolean => !res || (res.responseCode && res.responseCode !== 200) || (res.data && res.data.responseCode && res.data.responseCode !== 200);\n\nexport const createTeamRolesWithDescriptions = (teamRoles: RolesType[]): RolesType[] => teamRoles.map(role => ({\n ...role,\n role_description: role.role_description || getTeamRoleDescription(role.role_slug)\n}));\n\nexport const checkUserCanInviteMembers = (): boolean => isEnterprise();\n\nexport const checkUserCanCreateTeam = (teamCount: number): boolean => isEnterprise() || !teamCount || teamCount < 5;\n\nexport const isPrivacyFeatureEnabled = (): boolean => isEnterprise();\n\nexport const hasQueryParams = (url: string): boolean => !!url && url.indexOf('?') > -1;\n\nexport const isServerTeamSettingsEnabled = (): boolean => isEnterprise();\n\nexport const canAddNewUsers = (serverTeamSettings: ServerTeamSettingsType, accountType: string): boolean => {\n return !serverTeamSettings?.teamNewUserInvitation || serverTeamSettings?.teamNewUserInvitation !== '0' || accountType === 'ADMIN';\n};\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const canCreateTeam = (isTeamCreationDisabled: boolean, accountType: any): boolean => !isTeamCreationDisabled || accountType === 'ADMIN' || accountType?.name === 'ADMIN';\n\nexport const addBodyClass = (className: string): void => document.body.classList.add(className);\n\nexport const removeBodyClass = (className: string): void => document.body.classList.remove(className);\n\nexport const isBillingTabActive = async (): Promise => {\n const { host } = window.location;\n\n const isDevelopmentEnv = host.indexOf('jotform.biz') > -1;\n const testEnvironmentList = [\n 'invoicetestinternal.jotform.com', 'www.jotformers.com',\n 'portosudeste.jotform.com', 'talend.jotform.com', 'chcsno.jotform.com', 'sierrageotech.jotform.com',\n 'vivachicken.jotform.com', 'vyanet.jotform.com', 'batsoncook.jotform.com', 'bespokeguardians.jotform.com',\n 'solidplatforms.jotform.com', 'campallen.jotform.com', '1callclosers.jotform.com', '3deventsla.jotform.com',\n 'baycare.jotform.com', 'lgcypower.jotform.com', 'atomsupplies.jotform.com', 'cjrdc.jotform.com',\n 'nfpcanada.jotform.com', 'metroplains.jotform.com', 'engglo.jotform.com', 'mjelectric.jotform.com'\n ];\n\n // Old method of checking for feature flag. Use the api instead to update the server config\n if ((testEnvironmentList.indexOf(host) > -1 || isDevelopmentEnv)) return true;\n\n return apiCall({ path: '/enterprise-dashboard/server/customization/billing/status' });\n};\n\nexport const getDateFilter = (dateFilter?: string | { start: string, end: string }): {[key: string]: string} => {\n if (!dateFilter) return {};\n\n return typeof dateFilter === 'string' ? { date: dateFilter } : { date: 'range', startDate: dateFilter.start, endDate: dateFilter.end };\n};\n\n/**\n * @description Filters a list of users against a search term and/or an excluded user list\n */\nexport const filterUsers = ({\n searchTerm, destinations, excludedUsers\n}: {\n searchTerm: string,\n destinations: Partial[],\n excludedUsers?: Partial[]\n}): Partial[] => {\n return destinations.filter(destination => {\n const { name = '', username = '', email = '' } = destination;\n\n const searchRegex = new RegExp(searchTerm, 'i');\n\n // Filter out users we're from excluded users list\n if (excludedUsers?.some(excludedUser => excludedUser.username === username)) return false;\n\n // Filter target destination list by search term\n return searchRegex.test(name) || searchRegex.test(username) || searchRegex.test(email);\n });\n};\n","import { updateTeamProperties } from './api';\nimport { TeamProps } from '../../types';\nimport { isErrored } from '../../utils';\n\nexport const handleUpdateTeamProps = async (\n teamId: string,\n newData: TeamProps,\n onUpdate: (newData: TeamProps) => void,\n setTeam: (f: (TeamProps | ((currTeam: TeamProps) => TeamProps))) => void\n): Promise => {\n try {\n const res = await updateTeamProperties(teamId, newData);\n if (!isErrored(res)) {\n setTeam((currTeam: TeamProps): TeamProps => ({ ...currTeam, ...newData }));\n onUpdate(newData);\n }\n } catch (e) {\n // handle errors\n }\n};\n","import React, { forwardRef } from 'react';\nimport { string } from 'prop-types';\n\ntype Props = {\n color?: string\n};\n\nconst ColorRenderer = forwardRef(({ color, ...rest }, ref) => (\n (({\n teamId,\n teamAvatarURL,\n teamAvatarIcon,\n teamAvatarIconColor,\n teamAvatarIconBgColor,\n buttonRef,\n onUpdate = f => f,\n setTeam = f => f,\n notUpdateOnSelection,\n popoverProps = {},\n useOnUpdateProp\n}, ref) => {\n const imageUploadRef = useRef(null);\n const [activeTab, setActiveTab] = useState();\n\n const update = (newData: TeamProps) => {\n if (notUpdateOnSelection || useOnUpdateProp) {\n onUpdate(newData);\n } else {\n handleUpdateTeamProps(teamId as string, newData, onUpdate, setTeam);\n }\n };\n\n const selectImage = (url: string) => update({\n teamAvatarURL: url,\n teamAvatarIcon: '',\n teamAvatarIconSvgRef: '',\n teamAvatarEmojiId: '',\n teamAvatarIconColor: '',\n teamAvatarIconBgColor: ''\n });\n\n const handleResetSelectedImage = () => {\n if (imageUploadRef?.current?.setSelectedImage) {\n imageUploadRef.current.setSelectedImage('');\n }\n };\n\n const removeImage = () => {\n update(DEFAULT_SELECTED_OPTIONS);\n handleResetSelectedImage();\n };\n\n const selectIcon = (val: { url: string, iconSvgRef: string }) => {\n update({\n teamAvatarIcon: val?.url,\n teamAvatarIconSvgRef: val?.iconSvgRef,\n teamAvatarURL: '',\n teamAvatarEmojiId: '',\n ...(!teamAvatarIconBgColor && { teamAvatarIconBgColor: '#0099FF' })\n });\n handleResetSelectedImage();\n };\n\n const selectEmoji = (emoji: { id: string }) => {\n update({\n teamAvatarEmojiId: emoji?.id,\n teamAvatarURL: '',\n teamAvatarIcon: '',\n teamAvatarIconSvgRef: '',\n ...(!teamAvatarIconBgColor && { teamAvatarIconBgColor: '#0099FF' })\n });\n handleResetSelectedImage();\n };\n\n const onLinkTextInputSubmit = (url?: string) => {\n if (!url) return;\n selectImage(url);\n handleResetSelectedImage();\n };\n\n const TABS = {\n image: { label: t('IMAGE') },\n icon: { label: t('ICON') }\n };\n\n return (\n 768 ? 'right-start' : 'bottom-end',\n modifiers: [\n { name: 'offset', options: { offset: [0, 5] } }\n ]\n }}\n {...popoverProps}\n >\n \n \n {t('TEAM AVATAR')}\n
\n \n
\n \n \n
\n {\n selectImage(file?.url);\n handleResetSelectedImage();\n }}\n onLinkTextInputSubmit={onLinkTextInputSubmit}\n onFileRemove={removeImage}\n onImageSelect={selectImage}\n onImageRemove={removeImage}\n />\n
\n
\n \n \n
\n
\n {t('Icon Color')}\n
\n
\n update({ teamAvatarIconColor: val }), 400)}\n onInputRemove={() => update({ teamAvatarIconColor: '' })}\n ariaLabel={t('Icon Color')}\n />\n
\n
\n
\n
\n {t('Background Color')}\n
\n
\n update({ teamAvatarIconBgColor: val }), 400)}\n onInputRemove={() => update({ teamAvatarIconBgColor: '' })}\n ariaLabel={t('Background Color')}\n />\n
\n
\n
\n \n \n \n );\n});\n\nCustomizeTeamAvatar.defaultProps = {\n teamId: '',\n teamAvatarURL: '',\n teamAvatarIcon: '',\n teamAvatarIconColor: '',\n teamAvatarIconBgColor: '',\n notUpdateOnSelection: false,\n popoverProps: {},\n useOnUpdateProp: false\n};\n\nexport default CustomizeTeamAvatar;\n","/* eslint-disable react/require-default-props */\nimport React, {\n ReactNode, forwardRef, FunctionComponent, useRef\n} from 'react';\nimport debounce from 'lodash/debounce';\nimport { ImageUpload } from '@jotforminc/image-upload';\nimport { t } from '@jotforminc/translation';\nimport { ColorPicker as UIKitColorPicker, Popover } from '@jotforminc/uikit';\nimport ColorRenderer from './ColorRenderer';\nimport { BG_IMAGE_SET } from './constants';\nimport { TeamProps } from '../../types';\nimport { handleUpdateTeamProps } from './utils';\nimport { CustomizationWrapper } from './StyledElements';\nimport { ImageUploadRefType } from './types';\n\ntype Props = {\n teamId?: string,\n coverBgColor?: string,\n coverTitleColor?: string,\n coverBgImageURL?: string,\n buttonRef: ReactNode,\n setTeam?: (f: (TeamProps | ((currTeam: TeamProps) => TeamProps))) => void,\n onUpdate?: (newData: TeamProps) => void,\n useOnUpdateProp?: boolean\n};\n\nconst CustomizeCover = forwardRef(({\n teamId,\n coverBgColor,\n coverTitleColor,\n coverBgImageURL,\n buttonRef,\n onUpdate = f => f,\n setTeam = f => f,\n useOnUpdateProp\n}, ref) => {\n const imageUploadRef = useRef(null);\n const update = (newData: TeamProps) => (useOnUpdateProp ? onUpdate(newData) : handleUpdateTeamProps(teamId as string, newData, onUpdate, setTeam));\n\n const handleResetSelectedImage = () => {\n if (imageUploadRef?.current?.setSelectedImage) {\n imageUploadRef.current.setSelectedImage('');\n }\n };\n\n const removeHeightParam = (url: string) => {\n const heightParam = new RegExp(/(&h=80)$/, 'gm');\n return url.replace(heightParam, '');\n };\n\n const selectImage = (url: string) => update({ coverBgColor: '', coverBgImageURL: removeHeightParam(url), coverBgImageCropInfo: '' });\n const removeImage = () => {\n update({ coverBgImageURL: '' });\n handleResetSelectedImage();\n };\n\n const onLinkTextInputSubmit = (url?: string) => {\n if (!url) return;\n selectImage(url);\n handleResetSelectedImage();\n };\n\n return (\n \n \n \n {t('CUSTOMIZE COVER')}\n
\n \n
\n
\n
\n {t('Background Color')}\n
\n
\n update({ coverBgImageURL: '', coverBgColor: val }), 400)}\n onInputRemove={() => update({ coverBgColor: '' })}\n />\n
\n
\n
\n
\n {t('Title Color')}\n
\n
\n update({ coverTitleColor: val }), 400)}\n onInputRemove={() => update({ coverTitleColor: '' })}\n />\n
\n
\n
\n
\n
\n {\n selectImage(file?.url);\n handleResetSelectedImage();\n }}\n onLinkTextInputSubmit={onLinkTextInputSubmit}\n onFileRemove={removeImage}\n onImageSelect={selectImage}\n onImageRemove={removeImage}\n />\n
\n
\n
\n \n );\n});\n\nCustomizeCover.defaultProps = {\n teamId: '',\n coverBgColor: '',\n coverTitleColor: '',\n coverBgImageURL: '',\n useOnUpdateProp: false\n};\n\nexport default CustomizeCover;\n","import React, {\n FunctionComponent,\n ReactNode,\n useEffect,\n useRef\n} from 'react';\nimport { t } from '@jotforminc/translation';\nimport { Hooks } from '@jotforminc/uikit';\nimport CustomizeTeamAvatar from './CustomizeTeamAvatar';\nimport CustomizeCover from './CustomizeCover';\nimport { TeamProps } from '../../types';\n\ntype Props = {\n teamId?: string,\n type?: string,\n buttonClass?: string,\n buttonStyles?: { [key: string]: any },\n onVisibilityChange?: (isCustomizationVisible: boolean) => void,\n isVisible?: boolean,\n children?: ReactNode,\n coverBgColor?: string,\n coverTitleColor?: string,\n coverBgImageURL?: string,\n teamAvatarURL?: string,\n teamAvatarIcon?: string,\n teamAvatarIconColor?: string,\n teamAvatarIconBgColor?: string,\n setTeam?: (f: (TeamProps | ((currTeam: TeamProps) => TeamProps))) => void,\n onUpdate?: (newData: TeamProps) => void,\n notUpdateOnSelection?: boolean,\n popoverProps?: { [key: string]: any },\n useOnUpdateProp?: boolean\n};\n\nexport const CustomizationButton: FunctionComponent = ({\n type,\n buttonClass,\n buttonStyles,\n children,\n onVisibilityChange = f => f,\n isVisible,\n ...otherProps\n}) => {\n const ActiveComponent = type === 'cover' ? CustomizeCover : CustomizeTeamAvatar;\n const popoverRef = useRef(null);\n const buttonRef = useRef(null);\n const [isCustomizationVisible, setCustomizationVisibility] = Hooks.useClickOutsideStateMouseDown(!!isVisible, [popoverRef, buttonRef]);\n\n useEffect(() => {\n onVisibilityChange(isCustomizationVisible);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isCustomizationVisible]);\n\n useEffect(() => {\n setCustomizationVisibility(!!isVisible);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isVisible]);\n\n return (\n <>\n setCustomizationVisibility(true)}\n data-testid={`customization-button-${type}`}\n aria-label={t('Customization')}\n >\n {children}\n \n {isCustomizationVisible && = ({\n url = '',\n urlParams = '',\n icon = '',\n emojiId = '',\n emojiSize = 16,\n iconColor = '',\n iconSvgRef = ''\n}) => {\n if (url) return (\n \n \n
\n \n ) : (\n \n \n );\n};\n\nexport default Image;\n","/* eslint-disable react/require-default-props */\nimport React, { FunctionComponent } from 'react';\nimport { CustomizationButton } from '../Cover/CustomizationButton';\nimport { TeamProps } from '../../types';\nimport Image from '.';\nimport { hasQueryParams } from '../../utils';\nimport '../../styles/Image.scss';\n\ntype Props = {\n iconBgColor?: string,\n hasCustomization?:boolean,\n isVisible?: boolean,\n onVisibilityChange?: (isCustomizationVisible: boolean) => void,\n url?: string,\n icon?: string,\n iconColor?: string,\n teamId?: string,\n onUpdate?: (newData: TeamProps) => void,\n customClass?: string,\n emojiId?: string,\n iconSvgRef?: string,\n emojiSize?: number | string\n};\n\nexport const ImageWithWrapper: FunctionComponent = ({\n iconBgColor = '',\n hasCustomization = false,\n isVisible = false,\n onVisibilityChange = f => f,\n teamId = '',\n customClass = '',\n onUpdate = f => f,\n url = '',\n icon = '',\n iconColor = '',\n ...props\n}) => {\n const imageProps = {\n urlParams: url ? `${hasQueryParams(url) ? '&' : '?'}h=128` : '',\n url,\n icon,\n iconColor,\n ...props\n };\n return hasCustomization ? (\n <>\n \n \n
\n );\n};\n","import React from 'react';\nimport { ImageWithWrapper } from '@jotforminc/enterprise-components';\nimport { shape, string } from 'prop-types';\n\nconst TeamImageWithWrapper = ({ team, customClass }) => {\n return (\n \n
\n { `${getApproverTitle(subType || elementType || t('Approvers'), teamData)} `}\n { subType !== 'workflow_team_approval' && !teamData && `(${approverCount}) `}\n
\n {teamApproval && (\n
\n {`${approverCount} members`}\n
\n )}\n
\n {teamApproval ?
\n );\n\n return (\n \n
\n {t('Show Details')}\n \n
\n \n
\n
\n {`${t('Status')}`}\n
\n
\n {customText || WORKFLOW_STATUS[statusType]}\n \n
\n \n \n
\n \n
\n {title}\n
\n
\n {text}\n
\n
\n \n {avatarF}\n {isDefaultAvatar ? firstTwoLetterOfEmail : ''}\n \n ) : null\n );\n};\n\nThreadAvatar.propTypes = {\n user: shape({}).isRequired,\n color: string,\n className: string,\n assigneeEmail: string,\n maxCharShow: number\n};\n\nThreadAvatar.defaultProps = {\n color: '',\n className: '',\n assigneeEmail: '',\n maxCharShow: 2\n};\n\nexport default ThreadAvatar;\n","/* eslint-disable no-constant-condition */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { t } from '@jotforminc/translation';\nimport {\n rgba, lighten, readableColor, darken\n} from 'polished';\nimport {\n arrayOf, bool, func, shape\n} from 'prop-types';\nimport classnames from 'classnames';\nimport styled, { css } from 'styled-components';\nimport { Hooks } from '@jotforminc/uikit';\nimport Tethered from 'react-tether';\nimport { isTeamApproval } from '../utils/helper';\nimport EntryTypes, { entryFiltererGenerator, convertTasks, statusTexts } from '../SubmissionThread/EntryTypes';\nimport ThreadAvatar from './ThreadAvatar';\n\nimport '../styles/_jfWorkflowStatus.scss';\nimport '../styles/_jfMenu.scss';\nimport TeamImageWithWrapper from './TeamImageWithWrapper';\n\nexport const WORKFLOW_STATUS = {\n ACTIVE: 'In Progress',\n NOT_STARTED: 'Not Started',\n APPROVE: 'Approved',\n DENY: 'Denied',\n CANCELED: 'Canceled',\n COMPLETED: 'Completed',\n ERRORED: 'Error'\n};\n\nconst TEAM_APPROVAL_STATUS_TEXT = {\n APPROVE: 'Approved',\n DENY: 'Denied',\n EXPIRE: 'Expired',\n AUTO: 'Automatically Finished',\n ESCALATE: 'Escalated',\n REASSIGN: 'Reassigned',\n CANCEL: 'Canceled',\n CUSTOM_EMAIL: 'Email Sent',\n REPLY: 'Replied',\n RESTART: 'Restarted',\n TASK: 'Waiting',\n REQUEST_MORE_INFO: 'Requested more info',\n EDIT_SUBMISSION: 'Edit submission',\n ASSIGN_FORM_SUBMISSION: 'Form Submitted',\n ASSIGN_FORM_NOTIFICATION_MAIL: 'Form Assigned',\n MULTIPLE_APPROVAL_MAIL: 'Team Approval'\n};\n\nconst { useClickOutsideState } = Hooks;\n\nconst entryFilterer = entryFiltererGenerator('workflow');\n\nconst StatusPill = styled.div`\n${({ color }) => {\n if (!color) return null;\n\n return css`\n color: ${color};\n background-color: ${rgba(color, 0.2)};\n\n &:hover {\n border: 1px solid ${color};\n box-shadow: 0 0 0 1px ${rgba(color, 0.2)};\n }\n `;\n }\n}\n`;\n\nconst StatusText = styled.div`\n${({ color }) => {\n const statusColor = color || '#5E74E6';\n const backgroundColor = rgba(statusColor, 0.20);\n const textColor = readableColor(backgroundColor, lighten(0.2, statusColor), statusColor, false);\n const borderColor = readableColor(backgroundColor, color, darken(0.2, statusColor), false);\n\n return css`\n color: ${textColor};\n border-color: ${borderColor};\n background-color: ${backgroundColor};\n `;\n }\n}\n`;\n\nconst WorkflowStatus = ({\n isFormOwner,\n showTaskStatus,\n submission: {\n id: submissionID,\n tasks = null,\n workflowStatus,\n workflowStatusDetails: {\n showOutcome = false,\n buttonColor: color = ''\n } = {}\n },\n onClick,\n showPopover,\n thread,\n setSubmission\n}) => {\n const isCustomOutcome = showOutcome && !!color;\n\n const renderPill = () => {\n const list = useMemo(() => {\n const tasksConverted = tasks?.filter(task => task.taskName !== 'Merge Point')?.map(convertTasks);\n const entriesFiltered = thread?.filter(entryFilterer);\n\n return [].concat(tasksConverted, entriesFiltered).filter(e => !!e);\n }, [thread, tasks]);\n\n const status = WORKFLOW_STATUS[workflowStatus.toUpperCase()] || workflowStatus;\n const className = workflowStatus?.toLowerCase();\n\n const wrapperRef = useRef();\n const popoverRef = useRef();\n\n const [isPopoverVisible, setPopoverVisibility] = useClickOutsideState(false, [wrapperRef, popoverRef]);\n\n const shouldListRender = showPopover && list?.length;\n\n const handleClick = useCallback(async e => {\n if (typeof setSubmission === 'function') await setSubmission(e);\n if (typeof onClick === 'function') onClick(e);\n if (shouldListRender) setPopoverVisibility(!isPopoverVisible);\n }, [onClick, isPopoverVisible, shouldListRender]);\n\n return (\n \n e.stopPropagation()}\n onMouseDown={handleClick}\n aria-hidden=\"true\"\n color={isCustomOutcome ? color : null}\n >\n {isCustomOutcome ? status : t(status)} \n \n {shouldListRender ? (\n \n \n \n {`Status: ${status}`} \n \n \n \n {list?.map(({\n actionType, actionDetails, user: userRaw\n }, index) => {\n const entryType = actionType.toLowerCase();\n const EntryComp = EntryTypes[entryType];\n const assigneeUser = actionDetails?.assigneeUser;\n const assigneeEmail = actionDetails?.assigneeEmail;\n if (!EntryComp) return null;\n\n const user = EntryComp?.user ? EntryComp.user(actionDetails, userRaw) : userRaw;\n const actionSubType = actionDetails?.type?.toLowerCase();\n const isCustomAction = actionType === 'APPROVE_REJECT' && actionSubType === 'custom';\n const getAssignFormText = actionType === 'MAIL' && actionDetails?.reason === 'ASSIGN_FORM_NOTIFICATION_MAIL' ? actionDetails?.reason : undefined;\n const userName = user?.name || user?.email || assigneeUser?.name || assigneeEmail;\n const statusText = actionDetails?.team\n ? TEAM_APPROVAL_STATUS_TEXT[(actionDetails?.text || getAssignFormText || actionSubType || actionType)?.toUpperCase()] || actionDetails?.text\n : statusTexts[(actionDetails?.text || getAssignFormText || actionSubType || actionType)?.toUpperCase()] || actionDetails?.text;\n const isTeamApprovalAction = isTeamApproval(actionDetails?.subType, actionDetails?.team) && user?.team;\n // if (!user) return null;\n\n return (\n
\n \n {index + 1}\n .\n
\n { user && !isTeamApprovalAction ? (\n \n
\n ) : null }\n {\n isTeamApprovalAction && (\n \n
\n )\n }\n \n {userName ?
{userName}
: null}\n
\n {/* eslint-disable-next-line no-nested-ternary */}\n {EntryComp.PopoverDescription\n ?
\n
\n \n {statusText} \n \n
\n }\n * @returns {React.ReactElement}\n * @desc Tooltip that uses a React Portal. This allows the Tooltip to be displayed inside elements with overflow auto.\n * It also allows us to dynamically set the elements position based on its context. For example, positioning it above\n * an element if there's no room on the page t display it below.\n */\nexport const PortalTooltip = ({\n children, className, bgColor, label, placement, tooltipDistance, touchDisabled\n}) => {\n // Don't render a tooltip if a label wasn't passed, or if we've disabled touch on mobile\n if (!label || (isTouchDevice() && touchDisabled)) return <>{children};\n\n const targetRef = useRef(null);\n const tooltipRef = useRef(null);\n const [isVisible, setIsVisible] = Hooks.useClickOutsideState(false, [targetRef]);\n\n useEffect(() => {\n // These events only need to be fired if the tooltip is currently visible\n if (isVisible) {\n const scrollHandler = throttle(() => setIsVisible(false), 100);\n\n window.addEventListener(isTouchDevice() ? 'touchmove' : 'wheel', scrollHandler);\n\n return () => {\n window.removeEventListener(isTouchDevice() ? 'touchmove' : 'wheel', scrollHandler);\n };\n }\n }, [isVisible]);\n\n // Ensure tooltip has only one child node\n const child = Children.only(children);\n\n // Clone the passed child element, so we can apply handlers and a ref to the target\n const trigger = cloneElement(\n child,\n {\n ...child.props,\n ref: targetRef,\n // We need to check for touch device to prevent synthetic mouse events firing, causing the tooltip to open/close unexpectedly\n ...(isTouchDevice() ? {\n onTouchStart: () => setIsVisible(prevState => !prevState)\n } : {\n onMouseEnter: () => setIsVisible(true),\n onMouseLeave: () => setIsVisible(false)\n })\n }\n );\n\n return (\n <>\n {/* Passed child element that triggers tooltip visibility */}\n {trigger}\n\n {/* The tooltip element */}\n \n {status => (\n \n {label}\n \n \n )}\n \n \n );\n};\n\nPortalTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n bgColor: PropTypes.string,\n label: PropTypes.oneOfType([PropTypes.node, PropTypes.string, PropTypes.number]),\n placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n tooltipDistance: PropTypes.number,\n touchDisabled: PropTypes.bool\n};\n\nPortalTooltip.defaultProps = {\n className: '',\n bgColor: 'bg-gray-800',\n label: undefined,\n placement: 'bottom',\n tooltipDistance: 10,\n touchDisabled: false\n};\n","import React, { forwardRef } from 'react';\nimport { string, shape, node } from 'prop-types';\nimport { Tooltip } from '@jotforminc/tooltip';\n\nimport SVG from '../SVG';\nimport './GhostButton.scss';\n\nimport { classNames } from '../../utils';\n\nconst GhostButton = forwardRef(({\n icon,\n className,\n svgProps,\n tooltipProps,\n tooltip,\n children,\n ...remainingProps\n}, ref) => (\n \n
\n {children &&
{children}
}\n {tooltip && (\n
\n )}\n
\n \n
\n \n {dialogHeader || t.DELETE_SUBMISSION}\n
\n \n {dialogTitle || t.ARE_YOU_SURE_TO_PERMANENTLY_DELETE_SUBMISSIONS}\n
\n \n {dialogSubtitle || [t.CURRENT_SUBMISSION_WILL_BE_DELETED_PERMANENTLY, t.THIS_ACTION_CANNOT_BE, t.UNDONE]}\n
\n \n )}\n className=\"dialog warning forDelete withIcon forDiscard\"\n onClose={onWarningClose}\n onSave={onPurgeSubmit}\n onDiscard={onDiscard}\n modalContainer={containerDom}\n saveText={saveText || t.PURGE}\n cancelText={cancelText || t.CANCEL}\n showClose={true}\n />\n )}\n \n );\n};\n\nPurgeButton.propTypes = {\n onPurge: func.isRequired,\n eventTarget: string,\n buttonText: string,\n saveText: string,\n icon: string,\n cancelText: string,\n dialogHeader: string,\n dialogTitle: string,\n disabled: oneOfType([string, bool]),\n dialogSubtitle: arrayOf(string),\n disableButtonIcon: bool,\n disableDeleteConfirmation: bool,\n enableDeleteKey: bool,\n useGhostButton: bool,\n purgeAll: bool,\n onDiscard: func,\n onClose: func,\n ...translatedProps\n};\n\nPurgeButton.defaultProps = {\n eventTarget: 'toolbar',\n buttonText: '',\n saveText: '',\n cancelText: '',\n dialogHeader: '',\n icon: 'IconTrashFilled',\n dialogTitle: '',\n dialogSubtitle: null,\n disableButtonIcon: false,\n disableDeleteConfirmation: false,\n enableDeleteKey: false,\n useGhostButton: false,\n disabled: '',\n purgeAll: false,\n onDiscard: f => f,\n onClose: f => f\n};\n\nexport default PurgeButton;\n","import React, { memo } from 'react';\nimport {\n string, bool, node, shape\n} from 'prop-types';\n\nimport { classNames } from '../../utils';\n\nimport { translatedProps } from '../../constants/proptypes';\n\nconst SubmissionHeader = memo(({\n title,\n subtitle,\n className,\n t,\n isDraft,\n noteCount,\n activeTab,\n RequestDeleteTooltip,\n subtitleVisible,\n isAllSentbox,\n answerTag,\n myPreviousOrder,\n isForSubmissionPanel\n}) => {\n const showDraftTitle = isDraft && activeTab === 'sentbox';\n return (\n \n <>\n \n {!isForSubmissionPanel && (\n
\n {showDraftTitle &&
{t.DRAFT}
}\n {React.isValidElement(title) || typeof title === 'string' ? title : ''}\n {(activeTab === 'inbox' || activeTab === 'trash' || activeTab === 'sentbox') && RequestDeleteTooltip}\n {noteCount > 0 &&
{noteCount} }\n
\n )}\n
\n \n {`${myPreviousOrder.count} `}\n { Number(myPreviousOrder.count) > 1 ? t.ITEMS : t.ITEM}\n {', Total: '}\n {myPreviousOrder.total}\n \n
\n )}\n {answerTag && isAllSentbox && (answerTag)}\n \n \n );\n});\n\nSubmissionHeader.propTypes = {\n className: string,\n isDraft: bool,\n RequestDeleteTooltip: node,\n subtitleVisible: bool,\n myPreviousOrder: shape({\n count: string,\n total: string\n }),\n ...translatedProps\n};\n\nSubmissionHeader.defaultProps = {\n className: '',\n isDraft: false,\n RequestDeleteTooltip: null,\n subtitleVisible: true,\n myPreviousOrder: null\n};\n\nexport default SubmissionHeader;\n","import React, { Suspense } from 'react';\nimport { safeLazy } from '@jotforminc/safe-lazy-import';\n\nconst Preview = safeLazy(() => import(/* webpackChunkName: \"CommonPreview\" */ './CommonPreview'));\n\nconst LazyPreview = ({ ...props }) => (\n loading}>\n \n);\n\nexport default LazyPreview;\n","export const IMAGE_ERROR_FALLBACK = 'https://cdn.jotfor.ms/resources/assets/icon/jotform-logomark-white-400x400.png';\n","/* istanbul ignore file */\n\nimport React, { useState } from 'react';\nimport {\n shape, number, string, bool, arrayOf\n} from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { Unsupported, downloadURI } from '@jotforminc/preview';\nimport { IconArrowDownToLine } from '@jotforminc/svg-icons';\nimport LazyPreview from './LazyPreview/LazyPreview';\n// import FileUploadIcon from './FileUploadIcon';\nimport { removeExtension } from '../utils';\nimport { IMAGE_ERROR_FALLBACK } from '../constants';\n\nimport '../styles/index.scss';\n\nconst File = ({\n files,\n file,\n index,\n isEmail,\n fileSize,\n isDownloadButtonShow,\n iconName\n}) => {\n const {\n fileUrl, fileName, extension, isImageFile\n } = file;\n const [isPreviewOpen, handlePreviewVisibility] = useState(false);\n\n const updatePreviewVisibility = state => {\n handlePreviewVisibility(state);\n\n if (state) {\n global.document.body.classList.add('jfInbox--isPreview');\n } else {\n global.document.body.classList.remove('jfInbox--isPreview');\n }\n };\n\n const downloadFile = async _fileUrl => {\n if (!_fileUrl) return;\n\n if (!isImageFile) {\n downloadURI({ fileUrl: _fileUrl, fileName });\n return;\n }\n\n // problematic image urls converted to blob\n try {\n const replacedFileUrl = _fileUrl.replace('www.jotform.com', window.location.host);\n const response = await fetch(replacedFileUrl);\n const blobFile = await response.blob();\n const blobFileUrl = URL.createObjectURL(blobFile);\n\n downloadURI({ fileUrl: blobFileUrl, fileName });\n\n window.URL.revokeObjectURL(blobFileUrl);\n } catch (err) {\n console.log(err);\n }\n };\n\n return (\n \n
updatePreviewVisibility(true)}\n onKeyDown={null}\n data-index={index}\n >\n {isImageFile\n ? (\n {\n e.target.onerror = null;\n e.target.src = IMAGE_ERROR_FALLBACK;\n }}\n />\n )\n : (\n <>\n \n downloadFile(fileUrl)}\n >\n {t('Download')} \n \n
\n )}\n {isPreviewOpen && files && (\n updatePreviewVisibility(false)}\n isPreviewContextMenuOpened={false}\n togglePreviewContextMenu={f => f}\n />\n )}\n \n \n );\n};\n\nFile.propTypes = {\n files: arrayOf(shape({})).isRequired,\n file: shape({\n fileName: string,\n fileURL: string,\n isImageFile: bool,\n extension: string\n }).isRequired,\n index: number,\n isEmail: bool,\n fileSize: string,\n isDownloadButtonShow: bool,\n iconName: string\n};\n\nFile.defaultProps = {\n index: 0,\n isEmail: false,\n fileSize: null,\n isDownloadButtonShow: true,\n iconName: ''\n};\n\nexport default File;\n","/* istanbul ignore file */\n\nimport React, { useEffect, useState } from 'react';\nimport {\n string,\n oneOfType,\n arrayOf,\n shape,\n bool\n} from 'prop-types';\n\nimport { FileUploadList, FileUtils } from '@jotforminc/upload-fields';\nimport { formatBytes } from '@jotforminc/utils';\nimport { getUploadFields } from '../../api';\nimport { classNames } from '../../utils';\n\nconst FileUpload = ({\n answer, text, isEmail, formID, submissionID\n}) => {\n const files = FileUtils.prepareFiles(answer);\n const [fileSizes, setFileSizes] = useState([]);\n\n useEffect(() => {\n if (!formID || !submissionID) return;\n try {\n getUploadFields({ formID: formID, submissionID: submissionID }).then(uploadFields => {\n const sizes = uploadFields || [];\n setFileSizes(sizes);\n }).catch(() => {\n setFileSizes([]);\n });\n } catch {\n setFileSizes([]);\n }\n }, [formID, submissionID]);\n\n const getFileSize = fileName => {\n const el = fileSizes?.filter(fileSize => {\n return fileSize.name === fileName;\n });\n\n if (!el) return null;\n const { 0: sizeEl } = el;\n return sizeEl ? formatBytes(sizeEl.size) : null;\n };\n\n return (\n \n
\n
\n
\n {files.map((file, index) => {\n return (\n
\n
\n
\n {\n input ? input.indeterminate = indeterminate : null; // eslint-disable-line\n }}\n aria-label={ariaLabel}\n />\n {icon ? (\n {icon}
\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 \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 {t.SHOW_FULL_TEXT}\n updateQData(formId, qid, { fullContent: fullContent === 'Yes' ? 'No' : 'Yes' })} />\n \n
\n {fullContent === 'Yes' && (\n
updateQData(formId, qid, { showSublabels: e.target.checked })}\n checked={showSublabels}\n >\n {t.SHOW_SUBLABELS}\n \n )}\n setTimeout(() => setShowCommentButtons(false), 25)}\n onFocus={() => setShowCommentButtons(true)}\n onCancel={onCancel}\n placeholder={activeTab === 'sentbox' ? 'Write a message.' : 'Reply. Use @ to mention.'}\n afterSave={() => actionHandler('click', `Comment-Reply ${renderedFrom === 'inline' ? 'inline' : 'entry'} `)}\n buttonTexts={{ save: 'Reply' }}\n editorType=\"subThread\"\n />\n ) : null}\n \n );\n};\n\nSubThread.propTypes = {\n parentID: string.isRequired,\n parentType: string.isRequired,\n entries: arrayOf(shape({})).isRequired,\n threadVisible: bool.isRequired,\n editorVisible: bool.isRequired,\n entryLayout: string,\n setExpanded: func,\n renderedFrom: string,\n activeTab: string\n};\n\nSubThread.defaultProps = {\n entryLayout: 'EntryLayout',\n setExpanded: f => f,\n renderedFrom: '',\n activeTab: ''\n};\n\nexport default SubThread;\n","import { useMemo } from 'react';\nimport { useThread } from '../contexts';\n\nconst useSubThread = ({ parentID, parentType }) => {\n const { data: { thread: globalEntries } = {} } = useThread();\n\n const entries = useMemo(() => (\n globalEntries\n ? globalEntries.filter(entry => entry?.actionDetails && entry.actionDetails.parentID === parentID && entry.actionDetails.parentType === parentType)\n : []\n ), [globalEntries, parentID, parentType]);\n\n const users = useMemo(() => (\n Object.values(\n entries.reduce((acc, { user }) => {\n acc[user.email || user.username] = user;\n return acc;\n }, { })\n )\n ), [entries]);\n\n return { users, entries };\n};\n\nexport { useSubThread };\n","/* eslint-disable max-len */\nimport React from 'react';\nimport styled from 'styled-components';\nimport classNames from 'classnames';\nimport { rgba } from 'polished';\nimport {\n arrayOf, shape, string, func, bool\n} from 'prop-types';\n\nimport { useThread } from '../contexts';\nimport ThreadAvatar from '../components/ThreadAvatar';\n\nconst Avatar = styled.img`\n width: 20px;\n height: 20px;\n border-radius: 50%;\n position: relative;\n z-index: 1;\n transition: margin-left 300ms cubic-bezier(.79,0,.15,1);\n\n &:hover {\n z-index: 2;\n }\n`;\n\nconst Text = styled.span``;\n\nconst Toggle = styled.div`\n display: inline-flex;\n align-items: center;\n padding: 3px 6px;\n margin: -3px -6px;\n border-radius: 4px;\n cursor: pointer;\n\n ${Text} {\n color: #6A6E8F;\n font-size: 13px;\n line-height: 20px;\n margin-left: 6px;\n }\n\n ${({ expanded }) => (expanded ? '&,' : '')}\n &:hover {\n background-color: ${rgba('#D5DAE8', 0.40)};\n\n ${Text} {\n color: #121C48;\n }\n\n &::after{\n content:'';\n background-image: url(\"data:image/svg+xml,%3Csvg width='8' height='5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.686 1.05L4 3.558 1.316 1.05a.188.188 0 00-.26.27L3.87 3.95a.189.189 0 00.256 0L6.94 1.324a.189.189 0 00.005-.27.187.187 0 00-.26-.003z' fill='%232B3245' stroke='%234573E3' stroke-width='1.5'/%3E%3C/svg%3E\");\n font-family: 'Circular', sans-serif;\n font-weight: 500;\n width: 8px;\n height: 5px;\n margin-left: 12px;\n transform: scaleY(${({ expanded }) => (expanded ? -1 : 1)});\n }\n }\n\n ${Avatar} + ${Avatar} {\n margin-left: -4px;\n }\n`;\n\nconst SubThreadToggle = ({\n entries,\n users,\n expanded,\n style,\n className,\n onClick\n}) => {\n const { subThreads } = useThread();\n\n if (!subThreads || !entries?.length) return null;\n\n return (\n \n {users.map(user => (\n \n {`${entries.length} Repl${entries.length === 1 ? 'y' : 'ies'}`}\n \n \n );\n};\n\nSubThreadToggle.propTypes = {\n entries: arrayOf(shape({})).isRequired,\n users: arrayOf(shape({\n name: string,\n username: string,\n email: string,\n avatarUrl: string\n })).isRequired,\n expanded: bool.isRequired,\n style: shape({}),\n className: string,\n onClick: func.isRequired\n};\n\nSubThreadToggle.defaultProps = {\n style: {},\n className: ''\n};\n\nexport default SubThreadToggle;\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport { bool, func } from 'prop-types';\n\nimport { IconEyeFilled } from '@jotforminc/svg-icons';\nimport MoreButton from './MoreButton';\n\nimport TEXTS from '../constants/texts';\n\nimport IconRequestMoreInfo from '../assets/iconRequestMoreInfo.svg';\n\nconst TaskMoreButton = ({\n requestMoreInfo, requestMoreVisible, viewFormVisible, viewForm\n}) => {\n const components = [\n requestMoreVisible && {\n icon: \n {filterValue}\n \n );\n }\n if (filterValue) {\n return (\n \n {filterValue}\n \n );\n }\n };\n\n const valueRenderer = (value, color) => {\n switch (true) {\n case !!value && !!color:\n return filterValueElement(color);\n case !!value:\n return (\n \n {value}\n \n );\n default:\n return filterValueElement();\n }\n };\n\n return (\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 { arrayOf, string } from 'prop-types';\n\nexport const ContactPropTypes = {\n name: string,\n email: string,\n additionalInfo: arrayOf(string),\n formName: string\n};\n\nexport const ContactDefaultProps = {\n name: '',\n additionalInfo: [],\n formName: 'Form'\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 {isAvatar && holder}\n \n );\n};\n\nContactAvatar.propTypes = { contact: shape(ContactPropTypes) };\nContactAvatar.defaultProps = { contact: ContactDefaultProps };\n\nexport default ContactAvatar;\n","import { shape } from 'prop-types';\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\n\nimport { ContactDefaultProps, ContactPropTypes } from '../constants';\nimport ContactAvatar from './ContactAvatar';\n\nconst QuestionBasedContactCard = ({ contact }) => {\n const parsed = React.useMemo(() => {\n const [lastPart, firstPart] = t('{fieldName} field {formName}').replace('{fieldName}', contact.name).split('{formName}');\n return (\n <>\n {firstPart}\n {/* eslint-disable-next-line */}\n {contact.formName} \n {lastPart}\n \n ); // TODO: formID\n });\n return (\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 \n );\n }\n if (isQuestion) {\n return (\n \n \n );\n }\n return (\n \n \n
\n
\n {!isQuestion && name && (\n
\n {name}\n
\n )}\n {!isQuestion && email && (\n
\n {email}\n
\n )}\n
\n {role &&
{role}
}\n
\n {additionalInfo.map(info => (\n
{info}
\n ))}\n
\n );\n};\n\nContactCard.propTypes = {\n ContainerRenderer: func,\n contact: shape(ContactPropTypes),\n conditionFilter: shape(),\n questions: arrayOf(shape()),\n renderElement: oneOfType([\n shape(),\n string,\n arrayOf(shape())\n ]),\n getQuestionText: func\n};\n\nContactCard.defaultProps = {\n ContainerRenderer: ({ ...props }) =>
,\n contact: ContactDefaultProps,\n conditionFilter: null,\n questions: [],\n renderElement: null,\n getQuestionText: null\n};\n\nexport default ContactCard;\n","import React from 'react';\nimport {\n bool, shape, object, oneOfType, element, func, string\n} from 'prop-types';\nimport classNames from 'classnames';\nimport { Popover } from '@jotforminc/uikit';\nimport ContactCard from './ContactCard';\n\nconst ContactCardPopover = ({\n isHovered, contact, targetRef, usePortal, className\n}) => {\n return isHovered && (\n \n \n );\n};\n\nContactCardPopover.defaultProps = {\n className: null,\n isHovered: false,\n targetRef: null,\n usePortal: false,\n contact: {}\n};\n\nContactCardPopover.propTypes = {\n className: string,\n isHovered: bool,\n targetRef: oneOfType([\n shape({ current: element }),\n func\n ]),\n usePortal: bool,\n contact: object\n};\n\nexport default ContactCardPopover;\n","import React from 'react';\nimport { useHover } from '@jotforminc/hooks';\nimport { ContactCardPopover } from '@jotforminc/contact-card';\nimport {\n node,\n object\n} from 'prop-types';\n\nconst ContactWithApproval = ({ approver, children }) => {\n const [hoverRef, isHovered] = useHover(300);\n return (\n <>\n \n {children}\n \n \n );\n};\n\nContactWithApproval.propTypes = {\n approver: object,\n children: node\n};\n\nContactWithApproval.defaultProps = {\n approver: {},\n children: null\n};\n\nexport default ContactWithApproval;\n","/* eslint-disable complexity */\nimport React, {\n useRef, useState, useEffect, useImperativeHandle, forwardRef\n} from 'react';\nimport {\n bool, string, shape, node, func\n} from 'prop-types';\n\nimport moment from 'moment-timezone';\nimport { useMomentDate } from '@jotforminc/hooks';\nimport ShortDate from '@jotforminc/short-date';\nimport classNames from 'classnames';\nimport { translationRenderer } from '@jotforminc/translation';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { Placeholder } from '@jotforminc/placeholder';\nimport ThreadAvatar from '../components/ThreadAvatar';\n// eslint-disable-next-line import/no-cycle\nimport SubThread from './SubThread';\nimport { useSubThread } from './hooks';\nimport SubThreadToggle from './SubThreadToggle';\nimport TaskMoreButton from '../components/TaskMoreButton';\nimport TeamImageWithWrapper from '../components/TeamImageWithWrapper';\nimport ContactWithApproval from '../components/ContactWithApproval';\n// eslint-disable-next-line import/no-cycle\n\n// eslint-disable-next-line react/prop-types\nconst Header = ({ isVisible, statusRef, ...rest }) => {\n if (!rest && !isVisible) return null;\n\n const {\n name,\n title,\n moreButton,\n description,\n entryName,\n status,\n context,\n onClick,\n timestamp,\n avatarUrl,\n email,\n color,\n dateFormat,\n className,\n preview,\n toggle,\n formLink,\n subThreadExpanded,\n AttachComp,\n actionType,\n team,\n type\n } = rest;\n\n const serverTimezoneOffset = moment().tz('America/New_York').format('Z');\n const [date] = useMomentDate(`${timestamp} ${serverTimezoneOffset}`, 'YYYY-MM-DD HH:mm ZZ');\n const hasAvatar = typeof avatarUrl !== 'undefined' || (actionType === 'APPROVE_REJECT' && !!name);\n\n if (className === 'undo_loading') {\n return (\n \n
\n
\n
\n {status}\n
\n
\n \n {team && (\n
\n )}\n { hasAvatar\n ? (\n
\n \n\n ) : null }\n { title ? (\n
{translationRenderer('[1[{taskTitle}]] Step')({ renderer1: () => <>{title} })}
\n ) : null }\n
\n { name ? (\n
{name} \n ) : null }\n { description ?
{description} : null }\n { entryName ?
{entryName}
: null }\n
\n
\n \n {status}\n \n {(AttachComp && subThreadExpanded && actionType === 'COMMENT') ? AttachComp : null}\n {entryName && preview ? preview : null}\n {toggle ? (\n \n {toggle}\n
\n ) : null}\n \n )\n :
}\n \n { timestamp ? (\n
\n
\n ) : null }\n { formLink ? (\n
f}\n requestMoreVisible={false}\n viewForm={() => handleCustomNavigation(`${formLink}`, '_blank', true)}\n />\n ) : null}\n\n {context || moreButton}\n \n {entryPreview}\n \n ) : null;\n\n const showSubThread = (type === 'comment' || type === 'message') && (!parentID || parentType === 'question');\n const { users, entries } = useSubThread({ parentID: id, parentType: type });\n\n return (\n \n {\n setSubThreadExpanded(!subThreadExpanded);\n setExpanded(!subThreadExpanded);\n }}\n />\n )}\n preview={!hasBody && !expanded ? preview : null}\n subThreadExpanded={subThreadExpanded}\n AttachComp={AttachComp}\n actionType={actionType}\n />\n {hasBody && (\n \n {children}\n \n )}\n {hasBody && !expanded ? preview : null}\n {showSubThread ? (\n \n { setSubThreadExpanded(false); setExpanded(false); }}\n />\n \n ) : null}\n {(entryPreview && expanded) ? (\n \n \n { typeof avatarUrl !== 'undefined'\n ? (\n
\n ) : null }\n
\n { name ? {name} : null }\n { timestamp ? (\n \n {date.format(dateFormat)}\n \n ) : null }\n { moreButton ? {moreButton} : null }\n { description ? {description} : null }\n
\n
\n \n {context}\n
\n \n );\n};\n\nconst Layout = ({\n id,\n type,\n parentID,\n parentType,\n isHeaderVisible,\n className,\n headerProps,\n activeTab,\n AttachComp\n}) => {\n const { status: children } = headerProps;\n\n const showSubThread = (type === 'comment' || type === 'message') && (!parentID || parentType === 'question');\n const { users, entries } = useSubThread({ parentID: id, parentType: type });\n const [subThreadExpanded, setSubThreadExpanded] = useState(false);\n\n return (\n \n \n
{children}
\n {AttachComp || null}\n
\n setSubThreadExpanded(!subThreadExpanded)}\n />\n \n {threadEntries?.map?.(entry => {\n const { actionType, actionDetails } = entry;\n\n const entryType = entry.actionType.toLowerCase();\n\n if (\n !actionDetails || (!additionalEntryTypes[entryType] && !EntryCategories.all.includes(actionType))\n ) {\n return null;\n }\n\n if (actionType === 'MAIL' && actionDetails?.reason !== 'ASSIGN_FORM_NOTIFICATION_MAIL' && actionDetails?.reason !== 'SEND_SIGN_NOTIFICATION' && actionDetails?.reason !== 'SEND_REMINDER') {\n if (!(actionDetails.type === 'custom_email' && actionDetails.to !== '')) {\n return null;\n }\n }\n\n if (\n actionDetails.parentID != parentID\n && actionDetails.parentType != parentType\n && actionDetails.parentType != 'question'\n && actionDetails.parentID !== '0' // backward compability\n && actionDetails.parentType !== false // backward compability\n ) {\n return null;\n }\n\n const EntryComp = entryTypes[entryType];\n\n if (!EntryComp) return null;\n\n const id = entry.id || actionDetails.id;\n\n const key = [entryType, submissionID, id].join('_');\n\n return (\n \n {children}\n \n );\n};\n\nCommentProvider.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node\n ]).isRequired\n};\n\nexport { CommentContext };\n\nexport default CommentProvider;\n","import React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { cx } from 'class-variance-authority';\nimport { DialogContentProps } from './dialog.types';\n\nexport const DialogContent = (props: PropsWithChildren): JSX.Element => {\n const { className, children, ...rest } = props;\n return (\n {children}
\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport {\n Dialog,\n DialogTitle,\n DialogDescription,\n DialogContent,\n DialogBody,\n DialogActions,\n DialogCloseButton,\n Button,\n DialogIcon\n} from '@jotforminc/magnet';\nimport { t } from '@jotforminc/translation';\nimport {\n array,\n bool,\n func,\n node,\n object\n} from 'prop-types';\nimport { IconEnvelopeFormFilled, IconUserFilled } from '@jotforminc/svg-icons';\n\nconst WaitingPermissionDialog = ({\n isOpen,\n config: {\n icon,\n texts,\n emails,\n usersData\n },\n onSave,\n onChangeTextArea,\n onClose\n\n}) => {\n const [isTextAreaShown, setTextAreaShown] = useState(false);\n\n const handleAddMessage = e => {\n e.preventDefault();\n setTextAreaShown(true);\n };\n\n useEffect(() => {\n if (!isOpen) {\n setTextAreaShown(false);\n }\n }, [isOpen]);\n\n return (\n \n \n {t(texts.title)} \n {t(texts.description)} \n \n \n
\n {t('To:')} \n
\n
\n
\n {emails?.map(email => {\n const foundUser = usersData.find(userInfo => userInfo.email === email);\n const name = foundUser ? (foundUser.name || foundUser.email) : email;\n return (\n
\n {name} \n \n );\n })}\n
\n
\n
{t(texts.collabText)}
\n
\n {t(texts.canViewEditText)}\n \n \n {!isTextAreaShown\n ? (\n \n {t(texts.addMessageText)}\n \n ) : (\n
\n \n \n \n \n {t('Cancel')}\n \n \n {t(texts.actionBtn)}\n \n \n @ ${m} `);\n });\n }\n\n const isContactOwner = activeTab === 'sentbox' ? 1 : 0;\n\n const submissionID = submission.id;\n\n let uploads = [];\n let uploadNames = [];\n\n if (isEditing) {\n // we are merging old attachments (if any) with the new ones.\n const hasAnyAttachment = Array.isArray(oldAttachments) ? oldAttachments : [];\n uploads = [...noteAttachments, ...hasAnyAttachment];\n uploadNames = uploads.map(upload => {\n if (!upload.raw) {\n return upload;\n }\n return `${window.origin}/uploads/${user?.username}/form_files/${upload.raw.name}`;\n });\n } else {\n // attachments appear in the creation of parent thread (comment)\n // noteAttachments appear when replying parent thread (children)\n // this 2 cases are handled in the same statement but one of them will always be empty\n uploads = [...noteAttachments, ...attachments];\n uploadNames = uploads.map(({ raw }) => raw.name);\n }\n\n if (isEditing) {\n const note = { ...actionDetails, content: mutatedContent, submissionID };\n await updateNoteApi({\n submissionID, parentID, parentType, uploadNames, ...note\n });\n } else {\n const result = await addNoteApi({\n submissionID, isContactOwner, parentID, parentType, content: mutatedContent, uploadNames\n });\n\n if (result) {\n setNoteAttachments([]);\n setLoading(false);\n }\n }\n\n reload();\n setContent('');\n deleteContentFromEditor();\n setAttachmentState('');\n if (afterSave) afterSave();\n };\n\n const attachmentError = useMemo(() => {\n const exceedError = `You can only upload ${uploadRules?.numberPerUpload} files.`;\n if (Array.isArray(oldAttachments)) {\n if ((noteAttachments.length + oldAttachments.length) > uploadRules?.numberPerUpload) return exceedError;\n } else if (noteAttachments.length > uploadRules?.numberPerUpload) return exceedError;\n\n if (errorText.indexOf('exist') > -1) return errorText;\n\n return null;\n }, [oldAttachments, noteAttachments]);\n\n const validateUploadFiles = () => {\n const {\n sizePerFile,\n formattedSizePerFile,\n numberPerUpload\n } = uploadRules;\n\n let isNumberPerUploadExceeded;\n let fileAlreadyExist;\n\n if (Array.isArray(oldAttachments)) {\n isNumberPerUploadExceeded = (noteAttachments.length + oldAttachments.length) > numberPerUpload;\n oldAttachments.forEach(oldAtt => {\n noteAttachments.forEach(newAtt => {\n if (newAtt.name === /[^/]*$/.exec(oldAtt)[0]) {\n fileAlreadyExist = newAtt.name;\n }\n });\n });\n } else {\n isNumberPerUploadExceeded = noteAttachments.length > numberPerUpload;\n }\n const isSizePerFileExceeded = noteAttachments.some(({ raw }) => raw.size > sizePerFile);\n\n if (isSizePerFileExceeded) {\n setErrorText(`File size cannot be larger than ${formattedSizePerFile}.`);\n } else if (isNumberPerUploadExceeded) {\n setErrorText(`Number of files cannot be larger than ${numberPerUpload}.`);\n } else if (fileAlreadyExist) {\n setErrorText(`${fileAlreadyExist} is already exist.`);\n } else {\n setErrorText('');\n }\n };\n\n useEffect(() => {\n if (isEditing && attachmentState) {\n if (Array.isArray(oldAttachments)) {\n const newAttachments = oldAttachments.filter(attachment => attachment !== attachmentState);\n if (newAttachments.length !== oldAttachments.length) {\n removeNoteAttachment({ newAttachments, ...actionDetails }).then(result => {\n if (result) {\n reload();\n }\n });\n }\n }\n }\n }, [isEditing, attachmentState]);\n\n useEffect(() => {\n // eslint-disable-next-line no-param-reassign\n editorRefProp.current = {\n deleteContentFromEditor,\n save: handleSave\n };\n });\n\n useEffect(() => {\n validateUploadFiles();\n }, [noteAttachments, oldAttachments]);\n\n useEffect(() => {\n keyboardJS.bind(['command + enter', 'shift + enter'], handleSave);\n return () => keyboardJS.unbind(['command + enter', 'shift + enter'], handleSave);\n }, [content]);\n\n const buttonsDisabled = useMemo(() => isEmptyNote(content), [content]);\n\n const handleCancel = e => {\n e.preventDefault();\n e.stopPropagation();\n\n deleteContentFromEditor();\n setNoteAttachments([]);\n\n if (className?.includes('inlineEdit') || buttonsDisabled) {\n onCancel();\n }\n };\n\n const handleFiles = files => {\n [...files].forEach((file, i) => {\n const reader = new global.FileReader();\n reader.addEventListener('load', result => {\n const newFile = {\n key: `${file.name}-${i}`,\n src: result,\n size: formatBytes(file.size),\n name: file.name,\n raw: file,\n error: file.size > uploadRules?.sizePerFile\n };\n setNoteAttachments(prevState => [...prevState, newFile]);\n });\n reader.readAsDataURL(file);\n });\n };\n\n const onFileChange = e => {\n e.preventDefault();\n e.stopPropagation();\n const files = e.target.files || e.dataTransfer.files;\n handleFiles(files);\n };\n\n const uploadFiles = async (raw, index) => {\n const fd = new global.FormData();\n fd.append('file[]', raw, raw.name);\n\n try {\n const { data: { success, message } } = await requestLayer.post(\n `form/${formID}/projectFiles`,\n fd,\n {\n onUploadProgress: progressEvent => {\n const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\n moveProgressBar(percentCompleted, index);\n },\n headers: { 'Content-Type': 'multipart/form-data' }\n }\n );\n\n if (success) {\n return true;\n }\n setErrorText(message);\n } catch (err) {\n setErrorText(err);\n }\n };\n\n const prepareFiles = () => {\n if (!loading && errorText === '') {\n setLoading(true);\n\n try {\n let uploadCount = 0;\n noteAttachments.forEach(async ({ raw }, i) => {\n const isUploaded = await uploadFiles(raw, i);\n\n if (isUploaded) {\n uploadCount++;\n }\n if (uploadCount === noteAttachments.length) {\n handleSave();\n }\n });\n } catch (err) {\n setErrorText(err);\n }\n }\n };\n\n useEffect(() => {\n if (editorRef.current) {\n editorRef.current.focus();\n }\n }, []);\n\n const saveAssignees = ({ emails, role }) => bulkShare(formID, { users: emails, role, message: shareMessage }).then(() => {\n setShareMessage('');\n waitingForPermissions.resolve(true);\n });\n\n const AttachmentButton = (\n (\n <>\n \n \n {\n noteAttachments.map(({\n key, name, size, src, error\n }, i) => (\n
\n \n \n {name}\n
\n \n (\n {size}\n )\n
\n \n {`File size cannot be larger than ${uploadRules?.formattedSizePerFile}.`}\n \n ) : (\n \n !loading && setNoteAttachments(noteAttachments.filter(file => file.key !== key))}\n role=\"button\"\n aria-label={t.REMOVE_ATTACHMENTS}\n tabIndex=\"-1\"\n onMouseDown={e => e.preventDefault()}\n >\n saveAssignees({ emails: waitingForPermissions.emails, role: 'supporter' })}\n onChangeTextArea={e => setShareMessage(e.target.value)}\n onClose={() => waitingForPermissions.resolve(false)}\n />\n 
\n ![\"Popper\"](\"https://cdn.jotfor.ms/assets/img/campaigns/2023/ss/popper.png\")
\n 
\n ![\"\"](\"//cdn.jotfor.ms/assets/img/v4/fields/control_inline/arrow.svg\"){kind=icon}
\n \n));\n\nDBButton.propTypes = {\n option: shape({\n value: string\n }).isRequired,\n isOptionsVisible: bool.isRequired\n};\n\nconst popoverProps = {\n usePortal: false,\n popoverOptions: {\n placement: 'bottom-start',\n modifiers: [\n { name: 'offset', options: { offset: [0, 6] } },\n { name: 'computeStyles', options: { gpuAcceleration: false } }\n ]\n }\n};\n\nconst FontSelection = ({\n onChange, font\n}) => {\n useEffect(() => {\n addGoogleFonts(FONT_LIST)('signature-fonts');\n }, []);\n\n return (\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 { string } from 'prop-types';\n\nconst TextWrapper = ({ className, ...props }) => ;\n\nTextWrapper.propTypes = {\n className: string\n};\n\nTextWrapper.defaultProps = {\n className: ''\n};\n\nexport default TextWrapper;\n","import React from 'react';\n\nconst DragContainer = props => ;\n\nexport default DragContainer;\n","import React, { useMemo } from 'react';\nimport { shape, string } from 'prop-types';\n\nconst Thumbnail = ({ file: { type, url } }) => {\n const [imageURL, style = { height: '64px' }] = useMemo(() => {\n switch (true) {\n case type.indexOf('image') !== -1: {\n return [url, {\n width: '120px', minHeight: '64px', maxHeight: '120px', objectFit: 'contain'\n }];\n }\n case type.indexOf('application/pdf') !== -1: {\n return ['//cdn.jotfor.ms/assets/img/builder/pdf_icon.png'];\n }\n case type.indexOf('msword') !== -1 || type.indexOf('officedocument') !== -1: {\n return ['//cdn.jotfor.ms/assets/img/builder/doc_icon.png'];\n }\n default: {\n return ['//cdn.jotfor.ms/assets/img/builder/other_file_icon.png'];\n }\n }\n }, [type, url]);\n\n return (\n