@opexa/portal-components 0.0.580 → 0.0.582

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -133,7 +133,7 @@ export function MobileNumberSignIn() {
                             });
                         }), children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: [_jsx(localeInfo.country.flag, { className: "size-5" }), _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode })] }), _jsx(Field.Input, { style: {
                                                     paddingLeft: `calc(2.75rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
-                                                }, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Log In" }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
+                                                }, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Log In" }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
                                                 if (details.checked === 'indeterminate')
                                                     return;
                                                 o.field.onChange(details.checked);

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -148,7 +148,7 @@ export function NameAndPasswordSignIn() {
                                 }) }), _jsx(Field.ErrorText, { children: form.formState.errors.name?.message })] }), _jsx(Field.Root, { disabled: !!signInMutation.data, invalid: !!form.formState.errors.password, className: "mt-xl", children: _jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs("div", { children: [_jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", tabIndex: -1, className: "font-semibold text-button-tertiary-fg text-sm", onClick: () => {
                                             globalStore.forgotPassword.setOpen(true);
                                             dialog.setOpen(false);
-                                        }, children: "Forgot Password" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
+                                        }, children: "Forgot Password" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
                                         if (details.checked === 'indeterminate')
                                             return;
                                         o.field.onChange(details.checked);

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -13,6 +13,7 @@ import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useControllableState } from '../../../client/hooks/useControllableState.js';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../../client/hooks/useMobileNumberParser.js';
@@ -39,7 +40,6 @@ import { Select } from '../../../ui/Select/index.js';
 import { Tooltip } from '../../../ui/Tooltip/index.js';
 import { createPoll } from '../../../utils/createPoll.js';
 import { useSignUpDefaultPropsContext } from './SignUpDefaultContext.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 export function SignUpDefaultForm() {
     const signUpProps = useSignUpDefaultPropsContext();
     const featureFlag = useFeatureFlag();
@@ -204,7 +204,7 @@ export function SignUpDefaultForm() {
                                                         }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(HelpCircleIcon, { className: "size-4 text-text-nav-item-button-icon" }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) }), "Choose branch closest to your residence."] }) })] })] }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item) => {
                                                         const label = branchCollection.stringifyItem(item) ?? '';
                                                         return (_jsx(Select.Item, { item: item, "aria-disabled": item.disabled, className: twMerge(item.disabled && 'text-border-disabled'), children: _jsx("div", { title: label, className: "line-clamp-1", children: label }) }, item.code));
-                                                    }) }) })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.branchCode?.message })] })), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
+                                                    }) }) })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.branchCode?.message })] })), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
                                                 if (details.checked === 'indeterminate')
                                                     return;
                                                 o.field.onChange(details.checked);
@@ -264,6 +264,7 @@ export function SignUpDefaultForm() {
                                     }
                                 }, {
                                     until: (ok) => ok,
+                                    interval: 1500,
                                     maxAttempt: 5,
                                 });
                                 const ok = await pollLogin();

package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.js

@@ -15,6 +15,7 @@ import { useShallow } from 'zustand/shallow';
 import { useControllableState } from '../../../client/hooks/useControllableState.js';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
 import { useCreateMemberVerificationMutation } from '../../../client/hooks/useCreateMemberVerificationMutation.js';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
 import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
@@ -50,7 +51,6 @@ import { getMemberVerificationQueryKey } from '../../../utils/queryKeys.js';
 import { IdFrontImageField } from './IdFrontImageField/index.js';
 import { SelfieImageField } from './SelfieImageField/index.js';
 import { useSignUpKYCPropsContext } from './SignUpKYCContext.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 export function SignUpKYCForm() {
     const props = useSignUpKYCPropsContext();
     const branchCollection = createListCollection({
@@ -334,7 +334,8 @@ export function SignUpKYCForm() {
                                     }
                                 }, {
                                     until: (ok) => ok,
-                                    maxAttempt: 3,
+                                    interval: 1500,
+                                    maxAttempt: 5,
                                 });
                                 const ok = await pollLogin();
                                 if (!ok) {

package/dist/components/SignUp/SignUpNameAndPassword/SignUpNameAndPasswordForm.js

@@ -11,6 +11,7 @@ import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useControllableState } from '../../../client/hooks/useControllableState.js';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useSignInMutation } from '../../../client/hooks/useSignInMutation.js';
 import { useSignUpByNameMutation } from '../../../client/hooks/useSignUpByNameMutation.js';
@@ -35,7 +36,6 @@ import { Select } from '../../../ui/Select/index.js';
 import { Tooltip } from '../../../ui/Tooltip/index.js';
 import { createPoll } from '../../../utils/createPoll.js';
 import { useSignUpNameAndPasswordPropsContext } from './SignUpNameAndPasswordContext.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 export function SignUpNameAndPasswordForm() {
     const signUpProps = useSignUpNameAndPasswordPropsContext();
     const signInMutation = useSignInMutation();
@@ -158,6 +158,7 @@ export function SignUpNameAndPasswordForm() {
                             }
                         }, {
                             until: (ok) => ok,
+                            interval: 1500,
                             maxAttempt: 5,
                         });
                         const ok = await pollLogin();
@@ -203,7 +204,7 @@ export function SignUpNameAndPasswordForm() {
                                                 }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(HelpCircleIcon, { className: "size-4 text-text-nav-item-button-icon" }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) }), "Choose branch closest to your residence."] }) })] })] }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: branchCollection.items.map((item) => {
                                                 const label = branchCollection.stringifyItem(item) ?? '';
                                                 return (_jsx(Select.Item, { item: item, "aria-disabled": item.disabled, className: twMerge(item.disabled && 'text-border-disabled'), children: _jsx("div", { title: label, className: "line-clamp-1", children: label }) }, item.code));
-                                            }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.branchCode?.message })] })), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
+                                            }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.branchCode?.message })] })), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
                                         if (details.checked === 'indeterminate')
                                             return;
                                         o.field.onChange(details.checked);