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

package/bundle/api/RetailAPI/getGenderFromName.d.ts

@@ -0,0 +1 @@
+export declare const getGenderFromName: (name: string) => Promise<string>;

package/bundle/bundle.umd.js

@@ -3553,15 +3553,7 @@
     const MethodObtainField = JSX(({ field, input }) => (jsx(RadioButtonGroupControl, { orientation: "horizontal", items: METHODS_OF_OBTAIN, ...getValidation(field('methodObtain'), validatorObj.methodObtain, input?.required) })));
 
     const FIELD_NAME$2 = 'middleName';
-    const MiddleNameField = JSX(({ field, input }) => {
-        const onDaDataChange = useCallback((item) => {
-            const dadataGender = item?.data?.gender;
-            if (dadataGender && dadataGender !== 'UNKNOWN') {
-                field('sex')?.onChange?.(dadataGender.toLowerCase());
-            }
-        }, []);
-        return (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", maxLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$2), ...getValidation(field(FIELD_NAME$2), validatorObj.middleName, input?.required), ...input, onDaDataChange: onDaDataChange }));
-    });
+    const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", maxLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$2), ...getValidation(field(FIELD_NAME$2), validatorObj.middleName, input?.required), ...input })));
 
     const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", maxLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field, input.name ?? ''), ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
 
@@ -3717,11 +3709,36 @@
 
     const ServiceDirectionField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435", options: SERVICE_DIRECTIONS, ...getValidation(field('serviceDirection'), validatorObj.serviceDirection, input?.required) })));
 
+    const GENDERS = ['male', 'female'];
+    const getGenderFromName = async (name) => {
+        const res = await fetchRetailJSON('/suggestions/suggest/fio', 'POST', {
+            query: name,
+            count: 1,
+            parts: ['NAME'],
+        });
+        const gender = res?.suggestions[0]?.data?.gender?.toLowerCase() || '';
+        return GENDERS.includes(gender) ? gender : '';
+    };
+
     const SEX_TYPES = [
         { id: 'male', text: 'Мужской' },
         { id: 'female', text: 'Женский' },
     ];
-    const SexField = JSX(({ field, input }) => (jsx(RadioButtonGroupControl, { label: "\u041F\u043E\u043B", orientation: "horizontal", items: SEX_TYPES, ...getValidation(field('sex'), validatorObj.sex, input?.required) })));
+    const SexField = JSX(({ field, input }) => {
+        const name = field('name')?.value;
+        const { value: selectedSex, onChange: changeSex } = field('sex');
+        useEffect(() => {
+            if (name && !selectedSex) {
+                (async () => {
+                    const gender = await getGenderFromName(name);
+                    if (gender) {
+                        changeSex?.(gender);
+                    }
+                })();
+            }
+        }, []);
+        return (jsx(RadioButtonGroupControl, { label: "\u041F\u043E\u043B", orientation: "horizontal", items: SEX_TYPES, ...getValidation(field('sex'), validatorObj.sex, input?.required) }));
+    });
 
     const ShareholderFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u042F \u044F\u0432\u043B\u044F\u044E\u0441\u044C \u0430\u043A\u0446\u0438\u043E\u043D\u0435\u0440\u043E\u043C / \u0443\u0447\u0430\u0441\u0442\u043D\u0438\u043A\u043E\u043C / \u0447\u043B\u0435\u043D\u043E\u043C / \u043F\u0430\u0439\u0449\u0438\u043A\u043E\u043C / \u0432\u043A\u043B\u0430\u0434\u0447\u0438\u043A\u043E\u043C \u0441 \u0434\u043E\u043B\u0435\u0439 \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0431\u043E\u043B\u0435\u0435 20% \u0443\u0441\u0442\u0430\u0432\u043D\u043E\u0433\u043E \u043A\u0430\u043F\u0438\u0442\u0430\u043B\u0430 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430", ...getValidation(field('shareholderFlg'), validatorObj.shareholderFlg, input?.required) })));
 
@@ -3737,10 +3754,7 @@
 
     const InputSnilsControl = JSX(({ className, label, value, error, onChange, onBlur, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(SnilsInput, { "aria-label": label, label: getRequiredLabel({ label, errors: rest?.errors }), valid: Boolean(!error), value: value, onChange: onChange, onBlur: onBlur, placeholder: "___-___-___ __" }), renderErrorText(error)] })));
 
-    const SnilsField = JSX(({ field, input }) => {
-        const isPfrFlg = field('consentPfrFlg')?.value;
-        return (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", ...getValidation(field('snils'), validatorObj.snils, isPfrFlg ? input?.required : false), ...input }));
-    });
+    const SnilsField = JSX(({ field, input }) => (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", ...getValidation(field('snils'), validatorObj.snils, input?.required), ...input })));
 
     const FIELD_NAME = 'surname';
     const SurnameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", maxLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME), ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
@@ -4073,6 +4087,29 @@
         restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name || '')) || [],
     });
 
+    const applicationFormData = [
+        {
+            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' },
+            ],
+        },
+    ];
+
     const initialFormState = {
         typeForm: '',
         region: { key: '', text: '' },
@@ -4778,8 +4815,8 @@
         };
     };
 
-    const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', sections = [], button, ...rest }) => {
-        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
+    const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, ...rest }) => {
+        const inputs = (applicationFormData?.flatMap((_) => _?.inputs) || []);
         const [responseType, setResponseType] = useState('');
         const { isLoading } = useInitApplicationLead(nextStepLink);
         const [leadForm, setLeadForm] = useLocalStorage('leadForm');
@@ -4801,7 +4838,7 @@
                 reset();
             }
         }, [responseType]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
     });
 
     const NotFound = JSX(({ title, description }) => {
@@ -7337,7 +7374,7 @@
     });
     const checkIsRetiree = (step, getValue) => step === 2 && getValue('employment')?.key === 'RETIREE';
     const checkBusinessOwner = ({ name }, getValue) => name === 'partInBusiness' && getValue('positionOrganization')?.key !== 'BUSINESS_OWNER';
-    const checkConsentPfrFlg = ({ name }, getValue) => name === 'snils' && !getValue('consentPfrFlg');
+    const checkConsentPfrFlg = ({ name }, getValue) => name === 'snils' && isSnilsRequired(getValue);
     const checkAddressFillFromESIA = ({ name, filledByEsia }, getValue) => name?.startsWith('address') && getValue('esiaAccountTypeCd')?.key && filledByEsia;
     const checkAddressFact = ({ name }, getValue) => name === 'addressFact' && getValue('addressMatch');
     const checkCondition = ({ condition }, getValue) => condition?.name &&
@@ -7345,6 +7382,7 @@
             const dataValue = getValue(condition?.name);
             return _ !== (dataValue?.key ?? dataValue);
         });
+    const isSnilsRequired = (getValue) => getValue('confirmationIncome')?.key !== 'PFR_CERTIFICATE';
 
     const renderInfo$1 = (inputs = []) => {
         const infoInputs = inputs.filter((_) => _.fieldType === 'info');
@@ -10385,7 +10423,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.684";
+    const packageVersion = "0.14.686";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;