@redneckz/wildless-cms-uni-blocks 0.14.646 → 0.14.648

package/src/ui-kit/FormField/Fields/FamilyMembersField.tsx

@@ -1,16 +1,27 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
-import { validatorObj } from '../getObjectValidator';
-import { getValidation } from '../getValidation';
 
-export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    label="Количество членов семьи"
-    placeholder="Введите значение"
-    type="number"
-    inputLength={2}
-    {...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required)}
-    {...input}
-  />
-));
+export const FamilyMembersField = JSX<CustomFieldProps>(({ field }) => {
+  const { value, onChange } = field('familyMembers');
+  const adultsCount = field('familyStatus')?.value?.key === 'В браке' ? 2 : 1;
+  const childrenCount = Number(field('children')?.value);
+  const dependentsCount = Number(field('dependents')?.value);
+  const totalCount = adultsCount + childrenCount + dependentsCount;
+
+  useEffect(() => {
+    field?.('familyMembers')?.onChange?.(totalCount);
+  }, [field('familyStatus')?.value?.key, childrenCount, dependentsCount]);
+
+  return (
+    <InputControl
+      label="Количество членов семьи"
+      placeholder="Введите значение"
+      type="number"
+      disabled={true}
+      value={value}
+      onChange={(_) => onChange?.(_)}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/MiddleNameField.tsx

@@ -3,10 +3,13 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Отчество (Обязательно, при наличии)"
+    inputLength={60}
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     {...getValidation(field('middleName'), validatorObj.middleName)}
     {...input}
   />

package/src/ui-kit/FormField/Fields/NameField.tsx

@@ -3,10 +3,13 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const NameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Имя"
+    inputLength={60}
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     {...getValidation(field('name'), validatorObj.name, input?.required)}
     {...input}
   />

package/src/ui-kit/FormField/Fields/SurnameField.tsx

@@ -3,10 +3,13 @@ import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
+import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 export const SurnameField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Фамилия"
+    inputLength={60}
+    disabled={isEsiaAuthorize() && input?.filledByEsia}
     {...getValidation(field('surname'), validatorObj.surname, input?.required)}
     {...input}
   />

package/src/ui-kit/FormField/getField.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable max-lines */
+/* eslint-disable max-lines-per-function */
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
 import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
@@ -93,8 +94,8 @@ const PRODUCT_REF = {
 };
 
 export const getField =
-  // eslint-disable-next-line max-lines-per-function
-  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, i: number) => {
+  (field: FormFieldRegisterer<any>, typeForm: string, isRetailForm = false) =>
+  (input: FieldDef, i: number) => {
     const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
 
     const InputsMap = {
@@ -118,7 +119,7 @@ export const getField =
       comment: <CommentField field={field} input={input} />,
       addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
       sex: <SexField field={field} input={input} />,
-      birthday: <BirthdayField field={field} input={input} />,
+      birthday: <BirthdayField field={field} input={input} isRetailForm={isRetailForm} />,
       birthPlace: <BirthPlaceField field={field} input={input} />,
       desiredMeetingDate: <DesiredMeetingDateField field={field} input={input} />,
       product: <ProductField field={field} source={PRODUCT_REF} />,
@@ -147,7 +148,6 @@ export const getField =
       applicationDate: (
         <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
       ),
-
       region: isPremium ? (
         <RegionPremiumField field={field} />
       ) : (

package/src/ui-kit/FormField/isEsiaAuthorize.ts

@@ -0,0 +1,2 @@
+export const isEsiaAuthorize = () =>
+  JSON.parse(globalThis.localStorage?.getItem('leadForm') ?? '{}')?.esiaId;

package/src/ui-kit/FormField/validators.ts

@@ -18,8 +18,8 @@ export const jobNumberValidator = (errorMsg?: string) =>
 export const nameValidator = (errorMsg?: string) =>
   validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ?? ERROR_MESSAGE);
 
-export const lengthStringValidator = (maxLength: number, errorMsg?: string) =>
-  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(
+export const lengthStringValidator = (inputLength: number, errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= inputLength)(
     errorMsg ?? ERROR_MESSAGE,
   );