{"version":3,"file":"static/js/index.d18734f7.js","sources":["webpack://@jotforminc/headerapp/../../libs/header-body/src/components/Sc/ScHeaderNavigation.js","webpack://@jotforminc/headerapp/../../libs/header-body/src/components/Sc/ScHeaderWrapper.js","webpack://@jotforminc/headerapp/../../libs/header-body/src/components/Sc/ScHeaderContainer.js","webpack://@jotforminc/headerapp/../../libs/header-body/src/components/Sc/ScHeader.js","webpack://@jotforminc/headerapp/../../libs/header-body/src/components/Sc/ScLogoWrapper.js","webpack://@jotforminc/headerapp/../../libs/common-button/src/components/Button.js","webpack://@jotforminc/headerapp/../../libs/constants/src/texts/index.js","webpack://@jotforminc/headerapp/../../libs/login-flow/src/components/Password/scPassword.js","webpack://@jotforminc/headerapp/../../libs/pie-timer/src/sc/scPieTimer.js","webpack://@jotforminc/headerapp/../../libs/toggle/src/index.js","webpack://@jotforminc/headerapp/../../libs/option-group/src/components/StyledComponents.js","webpack://@jotforminc/headerapp/../../libs/two-factor-settings/src/components/styled.js","webpack://@jotforminc/headerapp/../../libs/two-factor-settings/src/sc/scTwoFactorSettings.js","webpack://@jotforminc/headerapp/../../libs/loading/src/components/Loading.js","webpack://@jotforminc/headerapp/../../libs/styled-modal/src/components/StyledModal/styled.js","webpack://@jotforminc/headerapp/../../libs/tracking/src/utils/TrackingManager.ts"],"sourcesContent":["import styled from 'styled-components';\nconst ScHeaderNavigation = styled.nav`\n display: flex;\n flex: 1;\n @media screen and (max-width: 1024px) {\n display: none;\n }\n a {\n text-decoration: none;\n }\n &.isMobile {\n top: var(--jf-header-size);\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n position: fixed;\n background-color: #fff;\n }\n .jfRHeader--nav-menu {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-top: 0;\n margin-bottom: 0;\n padding: 0;\n list-style: none;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: auto;\n }\n &.isMobile {\n height: calc(100% - 72px);\n overflow-x: auto;\n }\n // A/B Test: contactSalesButtonOnHeader\n @media screen and (max-width: 520px) {\n &.is-trio-button {\n height: calc(100% - 129px);\n }\n }\n &-item {\n position: relative;\n list-style: none;\n & > a {\n color: var(--jf-header-nav-menu);\n padding: 0 16px;\n white-space: nowrap;\n position: relative;\n display: inline-block;\n font-size: 14px;\n letter-spacing: -0.084px;\n line-height: var(--jf-header-size);\n @media screen and (min-width: 1280px) {\n font-size: 16px;\n letter-spacing: -0.176px;\n }\n &:focus {\n outline: thin dotted #d5daff;\n }\n }\n @media screen and (min-width: 1025px) {\n & + li {\n margin-left: 6px;\n list-style: none;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: 6px;\n }\n }\n }\n &.isBadge {\n & > a {\n display: inline-flex;\n align-items: center;\n }\n }\n &-badge {\n background-color: #64b200;\n color: #fff;\n padding: 0 4px;\n border-radius: 4px;\n font-size: 10px;\n letter-spacing: 0.1px;\n line-height: 16px;\n margin-left: 4px;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: 4px;\n }\n }\n &-icon {\n width: 18px;\n height: 18px;\n margin-right: 6px;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 6px;\n }\n }\n &-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n margin-bottom: 4px;\n background-color: #EB4145;\n margin-left: 2px;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: 2px;\n }\n }\n &.hasSubMenu {\n & > a {\n display: inline-flex;\n align-items: center;\n svg {\n margin-left: 8px;\n width: 8px;\n min-width: 8px;\n height: 4px;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: 8px;\n }\n }\n @media screen and (max-width: 1024px) {\n font-size: 16px;\n font-weight: 500;\n &.isOpen {\n color: var(--jf-header-nav-menu-active);\n }\n svg {\n margin-left: auto;\n width: 16px;\n height: 8px;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: auto;\n }\n }\n }\n }\n &:has(.jfRHeader--nav-sub-menu-item > a.isCurrent) {\n > a {\n color: var(--jf-header-nav-menu-active);\n &:after,\n &:before {\n width: 18%;\n }\n }\n }\n }\n &:not(.hasSubMenu) {\n & > a {\n .jfRHeader--nav.jfRHeader--nav-efc & {\n &:after,\n &:before {\n content: \"\";\n width: 0;\n height: 2px;\n position: absolute;\n bottom: 10px;\n z-index: -1;\n transition: width 0.2s ease;\n }\n &:before {\n border-radius: 1px 0 0 1px;\n right: 50%;\n }\n &:after {\n border-radius: 0 1px 1px 0;\n left: 50%;\n }\n @media screen and (min-width: 1025px) {\n &:hover {\n color: var(--jf-header-nav-menu-hover);\n &:after,\n &:before {\n background-color: var(--jf-header-nav-menu-hover);\n width: 18%;\n }\n }\n }\n }\n &.isCurrent {\n color: var(--jf-header-nav-menu-active);\n font-weight: 500;\n @media screen and (min-width: 1025px) {\n &:after,\n &:before {\n background-color: var(--jf-header-nav-menu-active);\n width: 18%;\n }\n }\n }\n }\n }\n &-button {\n a:not(.jfRHeader--custom-cta) {\n border-radius: 4px;\n font-size: 16px;\n padding: 8px 10px;\n color: #fff;\n display: inline-flex;\n white-space: nowrap;\n color: #fff;\n background-color: #ff6100;\n transition: all 0.2s ease;\n &:hover {\n background-color: #E55300;\n }\n @media screen and (max-width: 1024px) {\n margin-left: 16px;\n margin-right: 16px;\n }\n }\n }\n @media screen and (min-width: 1025px) {\n &:hover {\n & > a {\n color: var(--jf-header-nav-menu-hover);\n }\n a:not(.jfRHeader--custom-cta) + .jfRHeader--nav-sub-menu {\n &:not(.isOpen){\n display: flex;\n }\n }\n }\n }\n }\n @media screen and (max-width: 1024px) {\n margin-left: 0;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n }\n flex-direction: column;\n align-items: flex-start;\n &-item {\n width: 100%;\n & + .jfRHeader--nav-menu-item {\n border-top: 1px solid #e3e5f5;\n }\n & > a {\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n --jf-header-nav-menu: #0a1551;\n }\n }\n }\n }\n .jfRHeader--nav-action {\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n &-item {\n position: relative;\n width: 100%;\n list-style: none;\n button, a {\n position: relative;\n padding: 0 16px;\n white-space: nowrap;\n font-weight: 400;\n display: block;\n border-radius: 4px;\n font-size: 14px;\n letter-spacing: -0.072px;\n line-height: 16px;\n padding: 8px 12px;\n border: 0;\n outline: none;\n background-color: transparent;\n @media screen and (min-width: 1280px) {\n padding: 12px 20px;\n letter-spacing: -0.084px;\n }\n &.jfRHeader--nav-action-list-login {\n line-height: calc(var(--jf-header-size) - 16px);\n color: var(--jf-header-nav-menu);\n @media screen and (min-width: 1280px) {\n line-height: calc(var(--jf-header-size) - 24px);\n }\n @media (hover: hover) {\n &:hover {\n color: var(--jf-header-nav-menu-hover);\n }\n }\n }\n &.jfRHeader--nav-action-list-signup {\n background-color: #ff6100;\n color: #fff;\n transition: all 0.2s ease;\n @media (hover: hover) {\n &:hover {\n background-color: #e15600;\n }\n }\n }\n // A/B Test: contactSalesButtonOnHeader\n &.jfRHeader--contact-sales {\n background-color: #0075E3;\n font-weight: 500;\n color: #fff;\n transition: all 0.2s ease;\n @media screen and (max-width: 1024px) {\n background-color: #0a1551;\n width: 100%;\n margin: 16px 16px 16px 8px;\n }\n @media (hover: hover) {\n &:hover {\n background-color: #0066c3;\n }\n }\n }\n }\n @media screen and (max-width: 1024px) {\n width: 50%;\n display: flex;\n button, a {\n &.jfRHeader--nav-action-list-login {\n width: 100%;\n line-height: 1;\n margin: 16px 8px 16px 16px;\n border: 1px solid #0a1551;\n color: #0a1551;\n }\n &.jfRHeader--nav-action-list-signup {\n width: 100%;\n margin: 16px 16px 16px 8px;\n background-color: #0a1551;\n border: 1px solid #0a1551;\n }\n }\n }\n }\n &.isNotLoggedIn {\n &:before {\n content: \"\";\n background: #e3e5f5;\n width: 1px;\n height: 40px;\n margin: 0 8px;\n @media screen and (max-width: 1024px) {\n display: none;\n }\n }\n }\n &.isMobile {\n width: 100%;\n box-shadow: 0 0 16px rgba(41, 42, 61, 0.25);\n border-top: 1px solid #e3e5f5;\n .jfRHeader--nav-action-list {\n width: 100%;\n position: relative;\n }\n }\n &.isMobileOpen {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: #ffffff;\n justify-content: center;\n align-items: flex-start;\n border-radius: 40px 40px 0 0;\n overflow: hidden;\n }\n // A/B Test: contactSalesButtonOnHeader\n @media screen and (max-width: 520px) {\n &.is-trio-button {\n flex-direction: column;\n gap: 6px;\n padding: 12px;\n .jfRHeader--nav-action-item {\n width: 100%;\n button {\n margin: 0;\n }\n }\n } \n }\n\n }\n\n .jfRHeader--nav-account-box {\n position: relative;\n &-avatar {\n button {\n width: var(--jf-header-size);\n height: var(--jf-header-size);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n background-color: transparent;\n outline: none;\n }\n img {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 2px solid #ff6100;\n object-fit: cover;\n object-position: center;\n &.dummy {\n background-color: #ff6100;\n }\n &[src=\"\"] {\n text-indent: -9999px;\n &:before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #0a1551;\n border: 2px solid #ff6100;\n box-sizing: border-box;\n }\n }\n }\n @media screen and (max-width: 1024px) {\n display: none;\n }\n }\n &-menu {\n position: absolute;\n right: 10px;\n top: 100%;\n width: 320px;\n border-radius: 10px;\n border: 1px solid #c8ceed;\n background-color: #fff;\n display: none;\n z-index: 1;\n html[dir=\"rtl\"] & {\n right: auto;\n left: 10px;\n }\n .jNewHeader-subMenu {\n border-radius: 10px;\n overflow: hidden;\n }\n &.isVisible {\n display: block;\n }\n &:before {\n content: \"\";\n position: absolute;\n top: -7px;\n right: 17px;\n width: 12px;\n height: 12px;\n background-color: #fff;\n background-image: linear-gradient(135deg, #fff 50%, transparent 50%);\n border-top: 1px solid #c8ceed;\n border-right: 1px solid transparent;\n border-bottom: 1px solid transparent;\n border-left: 1px solid #c8ceed;\n transform: rotateZ(45deg);\n border-radius: 2px 0 0 0;\n animation: 0.25s arrowSlideIn ease-out forwards;\n html[dir=\"rtl\"] & {\n right: auto;\n left: 17px;\n }\n }\n @media screen and (max-width: 1024px) {\n position: relative;\n right: auto;\n top: auto;\n width: 100%;\n border-radius: 0;\n border: 0;\n display: block;\n html[dir=\"rtl\"] & {\n left: auto;\n }\n &:before {\n display: none;\n }\n }\n }\n &-mobile-btn {\n display: none;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 80px;\n z-index: 2;\n width: 100%;\n border: 0;\n outline: none;\n &:before {\n content: \"\";\n position: absolute;\n top: 12px;\n left: 50%;\n border: 2px solid #8b92ad;\n width: 10px;\n height: 10px;\n transform: translateY(-50%) rotate(45deg);\n border-radius: 4px 0 0 0;\n border-bottom: 0;\n border-right: 0;\n }\n &.isMobileOpen {\n &:before {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n @media screen and (max-width: 1024px) {\n display: block;\n }\n }\n }\n`;\nexport default ScHeaderNavigation;\n","import styled from 'styled-components';\nexport const ScHeaderWrapper = styled.div`\n --jf-header-bg: ${(props)=>props.menuStyles.headerBackground || 'transparent'};\n --jf-header-bg-sticky: ${(props)=>props.menuStyles.headerBackgroundSticky || 'rgba(255, 255, 255, 0.9)'};\n --jf-header-logo-text: ${(props)=>props.menuStyles.logoTextColor || '#0a224c'};\n --jf-header-nav-menu: ${(props)=>props.menuStyles.navMenuColor || '#0a1551'};\n --jf-header-nav-menu-active: ${(props)=>props.menuStyles.navMenuActiveColor || '#0075E3'};\n --jf-header-nav-menu-hover: ${(props)=>props.menuStyles.navMenuHoverColor || '#0075E3'};\n --jf-hamburger-menu: ${(props)=>props.menuStyles.hamburgerMenuColor || '#343C6A'};\n --jf-app-picker-border: ${(props)=>props.menuStyles.appPickerBorderColor || '#E3E5F5'};\n --jf-header-size: ${(props)=>props.menuStyles.headerHeight || '64px'};\n --bg-blue-500: #0075e3;\n --bg-blue-600: #0066c3;\n @media screen and (max-width: 1024px) {\n --jf-header-size: 45px;\n }\n`;\nexport default ScHeaderWrapper;\n","import styled from 'styled-components';\nconst ScHeaderContainer = styled.div`\n width: 100%;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: var(--jf-header-size);\n padding: 0 12px;\n @media screen and (min-width: 480px) {\n max-width: 608px;\n padding: 0 16px;\n }\n @media screen and (min-width: 640px) {\n max-width: 736px;\n }\n @media screen and (min-width: 768px) {\n max-width: 984px;\n }\n @media screen and (min-width: 1024px) {\n max-width: 1200px;\n }\n @media screen and (min-width: 1280px) {\n max-width: 1296px;\n }\n &.mobileScreen {\n position: relative;\n z-index: 1;\n }\n &.isMobileMenuActive {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n width: 100%;\n background-color: #fff;\n .jfRHeader--mobile-nav-signup-btn {\n display: none;\n }\n }\n`;\nexport default ScHeaderContainer;\n","import styled from 'styled-components';\nimport ScHeaderContainer from './ScHeaderContainer';\nconst ScHeader = styled.div`\n position: ${(props)=>props.menuStyles.headerPosition || 'relative'};\n font-family: Circular, -apple-system, BlinkMacSystemFont, \"Segoe UI\", roboto, oxygen-sans, ubuntu, cantarell, \"Helvetica Neue\", sans-serif;\n width: 100%;\n z-index: 100;\n background: var(--jf-header-bg);\n transition: background-color 0.2s ease;\n &.jfRHeader--dark-mode {\n --jf-header-bg: ${(props)=>props.menuStyles.headerBackground || '#0a1551'};\n --jf-header-bg-sticky: ${(props)=>props.menuStyles.headerBackgroundSticky || 'rgba(10, 21, 81, 0.9)'};\n --jf-header-logo-text: ${(props)=>props.menuStyles.logoTextColor || '#fff'};\n --jf-header-nav-menu: ${(props)=>props.menuStyles.navMenuColor || '#fff'};\n --jf-header-nav-menu-active: ${(props)=>props.menuStyles.navMenuActiveColor || '#0075E3'};\n --jf-header-nav-menu-hover: ${(props)=>props.menuStyles.navMenuHoverColor || '#0075E3'};\n --jf-hamburger-menu: ${(props)=>props.menuStyles.hamburgerMenuColor || '#fff'};\n --jf-app-picker-border: ${(props)=>props.menuStyles.appPickerBorderColor || '#252d5b'};\n --jf-header-size: ${(props)=>props.menuStyles.headerHeight || '64px'};\n ${ScHeaderContainer} {\n &.isMobileMenuActive {\n background: var(--jf-header-bg);\n }\n }\n @media screen and (max-width: 1024px) {\n --jf-header-nav-menu: #0a1551;\n }\n }\n &.jfRHeader--gray-mode {\n --jf-header-bg: ${(props)=>props.menuStyles.headerBackground || '#F3F3FE'};\n --jf-header-bg-sticky: ${(props)=>props.menuStyles.headerBackgroundSticky || 'rgba(244, 244, 244, 0.9)'};\n --jf-header-logo-text: ${(props)=>props.menuStyles.logoTextColor || '#0a1551'};\n --jf-header-nav-menu: ${(props)=>props.menuStyles.navMenuColor || '#0a1551'};\n --jf-header-nav-menu-active: ${(props)=>props.menuStyles.navMenuActiveColor || '#0075E3'};\n --jf-header-nav-menu-hover: ${(props)=>props.menuStyles.navMenuHoverColor || '#0075E3'};\n --jf-hamburger-menu: ${(props)=>props.menuStyles.hamburgerMenuColor || '#333'};\n --jf-app-picker-border: ${(props)=>props.menuStyles.appPickerBorderColor || '#e0e0e0'};\n --jf-header-size: ${(props)=>props.menuStyles.headerHeight || '64px'};\n ${ScHeaderContainer} {\n &.isMobileMenuActive {\n background: var(--jf-header-bg);\n }\n }\n @media screen and (max-width: 1024px) {\n --jf-header-nav-menu: #0a1551;\n }\n }\n &.isSticky {\n backdrop-filter: saturate(180%) blur(20px);\n background: var(--jf-header-bg-sticky) !important; // stylelint-disable-line\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 8000;\n }\n &.jfRHeader--full-width {\n ${ScHeaderContainer} {\n @media screen and (min-width: 480px) {\n max-width: 100%;\n }\n }\n }\n`;\nexport default ScHeader;\n","import styled from 'styled-components';\nconst ScLogoWrapper = styled.div`\n display: flex;\n align-items: center;\n @media screen and (max-width: 1024px) {\n width: 100%;\n }\n // Mobile Nav\n .jfRHeader--mobile-nav {\n margin-left: 0;\n display: none;\n &-signup-btn {\n padding: 0 8px;\n border-radius: 4px;\n font-weight: 700;\n letter-spacing: -0.5px;\n cursor: pointer;\n background-color: #17255b;\n color: #fff;\n margin-left: 4px;\n margin-right: 4px;\n text-align: center;\n line-height: 24px;\n font-size: 12px;\n outline: none;\n border: 0;\n white-space: nowrap;\n }\n @media screen and (max-width: 1024px) {\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n }\n }\n // Hamburger Menu\n .jfRHeader--hamburger {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--jf-hamburger-menu);\n border: 0;\n outline: none;\n padding: 0;\n svg {\n width: 16px;\n }\n &.isActive {\n svg {\n width: 24px;\n }\n }\n }\n .jfRHeader--logo-link {\n width: 120px;\n height: auto;\n display: flex;\n svg {\n max-width: 100%;\n max-height: 100%;\n height: 30px;\n width: auto;\n }\n img {\n max-width: 100%;\n height: auto;\n max-height: 30px;\n }\n @media screen and (min-width: 1280px) {\n width: 148px;\n height: auto;\n }\n &:focus {\n outline: thin dotted #d5daff;\n }\n }\n .jfRHeader--logo-divider {\n background-color: #d3d6ec;\n width: 1px;\n height: 24px;\n margin-left: 16px;\n margin-right: 16px;\n @media screen and (max-width: 1024px) {\n height: 18px;\n margin-left: 10px;\n margin-right: 10px;\n }\n }\n .jfRHeader--logo-text {\n font-size: 20px;\n font-weight: 500;\n color: var(--jf-header-logo-text);\n text-decoration: none;\n margin-inline-start: -2px;\n @media screen and (max-width: 1024px) {\n font-size: 16px;\n }\n @media screen and (max-width: 480px) {\n font-size: 12px;\n max-width: 100px;\n }\n }\n .jfRHeader--logo-custom {\n svg {\n width: auto;\n height: 20px;\n display: block;\n }\n @media screen and (max-width: 1024px) {\n svg {\n height: 16px;\n }\n }\n }\n .jfRHeader--hipaa {\n display: flex; \n align-items: center;\n &:before {\n content: \"\";\n background-color: #d3d6ec;\n width: 1px;\n height: 24px;\n margin-left: 16px;\n margin-right: 16px;\n @media screen and (max-width: 1024px) {\n height: 18px;\n margin-left: 10px;\n margin-right: 10px;\n }\n }\n &-logo {\n width: 26px;\n height: auto;\n @media screen and (max-width: 1024px) {\n width: 20px;\n }\n }\n &-text {\n margin-left: 8px;\n width: 96px;\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n color: var(--jf-header-logo-text);\n html[dir='rtl'] & {\n margin-left: 0;\n margin-right: 8px;\n }\n @media screen and (max-width: 1024px) {\n display: none;\n }\n }\n }\n`;\nexport default ScLogoWrapper;\n","import { _ as _object_spread } from \"@swc/helpers/_/_object_spread\";\nimport { _ as _object_without_properties } from \"@swc/helpers/_/_object_without_properties\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useRef } from 'react';\nimport { string } from 'prop-types';\nimport Styled from 'styled-components';\nimport { Button as UIKitButton, Tooltip as UIKitTooltip, Hooks } from '@jotforminc/uikit';\n/* eslint-disable max-len */ const ScUIKitButton = Styled(UIKitButton)`\n &.bare {\n font-size: .875em;\n color: #4170e2;\n text-decoration: none;\n background: transparent;\n cursor: pointer;\n box-shadow: none;\n padding: 0;\n border: 0;\n\n &.forSettings {\n svg {\n vertical-align: text-bottom;\n margin-right: 2px;\n width: 18px;\n height: 18px;\n\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 2px;\n }\n }\n\n span {\n font-size: 16px;\n margin-left: 4px;\n }\n\n }\n }\n\n &.taste {\n display: inline-block;\n padding: 12px 1em;\n border-radius: 4px;\n cursor: pointer;\n text-transform: uppercase;\n border: 0;\n font-weight: 500;\n font-size: 15px;\n line-height: 14px;\n\n &[disabled] { opacity: .6; cursor: initial; }\n }\n\n &.taste.isBold {\n font-weight: bold;\n }\n\n &.taste.isGhost {\n background-color: #FAFAFC;\n border: 1px solid #ADB4D2;\n color: #ADB4D2;\n transition: all .3s;\n\n &:hover {\n color: #6F76A7;\n border: 1px solid #ADB4D2;\n background-color: #F3F3FE;\n }\n }\n\n &.taste.isGreen {\n background-color: #78BB07;\n color: #fff;\n transition: background-color .3s;\n\n &:hover {\n background-color: #4EB100;\n }\n }\n\n &.taste.isRed {\n background-color: #DC2626;\n color: #fff;\n }\n\n &.taste.isGray {\n background-color: #dddfe9;\n color: #2c3345;\n }\n\n &.taste.isBlue {\n background-color: #4170e2;\n color: #fff;\n }\n\n &.taste.forCopy {\n padding: 0;\n white-space: nowrap;\n\n svg {\n margin-right: .5em;\n vertical-align: -3px;\n width: 17px;\n height: 17px;\n }\n > div { padding: .5em 1em; }\n }\n\n &.outline {\n display: inline-block;\n padding: .5em 1em;\n border-radius: 2px;\n cursor: pointer;\n background: transparent;\n border: 1px solid currentColor;\n font-size: .875em;\n line-height: 1rem;\n font-weight: 500;\n }\n &.forRevoke {\n font-size: .875em;\n color: #f9535c;\n margin: 0 .5rem 0 auto;\n padding: 0.5em 0.7em;\n border-radius: 4px;\n display: inline-flex;\n align-items: center;\n\n &:hover { background-color: #FEF2F2; }\n\n svg {\n width: 14px;\n height: 14px;\n margin-right: 4px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .hom { display: none; }\n }\n`;\n/* eslint-enable max-len */ export const ScUIKitTooltip = Styled((props)=>/*#__PURE__*/ _jsx(UIKitTooltip, _object_spread({}, props)))`\n font-size: .75rem;\n line-height: 1;\n padding: .5rem .5rem;\n text-transform: lowercase;\n border-radius: 2px;\n color: #fff;\n font-weight: 400;\n background-color: #2c3345;\n\n &:first-letter { text-transform: uppercase; }\n\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n width: 10px; height: 10px;\n background-color: #2c3345;\n border-radius: 1px;\n transform: rotate(45deg);\n }\n\n @keyframes c { to { opacity: 1; margin-top: 2px; }}\n @keyframes d { to { opacity: 1; margin-bottom: 2px; }}\n\n &[data-popper-placement] {\n z-index: 1;\n }\n\n &[data-popper-placement=\"bottom\"] {\n opacity: 0; margin-top: 0px!important;\n\n &:before { top: -4px; left: 50%; margin-left: -4px; margin-top: 6px; }\n\n &, &:before { animation: c .1s cubic-bezier(.3,.71,.67,.58) 1 forwards; }\n }\n\n &[data-popper-placement=\"top\"] {\n opacity: 0; margin-bottom: 0px!important;\n\n &:before { bottom: -4px; left: 50%; margin-left: -4px; margin-bottom: 6px; }\n\n &, &:before { animation: d .1s cubic-bezier(.3,.71,.67,.58) 1 forwards; }\n }\n`;\nconst Button = /*#__PURE__*/ React.forwardRef((_param, ref)=>{\n var { name } = _param, props = _object_without_properties(_param, [\n \"name\"\n ]);\n const innerRef = useRef();\n const combinedRef = Hooks.useCombinedRefs(innerRef, ref);\n return /*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n /*#__PURE__*/ _jsx(ScUIKitButton, _object_spread({\n ref: combinedRef,\n type: \"button\",\n name: name\n }, props)),\n true && name && /*#__PURE__*/ _jsx(ScUIKitTooltip, {\n targetRef: combinedRef,\n children: name\n })\n ]\n });\n});\nButton.propTypes = {\n name: string\n};\nButton.defaultProps = {\n name: ''\n};\nexport default Button;\n","export const twoFactorTypeKeys = {\n sms: 'phone',\n authenticatorApp: 'totp'\n};\nexport const Texts = {\n MY_FORMS: 'My Forms',\n PROFILE: 'Profile',\n SKIP_CREATE_ACCOUNT: 'Skip Create an Account',\n CONTINUE_DRAFT: 'Continue With Draft',\n DISCARD_START_BLANK: 'You can continue your draft or discard and start with a blank form',\n SAVED_DRAFT_SUBMISSION: 'You have a draft for this form.',\n HELLO_TEXT: 'Hello,',\n LOG_OUT: 'Log out',\n LOGOUT: 'Logout',\n LOGIN_TEXT: 'Log in',\n GET_SHARE_LINK: 'Get Shareable Link',\n EMAIL: 'Email',\n RE_EMAIL: 'Resend Email',\n COPIED_CLIPBOARD: 'Link copied to clipboard!',\n SENT_TO: 'Email sent to',\n DOESNT_SUPPORT_BROWSER: 'Your browser doesn\\'t support this operation',\n SEND_LINK_COMPLETE: 'We’ve sent you an email with a link to complete your submission.',\n START_OVER: `Discard ${encodeURIComponent('&')} Start Over`,\n SAVE_PROGRESS: 'Save your progress',\n ALREADY_HAVE_ACCOUNT: 'Already have an account?',\n DONT_HAVE_ACCOUNT: 'Don’t have an account?',\n ARE_YOU_JOTFORM_ENTERPRISE_USER: 'Are you a Jotform Enterprise user?',\n LOGIN_TO_JOTFORM_ENTERPRISE: 'Log into Jotform Enterprise',\n LOGIN_CAPITAL: 'LOG IN',\n SIGN_UP: 'Sign up',\n CREATE_ACCOUNT: 'Create an Account',\n OTHER_OPTIONS: 'More sign up options',\n SIGN_UP_EMAIL: 'Sign up with Email',\n SIGN_UP_EMAIL_LOWERCASE: 'Sign up with email',\n FULL_NAME: 'Full Name',\n NAME_TEXT: 'Name',\n EMAIL_TEXT: 'Email',\n PASSWORD_TEXT: 'Password',\n CONF_PASSWORD_TEXT: 'Confirm Password',\n TERMS_SERVICE: 'Terms of Service',\n TERMS_OF_USE: 'Terms of Use',\n PRIVACY_POLICY: 'Privacy Policy',\n AND_KEY: 'and',\n OR_KEY: 'OR',\n SUBMISSIONS_SAVED_DRAFT: 'Your form has been saved as a draft.',\n SEND_DRAFT_CONTINUE: 'We’ve sent you an email with a link to continue your form.',\n ENTER_EMAIL: 'If you want to continue your form later, please enter the email address you would like to send the link to:',\n EMAIL_NOT_BLANK: 'Email cannot be left blank',\n SEND_LINK: 'Send link',\n SEND: 'Send',\n BACK_KEY: 'Back',\n SAVE_SUBMISSION: 'Save Submission',\n SAVE_KEY: 'Save',\n SKIP_KEY: 'Skip',\n USERNAME_EMAIL: 'Username or Email',\n LOGIN_SAVE: 'Login and Save Submission',\n AGREE_SERVICE_POLICY: 'I agree to the [1[Terms of Service]] and [2[Privacy Policy]].',\n AGREE_FOR_TURKISH_USERS: 'I have read the [1[KVKK Clarification Text]] and I accept the processing of my personal data in accordance with the [2[Explicit Consent Text]].',\n MORE_HELP_CONTACT: 'If you need more help, please [1[contact our support team.]]',\n MORE_HELP_CONTACT_ENTERPRISE: 'If you need help, please contact with your administrator.',\n FORGOT_PASSWORD: 'Forgot password?',\n FORGOT_YOUR_PASSWORD: 'Forgot your password?',\n PASSWORD_RESET_SENT: 'Password reset instructions have been sent successfully via email.',\n FIELD_REQUIRED: 'This field is required',\n EMAIL_FIELD_REQUIRED: 'Username or email field is required',\n PASS_FIELD_REQUIRED: 'Password field is required',\n ENTER_A_PASSWORD: 'Please enter a password.',\n PASSWORD_OK: 'Password ok',\n PASSWORD_CONFIRMATION_OK: 'Password confirmation ok',\n PASSWORD_CANNOT_BLANK: 'Password cannot be left blank',\n PASS_MIN_CHAR_COUNT: 'Should have minimum 8 characters',\n PASS_INCL_CHARS: 'Should be a mix of upper case, lower case characters, and numbers or special characters',\n FIELDS_SHOULD_MATCH: 'Passwords don\\'t match.',\n SECURE_PASS_DESC: 'Your password must contain at least',\n SECURE_PASS_REUSE: 'Your password must be different from your last 6 passwords',\n SECURE_PASS_REUSE_CONT: ' and contain at least',\n SECURE_PASS_CHAR_COUNT: '8 characters',\n SECURE_PASS_TEST_DESC: 'Your password must include at least',\n SECURE_PASS_UPPERCASE: '1 uppercase letter',\n SECURE_PASS_LOWERCASE: '1 lowercase letter',\n SECURE_PASS_NUMBER: '1 number',\n SECURE_PASS_SPECIAL_CHAR: '1 special character',\n SECURE_PASS_NO_LEADING_OR_TRAILING_WHITESPACE: 'No blank spaces, either at the beginning or at the end',\n PASS_DIFF_PREV: 'Should be different from your last 6 passwords',\n CONNECT_SALESFORCE: 'Connect with Salesforce',\n CONNECT_APPLE: 'Connect with Apple',\n CONNECT_GOOGLE: 'Connect with Google',\n CONNECT_MICROSOFT: 'Connect with Microsoft',\n CONNECT_FACEBOOK: 'Connect with Facebook',\n SIGN_UP_SALESFORCE: 'Sign up with Salesforce',\n SIGN_UP_SALESFORCE_MOBILE: 'Salesforce',\n SIGN_UP_APPLE: 'Sign up with Apple',\n SIGN_UP_GOOGLE: 'Sign up with Google',\n SIGN_UP_GOOGLE_MOBILE: 'Google',\n SIGN_UP_FACEBOOK: 'Sign up with Facebook',\n SIGN_UP_FACEBOOK_MOBILE: 'Facebook',\n SIGN_UP_MICROSOFT: 'Sign up with Microsoft',\n SIGN_UP_MICROSOFT_MOBILE: 'Microsoft',\n SIGN_UP_NOW: 'Sign Up Now!',\n SIGN_UP_NOW_NO_EXCLAMATION_MARK: 'Sign Up Now',\n LOGIN_WITH: 'Log in with',\n LOGIN_SALESFORCE: 'Login with Salesforce',\n SALESFORCE: 'Salesforce',\n LOGIN_GOOGLE: 'Login with Google',\n GOOGLE: 'Google',\n LOGIN_FACEBOOK: 'Login with Facebook',\n FACEBOOK: 'Facebook',\n LOGIN_APPLE: 'Login with Apple',\n APPLE: 'Apple',\n LOGIN_MICROSOFT: 'Login with Microsoft',\n MICROSOFT: 'Microsoft',\n ENTER_USERNAME_EMAIL: 'Enter your username or email',\n SEND_INSTRUCTIONS: 'Send Reset Instructions',\n GO_BACK_TEXT: 'Go back',\n BACK_TO_PRIMARY_METHOD: 'Back to Primary Method',\n CAN_NOT_ACCESS_MY_DEVICE: \"I can't access my authentication device\",\n // eslint-disable-next-line max-len\n RECOVER_ACCOUNT_TEXT: \"If you can't access your authentication device or recovery codes, you can ask for assistance from Jotform support. You need to answer some security questions to recover your account.\",\n RECOVER_ACCOUNT_MAIL_HAS_BEEN_SENT: 'Your request to have your account recovered has already been sent in. You are unable to submit another request to recover your account until it is finished.',\n RECOVER_YOUR_ACCOUNT: 'Recover Your Account',\n VIEW_SUPPORT_TICKET: 'View Support Ticket',\n VERIFICATION_EMAIL_SENT_TO: 'The verification email has been sent to',\n RECOVER_ACCOUNT_EMAIL_INFO_TEXT: 'Click on the link in the email to answer a few security questions.',\n RECOVER_ACCOUNT_NOTIFICATION_TEXT: 'After you submit, a member of our support staff will examine your responses and get in touch with you to offer assistance within 48 to 72 hours.',\n BACK_TO_LOGIN: 'Back to Login',\n VALID_EMAIL: 'Please type a valid email',\n SENDING: 'Sending...',\n AGREE_TERMS_CONDITIONS: 'Please agree terms and conditions',\n NEED_TO_ACCEPT_TERMS: 'You need to accept our Terms of Service and Privacy Policy to create an account.',\n CHECK_SPAM_FOLDER: 'If you don’t get the email, please check your spam folder.',\n GET_INSTRUCTION_EMAIL: 'You should get the password reset instructions via email soon.',\n OK_TEXT: 'OK',\n CHECK_EMAIL: 'Check your email',\n EMAIL_IS_USE: 'Email is in use:',\n EMAIL_IS_NOTVALID: 'Email is not valid.',\n CURRENT_PASSWORD: 'Current Password',\n SHOW_PASSWORD: 'Show Password',\n HIDE_PASSWORD: 'Hide Password',\n PLEASE_WAIT: 'Please wait',\n WELCOME_BACK: 'Welcome Back!',\n CREATE_MY_ACCOUNT: 'CREATE MY ACCOUNT',\n BY_CLICKING_YOU_AGREE: 'By clicking \"Signup\" you agree our [1[Terms of Service]] and [2[Privacy Policy]]',\n ERROR_TRY_AGAIN: 'There was an error. Please try again later.',\n VERIFY_ITS_YOU: 'Verify it\\'s you!',\n TWO_FACTOR_DESCRIPTION: {\n [twoFactorTypeKeys.sms]: \"We've sent an authentication code to [1[receiver]]. Please check your messages and enter the six-digit code to enable 2FA\",\n [twoFactorTypeKeys.authenticatorApp]: 'Enter the six-digit code from your configured Authenticator App below.'\n },\n EMAIL_AUTHENTICATION_DESCRIPTION: \"We've sent an authentication code to [1[receiver]]. Please check your inbox and enter the six-digit code.\",\n VERIFICATION_CODE: 'Authentication code',\n RECOVERY_CODE: 'Recovery code',\n VERIFY: 'VERIFY',\n VERIFY_BUTTON_TEXT: 'Verify',\n NO_CODE: 'No code?',\n SEND_AGAIN: 'Send again',\n HAVING_PROBLEMS: 'Having problems?',\n SEE_OTHER_AUTHENTICATION_METHODS: 'See Other Methods',\n SEND_CODE_TO: {\n [twoFactorTypeKeys.sms]: 'Send code to [1[receiver]]',\n [twoFactorTypeKeys.authenticatorApp]: 'Use authenticator app'\n },\n USE_YOUR_RECOVERY_CODES: 'Use your recovery codes',\n USE_YOUR_AUTHENTICATOR_APP: 'Use code from Authenticator App',\n TWO_FACTOR_AUTHENTICATION: 'Two-Factor Authentication',\n EMAIL_AUTHENTICATION: 'E-mail Authentication',\n ENTER_RECOVERY_CODES: 'Enter one of your 6-digit recovery codes below.',\n DAILY_LIMIT: 'You\\'ve reached the daily text message limit',\n INVALID_TOKEN: 'Invalid code; please try again',\n BACKUP_CODES_ERROR: 'You entered a wrong or already used recovery code',\n BLANK_VERIFICATION_CODE: 'Code cannot be blank.',\n GREETING_DESCRIPTION: '',\n SHOW_MORE: 'Show More',\n CHOOSE_A_METHOD: 'Choose a method',\n CHOOSE_A_METHOD_DESCRIPTION: 'Select a verification method to login your account',\n REACH_DAILY_LIMIT_FORCE_TO_EMAIL: 'Your verification code has been sent to your email due to you have reached the daily SMS limit.',\n USED_RECOVERY_CODES: 'Used recovery codes will be invalidated.',\n ENTER_YOUR_EMAIL: 'Enter your email',\n THANK_YOU: 'THANK YOU!',\n VIEW_COMPLETED_APPROVALS: 'View your completed approvals',\n COMPLETED_TASK: 'The task has been completed.',\n PLEASE_LOGIN: 'Please [1[Log in]].',\n EMAIL_ERROR: 'This email address is already associated with a Jotform account.',\n EMAIL_ERROR_ENTERPRISE: 'This email address is already associated with an account.',\n // Delete my account flow\n ARE_YOU_SURE_YOU_WANT_TO_DELETE_YOUR_ACCOUNT: 'Are you sure you want to delete your account?',\n YOU_ARE_ABOUT_TO_DELETE_YOUR_ACCOUNT_NAMELY: 'You’re about to delete your account namely:',\n GET_IN_TOUCH_WITH_US: '[1[Get in touch]] with us if you have any questions.',\n YES_DELETE: 'Yes, Delete',\n CANCEL: 'Cancel',\n VERIFY_THAT_ITS_YOU_TO_DELETE_YOUR_ACCOUNT: 'Verify That It’s You to Delete Your Account',\n VERIFY_WITH: 'Verify with',\n PLEASE_ENTER_YOUR_PASSWORD: 'Please enter your password',\n YOU_HAVE_ENTERED_YOUR_CURRENT_PASSWORD_WRONG: 'You have entered your current password wrong',\n YOU_HAVE_VERIFIED_SUCCESSFULLY: 'You have verified successfully',\n DELETE_MY_ACCOUNT: 'Delete My Account',\n YOUR_ACCOUNT_COULD_NOT_BE_DELETED: 'Your account could not be deleted. Please try again.',\n YOU_COULD_NOT_BE_VERIFIED: 'You could not be verified. Try again later',\n VERIFY_DELETE: 'Verify',\n CONTINUE_LATER: 'We’ve emailed you a link you can use to continue it later.',\n DRAFT_SAVED: 'Submission saved as draft',\n INCOMPLETE_SUBMISSION: 'You have an incomplete submission for this form',\n DRAFT_TEXT: 'Discard this submission draft to start over, or continue with your saved draft.',\n DISCARD_DRAFT: 'Discard and start over',\n CONTINUE_WITH_DRAFT: 'Continue with draft',\n SAVE_AS_DRAFT: 'Sign up to save submission as a draft',\n PLEASE_WAIT_SAVE: 'Please wait while we save your submission.',\n SAVE_ERROR: \"Your submission couldn't be saved\",\n PLEASE_TRY_AGAIN: 'Please try again.',\n TRY_AGAIN: 'Try Again',\n GET_DRAFT_LINK: 'Get Draft Link',\n DRAFT_BEING_SAVED: 'Your submission is being saved',\n ENTER_EMAIL_ADDRESS: 'Enter your email address',\n PLEASE_ENTER_VALID_EMAIL: 'Please enter valid email',\n CONTINUE_FORM_LATER: 'If you want to continue your form later, please enter your email address.',\n TO_KEY: 'To',\n DONT_ACCESS_DRAFT: 'You don’t have access to this submission draft',\n FILL_OUT_DRAFT: 'Fill out the form to create a new submission.',\n CHANGE_ACCOUNT: 'Change Account',\n START_OVER_FORM: 'Start Over',\n NOT_FOUND: 'Submission draft not found',\n DELETED_DRAFT: 'This draft was deleted or has already been submitted.',\n USER_IS_SSO_ERROR: 'Email already in use by SSO user.'\n};\nexport const AlertLabelTypes = {\n WARNING: 'WARNING',\n SUCCESS: 'SUCCESS',\n INFO: 'INFO'\n};\nexport const prepareLoginFlowDefaultGreetings = ()=>{\n const isPartnershipPages = window.location.href.indexOf('/partnership/') >= 0;\n const isAffiliateSignup = window.location.href.indexOf('/affiliate/') >= 0;\n const isJotformForBeginners = window.location.href.indexOf('/jotform-for-beginners/') >= 0;\n if (isPartnershipPages) {\n return `You will need a free Jotform account\n in order to access your Dashboard. If you already have a Jotform account,\n please log in to your account first to be able to fill out your application.\n If you have more than one Jotform account, please use the registered account to the\n Jotform ${isAffiliateSignup ? 'Affiliate Program' : 'Solutions Program'}.`;\n }\n if (isJotformForBeginners) {\n return 'Create a free Jotform account to download the book, Jotform for Beginners.';\n }\n if (window.JOTFORM_ENV !== 'ENTERPRISE') {\n return 'Collect information, payments, and signatures with custom online forms.';\n }\n return '';\n};\nexport const FORM_TEXTS = {\n confirmEmail: 'E-mail does not match',\n pleaseWait: 'Please wait...',\n validateEmail: 'You need to validate this e-mail',\n confirmClearForm: 'Are you sure you want to clear the form',\n lessThan: 'Your score should be less than or equal to',\n incompleteFields: 'There are incomplete required fields. Please complete them.',\n required: 'This field is required.',\n requireOne: 'At least one field required.',\n requireEveryRow: 'Every row is required.',\n requireEveryCell: 'Every cell is required.',\n email: 'Enter a valid e-mail address',\n alphabetic: 'This field can only contain letters',\n numeric: 'This field can only contain numeric values',\n alphanumeric: 'This field can only contain letters and numbers.',\n cyrillic: 'This field can only contain cyrillic characters',\n url: 'This field can only contain a valid URL',\n currency: 'This field can only contain currency values.',\n fillMask: 'Field value must fill mask.',\n uploadExtensions: 'You can only upload following files:',\n noUploadExtensions: 'File has no extension file type (e.g. .txt, .png, .jpeg)',\n uploadFilesize: 'File size cannot be bigger than:',\n uploadFilesizemin: 'File size cannot be smaller than:',\n gradingScoreError: 'Score total should only be less than or equal to',\n inputCarretErrorA: 'Input should not be less than the minimum value:',\n inputCarretErrorB: 'Input should not be greater than the maximum value:',\n maxDigitsError: 'The maximum digits allowed is',\n minCharactersError: 'The number of characters should not be less than the minimum value:',\n maxCharactersError: 'The number of characters should not be more than the maximum value:',\n freeEmailError: 'Free email accounts are not allowed',\n minSelectionsError: 'The minimum required number of selections is ',\n maxSelectionsError: 'The maximum number of selections allowed is ',\n pastDatesDisallowed: 'Date must not be in the past.',\n dateLimited: 'This date is unavailable.',\n dateInvalid: 'This date is not valid. The date format is {format}',\n dateInvalidSeparate: 'This date is not valid. Enter a valid {element}.',\n ageVerificationError: 'You must be older than {minAge} years old to submit this form.',\n multipleFileUploads_typeError: '{file} has invalid extension. Only {extensions} are allowed.',\n multipleFileUploads_sizeError: '{file} is too large, maximum file size is {sizeLimit}.',\n multipleFileUploads_minSizeError: '{file} is too small, minimum file size is {minSizeLimit}.',\n multipleFileUploads_emptyError: '{file} is empty, please select files again without it.',\n multipleFileUploads_uploadFailed: 'File upload failed, please remove it and upload the file again.',\n multipleFileUploads_onLeave: 'The files are being uploaded, if you leave now the upload will be cancelled.',\n multipleFileUploads_fileLimitError: 'Only {fileLimit} file uploads allowed.',\n dragAndDropFilesHere_infoMessage: 'Drag and drop files here',\n chooseAFile_infoMessage: 'Choose a file',\n maxFileSize_infoMessage: 'Max. file size',\n generalError: 'There are errors on the form. Please fix them before continuing.',\n generalPageError: 'There are errors on this page. Please fix them before continuing.',\n wordLimitError: 'Too many words. The limit is',\n wordMinLimitError: 'Too few words. The minimum is',\n characterLimitError: 'Too many Characters. The limit is',\n characterMinLimitError: 'Too few characters. The minimum is',\n ccInvalidNumber: 'Credit Card Number is invalid.',\n ccInvalidCVC: 'CVC number is invalid.',\n ccInvalidExpireDate: 'Expire date is invalid.',\n ccInvalidExpireMonth: 'Expiration month is invalid.',\n ccInvalidExpireYear: 'Expiration year is invalid.',\n ccMissingDetails: 'Please fill up the credit card details.',\n ccMissingProduct: 'Please select at least one product.',\n ccMissingDonation: 'Please enter numeric values for donation amount.',\n disallowDecimals: 'Please enter a whole number.',\n restrictedDomain: 'This domain is not allowed',\n ccDonationMinLimitError: 'Minimum amount is {minAmount} {currency}',\n requiredLegend: 'All fields marked with * are required and must be filled.',\n geoPermissionTitle: 'Permission Denied',\n geoPermissionDesc: 'Check your browser\\'s privacy settings.',\n geoNotAvailableTitle: 'Position Unavailable',\n geoNotAvailableDesc: 'Location provider not available. Please enter the address manually.',\n geoTimeoutTitle: 'Timeout',\n geoTimeoutDesc: 'Please check your internet connection and try again.',\n selectedTime: 'Selected Time',\n formerSelectedTime: 'Former Time',\n cancelAppointment: 'Cancel Appointment',\n cancelSelection: 'Cancel Selection',\n noSlotsAvailable: 'No slots available',\n slotUnavailable: '{time} on {date} has been selected is unavailable. Please select another slot.',\n multipleError: 'There are {count} errors on this page. Please correct them before moving on.',\n oneError: 'There is {count} error on this page. Please correct it before moving on.',\n doneMessage: 'Well done! All errors are fixed.',\n invalidTime: 'Enter a valid time',\n doneButton: 'Done',\n reviewSubmitText: 'Review and Submit',\n nextButtonText: 'Next',\n prevButtonText: 'Previous',\n seeErrorsButton: 'See Errors',\n notEnoughStock: 'Not enough stock for the current selection',\n notEnoughStock_remainedItems: 'Not enough stock for the current selection ({count} items left)',\n soldOut: 'Sold Out',\n justSoldOut: 'Just Sold Out',\n selectionSoldOut: 'Selection Sold Out',\n subProductItemsLeft: '({count} items left)',\n startButtonText: 'START',\n submitButtonText: 'Submit',\n submissionLimit: 'Sorry! Only one entry is allowed.
Multiple submissions are disabled for this form.',\n reviewBackText: 'Back to Form',\n seeAllText: 'See All',\n progressMiddleText: 'of',\n fieldError: 'field has an error.',\n error: 'Error'\n};\n","/* eslint-disable max-len */ import Styled from 'styled-components';\nconst onSmallMobile = 'screen and (max-height: 600px)';\nexport const ScPassword = Styled.div`\n * { box-sizing: border-box; }\n\n font-size: 16px;\n max-width: 340px;\n\n .xcl {\n &-field-wr {\n position: relative;\n\n &.forPassword {\n .xcl-lbl-err {\n span { display: block; margin-bottom: 4px; }\n span:before { display: inline-block; content: '-'; margin-right: 3px; }\n }\n }\n }\n\n &-togglePass-btn {\n position: absolute;\n top: 34px;\n right: 7px;\n background: none;\n border: 0;\n padding: 0;\n z-index: 2;\n border-radius: 0;\n border: 0;\n background-color: transparent;\n color: inherit;\n text-align: center;\n height: 30px;\n width: 32px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid transparent;\n transition: all .2s;\n\n #signupPage & {\n .tiny-mobile & {\n top: 30px;\n @media ${onSmallMobile}{\n top: 25px;\n right: 1px;\n }\n }\n }\n\n #myaccount & {\n .tiny-mobile & {\n top: 30px;\n @media ${onSmallMobile}{\n top: 25px;\n right: 1px;\n }\n }\n }\n\n .primaryHeader & {\n right: 5px;\n width: 30px;\n height: 26px;\n }\n\n &:focus-visible {\n outline: none;\n border-color: #799AF8;\n box-shadow: 0 0 0 3px #d3ddfd;\n background-color: #eaf0ff;\n .xcl-togglePass-icon {\n svg{\n path{\n fill: #2e69ff;\n }\n }\n }\n }\n\n &:hover{\n background-color: #eaf0ff;\n\n .xcl-togglePass-icon {\n svg{\n path{\n fill: #2e69ff;\n }\n }\n\n .xcl-togglePass-tooltip {\n opacity: 1;\n margin-top: -24px;\n }\n }\n\n }\n\n }\n &-togglePass-icon { display: block; color: rgb(136, 148, 171); }\n &-togglePass-icon svg { width: 20px; height:20px; display: block!important; }\n &-togglePass-tooltip {\n background-color: #2b3245;\n font-size: 12px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: normal;\n text-align: right;\n color: #c3cad8;\n white-space: nowrap;\n position: absolute;\n right: 3px;\n top: 0;\n min-height: 24px;\n border-radius: 2px;\n padding: 4px;\n opacity: 0;\n pointer-events: none;\n margin-top: -22px;\n transition: all .2s;\n &:after{\n content: \"\";\n display: block;\n width: 12px;\n height: 12px;\n position: absolute;\n right: 6px;\n bottom: -6px;\n z-index: -1;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='6.1px' viewBox='0 0 12 6.1' style='enable-background:new 0 0 12 6.1;' xml:space='preserve'%3E%3Cpath style='fill:%232B3245' d='M1.6,0.8l3.6,4.8c0.4,0.5,1.2,0.5,1.6,0l3.6-4.8C10.8,0.3,11.4,0,12,0H0C0.6,0,1.2,0.3,1.6,0.8z'/%3E%3C/svg%3E%0A\");\n background-position: bottom center;\n background-repeat: no-repeat;\n }\n }\n &-inp {\n font-size: 16px;\n display: block;\n width: 100%;\n margin-top: 8px;\n position: relative;\n background-color: #fff;\n z-index: 2;\n\n &::-webkit-credentials-auto-fill-button,\n &::-webkit-contacts-auto-fill-button {\n background-color: #8894AB;\n }\n\n &.forPassword{\n padding-right: 44px;\n\n html[dir=\"rtl\"] & {\n padding-left: 44px;\n padding-right: 12px;\n }\n }\n\n &:focus {\n outline: none;\n border-color: #799AF8;\n box-shadow: 0 0 0 3px #d3ddfd;\n }\n &::placeholder { color: #b9c5cb; }\n &.errored { border-color: #D4372C; box-shadow: 0px 0px 0px 3px #F6D7D5; }\n &.successed { border-color: #4caf50; box-shadow: 0 0 0px 3px #c8e6c9; }\n }\n\n &-lbl-err {\n background-color: #D4372C;\n color: #fff;\n display: inline-block;\n margin-top: 0;\n font-size: 12px;\n text-align: left;\n padding: 0 8px;\n border-radius: 2px;\n z-index: 1;\n line-height: 0;\n transition: all .2s;\n overflow: hidden;\n\n &.isVisible { \n padding: 4px 8px;\n margin-top: 8px;\n line-height: 16px;\n }\n &.forTerms { bottom: 5px; border-radius: 0 4px 4px 4px; padding: 4px 8px; }\n }\n }\n\n @keyframes fieldsSmoothEnter {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hPass-reqs {\n color: #0A1551;\n font-size: .875rem;\n text-align: left;\n line-height: 1.5em;\n margin-bottom: 2em;\n transition: max-height .3s ease-in-out;\n\n p { \n margin: 0.5em 0 1em;\n color: #333;\n }\n ul {\n margin: 0; padding: 0 0 0 1.25em; list-style-type: disc;\n\n &.has-icon {\n padding: 0;\n list-style-type: none;\n }\n }\n li {\n opacity: 0;\n animation: fieldsSmoothEnter .3s ease-in-out forwards;\n display: flex;\n align-items: center;\n }\n li + li { margin-top: .25em; }\n\n .hPass-reqs-info-text {\n display: flex;\n align-items: center;\n color: #6C73A8;\n gap: 0.5rem;\n }\n\n .hPass-reqs-info-icon {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n }\n }\n\n .hPass-req {\n span {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n\n html[dir=\"rtl\"] & {\n margin-left: 8px;\n margin-right: 0;\n }\n }\n\n &.isGood, &.isBad {\n svg {\n fill: #fff;\n width: 12px;\n height: 12px;\n }\n }\n\n &.isGood {\n color: #2B3245;\n span {\n background-color: #54B45C;\n }\n }\n\n &.isBad {\n color: #2B3245;\n span {\n background-color: #FB4958;\n }\n }\n\n &.isNeutral {\n span {\n background-color: #C8CEED;\n }\n }\n }\n\n .forgot-password-ui {\n margin-left: auto;\n display: block;\n margin-top: 8px;\n background-color: transparent;\n border: 0;\n padding: 0;\n font-size: 14px;\n color: #4277FF;\n text-decoration: underline;\n cursor: pointer;\n }\n`;\n","import Styled from 'styled-components';\nexport const ScPieTimerWrapper = Styled.div`\n display: flex;\n align-items: center;\n\n div {\n margin-right: 6px;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 6px;\n }\n #loader {\n fill: #fff;\n }\n\n svg {\n width: 20px;\n display: block;\n border-radius: 50%;\n border: 2px solid #cfd8dc;\n }\n }\n`;\n","/* eslint-disable max-len */ import { _ as _object_spread } from \"@swc/helpers/_/_object_spread\";\nimport { _ as _object_spread_props } from \"@swc/helpers/_/_object_spread_props\";\nimport { _ as _object_without_properties } from \"@swc/helpers/_/_object_without_properties\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport Styled from 'styled-components';\nimport { string, bool, func } from 'prop-types';\nimport { t } from '@jotforminc/translation';\nimport { IconLockFilled } from '@jotforminc/svg-icons';\nexport const ScToggle = Styled.div`\n ${(props)=>props.squareMode ? `\n padding: 0 8px;\n border-radius: 4px;\n height: 35px;\n background-color: #56687B;\n display: inline-flex;\n align-items: center;` : `\n width: 48px;\n height: 24px;\n border-radius: 12px;\n background-color: #a0a1b2;`}\n position: relative;\n cursor: pointer;\n\n &:after, &:before {\n content: \"\";\n display: block;\n position: absolute;\n border-radius: ${(props)=>props.squareMode ? '4px' : '50%'};\n box-sizing: border-box;\n }\n\n &:after {\n ${(props)=>props.squareMode ? `\n width: 22px;\n height: 22px;\n top: 6px;\n left: 8px;\n border: 1px solid #a3aebb;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.353 1.742v16.91M7 1.742v16.91m5.647-16.91v16.91' stroke='%23C4CED9' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'/%3E%3C/svg%3E\");\n background-size: 10px;\n background-repeat: no-repeat;\n background-position: center;\n html[dir=\"rtl\"] & {\n left: 0;\n right: 8px;\n }\n ` : `\n box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.11);\n width: 28px;\n height: 28px;\n top: -2px;\n left: -2px;\n border: 1px solid #f4f4f6;\n html[dir=\"rtl\"] & {\n left: 0;\n right: -2px;\n }\n `}\n background-color: #fff;\n z-index: 1;\n }\n\n /* for loading */\n\n @keyframes spinz { to { transform: rotate(360deg); } }\n @keyframes appearz { to { opacity: 1; } }\n\n &.isLoading:before {\n ${(props)=>props.squareMode ? `\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: rgba(255, 255, 255, .8);\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%237b7f88' stroke-dasharray='164.93361431346415 56.97787143782138' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E\");\n background-size: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 20px;` : `\n opacity: 0;\n width: 26px;\n height: 26px;\n top: -1px;\n left: -1px;\n border-width: 3px;\n border-style: solid;\n border-color: #a0a1b2 #a0a1b2 #a0a1b2 transparent;\n animation: spinz 1s cubic-bezier(0.49, 0.95, 0.46, 0.08) infinite forwards, appearz .15s 1 forwards .15s;`}\n z-index: 2;\n }\n\n &, &:after, &:before { transition: all .25s ease; }\n`;\nconst ScToggleText = Styled.div`\n font-size: 15px;\n font-weight: 500;\n color: #fff;\n opacity: 0;\n transition: opacity .25s ease;\n user-select: none;\n line-height: 1rem;\n\n &:fist-child { opacity: 0; }\n &:last-child { opacity: 1; }\n & + & {\n margin-left: 8px;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: 8px;\n }\n }\n`;\nconst ScDefaultSizeText = Styled.span`\n opacity: 0;\n font-size: 15px;\n font-weight: 500;\n max-width: 27px;\n`;\nconst ScToggleIcon = Styled.div`\n display: flex;\n align-items: center;\n position: relative;\n user-select: none;\n\n & + & {\n margin-left: 8px;\n html[dir=\"rtl\"] & {\n margin-left: 0;\n margin-right: 8px;\n }\n }\n\n // somehow storybook requires svg with/height styling\n & > svg {\n opacity: .5;\n color: #fff;\n width: 18px;\n height: 18px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &:first-of-type > svg { left: 4px; }\n &:last-of-type > svg { right: 4px; }\n\n & > span {\n opacity: 0;\n font-size: 15px;\n font-weight: 500;\n }\n`;\nconst ScLine = Styled.button`\n border-width: 0;\n display: flex;\n font-size: 1em;\n line-height: 1.5;\n background-color: transparent;\n padding: 0;\n margin: 0;\n\n .t-content { flex: 1 1 0; }\n .t-label { color: #0A1551; font-weight: ${(p)=>p.multiline === true ? '700' : '400'}; ${(p)=>p.isTitleUppercase === true ? 'text-transform: uppercase' : ''}; }\n .t-desc { font-size: .875em; font-weight: 400; color: #6C73A8; }\n .t-desc span,\n .t-label span { font-weight: 700; }\n\n\n &[data-disabled=true] {\n opacity: .5;\n }\n\n /* selected */\n &[data-selected=true] > ${ScToggle} {\n background-color: ${({ branding21 })=>branding21 ? '#0099FF' : '#4277ff'};\n\n ${ScToggleText}:first-child { opacity: 1; }\n ${ScToggleText}:last-child { opacity: 0; }\n\n &:after {\n ${(props)=>props.squareMode ? `\n left: calc(100% - 30px);` : `\n transform: translateX(25px);`}\n html[dir=\"rtl\"] & {\n ${(props)=>props.squareMode ? `\n left: 0;\n right: calc(100% - 30px);` : `\n transform: translateX(-25px);`}\n }\n }\n ${(props)=>!props.squareMode && '&.isLoading:before { margin-left: 25px; }'}\n }\n\n /* mixed-value */\n &[data-mixed=true] > ${ScToggle} {\n background-color: #7b7f88;\n ${ScToggleText}:first-child { opacity: 0;}\n ${ScToggleText}:last-child { opacity: 0;}\n\n &:after {\n ${(props)=>props.squareMode ? `\n left: 50%;\n transform: translate(-50%);` : ''}\n }\n }\n\n /* hover */\n &:not([data-selected=true]):not([data-disabled=true]):hover > ${ScToggle} {\n }\n\n /* focus */\n &:focus { outline: 0; }\n &:focus > ${ScToggle} {\n }\n`;\nconst Toggle = /*#__PURE__*/ forwardRef((_param, ref)=>{\n var { text, value, desc, isSelected, onClick, isLoading, isMultiLine, isTitleUppercase, onFieldError, squareMode, onText, offText, isMixed, readOnly, ariaLabel, noTextMode } = _param, props = _object_without_properties(_param, [\n \"text\",\n \"value\",\n \"desc\",\n \"isSelected\",\n \"onClick\",\n \"isLoading\",\n \"isMultiLine\",\n \"isTitleUppercase\",\n \"onFieldError\",\n \"squareMode\",\n \"onText\",\n \"offText\",\n \"isMixed\",\n \"readOnly\",\n \"ariaLabel\",\n \"noTextMode\"\n ]);\n const handleOnClick = (e)=>{\n if (readOnly) return;\n onClick(e);\n };\n const branding21 = true;\n return /*#__PURE__*/ _jsxs(ScLine, _object_spread_props(_object_spread({\n type: \"button\",\n onClick: handleOnClick,\n \"data-value\": value,\n \"data-selected\": isSelected,\n multiline: isMultiLine,\n isTitleUppercase: isTitleUppercase,\n squareMode: squareMode,\n tabIndex: 0,\n \"data-mixed\": isMixed,\n ref: ref,\n branding21: branding21\n }, props), {\n ariaLabel: t(ariaLabel),\n children: [\n (text || desc) && /*#__PURE__*/ _jsxs(\"div\", {\n className: \"t-content\",\n children: [\n text && /*#__PURE__*/ _jsx(\"div\", {\n className: \"t-label\",\n children: text\n }),\n desc && /*#__PURE__*/ _jsx(\"div\", {\n className: \"t-desc\",\n children: desc\n })\n ]\n }),\n /*#__PURE__*/ _jsxs(ScToggle, {\n className: `toggle ${isLoading ? 'isLoading' : ''}`,\n squareMode: squareMode,\n children: [\n squareMode && !readOnly && /*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n /*#__PURE__*/ _jsx(ScToggleText, {\n children: t(onText)\n }),\n /*#__PURE__*/ _jsx(ScToggleText, {\n children: t(offText)\n })\n ]\n }),\n squareMode && readOnly && /*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n /*#__PURE__*/ _jsxs(ScToggleIcon, {\n children: [\n noTextMode ? /*#__PURE__*/ _jsx(ScDefaultSizeText, {\n children: t(onText)\n }) : /*#__PURE__*/ _jsx(\"span\", {\n children: t(onText)\n }),\n /*#__PURE__*/ _jsx(IconLockFilled, {})\n ]\n }),\n /*#__PURE__*/ _jsxs(ScToggleIcon, {\n children: [\n noTextMode ? /*#__PURE__*/ _jsx(ScDefaultSizeText, {\n children: t(offText)\n }) : /*#__PURE__*/ _jsx(\"span\", {\n children: t(offText)\n }),\n /*#__PURE__*/ _jsx(IconLockFilled, {})\n ]\n })\n ]\n })\n ]\n })\n ]\n }));\n});\nToggle.propTypes = {\n text: string,\n value: string,\n desc: string,\n isLoading: bool,\n isSelected: bool,\n isMultiLine: bool,\n isTitleUppercase: bool,\n onClick: func,\n onFieldError: func,\n squareMode: bool,\n isMixed: bool,\n readOnly: bool,\n offText: string,\n onText: string,\n ariaLabel: string,\n noTextMode: bool\n};\nToggle.defaultProps = {\n text: '',\n value: '',\n desc: '',\n isLoading: false,\n isSelected: false,\n isMultiLine: false,\n isTitleUppercase: true,\n onClick: (f)=>f,\n onFieldError: (f)=>f,\n squareMode: false,\n offText: 'OFF',\n onText: 'ON',\n isMixed: false,\n readOnly: false,\n ariaLabel: 'toggle button',\n noTextMode: false\n};\nexport default Toggle;\n","import styled, { css } from 'styled-components';\nconst commonForRadioAndCheck = css`\n width: 16px;\n height: 16px;\n display: block;\n border: 1px solid #a8aab5;\n margin-right: 6px;\n cursor: pointer;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 6px;\n }\n`;\nexport const ScRadio = styled.div`\n ${commonForRadioAndCheck}\n border-radius: 50%;\n transition: all .4s ease;\n`;\nexport const ScCheckbox = styled.div`\n ${commonForRadioAndCheck}\n position: relative;\n border-radius: 2px;\n transition: all .25s ease;\n\n &:before, &:after {\n display: inline-block;\n content: \"\";\n position: absolute;\n border-radius: 2px;\n background-color: #fff;\n width: 2px;\n opacity: 0;\n transition: all .25s ease;\n }\n\n &:before {\n top: 6px; left: 3px; height: 5px;\n transform: rotate(-45deg);\n }\n\n &:after {\n top: 2px; left: 7px; height: 10px;\n transform: rotate(45deg);\n }\n`;\nexport const ScOptionList = styled.ul`\n padding: .75em 0 0;\n margin: 0;\n list-style: none;\n\n li + li { margin-top: ${(p)=>{\n if (p.narrowMargins === true) return '8px';\n return p.multiline === true ? '1.5em' : '.75em';\n}}; }\n`;\nexport const ScOption = styled.div`\n cursor: pointer;\n display: flex;\n font-size: 1em;\n line-height: 1.5;\n align-items: center;\n\n .optionIcon {\n color: transparent;\n width: 28px;\n height: 28px;\n margin: 0 18px;\n margin-left: auto;\n }\n\n ${(p)=>p.fillColor && `\n background: #FFFFFF;\n border: 1px solid #BCBDD2;\n box-sizing: border-box;\n border-radius: 4px;\n\n .o-label {\n margin-top: 11px;\n font-size: 16px;\n }\n .o-desc {\n margin-bottom: 14px;\n font-size: 15px;\n }\n\n\n &[data-selected=true] {\n .o-label {\n color: ${p.fillColor};\n }\n background: ${p.backgroundColor};\n border-color: ${p.borderColor};\n }\n\n &[data-selected=true] > svg {\n fill: ${p.fillColor};\n }\n\n &[data-selected=true] > svg > circle {\n fill: ${p.fillColor};\n }\n `}\n\n .o-label { font-weight: ${(p)=>p.multiline === true ? '700' : '400'}; }\n .o-desc span,\n .o-label span { font-weight: 700; }\n\n ${ScRadio}, ${ScCheckbox} { flex-shrink: 0; }\n\n &[data-disabled=true] {\n opacity: .5;\n\n & > ${ScRadio}, ${ScCheckbox} { cursor: not-allowed; }\n }\n\n &[data-selected=true] > ${ScRadio} {\n background-color: #4573e3;\n border-color: #4573e3;\n box-shadow: inset 0px 0 0px 3px #dfe8fa;\n }\n @media (hover: hover) {\n &:not([data-selected=true]):not([data-disabled=true]):hover {\n & > ${ScRadio} {\n background-color: rgba(68, 115, 227, 0.3);\n box-shadow: inset 0px 0 0px 3px #fff;\n }\n\n & > ${ScCheckbox} {\n background-color: rgba(68,115,227,0.3);\n border-color: rgba(68,115,227,0.3);\n &:before, &:after { opacity: 1; }\n }\n }\n }\n\n &[data-selected=true] > ${ScCheckbox} {\n background-color: #4573e3;\n border-color: #4573e3;\n\n &:before, &:after { opacity: 1; }\n }\n\n &:focus { outline: 0; }\n &:focus > ${ScRadio} {\n border-color: #4573e3;\n box-shadow: 0px 0 0px 5px #dfe8fa;\n }\n &[data-selected=true]:focus > ${ScRadio} {\n box-shadow: inset 0px 0 0px 3px #dfe8fa, 0px 0 0px 5px #dfe8fa;\n }\n\n &:focus > ${ScCheckbox} {\n border-color: #4573e3;\n box-shadow: 0px 0 0px 5px rgba(68,115,227,0.3);\n }\n\n /* With double line, we increase size for radio/text reatio */\n ${ScRadio} {\n ${(p)=>p.multiline && `\n width: 18px;\n height: 18px;\n margin-inline-end: 12px;\n `}\n }\n`;\n","/* eslint-disable max-len */ // import React from 'react';\nimport { string, bool, number, oneOf } from 'prop-types';\nimport styled, { css, keyframes } from 'styled-components';\nimport { darken, lighten, rgba } from 'polished';\nimport { OptionGroup } from '@jotforminc/option-group';\nimport { colors } from '../helpers/constants';\nconst onMobile = '@media (max-width: 480px)';\nexport const ButtonUnstyled = styled.button` && {\n border: none;\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n\n &,\n &:focus,\n &:hover {\n background-color: transparent;\n }\n}`;\nexport const MethodList = styled(OptionGroup)`\n padding: 0;\n color: ${colors.navy};\n\n li {\n & + li {\n margin: 0;\n }\n\n > div {\n padding: 14px 12px;\n // margin-left: -8px; // to align radio with text\n border: 1px solid transparent;\n font-size: 14px;\n\n ${onMobile} {\n padding: 14px 6px;\n }\n\n &[data-selected=true] {\n border-color: #4573E3;\n border-radius: 4px;\n background-color: ${rgba('#E9EEFF', 0.4)};\n }\n }\n }\n\n .o-wrapper {\n position: relative;\n padding-left: 102px;\n height: 50px;\n margin-left: -6px;\n display: flex;\n justify-content: center;\n flex-direction: column;\n\n ${onMobile} {\n padding-left: 51px;\n }\n\n html[dir=\"rtl\"] & {\n padding-left: 0;\n padding-right: 102px;\n\n ${onMobile} {\n padding-right: 51px;\n }\n }\n\n .o-label,\n .o-desc {\n line-height: 1.4;\n }\n\n .o-label {\n font-size: 18px;\n font-weight: 700;\n\n ${onMobile} {\n font-size: 15px;\n }\n\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n max-height: 40px;\n max-width: 50px;\n width: 100%;\n height: 100%;\n\n ${onMobile} {\n left: 6px;\n max-height: 20px;\n max-width: 20px;\n }\n\n html[dir=\"rtl\"] & {\n left: unset;\n right: 12px;\n\n ${onMobile} {\n right: 6px;\n }\n }\n }\n }\n\n .o-desc {\n font-size: 15px;\n font-weight: 400;\n\n ${onMobile} {\n font-size: 13px;\n }\n }\n }\n`;\nconst rotate = (initial)=>keyframes`\n from {\n transform: ${initial} rotate(0deg);\n }\n\n to {\n transform: ${initial} rotate(360deg);\n }\n`;\nexport const TextCode = styled.input`\n height: 38px;\n font-size: 15px;\n text-align: center;\n border: 1px solid #C9C8C9;\n border-radius: 4px;\n margin-top: 8px;\n\n ${onMobile} {\n font-size: 13px;\n }\n`;\nexport const QRCodeWrapper = styled.div`\n height: 124px;\n width: 124px;\n flex-shrink: 0;\n\n svg {\n display: block;\n height: 100%;\n width: 100%;\n opacity: 1;\n transition: opacity 333ms cubic-bezier(.55,.06,.68,.19);\n }\n\n ${({ color, loading })=>loading ? css`\n position: relative;\n cursor: wait;\n\n svg {\n opacity: 0;\n pointer-events: none;\n\n &,\n &::before {\n font-size: 0;\n color: transparent;\n }\n }\n\n &::after {\n content: '' !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.25' stroke='${encodeURIComponent(color)}' stroke-opacity='.5' stroke-width='1.5'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cpath d='M8.27429 7.38462V0H0v16h16V8.53333h-2.6667L8.27429 7.38462z' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Ccircle cx='8' cy='8' r='7.25' stroke='${encodeURIComponent(color)}' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center;\n animation: ${rotate(css`translate(-50%,-50%)`)} 1.5s linear infinite;\n pointer-events: none;\n z-index: 1;\n }\n ` : null}\n`;\nQRCodeWrapper.propTypes = {\n color: string,\n loaded: bool\n};\nQRCodeWrapper.defaultProps = {\n color: '#4277FF',\n loaded: true\n};\nexport const Image = styled.div`\n margin-top: 10px;\n margin-bottom: 12px;\n`;\nexport const Text = styled.div`\n text-align: ${({ align })=>align};\n\n &:empty {\n display: none;\n }\n\n a {\n text-decoration: none;\n }\n\n &,\n d { color: ${colors.navy} };\n a,\n hl {\n &:not([color]) { color: ${colors.blue}; }\n &[color='green'] { color: ${colors.green}; }\n &[color='red'] { color: ${colors.red}; }\n }\n b { font-weight: 500; }\n b2 { font-weight: 700; }\n\n section {\n margin-top: 0;\n margin-bottom: 8px;\n display: flex;\n flex-direction: column;\n\n html[dir=\"rtl\"] & {\n text-align: right;\n }\n\n }\n\n p {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 8px;\n }\n\n`;\nText.defaultProps = {\n align: 'left'\n};\nexport const Heading = styled(Text)`\n font-size: 18px;\n font-weight: 500;\n line-height: 25px;\n color: ${colors.navy};\n margin-bottom: 20px;\n`;\nexport const Description = styled(Text)`\n color: #8D8FA8;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\nexport const Button = styled.button` && {\n position: relative;\n height: ${({ height })=>height}px;\n padding: 0 ${({ type })=>[\n 'naked'\n ].includes(type) ? 0 : 24}px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n text-transform: ${({ letterCase })=>letterCase};\n user-select: none;\n transition-duration: 300ms;\n transition-property: color, background-color, border-color;\n transition-timing-function: ease-in-out;\n\n border-width: 1px;\n border-radius: 4px;\n border-style: solid;\n\n ${onMobile} {\n padding: 0 12px;\n }\n\n &,\n &:hover {\n border-color: ${({ type, color })=>[\n 'naked'\n ].includes(type) ? 'transparent' : color};\n background-color: ${({ type, color })=>[\n 'stroke',\n 'naked'\n ].includes(type) ? 'transparent' : color};\n background-clip: padding-box;\n }\n\n color: ${({ type, color, foregroundColor })=>[\n 'stroke',\n 'naked'\n ].includes(type) ? color : foregroundColor};\n\n font-weight: 500;\n font-size: ${({ fontSize })=>fontSize}px;\n\n svg {\n max-height: 20px;\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-left: -${({ type })=>[\n 'naked'\n ].includes(type) ? 0 : 12}px;\n\n html[dir=\"rtl\"] & {\n margin-right: -${({ type })=>[\n 'naked'\n ].includes(type) ? 0 : 12}px;\n margin-left: 10px;\n }\n\n ${onMobile} {\n max-height: 16px;\n width: 16px;\n margin-left: -${({ type })=>[\n 'naked'\n ].includes(type) ? 0 : 6}px;\n margin-right: 5px;\n\n html[dir=\"rtl\"] & {\n margin-left: 5px;\n margin-right: -${({ type })=>[\n 'naked'\n ].includes(type) ? 0 : 6}px;\n }\n }\n }\n\n ${({ onClick })=>onClick ? css`\n cursor: pointer;\n\n &:hover {\n color: ${({ type, color, foregroundColor })=>lighten(0.05, [\n 'stroke',\n 'naked'\n ].includes(type) ? color : foregroundColor)};\n border-color: ${({ type, color })=>[\n 'naked'\n ].includes(type) ? 'transparent' : lighten(0.05, color)};\n background-color: ${({ type, color })=>[\n 'stroke',\n 'naked'\n ].includes(type) ? 'transparent' : lighten(0.05, color)};\n }\n\n &:focus {\n color: ${({ type, color, foregroundColor })=>darken(0.05, [\n 'stroke',\n 'naked'\n ].includes(type) ? color : foregroundColor)};\n border-color: ${({ type, color })=>[\n 'naked'\n ].includes(type) ? 'transparent' : darken(0.05, color)};\n background-color: ${({ type, color })=>[\n 'stroke',\n 'naked'\n ].includes(type) ? 'transparent' : darken(0.05, color)};\n }\n ` : null}\n\n ${({ loading, type, color, foregroundColor })=>loading ? css`\n color: transparent !important;\n transition-duration: 0ms !important;\n cursor: wait;\n\n &::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.25' stroke='${encodeURIComponent([\n 'stroke',\n 'naked'\n ].includes(type) ? color : foregroundColor)}' stroke-opacity='.5' stroke-width='1.5'/%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cpath d='M8.27429 7.38462V0H0v16h16V8.53333h-2.6667L8.27429 7.38462z' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Ccircle cx='8' cy='8' r='7.25' stroke='${encodeURIComponent([\n 'stroke',\n 'naked'\n ].includes(type) ? color : foregroundColor)}' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center;\n animation: ${rotate(css`translate(-50%,-50%)`)} 1.5s linear infinite;\n pointer-events: none;\n z-index: 1;\n }\n ` : null}\n}`;\nButton.propTypes = {\n color: string,\n foregroundColor: string,\n height: number,\n fontSize: number,\n letterCase: oneOf([\n 'none',\n 'lowercase',\n 'uppercase',\n 'capitalize'\n ]),\n type: oneOf([\n 'stroke',\n 'naked'\n ])\n};\nButton.defaultProps = {\n color: '#0099FF',\n foregroundColor: '#ffffff',\n height: 36,\n fontSize: 14,\n letterCase: 'uppercase',\n type: null\n};\nexport const Body = styled.div`\n display: flex;\n flex-direction: column;\n align-items: ${({ align })=>align};\n justify-content: center;\n padding: 16px ${({ wide })=>wide ? 64 : 32}px 26px;\n\n ${onMobile} {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n`;\nBody.defaultProps = {\n align: 'stretch',\n wide: null\n};\nexport const Footer = styled.div`\n display: flex;\n justify-content: ${({ align })=>align};\n flex-direction: ${({ reverse })=>reverse ? 'row-reverse' : 'row'};\n padding: 12px 32px;\n border-top: 1px solid #EAEBF2;\n align-self: stretch;\n\n ${onMobile} {\n padding-left: 16px;\n padding-right: 16px;\n }\n`;\nFooter.propsTypes = {\n align: string,\n reverse: bool\n};\nFooter.defaultProps = {\n align: 'space-between',\n reverse: false\n};\nexport const Container = styled.div`\n font-family: 'Circular', sans-serif;\n font-size: 15px;\n line-height: 24px;\n display: flex;\n flex-direction: column;\n\n ${({ center })=>center ? css`\n align-items: center;\n justify-content: center;\n ` : null}\n\n flex: 1;\n height: 100%;\n width: 100%;\n // max-width: 510px;\n\n ${Body} {\n // margin: auto 0;\n }\n\n ${Footer} {\n margin-top: auto;\n }\n`;\nconst MessageContaiener = styled.div`\n font-family: 'Circular', sans-serif;\n font-size: 11px;\n line-height: 1.28;\n display: flex;\n flex-direction: column;\n background-color: ${colors.grey};\n color: #fff;\n border-radius: 4px;\n background-size: 12px;\n background-position: 6px;\n text-align: left;\n background-repeat: no-repeat;\n padding: 5px 5px 5px 24px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1683 1.6843a6.0016 6.0016 0 011.8315 4.2636 6.0002 6.0002 0 01-8.368 5.565 6.0001 6.0001 0 116.5365-9.8286zm-3.642 3.642v-2.4h-1.2v3.6h1.2v-1.2zm0 3.6v-1.2h-1.2v1.2h1.2z' fill='%23fff'/%3E%3C/svg%3E\");\n flex: 1;\n height: 100%;\n width: 100%;\n // max-width: 510px;\n`;\nexport const ErrorContainer = styled(MessageContaiener)`\n background-color: ${colors.red};\n`;\nexport const InfoContainer = styled(MessageContaiener)`\n background-color: ${colors.blue};\n`;\n","/* eslint-disable max-len */ import { _ as _object_spread } from \"@swc/helpers/_/_object_spread\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { number } from 'prop-types';\nimport styled, { css } from 'styled-components';\nimport { Button } from '@jotforminc/common-button';\nimport { StyledModal as Modal } from '@jotforminc/styled-modal';\nimport Toggle from '@jotforminc/toggle';\nimport { Tooltip } from '@jotforminc/tooltip';\nimport { Button as ButtonSC } from '../components/styled';\nconst borderColor = '#E3E5F5';\nconst descColor = '#2C3345';\nconst primaryIndicatorColor = '#8A94A9';\nconst black = '#000';\nconst settingsBlue = '#0099FF';\nconst infoBlueTextBg = '#F4F7FF';\nconst infoBlueTextColor = '#001D68';\nconst infoOrange = '#F5A51C';\nconst infoOrangeTextBg = '#FFF5D2';\nconst infoOrangeTextColor = '#0A1551';\nexport const ScSettingsWrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n\n *, *::before, *::after {\n font-family: 'Circular', sans-serif;\n box-sizing: inherit;\n\n }\n`;\nexport const ScTooltip = styled.div`\n pointer-events: none;\n opacity: 0;\n max-width: 145px;\n background-color: #444;\n color: #fff;\n font-size: 12px;\n border-radius: 2px;\n position: absolute;\n padding: 6px 12px;\n top: 25px;\n left: -4px;\n transform: translateY(5px);\n transition: .4s;\n transition-delay: 250ms;\n z-index: 9;\n\n html[dir=\"rtl\"] & {\n left: unset;\n right: -4px;\n }\n\n :after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 6px;\n transform: translateY(-100%);\n border-width: 8px;\n border-style: solid;\n border-color: transparent transparent #444 transparent;\n\n html[dir=\"rtl\"] & {\n left: unset;\n right: 6px;\n }\n }\n`;\nexport const ScToggleWrapper = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n padding-bottom: 20px;\n gap: 16px;\n\n\n p {\n flex-grow: 1;\n flex-basis: 60%;\n margin: 0 0 2px;\n max-width: 460px;\n color: ${descColor};\n font-size: 14px;\n text-align: left;\n\n html[dir=\"rtl\"] & {\n text-align: right;\n }\n a {\n color: #0075E3;\n text-decoration: underline;\n }\n }\n\n div {\n flex-shrink: 0;\n }\n\n span {\n width: 100%;\n font-size: 14px;\n }\n`;\nexport const ScTooltipV2Wrapper = styled.div`\n position: relative;\n`;\nexport const ScTooltipV2 = styled((props)=>/*#__PURE__*/ _jsx(Tooltip, _object_spread({}, props)))`\n width: 190px;\n text-align: center;\n \n &.jfTooltipNew {\n &.tooltipAttachTop {\n left: unset;\n }\n }\n [dir='rtl'] & {\n right: -210px;\n }\n @media screen and (max-width: 640px) {\n right: -100px;\n }\n`;\nexport const ScToggle = styled((props)=>/*#__PURE__*/ _jsx(Toggle, _object_spread({}, props)))`\n &:hover {\n opacity: 1;\n }\n`;\nexport const ScMethodsWrapper = styled.div`\n display: flex;\n flex-direction: column;\n\n h4 {\n color: ${black};\n font-size: 14px;\n margin: 12px 0 0 0;\n font-weight: 500;\n border-bottom: 1px solid ${borderColor};\n padding: 0 0 7px 0;\n }\n`;\nexport const ScMethodButton = styled(ButtonSC)` && {\n &,\n &:hover {\n display: block;\n padding: 0 8px;\n min-width: 84px;\n \n ${({ isGenerateNewCodesButton })=>isGenerateNewCodesButton ? css`\n @media screen and (max-width: 500px) { & {\n width: 100%;\n } }\n ` : null}\n\n ${({ isPrimary, loading })=>isPrimary && !loading ? css`\n &,\n &[disabled],\n &:disabled {\n cursor: default;\n ` : null}\n }\n}\n}`;\nScMethodButton.propTypes = ButtonSC.propTypes;\nScMethodButton.defaultProps = ButtonSC.defaultProps;\nexport const ScMethodItem = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-bottom: 1px solid ${borderColor};\n\n div {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: center;\n margin: 8px 0px 8px 0px;\n width: 100%;\n\n label {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n align-items: flex-start;\n flex-grow: 1;\n flex-basis: 50%;\n position: relative;\n\n input {\n position: relative;\n margin-left: 4px;\n margin-right: 8px;\n height: 16px;\n width: 16px;\n\n html[dir=\"rtl\"] & {\n margin-right: 4px;\n margin-left: 8px;\n }\n\n &:hover + ${ScTooltip} {\n opacity: 100;\n }\n }\n\n span {\n font-size: 12px;\n font-weight: 500;\n }\n\n & + p {\n font-size: 11px;\n margin: 0;\n color: ${primaryIndicatorColor};\n }\n }\n }\n`;\nexport const ScMethodTextWrapper = styled.div`\n display: flex;\n flex-direction: column;\n\n span {\n font-family: 'Circular';\n font-style: normal;\n line-height: 24px;\n }\n`;\nexport const ScMethodItemTitle = styled.span`\n font-weight: 700 !important;\n font-size: 16px !important;\n`;\nexport const ScMethodItemDesc = styled.span`\n font-weight: 400 !important;\n font-size: 14px !important;\n color: #6C73A8;\n`;\nexport const ScRecoveryCodesWrapper = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n padding-top: 6px;\n margin: 10px 0 0 0;\n\n @media screen and (max-width: 500px) { & {\n flex-direction: column;\n } }\n\n div {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 12px;\n \n @media screen and (max-width: 500px) { & {\n margin-bottom: 8px;\n } }\n }\n\n span {\n border-width: 1px;\n }\n\n h4 {\n color: ${black};\n font-size: 14px;\n margin: 0 12px 0 0;\n font-weight: 500;\n }\n`;\nexport const ScInfoBox = styled.div`\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n width: 100%;\n border-radius: 4px;\n\n &:not(:first-child) {\n margin-top: 13px;\n }\n\n overflow: hidden;\n\n > div {\n position: relative;\n background: ${(props)=>props.mode === 'warning' ? infoOrange : settingsBlue};\n width: 49px;\n\n svg {\n fill: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 24px;\n height: 24px;\n }\n\n & + div {\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 15px 12px;\n font-size: ${({ fontSize })=>fontSize}px;\n background: ${(props)=>props.mode === 'warning' ? infoOrangeTextBg : infoBlueTextBg};\n color: ${(props)=>props.mode === 'warning' ? infoOrangeTextColor : infoBlueTextColor};\n\n p {\n margin: 0;\n font-family: 'Circular';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n }\n }\n }\n`;\nScInfoBox.defaultProps = {\n fontSize: 12\n};\nScInfoBox.propTypes = {\n fontSize: number\n};\nexport const ScModal = styled((props)=>/*#__PURE__*/ _jsx(Modal, _object_spread({}, props)))``;\nexport const ScButton = styled((props)=>/*#__PURE__*/ _jsx(Button, _object_spread({}, props)))``;\n","import { _ as _object_spread } from \"@swc/helpers/_/_object_spread\";\nimport { _ as _object_spread_props } from \"@swc/helpers/_/_object_spread_props\";\nimport { _ as _object_without_properties } from \"@swc/helpers/_/_object_without_properties\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { string } from 'prop-types';\nimport classNames from 'classnames';\nimport Styled from 'styled-components';\nconst StyledSVG = Styled.svg`\n position: absolute;\n top: 50%;\n left: 50%;\n width: ${({ size = '70px' })=>size};\n height: ${({ size = '70px' })=>size};\n transform: translate(-50%, -50%);\n animation: jfLoading-svgRotate 2s linear 0s infinite normal none running;\n transform-origin: center center 0;\n\n .jfLoading-svgPath {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: jfLoading-svgPath 1.5s ease-in-out 0s infinite normal none running;\n stroke-linecap: round;\n }\n\n @keyframes jfLoading-svgPath {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n }\n\n @keyframes jfLoading-svgRotate {\n 100% {\n transform: rotate(360deg) translate(-50%, -50%);\n }\n }\n`;\nexport const Loading = (_param)=>{\n var { className = null, strokeWidth = '2', strokeColor = 'rgba(0,0,0,0.5)' } = _param, props = _object_without_properties(_param, [\n \"className\",\n \"strokeWidth\",\n \"strokeColor\"\n ]);\n return /*#__PURE__*/ _jsx(StyledSVG, _object_spread_props(_object_spread({\n viewBox: \"25 25 50 50\",\n className: classNames('jfLoading-loader', className)\n }, props), {\n children: /*#__PURE__*/ _jsx(\"circle\", {\n className: \"jfLoading-svgPath\",\n cx: \"50\",\n cy: \"50\",\n r: \"20\",\n fill: \"none\",\n strokeWidth: strokeWidth,\n stroke: strokeColor\n })\n }));\n};\nLoading.propTypes = {\n className: string,\n strokeColor: string,\n strokeWidth: string\n};\n","/* eslint-disable max-len */ import Styled, { css } from 'styled-components';\nexport const customFont = '-apple-system, BlinkMacSystemFont, \"Segoe UI\", roboto, oxygen-sans, ubuntu, cantarell, \"Helvetica Neue\", sans-serif';\n// '\"CircularStd\", \"Work Sans SemiBold\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", roboto, oxygen-sans, ubuntu, cantarell, \"Helvetica Neue\", sans-serif';\nexport const commonStyles = `\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n font-family: ${customFont};\n font-size: 16px;\n`;\nexport const ScBox = Styled.div`\n box-sizing: border-box;\n background-color: #fff;\n border-radius: 4px;\n margin: auto auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n\n .wBox-upper {\n position: absolute;\n left: 0;\n top: 0;\n right: 50px;\n height: 79px;\n }\n\n > div { flex: 1 1 auto; min-height: 0; }\n\n @media screen and (max-width: 480px) {\n border-radius: 0;\n }\n`;\nexport const ScHeader = Styled.div`\n @font-face {\n font-family:\"Circular\";\n src: local(\"Circular Medium\"), local(\"Circular-Medium\"), url(\"https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff2\") format(\"woff2\"), url(\"https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff\") format(\"woff\");\n font-display:swap;\n font-style:normal;\n font-weight: 500;\n }\n\n border-bottom: ${(p)=>p.withHeader === true ? '1px solid #eaebf2' : 0};\n display: flex;\n align-items: center;\n\n .header-content {\n flex: 1 1 auto;\n padding-left: 20px;\n .jShareModal-titleText {\n font-size: 20px;\n line-height: 24px;\n font-weight: 500;\n }\n\n html[dir=\"rtl\"] & {\n padding-left: 0;\n padding-right: 20px;\n }\n }\n\n .header-title {\n display: flex;\n align-items: center;\n font-size: 18px;\n font-weight: 500;\n font-family: \"Circular\",Work Sans Medium,-apple-system,Helvetica Neue,sans-serif;\n line-height: 20px;\n color: #141E46;\n height: 20px;\n margin: 0;\n\n .avatarHolder {\n margin-right: 10px;\n html[dir=\"rtl\"] & {\n margin-right: 0;\n margin-left: 10px;\n }\n }\n }\n\n .close-modal {\n margin: 18px;\n }\n && { flex: 0 0 auto; }\n\n @media screen and (max-width: 480px) {\n .header-content { padding-left: 1.5rem; }\n }\n`;\nexport const ScFooter = Styled.div`\n border-top: 1px solid #EDEEF5;\n border-radius: 0 0 4px 4px;\n background-color: #F8F8FA;\n min-height: 30px;\n padding: 12px 25px;\n\n && { flex: 0 0 auto; }\n\n @media screen and (max-width: 480px) {\n padding: 9px 18px;\n }\n`;\nexport const ScOverlay = Styled.div`\n * { box-sizing: border-box; }\n ${commonStyles};\n font-family: \"Circular\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", roboto, oxygen-sans, ubuntu, cantarell, \"Helvetica Neue\", sans-serif;\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 7002;\n background-color: rgba(37, 45, 91, 0.7);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n div[data-uikit-modal-container] {\n max-width: ${(p)=>p.maxWidth ? p.maxWidth : 630}px;\n }\n &.templateModal {\n div[data-uikit-modal-container] {\n max-width: 1440px;\n max-height: unset;\n height: 96%;\n }\n [data-sc=\"picker-body\"] {\n max-height: unset;\n }\n [data-sc=\"footer\"] {\n display: none;\n }\n }\n\n &.forWizard {\n div[data-uikit-modal-container] {\n max-width: 860px;\n min-height: 0;\n }\n .header-content {\n padding-left: 24px;\n }\n .jfTabs-tabs-button {\n color: #8D8FA8;\n border-bottom: 1px solid #EAEBF2;\n &[data-isactive=true] {\n color: #5e74e6;\n }\n &:after {\n background-color: #5e74e6;\n }\n }\n }\n\n &.contactsDeleteModal {\n .title {\n margin: 24px 0 12px 0;\n }\n .content {\n padding-bottom: 32px;\n p {\n max-width: 450px;\n width: 100%;\n background-color: #F3F3FE;\n border-radius: 4px;\n padding: 24px 32px;\n color: #0A1551;\n .contactNames {\n font-weight: 500;\n }\n }\n .subtitle {\n color: #8D8FA8;\n font-weight: 400;\n .undone {\n font-weight: 500;\n }\n }\n }\n }\n\n :not(:last-child) {\n display: none;\n }\n\n .forShareModal-assignee div[data-uikitgeneratedportalcontainer=true] {\n position: absolute;\n\n & > div {\n position: relative !important;\n }\n }\n\n & > div {\n ${(p)=>p.isFullScreen ? css`\n width: 100%;\n height: 100%;\n ` : css`\n width: 96%;\n max-width: 770px;\n max-height: 80vh;\n // min-height: 424px;\n `};\n display: flex;\n }\n\n ${(p)=>p.isFullScreen && css`\n ${ScBox} { border-radius: 0; }\n `};\n\n @media screen and (max-width: 480px), (max-height: 480px) {\n overflow: auto;\n display: block;\n &.is2FAModal {\n display: flex;\n height: auto !important; \n }\n\n & > div {\n max-height: none;\n height: 100svh;\n width: 100%;\n margin: 0;\n max-width: none;\n }\n }\n\n @media screen and (max-width: 480px) and (max-height: 380px) {\n & > div {\n height: calc(100vh + 88px);\n }\n }\n\n @media screen and (max-height: 414px) and (orientation: landscape) {\n & > div {\n height: unset;\n }\n }\n`;\n","function _define_property(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction _object_spread(target) {\n for(var i = 1; i < arguments.length; i++){\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n if (typeof Object.getOwnPropertySymbols === \"function\") {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n ownKeys.forEach(function(key) {\n _define_property(target, key, source[key]);\n });\n }\n return target;\n}\nfunction _object_without_properties(source, excluded) {\n if (source == null) return {};\n var target = _object_without_properties_loose(source, excluded);\n var key, i;\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n for(i = 0; i < sourceSymbolKeys.length; i++){\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n return target;\n}\nfunction _object_without_properties_loose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for(i = 0; i < sourceKeys.length; i++){\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nimport { getEnv, isHIPAA, isEU, getActiveApp, getRevision } from '@jotforminc/router-bridge';\nimport trackingList from '@jotforminc/tracking-config';\nimport FullStoryManager from './FullStoryManager';\nimport SentryManager from './SentryManager';\nclass TrackingManager {\n enableSentry(config, forceEnable = false) {\n if (forceEnable || getEnv() === 'PRODUCTION' && !isHIPAA() && !isEU()) {\n try {\n var _trackingList_activeApp;\n const activeApp = getActiveApp();\n const doesSentryNameExist = (_trackingList_activeApp = trackingList[activeApp]) === null || _trackingList_activeApp === void 0 ? void 0 : _trackingList_activeApp.sentry.name;\n const appName = activeApp === 'listings' ? 'js-listings' : activeApp;\n this.sentry = new SentryManager(_object_spread({}, config, doesSentryNameExist && {\n release: `${appName}@${getRevision()}`\n }));\n if (this.FS) {\n this.sentry.enableFSPlugin(this.FS);\n }\n } catch (error) {\n console.log('Failed to initialize Sentry !');\n }\n }\n }\n enableFS(userVars = null) {\n if (getEnv() === 'PRODUCTION' && !isHIPAA() && !isEU()) {\n try {\n if (!this.FSisInitialized()) {\n this.FS = new FullStoryManager({\n orgId: 'K1ZZ',\n debug: false\n });\n }\n if (userVars) {\n this.setUserVars(userVars);\n }\n if (this.sentry) {\n this.sentry.enableFSPlugin(this.FS);\n }\n } catch (error) {\n console.log('Failed to initialize Fullstory !');\n }\n }\n }\n enableErrorTracking(appName, forceEnable = false, extraConfigs = {}) {\n var _trackingList_appName, _trackingList_appName1;\n const configs = {\n sentry: _object_spread({}, trackingList === null || trackingList === void 0 ? void 0 : (_trackingList_appName = trackingList[appName]) === null || _trackingList_appName === void 0 ? void 0 : _trackingList_appName.sentry, extraConfigs === null || extraConfigs === void 0 ? void 0 : extraConfigs.sentry),\n fullStory: _object_spread({}, trackingList === null || trackingList === void 0 ? void 0 : (_trackingList_appName1 = trackingList[appName]) === null || _trackingList_appName1 === void 0 ? void 0 : _trackingList_appName1.fullStory, extraConfigs === null || extraConfigs === void 0 ? void 0 : extraConfigs.fullStory)\n };\n if (!Object.keys(configs.sentry || {}).length && !Object.keys(configs.fullStory || {}).length) {\n console.log(`Error tracking config couldn't found for ${appName}`);\n return;\n }\n // eslint-disable-next-line no-restricted-syntax\n for(const _ref in configs){\n let trackingType = _ref;\n if (trackingType !== 'sentry' && trackingType !== 'fullStory') {\n continue;\n }\n const config = configs[trackingType];\n if (config === undefined) continue;\n const { enable } = config, rest = _object_without_properties(config, [\n \"enable\"\n ]);\n if (enable) {\n if (!this.initTypes[trackingType]) {\n console.error(`Tracking type ${trackingType} couldn't found`);\n continue;\n }\n this.initTypes[trackingType](_object_spread({}, rest), forceEnable);\n }\n }\n }\n captureException(error, extras) {\n if (this.sentry) {\n var _this_sentry;\n (_this_sentry = this.sentry) === null || _this_sentry === void 0 ? void 0 : _this_sentry.captureException(error, extras);\n } else if (error instanceof Error) {\n console.log(`Sentry not initialized! \\nIf it's initialized, it would capture exception for ${error}\\nStack:${error.stack}`);\n } else {\n console.log(`Sentry not initialized! \\nIf it's initialized, it would capture exception for ${error}`);\n }\n }\n captureMessage(message, extras) {\n if (this.sentry) {\n var _this_sentry;\n (_this_sentry = this.sentry) === null || _this_sentry === void 0 ? void 0 : _this_sentry.captureMessage(message, extras);\n } else {\n console.log(`Sentry not initialized! \\nIf it's initialized, it would capture message for ${message}`);\n }\n }\n configureScope(callback) {\n var _this_sentry;\n (_this_sentry = this.sentry) === null || _this_sentry === void 0 ? void 0 : _this_sentry.configureScope(callback);\n }\n configureGlobalScope(callback) {\n var _this_sentry;\n (_this_sentry = this.sentry) === null || _this_sentry === void 0 ? void 0 : _this_sentry.configureGlobalScope(callback);\n }\n captureEvent(event, hint) {\n var _this_sentry;\n (_this_sentry = this.sentry) === null || _this_sentry === void 0 ? void 0 : _this_sentry.captureEvent(event, hint);\n }\n createReduxEnhancer(enhanceOptions) {\n var _this_sentry;\n return (_this_sentry = this.sentry) === null || _this_sentry === void 0 ? void 0 : _this_sentry.createReduxEnhancer(enhanceOptions);\n }\n setUserVars(userVars) {\n var _this_FS;\n (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.setUserVars(userVars);\n }\n FSisInitialized() {\n var _this_FS;\n return (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.isInitialized();\n }\n event(eventName, eventProperties) {\n var _this_FS;\n (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.event(eventName, eventProperties);\n }\n getCurrentSessionURL() {\n var _this_FS;\n return (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.getCurrentSessionURL();\n }\n identify(uid, customVars) {\n var _this_FS;\n (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.identify(uid, customVars);\n }\n shutdown() {\n var _this_FS;\n (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.shutdown();\n }\n restart() {\n var _this_FS;\n (_this_FS = this.FS) === null || _this_FS === void 0 ? void 0 : _this_FS.restart();\n }\n constructor(){\n _define_property(this, \"sentry\", void 0);\n _define_property(this, \"sentryOptions\", void 0);\n _define_property(this, \"FS\", void 0);\n _define_property(this, \"fullstoryOptions\", void 0);\n _define_property(this, \"initTypes\", {\n sentry: (config, forceEnable)=>this.enableSentry(_object_spread({}, config), forceEnable),\n fullStory: ()=>this.enableFS()\n });\n }\n}\nexport default TrackingManager;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8gBA;AC5gBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwBA;ACrCA;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;AAmBA;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC4FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACfA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;ACiDA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChMA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqPA;;;;;;;;;;;;;;;;;;;;;ACtRA;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AAQA;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;;;;;;;;;;;;;;;;;AAmBA;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;;;;AAIA;;AAEA;AACA;;;AAGA;AACA;AACA;;;;;AAKA;;;;;AAKA;;AAEA;;;;;;;;;;;AC3MA;AAEA;;;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;;AAMA;AAIA;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;;;AAIA;;;;;AAKA;;;AAGA;;;;;;;AAOA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;AClJA;;AAGA;;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;;;;AAcA;;;;;;;;AAQA;;;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;AAcA;;;;;;;;;;AAUA;;;;;;;;;;;AAWA;;;;;AAKA;;AAGA;;;;AAIA;;AAEA;;;;;;;;AASA;;;AAGA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;;AAGA;;;;AAIA;AACA;;;AAYA;AAEA;;;;;;;;;;;AAWA;;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;;;AAQA;;AAEA;;;;;;;;AASA;;AAGA;AACA;;;;AAMA;;;;;;;;;;AAUA;;;;;;AAMA;AAGA;;;;AAOA;;;AAMA;;;;;;;AAOA;;;AAKA;;;;AAMA;;;AAGA;;;;;AAOA;;;;;AAOA;;;;AAIA;AAIA;AAGA;;;;AAOA;AAIA;AAGA;;AAKA;;AAEA;;;;;;;;;;;;;AAaA;;;AASA;;;;AAIA;AACA;;;AA4BA;;AAEA;;AAEA;;;;;AAKA;;AAOA;AACA;;;;;AAKA;;;;AAIA;;;;;;;AAgBA;;;AAGA;;;;;;;AAOA;;;;AAIA;;;AAGA;;;;;;AAOA;;;;;;;;;;;;;AAaA;AAEA;AACA;AAEA;AACA;;;;;;;;;;;ACzdA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;AAqBA;;AAGA;;;;;;;;;;;;;;;AAgBA;;;;AAKA;;;;;AAMA;;;;AAIA;;;AAGA;;;;;;;AAQA;;;;AAIA;;AAEA;;;;;AAKA;;;AAGA;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;;;;;;;;;;;;;AAaA;;;;AAIA;;;;;;;;;AAUA;;;AAIA;;;;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;;;;;AAKA;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;AAoBA;AACA;AACA;;;;;;;;;;;;AAYA;;;;ACtTA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACXA;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;;;;;;;;;;;;AAaA;;AAGA;;;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA;;;AAGA;;;;;AAKA;;;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AC7GA;AAAA;AAEA;AAQA"}