@opexa/portal-components 0.0.405 → 0.0.407

package/dist/client/hooks/useCellxpertCxd.d.ts

@@ -0,0 +1,7 @@
+export declare function useCellxpertCxd(): [{
+    value: string;
+    expires: number;
+} | null, import("react").Dispatch<import("react").SetStateAction<{
+    value: string;
+    expires: number;
+} | null>>, () => void];

package/dist/client/hooks/useCellxpertCxd.js

@@ -0,0 +1,4 @@
+import { useLocalStorage } from 'usehooks-ts';
+export function useCellxpertCxd() {
+    return useLocalStorage('WebPortalCellxpertCxd', null);
+}

package/dist/client/hooks/useSignUpMutation.js

@@ -2,8 +2,9 @@ import { useMutation } from '@tanstack/react-query';
 import { registerMemberAccountViaMobile, } from '../../services/account.js';
 import { getSignUpMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
+import { useCellxpertCxd } from './useCellxpertCxd.js';
 export const useSignUpMutation = (config) => {
-    const cellxpertCxd = config?.meta?.cellxpertCxd;
+    const [cellxpertCxd] = useCellxpertCxd();
     return useMutation({
         ...config,
         mutationKey: getSignUpMutationKey(),
@@ -15,7 +16,7 @@ export const useSignUpMutation = (config) => {
                     btag: session.btag,
                 }),
                 ...(cellxpertCxd && {
-                    cellxpertCxd,
+                    cellxpertCxd: cellxpertCxd.value,
                 }),
             }, {
                 headers: {

package/dist/client/hooks/useUpdateSessionMutation.js

@@ -15,13 +15,11 @@ export const useUpdateSessionMutation = (config) => {
                     return prev;
                 const domain = input.domain ?? prev.domain;
                 const btag = input.btag ?? prev.btag;
-                const cellxpertCxd = input.cellxpertCxd ?? prev.cellxpertCxd;
                 if (prev.status === 'unauthenticated') {
                     return {
                         status: 'unauthenticated',
                         domain,
                         btag,
-                        cellxpertCxd,
                     };
                 }
                 return {

package/dist/client/services/updateSession.d.ts

@@ -2,6 +2,5 @@ import { type HttpRequestOptions } from '../../services/httpRequest';
 export interface UpdateSessionInput {
     domain?: string;
     btag?: string;
-    cellxpertCxd?: string;
 }
 export declare const updateSession: (input: UpdateSessionInput, options?: HttpRequestOptions) => Promise<boolean>;

package/dist/components/Account/Account.lazy.d.ts

@@ -3,6 +3,14 @@ export interface ClassNameEntries {
     walletActions?: string;
     withdrawButton?: string;
     depositButton?: string;
+    walletBalanceContainer?: string;
+    totalBalanceLabel?: string;
+    totalBalanceAmount?: string;
+    balanceDetailsContainer?: string;
+    depositBalanceLabel?: string;
+    depositBalanceAmount?: string;
+    bonusBalanceLabel?: string;
+    bonusBalanceAmount?: string;
     navItemRoot?: string;
     navItemLink?: string;
     navItemIcon?: string;

package/dist/components/Account/Account.lazy.js

@@ -29,6 +29,7 @@ import { Button } from '../../ui/Button/index.js';
 import { Drawer } from '../../ui/Drawer/index.js';
 import { Popover } from '../../ui/Popover/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { capitalize } from '../../utils/capitalize.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
 import { AccountPropsContext, useAccountPropsContext } from './AccountContext.js';
@@ -80,7 +81,17 @@ export function Account(props) {
 function Profile() {
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
-    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "font-semibold text-text-secondary-700 leading-tight", children: account?.name }), _jsxs("div", { className: "flex", children: [_jsxs("p", { className: "grow items-center text-text-tertiary-600 leading-tight", children: ["ID: ", account?.id] }), _jsxs(Badge.Root, { colorScheme: account?.verified ? 'success' : 'danger', className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: account?.verified ? 'Verified' : 'Unverified' })] })] })] })] }));
+    const getVerificationColorScheme = (status) => {
+        switch (status) {
+            case 'VERIFIED':
+                return 'success';
+            case 'PENDING':
+                return 'brand';
+            default:
+                return 'danger';
+        }
+    };
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "font-semibold text-text-secondary-700 leading-tight", children: account?.name }), _jsxs("div", { className: "flex", children: [_jsxs("p", { className: "grow items-center text-text-tertiary-600 leading-tight", children: ["ID: ", account?.id] }), _jsxs(Badge.Root, { colorScheme: getVerificationColorScheme(account?.verificationStatus), className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: capitalize(account?.verificationStatus || '') })] })] })] })] }));
 }
 function Wallet({ classNames }) {
     const localeInfo = useLocaleInfo();
@@ -95,13 +106,13 @@ function Wallet({ classNames }) {
     const depositBalance = parseDecimal(walletQuery.data?.balance, 0);
     const bonusBalance = parseDecimal(walletQuery.data?.bonus, 0);
     const totalBalance = depositBalance + bonusBalance;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-3 rounded-xl border border-border-primary bg-bg-tertiary p-xl", children: [_jsx("div", { className: "text-sm text-text-secondary-700", children: "Total Balance" }), _jsx("div", { className: "font-bold text-3xl", children: formatNumber(totalBalance, {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('mt-3 rounded-xl border border-border-primary bg-bg-tertiary p-xl', classNames.walletBalanceContainer), children: [_jsx("div", { className: twMerge('text-sm text-text-secondary-700', classNames.totalBalanceLabel), children: "Total Balance" }), _jsx("div", { className: twMerge('font-bold text-3xl', classNames.totalBalanceAmount), children: formatNumber(totalBalance, {
                             currency: localeInfo?.currency.code,
                             minDecimalPlaces: 2,
-                        }) }), _jsxs("div", { className: "mt-1.5 flex gap-7xl", children: [_jsxs("div", { children: [_jsx("p", { className: "text-2xs text-text-secondary-700", children: "Deposit Balance" }), _jsx("p", { className: "text-medium text-text-primary-brand", children: formatNumber(depositBalance, {
+                        }) }), _jsxs("div", { className: twMerge('mt-1.5 flex gap-7xl', classNames.balanceDetailsContainer), children: [_jsxs("div", { children: [_jsx("p", { className: twMerge('text-2xs text-text-secondary-700', classNames.depositBalanceLabel), children: "Deposit Balance" }), _jsx("p", { className: twMerge('text-medium text-text-primary-brand', classNames.depositBalanceAmount), children: formatNumber(depositBalance, {
                                             currency: localeInfo?.currency.code,
                                             minDecimalPlaces: 2,
-                                        }) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-2xs text-text-secondary-700", children: "Bonus Balance" }), _jsx("p", { className: "text-medium text-text-primary-brand", children: formatNumber(bonusBalance, {
+                                        }) })] }), _jsxs("div", { children: [_jsx("p", { className: twMerge('text-2xs text-text-secondary-700', classNames.bonusBalanceLabel), children: "Bonus Balance" }), _jsx("p", { className: twMerge('text-medium text-text-primary-brand', classNames.bonusBalanceAmount), children: formatNumber(bonusBalance, {
                                             currency: localeInfo?.currency.code,
                                             minDecimalPlaces: 2,
                                         }) })] })] })] }), ' ', _jsxs("div", { className: twMerge('mt-3 flex gap-lg', classNames.walletActions), children: [_jsx(Button, { size: "xs", variant: "outline", className: classNames.withdrawButton, onClick: () => {
@@ -116,7 +127,7 @@ function Wallet({ classNames }) {
                             globalStore.mobileProfile.setOpen(false);
                         }, children: "Deposit" })] })] }));
 }
-function Links({ router, classNames }) {
+function Links({ router, classNames, }) {
     const accountProps = useAccountPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         account: ctx.account,

package/dist/components/Bonuses/Bonuses.client.js

@@ -76,7 +76,7 @@ function Bonus(props) {
     const turnoverRequirement = parseDecimal(bonus.turnoverRequirement, 0);
     return (_jsxs("div", { className: "flex flex-col overflow-hidden rounded-2xl border border-border-primary bg-bg-tertiary", children: [_jsxs("div", { className: "relative", children: [promo.banner?.url ? (_jsx(Image, { src: promo.banner.url, alt: "", width: 400, height: 200, className: "h-[11.25rem] w-full object-cover" })) : (_jsx("div", { style: {
                             background: 'radial-gradient(75.21% 75.21% at 50% 50%, rgba(249, 163, 8, 0.3) 0%, rgba(0, 0, 0, 0) 100%), var(--color-bg-primary-alt)',
-                        }, children: _jsx(Image, { src: piggyBank, alt: "", className: "mx-auto h-[11.25rem] w-auto shrink-0 object-cover", draggable: false, width: 600, height: 600 }) })), _jsxs(Badge.Root, { size: "lg", round: false, colorScheme: remainingTime.expired ? 'danger' : 'brand-dark', className: "absolute top-4 right-4", children: [_jsx(Badge.Icon, { children: _jsx(StopWatchIcon, {}) }), _jsx(Badge.Label, { children: remainingTime.expired ? 'Expired' : remainingTime.toString() })] })] }), _jsxs("div", { className: "flex grow flex-col px-xl py-3xl", children: [_jsx("h2", { className: "line-clamp-1 text-center font-semibold text-white text-xl", children: promo.name }), _jsx("div", { className: "mt-2 flex items-baseline justify-center gap-2", children: _jsx("p", { className: "font-semibold text-3xl leading-none", children: formatNumber(bonus.balance, {
+                        }, children: _jsx(Image, { src: piggyBank, alt: "", className: "mx-auto h-[11.25rem] w-auto shrink-0 object-cover", draggable: false, width: 600, height: 600 }) })), _jsxs(Badge.Root, { size: "lg", round: false, colorScheme: remainingTime.expired ? 'danger' : 'brand-dark', className: "absolute top-4 right-4", children: [_jsx(Badge.Icon, { children: _jsx(StopWatchIcon, {}) }), _jsx(Badge.Label, { children: remainingTime.expired ? 'Expired' : remainingTime.toString() })] })] }), _jsxs("div", { className: "flex grow flex-col px-xl py-3xl", children: [_jsx("h2", { className: "line-clamp-1 text-center font-semibold text-xl", children: promo.name }), _jsx("div", { className: "mt-2 flex items-baseline justify-center gap-2", children: _jsx("p", { className: "font-semibold text-3xl leading-none", children: formatNumber(bonus.balance, {
                                 currency: localeInfo.currency.code,
                                 minDecimalPlaces: 2,
                             }) }) }), _jsxs("div", { className: "mt-md flex justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Wagering ", currentTurnoverRequirementContributionPercentage, "%"] }), _jsxs("p", { children: [bonus.currentTurnoverRequirementContribution, "/", turnoverRequirement] })] }), _jsx(Progress.Root, { min: 0, max: 100, value: clamp(currentTurnoverRequirementContributionPercentage, 0, 100), className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-6", asChild: true, children: _jsx(Link, { href: `${props.viewDetailsUrl}/${bonus.id}`, children: "See More" }) })] })] }));
@@ -114,7 +114,7 @@ function CashbackBonus(props) {
         belowMinimumCashbackThreshold;
     return (_jsxs("div", { className: "flex flex-col overflow-hidden rounded-2xl border border-border-primary bg-bg-tertiary", children: [cashback.banner?.url ? (_jsx(Image, { src: cashback.banner.url, alt: "", width: 400, height: 200, className: "h-[11.25rem] w-full object-cover" })) : (_jsx("div", { style: {
                     background: 'radial-gradient(75.21% 75.21% at 50% 50%, rgba(249, 163, 8, 0.3) 0%, rgba(0, 0, 0, 0) 100%), var(--color-bg-primary-alt)',
-                }, children: _jsx(Image, { src: moneyOnHand, alt: "", className: "mx-auto h-[11.25rem] w-auto shrink-0 object-cover", draggable: false, width: 600, height: 600 }) })), _jsxs("div", { className: "flex grow flex-col px-xl py-3xl", children: [_jsx("p", { className: "line-clamp-1 text-center font-semibold text-white text-xl", children: cashback.name }), _jsx("h2", { className: "mt-2 text-center font-semibold text-3xl text-white", children: formatNumber(currentAccumulatedCashbackAmount, {
+                }, children: _jsx(Image, { src: moneyOnHand, alt: "", className: "mx-auto h-[11.25rem] w-auto shrink-0 object-cover", draggable: false, width: 600, height: 600 }) })), _jsxs("div", { className: "flex grow flex-col px-xl py-3xl", children: [_jsx("p", { className: 'line-clamp-1 text-center font-semibold text-xl', children: cashback.name }), _jsx("h2", { className: "mt-2 text-center font-semibold text-3xl ", children: formatNumber(currentAccumulatedCashbackAmount, {
                             currency: localeInfo.currency.code,
                             minDecimalPlaces: 2,
                         }) }), _jsx("div", { className: "mt-2 line-clamp-1 text-center text-sm text-text-secondary-700", dangerouslySetInnerHTML: {
@@ -134,7 +134,7 @@ function SpotBonus() {
     })));
     return (_jsxs("div", { className: "flex flex-col overflow-hidden rounded-2xl border border-border-primary bg-bg-tertiary", children: [_jsx("div", { style: {
                     background: 'radial-gradient(75.21% 75.21% at 50% 50%, rgba(249, 163, 8, 0.3) 0%, rgba(0, 0, 0, 0) 100%), var(--color-bg-primary-alt)',
-                }, children: _jsx(Image, { src: ribbonEnvelope, alt: "", className: "mx-auto h-[11.25rem] w-[80%] object-cover", draggable: false, width: 600, height: 341 }) }), _jsxs("div", { className: "flex grow flex-col px-xl py-3xl", children: [_jsx("p", { className: "text-center font-semibold text-white text-xl", children: "Special Rewards" }), _jsx("p", { className: "mt-2 text-center font-semibold text-3xl text-white", children: "Promo Code" }), _jsx("p", { className: "mt-2 text-center text-sm text-text-secondary-700", children: "Have a promo code? Don\u2019t miss out, redeem it now\u00A0and\u00A0enjoy exclusive rewards!" }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", onClick: () => {
+                }, children: _jsx(Image, { src: ribbonEnvelope, alt: "", className: "mx-auto h-[11.25rem] w-[80%] object-cover", draggable: false, width: 600, height: 341 }) }), _jsxs("div", { className: "flex grow flex-col px-xl py-3xl", children: [_jsx("p", { className: "text-center font-semibold text-xl", children: "Special Rewards" }), _jsx("p", { className: "mt-2 text-center font-semibold text-3xl", children: "Promo Code" }), _jsx("p", { className: "mt-2 text-center text-sm text-text-secondary-700", children: "Have a promo code? Don\u2019t miss out, redeem it now\u00A0and\u00A0enjoy exclusive rewards!" }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", onClick: () => {
                             globalStore.spotBonus.setOpen(true);
                         }, className: "mt-6", children: "Enter Promo Code" })] })] }));
 }

package/dist/components/PortalProvider/PortalProvider.js

@@ -7,13 +7,13 @@ import { prefetchSessionQuery } from '../../server/utils/prefetchSessionQuery.js
 import { prefetchWalletQuery } from '../../server/utils/prefetchWalletQuery.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { FeatureFlag } from './FeatureFlag.js';
-import { SocialAccountLinkObserver } from './SocialAccountLinkObserver.js';
 import { Providers } from './Providers.js';
 import { SessionWatcher } from './SessionWatcher.js';
 import { SetupBtag } from './SetupBtag.js';
 import { SetupCellxpertCxd } from './SetupCellxpertCxd.js';
 import { SetupDomain } from './SetupDomain.js';
 import { Snackbar } from './Snackbar.js';
+import { SocialAccountLinkObserver } from './SocialAccountLinkObserver.js';
 export async function PortalProvider({ recaptchaSiteKey, children, }) {
     const queryClient = getQueryClient();
     await Promise.allSettled([

package/dist/components/PortalProvider/Providers.js

@@ -1,14 +1,9 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReCaptchaProvider } from 'next-recaptcha-v3';
-import dynamic from 'next/dynamic';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-const CXDTokenObserver = dynamic(() => import('./CXDTokenObserver.js').then((m) => m.CXDTokenObserver), {
-    ssr: false,
-    loading: () => null,
-});
 export function Providers({ recaptchaSiteKey, children, }) {
     const queryClient = getQueryClient();
-    return (_jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(CXDTokenObserver, {}), _jsx(ReCaptchaProvider, { reCaptchaKey: recaptchaSiteKey, children: children })] }));
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ReCaptchaProvider, { reCaptchaKey: recaptchaSiteKey, children: children }) }));
 }

package/dist/components/PortalProvider/SetupCellxpertCxd.js

@@ -1,9 +1,9 @@
 'use client';
+import { addHours, isAfter, subMinutes } from 'date-fns';
 import { useSearchParams } from 'next/navigation';
 import { useTimeout } from 'usehooks-ts';
 import { z } from 'zod';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
+import { useCellxpertCxd } from '../../client/hooks/useCellxpertCxd.js';
 const CellxpertCxdSchema = z
     .string()
     .min(200)
@@ -12,17 +12,32 @@ const CellxpertCxdSchema = z
     .nullable()
     .catch(null);
 export function SetupCellxpertCxd() {
-    const query = useSessionQuery();
-    const mutation = useUpdateSessionMutation();
-    const params = useSearchParams();
+    const searchParams = useSearchParams();
+    const value = CellxpertCxdSchema.parse(searchParams.get('cxd'));
+    const [cellxpertCxd, setCellxpertCxd] = useCellxpertCxd();
     useTimeout(() => {
-        const oldValue = query.data?.cellxpertCxd;
-        const newValue = CellxpertCxdSchema.parse(params.get('cxd'));
-        if (oldValue === newValue)
+        if (!value)
             return;
-        if (!newValue)
-            return;
-        mutation.mutate({ cellxpertCxd: newValue });
-    }, query.data?.status === 'unauthenticated' ? 250 : null);
+        if (!cellxpertCxd) {
+            return setCellxpertCxd({
+                value,
+                expires: subMinutes(addHours(new Date(), 6), 1).getTime(),
+            });
+        }
+        /* If previous value is expired, override */
+        if (isAfter(new Date(), new Date(cellxpertCxd.expires))) {
+            return setCellxpertCxd({
+                value,
+                expires: addHours(new Date(), 6).getTime(),
+            });
+        }
+        /* If previous value is not the same as new value, override */
+        if (value !== cellxpertCxd.value) {
+            return setCellxpertCxd({
+                value,
+                expires: addHours(new Date(), 6).getTime(),
+            });
+        }
+    }, 250);
     return null;
 }

package/dist/components/Quests/WageringQuest.js

@@ -20,7 +20,7 @@ export function WageringQuest() {
     const localeInfo = useLocaleInfo();
     const { progressPercentage, turnover, targetTurnover, name, description, endDateTime, bonus, status, } = quest;
     const remainingTime = useRemainingTime(endDateTime);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "flex size-9 cursor-pointer items-center justify-center rounded-md border border-border-secondary bg-bg-primary", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "size-5 text-text-disabled" }) })] }), _jsx("p", { className: "font-semibold text-xl", children: name }), _jsx(Prose, { className: "text-wrap font-normal text-sm text-text-secondary-700", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(2), "%"] }), _jsxs("p", { children: [turnover, _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-bg-primary", children: _jsx("div", { className: "h-full rounded-full bg-utility-brand-600 transition-all duration-300", style: { width: `${progressPercentage}%` } }) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx("div", { className: "w-full rounded-md border border-bg-primary-hover bg-button-secondary-bg px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { className: twMerge(remainingTime.expired ||
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "flex size-9 cursor-pointer items-center justify-center rounded-md border border-border-secondary bg-bg-primary", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "size-5 text-text-disabled" }) })] }), _jsx("p", { className: "font-semibold text-xl", children: name }), _jsx(Prose, { className: "text-wrap font-normal text-sm text-text-secondary-700", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(2), "%"] }), _jsxs("p", { children: [turnover, _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-bg-primary", children: _jsx("div", { className: "h-full rounded-full bg-utility-brand-600 transition-all duration-300", style: { width: `${progressPercentage}%` } }) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx("div", { className: "w-full rounded-md border border-bg-primary-hover bg-button-secondary-bg px-3.5 py-2.5 text-center", children: _jsxs("p", { className: twMerge(remainingTime.expired ||
                                     status === 'COMPLETED' ||
                                     status === 'FAILED'
                                     ? 'opacity-50 grayscale'

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -13,14 +13,12 @@ import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useControllableState } from '../../../client/hooks/useControllableState.js';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../client/hooks/useMobileNumberParser.js';
 import { useSendVerificationCodeMutation } from '../../../client/hooks/useSendVerificationCodeMutation.js';
 import { useSignInMutation } from '../../../client/hooks/useSignInMutation.js';
 import { useSignUpMutation } from '../../../client/hooks/useSignUpMutation.js';
-import { useUpdateAccountMutation } from '../../../client/hooks/useUpdateAccountMutation.js';
 import { toaster } from '../../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
 import { CalendarIcon } from '../../../icons/CalendarIcon.js';
@@ -43,7 +41,6 @@ import { createPoll } from '../../../utils/createPoll.js';
 import { useSignUpDefaultPropsContext } from './SignUpDefaultContext.js';
 export function SignUpDefaultForm() {
     const signUpProps = useSignUpDefaultPropsContext();
-    const { enabled } = useFeatureFlag();
     const branchCollection = createListCollection({
         items: signUpProps.branches ?? [],
         itemToValue: (item) => item.code,
@@ -59,11 +56,8 @@ export function SignUpDefaultForm() {
         responsibleGaming: ctx.responsibleGaming,
     })));
     const search = useSearchParams();
-    const signUpMutation = useSignUpMutation({
-        meta: { cellxpertCxd: search.get('cxd') },
-    });
+    const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
-    const updateAccountMutation = useUpdateAccountMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();

package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.js

@@ -67,9 +67,7 @@ export function SignUpKYCForm() {
     })));
     const dialog = useDialogContext();
     const search = useSearchParams();
-    const signUpMutation = useSignUpMutation({
-        meta: { cellxpertCxd: search.get('cxd') },
-    });
+    const signUpMutation = useSignUpMutation();
     const signInMutation = useSignInMutation();
     const updateAccountMutation = useUpdateAccountMutation();
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();

package/dist/constants/StorageKey.d.ts

@@ -3,3 +3,4 @@ export declare const REFRESH_TOKEN_COOKIE_NAME: string;
 export declare const DOMAIN_COOKIE_NAME: string;
 export declare const BTAG_COOKIE_NAME: string;
 export declare const FEATURE_FLAG_LOCAL_STORAGE_KEY: string;
+export declare const CXD_STORAGE_KEY: string;

package/dist/constants/StorageKey.js

@@ -3,3 +3,4 @@ export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
 export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';
 export const BTAG_COOKIE_NAME = 'WebPortalBtag';
 export const FEATURE_FLAG_LOCAL_STORAGE_KEY = 'WebPortalFeatureFlag';
+export const CXD_STORAGE_KEY = 'WebPortalCellxpertCxd';

package/dist/handlers/patchSession.js

@@ -5,7 +5,6 @@ import { BTAG_COOKIE_NAME, DOMAIN_COOKIE_NAME } from '../constants/index.js';
 const UpdateSessionDefinition = z.object({
     domain: z.string().optional().nullable(),
     btag: z.string().optional().nullable(),
-    cellxpertCxd: z.string().optional().nullable(),
 });
 export async function patchSession(request) {
     const body = await request.json();

package/dist/services/queries.d.ts

@@ -67,7 +67,7 @@ export declare const MEMBER = "\n  query Member {\n    member {\n      dateTimeL
 /**
  * _aka_ `Query.self`
  */
-export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n        cellxpertDetails {\n          cxd\n          dateTimeLastUpdated        \n          }\n      }\n    }\n  }\n";
+export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n        cellxpertDetails {\n          cxd\n          dateTimeLastUpdated        \n        }\n      }\n    }\n  }\n";
 export declare const MEMBER_VERIFICATION = "\n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  query MemberVerification {\n    memberAccount: self {\n      ... on MemberAccount {\n        verification {\n          id\n          status\n          address\n          permanentAddress\n          sourceOfIncome\n          natureOfWork\n          nationality\n          placeOfBirth\n          idFrontImage {\n            ...FileFragment\n          }\n          selfieImage {\n            ...FileFragment\n          }\n        }\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT = "\n  mutation RegisterMemberAccount(\n    $input: RegisterMemberAccountInput!\n    $referralCode: String\n    $verificationCode: String\n    $reCAPTCHAResponse: String\n  ) {\n    registerMemberAccount(\n      input: $input\n      referralCode: $referralCode\n      verificationCode: $verificationCode\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MinimumAgeRequirementError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_NAME = "\n  mutation RegisterMemberAccountByName(\n    $input: RegisterMemberAccountByNameInput!\n    $reCAPTCHAResponse: String!\n  ) {\n    registerMemberAccountByName(\n      input: $input\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -1543,7 +1543,7 @@ export const MEMBER_ACCOUNT = /* GraphQL */ `
         cellxpertDetails {
           cxd
           dateTimeLastUpdated        
-          }
+        }
       }
     }
   }

package/dist/styles/theme.css

@@ -271,7 +271,10 @@
   --color-border-brand-solid: #ca8504;
   --color-border-dark: #373A41;
 
+
   --color-border-checkbox-primary: #373a41;
+  --color-bg-progress-bar-primary: var(--color-bg-primary);
+
 
   --font-sans: var(--font-sans);
   --font-mono: var(--font-mono);

package/dist/types/index.d.ts

@@ -10,13 +10,11 @@ export type Session = {
     token: string;
     domain?: string;
     btag?: never;
-    cellxpertCxd?: never;
 } | {
     status: 'unauthenticated';
     token?: never;
     domain?: string;
     btag?: string;
-    cellxpertCxd?: string;
 };
 /**
  * ------------------------------------------------------------