- \n {/* A/B Test: contactSalesButtonOnHeader */}\n {/* contact sales as item */}\n {\n contactSalesAbTestVariation === CONTACT_SALES_AS_ITEM && (\n
- \n {t('Contact Sales')}\n \n )\n }\n {\n !hideLoginButton && (\n
- \n \n \n )\n }\n {/* A/B Test: contactSalesButtonOnHeader */}\n {\n shouldRenderSignupButton({ hideSignupButton, contactSalesAbTestVariation }) && (\n
- \n \n \n )\n }\n {/* A/B Test: contactSalesButtonOnHeader */}\n {/* contact sales as cta */}\n {\n contactSalesAbTestVariation === CONTACT_SALES_AS_CTA && (\n
- \n {t('Contact Sales')}\n \n )\n }\n
- \n {children}\n
- \n {menuItems.map(({\n name, title, url, target\n }) => (\n
- \n \n {t(title)}\n \n \n ))}\n
- \n
- {t(menuTitle)} \n {menuItems.map(({\n name, title, url, icon\n }) => (\n
- \n \n {icon &&
}\n {t(title)}\n \n
\n ))}\n {showAiAgentBanner && (\n - \n
\n
\n )}\n\n \n );\n};\n\nIntegrationsMenuType.propTypes = {\n menuItems: array.isRequired,\n isOpen: bool.isRequired\n};\n\nexport default IntegrationsMenuType;\n","import React from 'react';\nimport cx from 'classnames';\nimport { t } from '@jotforminc/translation';\nimport { array, bool, string } from 'prop-types';\nimport { IconChevronRight } from '@jotforminc/svg-icons';\n\nconst ProductsMenuType = ({\n menuItems, sideMenuItems, menuTitle, sideMenuTitle, sideMenuSeeMoreTitle, sideMenuSeeMoreUrl, isOpen, isLoggedIn\n}) => {\n const ProductsMenuTypeClasses = cx('jfRHeader--nav-sub-menu jfProducts', {\n isOpen\n });\n return (\n - \n {menuItems.map(({\n name, title, subTitle, seeMore, subLinks\n }) => (\n
- \n
- \n
- \n {t(subTitle)}\n \n {subLinks.map(item => {\n return (\n
- \n \n
- \n \n {t(seeMore.title)}\n
\n \n \n
\n ))}\n - \n \n {t(TEXTS.SEE_100_INTEGRATIONS)}\n
\n \n \n
- \n {menuItems.length > 0 && (\n
- \n
- \n
- {t(menuTitle)} \n {menuItems.map(({\n name, title, url, urlGuest, icon\n }) => {\n const _url = !isLoggedIn && urlGuest ? urlGuest : url;\n return (\n
- \n \n {icon && \n );\n })}\n
\n )}\n {sideMenuItems.length > 0 && (\n - \n
- \n
- {t(sideMenuTitle)} \n {sideMenuItems.map(({\n name, title, url, icon\n }) => (\n
- \n \n {icon && \n ))}\n
- \n \n {t(sideMenuSeeMoreTitle)}\n
\n \n \n
\n )}\n
\n \n {translationRenderer('[1[Dedicated]] Support')({\n renderer1: text => {text}\n })}\n \n
\n \n \n {t(ALL_TEXTS.CONTACT_SALES)}\n \n
\n \n );\n};\n\nDedicatedSupportSection.propTypes = {\n logAbTestAction: func\n};\n\nDedicatedSupportSection.defaultProps = {\n logAbTestAction: f => f\n};\n\nexport default DedicatedSupportSection;\n","import React from 'react';\nimport { IconArrowRight } from '@jotforminc/svg-icons';\nimport { t } from '@jotforminc/translation';\nimport '../../../styles/professionalServicesBanner.scss';\n\nconst ProfessionalServicesBanner = () => {\n return (\n {t(ALL_TEXTS.DEDICATED_SUPPORT_SECTION_DESCRIPTION)}
\n\n {t('Explore')}\n
\n \n );\n};\n\nexport default ProfessionalServicesBanner;\n","import React from 'react';\nimport cx from 'classnames';\nimport {\n array, bool, number, string\n} from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { DedicatedSupportSection, ProfessionalServicesBanner } from '@jotforminc/enterprise-promotions';\n\nconst SupportMenuType = ({\n menuItems, sideMenuItems, isLoggedIn, menuTitle, sideMenuTitle, isOpen, unreadSupportAnswerCount\n}) => {\n const SupportMenuTypeClasses = cx('jfRHeader--nav-sub-menu jfSupport', {\n isOpen\n });\n const filteredMenuItems = menuItems.filter(({ loginRequired }) => (loginRequired ? isLoggedIn : true));\n\n const shouldShowSupportAnswersCount = ({ name, count }) => name === 'mySupportRequests' && count > 0 && !isEnterprise();\n\n return (\n - \n {filteredMenuItems.length > 0 && (\n
- \n
- \n
- {t(menuTitle)} \n {filteredMenuItems.map(({\n name, title, url, icon\n }) => (\n
- \n \n {icon}\n {t(title)}\n {shouldShowSupportAnswersCount({ name, count: unreadSupportAnswerCount }) && {unreadSupportAnswerCount}}\n \n \n ))}\n
\n )}\n {sideMenuItems.length > 0 && (\n - \n
- \n
- {sideMenuTitle} \n {sideMenuItems.map(({\n name, title, url, icon\n }) => (\n
- \n \n {icon}\n {t(title)}\n \n \n ))}\n
\n )}\n - \n
\n \n - \n
\n \n
- \n
- \n \n
![\"Jotform](\"https://www.jotform.com/pdf-templates/assets/img/sign-logo-dark.svg?v=0.1\")
\n \n {t('Create, share, and e-sign documents in minutes using Jotform Sign.')}\n
\n \n {menuItems.map(item => (\n - \n {t(item.title)}\n {item.subMenuItems && (\n
- \n {item.subMenuItems.map(({ name, title, url }) => (\n
- \n {t(title)}\n \n ))}\n {item.seeMore && (\n
- \n \n {t(item.seeMore.title)}\n
\n \n \n )}\n
\n ))}\n
- \n
- \n \n
{t('Automatically create polished, designed documents')}
\n \n {splitArray(menuItems).map(items => (\n - \n {t(title)}\n \n ))}\n
- \n {items.map(({ name, title, url }) => (\n
\n \n
\n );\n};\n\nBadgeGovernment.propTypes = {\n theme: themePropType.isRequired,\n isMobileMenuActive: bool\n};\n\nBadgeGovernment.defaultProps = {\n isMobileMenuActive: false\n};\n\nexport default BadgeGovernment;\n","import React from 'react';\nimport cx from 'classnames';\nimport { bool } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { TEXTS } from '../../constants';\nimport HipaaSvg from '../../assets/svg/hipaa.svg';\nimport { isDarkTheme } from '../../utils';\nimport { themePropType } from '../../propTypes';\n\nconst BadgeHipaa = ({ theme, isMobileMenuActive }) => {\n return (\n \n {(!disableLoginFlow && !hideSignupButton && !isLoggedIn && !replaceAuthButtons && contactSalesAbTestVariation !== CONTACT_SALES_AS_CTA) && (\n
\n \n \n {children}\n \n
\n {noResultFoundText}
\n \n \n {\n if (typeof window.changeLanguage === 'function') {\n const hreflang = languageList.find(lang => lang.includes(selectedLang.split('-')[0]));\n global.window.logAbTestActionLangSwitcher({ action: 'switch-lang', target: selectedLang });\n window.changeLanguage(selectedLang, hreflang);\n }\n }}\n >\n {t('Switch to {language}'.replace('{language}', prettyBrowserLang))}\n {t('Switch')}\n \n
\n \n );\n};\n\nLanguageSwitcher.propTypes = {\n isSticky: bool,\n languageSwitcher: string,\n setLanguageSwitcherVisible: func\n};\n\nLanguageSwitcher.defaultProps = {\n isSticky: false,\n languageSwitcher: { show: false },\n setLanguageSwitcherVisible: f => f\n};\n\nexport default LanguageSwitcher;\n","function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgClose = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 30 30\",\n style: {\n enableBackground: \"new 0 0 30 30\",\n pointerEvents: \"none\"\n },\n xmlSpace: \"preserve\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFFFFF\"\n },\n d: \"M2.8,27.2c0.7,0.7,1.9,0.7,2.6,0c0,0,0,0,0,0l9.6-9.6l9.6,9.6c0.7,0.7,1.9,0.7,2.6,0c0.7-0.7,0.7-1.9,0-2.6l0,0L17.6,15l9.6-9.6c0.7-0.7,0.7-1.9,0-2.6c-0.7-0.7-1.9-0.7-2.6,0L15,12.4L5.4,2.8c-0.7-0.7-1.9-0.7-2.6,0s-0.7,1.9,0,2.6l9.6,9.6l-9.6,9.6C2.1,25.3,2.1,26.5,2.8,27.2z\"\n}));\nexport default SvgClose;","import React, { useContext, useEffect, useState } from 'react';\nimport { bool, func } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport cx from 'classnames';\nimport CloseSvg from '../assets/svg/notifications/close.svg';\nimport { JotformActionsContext } from './Providers/JotformActionsProvider';\nimport { isEnterprise } from '../utils';\n\nconst DeletedFormNotification = ({\n defaultVisible, onClose, isSticky\n}) => {\n const [isVisible, setIsVisible] = useState(defaultVisible);\n const [isAnimationVisible, setIsAnimationVisible] = useState(false);\n const { logHeaderAction } = useContext(JotformActionsContext);\n\n useEffect(() => {\n if (isVisible) {\n logHeaderAction?.({ action: 'seen', target: 'notification' });\n setIsVisible(true);\n setTimeout(() => {\n document.body.classList.add('jf-deleted-form-notification');\n setIsAnimationVisible(true);\n }, 500);\n }\n }, [isVisible]);\n\n const handleCloseClick = () => {\n logHeaderAction?.({ action: 'click', target: 'close-notification' });\n setIsAnimationVisible(false);\n document.body.classList.remove('jf-deleted-form-notification');\n setTimeout(() => {\n setIsVisible(false);\n }, 500);\n onClose();\n };\n\n const handleClick = () => {\n logHeaderAction?.({ action: 'click', target: 'click-on-notification' });\n if (isEnterprise()) {\n global.window.open('/myforms/?action=createWizard', '_blank').focus();\n return;\n }\n global.window.open('/signup/', '_blank').focus();\n };\n\n const deletedFormClass = cx('jfHeader--deleted-form-notification', {\n isSticky\n });\n\n const deletedFormInnerClass = cx('jfHeader--deleted-form-notification-inner', {\n isAnimationVisible\n });\n\n const deletedFormContentClass = cx('jfHeader--deleted-form-notification-content', {\n '': isAnimationVisible\n });\n\n if (!isVisible) return null;\n\n return (\n \n
\n \n {\n if (typeof window.changeLanguage === 'function') {\n const hreflang = languageList.find(lang => lang.includes(newLang.split('-')[0]));\n global.window.logAbTestActionLangSwitcher({ action: 'switch-lang', target: newLang });\n window.changeLanguage(newLang, hreflang);\n }\n }}\n >\n {\n languages.map(language => (\n \n {language.label}\n \n ))\n }\n \n ?\n
\n );\n }\n return text;\n })\n }\n \n \n
\n );\n};\n\nDeletedFormNotification.propTypes = {\n defaultVisible: bool,\n onClose: func,\n isSticky: bool\n};\n\nDeletedFormNotification.defaultProps = {\n defaultVisible: false,\n onClose: f => f,\n isSticky: false\n};\n\nexport default DeletedFormNotification;\n","import React, {\n useContext, useEffect, useCallback, Suspense, lazy, useState, useMemo\n} from 'react';\nimport {\n string, bool, shape, array\n} from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport {\n HeaderBody, themePropType, USER_TYPES, PreLoaders\n} from '@jotforminc/header-body';\nimport { getUrlParameter } from '@jotforminc/utils';\nimport { GrowthAssetManager } from '@jotforminc/growth-asset-manager';\nimport { initLanguageSwitcherTest } from '../utils/abTests/index';\nimport {\n runFooterCustomFunction,\n toggleDocumentOverflowProperty,\n attachObsoleteSignupLoadingFunctionToWindow,\n initLoginFlowTrioButtons,\n initGoogleOneTap,\n listenAppSignInOnFailure,\n addBrowserClassNames,\n exceptionallyOverwriteUserDataForFormUser,\n identifyUserForFullstory,\n FS_PROJECT_NAME,\n isFsEnabledOnPage,\n isAiAgentBannerAvailable,\n showLoginFlowModal,\n yieldToMain\n} from '../utils';\n\nimport {\n useStickyHeader, useEnterprisePromotions, useLazyIntegrationImages, useLazyLoginGroup\n} from '../hooks';\n\nimport { ModeContext } from './Providers/ModeProvider';\nimport { UserContext } from './Providers/UserProvider';\nimport { MobileMenuContext } from './Providers/MobileMenuProvider';\nimport { JotformActionsContext } from './Providers/JotformActionsProvider';\n\nimport LanguageSwitcher from './LanguageSwitcher';\nimport DeletedFormNotification from './DeletedFormNotification';\n\nimport '../styles/header.scss';\n\nconst AppPickerBox = lazy(() => import(/* webpackChunkName: \"AppPickerBoxComponent\" */ './AppPickerBox'));\nconst LoginGroup = lazy(() => import(/* webpackChunkName: \"LoginGroupComponent\" */ './LoginGroup/LoginGroup'));\n\nconst Header = ({\n fullWidth,\n logoProps,\n logoSideLinkProps,\n customNavItems,\n appPickerProps,\n disableLoginFlow,\n hideLoginButton,\n hideSignupButton,\n forceRTL,\n theme,\n bgColor,\n hideAccountBox,\n replaceAuthButtons,\n language,\n defaultNavItems,\n currentPath,\n menuStyles,\n isEnterprise,\n languageSwitcher,\n contactSalesAbTestVariation,\n contactSalesAbTestVariationURL,\n hostname,\n ...props\n}) => {\n const [loadLoginGroup] = useLazyLoginGroup();\n const [isSticky] = useStickyHeader(useContext(ModeContext));\n const [languageSwitcherVisible, setLanguageSwitcherVisible] = useState(false);\n\n const { logHeaderAction } = useContext(JotformActionsContext);\n const { user, userType, isLoggedIn } = useContext(UserContext);\n const { isMobileMenuActive, isMobileScreen, onMobileMenuButtonClick } = useContext(MobileMenuContext);\n\n const disableAccountBox = hideAccountBox || !isLoggedIn;\n const { isAppPickerEnabled = false, appPickerItems = [] } = appPickerProps;\n\n attachObsoleteSignupLoadingFunctionToWindow();\n useEnterprisePromotions(user);\n useLazyIntegrationImages();\n useEffect(() => {\n addBrowserClassNames();\n }, []);\n\n useEffect(() => {\n toggleDocumentOverflowProperty(isMobileMenuActive);\n }, [isMobileMenuActive]);\n\n useEffect(() => {\n if (!user) return;\n if (!disableLoginFlow) {\n initLoginFlowTrioButtons();\n initGoogleOneTap(user);\n listenAppSignInOnFailure();\n }\n runFooterCustomFunction(user);\n exceptionallyOverwriteUserDataForFormUser(user, userType === USER_TYPES.FORM_USER);\n initLanguageSwitcherTest(user, languageSwitcher, setLanguageSwitcherVisible);\n }, [user]);\n\n // A/B Test: landingReactCommonHeader fullstory\n useEffect(() => {\n if (!isFsEnabledOnPage()) return;\n identifyUserForFullstory({\n projectName: FS_PROJECT_NAME,\n username: user?.username,\n isEnabled: true\n });\n }, [user]);\n\n const AppPickerRenderer = useCallback(() => {\n if (isAppPickerEnabled && !isEmpty(user) && appPickerItems.length > 0) {\n return (\n \n \n
\n \n \n {t('Create a New Form')}\n \n
\n {t('Oops! The form you would like to see is deleted. What about creating your own?')}
\n\n \n setIsFeedbackFormOpen(false)}\n >\n setIsIframeLoaded(true)}\n />\n
\n \n );\n};\n\nFeedbackForm.propTypes = {\n user: userPropType.isRequired,\n formUiModifier: string.isRequired\n};\n\nexport default FeedbackForm;\n","import React, {\n useEffect, useMemo, useRef, useState\n} from 'react';\nimport { bool, func, string } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { getDomainURL } from '@jotforminc/request-layer';\nimport { Loading } from '@jotforminc/loading';\nimport {\n ALL_TEXTS, SHORT_LEAD_FORM_IFRAME_ID,\n gaAttributesPropType, gaFormTrackingItemsPropType, userPropType, LEAD_FORM_MAP, SHOULD_SHOW_AD_FORM\n} from '../constants';\nimport {\n getMandatoryPrefillValues,\n getUserPrefillValues, isDevelopment, prepareFormParams\n} from '../utils';\nimport { useHubspotTracker } from '../hooks';\nimport FeedbackForm from './FeedbackForm';\n\nconst PrefilledLeadFormAside = ({\n user,\n title,\n formID: formIdProp,\n devFormID,\n classNames,\n formUiModifier,\n isIframeEmbed,\n gaAttributes,\n gaFormTrackingItems,\n customFormParamsPreparer,\n onFormSubmit,\n pageUrl,\n automatedNurturingSource,\n fullFormPath,\n isPrefillEnabled,\n isAdForm,\n isDynamicHeightEnabled,\n ...props\n}) => {\n const [isFrameLoaded, setIsIframeLoaded] = useState(false);\n const isSubmissionLoggedRef = useRef(false);\n const isFormFillingLoggedRef = useRef(false);\n const isHubspotLoggedRef = useRef(false);\n const formRef = useRef(null);\n const userMandatoryData = useMemo(() => getMandatoryPrefillValues(user), [user]);\n const userData = useMemo(() => getUserPrefillValues(user), [user]);\n const formParamPreparer = customFormParamsPreparer || prepareFormParams;\n let formParams = '';\n if (isPrefillEnabled) {\n formParams = formParamPreparer({\n ...userData, formUiModifier, isIframeEmbed, pageUrl, automatedNurturingSource, ...props\n });\n } else {\n formParams = formParamPreparer({\n ...userMandatoryData, formUiModifier, isIframeEmbed, pageUrl, automatedNurturingSource, ...props\n });\n }\n\n const inferDevFormIdBasedOnAdwordsMode = () => {\n if (!SHOULD_SHOW_AD_FORM) {\n return devFormID;\n }\n\n return !isAdForm ? devFormID : LEAD_FORM_MAP.COMMON.AD_FORM_DEV;\n };\n\n const inferFormIdBasedOnAdwordsMode = () => {\n if (!SHOULD_SHOW_AD_FORM) {\n return formIdProp;\n }\n\n return !isAdForm ? formIdProp : LEAD_FORM_MAP.COMMON.AD_FORM_LIVE;\n };\n\n const formId = isDevelopment() ? inferDevFormIdBasedOnAdwordsMode() : inferFormIdBasedOnAdwordsMode();\n const iframeSrc = fullFormPath ? `${fullFormPath}${formParams}` : `${getDomainURL()}/${formId}${formParams}`;\n\n // hubspot tracking\n const _hsq = window._hsq || [];\n const [isHubspotTrackerLoaded] = useHubspotTracker({ isEnabled: true, user });\n const [iframeHeight, setIframeHeight] = useState('');\n\n // identify user in hubspot\n useEffect(() => {\n if (!isHubspotTrackerLoaded || isHubspotLoggedRef.current) return;\n _hsq.push(['identify', {\n email: user?.email\n }]);\n _hsq.push(['setPath', window.location.href]);\n _hsq.push(['trackPageView']);\n isHubspotLoggedRef.current = true;\n }, [isHubspotTrackerLoaded]);\n\n // listen submission events\n useEffect(() => {\n const handleMessage = event => {\n if (isDynamicHeightEnabled) {\n const [name, height] = event.data?.split(':');\n if (name.includes('setHeight')) {\n setIframeHeight(`${height}px`);\n }\n }\n if (\n // event.origin !== 'https://submit.jotform.com'\n event.data.action !== 'submission-completed'\n || isSubmissionLoggedRef.current) {\n return;\n }\n\n const jobTitle = formRef.current?.querySelector('input[name*=\"jobTitle\"]')?.value || '';\n const country = formRef.current?.querySelector('select[name*=\"country\"]')?.value || '';\n\n window.dataLayer?.push({\n event: 'form_submit_enterprise',\n 'data-id': gaAttributes['data-id'],\n jobTitle,\n country,\n formId\n });\n onFormSubmit();\n isSubmissionLoggedRef.current = true;\n };\n window.addEventListener('message', handleMessage);\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [isFrameLoaded]);\n\n // listen form interactions\n const handleLoad = ({ target }) => {\n try {\n const iframeWindow = target?.contentWindow;\n const iframeDocument = iframeWindow?.document;\n const formElement = iframeDocument?.querySelector('.jotform-form');\n formRef.current = formElement;\n\n // form input\n formElement?.addEventListener('input', () => {\n if (isFormFillingLoggedRef.current) return;\n window.dataLayer?.push({\n event: 'form_start_filling_enterprise',\n 'data-id': gaAttributes['data-id'],\n formId\n });\n isFormFillingLoggedRef.current = true;\n });\n\n // button clicks\n gaFormTrackingItems?.forEach((trackingItem = {}) => {\n const { selector = '', payload = '' } = trackingItem;\n if (!selector || !payload) return;\n const element = iframeDocument?.querySelector(selector);\n\n element?.addEventListener('click', () => {\n window.dataLayer?.push(payload); // ga log\n if (typeof trackingItem.callback === 'function') {\n trackingItem.callback(); // jotform actions log\n }\n });\n });\n } finally {\n setIsIframeLoaded(true);\n }\n };\n\n return (\n <>\n \n Admin Actions\n setIsFeedbackFormOpen(o => !o)}\n hover-tooltip=\"Give feedback to the enterprise asset\"\n >\n
\n\n \n
\n );\n};\n\nAccountBoxAvatar.propTypes = {\n avatarUrl: string,\n onAccountBoxToggle: func,\n username: string\n};\n\nAccountBoxAvatar.defaultProps = {\n avatarUrl: defaultAvatar,\n onAccountBoxToggle: f => f,\n username: undefined\n};\n\nexport default AccountBoxAvatar;\n","export const MENU_BADGE_TYPES = {\n success: 'success',\n warning: 'warning',\n danger: 'danger'\n};\n\nexport const THEME_MAP = {\n LIGHT: 'light',\n DARK: 'dark',\n GRAY: 'gray'\n};\n\nexport const THEME_CLASSNAME_MAP = {\n [THEME_MAP.DARK]: 'isDark',\n [THEME_MAP.LIGHT]: 'isLight',\n [THEME_MAP.GRAY]: 'isGray'\n};\n\nexport const USER_TYPES = {\n USER: 'USER',\n FORM_USER: 'FORM_USER'\n};\n\nexport const MENU_TYPES = {\n TEMPLATES: 'templates',\n INTEGRATIONS: 'integrations',\n PRODUCTS: 'products',\n SUPPORT: 'support',\n SUBMENU: 'submenu',\n SIGN: 'sign',\n PDF_EDITOR: 'pdfEditor'\n};\n\n// A/B Test: contactSalesButtonOnHeader\nexport const CONTACT_SALES_AB_TEST_VARIATIONS = {\n CONTROL_VARIANT: '28511',\n CONTACT_SALES_AS_CTA: '28521',\n CONTACT_SALES_AS_ITEM: '28531',\n NO_INTEGRATIONS_MENU: '28541'\n};\n","import {\n bool, element, oneOf, shape, string\n} from 'prop-types';\nimport { THEME_MAP, USER_TYPES } from '../constants';\n\nexport const themePropType = oneOf([THEME_MAP.DARK, THEME_MAP.LIGHT, THEME_MAP.GRAY]);\n\nexport const userTypePropType = oneOf([USER_TYPES.USER, USER_TYPES.FORM_USER]);\n\nexport const logoPropsPropTypes = shape({\n logoUrl: string,\n logoFullLight: bool,\n enterpriseLogoSrc: string,\n customLogoAsReactElement: element,\n customLogoAsHtmlString: string,\n customDarkLogoAsHtmlString: string\n});\n\nexport const logoPropsDefaultProps = {\n logoUrl: '/',\n logoFullLight: false,\n enterpriseLogoSrc: '',\n customLogoAsReactElement: null,\n customLogoAsHtmlString: '',\n customDarkLogoAsHtmlString: ''\n};\n\nexport const logoSideLinkPropsPropTypes = shape({\n sideLinkUrl: string,\n sideLinkText: string,\n sideLinkTextColor: string,\n sideLinkClassName: string,\n dividerColor: string,\n sideLinkLogoAsHtmlString: string\n});\n\nexport const logoSideLinkPropsDefaultProps = {\n sideLinkUrl: '#',\n sideLinkText: '',\n sideLinkTextColor: '',\n sideLinkClassName: '',\n dividerColor: '',\n sideLinkLogoAsHtmlString: ''\n};\n","import { CONTACT_SALES_AB_TEST_VARIATIONS, THEME_MAP } from '../constants';\n\nexport const isDevelopment = global?.JOTFORM_ENV === 'DEVELOPMENT';\nexport const isTesting = global?.JOTFORM_ENV === 'TESTING';\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 splitArray = arr => {\n const len = arr.length;\n const mid = len % 2 === 0 ? len / 2 : Math.floor(len / 2) + 1;\n return [arr.slice(0, mid), arr.slice(mid)];\n};\n\nexport const isDarkTheme = theme => THEME_MAP.DARK === theme;\n\nexport const isLightTheme = theme => THEME_MAP.LIGHT === theme;\n\nexport const isGrayTheme = theme => THEME_MAP.GRAY === theme;\n\n// TODO: we should add URL polyfill to SSR side and remove this function.\nconst removeHost = url => {\n const url_ = url.split('://');\n return url_[1] ? `/${url_[1].split('/').slice(1).join('/')}` : url;\n};\n\nexport const isSamePath = (url, currentPath) => {\n if (!url || !currentPath) {\n return false;\n }\n\n const urlWithoutSearch = url.split('?')[0];\n const pathname = removeHost(urlWithoutSearch);\n\n return pathname.endsWith('/')\n ? pathname === (currentPath.endsWith('/') ? currentPath : `${currentPath}/`)\n : pathname === (currentPath.endsWith('/') ? currentPath.slice(0, -1) : currentPath);\n};\n\n// A/B Test: contactSalesButtonOnHeader\nexport const shouldRenderSignupButton = ({ hideSignupButton, contactSalesAbTestVariation }) => {\n const { CONTACT_SALES_AS_CTA } = CONTACT_SALES_AB_TEST_VARIATIONS;\n if (hideSignupButton) {\n return false;\n }\n if (CONTACT_SALES_AS_CTA === contactSalesAbTestVariation) {\n return false;\n }\n return true;\n};\n","import React, {\n createContext, useContext,\n useMemo\n} from 'react';\nimport { node } from 'prop-types';\nimport { ActionManager } from '../../utils';\nimport {\n ACTIONS_PROJECT_NAME, LOGIN_FLOW_ACTIONS_PROJECT_NAME\n} from '../../constants';\nimport { UserContext } from './UserProvider';\n\nexport const JotformActionsContext = createContext({\n logHeaderAction: f => f,\n logLoginFlowAction: f => f\n});\n\nconst JotformActionsProvider = ({ children }) => {\n const { user } = useContext(UserContext);\n\n const { registerJotformAction: logHeaderAction = f => f } = useMemo(() => new ActionManager({ user, projectName: ACTIONS_PROJECT_NAME }), [user]);\n const { registerJotformAction: logLoginFlowAction = f => f } = useMemo(() => new ActionManager({ user, projectName: LOGIN_FLOW_ACTIONS_PROJECT_NAME }), [user]);\n\n return (\n \n \n
\n {children}
);\n\nDialogRenderer.propTypes = { children: node };\nDialogRenderer.defaultProps = { children: null };\n\nexport const ContentRenderer = ({ children, ...props }) => (\n \n
\n);\n\nContentRenderer.propTypes = { children: node };\nContentRenderer.defaultProps = { children: null };\n\nexport const HeaderRenderer = ({ onCloseClick, ...props }) => (\n \n {children}\n
\n \n {/* left col */}\n
\n \n );\n});\n\nEducationReportModal.propTypes = {\n title: string,\n middleTitle: string,\n descriptionText: string,\n explanationText: string,\n user: userPropType.isRequired,\n gaAttributes: gaAttributesPropType.isRequired,\n gaAttributesClose: gaAttributesPropType.isRequired,\n gaFormTrackingItems: gaFormTrackingItemsPropType.isRequired,\n formUiModifier: string,\n onClose: func,\n onCloseClick: func,\n onFormSubmit: func\n};\n\nEducationReportModal.defaultProps = {\n title: '',\n middleTitle: '',\n descriptionText: '',\n explanationText: '',\n formUiModifier: '',\n onClose: f => f,\n onCloseClick: f => f,\n onFormSubmit: f => f\n};\n\nexport default EducationReportModal;\n","import React, { useEffect } from 'react';\nimport { func } from 'prop-types';\nimport {\n ASSET_IDENTIFIER, ALL_TEXTS, GA_FORM_TRACKING_ITEMS, userPropType,\n GA_SUFFIXES, createGaAttributes, gaDataLayerPushClose, mapCallbacksToGaTrackingItems, setEPActions\n} from '@jotforminc/enterprise-promotions-utils';\nimport EducationReportModal from './EducationReportModal';\n\n// Educator's Technology Toolkit Report Modal\nconst EttEducationGatedContentModal = (({\n user,\n onClose\n}) => {\n const { CAMPAIGN: { ETT_EDUCATION_GATED_CONTENT_MODAL: target } } = ASSET_IDENTIFIER;\n let { [target]: gaFormTrackingItems } = GA_FORM_TRACKING_ITEMS;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesClose = createGaAttributes(target, GA_SUFFIXES.CLOSE);\n\n useEffect(() => {\n setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleClose = () => {\n gaDataLayerPushClose(gaAttributes);\n setEPActions({ asset: target, target, action: 'close' });\n onClose();\n };\n\n const handleCloseClick = () => {\n setEPActions({ asset: target, target: 'closeButton', action: 'click' });\n };\n\n const handleGetInsightsNowClick = () => {\n setEPActions({ asset: target, target: 'getInsightsNowButton', action: 'click' });\n };\n\n const handleFormSubmit = () => {\n setEPActions({ asset: target, target, action: 'formSubmit' });\n };\n\n gaFormTrackingItems = mapCallbacksToGaTrackingItems(gaFormTrackingItems, [handleGetInsightsNowClick]);\n\n return (\n \n
\n {/* right col */}\n \n {title &&
\n {t(title)}
}\n {middleTitle &&{t(middleTitle)}
}\n {descriptionText &&{t(descriptionText)}
}\n\n
\n\n {children}
);\n\nDialogRenderer.propTypes = { children: node };\nDialogRenderer.defaultProps = { children: null };\n\nexport const ContentRenderer = ({ children, ...props }) => (\n \n {children}\n
\n);\n\nContentRenderer.propTypes = { children: node };\nContentRenderer.defaultProps = { children: null };\n\nexport const HeaderRenderer = ({ onCloseClick, ...props }) => (\n <>\n \n
\n \n ![{t(ALL_TEXTS.HEALTHCARE_REPORT_MODAL_TITLE)}](\"//cdn.jotfor.ms/assets/img/enterprise/healthcare-report/healthcare-icon.png\")
\n
\n \n \n
\n {t(ALL_TEXTS.HEALTHCARE_REPORT_MODAL_TITLE)}
\n{t(ALL_TEXTS.HEALTHCARE_REPORT_MODAL_CONTENT)}
\n\n
\n \n );\n};\n\nHealthcareReportModal.propTypes = {\n user: userPropType.isRequired,\n modalProps: object,\n onClose: func\n};\n\nHealthcareReportModal.defaultProps = {\n modalProps: {},\n onClose: f => f\n};\n\nexport default HealthcareReportModal;\n","import { renderAsset } from '@jotforminc/enterprise-promotions-utils';\nimport { HealthcareReportModal } from '../components';\n\nconst renderHealthcareReportModal = ({\n targetSelector,\n ...props\n}) => {\n renderAsset({\n Asset: HealthcareReportModal,\n rootElementId: targetSelector,\n ...props\n });\n};\n\nexport default renderHealthcareReportModal;\n","export const enabledPages = [\n '/blog/healthcare/',\n '/pdf-templates/e-sign/healthcare',\n '/pdf-templates/healthcare',\n '/table-templates/category/healthcare',\n '/hipaa/templates/',\n '/hipaa/webinar/hipaa-webinar-for-healthcare-providers/',\n '/app-templates/category/healthcare-app-templates',\n '/hipaa/webinar/remote-healthcare-webinar/',\n '/hipaa/webinar/hipaa-compliance-mistakes-webinar/',\n '/what-is-hipaa-compliance/',\n '/form-templates/category/health',\n '/blog/how-to-organize-your-vaccine-distribution-with-jotform/',\n '/approval-templates/category/healthcare',\n '/blog/hipaa-violations/',\n '/hipaa/webinar/managing-vaccine-distribution/',\n '/blog/contactless-screening-for-covid-19/',\n '/blog/shared-decision-making-in-healthcare/',\n '/blog/what-is-a-baa/',\n '/blog/announcing-jotform-health-app/',\n '/form-templates/category/health-coach-forms',\n '/products/approvals/healthcare/',\n '/blog/hippa-compliant/',\n '/form-templates/category/physician-forms',\n '/electronic-signature-for-healthcare/',\n '/form-templates/category/psychologist-forms',\n '/blog/hipaa-compliant-survey-tools/',\n '/form-templates/category/dentist-forms',\n '/form-templates/category/nurse-forms',\n '/form-templates/category/dietitian-forms',\n '/form-templates/category/therapist-forms',\n '/blog/employee-health-screening/',\n '/form-templates/category/esthetician-forms',\n '/form-templates/category/pharmacist-forms',\n '/blog/patients-right-to-access-under-hipaa-webinar/',\n '/home-health-care-forms/',\n '/hipaa/',\n '/hipaa/best-hipaa-compliant-cloud-storage-solutions/',\n '/blog/best-hipaa-compliant-software-products/',\n '/hipaa/features/',\n '/newsletters/announcing-our-new-touchless-mobile-kiosk-and-jotform-health-app/',\n '/blog/best-hipaa-compliant-email-providers/',\n '/blog/when-do-you-need-to-use-hipaa-medical-records-release-form/',\n '/blog/case-study-body-brave/',\n '/blog/jotform-enterprise-one-to-one-health-spotlight/',\n '/enterprise/whitepapers/mastering-your-digital-healthcare-toolkit/',\n '/blog/healthcare-automation/',\n '/blog/healthcare-automation-strategies-webinar/',\n '/blog/case-study-orthoillinois/',\n '/blog/case-study-one-to-one-health/'\n];\n","import { renderHealthcareReportModal } from '@jotforminc/enterprise-promotions';\nimport { readCookie } from '@jotforminc/utils';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { StorageHelper } from '@jotforminc/storage-helper';\n\nimport { userSeenCampaign, getCurrentDateWithoutTimeZone, isGuest } from '../../utils';\nimport { enabledPages } from './enabledPages';\n\nexport const initEpHealthcareReportModal = async user => {\n const isAvailableInPage = enabledPages.includes(window.location.pathname);\n if (!isAvailableInPage) return;\n\n const isEnabled = true;\n const urlParam = 'hcrm';\n const seenAtKey = 'enterprise2024HealthcareReportModalSeenAt';\n const urlParams = new URLSearchParams(window.location.search);\n const hasUrlParam = urlParams.has(urlParam);\n const isUserHasAdCookie = readCookie('adwords_mode') === 'on';\n const isGuestUser = isGuest(user);\n const shouldRenderForGuest = isGuestUser && isEnabled && !isEnterprise() && !StorageHelper.getLocalStorageItem({ key: seenAtKey }) && !isUserHasAdCookie;\n\n try {\n const regularUserNotSeenYet = !(await userSeenCampaign(seenAtKey));\n const shouldRenderForRegularUser = !isGuestUser && isEnabled && !isEnterprise && !isUserHasAdCookie && regularUserNotSeenYet;\n const shouldRender = shouldRenderForGuest || shouldRenderForRegularUser || hasUrlParam;\n\n if (!shouldRender) return;\n\n // hotfix for guest users, user settings data return undefined from backend\n if (isGuestUser) {\n StorageHelper.setLocalStorageItem({ key: seenAtKey, value: getCurrentDateWithoutTimeZone() });\n }\n\n let isInitiated = false;\n document.documentElement?.addEventListener('mouseleave', () => {\n if (isInitiated) return;\n isInitiated = true;\n renderHealthcareReportModal({\n user,\n targetSelector: '#healthcare-report-modal-root'\n });\n });\n } catch (error) {\n console.log(`Error on initializing epHealthcareReportModal: ${error}`);\n }\n};\n","import { t } from '@jotforminc/translation';\nimport React, { useEffect } from 'react';\nimport {\n GA_SUFFIXES, createGaAttributes, saveCustomerAsHubspotFormByUsername, setEPActions,\n ASSET_IDENTIFIER, ALL_TEXTS, CTA_URLS, SDR_SOURCES\n} from '@jotforminc/enterprise-promotions-utils';\nimport IconEnterprise from '../../../assets/svg/generalFaqProfessionalServicesBanner/rocket.svg';\nimport '../../../styles/generalFaqProfessionalServicesBanner.scss';\n\nconst GeneralFaqProfessionalServicesBanner = () => {\n const { PRODUCT: { GENERAL_FAQ_PROF_SERVICES_BANNER: target } } = ASSET_IDENTIFIER;\n const {\n GENERAL_FAQ_PROFESSIONAL_SERVICES: {\n CONTACT_SALES_URL,\n LEARN_MORE_URL\n }\n } = CTA_URLS;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesGaq = createGaAttributes(target, GA_SUFFIXES.GET_A_QUOTE);\n const gaAttributesLm = createGaAttributes(target, GA_SUFFIXES.LEARN_MORE);\n\n useEffect(() => {\n // registerJotformAction({ action: 'seen', target });\n setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleGetAQuoteClick = () => {\n // registerJotformAction({ action: 'click', target: `getAQuoteButton-${target}` });\n setEPActions({ asset: target, target: 'getAQuoteButton', action: 'click' });\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.GENERAL_FAQ_PROF_SERVICES_BANNER });\n };\n\n const handleLearnMoreClick = () => {\n // registerJotformAction({ action: 'click', target: `learnMoreButton-${target}` });\n setEPActions({ asset: target, target: 'learnMoreButton', action: 'click' });\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.GENERAL_FAQ_PROF_SERVICES_BANNER });\n };\n\n return (\n \n ![{t(ALL_TEXTS.HEALTHCARE_REPORT_MODAL_TITLE)}](\"//cdn.jotfor.ms/assets/img/enterprise/healthcare-report/report-cover-2024.png?v=0.0.2\")
\n
\n \n \n
\n \n
\n \n {t(ALL_TEXTS.GET_HANDS_ON_PROFESSIONAL_SERVICES)}\n
\n{t(ALL_TEXTS.GET_HANDS_ON_PROFESSIONAL_SERVICES_DESCRIPTION)}
\n\n {/* get a quote */}\n \n {t(ALL_TEXTS.GET_A_QUOTE)}\n \n {/* learn more */}\n \n {t(ALL_TEXTS.LEARN_MORE)}\n \n
\n \n );\n};\n\nexport default GeneralFaqProfessionalServicesBanner;\n","import { t } from '@jotforminc/translation';\nimport React, { useEffect } from 'react';\nimport {\n GA_SUFFIXES, createGaAttributes, saveCustomerAsHubspotFormByUsername, setEPActions,\n ASSET_IDENTIFIER, ALL_TEXTS, CTA_URLS, SDR_SOURCES\n} from '@jotforminc/enterprise-promotions-utils';\nimport IconEnterprise from '../../../assets/svg/userGuideProfessionalServices/rocket.svg';\nimport '../../../styles/userGuideProfessionalServicesBanner.scss';\n\nconst UserGuideProfessionalServicesBanner = () => {\n const { PRODUCT: { USER_GUIDE_PROF_SERVICES_BANNER: target } } = ASSET_IDENTIFIER;\n const {\n USER_GUIDE_PROFESSIONAL_SERVICES: {\n CONTACT_SALES_URL,\n LEARN_MORE_URL\n }\n } = CTA_URLS;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesGaq = createGaAttributes(target, GA_SUFFIXES.GET_A_QUOTE);\n const gaAttributesLm = createGaAttributes(target, GA_SUFFIXES.LEARN_MORE);\n\n useEffect(() => {\n // registerJotformAction({ action: 'seen', target });\n setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleGetAQuoteClick = () => {\n // registerJotformAction({ action: 'click', target: `getAQuoteButton-${target}` });\n setEPActions({ asset: target, target: 'getAQuoteButton', action: 'click' });\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.USER_GUIDE_PROF_SERVICES_BANNER });\n };\n\n const handleLearnMoreClick = () => {\n // registerJotformAction({ action: 'click', target: `learnMoreButton-${target}` });\n setEPActions({ asset: target, target: 'learnMoreButton', action: 'click' });\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.USER_GUIDE_PROF_SERVICES_BANNER });\n };\n\n return (\n \n \n
\n
\n \n
\n {t(ALL_TEXTS.GET_HANDS_ON_PROFESSIONAL_SERVICES_DESCRIPTION)}
\n\n {/* get a quote */}\n \n {t(ALL_TEXTS.GET_A_QUOTE)}\n \n {/* learn more */}\n \n {t(ALL_TEXTS.LEARN_MORE)}\n \n
\n \n );\n};\n\nexport default UserGuideProfessionalServicesBanner;\n","/* global HTMLElement */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { getRootElement } from '@jotforminc/enterprise-promotions-utils';\nimport { UserGuideProfessionalServicesBanner, GeneralFaqProfessionalServicesBanner } from '../components';\n\nconst renderProfServicesAsset = ({ assetName, rootElementId, ...props }) => {\n const rootEl = getRootElement(rootElementId);\n\n if (!(rootEl instanceof HTMLElement)) return;\n\n const assetMap = {\n GeneralFaqProfessionalServicesBanner,\n UserGuideProfessionalServicesBanner\n };\n\n const SelectedAsset = assetMap[assetName];\n\n ReactDOM.render(\n {children}
);\n\nDialogRenderer.propTypes = { children: node };\nDialogRenderer.defaultProps = { children: null };\n\nexport const ContentRenderer = ({ children, ...props }) => (\n \n
\n);\n\nContentRenderer.propTypes = { children: node };\nContentRenderer.defaultProps = { children: null };\n\nexport const HeaderRenderer = ({ onCloseClick, ...props }) => (\n \n {children}\n
\n \n
\n \n );\n});\n\nEducationDiscountModal.propTypes = {\n user: userPropType.isRequired,\n gaFormTrackingItems: gaFormTrackingItemsPropType.isRequired,\n onClose: func,\n logAbTestAction: func,\n from: string,\n isTestVariant: bool.isRequired\n};\n\nEducationDiscountModal.defaultProps = {\n onClose: f => f,\n logAbTestAction: f => f,\n from: ''\n};\n\nexport default EducationDiscountModal;\n","import React, { useEffect, useRef } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { bool, func } from 'prop-types';\nimport { IconRocketSquareFilled } from '@jotforminc/svg-icons';\nimport Tracking from '@jotforminc/tracking';\nimport {\n ALL_TEXTS, ASSET_IDENTIFIER, GA_FORM_TRACKING_ITEMS, userPropType,\n createGaAttributes, GA_SUFFIXES, renderModal,\n PrefilledLeadFormAside\n} from '@jotforminc/enterprise-promotions-utils';\nimport '../../../styles/blogEducationSideBanner.scss';\nimport { EducationDiscountModal } from '../../Modals';\n\nconst BlogEducationSideBanner = ({\n user, logAbTestAction, isFormVisible, isTestVariant\n}) => {\n const sectionRef = useRef();\n const { PRODUCT: { BLOG_EDUCATION_SIDE_BANNER } } = ASSET_IDENTIFIER;\n const target = BLOG_EDUCATION_SIDE_BANNER;\n const { [target]: gaFormTrackingItems } = GA_FORM_TRACKING_ITEMS;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesAn = createGaAttributes(target, GA_SUFFIXES.APPLY_NOW);\n const pageUrl = window.location.pathname;\n\n useEffect(() => {\n logAbTestAction({ action: 'seen', target });\n Tracking.enableFS({ epBlogBannerSetII_bool: true });\n }, []);\n\n const handleApplyNowClick = () => {\n renderModal({\n user,\n Modal: EducationDiscountModal,\n logAbTestAction,\n from: target,\n isTestVariant\n });\n logAbTestAction({ action: 'click', target: `contactSales-${target}` });\n };\n\n return (\n \n \n 
\n
\n {/* aside */}\n \n {translationRenderer(ALL_TEXTS.APPLY_ENTERPRISE_TO_GET_DISCOUNT_ED_TECH_LINED)({\n renderer1: nowrapText => (\n \n {nowrapText}\n \n )\n })}\n
\n
\n \n
\n \n
\n );\n};\n\nBlogEducationSideBanner.propTypes = {\n user: userPropType.isRequired,\n logAbTestAction: func,\n isFormVisible: bool,\n isTestVariant: bool.isRequired\n};\n\nBlogEducationSideBanner.defaultProps = {\n logAbTestAction: f => f,\n isFormVisible: true\n};\n\nexport default BlogEducationSideBanner;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BlogEducationSideBanner } from '../components';\n\nconst renderFerpaBanner = ({\n rootEl = null,\n user = null,\n logAbTestAction = f => f,\n isTestVariant = false\n}) => {\n if (!rootEl) return;\n\n ReactDOM.render(\n \n \n {t(ALL_TEXTS.CONTACT_SALES)}\n \n )}\n\n
\n {isFormVisible && (\n \n
\n {t(ALL_TEXTS.APPLY_ENTERPRISE_TO_GET_DISCOUNT_ED_TECH)}
\n\n
\n\n {!isFormVisible && (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )}\n {children}
);\n\nDialogRenderer.propTypes = { children: node };\nDialogRenderer.defaultProps = { children: null };\n\nexport const ContentRenderer = ({ children, ...props }) => (\n \n
\n);\n\nContentRenderer.propTypes = { children: node };\nContentRenderer.defaultProps = { children: null };\n\nexport const HeaderRenderer = ({ onCloseClick, ...props }) => (\n \n {children}\n
\n \n
\n );\n};\n\nPdfDownloadModal.propTypes = {\n user: userPropType.isRequired,\n modalProps: object,\n defaultVisible: bool,\n onClose: func,\n logAbTestAction: func,\n iconUrl: string.isRequired,\n title: string.isRequired,\n description: string.isRequired,\n pdfUrl: string.isRequired\n};\n\nPdfDownloadModal.defaultProps = {\n modalProps: {},\n defaultVisible: true,\n onClose: f => f,\n logAbTestAction: f => f\n};\n\nexport default PdfDownloadModal;\n","import React, { useEffect } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { arrayOf, object, string } from 'prop-types';\nimport '../../../styles/blogDownloadBanner.scss';\nimport {\n ASSET_IDENTIFIER, ALL_TEXTS, userPropType, renderModal, setEPActions, createGaAttributes, GA_SUFFIXES\n} from '@jotforminc/enterprise-promotions-utils';\nimport { IconCheck, LogoJotformColor } from '@jotforminc/svg-icons';\nimport { PdfDownloadModal } from '../../Modals';\nimport ReportVisual from '../../../assets/svg/blogDownloadBanner/visual.svg';\n\nconst BlogDownloadBanner = ({\n user, badgeText, bannerTitle, bannerDescription, bannerVisualUrl, bannerItems, modalProps, pdfUrl\n}) => {\n const { PRODUCT: { PDF_DOWNLOAD_BANNER: target } } = ASSET_IDENTIFIER;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesGetPdf = createGaAttributes(target, GA_SUFFIXES.GET_PDF);\n\n useEffect(() => {\n setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleClick = () => {\n setEPActions({ asset: target, target: 'getPdfButton', action: 'click' });\n\n renderModal({\n user,\n modalProps,\n pdfUrl,\n Modal: PdfDownloadModal\n });\n };\n\n return (\n \n
\n \n \n
\n \n 
\n
\n \n {title}\n {description}\n
\n \n
\n \n {badgeText}\n \n \n {bannerTitle}\n :\n {' '}\n \n\n \n {bannerDescription}\n \n \n
\n - \n {bannerItems.map(item => (\n
- \n
\n {item}\n \n )\n )}\n - \n
\n And more\n \n
\n \n {t(ALL_TEXTS.GET_PDF)}\n \n
\n \n\n );\n};\n\nBlogDownloadBanner.propTypes = {\n user: userPropType,\n badgeText: string.isRequired,\n bannerTitle: string.isRequired,\n bannerDescription: string.isRequired,\n bannerVisualUrl: string.isRequired,\n pdfUrl: string.isRequired,\n bannerItems: arrayOf(string).isRequired,\n modalProps: object.isRequired\n};\n\nBlogDownloadBanner.defaultProps = {\n user: {}\n};\n\nexport default BlogDownloadBanner;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BlogDownloadBanner } from '../components';\n\nconst renderBlogCaseStudies = (props, rootEl) => {\n if (!rootEl) return;\n\n ReactDOM.render(\n \n
\n\n \n
\n\n {children}
);\n\nDialogRenderer.propTypes = { children: node };\nDialogRenderer.defaultProps = { children: null };\n\nexport const ContentRenderer = ({ children, ...props }) => (\n \n
\n);\n\nContentRenderer.propTypes = { children: node };\nContentRenderer.defaultProps = { children: null };\n\nexport const HeaderRenderer = ({ onCloseClick, ...props }) => (\n \n {children}\n
\n \n
\n \n );\n};\n\nAdvertisementLeadFlowModal.propTypes = {\n badgeText: string,\n user: userPropType.isRequired,\n modalProps: object,\n onClose: func,\n onCloseClick: func,\n gaAttributes: gaAttributesPropType.isRequired,\n gaAttributesClose: gaAttributesPropType.isRequired,\n gaFormTrackingItems: gaFormTrackingItemsPropType.isRequired,\n onSeen: func,\n onFormSubmit: func\n};\n\nAdvertisementLeadFlowModal.defaultProps = {\n badgeText: ALL_TEXTS.BEFORE_YOU_GO,\n modalProps: {},\n onClose: f => f,\n onCloseClick: f => f,\n onSeen: f => f,\n onFormSubmit: f => f\n};\n\nexport default AdvertisementLeadFlowModal;\n","import React, { useEffect } from 'react';\nimport { func, string } from 'prop-types';\nimport {\n ASSET_IDENTIFIER, GA_FORM_TRACKING_ITEMS, userPropType,\n GA_SUFFIXES, createGaAttributes, gaDataLayerPushClose, mapCallbacksToGaTrackingItems, setEPActions, setEpUserSettings\n} from '@jotforminc/enterprise-promotions-utils';\nimport AdvertisementLeadFlowModal from './AdvertisementLeadFlowModal';\n\nconst AdSecondExitIntentModal = ({\n logAbTestAction, seenAtKey, onClose, ...props\n}) => {\n const { AB_TEST: { AD_SECOND_EXIT_INTENT_MODAL: target } } = ASSET_IDENTIFIER;\n let { [target]: gaFormTrackingItems } = GA_FORM_TRACKING_ITEMS;\n\n const gaAttributes = createGaAttributes(target);\n const gaAttributesClose = createGaAttributes(target, GA_SUFFIXES.CLOSE);\n\n useEffect(() => {\n setEpUserSettings(seenAtKey);\n }, []);\n\n const handleSeen = () => {\n const actionData = { action: 'seen', target };\n\n logAbTestAction(actionData);\n setEPActions({ asset: target, ...actionData });\n };\n\n const handleCloseClick = () => {\n logAbTestAction({ action: 'click', target: `closeButton-${target}` });\n setEPActions({ asset: target, target: 'closeButton', action: 'click' });\n };\n\n const handleClose = () => {\n gaDataLayerPushClose(gaAttributes);\n\n const actionData = { action: 'close', target };\n\n logAbTestAction(actionData);\n setEPActions({ asset: target, ...actionData });\n\n onClose();\n };\n\n const handleSendRequest = () => {\n logAbTestAction({ action: 'click', target: `sendRequestButton-${target}` });\n setEPActions({ asset: target, target: 'sendRequestButton', action: 'click' });\n };\n\n const handleFormSubmit = () => {\n const actionData = { action: 'formSubmit', target };\n\n logAbTestAction(actionData);\n setEPActions({ asset: target, ...actionData });\n };\n\n gaFormTrackingItems = mapCallbacksToGaTrackingItems(gaFormTrackingItems, [handleSendRequest]);\n\n return (\n \n \n {t(badgeText)}\n \n
\n {/* aside */}\n \n {t(ALL_TEXTS.ADV_TITLE_1)}\n
\n\n
\n \n {/* toggle */}\n \n
\n );\n};\n\nAdvertisementLeadFlowBanner.propTypes = {\n isExitIntentModalAvailable: bool,\n user: userPropType.isRequired,\n logAbTestAction: func,\n seenAtKey: string.isRequired\n};\n\nAdvertisementLeadFlowBanner.defaultProps = {\n isExitIntentModalAvailable: false,\n logAbTestAction: f => f\n};\n\nexport default AdvertisementLeadFlowBanner;\n","import { ActionManager } from '@jotforminc/abtest-manager';\nimport { useEffect, useRef, useState } from 'react';\nimport { ACTION_PROJECT_NAMES } from '@jotforminc/enterprise-promotions-utils';\n\nconst useActionManager = (user, projectName = ACTION_PROJECT_NAMES.ENTERPRISE_PROMOTIONS, trackOnce = false) => {\n const [actionsLoaded, setActionsLoaded] = useState(false);\n const actionManagerRef = useRef(f => f);\n\n useEffect(() => {\n const actionManager = new ActionManager({\n user,\n trackOnce,\n projectName\n });\n actionManagerRef.current = actionManager.registerJotformAction;\n setActionsLoaded(loaded => !loaded);\n }, [user]);\n\n return [actionsLoaded, actionManagerRef.current];\n};\n\nexport default useActionManager;\n","import { bool } from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\nimport Tracking from '@jotforminc/tracking';\n\nimport { userPropType } from '@jotforminc/enterprise-promotions-utils';\nimport { AdvertisementLeadFlowBanner } from '../../../Banners';\nimport { useActionManager } from '../../../../hooks';\n\n// A/B Test: epAdLeadFlow\nconst AdvertisementLeadFlow = ({\n user,\n isExitIntentModalAvailable,\n ...props\n}) => {\n const [actionsLoaded, registerJotformAction] = useActionManager(user, 'epAdLeadFlow');\n const logAbTestActionRef = useRef(f => f);\n\n useEffect(() => {\n logAbTestActionRef.current = registerJotformAction;\n Tracking.enableFS({ advertisementLeadFlow_bool: true });\n }, [actionsLoaded]);\n\n return (\n \n
\n \n
\n {t(ALL_TEXTS.ADV_BANNER_TITLE)}
\n\n {/* request a demo */}\n \n {t(ALL_TEXTS.REQUEST_A_DEMO)}\n \n {/* not now */}\n \n {t(ALL_TEXTS.NOT_NOW)}\n \n
\n Multiple submissions are disabled for this form.',\n reviewBackText: 'Back to Form',\n seeAllText: 'See All',\n progressMiddleText: 'of',\n fieldError: 'field has an error.',\n error: 'Error'\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport classNames from 'classnames';\n\nimport {\n IconCheck, IconExclamationTriangleFilled, IconLinkDiagonalBroken, IconTrashExclamationFilled, IconXmark\n} from '@jotforminc/svg-icons';\nimport { t } from '@jotforminc/translation';\nimport IconHIPAAWarning from '../assets/svg/iconHipaaWarning.svg';\n\nimport '../styles/_jfDialog.scss';\n\nclass Dialog extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n loadingState: 'default'\n };\n }\n\n onSubmit = e => {\n e.preventDefault();\n\n const { onSubmit } = this.props;\n onSubmit(e.target.doNotShowAgain ? { doNotShowAgain: e.target.doNotShowAgain.checked } : null);\n };\n\n onCancel = e => {\n if (e) {\n e.preventDefault();\n }\n const { onClose, modalID } = this.props;\n\n onClose(modalID);\n };\n\n onOtherButtonClickHandle = async (loadingButtonEnable, onOtherButtonClick) => {\n if (loadingButtonEnable) {\n this.setState({ loadingState: 'loading' });\n await onOtherButtonClick();\n setTimeout(() => {\n this.setState({ loadingState: 'default' });\n }, 2000);\n return;\n }\n onOtherButtonClick();\n };\n\n get headerIcon() {\n const { type } = this.props;\n switch (type) {\n case 'warning':\n return {\n svg:
\n
\n );\n});\n\nOFACModal.propTypes = {\n isModal: PropTypes.bool,\n email: PropTypes.string\n};\n\nOFACModal.defaultProps = {\n isModal: false,\n email: ''\n};\n\nexport default OFACModal;\n","/* eslint-disable no-param-reassign */\nimport React, { createRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport OFACModal from './OFACModal';\nimport { getPortalElement } from '../../utils/helper';\n\nconst openOFACModal = (ref, email) => {\n if (!ref) {\n ref = createRef();\n }\n\n const portalElement = getPortalElement('ofacModal');\n ReactDOM.render(\n {isModal && (\n \n
\n \n
\n \n {t('Sorry, you can’t signup from this country')}\n
\n\n
\n \n {t('We comply with OFAC’s (The Office of Foreign Assets Control) sanctions and under those sanctions, we no longer serve users from your country.')}\n
\n\n {t('Thank you for your interest in Jotform!')}\n
\n\n \n {t('Contact Us')}\n \n
\n \n {checkReuse ? (\n <>\n
\n {t(message)}\n
\n );\n};\n\nErrorAlert.propTypes = {\n message: string.isRequired,\n enableScreenReaderAlert: bool\n};\n\nErrorAlert.defaultProps = {\n enableScreenReaderAlert: true\n};\n\nexport default ErrorAlert;\n","/* eslint-disable max-len */\n/* eslint-disable max-statements */\nimport React, {\n forwardRef, useImperativeHandle, useState, useRef, useEffect\n} from 'react';\nimport {\n bool, func, shape, string\n} from 'prop-types';\nimport { Hooks } from '@jotforminc/uikit';\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nimport '../../styles/style.scss';\nimport { IconEyeSlashFilled, IconEyeFilled } from '@jotforminc/svg-icons';\nimport { checkPasswordReuse, fetchUserCredentialRuleSet } from '../../utils/helper';\nimport { ScPassword } from './scPassword';\nimport RequirementsList from './RequirementsList';\nimport { REGULAR_VALIDATOR_RULE_DEFAULTS, SECURE_VALIDATOR_RULE_DEFAULTS } from './constants';\nimport ErrorAlert from '../ErrorAlert';\n\n// eslint-disable-next-line complexity\nconst Password = forwardRef(({\n getCurrentPasswordValue,\n hasForgotPassUI,\n forgotPassFunc,\n passwordLabel,\n passwordConfirmationLabel,\n secure,\n secureDisplay,\n toggleSecureDisplay,\n checkReuse,\n includeConfirm,\n onKeyDown,\n passwordErrorServer,\n resetPasswordError,\n setSecurePaswordError,\n callbackConfirmPassError,\n userType,\n requestCurrentPassword,\n allowPasswordShow,\n onChange,\n onPasswordInputBlur,\n sendValueToParent,\n initialValue,\n clearInitialOnFocus,\n hasErrorMessage,\n hasSecureTextIcon,\n className,\n disclaimer,\n autoComplete,\n onPasswordValidate,\n isOnboardingFlow,\n customTexts,\n hideNeutralRules\n}, ref) => {\n const basicRuleMessages = { required: t(Texts.FIELD_REQUIRED) };\n if (includeConfirm) Object.assign(basicRuleMessages, { shouldMatch: t(Texts.FIELDS_SHOULD_MATCH) });\n const allRuleMessagesRef = useRef({ ...basicRuleMessages });\n const inputPassRef = useRef();\n const inputConfirmPassRef = useRef();\n const inputCurrentPassRef = useRef();\n\n const initialState = {\n passwordMode: 'hide',\n securePass: {},\n regularPass: {}\n };\n\n const [currentPassword, setCurrentPassword] = useState('');\n const [currentPasswordError, setCurrentPasswordError] = useState('');\n const [password, setPassword] = useState(initialValue);\n const [isCleared, setCleared] = useState(false); // Only works with clearInitialOnFocus prop\n const [isChanged, setChanged] = useState(false); // Only works with clearInitialOnFocus prop\n const [confirmPassword, setConfirmPassword] = useState('');\n const [requiredPassError, setRequiredPassError] = useState('');\n const [confirmPassError, setConfirmPassError] = useState('');\n const [passwordMode, setPasswordMode] = useState(initialState.passwordMode);\n\n // rules that is visible only if matches\n const [passwordSecurityRules, setPasswordSecurityRules] = useState();\n\n // rules\n const regularValidatorRules = useRef(REGULAR_VALIDATOR_RULE_DEFAULTS);\n const secureValidatorRules = useRef(SECURE_VALIDATOR_RULE_DEFAULTS);\n\n // pass errors\n const [regularPassErrors, setRegularPassErrors] = useState(initialState.regularPass);\n const [securePassErrors, setSecurePassErrors] = useState(initialState.securePass);\n const [passwordError, setPasswordError] = useState();\n\n // rule messages\n const [regularRuleMessages, setRegularRuleMessages] = useState();\n const [secureRuleMessages, setSecureRuleMessages] = useState();\n const [passwordErrorMessage, setPasswordErrorMessage] = useState();\n\n // requirements list\n const [showRegularRequirementsList, setShowRegularRequirementsList] = useState(false);\n const [showSecureRequirementsList, setShowSecureRequirementsList] = useState(!toggleSecureDisplay);\n\n const [requirementDescText, setRequirementDescText] = useState('');\n\n useEffect(() => {\n setPasswordError(passwordErrorServer ? { passwordErrorServer: false } : null);\n setPasswordErrorMessage(passwordErrorServer ? { passwordErrorServer } : null);\n }, [passwordErrorServer]);\n\n useEffect(() => {\n const initPasswordRuleSet = rules => {\n let errorTypes = {};\n let nextMessages = {};\n\n rules.forEach(({ rule_name: ruleName, error_message: errorMessage }) => {\n errorTypes = { ...errorTypes, [ruleName]: null };\n nextMessages = { ...nextMessages, [ruleName]: t(errorMessage) };\n });\n\n Object.assign(allRuleMessagesRef.current, { [secure ? 'secureRules' : 'regularRules']: nextMessages });\n\n if (secure && checkReuse) {\n setSecureRuleMessages({ ...nextMessages, reuse: t(Texts.SECURE_PASS_REUSE) });\n setSecurePassErrors({ ...errorTypes });\n } else if (secure) {\n setSecureRuleMessages({ ...nextMessages });\n setSecurePassErrors({ ...errorTypes });\n } else {\n setRegularRuleMessages({ ...nextMessages });\n setRegularPassErrors({ ...errorTypes });\n }\n };\n\n const constructPasswordRules = credentialRules => {\n const passwordSecurityRuleNames = {};\n const passwordRuleData = credentialRules.find(({ field_name: fieldName }) => fieldName === 'password');\n const passwordSecurityRuleData = credentialRules.find(({ field_name: fieldName }) => fieldName === 'password_security');\n\n passwordSecurityRuleData?.rules.forEach(rule => {\n passwordSecurityRuleNames[rule.rule_name] = true;\n });\n\n setPasswordSecurityRules({ ...passwordSecurityRuleNames });\n\n return [\n passwordRuleData.explanation,\n [\n ...passwordRuleData.rules,\n ...(passwordSecurityRuleData?.rules || [])\n ]\n ];\n };\n\n const getPasswordRuleSet = async () => {\n try {\n const credentialRules = await fetchUserCredentialRuleSet(secure);\n const [explanation, rules] = constructPasswordRules(credentialRules);\n\n if (!secure) {\n regularValidatorRules.current = rules;\n } else {\n secureValidatorRules.current = rules;\n }\n\n setRequirementDescText(t(explanation));\n initPasswordRuleSet(rules);\n } catch (error) {\n setRequirementDescText(t(Texts.SECURE_PASS_TEST_DESC));\n const defaultRules = secure ? SECURE_VALIDATOR_RULE_DEFAULTS : REGULAR_VALIDATOR_RULE_DEFAULTS;\n initPasswordRuleSet(defaultRules);\n }\n };\n\n getPasswordRuleSet();\n }, []);\n\n const validateSomeRules = (value, ruleSet) => {\n return ruleSet.reduce((prevRules, { rule_name: ruleName, regex }) => {\n return {\n ...prevRules,\n [ruleName]: (new RegExp(regex)).test(value)\n };\n }, {});\n };\n\n const handleRequirementsListView = (reuseChecked = false) => {\n if (toggleSecureDisplay && password) {\n // from props\n onPasswordInputBlur();\n\n // add this feature for hipaa wizard\n let hasError = false;\n Object.keys(securePassErrors).forEach(key => {\n if (\n key !== (!reuseChecked ? 'reuse' : '')\n && !securePassErrors[key]\n ) {\n hasError = true;\n }\n });\n\n setShowSecureRequirementsList(hasError);\n }\n };\n\n const backenDefinedRulesHasError = current => {\n // A/B Test: signupOnboardingIV\n const defaultChecker = val => !val; // null, false, undefined etc. will be counted as hasError is true\n const abTestChecker = val => val === false; // we want it to be exactly false, because initially is null and we don't want it to be counted as hasError is true\n let checker = isOnboardingFlow ? abTestChecker : defaultChecker;\n if (hideNeutralRules) checker = val => val === false;\n\n let hasError = false;\n Object.keys(current).forEach(key => {\n if (key && checker(current[key])) {\n hasError = true;\n }\n });\n return hasError;\n };\n\n const validateCurrentPassword = () => {\n if (!currentPassword) {\n setCurrentPasswordError(t(Texts.FIELD_REQUIRED));\n return false;\n }\n setCurrentPasswordError(false);\n return true;\n };\n\n const validatePassword = () => {\n let hasProblem = false;\n Object.entries(allRuleMessagesRef.current)\n .forEach(([rule, errorMessage]) => {\n switch (rule) {\n case 'required':\n if (!password) {\n setRequiredPassError(errorMessage);\n setSecurePaswordError(['passwordReqired']);\n hasProblem = true;\n } else {\n setRequiredPassError('');\n }\n break;\n case 'regularRules': {\n const validatedRegulars = validateSomeRules(password, regularValidatorRules.current);\n setRegularPassErrors({ ...validatedRegulars });\n break;\n }\n case 'secureRules': {\n // 'reuse' is handled later.\n const validatedSecures = validateSomeRules(password, secureValidatorRules.current);\n setSecurePassErrors({ ...validatedSecures });\n break;\n }\n default:\n break;\n }\n });\n return hasProblem;\n };\n\n const validateConfirmPass = () => {\n let hasProblem = false;\n if (!includeConfirm) return hasProblem;\n\n Object.entries(allRuleMessagesRef.current)\n .forEach(([rule, errorMessage]) => {\n switch (rule) {\n case 'required':\n if (!confirmPassword) {\n setConfirmPassError(errorMessage);\n hasProblem = true;\n callbackConfirmPassError('confirmPasswordRequired');\n } else {\n setConfirmPassError('');\n hasProblem = false;\n callbackConfirmPassError('');\n }\n break;\n case 'shouldMatch':\n if (password && confirmPassword) {\n const match = password === confirmPassword;\n setConfirmPassError(!match ? errorMessage : '');\n callbackConfirmPassError(!match ? 'shouldMatch' : '');\n hasProblem = !match;\n }\n break;\n default:\n break;\n }\n });\n return hasProblem;\n };\n\n const makeAllValidations = async () => {\n if (requestCurrentPassword) {\n const currPassValid = validateCurrentPassword();\n if (!currPassValid) {\n return { isValid: currPassValid };\n }\n }\n\n const passHasProblem = validatePassword();\n let isValid = !passHasProblem;\n\n if (!secure) {\n const regularRulesHasProblem = Object.entries(regularPassErrors)\n .filter(([, val]) => !val).length > 0;\n isValid = isValid && !regularRulesHasProblem;\n }\n\n const confPassHasProblem = validateConfirmPass();\n if (includeConfirm) {\n isValid = isValid && !confPassHasProblem;\n }\n\n if (!secure) {\n return {\n isValid,\n password,\n currentPassword\n };\n }\n\n const secureHasProblem = secure ? Object.entries(securePassErrors)\n .filter(([term]) => term !== 'reuse') // Will be checked manually.\n .filter(([, val]) => !val).length > 0\n : false;\n\n isValid = isValid && !secureHasProblem;\n\n if (!isValid || !checkReuse) { // if not valid by now, no need to check reuse.\n return {\n isValid,\n password,\n currentPassword\n };\n }\n\n // Lets make last remaining validation\n let isReuseAttempt = false;\n try {\n const { content } = await checkPasswordReuse(password, userType);\n isReuseAttempt = content;\n } catch (err) {\n isReuseAttempt = err?.data?.message;\n }\n\n setSecurePassErrors({\n ...securePassErrors,\n reuse: !isReuseAttempt\n });\n\n handleRequirementsListView(true);\n\n return {\n isValid: isValid && !isReuseAttempt,\n password,\n currentPassword\n };\n };\n\n const handlePasswordChange = e => {\n const { value } = e.target;\n setPassword(value);\n if (sendValueToParent) {\n onChange(value);\n }\n if (clearInitialOnFocus) {\n setChanged(true);\n }\n };\n\n const handleFocus = () => {\n if (clearInitialOnFocus && !isCleared) {\n setPassword('');\n setCleared(true);\n }\n // getUserVariant();\n };\n\n const handleBlur = () => {\n if (clearInitialOnFocus && isCleared && !isChanged) {\n setPassword(initialValue);\n setCleared(false);\n }\n\n handleRequirementsListView();\n };\n\n const handleCurrentPasswordChange = e => {\n const { value } = e.target;\n setCurrentPassword(value);\n getCurrentPasswordValue(value);\n };\n\n const handleConfirmPasswordChange = e => {\n const { value } = e.target;\n setConfirmPassword(value);\n };\n\n const handlePasswordModeToggle = inputRef => {\n inputRef.current.focus(); // Use here to prevent flickring keyboard on mobile devices\n setPasswordMode(passwordMode === 'hide' ? 'show' : 'hide');\n };\n\n useImperativeHandle(ref, () => ({\n validate: makeAllValidations,\n inputRef: inputPassRef\n }));\n\n const getSecureRuleColor = status => {\n const colors = {\n default: '#8d8fa8',\n defaultWithIcon: '#2B3245',\n item: {\n success: '#01bd6f',\n error: '#f23a3c'\n },\n reuse: {\n success: '#2B3245',\n error: '#f23a3c'\n }\n };\n\n if (hasSecureTextIcon && status.type !== 'reuse') return colors.defaultWithIcon;\n if (status.value === null) return colors.default;\n\n return status.value ? colors[status.type].success : colors[status.type].error;\n };\n\n const getSecureRuleClass = status => {\n if (status === null) return 'isNeutral';\n return status ? 'isGood' : 'isBad';\n };\n\n const renderSecureRequirementsList = () => (\n \n \n \n {t('Forgot Password?')}\n \n ) : null\n }\n {allowPasswordShow && (\n handlePasswordModeToggle(inputCurrentPassRef)}\n >\n \n {passwordMode === 'hide' ?
\n )}\n \n \n handlePasswordModeToggle(inputPassRef)}\n >\n \n {passwordMode === 'hide'\n ? (\n <>\n \n {requiredPassError}\n
\n \n {\n (secure && secureDisplay === 'top' && showSecureRequirementsList) ? (\n renderSecureRequirementsList()\n ) : null\n }\n {\n includeConfirm ? (\n \n {disclaimer}\n
\n )}\n {allowPasswordShow && (\n \n \n handlePasswordModeToggle(inputConfirmPassRef)}\n >\n \n {passwordMode === 'hide'\n ? (\n <>\n
\n ) : null\n }\n {\n (secure && secureDisplay !== 'top' && showSecureRequirementsList) ? (\n renderSecureRequirementsList()\n ) : null\n }\n \n {confirmPassError && hasErrorMessage ? confirmPassError : null}\n
\n \n {showLogoOnSignupOptions && 
}\n {!enterpriseEnv && !hideGreetingMessageOnSignupOptions && ( {\n onNavigationChangeRequest('withoutSignup');\n if (typeof onSkip === 'function') {\n onSkip();\n }\n }}\n >\n {t(Texts.SKIP_CREATE_ACCOUNT)}\n \n ) : null}\n
\n );\n }\n}\n\nSignupOptions.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n thereSocialError: bool,\n onSalesforceLoginClick: func.isRequired,\n onFBLoginClick: func.isRequired,\n onGoogleLoginClick: func.isRequired,\n onMicrosoftLoginClick: func.isRequired,\n onAppleLoginClick: func.isRequired,\n enterpriseLogo: string,\n skippable: bool,\n onSkip: func,\n greetingMessage: string,\n hideGreetingMessageOnSignupOptions: bool,\n showLogoOnSignupOptions: bool,\n greetingDescription: string,\n horizontalSocialButtons: bool,\n squareSocialButtonStyle: bool,\n showFormOnSignupOptions: bool,\n onLoginSuccess: func.isRequired,\n apiURL: string.isRequired,\n signupPredefinedEmail: string,\n disableEmail: bool,\n verificationHash: string,\n productType: string,\n isHIPAA: bool,\n appName: string,\n forceUser: bool,\n includeConfirm: bool,\n shrinkConfirmOnMobile: bool,\n shrinkConfirmHeight: number,\n user: shape(),\n signupButtonText: string,\n buttonNames: shape({\n google: string,\n facebook: string,\n apple: string,\n microsoft: string,\n emailLogin: string,\n emailSignup: string\n }),\n logoSource: string,\n registerMsAbTestAction: func,\n isMsSignupControlVariant: bool,\n isMsSignupTestBVariant: bool,\n isMsSignupTestCVariant: bool,\n areSocialButtonsLoading: bool,\n useSwsoButtons: bool,\n ofacModalRef: object,\n thereErrorMessage: string\n};\n\nSignupOptions.defaultProps = {\n enterpriseLogo: null,\n skippable: false,\n onSkip: f => f,\n greetingMessage: Texts.SIGN_UP_NOW,\n hideGreetingMessageOnSignupOptions: false,\n thereSocialError: false,\n showLogoOnSignupOptions: true,\n greetingDescription: '',\n horizontalSocialButtons: false,\n squareSocialButtonStyle: false,\n showFormOnSignupOptions: false,\n productType: 'form',\n signupPredefinedEmail: '',\n disableEmail: false,\n verificationHash: '',\n isHIPAA: false,\n appName: '',\n forceUser: false,\n includeConfirm: false,\n user: null,\n signupButtonText: Texts.CREATE_MY_ACCOUNT,\n buttonNames: {},\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n logoSource: '',\n registerMsAbTestAction: f => f,\n isMsSignupControlVariant: true,\n isMsSignupTestBVariant: false,\n isMsSignupTestCVariant: false,\n areSocialButtonsLoading: true,\n useSwsoButtons: true,\n ofacModalRef: null,\n thereErrorMessage: Texts.ERROR_TRY_AGAIN\n};\n\nexport default SignupOptions;\n","/* eslint-disable max-len */\nimport { Texts } from '@jotforminc/constants';\n\n// Unusual Signup Flow Texts\nexport const REPORT_UNUSUAL_SIGNUP = 'Report Unusual Signup';\nexport const NOT_CREATE_THIS_ACCOUNT = 'If you didn’t create an account using [1[{email}]], please report this so that we can take the necessary action.';\nexport const REPORT_ACCOUNT = 'Report this account';\nexport const KEEP_ACCOUNT = 'This is my account';\nexport const CONTINUE = 'Continue';\nexport const RECEIVED_RESPONSE = 'We’ve received your report';\nexport const THANKS_FOR_REPORTING = 'Thank you for reporting this. We’ve taken the necessary actions for the account associated with [1[{email}]]. If you need help with anything else, please [2[contact us.]]';\nexport const ERROR_MESSAGE = 'An error occured. Please [1[contact us]].';\n\n// Signup With Login Opts Texts\nexport const TITLE_MESSAGE = 'Sign Up Now';\nexport const DESCRIPTION_MESSAGE = 'Collect information, payments, and signatures with custom online forms';\nexport const SIGN_UP_WITH = 'Sign up with';\nexport const OR = 'OR';\nexport const EMAIL = 'Email';\nexport const BACK = 'Back';\nexport const CONTINUE_SIGNUP = 'Continue Signing Up';\nexport const SIGNING_UP_WITH = 'You’re signing up with [1[{email}]]';\nexport const LOGIN_SESSION_EXPIRED_MESSAGE = 'Login timed out. Please refresh the page and try logging in again.';\n\n// A/B Test: signupOnboardingIV\nexport const OR_SIGN_UP_WITH = 'or sign up with';\nexport const OR_LOGIN_WITH = 'or login with';\nexport const EMAIL_ADDRESS = 'Email address';\nexport const CREATE_ACCOUNT = 'Create Account';\nexport const ENTER_EMAIL_ADDRESS = 'Enter your email address';\nexport const ENTER_FULL_NAME = 'Enter your full name';\n\nexport const errorMessages = {\n tryAgain: Texts.ERROR_TRY_AGAIN,\n required: Texts.FIELD_REQUIRED,\n validEmail: Texts.VALID_EMAIL,\n termsRequired: Texts.AGREE_TERMS_CONDITIONS,\n hipaaPass: {\n minCharCount: Texts.PASS_MIN_CHAR_COUNT,\n includeChars: Texts.PASS_INCL_CHARS,\n differentThanPrev: Texts.PASS_DIFF_PREV\n }\n};\n","/* eslint-disable react/jsx-one-expression-per-line, react/sort-comp */\n\nimport React, { createRef } from 'react';\nimport {\n bool,\n func,\n string,\n shape,\n number,\n object\n} from 'prop-types';\nimport Axios from 'axios';\nimport qs from 'querystring';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { Texts } from '@jotforminc/constants';\nimport {\n listenEnter,\n validateEmail,\n getPossibleTimeZone\n} from '@jotforminc/utils';\n\nimport BackIcon from '../temporary-duplicate/assets/svg/icon_back3.svg';\nimport Password from './Password';\nimport {\n isTurkishLanguage,\n getScreenResolution,\n handleSignupCompletedEvents,\n pushDataLayerEvent\n} from '../utils/loginSignup';\nimport TermsAndConditionsUrls from './TermsAndConditionsUrls';\nimport ErrorAlert from './ErrorAlert';\nimport { openOFACModal } from './OFACModal';\nimport { objToQueryString } from '../utils/helper';\nimport { errorMessages } from '../constants';\nimport { dispatchAction } from '../api';\n\nconst securePasswordTestEnabled = true;\n\nclass SignupWithEmail extends React.Component {\n constructor(props) {\n super(props);\n\n if (window.opener) {\n this.signUpDefaultName = window.opener.signUpDefaultName || '';\n this.signUpDefaultEmail = window.opener.signUpDefaultEmail || '';\n }\n\n this.isTurkish = isTurkishLanguage(props.user);\n this.captchaRef = createRef();\n this.state = {\n name: props.signupPredefinedName || this.signUpDefaultName || '',\n email: props.signupPredefinedEmail || this.signUpDefaultEmail || '',\n isAggreedTerms: false,\n isSignupLoading: false,\n screenHeight: window.innerHeight,\n showRecaptcha: false,\n recaptcha: null\n };\n this.emailRef = React.createRef();\n this.passwordRef = React.createRef();\n this.termsRef = React.createRef();\n this.isEnterpriseEnv = isEnterprise();\n this.updateWindowDimensions = this.updateWindowDimensions.bind(this);\n\n // Accessibility validation controls\n this.invalidFieldRefs = {};\n this.invalidFieldFocusOrder = ['email', 'password', 'terms'];\n }\n\n componentDidMount() {\n const { shrinkConfirmOnMobile } = this.props;\n if (shrinkConfirmOnMobile) window.addEventListener('resize', this.updateWindowDimensions);\n }\n\n componentWillUnmount() {\n const { shrinkConfirmOnMobile } = this.props;\n if (shrinkConfirmOnMobile) window.removeEventListener('resize', this.updateWindowDimensions);\n }\n\n handleFieldChange = propName => e => {\n const { value } = e.target;\n const erroredName = `${propName}Error`;\n const showRequiredMessage = propName !== 'name' && !value;\n this.setState({\n [propName]: value,\n [erroredName]: showRequiredMessage ? t(errorMessages.required) : ''\n });\n };\n\n handleTermsChange = () => {\n const { isAggreedTerms, termsError } = this.state;\n this.setState({\n isAggreedTerms: !isAggreedTerms,\n termsError: (termsError && !isAggreedTerms) ? '' : termsError\n });\n };\n\n resetPasswordError = () => {\n this.setState({ passwordError: '', securePassErrors: [] });\n };\n\n setSecurePaswordError = errorCodes => {\n this.setState({ securePassErrors: errorCodes });\n };\n\n callbackConfirmPassError = confirmPassErrorCode => {\n this.setState({ confirmPassErrorCode });\n };\n\n focusFirstInvalidField = () => {\n let firstInvalidFieldByOrder = '';\n this.invalidFieldFocusOrder.forEach(fieldName => {\n if (!firstInvalidFieldByOrder && this.invalidFieldRefs[fieldName]) {\n firstInvalidFieldByOrder = fieldName;\n }\n });\n\n if (firstInvalidFieldByOrder && firstInvalidFieldByOrder === 'password') {\n this.invalidFieldRefs.password.current.inputRef.current.focus();\n } else if (firstInvalidFieldByOrder) {\n this.invalidFieldRefs[firstInvalidFieldByOrder]?.current?.focus();\n }\n this.invalidFieldRefs = {};\n };\n\n makeAllValidations = () => {\n return new Promise(resolve => {\n const {\n isAggreedTerms, email\n } = this.state;\n const nextState = {};\n let emailErrCode = '';\n if (!email) {\n nextState.emailError = t(errorMessages.required);\n emailErrCode = 'emailRequired';\n this.invalidFieldRefs.email = this.emailRef;\n } else if (!validateEmail(email)) {\n nextState.emailError = t(errorMessages.validEmail);\n emailErrCode = 'emailInvalid';\n this.invalidFieldRefs.email = this.emailRef;\n }\n nextState.emailErrorCode = emailErrCode;\n\n if (!this.isEnterpriseEnv && !isAggreedTerms) { // Aytekin's Request, hiding terms on enterprise signup flow.\n nextState.termsError = t(errorMessages.termsRequired);\n this.invalidFieldRefs.terms = this.termsRef;\n }\n\n this.passwordRef.current.validate().then(({ isValid }) => {\n if (!isValid) {\n this.invalidFieldRefs.password = this.passwordRef;\n }\n }).then(() => this.focusFirstInvalidField());\n\n this.setState({\n ...nextState\n }, resolve);\n }).then(() => this.passwordRef.current.validate());\n };\n\n handleKeyDown = e => listenEnter(e, this.handleSubmit);\n\n handleCaptchaSubmit = hash => {\n if (!hash) {\n dispatchAction({\n actor: window?.user?.username || window?.__formInfo?.username || 'unknown',\n target: 'swe',\n action: 'captcha-expired'\n });\n return this.setState({ isSignupLoading: false });\n }\n\n this.setState({\n recaptcha: hash\n });\n\n dispatchAction({\n actor: window?.user?.username || window?.__formInfo?.username || 'unknown',\n target: 'swe',\n action: 'captcha-passed'\n });\n };\n\n forceUserSignup = async (name, email, password, isAggreedTerms, recaptcha) => {\n const {\n onLoginSuccess,\n appName,\n buttonNames,\n changeActiveScreen,\n builderShowSlides\n } = this.props;\n\n const defaultButtonName = appName ? `emailSignup-${appName}` : '';\n const buttonName = buttonNames.emailSignup ? buttonNames.emailSignup : defaultButtonName;\n\n try {\n const response = await Axios.post(\n '/server.php',\n qs.stringify({\n action: 'registerNewUser',\n email,\n password,\n name,\n timezone: getPossibleTimeZone(),\n screen_resolution: getScreenResolution(),\n location: global.location.pathname,\n username: '',\n button_name: buttonName,\n ref_app: appName,\n return: 1,\n isAgreedTerms: isAggreedTerms ? '1' : '0',\n recaptcha\n }),\n {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }\n );\n\n if (response.status === 200) {\n handleSignupCompletedEvents(response.data.user.username);\n response.data.newUser = true;\n onLoginSuccess(response, true);\n } else {\n this.setState({\n emailError: t('Something went wrong'),\n isSignupLoading: false,\n passwordError: ''\n });\n }\n } catch (error) {\n const { response: { data: { error: message, error_type: errorType } = {} } = {} } = error;\n const hasPasswordWarning = message.includes('PasswordWarning::');\n if (message && securePasswordTestEnabled && (hasPasswordWarning || errorType === 'password')) {\n const removedErrorCode = hasPasswordWarning ? message.replace('PasswordWarning::', '') : message;\n this.setState({\n passwordError: t(removedErrorCode),\n isSignupLoading: false\n });\n } else {\n if (this.captchaRef) {\n this.captchaRef.current?.reset();\n }\n\n if (message === \"Sorry, you can't signup from this country.\") {\n builderShowSlides(false);\n changeActiveScreen('ofacModal');\n }\n\n if (message === 'REQUIRE_CAPTCHA') {\n dispatchAction({\n actor: window?.user?.username || window?.__formInfo?.username || 'unknown',\n target: 'swe',\n action: 'captcha-required'\n });\n return this.setState({\n isSignupLoading: false,\n showRecaptcha: true\n });\n }\n\n this.setState({\n emailError: t(message || 'Something went wrong, please try again.'),\n isSignupLoading: false,\n passwordError: ''\n });\n }\n }\n };\n\n handleSubmit = e => {\n if (e) {\n e.preventDefault();\n }\n\n pushDataLayerEvent({\n event: 'Signup',\n eventAction: 'Click'\n });\n\n const {\n name, email, isAggreedTerms, recaptcha\n } = this.state;\n const {\n apiURL,\n forceUser,\n isHIPAA,\n onLoginSuccess,\n signupPredefinedEmail,\n verificationHash,\n ofacModalRef\n } = this.props;\n\n this.handleFieldChange('name')({ target: { value: name } });\n // eslint-disable-next-line complexity\n this.makeAllValidations().then(({ isValid: isPasswordValid, password }) => {\n if (securePasswordTestEnabled) {\n const {\n emailError, emailErrorCode, termsError, confirmPassErrorCode, securePassErrors\n } = this.state;\n const currentErrors = [\n { emailError: emailError !== '' ? emailErrorCode : '' },\n { termsError: (termsError !== '' && termsError) ? 'termsRequired' : '' },\n { confirmPassErrorCode }\n ];\n securePassErrors.forEach(errCode => {\n currentErrors.push({ passwordError: errCode });\n });\n currentErrors.forEach(type => {\n const errObj = Object.entries(type)[0];\n if (errObj[1] && errObj[1] !== '') {\n if (typeof window.JotFormActions === 'function') {\n const actor = window?.user?.username || window?.__formInfo?.username || 'unknown';\n const logger = new window.JotFormActions('strongPasswordonSignupsWithNew');\n logger.tick({ actor, action: 'signUpClick', target: errObj[1] });\n }\n }\n });\n }\n\n if (!isPasswordValid) return;\n\n const errorProps = ['emailError', 'nameError', 'termsError'];\n const firstError = errorProps.find(errorProp => {\n // eslint-disable-next-line react/destructuring-assignment\n const error = this.state[errorProp];\n return !!error;\n });\n if (firstError || !isPasswordValid) {\n this.setState({ isSignupLoading: false });\n return;\n }\n this.setState({ isSignupLoading: true });\n if (forceUser) {\n this.forceUserSignup(name, email, password, isAggreedTerms, recaptcha);\n } else if (signupPredefinedEmail && verificationHash) { // TODO: need another prop\n Axios.post(\n `${apiURL}/formuser/pretendCreate?master=1`,\n qs.stringify({\n email,\n password,\n name,\n isAgreedTerms: isAggreedTerms ? '1' : '0',\n hash: verificationHash,\n isHIPAA: isHIPAA ? '1' : ''\n }),\n {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }\n ).then(({ data: resp }) => {\n if (resp && resp.responseCode === 200) {\n onLoginSuccess(resp);\n } else if (resp && resp.errorType) {\n if (resp.errorType === 'E_TYPE_EMAIL') {\n this.setState({ emailError: resp.message });\n }\n\n if (resp?.message === \"Sorry, you can't signup from this country.\") {\n openOFACModal(ofacModalRef, email);\n }\n\n this.setState({ isSignupLoading: false });\n } else if (resp && typeof resp.message === 'string') {\n if (resp?.message?.includes('Name')) {\n return this.setState({ nameError: resp?.message?.trim(), isSignupLoading: false });\n }\n\n // Shitty error handling\n // we need to change api's error results to human readable format.\n const splitted = resp.message.split('-');\n const lastPart = splitted[splitted.length - 1];\n this.setState({ emailError: lastPart.trim(), isSignupLoading: false });\n }\n });\n } else {\n const {\n productType, appName, redirectURL: redirectUrl, fromSACL, initiator\n } = this.props;\n const isProductForm = productType === 'form' ? '1' : '0';\n const encodedEmail = encodeURIComponent(email);\n const encodedPw = encodeURIComponent(password);\n const queryParamsObj = {\n email: encodedEmail,\n password: encodedPw,\n confirm_password: encodedPw,\n disablePasswordConstraints: '1',\n name,\n sendVerification: isProductForm,\n ...(isHIPAA) && { isHIPAA: '1' },\n ...(appName === 'portal-apps' && window) && { jotform_pwa: '1', referrerURL: window.location.href },\n ...(redirectUrl && window) && { redirectUrl },\n ...(initiator && { initiator }),\n saclSignup: fromSACL,\n isAgreedTerms: isAggreedTerms ? '1' : '0'\n };\n Axios.post(`${apiURL}/formuser/register?master=1`,\n objToQueryString(queryParamsObj),\n {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n }).then(({ data: resp }) => {\n if (resp && resp.responseCode === 200) {\n const { content: user } = resp;\n if (window?.JFAppsManager?.isOpenedInPortal()) {\n window.JFAppsManager.userChanged(user);\n }\n\n onLoginSuccess(resp);\n } else if (resp && resp.errorType) {\n if (resp.errorType === 'E_TYPE_EMAIL') {\n let newRespMessage = (resp.message.split(':'));\n newRespMessage = t(`${newRespMessage[0]}${newRespMessage[1] ? ':' : ''}`).concat(newRespMessage[1] ? newRespMessage[1] : '').toString();\n this.setState({ emailError: newRespMessage });\n }\n\n if (resp?.message === \"Sorry, you can't signup from this country.\") {\n openOFACModal(ofacModalRef, email);\n }\n\n this.setState({ isSignupLoading: false });\n }\n });\n }\n });\n };\n\n updateWindowDimensions() {\n this.setState({ screenHeight: window.innerHeight });\n }\n\n // eslint-disable-next-line complexity\n render() {\n const {\n onNavigationChangeRequest, isHIPAA, enforceHIPAARuleSet, includeConfirm, signupButtonText, greetingMessageOnSignupWithEmail,\n showLogoOnSignupWithEmail, shrinkConfirmOnMobile, shrinkConfirmHeight, disableEmail, isSwsoTestVariant, fromSACL\n } = this.props;\n const {\n email, name, emailError, nameError, isAggreedTerms, termsError, isSignupLoading, screenHeight, passwordError, showRecaptcha\n } = this.state;\n\n const jfLogoSource = 'https://cdn.jotfor.ms/assets/img/v4/logo-branding21.png';\n\n const showLoginWarningOption = (this.isEnterpriseEnv && emailError === Texts.EMAIL_ERROR_ENTERPRISE) || emailError === Texts.EMAIL_ERROR;\n\n return (\n \n );\n }\n}\n\nSignupWithEmail.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n onLoginSuccess: func.isRequired,\n apiURL: string.isRequired,\n signupPredefinedEmail: string,\n signupPredefinedName: string,\n disableEmail: bool,\n verificationHash: string,\n productType: string,\n // resourceID: string,\n isHIPAA: bool,\n enforceHIPAARuleSet: bool,\n appName: string,\n forceUser: bool,\n includeConfirm: bool,\n shrinkConfirmOnMobile: bool,\n shrinkConfirmHeight: number,\n user: shape(),\n signupButtonText: string,\n greetingMessageOnSignupWithEmail: string,\n showLogoOnSignupWithEmail: bool,\n buttonNames: shape({\n google: string,\n facebook: string,\n apple: string,\n emailLogin: string,\n emailSignup: string\n }),\n changeActiveScreen: func,\n ofacModalRef: object,\n builderShowSlides: func,\n redirectURL: string,\n fromSACL: bool,\n initiator: string,\n isSwsoTestVariant: bool\n};\n\nSignupWithEmail.defaultProps = {\n productType: 'form',\n // resourceID: '',\n signupPredefinedEmail: '',\n signupPredefinedName: '',\n disableEmail: false,\n verificationHash: '',\n isHIPAA: false,\n enforceHIPAARuleSet: false,\n appName: '',\n forceUser: false,\n includeConfirm: false,\n user: null,\n signupButtonText: Texts.CREATE_MY_ACCOUNT,\n greetingMessageOnSignupWithEmail: Texts.SIGN_UP_EMAIL,\n showLogoOnSignupWithEmail: false,\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n buttonNames: {},\n changeActiveScreen: f => f,\n ofacModalRef: null,\n builderShowSlides: f => f,\n redirectURL: '',\n fromSACL: false,\n initiator: '',\n isSwsoTestVariant: false\n};\n\nexport default SignupWithEmail;\n","function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgOneloginLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M2 15.993C2 8.267 8.277 2 16 2c7.736 0 14 6.267 14 13.993C30 23.733 23.736 30 16 30S2 23.733 2 15.993Zm15.685 5.361c.265 0 .403-.138.403-.402h-.013v-9.06c0-.19-.063-.328-.327-.328h-4.905c-.264 0-.403.138-.403.403v2.516c0 .265.139.403.403.403h1.924v6.066c0 .264.139.402.403.402h2.515Z\",\n fill: \"#1C1F2A\",\n style: {\n mixBlendMode: \"darken\"\n }\n}));\nexport default SvgOneloginLogoIcon;","function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgPrivateLogoIcon = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M7.75 26.5a6.752 6.752 0 0 1-2.24-13.12c-.005-.127-.01-.254-.01-.38 0-4.144 3.356-7.5 7.5-7.5 2.78 0 5.203 1.509 6.502 3.759A4.477 4.477 0 0 1 22 8.499a4.501 4.501 0 0 1 4.2 6.122A6 6 0 0 1 25 26.5H7.75Zm2.25-11a4 4 0 0 0 4.537 3.963c.29-.038.434-.058.526-.045a.568.568 0 0 1 .23.078c.082.045.161.125.32.284l3.407 3.407c.116.115.173.173.24.214.06.037.125.064.193.08.077.018.159.018.322.018h1.158c.373 0 .56 0 .703-.072a.666.666 0 0 0 .29-.291c.074-.143.074-.33.074-.703v-1.158c0-.163 0-.245-.019-.322a.665.665 0 0 0-.08-.192c-.04-.068-.099-.125-.214-.24l-3.407-3.408c-.159-.159-.239-.238-.284-.32a.568.568 0 0 1-.078-.23c-.013-.092.007-.236.046-.526A4 4 0 1 0 10 15.5Zm2.666 0a1.333 1.333 0 1 0 2.667 0 1.333 1.333 0 0 0-2.667 0Z\",\n fill: \"#6C73A8\",\n style: {\n mixBlendMode: \"darken\"\n }\n}));\nexport default SvgPrivateLogoIcon;","import auth0 from './auth0-logo-icon.svg';\nimport azurad from './azure-logo-icon.svg';\nimport google from './google-logo-icon.svg';\nimport windowsad from './microsoft-logo-icon.svg';\nimport okta from './okta-logo-icon.svg';\nimport onelogin from './onelogin-logo-icon.svg';\nimport custom from './private-logo-icon.svg';\n\nexport const idpLogos = {\n auth0,\n azurad,\n google,\n windowsad,\n okta,\n onelogin,\n custom\n};\n","/* eslint-disable @jotforminc/no-native-button */\nimport React from 'react';\nimport '../styles/ssoLoginOptions.scss';\n\nimport { t } from '@jotforminc/translation';\nimport { handleCustomNavigation } from '@jotforminc/utils';\nimport { Texts } from '@jotforminc/constants';\nimport classNames from 'classnames';\nimport {\n arrayOf,\n bool,\n func,\n shape,\n string\n} from 'prop-types';\nimport { fetchUser } from '../api';\nimport { idpLogos } from '../assets/idp-icons/icons';\n\nconst openPopupWindowCentered = (url, windowName, w, h) => {\n const x = window.outerWidth / 2 + window.screenX - w / 2;\n const y = window.outerHeight / 2 + window.screenY - h / 2;\n let features = 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=';\n features = features.concat(w, ', height=').concat(h, ', top=').concat(y, ', left=').concat(x);\n return handleCustomNavigation(url, windowName, true, features);\n};\n\n/**\n * Get the logo of the IDP provider.\n */\nconst getIdpLogo = idpName => {\n if (Object.prototype.hasOwnProperty.call(idpLogos, idpName)) {\n return idpLogos[idpName];\n }\n return idpLogos.custom;\n};\n\n/**\n * SSO login success redirection for popup flows\n */\nconst SUCCESS_REDIRECT = encodeURIComponent('/sso/login-success.html');\n\nconst SSOLoginOptions = ({\n fromSACL,\n ssoLoginOptions,\n onSSOLoginSuccess,\n onSSOLoginFail\n}) => {\n const compact = ssoLoginOptions.length > 1;\n\n const onSSOLoginClick = configKey => () => {\n const currentPage = encodeURIComponent(window.location.href);\n const url = `${window.location.origin}/sso?SSOConfigKey=${configKey || ''}`;\n\n if (fromSACL) {\n const loginPopup = openPopupWindowCentered(`${url}&rp=${SUCCESS_REDIRECT}`, 'loginPopup', 400, 500);\n\n const id = setInterval(() => {\n try {\n if (loginPopup.closed) {\n clearInterval(id);\n fetchUser().then(result => {\n if (result?.content?.account_type?.name === 'GUEST') {\n // Fail state, weird check because Form User may not have\n // account_type. If a downstream issue occurs in the SSO\n // service provider the login will fail.\n onSSOLoginFail();\n } else {\n // Success state\n onSSOLoginSuccess(result);\n }\n }).catch(() => {\n onSSOLoginFail();\n });\n }\n } catch (error) {\n // mainly for CORS errors\n }\n }, 500);\n } else {\n handleCustomNavigation(`${url}&rp=${currentPage}`, '_self', true);\n }\n };\n\n return (\n <>\n {/* TODO: add translations */}\n {compact && {t(greetingMessage)}
)}\n {Boolean(greetingDescription) && ({t(greetingDescription)}
)}\n { (false && shouldShowBonusSignupBox) &&\n {!enterpriseEnv\n && (\n <>\n onNavigationChangeRequest('signupWithEmail')}\n type=\"button\"\n id=\"signup-with-email\"\n >\n { squareSocialButtonStyle ?
\n {!showFormOnSignupOptions ? (\n \n {/* TODO: enable areSocialButtonsLoading flag to prevent flick effect */}\n {/* loading */}\n {areSocialButtonsLoading && (\n {\n onGoogleLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'googleSignupButton' });\n }}\n text={isMobileTexts\n ? t(Texts.SIGN_UP_GOOGLE)\n : t(Texts.SIGN_UP_GOOGLE_MOBILE)}\n />\n {\n onFBLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'facebookSignupButton' });\n }}\n text={isMobileTexts\n ? t(Texts.SIGN_UP_FACEBOOK)\n : t(Texts.SIGN_UP_FACEBOOK_MOBILE)}\n />\n \n )}\n {/* test variants */}\n {useSwsoButtons && (\n
\n {thereSocialError\n && (\n \n
\n )}\n {/* control variant */}\n {!areSocialButtonsLoading && squareSocialButtonStyle && isMsSignupControlVariant && (\n \n {\n onSalesforceLoginClick();\n salesforceSocialLoginLogger({ action: 'click', target: 'salesforce-signup-button' });\n // registerMsAbTestAction({ action: 'click', target: 'salesforceSignupButton' });\n }}\n text={isMobileTexts\n ? t(Texts.SIGN_UP_SALESFORCE)\n : t(Texts.SIGN_UP_SALESFORCE_MOBILE)}\n />\n
\n )}\n {!areSocialButtonsLoading && !squareSocialButtonStyle && isMsSignupControlVariant && (\n <>\n \n
\n )}\n {!areSocialButtonsLoading && !isMsSignupControlVariant && !useSwsoButtons && (\n \n {\n onGoogleLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'googleSignupButton' });\n }}\n />\n {\n onMicrosoftLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'microsoftSignupButton' });\n }}\n />\n {!isMsSignupTestBVariant\n && (\n {\n onFBLoginClick();\n registerMsAbTestAction({ action: 'click', target: 'facebookSignupButton' });\n }}\n />\n )}\n
\n )}\n \n {t(errorNormalizer(thereErrorMessage))}\n
\n )}\n {t(Texts.OR_KEY)}
\n \n )}\n {!showFormOnSignupOptions ? (\n \n {t(Texts.ALREADY_HAVE_ACCOUNT)}\n onNavigationChangeRequest('loginOptions')}\n id=\"login-link\"\n >\n {t(Texts.LOGIN_TEXT)}\n \n
\n ) : null}\n {skippable ? (\n Log in with
}\n- \n {ssoLoginOptions.map(({ name, configKey, idpName }) => {\n const IDPLogo = getIdpLogo(idpName);\n return (\n
- \n
\n {\n compact ? (\n {name}\n ) : (\n \n {/* TODO: add translations */}\n Log in with\n {name}\n \n )\n }\n \n \n );\n })}\n
\n {t(Texts.OR_KEY)}\n
\n \n );\n};\n\nSSOLoginOptions.propTypes = {\n fromSACL: bool.isRequired,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })).isRequired,\n onSSOLoginSuccess: func.isRequired,\n onSSOLoginFail: func.isRequired\n};\n\nexport default SSOLoginOptions;\n","/* eslint-disable @jotforminc/no-native-button */\n/* eslint-disable complexity,react/sort-comp */\nimport React, { Component } from 'react';\nimport {\n bool,\n string,\n func,\n arrayOf,\n shape\n} from 'prop-types';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport classNames from 'classnames';\nimport { t } from '@jotforminc/translation';\nimport { RequestLayer, Interceptors, getAPIURL } from '@jotforminc/request-layer';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { Texts } from '@jotforminc/constants';\nimport { listenEnter, getUrlParameter, handleCustomNavigation } from '@jotforminc/utils';\n\nimport BackIcon from '../temporary-duplicate/assets/svg/icon_back.svg';\nimport ErrorAlert from './ErrorAlert';\nimport SocialButtons from './SocialButtons';\nimport FacebookButton from './FacebookButton';\nimport GoogleButton from './GoogleButton';\nimport MicrosoftButton from './MicrosoftButton';\nimport { errorNormalizer } from '../utils/helper';\nimport SSOLoginOptions from './SSOLoginOptions';\nimport { EMAIL_ADDRESS, ENTER_EMAIL_ADDRESS, OR_LOGIN_WITH } from '../constants';\n\nconst invalidInputText = Texts.FIELD_REQUIRED;\nconst invalidEmailInputText = Texts.EMAIL_FIELD_REQUIRED;\nconst invalidPassInputText = Texts.PASS_FIELD_REQUIRED;\nconst userIsSSOError = Texts.USER_IS_SSO_ERROR;\nconst unexpectedErrorText = Texts.ERROR_TRY_AGAIN;\n\nexport default class LoginOptions extends Component {\n constructor(props) {\n super(props);\n this.isEnterprise = isEnterprise();\n const emailParam = getUrlParameter('username');\n const skipEmailVerification = getUrlParameter('skipEmailVerification');\n const { ssoLoginOptions } = props;\n this.state = {\n email: (!emailParam || emailParam === '') ? props.loginPredefinedEmail : emailParam,\n pass: '',\n emailValid: true,\n ssoErrorMessage: '',\n passValid: true,\n loginErrorMsg: '',\n recaptcha: false,\n isLoginLoading: false,\n showSalesforceLogin: false,\n isSSOControlStep: this.isEnterprise && ssoLoginOptions.length > 0 && !skipEmailVerification,\n isSSOControlLoading: false\n };\n this.layer = new RequestLayer(getAPIURL(), {\n interceptorConfig: {\n teamID: global.teamID,\n customResponseInterceptors: [Interceptors.requestManagerResponseNormalizer]\n }\n });\n\n this.socialLoginParams = {\n facebook: getUrlParameter('facebook') === '1',\n google: getUrlParameter('google') === '1',\n microsoft: getUrlParameter('microsoft') === '1'\n };\n\n this.emailInputRef = React.createRef();\n this.passInputRef = React.createRef();\n }\n\n componentDidMount() {\n const { registerMsAbTestAction, isOnboardingFlow } = this.props;\n if (!isOnboardingFlow && window.innerWidth > 480) {\n this.emailInputRef.current?.focus();\n }\n registerMsAbTestAction({ action: 'seen', target: 'loginOptions' });\n\n this.setState({\n showSalesforceLogin: !this.isEnterprise\n });\n }\n\n componentDidUpdate(prevProps) {\n const { externalErrorMessage } = this.props;\n\n if (externalErrorMessage !== prevProps.externalErrorMessage && this.isEnterprise) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({\n loginErrorMsg: externalErrorMessage\n });\n }\n }\n\n /**\n * TODO: This is temp solution.\n * For more information please contact the commit owner.\n */\n get showForgotPassword() {\n const {\n isSSOControlStep\n } = this.state;\n\n return !isSSOControlStep;\n }\n\n validate = input => {\n const { [input]: value } = this.state;\n this.setState({\n [`${input}Valid`]: !!value // inputs shouldn't be empty\n });\n };\n\n handleInputChange = input => e => {\n const { value } = e.target;\n const { setExternalErrorMessage } = this.props;\n this.setState({ [input]: value }, () => {\n this.validate(input);\n });\n setExternalErrorMessage('');\n this.setState({\n loginErrorMsg: ''\n });\n };\n\n validateAll = async (fields = ['email', 'pass']) => {\n await Promise.all(fields.map(input => {\n return Promise.resolve(this.validate(input));\n }));\n const { emailValid, passValid } = this.state;\n if (!emailValid) {\n this.emailInputRef.current.focus();\n } else if (!passValid) {\n this.passInputRef.current.focus();\n }\n return Promise.resolve(emailValid && passValid);\n };\n\n handleLogin = async (event, recaptcha) => {\n const validationResult = await this.validateAll();\n this.setState({ isLoginLoading: true });\n if (!validationResult) {\n this.setState({ isLoginLoading: false });\n return;\n }\n const { onLoginClick } = this.props;\n const { email, pass } = this.state;\n const [success = true, { message = 'An error occured.', data: { error } = {} } = {}, tfaResponse = false] = await onLoginClick(email, pass, recaptcha) || [];\n\n if (!success && !tfaResponse) {\n this.setState({ isLoginLoading: false });\n const errorMessage = error ? error : message;\n\n if (errorMessage === 'REQUIRE_CAPTCHA') {\n return this.setState({ recaptcha: true });\n }\n\n if (error?.toLowerCase()?.includes('suspended')) {\n return handleCustomNavigation('/account-suspended', '_self', true);\n }\n\n this.setState({\n loginErrorMsg: errorMessage,\n recaptcha: false\n });\n }\n };\n\n /**\n * Check if the user with username/email is an SSO user,\n * if so do not allow them to the password view, if not\n * show the password field.\n */\n handleSSOControl = async () => {\n const validationResult = await this.validateAll(['email']);\n this.setState({\n ssoErrorMessage: '',\n isSSOControlLoading: true\n });\n if (!validationResult) {\n this.setState({ isSSOControlLoading: false });\n return;\n }\n const { email } = this.state;\n const { getUserSSOStatus } = this.props;\n try {\n const { content: { isSSOUser } } = await getUserSSOStatus(email);\n if (isSSOUser) {\n this.setState({\n ssoErrorMessage: userIsSSOError\n });\n } else {\n // Ask the user for a password.\n this.setState({\n isSSOControlStep: false\n });\n }\n } catch (e) {\n if (e.message === 'Rate limit exceeded') {\n // Gracefully degrade and show password\n // if we hit rate limit.\n this.setState({\n isSSOControlStep: false\n });\n } else {\n // Set to an error state.\n // for actual errors.\n this.setState({\n emailValid: false,\n ssoErrorMessage: unexpectedErrorText\n });\n }\n } finally {\n // By this point whether or not we had an error loading\n // has finished.\n this.setState({ isSSOControlLoading: false });\n }\n };\n\n handleKeyDown = e => {\n const {\n isSSOControlStep,\n isLoginLoading,\n isSSOControlLoading\n } = this.state;\n // To avoid users spamming enter.\n const loading = isLoginLoading || isSSOControlLoading;\n if (!loading) {\n return listenEnter(e, isSSOControlStep\n ? this.handleSSOControl\n : this.handleLogin\n );\n }\n };\n\n /**\n * Get the error message to be shown under\n * email/username input, if there is any.\n */\n get emailInputErrorMessage() {\n const {\n isSSOControlStep,\n loginErrorMsg,\n emailValid,\n ssoErrorMessage\n } = this.state;\n if (isSSOControlStep && loginErrorMsg) {\n // Otherwise this would be displayed under password which isn't\n // visible.\n return loginErrorMsg;\n }\n\n if (!emailValid) {\n return t(invalidEmailInputText);\n }\n\n if (ssoErrorMessage) {\n return t(ssoErrorMessage);\n }\n\n return '';\n }\n\n redirectToEnterpriseLogin() {\n try {\n if (window.opener.isSalesforceAdmin) {\n // https://stackoverflow.com/questions/71154547/window-opener-reference-lost-in-firefox\n // eslint-disable-next-line @jotforminc/no-location-href-assignment\n window.location.href = '/platform/auth?registrationType=oauth&client_id=Salesforce&access_type=full&auth_type=login&popup=1&newEnterpriseStarter=1';\n } else {\n // eslint-disable-next-line @jotforminc/no-location-href-assignment\n window.location.href = '/platform/auth?registrationType=oauth&client_id=Salesforce&access_type=full&auth_type=login&popup=1&contactAdminError=1';\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e);\n }\n }\n\n render() {\n const {\n onNavigationChangeRequest,\n onSalesforceLoginClick,\n onGoogleLoginClick,\n onFBLoginClick,\n onMicrosoftLoginClick,\n preventBack,\n thereSocialError,\n thereErrorMessage,\n loginButtonText,\n loginWelcomeText,\n loginDescriptionText,\n onAppleLoginClick,\n hideSignUp,\n greetingDescription,\n registerMsAbTestAction,\n logoSource,\n readonlyEmail,\n showJotformLogo,\n showEnterpriseLogin,\n isSwsoTestVariant,\n forceShowBack,\n fromSACL,\n ssoLoginOptions,\n onSSOLoginSuccess,\n onSSOLoginFail,\n isOnboardingFlow,\n isOnboardingTestVariantReversed\n } = this.props;\n\n const {\n email,\n pass,\n passValid,\n loginErrorMsg,\n recaptcha,\n isLoginLoading,\n showSalesforceLogin,\n isSSOControlStep,\n isSSOControlLoading\n } = this.state;\n\n const emailErrorMessage = this.emailInputErrorMessage;\n const loginLogoSource = this.isEnterprise ? logoSource : 'https://www.jotform.com/resources/assets/logo-nb/jotform-logo-white-400x100.png';\n const showLogo = (this.isEnterprise && loginLogoSource) || (!this.isEnterprise && showJotformLogo);\n\n return (\n \n {showLogo && 
}\n {loginWelcomeText && loginWelcomeText.length > 0 && (
\n );\n }\n}\n\nLoginOptions.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n onSalesforceLoginClick: func.isRequired,\n onGoogleLoginClick: func.isRequired,\n onFBLoginClick: func.isRequired,\n onMicrosoftLoginClick: func.isRequired,\n onAppleLoginClick: func,\n onLoginClick: func.isRequired,\n loginPredefinedEmail: string,\n preventBack: bool,\n thereSocialError: bool,\n externalErrorMessage: string,\n setExternalErrorMessage: func,\n loginButtonText: string,\n loginWelcomeText: string,\n loginDescriptionText: string,\n greetingDescription: string,\n registerMsAbTestAction: func,\n logoSource: string,\n readonlyEmail: bool,\n showJotformLogo: bool,\n showEnterpriseLogin: bool,\n hideSignUp: bool,\n isSwsoTestVariant: bool,\n forceShowBack: bool,\n fromSACL: bool,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })),\n onSSOLoginSuccess: func,\n onSSOLoginFail: func,\n thereErrorMessage: string,\n isOnboardingFlow: bool,\n getUserSSOStatus: func,\n isOnboardingTestVariantReversed: bool\n};\n\nLoginOptions.defaultProps = {\n loginPredefinedEmail: '',\n preventBack: false,\n thereSocialError: false,\n externalErrorMessage: '',\n setExternalErrorMessage: f => f,\n loginButtonText: Texts.LOGIN_CAPITAL,\n loginWelcomeText: Texts.WELCOME_BACK,\n loginDescriptionText: '',\n onAppleLoginClick: f => f,\n greetingDescription: '',\n registerMsAbTestAction: f => f,\n logoSource: '',\n readonlyEmail: false,\n showJotformLogo: false,\n showEnterpriseLogin: false,\n hideSignUp: false,\n isSwsoTestVariant: false,\n forceShowBack: false,\n fromSACL: false,\n ssoLoginOptions: [],\n onSSOLoginSuccess: f => f,\n onSSOLoginFail: f => f,\n thereErrorMessage: Texts.ERROR_TRY_AGAIN,\n isOnboardingFlow: false,\n getUserSSOStatus: f => f,\n isOnboardingTestVariantReversed: false\n};\n","import React, { Component } from 'react';\nimport { string, func, bool } from 'prop-types';\nimport Axios from 'axios';\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\nimport { listenEnter } from '@jotforminc/utils';\nimport cx from 'classnames';\n\nimport { IconChevronLeft } from '@jotforminc/svg-icons';\nimport BackIcon from '../temporary-duplicate/assets/svg/icon_back3.svg';\nimport ErrorAlert from './ErrorAlert';\n\nconst invalidInputText = Texts.FIELD_REQUIRED;\n\nexport default class ForgotPassword extends Component {\n constructor(props) {\n super(props);\n this.state = {\n username: '',\n usernameValid: true,\n resetErrorMessage: ''\n };\n }\n\n handleInputChange = input => e => {\n const { value } = e.target;\n this.setState({ [input]: value }, () => {\n this.validate(input);\n });\n };\n\n handleResetClick = async () => {\n const { onNavigationChangeRequest } = this.props;\n const validationResult = await this.validate('username');\n if (!validationResult) return;\n\n const result = await this.sendEmail()\n .catch(err => {\n // eslint-disable-next-line no-console\n console.error(err);\n this.setState({\n resetErrorMessage: 'An error occurred. Please try again'\n });\n });\n if (result) {\n onNavigationChangeRequest('resetSuccess');\n }\n };\n\n handleKeyDown = e => listenEnter(e, this.handleResetClick);\n\n sendEmail = () => {\n const { apiURL } = this.props;\n const { username } = this.state;\n return Axios.get(`${apiURL}/passwordreset?resetData=${encodeURIComponent(username)}`);\n };\n\n validate = input => {\n const { [input]: value } = this.state;\n this.setState({\n [`${input}Valid`]: !!value // inputs shouldn't be empty\n });\n return Promise.resolve(!!value);\n };\n\n render() {\n const { onNavigationChangeRequest, isOnboardingFlow } = this.props;\n\n const {\n username,\n usernameValid,\n resetErrorMessage\n } = this.state;\n\n const inputValid = usernameValid && !resetErrorMessage;\n return (\n {t(loginWelcomeText)}
)}\n {(greetingDescription || loginDescriptionText) && ({t(greetingDescription || loginDescriptionText)}
)}\n\n {!this.isEnterprise\n && (\n <>\n onNavigationChangeRequest(!isSwsoTestVariant ? 'signupOptions' : 'signupWithSocialOpts')}\n type=\"button\"\n >\n
\n \n {t(Texts.LOGIN_WITH)}\n
\n {thereSocialError\n && (\n \n {Object.values(this.socialLoginParams).every(q => q === false) && (\n onFBLoginClick()}\n />\n )}\n {this.socialLoginParams.google && (\n onGoogleLoginClick()}\n />\n )}\n {this.socialLoginParams.microsoft && (\n onMicrosoftLoginClick()}\n />\n )}\n
\n \n {t(errorNormalizer(thereErrorMessage))}\n
\n )}\n {!isOnboardingFlow ? t(Texts.OR_KEY) : t(OR_LOGIN_WITH)}
\n \n )}\n \n {\n ssoLoginOptions.length > 0 && (\n \n {isSSOControlLoading\n ? (\n \n {isLoginLoading\n ? (\n
\n {!preventBack && (\n \n \n
\n {!isSSOControlStep\n && (\n \n {emailErrorMessage}\n
\n \n \n onNavigationChangeRequest('forgotPassword')}\n id=\"forgotPasswordButton\"\n >\n {t(Texts.FORGOT_PASSWORD)}\n \n )}\n {loginErrorMsg ? (\n
\n )}\n\n {recaptcha ? (\n \n {passValid ? null : t(invalidInputText)}\n
\n {!hideSignUp && this.showForgotPassword && (\n \n this.handleLogin(null, recaptcha_)} />\n
\n ) : null}\n\n {isSSOControlStep ? (\n \n \n \n \n
\n )\n : t('Continue')}\n \n ) : (\n \n \n \n \n
\n )\n : t(loginButtonText)}\n \n )}\n {hideSignUp && this.showForgotPassword && (\n \n onNavigationChangeRequest('forgotPassword')}\n id=\"forgotPasswordButton\"\n >\n {t(Texts.FORGOT_PASSWORD)}\n \n
\n )}\n {!isOnboardingFlow && !showEnterpriseLogin && !hideSignUp && (\n \n {t(Texts.DONT_HAVE_ACCOUNT)}\n {\n let upcomingScreen = !isSwsoTestVariant ? 'signupOptions' : 'signupWithSocialOpts';\n if (this.isEnterprise && !fromSACL) {\n upcomingScreen = 'signupWithEmail';\n }\n onNavigationChangeRequest(upcomingScreen);\n }}\n >\n {t(Texts.SIGN_UP)}\n \n
\n )}\n {showEnterpriseLogin && (\n \n {t(Texts.ARE_YOU_JOTFORM_ENTERPRISE_USER)}\n this.redirectToEnterpriseLogin()}\n >\n {t(Texts.LOGIN_TO_JOTFORM_ENTERPRISE)}\n \n
\n )}\n \n {isOnboardingFlow && (\n
\n );\n }\n}\n\nForgotPassword.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n isOnboardingFlow: bool,\n apiURL: string.isRequired\n};\n\nForgotPassword.defaultProps = {\n isOnboardingFlow: false\n};\n","import Styled from 'styled-components';\n\nexport const ScPieTimerWrapper = Styled.div`\n display: flex;\n align-items: center;\n\n div {\n margin-right: 6px;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 6px;\n }\n #loader {\n fill: #fff;\n }\n\n svg {\n width: 20px;\n display: block;\n border-radius: 50%;\n border: 2px solid #cfd8dc;\n }\n }\n`;\n","import React, {\n useState,\n forwardRef,\n useRef,\n useImperativeHandle,\n useEffect\n} from 'react';\nimport { func } from 'prop-types';\nimport { Hooks } from '@jotforminc/uikit';\nimport { ScPieTimerWrapper } from './sc/scPieTimer';\n\nexport const PieTimer = forwardRef(({\n startCallback,\n stopCallback\n}, ref) => {\n const [alpha, setAlpha] = useState(0);\n const [counter, setCounter] = useState(0);\n const interval = useRef(null);\n const counterRef = useRef(null);\n\n const calculateTimeInterval = (totalTime = 60) => {\n return (totalTime / 360) * 1000;\n };\n\n Hooks.useEffectIgnoreFirst(() => {\n if (counter > 0) {\n counterRef.current = setTimeout(() => setCounter(prev => prev - 1), 1000);\n return;\n }\n stopCallback();\n return () => clearInterval(interval.current);\n }, [counter]);\n\n useEffect(() => {\n if (alpha >= 359) clearInterval(interval.current);\n }, [alpha]);\n\n useImperativeHandle(ref, () => ({\n start: (duration, totalTime) => {\n startCallback();\n clearTimeout(counterRef.current);\n const initialAlpha = totalTime ? 360 - (duration / totalTime) * 360 : 0;\n setAlpha(initialAlpha);\n setCounter(Number(duration));\n clearInterval(interval.current);\n interval.current = setInterval(() => {\n setAlpha(prev => prev + 1);\n }, calculateTimeInterval(totalTime));\n },\n stop: () => {\n stopCallback();\n clearInterval(interval.current);\n clearTimeout(counterRef.current);\n }\n }));\n\n return (\n \n onNavigationChangeRequest('loginOptions')} type=\"button\"\n id=\"returnLoginBox\"\n >\n
\n )}\n {t(Texts.FORGOT_PASSWORD)}
\n\n onNavigationChangeRequest('loginOptions')} type=\"button\"\n id=\"returnLoginBox\"\n >\n
\n \n \n {t(Texts.SEND_INSTRUCTIONS)}\n \n
\n {!isOnboardingFlow && (\n \n \n
\n \n {usernameValid ? null : t(invalidInputText)}\n
\n {resetErrorMessage && \n \n
\n \n {`${Math.floor(counter / 60)}`.padStart(2, '0')}\n :\n {`${counter % 60}`.padStart(2, '0')}\n
\n\n {text &&
\n )}\n {text}
}\n {desc && {desc}
}\n \n
\n {icon && {text}
\n {description || desc}
\n {children}\n \n {t(TEXTS.SMS_LABEL)}\n
\n ,\n description: TEXTS.SMS_DESCRIPTON,\n value: twoFactorTypeKeys.sms\n },\n // {\n // text:\n // <>\n // \n // {t(TEXTS.EMAIL_LABEL)}\n //
\n // ,\n // description: TEXTS.EMAIL_DESCRIPTON,\n // value: twoFactorTypeKeys.email,\n // },\n {\n text:\n <>\n \n {t(TEXTS.APP_LABEL)}\n
\n ,\n description: TEXTS.APP_DESCRIPTON,\n value: twoFactorTypeKeys.authenticatorApp\n }\n];\n\nexport const flagURL = 'https://cdn.jotfor.ms/assets/img/v4/country-flags/{xx}.svg';\n\nexport const socialButtonConstants = {\n google: {\n color: '#0076FF',\n icon: \n
\n \n {children}\n
\n {children}
}\n \n );\n};\n\nCheckbox.propTypes = {\n children: PropTypes.node,\n id: PropTypes.string.isRequired,\n disabled: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n children: null,\n disabled: false\n};\n\nexport default Checkbox;\n","/* eslint-disable complexity */\nimport React, { useState, useRef, useEffect } from 'react';\nimport {\n shape, bool, string, func, number\n} from 'prop-types';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Texts, twoFactorTypeKeys } from '@jotforminc/constants';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { PieTimer } from '@jotforminc/pie-timer';\nimport { VerificationInput } from '@jotforminc/verification-input';\nimport { ErrorContainer, InfoBox } from '@jotforminc/two-factor-settings';\nimport '../styles/twoFactorLogin.scss';\nimport Checkbox from './Checkbox';\nimport { LOGIN_SESSION_EXPIRED_MESSAGE } from '../constants';\n\nconst TwoFactorLogin = ({\n handleTFALogin,\n onNavigationChangeRequest,\n lastTFAResponse: {\n token: {\n type,\n target,\n remaining_time: remainingTime,\n total_time: totalTime,\n expires_at: expiresAt,\n isForced,\n username\n },\n showRememberDevice\n },\n thereSocialError,\n thereErrorMessage,\n isSocialTFA,\n tfaMethod\n}) => {\n const [verificationCode, setVerificationCode] = useState('');\n const [timerRunning, setTimerRunning] = useState('');\n const [isCodeFilled, setCodeFilled] = useState(false);\n const [isLoginLoading, setIsLoginLoading] = useState(false);\n const [rememberDevice, setRememberDevice] = useState(false);\n const [errorMessage, setErrorMessage] = useState(false);\n\n const wrongAttemptRef = useRef(0);\n const timerRef = useRef(null);\n const firstVerifyRef = useRef(true);\n const isPassiveTFAMethod = (tfaMethod === 'recovery' || type === twoFactorTypeKeys.authenticatorApp);\n const showRememberDeviceSection = (isEnterprise() ? showRememberDevice || false : true) && tfaMethod !== 'recovery';\n\n const ActionRecorder = window.actionRecorder ? window.actionRecorder : null;\n\n useEffect(() => {\n setVerificationCode('');\n }, [tfaMethod]);\n\n useEffect(() => {\n if (verificationCode.length < 6) {\n setCodeFilled(false);\n } else {\n setCodeFilled(true);\n }\n }, [verificationCode]);\n\n useEffect(() => {\n if (!isPassiveTFAMethod) {\n timerRef.current.stop();\n timerRef.current.start(remainingTime, totalTime);\n }\n\n return () => timerRef.current && timerRef.current.stop();\n }, [expiresAt, type]);\n\n const sendWrongAttempAction = (action, actionTarget) => {\n const actor = username || '';\n if (wrongAttemptRef.current > 0 && tfaMethod !== 'recovery' && ActionRecorder) {\n ActionRecorder.tick({ actor, action: action, target: actionTarget });\n wrongAttemptRef.current = 0;\n }\n };\n\n const handleLogin = async args => {\n const { verificationCode: code = false } = args;\n if (isLoginLoading) return;\n setErrorMessage('');\n\n if (typeof code === 'string' && code.length === 0) {\n setErrorMessage(t(Texts.BLANK_VERIFICATION_CODE));\n return;\n }\n\n if (code.length < 6) {\n setErrorMessage('');\n return;\n }\n\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n\n try {\n setIsLoginLoading(true);\n const response = await handleTFALogin(args);\n const { data: { error = '' } = {}, message = '' } = response?.[0];\n\n if (error && /Login failed - The username or password you entered is incorrect. Please try again./.test(error)) {\n setErrorMessage(LOGIN_SESSION_EXPIRED_MESSAGE);\n } else if (error || message) {\n setErrorMessage(t(error || message));\n }\n setIsLoginLoading(false);\n } catch (e) {\n // TO DO handleError;\n }\n };\n\n const handleCodeChange = val => {\n setVerificationCode(val.toUpperCase());\n if (errorMessage) {\n setErrorMessage('');\n }\n };\n\n const handleKeyDown = event => {\n if (tfaMethod !== 'recovery' && /^[a-zA-Z]+$/.test(event.key) && event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {\n wrongAttemptRef.current = wrongAttemptRef.current + 1;\n }\n };\n\n const handlePaste = event => {\n const clipboardData = event.clipboardData || window.clipboardData;\n if (/[A-Za-z]/.test(clipboardData.getData('Text'))) {\n wrongAttemptRef.current = wrongAttemptRef.current + 1;\n }\n };\n\n const clickOutsideEvent = event => {\n if (event.target.closest('#exitModal')) return false;\n if (event.target.closest('.modalView .jfHeader-modalViewContent')) return true;\n if (document.querySelector('.xcl-content') && !document.contains(event.target)) {\n return false;\n }\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n };\n\n const keydownEscapeEvent = e => {\n if (e.key === 'Escape' || e.keyCode === 27) {\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n }\n };\n\n useEffect(() => {\n if (verificationCode.length === 6 && firstVerifyRef.current) {\n firstVerifyRef.current = false;\n handleLogin({\n verificationCode, isSocialTFA, newType: tfaMethod, rememberDevice: rememberDevice ? '1' : '0'\n });\n }\n }, [verificationCode]);\n\n useEffect(() => {\n const listingPortal = document.getElementById('listing-portal-root');\n if (listingPortal) {\n listingPortal.classList.add('hide-for-2fa');\n }\n\n const authFormCloseEl = document.querySelector('.jfHeader-authForm-close.newModalInlineButton');\n if (authFormCloseEl) {\n authFormCloseEl.addEventListener('click', () => {\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n });\n document.addEventListener('click', clickOutsideEvent, false);\n document.addEventListener('keydown', keydownEscapeEvent, false);\n }\n\n return () => {\n sendWrongAttempAction(`wrongAttempt-${wrongAttemptRef.current}`, 'twoFactorLoginVerificationInput');\n\n if (authFormCloseEl) {\n authFormCloseEl.removeEventListener('click', sendWrongAttempAction);\n document.removeEventListener('click', clickOutsideEvent, false);\n document.removeEventListener('keydown', keydownEscapeEvent, false);\n }\n };\n }, []);\n\n return (\n \n
\n );\n};\n\nTwoFactorLogin.propTypes = {\n onNavigationChangeRequest: func.isRequired,\n handleTFALogin: func.isRequired,\n lastTFAResponse: shape({\n token: shape({\n type: string,\n target: string,\n remaining_time: string,\n total_time: number,\n expires_at: number,\n isForced: bool,\n username: string\n }),\n showRememberDevice: bool\n }).isRequired,\n thereSocialError: string,\n thereErrorMessage: string,\n tfaMethod: string.isRequired,\n isSocialTFA: bool.isRequired\n};\n\nTwoFactorLogin.defaultProps = {\n thereSocialError: '',\n thereErrorMessage: ''\n};\n\nexport default TwoFactorLogin;\n","import React, { useState, useRef, useEffect } from 'react';\nimport {\n shape, bool, string, func, number\n} from 'prop-types';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\nimport { useTimeoutMessage } from '@jotforminc/hooks';\nimport { PieTimer } from '@jotforminc/pie-timer';\nimport { VerificationInput } from '@jotforminc/verification-input';\nimport { ErrorContainer, InfoBox } from '@jotforminc/two-factor-settings';\n\nconst EmailAuthLogin = ({\n handleEALogin,\n lastEAResponse: {\n emailAuthToken: {\n target,\n remaining_time: remainingTime,\n total_time: totalTime,\n expires_at: expiresAt,\n isForced\n }\n },\n thereSocialError,\n thereErrorMessage,\n isSocialEA\n}) => {\n const [verificationCode, setVerificationCode] = useState('');\n const [timerRunning, setTimerRunning] = useState('');\n const [errorMessage, setErrorMessage] = useTimeoutMessage(false, 5000);\n const timerRef = useRef(null);\n\n useEffect(() => {\n if (typeof window.__accountSharingLogger === 'function') {\n window.__accountSharingLogger({ action: 'seen', target: 'emailAuthLogin' });\n }\n }, []);\n\n useEffect(() => {\n const handleTabChange = () => {\n if (document.visibilityState === 'visible') {\n const remainingTimeAfterTabChange = expiresAt - Math.floor(Date.now() / 1000);\n\n if (remainingTimeAfterTabChange > 0) {\n timerRef.current.start(remainingTimeAfterTabChange, totalTime);\n } else {\n timerRef.current.start(0, totalTime);\n timerRef.current.stop();\n }\n\n console.log('tab active');\n console.log('remainingTimeAfterTabChange', remainingTimeAfterTabChange);\n } else {\n timerRef.current.stop();\n console.log('tab inactive');\n }\n };\n\n document.addEventListener('visibilitychange', handleTabChange);\n return () => {\n document.removeEventListener('visibilitychange', handleTabChange);\n };\n }, [expiresAt]);\n\n useEffect(() => {\n timerRef.current.stop();\n timerRef.current.start(remainingTime, totalTime);\n\n return () => timerRef.current && timerRef.current.stop();\n }, [expiresAt]);\n\n const handleLogin = async args => {\n const { verificationCode: code = false } = args;\n\n if (typeof code === 'string' && code.length === 0) {\n setErrorMessage(t(Texts.BLANK_VERIFICATION_CODE));\n return;\n }\n\n if (code.length < 6) {\n setErrorMessage('');\n return;\n }\n\n try {\n const response = await handleEALogin(args);\n const { data: { error } } = response?.[0];\n if (error) {\n setErrorMessage(t(error));\n }\n } catch (e) {\n // TO DO handleError;\n }\n };\n\n return (\n {t(Texts.VERIFY_ITS_YOU)}
\n {isForced && (\n\n \n \n
\n )}\n \n {t(Texts.REACH_DAILY_LIMIT_FORCE_TO_EMAIL)}\n
\n\n { /* eslint-disable-next-line no-nested-ternary */}\n {tfaMethod === 'recovery' ? (\n t(Texts.ENTER_RECOVERY_CODES)\n ) : (\n translationRenderer(Texts.TWO_FACTOR_DESCRIPTION[type])({\n renderer1: () => {target}\n })\n )}\n
\n \n
\n \n {\n handleLogin({\n verificationCode, isSocialTFA, newType: tfaMethod, rememberDevice: rememberDevice ? '1' : '0'\n });\n }}\n type=\"button\"\n disabled={!isCodeFilled || isLoginLoading}\n >\n {isLoginLoading\n ? (\n
\n \n \n {/* { tfaMethod === 'recovery' && (\n {t(Texts.USED_RECOVERY_CODES)} \n )} */}\n { errorMessage && (\n {t(errorMessage)} \n )}\n {thereSocialError && (\n {t(thereErrorMessage.response.data.error)} \n )}\n
\n \n \n \n \n
\n )\n : t(Texts.VERIFY_BUTTON_TEXT)}\n \n {showRememberDeviceSection && (\n \n setRememberDevice(checked)}\n />\n setRememberDevice(currVal => setRememberDevice(!currVal))} onKeyDown={() => {}}>\n {t(\"Don't ask again on this device.\")}\n \n
\n )}\n {!isPassiveTFAMethod && (\n \n setTimerRunning(true)}\n stopCallback={() => setTimerRunning(false)}\n ref={timerRef}\n />\n
\n )}\n \n \n {t(Texts.NO_CODE)}\n
\n \n {t(Texts.HAVING_PROBLEMS)}\n \n onNavigationChangeRequest('twoFactorMethods')}\n >\n {t(Texts.SEE_OTHER_AUTHENTICATION_METHODS)}\n \n
\n \n
\n );\n};\n\nEmailAuthLogin.propTypes = {\n handleEALogin: func.isRequired,\n lastEAResponse: shape({\n emailAuthToken: shape({\n type: string,\n target: string,\n remaining_time: string,\n total_time: number,\n expires_at: number,\n isForced: bool\n })\n }).isRequired,\n thereSocialError: string,\n thereErrorMessage: string,\n isSocialEA: bool.isRequired\n};\n\nEmailAuthLogin.defaultProps = {\n thereSocialError: '',\n thereErrorMessage: ''\n};\n\nexport default EmailAuthLogin;\n","import React from 'react';\nimport {\n shape, bool, string, func\n} from 'prop-types';\nimport { t, translationRenderer } from '@jotforminc/translation';\nimport { Texts, twoFactorTypeKeys } from '@jotforminc/constants';\nimport { useTimeoutMessage } from '@jotforminc/hooks';\nimport { ErrorContainer } from '@jotforminc/two-factor-settings';\nimport {\n IconMessageFilled, IconKeyFilled, IconScanFilled, IconChevronLeft\n} from '@jotforminc/svg-icons';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\nconst TwoFactorMethods = ({\n handleTFALogin,\n lastTFAResponse: {\n token: {\n type\n },\n activeMethods\n },\n isSocialTFA,\n onNavigationChangeRequest\n}) => {\n const hasRecoveryMail = false;\n\n const typeMap = {\n phone: {\n typeCode: twoFactorTypeKeys.sms,\n icon: () => {t(Texts.EMAIL_AUTHENTICATION)}
\n {isForced && (\n\n \n \n
\n )}\n \n {t(Texts.REACH_DAILY_LIMIT_FORCE_TO_EMAIL)}\n
\n\n {translationRenderer(Texts.EMAIL_AUTHENTICATION_DESCRIPTION)({\n renderer1: () => {target}\n })}\n
\n \n
\n \n {\n handleLogin({ verificationCode, isSocialEA });\n if (typeof window.__accountSharingLogger === 'function') {\n window.__accountSharingLogger({ action: 'click', target: 'verifyButton' });\n }\n }}\n type=\"button\"\n >\n {t(Texts.VERIFY)}\n \n\n
\n \n \n { errorMessage && (\n {errorMessage} \n )}\n {thereSocialError && (\n {thereErrorMessage.response.data.error} \n )}\n
\n \n setTimerRunning(true)}\n stopCallback={() => setTimerRunning(false)}\n ref={timerRef}\n />\n
\n \n {t(Texts.NO_CODE)}\n
\n
\n );\n};\n\nTwoFactorMethods.propTypes = {\n handleTFALogin: func.isRequired,\n lastTFAResponse: shape({\n type: string.isRequired,\n activeMethods: shape({}).isRequired,\n token: shape({\n type: string.isRequired\n }).isRequired\n }).isRequired,\n isSocialTFA: bool.isRequired,\n onNavigationChangeRequest: func\n};\n\nTwoFactorMethods.defaultProps = {\n onNavigationChangeRequest: f => f\n};\n\nexport default TwoFactorMethods;\n","import React, { useEffect } from 'react';\nimport { shape, string, func } from 'prop-types';\nimport { Loading } from '@jotforminc/loading';\n\nconst SocialInit = ({\n socialInitData: {\n type,\n token,\n response = {}\n },\n socialLoginRequest,\n handle2FASocialLoginRequest,\n handleSocialEAResponse\n}) => {\n useEffect(() => {\n const { primaryMethod = '' } = response;\n if (primaryMethod && !response?.emailAuthToken) {\n handle2FASocialLoginRequest(response);\n } else if (response?.emailAuthToken) {\n handleSocialEAResponse(response, type);\n } else {\n socialLoginRequest(type, token);\n }\n }, []);\n\n return (\n {t(Texts.VERIFY_ITS_YOU)}
\n\n {t(Texts.CHOOSE_A_METHOD_DESCRIPTION)}\n
\n \n
\n \n {t(errorMessage)} \n )}\n handleTFALogin({ newType: type, isSocialTFA })}\n >\n \n {t(Texts.CAN_NOT_ACCESS_MY_DEVICE)}\n \n )}\n
\n \n {t(Texts.CHOOSE_A_METHOD)}\n
\n \n {Object.entries(activeMethods).filter(([methodType]) => typeMap[methodType]?.typeCode !== type).map(([methodType, { data: target }]) => {\n const {\n typeCode,\n icon: Icon\n } = typeMap[methodType];\n\n return (\n handleLogin({ newType: typeCode, isSocialTFA, shouldNavigate: true })}\n type=\"button\"\n >\n handleTFALogin({ newType: 'recovery' })}\n type=\"button\"\n >\n
\n { errorMessage && (\n \n
\n );\n};\n\nSocialInit.propTypes = {\n socialInitData: shape({\n type: string.isRequired,\n token: string.isRequired,\n response: shape({}).isRequired\n }).isRequired,\n socialLoginRequest: func.isRequired,\n handle2FASocialLoginRequest: func,\n handleSocialEAResponse: func\n};\n\nSocialInit.defaultProps = {\n handle2FASocialLoginRequest: f => f,\n handleSocialEAResponse: f => f\n};\n\nexport default SocialInit;\n","export default class LoginError extends Error {\n constructor(errorType, loginType, message, originalError) {\n super();\n this.type = errorType; // Error errorType: network, jsonParse etc.\n this.loginType = loginType; // user|formUser\n this.message = message;\n this.originalError = originalError;\n }\n}\n","import React from 'react';\nimport { func, string } from 'prop-types';\n\nimport { Texts } from '@jotforminc/constants';\nimport { t, translationRenderer } from '@jotforminc/translation';\n\nimport { IconTrashExclamationFilled } from '@jotforminc/svg-icons';\n\nconst DeleteAccountModalStep1 = ({ handleStep, username }) => {\n return (\n \n
\n );\n};\n\nDeleteAccountModalStep1.propTypes = {\n handleStep: func.isRequired,\n username: string.isRequired\n};\n\nexport default DeleteAccountModalStep1;\n","import React from 'react';\nimport {\n array, func, object\n} from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\n\nimport AppleIcon from '../../assets/icon_ap_36.svg';\nimport FacebookIcon from '../../assets/icon_fb_36.svg';\nimport GoogleIcon from '../../assets/icon_gl_36.svg';\nimport MicrosoftIcon from '../../assets/icon_ms_36.svg';\nimport SalesforceIcon from '../../assets/icon_sf_36.svg';\n\nimport GoogleButton from '../GoogleButton';\nimport FacebookButton from '../FacebookButton';\nimport MicrosoftButton from '../MicrosoftButton';\nimport AppleButton from '../AppleButton';\nimport SalesforceButton from '../SalesforceButton';\n\nconst icons = {\n apple: AppleIcon,\n facebook: FacebookIcon,\n google: GoogleIcon,\n microsoft: MicrosoftIcon,\n salesforce: SalesforceIcon\n};\nconst buttons = {\n apple: AppleButton,\n facebook: FacebookButton,\n google: GoogleButton,\n microsoft: MicrosoftButton,\n salesforce: SalesforceButton\n};\n\nconst SocialsContainer = ({\n socialLogins,\n onAppleLoginClick,\n onFBLoginClick,\n onGoogleLoginClick,\n onMicrosoftLoginClick,\n onSalesforceLoginClick,\n user\n}) => {\n const callbacks = {\n apple: onAppleLoginClick,\n facebook: onFBLoginClick,\n google: onGoogleLoginClick,\n microsoft: onMicrosoftLoginClick,\n salesforce: onSalesforceLoginClick\n };\n\n const connectedAccounts = socialLogins.map(login => (Object.hasOwn(buttons, login) ? {\n Component: buttons[login], Icon: icons[login], callback: callbacks[login], key: login\n } : null));\n\n const { username, email, avatarUrl } = user.credentials;\n\n return (\n \n
\n \n
\n \n
\n {t(Texts.ARE_YOU_SURE_YOU_WANT_TO_DELETE_YOUR_ACCOUNT)}
\n\n {' '}\n {t(Texts.YOU_ARE_ABOUT_TO_DELETE_YOUR_ACCOUNT_NAMELY)}\n {' '}\n {username}\n
\n\n {translationRenderer(Texts.GET_IN_TOUCH_WITH_US)({\n renderer1: text => (\n {text}\n )\n })}\n
\n\n \n \n
\n \n {connectedAccounts.map(({\n Component, Icon, callback, key\n }) => (\n
\n );\n};\n\nSocialsContainer.propTypes = {\n socialLogins: array.isRequired,\n onAppleLoginClick: func,\n onFBLoginClick: func,\n onGoogleLoginClick: func,\n onMicrosoftLoginClick: func,\n onSalesforceLoginClick: func,\n user: object.isRequired\n};\n\nSocialsContainer.defaultProps = {\n onAppleLoginClick: () => {},\n onFBLoginClick: () => {},\n onGoogleLoginClick: () => {},\n onMicrosoftLoginClick: () => {},\n onSalesforceLoginClick: () => {}\n};\n\nexport default SocialsContainer;\n","import React from 'react';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nconst ModalHeader = () => \n
\n ))}\n \n
\n \n
\n {username}
\n{email}
\n{t(Texts.VERIFY_THAT_ITS_YOU_TO_DELETE_YOUR_ACCOUNT)}
;\n\nexport default ModalHeader;\n","import { string } from 'prop-types';\nimport React from 'react';\n\nimport { t } from '@jotforminc/translation';\n\nimport { IconExclamationCircleFilled } from '@jotforminc/svg-icons';\n\nconst ErrorMessage = ({ text }) => {\n return (\n\n
\n );\n};\n\nErrorMessage.propTypes = {\n text: string.isRequired\n};\n\nexport default ErrorMessage;\n","import React, { useState } from 'react';\nimport {\n array, bool, func, object\n} from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nimport SocialsContainer from './SocialsContainer';\nimport ModalHeader from './ModalHeader';\n\nimport { verifyAndDelete } from '../../utils/helper';\nimport ErrorMessage from './ErrorMessage';\n\nconst DeleteAccountModalStep2 = ({\n socialLogins, onAppleLoginClick, onFBLoginClick, onGoogleLoginClick, onMicrosoftLoginClick, onSalesforceLoginClick, thereSocialError, user, handleStep\n}) => {\n const [isPasswordErrored, setIsPasswordErrored] = useState(false);\n const [password, setPassword] = useState('');\n\n const handleChange = e => {\n const { target: { value } } = e;\n setPassword(value);\n setIsPasswordErrored(false);\n };\n\n const handleDeleteAccount = async e => {\n e.preventDefault(); // no refresh after submit\n const { credentials: { username } } = user;\n\n if (password) {\n try {\n const result = await verifyAndDelete({ type: 'email', username, password });\n if (typeof result === 'object' && result.token) {\n setIsPasswordErrored(!result.status);\n } else { // TODO: remove this condition when api is merged\n setIsPasswordErrored(!result);\n }\n handleStep(3);\n } catch {\n setIsPasswordErrored(true);\n }\n }\n };\n\n return (\n \n
\n );\n};\n\nDeleteAccountModalStep2.propTypes = {\n socialLogins: array.isRequired,\n user: object.isRequired,\n onAppleLoginClick: func,\n onFBLoginClick: func,\n onGoogleLoginClick: func,\n onMicrosoftLoginClick: func,\n onSalesforceLoginClick: func,\n thereSocialError: bool,\n handleStep: func\n};\n\nDeleteAccountModalStep2.defaultProps = {\n onAppleLoginClick: () => {},\n onFBLoginClick: () => {},\n onGoogleLoginClick: () => {},\n onMicrosoftLoginClick: () => {},\n onSalesforceLoginClick: () => {},\n thereSocialError: false,\n handleStep: () => {}\n};\n\nexport default DeleteAccountModalStep2;\n","import React, { useState } from 'react';\nimport { string } from 'prop-types';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\n\nimport { IconCheckCircleFilled } from '@jotforminc/svg-icons';\nimport ModalHeader from './ModalHeader';\n\nimport { verifyAndDelete } from '../../utils/helper';\n\nimport ErrorMessage from './ErrorMessage';\n\nconst DeleteAccountModalStep3 = ({ username }) => {\n const [isDeleteErrored, setIsDeleteErrored] = useState(false);\n\n const handleDelete = async () => {\n const result = await verifyAndDelete({ isDeleteVerified: 1, username });\n // TODO: remove 'result === true' check when api is merged\n if (result === true || (typeof result === 'object' && result.token)) {\n setIsDeleteErrored(false);\n window.location.href = '/login';\n } else {\n setIsDeleteErrored(true);\n }\n };\n\n return (\n \n OR\n
\n \n )}\n \n {t(Texts.PLEASE_ENTER_YOUR_PASSWORD)}\n \n
\n \n
\n );\n};\n\nDeleteAccountModalStep3.propTypes = {\n username: string.isRequired\n};\n\nexport default DeleteAccountModalStep3;\n","import React, { useState, useImperativeHandle } from 'react';\nimport {\n array, bool, func, object\n} from 'prop-types';\n\nimport DeleteAccountModalStep1 from './DeleteAccountModalStep1';\nimport DeleteAccountModalStep2 from './DeleteAccountModalStep2';\nimport DeleteAccountModalStep3 from './DeleteAccountModalStep3';\n\nimport '../../styles/verification-modal.scss';\nimport '../../styles/delete-my-account-modal.scss';\n\nconst DeleteAccountModal = React.forwardRef(({\n socialLogins, onAppleLoginClick, onFBLoginClick, onGoogleLoginClick, onMicrosoftLoginClick, onSalesforceLoginClick, thereSocialError, user, handleClose\n}, ref) => {\n const [step, setStep] = useState(1);\n\n const { credentials: { username } } = user;\n\n const handleStep = nextStep => {\n setStep(nextStep);\n if (nextStep === 0) {\n handleClose();\n }\n };\n\n useImperativeHandle(ref, () => (\n {\n handleStep\n }\n ));\n\n return (\n <>\n {step === 1 && (\n \n \n
\n \n
\n );\n }\n}\n\nResetSuccess.propTypes = {\n onNavigationChangeRequest: func.isRequired\n};\n","import React, { useState } from 'react';\nimport { func, shape } from 'prop-types';\nimport { t } from '@jotforminc/translation';\n\nimport '../styles/social-terms-step.scss';\nimport { isTurkishLanguage } from '../utils/loginSignup';\nimport TermsAndConditionsUrls from './TermsAndConditionsUrls';\n\nconst SocialTermsStep = ({\n user,\n socialUserProfile,\n onSocialTermsContinue\n}) => {\n const [isTermsAgreed, setIsTermsAgreed] = useState(false);\n const [termsError, setTermsError] = useState(false);\n const { fullName, email, imageUrl } = socialUserProfile;\n const isTurkish = isTurkishLanguage(user);\n\n const handleContinue = async () => {\n if (isTermsAgreed) {\n onSocialTermsContinue(isTermsAgreed);\n } else {\n setTermsError(true);\n }\n };\n\n const handleCheckboxChange = ({ target: { checked = false } }) => {\n setIsTermsAgreed(checked);\n if (checked) {\n setTermsError(false);\n }\n };\n\n return (\n \n
\n {t(Texts.CHECK_EMAIL)}
\n\n onNavigationChangeRequest('loginOptions')}\n type=\"button\"\n >\n {t(Texts.OK_TEXT)}\n \n
\n \n
\n {t(Texts.PASSWORD_RESET_SENT)}
\n{t(Texts.CHECK_SPAM_FOLDER)}
\n\n {isEnterprise() ? t(Texts.MORE_HELP_CONTACT_ENTERPRISE) : translationRenderer(Texts.MORE_HELP_CONTACT)({\n renderer1: str => {str}\n })}\n
\n\n
\n );\n};\n\nSocialTermsStep.propTypes = {\n user: shape({}),\n socialUserProfile: shape({}),\n onSocialTermsContinue: func\n};\n\nSocialTermsStep.defaultProps = {\n user: {},\n socialUserProfile: {},\n onSocialTermsContinue: func\n};\n\nexport default SocialTermsStep;\n","import React, { useRef } from 'react';\nimport { func } from 'prop-types';\nimport { Modal } from '@jotforminc/uikit';\nimport '../styles/standalone-modal.scss';\nimport SocialTermsStep from './SocialTermsStep';\n\nconst SocialTermsModal = ({\n removeModalFromDOM,\n onSocialTermsContinue,\n onSocialTermsClose,\n ...props\n}) => {\n const uikitModalRef = useRef(null);\n\n // eslint-disable-next-line react/prop-types\n const DialogRenderer = ({ children }) => {t('Terms and Privacy')}
\n\n
\n \n
\n \n {termsError && {t('Please agree to continue.')}}\n \n {imageUrl && 
}\n
\n \n \n \n {t('Name')}\n :\n \n {fullName}\n \n \n \n {t('Email')}\n :\n \n {email}\n \n
\n \n \n
\n {children}
;\n\n // eslint-disable-next-line react/prop-types\n const ContentRenderer = ({ children }) => (\n \n {\n onSocialTermsClose();\n removeModalFromDOM();\n }}\n />\n {children}\n
\n );\n\n const handleSocialTermsContinue = isTermsAgreed => {\n onSocialTermsContinue(isTermsAgreed);\n if (isTermsAgreed) {\n removeModalFromDOM();\n }\n };\n\n return (\n {children}
;\n\n // eslint-disable-next-line react/prop-types\n const ContentRenderer = ({ children }) => (\n \n {\n if (typeof window.__accountSharingLogger === 'function') {\n window.__accountSharingLogger({ action: 'click', target: 'closeButton' });\n }\n removeModalFromDOM();\n }}\n />\n {children}\n
\n );\n\n return (\n \n {socialLogins.length > 0 && (\n <>\n
\n );\n};\n\nVerification.propTypes = {\n socialLogins: array.isRequired,\n user: object.isRequired,\n onAppleLoginClick: func,\n onFBLoginClick: func,\n onGoogleLoginClick: func,\n onMicrosoftLoginClick: func,\n onSalesforceLoginClick: func,\n thereSocialError: bool,\n handleVerification: func\n};\n\nVerification.defaultProps = {\n onAppleLoginClick: () => {},\n onFBLoginClick: () => {},\n onGoogleLoginClick: () => {},\n onMicrosoftLoginClick: () => {},\n onSalesforceLoginClick: () => {},\n thereSocialError: false,\n handleVerification: () => {}\n};\n\nexport default Verification;\n","import React, { useImperativeHandle } from 'react';\nimport {\n array, bool, func, elementType, object, shape\n} from 'prop-types';\n\nimport '../../styles/verification-modal.scss';\nimport Verification from './Verification';\n\nconst VerifyAccountModal = React.forwardRef(({\n socialLogins, onAppleLoginClick, onFBLoginClick, onGoogleLoginClick, onMicrosoftLoginClick, onSalesforceLoginClick, thereSocialError,\n user, AfterVerificationComponent, BeforeVerificationComponent, VerificationWrapper, isVerified, setIsVerified\n}, ref) => {\n const approveVerification = () => setIsVerified(true);\n\n useImperativeHandle(ref, () => (\n {\n approveVerification\n }\n ));\n\n const VerificationStep = () => (VerificationWrapper\n ? (\n \n OR\n
\n \n )}\n \n \n \n
\n {/* TODO: Move below html inside the form tags and update the common ui file: verification-mnodal.scss */}\n \n \n {t('VERIFY')}\n \n
\n \n
\n \n \n
\n {t(REPORT_UNUSUAL_SIGNUP)}
\n\n \n {t(CONTINUE)}\n \n \n )}\n
\n \n {isReported ? (\n
\n {!isReported && (\n <>\n \n
\n ) : (\n \n
\n )}\n \n {t(isReported ? RECEIVED_RESPONSE : REPORT_UNUSUAL_SIGNUP)}\n
\n\n {isReported ? (\n translationRenderer(THANKS_FOR_REPORTING)({\n renderer1: () => {getUrlParameter('username')},\n renderer2: text => (\n \n {text}\n \n )\n })\n ) : (\n translationRenderer(NOT_CREATE_THIS_ACCOUNT)({\n renderer1: () => {getUrlParameter('username')}\n })\n )}\n
\n\n \n \n
\n {error && (\n \n
\n )}\n {t(greetingMessage)}
)}\n {!!greetingDescription && step !== 'fields' && ({t(greetingDescription)}
)}\n {step === 'initial' && (\n\n
\n )}\n {step === 'fields' && (\n <>\n \n {!isOnboardingFlow &&
\n {t(SIGN_UP_WITH)}
}\n\n
\n {thereSocialError && (\n \n
\n )}\n \n {t(!isOnboardingFlow ? OR : OR_SIGN_UP_WITH)}\n
\n \n handleValidateEmail()}\n >\n {emailIsLoading && (\n \n \n {t('Loading')}\n ...\n \n )}\n {!emailIsLoading && t(!isOnboardingFlow ? CONTINUE : 'Continue with Email')}\n \n {!isOnboardingFlow && (\n
\n \n \n listenEnter(e, handleValidateEmail)}\n onChange={e => setEmail(e.target.value)}\n className={emailErrorMsg && 'input-error'}\n placeholder={isOnboardingFlow ? t(ENTER_EMAIL_ADDRESS) : ''}\n />\n {emailErrorMsg && (\n
\n \n
\n )}\n \n {t(Texts.ALREADY_HAVE_ACCOUNT)}\n {' '}\n onNavigationChangeRequest('loginOptions')}\n id=\"login-link\"\n >\n {t(Texts.LOGIN_TEXT)}\n \n
\n )}\n \n \n
\n \n
\n \n )}\n \n );\n};\n\nSignupWithSocialOpts.propTypes = {\n onNavigationChangeRequest: PropTypes.func.isRequired,\n user: PropTypes.shape(),\n isHIPAA: PropTypes.bool,\n enforceHIPAARuleSet: PropTypes.bool,\n includeConfirm: PropTypes.bool,\n shrinkConfirmOnMobile: PropTypes.bool,\n shrinkConfirmHeight: PropTypes.number,\n onAppleLoginClick: PropTypes.func.isRequired,\n onMicrosoftLoginClick: PropTypes.func.isRequired,\n onFBLoginClick: PropTypes.func.isRequired,\n onSalesforceLoginClick: PropTypes.func.isRequired,\n onGoogleLoginClick: PropTypes.func.isRequired,\n onLoginSuccess: PropTypes.func.isRequired,\n changeActiveScreen: PropTypes.func.isRequired,\n builderShowSlides: PropTypes.func,\n verificationHash: PropTypes.string,\n signupPredefinedEmail: PropTypes.string,\n ofacModalRef: PropTypes.object,\n buttonNames: PropTypes.shape({\n google: PropTypes.string,\n facebook: PropTypes.string,\n apple: PropTypes.string,\n microsoft: PropTypes.string,\n emailLogin: PropTypes.string,\n emailSignup: PropTypes.string\n }),\n appName: PropTypes.string,\n productType: PropTypes.string,\n redirectURL: PropTypes.string,\n forceUser: PropTypes.bool,\n disableEmail: PropTypes.bool,\n fromSACL: PropTypes.bool,\n showLogoOnSignupOptions: PropTypes.bool,\n enterpriseLogo: PropTypes.string,\n hideGreetingMessageOnSignupOptions: PropTypes.bool,\n greetingMessage: PropTypes.string,\n greetingDescription: PropTypes.string,\n logoSource: PropTypes.string,\n thereSocialError: PropTypes.bool,\n thereErrorMessage: PropTypes.string,\n isOnboardingFlow: PropTypes.bool,\n initiator: PropTypes.string,\n isOnboardingTestVariantReversed: PropTypes.bool\n};\n\nSignupWithSocialOpts.defaultProps = {\n user: null,\n isHIPAA: false,\n enforceHIPAARuleSet: false,\n includeConfirm: false,\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n verificationHash: '',\n signupPredefinedEmail: '',\n ofacModalRef: {},\n buttonNames: {},\n appName: '',\n productType: '',\n redirectURL: '',\n forceUser: false,\n disableEmail: false,\n fromSACL: false,\n builderShowSlides: f => f,\n showLogoOnSignupOptions: false,\n enterpriseLogo: null,\n hideGreetingMessageOnSignupOptions: false,\n greetingMessage: TITLE_MESSAGE,\n greetingDescription: DESCRIPTION_MESSAGE,\n logoSource: '',\n thereSocialError: false,\n thereErrorMessage: errorMessages.tryAgain,\n isOnboardingFlow: false,\n initiator: '',\n isOnboardingTestVariantReversed: false\n};\n\nexport default SignupWithSocialOpts;\n","import {\n bool, func, shape, string\n} from 'prop-types';\nimport React from 'react';\n\nimport { Texts } from '@jotforminc/constants';\nimport { t } from '@jotforminc/translation';\nimport { IconChevronLeft } from '@jotforminc/svg-icons';\nimport ErrorAlert from './ErrorAlert';\n\nconst RecoverAccountPage = ({\n onNavigationChangeRequest,\n handle2FARecoverAccount,\n tfaAccountRecoveryProps\n}) => {\n const { isLoading, isErrored, errorMessage } = tfaAccountRecoveryProps;\n\n const handleRecoverButtonClick = () => {\n handle2FARecoverAccount();\n };\n\n return (\n {t(CONTINUE_SIGNUP)}
\n\n {translationRenderer(SIGNING_UP_WITH)({\n renderer1: () => (\n \n {email}\n \n )\n })}\n
\n\n handleEmailSignup()}\n >\n {signupIsLoading && (\n \n \n {t('Loading')}\n ...\n \n )}\n {!signupIsLoading && (!isOnboardingFlow ? t(Texts.SIGN_UP) : t(CREATE_ACCOUNT))}\n \n {!isOnboardingFlow && (\n
\n \n \n setName(e.target.value)}\n className={nameErrorMsg && 'input-error'}\n placeholder={isOnboardingFlow ? t(ENTER_FULL_NAME) : ''}\n />\n {nameErrorMsg && (\n
\n \n {t(nameErrorMsg)}\n
\n )}\n \n setSecurePasswordErrors(errorCodes)}\n callbackConfirmPassError={confirmPassErrorCode => setConfirmPasswordError(confirmPassErrorCode)}\n checkReuse={false}\n includeConfirm={includeConfirm && !(shrinkConfirmOnMobile && screenHeight < shrinkConfirmHeight)}\n />\n
\n {!isEnterpriseEnv && (\n \n
\n )}\n {signupErrorMsg && (\n \n handleChangeTerms()}\n disabled={signupIsLoading}\n aria-label={isEnterpriseEnv && !isAgreedTerms ? t(Texts.AGREE_TERMS_CONDITIONS) : null}\n />\n }\n />\n
\n \n {termsError ? t(termsError) : null}\n
\n \n
\n )}\n {showRecaptcha && (\n \n handleSubmitCaptcha(hash)}\n />\n
\n )}\n \n {t(Texts.ALREADY_HAVE_ACCOUNT)}\n {' '}\n onNavigationChangeRequest('loginOptions')}\n id=\"login-link\"\n >\n {t(Texts.LOGIN_TEXT)}\n \n
\n )}\n \n
\n );\n};\n\nexport default RecoverAccountPage;\n\nRecoverAccountPage.propTypes = {\n onNavigationChangeRequest: func,\n handle2FARecoverAccount: func,\n tfaAccountRecoveryProps: shape({\n isErrored: bool,\n isLoading: bool,\n errorMessage: string\n })\n};\n\nRecoverAccountPage.defaultProps = {\n onNavigationChangeRequest: f => f,\n handle2FARecoverAccount: f => f,\n tfaAccountRecoveryProps: {\n isErrored: false,\n isLoading: false,\n errorMessage: ''\n }\n};\n","import { Texts } from '@jotforminc/constants';\nimport { t } from '@jotforminc/translation';\nimport { shape, string } from 'prop-types';\nimport React from 'react';\n\nconst RecoverAccountNotification = ({\n tfaAccountRecoveryProps\n}) => {\n const { email } = tfaAccountRecoveryProps;\n\n return (\n \n onNavigationChangeRequest('twoFactorLogin')}\n >\n
\n \n
\n {t(Texts.RECOVER_ACCOUNT_TEXT)}
\n\n \n {isLoading ? (\n t(Texts.SENDING)\n ) : (\n t(Texts.RECOVER_YOUR_ACCOUNT)\n )}\n \n {(isErrored && errorMessage) &&
\n \n \n
\n \n \n
\n );\n};\n\nexport default RecoverAccountNotification;\n\nRecoverAccountNotification.propTypes = {\n tfaAccountRecoveryProps: shape({\n email: string\n })\n};\n\nRecoverAccountNotification.defaultProps = {\n tfaAccountRecoveryProps: {\n email: ''\n }\n};\n","import { func, shape, string } from 'prop-types';\nimport React from 'react';\n\nimport { t } from '@jotforminc/translation';\nimport { Texts } from '@jotforminc/constants';\nimport { IconChevronLeft } from '@jotforminc/svg-icons';\nimport { handleCustomNavigation } from '@jotforminc/utils';\n\nconst AccountRecoveryViewTicket = ({\n onNavigationChangeRequest, tfaAccountRecoveryProps\n}) => {\n const { ticket } = tfaAccountRecoveryProps;\n const handleViewTicket = () => {\n handleCustomNavigation(ticket, '_blank', true);\n };\n\n return (\n \n
\n \n
\n {t(Texts.VERIFICATION_EMAIL_SENT_TO)}
\n {email}\n{t(Texts.RECOVER_ACCOUNT_EMAIL_INFO_TEXT)}
\n{t(Texts.RECOVER_ACCOUNT_NOTIFICATION_TEXT)}
\n\n
\n );\n};\n\nexport default AccountRecoveryViewTicket;\n\nAccountRecoveryViewTicket.propTypes = {\n onNavigationChangeRequest: func,\n tfaAccountRecoveryProps: shape({\n ticket: string\n })\n};\n\nAccountRecoveryViewTicket.defaultProps = {\n onNavigationChangeRequest: f => f,\n tfaAccountRecoveryProps: {\n ticket: ''\n }\n};\n","/* eslint-disable max-lines,react/sort-comp */\n/* global HTMLElement */\nimport React from 'react';\nimport {\n shape,\n bool,\n string,\n func,\n oneOf,\n node,\n arrayOf,\n number,\n element,\n elementType,\n oneOfType,\n object\n} from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport Axios from 'axios';\nimport qs from 'querystring';\nimport isEmpty from 'lodash/isEmpty';\nimport omit from 'lodash/omit';\nimport { Dialog } from '@jotforminc/dialog';\nimport { Portal } from '@jotforminc/uikit';\nimport { Texts } from '@jotforminc/constants';\nimport {\n createFormData,\n loadJS,\n getPossibleTimeZone,\n initGoogleSignin,\n initFBSignin,\n initAppleSignin,\n initMicrosoftSignin,\n initSalesforceSignin,\n randomString,\n getUrlParameter,\n classNames,\n handleCustomNavigation\n} from '@jotforminc/utils';\nimport { t } from '@jotforminc/translation';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\n\nimport SignupOptions from './SignupOptions';\nimport SignupWithEmail from './SignupWithEmail';\nimport LoginOptions from './LoginOptions';\nimport ForgotPassword from './ForgotPassword';\nimport TwoFactorLogin from './TwoFactorLogin';\nimport EmailAuthLogin from './EmailAuthLogin';\nimport TwoFactorMethods from './TwoFactorMethods';\nimport SocialInit from './SocialInit';\nimport LoginError from './LoginError';\nimport DeleteAccountModal from './DeleteAccountModal';\nimport CloseWithCircleSVG from '../temporary-duplicate/assets/svg/closeWithCircle.svg';\nimport ResetSuccess from './ResetSuccess';\nimport '../styles/style.scss';\nimport '../temporary-duplicate/styles/SaveAndContinueLater/style.scss';\nimport {\n forceUserSocialLogin,\n handleLoginHelper,\n getScreenResolution,\n handleSignupCompletedEvents,\n createGoogleOneTapContainerEl,\n hideGoogleOneTapContainerEl\n} from '../utils/loginSignup';\nimport SocialTermsStep from './SocialTermsStep';\nimport renderStandaloneSocialTermsModal from '../utils/renderStandaloneSocialTermsModal';\nimport renderStandaloneEmailAuthModal from '../utils/renderStandaloneEmailAuthModal';\nimport { preLoginCheck, verifyAndDelete, verifyUser } from '../utils/helper';\nimport VerifyAccountModal from './VerifyAccountModal';\nimport { OFACModal, openOFACModal } from './OFACModal';\nimport UnusualSignup from './UnusualSignup';\nimport SignupWithSocialOpts from './SignupWithSocialOpts';\nimport RecoverAccountPage from './RecoverAccountPage';\nimport RecoverAccountNotification from './RecoverAccountNotification';\nimport AccountRecoveryViewTicket from './AccountRecoveryViewTicket';\nimport {\n send2FAAccountRecoveryEmail,\n getUserSSOStatus\n} from '../api';\n\nexport default class LoginFlow extends React.Component {\n constructor(props) {\n super(props);\n\n const {\n user, initialScreen, forceLogin, enableGoogleOneTap, mode\n } = props;\n\n this.isLoggedIn = !!user;\n\n this.state = {\n activeScreenKey: forceLogin ? 'loginOptions' : initialScreen,\n thereSocialError: false,\n lastLoginCredentials: { username: '', password: '' },\n lastTFAResponse: {},\n lastEAResponse: {},\n tfaMethod: '',\n lastSocialLoginToken: '',\n lastSocialLoginType: '',\n isSocialTFA: false,\n isSocialEA: false, // social email authentication\n thereErrorMessage: {},\n showThankyouModal: true,\n socialUserProfile: {},\n socialLoginVerificationHash: '',\n // SignupOptions social buttons\n isMsSignupTestEnabled: false,\n isMsSignupControlVariant: false, // Enables facebook option\n isMsSignupTestBVariant: true, // Enables microsoft option\n isMsSignupTestCVariant: false, // Enables both microsoft & facebook option\n isSwsoTestVariant: false,\n areSocialButtonsLoading: false,\n idToken: '',\n mode: mode,\n externalErrorMessage: '',\n tfaAccountRecoveryProps: {\n errorMessage: '', email: '', isErrored: false, isLoading: false\n }\n };\n\n this.activeComponentRef = React.createRef(null); // either delete modal or verify modal ref\n this.portalRef = React.createRef(null);\n this.ofacModalRef = React.createRef();\n this.handleSocialTFAResponse = this.handleSocialTFAResponse.bind(this);\n this.handleSocialEAResponse = this.handleSocialEAResponse.bind(this);\n this.handleTFAResponse = this.handleTFAResponse.bind(this);\n this.handleTFALogin = this.handleTFALogin.bind(this);\n this.handleEALogin = this.handleEALogin.bind(this);\n this.handleAppleSuccess = this.handleAppleSuccess.bind(this);\n this.handleDeleteAccount = this.handleDeleteAccount.bind(this);\n this.handle2FASocialLoginRequest = this.handle2FASocialLoginRequest.bind(this);\n this.nonce = randomString(32);\n loadJS('facebook-jssdk', 'https://connect.facebook.net/en_US/sdk.js');\n loadJS('google-jssdk-new', 'https://accounts.google.com/gsi/client');\n loadJS('apple-jssdk', 'https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js');\n loadJS('microsoft-jssdk', 'https://cdn.jotfor.ms/js/msal/msal-browser.js');\n\n if (enableGoogleOneTap) loadJS('googleOneTap', 'https://accounts.google.com/gsi/client', this.initializeGoogleOneTap);\n\n this.checkQueryParamsForNavigationChange();\n\n // accountSharing A/B Test\n this.initAccountSharingActions();\n }\n\n initActionRecorder = () => {\n window.actionRecorder = window.JotFormActions('LoginFlow');\n };\n\n loadJotformActions = () => {\n if (window.JotFormActions) {\n this.initActionRecorder();\n return;\n }\n const s = global.document.createElement('script');\n s.onload = () => {\n this.initActionRecorder();\n };\n s.src = '//js.jotform.com/actions.js';\n global.document.head.appendChild(s);\n };\n\n // A/B Test: microsoftSignup\n componentDidMount() {\n this.loadJotformActions();\n const {\n showUnusualSignupFlow, unusualSignupCode, unusualSignupToken, initialScreen, swsoTestVariant\n } = this.props;\n\n if (showUnusualSignupFlow && !isEmpty(unusualSignupCode) && !isEmpty(unusualSignupToken)) {\n this.setState({\n mode: 'unusual-signup'\n });\n }\n\n if (initialScreen === 'signupWithSocialOpts' || swsoTestVariant) {\n this.setState({\n isSwsoTestVariant: true\n });\n }\n\n if (isEnterprise()) {\n this.handlePreLoginCheck();\n }\n }\n\n componentWillUnmount() {\n if (this.clearError) {\n clearTimeout(this.clearError);\n }\n }\n\n // Handle Pre Login Check Function\n handlePreLoginCheck = async () => {\n try {\n const result = await preLoginCheck();\n if (result?.preLogin) {\n const cleanResult = omit(result, ['preLogin']);\n const { primaryMethod = '' } = cleanResult;\n this.setState({\n lastTFAResponse: cleanResult,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n }\n } catch (error) {\n this.setState({\n externalErrorMessage: error.message\n });\n }\n };\n\n setExternalErrorMessage = message => {\n this.setState({\n externalErrorMessage: message\n });\n };\n\n // todo: remove the method after the test ends\n initAccountSharingActions = () => {\n if (window.JotFormActions && !window.__accountSharingActions) {\n window.__accountSharingActions = window.JotFormActions('accountSharing');\n }\n window.__accountSharingLogger = ({ action, target }) => {\n if (window.JOTFORM_ENV !== 'PRODUCTION') return;\n const { user: userProp } = this.props;\n const actor = userProp?.username || window.user?.username;\n window.__accountSharingActions?.tick({ actor, action, target });\n };\n };\n\n checkQueryParamsForNavigationChange = () => {\n const queryParams = new URLSearchParams(window.location.search);\n const view = queryParams.get('view');\n\n if (view === 'forgotPassword') {\n this.handleNavigationChangeRequest('forgotPassword');\n }\n };\n\n handleGoogleOnetapResponse = googleUser => {\n const token = googleUser.credential;\n const { socialUserProfile: currentProfile } = this.state;\n this.setState({\n socialUserProfile: {\n token,\n ...currentProfile,\n type: 'googleOneTap'\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('googleOneTap', token, undefined, undefined, true));\n };\n\n initializeGoogleOneTap = () => {\n if (typeof window.GOOGLE_SIGNON === 'undefined') {\n return true;\n }\n\n if (typeof window.JOTFORM_ENV === 'undefined' || window.JOTFORM_ENV === 'ENTERPRISE' || window.JOTFORM_ENV === 'TESTING' || window.JOTFORM_ENV === 'DEVELOPMENT') {\n return true;\n }\n\n if (window.userData && window.userData.account_type && window.userData.account_type.name !== 'GUEST') {\n return true;\n }\n\n if (document.querySelector('.removeAuthButtons')) {\n return true;\n }\n\n createGoogleOneTapContainerEl();\n\n window.google.accounts.id.initialize({\n client_id: window.GOOGLE_SIGNON,\n cancel_on_tap_outside: false,\n prompt_parent_id: 'oneTapLoginArea',\n callback: this.handleGoogleOnetapResponse,\n state_cookie_domain: 'jotform.com'\n });\n window.google.accounts.id.prompt(notification => {\n if (notification.isNotDisplayed() || notification.isSkippedMoment()) {\n console.log('GoogleOnetap Skipped', notification.getNotDisplayedReason());\n }\n });\n };\n\n handleSocialTermsRequired = ({ socialLoginHash, socialUserProfile, idToken }) => {\n const { socialUserProfile: currentProfile } = this.state;\n this.setState({\n socialLoginVerificationHash: socialLoginHash,\n socialUserProfile: { ...currentProfile, ...socialUserProfile },\n idToken\n }, () => this.showTermsStep());\n };\n\n handleSocialTermsModalClose = () => {\n this.setState({\n socialLoginVerificationHash: '',\n socialUserProfile: {}\n });\n };\n\n showTermsStep = () => {\n const { user, showSocialTermsStepAsModal } = this.props;\n const { socialUserProfile, socialUserProfile: { type, isFormUser = false } } = this.state;\n hideGoogleOneTapContainerEl();\n if (showSocialTermsStepAsModal || type === 'googleOneTap' || isFormUser) {\n renderStandaloneSocialTermsModal({\n user,\n socialUserProfile,\n onSocialTermsContinue: this.handleSocialTermsContinue,\n onSocialTermsClose: this.handleSocialTermsModalClose\n });\n } else {\n this.handleNavigationChangeRequest('socialTermsStep');\n }\n };\n\n handleSocialTermsContinue = isTermsAgreed => {\n const { socialUserProfile: { type, token } } = this.state;\n if (isTermsAgreed) {\n this.socialLoginRequest(type, token);\n }\n };\n\n /**\n * Fires when the user suceeds logging in through a single sign on\n * using SAML.\n * @param {object} response response holding user data.\n */\n handleSSOLoginSuccess = response => {\n preLoginCheck().then(preLoginResponse => {\n const { preLogin: hasMFA, primaryMethod = '' } = preLoginResponse;\n if (hasMFA) {\n // If user has multi factor authantication, proceed to that.\n this.setState({\n lastTFAResponse: preLoginResponse,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n } else {\n this.handleLoginSuccess(response);\n }\n });\n };\n\n handleSSOLoginFail = message => {\n // TODO: request UI text review and add translation\n const errorMessage = message ?? 'An error occured in single sign on process';\n this.setExternalErrorMessage(errorMessage);\n };\n\n handleAppleSuccess = ({\n user: {\n email,\n name: {\n firstName = '',\n lastName = ''\n } = {}\n } = {},\n authorization: {\n code,\n id_token: idToken\n }\n }) => {\n const {\n actionLogger, apiURL, appName, buttonNames\n } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'appleLogin'\n });\n }\n\n const defaultButtonName = appName ? `apple-${appName}` : '';\n const buttonName = buttonNames.apple ? buttonNames.apple : defaultButtonName;\n\n const { isSocialLoginForDeleteMyAccountFlow, isSocialLoginForVerification } = this.props;\n\n if (isSocialLoginForDeleteMyAccountFlow || isSocialLoginForVerification) {\n const token = JSON.stringify({ authorizationCode: code, identityToken: idToken, realNonce: this.nonce });\n const verifierFunction = isSocialLoginForDeleteMyAccountFlow ? this.handleDeleteAccount : this.handleVerifyAccount;\n verifierFunction('apple', token);\n return;\n }\n\n Axios.post(`${apiURL}/login/apple`, qs.stringify({\n authorizationCode: code,\n nonce: this.nonce,\n identityToken: idToken,\n name: `${firstName} ${lastName}`,\n email,\n language: global.navigator.language,\n timezone: getPossibleTimeZone(),\n screen_resolution: getScreenResolution(),\n location: global.location.pathname,\n button_name: buttonName,\n ref_app: appName\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n })\n .then(response => {\n const {\n data: {\n responseCode, success, message, content = {}, duration\n }\n } = response;\n const isLogEnabled = getUrlParameter('logAppleLogin');\n\n if (isLogEnabled === '1') {\n console.log(response);\n }\n\n if (!success || responseCode !== 200) {\n throw new Error(message);\n }\n if (content?.isNewUser) {\n handleSignupCompletedEvents(undefined, 'apple');\n }\n const { primaryMethod = '' } = content;\n\n if (primaryMethod) {\n this.handle2FASocialLoginRequest({ ...content, duration: duration, success: success });\n return;\n }\n this.handleLoginSuccess(response);\n })\n .catch(error => {\n const { response: { data: { error: message = '' } = {} } = {}, message: errorMsg = '' } = error;\n if (message === \"Sorry, you can't signup from this country.\" || errorMsg === \"Sorry, you can't signup from this country.\") {\n openOFACModal(this.ofacModalRef, email);\n }\n\n if (message === 'Your account has been suspended.' || errorMsg === 'Your account has been suspended.') {\n return handleCustomNavigation('/account-suspended', '_self', true);\n }\n\n console.error('--Couldn\\'t login', error);\n this.handleSocialErrorChange(error);\n });\n };\n\n handleGoogleSuccess = googleUser => {\n const { code: token = '' } = googleUser || {};\n const { actionLogger } = this.props;\n const { socialUserProfile: currentProfile } = this.state;\n if (googleUser && token) {\n if (actionLogger) {\n actionLogger({\n target: 'googleLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token,\n type: 'google',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('google', token));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleFacebookSuccess = ({ status, authResponse }) => {\n const { socialUserProfile: currentProfile } = this.state;\n const { accessToken: token = '' } = authResponse || {};\n if (status === 'connected' && authResponse && token) {\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'facebookLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token,\n type: 'facebook',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('facebook', token));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleMicrosoftSuccess = authResponse => {\n const { socialUserProfile: currentProfile } = this.state;\n const { accessToken = '', idToken = '' } = authResponse || {};\n if (authResponse && accessToken && idToken) {\n const multipleTokens = JSON.stringify({ idToken, accessToken });\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'microsoftLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token: multipleTokens,\n type: 'microsoft',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('microsoft', multipleTokens));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleSalesforceSuccess = authResponse => {\n const { socialUserProfile: currentProfile } = this.state;\n const { code = '', token = '' } = authResponse || {};\n if (authResponse && code && token) {\n const multipleTokens = JSON.stringify({ code, token });\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'salesforceLogin'\n });\n }\n this.setState({\n socialUserProfile: {\n token: multipleTokens,\n type: 'salesforce',\n ...currentProfile\n },\n socialLoginVerificationHash: ''\n }, () => this.socialLoginRequest('salesforce', multipleTokens));\n } else {\n this.handleSocialErrorChange(true);\n }\n };\n\n handleGoogleFail = error => {\n this.handleSocialErrorChange(true);\n // eslint-disable-next-line no-console\n console.log('failure', error);\n };\n\n handleDeleteAccount = async (type, token) => {\n const { user } = this.props;\n\n const { credentials: { username } } = user;\n // All providers have their own error state management that's why there are nested control blocks\n try {\n const result = await verifyAndDelete({\n type, token, username\n });\n if (result === true || (typeof result === 'object' && result.token)) {\n this.activeComponentRef.current.handleStep(3);\n } else {\n this.setState({\n thereSocialError: true\n });\n }\n } catch (e) {\n this.setState({\n thereSocialError: true\n });\n }\n };\n\n handleVerifyAccount = async (type, token) => {\n const { user } = this.props;\n\n const { credentials: { username } } = user;\n // All providers have their own error state management that's why there are nested control blocks\n try {\n const result = await verifyUser({\n type, token, username\n });\n const isResultWithToken = (typeof result === 'object') && result.token;\n if (result === true || isResultWithToken) {\n this.activeComponentRef.current.approveVerification();\n // TODO if (isResultWithToken && isSocialLoginForVerification) {\n // set token\n // }\n } else {\n this.setState({\n thereSocialError: true\n });\n }\n } catch (e) {\n this.setState({\n thereSocialError: true\n });\n }\n };\n\n handle2FASocialLoginRequest = response => {\n const { primaryMethod = '' } = response;\n this.setState({\n lastTFAResponse: response,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n };\n\n socialLoginRequest = async (type, token, tfaVerificationCode, tfaMethod, eaVerificationCode) => {\n const { idToken } = this.state;\n this.setState({ lastSocialLoginType: type, lastSocialLoginToken: token });\n const {\n apiURL, forceUser, isSocialLoginForDeleteMyAccountFlow, appName, buttonNames, isSocialLoginForVerification, initiator\n } = this.props;\n\n if (isSocialLoginForDeleteMyAccountFlow || isSocialLoginForVerification) {\n const verifierFunction = isSocialLoginForDeleteMyAccountFlow ? this.handleDeleteAccount : this.handleVerifyAccount;\n verifierFunction(type, token);\n return;\n }\n const newGoogleFlow = type === 'google' ? 1 : 0;\n\n const { socialLoginVerificationHash } = this.state;\n const enableSocialTerms = true;\n const authToken = idToken ? idToken : token;\n if (forceUser) {\n // continue via request-server\n // since the api does not have\n // the functionality of claimGuestAccount\n forceUserSocialLogin(\n type,\n authToken,\n this.handleLoginSuccess,\n this.handleSocialErrorChange,\n appName,\n this.handleSocialTFAResponse,\n tfaVerificationCode,\n tfaMethod,\n buttonNames,\n socialLoginVerificationHash,\n this.handleSocialTermsRequired,\n enableSocialTerms,\n this.handleSocialEAResponse,\n eaVerificationCode,\n newGoogleFlow,\n this.ofacModalRef\n );\n return;\n }\n\n const isGoogle = type === 'google';\n\n Axios.post(`${apiURL}/formuser/login/${type === 'googleOneTap' ? 'google' : type}`, qs.stringify({\n token: authToken,\n checkSocialLogin: true,\n ...(initiator && { initiator }),\n ...(isGoogle && { newGoogleFlow }),\n ...(isGoogle && { redirectUri: window.location.host }),\n ...(socialLoginVerificationHash && { socialLoginHash: socialLoginVerificationHash })\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n })\n .then(({ data: resp }) => {\n const {\n responseCode,\n message,\n content: {\n email, imageUrl, fullName, socialLoginHash, idToken: jwtToken\n }\n } = resp;\n\n if (responseCode !== 200) {\n throw new Error(message);\n }\n\n if (socialLoginHash) {\n this.handleSocialTermsRequired({\n socialLoginHash,\n socialUserProfile: {\n email,\n imageUrl,\n fullName,\n isFormUser: true\n },\n idToken: jwtToken\n });\n return { data: false };\n }\n return { data: resp };\n })\n .then(({ data: resp }) => {\n if (resp) {\n this.handleLoginSuccess(resp);\n }\n })\n .catch(error => {\n const { response: { data: { error: message = '' } = {} } = {}, message: errorMsg = '' } = error;\n if (message === \"Sorry, you can't signup from this country.\" || errorMsg === \"Sorry, you can't signup from this country.\") {\n openOFACModal(this.ofacModalRef);\n }\n\n if (message === 'Your account has been suspended.' || errorMsg === 'Your account has been suspended.') {\n return handleCustomNavigation('/account-suspended', '_self', true);\n }\n\n console.error('--Couldn\\'t login', error);\n this.handleSocialErrorChange(error);\n });\n };\n\n regularLoginRequest = async (username, password, _appName, _recaptcha, tfaToken, tfaTokenType, _buttonNames, eaToken, rememberDevice) => {\n const { apiURL } = this.props;\n const userLoginRequest = () => {\n return Axios.post(`${apiURL}/user/login`,\n createFormData({\n username,\n password,\n rememberDevice,\n ...(tfaToken && { token: tfaToken }),\n ...(eaToken && { eaToken: eaToken }),\n ...(tfaToken && { tokenType: tfaTokenType }),\n ...(!tfaToken && { eat: '1' }) // email auth parameter\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n };\n\n const formUserLoginRequest = () => {\n const { appName } = this.props;\n return Axios.post(`${apiURL}/formuser/login`, createFormData({\n email: username,\n password,\n ref_app: appName\n }), {\n withCredentials: true,\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n };\n\n const handleConnectionFailure = error => {\n throw new LoginError('Network', null, 'An error occured: Please check your internet connection', error);\n };\n\n const parseResponse = async response => {\n const requestURL = response?.config?.url || '';\n const loginType = /formuser/.test(requestURL) ? 'formUser' : 'user';\n return { loginType, response: response.data };\n };\n\n let loginResponse;\n let tfaResponse = false;\n let requestError;\n const failedResponses = [];\n\n const loginRequests = tfaToken ? [userLoginRequest(username, password)] : [userLoginRequest(username, password), formUserLoginRequest(username, password)];\n await Promise.all(loginRequests.map(loginPromise => loginPromise.catch(handleConnectionFailure).then(parseResponse)))\n .then(responses => {\n responses.forEach(({ response, loginType }) => {\n const { responseCode = 500, message = '' } = response;\n if (responseCode === 200) {\n tfaResponse = response?.content?.primaryMethod || false;\n loginResponse = response;\n } else {\n failedResponses.push({\n loginType,\n message\n });\n }\n });\n })\n .catch(error => {\n if (!(error instanceof LoginError)) throw error;\n const { type } = error;\n if (['Network', 'jsonParse'].includes(type)) {\n requestError = error;\n }\n });\n\n // if (loginResponse?.emailAuthToken) return [false, loginResponse, false, true]; // email authentication\n\n if (loginResponse) {\n if (tfaResponse) {\n return [false, loginResponse, true, false]; // 2fa\n }\n return [true, loginResponse];\n }\n\n let userRequestError;\n let formUserRequestError;\n failedResponses.forEach(({ loginType, message }) => {\n if (loginType === 'formUser') {\n formUserRequestError = { message };\n } else if (!/You're not authorized to use/.test(message)) {\n userRequestError = { message };\n }\n });\n\n return [false, requestError || userRequestError || formUserRequestError];\n };\n\n handleLogin = (username, password, recaptcha, tfaToken, tfaTokenType, eaToken, rememberDevice, isRecovery) => {\n const {\n forceUser, appName, shouldCallNavigate, buttonNames\n } = this.props;\n const {\n regularLoginRequest, handleNavigationChangeRequest, handleLoginSuccess, handleTFAResponse, handleEAResponse\n } = this;\n return handleLoginHelper({\n username,\n password,\n tfaToken,\n tfaTokenType,\n forceUser,\n regularLoginRequest,\n handleNavigationChangeRequest,\n handleLoginSuccess,\n appName,\n recaptcha,\n shouldCallNavigate,\n handleTFAResponse,\n buttonNames,\n eaToken,\n handleEAResponse,\n rememberDevice,\n isRecovery\n });\n };\n\n handleLoginSuccess = (response = {}) => {\n const {\n content: user,\n data: { user: userData, newUser } = {},\n responseCode\n } = response;\n const {\n forceUser,\n onUserLogin,\n shouldCallNavigate,\n baseApp\n } = this.props;\n const { actionLogger } = this.props;\n if (actionLogger) {\n actionLogger({\n target: 'loginWithEmail'\n });\n }\n\n if (forceUser) {\n // be in mind that social logins dont return user\n onUserLogin(user || userData || false, { newUser });\n if (baseApp === 'form-encryption') {\n this.handleNavigationChangeRequest('verifyAccount');\n }\n } else if (responseCode === 200) {\n this.isLoggedIn = true;\n\n const { primaryMethod = '' } = user;\n if (primaryMethod) {\n this.handle2FASocialLoginRequest(user);\n return;\n }\n\n if (window?.JFAppsManager?.isOpenedInPortal()) {\n window.JFAppsManager.userChanged(user);\n }\n\n if (shouldCallNavigate) {\n this.handleNavigationChangeRequest('epilogue');\n }\n\n if (window.JFFormUserHelper) {\n window.JFFormUserHelper.setUser(user);\n }\n\n onUserLogin(user, { newUser });\n }\n };\n\n handleSalesforceLoginClick = () => {\n const { onSalesforceLoginClick } = this.props;\n\n const salesforceLogin = initSalesforceSignin();\n if (!salesforceLogin) return;\n salesforceLogin.then(this.handleSalesforceSuccess);\n\n onSalesforceLoginClick();\n };\n\n handleGoogleLoginClick = () => {\n const { onGoogleLoginClick } = this.props;\n const client = initGoogleSignin(this.handleGoogleSuccess);\n if (client) {\n client.requestCode();\n }\n\n onGoogleLoginClick();\n };\n\n handleAppleLoginClick = () => {\n const { onAppleLoginClick } = this.props;\n\n const appleSignin = initAppleSignin(this.nonce);\n if (appleSignin) appleSignin.then(this.handleAppleSuccess);\n\n onAppleLoginClick();\n };\n\n handleFBLoginClick = () => {\n const { onFBLoginClick } = this.props;\n\n const fbLogin = initFBSignin();\n if (!fbLogin) return;\n fbLogin(this.handleFacebookSuccess, { scope: 'public_profile,email' });\n\n onFBLoginClick();\n };\n\n handleMicrosoftLoginClick = () => {\n const { onMicrosoftLoginClick } = this.props;\n\n const microsoftLogin = initMicrosoftSignin();\n if (!microsoftLogin) return;\n microsoftLogin.then(this.handleMicrosoftSuccess);\n\n onMicrosoftLoginClick();\n };\n\n handleNavigationChangeRequest = nextRoute => {\n const isScreenExists = this.getActiveScreen(nextRoute);\n if (!isScreenExists) return;\n\n const { onNavigationChange } = this.props;\n\n this.setState({\n activeScreenKey: nextRoute,\n thereSocialError: false\n }, () => {\n onNavigationChange(nextRoute);\n });\n };\n\n handleSocialErrorChange = status => {\n this.setState({\n thereSocialError: !!status,\n thereErrorMessage: status\n }, () => {\n this.clearError = setTimeout(() => {\n this.setState({\n thereSocialError: false,\n thereErrorMessage: false\n });\n }, 3000);\n });\n };\n\n getActiveScreen = screenKey => {\n const loginScreens = {\n signupOptions: SignupOptions,\n signupWithEmail: SignupWithEmail,\n loginOptions: LoginOptions,\n forgotPassword: ForgotPassword,\n resetSuccess: ResetSuccess,\n twoFactorLogin: TwoFactorLogin,\n twoFactorMethods: TwoFactorMethods,\n socialInit: SocialInit,\n socialTermsStep: SocialTermsStep,\n emailAuthLogin: EmailAuthLogin,\n deleteAccount: DeleteAccountModal,\n verifyAccount: VerifyAccountModal,\n ofacModal: OFACModal,\n signupWithSocialOpts: SignupWithSocialOpts,\n recoverAccountPage: RecoverAccountPage,\n accountRecoveryViewTicket: AccountRecoveryViewTicket,\n recoverAccountNotification: RecoverAccountNotification\n };\n const { additionalScreens } = this.props;\n const possibleScreens = {\n ...loginScreens,\n ...additionalScreens\n };\n return possibleScreens[screenKey];\n };\n\n handleClose = () => {\n const { navigationWrapper, onClose, isReact17 } = this.props;\n onClose();\n if (isReact17 && navigationWrapper instanceof HTMLElement) {\n ReactDOM.unmountComponentAtNode(navigationWrapper);\n }\n\n const { activeScreenKey } = this.state;\n if (typeof window.__accountSharingLogger === 'function' && activeScreenKey === 'emailAuthLogin') {\n window.__accountSharingLogger({ action: 'click', target: 'closeButton' });\n }\n };\n\n handleUserLogout = async (...args) => {\n const { onUserLogout } = this.props;\n if (window?.JFAppsManager?.isOpenedInPortal()) {\n window.JFAppsManager.logUserOut();\n }\n onUserLogout(...args);\n };\n\n handle2FARecoverAccount = async () => {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: false, errorMessage: '', email: '', isLoading: true, ticket: ''\n }\n });\n try {\n const { responseCode = '', message = '', content: { email = '', hasOpenTicket = false, ticket = '' } } = await send2FAAccountRecoveryEmail();\n if (responseCode === 200) {\n if (!hasOpenTicket && !ticket && email) {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: false,\n errorMessage: '',\n email: email,\n isLoading: false,\n ticket: ''\n }\n }, () => this.handleNavigationChangeRequest('recoverAccountNotification'));\n } else if (hasOpenTicket && ticket && !email) {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: false,\n errorMessage: '',\n email: '',\n isLoading: false,\n ticket: ticket\n }\n }, () => this.handleNavigationChangeRequest('accountRecoveryViewTicket'));\n } else {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: true,\n errorMessage: 'An error occured. Please try again.',\n email: '',\n isLoading: false,\n ticket: ''\n }\n });\n }\n } else {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: true,\n errorMessage: /You're not authorized to use/.test(message) ? 'The session has expired. Please login again.' : 'An error occured. Please try again.',\n email: '',\n isLoading: false,\n ticket: ''\n }\n });\n }\n } catch ({ message = '' }) {\n this.setState({\n tfaAccountRecoveryProps: {\n isErrored: true,\n errorMessage: /You're not authorized to use/.test(message) ? 'The session has expired. Please login again.' : 'An error occured. Please try again.',\n email: '',\n isLoading: false,\n ticket: ''\n }\n });\n }\n };\n\n handleEAResponseStateChange = () => {\n const { showEmailAuthStepAsModal } = this.props;\n const {\n lastEAResponse,\n thereSocialError,\n thereErrorMessage,\n isSocialEA\n } = this.state;\n\n if (showEmailAuthStepAsModal) {\n renderStandaloneEmailAuthModal({\n handleEALogin: this.handleEALogin,\n lastEAResponse,\n thereSocialError,\n thereErrorMessage,\n isSocialEA\n });\n } else {\n this.handleNavigationChangeRequest('emailAuthLogin');\n }\n };\n\n handleTFAResponse = (data, username, password) => {\n const { primaryMethod = '' } = data;\n this.setState({\n lastLoginCredentials: { username, password },\n lastTFAResponse: data,\n isSocialTFA: false,\n tfaMethod: primaryMethod\n });\n this.handleNavigationChangeRequest('twoFactorLogin');\n };\n\n handleEAResponse = (data, username, password) => {\n this.setState({\n lastLoginCredentials: { username, password },\n lastEAResponse: data,\n isSocialEA: false\n }, () => this.handleEAResponseStateChange());\n };\n\n handleTFALogin = async ({\n verificationCode, newType, shouldNavigate = false, rememberDevice\n } = {}) => {\n const {\n lastLoginCredentials: {\n username,\n password\n },\n lastTFAResponse: { token: { type } }\n } = this.state;\n const tfaMethod = newType ? newType : type;\n const isRecovery = tfaMethod === 'recovery';\n this.setState({ tfaMethod });\n if (newType === 'recovery' && !verificationCode) {\n this.handleNavigationChangeRequest('twoFactorLogin');\n return;\n }\n\n if (newType && !shouldNavigate && !verificationCode) {\n this.handleNavigationChangeRequest('twoFactorLogin');\n return;\n }\n const [loginSuccess, loginResponse] = await this.handleLogin(username, password, false, verificationCode, tfaMethod, null, rememberDevice, isRecovery);\n return [loginResponse, loginSuccess];\n };\n\n handleEALogin = async ({ verificationCode, isSocialEA = false } = {}) => {\n const {\n lastLoginCredentials: {\n username,\n password\n },\n lastSocialLoginType,\n lastSocialLoginToken\n } = this.state;\n\n if (isSocialEA) {\n this.socialLoginRequest(lastSocialLoginType, lastSocialLoginToken, null, null, verificationCode);\n return;\n }\n\n const [loginSuccess, loginResponse] = await this.handleLogin(username, password, false, null, null, verificationCode);\n return [loginResponse, loginSuccess];\n };\n\n handleSocialTFAResponse = tfaResponse => {\n this.setState({\n lastTFAResponse: tfaResponse,\n isSocialTFA: true\n },\n () => this.handleNavigationChangeRequest('twoFactorLogin'));\n };\n\n handleSocialEAResponse = (eaResponse, type) => {\n const { idToken } = eaResponse;\n if (type) {\n this.setState({ lastSocialLoginType: type });\n }\n this.setState({\n lastEAResponse: eaResponse,\n isSocialEA: true,\n idToken\n },\n () => this.handleEAResponseStateChange());\n };\n\n openLoginFlowModal = () => {\n this.setState({\n showThankyouModal: false\n });\n };\n\n handleLoginFlowDefaultAndThankYouModal = DefaultComponent => {\n const { showThankyouModal } = this.state;\n const { isSSO, onUserLogin } = this.props;\n\n return (\n showThankyouModal ? (\n \n \n {t(Texts.VIEW_SUPPORT_TICKET)}\n \n\n \n onNavigationChangeRequest('twoFactorLogin')}\n >\n
\n \n
\n {t(Texts.RECOVER_ACCOUNT_MAIL_HAS_BEEN_SENT)}
\n\n
\n \n \n {DefaultComponent}\n
\n )\n );\n };\n\n handleLoginFlowAndThankYouModal = (ComponentValue, mode) => {\n const { showThankyouModal } = this.state;\n const {\n thankYouModalOnClose, closableDialog, closableComponent, modalOptions, isSSO, onUserLogin\n } = this.props;\n const subTitles = modalOptions.subTitles ? modalOptions.subTitles : [\n Texts.COMPLETED_TASK\n ];\n return (\n showThankyouModal ? (\n \n
\n )\n );\n };\n\n changeActiveScreen = screenName => {\n this.setState({\n activeScreenKey: screenName\n });\n };\n\n changeActiveMode = mode => {\n this.setState({\n mode: mode\n });\n };\n\n render() {\n const {\n activeScreenKey,\n thereSocialError,\n lastTFAResponse,\n lastEAResponse,\n tfaMethod,\n isSocialTFA,\n isSocialEA,\n thereErrorMessage,\n socialUserProfile,\n isMsSignupTestEnabled,\n isMsSignupControlVariant,\n isMsSignupTestBVariant,\n isMsSignupTestCVariant,\n areSocialButtonsLoading,\n mode,\n externalErrorMessage,\n isSwsoTestVariant,\n tfaAccountRecoveryProps\n } = this.state;\n\n const {\n manager,\n skippable,\n onSkip,\n enforceHIPAARuleSet,\n apiURL,\n greetingMessage,\n hideGreetingMessageOnSignupOptions,\n greetingDescription,\n loginButtonText,\n signupButtonText,\n greetingMessageOnSignupWithEmail,\n user,\n signupPredefinedEmail,\n loginPredefinedEmail,\n verificationHash,\n resourceID,\n productType,\n forceLogin,\n forceUser,\n appName,\n isHIPAA,\n includeConfirm,\n showLogoOnSignupOptions,\n showLogoOnSignupWithEmail,\n actionLogger,\n loginWelcomeText,\n OtherColumnComponents,\n appleSigninEnabled,\n loginDescriptionText,\n showFormOnSignupOptions,\n buttonNames,\n socialInitData,\n shrinkConfirmHeight,\n shrinkConfirmOnMobile,\n logoSource,\n firstShowThankyouModal,\n disableEmail,\n socialLogins,\n AfterVerificationComponent,\n BeforeVerificationComponent,\n VerificationWrapper,\n usePortal,\n builderShowSlides,\n horizontalSocialButtons,\n squareSocialButtonStyle,\n readonlyEmail,\n isVerified,\n setIsVerified,\n baseApp,\n showJotformLogo,\n showSalesforceLogin,\n showEnterpriseLogin,\n hideSignUp,\n redirectURL,\n signupPredefinedName,\n unusualSignupCode,\n unusualSignupToken,\n fromSACL,\n initiator,\n forceShowBack,\n ssoLoginOptions,\n ssoNormalLoginEnabled,\n initialScreen,\n useSwsoButtons,\n isOnboardingFlow,\n isOnboardingTestVariantReversed\n } = this.props;\n\n const ActiveComponent = this.getActiveScreen(activeScreenKey);\n const Component = (\n \n
\n \n {closableComponent && (\n \n
\n \n {ComponentValue}\n
\n \n
\n \n \n \n )\n );\n case 'multi-column-modal':\n const allComponents = [Component, ...OtherColumnComponents];\n return (\n \n \n \n {Component}\n
\n \n
\n );\n case 'unusual-signup':\n return (\n \n
\n \n \n
\n \n {allComponents.map((Column, id) => (\n
\n \n {Column}\n
\n ))}\n \n {Component}\n
\n )\n );\n }\n }\n}\n\nLoginFlow.propTypes = {\n user: shape(),\n apiURL: string.isRequired,\n manager: shape(),\n onClose: func,\n onUserLogout: func,\n onNavigationChange: func,\n onGoogleLoginClick: func,\n onFBLoginClick: func,\n onMicrosoftLoginClick: func,\n onAppleLoginClick: func,\n onSalesforceLoginClick: func,\n additionalScreens: shape(),\n navigationWrapper: oneOfType([\n node,\n object\n ]).isRequired,\n onUserLogin: func,\n initialScreen: string,\n skippable: bool,\n onSkip: func,\n enforceHIPAARuleSet: bool,\n mode: oneOf([\n 'modal',\n 'multi-column-modal',\n 'unusual-signup',\n 'fullScreen',\n 'default'\n ]),\n greetingMessage: string,\n hideGreetingMessageOnSignupOptions: bool,\n greetingDescription: string,\n loginButtonText: string,\n loginWelcomeText: string,\n loginDescriptionText: string,\n signupPredefinedEmail: string,\n loginPredefinedEmail: string,\n signupButtonText: string,\n greetingMessageOnSignupWithEmail: string,\n verificationHash: string,\n productType: string,\n resourceID: string,\n forceLogin: bool,\n forceUser: bool,\n isSocialLoginForDeleteMyAccountFlow: bool,\n isSocialLoginForVerification: bool,\n appName: string,\n isHIPAA: bool,\n includeConfirm: bool,\n showLogoOnSignupOptions: bool,\n showLogoOnSignupWithEmail: bool,\n shouldCallNavigate: bool,\n actionLogger: func,\n OtherColumnComponents: arrayOf(element),\n appleSigninEnabled: bool,\n showFormOnSignupOptions: bool,\n enableGoogleOneTap: bool,\n shrinkConfirmOnMobile: bool,\n shrinkConfirmHeight: number,\n buttonNames: shape({\n google: string,\n googleOneTap: string,\n facebook: string,\n microsoft: string,\n apple: string,\n salesforce: string,\n email: string\n }),\n socialInitData: shape({}),\n logoSource: string,\n firstShowThankyouModal: bool,\n thankYouModalOnClose: func,\n showSocialTermsStepAsModal: bool,\n disableEmail: bool,\n horizontalSocialButtons: bool,\n squareSocialButtonStyle: bool,\n showEmailAuthStepAsModal: bool,\n closableDialog: bool,\n closableComponent: bool,\n modalOptions: shape({}),\n socialLogins: arrayOf(string),\n AfterVerificationComponent: elementType,\n BeforeVerificationComponent: elementType,\n VerificationWrapper: shape({\n Component: elementType,\n props: shape({})\n }),\n usePortal: bool,\n builderShowSlides: func,\n readonlyEmail: bool,\n isVerified: bool,\n setIsVerified: func,\n baseApp: string,\n showJotformLogo: bool,\n showSalesforceLogin: bool,\n showEnterpriseLogin: bool,\n hideSignUp: bool,\n redirectURL: string,\n signupPredefinedName: string,\n showUnusualSignupFlow: bool,\n unusualSignupCode: string,\n unusualSignupToken: string,\n fromSACL: bool,\n initiator: string,\n swsoTestVariant: bool,\n forceShowBack: bool,\n ssoLoginOptions: arrayOf(shape({\n name: string,\n logoURL: string,\n configKey: string,\n idpName: string\n })),\n isSSO: bool,\n isReact17: bool,\n ssoNormalLoginEnabled: bool,\n useSwsoButtons: bool,\n isOnboardingFlow: bool,\n isOnboardingTestVariantReversed: bool\n};\n\nLoginFlow.defaultProps = {\n user: null,\n onClose: () => undefined,\n skippable: false,\n onSkip: () => undefined,\n enforceHIPAARuleSet: false,\n onUserLogin: () => undefined,\n onUserLogout: () => undefined,\n onNavigationChange: () => undefined,\n onGoogleLoginClick: () => undefined,\n onFBLoginClick: () => undefined,\n onMicrosoftLoginClick: () => undefined,\n onAppleLoginClick: () => undefined,\n onSalesforceLoginClick: () => undefined,\n thankYouModalOnClose: () => undefined,\n initialScreen: 'signupOptions',\n additionalScreens: {},\n greetingMessage: 'Welcome to Jotform',\n hideGreetingMessageOnSignupOptions: false,\n greetingDescription: '',\n loginButtonText: Texts.LOGIN_TEXT,\n loginWelcomeText: Texts.WELCOME_BACK,\n loginDescriptionText: '',\n signupButtonText: Texts.SIGN_UP,\n greetingMessageOnSignupWithEmail: Texts.SIGN_UP_EMAIL,\n signupPredefinedEmail: '',\n loginPredefinedEmail: '',\n manager: {},\n mode: 'modal',\n verificationHash: '',\n productType: 'form',\n resourceID: '',\n forceLogin: false,\n forceUser: false,\n isSocialLoginForDeleteMyAccountFlow: false,\n isSocialLoginForVerification: false,\n appName: '',\n isHIPAA: false,\n includeConfirm: false,\n showLogoOnSignupOptions: true,\n showLogoOnSignupWithEmail: false,\n shouldCallNavigate: true,\n actionLogger: null,\n OtherColumnComponents: [],\n appleSigninEnabled: false,\n showFormOnSignupOptions: false,\n enableGoogleOneTap: false,\n buttonNames: {\n google: '',\n googleOneTap: 'GoogleOnetap',\n facebook: '',\n microsoft: '',\n apple: '',\n salesforce: '',\n emailLogin: '',\n emailSignup: ''\n },\n horizontalSocialButtons: false,\n squareSocialButtonStyle: false,\n socialInitData: {},\n shrinkConfirmOnMobile: false,\n shrinkConfirmHeight: 750,\n logoSource: '',\n firstShowThankyouModal: false,\n showSocialTermsStepAsModal: false,\n disableEmail: false,\n showEmailAuthStepAsModal: false,\n closableDialog: true,\n closableComponent: true,\n modalOptions: {},\n socialLogins: [],\n AfterVerificationComponent: null,\n BeforeVerificationComponent: null,\n VerificationWrapper: null,\n usePortal: false,\n builderShowSlides: f => f,\n readonlyEmail: false,\n isVerified: false,\n setIsVerified: f => f,\n baseApp: '',\n showJotformLogo: false,\n showSalesforceLogin: false,\n showEnterpriseLogin: false,\n hideSignUp: false,\n redirectURL: '',\n signupPredefinedName: '',\n showUnusualSignupFlow: false,\n unusualSignupCode: '',\n unusualSignupToken: '',\n fromSACL: false,\n initiator: '',\n swsoTestVariant: false,\n forceShowBack: false,\n ssoLoginOptions: [],\n isSSO: false,\n isReact17: false,\n ssoNormalLoginEnabled: false,\n useSwsoButtons: false,\n isOnboardingFlow: false,\n isOnboardingTestVariantReversed: false\n};\n","/* eslint-disable max-statements */\n/* eslint-disable no-console */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { getDomainFromAPI, getAPIURL } from '@jotforminc/request-layer';\nimport {\n getUserInfo,\n loadJS,\n initGoogleSignin,\n initFBSignin,\n initMicrosoftSignin,\n initSalesforceSignin\n} from '@jotforminc/utils';\nimport { isEnterprise } from '@jotforminc/enterprise-utils';\nimport { Texts, prepareLoginFlowDefaultGreetings } from '@jotforminc/constants';\n\nimport LoginFlow from '../components/LoginFlow';\nimport {\n forceUserSocialLogin,\n createGoogleOneTapContainerEl\n} from './loginSignup';\nimport '../styles/style.scss';\nimport '../temporary-duplicate/styles/SaveAndContinueLater/style.scss';\nimport renderStandaloneSocialTermsModal from './renderStandaloneSocialTermsModal';\nimport { getPrefillToken } from './helper';\n\nexport default class LoginFlowHelper {\n constructor() {\n this.makeFormAssignment = this.makeFormAssignment.bind(this);\n }\n\n // eslint-disable-next-line complexity\n init({\n user,\n productType,\n resourceID,\n formUser,\n verificationHash,\n resourceTitle,\n isHIPAA,\n forceLogin,\n forceUser,\n welcomeText,\n greetingMessage,\n hideGreetingMessageOnSignupOptions,\n greetingMessageOnSignupWithEmail,\n ignoreFormUser,\n greetingDescription,\n loginDescriptionText,\n wrapperClassName,\n initialScreen,\n showLogoOnSignupOptions,\n showLogoOnSignupWithEmail,\n appleSigninEnabled,\n includeConfirm,\n noDefaultWrapper,\n containerClass,\n noLoading,\n showFormOnSignupOptions,\n enableGoogleOneTap,\n buttonNames,\n socialInitData,\n horizontalSocialButtons,\n squareSocialButtonStyle,\n onUserLogin,\n onNavigationChange,\n onGoogleLoginClick,\n onGoogleOneTapPromptOpened,\n onFBLoginClick,\n onAppleLoginClick,\n shrinkConfirmOnMobile,\n shrinkConfirmHeight,\n signupPredefinedEmail,\n logoSource,\n firstShowThankyouModal,\n showSocialTermsStepAsModal,\n showEmailAuthStepAsModal,\n readonlyEmail,\n showJotformLogo,\n showSalesforceLogin,\n showEnterpriseLogin,\n hideSignUp,\n redirectURL,\n showUnusualSignupFlow,\n unusualSignupToken,\n unusualSignupCode,\n appName,\n swsoTestVariant,\n useSwsoButtons,\n isReact17,\n initiator,\n mode\n }) {\n this.user = user || null;\n this.resourceID = resourceID;\n this.productType = productType;\n this.verificationHash = verificationHash;\n this.forceLogin = forceLogin === 'true';\n this.greetingMessage = greetingMessage || (forceUser ? (Texts.SIGN_UP_NOW_NO_EXCLAMATION_MARK) : (resourceTitle || 'Form'));\n this.hideGreetingMessageOnSignupOptions = hideGreetingMessageOnSignupOptions || false;\n this.greetingMessageOnSignupWithEmail = greetingMessageOnSignupWithEmail || Texts.SIGN_UP_EMAIL;\n this.loginWelcomeText = welcomeText || Texts.WELCOME_BACK;\n this.loginPredefinedEmail = formUser ? formUser.email : '';\n this.signupPredefinedName = (formUser && formUser.name) ? formUser.name : '';\n this.signupPredefinedEmail = signupPredefinedEmail || this.loginPredefinedEmail;\n this.disableEmail = formUser && formUser.email;\n this.isHIPAA = isHIPAA;\n this.forceUser = forceUser || false;\n this.greetingDescription = greetingDescription || prepareLoginFlowDefaultGreetings();\n this.wrapperClassName = wrapperClassName;\n this.initialScreen = initialScreen;\n this.showLogoOnSignupOptions = showLogoOnSignupOptions || false;\n this.showLogoOnSignupWithEmail = showLogoOnSignupWithEmail || false;\n this.appleSigninEnabled = appleSigninEnabled || false;\n this.includeConfirm = includeConfirm || false;\n this.noDefaultWrapper = noDefaultWrapper || false;\n this.noLoading = noLoading || false;\n this.enableGoogleOneTap = enableGoogleOneTap || false;\n this.showFormOnSignupOptions = showFormOnSignupOptions || false;\n this.containerClass = containerClass || 'react-root';\n this.buttonNames = buttonNames || {};\n this.socialInitData = socialInitData || {};\n this.horizontalSocialButtons = horizontalSocialButtons || false;\n this.squareSocialButtonStyle = squareSocialButtonStyle || false;\n this.onUserLogin = onUserLogin || (f => f);\n this.onNavigationChange = onNavigationChange || (f => f);\n this.onGoogleLoginClick = onGoogleLoginClick || (f => f);\n this.onGoogleOneTapPromptOpened = onGoogleOneTapPromptOpened || (f => f);\n this.onFBLoginClick = onFBLoginClick || (f => f);\n this.onAppleLoginClick = onAppleLoginClick || (f => f);\n this.shrinkConfirmOnMobile = shrinkConfirmOnMobile || false;\n this.shrinkConfirmHeight = shrinkConfirmHeight || 750;\n this.logoSource = logoSource;\n this.firstShowThankyouModal = firstShowThankyouModal || false;\n this.showSocialTermsStepAsModal = showSocialTermsStepAsModal || false;\n this.showEmailAuthStepAsModal = showEmailAuthStepAsModal || false;\n this.useSwsoButtons = useSwsoButtons || false;\n this.readonlyEmail = readonlyEmail || false;\n this.showJotformLogo = showJotformLogo || false;\n this.showSalesforceLogin = showSalesforceLogin || false;\n this.showEnterpriseLogin = showEnterpriseLogin || false;\n this.hideSignUp = hideSignUp;\n this.redirectURL = redirectURL;\n this.showUnusualSignupFlow = showUnusualSignupFlow;\n this.unusualSignupToken = unusualSignupToken;\n this.unusualSignupCode = unusualSignupCode;\n this.appName = appName;\n this.swsoTestVariant = swsoTestVariant;\n this.mode = mode || 'fullScreen';\n this.isReact17 = isReact17;\n this.initiator = initiator;\n\n if (isEnterprise() && !loginDescriptionText) {\n this.loginDescriptionText = '';\n } else {\n this.loginDescriptionText = loginDescriptionText || prepareLoginFlowDefaultGreetings();\n }\n\n if (!noLoading) ReactDOM.render(Loading
, this.reactRoot);\n\n Promise.resolve()\n .then(() => (this.resourceID ? getUserInfo(this.resourceID, this.productType) : {}))\n .then(resp => {\n if (resp.user && (!ignoreFormUser || resp.userType !== 'FORM_USER')) {\n const baseURL = getDomainFromAPI(getAPIURL());\n const generateRedirectURL = path => `${baseURL}/${path}${window.location.search}`;\n switch (productType) {\n case 'draft':\n break;\n case 'form':\n // lets make a fake redirect, because user is already logged in but our server doesn't know it :(\n const prefillToken = getPrefillToken();\n window.location.href = generateRedirectURL(`${resourceID}${prefillToken ? `/prefill/${prefillToken}` : ''}`);\n break;\n default:\n window.location.href = generateRedirectURL(`${productType.toLowerCase()}/${resourceID}`);\n break;\n }\n } else {\n ReactDOM.unmountComponentAtNode(this.reactRoot);\n this.initAssigneeFlow();\n }\n }).catch(() => {\n ReactDOM.unmountComponentAtNode(this.reactRoot);\n this.initAssigneeFlow();\n });\n }\n\n get reactRoot() {\n let rootEl = document.querySelector(`.${this.containerClass}`);\n if (!rootEl) {\n rootEl = document.createElement('div');\n rootEl.className = `${this.containerClass}`;\n document.body.appendChild(rootEl);\n }\n return rootEl;\n }\n\n makeFormAssignment = (user, { newUser, onUserLogin } = {}) => {\n const skipRedirection = ((this && this.onUserLogin) || onUserLogin)(user, { newUser });\n const promise = skipRedirection && skipRedirection.then ? skipRedirection : Promise.resolve(skipRedirection);\n\n const redirect = () => {\n window.location.reload();\n const urlParams = new URLSearchParams(window.location.search);\n if (urlParams.get('jotform_pwa') && urlParams.get('saclEmbed')) {\n window.parent.location.reload();\n }\n };\n\n promise\n .then(skipRedirection_ => (skipRedirection_ !== true) && redirect())\n .catch(error => {\n console.error(error);\n redirect();\n });\n\n // fetch(`${this.apiURL}/form/${this.formID}/publicAssign`, { method: 'POST' });\n };\n\n initAssigneeFlow = () => {\n const wrapperClassName = [\n this.noDefaultWrapper ? '' : 'wwt',\n this.wrapperClassName\n ].filter(val => val).join(' ');\n\n ReactDOM.render(\n \n
, this.reactRoot\n );\n };\n\n createSocialTermsSecretManager = () => {\n let socialTermsSecret = {};\n\n const get = key => socialTermsSecret[key];\n const set = (key, val) => { socialTermsSecret[key] = val; };\n const removeAll = () => { socialTermsSecret = {}; };\n\n return {\n get,\n set,\n removeAll\n };\n };\n\n socialLoginRequest = (\n type,\n token,\n config,\n socialLogin2FAResponseCallback,\n errorCallback,\n socialLoginVerificationHash = '',\n socialLoginEAResponseCallback,\n idToken\n ) => {\n const { onSocialTermsRequired } = config;\n const newGoogleFlow = type === 'google' ? 1 : 0;\n const authToken = idToken ? idToken : token;\n\n forceUserSocialLogin(\n type,\n authToken,\n response => {\n const { data: { newUser, user } } = response;\n this.makeFormAssignment(user, {\n newUser,\n onUserLogin: config.onUserLogin\n });\n },\n errorCallback,\n config.appName,\n response => {\n this.init({\n ...config,\n ...(config.renderValidationStepsAsModal && { mode: 'modal' }), // for new header\n initialScreen: 'socialInit',\n socialInitData: { type, token, response },\n noDefaultWrapper: true\n });\n if (socialLogin2FAResponseCallback) socialLogin2FAResponseCallback();\n },\n undefined,\n undefined,\n config.buttonNames,\n socialLoginVerificationHash,\n onSocialTermsRequired,\n true, // enable social terms\n response => {\n this.init({\n ...config,\n initialScreen: 'socialInit',\n showEmailAuthStepAsModal: true,\n socialInitData: { type, token, response }\n });\n if (socialLoginEAResponseCallback) socialLoginEAResponseCallback();\n },\n undefined,\n newGoogleFlow\n );\n };\n\n initGoogle = (config = {}, socialLogin2FAResponseCallback, errorCallback = f => f, socialLoginEAResponseCallback) => {\n const { onSocialLoginStart = f => f } = config;\n const client = initGoogleSignin(response => {\n const googleLoginThunk = (socialLoginVerificationHash, idToken) => this.socialLoginRequest(\n 'google',\n response.code,\n config,\n socialLogin2FAResponseCallback,\n errorCallback,\n socialLoginVerificationHash,\n socialLoginEAResponseCallback,\n idToken\n );\n onSocialLoginStart({ socialSignupThunk: googleLoginThunk });\n googleLoginThunk();\n });\n if (client) {\n client.requestCode();\n }\n };\n\n handleGoogleClick = (config = {}, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback) => {\n if (!window.google) {\n loadJS('google-jssdk-new', 'https://accounts.google.com/gsi/client', () => {\n this.initGoogle(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n });\n return;\n }\n this.initGoogle(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n };\n\n initFacebook = (config, socialLogin2FAResponseCallback, errorCallback = f => f, socialLoginEAResponseCallback) => {\n const { onSocialLoginStart = f => f } = config;\n const fbLogin = initFBSignin();\n if (!fbLogin) return;\n fbLogin(({ status, authResponse }) => {\n if (status === 'connected' && authResponse) {\n const facebookLoginThunk = socialLoginVerificationHash => {\n this.socialLoginRequest('facebook', authResponse.accessToken, config, socialLogin2FAResponseCallback, errorCallback, socialLoginVerificationHash, socialLoginEAResponseCallback);\n };\n onSocialLoginStart({ socialSignupThunk: facebookLoginThunk });\n facebookLoginThunk();\n } else {\n errorCallback(status);\n }\n }, { scope: 'public_profile,email' });\n };\n\n handleFBClick = (config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback) => {\n if (!window.FB) {\n loadJS('facebook-jssdk', 'https://connect.facebook.net/en_US/sdk.js', () => {\n this.initFacebook(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n });\n return;\n }\n this.initFacebook(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n };\n\n initMicrosoft = (config, socialLogin2FAResponseCallback, errorCallback = f => f, socialLoginEAResponseCallback) => {\n const { onSocialLoginStart = f => f } = config;\n const msLogin = initMicrosoftSignin();\n if (!msLogin) return;\n msLogin.then(({ accessToken, idToken }) => {\n if (accessToken && idToken) {\n const multipleTokens = JSON.stringify({ idToken, accessToken });\n const microsoftLoginThunk = socialLoginVerificationHash => {\n this.socialLoginRequest('microsoft', multipleTokens, config, socialLogin2FAResponseCallback, errorCallback, socialLoginVerificationHash, socialLoginEAResponseCallback);\n };\n onSocialLoginStart({ socialSignupThunk: microsoftLoginThunk });\n microsoftLoginThunk();\n } else {\n errorCallback();\n }\n }).catch(errorCallback);\n };\n\n handleMSClick = (config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback) => {\n if (!window.msal) {\n loadJS('microsoft-jssdk', 'https://cdn.jotfor.ms/js/msal/msal-browser.js', () => {\n this.initMicrosoft(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n });\n return;\n }\n this.initMicrosoft(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n };\n\n initSalesforce = (config, socialLogin2FAResponseCallback, errorCallback = f => f, socialLoginEAResponseCallback) => {\n const { onSocialLoginStart = f => f } = config;\n const sLogin = initSalesforceSignin();\n if (!sLogin) return;\n sLogin.then(({ code, token }) => {\n if (code && token) {\n const multipleTokens = JSON.stringify({ code, token });\n const salesforceLoginThunk = socialLoginVerificationHash => {\n this.socialLoginRequest('salesforce', multipleTokens, config, socialLogin2FAResponseCallback, errorCallback, socialLoginVerificationHash, socialLoginEAResponseCallback);\n };\n onSocialLoginStart({ socialSignupThunk: salesforceLoginThunk });\n salesforceLoginThunk();\n } else {\n errorCallback();\n }\n }).catch(errorCallback);\n };\n\n handleSalesforceClick = (config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback) => {\n this.initSalesforce(config, socialLogin2FAResponseCallback, errorCallback, socialLoginEAResponseCallback);\n };\n\n initGoogleOneTap = (config, socialLogin2FAResponseCallback, socialLoginEAResponseCallback) => {\n loadJS('googleOneTap', 'https://accounts.google.com/gsi/client', () => {\n if (window?.preventHeaderGoogleOneTap) {\n return true;\n }\n\n if (typeof window.GOOGLE_SIGNON === 'undefined') {\n return true;\n }\n\n if (typeof window.JOTFORM_ENV === 'undefined' || window.JOTFORM_ENV === 'ENTERPRISE' || window.JOTFORM_ENV === 'TESTING' || window.JOTFORM_ENV === 'DEVELOPMENT') {\n return true;\n }\n\n let accountType;\n\n if (typeof window.app?.user?.get === 'function') {\n accountType = window.app.user.get('account_type');\n } else if (window.user) {\n accountType = window.user.account_type;\n } else if (window.userData) {\n accountType = window.userData.account_type;\n }\n\n if (accountType && accountType.name !== 'GUEST') {\n return true;\n }\n\n if (document.querySelector('.removeAuthButtons')) {\n return true;\n }\n\n createGoogleOneTapContainerEl();\n\n window.google.accounts.id.initialize({\n client_id: window.GOOGLE_SIGNON,\n cancel_on_tap_outside: false,\n prompt_parent_id: 'oneTapLoginArea',\n callback: googleUser => {\n const { onSocialLoginStart = f => f } = config;\n const token = googleUser.credential;\n const googleOneTapLoginThunk = socialLoginVerificationHash => this.socialLoginRequest(\n 'googleOneTap',\n token,\n config,\n socialLogin2FAResponseCallback,\n null,\n socialLoginVerificationHash,\n socialLoginEAResponseCallback\n );\n onSocialLoginStart({ socialSignupThunk: googleOneTapLoginThunk });\n googleOneTapLoginThunk();\n },\n state_cookie_domain: 'jotform.com'\n });\n window.google.accounts.id.prompt(notification => {\n if (notification.isNotDisplayed() || notification.isSkippedMoment()) {\n console.log('GoogleOnetap Skipped', notification.getNotDisplayedReason());\n } else if (notification.isDisplayMoment() && config.onGoogleOneTapPromptOpened) {\n config.onGoogleOneTapPromptOpened();\n }\n });\n });\n };\n\n renderStandaloneSocialTermsModal = (...props) => {\n renderStandaloneSocialTermsModal(...props);\n };\n}\n","export const loadByApplyingLazyIgnoredElements = ({ target }, loadFunction) => {\n const lazyLoadDelayedElements = [\n { selector: 'CookieBanner', type: 'id' },\n { selector: 'close-wp', type: 'class' },\n { selector: 'jfRHeader--hamburger', type: 'class' },\n { selector: 'jfRHeader--logo-link', type: 'class' },\n { selector: 'jfRHeader--mobile-nav-signup-btn', type: 'class' },\n { selector: 'logo-page', type: 'class' }\n ]\n .map(({ type, selector }) => ({\n type,\n selector,\n elements: Array.from(document.querySelectorAll(`${type === 'id' ? '#' : '.'}${selector}`))\n }))\n .filter(({ elements }) => elements.length > 0);\n\n const isTargetDelayed = (elements, selector, type) => {\n const { id, classList } = target;\n return elements.some(currentEl => currentEl === target\n || currentEl.contains(target)\n || (type === 'id' ? id === selector : classList?.contains(selector)));\n };\n\n const shouldDelayLazyLoad = lazyLoadDelayedElements.some(({ elements, selector, type }) => {\n return isTargetDelayed(elements, selector, type);\n });\n\n setTimeout(loadFunction, shouldDelayLazyLoad ? 1000 : 0);\n};\n","import { createLinkElement, createScriptElement } from '../dom';\nimport { loadByApplyingLazyIgnoredElements } from './loadByApplyingLazyIgnoredElements';\n\nexport const loadAfter = (params, forceLoad = false) => {\n if (!Array.isArray(params)) {\n console.error('LoadAfter :: please give array to window.loadAfter function');\n return;\n }\n\n const defaultOptions = {\n type: '',\n url: '',\n callback: '',\n el: '',\n attr: '',\n force: false\n };\n\n params.forEach((param, index) => {\n const options = { ...defaultOptions, ...param };\n\n if (!options.url) {\n console.error('LoadAfter :: url not found');\n return;\n }\n\n const uniqueName = `${options.url.split('/').pop().split('.')[0]}${options.force ? index : ''}`;\n\n const elGeneralFunc = () => {\n if (document.body.classList.contains(uniqueName)) return;\n document.body.classList.add(uniqueName);\n\n if (options.type === 'JS') createScriptElement(options.url, options.callback, options.attr);\n if (options.type === 'CSS') createLinkElement(options.url, options.attr);\n };\n\n if (options.el) {\n const element = document.querySelector(options.el);\n if (!element) return;\n\n const handleEvent = event => {\n if (document.body.classList.contains(uniqueName)) return;\n loadByApplyingLazyIgnoredElements(event, elGeneralFunc);\n };\n\n if ('ontouchstart' in window || window.navigator.maxTouchPoints > 0 || window.navigator.msMaxTouchPoints > 0) {\n element.addEventListener('touchstart', handleEvent);\n }\n element.addEventListener('mousemove', handleEvent);\n window.addEventListener('scroll', elGeneralFunc);\n\n if (forceLoad) elGeneralFunc();\n return;\n }\n\n elGeneralFunc();\n });\n};\n\nwindow.loadAfter = loadAfter;\nwindow.dispatchEvent(new global.window.CustomEvent('jfheader-utils-ready'));\n","export const loadAndInsertAsFirstScript = (id, src, onload) => {\n if (document.getElementById(id)) {\n onload();\n return false;\n }\n\n const js = document.createElement('script');\n\n js.id = id;\n js.onload = onload;\n js.src = src;\n const fjs = document.getElementsByTagName('script')[0];\n if (fjs) {\n fjs.parentNode.insertBefore(js, fjs);\n } else {\n document.getElementsByTagName('head')[0].appendChild(js);\n }\n};\n","import { LoginFlowHelper } from '@jotforminc/login-flow';\nimport { getBodyEl } from '../dom';\nimport { loadAndInsertAsFirstScript } from '../scriptLoaders';\n\nexport const loadLoginFlow = onLoad => {\n if (global.window.loginFlowHelper) {\n if (onLoad) onLoad(global.window.loginFlowHelper);\n return Promise.resolve(global.window.loginFlowHelper);\n }\n\n return Promise.resolve()\n .then(() => {\n const loginFlowHelper = new LoginFlowHelper();\n global.window.loginFlowHelper = loginFlowHelper;\n return loginFlowHelper;\n })\n .then(loginFlowHelper => {\n if (onLoad) onLoad(loginFlowHelper);\n return loginFlowHelper;\n });\n};\n\nconst getSocialMediaScriptInfo = socialMedia => {\n switch (socialMedia) {\n case 'facebook':\n return { id: 'facebook-jssdk', src: 'https://connect.facebook.net/en_US/sdk.js' };\n case 'google':\n return { id: 'google-jssdk-new', src: 'https://accounts.google.com/gsi/client' };\n case 'microsoft':\n return { id: 'microsoft-jssdk', src: 'https://cdn.jotfor.ms/js/msal/msal-browser.js' };\n default:\n throw new Error(`Unknown social media: ${socialMedia}`);\n }\n};\n\nexport const loadSocialMediaClient = socialMedia => {\n return new Promise((resolve, reject) => {\n try {\n const bodyEl = document.querySelector('body');\n\n if (bodyEl.classList.contains(`isloaded-${socialMedia}js`)) {\n return resolve();\n }\n\n const { id, src } = getSocialMediaScriptInfo(socialMedia);\n\n loadAndInsertAsFirstScript(id, src, () => {\n bodyEl.classList.add(`isloaded-${socialMedia}js`);\n resolve();\n });\n } catch (err) {\n reject(err);\n }\n });\n};\n\nexport const loadGoogleJS = () => {\n return getBodyEl().classList.contains('isloaded-googlejs') ? Promise.resolve() : loadSocialMediaClient('google');\n};\n\nexport const loadFacebookJS = () => {\n return getBodyEl().classList.contains('isloaded-facebookjs') ? Promise.resolve() : loadSocialMediaClient('facebook');\n};\n\nexport const loadMicrosotfJS = () => {\n return getBodyEl().classList.contains('isloaded-microsoftjs') ? Promise.resolve() : loadSocialMediaClient('microsoft');\n};\n","import { isDevelopment } from './jotform';\n\nexport class ActionManager {\n constructor({\n user,\n projectName,\n trackOnce\n }) {\n this.user = user || {};\n this.projectName = projectName;\n this.trackOnce = trackOnce || false;\n this.JotFormActions = null;\n this.registerJotformAction = this.registerJotformAction.bind(this);\n this.sentEvents = {};\n this.loadScript();\n }\n\n loadScript() {\n return new Promise((resolve, reject) => {\n if (document.querySelector('#jotform-actions-script')) return;\n\n const headEl = global.window.document.querySelector('head');\n const scriptEl = global.window.document.createElement('script');\n scriptEl.setAttribute('id', 'jotform-actions-script');\n scriptEl.src = 'https://js.jotform.com/actions.js';\n scriptEl.onload = resolve;\n scriptEl.onerror = reject;\n headEl.appendChild(scriptEl);\n });\n }\n\n setupJotFormActions() {\n const { JotFormActions } = global;\n if (typeof JotFormActions !== 'function') return;\n this.JotFormActions = JotFormActions(this.projectName);\n }\n\n registerJotformAction({ action, target } = {}) {\n if (!this.JotFormActions) {\n this.setupJotFormActions();\n }\n\n if (this.trackOnce && this.sentEvents[`${action}${target}`]) {\n return;\n }\n\n const { username: actor = null } = this.user;\n\n if (!this.JotFormActions || !actor) return;\n\n if (isDevelopment()) {\n console.log({ action, target });\n }\n\n this.JotFormActions.tick({ actor, action, target });\n\n if (this.trackOnce) {\n this.sentEvents[`${action}${target}`] = true;\n }\n }\n}\n\nexport default ActionManager;\n","import { customRedirectionOnLogIn, customRedirectionOnSignUp } from './customRedirects';\nimport { loadLoginFlow } from './loadLoginFlow';\nimport { ActionManager } from '../ActionManager';\nimport { LOGIN_FLOW_ACTIONS_PROJECT_NAME } from '../../constants';\n\nexport const openLoginFlow = async ({\n page,\n tracking,\n greetingMessage,\n greetingDescription,\n extraModalProps = {}\n}) => {\n let screen;\n let prevRoute;\n\n const trackLoginFlow = new ActionManager({ user: window.user, projectName: LOGIN_FLOW_ACTIONS_PROJECT_NAME }).registerJotformAction;\n\n const loginFlowProps = {\n mode: 'modal',\n greetingDescription,\n greetingMessage,\n user: window.user,\n showLogoOnSignupOptions: false,\n includeConfirm: true,\n forceUser: true,\n noDefaultWrapper: true,\n appleSigninEnabled: true,\n appName: 'jfHeader',\n shrinkConfirmOnMobile: true,\n isReact17: true,\n onUserLogin: (user, { newUser }) => {\n const action = newUser ? 'signup' : 'login';\n trackLoginFlow(action, tracking ?? screen);\n return newUser ? customRedirectionOnSignUp() : customRedirectionOnLogIn();\n },\n onNavigationChange: nextRoute => {\n if (!prevRoute || ['signupOptions', 'loginOptions', 'signupWithEmail'].includes(prevRoute)) {\n if (nextRoute === 'signupOptions') {\n screen = 'login-modal-signup-link';\n trackLoginFlow('open', tracking ?? screen);\n } else if (nextRoute === 'loginOptions') {\n screen = 'signup-modal-login-link';\n trackLoginFlow('open', tracking ?? screen);\n }\n }\n\n if (nextRoute === 'signupWithEmail') {\n screen = 'signupWithEmail';\n trackLoginFlow('open', tracking ?? screen);\n }\n\n prevRoute = nextRoute;\n },\n onGoogleLoginClick: () => trackLoginFlow('open', 'google'),\n onFBLoginClick: () => trackLoginFlow('open', 'facebook'),\n onAppleLoginClick: () => trackLoginFlow('open', 'apple'),\n ...extraModalProps\n };\n\n const setButtonNames = type => ({\n microsoft: `modal-microsoft-${type}-jfheader`,\n google: `modal-google-${type}-jfheader`,\n facebook: `modal-facebook-${type}-jfheader`,\n apple: `modal-apple-${type}-jfheader`,\n emailLogin: 'modal-standart-login-button',\n emailSignup: 'modal-header-createmyaccount'\n });\n\n switch (page) {\n case 's1':\n screen = 'signup';\n loginFlowProps.initialScreen = 'signupWithSocialOpts';\n loginFlowProps.buttonNames = setButtonNames('signup');\n break;\n case 's2':\n screen = 'login';\n loginFlowProps.forceLogin = 'true';\n loginFlowProps.buttonNames = setButtonNames('login');\n break;\n case 's3':\n screen = 'signupWithEmail';\n loginFlowProps.initialScreen = 'signupWithEmail';\n loginFlowProps.buttonNames = setButtonNames('signup');\n break;\n case 's3b':\n screen = 'signupWithSocialOpts';\n loginFlowProps.showFormOnSignupOptions = true;\n loginFlowProps.initialScreen = screen;\n loginFlowProps.buttonNames = setButtonNames('signup');\n break;\n default:\n loginFlowProps.initialScreen = page;\n }\n\n loginFlowProps.swsoTestVariant = true;\n\n const loginFlowHelper = await loadLoginFlow();\n loginFlowHelper.init(loginFlowProps);\n setTimeout(() => trackLoginFlow({ action: 'open', target: tracking ?? screen }), 0);\n};\n","import { openLoginFlow } from './openLoginFlow';\n\nexport const showLoginFlowModal = (\n page = 's1',\n tracking,\n // eslint-disable-next-line no-unused-vars\n hideClose = false,\n greetingMessage,\n greetingDescription,\n // eslint-disable-next-line no-unused-vars\n callbacks = {},\n extraModalProps = {}\n) => {\n openLoginFlow({\n page,\n tracking,\n greetingDescription,\n greetingMessage,\n extraModalProps\n });\n};\n\nwindow.showModal = showLoginFlowModal;\n","export const toggleSignupLoaders = (act = 'hide') => {\n document.querySelectorAll('.signup-loading').forEach(el => {\n const elRef = el;\n if (act === 'hide') {\n elRef.style.display = 'none';\n elRef.parentElement.classList.remove('socialbtn-loading-wrapper');\n } else if (act === 'show') {\n elRef.style.display = 'block';\n elRef.parentElement.classList.add('socialbtn-loading-wrapper');\n }\n });\n};\n","import { toggleSignupLoaders } from './toggleSignupLoaders';\n\nexport const createSocialTermsFlow = user => {\n const { pathname } = window.location;\n const preveventFlow = ['/login/', '/signup/'].includes(pathname);\n\n // If the pathname indicates that we're on the login or signup page, exit early.\n if (preveventFlow) return {};\n\n const socialTermsSecretManager = window.loginFlowHelper.createSocialTermsSecretManager();\n\n return {\n // When the Google/Facebook token arrives and Jotform API request triggers.\n onSocialLoginStart: ({ socialSignupThunk }) => {\n socialTermsSecretManager.set('socialSignupThunk', socialSignupThunk);\n },\n // When Jotform API returns a hash because it requires the user to accept terms and conditions.\n onSocialTermsRequired: ({\n socialLoginHash,\n socialUserProfile,\n idToken\n } = {}) => {\n socialTermsSecretManager.set('socialLoginHash', socialLoginHash);\n\n // Render terms and conditions modal.\n window.loginFlowHelper.renderStandaloneSocialTermsModal({\n user,\n socialUserProfile,\n onSocialTermsContinue: isTermsChecked => {\n if (isTermsChecked) {\n const hash = socialTermsSecretManager.get('socialLoginHash');\n const continueSocialSignup = socialTermsSecretManager.get('socialSignupThunk');\n if (typeof continueSocialSignup === 'function' && hash) {\n continueSocialSignup(hash, idToken);\n }\n }\n },\n onSocialTermsClose: () => {\n socialTermsSecretManager.removeAll();\n toggleSignupLoaders('hide');\n }\n });\n }\n };\n};\n","import { addEventListenerOnce, getBodyEl } from '../dom';\nimport { isGuest, isProduction } from '../jotform';\nimport { loadByApplyingLazyIgnoredElements } from '../scriptLoaders/loadByApplyingLazyIgnoredElements';\nimport { createSocialTermsFlow } from './createSocialTermsFlow';\nimport { customRedirectionOnLogIn, customRedirectionOnSignUp } from './customRedirects';\nimport { loadLoginFlow } from './loadLoginFlow';\n\nconst isOneTapAvailable = user => {\n const isGoogleOneTapPrevented = window.preventHeaderGoogleOneTap;\n const hasCustomCta = document.querySelector('.jfRHeader--custom-cta');\n return !isGoogleOneTapPrevented && window.GOOGLE_SIGNON && !hasCustomCta && isGuest(user) && isProduction();\n};\n\nexport const initGoogleOneTap = user => {\n const logLoginFlowAction = f => f;\n\n const listener = event => {\n if (!isOneTapAvailable(user)) return;\n\n loadByApplyingLazyIgnoredElements(event, () => {\n loadLoginFlow(() => {\n global.window.loginFlowHelper.initGoogleOneTap(\n {\n showLogoOnSignupOptions: false,\n renderValidationStepsAsModal: true,\n includeConfirm: true,\n forceUser: true,\n buttonNames: {\n googleOneTap: 'GoogleOnetap'\n },\n bypassDefault2faSocialInit: true,\n ...createSocialTermsFlow(user),\n onUserLogin: (loggedInUser, { newUser }) => {\n setTimeout(() => logLoginFlowAction?.({ action: newUser ? 'signup' : 'login', target: 'google-one-tap' }), 0);\n return newUser ? customRedirectionOnSignUp() : customRedirectionOnLogIn();\n },\n onGoogleOneTapPromptOpened: () => {\n setTimeout(() => logLoginFlowAction?.({ action: 'open', target: 'google-one-tap' }), 0);\n }\n },\n // 2fa callback\n f => f,\n // email auth response callback\n f => f\n );\n });\n });\n };\n\n addEventListenerOnce(getBodyEl(), 'mouseover', listener);\n};\n","import { toggleSignupLoaders } from './toggleSignupLoaders';\n\nexport const listenAppSignInOnFailure = () => {\n document.addEventListener('AppleIDSignInOnFailure', error => {\n toggleSignupLoaders();\n console.log(error);\n });\n};\n","import { LOGIN_FLOW_ACTIONS_PROJECT_NAME } from '../../constants';\nimport { ActionManager } from '../ActionManager';\nimport { createSocialTermsFlow } from './createSocialTermsFlow';\nimport { customRedirectionOnLogIn, customRedirectionOnSignUp } from './customRedirects';\nimport { toggleSignupLoaders } from './toggleSignupLoaders';\n// import { trackLoginFlow } from './trackLoginFlow';\n\nexport const openSocialLoginFlow = type => {\n const handlerMap = {\n google: 'handleGoogleClick',\n facebook: 'handleFBClick',\n microsoft: 'handleMSClick'\n };\n\n const trackLoginFlow = new ActionManager({ user: window.user, projectName: LOGIN_FLOW_ACTIONS_PROJECT_NAME }).registerJotformAction;\n\n const activeMethod = handlerMap[type];\n\n if (!activeMethod) {\n console.error(`Unsupported social login type: ${type}`);\n return;\n }\n\n trackLoginFlow('open', type);\n\n window.loginFlowHelper[activeMethod](\n {\n showLogoOnSignupOptions: false,\n includeConfirm: true,\n forceUser: true,\n renderValidationStepsAsModal: true,\n buttonNames: {\n google: 'google-homepage-hero',\n facebook: 'facebook-homepage-hero'\n },\n onUserLogin: (user, { newUser }) => {\n trackLoginFlow(newUser ? 'signup' : 'login', type);\n toggleSignupLoaders('hide');\n return newUser ? customRedirectionOnSignUp() : customRedirectionOnLogIn();\n },\n ...createSocialTermsFlow(window.user)\n },\n // 2fa response callback\n f => f,\n // error callback\n error => {\n console.error(error);\n toggleSignupLoaders('hide');\n },\n // email auth callback\n f => f\n );\n};\n","import {\n loadFacebookJS, loadGoogleJS, loadLoginFlow, loadMicrosotfJS\n} from './loadLoginFlow';\nimport { openSocialLoginFlow } from './openSocialLoginFlow';\nimport { toggleSignupLoaders } from './toggleSignupLoaders';\n\nexport const attachLoginFlowToTrioButtons = () => {\n const socialButtons = document.querySelectorAll('button.google, button.facebook, button.microsoft');\n\n socialButtons.forEach(button => {\n button.addEventListener('click', async event => {\n let socialMedia = '';\n const classNames = event.currentTarget.className;\n\n if (classNames.includes('google')) socialMedia = 'google';\n if (classNames.includes('facebook')) socialMedia = 'facebook';\n if (classNames.includes('microsoft')) socialMedia = 'microsoft';\n\n if (!window.loginFlowHelper) {\n await Promise.all([\n loadLoginFlow(),\n loadFacebookJS(),\n loadGoogleJS(),\n loadMicrosotfJS()\n ]);\n\n if (socialMedia !== 'google') toggleSignupLoaders('show');\n openSocialLoginFlow(socialMedia);\n return;\n }\n\n if (socialMedia !== 'google') toggleSignupLoaders('show');\n openSocialLoginFlow(socialMedia);\n });\n });\n};\n","import { attachLoginFlowToTrioButtons } from './attachLoginFlowToTrioButtons';\nimport {\n loadFacebookJS, loadGoogleJS, loadLoginFlow, loadMicrosotfJS\n} from './loadLoginFlow';\n\nexport const initLoginFlowTrioButtons = () => {\n const isHomepage = document.querySelector('body.homepage');\n const hasTrioButtons = document.querySelector('.introSection-buttons');\n const hasAnySocialSignupButton = document.querySelector('button.google, button.facebook, button.microsoft');\n\n if (isHomepage || hasTrioButtons || hasAnySocialSignupButton) {\n loadLoginFlow();\n loadFacebookJS();\n loadGoogleJS();\n loadMicrosotfJS();\n attachLoginFlowToTrioButtons();\n }\n};\n","export const attachObsoleteSignupLoadingFunctionToWindow = () => {\n const bannerSignupLoading = document.querySelector('.auth-section .signup-loading');\n const signupModalSignupLoading = document.querySelector('.modalpage.s1 .signup-loading');\n const loginModalLoading = document.querySelector('.modalpage.s2 .signup-loading');\n\n window.signupLoaderTimeout = null;\n\n window.handleSignupLoading = eventTarget => {\n if (!eventTarget) return;\n\n clearTimeout(window.signupLoaderTimeout);\n\n const parentClasses = eventTarget.parentNode?.className || '';\n const grandParentClasses = eventTarget.parentNode?.parentNode?.parentNode?.classList;\n\n if (parentClasses.includes('auth-section')) {\n bannerSignupLoading.style.display = 'block';\n } else if (grandParentClasses?.contains('s1')) {\n signupModalSignupLoading.style.display = 'block';\n } else if (grandParentClasses?.contains('s2')) {\n loginModalLoading.style.display = 'block';\n } else if (eventTarget.classList.contains('js-naked-social-signup')) {\n document.querySelectorAll('.signup-loading').forEach(el => {\n const elRef = el;\n elRef.style.display = 'block';\n });\n }\n };\n};\n","/* eslint-disable no-undef */\nfunction yieldToMain(callback = () => {}) {\n if ('scheduler' in global.window && 'yield' in scheduler) {\n return scheduler.yield().then(callback);\n }\n\n return new Promise(resolve => {\n setTimeout(() => {\n resolve();\n callback();\n }, 0);\n });\n}\n\nwindow.yieldToMain = yieldToMain;\n\nexport default yieldToMain;\n","const hasCookieConsent = consentName => {\n const cookiebot = window.Cookiebot;\n const consent = cookiebot?.consent?.[consentName];\n if (!consentName || !cookiebot) return true;\n if (cookiebot?.consent?.stamp === '0') return true;\n if (consent) return true;\n return false;\n};\n\nexport const setCookie = (name, value, ttl, consentName) => {\n let expires = '';\n if (window.jotCookie.hasCookieConsent(consentName)) {\n if (ttl) {\n const date = new Date();\n date.setTime(date.getTime() + (ttl * 24 * 60 * 60 * 1000));\n expires = `expires=${date.toUTCString()};`;\n }\n document.cookie = `${name}=${value};${expires} path=/`;\n }\n document.cookie = `${name}=${value};${expires} path=/`;\n};\n\nexport const readCookie = name => {\n const nameEQ = `${name}=`;\n const cookies = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie = cookies[i].trim();\n if (cookie.indexOf(nameEQ) === 0) {\n return cookie.substring(nameEQ.length, cookie.length);\n }\n }\n\n return null;\n};\n\nwindow.jotCookie = { hasCookieConsent, setCookie, readCookie };\n","import {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n useLayoutEffect\n} from 'react';\nimport { moment as Moment, nodeContains } from '@jotforminc/utils';\nimport debounce from 'lodash/debounce';\nimport { v4 as uuid } from 'uuid';\nimport throttle from 'lodash/throttle';\nimport Fuse from 'fuse.js';\nimport { useResize } from './useResize';\n\nexport const useDebounce = (fn, waitTime = 400, options = {}) => {\n const funcRef = useRef(fn);\n if (funcRef.current !== fn) {\n funcRef.current = fn;\n }\n\n return useCallback(debounce(fn, waitTime, options), [funcRef.current]);\n};\n\nconst baseFuseOptions = {};\nconst baseKeys = ['name', 'email'];\nexport const useFuse = (list, searchTerm, keys = baseKeys, fuseOptions = baseFuseOptions) => {\n const fuse = useMemo(() => new Fuse(list, {\n shouldSort: true,\n location: 0,\n threshold: 0.4,\n distance: 100,\n maxPatternLength: 32,\n minMatchCharLength: 1,\n ...fuseOptions,\n keys\n }), [list, keys, fuseOptions]);\n\n const results = useMemo(() => (!searchTerm\n ? list\n : fuse.search(searchTerm).map(fuseResult => ({\n ...fuseResult.item\n }))\n ), [fuse, searchTerm]);\n return results;\n};\n\nexport const useLongPress = (callback, ms = 500) => {\n const timer = useRef();\n\n const start = useCallback(event => {\n timer.current = setTimeout(() => callback(event), ms);\n }, [ms, callback]);\n\n const cancel = useCallback(() => {\n if (timer.current !== undefined) clearTimeout(timer.current);\n });\n\n useEffect(() => () => {\n if (timer.current !== undefined) clearTimeout(timer.current);\n }, []);\n\n return useMemo(() => ({\n onMouseDown: start,\n onMouseUp: cancel,\n onMouseLeave: cancel,\n onTouchStart: start,\n onTouchEnd: cancel,\n onTouchMove: cancel,\n onTouchCancel: cancel\n }), [start, cancel]);\n};\n\nexport const useSwitch = (value, cases) => useMemo(() => {\n const firstMatchingCase = cases.find(([caseValue]) => caseValue === value);\n if (firstMatchingCase) {\n const [, result] = firstMatchingCase;\n return result;\n }\n}, [value, cases]);\n\nexport const useStateWithAutoReset = (initialState = '', timeoutDuration = 3000) => {\n const [state, setState] = useState(initialState);\n\n useEffect(() => {\n if (state !== initialState) {\n const delayedClearStateTimeout = global.setTimeout(() => setState(initialState), timeoutDuration);\n return () => global.clearTimeout(delayedClearStateTimeout);\n }\n }, [state]);\n\n return [state, setState];\n};\n\nexport const useTimeout = (callback, delay) => {\n const callbackRef = useRef(callback);\n const timeoutRef = useRef();\n\n useEffect(() => {\n callbackRef.current = callback;\n }, [callback]);\n\n const set = useCallback(() => {\n timeoutRef.current = setTimeout(() => callbackRef.current(), delay);\n }, [delay]);\n\n const clear = useCallback(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n }, []);\n\n useEffect(() => {\n set();\n return clear;\n }, [delay, set, clear]);\n\n const reset = useCallback(() => {\n clear();\n set();\n }, [clear, set]);\n\n return { reset, clear };\n};\n\nexport const useDebounceWithTimeout = (callback, delay, dependencies) => {\n const { reset, clear } = useTimeout(callback, delay);\n useEffect(reset, [...dependencies, reset]);\n useEffect(clear, []);\n};\n\nexport const useTimeoutMessage = (initialValue, timeout = 3000) => {\n const timeoutRef = useRef(null);\n const [message, setMessage] = useState(initialValue);\n\n useEffect(() => {\n return () => {\n clearTimeout(timeoutRef.current);\n };\n }, []);\n\n return [\n message, data => {\n clearTimeout(timeoutRef.current);\n setMessage(data);\n timeoutRef.current = setTimeout(() => setMessage(false), timeout);\n }\n ];\n};\n\nexport const usePropState = initalValue => {\n const [state, setState] = useState(initalValue);\n useEffect(() => {\n if (initalValue !== state) {\n setState(initalValue);\n }\n }, [initalValue]);\n\n return [state, setState];\n};\n\nconst fetchers = {};\n\nexport const useRequest = (fetcher, name = fetcher.toString()) => {\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState(false);\n const [error, setError] = useState(false);\n\n const load = async (...args) => {\n setLoading(true);\n setError(false);\n\n try {\n const req = fetcher(...args);\n fetchers[name] = req;\n\n const newData = await req;\n\n if (fetchers[name] !== req) return;\n\n setData(newData);\n } catch (e) {\n setError(e);\n }\n\n setLoading(false);\n\n return data;\n };\n\n return {\n error, load, loading, data, setData\n };\n};\nexport const useQuery = (fetcher, query, name) => {\n const request = useRequest(fetcher, name);\n const { load, setData } = request;\n\n const reload = () => load(query);\n\n useEffect(() => {\n setData(false);\n reload();\n }, [JSON.stringify(query)]);\n\n return { ...request, reload };\n};\n\nexport const useInViewport = (elementRef, callback = f => f, threshold = 0.2, callOnce = true, scrollRef = { current: window }) => {\n const isCalledRef = useRef(false);\n\n const isInViewport = elRef => {\n const rect = elRef.current?.getBoundingClientRect();\n const innerHeight = window.innerHeight || document.documentElement.clientHeight;\n const innerWidth = window.innerWidth || document.documentElement.clientWidth;\n const topCalculation = rect.top + (rect.height * threshold);\n const bottomCalculation = rect.bottom + (rect.height * threshold);\n const fromTop = topCalculation <= innerHeight && topCalculation >= 0;\n const fromBottom = bottomCalculation <= innerHeight && bottomCalculation >= 0;\n return (\n rect.left >= 0\n && (fromTop || fromBottom)\n && rect.right <= innerWidth\n );\n };\n\n const handleScroll = () => {\n if (!elementRef.current) return;\n const inViewport = isInViewport(elementRef);\n const shouldCall = callOnce ? (inViewport && !isCalledRef.current) : inViewport;\n if (shouldCall) {\n callback();\n isCalledRef.current = true;\n }\n };\n\n useEffect(() => {\n handleScroll();\n const throttledHandleScroll = throttle(handleScroll, 400);\n scrollRef.current?.addEventListener('scroll', throttledHandleScroll);\n return () => {\n scrollRef.current?.removeEventListener('scroll', throttledHandleScroll);\n };\n }, [elementRef, scrollRef]);\n};\n\n// from usehooks.com\nexport const useHover = (ms = 0) => {\n const [value, setValue] = useState(false);\n\n const ref = useRef(null);\n let timeout;\n const handleMouseOver = () => {\n if (ms > 0) {\n timeout = setTimeout(() => setValue(true), ms);\n } else {\n setValue(true);\n }\n };\n const handleMouseOut = () => {\n if (timeout) {\n timeout = clearTimeout(timeout);\n }\n setValue(false);\n };\n\n useEffect(\n () => {\n const node = ref.current;\n if (node) {\n node.addEventListener('mouseover', handleMouseOver);\n node.addEventListener('mouseout', handleMouseOut);\n\n return () => {\n if (timeout) {\n timeout = clearTimeout(timeout);\n }\n node.removeEventListener('mouseover', handleMouseOver);\n node.removeEventListener('mouseout', handleMouseOut);\n };\n }\n },\n [ref.current] // Recall only if ref changes\n );\n\n return [ref, value];\n};\n\nexport const useMomentDate = (date, format) => {\n const [momentDate, setMomentDate] = useState(Moment.dateToMoment(date, format));\n const renewMomentDate = () => {\n setMomentDate(Moment.dateToMoment(date, format));\n };\n\n useEffect(() => {\n const listenerKey = `renewMomentDate_${uuid()}`;\n Moment.addListener('setLocale', listenerKey, renewMomentDate);\n return () => Moment.removeListener('setLocale', listenerKey);\n }, []);\n\n useEffect(() => {\n renewMomentDate();\n }, [date, format]);\n\n return [momentDate, setMomentDate];\n};\n\nexport const useIsMobile = (mobileBreakdownWidth = 580) => {\n const { width } = useResize();\n return width <= mobileBreakdownWidth;\n};\n\nexport const useMoveOutsideState = (initialState, refs = []) => {\n const [isVisible, setVisibility] = useState(initialState);\n\n useEffect(() => {\n const hideMenu = ({ target }) => {\n return !refs.find(ref => ref?.current && nodeContains(ref.current, target)) && setVisibility(false);\n };\n\n global.window.addEventListener('mouseout', hideMenu);\n return () => global.window.removeEventListener('mouseout', hideMenu);\n }, [refs]);\n\n return [isVisible, setVisibility];\n};\n\nexport const useSetAttributeToElement = (className, setAttributeName, setAttributeValue, useEffectDependency) => {\n useEffect(() => {\n let index;\n const dates = document.getElementsByClassName(className);\n for (index = 0; index < dates.length; ++index) {\n dates[index]?.setAttribute(setAttributeName, setAttributeValue);\n }\n }, [useEffectDependency]);\n};\n\nexport const useDelayUnmount = (isMounted, delayTime) => {\n const [shouldRender, setShouldRender] = useState(false);\n const [className, setClassName] = useState('closed');\n useEffect(() => {\n let timeoutIdOut;\n if (isMounted && !shouldRender) {\n setShouldRender(true);\n setTimeout(() => setClassName('opened'));\n } else if (!isMounted && shouldRender) {\n setClassName('closed');\n timeoutIdOut = setTimeout(() => setShouldRender(false), delayTime);\n }\n return () => {\n clearTimeout(timeoutIdOut);\n };\n }, [isMounted, delayTime, shouldRender]);\n return [shouldRender, className];\n};\n\nexport const useKeyPress = targetKey => {\n const [keyPressed, setKeyPressed] = useState(false);\n function downHandler({ key }) {\n if (key === targetKey) {\n setKeyPressed(true);\n }\n }\n const upHandler = ({ key }) => {\n if (key === targetKey) {\n setKeyPressed(false);\n }\n };\n useEffect(() => {\n window.addEventListener('keydown', downHandler);\n window.addEventListener('keyup', upHandler);\n return () => {\n window.removeEventListener('keydown', downHandler);\n window.removeEventListener('keyup', upHandler);\n };\n }, []);\n return keyPressed;\n};\n\nexport const useMeasure = () => {\n const ref = useRef(null);\n const [forceRedraw, setForceRedraw] = useState(1);\n const rect = useRef(null);\n\n useLayoutEffect(() => {\n rect.current = ref.current && ref.current.getBoundingClientRect();\n if (!ref.current) return;\n if (rect.current.height) {\n setForceRedraw(0);\n }\n }, [forceRedraw, rect]);\n return [ref, rect.current && rect.current.height];\n};\n\nexport const useFocus = () => {\n const htmlElRef = useRef(null);\n // eslint-disable-next-line no-unused-expressions\n const setFocus = () => { htmlElRef?.current && htmlElRef?.current?.focus(); };\n\n return [htmlElRef, setFocus];\n};\n\nexport const useDelayed = (fn, ms) => {\n const ready = useRef(false);\n const timeout = useRef();\n const callback = useRef(fn);\n\n const isReady = useCallback(() => ready.current, []);\n\n const set = useCallback(\n (...args) => {\n ready.current = false;\n if (timeout.current) clearTimeout(timeout.current);\n\n timeout.current = setTimeout(() => {\n ready.current = true;\n callback.current(...args);\n }, ms);\n },\n [ms]\n );\n\n const clear = useCallback(() => {\n ready.current = null;\n if (timeout.current) clearTimeout(timeout.current);\n }, []);\n\n // update ref when function changes\n useEffect(() => {\n callback.current = fn;\n }, [fn]);\n\n // clear on unmount\n useEffect(() => {\n return clear;\n }, [ms]);\n\n return [isReady, clear, set];\n};\n\nexport const useOnClickOutside = (ref, handler) => {\n useEffect(() => {\n const listener = event => {\n if (!ref.current || ref.current.contains(event.target)) {\n return;\n }\n handler(event);\n };\n document.addEventListener('mousedown', listener);\n document.addEventListener('touchstart', listener);\n return () => {\n document.removeEventListener('mousedown', listener);\n document.removeEventListener('touchstart', listener);\n };\n }, [ref, handler]);\n};\n\nexport const usePrevious = value => {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n};\n\nconst defaultOptions = {\n isPassive: true, condition: true, element: global, capture: false\n};\n\nexport const useEventListener = (\n eventName,\n handler,\n options\n) => {\n const savedHandler = useRef();\n const {\n isPassive, condition, element, capture\n } = { ...defaultOptions, ...options };\n\n useEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n\n useEffect(() => {\n const eventListener = event => savedHandler.current(event);\n if (condition) {\n element.addEventListener(eventName, eventListener, { passive: isPassive, capture });\n }\n return () => {\n if (condition) {\n element.removeEventListener(eventName, eventListener, { passive: isPassive, capture });\n }\n };\n }, [eventName, condition, element, isPassive]);\n};\n","import React from 'react';\nimport { string } from 'prop-types';\nimport classNames from 'classnames';\nimport Styled from 'styled-components';\n\nconst StyledSVG = Styled.svg`\n position: absolute;\n top: 50%;\n left: 50%;\n width: ${({ size = '70px' }) => size};\n height: ${({ size = '70px' }) => size};\n transform: translate(-50%, -50%);\n animation: jfLoading-svgRotate 2s linear 0s infinite normal none running;\n transform-origin: center center 0;\n\n .jfLoading-svgPath {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: jfLoading-svgPath 1.5s ease-in-out 0s infinite normal none running;\n stroke-linecap: round;\n }\n\n @keyframes jfLoading-svgPath {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n }\n\n @keyframes jfLoading-svgRotate {\n 100% {\n transform: rotate(360deg) translate(-50%, -50%);\n }\n }\n`;\n\nexport const Loading = ({\n className = null,\n strokeWidth = '2',\n strokeColor = 'rgba(0,0,0,0.5)',\n ...props\n}) => (\n \n
\n {header}
\n {headerHasCloseButton && (\n {icon}
: null;\n }\n\n renderV1() {\n const {\n text,\n onClick,\n backgroundColor,\n color,\n children,\n customProps\n } = this.props;\n\n return (text || children) ? (\n \n
\n \n \n ) : null;\n }\n\n renderV2() {\n const {\n v2,\n animated,\n className,\n backgroundColor,\n wrapperClassName,\n isVisible,\n children,\n align,\n attach,\n customProps,\n style,\n allowHover,\n hideArrow,\n tooltipDistance,\n tooltipArrowDistance,\n noWrap,\n ...props\n } = this.props;\n\n const isVertical = VerticalAttachments.indexOf(attach) >= 0;\n\n return children ? (\n \n {this.renderIcon()}\n
\n {children || text}
\n \n \n
\n \n {children}\n
\n \n ) : null;\n }\n\n render() {\n const { v2 } = this.props;\n return !v2 ? this.renderV1() : this.renderV2();\n }\n}\n\nTooltip.propTypes = {\n v2: bool,\n className: string,\n children: node,\n icon: oneOfType([\n elementType,\n node\n ]),\n text: string,\n align: oneOf(['Left', 'Center', 'Right', 'Start', 'End']),\n attach: oneOf([...VerticalAttachments, ...HorizontalAttachments]),\n animated: bool,\n onClick: func,\n wrapperClassName: string,\n backgroundColor: string,\n color: string,\n isVisible: bool,\n allowHover: bool,\n hideArrow: bool,\n noWrap: bool,\n renderInContainer: bool,\n tooltipDistance: string,\n tooltipArrowDistance: string,\n style: shape({}),\n customProps: shape({})\n};\n\nTooltip.defaultProps = {\n v2: false,\n className: null,\n children: null,\n icon: null,\n text: null,\n align: 'Center',\n attach: 'Top',\n animated: false,\n onClick: f => f,\n wrapperClassName: null,\n backgroundColor: null,\n color: null,\n isVisible: false,\n allowHover: false,\n hideArrow: false,\n noWrap: false,\n renderInContainer: false,\n tooltipDistance: null,\n tooltipArrowDistance: null,\n style: {},\n customProps: {}\n};\n","import axios from 'axios';\nimport isNil from 'lodash/isNil';\n\nimport { encodeUsedTranslations, unlocalizeOriginHref } from './utils';\nimport { partialTranslations, DEFAULT_LANGUAGE } from './constants';\n\nexport const prepareT = translation => function t(str, params = {}) {\n if (!str) {\n return str;\n }\n if (typeof str !== 'string') {\n return str;\n }\n\n if ((global?.window?.location?.href || '')?.includes('rawTranslationTextMode=true')) {\n return str;\n }\n\n let translated = str;\n try {\n if (typeof translation.translate === 'function') {\n translated = translation.translate(str, params);\n } else if (typeof translation.t === 'function') {\n translated = translation.t(str, params);\n }\n if (typeof global?.window?.useTranslationScreenshots !== 'undefined') {\n return str;\n }\n if (translation.currentLocale !== DEFAULT_LANGUAGE && str !== translated && translation.controlMode) {\n return '1';\n }\n } catch (e) {\n console.error('Error on common/translate falling back with original str', e);\n }\n\n const resp = (params.branding21) ? translated.replace(/JotForm/g, 'Jotform') : translated;\n\n return resp;\n};\n\nexport const preapreTtime = translation => function ttime(str, options = {}) {\n const { hour = 'numeric', minute = 'numeric' } = options;\n const formatOptions = { hour, minute };\n let [hourVal, minuteVal] = str.replace('/am|pm/', '').split(':').map(i1 => parseInt(i1, 10)); //eslint-disable-line\n\n if (str.indexOf('pm') > 0) {\n hourVal = hourVal !== 12 ? hourVal + 12 : hourVal;\n } else if (str.indexOf('am') > 0) {\n hourVal = hourVal === 12 ? 0 : hourVal;\n }\n\n const tempDate = new Date();\n tempDate.setHours(hourVal, minuteVal);\n // eslint-disable-next-line no-restricted-globals\n if (isNaN(tempDate.getTime())) {\n return str;\n }\n return tempDate.toLocaleTimeString(translation.currentLocale, formatOptions);\n};\n\nexport const prepareTDate = translation => function tdate(str, options = {}) {\n try {\n const ttime = preapreTtime(translation);\n if (options.timeOnly) {\n return ttime(str, options);\n }\n const dateObj = new Date(str);\n // eslint-disable-next-line no-restricted-globals\n if (isNaN(dateObj.getTime())) {\n return str;\n }\n // Add undesired fields with null values to options object. Ex:{weekday : null}\n const formatOptions = {\n weekday: 'short', year: 'numeric', month: 'short', day: 'numeric'\n };\n if (options && typeof options === 'object') {\n Object.keys(options).forEach(optionName => {\n if (options[optionName] == null) {\n delete formatOptions[optionName];\n } else {\n formatOptions[optionName] = options[optionName];\n }\n });\n }\n return dateObj.toLocaleDateString(translation.currentLocale, formatOptions);\n } catch (err) {\n return str;\n }\n};\n\n// Example usage:\n/*\n translationRenderer('This is an [1[example]] string [2[for]] translation')({\n renderer1: (str) => {str}; // str is \"example\"\n fallback: (str) => \n {children}\n
\n ),\n ContentRenderer: ({ children }) => (\n {children}
,\n FooterRenderer: ({ children }) => {children}
,\n reffedDivProps: {},\n onModalClose: () => {},\n closeOnEscPress: true,\n exceptionalSelectorList: [],\n autoFocus: true,\n currentActiveElementRef: null,\n initialPortalSelector: '',\n ariaLabel: ''\n};\n\nexport default Modal;\n","import React from 'react';\nimport {\n shape, func, elementType, bool, oneOfType, string, number\n} from 'prop-types';\n\nimport { isPressedKeyEnter } from '../../utils';\n\nconst Option = ({\n option, setSelected, ContainerRenderer, Renderer, isSelected, disabled, OptionContainerRendererProps\n}) => {\n const handleSelection = opt => {\n if (disabled) return;\n setSelected(opt);\n };\n\n const onOptionClick = opt => () => handleSelection(opt);\n const onOptionKeyPress = opt => event => isPressedKeyEnter(event) && handleSelection(opt);\n const ContainerRendererProps = typeof OptionContainerRendererProps === 'function' ? OptionContainerRendererProps(option) : OptionContainerRendererProps;\n return (\n {text}
\n};\n\nexport default Option;\n","import React, { forwardRef } from 'react';\nimport {\n arrayOf, oneOfType, string, number, shape, elementType, bool, func\n} from 'prop-types';\n\nimport Option from '../Option';\n\nconst OptionGroup = forwardRef(({\n options, setSelected, checkOptionSelectionState, ContainerRenderer, OptionContainerRenderer, OptionRenderer, disabled, GroupRenderer, text, OptionContainerRendererProps, groupIcon,\n NoResultsRenderer, onClearFilter, inputValue, containerID\n}, ref) => {\n if (inputValue && !options.length && NoResultsRenderer) {\n return \n {text}\n
\n ),\n ContainerRenderer: forwardRef(({ children }, ref) => {children}
\n - {children}
{text}
,\n NoResultsRenderer: null,\n inputValue: ''\n};\n\nexport default OptionGroup;\n","import React, {\n forwardRef, useRef, useEffect, useState, useMemo\n} from 'react';\nimport {\n node, shape, bool, string, func\n} from 'prop-types';\nimport { createPopper } from '@popperjs/core';\n\nimport Portal from '../Portal';\n\nimport { useCombinedRefs } from '../../utils/hooks';\n\nconst Popover = forwardRef(({\n style,\n children,\n usePortal,\n popoverOptions,\n targetRef: { current },\n portalContainerSelector,\n onPlacementChange,\n useMemoizedPopper,\n dontUpdate = false,\n ...props\n}, ref) => {\n if (!current) {\n return null;\n }\n\n // States\n const [popperInstance, setPopperInstance] = useState(false);\n\n // detect placement changings\n useEffect(() => {\n onPlacementChange(popperInstance?.state?.placement);\n }, [popperInstance?.state, popperInstance?.state?.placement]);\n\n // Refs\n const innerRef = useRef();\n const rootRef = useCombinedRefs(ref, innerRef);\n\n const memoizedPopperInstance = useMemo(() => (\n useMemoizedPopper && current && rootRef.current ? createPopper(current, rootRef.current, popoverOptions) : null\n ), [rootRef.current, current, useMemoizedPopper]);\n\n useEffect(() => {\n if (rootRef.current && current) {\n setPopperInstance((useMemoizedPopper && memoizedPopperInstance) ? memoizedPopperInstance : createPopper(current, rootRef.current, popoverOptions));\n }\n\n function handleOrientation() {\n popperInstance.update();\n }\n\n if (window.screen.orientation) {\n window.screen.orientation.addEventListener('change', handleOrientation);\n }\n\n if (popperInstance && !dontUpdate) {\n popperInstance.update();\n }\n\n return () => {\n if (window.screen.orientation) {\n window.screen.orientation.removeEventListener('change', handleOrientation);\n }\n if (popperInstance) popperInstance.destroy();\n };\n }, [rootRef.current, current]);\n\n useEffect(() => {\n if (popperInstance) {\n popperInstance.setOptions(popoverOptions);\n }\n }, [popoverOptions]);\n\n return (\n \n {popperInstance && children}\n
\n \n {text}\n
\n ),\n ContainerRenderer: forwardRef(({ children }, ref) => {children}
\n - {children}
{`${text}${isSelected ? '- SELECTED' : ''}`}
,\n OptionContainerRenderer: props => ,\n OptionContainerRendererProps: {},\n onSelectionChange: f => f,\n autoFocusToFirstChild: false\n};\n\nexport default SelectionGroup;\n","export const KEY_KEYCODE_LIST = {\n Enter: 13,\n Backspace: 8,\n Comma: 188,\n Tab: 9,\n Space: 32,\n Escape: 27\n};\n\nexport const SERVER_ERROR = 'Server error';\nexport const FILE_TYPE_ERROR = 'Unsupported file type';\n","import {\n useEffect, useState, useRef, useMemo, useLayoutEffect\n} from 'react';\nimport Fuse from 'fuse.js';\nimport { nodeContains } from '@jotforminc/utils';\n\nimport { generateShortID } from '.';\n\nexport const useClickOutsideState = (initialState, refs = [], eventTypes = ['mouseup']) => {\n const [isVisible, setVisibility] = useState(initialState);\n\n useEffect(() => {\n const hideMenu = ({ target }) => !refs.find(ref => nodeContains(ref.current, target)) && setVisibility(false);\n\n eventTypes.forEach(eventType => {\n global.addEventListener(eventType, hideMenu);\n });\n\n return () => eventTypes.forEach(eventType => global.removeEventListener(eventType, hideMenu));\n }, [refs]);\n\n return [isVisible, setVisibility];\n};\n\nexport const useClickOutsideStateWithCallback = ({ refs = [], callback = null, eventType = 'mouseup' }) => {\n const _callback = typeof callback === 'function' ? callback : f => f;\n useEffect(() => {\n const hideMenu = ({ target }) => !refs.find(ref => nodeContains(ref.current, target)) && _callback(target);\n\n global.addEventListener(eventType, hideMenu);\n return () => global.removeEventListener(eventType, hideMenu);\n }, [refs]);\n};\n\nexport const useClickOutsideStateMouseDown = (initialState, refs = []) => {\n const [isVisible, setVisibility] = useState(initialState);\n\n useEffect(() => {\n const hideMenu = ({ target }) => !refs.find(ref => nodeContains(ref.current, target)) && setVisibility(false);\n\n global.addEventListener('mousedown', hideMenu);\n return () => global.removeEventListener('mousedown', hideMenu);\n }, [refs]);\n\n return [isVisible, setVisibility];\n};\n\nexport const useClickOutsideStateWithSelector = (initialState, selector) => {\n const [isVisible, setVisibility] = useState(initialState);\n const hideMenu = event => {\n const containerList = global.document.querySelectorAll(selector);\n const isContained = [...containerList].find(container => nodeContains(container, event.target));\n if (!isContained) {\n setVisibility(false);\n }\n };\n\n useEffect(() => {\n global.addEventListener('mouseup', hideMenu);\n return () => global.removeEventListener('mouseup', hideMenu);\n }, [selector]);\n\n return [isVisible, setVisibility];\n};\n\nexport const useSelectionState = (initialState, isMultiSelect = false) => {\n // Instance methods\n const sanitizeInitialState = !Array.isArray(initialState) ? [initialState] : initialState;\n\n // States\n const [selectedOptions, setSelectedOptions] = useState(sanitizeInitialState);\n\n // State methods\n const toggleOptionSelection = selectedValue => {\n const isOptionExist = selectedOptions.indexOf(selectedValue) > -1;\n const newSelectionArray = isOptionExist ? selectedOptions.filter(value => selectedValue !== value) : [...selectedOptions, selectedValue];\n setSelectedOptions(newSelectionArray);\n };\n\n const singleToggleOptionSelection = selectedValue => {\n const isOptionExist = selectedOptions.indexOf(selectedValue) > -1;\n if (isOptionExist) {\n return;\n }\n\n setSelectedOptions([selectedValue]);\n };\n\n if (isMultiSelect) {\n return [selectedOptions, toggleOptionSelection, setSelectedOptions];\n }\n\n return [selectedOptions, singleToggleOptionSelection, setSelectedOptions];\n};\n\nexport const useEffectIgnoreFirst = (effectHandler, effectDependedValues) => {\n const isFirstRun = useRef(true);\n\n useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n\n return effectHandler();\n }, effectDependedValues);\n};\n\nexport const useCombinedRefs = (...refs) => {\n const targetRef = useRef();\n\n useEffect(() => {\n refs.forEach(ref => {\n if (!ref) {\n return;\n }\n\n if (typeof ref === 'function') {\n ref(targetRef.current);\n } else {\n // eslint-disable-next-line no-param-reassign\n ref.current = targetRef.current;\n }\n });\n }, [refs]);\n\n return targetRef;\n};\n\nexport const usePortalRef = (\n containerSelector = 'body',\n usePortal = false,\n portalAttribute = 'data-uikitGeneratedPortalContainer',\n initialPortalSelector = ''\n) => {\n // if the parent component won't rerender, it won't be able to detect the ref.current change so initial selector may be needed for components like those\n const portalRef = useRef(initialPortalSelector ? document.querySelector(initialPortalSelector) : false);\n\n useEffect(() => {\n if (containerSelector && usePortal) {\n const portalContainer = global.document.querySelector(containerSelector);\n if (portalContainer) {\n const currentPortalDiv = portalAttribute ? portalContainer.querySelector(`[${portalAttribute}=true]`) : false;\n if (currentPortalDiv) {\n portalRef.current = currentPortalDiv;\n } else {\n const id = generateShortID();\n const div = global.document.createElement('div');\n div.setAttribute(portalAttribute, 'true');\n div.setAttribute('id', id);\n portalContainer.appendChild(div);\n portalRef.current = div;\n }\n }\n }\n }, [containerSelector, usePortal]);\n\n return portalRef;\n};\n\nexport const useDragState = (initialState, {\n onDrop: onDropCallBack,\n onDragOver: onDragOverCallBack,\n onDragEnter: onDragEnterCallBack,\n onDragLeave: onDragLeaveCallBack\n} = {}) => {\n const [isDragging, setDragState] = useState(initialState);\n\n const generateDragEventHandler = (state, callback) => event => {\n setDragState(state);\n event.stopPropagation();\n event.preventDefault();\n\n if (typeof callback === 'function') {\n callback(event);\n }\n\n return false;\n };\n\n const onDragEnter = generateDragEventHandler(true, onDragEnterCallBack);\n const onDragOver = generateDragEventHandler(true, onDragOverCallBack);\n const onDragLeave = generateDragEventHandler(false, onDragLeaveCallBack);\n const onDrop = generateDragEventHandler(false, onDropCallBack);\n\n return [isDragging, {\n onDragEnter, onDragOver, onDragLeave, onDrop\n }];\n};\n\nconst cachedScripts = [];\nexport const useScript = src => {\n const [scriptState, setLoadState] = useState({ loaded: false, error: false });\n\n useEffect(() => {\n if (cachedScripts.indexOf(src) > -1) {\n setLoadState({ loaded: true, error: false });\n return f => f;\n }\n\n cachedScripts.push(src);\n\n const scriptTag = document.createElement('script');\n scriptTag.src = src;\n scriptTag.async = true;\n\n const onScriptLoad = () => setLoadState({ loaded: true, error: false });\n const onScriptError = () => {\n setLoadState({ loaded: true, error: true });\n scriptTag.remove();\n };\n\n scriptTag.addEventListener('load', onScriptLoad);\n scriptTag.addEventListener('error', onScriptError);\n document.body.appendChild(scriptTag);\n\n return () => {\n scriptTag.removeEventListener('load', onScriptLoad);\n scriptTag.removeEventListener('error', onScriptError);\n };\n }, [src]);\n\n return scriptState;\n};\n\nexport const useFuse = (list, searchTerm, keys = ['text'], fuseOptions = {\n shouldSort: true,\n threshold: 0.4,\n location: 0,\n distance: 100,\n maxPatternLength: 32,\n minMatchCharLength: 1\n}) => {\n const fuse = useMemo(() => new Fuse(list, { ...fuseOptions, keys }), [list, fuseOptions, keys]);\n const results = useMemo(() => (!searchTerm ? list : fuse.search(searchTerm)), [fuse, searchTerm]);\n return results;\n};\n\nexport const usePrev = value => {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n};\n\nexport const useInView = onInView => {\n const ref = useRef();\n\n useEffect(() => {\n let observer;\n\n global.requestAnimationFrame(() => {\n if (!ref.current) return;\n\n if (global.IntersectionObserver) {\n observer = new global.IntersectionObserver(([entry]) => {\n if (entry.intersectionRatio === 0) {\n return;\n }\n\n onInView(true);\n\n observer.unobserve(ref.current);\n }, { threshold: 1 });\n\n observer.observe(ref.current);\n } else {\n onInView(true);\n }\n });\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [ref.current]);\n\n return [ref];\n};\n\nexport const useContinueFocus = (isOpen, currentActiveElementRef) => {\n const panelRef = useRef();\n const activeElementRef = currentActiveElementRef ? currentActiveElementRef : useRef();\n const isFirstRun = useRef(true);\n\n useLayoutEffect(() => {\n if (isFirstRun.current && !isOpen) {\n isFirstRun.current = false;\n return;\n }\n panelRef.current?.setAttribute('tabindex', isOpen ? 0 : -1);\n if (isOpen) {\n if (!currentActiveElementRef) { // if current element ref is not given, focus last active element\n activeElementRef.current = document.activeElement;\n }\n panelRef.current?.focus();\n } else {\n activeElementRef.current?.focus();\n }\n return () => activeElementRef.current?.focus();\n }, [isOpen]);\n\n return panelRef;\n};\n","import React from 'react';\nimport { nanoid } from 'nanoid';\n\nimport { KEY_KEYCODE_LIST } from './constants';\n\nexport const wrapWithComp = (child, type, Comp = 'span') => {\n if (typeof child === 'string') {\n return \n \n \n
\n );\n};\n","import React, { ComponentPropsWithRef, ElementType, forwardRef } from 'react';\nimport { cx } from 'class-variance-authority';\n\nimport '@jotforminc/jotform.css';\nimport { buttonCVA } from './button.cva';\nimport {\n ButtonComponentType, ButtonProps, buttonDefaultProps\n} from './button.types';\n\nimport { ButtonIcon, ButtonIndicator, ButtonText } from './ButtonContent';\nimport { Loader } from '../Loader/Loader';\n\nimport { PolymorphicProps } from '../../types/system.types';\nimport { PRODUCT_NAME_VALUES } from '../../constants/common.values';\n\nexport const Button:ButtonComponentType = forwardRef(\n // eslint-disable-next-line complexity\n