@opexa/portal-components 0.0.519 → 0.0.521

package/dist/client/hooks/useAccountQuery.js

@@ -5,8 +5,16 @@ import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getAccountQueryKey, getSessionQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
+import { useFeatureFlag } from './useFeatureFlag.js';
+import { useGlobalStore } from './useGlobalStore.js';
+import { refreshSession } from '../services/refreshSession.js';
+import { useShallow } from 'zustand/shallow';
 export const useAccountQuery = (config) => {
     const sessionQuery = useSessionQuery();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kycReminder: ctx.kycReminder,
+    })));
+    const featureFlag = useFeatureFlag();
     const query = useQuery({
         ...config,
         enabled: config?.enabled === false
@@ -19,12 +27,34 @@ export const useAccountQuery = (config) => {
                 queryFn: async () => getSession(),
             });
             invariant(session.status === 'authenticated');
-            return await getMemberAccount({
+            const res = await getMemberAccount({
                 signal,
                 headers: {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
+            if (res?.status === "ACTIVE" &&
+                res?.verificationStatus === "VERIFIED" &&
+                session.status === 'authenticated' &&
+                typeof window !== "undefined" &&
+                featureFlag.enabled) {
+                console.log("it works!");
+                globalStore.kycReminder.setOpen(false);
+                await refreshSession();
+                await getSession();
+            }
+            return res;
+        },
+        refetchOnMount: true,
+        refetchOnReconnect: true,
+        refetchOnWindowFocus: true,
+        refetchInterval: (query) => {
+            const data = query.state.data;
+            if (data?.status === "ACTIVE" &&
+                data?.verificationStatus === "VERIFIED") {
+                return false;
+            }
+            return 1500;
         },
     });
     return query;

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

@@ -0,0 +1,2 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+export declare function refreshSession(options?: HttpRequestOptions): Promise<boolean>;

package/dist/client/services/refreshSession.js

@@ -0,0 +1,17 @@
+import { httpRequest, } from '../../services/httpRequest.js';
+export async function refreshSession(options) {
+    try {
+        const res = await httpRequest.json('/api/refresh-sessions', {
+            ...options,
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+                Accept: 'application/json',
+            },
+        });
+        return res.ok;
+    }
+    catch {
+        return false;
+    }
+}

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

@@ -6,7 +6,6 @@ import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import { useUpdateMemberVerificationMutation } from '../../../client/hooks/useUpdateMemberVerificationMutation.js';
@@ -25,7 +24,6 @@ const formSchema = z.object({
 });
 export function IdentityVerification() {
     const kyc = useKYCDefaultContext();
-    const featureFlag = useFeatureFlag();
     const { mutate: createMemberVerification, isPending: createPending } = useCreateMemberVerificationMutation({
         onSuccess: () => {
             toaster.success({
@@ -86,7 +84,7 @@ export function IdentityVerification() {
                 placeOfBirth: '',
                 sourceOfIncome: '',
             });
-            kyc.setStep(3);
+            kyc.setStep(2);
         }
         else {
             updateMemberVerification({
@@ -96,7 +94,7 @@ export function IdentityVerification() {
                     idFrontImage: values.idFrontImage,
                 },
             });
-            kyc.setStep(3);
+            kyc.setStep(2);
         }
     }
     useEffect(() => {
@@ -117,8 +115,7 @@ export function IdentityVerification() {
                                             type: 'validate',
                                             message: error.message,
                                         });
-                                    } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), featureFlag.enabled && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
+                                    } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), kyc.isSkippable && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
                             globalStore.kyc.setOpen(false);
-                            globalStore.kycReminder.setOpen(true);
                         }, children: "Skip for now" }))] })] }));
 }

package/dist/components/KYC/KYCDefault/Indicator.js

@@ -4,5 +4,5 @@ import { Progress } from '../../../ui/Progress/index.js';
 import { useKYCDefaultContext } from './KYCDefaultContext.js';
 export function Indicator() {
     const kyc = useKYCDefaultContext();
-    return (_jsxs("div", { className: "flex items-center justify-center gap-1.5 py-3", children: [_jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step >= 1 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step >= 2 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step === 3 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) })] }));
+    return (_jsxs("div", { className: "flex items-center justify-center gap-1.5 py-3", children: [_jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step >= 1 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-10 shrink-0", value: kyc.step === 2 ? 100 : 0, onValueChange: noop, children: _jsx(Progress.Track, { className: "bg-bg-primary-hover", children: _jsx(Progress.Range, {}) }) })] }));
 }

package/dist/components/KYC/KYCDefault/KYCDefault.d.ts

@@ -3,5 +3,6 @@ import { type KYCReminderProps } from '../KYCReminder';
 export interface KYCDefaultProps extends KYCReminderProps {
     provider?: 'opexa';
     logo: ImageProps['src'];
+    isSkippable?: boolean;
 }
 export declare function KYCDefault(props: KYCDefaultProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
-import { useEffect } from 'react';
 import { useShallow } from 'zustand/shallow';
-import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
 import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import { useSessionQuery } from '../../../client/hooks/useSessionQuery.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
 import { Portal } from '../../../ui/Portal/index.js';
 import { KYCReminder } from '../KYCReminder.js';
-import { BasicInformation } from './BasicInformation.js';
 import { IdentityVerification } from './IdentityVerification.js';
 import { Indicator } from './Indicator.js';
 import { KYCDefaultContext } from './KYCDefaultContext.js';
@@ -19,35 +15,14 @@ import { useKYCDefault } from './useKYCDefault.js';
 export function KYCDefault(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({ kyc: ctx.kyc, kycReminder: ctx.kycReminder })));
     const featureFlag = useFeatureFlag();
-    const kyc = useKYCDefault();
+    const kyc = useKYCDefault(props?.isSkippable ?? false);
     const { data: session, isLoading: sessionLoading } = useSessionQuery();
-    const { data: account, isLoading: accountLoading } = useAccountQuery();
-    const { data: verification } = useMemberVerificationQuery();
-    const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
-    const isUploadCompleted = verification?.idFrontImage && verification?.selfieImage;
-    const isRejected = verification?.status === 'REJECTED';
-    const steps = !isBasicInfoCompleted
-        ? 1
-        : !isUploadCompleted
-            ? 2
-            : isRejected
-                ? 2
-                : 3;
-    useEffect(() => {
-        if (steps) {
-            kyc.setStep(steps);
-        }
-    }, [steps, kyc]);
     const isDialogOpen = featureFlag.enabled
-        ? !globalStore.kycReminder.open &&
-            globalStore.kyc.open &&
-            !sessionLoading &&
-            !accountLoading
+        ? !globalStore.kycReminder.open && globalStore.kyc.open && !sessionLoading
         : globalStore.kyc.open &&
             !sessionLoading &&
-            !accountLoading &&
             session?.status !== 'unauthenticated';
     return (_jsxs(_Fragment, { children: [_jsx(KYCDefaultContext, { value: kyc, children: _jsx(Dialog.Root, { open: isDialogOpen, 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: "mx-auto mt-[10rem] 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(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 mt-[10rem] 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(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(IdentityVerification, {}), kyc.step === 2 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
 }

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

@@ -5,7 +5,6 @@ import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useApproveMemberVerification } from '../../../client/hooks/useApproveMemberVerification.js';
 import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import { useUpdateMemberVerificationMutation } from '../../../client/hooks/useUpdateMemberVerificationMutation.js';
@@ -28,7 +27,6 @@ const definition = z.object({
 });
 export function PersonalInformation() {
     const kyc = useKYCDefaultContext();
-    const featureFlag = useFeatureFlag();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
         kycReminder: ctx.kycReminder,
@@ -124,9 +122,8 @@ export function PersonalInformation() {
                                 });
                             }
                         }, disabled: !permanentAddress, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Use permanent address as current address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.sourceOfIncome, children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income", ...form.register('sourceOfIncome') }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceOfIncome?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.natureOfWork, children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description", ...form.register('natureOfWork') }), _jsx(Field.ErrorText, { children: form.formState.errors.natureOfWork?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.placeOfBirth, children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth", ...form.register('placeOfBirth') }), _jsx(Field.ErrorText, { children: form.formState.errors.placeOfBirth?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.nationality, children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality", ...form.register('nationality') }), _jsx(Field.ErrorText, { children: form.formState.errors.nationality?.message })] }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: updateMemberVerificationMutation.isPending ||
-                            createMemberVerificationMutation.isPending, children: "Continue" }), featureFlag.enabled && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
+                            createMemberVerificationMutation.isPending, children: "Continue" }), kyc.isSkippable && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
                             globalStore.kyc.setOpen(false);
-                            globalStore.kycReminder.setOpen(true);
                         }, disabled: updateMemberVerificationMutation.isPending ||
                             createMemberVerificationMutation.isPending, children: "Skip for now" }))] })] }));
 }

package/dist/components/KYC/KYCDefault/useKYCDefault.d.ts

@@ -20,6 +20,7 @@ export interface UseKYCDefaultReturn {
     selfieImageId: string | null;
     setSelfieImageId: (id: string | null) => void;
     reset: () => void;
+    isSkippable: boolean;
 }
-export declare function useKYCDefault(): UseKYCDefaultReturn;
+export declare function useKYCDefault(isSkippable: boolean): UseKYCDefaultReturn;
 export {};

package/dist/components/KYC/KYCDefault/useKYCDefault.js

@@ -1,6 +1,6 @@
 import { useRef, useState } from 'react';
-export function useKYCDefault() {
-    const [step, setStep] = useState(2);
+export function useKYCDefault(isSkippable) {
+    const [step, setStep] = useState(1);
     const [done, setDone] = useState(false);
     const [idFrontImageId, setFrontImageId] = useState(null);
     const [selfieImageId, setSelfieImageId] = useState(null);
@@ -34,5 +34,6 @@ export function useKYCDefault() {
         subscribe,
         triggerEvent,
         reset,
+        isSkippable,
     };
 }

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

@@ -4,7 +4,6 @@ import Image from 'next/image';
 import { useMemo } from 'react';
 import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
-import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { FileCheck02Icon } from '../../icons/FileCheck02Icon.js';
@@ -14,11 +13,24 @@ import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
+import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
+import { useRouter } from 'next/navigation';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 export function KYCReminder(props) {
+    const router = useRouter();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
         kycReminder: ctx.kycReminder,
+        account: ctx.account,
+        account__mobile: ctx.account__mobile,
     })));
+    const signOutMutation = useSignOutMutation({
+        onSuccess() {
+            localStorage.clear();
+            sessionStorage.clear();
+            router.replace('/');
+        },
+    });
     const featureFlag = useFeatureFlag();
     const { data: session, isLoading: sessionLoading } = useSessionQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
@@ -37,22 +49,25 @@ export function KYCReminder(props) {
             globalStore.kycReminder.open &&
             !globalStore.kyc.open &&
             (!isPending || isVerificationLocked) &&
-            session?.status === 'authenticated' &&
-            featureFlag.enabled, onOpenChange: (details) => {
+            session?.status === 'authenticated', 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 && (_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 ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsx("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: [isVerificationLocked && !isPending && featureFlag.enabled && (_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 ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", 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 &&
                                 daysFromCreationToNow <= 3 &&
                                 daysFromCreationToNow >= 1 &&
-                                !isVerificationLocked && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _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: "JUST A FRIENDLY REMINDER" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["Please complete your KYC information within", ' ', _jsx("span", { className: "font-semibold text-[#FF0000]", children: "3 days" }), ' ', "to avoid temporary lock on your account."] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
+                                !isVerificationLocked &&
+                                featureFlag.enabled && (_jsxs(_Fragment, { children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _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: "JUST A FRIENDLY REMINDER" }), _jsxs("p", { className: `mt-xs text-sm text-text-tertiary-600 ${props.descriptionBgColor}`, children: ["Please complete your KYC information within", ' ', _jsx("span", { className: "font-semibold text-[#FF0000]", children: "3 days" }), ' ', "to avoid temporary lock on your account."] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", 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 &&
-                                !(daysFromCreationToNow <= 3 && daysFromCreationToNow >= 1) &&
-                                !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: () => {
+                                                        }, children: "Complete KYC" }) })) })] })] })), (isNotVerified || isPending) && !featureFlag.enabled && (_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 && (_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("div", { className: 'mx-auto w-fit rounded-full border border-[#F9DBAF] bg-[#FEF6EE] px-2.5 py-0.5 dark:border-[#932F19] dark:bg-[#511C10]', children: _jsx("p", { className: 'font-medium text-[#B93815] text-sm dark:text-[#F7B27A]', children: "Pending..." }) }), _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 ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: 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 ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: true })] }), _jsx(Dialog.Context, { children: (api) => (_jsx("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { onClick: () => {
+                                                    signOutMutation.mutate();
+                                                    globalStore.account.setOpen(false);
+                                                    globalStore.account__mobile.setOpen(false);
+                                                    router.push('/');
+                                                }, children: "Log Out" }) })) })] }))] }) })] }) }));
 }

package/dist/components/KYC/KYCSumsub.d.ts

@@ -3,5 +3,6 @@ import { type KYCReminderProps } from './KYCReminder';
 export interface KYCSumsubProps extends KYCReminderProps {
     provider: 'sumsub';
     logo: ImageProps['src'];
+    isSkippable: boolean;
 }
 export declare function KYCSumsub(props: KYCSumsubProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/KycOpenOnHomeMount.d.ts

@@ -1 +1,4 @@
-export declare function KycOpenOnHomeMount(): null;
+export interface KycOpenOnHomeMountProps {
+    isSkippable?: boolean;
+}
+export declare function KycOpenOnHomeMount(props: KycOpenOnHomeMountProps): null;

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -4,14 +4,13 @@ import { useEffect } from 'react';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-export function KycOpenOnHomeMount() {
+export function KycOpenOnHomeMount(props) {
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
     const setkycOpen = useGlobalStore((s) => s.kyc.setOpen);
     const pathname = usePathname();
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
-    const isPending = account?.verificationStatus === 'PENDING';
     const hasntSubmittedCompliantDocs = account?.verified ||
         verification?.sumsubVerified ||
         verification?.status === 'APPROVED' ||
@@ -28,20 +27,21 @@ export function KycOpenOnHomeMount() {
         verification?.status === 'PENDING' ||
         verification?.status === 'VERIFIED'
         ? false
-        : !!verification?.nationality ||
-            !!verification?.natureOfWork ||
-            !!verification?.sourceOfIncome ||
-            !!verification?.permanentAddress ||
-            !!verification?.placeOfBirth ||
-            !!verification?.address;
+        : !verification?.nationality ||
+            !verification?.natureOfWork ||
+            !verification?.sourceOfIncome ||
+            !verification?.permanentAddress ||
+            !verification?.placeOfBirth ||
+            !verification?.address;
     useEffect(() => {
         if (pathname === '/' && !verificationLoading && !accountLoading) {
-            if (isPending) {
-                setkycOpen(false);
-                setkycReminderOpen(true);
-            }
-            if (hasntSubmittedCompliantDocs) {
-                setkycOpen(true);
+            if (hasntSubmittedCompliantDocs || hasntCompletedKYC) {
+                if (props.isSkippable) {
+                    setkycReminderOpen(true);
+                }
+                else {
+                    setkycOpen(true);
+                }
             }
             else if ((!hasntSubmittedCompliantDocs && hasntCompletedKYC) ||
                 isVerificationLocked) {
@@ -52,12 +52,12 @@ export function KycOpenOnHomeMount() {
         pathname,
         setkycReminderOpen,
         setkycOpen,
+        props.isSkippable,
         hasntSubmittedCompliantDocs,
         verificationLoading,
         accountLoading,
         hasntCompletedKYC,
         isVerificationLocked,
-        isPending,
     ]);
     return null;
 }

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/constants/EnvVar.d.ts

@@ -1,5 +1,5 @@
 export declare const SITE_ID: string;
 export declare const PLATFORM_ID: string;
 export declare const PLATFORM_CODE: string;
-export declare const ENVIRONMENT: "development" | "production";
+export declare const ENVIRONMENT: "production" | "development";
 export declare const INTERNALS__REPORT_WEB_VITALS: boolean;

package/dist/handlers/deleteAccessTokenSession.d.ts

@@ -0,0 +1,9 @@
+import { NextResponse, type NextRequest } from 'next/server';
+export declare function deleteAccessTokenSession(request: NextRequest): Promise<NextResponse<{
+    ok: true;
+    data?: never;
+} | {
+    ok: false;
+    message: string;
+    __error?: unknown;
+}>>;

package/dist/handlers/deleteAccessTokenSession.js

@@ -0,0 +1,9 @@
+import { NextResponse } from 'next/server';
+import { ACCESS_TOKEN_COOKIE_NAME, } from '../constants/index.js';
+export async function deleteAccessTokenSession(request) {
+    const response = NextResponse.json({
+        ok: true,
+    });
+    response.cookies.delete(ACCESS_TOKEN_COOKIE_NAME);
+    return response;
+}

package/dist/handlers/index.js

@@ -1,5 +1,6 @@
 import { NextResponse } from 'next/server';
 import { deleteSession } from './deleteSession.js';
+import { deleteAccessTokenSession } from './deleteAccessTokenSession.js';
 import { getHealthCheck } from './getHealthCheck.js';
 import { getSession } from './getSession.js';
 import { patchSession } from './patchSession.js';
@@ -22,6 +23,9 @@ export const DELETE = async (req, { params }) => {
     if (path === 'sessions') {
         return await deleteSession(req);
     }
+    if (path === 'refresh-sessions') {
+        return await deleteAccessTokenSession(req);
+    }
     return NextResponse.json({ ok: false, message: 'Not found' }, { status: 404 });
 };
 export const POST = async (req, { params }) => {