@opexa/portal-components 0.0.570 → 0.0.571

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

@@ -45,14 +45,16 @@ export function KYCReminder(props) {
         const now = new Date();
         return differenceInCalendarDays(now, creationDate);
     }, [account?.dateTimeCreated]);
-    return (_jsx(Dialog.Root, { open: !sessionLoading &&
-            !accountLoading &&
-            globalStore.kycReminder.open &&
-            !globalStore.kyc.open &&
-            (!isPending || isVerificationLocked) &&
-            session?.status === 'authenticated' &&
-            isNotVerified &&
-            !globalStore.responsibleGamingReminder.open, onOpenChange: (details) => {
+    const isSessionReady = !sessionLoading && session?.status === 'authenticated';
+    const isAccountReady = !accountLoading;
+    const isKYCReminderOpen = globalStore.kycReminder.open && !globalStore.kyc.open;
+    const isResponsibleGamingReminderClosed = !globalStore.responsibleGamingReminder.open;
+    const isKYCStateRelevant = isNotVerified || ((isPending || isVerificationLocked) && featureFlag.enabled);
+    return (_jsx(Dialog.Root, { open: isSessionReady &&
+            isAccountReady &&
+            isKYCReminderOpen &&
+            isKYCStateRelevant &&
+            isResponsibleGamingReminderClosed, onOpenChange: (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: [isVerificationLocked &&
                                 !isPending &&
@@ -69,7 +71,7 @@ export function KYCReminder(props) {
                                                             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) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
                                                             api.setOpen(false);
                                                             globalStore.kyc.setOpen(true);
-                                                        }, children: "Complete KYC" }) })) })] })] })), (isNotVerified || isPending) && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-primary p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Personal Verification" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
+                                                        }, children: "Complete KYC" }) })) })] })] })), isNotVerified && !isVerificationLocked && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-primary p-2", children: _jsx(FileCheck02Icon, { className: "text-[#FEDF89]" }) }), _jsx("h2", { className: `mt-4 font-semibold text-lg ${props.titleBgColor}`, children: "Personal Verification" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["All new users are required to complete identity verification to access the full range of ", props.siteName, " services, including withdrawals."] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "mt-3xl space-y-lg", children: [_jsx(Button, { onClick: () => {
                                                                 api.setOpen(false);
                                                                 globalStore.kyc.setOpen(true);
                                                             }, children: "Verify Now" }), _jsx(Button, { type: "button", variant: "outline", fullWidth: true, onClick: () => api.setOpen(false), children: "Do it later" })] })) })] })] })), isPending && featureFlag.enabled && (_jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto mb-4 w-fit rounded-full bg-bg-primary 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: "VERIFICATION IN PROGRESS" }), _jsx("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: "Your account is verification-locked. Please wait for approval to regain full access to this platform." }), _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) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {

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/handlers/index.d.ts

@@ -6,13 +6,6 @@ interface Context {
     params: Promise<Params>;
 }
 export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
-    ok: false;
-    message: string;
-    __error?: unknown;
-} | {
-    ok: true;
-    data: import("../types").Session;
-}> | NextResponse<{
     ok: true;
     data?: never;
 } | {
@@ -26,6 +19,13 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
 } | {
     ok: true;
     data: Record<string, unknown>;
+}> | NextResponse<{
+    ok: false;
+    message: string;
+    __error?: unknown;
+} | {
+    ok: true;
+    data: import("../types").Session;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;