@opexa/portal-components 0.0.884 → 0.0.886

package/dist/components/Jackpots/utils.js

@@ -1,4 +1,4 @@
-export const JACKPOTS_VARIATIONS = [
+export const CRAZYWIN_JACKPOTS_VARIATIONS = [
     // Green
     {
         background: 'bg-[linear-gradient(241.67deg,#1A534C_1.19%,#051B29_100%)]',
@@ -36,3 +36,55 @@ export const JACKPOTS_VARIATIONS = [
         raysColor: '[--color-jackpot-rays-primary:#c04e48] [--color-jackpot-rays-secondary:#8f2731]',
     },
 ];
+export const HAPPYBINGO_JACKPOTS_VARIATIONS = [
+    // Orange
+    {
+        background: 'bg-[linear-gradient(241.67deg,#FFD238_1.19%,#FF7D02_100%)]',
+        progressBg: 'bg-[#CA8504]',
+        textColor: 'text-[#713B12]',
+        poolBg: 'bg-[linear-gradient(180deg,#FFDE21_0%,#FFD012_47%,#FFBF00_100%)]',
+        multiplierColor: 'text-[#713B12]',
+        multiplierBg: 'bg-[linear-gradient(241.67deg,#FFD238_1.19%,#FF7D02_100%)]',
+        topPayoutImgBorderColor: 'bg-[linear-gradient(180deg,#FFDE21_28.33%,#FFBF00_57.84%,#FF9442_100%)]',
+        topPayoutImgBg: 'bg-[#FFD238]',
+        raysColor: '[--color-rays-primary:#f2ac25] [--color-rays-secondary:#febb2a]',
+    },
+    // Purple
+    {
+        background: 'bg-[linear-gradient(45deg,#4300B1_0%,#A531DC_100%)]',
+        progressBg: 'bg-[#B485FF]',
+        textColor: 'text-[#fff]',
+        poolBg: 'bg-[linear-gradient(180deg,#9E77ED_0%,#8057D9_100%)]',
+        multiplierBg: 'bg-[linear-gradient(45deg,_#4300B1_0%,_#A531DC_100%)]',
+        multiplierColor: 'text-[#fff]',
+        topPayoutImgBorderColor: 'bg-[linear-gradient(180deg,#9E77ED_0%,#8057D9_100%)]',
+        topPayoutImgBg: 'bg-[#5E0DBD]',
+        raysColor: '[--color-rays-primary:#8222c6] [--color-rays-secondary:#8e24d2]',
+    },
+    // Blue
+    {
+        background: 'bg-[linear-gradient(241.67deg,#01C1FA_1.19%,#015EEA_100%)]',
+        progressBg: 'bg-[#01C4FB]',
+        textColor: 'text-[#344054]',
+        poolBg: 'bg-[linear-gradient(180deg,_#89F7FE_0%,_#66A6FF_100%)]',
+        multiplierBg: 'bg-[linear-gradient(241.67deg,_#01C1FA_1.19%,_#015EEA_100%)]',
+        multiplierColor: 'text-[#fff]',
+        topPayoutImgBorderColor: 'bg-[linear-gradient(180deg,_#89F7FE_0%,_#66A6FF_100%)]',
+        topPayoutImgBg: 'bg-[#01C1FA]',
+        raysColor: '[--color-rays-primary:#17a6f6] [--color-rays-secondary:#159ce9]',
+    },
+];
+export function formatProviderName(provider) {
+    return provider
+        .split('_')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+        .join(' ');
+}
+export const maskName = (name) => {
+    if (name.length <= 7) {
+        return '*'.repeat(name.length);
+    }
+    const visiblePart = name.slice(0, 3);
+    const maskedPart = '*'.repeat(7);
+    return visiblePart + maskedPart;
+};

package/dist/components/KYC/BasicInformation.js

@@ -84,7 +84,7 @@ export function BasicInformation() {
             });
         },
     });
-    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center text-lg font-semibold", children: "Basic Information" }), _jsx(Dialog.Description, { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Enter your basic details for identification and communication." }), _jsxs("form", { className: "mt-3", onSubmit: form.handleSubmit((data) => {
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Basic Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Enter your basic details for identification and communication." }), _jsxs("form", { className: "mt-3", onSubmit: form.handleSubmit((data) => {
                     invariant(account);
                     const input = omitBy({
                         realName: account.realName === data.realName ? undefined : data.realName,

package/dist/components/KYC/IdentityVerification.js

@@ -102,7 +102,7 @@ export function IdentityVerification() {
         if (kyc.idFrontImageId)
             form.setValue('idFrontImage', kyc.idFrontImageId);
     }, [form, kyc.idFrontImageId, kyc.selfieImageId]);
-    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center text-lg font-semibold", children: "Verify your identity" }), _jsx(Dialog.Description, { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Verify your details to confirm your identity and secure your access." }), _jsxs("div", { className: "border-border-primary bg-bg-primary text-text-placeholder mt-7 rounded-xl border p-lg text-xs leading-tight", children: [_jsx("h3", { className: "font-semibold", children: "Instructions" }), _jsxs("ol", { className: "mt-2 list-inside list-decimal", children: [_jsx("li", { children: "Upload a full photo of your ID." }), _jsx("li", { children: "Please ensure that all details in the uploaded image are legible." }), _jsx("li", { children: "Please ensure that the ID uploaded is within the validity period." })] })] }), _jsxs("form", { className: "mt-xl", onSubmit: form.handleSubmit(onSubmit), children: [_jsx(Controller, { control: form.control, name: "idFrontImage", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, children: [_jsx(Field.Label, { children: "Front of your ID" }), _jsx(IdFrontImageField, { value: o.field.value, onChange: o.field.onChange, onError: (error) => {
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Verify your identity" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Verify your details to confirm your identity and secure your access." }), _jsxs("div", { className: "mt-7 rounded-xl border border-border-primary bg-bg-primary p-lg text-text-placeholder text-xs leading-tight", children: [_jsx("h3", { className: "font-semibold", children: "Instructions" }), _jsxs("ol", { className: "mt-2 list-inside list-decimal", children: [_jsx("li", { children: "Upload a full photo of your ID." }), _jsx("li", { children: "Please ensure that all details in the uploaded image are legible." }), _jsx("li", { children: "Please ensure that the ID uploaded is within the validity period." })] })] }), _jsxs("form", { className: "mt-xl", onSubmit: form.handleSubmit(onSubmit), children: [_jsx(Controller, { control: form.control, name: "idFrontImage", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, children: [_jsx(Field.Label, { children: "Front of your ID" }), _jsx(IdFrontImageField, { value: o.field.value, onChange: o.field.onChange, onError: (error) => {
                                         form.setValue('idFrontImage', '');
                                         form.setError('idFrontImage', {
                                             type: 'validate',

package/dist/components/KYC/KYC.lazy.js

@@ -41,5 +41,5 @@ export function KYC(props) {
     }, [steps, kyc]);
     return (_jsxs(_Fragment, { children: [_jsx(KYCContext, { value: kyc, children: _jsx(Dialog.Root, { open: globalStore.kyc.open && hasMissingData, onOpenChange: (details) => {
                         globalStore.kyc.setOpen(details.open);
-                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "bg-bg-primary-alt lg:min-h-auto mx-auto min-h-full w-full overflow-y-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
+                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: "mx-auto min-h-full w-full overflow-y-auto bg-bg-primary-alt lg:min-h-auto lg:w-fit", children: _jsxs("div", { className: "flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit sm:overflow-auto lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
 }

package/dist/components/KYC/KYCDefault/KYCVerificationStatus.lazy.js

@@ -24,8 +24,8 @@ export function KYCVerificationStatus() {
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
         }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", width: 240, height: 0, className: "w-60 object-contain", draggable: false }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', isUnverified && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
-                                            `Your account verification is still under review. Please wait
-								until it's approved before you can continue playing or
+                                            `Your account verification is still under review. Please wait
+								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
                                             'Your account verification was not approved. Please resubmit your verification to regain full access.', isUnverified &&
                                             'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {

package/dist/components/KYC/KYCNonPagCor/IdentityVerification.js

@@ -21,7 +21,7 @@ import { Button } from '../../../ui/Button/index.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
 import { Field } from '../../../ui/Field/index.js';
 import { getQueryClient } from '../../../utils/getQueryClient.js';
-import { getMemberVerificationQueryKey, getSessionQueryKey, } from '../../../utils/queryKeys.js';
+import { getAccountQueryKey, getMemberVerificationQueryKey, getSessionQueryKey, } from '../../../utils/queryKeys.js';
 import { IdFrontImageField } from '../../shared/IdFrontImageField/index.js';
 import { SelfieImageField } from '../../shared/SelfieImageField/index.js';
 import { useKYCNonPagcorContext } from './KYCNonPagcorContext.js';
@@ -55,6 +55,7 @@ export function IdentityVerification() {
                     status: 'PENDING',
                 };
             });
+            queryClient.invalidateQueries({ queryKey: getAccountQueryKey() });
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
         },
@@ -80,6 +81,7 @@ export function IdentityVerification() {
                     status: 'PENDING',
                 };
             });
+            queryClient.invalidateQueries({ queryKey: getAccountQueryKey() });
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
         },

package/dist/components/KYC/KYCNonPagCor/KYCVerificationStatus.lazy.js

@@ -24,8 +24,8 @@ export function KYCVerificationStatus() {
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
         }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", width: 240, height: 0, className: "w-60 object-contain", draggable: false }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', isUnverified && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
-                                            `Your account verification is still under review. Please wait
-								until it's approved before you can continue playing or
+                                            `Your account verification is still under review. Please wait
+								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
                                             'Your account verification was not approved. Please resubmit your verification to regain full access.', isUnverified &&
                                             'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {

package/dist/components/KYC/KYCNonPagCor/PersonalInformation.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Capacitor } from '@capacitor/core';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { differenceInYears } from 'date-fns';
+import { differenceInYears, format } from 'date-fns';
 import { useRouter } from 'next/navigation';
 import { useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
@@ -103,7 +103,7 @@ export function PersonalInformation() {
     async function onSubmit(values) {
         await updateAccountMutation.mutateAsync({
             realName: `${values.firstName} ${values.lastName}`,
-            birthDay: values.birthday.toISOString().split('T')[0],
+            birthDay: format(values.birthday, 'yyyy-MM-dd'),
         });
     }
     const birthDay = form.watch('birthday');

package/dist/components/KYC/KYCVerificationStatus.lazy.js

@@ -15,20 +15,17 @@ export function KYCVerificationStatus() {
         kyc: ctx.kyc,
     })));
     const verificationQuery = useMemberVerificationQuery();
-    console.log(verificationQuery, 'data');
-    const status = verificationQuery?.data?.status ?? 'UNVERIFIED';
+    const status = verificationQuery.data?.status ?? 'UNVERIFIED';
     const icons = status === 'PENDING' ? bellIcon : alertIcon;
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
         }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
-                                            status === 'CREATED' ||
-                                            (verificationQuery?.data === null && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
-                                            `Your account verification is still under review. Please wait
-								until it's approved before you can continue playing or
+                                            (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
+                                            `Your account verification is still under review. Please wait
+								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
                                             'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
-                                            status === 'CREATED' ||
-                                            (verificationQuery?.data === null &&
+                                            (status === 'CREATED' &&
                                                 'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                         globalStore.kyc.setOpen(true);

package/dist/components/KYC/PersonalInformation.js

@@ -104,7 +104,7 @@ export function PersonalInformation() {
     }
     const address = form.watch('address');
     const permanentAddress = form.watch('permanentAddress');
-    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center text-lg font-semibold", children: "Personal Information" }), _jsx(Dialog.Description, { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.permanentAddress, children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address", ...form.register('permanentAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.permanentAddress?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.address, children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address", ...form.register('address') }), _jsx(Field.ErrorText, { children: form.formState.errors.address?.message })] }), _jsxs(Checkbox.Root, { className: "mt-md", checked: address !== '' &&
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.permanentAddress, children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address", ...form.register('permanentAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.permanentAddress?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.address, children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address", ...form.register('address') }), _jsx(Field.ErrorText, { children: form.formState.errors.address?.message })] }), _jsxs(Checkbox.Root, { className: "mt-md", checked: address !== '' &&
                             permanentAddress !== '' &&
                             address === permanentAddress, onCheckedChange: (details) => {
                             if (details.checked === true) {

package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts

@@ -0,0 +1 @@
+export declare function AndroidOnlyComponents(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/PortalProvider/AndroidOnlyComponents.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Capacitor } from '@capacitor/core';
+import { AndroidRoutingHandler } from './AndroidRoutingHandler.js';
+import PushNotification from './PushNotifications.js';
+export function AndroidOnlyComponents() {
+    const platform = Capacitor.getPlatform();
+    const isNative = platform === 'android' || platform === 'ios';
+    if (!isNative)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(PushNotification, {}), _jsx(AndroidRoutingHandler, {})] }));
+}

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -1,30 +1,30 @@
 'use client';
 import { addHours } from 'date-fns';
 import { clamp } from 'lodash-es';
-import { useSearchParams } from 'next/navigation';
 import { useLocalStorage, useTimeout } from 'usehooks-ts';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 export function CXDTokenObserver() {
-    const searchParams = useSearchParams();
-    const cxdToken = searchParams.get('cxd');
-    const accountQuery = useAccountQuery();
-    const account = accountQuery.data;
-    const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', null);
+    const { data: account } = useAccountQuery();
+    const accountCxd = {
+        cxd: account?.cellxpertDetails?.cxd,
+    };
+    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
     const now = new Date();
-    const shouldTimeoutRun = cxdToken && account;
     const removeCxdUntilInMs = cxd?.timestamp
         ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
         : 0;
     useTimeout(() => {
-        const isSame = cxd?.cxd === cxdToken;
+        const isSame = cxd?.cxd === accountCxd.cxd;
         if (!isSame) {
             const extendedTimestamp = addHours(new Date(), 6).getTime();
             setCxd({
-                cxd: cxdToken,
+                cxd: accountCxd.cxd,
                 timestamp: extendedTimestamp,
             });
         }
-    }, shouldTimeoutRun ? 100 : null);
-    useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
+    }, account ? 100 : null);
+    useTimeout(() => {
+        removeCxd();
+    }, account ? removeCxdUntilInMs : null);
     return null;
 }

package/dist/components/SignIn/MobileNumberField.js

@@ -33,9 +33,10 @@ export const MobileNumberField = ({ enabledCountries, mobileNumber, onMobileNumb
                             setSearch('');
                         }, children: [_jsx(Popover.Trigger, { onClick: () => {
                                     setIsPopoverOpen(!isPopoverOpen);
-                                }, className: "rounded-md border border-border-primary bg-background bg-bg-primary px-3 py-2 shadow-xs transition-colors placeholder:text-text-placeholder hover:border-border-hover focus:border-border-brand focus:border-border-focus focus:shadow-brand-xs focus:outline-none", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(selectedCountry.flag, { className: "size-5" }), _jsx("span", { children: selectedCountry.areaCode }), _jsx(Popover.Indicator, { children: _jsx(ChevronDownIcon, {}) })] }) }), _jsx(Popover.Positioner, { className: "w-full", children: _jsx(Popover.Content, { children: _jsx(Popover.Description, { children: isPopoverOpen && (_jsxs(Combobox.Root, { collection: countriesCollection, positioning: {
+                                }, className: "rounded-md border border-border-primary bg-background bg-bg-primary px-3 py-2 shadow-xs transition-colors placeholder:text-text-placeholder hover:border-border-hover focus:border-border-brand focus:border-border-focus focus:shadow-brand-xs focus:outline-none", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(selectedCountry.flag, { className: "size-5" }), _jsx("span", { children: selectedCountry.areaCode }), _jsx(Popover.Indicator, { children: _jsx(ChevronDownIcon, {}) })] }) }), _jsx(Popover.Positioner, { className: "w-full", children: _jsx(Popover.Content, { children: _jsx(Popover.Description, { children: _jsxs(Combobox.Root, { collection: countriesCollection, positioning: {
                                                 sameWidth: true,
                                             }, value: [selectedCountry.code], onValueChange: (details) => {
+                                                console.log('onValueChange?');
                                                 if (details.value && details.value.length > 0) {
                                                     setSelectedCountry(getCountryDetails(details.value[0]));
                                                     setAreaCode(getCountryDetails(details.value[0]).areaCode);
@@ -43,11 +44,11 @@ export const MobileNumberField = ({ enabledCountries, mobileNumber, onMobileNumb
                                                     setIsPopoverOpen(false);
                                                 }
                                             }, inputValue: search, onInputValueChange: (details) => {
+                                                console.log('onInputValueChange?');
                                                 setSearch(details.inputValue);
                                             }, open: isPopoverOpen, onOpenChange: (details) => {
-                                                // Prevent combobox from closing when we want it open
+                                                console.log('onOpenChange?');
                                                 if (isPopoverOpen && !details.open) {
-                                                    // Don't let combobox close itself
                                                     return;
                                                 }
                                             }, openOnClick: true, children: [_jsx(Combobox.Control, { className: "rounded-lg border-1 shadow-none outline-none", children: _jsx(Combobox.Input, { placeholder: "Search country..." }) }), _jsx(Portal, { children: _jsx(Combobox.Positioner, { style: { zIndex: 9999 }, children: _jsx(Combobox.Content, { className: "w-full", style: { zIndex: 9999 }, children: _jsx(Combobox.ItemGroup, { children: countriesCollection.items
@@ -56,7 +57,7 @@ export const MobileNumberField = ({ enabledCountries, mobileNumber, onMobileNumb
                                                                         .toLowerCase()
                                                                         .includes(search.toLowerCase()) ||
                                                                     country.areaCode.includes(search))
-                                                                    .map((country) => (_jsxs(Combobox.Item, { item: country, children: [_jsxs(Combobox.ItemText, { children: [_jsx(country.flag, { className: "mr-2 inline-block size-5" }), country.name, " (", country.areaCode, ")"] }), _jsx(Combobox.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, country.code))) }) }) }) })] })) }) }) })] }), _jsx(Field.Input, { ...(mobileNumberRegistration || {}), style: { paddingLeft: '0.5rem' }, value: mobileNumber, onChange: handleMobileChange, placeholder: "Enter mobile number" })] }), _jsx(Field.ErrorText, { children: error })] }));
+                                                                    .map((country) => (_jsxs(Combobox.Item, { item: country, children: [_jsxs(Combobox.ItemText, { children: [_jsx(country.flag, { className: "mr-2 inline-block size-5" }), country.name, " (", country.areaCode, ")"] }), _jsx(Combobox.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, country.code))) }) }) }) })] }) }) }) })] }), _jsx(Field.Input, { ...(mobileNumberRegistration || {}), style: { paddingLeft: '0.5rem' }, value: mobileNumber, onChange: handleMobileChange, placeholder: "Enter mobile number" })] }), _jsx(Field.ErrorText, { children: error })] }));
 };
 const countriesListCollection = (countries) => createListCollection({
     items: countries,