- \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 {t('Login')}\n \n )\n }\n {/* A/B Test: contactSalesButtonOnHeader */}\n {\n shouldRenderSignupButton({ hideSignupButton, contactSalesAbTestVariation }) && (\n
- \n {t('Sign Up for Free')}\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
- \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(({\n name, title, url, badge\n }) => (\n
- \n \n {t(title)}\n {badge &&
}\n \n \n ))}\n {item.seeMore && (\n - \n \n {t(item.seeMore.title)}\n
\n \n \n )}\n
\n ))}\n - \n \n {t(title)}\n {badge &&
\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 { DedicatedSupportSection, ProfessionalServicesBanner } from '@jotforminc/enterprise-promotions';\nimport NavItemBadge from '../Navigation/NavItemBadge';\n\nconst SupportMenuType = ({\n menuItems, sideMenuItems, isLoggedIn, menuTitle, sideMenuTitle, isOpen, unreadSupportAnswerCount, isEnterprise\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, badge\n }) => (\n
- \n \n {icon}\n {t(title)}\n {badge &&
}\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 {menuItems.map(({\n name, title, url, target, badge\n }) => (\n
- \n \n {t(title)}\n {badge &&
}\n \n \n ))}\n
- \n {menuItems.length > 0 && (\n
- \n
- \n
- {t(menuTitle)} \n {menuItems.map(({\n name, title, url, urlGuest, icon, badge\n }) => {\n const _url = !isLoggedIn && urlGuest ? urlGuest : url;\n return (\n
- \n \n {icon &&
}\n {t(title)}\n {badge &&
}\n {name === 'jotformWorkflows' && {t('Discover Now')}}\n \n \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 \n
{t('Automatically create polished, designed documents')}
\n \n {splitArray(menuItems).map(items => (\n - \n \n {t(title)}\n {badge &&
}\n \n \n ))}\n
- \n {items.map(({\n name, title, url, badge\n }) => (\n
- \n
- {t(menuTitle)} \n {menuItems.map(({\n name, title, url, icon, badge\n }) => (\n
- \n \n {icon &&
}\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 {\n bool, string, func, oneOf, node\n} from 'prop-types';\nimport { MENU_TYPES } from '@jotforminc/constants';\nimport { a11yClickHandler } from '../../utils';\nimport { RENDER_AS_TYPES } from '../../constants';\nimport ArrowIcon from '../../assets/svg/arrow.svg';\n\nconst NavLink = ({\n url,\n target,\n renderAs,\n classNames,\n menuType,\n showRedDot,\n children,\n onClick\n}) => (\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 \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 {type === BADGE_TYPES.GOVERNMENT ?
\n );\n};\n\nLogoBadge.propTypes = {\n type: oneOf([...Object.values(BADGE_TYPES)]).isRequired\n};\n\nexport default LogoBadge;\n","import React from 'react';\nimport { bool, string } from 'prop-types';\nimport cx from 'classnames';\nimport { t } from '@jotforminc/translation';\n\nimport { logoSideLinkDefaultProps, logoSideLinkPropType, userPropType } from '../../propTypes';\nimport LogoBadge from './LogoBadge';\nimport { BADGE_TYPES } from '../../constants';\n\nconst SideLink = ({\n user,\n logoSideLinkProps,\n currentPath,\n isEnterprise\n}) => {\n const {\n sideLinkText, dividerColor, sideLinkUrl, sideLinkClassName,\n sideLinkTextColor, sideLinkLogoAsHtmlString\n } = logoSideLinkProps;\n\n const linkClasses = cx('locale jfRHeader--logo-text', sideLinkClassName);\n const sideLinkClasses = cx('jfRHeader--logo-custom', sideLinkClassName);\n\n const { isGovernment: showGovernmentBadge, isHIPAA } = user || {};\n const showHipaaBadge = isHIPAA === '1';\n\n const isBadgeAvailable = () => {\n const pathname = currentPath?.replace(/\\/platform\\/(.*?)\\//, '/')?.replace(/\\/$/, '');\n const isOnPage = ['/pricing', '/myaccount', '/myforms', '/mytables', '/myreports', '/myapprovals', '/myapps', '/mysigndocuments', '/f/headerapp'].some(page => pathname?.includes(page));\n return isOnPage && !sideLinkText && !sideLinkLogoAsHtmlString;\n };\n\n const getBadgeType = () => {\n if (isEnterprise && showGovernmentBadge) {\n return BADGE_TYPES.GOVERNMENT;\n }\n if (showHipaaBadge) {\n return BADGE_TYPES.HIPAA;\n }\n return false;\n };\n\n return (\n <>\n {sideLinkText && (\n <>\n \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 global.window.changeLanguage === 'function') {\n const hreflang = languageList.find(lang => lang.includes(selectedLang.split('-')[0]));\n global.window.logAbTestActionLangSwitcher({ action: 'switch-lang', target: selectedLang });\n global.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 global.window.changeLanguage === 'function') {\n const hreflang = languageList.find(lang => lang.includes(newLang.split('-')[0]));\n global.window.logAbTestActionLangSwitcher({ action: 'switch-lang', target: newLang });\n global.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, object\n} from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport {\n HeaderBody, themePropType, stickyModeThemePropType, USER_TYPES, PreLoaders,\n logoPropType, logoSideLinkPropType, navItemsPropType, menuStylesPropType\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 addBrowserClassNames,\n exceptionallyOverwriteUserDataForFormUser,\n isAiAgentBannerAvailable,\n showLoginFlowModal,\n yieldToMain,\n initLoginFlowTrioButtons,\n listenAppSignInOnFailure,\n initGoogleOneTap,\n getUserAccountType\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 theme: themeProp,\n stickyModeTheme: stickyModeThemeProp,\n bgColor,\n hideAccountBox,\n replaceAuthButtons,\n replaceAuthButtonsLocalized,\n language,\n currentPath,\n menuStyles,\n isEnterprise,\n languageSwitcher,\n contactSalesAbTestVariation,\n contactSalesAbTestVariationURL,\n hostname,\n ...props\n}) => {\n const [loadLoginGroup, lazyLoadEvent] = useLazyLoginGroup();\n const [isSticky, theme] = useStickyHeader(useContext(ModeContext), 0, themeProp, stickyModeThemeProp);\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 // FIXME: this is a temporary fix for showing flying to enterprise env. It has to be managed by GAM backend according by asset type.\n const customCampaignInfo = !global?.window?.campaignInfo && isEnterprise\n ? {\n launch: {\n status: true,\n type: 'WORKFLOWS',\n assetsVersion: 'v1',\n assetsAvailable: true,\n assetYear: '2024',\n expires: []\n }\n }\n : undefined;\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 || !loadLoginGroup) return;\n initLoginFlowTrioButtons();\n listenAppSignInOnFailure();\n if (!disableLoginFlow) {\n initGoogleOneTap(lazyLoadEvent, user);\n }\n }, [user, loadLoginGroup, lazyLoadEvent, disableLoginFlow]);\n\n useEffect(() => {\n if (!user) return;\n runFooterCustomFunction(user);\n exceptionallyOverwriteUserDataForFormUser(user, userType === USER_TYPES.FORM_USER);\n initLanguageSwitcherTest(user, languageSwitcher, setLanguageSwitcherVisible);\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 Encourage users to elaborate on their answers when collecting surveys or feedback — for example, if a user states that they were dissatisfied with something on an event satisfaction survey, you can show a text box to allow them to explain further.\n
\n\n
\n \n
\n \n );\n};\n\nexport default PdfTemplate;\n\nPdfTemplate.propTypes = {\n id: string.isRequired,\n theme: string.isRequired,\n screenshot: string.isRequired\n};\n","/* eslint-disable max-len */\n/* eslint-disable @jotforminc/no-native-button */\nimport React, { useState } from 'react';\nimport { string } from 'prop-types';\nimport styled from 'styled-components';\nimport { pxToRem } from '../../../utils/style-utils';\n\nconst ScTemplate = styled.div`\n position: relative;\n transition: all 0.1s linear;\n overflow: hidden;\n border-radius: 11% 11% 0 0;\n background-color: #fff;\n .jflb--template-image {\n position: relative;\n margin: 0;\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n overflow: hidden;\n cursor: pointer;\n border-color: transparent;\n transition: all 0.1s linear;\n padding-top: 100%;\n max-height: 630px;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n img {\n width: 100%;\n height: auto;\n display: block;\n position: absolute;\n top: 30px;\n transition: all 1.2s cubic-bezier(0.68, -0.15, 0.265, 1.2);\n }\n }\n .jflb--phone-wrapper {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n svg {\n width: 100%;\n height: auto;\n }\n }\n .jflb--phone-notch {\n display: flex;\n left: 6px;\n width: calc(100% - 12px);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n height: 28px;\n background-color: #000;\n position: absolute;\n top: 2.8%;\n z-index: 1;\n padding: 0 16px;\n font-size: ${pxToRem(12)};\n font-weight: 700;\n color: #FFF;\n justify-content: space-between;\n align-items: center;\n .l {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 0 0 20%;\n }\n .r {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 0 0 20%;\n .icons {\n background-image: url(\"data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 8'%3E%3Cpath d='M12 0h2v8h-2V0ZM10 2H8v6h2V2ZM6 4H4v4h2V4ZM0 6h2v2H0V6ZM20 2h12v4H20V2Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0a2 2 0 0 0-2 2v4c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H20Zm12 1H20a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1Z' fill='%23fff'/%3E%3Cpath d='M35 2.5a.5.5 0 0 1 1 0v3a.5.5 0 0 1-1 0v-3Z' fill='%23fff'/%3E%3C/svg%3E\");\n width: 38px;\n height: 8px;\n background-size: 100%;\n }\n }\n @media screen and (max-width: 480px) {\n & {\n padding: 0 14px;\n }\n }\n }\n`;\n\nconst getScrollableHeightOfElement = element => {\n const maxScrollableDistance = 1000;\n const { parentElement } = element;\n let distance = element.clientHeight - parentElement.clientHeight;\n distance = distance >= maxScrollableDistance ? maxScrollableDistance : distance;\n return -distance;\n};\n\nconst AppTemplate = ({\n screenshot,\n theme,\n id,\n backgroundColor\n}) => {\n const [hovered, setHovered] = useState(false);\n const [translateY, setTranslateY] = useState(0);\n\n // const date = new Date();\n // const currentTime = `${date.getHours()}:${date.getMinutes()}`;\n\n const handleMouseEnter = e => {\n const imgElement = e.currentTarget.querySelector('img');\n const topValue = getScrollableHeightOfElement(imgElement);\n setTranslateY(topValue);\n setHovered(true);\n };\n\n const handleMouseLeave = () => {\n setHovered(false);\n setTimeout(() => setTranslateY(0), 2000);\n };\n\n return (\n \n {/*
\n {currentTime}
*/}\n \n \n
\n \n \n
\n \n );\n};\n\nexport default AppTemplate;\n\nAppTemplate.propTypes = {\n id: string.isRequired,\n theme: string.isRequired,\n screenshot: string.isRequired,\n backgroundColor: string.isRequired\n};\n","/* eslint-disable @jotforminc/no-native-button */\nimport React from 'react';\nimport { string } from 'prop-types';\nimport styled from 'styled-components';\n// import { pxToRem } from '../../utils/style-utils';\nimport BrowserBar from './BrowserBar';\n\nconst ScTemplate = styled.div`\n transition: all 0.1s linear;\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n overflow: hidden;\n .jflb--template-image-container {\n cursor: pointer;\n position: relative;\n display: block;\n overflow: hidden;\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: auto;\n padding-top: 10px;\n padding-inline-start: 10px;\n }\n svg {\n position: relative;\n display: block; \n width: 100%; \n height: auto;\n }\n }\n &:hover {\n transform: scale(1.05);\n box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);\n }\n`;\n\nconst TableTemplate = ({\n screenshot,\n theme,\n id,\n backgroundColor\n}) => {\n return (\n \n
\n \n
\n \n
\n \n {\n answer.map((answerItem, index) => {\n if (answerItem.includes('\n { [...tempDiv.querySelectorAll('li')].map(li => {t(clearSpecialChars(li.innerText).trim())} ) }\n \n );\n }\n return (\n $1')\n : t(clearSpecialChars(answerItem).trim())\n }}\n />\n );\n })\n }\n
\n )\n }\n \n \n );\n};\n\nFaqAnswer.defaultProps = {\n answer: [],\n question: '',\n isActive: false,\n searchValue: '',\n activeQuestions: [],\n setActiveQuestions: f => f\n};\n\nFaqAnswer.propTypes = {\n isActive: bool,\n question: string,\n searchValue: string,\n answer: arrayOf(string),\n setActiveQuestions: func,\n activeQuestions: arrayOf(string)\n};\n\nexport default FaqAnswer;\n","import React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { IconAngleDown } from '@jotforminc/svg-icons';\nimport { pxToRem } from '../../utils/style-utils';\n\nconst jfHeroScrollDown = keyframes`\n 0% {\n transform: scale(0.8) translateY(-8px);\n }\n\n 50% {\n transform: scale(0.8) translateY(8px);\n }\n\n 100% {\n transform: scale(0.8) translateY(-8px);\n }\n`;\n\nconst ScScrollDown = styled.div`\n margin: 0 auto;\n position: relative;\n z-index: 2;\n opacity: .7;\n cursor: pointer;\n transition: all .3s linear;\n color: var(--jfv-navy-600);\n border-radius: 50%;\n animation: ${jfHeroScrollDown} 2s infinite ease;\n ${props => (props.environment === 'builder') && `\n width: ${pxToRem(22)};\n height: ${pxToRem(22)};\n bottom: 0;\n border: 1px solid var(--jfv-navy-600);\n `}\n ${props => (props.environment !== 'builder') && `\n width: ${pxToRem(38)};\n height: ${pxToRem(38)};\n bottom: -${pxToRem(20)};\n border: 2px solid var(--jfv-navy-600);\n `}\n`;\nconst handleClickScrollDown = () => {\n const wrapper = document.querySelector('#pageBuilderWrapper');\n const [, secondSection] = Array.from(wrapper.children);\n if (secondSection) secondSection.scrollIntoView({ behavior: 'smooth' });\n};\n\n// eslint-disable-next-line react/prop-types\nconst ScrollDown = ({ title, ...rest }) => \n
\n \n
\n \n { linkElements.map((element, index) =>
\n )\n }\n \n \n \n \n \n \n \n \n \n
\n \n {t('OR')}\n
\n \n { linkElements.map((element, index) =>
\n )\n }\n \n {\n (hasMediaGroup || (poster && source)) && (\n hasMediaGroup ? (\n \n
\n \n {linkElements.map((link, index) =>
\n )}\n \n f}\n width=\"701\"\n height=\"394\"\n alt={title}\n />\n
\n {actionsGroupElements.map(element => \n \"{searchValue}\" did not match any results.')\n .replace('{searchValue}', searchValue)\n }}\n />\n
\n )\n }\n \n { linkElements.map(link =>
\n )}\n \n {name}\n {name && ', '}\n {t(job.trim())}\n {(name || job) && ', '}\n {company}\n
\n \n );\n};\n\nTestimonialElement.defaultProps = {\n job: '',\n name: '',\n content: '',\n company: ''\n};\n\nTestimonialElement.propTypes = {\n name: PropTypes.string,\n job: PropTypes.string,\n company: PropTypes.string,\n content: PropTypes.string\n};\n\nexport default TestimonialElement;\n","/* eslint-disable max-len */\nimport styled from 'styled-components';\nimport { pxToRem } from '../../utils/style-utils';\n\nconst ScTestimonial = styled.section`\n background-color: var(--jfv-navy-700);\n position: relative;\n overflow: hidden;\n .jflb--container {\n align-items: center;\n justify-content: center;\n }\n .jflb--testimonial-container {\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 0 calc(var(--pad) * 2);\n margin-top: var(--pad);\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n width: ${pxToRem(44)};\n height: ${pxToRem(44)};\n background-size: 100% auto;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url(\"data:image/svg+xml,%3Csvg width='73' height='57' viewBox='0 0 73 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.205 41.8585C33.205 33.4063 27.9727 27.9727 18.9168 27.9727C17.1056 27.9727 15.6969 28.3752 14.6907 28.9789C15.0932 19.7218 23.5454 13.4832 31.1926 12.2758V0C18.5143 1.20745 0 10.2634 0 37.2299C0 47.8957 6.84225 56.5492 17.5081 56.5492C26.9665 56.5492 33.205 49.7069 33.205 41.8585ZM72.8498 41.8585C72.8498 33.4063 67.6175 27.9727 58.5616 27.9727C56.7504 27.9727 55.3417 28.3752 54.3355 28.9789C54.738 19.7218 63.1902 13.4832 70.8374 12.2758V0C58.1591 1.20745 39.6448 10.2634 39.6448 37.2299C39.6448 47.8957 46.487 56.5492 57.1529 56.5492C66.6113 56.5492 72.8498 49.7069 72.8498 41.8585Z' fill='%23e8ecff'/%3E%3C/svg%3E%0A\");\n html[dir=\"rtl\"] & {\n transform: rotate(-180deg) scaleX(-1);\n }\n @media screen and (max-width: 980px) {\n width: ${pxToRem(32)};\n height: ${pxToRem(32)};\n }\n @media screen and (max-width: 768px) {\n display: none;\n }\n }\n &:before {\n top: 0;\n inset-inline-start: 0;\n }\n &:after {\n bottom: 0;\n inset-inline-end: 0;\n transform: rotate(-180deg);\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n }\n .splide__list {\n flex-direction: column;\n }\n //dummy code\n .splide__pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: var(--pad) 0;\n .splide__pagination__page {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: var(--jfv-navy-100);\n &.is-active {\n background-color: #fff;\n }\n }\n }\n //\n \n {\n elements.map((testimonialElement, index) => (\n \n \n ))\n }\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n {contentElements.map((element, index) => \n \n
\n );\n};\n\nMultipleContent.defaultProps = {\n data: {}\n};\n\nMultipleContent.propTypes = {\n data: PropTypes.object\n};\n","/* eslint-disable max-len */\n/* eslint-disable import/no-cycle */\n/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { t } from '@jotforminc/translation';\nimport styled from 'styled-components';\nimport { pxToRem } from '../utils/style-utils';\nimport ScContainer from './Styles/ScContainer';\n\nconst ScBreadcrumb = styled.section`\n padding: ${pxToRem(20)} !important;\n margin: 0;\n border-top: 1px solid var(--jfv-navy-50);\n border-bottom: 1px solid var(--jfv-navy-50);\n ul {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n margin: 0;\n list-style: none;\n li {\n list-style: none;\n &:after {\n content: \"\";\n display: inline-flex;\n padding: 0 5px;\n margin: 0;\n width: 7px;\n height: 12px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.944 0.656006L1.456 12H0L5.488 0.656006H6.944Z' fill='%237A939F'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center;\n }\n a {\n color: var(--jfv-navy-400);\n font-size: ${pxToRem(16)};\n text-decoration: none;\n }\n &:last-child {\n &:after {\n display: none;\n }\n a {\n color: var(--jfv-inbox-default);\n }\n }\n @media screen and (max-width: 768px) {\n margin: 5px 0;\n }\n }\n }\n`;\n\nexport const Breadcrumb = data => {\n const { directory, category, landing } = data;\n return (\n - \n
- \n {t(directory.title)}\n \n
- \n \n \n {t(category.title)}\n \n \n {' '}\n {t('Category')}\n \n \n \n
- \n {t(landing.title)}\n \n
- \n {elements.map(element => {\n const { logoSrc, ratingScore = 0, title: elTitle } = element;\n return (\n
- \n
\n {showRating && (\n
\n {ratingScore}\n\n )}\n\n \n );\n })}\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 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\n// A/B Test: contactSalesButtonOnHeader\nexport const CONTACT_SALES_AB_TEST_VARIATIONS = {\n CONTROL_VARIANT: '28922',\n CONTACT_SALES_AS_CTA: '28932',\n CONTACT_SALES_AS_ITEM: '28941',\n NO_INTEGRATIONS_MENU: '28942'\n};\n\nexport const BADGE_TYPES = {\n GOVERNMENT: 'government',\n HIPAA: 'hipaa'\n};\n\nexport const RENDER_AS_TYPES = {\n LINK: 'link',\n BUTTON: 'button'\n};\n","import {\n arrayOf, bool, element, oneOf, shape, string\n} from 'prop-types';\nimport { MENU_TYPES } from '@jotforminc/constants';\nimport { RENDER_AS_TYPES, THEME_MAP, USER_TYPES } from '../constants';\n\nexport const themePropType = oneOf(Object.values(THEME_MAP));\nexport const stickyModeThemePropType = oneOf([...Object.values(THEME_MAP), '']);\n\nconst accountType = shape({\n name: oneOf(['GUEST', 'FREE', 'STORAGE', 'PREMIUM', 'BRONZE', 'ECONOMY', 'SILVER', 'OLDPREMIUM', 'PROFESSIONAL', 'GOLD', 'DIAMOND',\n 'PARTNER', 'ENTERPRISE', 'PLATINUM', 'ADMIN', 'SUPPORT', 'INTERN', 'HELPDESK'])\n});\n\nexport const userPropType = shape({\n username: string.isRequired,\n email: string,\n account_type: accountType.isRequired\n});\n\nexport const userTypePropType = oneOf([USER_TYPES.USER, USER_TYPES.FORM_USER]);\n\nexport const logoPropType = shape({\n logoUrl: string,\n logoFullLight: bool,\n enterpriseLogoSrc: string,\n customLogoAsReactElement: element,\n customLogoAsReactElementOnMobileMenuOpen: element,\n customLogoAsHtmlString: string,\n customLogoAsHtmlStringOnMobileMenuOpen: string\n});\n\nexport const logoDefaultProps = {\n logoUrl: '/',\n logoFullLight: false,\n enterpriseLogoSrc: '',\n customLogoAsReactElement: null,\n customLogoAsHtmlString: '',\n customLogoAsReactElementOnMobileMenuOpen: null,\n customLogoAsHtmlStringOnMobileMenuOpen: ''\n};\n\nexport const logoSideLinkPropType = shape({\n sideLinkUrl: string,\n sideLinkText: string,\n sideLinkTextColor: string,\n sideLinkClassName: string,\n dividerColor: string,\n sideLinkLogoAsHtmlString: string\n});\n\nexport const logoSideLinkDefaultProps = {\n sideLinkUrl: '#',\n sideLinkText: '',\n sideLinkTextColor: '',\n sideLinkClassName: '',\n dividerColor: '',\n sideLinkLogoAsHtmlString: ''\n};\n\nconst badgePropType = shape({ text: string });\n\nconst menuItemSubLinkPropType = shape({\n name: string,\n title: string,\n url: string,\n icon: string\n});\n\nconst menuItemPropType = shape({\n name: string,\n title: string,\n subTitle: string,\n url: string,\n icon: string,\n target: string,\n badge: badgePropType,\n seeMore: shape({\n title: string,\n url: string\n }),\n subLinks: arrayOf(menuItemSubLinkPropType),\n loginRequired: bool\n});\n\nexport const linkPropType = shape({\n title: string,\n url: string,\n icon: string,\n className: string,\n target: string,\n menuType: oneOf(Object.values(MENU_TYPES)),\n renderAs: oneOf(Object.values(RENDER_AS_TYPES)),\n badge: badgePropType,\n selected: bool\n});\n\nexport const menuPropType = shape({\n name: string,\n menuTitle: string,\n menuItems: arrayOf(menuItemPropType).isRequired,\n sideMenuTitle: string,\n sideMenuItems: arrayOf(menuItemPropType),\n sideMenuSeeMoreTitle: string,\n sideMenuSeeMoreUrl: string,\n seeAll: shape({\n title: string,\n url: string\n })\n});\n\nexport const navItemPropType = shape({\n name: string,\n linkProps: linkPropType,\n menuProps: menuPropType\n});\n\nexport const navItemsPropType = arrayOf(navItemPropType);\n\nexport const menuStylesPropType = shape({\n headerBackground: string,\n headerBackgroundSticky: string,\n headerHeight: string,\n logoTextColor: string,\n navMenuColor: string,\n navMenuActiveColor: string,\n hamburgerMenuColor: string,\n appPickerBorderColor: string,\n navMenuHoverColor: string\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 ensureTrailingSlash = url => {\n return url.endsWith('/') ? url : `${url}/`;\n};\n\nexport const isSamePath = (url, currentPath, selected = false, hasAnyItemMatchingWithCurrentPath = false) => {\n if (!url || !currentPath) return false;\n\n const urlWithoutSearch = url.split('?')[0];\n const pathname = removeHost(urlWithoutSearch);\n const isMatching = ensureTrailingSlash(pathname) === ensureTrailingSlash(currentPath);\n\n if (isMatching) return true;\n if (!hasAnyItemMatchingWithCurrentPath && selected) return true;\n return false;\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/ep-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/ep-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(global.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(global.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/ep-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 setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleGetAQuoteClick = () => {\n setEPActions({ asset: target, target: 'getAQuoteButton', action: 'click' });\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.GENERAL_FAQ_PROF_SERVICES_BANNER });\n };\n\n const handleLearnMoreClick = () => {\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/ep-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 setEPActions({ asset: target, target, action: 'seen' });\n }, []);\n\n const handleGetAQuoteClick = () => {\n setEPActions({ asset: target, target: 'getAQuoteButton', action: 'click' });\n saveCustomerAsHubspotFormByUsername({ lastProductAssetInteraction: SDR_SOURCES.USER_GUIDE_PROF_SERVICES_BANNER });\n };\n\n const handleLearnMoreClick = () => {\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/ep-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/ep-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/ep-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/ep-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/ep-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/ep-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 \n\n {shadowImage && (\n
\n );\n};\n\nInfoCard.propTypes = {\n name: string,\n isTeam: bool,\n isIndividual: bool,\n isHalfVisible: bool,\n isOrganizationStep: bool,\n shadowImage: string\n};\n\nInfoCard.defaultProps = {\n name: null,\n isTeam: false,\n isIndividual: false,\n isHalfVisible: false,\n isOrganizationStep: false,\n shadowImage: null\n};\n\nexport default InfoCard;\n","import React, { useEffect, useRef } from 'react';\nimport { t } from '@jotforminc/translation';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Autoplay, EffectFade } from 'swiper/modules';\nimport cx from 'classnames';\nimport JFLogo from '../assets/svg/jfLogo.svg';\nimport Line from '../assets/svg/lineV2.svg';\nimport { CONTENTS_V2 } from '../constants';\nimport 'swiper/css';\nimport 'swiper/css/effect-fade';\nimport 'swiper/css/autoplay';\nimport InfoCard from './InfoCard';\nimport { useEpOnboarding } from '../contexts';\n\nconst ContentV2 = () => {\n const { state: { user, currentStep } } = useEpOnboarding();\n const swiperRef = useRef(null);\n\n useEffect(() => {\n swiperRef.current.swiper.slideTo(currentStep);\n }, [currentStep]);\n\n const renderHeaderMessage = (data, userName) => {\n if (data.name === 'Hi') {\n return `Hi${userName ? ` ${userName}` : ''}!`;\n }\n return `${data.name}${userName ? ` ${userName}` : ''}`;\n };\n\n return (\n \n 
\n
\n )}\n\n \n {isOrganizationStep\n ? (\n
\n \n
\n )\n : (\n \n )}\n \n\n {!isOrganizationStep && (\n
\n \n
\n )}\n\n {isHalfVisible || isOrganizationStep ? (\n \n {name || }\n \n
\n \n
\n ) : (\n <>\n \n \n \n \n
\n \n \n \n \n {isTeam && (\n \n {usageTier}\n \n )}\n {isIndividual && managementLevel && (\n \n {managementLevel}\n \n )}\n
\n \n
\n \n )}\n\n \n {TEXTS.INDUSTRY}\n \n
\n \n {TEXTS.ORG_NAME}\n \n
\n \n {TEXTS.ORG_SIZE}\n \n
\n \n {TEXTS.JOB_ROLE}\n \n
\n \n \n {renderHeaderMessage(data, user?.name)}\n \n {t(data.title)}\n
\n )}\n {data?.image && (\n\n 
\n
\n )}\n {data?.bg_image && (\n \n 
\n
\n )}\n {(data?.isOrganizationStep || data?.username) && (\n \n
\n \n
\n \n \n
\n);\n\nQuestions.propTypes = {\n title: string.isRequired,\n description: string.isRequired\n};\n","import { IndustryStep } from './IndustryStep';\nimport { UsageTierStep } from './UsageTierStep';\nimport { OrganizationInfoStep } from './OrganizationInfoStep';\nimport { JobRoleStep } from './JobRoleStep';\n\nexport const EP_ONBOARDING_STEPS = [UsageTierStep, IndustryStep, OrganizationInfoStep, JobRoleStep];\n","import React from 'react';\nimport { t } from '@jotforminc/translation';\nimport {\n IconUserFilled, IconBuilding, IconUsersMoreFilled\n} from '@jotforminc/svg-icons';\nimport { Button } from '@jotforminc/magnet';\nimport cx from 'classnames';\nimport { TEXTS } from '../../constants';\nimport { useEpOnboarding } from '../../contexts';\nimport { Questions } from './Questions';\n\nexport const UsageTierStep = () => {\n const {\n state: { onboardData }, api: { setOnboardData, logAbTestAction }\n } = useEpOnboarding();\n\n const USAGE_TIER_MAP = [\n {\n usageTier: TEXTS.SIZE_JUST_ME,\n icon: IconUserFilled\n }, {\n usageTier: TEXTS.MY_TEAM,\n icon: IconUsersMoreFilled\n },\n {\n usageTier: TEXTS.MY_ORGANIZATION,\n icon: IconBuilding\n }\n ];\n\n const handleTierSelect = usageTier => {\n logAbTestAction({ action: 'select', target: `usageTier-${usageTier}` });\n setOnboardData({ usageTier });\n };\n\n return (\n {t(title)}
\n{t(description)}
\n\n
\n \n {USAGE_TIER_MAP.map(({ usageTier, icon }) => (\n handleTierSelect(usageTier)}\n >\n {t(usageTier)}\n \n ))}\n
\n \n
\n\n {!ui.showOtherIndustries ? (\n \n
\n \n {(ui.showOtherIndustries ? INDUSTRIES : INDUSTRIES.slice(0, 8)).map(item => (\n handleIndustrySelect(item)}\n />\n ))}\n
\n \n \n
\n\n \n \n
\n\n {websiteValidationError}
: null}\n\n \n
\n \n
\n \n {ORGANIZATION_SIZES.map(size => (\n
\n \n \n
\n\n \n
\n \n {JOB_ROLES.map(role => (\n
\n \n \n
\n \n
\n \n {MANAGEMENT_LEVELS.map(managementLevel => (\n
\n \n
\n );\n};\n\nexport default AllSteps;\n","import React from 'react';\nimport './styles/onboarding.scss';\nimport { EpOnboardingProvider } from './contexts';\nimport ContentV2 from './components/Content-V2';\nimport { AllSteps } from './components';\n\nconst OnboardingV2 = props => {\n document.body.classList.add('onboarding-loaded');\n\n return (\n \n \n
\n\n - \n {progressSteps}\n
\n {currentStep > 0 ? (\n \n {t(TEXTS.BACK)}\n \n ) : null}\n
\n\n \n {isSkippableStep()\n ? (\n \n { t(TEXTS.SKIP)}\n \n ) : null}\n\n \n {renderNextButtonState()}\n \n
\n \n
\n \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 { createPortal } from 'react-dom';\nimport { bool, string, node } from 'prop-types';\nimport { forwardRef, useImperativeHandle } from 'react';\n\nimport { usePortalRef } from '../../utils/hooks';\n\nconst Portal = forwardRef(({\n children,\n usePortal,\n portalAttribute,\n containerSelector,\n initialPortalSelector\n}, ref) => {\n const portalRef = usePortalRef(containerSelector, usePortal, portalAttribute, initialPortalSelector);\n\n useImperativeHandle(ref, () => ({\n portalID: portalRef.current ? portalRef.current.id : ''\n }));\n\n return usePortal && portalRef.current ? createPortal(\n children,\n portalRef.current\n ) : children;\n});\n\nPortal.propTypes = {\n children: node.isRequired,\n usePortal: bool,\n containerSelector: string,\n portalAttribute: string,\n initialPortalSelector: string\n};\n\nPortal.defaultProps = {\n usePortal: true,\n containerSelector: 'body',\n portalAttribute: undefined,\n initialPortalSelector: ''\n};\n\nexport default Portal;\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 useCallback, 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 // Returns a ref to pass to React.createPortal, either a reference to an existing element or it creates a new element.\n const getPortalRefElement = useCallback(() => {\n if (!usePortal) return;\n\n const portalContainer = global.document.querySelector(containerSelector);\n if (portalContainer) {\n // Portal Container element already exists -> return that element\n const currentPortalDiv = portalAttribute ? portalContainer.querySelector(`[${portalAttribute}=true]`) : false;\n if (currentPortalDiv) return currentPortalDiv;\n\n // Otherwise create a new Portal Container element\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 return div;\n }\n }, [containerSelector, usePortal, portalAttribute]);\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) : getPortalRefElement());\n\n useEffect(() => {\n portalRef.current = getPortalRefElement() || portalRef.current;\n }, [getPortalRefElement]);\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 || 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