@opexa/portal-components 0.0.1001 → 0.0.1002

package/dist/client/hooks/useGlobalStore.d.ts

@@ -90,6 +90,7 @@ export interface GlobalStore {
     responsibleGamingReminder: ResponsibleGamingReminderStore;
     pendingBonus: HasPendingBonusStore;
     kycVerificationStatus: PopupStore;
+    kycAccountVerificationRequired: PopupStore;
     bankInformationDetails: PopupStore;
     isNonRegulated: boolean;
     setIsNonRegulated: (isNonRegulated: boolean) => void;

package/dist/client/hooks/useGlobalStore.js

@@ -27,6 +27,19 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         },
         '~touched': false,
     },
+    kycAccountVerificationRequired: {
+        open: false,
+        setOpen(open) {
+            set((prev) => ({
+                kycAccountVerificationRequired: {
+                    ...prev.kycAccountVerificationRequired,
+                    open,
+                    '~touched': true,
+                },
+            }));
+        },
+        '~touched': false,
+    },
     kycVerificationStatus: {
         open: false,
         setOpen(open) {

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
+        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "confirmed" | "failed" | "idle" | "generating-qr-code" | "qr-code-generated";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

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

@@ -0,0 +1 @@
+export declare function KYCAccountVerificationRequired(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/KYCAccountVerificationRequired.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
+const Component = dynamic(() => import('./KYCAccountVerificationRequired.lazy.js').then((m) => m.default), {
+    ssr: false,
+    loading: () => null,
+});
+export function KYCAccountVerificationRequired() {
+    return _jsx(Component, {});
+}

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

@@ -0,0 +1,2 @@
+declare function KYCAccountVerificationRequired_lazy(): import("react/jsx-runtime").JSX.Element;
+export default KYCAccountVerificationRequired_lazy;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { FileX02Icon } from '../../icons/FileX02Icon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+function KYCAccountVerificationRequired_lazy() {
+    const globalStore = useGlobalStore(useShallow((s) => ({
+        kycVerificationRequired: s.kycAccountVerificationRequired,
+        kycReminder: s.kycReminder,
+    })));
+    return (_jsxs(Dialog.Root, { open: globalStore.kycVerificationRequired.open, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: [_jsx(Dialog.Backdrop, { className: "z-[999]" }), _jsx(Dialog.Positioner, { className: "z-[999] flex items-center justify-center", children: _jsx(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: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mx-auto w-fit rounded-full bg-bg-brand-secondary p-2", children: _jsx(FileX02Icon, { className: "text-shadow-text-brand" }) }), _jsx("h2", { className: "mt-4 font-semibold text-lg", children: "Account Verification Rejected!" }), _jsxs("p", { className: "mt-xs flex flex-col gap-4 text-sm text-text-tertiary-600", children: [_jsx("span", { children: "We're sorry, but your verification was rejected for the following reasons:" }), _jsxs("span", { children: [_jsx("b", { children: "Missing Documents:" }), " Some required documents were not uploaded. Please ensure you provide all necessary files as outlined in our guidelines."] }), _jsxs("span", { children: [_jsx("b", { children: "Unclear Images:" }), " The documents uploaded were blurry or not legible. Please re-upload clear, high-quality images where all text and details are visible."] }), _jsx("span", { children: "To resolve this, double-check the document requirements and re-submit. If you're unsure about the guidelines or need further clarification, feel free to contact our support team for assistance. We're here to help!" })] }), _jsx(Button, { type: "button", className: "mt-lg", onClick: () => {
+                                    globalStore.kycVerificationRequired.setOpen(false);
+                                    globalStore.kycReminder.setOpen(true);
+                                }, children: "Ok" })] }) }) })] }));
+}
+export default KYCAccountVerificationRequired_lazy;

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -6,6 +6,7 @@ import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerifica
 export function KycOpenOnHomeMount(props) {
     const setkycReminderOpen = useGlobalStore((s) => s.kycReminder.setOpen);
     const setkycOpen = useGlobalStore((s) => s.kyc.setOpen);
+    const setkycAccountVerificationRequired = useGlobalStore((s) => s.kycAccountVerificationRequired.setOpen);
     const isSignUpOpen = useGlobalStore((s) => s.signUp.open);
     const { data: verification, isLoading: verificationLoading } = useMemberVerificationQuery();
     const { data: account, isLoading: accountLoading } = useAccountQuery();
@@ -40,7 +41,8 @@ export function KycOpenOnHomeMount(props) {
                 if (isFirstVisit) {
                     //show verification locked message after logging in
                     if (isVerificationLocked) {
-                        setkycReminderOpen(true);
+                        setkycAccountVerificationRequired(true);
+                        setkycReminderOpen(false);
                         setkycOpen(false);
                         return;
                     }
@@ -58,7 +60,8 @@ export function KycOpenOnHomeMount(props) {
                 if (isFirstVisit) {
                     //show verification locked message after logging in
                     if (isVerificationLocked) {
-                        setkycReminderOpen(true);
+                        setkycAccountVerificationRequired(true);
+                        setkycReminderOpen(false);
                         setkycOpen(false);
                         return;
                     }
@@ -80,6 +83,7 @@ export function KycOpenOnHomeMount(props) {
     }, [
         setkycReminderOpen,
         setkycOpen,
+        setkycAccountVerificationRequired,
         verificationLoading,
         accountLoading,
         isSignUpOpen,

package/package.json

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