@opexa/portal-components 0.1.15 → 0.1.16

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

@@ -166,9 +166,7 @@ export function PersonalInformation() {
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
             globalStore.kycAccountVerificationRequired.setOpen(false);
-            if (accountQuery.data?.status === 'VERIFICATION_LOCKED') {
-                globalStore.kycReminder.setOpen(true);
-            }
+            globalStore.kycReminder.setOpen(true);
             if (globalStore.firstTimeSignUp) {
                 globalStore.disclaimer.setOpen(true);
                 globalStore.setFirstTimeSignUp(false);
@@ -198,6 +196,7 @@ export function PersonalInformation() {
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
             globalStore.kycAccountVerificationRequired.setOpen(false);
+            globalStore.kycReminder.setOpen(true);
             toaster.success({
                 title: 'Success',
                 description: 'Personal information has been set successfully.',

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

@@ -60,6 +60,7 @@ export function IdentityVerification() {
             queryClient.invalidateQueries({ queryKey: getAccountQueryKey() });
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
+            globalStore.kycReminder.setOpen(true);
         },
         onError: (error) => {
             toaster.error({
@@ -86,6 +87,7 @@ export function IdentityVerification() {
             queryClient.invalidateQueries({ queryKey: getAccountQueryKey() });
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
+            globalStore.kycReminder.setOpen(true);
         },
         onError: (error) => {
             toaster.error({

package/dist/components/KYC/KYCReminder.lazy.d.ts

@@ -4,6 +4,7 @@ export interface KYCReminderProps {
     logo: ImageProps['src'];
     titleBgColor?: string;
     descriptionBgColor?: string;
+    enablePendingKycReminder?: boolean;
     responsibleGamingLogo?: {
         styles: string;
         logo: ImageProps['src'];
@@ -13,4 +14,4 @@ export interface KYCReminderProps {
         logo: ImageProps['src'];
     };
 }
-export declare function KYCReminder(props: KYCReminderProps): import("react/jsx-runtime").JSX.Element;
+export declare function KYCReminder({ enablePendingKycReminder, ...props }: KYCReminderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -22,7 +22,7 @@ import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
-export function KYCReminder(props) {
+export function KYCReminder({ enablePendingKycReminder = false, ...props }) {
     const router = useRouter();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
@@ -72,13 +72,19 @@ export function KYCReminder(props) {
     }, [account?.dateTimeCreated]);
     const isAccountReady = !accountLoading;
     const isSessionReady = !sessionLoading && session?.status === 'authenticated';
-    const isKYCReminderOpen = (globalStore.kycReminder.open || isVerificationLocked) &&
+    const isKYCReminderOpen = (globalStore.kycReminder.open ||
+        isVerificationLocked ||
+        (enablePendingKycReminder && isPending)) &&
         !globalStore.kyc.open &&
         !globalStore.kycVerificationRequired.open;
     const isDisclaimerClosed = !globalStore.disclaimer.open && !globalStore.termsOfUse.open;
+    const isPendingKycRelevant = isPending &&
+        (isVerificationLocked ||
+            enablePendingKycReminder ||
+            globalStore.kycReminder.open);
     const isKYCStateRelevant = isNotVerified ||
         isRejected ||
-        (isPending && isVerificationLocked) ||
+        isPendingKycRelevant ||
         (isNotVerified && isVerificationLocked);
     return (_jsx(Dialog.Root, { open: isSessionReady &&
             isAccountReady &&
@@ -166,5 +172,26 @@ export function KYCReminder(props) {
                                                 globalStore.account.setOpen(false);
                                                 globalStore.account__mobile.setOpen(false);
                                                 router.push('/');
+                                            }, children: "Log Out" }) })] })), isPending &&
+                                !isVerificationLocked &&
+                                (enablePendingKycReminder || globalStore.kycReminder.open) && (_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 verification is currently under review. 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(),
+                                                        queryFn: async () => getSession(),
+                                                    });
+                                                    invariant(session.status === 'authenticated');
+                                                    await unregisterFCMDevice({
+                                                        type: ['IOS', 'ANDROID'],
+                                                    }, {
+                                                        headers: {
+                                                            Authorization: `Bearer ${session.token}`,
+                                                        },
+                                                    });
+                                                }
+                                                signOutMutation.mutate();
+                                                globalStore.account.setOpen(false);
+                                                globalStore.account__mobile.setOpen(false);
+                                                router.push('/');
                                             }, children: "Log Out" }) })] }))] }) })] }) }));
 }

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

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

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -3,7 +3,7 @@ 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(props) {
+export function KycOpenOnHomeMount({ isSkippable, bypassKycCheck, enablePendingKycReminder = false, }) {
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
     const setkycOpen = useGlobalStore((s) => s.kyc.setOpen);
     const setkycAccountVerificationRequired = useGlobalStore((s) => s.kycAccountVerificationRequired.setOpen);
@@ -27,11 +27,11 @@ export function KycOpenOnHomeMount(props) {
         account?.verificationStatus === 'VERIFIED';
     useEffect(() => {
         // If bypass is enabled, do nothing.
-        if (props.bypassKycCheck) {
+        if (bypassKycCheck) {
             return;
         }
         if (!verificationLoading && !accountLoading && !isSignUpOpen) {
-            const shouldShowReminder = Boolean(props.isSkippable) && !isVerificationLocked;
+            const shouldShowReminder = Boolean(isSkippable) && !isVerificationLocked;
             const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
             const isFirstVisit = !hasSeenKycModal;
             if (isKycCompleted) {
@@ -43,11 +43,10 @@ export function KycOpenOnHomeMount(props) {
                 return;
             }
             // If a resubmission is already pending review, do not re-open KYC.
-            // Optionally show the reminder if the account is verification-locked.
             if (isPending) {
                 setkycOpen(false);
                 setkycAccountVerificationRequired(false);
-                setkycReminderOpen(isVerificationLocked);
+                setkycReminderOpen(isVerificationLocked || enablePendingKycReminder);
                 return;
             }
             // Handle rejected verification status
@@ -100,8 +99,9 @@ export function KycOpenOnHomeMount(props) {
         isRejected,
         isUnverified,
         isKycCompleted,
-        props.isSkippable,
-        props.bypassKycCheck,
+        isSkippable,
+        bypassKycCheck,
+        enablePendingKycReminder,
     ]);
     return null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",