@opexa/portal-components 0.0.981 → 0.0.983

package/dist/components/AccountInfo/AccountInfo.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
 import FacebookLogin from '@greatsumini/react-facebook-login';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -160,7 +160,7 @@ function PersonalInfo(props) {
                             ? data.birthDay
                             : undefined,
                     });
-                }), children: [_jsxs("div", { className: "px-4 py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!account?.realName, children: [_jsx(Field.Label, { children: "Full name" }), _jsx(Field.Input, { ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.birthDay, readOnly: !!account?.birthDay, children: [_jsx(Field.Label, { children: "Date of birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay'), className: twMerge('h-full py-2.5', account?.birthDay && 'pointer-events-none') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), props.shouldShowBranchCode && (_jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Branch Code" }), _jsx(Field.Input, { type: "text", disabled: true, value: displayBranchName ?? account?.branchCode ?? '' })] })), featureFlag.enabled && (_jsxs(_Fragment, { children: [_jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Address" }), _jsx(Field.Input, { type: "text", readOnly: true, value: verification?.address ?? '' })] }), _jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Nature of Work" }), _jsx(Field.Input, { type: "text", readOnly: true, value: verification?.natureOfWork ?? '' })] })] }))] }), form.formState.isDirty && (_jsxs("div", { className: "flex justify-end gap-lg border-border-secondary border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: !form.formState.isValid || updateAccountMutation.isPending, children: "Save Changes" })] }))] })] }));
+                }), children: [_jsxs("div", { className: "px-4 py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.realName, readOnly: !!account?.realName, children: [_jsx(Field.Label, { children: "Full name" }), _jsx(Field.Input, { ...form.register('realName') }), _jsx(Field.ErrorText, { children: form.formState.errors.realName?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.birthDay, readOnly: !!account?.birthDay, children: [_jsx(Field.Label, { children: "Date of birth" }), _jsx(Field.Input, { type: "date", ...form.register('birthDay'), className: twMerge('h-full py-2.5', account?.birthDay && 'pointer-events-none') }), _jsx(Field.ErrorText, { children: form.formState.errors.birthDay?.message })] }), props.shouldShowBranchCode && (_jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Branch Code" }), _jsx(Field.Input, { type: "text", disabled: true, value: displayBranchName ?? account?.branchCode ?? '' })] })), _jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Address" }), _jsx(Field.Input, { type: "text", readOnly: true, value: verification?.address ?? '' })] }), _jsxs(Field.Root, { className: "mt-6", readOnly: true, children: [_jsx(Field.Label, { children: "Nature of Work" }), _jsx(Field.Input, { type: "text", readOnly: true, value: verification?.natureOfWork ?? '' })] })] }), form.formState.isDirty && (_jsxs("div", { className: "flex justify-end gap-lg border-border-secondary border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: !form.formState.isValid || updateAccountMutation.isPending, children: "Save Changes" })] }))] })] }));
 }
 function ContactInfo({ variant }) {
     const localeInfo = useLocaleInfo();

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

@@ -25,7 +25,8 @@ export function KYCDefault(props) {
     const isDialogOpen = globalStore.kyc.open &&
         !globalStore.kycReminder.open &&
         !sessionLoading &&
-        !globalStore.disclaimer.open;
+        !globalStore.disclaimer.open &&
+        !globalStore.updateMobilePhoneNumber.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/KycOpenOnHomeMount.js

@@ -28,11 +28,8 @@ export function KycOpenOnHomeMount(props) {
             const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
             const isFirstVisit = !hasSeenKycModal;
             // Handle member verification locked FIRST (highest priority)
-            if (isVerificationLocked) {
-                setkycReminderOpen(true);
-            }
             // Handle rejected verification status
-            else if (isRejected) {
+            if (isRejected) {
                 if (isFirstVisit) {
                     setkycReminderOpen(false);
                     setkycOpen(true);
@@ -55,6 +52,17 @@ 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);

package/dist/components/UpdateMobilePhoneNumber/UpdateMobilePhoneNumber.js

@@ -5,8 +5,10 @@ import Image from 'next/image';
 import { useEffect, useRef, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import z from 'zod';
+import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useCooldown } from '../../client/hooks/useCooldown.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
 import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
@@ -21,25 +23,31 @@ import { Field } from '../../ui/Field/index.js';
 import { PinInput } from '../../ui/PinInput/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 export function UpdateMobilePhoneNumber() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        updateMobilePhoneNumber: ctx.updateMobilePhoneNumber,
+        kyc: ctx.kyc,
+    })));
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
     const isAccountLoading = accountQuery.isLoading;
     const hasMobileNumber = !!account?.mobileNumber;
-    const [open, setOpen] = useState(false);
     const hasExecuted = useRef(false);
     useEffect(() => {
         if (!isAccountLoading && !!account && !hasExecuted.current) {
             if (!hasMobileNumber) {
-                setTimeout(() => {
-                    setOpen(true);
-                }, 500);
+                globalStore.updateMobilePhoneNumber.setOpen(true);
             }
             else {
-                setOpen(false);
+                globalStore.updateMobilePhoneNumber.setOpen(false);
             }
             hasExecuted.current = true;
         }
-    }, [isAccountLoading, account, hasMobileNumber]);
+    }, [
+        isAccountLoading,
+        account,
+        hasMobileNumber,
+        globalStore.updateMobilePhoneNumber,
+    ]);
     const [step, setStep] = useState(1);
     const sendVerificationCodeMutation = useSendVerificationCodeMutation({
         onSuccess: () => {
@@ -62,7 +70,8 @@ export function UpdateMobilePhoneNumber() {
                 title: 'Verification Successful',
                 description: 'Your mobile number has been verified.',
             });
-            setOpen(false);
+            globalStore.updateMobilePhoneNumber.setOpen(false);
+            globalStore.kyc.setOpen(true);
         },
         onError: (err) => {
             const errorMessage = err.message === 'Internal Server Error'
@@ -116,7 +125,7 @@ export function UpdateMobilePhoneNumber() {
         duration: 1000 * 60,
     });
     const formRef = useRef(null);
-    return (_jsx(Dialog.Root, { open: open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: '!z-[calc(var(--z-dialog)+2)] flex items-center', children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center space-y-4 rounded-xl bg-[#111827] p-6 text-center", style: {
+    return (_jsx(Dialog.Root, { open: globalStore.updateMobilePhoneNumber.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center space-y-4 rounded-xl bg-[#111827] p-6 text-center", style: {
                             backgroundImage: `url(${lightBg.src})`,
                         }, children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px]" }), _jsxs("div", { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "font-bold text-sm", children: ["Get ", _jsx("span", { className: "text-[#F05127]", children: "\u20B150 Bonus" }), " when you verify your account and play."] }), _jsxs("form", { className: "mt-3xl", onSubmit: step1Form.handleSubmit(async (data) => {
                                                     sendVerificationCodeMutation.mutateAsync({

package/package.json

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