@opexa/portal-components 0.0.895 → 0.0.896

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

@@ -7,6 +7,7 @@ import { useForm } from 'react-hook-form';
 import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
+import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useSignOutMutation } from '../../../client/hooks/useSignOutMutation.js';
 import { useUpdateAccountMutation } from '../../../client/hooks/useUpdateAccountMutation.js';
@@ -21,25 +22,15 @@ import { getQueryClient } from '../../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../../utils/queryKeys.js';
 import DateOfBirthField from '../../DateOfBirthField.js';
 import { useKYCNonPagcorContext } from './KYCNonPagcorContext.js';
-const firstNameBaseSchema = z
+const fullNameSchema = z
     .string()
-    .regex(/^[a-z ]+$/gi, 'First name must contain only letters')
+    .regex(/^[a-z ]+$/gi, 'Full name must contain only letters')
     .transform((val) => val.trim())
     .refine((val) => val.length >= 2, {
     message: 'First name must be 2 or more characters',
 })
     .refine((val) => val.length <= 50, {
-    message: 'First name must not be more than 50 characters',
-});
-const lastNameBaseSchema = z
-    .string()
-    .regex(/^[a-z ]+$/gi, 'Last name must contain only letters')
-    .transform((val) => val.trim())
-    .refine((val) => val.length >= 2, {
-    message: 'Last name must be 2 or more characters',
-})
-    .refine((val) => val.length <= 50, {
-    message: 'Last name must not be more than 50 characters',
+    message: 'Full name must not be more than 50 characters',
 });
 const birthdateBaseSchema = z
     .date({
@@ -56,9 +47,13 @@ const birthdateBaseSchema = z
         });
     }
 });
+const emailAddressSchema = z.string().email('Invalid email address');
 const definition = z.object({
-    firstName: firstNameBaseSchema,
-    lastName: lastNameBaseSchema,
+    fullName: fullNameSchema,
+    emailAddress: emailAddressSchema,
+    nationality: z
+        .string()
+        .min(2, 'Nationality must be at least 2 characters long'),
     birthday: birthdateBaseSchema,
 });
 export function PersonalInformation() {
@@ -75,6 +70,18 @@ export function PersonalInformation() {
             });
         },
     });
+    const createMemberVerificationMutation = useCreateMemberVerificationMutation({
+        onError(error) {
+            toaster.error({
+                description: error.message,
+            });
+        },
+        onSuccess() {
+            toaster.success({
+                description: 'Member verification created successfully',
+            });
+        },
+    });
     const signOutMutation = useSignOutMutation({
         async onSuccess() {
             const keep = new Set([BIOMETRIC_STORAGE_KEY]);
@@ -94,20 +101,30 @@ export function PersonalInformation() {
     const form = useForm({
         resolver: zodResolver(definition),
         defaultValues: {
-            firstName: '',
-            lastName: '',
+            fullName: '',
+            nationality: '',
+            emailAddress: '',
             birthday: undefined,
         },
         mode: 'all',
     });
     async function onSubmit(values) {
         await updateAccountMutation.mutateAsync({
-            realName: `${values.firstName} ${values.lastName}`,
+            realName: values.fullName,
+            emailAddress: values.emailAddress,
             birthDay: format(values.birthday, 'yyyy-MM-dd'),
         });
+        await createMemberVerificationMutation.mutateAsync({
+            nationality: values.nationality,
+            address: '',
+            natureOfWork: '',
+            permanentAddress: '',
+            placeOfBirth: '',
+            sourceOfIncome: '',
+        });
     }
     const birthDay = form.watch('birthday');
-    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.firstName, children: [_jsx(Field.Label, { children: "First Name" }), _jsx(Field.Input, { placeholder: "Enter your first name", ...form.register('firstName') }), _jsx(Field.ErrorText, { children: form.formState.errors.firstName?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.lastName, children: [_jsx(Field.Label, { children: "Last Name" }), _jsx(Field.Input, { placeholder: "Enter your last name", ...form.register('lastName') }), _jsx(Field.ErrorText, { children: form.formState.errors.lastName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.birthday, className: "mt-xl", children: [_jsx(DateOfBirthField, { value: birthDay, onChange: (value) => {
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.fullName, children: [_jsx(Field.Label, { children: "Full Name" }), _jsx(Field.Input, { placeholder: "Enter your full name", ...form.register('fullName') }), _jsx(Field.ErrorText, { children: form.formState.errors.fullName?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.emailAddress, children: [_jsx(Field.Label, { children: "Email Address" }), _jsx(Field.Input, { placeholder: "Enter your email address", ...form.register('emailAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.emailAddress?.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 })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.birthday, className: "mt-xl", children: [_jsx(DateOfBirthField, { value: birthDay, onChange: (value) => {
                                     if (!value)
                                         return;
                                     form.setValue('birthday', value, {

package/package.json

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