@opexa/portal-components 0.0.685 → 0.0.687

package/dist/components/AccountInfo/GoogleDisconnect.d.ts

@@ -0,0 +1,7 @@
+import { type UseDisclosureReturn } from '../../client/hooks/useDisclosure';
+interface GoogleDisconnectProps {
+    onConfirmAction?: (ctx: UseDisclosureReturn) => React.ReactNode;
+    children?: (ctx: UseDisclosureReturn) => React.ReactNode;
+}
+export declare function GoogleDisconnect(props: GoogleDisconnectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AccountInfo/GoogleDisconnect.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDisclosure, } from '../../client/hooks/useDisclosure.js';
+import { LinkBrokenIcon } from '../../icons/LinkBrokenIcon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function GoogleDisconnect(props) {
+    const disclosure = useDisclosure();
+    return (_jsxs(_Fragment, { children: [props.children?.(disclosure), _jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: disclosure.open, onOpenChange: (details) => disclosure.setOpen(details.open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBrokenIcon, {}) }), _jsx("h2", { className: "mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Google Account" }), _jsx("p", { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Google account? This may affect your ability to log in or sync data." })] }), _jsx("div", { className: "pt-6", children: props.onConfirmAction?.(disclosure) })] }) })] }) })] }));
+}

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHQRCode.js

@@ -11,6 +11,10 @@ export function QRPHQRCode(props) {
         const QRCode = await import('qrcode');
         const dataUrl = await QRCode.toDataURL(props.qrCodeString, {
             type: 'image/png',
+            color: {
+                light: '#FFFFFF',
+                dark: '#000000',
+            },
         });
         const base64 = dataUrl.split(',')[1];
         try {
@@ -32,5 +36,34 @@ export function QRPHQRCode(props) {
             });
         }
     }
-    return (_jsxs(QrCode.Root, { value: props.qrCodeString, className: "mx-auto mt-6 w-[12.5rem] rounded-lg border border-border-primary bg-bg-brand-secondary-alt p-5 lg:w-[13rem] lg:p-6", children: [_jsxs("div", { className: "relative", children: [_jsx(QrCode.Frame, { className: "mx-auto size-[10rem] rounded-[0.25rem] border border-border-primary bg-white", children: _jsx(QrCode.Pattern, {}) }), _jsx(QrCode.Overlay, { className: "bg-white p-0.5", children: _jsx(Image, { src: qrphIcon, alt: "", className: "size-8", width: 40, height: 40 }) })] }), Capacitor.isNativePlatform() ? (_jsx("button", { type: "button", onClick: handleNativeDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code to Device" })) : (_jsx(QrCode.DownloadTrigger, { fileName: `qrcode-${Date.now()}`, mimeType: "image/png", className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code" }))] }));
+    async function handleWebDownload() {
+        try {
+            const QRCode = await import('qrcode');
+            const dataUrl = await QRCode.toDataURL(props.qrCodeString, {
+                type: 'image/png',
+                color: {
+                    light: '#FFFFFF',
+                    dark: '#000000',
+                },
+            });
+            const link = document.createElement('a');
+            link.href = dataUrl;
+            link.download = `qrcode-${Date.now()}.png`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            toaster.success({
+                title: 'QR Code successfully saved to your device',
+                description: 'To continue with your deposit, please upload the QR code in your banking app.',
+            });
+        }
+        catch (error) {
+            console.log(error, 'error');
+            toaster.error({
+                title: 'Failed to save QR Code',
+                description: 'An error occurred while saving the QR code to your device.',
+            });
+        }
+    }
+    return (_jsxs(QrCode.Root, { value: props.qrCodeString, className: "mx-auto mt-6 w-[12.5rem] rounded-lg border border-border-primary bg-bg-brand-secondary-alt p-5 lg:w-[13rem] lg:p-6", children: [_jsxs("div", { className: "relative", children: [_jsx(QrCode.Frame, { className: "mx-auto size-[10rem] rounded-[0.25rem] border border-border-primary bg-white", children: _jsx(QrCode.Pattern, {}) }), _jsx(QrCode.Overlay, { className: "bg-white p-0.5", children: _jsx(Image, { src: qrphIcon, alt: "", className: "size-8", width: 40, height: 40 }) })] }), Capacitor.isNativePlatform() ? (_jsx("button", { type: "button", onClick: handleNativeDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code to Device" })) : (_jsx("button", { type: "button", onClick: handleWebDownload, className: "mt-5 block w-full text-center font-semibold text-sm text-text-secondary-700", children: "Download QR Code" }))] }));
 }

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

@@ -17,6 +17,12 @@ import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 export function KYCReminder(props) {
+    console.log('[KYCReminder] Component rendered with props:', {
+        siteName: props.siteName,
+        hasLogo: !!props.logo,
+        hasTitleBgColor: !!props.titleBgColor,
+        hasDescriptionBgColor: !!props.descriptionBgColor
+    });
     const router = useRouter();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
@@ -44,9 +50,22 @@ export function KYCReminder(props) {
     });
     const { data: session, isLoading: sessionLoading } = useSessionQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
+    console.log('[KYCReminder] Query states:', {
+        sessionLoading,
+        accountLoading,
+        sessionStatus: session?.status,
+        hasAccount: !!account
+    });
     const isPending = account?.verificationStatus === 'PENDING';
     const isNotVerified = account?.verificationStatus === 'UNVERIFIED';
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
+    console.log('[KYCReminder] Account verification states:', {
+        verificationStatus: account?.verificationStatus,
+        accountStatus: account?.status,
+        isPending,
+        isNotVerified,
+        isVerificationLocked
+    });
     const daysFromCreationToNow = useMemo(() => {
         if (!account?.dateTimeCreated)
             return 0;
@@ -54,6 +73,12 @@ export function KYCReminder(props) {
         const now = new Date();
         return differenceInCalendarDays(now, creationDate);
     }, [account?.dateTimeCreated]);
+    console.log('[KYCReminder] Account timing:', {
+        dateTimeCreated: account?.dateTimeCreated,
+        daysFromCreationToNow,
+        isWithin3Days: daysFromCreationToNow <= 3,
+        isAfter1Day: daysFromCreationToNow > 1
+    });
     const isAccountReady = !accountLoading;
     const isSessionReady = !sessionLoading && session?.status === 'authenticated';
     const isKYCReminderOpen = globalStore.kycReminder.open && !globalStore.kyc.open;
@@ -61,13 +86,49 @@ export function KYCReminder(props) {
     const isKYCStateRelevant = isNotVerified ||
         (isPending && isVerificationLocked) ||
         (isNotVerified && isVerificationLocked);
-    return (_jsx(Dialog.Root, { open: isSessionReady &&
-            isAccountReady &&
-            isKYCReminderOpen &&
-            isKYCStateRelevant &&
-            isResponsibleGamingReminderClosed, onOpenChange: (details) => {
+    console.log('[KYCReminder] Global store states:', {
+        kycReminderOpen: globalStore.kycReminder.open,
+        kycOpen: globalStore.kyc.open,
+        responsibleGamingReminderOpen: globalStore.responsibleGamingReminder.open,
+        isKYCReminderOpen,
+        isResponsibleGamingReminderClosed
+    });
+    console.log('[KYCReminder] Ready states:', {
+        isAccountReady,
+        isSessionReady,
+        isKYCStateRelevant
+    });
+    const shouldModalOpen = isSessionReady &&
+        isAccountReady &&
+        isKYCReminderOpen &&
+        isKYCStateRelevant &&
+        isResponsibleGamingReminderClosed;
+    console.log('[KYCReminder] Final modal decision:', {
+        shouldModalOpen,
+        conditions: {
+            isSessionReady,
+            isAccountReady,
+            isKYCReminderOpen,
+            isKYCStateRelevant,
+            isResponsibleGamingReminderClosed
+        }
+    });
+    return (_jsx(Dialog.Root, { open: shouldModalOpen, onOpenChange: (details) => {
+            console.log('[KYCReminder] Dialog open change:', details);
             globalStore.kycReminder.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: _jsxs(Dialog.Content, { className: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary lg:max-w-[400px]", children: [!isPending && isNotVerified && isVerificationLocked && (_jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto mb-4 w-fit rounded-full p-2", children: _jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Temporarily Locked" }), _jsx("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: "Your account has been locked due to incomplete verification. Please complete your verification to restore full access." }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo?.logo ?? pagcorLogo, alt: "PAGCOR logo", height: 88, width: 88, className: `h-[88px] w-auto shrink-0 ${props.pagcorLogo?.styles ?? ''}`, draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo?.logo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: `h-[50px] w-auto shrink-0 ${props.responsibleGamingLogo?.styles ?? ''}`, draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-6 space-y-lg", children: [_jsx(Button, { onClick: () => {
+        }, 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: _jsxs(Dialog.Content, { className: "mx-auto h-fit max-w-[calc(100dvw-1rem)] overflow-y-auto rounded-lg bg-bg-primary lg:max-w-[400px]", children: [(() => {
+                                const condition1 = !isPending && isNotVerified && isVerificationLocked;
+                                const condition2 = isNotVerified && daysFromCreationToNow <= 3 && daysFromCreationToNow > 1 && !isVerificationLocked;
+                                const condition3 = isNotVerified && !isVerificationLocked && !(daysFromCreationToNow <= 3 && daysFromCreationToNow > 1);
+                                const condition4 = isPending && isVerificationLocked;
+                                console.log('[KYCReminder] Modal variant conditions:', {
+                                    condition1_TemporarilyLocked: condition1,
+                                    condition2_FriendlyReminder: condition2,
+                                    condition3_PersonalVerification: condition3,
+                                    condition4_VerificationInProgress: condition4
+                                });
+                                return null;
+                            })(), !isPending && isNotVerified && isVerificationLocked && (_jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto mb-4 w-fit rounded-full p-2", children: _jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Temporarily Locked" }), _jsx("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: "Your account has been locked due to incomplete verification. Please complete your verification to restore full access." }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo?.logo ?? pagcorLogo, alt: "PAGCOR logo", height: 88, width: 88, className: `h-[88px] w-auto shrink-0 ${props.pagcorLogo?.styles ?? ''}`, draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo?.logo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: `h-[50px] w-auto shrink-0 ${props.responsibleGamingLogo?.styles ?? ''}`, draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-6 space-y-lg", children: [_jsx(Button, { onClick: () => {
                                                         api.setOpen(false);
                                                         globalStore.kyc.setOpen(true);
                                                     }, children: "Complete KYC" }), ' ', _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: () => {

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

@@ -19,18 +19,15 @@ export function KYCVerificationStatus() {
     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' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
+        }, 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' && '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' &&
-                                                '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: () => {
+                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
+                                            '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);
-                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                     }, children: "Close" })] }) }) })] }) }));
 }

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -4,12 +4,42 @@ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 export function KycOpenOnHomeMount(props) {
+    console.log('[KycOpenOnHomeMount] Component mounted with props:', props);
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
     const setkycOpen = useGlobalStore((s) => s.kyc.setOpen);
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
+    console.log('[KycOpenOnHomeMount] Query states:', {
+        verificationLoading,
+        accountLoading,
+        hasVerificationData: !!verification,
+        hasAccountData: !!account
+    });
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
     const isPending = account?.verificationStatus === 'PENDING';
+    console.log('[KycOpenOnHomeMount] Account status:', {
+        accountStatus: account?.status,
+        verificationStatus: account?.verificationStatus,
+        isVerificationLocked,
+        isPending,
+        verified: account?.verified
+    });
+    console.log('[KycOpenOnHomeMount] Verification data:', {
+        sumsubVerified: verification?.sumsubVerified,
+        status: verification?.status,
+        nationality: !!verification?.nationality,
+        natureOfWork: !!verification?.natureOfWork,
+        sourceOfIncome: !!verification?.sourceOfIncome,
+        permanentAddress: !!verification?.permanentAddress,
+        placeOfBirth: !!verification?.placeOfBirth,
+        address: !!verification?.address,
+        selfieImage: !!verification?.selfieImage,
+        idFrontImage: !!verification?.idFrontImage
+    });
+    console.log('[KycOpenOnHomeMount] Account KYC data:', {
+        realName: !!account?.realName,
+        birthDay: !!account?.birthDay
+    });
     const hasntSubmittedCompliantDocs = account?.verified ||
         verification?.sumsubVerified ||
         verification?.status === 'APPROVED' ||
@@ -32,30 +62,53 @@ export function KycOpenOnHomeMount(props) {
             !verification?.permanentAddress ||
             !verification?.placeOfBirth ||
             !verification?.address;
+    console.log('[KycOpenOnHomeMount] KYC status calculations:', {
+        hasntSubmittedCompliantDocs,
+        hasntCompletedKYC,
+        isSkippable: props.isSkippable
+    });
     useEffect(() => {
-        console.log(hasntSubmittedCompliantDocs, hasntCompletedKYC);
+        console.log('[KycOpenOnHomeMount] useEffect triggered');
+        console.log('[KycOpenOnHomeMount] Current state:', {
+            hasntSubmittedCompliantDocs,
+            hasntCompletedKYC,
+            verificationLoading,
+            accountLoading,
+            isPending,
+            isVerificationLocked,
+            isSkippable: props.isSkippable
+        });
         if (!verificationLoading && !accountLoading) {
+            console.log('[KycOpenOnHomeMount] Queries loaded, processing logic...');
             // Handle pending case with feature flag
             if (isPending) {
+                console.log('[KycOpenOnHomeMount] Account is pending - closing KYC modal, opening reminder');
                 setkycOpen(false);
                 setkycReminderOpen(true);
             }
             if (hasntSubmittedCompliantDocs || hasntCompletedKYC) {
                 if (props.isSkippable) {
+                    console.log('[KycOpenOnHomeMount] KYC incomplete but skippable - opening reminder');
                     setkycReminderOpen(true);
                 }
                 else {
+                    console.log('[KycOpenOnHomeMount] KYC incomplete and not skippable - opening KYC modal');
                     setkycOpen(true);
                 }
             }
             else if ((!hasntSubmittedCompliantDocs && hasntCompletedKYC) ||
                 isVerificationLocked) {
+                console.log('[KycOpenOnHomeMount] Partial completion or verification locked - opening reminder');
                 setkycReminderOpen(true);
             }
             else {
+                console.log('[KycOpenOnHomeMount] KYC complete - closing reminder');
                 setkycReminderOpen(false);
             }
         }
+        else {
+            console.log('[KycOpenOnHomeMount] Still loading queries, skipping logic');
+        }
     }, [
         setkycReminderOpen,
         setkycOpen,

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 { data: account } = useAccountQuery();
-    const accountCxd = {
-        cxd: account?.cellxpertDetails?.cxd,
-    };
-    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
+    const searchParams = useSearchParams();
+    const cxdToken = searchParams.get('cxd');
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', 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 === accountCxd.cxd;
+        const isSame = cxd?.cxd === cxdToken;
         if (!isSame) {
             const extendedTimestamp = addHours(new Date(), 6).getTime();
             setCxd({
-                cxd: accountCxd.cxd,
+                cxd: cxdToken,
                 timestamp: extendedTimestamp,
             });
         }
-    }, account ? 100 : null);
-    useTimeout(() => {
-        removeCxd();
-    }, account ? removeCxdUntilInMs : null);
+    }, shouldTimeoutRun ? 100 : null);
+    useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
     return null;
 }

package/dist/icons/LinkBrokenIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function LinkBrokenIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/LinkBrokenIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LinkBrokenIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { d: "M8.5 15.5L15.5 8.49998M9 4V2M15 20V22M4 9H2M20 15H22M4.91421 4.91421L3.5 3.5M19.0858 19.0857L20.5 20.4999M12 17.6568L9.87871 19.7781C8.31662 21.3402 5.78396 21.3402 4.22186 19.7781C2.65976 18.216 2.65976 15.6833 4.22186 14.1212L6.34318 11.9999M17.6569 11.9999L19.7782 9.87859C21.3403 8.31649 21.3403 5.78383 19.7782 4.22174C18.2161 2.65964 15.6835 2.65964 14.1214 4.22174L12 6.34306", stroke: "#FEDF89", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+}