@redneckz/wildless-cms-uni-blocks 0.14.685 → 0.14.686

package/src/components/ApplicationLeadForm/applicationFormData.tsx

@@ -0,0 +1,24 @@
+import { type SectionsProps } from '../../model/InputSectionsType';
+
+export const applicationFormData: SectionsProps[] = [
+  {
+    columns: 2,
+    inputs: [
+      { fieldType: 'common', name: 'surname', required: true, dadata: true },
+      { fieldType: 'common', name: 'name', required: true, dadata: true },
+      { fieldType: 'common', name: 'middleName', dadata: true },
+      { fieldType: 'common', name: 'limitedBirthday', required: true },
+      { fieldType: 'common', name: 'phone', required: true },
+      { fieldType: 'common', name: 'email', required: true, dadata: true },
+    ],
+  },
+  {
+    inputs: [
+      { fieldType: 'common', name: 'processPersonalDataFlg', required: true },
+      { fieldType: 'common', name: 'consentProviderFlg', required: true },
+      { fieldType: 'common', name: 'consentOthersFlg', required: true },
+      { fieldType: 'common', name: 'consentInformFlg' },
+      { fieldType: 'common', name: 'consentPfrFlg' },
+    ],
+  },
+];

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

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
@@ -9,23 +7,12 @@ import { isEsiaAuthorize } from '../isEsiaAuthorize';
 
 const FIELD_NAME = 'middleName';
 
-export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => {
-  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
-    const dadataGender = item?.data?.gender;
-
-    if (dadataGender && dadataGender !== 'UNKNOWN') {
-      field('sex')?.onChange?.(dadataGender.toLowerCase());
-    }
-  }, []);
-
-  return (
-    <InputControl
-      label="Отчество (Обязательно, при наличии)"
-      maxLength={60}
-      disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
-      {...getValidation(field(FIELD_NAME), validatorObj.middleName, input?.required)}
-      {...input}
-      onDaDataChange={onDaDataChange}
-    />
-  );
-});
+export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => (
+  <InputControl
+    label="Отчество (Обязательно, при наличии)"
+    maxLength={60}
+    disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
+    {...getValidation(field(FIELD_NAME), validatorObj.middleName, input?.required)}
+    {...input}
+  />
+));

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

@@ -1,4 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { getGenderFromName } from '../../../api/RetailAPI/getGenderFromName';
 import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
 import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
@@ -10,11 +12,27 @@ export const SEX_TYPES: RadioButtonItem[] = [
   { id: 'female', text: 'Женский' },
 ];
 
-export const SexField = JSX<CustomFieldProps>(({ field, input }) => (
-  <RadioButtonGroupControl
-    label="Пол"
-    orientation="horizontal"
-    items={SEX_TYPES}
-    {...getValidation(field('sex'), validatorObj.sex, input?.required)}
-  />
-));
+export const SexField = JSX<CustomFieldProps>(({ field, input }) => {
+  const name = field('name')?.value;
+  const { value: selectedSex, onChange: changeSex } = field('sex');
+
+  useEffect(() => {
+    if (name && !selectedSex) {
+      (async () => {
+        const gender = await getGenderFromName(name as string);
+        if (gender) {
+          changeSex?.(gender);
+        }
+      })();
+    }
+  }, []);
+
+  return (
+    <RadioButtonGroupControl
+      label="Пол"
+      orientation="horizontal"
+      items={SEX_TYPES}
+      {...getValidation(field('sex'), validatorObj.sex, input?.required)}
+    />
+  );
+});