@opexa/portal-components 0.0.975 → 0.0.976

package/dist/components/AccountInfo/AccountInfo.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
 import FacebookLogin from '@greatsumini/react-facebook-login';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -13,8 +13,10 @@ import { z } from 'zod';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
 import { useFacebookClientQuery } from '../../client/hooks/useFacebookClientQuery.js';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGoogleClientIdQuery } from '../../client/hooks/useGoogleClientIdQuery.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
 import { useProfileCompletionQuery } from '../../client/hooks/useProfileCompletionQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
@@ -93,6 +95,9 @@ function ProfileInfo({ avatar }) {
 function PersonalInfo(props) {
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
+    const featureFlag = useFeatureFlag();
+    const verificationQuery = useMemberVerificationQuery();
+    const verification = verificationQuery.data;
     const updateAccountMutation = useUpdateAccountMutation({
         onSuccess() {
             toaster.success({
@@ -155,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", invalid: !!form.formState.errors.birthDay, readOnly: !!account?.birthDay, children: [_jsx(Field.Label, { children: "Branch Code" }), _jsx(Field.Input, { type: "text", disabled: true, value: displayBranchName ?? account?.branchCode ?? '' })] }))] }), 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 ?? '' })] })), 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" })] }))] })] }));
 }
 function ContactInfo({ variant }) {
     const localeInfo = useLocaleInfo();

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

@@ -15,16 +15,18 @@ import { useKYCDefault } from './useKYCDefault.js';
 export function KYCDefault(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
+        disclaimer: ctx.disclaimer,
         kycReminder: ctx.kycReminder,
         responsibleGamingReminder: ctx.responsibleGamingReminder,
         updateMobilePhoneNumber: ctx.updateMobilePhoneNumber,
     })));
     const kyc = useKYCDefault(props?.isSkippable ?? false, props?.hasKYCReviewPromo ?? false);
     const { isLoading: sessionLoading } = useSessionQuery();
-    const isDialogOpen = !globalStore.kycReminder.open &&
-        globalStore.kyc.open &&
+    const isDialogOpen = globalStore.kyc.open &&
+        !globalStore.kycReminder.open &&
         !sessionLoading &&
-        !globalStore.updateMobilePhoneNumber.open;
+        !globalStore.updateMobilePhoneNumber.open &&
+        !globalStore.disclaimer.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/package.json

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