@opexa/portal-components 0.0.983 → 0.0.984

package/dist/client/hooks/useSignOutMutation.js

@@ -14,6 +14,7 @@ export const useSignOutMutation = (config) => {
             await queryClient.invalidateQueries({ queryKey: getSessionQueryKey() });
             queryClient.removeQueries();
             localStorage.removeItem(IDLE_TIMESTAMP_KEY);
+            sessionStorage.removeItem('hasSeenKycModal');
         },
     });
 };

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

@@ -19,6 +19,7 @@ export function KYCDefault(props) {
         kycReminder: ctx.kycReminder,
         responsibleGamingReminder: ctx.responsibleGamingReminder,
         updateMobilePhoneNumber: ctx.updateMobilePhoneNumber,
+        termsOfUse: ctx.termsOfUse,
     })));
     const kyc = useKYCDefault(props?.isSkippable ?? false, props?.hasKYCReviewPromo ?? false);
     const { isLoading: sessionLoading } = useSessionQuery();
@@ -26,7 +27,8 @@ export function KYCDefault(props) {
         !globalStore.kycReminder.open &&
         !sessionLoading &&
         !globalStore.disclaimer.open &&
-        !globalStore.updateMobilePhoneNumber.open;
+        !globalStore.updateMobilePhoneNumber.open &&
+        !globalStore.termsOfUse.open;
     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, { className: "fixed top-[57px] overflow-hidden", children: _jsx(Dialog.Content, { className: "mx-auto h-full w-full overflow-y-auto bg-bg-primary-alt md:max-h-[95vh] lg:w-fit", children: _jsxs("div", { className: "mt-[calc(var(--safe-area-inset-top)*3)] flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit 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 }), _jsx(KYCReview, {})] }));

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

@@ -30,6 +30,8 @@ export function KYCReminder(props) {
         account: ctx.account,
         account__mobile: ctx.account__mobile,
         responsibleGamingReminder: ctx.responsibleGamingReminder,
+        disclaimer: ctx.disclaimer,
+        termsOfUse: ctx.termsOfUse,
     })));
     const signOutMutation = useSignOutMutation({
         async onSuccess() {
@@ -63,7 +65,7 @@ export function KYCReminder(props) {
     const isAccountReady = !accountLoading;
     const isSessionReady = !sessionLoading && session?.status === 'authenticated';
     const isKYCReminderOpen = globalStore.kycReminder.open && !globalStore.kyc.open;
-    const isResponsibleGamingReminderClosed = !globalStore.responsibleGamingReminder.open;
+    const isDisclaimerClosed = !globalStore.disclaimer.open && !globalStore.termsOfUse.open;
     const isKYCStateRelevant = isNotVerified ||
         (isPending && isVerificationLocked) ||
         (isNotVerified && isVerificationLocked);
@@ -71,9 +73,11 @@ export function KYCReminder(props) {
             isAccountReady &&
             isKYCReminderOpen &&
             isKYCStateRelevant &&
-            isResponsibleGamingReminderClosed, onOpenChange: (details) => {
+            isDisclaimerClosed, onOpenChange: (details) => {
+            if (!details.open && isVerificationLocked)
+                return;
             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-[999]" }), _jsx(Dialog.Positioner, { className: "z-[999] 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: () => {
                                                         api.setOpen(false);
                                                         globalStore.kyc.setOpen(true);
                                                     }, children: "Complete KYC" }), ' ', _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: async () => {
@@ -126,7 +130,10 @@ export function KYCReminder(props) {
                                 !(daysFromCreationToNow <= 3 && daysFromCreationToNow > 1) && (_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 && isVerificationLocked && (_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("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: async () => {
+                                                            }, children: "Verify Now" }), _jsx(Button, { type: "button", variant: "outline", fullWidth: true, onClick: () => {
+                                                                api.setOpen(false);
+                                                                globalStore.responsibleGamingReminder.setOpen(true);
+                                                            }, children: "Do it later" })] })) })] })] })), isPending && isVerificationLocked && (_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("div", { className: "mt-6 space-y-lg", children: _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: async () => {
                                                 if (Capacitor.isNativePlatform()) {
                                                     const session = await getQueryClient().fetchQuery({
                                                         queryKey: getSessionQueryKey(),

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -16,7 +16,6 @@ export function KycOpenOnHomeMount(props) {
     const isKycCompleted = account?.verified ||
         verification?.sumsubVerified ||
         verification?.status === 'APPROVED' ||
-        verification?.status === 'PENDING' ||
         verification?.status === 'VERIFIED'; //add default value on null return
     useEffect(() => {
         // If bypass is enabled, do nothing.
@@ -27,9 +26,21 @@ export function KycOpenOnHomeMount(props) {
             const shouldShowReminder = Boolean(props.isSkippable);
             const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
             const isFirstVisit = !hasSeenKycModal;
-            // Handle member verification locked FIRST (highest priority)
+            // 1. If KYC is completed, early return
+            if (isKycCompleted) {
+                setkycReminderOpen(false);
+                setkycOpen(false);
+                sessionStorage.removeItem('hasSeenKycModal');
+                return;
+            }
+            // 2. Handle member verification locked
+            if (isVerificationLocked) {
+                setkycReminderOpen(true);
+                setkycOpen(false);
+                return;
+            }
             // Handle rejected verification status
-            if (isRejected) {
+            else if (isRejected) {
                 if (isFirstVisit) {
                     setkycReminderOpen(false);
                     setkycOpen(true);
@@ -52,23 +63,6 @@ export function KycOpenOnHomeMount(props) {
                     setkycOpen(!shouldShowReminder);
                 }
             }
-            else if (isVerificationLocked) {
-                if (isFirstVisit) {
-                    setkycReminderOpen(true);
-                    setkycOpen(false);
-                }
-                else {
-                    sessionStorage.setItem('hasSeenKycModal', 'true');
-                    setkycReminderOpen(!shouldShowReminder);
-                    setkycOpen(shouldShowReminder);
-                }
-            }
-            // Handle completed kyc progress
-            else if (isKycCompleted) {
-                setkycReminderOpen(false);
-                setkycOpen(false);
-                sessionStorage.removeItem('hasSeenKycModal');
-            }
         }
     }, [
         setkycReminderOpen,

package/dist/schemas/forgotPasswordSchema.d.ts

@@ -8,25 +8,25 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
     mobileNumber: z.ZodEffects<z.ZodString, string, string>;
     verificationCode: z.ZodEffects<z.ZodString, string, string>;
 }, "strip", z.ZodTypeAny, {
-    password: string;
-    confirmPassword: string;
     mobileNumber: string;
     verificationCode: string;
-}, {
     password: string;
     confirmPassword: string;
+}, {
     mobileNumber: string;
     verificationCode: string;
-}>, {
     password: string;
     confirmPassword: string;
+}>, {
     mobileNumber: string;
     verificationCode: string;
-}, {
     password: string;
     confirmPassword: string;
+}, {
     mobileNumber: string;
     verificationCode: string;
+    password: string;
+    confirmPassword: string;
 }>;
 export type ForgotPasswordSchema = z.infer<ReturnType<typeof createForgotPasswordSchema>>;
 export {};