@opexa/portal-components 0.0.996 → 0.0.997

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

@@ -5,9 +5,11 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
+import { twMerge } from 'tailwind-merge';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
 import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
@@ -88,6 +90,8 @@ export function IdentityVerification() {
     });
     const memberVerification = useMemberVerificationQuery();
     const memberId = memberVerification.data?.id;
+    const accountQuery = useAccountQuery();
+    const accountStatus = accountQuery.data?.status;
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
         kycReminder: ctx.kycReminder,
@@ -140,7 +144,7 @@ export function IdentityVerification() {
                                             type: 'validate',
                                             message: error.message,
                                         });
-                                    } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), kyc.isSkippable && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", type: "button", onClick: () => {
+                                    } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-6", disabled: createPending || updatePending, children: "Continue" }), kyc.isSkippable && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: twMerge('mt-lg', accountStatus === 'VERIFICATION_LOCKED' && 'hidden'), type: "button", onClick: () => {
                             globalStore.kyc.setOpen(false);
                         }, children: "Skip for now" })), _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: async () => {
                             if (Capacitor.isNativePlatform()) {

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

@@ -3,9 +3,11 @@ import { Capacitor } from '@capacitor/core';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useRouter } from 'next/navigation';
 import { useForm } from 'react-hook-form';
+import { twMerge } from 'tailwind-merge';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
 import { useApproveMemberVerification } from '../../../client/hooks/useApproveMemberVerification.js';
 import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
@@ -40,6 +42,8 @@ export function PersonalInformation() {
     })));
     const memberVerificationQuery = useMemberVerificationQuery();
     const memberVerificationId = memberVerificationQuery.data?.id;
+    const accountQuery = useAccountQuery();
+    const accountStatus = accountQuery.data?.status;
     const router = useRouter();
     const signOutMutation = useSignOutMutation({
         async onSuccess() {
@@ -146,7 +150,7 @@ export function PersonalInformation() {
                                 });
                             }
                         }, disabled: !permanentAddress, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Use permanent address as current address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.sourceOfIncome, children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income", ...form.register('sourceOfIncome') }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceOfIncome?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.natureOfWork, children: [_jsx(Field.Label, { children: "Nature of Work" }), _jsx(Field.Input, { placeholder: "Enter your nature of work", ...form.register('natureOfWork') }), _jsx(Field.ErrorText, { children: form.formState.errors.natureOfWork?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.placeOfBirth, children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth", ...form.register('placeOfBirth') }), _jsx(Field.ErrorText, { children: form.formState.errors.placeOfBirth?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.nationality, children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality", ...form.register('nationality') }), _jsx(Field.ErrorText, { children: form.formState.errors.nationality?.message })] }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: updateMemberVerificationMutation.isPending ||
-                            createMemberVerificationMutation.isPending, children: "Continue" }), kyc.isSkippable && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", type: "button", onClick: () => {
+                            createMemberVerificationMutation.isPending, children: "Continue" }), kyc.isSkippable && (_jsx(Button, { variant: "outline", colorScheme: "gray", className: twMerge('mt-lg', accountStatus === 'VERIFICATION_LOCKED' && 'hidden'), type: "button", onClick: () => {
                             globalStore.kyc.setOpen(false);
                         }, disabled: updateMemberVerificationMutation.isPending ||
                             createMemberVerificationMutation.isPending, children: "Skip for now" })), ' ', _jsx(Button, { className: "bg-transparent text-text-brand-primary-600", onClick: async () => {

package/dist/components/KYC/KycOpenOnHomeMount.js

@@ -27,7 +27,6 @@ export function KycOpenOnHomeMount(props) {
         verification?.sumsubVerified ||
         verification?.status === 'APPROVED' ||
         verification?.status === 'VERIFIED'; //add default value on null return
-    const isPending = verification?.status === 'PENDING';
     useEffect(() => {
         // If bypass is enabled, do nothing.
         if (props.bypassKycCheck) {
@@ -42,8 +41,7 @@ export function KycOpenOnHomeMount(props) {
                 const shouldShowReminder = Boolean(props.isSkippable);
                 const hasSeenKycModal = sessionStorage.getItem('hasSeenKycModal');
                 const isFirstVisit = !hasSeenKycModal;
-                // 1. If KYC is completed or pending, close both
-                if (isKycCompleted || isPending) {
+                if (isKycCompleted) {
                     setkycReminderOpen(false);
                     setkycOpen(false);
                     if (isKycCompleted) {
@@ -96,7 +94,6 @@ export function KycOpenOnHomeMount(props) {
         isRejected,
         isUnverified,
         isKycCompleted,
-        isPending,
         props.isSkippable,
         props.bypassKycCheck,
     ]);

package/package.json

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