@opexa/portal-components 0.0.1067 → 0.0.1069

package/dist/client/hooks/useApproveMemberVerification.js

@@ -19,7 +19,9 @@ export const useApproveMemberVerification = (config) => {
                     return prev;
                 return {
                     ...prev,
-                    verificationStatus: 'PENDING',
+                    verification: {
+                        status: 'PENDING',
+                    },
                 };
             });
         },

package/dist/client/hooks/useCreateMemberVerificationMutation.js

@@ -36,7 +36,9 @@ export const useCreateMemberVerificationMutation = (config) => {
                     return prev;
                 return {
                     ...prev,
-                    verificationStatus: 'UNVERIFIED',
+                    verification: {
+                        status: 'UNVERIFIED',
+                    },
                 };
             });
             return id;

package/dist/components/Account/Account.lazy.js

@@ -94,13 +94,15 @@ function Profile() {
         switch (status) {
             case 'VERIFIED':
                 return 'success';
+            case 'APPROVED':
+                return 'success';
             case 'PENDING':
                 return 'brand';
             default:
                 return 'danger';
         }
     };
-    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: accountProps.avatar || avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "font-semibold text-text-secondary-700 leading-tight", children: account?.name }), _jsxs("div", { className: "flex", children: [_jsxs("p", { className: "grow items-center text-text-tertiary-600 leading-tight", children: ["ID: ", account?.id] }), accountProps.shouldShowAccountStatus && (_jsxs(Badge.Root, { colorScheme: getVerificationColorScheme(account?.verificationStatus), className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: capitalize(account?.verificationStatus || '') })] }))] })] })] }));
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: accountProps.avatar || avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "font-semibold text-text-secondary-700 leading-tight", children: account?.name }), _jsxs("div", { className: "flex", children: [_jsxs("p", { className: "grow items-center text-text-tertiary-600 leading-tight", children: ["ID: ", account?.id] }), accountProps.shouldShowAccountStatus && (_jsxs(Badge.Root, { colorScheme: getVerificationColorScheme(account?.verification?.status), className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: capitalize(account?.verification?.status || '') })] }))] })] })] }));
 }
 function Links({ router, classNames, }) {
     const accountProps = useAccountPropsContext();

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import alertIcon from '../../../images/kyc-verification-status/alert-icon.png';
 import bellIcon from '../../../images/kyc-verification-status/bell-icon.png';
 import { Button } from '../../../ui/Button/index.js';
@@ -15,9 +15,9 @@ export function KYCVerificationStatus() {
         kyc: ctx.kyc,
         depositWithdrawal: ctx.depositWithdrawal,
     })));
-    const verificationQuery = useMemberVerificationQuery();
-    const status = verificationQuery.data?.status ?? 'UNVERIFIED';
-    const isUnverified = verificationQuery?.data === null ||
+    const accountQuery = useAccountQuery();
+    const status = accountQuery.data?.verification?.status ?? 'UNVERIFIED';
+    const isUnverified = accountQuery?.data === null ||
         status === 'UNVERIFIED' ||
         status === 'CREATED';
     const icons = status === 'PENDING' ? bellIcon : alertIcon;

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import alertIcon from '../../../images/kyc-verification-status/alert-icon.png';
 import bellIcon from '../../../images/kyc-verification-status/bell-icon.png';
 import { Button } from '../../../ui/Button/index.js';
@@ -15,9 +15,9 @@ export function KYCVerificationStatus() {
         kyc: ctx.kyc,
         depositWithdrawal: ctx.depositWithdrawal,
     })));
-    const verificationQuery = useMemberVerificationQuery();
-    const status = verificationQuery.data?.status ?? 'UNVERIFIED';
-    const isUnverified = verificationQuery?.data === null ||
+    const accountQuery = useAccountQuery();
+    const status = accountQuery.data?.verification?.status ?? 'UNVERIFIED';
+    const isUnverified = accountQuery?.data === null ||
         status === 'UNVERIFIED' ||
         status === 'CREATED';
     const icons = status === 'PENDING' ? bellIcon : alertIcon;

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

@@ -53,8 +53,11 @@ export function KYCReminder(props) {
     });
     const { data: session, isLoading: sessionLoading } = useSessionQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
-    const isPending = account?.verificationStatus === 'PENDING';
-    const isNotVerified = account?.verificationStatus === 'UNVERIFIED';
+    const isPending = account?.verification?.status === 'PENDING';
+    const isRejected = account?.verification?.status === 'REJECTED';
+    const isNotVerified = !account?.verification ||
+        account?.verification?.status === 'UNVERIFIED' ||
+        account?.verification?.status === 'CREATED';
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
     const daysFromCreationToNow = useMemo(() => {
         if (!account?.dateTimeCreated)
@@ -69,9 +72,7 @@ export function KYCReminder(props) {
         !globalStore.kyc.open &&
         !globalStore.kycVerificationRequired.open;
     const isDisclaimerClosed = !globalStore.disclaimer.open && !globalStore.termsOfUse.open;
-    const isKYCStateRelevant = isNotVerified ||
-        (isPending && isVerificationLocked) ||
-        (isNotVerified && isVerificationLocked);
+    const isKYCStateRelevant = isNotVerified || isRejected || (isPending && isVerificationLocked);
     return (_jsx(Dialog.Root, { open: isSessionReady &&
             isAccountReady &&
             isKYCReminderOpen &&
@@ -80,7 +81,10 @@ export function KYCReminder(props) {
             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)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)] 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)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)] 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 || isRejected) &&
+                                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);
                                                         globalStore.kycReminder.setOpen(false);
@@ -103,7 +107,7 @@ export function KYCReminder(props) {
                                                         globalStore.account.setOpen(false);
                                                         globalStore.account__mobile.setOpen(false);
                                                         router.push('/');
-                                                    }, children: "Log Out" })] })) })] })), isNotVerified &&
+                                                    }, children: "Log Out" })] })) })] })), (isNotVerified || isRejected) &&
                                 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?.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 ??
@@ -130,7 +134,7 @@ export function KYCReminder(props) {
                                                                 globalStore.account.setOpen(false);
                                                                 globalStore.account__mobile.setOpen(false);
                                                                 router.push('/');
-                                                            }, children: "Log Out" })] })) })] })] })), isNotVerified &&
+                                                            }, children: "Log Out" })] })) })] })] })), (isNotVerified || isRejected) &&
                                 !isVerificationLocked &&
                                 !(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);

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -11,14 +11,14 @@ export function KycOpenOnHomeMount(props) {
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
     const isVerificationLocked = account?.status === 'VERIFICATION_LOCKED';
-    const isRejected = verification?.status === 'REJECTED';
-    const isUnverified = verification === null ||
-        verification?.status === 'UNVERIFIED' ||
-        verification?.status === 'CREATED';
+    const isRejected = account?.verification?.status === 'REJECTED';
+    const isUnverified = account?.verification === null ||
+        account?.verification?.status === 'UNVERIFIED' ||
+        account?.verification?.status === 'CREATED';
     const isKycCompleted = account?.verified ||
         verification?.sumsubVerified ||
-        verification?.status === 'APPROVED' ||
-        verification?.status === 'VERIFIED'; //add default value on null return
+        account?.verification?.status === 'APPROVED' ||
+        account?.verification?.status === 'VERIFIED'; //add default value on null return
     useEffect(() => {
         // If bypass is enabled, do nothing.
         if (props.bypassKycCheck) {

package/dist/services/queries.d.ts

@@ -78,7 +78,7 @@ export declare const MEMBER = "\n  query Member {\n    member {\n      dateTimeL
 /**
  * _aka_ `Query.self`
  */
-export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n        branchCode\n        cellxpertDetails {\n          cxd\n          dateTimeLastUpdated\n        }\n      }\n    }\n  }\n";
+export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        verification {\n          status\n        }\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n        branchCode\n        cellxpertDetails {\n          cxd\n          dateTimeLastUpdated\n        }\n      }\n    }\n  }\n";
 export declare const MEMBER_VERIFICATION = "\n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  query MemberVerification {\n    memberAccount: self {\n      ... on MemberAccount {\n        verification {\n          id\n          status\n          address\n          permanentAddress\n          sourceOfIncome\n          natureOfWork\n          nationality\n          placeOfBirth\n          idFrontImage {\n            ...FileFragment\n          }\n          selfieImage {\n            ...FileFragment\n          }\n          sumsubVerified\n        }\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT = "\n  mutation RegisterMemberAccount(\n    $input: RegisterMemberAccountInput!\n    $referralCode: String\n    $verificationCode: String\n    $reCAPTCHAResponse: String\n  ) {\n    registerMemberAccount(\n      input: $input\n      referralCode: $referralCode\n      verificationCode: $verificationCode\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MinimumAgeRequirementError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_NAME = "\n  mutation RegisterMemberAccountByName(\n    $input: RegisterMemberAccountByNameInput!\n    $reCAPTCHAResponse: String!\n  ) {\n    registerMemberAccountByName(\n      input: $input\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -2127,6 +2127,9 @@ export const MEMBER_ACCOUNT = /* GraphQL */ `
         birthDay
         verified
         verificationStatus
+        verification {
+          status
+        }
         nickName
         validId
         mobileNumberVerified

package/dist/types/index.d.ts

@@ -464,6 +464,9 @@ export interface MemberAccount {
     mobileNumber?: string | null;
     verified: boolean;
     verificationStatus: MemberAccountVerificationStatus;
+    verification?: {
+        status: MemberVerificationStatus;
+    };
     mobileNumberVerified?: boolean | null;
     mobileNumberVerificationRequired?: boolean | null;
     transactionPassword: boolean;