- \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 \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: '28511',\n CONTACT_SALES_AS_CTA: '28521',\n CONTACT_SALES_AS_ITEM: '28531',\n NO_INTEGRATIONS_MENU: '28541'\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 customLogoAsHtmlString: string,\n customDarkLogoAsHtmlString: string\n});\n\nexport const logoDefaultProps = {\n logoUrl: '/',\n logoFullLight: false,\n enterpriseLogoSrc: '',\n customLogoAsReactElement: null,\n customLogoAsHtmlString: '',\n customDarkLogoAsHtmlString: ''\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 {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