\n
:\n <>\n Loading profile...
\n{model.email}
\n {model.phone}
\n \n {model.balance &&\n model.balance.toLocaleString()}{\" \"}\n {\"points\"}\n
\n\n
- \n
- \n \n Birthday:\n \n \n \n\n
\n \n \n {model.gender && (\n - \n \n Gender:\n \n \n \n {model.gender}\n \n\n \n )}\n
\n
- \n
- \n \n Tier:\n \n \n \n {model.tierName ?? \"Member\"}\n \n\n \n
- \n \n Member since:\n \n \n \n {moment.utc(model.createdAt).local().format('Do MMM YYYY')}\n \n\n \n
- \n \n Last visited:\n \n \n \n\n {model.lastVisited !== null ?\n moment.utc(model.lastVisited).local().format('Do MMM YYYY')\n : \"Never\"}\n \n\n \n
{JSON.stringify(props?.posContextData, null, 2)}{JSON.stringify(props?.posAccount, null, 2)}\n
\n \n
\n \n
\n {reward.points}
\n Points Cost\n\n
\n \n
\n {reward.name}
\n \n \n
\n \n
\n {rewards && rewards.map((reward, index) =>\n renderReward(reward, index)\n )}\n
\n \n {/**/}\n {/**/}\n \n {loading ?\n \n \n }\n \n
\n {JSON.stringify(posAccount, null, 2)}{customer}\n \n \n
\n \n
\n :\n (customer != null) ?\n Loyalty Profile
\n\n
\n \n \n
\n \n \n \n \n
\n \n
\n :\n Loyalty Profile
\n{errorMessage}
\n \"); // Make newlines show up as breaks when rendered.\n return replaced;\n }\n\n DOMPurify.addHook('afterSanitizeAttributes', function (node) {\n // set all elements owning target to target=_blank\n // always open links in a new tab\n if ('target' in node) {\n node.setAttribute('target', '_blank');\n node.setAttribute('rel', 'noopener');\n }\n });\n const [content, setContent] = useState
\n {/* {Merge tags} */}\n {props.mergeTags && Object.keys(props.mergeTags).length > 0 && props.isEditable &&\n \n }\n {/* Button group */}\n \n \n
\n \n\n :\n !context.customer && !context.isEditable && navigation.setPage(\"Signin\")}>\n {context.customer?.firstName ?\n {context.customer.firstName.charAt(0).toUpperCase()}\n :\n \n {(context.isEditable || settings?.content?.wording?.header?.userStatusLabel !== \"\") &&\n { return { ...s, header: { ...s.header, userStatusLabel: c } } }}\n />\n }\n \n }\n
\n );\n};\n\nexport default UserStatus;\n","import React, { useContext } from \"react\";\nimport { CustomerPortalWording } from \"../../../../apiclient/models\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport Editable from '../components/Editable';\nimport UserStatus from '../components/UserStatus';\n\n\nconst Banner = () => {\n const context = useContext(CustomerContext);\n let settings = context.settings;\n\n return (\n \n \n {(settings?.brand?.logo?.useSupplementalLogoSettings && settings?.brand?.logo?.homePageLogoUrl) ? 
\n :\n settings?.brand?.logo?.logoUrl ? 
\n :\n \n }\n \n
\n {context.customer ?\n \n { return { ...s, earn: { ...s.earn, pageHeading: c } } }}\n />\n
\n );\n break;\n case \"More\":\n result = (\n \n \n { return { ...s, tier: { ...s.tier, pageHeading: c } } }}\n />\n
\n );\n break;\n default:\n result = (\n \n \n {renderHeading()}\n \n {/* Phase 2 !context.isEditable && navigation.setPage('Launcher')} /> */}\n
\n \n \n {settings?.brand?.logo?.logoUrl ? :\n \n }\n \n {renderUserStatus()}\n
\n \n {renderHeading()}\n
\n\n !context.isEditable && navigation.setPage(\"More\")}>\n \n
\n \n {renderHeading()}\n
\n {renderUserStatus()}\n\n
: children\n }\n \n
\n );\n};\n\nexport default Launcher;\n","import React from 'react';\nimport { Edit, Facebook, Gift, Globe, Instagram, Lock, ShoppingBag, Star, UserCheck, UserPlus, Users } from \"react-feather\";\n\nconst Icon = ({ icon, order }: { icon: string | null | undefined, order?: number }) => {\n let result = !customerContext.isEditable && (isOpen ? closePortal() : openPortal())} >\n {isOpen ?\n \n \n {settings?.content?.icon?.useLauncherIcon &&\n { return { ...s, launcher: { ...s.launcher, labelCustomer: c } } }}\n />\n \n :\n \n { return { ...s, launcher: { ...s.launcher, labelVisitor: c } } }}\n />\n \n }\n \n \n }\n
\n \n { return { ...s, activity: { ...s.activity, labelTemplatePurchase: c } } }}\n />\n }\n {iconName === \"Redemption\" &&\n { return { ...s, activity: { ...s.activity, labelTemplateRedemption: c } } }}\n />\n }\n {iconName === \"Adjustment\" &&\n { return { ...s, activity: { ...s.activity, labelTemplateAdjustment: c } } }}\n />\n }\n \n
\n {action.description}
\n \n {iconName === \"Purchase\" &&\n\n {action.points}{context.mergeTags?.default?.pointsLabel}\n
\n \n
\n :\n - \n {tabSelected === \"all\" ?\n activities.map((action, index) => (\n
\n
: Load more
\n {settings?.content?.footer?.useMarselloBrand &&\n \n \n We reward with Marsello\n \n \n
\n \n }\n \n {settings?.content?.footer?.termsEnabled &&\n \n {settings?.content?.footer?.termsLabel ? (\n \n {settings?.content?.footer?.termsLabel}\n \n ) : (\n \n Terms\n \n )}\n \n }\n {settings?.content?.footer?.termsEnabled && settings?.content?.footer?.privacyEnabled &&\n and \n }\n {settings?.content?.footer?.privacyEnabled &&\n \n {settings?.content?.footer?.privacyLabel ? (\n \n {settings?.content?.footer?.privacyLabel}\n \n ) : (\n \n Privacy Policy\n \n )}\n \n }\n \n
\n );\n};\n\nexport default Footer;\n","import React, { useContext, useState } from \"react\";\nimport { CustomerPortalWording } from \"../../../../apiclient\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport ActivityList from '../components/ActivityList';\nimport Editable from \"../components/Editable\";\nimport Footer from '../components/Footer';\n\nfunction Activity() {\n const [tabSelected, setTabSelected] = useState(\"all\");\n const context = useContext(CustomerContext);\n return (\n \n
\n {/*
\n :\n - \n
- !context.isEditable && setTabSelected(\"all\")}>\n
- !context.isEditable && setTabSelected(\"receipts\")}>\n
- !context.isEditable && setTabSelected(\"redemptions\")}>\n
\n { return { ...s, account: { ...s.account, pageNotAvailableLabel: c } } }}\n />\n
\n }\n \n
\n );\n};\n\nexport default Prompt;\n","export default __webpack_public_path__ + \"static/media/apple_wallet.1fcdc004.png\";","export default __webpack_public_path__ + \"static/media/qr-code.fd2e0b03.png\";","\nimport React, { useContext } from \"react\";\nimport QRCode from \"react-qr-code\";\nimport { CustomerPortalWording } from \"../../../../apiclient\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport { NavigationContext } from \"../../../../contexts/NavigationContext\";\nimport Editable from '../components/Editable';\nimport Footer from '../components/Footer';\nimport Prompt from '../components/Prompt';\nimport { inIframe, isMobile } from \"../util/Helpers\";\nimport appleWallet from '../util/img/apple_wallet.png';\nimport qrCode from '../util/img/qr-code.png';\n\nfunction Card() {\n const context = useContext(CustomerContext);\n const navigation = useContext(NavigationContext);\n\n const userAgent = navigator.userAgent.toLowerCase();\n\n const isIOS = /iphone|ipad|ipod/g.test(userAgent);\n\n return (\n \n
\n \n
\n !context.isEditable && navigation.setPage(\"Signup\")}>\n {(context.isEditable || settings?.content?.wording?.prompt?.button !== \"\") &&\n { return { ...s, prompt: { ...s.prompt, button: c } } }}\n />\n }\n
\n \n {(context.isEditable || settings?.content?.wording?.prompt?.signinLabel !== \"\") &&\n
\n
\n \n {(context.isEditable || context.settings?.content?.wording?.card?.instructions !== \"\") &&\n
\n \n {!context.customer &&\n \n
\n }\n \n
\n 
\n \n }\n {isMobile() && !inIframe() && }\n
\n {context.customer ?\n \n {context.customer ? 
}\n
\n {isIOS && context.customer && context.customer.id &&\n \n \n
\n :\n {context.customer.phone}
\n{context.customer.firstName} {context.customer.lastName} · {context.customer.email}
\n\n \n \n
\n }\n \n \n
\n {earnActivity.available ?\n \n { return { ...s, earn: { ...s.earn, labelTemplateAvailable: c } } }}\n />\n \n :\n \n { return { ...s, earn: { ...s.earn, labelTemplateComplete: c } } }}\n />\n \n }\n
\n {!earnActivity.available &&\n \n {\n if (s.earn?.[(\"heading\" + earnType) as EarnKey] != null) {\n s.earn[(\"heading\" + earnType) as EarnKey] = c;\n }\n return s;\n }}\n />\n
\n {earnActivity.available ?\n \n \n Loading... \n
\n \n \n
\n {earnActivity.available ?\n \n { return { ...s, earn: { ...s.earn, labelTemplateAvailable: c } } }}\n />\n \n :\n \n { return { ...s, earn: { ...s.earn, labelTemplateComplete: c } } }}\n />\n \n }\n
\n {!earnActivity.available ?\n \n {\n if (s.earn?.[(\"heading\" + earnType) as EarnKey] != null) {\n s.earn[(\"heading\" + earnType) as EarnKey] = c;\n }\n return s;\n }}\n />\n
\n {earnActivity.available ?\n \n \n \n
\n \n { return { ...s, earn: { ...s.earn, labelPurchase: c } } }\n :\n (s: CustomerPortalWording, c: string) => { return { ...s, earn: { ...s.earn, labelTemplateAvailable: c } } }\n }\n />\n \n
\n \n {\n if (s.earn?.[(\"heading\" + earnType) as EarnKey] != null) {\n s.earn[(\"heading\" + earnType) as EarnKey] = c;\n }\n return s;\n }}\n />{(earnActivity.type === 34 || earnActivity.type === 35) && <>{earnActivity.title}}\n
\n \n - \n {(tabSelected === \"available\" ? earnActivities.some((a: EarnActivityModel) => a.id === \"order\" && a.available)\n : earnActivities.some((a: EarnActivityModel) => a.id === \"order\")) && tabSelected !== \"done\" &&\n
\n
\n :\n //nextTier but not on specified pages\n \n {(context.isEditable || context.settings?.content?.wording?.userProgress?.progressBarLabel !== \"\") &&\n \n { return { ...s, userProgress: { ...s.userProgress, progressBarLabel: c } } }}\n />\n \n }\n {context.customer?.tierProgression}/{nextTier?.thresholdValue}\n
\n \n \n
\n {(context.isEditable || context.settings?.content?.wording?.userProgress?.tierRequirements !== \"\") &&\n \n
\n
\n :\n // not nextTier so do not display\n \n \n
\n \n {(context.isEditable || context.settings?.content?.wording?.userProgress?.progressBarLabel !== \"\") &&\n \n { return { ...s, userProgress: { ...s.userProgress, progressBarLabel: c } } }}\n />\n \n }\n {context.customer?.tierProgression}/{nextTier?.thresholdValue}\n
\n \n {\n \n {navigation.page === 'More' ?\n \n }\n
\n );\n};\n\nexport default UserProgress;\n","\nimport React, { useContext, useState } from \"react\";\nimport { CustomerPortalWording } from \"../../../../apiclient\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport EarnList from '../components/EarnList';\nimport Editable from \"../components/Editable\";\nimport Footer from '../components/Footer';\nimport Prompt from '../components/Prompt';\nimport UserProgress from \"../components/UserProgress\";\n\nfunction Earn() {\n const [tabSelected, setTabSelected] = useState(\"all\");\n const context = useContext(CustomerContext);\n\n return (\n !context.isEditable && navigation.setPage(\"Profile\")}>\n {context.customer?.firstName?.charAt(0)?.toUpperCase()}\n
\n :\n \n
\n {hasTiers && (context.isEditable || context.settings?.content?.wording?.userProgress?.tierStatus !== \"\") &&\n \n \n { return { ...s, userProgress: { ...s.userProgress, tierStatus: c } } }}\n />\n \n \n }\n
\n {context.customer?.firstName}
\n {context.customer?.email}\n {hasTiers && (context.isEditable || context.settings?.content?.wording?.userProgress?.tierStatus !== \"\") &&\n \n \n
!context.isEditable && hasTiers && navigation.setPage(\"VIP Program\")}>\n {context.settings?.content?.icon?.useTierIcon &&\n \n t.name == context.customer?.tierName) ?? -1)} />\n \n }\n
\n }\n \n {hasTiers &&
\n {context.customer?.tierName ?? context.mergeTags?.memberTierName}
}\n {(context.isEditable || context.settings?.content?.wording?.userProgress?.earningRate !== \"\") &&\n\n
\n {context.customer != null && (context.account?.tiers?.length ?? 0) > 0 &&\n
\n - \n
- { !context.isEditable && setTabSelected(\"all\") }}>\n {(context.isEditable || context.settings?.content?.wording?.earn?.pillAll !== \"\") &&\n
- { !context.isEditable && setTabSelected(\"available\") }}>\n {(context.isEditable || context.settings?.content?.wording?.earn?.pillAvailable !== \"\") &&\n
- { !context.isEditable && setTabSelected(\"done\") }}>\n {(context.isEditable || context.settings?.content?.wording?.earn?.pillDone !== \"\") &&\n
\n
\n );\n}\n\nexport default EmailLogin;\n\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\nimport { ChevronRight } from \"react-feather\";\nimport { ApiRewardType, CouponApi, CustomerPortalWording, RewardModel } from \"../../../../apiclient\";\nimport { apiConfig } from \"../../../../config\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport { NavigationContext } from \"../../../../contexts/NavigationContext\";\nimport Editable from '../components/Editable';\nimport { inIframe } from \"../util/Helpers\";\nimport Icon from '../util/Icon';\ninterface RedeemItemParams {\n reward: RewardModel;\n tierName?: string\n}\n\nconst RedeemItem = ({ reward, tierName }: RedeemItemParams) => {\n\n const navigation = useContext(NavigationContext);\n const context = useContext(CustomerContext);\n const [loading, setLoading] = useState(false);\n const [isInstore, setIsInstore] = useState(true);\n\n const [redeemMergeTags, setRedeemMergeTags] = useState({ pointsToClaim: ((reward.points ?? 0) - (context.customer?.balance ?? 0)), rewardPoints: reward.points })\n const [inWrongTier, setInWrongTier] = useState(context.customer?.rewards?.find(r => r.id === reward.id) === undefined);\n\n let couponApi = new CouponApi(apiConfig.configuration, apiConfig.baseUrl + \"/api\");\n\n useEffect(() => {\n setIsInstore(!inIframe());\n setRedeemMergeTags({ pointsToClaim: ((reward.points ?? 0) - (context.customer?.balance ?? 0)), rewardPoints: reward.points });\n setInWrongTier(context.customer?.rewards?.find(r => r.id === reward.id) === undefined);\n }, [context.account?.tiers, context.customer?.rewards, context.customer?.balance, reward, tierName, context.account?.accountMergeTags?.memberTierName])\n\n const renderIcon = () => {\n let result = \n
\n \n \n {submitted ?\n <>\n \n
\n
\n {!submitted &&\n \n
\n { return { ...s, emailSignin: { ...s.emailSignin, heading: c } } }}\n />\n
\n \n
\n
\n }\n \n { setEmailAddress(e.target.value) }}\n value={emailAddress}\n />\n \n
\n { !context.isEditable && submitForm() }}>\n { return { ...s, emailSignin: { ...s.emailSignin, submitButton: c } } }}\n />\n
\n \n Loading... \n
);\n }\n else {\n result = (\n \n {(context.isEditable || context.settings?.content?.wording?.redeem?.claimButton !== \"\") &&\n { return { ...s, redeem: { ...s.redeem, claimButton: c } } }}\n />\n }\n
\n );\n }\n }\n } else {\n result = (\n \n ·\n {(context.isEditable || context.settings?.content?.wording?.redeem?.pointsToClaim !== \"\") &&\n { return { ...s, redeem: { ...s.redeem, pointsToClaim: c } } }}\n />\n }\n \n }\n \n
\n {renderIcon()}\n {reward.name}
\n {tierName && tierName !== context.account?.accountMergeTags?.memberTierName && }\n \n {(reward.points ?? 0)} {context.mergeTags?.default?.pointsLabel}\n {context.customer && ((reward.points ?? 0) - (context.customer?.balance ?? 0)) > 0 &&\n- \n {rewards == null || rewards.length === 0 ?\n \n :\n (tabSelected === \"available\" ? rewards.filter((r: RewardModel) => (r.points ?? 0) <= (context.customer?.balance ?? 0))\n .slice(0, (length ? length : rewards.length)).map((reward: RewardModel) => {\n return renderItem(reward);\n })\n :\n rewards.slice(0, (length ? length : rewards.length)).map((reward: RewardModel) => {\n return renderItem(reward);\n }))\n }\n
\n
\n {tier.name}
\n {renderLabel()}\n- \n {context.account?.tiers && context.account?.tiers?.length !== 0 &&\n
\n
\n );\n break;\n default:\n result = (\n \n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardHeading !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardIntroduction !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, joinCardHeading: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardIntroduction !== \"\") &&\n \n
!context.isEditable && navigation.setPage(\"Signup\")}>\n { return { ...s, home: { ...s.home, joinCardButton: c } } }}\n />\n
\n }\n \n \n
\n
\n \n { return { ...s, home: { ...s.home, joinCardBenefitSubheading: c } } }}\n />\n
\n - \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardSigninLabel !== \"\") &&\n
\n
\n );\n break;\n }\n return result;\n }\n\n const renderProgramButtons = () => {\n let result = (\n \n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardHeading !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardIntroduction !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, joinCardHeading: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardIntroduction !== \"\") &&\n \n
!context.isEditable && navigation.setPage(\"Signup\")}>\n { return { ...s, home: { ...s.home, joinCardButton: c } } }}\n />\n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.joinCardSigninLabel !== \"\") &&\n
\n
\n );\n return result;\n }\n\n const renderProgramSection = () => {\n let result = \n
\n !context.isEditable && navigation.setPage(\"Earn\")}>\n {context.settings?.content?.icon?.useEarnIcon &&\n
\n \n \n \n
\n }\n \n {context.customer !== null ?\n \n {(context.isEditable || context.settings?.content?.wording?.home?.earnButtonHeadingCustomer !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.earnButtonSubheadingCustomer !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, earnButtonHeadingCustomer: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.earnButtonSubheadingCustomer !== \"\") &&\n \n
\n {(context.isEditable || context.settings?.content?.wording?.home?.earnButtonHeadingVisitor !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.earnButtonSubheadingVisitor !== \"\") &&\n
\n }\n \n { return { ...s, home: { ...s.home, earnButtonHeadingVisitor: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.earnButtonSubheadingVisitor !== \"\") &&\n \n
\n
\n !context.isEditable && navigation.setPage(\"Redeem\")}>\n {context.settings?.content?.icon?.useRedeemIcon &&\n
\n \n \n \n
\n }\n \n {context.customer !== null ?\n \n {(context.isEditable || context.settings?.content?.wording?.home?.redeemButtonHeadingCustomer !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemButtonSubheadingCustomer !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, redeemButtonHeadingCustomer: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemButtonSubheadingCustomer !== \"\") &&\n \n
\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemButtonHeadingVisitor !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemButtonSubheadingVisitor !== \"\") &&\n
\n }\n \n { return { ...s, home: { ...s.home, redeemButtonHeadingVisitor: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemButtonSubheadingVisitor !== \"\") &&\n \n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.earnListHeading !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.earnListIntroduction !== \"\") &&\n \n
\n );\n break;\n default:\n result = (\n \n { return { ...s, home: { ...s.home, earnListHeading: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.earnListIntroduction !== \"\") &&\n \n
\n
\n {(context.isEditable || context.settings?.content?.wording?.home?.earnListLink !== \"\") &&\n \n }\n \n
\n );\n break;\n }\n return result;\n }\n\n const renderRedeemCard = () => {\n let result = \n {(context.isEditable || context.settings?.content?.wording?.home?.redeemListHeading !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemListIntroduction !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, redeemListHeading: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemListIntroduction !== \"\") &&\n \n
\n
\n {(context.isEditable || context.settings?.content?.wording?.home?.redeemListLink !== \"\") &&\n !context.isEditable && navigation.setPage(\"Redeem\")}>\n
\n }\n \n { return { ...s, home: { ...s.home, redeemListLink: c } } }}\n />\n
\n \n
\n !context.isEditable && navigation.setPage(\"Redeem\")}>\n {context.settings?.content?.icon?.useRedeemIcon &&\n \n \n }\n
\n \n r.points === 0)?.expires ?? \"\").toLocaleString(undefined, { day: 'numeric', month: 'short', year: 'numeric' }),\n \"daysUntilExpiry\": Math.round(Math.abs((new Date(context.customer?.rewards?.find(r => r.points === 0)?.expires ?? \"\").valueOf() - new Date().valueOf()) / (24 * 60 * 60 * 1000))),\n \"rewardDescription\": context.customer?.rewards?.find(r => r.points === 0)?.description\n }} fieldSetter={(s: CustomerPortalWording, c: string) => { return { ...s, home: { ...s.home, redeemCardCouponText: c } } }}\n />\n
\n {context.customer?.rewards?.find(r => r.points === 0)?.name}
\n\n
\n !context.isEditable && navigation.setPage(\"Redeem\")}>\n {context.settings?.content?.icon?.useRedeemIcon &&\n \n \n }\n
\n \n (r.points ?? 0) <= (context.customer?.balance ?? 0))?.points,\n \"rewardDescription\": context.customer?.rewards?.findLast(r => (r.points ?? 0) <= (context.customer?.balance ?? 0))?.description\n }}\n fieldSetter={(s: CustomerPortalWording, c: string) => { return { ...s, home: { ...s.home, redeemCardRewardText: c } } }}\n />\n
\n {context.customer?.rewards?.findLast(r => (r.points ?? 0) <= (context.customer?.balance ?? 0))?.name}
\n\n
\n \n {context.settings?.content?.icon?.useRedeemIcon &&\n \n \n }\n
\n \n { return { ...s, home: { ...s.home, redeemCardDefaultText: c } } }}\n />\n
\n {/*\n {renderProgress()}\n */}\n {context.customer?.rewards[0]?.name}
\n\n
\n );\n } else {\n result = (\n \n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardHeadingCustomer !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardIntroductionCustomer !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, referralCardHeadingCustomer: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardIntroductionCustomer !== \"\") &&\n \n
\n {copiedReferralLink ? \"Added to clipboard\" : getReferralLink()}\n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardInstructions !== \"\") &&\n \n { return { ...s, home: { ...s.home, referralCardInstructions: c } } }}\n />\n \n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardProgress !== \"\") &&\n \n \n { return { ...s, home: { ...s.home, referralCardProgress: c } } }}\n />\n \n \n }\n
\n \n
\n );\n }\n return result;\n }\n\n const renderTiersCard = () => {\n let result = \n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardHeadingVisitor !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardIntroductionVisitor !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, referralCardHeadingVisitor: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardIntroductionVisitor !== \"\") &&\n \n
!context.isEditable && navigation.setPage(\"Signup\")}>\n { return { ...s, home: { ...s.home, referralCardButton: c } } }}\n />\n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardSigninLabel !== \"\") &&\n
\n
\n );\n }\n return result;\n }\n\n return (\n \n {(context.isEditable || context.settings?.content?.wording?.home?.tierCardHeading !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.tierCardIntroduction !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, tierCardHeading: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.tierCardIntroduction !== \"\") &&\n \n
\n
\n \n {!!context.customer ?\n \n {context.settings?.content?.card?.customerRedemptionEnabled &&\n \n {renderRedeemCard()}\n \n }\n {context.settings?.content?.card?.customerProgramEnabled &&\n \n {renderProgramSection()}\n \n }\n {context.settings?.content?.card?.customerTiersEnabled &&\n \n {renderTiersCard()}\n \n }\n {context.settings?.content?.card?.customerReferralEnabled && context.account?.earnActivities?.some(e => e.id === \"referral\" && e.available) &&\n \n {renderReferralCard()}\n \n }\n \n :\n \n {context.settings?.content?.card?.visitorJoinEnabled &&\n \n {renderJoinCard()}\n \n }\n {context.settings?.content?.card?.visitorProgramEnabled &&\n \n {renderProgramButtons()}\n \n }\n {context.settings?.content?.card?.visitorTiersEnabled &&\n \n {renderTiersCard()}\n \n }\n {context.settings?.content?.card?.visitorReferralEnabled &&\n \n {renderReferralCard()}\n \n }\n \n }\n \n
\n )\n}\n\nexport default Home;\n","\nimport React, { useContext } from \"react\";\nimport { ArrowUpRight, ChevronRight } from \"react-feather\";\nimport { CustomerPortalWording } from \"../../../../apiclient\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport { NavigationContext } from \"../../../../contexts/NavigationContext\";\nimport Editable from '../components/Editable';\nimport Footer from '../components/Footer';\nimport Prompt from '../components/Prompt';\nimport UserProgress from \"../components/UserProgress\";\n\n\nfunction More() {\n const navigation = useContext(NavigationContext);\n const context = useContext(CustomerContext);\n const hasTiers = (context.account?.tiers?.length ?? 0) > 0;\n let settings = context.settings;\n const renderIcon = (isCustomerOnly: boolean, isInternal: boolean) => {\n let result = \n {context.customer != null &&\n \n {(context.isEditable || settings?.content?.wording?.more?.listHeadingCustomer !== \"\") &&\n \n \n
\n \n }\n \n :\n \n {(context.isEditable || settings?.content?.wording?.more?.listHeadingVisitor !== \"\") &&\n \n }\n
\n \n { return { ...s, more: { ...s.more, listHeadingCustomer: c } } }}\n />\n
\n \n }\n \n \n
\n
\n }\n \n { return { ...s, more: { ...s.more, listHeadingVisitor: c } } }}\n />\n
\n - \n
- { !context.isEditable && (context.customer ? navigation.setPage(\"Profile\") : navigation.setPage(\"Signin\")); }}>\n \n {(context.isEditable || settings?.content?.wording?.more?.linkLabelProfile !== \"\") &&\n\n {renderIcon(true, true)}\n
\n
\n }\n \n - { !context.isEditable && (context.customer ? navigation.setPage(\"Preferences\") : navigation.setPage(\"Signin\")); }}>\n \n {(context.isEditable || settings?.content?.wording?.more?.linkLabelPreferences !== \"\") &&\n\n {renderIcon(true, true)}\n
\n
\n }\n \n - { !context.isEditable && (context.customer ? navigation.setPage(\"Activity\") : navigation.setPage(\"Signin\")); }}>\n \n {(context.isEditable || settings?.content?.wording?.more?.linkLabelActivity !== \"\") &&\n\n {renderIcon(true, true)}\n
\n
\n }\n \n {hasTiers &&\n - { !context.isEditable && navigation.setPage(\"VIP Program\") }}>\n \n {(context.isEditable || settings?.content?.wording?.more?.linkLabelTier !== \"\") &&\n\n {renderIcon(false, true)}\n
\n
\n }\n \n }\n {settings?.content?.card?.customerReferralEnabled &&\n - { !context.isEditable && (context.customer ? navigation.setPage(\"Referral\") : navigation.setPage(\"Signin\")); }}>\n \n {(context.isEditable || settings?.content?.wording?.more?.linkLabelReferral !== \"\") &&\n\n {renderIcon(true, true)}\n
\n
\n }\n }\n {settings?.content?.link?.firstLinkEnabled && settings?.content?.link?.firstLinkLabel !== '' && settings?.content?.link?.firstLinkURL !== '' &&\n - { openLink(settings?.content?.link?.firstLinkURL) }}>\n \n\n {renderIcon(false, false)}\n
{settings?.content?.link?.firstLinkLabel}
\n \n }\n {settings?.content?.link?.secondLinkEnabled && settings?.content?.link?.secondLinkLabel !== '' && settings?.content?.link?.secondLinkURL &&\n - \n { openLink(settings?.content?.link?.secondLinkURL) }}>\n\n {renderIcon(false, false)}\n
{settings?.content?.link?.secondLinkLabel}
\n \n }\n {settings?.content?.link?.thirdLinkEnabled && settings?.content?.link?.thirdLinkLabel !== '' && settings?.content?.link?.thirdLinkURL !== '' &&\n - \n { openLink(settings?.content?.link?.thirdLinkURL) }}>\n\n {renderIcon(false, false)}\n
{settings?.content?.link?.thirdLinkLabel}
\n \n }\n {settings?.content?.link?.fourthLinkEnabled && settings?.content?.link?.fourthLinkLabel !== '' && settings?.content?.link?.fourthLinkURL !== '' &&\n - \n { openLink(settings?.content?.link?.fourthLinkURL) }}>\n\n {renderIcon(false, false)}\n
{settings?.content?.link?.fourthLinkLabel}
\n \n }\n {settings?.content?.link?.fifthLinkEnabled && settings?.content?.link?.fifthLinkLabel !== '' && settings?.content?.link?.fifthLinkURL !== '' &&\n - \n { openLink(settings?.content?.link?.fifthLinkURL) }}>\n\n {renderIcon(false, false)}\n
{settings?.content?.link?.fifthLinkLabel}
\n \n }\n {context.customer &&\n - \n logOut()}>\n\n {renderIcon(false, false)}\n
Log out
\n \n }\n
\n
\n :\n \n {context.customer?.firstName?.charAt(0).toUpperCase()}\n
\n \n {context.customer?.firstName} {context.customer?.lastName}
\n\n
\n !context.isEditable && navigation.setPage(\"Profile\")}>\n { return { ...s, account: { ...s.account, toggleProfileButton: c } } }}\n />\n
\n \n { return { ...s, account: { ...s.account, togglePreferencesButton: c } } }}\n />\n
\n \n { return { ...s, account: { ...s.account, pageNotAvailableLabel: c } } }}\n />\n
\n }\n \n
\n :\n \n {context.customer?.firstName?.charAt(0).toUpperCase()}\n
\n \n {context.customer?.firstName} {context.customer?.lastName}
\n\n
\n \n { return { ...s, account: { ...s.account, toggleProfileButton: c } } }}\n />\n
\n !context.isEditable && navigation.setPage(\"Preferences\")}>\n { return { ...s, account: { ...s.account, togglePreferencesButton: c } } }}\n />\n
\n \n { return { ...s, account: { ...s.account, pageNotAvailableLabel: c } } }}\n />\n
\n }\n \n {context.customer != null && (context.account?.tiers?.length ?? 0) > 0 &&\n
\n - \n
- { changeTab(\"all\"); }}>\n {(context.isEditable || context.settings?.content?.wording?.redeem?.pillAll !== \"\") &&\n
- { changeTab(\"available\"); }}>\n {(context.isEditable || context.settings?.content?.wording?.redeem?.pillAvailable !== \"\") &&\n
- { changeTab(\"currentTier\"); }}>\n {(context.isEditable || context.settings?.content?.wording?.redeem?.pillCurrentTier !== \"\") &&\n
- { changeTab(\"nextTier\"); }}>\n {(context.isEditable || context.settings?.content?.wording?.redeem?.pillNextTier !== \"\") &&\n
\n
\n )\n}\n\nexport default Signin;\n","import React, { useContext, useState } from \"react\";\nimport { Check } from \"react-feather\";\nimport { CustomerPortalWording } from \"../../../../apiclient\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport Editable from '../components/Editable';\nimport Footer from '../components/Footer';\nimport Prompt from '../components/Prompt';\nimport RedeemList from \"../components/RedeemList\";\nimport UserProgressBar from \"../components/UserProgressBar\";\nimport Icon from '../util/Icon';\n\nfunction Tier() {\n\n const context = useContext(CustomerContext);\n const [selectedTierIndex, setSelectedTierIndex] = useState(context.account?.tiers?.findIndex(t => t.name == context.customer?.tierName) ?? -1);\n\n const renderPill = (tier: any, index: number) => {\n return (\n \n
\n \n \n {!showSignup && (context.isEditable || settings?.content?.wording?.signin?.heading !== \"\") &&\n \n
\n }\n {!showSignup && (context.isEditable || settings?.content?.wording?.signin?.introduction !== \"\") &&\n \n
\n }\n {showSignup && (context.isEditable || settings?.content?.wording?.signup?.introduction !== \"\") &&\n
\n \n { return { ...s, signin: { ...s.signin, heading: c } } }}\n />\n
\n }\n {!showSignup && (context.isEditable || settings?.content?.wording?.signin?.introduction !== \"\") &&\n \n
\n { return { ...s, signup: { ...s.signin, heading: c } } }}\n />\n
\n }\n {showSignup && (context.isEditable || settings?.content?.wording?.signup?.introduction !== \"\") &&\n \n
\n {((!context.authenticated && !loading) || context.isEditable) ?\n
\n - \n
- \n \n\n
\n {isSignup ?\n
\n - \n \n\n
\n {isSignup ?\n
\n - \n \n\n
\n {isSignup ?\n
\n - \n \n\n\n {isSignup ?\n \n
\n
\n }\n \n Please check your email and click the link to start earning points.\n
\n \n
\n \n {showSignup && (context.isEditable || settings?.content?.wording?.signup?.finePrint !== \"\") &&\n
\n {\n \n \n
\n \n }\n r.tierName === context.account?.tiers?.[selectedTierIndex]?.name) : undefined}\n tierName={selectedTierIndex !== -1 ? context.account?.tiers?.[selectedTierIndex]?.name ?? undefined : undefined}\n />\n \n }\n \n {!context.customer &&\n
\n - \n
- setSelectedTierIndex(-1)}>\n {context.mergeTags?.memberTierName ?? \"Member\"}\n \n {context.account?.tiers == null || context.account?.tiers?.length == 0 ?\n <>\n :\n context.account?.tiers.map((tier: any, i: number) => {\n return renderPill(tier, i);\n })\n }\n
\n
\n {(context.isEditable || context.settings?.content?.wording?.tier?.listHeading !== \"\") && selectedTierIndex !== -1 &&\n \n \n {context.settings?.content?.icon?.useTierIcon && \n }\n {selectedTierIndex === -1 ?\n
\n {context.customer && (context.customer?.tierProgression ?? 0) <= (context.account?.tiers?.[selectedTierIndex]?.thresholdValue ?? 1)\n && \n \n
\n {(context.isEditable || context.settings?.content?.wording?.tier?.memberIntroduction !== \"\") &&\n
\n :\n \n { return { ...s, tier: { ...s.tier, memberLabel: c } } }}\n />\n
\n {(context.isEditable || context.settings?.content?.wording?.tier?.memberIntroduction !== \"\") &&\n \n
\n
\n }\n {context.account?.tiers?.[selectedTierIndex]?.name}
\n {(context.account?.tiers?.[selectedTierIndex]?.description)\n || (context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[0])\n || (context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[1])\n || (context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[2]) ?\n // if they have customised the tier at all then display that, otherwise show the default wording\n <>\n {context.account?.tiers?.[selectedTierIndex]?.description &&\n\n {context.account?.tiers?.[selectedTierIndex]?.description}\n
\n }\n {((context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[0]) || (context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[1]) || (context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[2])) &&\n- \n {context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[0] &&\n
- \n
\n \n {context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[0]}\n \n \n }\n {context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[1] &&\n - \n
\n \n {context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[1]}\n \n \n }\n {context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[2] &&\n - \n
\n \n {context.account?.tiers?.[selectedTierIndex]?.benefitsList?.[2]}\n \n \n }\n
\n
- \n {(context.isEditable || context.settings?.content?.wording?.tier?.benefit1 !== \"\") &&\n
- \n
\n \n \n }\n {(context.isEditable || context.settings?.content?.wording?.tier?.benefit2 !== \"\") &&\n - \n
\n \n \n }\n {(context.isEditable || context.settings?.content?.wording?.tier?.benefit3 !== \"\") &&\n - \n
\n \n \n }\n
\n { return { ...s, tier: { ...s.tier, listHeading: c } } }}\n />\n
\n \n }\n \n
\n )\n}\n\nexport default Verify;\n","import React, { useContext } from \"react\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport { NavigationContext } from \"../../../../contexts/NavigationContext\";\nimport Activity from '../pages/Activity';\nimport Card from '../pages/Card';\nimport Earn from '../pages/Earn';\nimport EmailLogin from \"../pages/EmailLogin\";\nimport Home from '../pages/Home';\nimport More from '../pages/More';\nimport Preferences from '../pages/Preferences';\nimport Profile from '../pages/Profile';\nimport Redeem from '../pages/Redeem';\nimport Signin from '../pages/Signin';\nimport Tier from '../pages/Tier';\nimport Verify from \"../pages/Verify\";\n\nconst Page = () => {\n const navigation = useContext(NavigationContext);\n const context = useContext(CustomerContext);\n let result = \n
\n \n \n
\n \n Verifying ...\n
\n {data.message && <>{data.message}
Log out}\n\n
\n \n \n \n \n \n }\n {context.settings?.content?.useCustomerCard && (!isCustomReward && (isOnline || context.editingWidget)) && \n
\n \n !context.isEditable && navigation.setPage(\"Redeem\")} />\n
\n \n {reward.name}
\n\n {reward.points} {context.mergeTags?.default?.pointsLabel} {\" \"}·{\" \"}\n
\n
}\n \n {!isCustomReward ? (\n !context.isEditable && setInstore(true)}>\n { return { ...s, claim: { ...s.claim, toggleButtonInstore: c } } }}\n />\n
\n !context.isEditable && setInstore(false)}>\n { return { ...s, claim: { ...s.claim, toggleButtonOnline: c } } }}\n />\n
\n \n {!instore ?\n \n {!!reward.redeemCode ? \n :\n \n {(context.isEditable || context.settings?.content?.wording?.card?.instructions !== \"\") &&\n \n }\n
) : (\n \n {copied ? \"Added to clipboard\" : reward.redeemCode}\n
: Expired coupon}\n \n
\n }\n \n
\n
\n {context.customer ?\n \n {(context.customer || context.unauthedCustomerEmail) &&
\n \n
\n :\n {context.customer.phone}
\n{context.customer.firstName} {context.customer.lastName} · {context.customer.email}
\n\n \n \n
\n }\n \n
\n )}\n \n
\n \n
\n
\n \n
\n \n { !context.isEditable && navigation.setPage(\"Home\"); }} />\n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardHeadingCustomer !== \"\") &&\n \n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardIntroductionCustomer !== \"\") &&\n
\n \n { return { ...s, home: { ...s.home, referralCardHeadingCustomer: c } } }}\n />\n
\n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardIntroductionCustomer !== \"\") &&\n \n
{ !context.isEditable && handleCopyToClipboard(); }}>\n \n {copied ? \"Added to clipboard\" : getReferralLink()}\n \n
\n \n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardInstructions !== \"\") &&\n \n { return { ...s, home: { ...s.home, referralCardInstructions: c } } }}\n />\n \n }\n {(context.isEditable || context.settings?.content?.wording?.home?.referralCardProgress !== \"\") &&\n \n \n { return { ...s, home: { ...s.home, referralCardProgress: c } } }}\n />\n \n \n }\n
\n\n {(context.customer && context.customer.referralLink) ?\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n
- \n
- \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n
\n
\n \n
\n \n { !context.isEditable && navigation.setPage(\"Card\"); }} />\n
\n \n {isIOS ? 
\n : 
}\n
\n \n {navigation.page !== \"Launcher\" &&
\n :\n \n
\n }\n \n \n {navigation.page === \"Home\" || navigation.page === \"Signin\" || navigation.page === \"Signup\" || navigation.page.includes(\"EmailLogin\") ?\n \n \n
\n\n \n
\n );\n};\n\nexport default Default;\n","import React from \"react\";\nimport Panel from '../panelTemplates/Default';\nimport { inIframe } from '../util/Helpers';\n\nconst PortalPanel = () => {\n return (<>\n {!inIframe() ?\n \n \n {navigation.page === \"Home\" || navigation.page === \"Signin\" || navigation.page === \"Signup\" || navigation.page.includes(\"EmailLogin\") ?\n \n \n
\n \n \n \n
:\n\n \n \n \n {children}\n \n \n
\n \n \n
\n );\n};\n\nexport default Center;\n","import React, { useContext } from \"react\";\nimport { BrandingContext } from \"../../../../contexts/BrandingContext\";\nimport { CustomerContext } from \"../../../../contexts/CustomerContext\";\nimport { NavigationContext } from \"../../../../contexts/NavigationContext\";\nimport Launcher from '../components/Launcher';\nimport Panel from '../panelTemplates/Default';\n\nconst MobilePanel = () => {\n const navigation = useContext(NavigationContext);\n const context = useContext(BrandingContext);\n const customerContext = useContext(CustomerContext);\n let settings = customerContext.settings ?? context.settings;\n\n return (\n \n {navigation.page !== \"Launcher\" &&\n \n \n }\n \n \n
\n );\n};\n\nexport default MobilePanel;\n","import { CSSProperties, useContext } from \"react\";\nimport { BrandingContext } from \"../../../../contexts/BrandingContext\";\nimport { NavigationContext } from \"../../../../contexts/NavigationContext\";\nimport Launcher from '../components/Launcher';\n\ninterface SidePanelProps {\n url: string\n}\n\nconst SidePanel = (props: SidePanelProps) => {\n const navigation = useContext(NavigationContext);\n const context = useContext(BrandingContext)\n let settings = context.settings;\n\n const constantStyles = { outline: \"none\", boxShadow: \"none\", borderRadius: \"var(--cp-corner-panel)\" }\n const iFrameStyles: CSSProperties = navigation.page !== \"Launcher\" ? { ...constantStyles, pointerEvents: \"all\", opacity: \"1\", visibility: \"visible\", width: \"100%\" } : { ...constantStyles, pointerEvents: \"none\", opacity: \"0\", visibility: \"hidden\", width: \"0%\", }\n\n return (\n \n \n
\n );\n};\n\nexport default SidePanel;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { BrandingContext } from \"../../../contexts/BrandingContext\";\nimport { NavigationContext } from \"../../../contexts/NavigationContext\";\nimport Center from \"./portalTemplates/Center\";\nimport MobilePanel from \"./portalTemplates/Mobile\";\nimport Side from \"./portalTemplates/Side\";\nimport \"./util/portal.scss\";\n\n\nconst Widget = () => {\n const context = useContext(BrandingContext);\n const navigation = useContext(NavigationContext);\n let settings = context.settings;\n var changes = context.settings?.computedStyles ? JSON.parse(context.settings.computedStyles) : null;\n if (changes != null && Object.keys(changes).length > 0) {\n const root = document.querySelector(':root') as HTMLElement;\n const setChanges = (vars: any[]) => Object.entries(vars).forEach(v => root?.style?.setProperty(v[0], v[1]));\n setChanges(changes);\n }\n const [widgetUrl, setWidgetUrl] = useState(\"\");\n\n useEffect(() => {\n var currentUrl = window?.document?.URL?.toLowerCase();\n let path = (currentUrl?.includes(\"?rewards\") ? \"/redeem\" : \"\")\n const urlParams = new URLSearchParams(window.location.search);\n const couponId = urlParams.get('couponId');\n if (couponId) {\n //Set the couponId as query string so that customerContext can navigation to claimOnline\n path += \"?couponId=\" + couponId;\n }\n\n //@ts-ignore\n let baseUrl = window?.marselloSettings?.baseUrl ?? window.location.origin;\n //@ts-ignore\n const token = window?.marselloSettings?.token;\n if (token) {\n // cant use window.URL as some sites overwrite this for some reason\n var widgetUrl = baseUrl + path;\n if (widgetUrl.includes('?')) {\n widgetUrl += \"&token=\" + token;\n }\n else {\n widgetUrl += \"?token=\" + token;\n }\n baseUrl = widgetUrl;\n }\n setWidgetUrl(baseUrl);\n\n if (navigation.page !== \"Launcher\" && !currentUrl.endsWith(\"?loyal\") && !currentUrl.includes(\"?rewards\")) {\n navigation.setPage(\"Launcher\");\n } else {\n let container = document.body;\n container.classList.add(\"marsello-widget-open\");\n }\n }, [])\n\n let result =