\n \n \n \n
\n)\n\nconst ContactSection = () => (\n \n \n {i18n.t('components.footer.content')}\n \n
\n)\n\nconst LegalLinks = () => {\n const handleOneTrustToggle = () => {\n if (!window.OneTrust) return\n\n window.OneTrust.ToggleInfoDisplay()\n }\n\n return (\n \n \n {i18n.t('links.privacy_policy_link.text')}\n \n \n {i18n.t('links.terms_of_use_link.text')}\n \n \n {i18n.t('components.footer.one_trust_cookie_settings')}\n \n
\n )\n}\n\nconst LegalSection = () => (\n \n \n {i18n.t('components.footer.copyright_text')}\n \n
\n)\n\ntype Props = {\n flat?: boolean\n className?: string\n}\n\nexport default class Footer extends Component\n
\n \n )\n }\n}\n","import React from 'react'\n\nimport Button from '~/components/button'\nimport Icon from '~/components/icon'\nimport { i18n } from '~/i18n'\nimport './index.scss'\n\nexport const LogInLink = () => (\n \n {count}\n
\n )\n}\n\ntype Props = {\n cartItemCount: number | null | undefined\n}\n\nclass HeaderCart extends Component\n
\n )\n }\n}\n\nexport default HeaderCart\n","import styled from 'styled-components'\n\nimport { Wrapper as ProfilePictureWrapper } from '~/components/profile-picture/profile-picture.styles'\nimport { color, font, device } from '~/styles/utils'\n\nexport const CurrentGuestWrapper = styled.div`\n display: flex;\n align-items: center;\n\n & ${ProfilePictureWrapper} {\n background-color: ${color('lightGrey')};\n }\n\n & .amp-profile-picture {\n height: 35px;\n width: 35px;\n }\n\n & .greeting {\n display: none;\n\n @media ${device('notMobile')} {\n display: inline-block;\n ${font('bold')};\n text-transform: uppercase;\n font-size: 16px;\n margin-left: 16.5px;\n }\n }\n`\n","import React, { Component } from 'react'\n\nimport Button from '~/components/button'\n\nimport { CurrentGuestWrapper } from './current-guest.styles'\nimport ProfilePicture from '../../../profile-picture'\n\nimport type { GuestProfile } from '../../../../types'\n\ntype PictureProps = {\n profile: GuestProfile\n photoAltText: string\n greetingText: string\n}\n\ntype CurrentGuestProps = {\n currentGuestProfile?: GuestProfile\n myAccountPath?: string\n currentGuestContent?: {\n photoAltText: string\n greetingText: string\n }\n}\n\nexport class CurrentGuestProfilePicture extends Component\n 
\n
\n {this.props.greetingText}
\n {currentGuest}
\n }\n } else {\n return null\n }\n}\n\nexport default CurrentGuest\n","export default \"__VITE_ASSET__ClgPUWSh__\"","import Button from '../../button'\n\nimport React, { Component } from 'react'\n\nimport '../index.scss'\nimport EnglishLogo from '~/graphics/ikon-gold.svg'\n\nconst RenderBrandIcon = () => {\n return \n \n
\n )\n }\n}\n\nexport default HeaderLogo\n","import classNames from 'classnames'\nimport React, { Component } from 'react'\nimport '../index.scss'\n\ntype Props = {\n isCollapsed: boolean\n}\n\ntype State = {\n menuOpen: boolean\n}\n\nclass MenuIcon extends Component\n \n \n \n
\n )\n }\n}\n\nexport default MenuIcon\n","export default \"__VITE_ASSET__iKpxL$VS__\"","export default \"__VITE_ASSET__BwwO5ZgR__\"","export default \"__VITE_ASSET__U36pkcua__\"","import type { ProfileProduct } from '~/types'\n\nexport function validForBenefits(profileProduct: ProfileProduct) {\n return profileProduct.benefitsEnabled && !profileProduct.passDeferred\n}\n","import classNames from 'classnames'\nimport React, { Component } from 'react'\n\nimport { ACTION_KEYCODES } from '../../config'\nimport Icon from '../icon'\n\nimport type { ReactNode } from 'react'\n\nimport './content-toggle-v2.scss'\n\ntype Props = {\n className?: string\n openLabel?: ReactNode\n closeLabel?: ReactNode\n defaultOpen?: boolean\n children?: ReactNode\n}\n\ntype State = {\n open: boolean\n}\n\nexport default class ContentToggleV2 extends Component\n \n {this.state.open ? closeLabel : openLabel}\n
\n \n )\n }\n}\n","import React from 'react'\n\nimport Button from '~/components/button'\nimport ContentToggle from '~/components/content-toggle-v2'\nimport Icon from '~/components/icon'\nimport useFeatureFlags from '~/hooks/use-feature-flags'\nimport { i18n } from '~/i18n'\n\nimport './my-account-submenu.scss'\n\nimport type { GuestProfile } from '~/types'\n\ntype Props = {\n authenticated: boolean\n onClickLink?: () => any\n profile?: GuestProfile\n validForBenefits: boolean\n}\n\nconst ListItemLink = ({\n to,\n text,\n onClick,\n}: {\n to: string\n text: string\n onClick: (() => void) | null | undefined\n}) => (\n \n {this.state.open ? this.props.children : null}\n
\n \n
\n )\n}\n\nexport default function MyAccountSubmenu({\n onClickLink,\n profile,\n authenticated,\n validForBenefits,\n}: Props) {\n const { myAccountBenefitsEnabled } = useFeatureFlags()\n\n return (\n {text}
\n \n {authenticated ? (\n
\n )\n}\n","import React, { useEffect } from 'react'\nimport { useDispatch } from 'react-redux'\n\nimport { loadProfileProducts } from '~/actions/profile-products'\nimport useMemoizedSelector from '~/hooks/use-memoized-selector'\nimport { getProfileProducts } from '~/selectors/profile-products-selector'\nimport { validForBenefits } from '~/utils/benefits'\n\nimport MyAccountSubmenu from './my-account-submenu.component'\n\nimport type { GuestProfile } from '~/types'\n\ntype SelectorProps = {\n profile: GuestProfile\n authenticated: boolean\n validForBenefits: boolean\n}\n\nconst mapStateToProps = (state): SelectorProps => {\n return {\n profile: state.profile,\n authenticated: state.auth.authenticated,\n validForBenefits: getProfileProducts(state).some(validForBenefits),\n }\n}\n\ntype Props = {\n onClickLink?: () => any\n}\n\nexport default function MyAccountSubmenuContainer({ onClickLink }: Props) {\n const dispatch: (...args: Array\n \n \n
\n ) : (\n \n )}\n - \n
\n \n \n {content.shopPasses.text.mobile}\n \n \n {content.shopPasses.text.desktop}\n \n \n
\n )\n }\n }\n\n render() {\n const {\n showMenu,\n cartLink,\n content,\n cartItemCount,\n currentGuestProfile,\n showLogin,\n } = this.props\n\n const openMenu = this.state.collapsed\n\n const globalClasses = classNames({\n 'in-checkout': !showMenu,\n })\n\n return (\n \n
\n )\n }\n}\n","import React from 'react'\n\nimport { setCurrencyAndLocale } from '~/actions/cart'\nimport { useAppDispatch } from '~/hooks/use-app-dispatch'\n\nimport GlobalHeader from './global-header.component'\n\nimport type { ContainerProps } from './global-header.types'\nimport type { Currency, Locale } from '~/types'\n\nexport default function GlobalHeaderContainer(props: ContainerProps) {\n const dispatch = useAppDispatch()\n\n return (\n \n
\n \n {showMenu && (\n
\n \n
\n \n \n \n {i18n.t('components.default_structure.skip_to_main_content')}\n \n {header}\n {this.props.flashMessage}\n \n \n \n {children}\n \n \n \n
\n )\n }\n}\n","import styled from 'styled-components'\n\nimport { Title as _Title } from '~/components/banner'\nimport { Text } from '~/components/banner'\nimport { colorMapper } from '~/components/banner/banner.styles'\nimport Icon from '~/components/icon'\nimport { font } from '~/styles/utils'\n\nexport const ANIMATION_SPEED = 400\n\nexport const Wrapper = styled.div<{\n $easeIn: boolean\n}>`\n overflow: hidden;\n height: auto;\n transition: max-height ${`${ANIMATION_SPEED}ms`} ease-in-out;\n max-height: ${({ $easeIn }) => ($easeIn ? '90px' : '0')};\n`\n\nexport const MessageIcon = styled(Icon)<{\n $msgtype?: string\n}>`\n color: ${({ $msgtype, theme }) =>\n colorMapper[$msgtype] || theme.color.icon.default};\n margin-right: 10px;\n font-size: 20px;\n`\n\nexport const Title = styled(_Title)<{\n $msgtype?: string\n}>`\n display: flex;\n align-items: center;\n ${Text} {\n ${font('bold')};\n font-size: 14px;\n }\n`\n","import React, { useEffect, useState } from 'react'\n\nimport Banner, { Left, Right, CloseButton, Text } from '~/components/banner'\n\nimport {\n Wrapper,\n MessageIcon,\n Title,\n ANIMATION_SPEED,\n} from './flash-message-banner.styles'\n\nimport type { Props } from './flash-message-banner.types'\n\nconst AUTO_HIDE_DELAY = 4000\nconst ANIMATION_START_DELAY = 200\n\nconst FlashMessageBanner = ({ onDismiss, message }: Props) => {\n const [bannerVisible, setBannerVisible] = useState(false)\n const [autoHideTimeoutID, setAutoHideTimeoutID] = useState(null)\n\n useEffect(() => {\n setAutoHideTimeoutID(\n setTimeout(() => {\n handleDismiss()\n }, AUTO_HIDE_DELAY + ANIMATION_START_DELAY),\n )\n\n const setBannerVisibleTimeoutId = setTimeout(() => {\n setBannerVisible(true)\n }, ANIMATION_START_DELAY)\n\n return () => {\n clearTimeout(setBannerVisibleTimeoutId)\n\n if (autoHideTimeoutID) {\n clearTimeout(autoHideTimeoutID)\n setAutoHideTimeoutID(null)\n }\n }\n }, [])\n\n const handleDismiss = () => {\n setBannerVisible(false)\n setTimeout(() => {\n onDismiss()\n }, ANIMATION_SPEED)\n setAutoHideTimeoutID(null)\n }\n\n if (message) {\n const msgType = message.type === 'error' ? 'alert' : message.type\n\n return (\n \n {message.text} \n
\n \n )\n }\n\n render() {\n const className = classNames('amp-layout-default', this.props.className)\n return (\n {i18n.t('components.errors.title')}
\n\n
\n \n )\n}\n","/* eslint-disable no-throw-literal */\nexport const KountSDKVersion = '2.2.2';\n\nexport default function kountSDK(config, sessionID) {\n\n const sdk = {\n\n implementationType: \"module\",\n repositoryLocation: \"npm\",\n KountSDKVersion,\n kountClientID: null,\n isSinglePageApp: false,\n collectorURL: null,\n sessionID: null,\n kddcgid: null,\n FPCV_COOKIE_NAME: 'clientside-cookie',\n FPCV_LOCAL_STORAGE_KEY: 'clientside-local',\n FPCV_SESSION_STORAGE_KEY: 'kountCookie',\n SESSION_STORAGE_KEY_SESSION_ID: 'KountSessionID',\n collectBehaviorData: false,\n callbacks: {},\n error: [],\n isDebugEnabled: false,\n LOG_PREFIX: 'k:',\n serverConfig: null,\n orchestrateTimeoutId: null,\n updateSDKServerConfigTimeoutInMS: 3000,\n orchestrateSemaphoreLocked: false,\n\n start(config, sessionID) {\n\n if (typeof config === 'undefined') {\n if (window.console && window.console.log) {\n console.log(`${this.LOG_PREFIX}SDK Disabled: config required.`);\n }\n return false;\n }\n\n this.isDebugEnabled = (typeof config.isDebugEnabled !== 'undefined') && (typeof config.isDebugEnabled === 'boolean') && config.isDebugEnabled;\n this.log(`SDK isDebugEnabled=${this.isDebugEnabled}`);\n\n this.log('SDK starting...');\n\n const configuredClientID = config.clientID;\n if ((typeof configuredClientID === 'undefined') || (configuredClientID.length === 0)) {\n this.log('SDK Disabled: clientID required.');\n return false;\n }\n this.kountClientID = configuredClientID;\n\n if ((typeof config.callbacks !== 'undefined')) {\n this.callbacks = config.callbacks;\n }\n\n const hostname = this._getHostname(config);\n if (hostname == null) {\n this.log(`SDK Disabled: unresolved hostname.`);\n return false;\n }\n\n this.collectorURL = `https://${hostname}`;\n this.log(`collectorURL=${this.collectorURL}`);\n\n const configuredIsSPA = config.isSinglePageApp;\n if ((typeof configuredIsSPA === 'undefined') || (configuredIsSPA !== true && configuredIsSPA !== false)) {\n this.log(`SDK Disabled: invalid isSinglePageApp:${configuredIsSPA}`);\n return false;\n }\n this.isSinglePageApp = configuredIsSPA;\n this.log(`isSinglePageApp=${this.isSinglePageApp}`);\n\n if ((typeof sessionID === 'undefined') || (sessionID.length === 0)) {\n this.log('SDK Disabled: sessionID required.');\n return false;\n }\n this.sessionID = sessionID;\n\n this.kddcgid = this._newKDDCGID();\n\n this._communicateLatestSessionData();\n\n this._orchestrate();\n\n this.log(`SDK Version=${this.KountSDKVersion}`);\n this.log(`SDK Implementation=${this.implementationType}`);\n this.log(`SDK Repository=${this.repositoryLocation}`);\n this.log('SDK started.');\n\n return true;\n },\n\n _orchestrate: async function (generateNewKDDCGID) {\n\n const functionName = \"_orchestrate\";\n\n let thisFunctionOwnsSemaphoreLock = false;\n\n try {\n\n if (this.orchestrateSemaphoreLocked) {\n this.log(`${functionName} gated by semaphore. Skipping...`);\n return;\n }\n\n this.orchestrateSemaphoreLocked = true;\n thisFunctionOwnsSemaphoreLock = true;\n\n this.log(`${functionName} start...`);\n\n if (generateNewKDDCGID) {\n this.kddcgid = this._newKDDCGID();\n }\n\n this.serverConfig = await this._getServerConfig();\n\n if (this.serverConfig.collector.run) {\n this.log(`${functionName} runCollector start...`);\n this.runCollector();\n this.log(`${functionName} runCollector end...`);\n } else {\n this.log(`${functionName} runCollector skipped...`);\n this.callback('collect-begin', { SessionID: this.sessionID, KountClientID: this.kountClientID });\n this.callback('collect-end', { SessionID: this.sessionID, KountClientID: this.kountClientID });\n }\n\n } catch(e) {\n\n let msg = `${functionName} unexpected error: ${e}`;\n this.log(msg);\n this.addError(msg);\n\n } finally {\n\n if(!thisFunctionOwnsSemaphoreLock) {\n return;\n }\n\n clearTimeout(this.orchestrateTimeoutId);\n\n this.log(`${functionName} config:${JSON.stringify(this.serverConfig)}`)\n\n let msUntilNextOrchestrate = this.serverConfig.ttlms;\n\n this.orchestrateTimeoutId = setTimeout(\n this._orchestrate.bind(this, true),\n msUntilNextOrchestrate\n );\n\n this.log(`${functionName} scheduled for ${msUntilNextOrchestrate} ms`);\n\n this.log(`${functionName} end...`);\n\n this.orchestrateSemaphoreLocked = false;\n\n }\n },\n\n _wrapPromiseInTimeout(msUntilTimeout, promise) {\n\n return new Promise((resolve, reject) => {\n\n const timer = setTimeout(() => {\n reject(new Error(`Timeout after ${msUntilTimeout}ms.`));\n }, msUntilTimeout);\n\n promise\n .then(value => {\n clearTimeout(timer);\n resolve(value);\n })\n .catch(reason=> {\n clearTimeout(timer);\n reject(reason);\n })\n\n })\n\n },\n\n async _getServerConfig() {\n\n const functionName = \"_getServerConfig\";\n\n var serverConfig = null\n\n try {\n\n this.log(`${functionName} start...`);\n\n let url = this.buildUrl({\n base:this.collectorURL,\n path:\"/cs/config\",\n parameters: {\n m: this.kountClientID,\n s: this.sessionID,\n sv: this.KountSDKVersion,\n kddcgid: this.kddcgid,\n impl: this.implementationType,\n repo: this.repositoryLocation\n }});\n\n const response = await this._wrapPromiseInTimeout(this.updateSDKServerConfigTimeoutInMS, fetch(url));\n if (!response.ok) {\n throw `response not ok: ${response.status}`;\n }\n\n const jsonConfig = await response.json();\n\n serverConfig = this._translateJSONToServerConfig(jsonConfig);\n\n } catch (e) {\n\n let msg = `${functionName} error caught. e:${e}`;\n this.log(msg);\n this.addError(msg);\n\n } finally {\n\n if (serverConfig == null) {\n serverConfig = {\n ttlms: 900000,\n collector: {\n run: true,\n featureFlags: {\n app: true,\n battery: true,\n browser: true,\n exp: true,\n page: true,\n ui: true\n }\n }\n }\n }\n\n this.log(`${functionName} config: ${JSON.stringify(serverConfig)}`);\n this.log(`${functionName} end...`);\n return serverConfig\n }\n\n },\n\n _translateJSONToServerConfig(jsonConfig) {\n let ttlms = this._translateTTLMSConfig(jsonConfig);\n\n let collectorConfig = this._translateCollectorConfig(jsonConfig)\n\n return {\n ttlms: ttlms,\n collector: collectorConfig,\n }\n },\n\n _translateTTLMSConfig(jsonConfig) {\n if (typeof jsonConfig.ttlms !== \"number\") {\n return 900000;\n }\n return jsonConfig.ttlms;\n },\n\n _translateCollectorConfig(jsonConfig) {\n\n const functionName = \"_translateCollectorConfig\";\n\n let collectorConfig = null\n\n try {\n\n this.log(`${functionName} start...`);\n\n if ((typeof jsonConfig.collection == 'undefined') || (typeof jsonConfig.collection.feature_flags == 'undefined')) {\n throw `invalid response JSON:${JSON.stringify(jsonConfig)}`\n }\n\n if (typeof jsonConfig.collection.collect !== \"boolean\") {\n throw `collect is not boolean: ${typeof collection.collect}`;\n }\n\n let runCollector = jsonConfig.collection.collect;\n if (runCollector) {\n\n const feature_flags = jsonConfig.collection.feature_flags\n\n if (typeof feature_flags.app !== \"boolean\") {\n throw `app feature flag is not boolean: ${typeof feature_flags.app}`;\n }\n if (typeof feature_flags.battery !== \"boolean\") {\n throw `battery feature flag is not boolean: ${typeof feature_flags.battery}`;\n }\n if (typeof feature_flags.browser !== \"boolean\") {\n throw `browser feature flag is not boolean: ${typeof feature_flags.browser}`;\n }\n if (typeof feature_flags.exp !== \"boolean\") {\n throw `exp feature flag is not boolean: ${typeof feature_flags.exp}`;\n }\n if (typeof feature_flags.page !== \"boolean\") {\n throw `page feature flag is not boolean: ${typeof feature_flags.page}`;\n }\n if (typeof feature_flags.ui !== \"boolean\") {\n throw `ui feature flag is not boolean: ${typeof feature_flags.ui}`;\n }\n if (typeof feature_flags.passLoc !== \"boolean\") {\n throw `passLoc feature flag is not boolean: ${typeof feature_flags.passLoc}`;\n }\n\n collectorConfig = {\n run: runCollector,\n featureFlags: jsonConfig.collection.feature_flags\n };\n\n } else {\n\n collectorConfig = {\n run: runCollector,\n };\n\n }\n\n } catch (e) {\n\n let msg = `${functionName} error caught. e:${e}`;\n this.log(msg);\n this.addError(msg);\n\n } finally {\n\n if (collectorConfig == null) {\n collectorConfig = {\n run: true,\n featureFlags: {\n app: true,\n battery: true,\n browser: true,\n exp: true,\n page: true,\n ui: true\n }\n }\n };\n\n this.log(`${functionName} end...`);\n return collectorConfig;\n }\n\n },\n\n _newKDDCGID() {\n let newKDDCGID = \"invalid\";\n\n try {\n if ((typeof crypto != 'undefined') && (typeof crypto.randomUUID != 'undefined')) {\n newKDDCGID = crypto.randomUUID();\n } else {\n const ALLOWED_CHARS = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890\";\n let kddcgid = \"\";\n for (let loopCount = 0; loopCount < 36; loopCount++) {\n kddcgid += ALLOWED_CHARS.charAt(Math.floor(Math.random() * ALLOWED_CHARS.length));\n }\n newKDDCGID = kddcgid;\n }\n } catch (e) {\n this.log(`_newKDDCGID error:${e}`);\n } finally {\n this.log(`SDK kddcgid=${newKDDCGID}`);\n }\n\n return newKDDCGID;\n },\n\n _getHostname(config) {\n let configuredHostname = config.hostname;\n if (typeof configuredHostname !== 'undefined') {\n if (this._isHostnameValid(configuredHostname)) {\n let configuredEnvironment = config.environment;\n if (configuredEnvironment){\n this.log(`warning:both 'environment':${configuredEnvironment} and deprecated 'hostname':${configuredHostname} configs were specified. using hostname.`);\n }\n return configuredHostname;\n }\n this.log(`invalid configuredHostname:${configuredHostname}`);\n return null;\n }\n\n let configuredEnvironment = config.environment;\n if (configuredEnvironment){\n configuredEnvironment = configuredEnvironment.toUpperCase();\n }\n switch (configuredEnvironment) {\n case 'TEST':\n return \"tst.kaptcha.com\";\n case 'PROD':\n return \"ssl.kaptcha.com\";\n default:\n this.log(`invalid configuredEnvironment:${configuredEnvironment}`);\n return null;\n };\n },\n\n _isHostnameValid(hostname) {\n if (typeof hostname !== 'string') {\n this.log(`Invalid hostname: not a string: ${typeof hostname}`);\n return false;\n }\n if (hostname.length === 0) {\n this.log('Invalid hostname: length 0.');\n return false;\n }\n const regex = /^[a-zA-Z0-9.]*$/g;\n if (!regex.test(hostname)) {\n this.log(`Invalid hostname:${hostname}`);\n return false;\n }\n return true;\n },\n\n _communicateLatestSessionData() {\n try {\n this.log('communicateLatestSessionData running...');\n const sessionIdInSessionStorage = sessionStorage.getItem(this.SESSION_STORAGE_KEY_SESSION_ID);\n if (sessionIdInSessionStorage === null) {\n this.postNewSession(this.sessionID);\n } else if (sessionIdInSessionStorage !== this.sessionID) {\n this.postChangeSession(this.sessionID, sessionIdInSessionStorage);\n }\n\n sessionStorage.setItem(this.SESSION_STORAGE_KEY_SESSION_ID, this.sessionID);\n } catch (e) {\n this.addError(`communicateLatestSessionData error:${e}`);\n } finally {\n this.log('communicateLatestSessionData ending...');\n }\n },\n\n async postNewSession(sessionID) {\n try {\n this.log('postNewSession running...');\n let response = await fetch(\n this.buildUrl({\n base: this.collectorURL,\n path: `/session/${sessionID}`,\n parameters: {\n kddcgid: this.kddcgid,\n impl:this.implementationType,\n repo: this.repositoryLocation,\n }\n }), {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'client-id': this.kountClientID\n\n },\n });\n if (response.status === 200 || response.status === 201) {\n this.log('postNewSession success');\n } else {\n this.addError(`postNewSession unknown response: ${response.status}`);\n }\n } catch (e) {\n this.addError(`postNewSession error:${e}`);\n } finally {\n this.log('postNewSession ending...');\n }\n },\n\n async postChangeSession(sessionID, previousSessionID) {\n try {\n this.log(`postChangeSession running: newSession: ${sessionID} prevSession: ${previousSessionID}`);\n let response = await fetch(\n this.buildUrl({\n base: this.collectorURL,\n path: `/session/${sessionID}`,\n parameters: {\n previousSessionID: previousSessionID,\n kddcgid: this.kddcgid,\n impl:this.implementationType,\n repo: this.repositoryLocation,\n }\n }), {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'client-id': this.kountClientID\n\n },\n });\n if (response.status === 200 || response.status === 201) {\n this.log('postChangeSession success');\n } else {\n this.addError(`postChangeSession unknown response: ${response.status}`);\n }\n } catch (e) {\n this.addError(`postChangeSession error:${e}`);\n } finally {\n this.log('postChangeSession ending...');\n }\n },\n\n getFPCVFromLocalStorage() {\n try {\n this.log('getFPCVFromLocalStorage running...');\n const value = localStorage.getItem(this.FPCV_LOCAL_STORAGE_KEY);\n\n if (value == null) {\n return '';\n }\n return value;\n } catch (e) {\n this.addError(`getFPCVFromLocalStorage: error${e}`);\n return '';\n }\n },\n\n getFPCVFromCookie() {\n try {\n this.log('getFPCVFromCookie running...');\n const dc = decodeURIComponent(document.cookie);\n const cookieList = dc.split(';');\n let cookieValue = '';\n\n for (let i = 0; i < cookieList.length; i++) {\n const currentCookie = cookieList[i].trim();\n const elements = currentCookie.split('=');\n if (elements.length === 2) {\n if (elements[0] === this.FPCV_COOKIE_NAME) {\n [, cookieValue] = elements;\n this.log(`getFPCVFromCookie: found new first party cookie: ${cookieValue}`);\n break;\n }\n }\n }\n\n if (cookieValue === '') {\n const regex = /(cdn[.][a-z]+[.][0-9]+[.]ka.ck)/g;\n for (let i = 0; i < cookieList.length; i++) {\n const currentCookie = cookieList[i].trim();\n if (regex.test(currentCookie) === true) {\n const elements = currentCookie.split('=');\n if (elements.length === 2) {\n [, cookieValue] = elements;\n this.log(`getFPCVFromCookie: found old first party cookie: ${cookieValue}`);\n this.storeFPCVInCookie(cookieValue);\n break;\n }\n }\n }\n }\n\n return cookieValue;\n } catch (e) {\n this.addError(`getFPCVFromCookie error:${e}`);\n return '';\n }\n },\n\n storeFPCVInLocalStore(value) {\n try {\n this.log('storeFPCVInLocalStore running...');\n localStorage.setItem(this.FPCV_LOCAL_STORAGE_KEY, value);\n } catch (e) {\n this.addError(`storeFPCVInLocalStore error:${e}`);\n } finally {\n this.log('storeFPCVInLocalStore ending...');\n }\n },\n\n storeFPCVInCookie(value) {\n try {\n this.log('storeFPCVInCookie running...');\n const expire = 365;\n const d = new Date();\n d.setTime(d.getTime() + (expire * 24 * 60 * 60 * 1000));\n const expires = `expires=${d.toUTCString()}`;\n\n let attributes = '; SameSite=None; Secure';\n if (window.location.protocol !== 'https:') {\n attributes = '; SameSite=Lax';\n }\n document.cookie = `${this.FPCV_COOKIE_NAME}=${value};${expires};path=/${attributes}`;\n } catch (e) {\n this.addError(`storeFPCVInCookie error:${e}`);\n } finally {\n this.log('storeFPCVInCookie ending...');\n }\n },\n\n storeFPCVInSession(value) {\n try {\n this.log('storeFPCVInSession running...');\n sessionStorage.setItem(sdk.FPCV_SESSION_STORAGE_KEY, value);\n } catch (e) {\n this.addError(`storeFPCVInSession error:${e}`);\n }\n },\n\n coordinateFirstPartyCookieValues() {\n this.log('coordinateFirstPartyCookieValues running...');\n let deducedFPCV = '';\n const fpcvFromCookie = this.getFPCVFromCookie();\n const fpcvFromLocalStorage = this.getFPCVFromLocalStorage();\n\n this.storeFPCVInSession('');\n\n if ((fpcvFromCookie === '') && (fpcvFromLocalStorage === '')) {\n deducedFPCV = '';\n } else if ((fpcvFromCookie !== '') && (fpcvFromLocalStorage === '')) {\n this.storeFPCVInLocalStore(fpcvFromCookie);\n deducedFPCV = fpcvFromCookie;\n } else if ((fpcvFromLocalStorage !== '') && (fpcvFromCookie === '')) {\n this.storeFPCVInCookie(fpcvFromLocalStorage);\n deducedFPCV = fpcvFromLocalStorage;\n } else if ((fpcvFromLocalStorage === fpcvFromCookie) && (fpcvFromLocalStorage !== '') && (fpcvFromCookie !== '')) {\n deducedFPCV = fpcvFromLocalStorage;\n } else if ((fpcvFromLocalStorage !== fpcvFromCookie) && (fpcvFromLocalStorage !== '') && (fpcvFromCookie !== '')) {\n this.storeFPCVInCookie(fpcvFromLocalStorage);\n deducedFPCV = fpcvFromLocalStorage;\n }\n\n if (deducedFPCV === '') {\n this.establishNewFPCV();\n } else {\n this.communicateExistingFPCV(deducedFPCV);\n }\n },\n\n async establishNewFPCV() {\n try {\n this.log('establishNewFPCV running...');\n let url = this.buildUrl({\n base:this.collectorURL,\n path:\"/cs/generatecookie\",\n parameters: {\n m: this.kountClientID,\n s: this.sessionID,\n sv: this.KountSDKVersion,\n kddcgid: this.kddcgid,\n impl: this.implementationType,\n repo: this.repositoryLocation\n }});\n const response = await fetch(url);\n const json = await response.json();\n if (json.value.length > 0) {\n let firstPartyCookieValue = json.value;\n this.storeFPCVInCookie(firstPartyCookieValue);\n this.storeFPCVInLocalStore(firstPartyCookieValue);\n this.storeFPCVInSession(firstPartyCookieValue);\n }\n } catch (e) {\n this.addError(`establishNewFPCV error:${e}`);\n } finally {\n this.log('establishNewFPCV ending...');\n }\n },\n\n async communicateExistingFPCV(value) {\n try {\n this.log('communicateExistingFPCV running...');\n\n let response = await fetch(\n this.buildUrl({\n base:this.collectorURL,\n path:'/cs/storecookie'\n }), {\n method: 'POST',\n body: this.buildParams({\n m: this.kountClientID,\n s: this.sessionID,\n sv: this.KountSDKVersion,\n k: value,\n kddcgid: this.kddcgid,\n impl: this.implementationType,\n repo: this.repositoryLocation\n }),\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\"\n },\n });\n\n if (response.status === 500) {\n this.log('communicateExistingFPCV: invalid cookie');\n sdk.establishNewFPCV();\n }\n\n if (response.status === 200) {\n this.log('communicateExistingFPCV: valid cookie');\n sdk.storeFPCVInSession(value);\n }\n } catch (e) {\n this.addError(`communicateExistingFPCV error:${e}`);\n }\n },\n\n _passiveLoc() {\n const functionName = \"_passiveLoc\";\n try {\n this.log(`${functionName} start...`);\n\n if (this.serverConfig.collector.featureFlags.passLoc) {\n if (navigator.geolocation) {\n navigator.permissions.query({ name: 'geolocation' }).then(\n (result) => {\n if (result.state === 'granted') {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n this._handleCurrentPosition(position);\n },\n (error) => {\n console.error(\"navigator.geolocation error:\", error);\n },\n {\n enableHighAccuracy: true,\n timeout: 5000,\n maximumAge: 0,\n }\n );\n } else {\n this.log(\"navigator.geolocation bypassed:\" + result.state);\n }\n }\n );\n } else {\n this.log(\"navigator.geolocation unavailable\");\n }\n } else {\n this.log(\"passLoc disabled\");\n }\n } catch (e) {\n this.addError(`${functionName} error:${e}`);\n } finally {\n this.log(`${functionName} ending...`);\n }\n },\n\n async _handleCurrentPosition(position) {\n const functionName = \"__handleCurrentPosition\";\n try {\n this.log(`${functionName} start...`);\n\n let url = this.buildUrl({\n base:this.collectorURL,\n path:'/cs/location'\n });\n\n let collectionTimestamp = Date.now();\n\n let body = JSON.stringify({\n merchant_id: this.kountClientID,\n session_id: this.sessionID,\n ddcGroupID: this.kddcgid,\n collection_timestamp: collectionTimestamp,\n location_data: {\n collection_timestamp: position.timestamp,\n latitude: position.coords.latitude,\n longitude: position.coords.longitude,\n location_accuracy: position.coords.accuracy,\n altitude: position.coords.altitude,\n altitude_accuracy: position.coords.altitudeAccuracy,\n speed: position.coords.speed,\n heading: position.coords.heading\n }\n });\n\n let headers = {\n \"Content-Type\": \"application/json\"\n };\n\n let options = {\n method: 'POST',\n body: body,\n headers: headers\n };\n\n let response = await fetch(\n url,\n options\n );\n\n if (response.status != 200) {\n this.log(`${functionName} ${url} had response status:${response.status}`);\n }\n\n } catch (e) {\n this.addError(`${functionName} error:${e}`);\n } finally {\n this.log(`${functionName} ending...`);\n }\n },\n\n _createIframe() {\n\n const functionName = \"_createIframe\";\n\n try {\n\n this.log(`${functionName} running...`);\n\n const iframeId = 'ibody';\n const priorIframe = document.getElementById(iframeId);\n if (priorIframe !== null) {\n priorIframe.remove();\n }\n\n let url = this.buildUrl({\n base:this.collectorURL,\n path:`/logo.htm`,\n parameters:{\n m: this.kountClientID,\n s: this.sessionID,\n sv: this.KountSDKVersion,\n kddcgid: this.kddcgid,\n impl: this.implementationType,\n repo: this.repositoryLocation,\n },\n });\n\n if (this.isDebugEnabled) {\n url.hash = '#console';\n }\n\n\n const iframe = document.createElement('iframe');\n iframe.id = iframeId;\n iframe.style.border = '0px';\n iframe.style.height = '1px';\n iframe.style.width = '1px';\n iframe.style.position = 'absolute';\n iframe.src = url.toString();\n document.getElementsByTagName('body')[0].appendChild(iframe);\n\n if (typeof this.callbacks !== 'undefined') {\n this.callback('collect-begin', { SessionID: this.sessionID, KountClientID: this.kountClientID });\n }\n\n if (window.postMessage !== 'undefined' && window.onmessage !== 'undefined') {\n let onMessageHandlerFunc = (event) => {\n try {\n if (event.origin !== this.collectorURL) {\n this.log(`window.onmessage doesn't handle event origin:[type:${event.type}, origin:${event.origin}]`);\n return;\n }\n\n if (!event.data) {\n throw new Error(`window.onmessage event has missing event.data:[type:${event.type}, origin:${event.origin}]`);\n }\n\n let data = JSON.parse(event.data);\n\n if (!this.isSinglePageApp && data.event === 'collect-end') {\n this.detach(window, 'unload', this.unloadHandler);\n }\n\n if (!data) {\n throw new Error(`window.onmessage event has missing data:[type:${event.type}, origin:${event.origin}]`);\n }\n\n if (!data.params) {\n throw new Error(`window.onmessage event has missing data.params:[type:${event.type}, origin:${event.origin}, data:${event.data}]`);\n }\n\n const params = {};\n\n Object.keys(data.params).forEach((index) => {\n if (Object.prototype.hasOwnProperty.call(data.params, index)) {\n switch (index) {\n case 's':\n params.SessionID = data.params[index];\n break;\n case 'm':\n params.KountClientID = data.params[index];\n break;\n default:\n params[index] = data.params[index];\n }\n }\n });\n\n this.callback(data.event, params);\n\n this.log(`window.onmessage executed for event:[type:${event.type}, origin:${event.origin}, data:${event.data}]`);\n\n } catch (e) {\n this.log(`window.onmessage encountered an error: ${e}`);\n }\n };\n\n window.onmessage = onMessageHandlerFunc;\n\n if (!this.isSinglePageApp) {\n this.attach(window, 'unload', this.unloadHandler);\n }\n } else {\n window.setTimeout(() => {\n this.callback('collect-end', { SessionID: this.sessionID, KountClientID: this.kountClientID });\n }, 3000);\n }\n } catch (e) {\n this.addError(`${functionName} error:${e}`);\n } finally {\n this.log(`${functionName} ending...`);\n }\n },\n\n runCollector() {\n\n const functionName = \"runCollector\";\n\n try {\n\n this.log(`${functionName} running...`);\n\n this.coordinateFirstPartyCookieValues();\n\n const waitForFirstParty = (timeoutInMS, intervalBetweenChecksInMS) => new Promise((resolve, reject) => {\n const checkForFirstParty = () => {\n if (sessionStorage.getItem(this.FPCV_SESSION_STORAGE_KEY) !== '') {\n this._passiveLoc();\n this._createIframe();\n resolve();\n } else if ((timeoutInMS -= intervalBetweenChecksInMS) < 0) {\n reject();\n } else {\n setTimeout(checkForFirstParty, intervalBetweenChecksInMS);\n }\n };\n setTimeout(checkForFirstParty, intervalBetweenChecksInMS);\n });\n\n (async () => {\n waitForFirstParty(2000, 10)\n .then(() => this.log(`${functionName}: Collection Initiated`))\n .catch(() => this.log(`${functionName}: Invalid/Missing First Party cookie`));\n })();\n\n } catch (e) {\n this.addError(`${functionName} error:${e}`);\n } finally {\n this.log(`${functionName} ending...`);\n }\n },\n\n AttachToForm(formID, options = new Map()) {\n this.log('AttachToForm running...');\n let decisionPointField = 'kountDecisionPointUUID';\n if (this.collectBehaviorData) {\n }\n\n this.log('AttachToForm: Attaching to form...');\n const form = document.getElementById(formID);\n\n if (options != null && options.has('CustomFieldName') && options.get('CustomFieldName').length > 0) {\n this.log(`AttachToForm: Overriding decisionPointField name to: ${options.get('CustomFieldName')}`);\n decisionPointField = options.get('CustomFieldName');\n }\n\n if (form != null) {\n if (typeof form[decisionPointField] === 'undefined') {\n const hiddenField = document.createElement('input');\n hiddenField.setAttribute('type', 'hidden');\n hiddenField.setAttribute('name', decisionPointField);\n hiddenField.setAttribute('value', this.sessionID);\n form.appendChild(hiddenField);\n this.log(`AttachToForm: Field ${decisionPointField} NOT found. \\\n Created and attached to form with value: ${this.sessionID}`);\n } else {\n this.log(`AttachToForm: Field ${decisionPointField} found, setting value to: ${this.sessionID}`);\n form[decisionPointField].setAttribute('value', this.sessionID);\n }\n\n this.log(`AttachToForm: Attached to form successfully using ${this.sessionID} \\\n value in ${decisionPointField} hidden field.`);\n } else {\n this.addError(`AttachToForm: FormID: ${formID} is not valid. Skipping attachment to form and collection.`);\n }\n },\n\n NewSession(sessionID) {\n if (typeof sessionID === 'undefined') {\n this.addError(\"NewSession: Invalid sessionID. You must set the 'sessionID' for collection. Disabling Kount SDK\");\n } else {\n this.log(`NewSession: SessionID set to: ${sessionID}`);\n sessionStorage.clear();\n this.sessionID = sessionID;\n this._communicateLatestSessionData();\n this._orchestrate(true);\n }\n },\n\n log(message) {\n if (this.isDebugEnabled && window.console && window.console.debug) {\n console.debug(`${this.LOG_PREFIX}${message}`);\n }\n },\n\n addError(error) {\n this.error.push(error);\n this.log(error);\n },\n\n callback(event, params) {\n if (typeof this.callbacks[event] !== 'undefined') {\n const theCallback = this.callbacks[event];\n this.callbacks[event] = undefined;\n theCallback(params);\n }\n },\n\n unloadHandler(event) {\n const endpoint = 'fin';\n const formData = {\n n: 'collect-end', com: 'false', et: 0, s: this.sessionID, m: this.kountClientID,\n };\n try {\n const http = this.getXMLHttpRequest(endpoint, 'POST');\n http.send(formData);\n } catch (e) {}\n },\n\n getXMLHttpRequest(endpoint, method) {\n let http = null;\n const esc = encodeURIComponent || escape;\n const url = `${this.collectorURL}/${endpoint}`;\n if (window.XMLHttpRequest) {\n try {\n http = new window.XMLHttpRequest();\n } catch (e) {}\n if ('withCredentials' in http) {\n http.open(method, url, false);\n } else if (typeof window.XDomainRequest !== 'undefined') {\n http = new window.XDomainRequest();\n http.open(method, url);\n } else {\n http = null;\n }\n } else {\n http = null;\n }\n return {\n send(data) {\n if (!http) {\n return;\n }\n http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\n let payload = '';\n\n Object.keys(data).forEach((key) => {\n if (Object.prototype.hasOwnProperty.call(data, key)) {\n payload += `&${esc(key)}=${esc(data[key])}`;\n }\n });\n\n payload = payload.substring(1);\n http.send(payload);\n },\n };\n },\n\n buildUrl({base, path, parameters = {}}) {\n let params = this.buildParams(parameters);\n path = [...params].length == 0 ? path : path + \"?\" + params.toString();\n let url = new URL(path, base);\n return url;\n },\n\n buildParams(parameters = {}) {\n let searchParams = new URLSearchParams();\n for (const [key, value] of Object.entries(parameters)) {\n searchParams.append(key, value);\n }\n return searchParams;\n },\n\n attach: (function attachFunc() {\n if (typeof document.addEventListener !== 'undefined') {\n return function addEventListenerFunc(element, event, callback) {\n element.addEventListener(event, callback, false);\n };\n } if (typeof document.attachEvent !== 'undefined') {\n return function attachEventFunc(element, event, callback) {\n element.attachEvent(`on${event}`, callback);\n };\n }\n return function noOpFunc(element, event, callback) {};\n }()),\n\n detach: (function detachFunc() {\n if (typeof document.removeEventListener !== 'undefined') {\n return function removeEventListenerFunc(element, event, listener) {\n element.removeEventListener(event, listener, false);\n };\n } if (typeof document.detachEvent !== 'undefined') {\n return function detachEventFunc(element, event, listener) {\n element.detach(`on${event}`, listener);\n };\n }\n return function noOpFunc(element, event, listener) {};\n }()),\n\n };\n\n try {\n if (sdk.start(config, sessionID)) {\n return sdk;\n }\n } catch (e) {\n }\n return null;\n}\n","import kountSDK from '@kount/kount-web-client-sdk'\nimport { useEffect } from 'react'\n\nimport { FRAUD_CHECK_CLIENT_ID, FRAUD_CHECK_ENVIRONMENT } from '~/config'\nimport useFeatureFlags from '~/hooks/use-feature-flags'\n\nimport type { Cart } from '~/types'\n\nexport default function FraudCheckService({ cart }: { cart: Cart }) {\n const { fraudCheckingDataCollectionEnabled } = useFeatureFlags()\n const kountConfig = {\n clientID: FRAUD_CHECK_CLIENT_ID,\n environment: FRAUD_CHECK_ENVIRONMENT,\n isSinglePageApp: false,\n }\n\n const initializeKount = () => {\n kountSDK(kountConfig, cart.fraudCheckIdentifier)\n }\n\n useEffect(() => {\n if (fraudCheckingDataCollectionEnabled && cart?.fraudCheckIdentifier) {\n initializeKount()\n }\n }, [cart?.fraudCheckIdentifier])\n\n return null\n}\n","import { connect } from 'react-redux'\n\nimport FraudCheckService from './fraud-check-service.component'\n\nimport type { AppState } from '~/reducers'\n\nexport function mapStateToProps(state: AppState) {\n return {\n cart: state.cart,\n }\n}\n\nexport default connect(mapStateToProps)(FraudCheckService)\n","/**\n * Component to handle displaying pages which require authentication.\n *\n * Will check if the user is logged in, allowing access if they are or\n * redirecting if they are not.\n */\nimport queryString from 'query-string'\nimport React, { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { AuthError, authenticationFailed } from '~/actions/auth'\nimport { replace } from '~/actions/navigation'\nimport { loadProfile } from '~/actions/profile'\nimport FraudCheckService from '~/components/fraud-check-service'\nimport { UNCONFIRMED_PATHS } from '~/config'\nimport { useAppDispatch } from '~/hooks/use-app-dispatch'\nimport useMemoizedSelector from '~/hooks/use-memoized-selector'\n\nimport type { ReactNode } from 'react'\nimport type { Location } from '~/types'\n\ntype Props = {\n children: ReactNode\n location?: Location\n}\n\nfunction canAccessWithoutConfirmation(path: string) {\n return !!UNCONFIRMED_PATHS.find((unconfirmedPath) => {\n if (unconfirmedPath instanceof RegExp) {\n return unconfirmedPath.test(path)\n } else {\n return path === unconfirmedPath\n }\n })\n}\n\nfunction buildOauthFailureRedirectSearch(location) {\n const queryWithoutError = queryString.parse(location.search)\n delete queryWithoutError.error\n return `?redirect_uri=${location.pathname + `?${queryString.stringify(queryWithoutError)}`}`\n}\n\nfunction buildDefaultRedirectSearch(location) {\n return `?redirect_uri=${encodeURIComponent(\n encodeURIComponent(location.pathname + location.search),\n )}`\n}\n\nfunction oAuthErrorCode(location) {\n const error = queryString.parse(location.search).error\n if (!error) return undefined\n if (error === 'not_registered') return AuthError.SOCIAL_NOT_REGISTERED\n else return AuthError.UNKNOWN\n}\n\nfunction mapStateToProps(state) {\n const {\n auth: { authenticated },\n profile,\n } = state\n return {\n authenticated,\n isConfirmed: !!profile.confirmedAt,\n profileLoaded: !!profile.loaded,\n profileLoadFailed: !!profile.loadFailed,\n }\n}\n\nexport default function Auth({ children }: Props) {\n const location = useLocation()\n const dispatch = useAppDispatch()\n const { profileLoaded, profileLoadFailed, isConfirmed, authenticated } =\n useMemoizedSelector(mapStateToProps)\n\n useEffect(() => {\n if (!profileLoaded && !profileLoadFailed) dispatch(loadProfile())\n }, [])\n\n useEffect(() => {\n redirectIfNecessary()\n }, [\n profileLoaded,\n profileLoadFailed,\n authenticated,\n isConfirmed,\n location.pathname,\n ])\n\n const redirectIfNecessary = () => {\n if (!profileLoaded && !profileLoadFailed) return\n\n if (!authenticated) {\n let search = ''\n\n if (location.pathname !== '/logout') {\n if (oAuthErrorCode(location)) {\n dispatch(authenticationFailed(oAuthErrorCode(location)))\n search = buildOauthFailureRedirectSearch(location)\n } else {\n search = buildDefaultRedirectSearch(location)\n }\n }\n\n dispatch(replace('/login' + search))\n } else if (\n !isConfirmed &&\n !canAccessWithoutConfirmation(location.pathname)\n ) {\n dispatch(replace('/register/confirm'))\n }\n }\n\n const willRedirect =\n !authenticated ||\n (!isConfirmed && !canAccessWithoutConfirmation(location.pathname))\n\n if (!profileLoaded && !profileLoadFailed) return null\n if (willRedirect) return null\n\n return (\n <>\n \n {children}\n
\n )\n }\n}\n","/**\n * Renders the auth error page.\n */\nimport React from 'react'\n\nimport Button from '~/components/button'\nimport LayoutSingle from '~/components/layouts/single'\nimport { DefaultTemplate } from '~/components/templates'\nimport { i18n } from '~/i18n'\n\nconst AuthFailure = () => (\n \n {i18n.t('pages.auth_failure.failure_message')}\n
\n \n\n
\n