@redneckz/wildless-cms-uni-blocks 0.14.724 → 0.14.726

package/bundle/bundle.umd.js

@@ -1555,8 +1555,6 @@
     const isValidationSuccess = (info) => !info?.length;
     const validator = (predicate) => (message) => (_) => predicate(_) ? [] : [message];
 
-    const pattern = (regexp) => validator((_) => typeof _ === 'string' && regexp.test(_));
-
     const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
 
     const ERROR_MESSAGE = 'Некорректно заполненное поле';
@@ -1572,7 +1570,8 @@
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
     const innValidator = (errorMsg) => validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
-    const phoneValidator = (errorMsg) => pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(errorMsg);
+    const phoneValidate = (email) => /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/.test(email);
+    const phoneValidator = (errorMsg) => validator(phoneValidate)(errorMsg);
     const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
     const snilsValidate = (snils) => {
         const snl = String(snils).replace(/[^0-9]+/g, '');
@@ -1611,74 +1610,62 @@
     };
     const limitedBirthdayValidator = () => validator(limitedBirthdayValidate)(AGE_ERROR_MESSAGE);
 
-    const validatorObj = {
-        typeForm: defaultValidator(),
-        surname: nameValidator('Укажите свою фамилию'),
-        name: nameValidator('Укажите своё имя'),
-        middleName: nameValidator('Укажите своё отчество'),
-        region: defaultSelectValidator(),
-        addressBranch: defaultSelectValidator(),
-        phone: phoneValidator('Укажите номер телефона'),
-        secondaryPhone: phoneValidator('Укажите номер телефона'),
+    const validatorConsentsObj = {
+        processPersonalDataFlg: agreementValidator,
+        consentProviderFlg: agreementValidator,
+        consentInformFlg: agreementValidator,
+        consentPfrFlg: agreementValidator,
+        consentOthersFlg: agreementValidator,
+    };
+    const validatorCreditCardObj = {
+        addressCourier: addressDaDataValidator(),
+        paymentSystem: defaultValidator('Укажите тип платежной системы'),
+        currency: defaultValidator('Укажите валюту'),
+        cardCategory: defaultValidator('Укажите категорию карты'),
+        codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
+        confirmationIncome: defaultSelectValidator(),
+        methodObtain: defaultValidator(),
+        deliveryDate: defaultValidator('Укажите дату доставки'),
+    };
+    const validatorRetailObj = {
+        organization: defaultSelectValidator('Выберите тип организации'),
+        organizationAddress: addressOrganizationValidator(),
         organizationPhone: phoneValidator('Укажите номер телефона'),
-        birthday: defaultValidator('Укажите дату рождения'),
+        organizationName: defaultValidator('Укажите наименование организации'),
+        legalForm: defaultValidator('Укажите ОПФ'),
+        generalSeniority: jobNumberValidator('Укажите количество лет стажа'),
+        lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
+        experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
+        jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
+        beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+        addressFact: addressDaDataValidator(),
+        addressRegistration: addressDaDataValidator(),
+        addressRetail: defaultSelectValidator('Выберите адрес банка'),
+        addressMatch: defaultValidator(),
+        sex: defaultValidator('Укажите свой пол'),
         limitedBirthday: limitedBirthdayValidator(),
         birthPlace: defaultValidator('Укажите место рождения'),
         education: defaultSelectValidator('Выберите ваше образование'),
         housing: defaultSelectValidator('Выберите тип жилья'),
-        employment: defaultSelectValidator('Выберите информацию о трудоустройстве'),
-        organization: defaultSelectValidator('Выберите тип организации'),
         amountWorkers: defaultSelectValidator('Выберите информацию о количестве сотрудников'),
+        employment: defaultSelectValidator('Выберите информацию о трудоустройстве'),
         employerActivities: defaultSelectValidator('Выберите вид деятельности организации'),
         employerOrganization: defaultSelectValidator('Выберите вид организации'),
         positionOrganization: defaultSelectValidator('Выберите вашу должность'),
-        dulSerie: serieValidator('Укажите серию паспорта'),
-        dulNumber: numberValidator('Укажите номер паспорта'),
-        dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
-        dulSubdivisionCode: numberValidator('Укажите код подразделения'),
-        dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
-        email: emailValidator('Укажите электронную почту'),
-        fullName: defaultValidator(),
-        inn: innValidator('Укажите ИНН'),
-        legalForm: defaultValidator('Укажите ОПФ'),
-        organizationName: defaultValidator('Укажите наименование организации'),
-        generalSeniority: jobNumberValidator('Укажите количество лет стажа'),
-        lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
-        experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
-        jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
-        beginDate: defaultValidator('Укажите дату заключения трудового договора'),
-        addressFact: addressDaDataValidator(),
-        partnerComments: defaultValidator(),
-        collectionCount: defaultValidator(),
-        comment: defaultValidator(),
-        acquiringType: defaultSelectValidator(),
-        feedbackMethod: defaultSelectValidator(),
-        serviceType: defaultSelectValidator(),
-        serviceDirection: defaultSelectValidator(),
-        regionRetail: defaultSelectValidator('Выберите регион'),
-        meetingDay: defaultValidator(),
-        product: defaultValidator(),
-        localities: defaultValidator(),
-        consentDataProcessing: agreementValidator,
-        annualRevenue: defaultValidator(),
-        consentToReceiveMaterials: agreementValidator,
-        processPersonalDataFlg: agreementValidator,
-        consentProviderFlg: agreementValidator,
-        consentPfrFlg: agreementValidator,
-        consentOthersFlg: agreementValidator,
-        consentInformFlg: agreementValidator,
         familyStatus: defaultSelectValidator('Выберите семейное положение'),
-        children: lengthStringValidator(2, 'Укажите количество детей'),
         familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
+        children: lengthStringValidator(2, 'Укажите количество детей'),
         dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
         totalIncome: lengthStringValidator(19, 'Укажите среднемесячный доход от основной зарплаты'),
         expenses: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
         snils: snilsValidator('Некорректный номер СНИЛС'),
         conscription: defaultValidator(),
         armyIdFlg: agreementValidator,
-        sex: defaultValidator('Укажите свой пол'),
-        addressRegistration: addressDaDataValidator(),
-        organizationAddress: addressOrganizationValidator(),
+        dulSerie: serieValidator('Укажите серию паспорта'),
+        dulNumber: numberValidator('Укажите номер паспорта'),
+        dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
+        dulSubdivisionCode: numberValidator('Укажите код подразделения'),
+        dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
         participantDateRegistration: defaultValidator('Укажите дату регистрации'),
         retirementIncome: defaultValidator(),
         otherIncome: defaultValidator(),
@@ -1690,15 +1677,37 @@
         legalEntityName: defaultValidator(),
         bankEmployeeCode: defaultValidator(),
         partInBusiness: defaultValidator(),
-        addressRetail: defaultSelectValidator('Выберите адрес банка'),
-        addressMatch: defaultValidator(),
-        codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
-        confirmationIncome: defaultSelectValidator(),
-        deliveryDate: defaultValidator('Укажите дату доставки'),
-        addressCourier: addressDaDataValidator(),
-        cardCategory: defaultValidator('Укажите категорию карты'),
-        paymentSystem: defaultValidator('Укажите тип платежной системы'),
-        currency: defaultValidator('Укажите валюту'),
+        regionRetail: defaultSelectValidator('Выберите регион'),
+    };
+    const validatorObj = {
+        fullName: defaultValidator(),
+        addressBranch: defaultSelectValidator(),
+        desiredMeetingDate: defaultValidator(),
+        product: defaultValidator(),
+        localities: defaultValidator(),
+        partnerComments: defaultValidator(),
+        collectionCount: defaultValidator(),
+        acquiringType: defaultSelectValidator(),
+        serviceType: defaultSelectValidator(),
+        annualRevenue: defaultValidator(),
+        feedbackMethod: defaultSelectValidator(),
+        serviceDirection: defaultSelectValidator(),
+        secondaryPhone: phoneValidator('Укажите номер телефона'),
+        region: defaultSelectValidator(),
+        surname: nameValidator('Укажите свою фамилию'),
+        name: nameValidator('Укажите своё имя'),
+        middleName: nameValidator('Укажите своё отчество'),
+        birthday: defaultValidator('Укажите дату рождения'),
+        phone: phoneValidator('Укажите номер телефона'),
+        email: emailValidator('Укажите электронную почту'),
+        inn: innValidator('Укажите ИНН'),
+        comment: defaultValidator(),
+        typeForm: defaultValidator(),
+        consentToReceiveMaterials: agreementValidator,
+        consentDataProcessing: agreementValidator,
+        ...validatorConsentsObj,
+        ...validatorRetailObj,
+        ...validatorCreditCardObj,
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => Boolean(_?.required)));
@@ -1843,825 +1852,412 @@
             })), ...getValidation(field('addressBranch'), validatorObj.addressBranch, input?.required), isSearch: true }));
     });
 
-    const AddressFactField = JSX(({ field, input }) => {
-        const fieldName = 'addressFact';
-        const fieldValue = field(fieldName).value;
-        const { value } = field('addressMatch');
-        useEffect(() => {
-            if (value) {
-                field('addressFact')?.onChange?.(field('addressRegistration').value);
-            }
-        }, [value, field('addressRegistration').value]);
-        const onDaDataChange = useCallback((item) => {
-            field?.(fieldName)?.onChange?.({
-                apartment: item?.data?.flat,
-                city: item?.data?.city,
-                district: item?.data?.area_with_type,
-                fullAddress: item?.value,
-                fiasCode: item?.data?.fias_id,
-                house: item?.data?.house,
-                locality: item?.data?.settlement_with_type,
-                okatoRegionCode: item?.data?.okato,
-                postcode: item?.data?.postal_code,
-                region: item?.data?.region,
-                regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
-                street: item?.data?.house,
-                qc: item?.data?.qc,
-                qcComplete: item?.data?.qc_complete,
-                qcHouse: item?.data?.qc_house,
-            });
-        }, []);
-        const onChange = useCallback((val) => {
-            field?.(fieldName)?.onChange?.({
-                apartment: '',
-                city: '',
-                district: '',
-                fullAddress: val,
-                fiasCode: '',
-                house: '',
-                locality: '',
-                okatoRegionCode: '',
-                postcode: '',
-                region: '',
-                regionCode: '',
-                street: '',
-                qc: '',
-                qcComplete: '',
-                qcHouse: '',
-            });
-        }, []);
-        return (jsx(InputControl, { label: "\u0410\u0434\u0440\u0435\u0441", disabled: value, ...getValidation(field(fieldName), validatorObj[fieldName], input?.required), value: fieldValue.fullAddress, onChange: onChange, ...input, onDaDataChange: onDaDataChange }));
-    });
-
-    const ESIA_FIELD_NAME = 'esiaAccountTypeCd';
-    const isEsiaAuthorize = (field, name) => Boolean(field(ESIA_FIELD_NAME)?.value?.key) && field(name).value;
-
-    const AddressField = JSX(({ field, input }) => {
-        const fieldName = input?.name || 'addressRegistration';
-        const fieldValue = field(fieldName).value;
-        const onDaDataChange = useCallback((item) => {
-            field?.(fieldName)?.onChange?.(getAddressFromDaDataItem(item));
-        }, []);
-        const onChange = useCallback((value) => {
-            field?.(fieldName)?.onChange?.({
-                apartment: '',
-                city: '',
-                district: '',
-                fullAddress: value,
-                fiasCode: '',
-                house: '',
-                locality: '',
-                okatoRegionCode: '',
-                postcode: '',
-                region: '',
-                regionCode: '',
-                street: '',
-                qc: '',
-                qcComplete: '',
-                qcHouse: '',
-            });
+    const useNormalizedInput = (props, { normalize, format }) => {
+        const { value, onFocus, onBlur, onChange } = props;
+        const [isFocused, setIsFocused] = useState(false);
+        const handleFocus = useCallback((ev) => {
+            setIsFocused(true);
+            onFocus && onFocus(ev);
         }, []);
-        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, fieldName), label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field(fieldName), validatorObj[fieldName], input?.required), value: fieldValue.fullAddress, onChange: onChange, ...input, onDaDataChange: onDaDataChange }));
-    });
-    const getAddressFromDaDataItem = (item) => ({
-        apartment: item?.data?.flat,
-        city: item?.data?.city,
-        district: item?.data?.area_with_type,
-        fullAddress: item?.unrestricted_value,
-        fiasCode: item?.data?.fias_id,
-        house: item?.data?.house,
-        locality: item?.data?.settlement_with_type,
-        okatoRegionCode: item?.data?.okato,
-        postcode: item?.data?.postal_code,
-        region: item?.data?.region,
-        regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
-        street: item?.data?.street,
-        qc: item?.data?.qc,
-        qcComplete: item?.data?.qc_complete,
-        qcHouse: item?.data?.qc_house,
-    });
+        const handleBlur = useCallback(() => {
+            setIsFocused(false);
+            onChange && onChange(normalize(value));
+            onBlur && onBlur();
+        }, [onChange, value]);
+        return {
+            value: (isFocused || !format ? value : format(value)),
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+        };
+    };
 
-    const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
-        return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
-                const resultOptions = { ...commonOptions, ...options };
-                return (jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
-            }) }));
-    });
+    const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 
-    const defaultCheckStyle = 'appearance-none w-5 h-5 border-solid flex-none';
+    function parseDecimal(value) {
+        const rawValue = (value || '').replace(/\D/g, '');
+        const unsafeDecimal = parseInt(rawValue, 10);
+        return Number.isNaN(unsafeDecimal) ? 0 : unsafeDecimal;
+    }
 
-    const CHECK_PATHS = [
-        {
-            d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
-            fillRule: 'evenodd',
-            clipRule: 'evenodd',
-            fill: 'white',
-        },
-    ];
-    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange }) => {
-        const handleChange = useCallback((e) => {
-            if (disabled) {
-                return;
-            }
-            e.preventDefault();
-            onChange && onChange(!value);
-        }, [onChange, disabled, value]);
-        const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$2(text)] }) }));
-    });
-    const renderText$2 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
-    const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
-    const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
-    const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
-
-    const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
+    function renderRangeWithTicks({ list = [], min, max, step, value = list[0] || min, disabled, onChange, }) {
+        const rangeValue = list.length ? list.indexOf(value) : value;
+        const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
+        const percentage = (rangeValueShift * 100) / (max - min);
+        const inputStyle = {
+            backgroundSize: `${percentage.toFixed(2)}% 100%`,
+        };
+        return (jsxs("div", { children: [list.length ? (jsx("div", { className: "absolute w-full flex justify-between -bottom-[3px] px-m", children: list.map((_, i) => (jsx("div", { className: style('w-2 h-2 rounded-full', rangeValue <= i || disabled ? 'bg-gray' : 'bg-primary-main') }, String(i)))) })) : null, jsx("div", { className: "absolute inset-x-0 -bottom-1 px-m leading-[18px]", children: jsx("input", { className: "box-border w-full m-0 cursor-pointer slider relative z-10", style: inputStyle, type: "range", min: min, max: max, step: step, value: rangeValue, disabled: disabled, onChange: ((ev) => {
+                            const rawValue = parseDecimal(ev.target?.value);
+                            const newValue = list.length ? list[rawValue] : rawValue;
+                            onChange && onChange(newValue || 0);
+                        }) }) })] }));
+    }
 
-    const AddressMatchField = JSX(({ field, input }) => {
-        return (jsx(CheckboxWithError, { text: "\u0410\u0434\u0440\u0435\u0441 \u0444\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043C\u0435\u0441\u0442\u0430 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430 \u0441\u043E\u0432\u043F\u0430\u0434\u0430\u0435\u0442 \u0441 \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438", ...getValidation(field('addressMatch'), validatorObj.addressMatch, input?.required) }));
+    const inputDisabledStyle = 'disabled:border-gray disabled:bg-main-divider';
+    const DEFAULT_MIN = 1;
+    const DEFAULT_MAX = 100;
+    const InputRange = JSX((props) => {
+        const { className, title, items = [], list = [], min = list.length ? 0 : DEFAULT_MIN, max = list.length ? list.length - 1 : DEFAULT_MAX, step = 1, value = list[0] || min, disabled = false, onChange, } = props;
+        const normalizedProps = useNormalizedInput(props, {
+            normalize: (_ = 0) => list.length ? closestValue(list)(_) : clamp(_, min, max),
+            format: toLocalNumberFormat(),
+        });
+        const handleChange = useCallback((ev) => {
+            onChange && onChange(parseDecimal(ev.target?.value));
+        }, [onChange]);
+        return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('text-h3 w-full h-14', 'pl-m mt-xs box-border', 'text-primary-text', inputValidStyle, inputDisabledStyle), disabled: disabled, onChange: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
     });
+    const closestValue = (list) => (_) => list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
+    const renderRangeCaption = (items) => (jsx("div", { className: "flex justify-between my-xs", children: items.map((item, i) => (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item }, String(i)))) }));
 
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
-            'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block ', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
-
-    const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
-    const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
-    function renderClusterer({ yandexMaps, map, points, isLoad, }) {
-        if (isLoad || !points) {
-            return;
-        }
-        map.geoObjects.removeAll();
-        if (!points.length) {
-            return;
-        }
-        const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
-        const officeClusterer = defineClusterer('offices', yandexMaps, clusterIconContentLayout);
-        if (points.length && points.every((_) => 'type' in _)) {
-            const remoteWorkplaceClusterer = defineClusterer('workplaces', yandexMaps, clusterIconContentLayout);
-            const remoteWorkplaceGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'workplaces'), 'workplaces', yandexMaps);
-            const officesGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'offices'), 'offices', yandexMaps);
-            officeClusterer.add(officesGeoObjects);
-            remoteWorkplaceClusterer.add(remoteWorkplaceGeoObjects);
-            map.geoObjects.add(remoteWorkplaceClusterer);
-            map.geoObjects.add(officeClusterer);
-        }
-        else {
-            const geoObjects = defineGeoObjects(points, 'offices', yandexMaps);
-            officeClusterer.add(geoObjects);
-            map.geoObjects.add(officeClusterer);
-        }
-        map.setBounds(yandexMaps.util.bounds.fromPoints(points.map((_) => _.coords))).then(() => {
-            if (map.getZoom() > 10) {
-                map.setZoom(10);
-            }
-        });
-    }
-    const defineClusterer = (type, yandexMaps, clusterIconContentLayout) => {
-        return new yandexMaps.Clusterer({
-            clusterIcons: [
-                {
-                    href: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
-                    size: [78, 84],
-                    offset: [-35, -50],
-                },
-            ],
-            clusterIconContentLayout,
-            clusterHideIconOnBalloonOpen: false,
-            geoObjectHideIconOnBalloonOpen: false,
-        });
-    };
-    const defineGeoObjects = (pointArr, type, yandexMaps) => {
-        return pointArr.map(({ coords, content }) => new yandexMaps.Placemark(coords, {
-            balloonContentHeader: content?.header,
-            balloonContentBody: content?.body,
-            balloonContentFooter: content?.footer,
-            hintContent: content?.hint,
-        }, {
-            iconLayout: 'default#image',
-            iconImageHref: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
-            iconImageSize: [78, 84],
-            iconImageOffset: [-35, -50],
-        }));
-    };
+    const MIN_CREDIT_AMOUNT = 1000;
+    const MAX_CREDIT_AMOUNT = 1000000000;
+    const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
+    const AmountField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') })));
 
-    const defaultStyle = {
-        focus: 'focus:border-primary-text focus:border',
-        hover: 'hover:bg-primary-hover',
-        active: 'active:bg-primary-active',
-        font: 'text-center font-sans',
-    };
+    const AnnualRevenueField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...getValidation(field('annualRevenue'), validatorObj.annualRevenue, input?.required) })));
 
-    const styles$1 = {
-        ...defaultStyle,
-        border: 'border border-transparent rounded-md',
-        position: 'absolute flex items-center justify-center',
-    };
-    const renderUserGeolocation = (map, yandexMaps, className) => {
-        const setUserGeoLocation = () => {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            yandexMaps.geolocation
-                .get({
-                provider: 'yandex',
-                autoReverseGeocode: true,
-                mapStateAutoApply: true,
-            })
-                .then(function (result) {
-                map.current.geoObjects.add(result.geoObjects);
-            });
-        };
-        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles$1).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
-    };
+    const BankEmpoleeField = JSX(({ field }) => (jsx(InputControl, { label: "\u0424\u0418\u041E \u0438\u043B\u0438 \u0434\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u0432\u0448\u0435\u0433\u043E \u0412\u0430\u0441 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u0430 \u0411\u0430\u043D\u043A\u0430", ...field('bankEmpolee') })));
 
-    const getNS = (_) => globalThis[_];
-    const initializeExternalNS = (namespaceName, url) => {
-        const script = document.getElementById(url);
-        if (script) {
-            const ns = getNS(namespaceName);
-            if (ns) {
-                return Promise.resolve(ns);
-            }
-            else {
-                return new Promise((resolve) => {
-                    script.addEventListener('load', () => {
-                        resolve(getNS(namespaceName));
-                    });
-                });
-            }
-        }
-        else {
-            return new Promise((resolve, reject) => {
-                const newScript = document.createElement('script');
-                newScript.src = url;
-                newScript.async = true;
-                newScript.id = url;
-                newScript.addEventListener('load', () => {
-                    resolve(getNS(namespaceName));
-                });
-                newScript.addEventListener('error', (error) => {
-                    reject(error);
-                });
-                document.head.appendChild(newScript);
-            });
-        }
-    };
-    function useExternalNS(namespaceName, url, unmountNS = true) {
-        const [externalNS, setExternalNS] = useState(undefined);
+    const useElementSpace = (ref, heightEl) => {
+        const [spaceAbove, setSpaceAbove] = useState(false);
         useEffect(() => {
-            let isMounted = true;
-            initializeExternalNS(namespaceName, url)
-                .then((ns) => {
-                if (isMounted) {
-                    setExternalNS(ns);
-                }
-            })
-                .catch((error) => {
-                console.error(`Failed to initialize external namespace: ${error}`);
-            });
-            return () => {
-                isMounted = false;
-                if (unmountNS) {
-                    const script = document.getElementById(url);
-                    if (script) {
-                        document.head.removeChild(script);
-                    }
-                    setExternalNS(undefined);
+            const handleResize = () => {
+                if (ref?.current) {
+                    const { top } = ref.current.getBoundingClientRect();
+                    const hasSpaceAbove = top > heightEl;
+                    setSpaceAbove(hasSpaceAbove);
                 }
             };
-        }, [namespaceName, url, unmountNS]);
-        return externalNS;
-    }
-
-    const YMAPS_NAMESPACE = 'ymaps';
-    const useYandexMaps = () => {
-        const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY || ''}&lang=ru_RU`;
-        return useExternalNS(YMAPS_NAMESPACE, url, false);
+            handleResize();
+            window.addEventListener('resize', handleResize);
+            return () => window.removeEventListener('resize', handleResize);
+        }, [ref]);
+        return spaceAbove;
     };
 
-    const styles = {
-        ...defaultStyle,
-        border: 'border-b border-b-2 border-gray last:border-0',
-        position: 'relative flex items-center justify-center',
+    const DAY_COUNT = 6;
+    const WEEK_COUNT = 7;
+    const renderCalendarCells = ({ today, firstDayOfWeek, totalDays, currentMonth, currentYear, min, max, onDateClick, }) => {
+        const calendarCells = [];
+        let dayCounter = 1;
+        for (let i = 0; i < DAY_COUNT; i++) {
+            const rowCells = [];
+            for (let j = 0; j < WEEK_COUNT; j++) {
+                if (i === 0 && j < firstDayOfWeek) {
+                    rowCells.push(jsx("td", {}, `empty-${j}`));
+                }
+                else if (dayCounter > totalDays) {
+                    rowCells.push(jsx("td", {}, `empty-${j}`));
+                }
+                else {
+                    const currentDate = new Date(currentYear, currentMonth, dayCounter);
+                    const isToday = checkIsToday(currentDate, today);
+                    const isDisabled = checkIsDisabled(currentDate, min, max);
+                    rowCells.push(jsx("td", { children: jsx("div", { className: getDayStyles(isToday, isDisabled), onClick: () => !isDisabled && onDateClick(currentDate), children: dayCounter }) }, `day-${dayCounter}`));
+                    dayCounter++;
+                }
+            }
+            calendarCells.push(jsx("tr", { children: rowCells }, `row-${i}`));
+        }
+        return calendarCells;
     };
-    // TODO: Добавить метод определения центральной точки
-    const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
-        const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
-        const changeZoom = () => {
-            const currentZoom = yandexMaps.current.getZoom();
-            const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
-            yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
-        };
-        return (jsx("div", { onClick: changeZoom, className: `${Object.values(styles).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
-    });
-
-    const DEFAULT_CENTER_COORDS = [55.753995, 37.614069];
-    // TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
-    //       Сейчас реализован поиск среди тестовых данных
-    // TODO: Также выяснить что делать когда ничего не найдено
-    // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
-    const YandexMap = JSX(({ points, className = '', zoom = 5, isLoad, selectedAddress }) => {
-        const map = useRef(null);
-        const parentDiv = useRef(null);
-        const yandexMaps = useYandexMaps();
-        useEffect(() => {
-            if (map.current) {
-                renderClusterer({ yandexMaps, map: map.current, points, isLoad });
-            }
-            else {
-                yandexMaps?.ready(() => {
-                    // Ready function may be called few times, but must be called once
-                    if (map.current) {
-                        renderClusterer({ yandexMaps, map: map.current, points, isLoad });
-                        return;
-                    }
-                    map.current = new yandexMaps.Map(parentDiv.current, {
-                        center: getCenterPoint(points),
-                        zoom,
-                        controls: [],
-                        suppressMapOpenBlock: true,
-                    });
-                    renderClusterer({ yandexMaps, map: map.current, points, isLoad });
-                });
-            }
-            // zoom к выбранному отделению банка в рамках задачи по retail
-            if (map.current && selectedAddress) {
-                yandexMaps?.geocode(selectedAddress).then((res) => {
-                    const firstGeoObject = res.geoObjects.get(0);
-                    const coords = firstGeoObject.geometry.getCoordinates();
-                    map.current.setCenter(coords);
-                    map.current.setZoom(18);
-                });
-            }
-        }, [yandexMaps, points, zoom, isLoad, selectedAddress]);
-        if (!yandexMaps) {
-            return null;
-        }
-        const zIndex = 'z-10';
-        return (jsxs("div", { ref: parentDiv, className: style('relative', 'w-full', className), children: [isLoad ? jsx(Loader, {}) : null, jsxs("div", { className: style('absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md', zIndex), children: [jsx(ZoomButton, { yandexMaps: map }), jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map, yandexMaps, style('right-2 top-80', zIndex))] }));
+    const checkIsToday = (currentDate, today) => today && currentDate.toDateString() === today.toDateString();
+    const checkIsDisabled = (currentDate, min, max) => (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
+    const getDayStyles = (isToday = false, isDisabled = false) => style('p-s text-center rounded-md border', {
+        'border-transparent hover:bg-gray': !isToday,
+    }, isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer');
+
+    const WEEK_DAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+    const Calendar = JSX(({ today, currentMonth, currentYear, min, max, onDateSelect = noop, setValue = noop }) => {
+        const handleDateClick = useCallback((date) => {
+            onDateSelect(date);
+            setValue(false);
+        }, []);
+        const { firstDayOfWeek, totalDays } = useMemo(() => ({
+            firstDayOfWeek: new Date(currentYear, currentMonth, 1).getDay() - 1,
+            totalDays: new Date(currentYear, currentMonth + 1, 0).getDate(),
+        }), [currentYear, currentMonth]);
+        return (jsxs("table", { className: "mx-auto", children: [jsx("thead", { className: "text-gray font-light", children: jsx("tr", { children: WEEK_DAYS.map((day, index) => (jsx("th", { className: "p-s", children: day }, String(index)))) }) }), jsx("tbody", { children: renderCalendarCells({
+                        firstDayOfWeek,
+                        today,
+                        totalDays,
+                        currentYear,
+                        currentMonth,
+                        min,
+                        max,
+                        onDateClick: handleDateClick,
+                    }) })] }));
     });
-    const getCenterPoint = (points) => {
-        const centerCoords = [
-            getArraySumAndAverage(mapByIndex(points, 0)),
-            getArraySumAndAverage(mapByIndex(points, 1)),
-        ];
-        return centerCoords.every((_) => _) ? centerCoords : DEFAULT_CENTER_COORDS;
-    };
-    const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
-    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
-    const fetchRetailJSON = async (url, method, body) => {
-        try {
-            const response = await doRequest(url, method, body);
-            return response.json();
-        }
-        catch (err) {
-            console.error(err);
-            return null;
+    const months = [
+        'Январь',
+        'Февраль',
+        'Март',
+        'Апрель',
+        'Май',
+        'Июнь',
+        'Июль',
+        'Август',
+        'Сентябрь',
+        'Октябрь',
+        'Ноябрь',
+        'Декабрь',
+    ];
+
+    function normalizeWithMask(value, pattern) {
+        const valueNumbers = value.replace(/\D/g, '');
+        if (valueNumbers === '' || valueNumbers.length === pattern.length) {
+            return value;
         }
-    };
-    async function doRequest(url, method, body) {
-        return globalThis?.fetch?.(`${API_BASE_URI}${url}`, {
-            method,
-            headers: {
-                'Content-Type': 'application/json',
-                ...getAuthorizationHeaders(),
-            },
-            credentials: 'include',
-            body: body ? JSON.stringify(body) : null,
-        });
+        const patternInArr = [...pattern];
+        const firstPlaceholderIndex = patternInArr.findIndex(isPlaceholder$1);
+        const valueWildcardIndicies = patternInArr.map((_, i) => isWildcard$1(_) ? patternInArr.slice(0, i).filter(isWildcard$1).length : -1);
+        const applyPlaceholder = (_, i) => isDigit$1(_) ? _ : valueNumbers.charAt(valueWildcardIndicies[i]) || _;
+        const resultInArr = patternInArr.map(applyPlaceholder);
+        const resultLength = valueWildcardIndicies.indexOf(valueNumbers.length - 1) + 1;
+        return resultInArr.slice(0, Math.max(firstPlaceholderIndex, resultLength)).join('');
     }
-    const getAuthorizationHeaders = () => {
-        const token = sessionStorage.getItem('accessToken');
-        return token ? { Authorization: `Bearer ${token}` } : null;
-    };
-
-    const fetchRegionOffices = async (regionKey) => {
-        const response = await fetchRetailJSON('/public-data/regionOffices', 'POST', {
-            regionRfCd: {
-                key: regionKey,
-            },
-            cashCardFlg: true,
-        });
-        return (response?.offices?.map((office) => ({
-            ...office,
-            gpsLatitude: formatCoordinate(office.latitude ?? DEFAULT_CENTER_COORDS[0]),
-            gpsLongitude: formatCoordinate(office.longitude ?? DEFAULT_CENTER_COORDS[1]),
-        })) || []);
-    };
-    const formatCoordinate = (coordinate) => Number(coordinate.toString().replace(',', '.'));
+    const isPlaceholder$1 = (_) => _ === '_';
+    const isDigit$1 = (_) => /\d/.test(_);
+    const isWildcard$1 = (_) => isPlaceholder$1(_) || isDigit$1(_);
 
-    const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
-        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
-        const onToggle = useCallback(() => {
-            setIsUnfolded((_) => !_);
-        }, []);
-        const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
-        const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
-        return isFoldButtonOnTop ? (jsxs("div", { className: className, role: "group", children: [buttonNode, sectionNode] })) : (jsxs("div", { className: className, role: "group", children: [sectionNode, buttonNode] }));
-    });
+    const START_YEAR = 1940;
+    const getYears = () => Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);
 
-    function useResizeObserver(callback, deps) {
+    const ICON_PROPS$1 = {
+        name: 'CalendarIcon',
+        iconVersion: 'black',
+        width: '24',
+        height: '24',
+    };
+    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
         const ref = useRef(null);
-        useEffect(() => {
-            const element = ref?.current;
-            if (!element) {
-                return undefined;
+        const [inputValue, setInputValue] = useState(value || '');
+        const handleChange = (ev) => {
+            const val = ev.target?.value;
+            if (typeof val === 'string' && val?.length < 11) {
+                setInputValue(normalizeWithMask(val, '__.__.____'));
             }
-            const observer = new ResizeObserver((entries) => {
-                callback(element, entries[0]);
-            });
-            observer.observe(element);
-            return () => {
-                observer.disconnect();
-            };
-        }, [callback, ...deps]);
-        return ref;
-    }
-
-    const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
-        const containerRef = useRef(null);
-        const childrenWrapperRef = useResizeObserver((childrenWrapperEl) => {
-            if (containerRef.current) {
-                containerRef.current.style.maxHeight = isUnfolded
-                    ? `${childrenWrapperEl.scrollHeight}px`
-                    : '';
+        };
+        const onBlur = () => {
+            if (checkIsValidDate(inputValue)) {
+                const [day, month, year] = inputValue.split('.');
+                onChange?.(new Date(Number(year), Number(month) - 1, Number(day)));
+                setSelectedMonth(Number(month) - 1);
+                setSelectedYear(Number(year));
             }
-        }, [isUnfolded]);
-        return (jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden ${containerRef.current || !isUnfolded ? 'max-h-0' : ''} `, children: jsx("div", { className: className, ref: childrenWrapperRef, children: children }) }));
+            else {
+                setInputValue(value || '');
+            }
+        };
+        const onInputClick = () => {
+            if (ref.current !== null) {
+                ref.current.focus();
+            }
+            onClick?.();
+        };
+        useEffect(() => {
+            setInputValue(value || '');
+        }, [value]);
+        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$1 })] }));
     });
-
-    const CardCell = JSX(({ value, subText, children, isPhone, ...props }) => {
-        const textItems = (Array.isArray(value) ? value : value?.split(',') ?? []).filter(Boolean);
-        if ([textItems.length, children, subText].every((_) => !_)) {
-            return null;
+    const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
+    const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
+    const checkIsValidDate = (date) => {
+        const [day, month, year] = date.split('.');
+        if (isValidYear(year)) {
+            if (isValidMonth(month)) {
+                const currentDate = new Date(Number(year), Number(month) - 1, 1);
+                let maxDateOfMonth = 0;
+                while (currentDate.getMonth() === Number(month) - 1) {
+                    currentDate.setDate(currentDate.getDate() + 1);
+                    maxDateOfMonth++;
+                }
+                if (Number(day) > 0 && Number(day) <= maxDateOfMonth) {
+                    return true;
+                }
+            }
         }
-        return renderCardCell({ textItems, subText, children, isPhone, ...props });
-    });
-    const renderCardCell = ({ label, labelSize = 'text-m', textItems, subColor, subText, className, children, isPhone = false, }) => (jsxs("div", { className: style('flex gap-2xs flex-col h-full max-w-[300px]', className), children: [label ? (jsx(Text, { color: "text-secondary-text", font: "font-light", size: labelSize, children: label })) : null, children || renderTextItems(textItems, isPhone), subText ? (jsx(Text, { color: subColor, size: "text-m", children: subText })) : null] }));
-    const renderTextItems = (textItems, isPhone) => textItems.filter(Boolean).map((text, i) => (jsx(Text, { size: "text-l", children: isPhone ? jsx("a", { href: `tel:${cleanPhoneNumber(text)}`, children: text.trim() }) : text.trim() }, String(i))));
-    const cleanPhoneNumber = (phone) => phone.replace(/\D/g, '');
+        return false;
+    };
 
-    const CardRow = JSX(({ className, children }) => (jsx("div", { className: style('flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl', className), children: children })));
+    const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
+        'hover:border-black active:border-black focus:border-black';
+    const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, }) => (jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
 
-    const getScheduleDescription = (workScheduleWeek) => {
-        const rows = getDateDescription(workScheduleWeek);
-        return jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", value: rows, className: "max-w-none" });
-    };
-    const buildScheduleText = ({ workTime = '', lunchHour = '', daysOff = '' }, isSaturday = false) => {
-        if (!workTime) {
-            return '';
-        }
-        return [
-            `${isSaturday ? 'Суббота' : 'Будние дни'}: ${workTime}`,
-            lunchHour ? `перерыв: ${lunchHour}` : '',
-            daysOff ? `не работает: ${daysOff}` : '',
-        ]
-            .filter(Boolean)
-            .join('; ');
+    const MONTHS_COUNT = 11;
+    const MONTHS_OPTIONS = months.map((key) => ({ key }));
+    const YEARS_OPTIONS = getYears()
+        .reverse()
+        .map((key) => ({ key: String(key) }));
+    const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, onChange, value, }) => {
+        const close = useCallback(() => showCalendar && onShowCalendar(false), [showCalendar]);
+        const ref = useOutsideClick(close);
+        const handleChangeVisibleCalendar = useCallback(() => onShowCalendar(!showCalendar), [showCalendar]);
+        const handleNextMonth = useCallback(() => {
+            if (selectedMonth + 1 <= MONTHS_COUNT) {
+                onMonthSelect(selectedMonth + 1);
+            }
+            else {
+                onMonthSelect(0);
+                onYearSelect(selectedYear + 1);
+            }
+        }, [selectedMonth]);
+        const handlePrevMonth = useCallback(() => {
+            if (selectedMonth - 1 >= 0) {
+                onMonthSelect(selectedMonth - 1);
+            }
+            else {
+                onMonthSelect(11);
+                onYearSelect(selectedYear - 1);
+            }
+        }, [selectedMonth]);
+        const handleSelectMonth = useCallback(({ key }) => {
+            onMonthSelect(months.indexOf(key));
+            const maxDateOfMonth = calculateMaxDaysOfMonth(selectedYear, months.indexOf(key));
+            handleChangeMonth({
+                maxDateOfMonth,
+                selectedYear,
+                selectedMonth: months.indexOf(key),
+                value,
+                onChange,
+            });
+        }, [value]);
+        const handleSelectYear = useCallback(({ key }) => {
+            onYearSelect(Number(key));
+            value && onChange?.(new Date(Number(key), selectedMonth, value?.getDate()));
+        }, [value]);
+        return {
+            handleChangeVisibleCalendar,
+            handleNextMonth,
+            handlePrevMonth,
+            handleSelectMonth,
+            handleSelectYear,
+            monthsOptions: MONTHS_OPTIONS,
+            yearsOptions: YEARS_OPTIONS,
+            ref,
+        };
     };
-    const getDateDescription = (workScheduleWeek) => {
-        const workingWeekday = workScheduleWeek.find((_) => _.key !== 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
-        const workingSaturday = workScheduleWeek.find((_) => _.key === 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
-        const daysOff = workScheduleWeek
-            .filter((_) => !_.status)
-            .map((_) => _.short?.toLowerCase())
-            .join(', ');
-        const rows = [
-            buildScheduleText({
-                workTime: workingWeekday?.workTime,
-                lunchHour: workingWeekday?.lunchHour,
-                daysOff: workingSaturday ? '' : daysOff,
-            }),
-            buildScheduleText({ workTime: workingSaturday?.workTime, lunchHour: workingSaturday?.lunchHour, daysOff }, true),
-        ].filter(Boolean);
-        return rows;
+    const calculateMaxDaysOfMonth = (selectedYear, selectedMonth) => {
+        const date = new Date(selectedYear, selectedMonth, 1);
+        let maxDateOfMonth = 0;
+        while (date.getMonth() === selectedMonth) {
+            maxDateOfMonth++;
+            date.setDate(date.getDate() + 1);
+        }
+        return maxDateOfMonth;
+    };
+    const handleChangeMonth = ({ maxDateOfMonth, selectedYear, selectedMonth, value, onChange, }) => {
+        value &&
+            onChange?.(new Date(selectedYear, selectedMonth, Math.min(maxDateOfMonth, value.getDate())));
     };
 
-    const WEEKDAY_MAP = [
-        ['workingMonday', 'Пн', 'Понедельник'],
-        ['workingTuesday', 'Вт', 'Вторник'],
-        ['workingWednesday', 'Ср', 'Среда'],
-        ['workingThursday', 'Чт', 'Четверг'],
-        ['workingFriday', 'Пт', 'Пятница'],
-        ['workingSaturday', 'Сб', 'Суббота'],
-        ['workingSunday', 'Вс', 'Воскресенье'],
-    ];
-    const getWorkScheduleWeek = (workSchedule) => WEEKDAY_MAP.map(([key, short, title]) => ({
-        key,
-        title,
-        short,
-        status: Boolean(workSchedule?.[key]),
-        get workTime() {
-            return key === 'workingSaturday' ? workSchedule?.workTimeSaturday : workSchedule?.workTime;
-        },
-        get lunchHour() {
-            return key === 'workingSaturday' ? workSchedule?.lunchHourSaturday : workSchedule?.lunchHour;
-        },
-        get hasLunch() {
-            return /\d+/.test(this.lunchHour ?? '');
-        },
-    }));
-
-    const renderBusinessSchedule = (scheduleDescription) => {
-        if (!scheduleDescription) {
-            return null;
-        }
-        const businessSchedule = getBusinessSchedule(scheduleDescription);
-        return (jsxs(CardRow, { className: "border-none", children: [jsx(CardCell, { label: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: businessSchedule.map(renderAlternativeDay) }) }), jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", className: "max-w-none", children: jsx(Text, { children: scheduleDescription }) })] }));
+    const ICON_PROPS = {
+        name: 'ArrowUpIcon',
+        iconVersion: 'black',
+        width: '24',
+        height: '24',
     };
-    const getBusinessSchedule = (scheduleDescription) => {
-        const weekDayMap = WEEKDAY_MAP.map(([, short]) => ({ short, status: true }));
-        const splittedScheduleDescription = scheduleDescription.split('/') ?? [];
-        const lastPartScheduleDescription = splittedScheduleDescription[splittedScheduleDescription.length - 1]?.toLowerCase();
-        if (!lastPartScheduleDescription?.includes('выходной')) {
-            return weekDayMap;
-        }
-        return weekDayMap.map((_) => ({
-            ..._,
-            status: !lastPartScheduleDescription?.includes(_.short.toLowerCase()),
-        }));
+    const SELECT_PROPS = {
+        className: 'min-w-32',
+        iconVersion: 'black',
+        isBorder: false,
     };
-    const renderAlternativeDay = ({ short, status }, i) => (jsx("div", { className: style('w-9 h-9 rounded-md flex items-center justify-center', status ? 'bg-green-more-light text-green-dark' : 'bg-error/30 text-error'), children: jsx(Text, { size: "text-xs", children: short }) }, String(i)));
+    const DatePicker = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, onChange }) => {
+        const [showCalendar, { setValue }] = useBool(false);
+        const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
+        const [selectedYear, setSelectedYear] = useState(value?.getFullYear() || new Date().getFullYear());
+        const { handlePrevMonth, handleNextMonth, handleSelectMonth, handleSelectYear, monthsOptions, yearsOptions, handleChangeVisibleCalendar, ref, } = useDatePickerManager({
+            onYearSelect: setSelectedYear,
+            onMonthSelect: setSelectedMonth,
+            onShowCalendar: setValue,
+            selectedYear,
+            selectedMonth,
+            showCalendar,
+            onChange,
+            value,
+        });
+        const spaceAbove = useElementSpace(ref, 370);
+        return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm({
+                            handleChangeVisibleCalendar,
+                            value,
+                            valid,
+                            onChange,
+                            disabled,
+                            setSelectedMonth,
+                            setSelectedYear,
+                        }), showCalendar && !disabled ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
+                                'bottom-full': spaceAbove,
+                            }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate, setValue: setValue })] })) : null] })] }));
+    });
 
-    const renderCurrency = ({ currency, buyExchangeRate, saleExchangeRate }, i) => (jsxs("div", { className: "flex gap-lg h-full", children: [currency?.currency ? jsx(CardCell, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", value: currency.currency }) : null, buyExchangeRate ? jsx(CardCell, { label: "\u041A\u0443\u043F\u0438\u0442\u044C", value: String(buyExchangeRate) }) : null, saleExchangeRate ? jsx(CardCell, { label: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C", value: String(saleExchangeRate) }) : null] }, String(i)));
+    const DatePickerControl = JSX(({ className, label, error, errors, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(DatePicker, { label: getRequiredLabel({ label, errors }), valid: Boolean(!error), ...rest }), renderErrorText(error)] })));
 
-    const colorStyle = {
-        yellow: { border: 'border-yellow-light', text: 'text-yellow' },
-        green: { border: 'border-green-more-light', text: 'text-green-dark' },
-        gray: { border: 'border-gray', text: 'text-secondary-text' },
-        red: { border: 'border-error/30', text: 'text-error' },
-    };
-    const Badge$1 = JSX(({ className, children, color = 'gray' }) => (jsxs("div", { className: style('sm:p-s sm:border sm:border-green rounded-md flex items-center h-fit', colorStyle[color].border, className), children: [jsx("div", { className: "block pr-m sm:pr-0 sm:hidden", children: jsx(Img, { image: { icon: 'SmallClockIcon' }, width: "24", height: "24" }) }), jsx(Text, { size: "text-m", color: colorStyle[color].text, children: children })] })));
+    const BirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required) })));
 
-    const currentWeekDayIdx = new Date().getDay();
-    //TODO: Add logic time https://github.com/redneckz/wildless-cms-uni-blocks/pull/1549
-    const renderCurrentDaySchedule = (workScheduleWeek) => {
-        const [currentWeekDay] = workScheduleWeek?.slice(currentWeekDayIdx - 1) ?? [];
-        if (!currentWeekDay) {
-            return null;
-        }
-        const { lunchHour, status, workTime, hasLunch } = currentWeekDay;
-        return status ? (jsxs("div", { className: "flex gap-s items-start whitespace-nowrap", children: [workTime ? jsx(Badge$1, { color: "green", children: workTime }) : null, lunchHour && hasLunch ? jsx(Badge$1, { color: "yellow", children: `перерыв: ${lunchHour}` }) : null] })) : (jsx(Badge$1, { color: "red", children: "\u0412\u044B\u0445\u043E\u0434\u043D\u043E\u0439" }));
-    };
+    const CollectionCountField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432 \u0438\u043D\u043A\u0430\u0441\u0441\u0430\u0446\u0438\u0438", isInteger: true, ...getValidation(field('collectionCount'), validatorObj.collectionCount, input?.required) })));
 
-    const getSubTextLunch = ({ lunchHour, hasLunch = false, status = false }) => {
-        if (!status) {
-            return 'Не работает';
-        }
-        return lunchHour && hasLunch ? `Перерыв ${lunchHour}` : lunchHour;
-    };
-    const renderDay = ({ title, status, workTime, lunchHour, hasLunch }, i) => (jsx(CardCell, { label: title, value: status && workTime ? workTime : '', subText: getSubTextLunch({ lunchHour, hasLunch, status }), subColor: !status || hasLunch ? 'text-error' : 'text-green-dark' }, String(i)));
+    const CommentField = JSX(({ field, input }) => (jsx(InputControl, { className: "col-span-2", ...getValidation(field('comment'), validatorObj.comment, input?.required), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true })));
 
-    const ICONS$1 = ['ArrowDownIcon', 'ArrowUpIcon'];
-    const labels = ['Подробнее', 'Скрыть'];
-    const renderFoldButton$3 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full py-2xl cursor-pointer text-primary-main flex items-center border-b border-solid border-main-divider", onClick: onToggle, type: "button", children: [jsx("div", { className: "pr-m", children: labels[Number(isUnfolded)] }), jsx(Icon, { className: "text-primary-text", name: ICONS$1[Number(isUnfolded)], width: "16", height: "16" })] }));
+    const SVG = JSX(({ className, viewBox, fill = 'none', width, height, paths, ...commonOptions }) => {
+        return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, viewBox: viewBox, fill: fill, width: width, height: height, children: paths.map(({ d, fill: pathFill, ...options }, i) => {
+                const resultOptions = { ...commonOptions, ...options };
+                return (jsx("path", { d: d, fill: pathFill || 'currentColor', stroke: resultOptions.stroke, strokeLinecap: resultOptions.strokeLinecap, strokeLinejoin: resultOptions.strokeLinejoin, strokeWidth: resultOptions.strokeWidth, strokeMiterlimit: resultOptions.strokeMiterlimit }, i));
+            }) }));
+    });
 
-    const renderWorkSchedule = (workSchedule) => {
-        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        const timeOfWork = workSchedule ? getDateDescription(workScheduleWeek) : '';
-        const businessTimeOfWork = workSchedule ? workSchedule.businessScheduleDescription : '';
-        if (!workSchedule) {
-            return '';
-        }
-        if (!workSchedule.businessScheduleVisibleTag) {
-            return renderMatchingTimeOfWork(timeOfWork);
-        }
-        if (workSchedule.businessScheduleVisibleTag &&
-            workSchedule.businessScheduleDescription === null) {
-            return renderIndividualTimeOfWork(timeOfWork);
-        }
-        return renderDefaultTimeOfWork(timeOfWork, businessTimeOfWork);
-    };
-    const renderIndividualTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p>`;
-    const renderMatchingTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ. и юр. лиц:<br/></b> ${timeOfWork}</p>`;
-    const renderDefaultTimeOfWork = (timeOfWork, businessTimeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p> <p><b>Режим обслуживания юр.лиц:<br/></b>${businessTimeOfWork}</p>`;
+    const defaultCheckStyle = 'appearance-none w-5 h-5 border-solid flex-none';
 
-    const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, i) => {
-        if (!workSchedule) {
-            return null;
-        }
-        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: name }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), renderCurrentDaySchedule(workScheduleWeek)] }), jsx("div", { className: "hidden sm:block", children: renderCardContent$1({
-                        phone,
-                        fax,
-                        phoneBusiness,
-                        phoneNatural,
-                        phoneCallCentre,
-                        phoneCurrencyControl,
-                        workSchedule,
-                        exchangeRate,
-                    }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
-                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent$1({
-                                phone,
-                                fax,
-                                phoneBusiness,
-                                phoneNatural,
-                                phoneCallCentre,
-                                phoneCurrencyControl,
-                                workSchedule,
-                                exchangeRate,
-                            }) }));
-                    }, 
-                    //** TODO: remove styles with refactoring  DefaultFoldButton*/
-                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$3({ isUnfolded, onToggle }) })] }, String(i)));
-    };
-    const renderCardContent$1 = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
-        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        const labelSchedule = workSchedule?.businessScheduleVisibleTag
-            ? 'Для физических лиц'
-            : 'Для физических и юридических лиц';
-        return (jsxs("div", { children: [jsxs(CardRow, { className: "flex-wrap border-b border-solid border-main-divider", children: [jsx(CardCell, { label: "\u0424\u0430\u043A\u0441", value: fax, isPhone: true }), jsx(CardCell, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u0444\u0438\u043B\u0438\u0430\u043B\u0430", value: phone, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0439 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneBusiness, isPhone: true }), jsx(CardCell, { label: "\u041E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneNatural, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u0439 \u043F\u043E \u0432\u0430\u043B\u044E\u0442\u043D\u043E\u043C\u0443 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044E", value: phoneCurrencyControl, isPhone: true }), jsx(CardCell, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442-\u0446\u0435\u043D\u0442\u0440", value: phoneCallCentre, isPhone: true })] }), workSchedule?.isMatchesPattern ? (jsx(CardRow, { children: jsx(CardCell, { label: labelSchedule, labelSize: "text-l", className: "w-full max-w-none", children: jsx("div", { className: "flex flex-wrap gap-xs sm:justify-between pt-xs", children: workScheduleWeek?.map(renderDay) }) }) })) : (jsxs(CardRow, { children: [jsx(CardCell, { label: labelSchedule, labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: workScheduleWeek?.map(renderAlternativeDay) }) }), getScheduleDescription(workScheduleWeek)] })), workSchedule?.businessScheduleVisibleTag
-                    ? renderBusinessSchedule(workSchedule?.businessScheduleDescription)
-                    : null, exchangeRate?.currencies?.length ? (jsx(CardRow, { className: "flex-wrap", children: exchangeRate?.currencies?.map(renderCurrency) })) : null] }));
-    };
-    const capitalizedFirstLetter$1 = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
-    const getOfficePoint = ({ name = '', address = '', workSchedule }) => {
-        const header = capitalizedFirstLetter$1(name);
-        const body = `${address} ${renderWorkSchedule(workSchedule)}`;
-        return { header, body };
-    };
-
-    const INITIAL_FILTRATION_STATE$1 = {
-        workingSaturday: false,
-        premiumService: false,
-        privateBanking: false,
-        remoteWorkplace: false,
-        serviceDisabledPeople: false,
-        sellingCoins: false,
-        buyingCoins: false,
-        bullionOperations: false,
-        preciousMetalsOperations: false,
-        transferringDataToBiometricSystem: false,
-    };
-    const FILTRATION_LABELS = {
-        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
-        workingSaturday: 'Открыты по субботам',
-        terminalTypeAtms: 'Банкоматы',
-        terminalTypeTerm: 'Терминалы',
-        workAllTime: 'Круглосуточно',
-        billAcceptorEnable: 'Прием наличных',
-        premiumService: 'Премиальное обслуживание',
-        privateBanking: 'Услуга Private banking',
-        sellingCoins: 'Продажа монет из драгоценных металлов',
-        buyingCoins: 'Покупка монет из драгоценных металлов',
-        bullionOperations: 'Операции со слитками',
-        preciousMetalsOperations: 'Операции с драгоценными металлами',
-        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
-        locationDisabledPeople: 'Для маломобильных',
-        designDisabledPeople: 'Для слабовидящих',
-        remoteWorkplace: 'Удаленное рабочее место',
-        serviceDisabledPeople: 'Для маломобильных граждан',
-    };
-    const FILTRATION_PREDICATES$1 = {
-        workingSaturday: (item) => Boolean('workSchedule' in item && item.workSchedule?.workingSaturday),
-        premiumService: (item) => Boolean('premiumService' in item && item.premiumService),
-        privateBanking: (item) => Boolean('privateBanking' in item && item.privateBanking),
-        remoteWorkplace: (item) => Boolean('workScheduleDescription' in item),
-        serviceDisabledPeople: (item) => Boolean('serviceDisabledPeople' in item && item.serviceDisabledPeople),
-        sellingCoins: (item) => Boolean('sellingCoins' in item && item.sellingCoins),
-        buyingCoins: (item) => Boolean('buyingCoins' in item && item.buyingCoins),
-        bullionOperations: (item) => Boolean('bullionOperations' in item && item.bullionOperations),
-        preciousMetalsOperations: (item) => Boolean('preciousMetalsOperations' in item && item.preciousMetalsOperations),
-        transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
-    };
-
-    const filterItems$1 = (data, filtrationState) => {
-        const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
-        return data.filter((item) => truthyFilters.every((_) => FILTRATION_PREDICATES$1[_](item)));
-    };
-
-    const defaultEmptyFunction$1 = () => void 0;
-    const useOfficesAtmsMapData = ({ data, remoteWorkplaces = [], filtrationState = {}, getBalloon = defaultEmptyFunction$1, getBalloonRemoteWorkplaces = defaultEmptyFunction$1, }) => {
-        const [filteredItems, points, filteredRemoteWorkplaces, lengthItems] = useMemo(() => {
-            const _filteredItems = filterItems$1(data, filtrationState);
-            const _filteredRemoteWorkplaces = filterItems$1(remoteWorkplaces, filtrationState);
-            const _points = [
-                ..._filteredItems.map((_) => ({
-                    type: 'offices',
-                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
-                    content: getBalloon(_),
-                })),
-                ..._filteredRemoteWorkplaces.map((_) => ({
-                    type: 'workplaces',
-                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
-                    content: getBalloonRemoteWorkplaces({
-                        address: _.address,
-                        workScheduleDescription: _.workScheduleDescription,
-                    }),
-                })),
-            ].filter((_) => _.coords && _.coords.length === 2);
-            const itemsLength = _filteredItems.length + _filteredRemoteWorkplaces?.length;
-            return [_filteredItems, _points, _filteredRemoteWorkplaces, itemsLength];
-        }, [data, remoteWorkplaces, filtrationState, getBalloon, getBalloonRemoteWorkplaces]);
-        return { filteredItems, points, filteredRemoteWorkplaces, lengthItems };
-    };
-
-    const useLeadFormData = (typeField) => {
-        const { data, error } = useAsyncData(`/api/v1/dictionary?dictionaryType=${encodeURIComponent(typeField)}`, fetchData);
-        if (data && 'errorMessage' in data) {
-            return { error };
-        }
-        return { data: data, error };
-    };
-    const fetchData = async (url) => {
-        const result = await fetchJSON(url, { method: 'POST' });
-        return result || [];
-    };
-
-    const isSSR = () => Boolean(typeof globalThis.process === 'object' && globalThis.process && globalThis.process.version);
-
-    const isClient = !isSSR();
-    const ClientOnly = JSX(({ children }) => (isClient ? children : null));
-
-    const AddressRetailField = JSX(({ field, input }) => {
-        const [offices, setOffices] = useState([]);
-        const { data } = useLeadFormData('REGION_RF');
-        const regionValue = field('regionRetail')?.value || {};
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const fieldBranch = field('addressRetail');
-        useEffect(() => {
-            (async () => {
-                const officesList = await fetchRegionOffices(regionValue?.key ?? '');
-                setOffices(officesList);
-            })();
-            if (regionValue?.key) {
-                field?.('addressRetail')?.onChange?.('');
+    const CHECK_PATHS = [
+        {
+            d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
+            fillRule: 'evenodd',
+            clipRule: 'evenodd',
+            fill: 'white',
+        },
+    ];
+    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange }) => {
+        const handleChange = useCallback((e) => {
+            if (disabled) {
+                return;
             }
-        }, [regionValue.key]);
-        const { points } = useOfficesAtmsMapData({
-            data: offices,
-            filtrationState: {},
-            getBalloon: getOfficePoint,
-        });
-        const isRegionSelected = Boolean(regionValue?.key);
-        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
-                        key: id?.toString() || '',
-                        text: address,
-                    })), ...getValidation(field('addressRetail'), validatorObj.addressRetail, input?.required && isRegionSelected), isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: fieldBranch?.value?.text }) }) })] }));
+            e.preventDefault();
+            onChange && onChange(!value);
+        }, [onChange, disabled, value]);
+        const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
+        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$2(text)] }) }));
     });
+    const renderText$2 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
+    const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
+    const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
+    const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
 
-    const useNormalizedInput = (props, { normalize, format }) => {
-        const { value, onFocus, onBlur, onChange } = props;
-        const [isFocused, setIsFocused] = useState(false);
-        const handleFocus = useCallback((ev) => {
-            setIsFocused(true);
-            onFocus && onFocus(ev);
-        }, []);
-        const handleBlur = useCallback(() => {
-            setIsFocused(false);
-            onChange && onChange(normalize(value));
-            onBlur && onBlur();
-        }, [onChange, value]);
-        return {
-            value: (isFocused || !format ? value : format(value)),
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-        };
-    };
+    const FIELD_NAME$c = 'consentToReceiveMaterials';
+    const ConsentToReceiveMaterialsField = JSX(({ field, input }) => (jsx(Checkbox, { text: "\u0421\u043E\u0433\u043B\u0430\u0441\u0435\u043D \u043D\u0430 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0445 \u0438 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\u043E\u0432 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435", ...getValidation(field(FIELD_NAME$c), validatorObj[FIELD_NAME$c], input?.required) })));
 
-    const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
+    const DesiredMeetingDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0438", ...getValidation(field('desiredMeetingDate'), validatorObj.desiredMeetingDate, input?.required) })));
 
-    function parseDecimal(value) {
-        const rawValue = (value || '').replace(/\D/g, '');
-        const unsafeDecimal = parseInt(rawValue, 10);
-        return Number.isNaN(unsafeDecimal) ? 0 : unsafeDecimal;
-    }
+    const EmailField = JSX(({ field, input }) => {
+        const { required, ...rest } = input;
+        return (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...getValidation(field('email'), validatorObj.email, required), ...rest }));
+    });
 
-    function renderRangeWithTicks({ list = [], min, max, step, value = list[0] || min, disabled, onChange, }) {
-        const rangeValue = list.length ? list.indexOf(value) : value;
-        const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
-        const percentage = (rangeValueShift * 100) / (max - min);
-        const inputStyle = {
-            backgroundSize: `${percentage.toFixed(2)}% 100%`,
-        };
-        return (jsxs("div", { children: [list.length ? (jsx("div", { className: "absolute w-full flex justify-between -bottom-[3px] px-m", children: list.map((_, i) => (jsx("div", { className: style('w-2 h-2 rounded-full', rangeValue <= i || disabled ? 'bg-gray' : 'bg-primary-main') }, String(i)))) })) : null, jsx("div", { className: "absolute inset-x-0 -bottom-1 px-m leading-[18px]", children: jsx("input", { className: "box-border w-full m-0 cursor-pointer slider relative z-10", style: inputStyle, type: "range", min: min, max: max, step: step, value: rangeValue, disabled: disabled, onChange: ((ev) => {
-                            const rawValue = parseDecimal(ev.target?.value);
-                            const newValue = list.length ? list[rawValue] : rawValue;
-                            onChange && onChange(newValue || 0);
-                        }) }) })] }));
-    }
+    const SERVICE_TYPES = [{ key: 'ULTRASERVICE', text: 'Ультра' }];
+    const SERVICE_DIRECTIONS = [
+        { key: 'Физическое лицо' },
+        { key: 'Юридическое лицо / ИП' },
+    ];
+    const FEEDBACK_METHOD = [
+        { key: 'phone', text: 'Телефонный звонок' },
+        { key: 'email', text: 'Электронное сообщение' },
+    ];
 
-    const inputDisabledStyle = 'disabled:border-gray disabled:bg-main-divider';
-    const DEFAULT_MIN = 1;
-    const DEFAULT_MAX = 100;
-    const InputRange = JSX((props) => {
-        const { className, title, items = [], list = [], min = list.length ? 0 : DEFAULT_MIN, max = list.length ? list.length - 1 : DEFAULT_MAX, step = 1, value = list[0] || min, disabled = false, onChange, } = props;
-        const normalizedProps = useNormalizedInput(props, {
-            normalize: (_ = 0) => list.length ? closestValue(list)(_) : clamp(_, min, max),
-            format: toLocalNumberFormat(),
-        });
-        const handleChange = useCallback((ev) => {
-            onChange && onChange(parseDecimal(ev.target?.value));
-        }, [onChange]);
-        return (jsxs("div", { className: className, children: [jsxs("label", { className: "block relative", children: [title ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, jsx("input", { className: style('text-h3 w-full h-14', 'pl-m mt-xs box-border', 'text-primary-text', inputValidStyle, inputDisabledStyle), disabled: disabled, onChange: handleChange, ...normalizedProps }), renderRangeWithTicks({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
-    });
-    const closestValue = (list) => (_) => list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
-    const renderRangeCaption = (items) => (jsx("div", { className: "flex justify-between my-xs", children: items.map((item, i) => (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item }, String(i)))) }));
+    const FeedbackMethodField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u0432\u0435\u0442\u0430", options: FEEDBACK_METHOD, ...getValidation(field('feedbackMethod'), validatorObj.feedbackMethod, input?.required) })));
 
-    const MIN_CREDIT_AMOUNT = 1000;
-    const MAX_CREDIT_AMOUNT = 1000000000;
-    const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
-    const AmountField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') })));
+    const FullNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0418\u041E", ...getValidation(field('fullName'), validatorObj.fullName, input?.required), ...input })));
 
     function copy(source, target) {
         for (const [k, v] of source.entries()) {
@@ -2811,320 +2407,1278 @@
         return useLocalStore();
     };
 
-    const SelectField = UniBlock(({ field, source, fieldName, input, placeholder = 'Выберите из списка', 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    options, ...rest }) => {
-        const leadOptions = source?.map((_) => ({
-            key: _.key || '',
-            text: _.value,
-        })) || [];
-        return (jsx(SelectControl, { placeholder: placeholder, options: leadOptions, ...getValidation(field(fieldName), validatorObj[fieldName], input?.required), ...rest }));
-    });
-
-    const AmountWorkersField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('EMPLOYEES_NUMBER');
-        const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.amountWorkers = data;
-            }
-        }, [data]);
-        return (jsx(SelectField, { field: field, source: store.amountWorkers ?? [], label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
-    });
-
-    const AnnualRevenueField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...getValidation(field('annualRevenue'), validatorObj.annualRevenue, input?.required) })));
-
-    const ArmyIdFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u041D\u0430\u043B\u0438\u0447\u0438\u0435 \u0432\u043E\u0435\u043D\u043D\u043E\u0433\u043E \u0431\u0438\u043B\u0435\u0442\u0430", ...getValidation(field('armyIdFlg'), validatorObj.armyIdFlg, input?.required) })));
-
-    const BankEmpoleeCodeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u0434 \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0411\u0430\u043D\u043A\u0430", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434", isInteger: true, ...getValidation(field('bankEmployeeCode'), validatorObj.bankEmployeeCode, input?.required), ...input })));
-
-    const BankEmpoleeField = JSX(({ field }) => (jsx(InputControl, { label: "\u0424\u0418\u041E \u0438\u043B\u0438 \u0434\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u0432\u0448\u0435\u0433\u043E \u0412\u0430\u0441 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u0430 \u0411\u0430\u043D\u043A\u0430", ...field('bankEmpolee') })));
-
-    const BankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0412 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u043C\u0435\u043D\u044F \u0432\u0435\u0434\u0451\u0442\u0441\u044F \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u043E \u043F\u043E \u0434\u0435\u043B\u0443 \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435", ...getValidation(field('bankruptcyFlg'), validatorObj.bankruptcyFlg, input?.required) })));
-
-    const useElementSpace = (ref, heightEl) => {
-        const [spaceAbove, setSpaceAbove] = useState(false);
-        useEffect(() => {
-            const handleResize = () => {
-                if (ref?.current) {
-                    const { top } = ref.current.getBoundingClientRect();
-                    const hasSpaceAbove = top > heightEl;
-                    setSpaceAbove(hasSpaceAbove);
+    const getOrganizationActivityType = (options, okved) => {
+        if (!okved) {
+            return null;
+        }
+        const getOptionByKey = getOptionOp(options);
+        const okvedType = +okved?.split('.')[0];
+        const secondOkvedType = +okved?.split('.')[1];
+        switch (okvedType) {
+            case 1:
+                return getOptionByKey("AGRICULTURE" /* EOrganizationActivityTypes.AGRICULTURE */);
+            case 35:
+                return getOptionByKey("FUEL_AND_ENERGY" /* EOrganizationActivityTypes.FUEL_AND_ENERGY */);
+            case 41:
+            case 42:
+            case 43:
+                return getOptionByKey("CONSTRUCTION" /* EOrganizationActivityTypes.CONSTRUCTION */);
+            case 46:
+            case 47:
+                return getOptionByKey("TRADE" /* EOrganizationActivityTypes.TRADE */);
+            case 55:
+            case 79:
+                return getOptionByKey("TOURISM" /* EOrganizationActivityTypes.TOURISM */);
+            case 62:
+                return getOptionByKey("TECHNOLOGY" /* EOrganizationActivityTypes.TECHNOLOGY */);
+            case 63:
+                return getOptionByKey("CONSULTING_SERVICE" /* EOrganizationActivityTypes.CONSULTING_SERVICE */);
+            case 64:
+                return getOptionByKey("BANK" /* EOrganizationActivityTypes.BANK */);
+            case 65:
+                return getOptionByKey("INSURER" /* EOrganizationActivityTypes.INSURER */);
+            case 66:
+                return getOptionByKey("FINANCIAL_INSTITUTIONS" /* EOrganizationActivityTypes.FINANCIAL_INSTITUTIONS */);
+            case 72:
+            case 74:
+                return getOptionByKey("SCIENCE" /* EOrganizationActivityTypes.SCIENCE */);
+            case 80:
+                return getOptionByKey("SECURITY" /* EOrganizationActivityTypes.SECURITY */);
+            case 84: {
+                if (secondOkvedType < 22) {
+                    return getOptionByKey("GOVERNANCE" /* EOrganizationActivityTypes.GOVERNANCE */);
                 }
-            };
-            handleResize();
-            window.addEventListener('resize', handleResize);
-            return () => window.removeEventListener('resize', handleResize);
-        }, [ref]);
-        return spaceAbove;
-    };
-
-    const DAY_COUNT = 6;
-    const WEEK_COUNT = 7;
-    const renderCalendarCells = ({ today, firstDayOfWeek, totalDays, currentMonth, currentYear, min, max, onDateClick, }) => {
-        const calendarCells = [];
-        let dayCounter = 1;
-        for (let i = 0; i < DAY_COUNT; i++) {
-            const rowCells = [];
-            for (let j = 0; j < WEEK_COUNT; j++) {
-                if (i === 0 && j < firstDayOfWeek) {
-                    rowCells.push(jsx("td", {}, `empty-${j}`));
+                if (secondOkvedType === 22) {
+                    return getOptionByKey("ARMY" /* EOrganizationActivityTypes.ARMY */);
                 }
-                else if (dayCounter > totalDays) {
-                    rowCells.push(jsx("td", {}, `empty-${j}`));
+                return getOptionByKey("OTHER_SECTORS" /* EOrganizationActivityTypes.OTHER_SECTORS */);
+            }
+            case 85:
+                return getOptionByKey("EDUCATION" /* EOrganizationActivityTypes.EDUCATION */);
+            case 86:
+                return getOptionByKey("HEALTHCARE" /* EOrganizationActivityTypes.HEALTHCARE */);
+            case 87:
+                return getOptionByKey("SOCIAL_SPHERE" /* EOrganizationActivityTypes.SOCIAL_SPHERE */);
+            default: {
+                if (okvedType >= 10 && okvedType <= 33) {
+                    return getOptionByKey("INDUSTRY" /* EOrganizationActivityTypes.INDUSTRY */);
                 }
-                else {
-                    const currentDate = new Date(currentYear, currentMonth, dayCounter);
-                    const isToday = checkIsToday(currentDate, today);
-                    const isDisabled = checkIsDisabled(currentDate, min, max);
-                    rowCells.push(jsx("td", { children: jsx("div", { className: getDayStyles(isToday, isDisabled), onClick: () => !isDisabled && onDateClick(currentDate), children: dayCounter }) }, `day-${dayCounter}`));
-                    dayCounter++;
+                if (okvedType >= 5 && okvedType <= 9) {
+                    return getOptionByKey("FUEL_AND_ENERGY" /* EOrganizationActivityTypes.FUEL_AND_ENERGY */);
+                }
+                if (okvedType >= 49 && okvedType <= 53) {
+                    return getOptionByKey("TRANSPORT" /* EOrganizationActivityTypes.TRANSPORT */);
                 }
+                return getOptionByKey("OTHER_SECTORS" /* EOrganizationActivityTypes.OTHER_SECTORS */);
             }
-            calendarCells.push(jsx("tr", { children: rowCells }, `row-${i}`));
         }
-        return calendarCells;
     };
-    const checkIsToday = (currentDate, today) => today && currentDate.toDateString() === today.toDateString();
-    const checkIsDisabled = (currentDate, min, max) => (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
-    const getDayStyles = (isToday = false, isDisabled = false) => style('p-s text-center rounded-md border', {
-        'border-transparent hover:bg-gray': !isToday,
-    }, isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer');
+    const getEmployeesNumberOption = (options, count) => {
+        if (!count) {
+            return null;
+        }
+        const [option] = [options?.find((_) => count <= Number(_.description))].map((_) => ({
+            key: _?.key ?? '',
+            text: _?.value ?? '',
+        }));
+        return option;
+    };
+    const getOrganizationKind = (options, okopf) => {
+        const getOptionByKey = getOptionOp(options);
+        if ([40001, 40002, 71610].includes(okopf)) {
+            return getOptionByKey('FOREIGN');
+        }
+        return getOptionByKey('RUSSIAN');
+    };
+    const getOrganizationType = (options, okopf, inn) => {
+        const getOptionByKey = getOptionOp(options);
+        if (inn === '7725114488') {
+            return getOptionByKey('RSHB');
+        }
+        if (okopf === 50102) {
+            return getOptionByKey('SOLE_TRADER');
+        }
+        if (okopf >= 75000 && okopf <= 75505 && okopf !== 75500) {
+            return getOptionByKey('BUDGETARY');
+        }
+        return getOptionByKey('COMMERCIAL');
+    };
+    const getOptionOp = (options) => (key) => options
+        .map((_) => ({ key: _.key, text: _.value }))
+        .find((_) => _.key === key) ?? null;
 
-    const WEEK_DAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
-    const Calendar = JSX(({ today, currentMonth, currentYear, min, max, onDateSelect = noop, setValue = noop }) => {
-        const handleDateClick = useCallback((date) => {
-            onDateSelect(date);
-            setValue(false);
+    const ESIA_FIELD_NAME = 'esiaAccountTypeCd';
+    const isEsiaAuthorize = (field, name) => Boolean(field(ESIA_FIELD_NAME)?.value?.key) && field(name).value;
+
+    const AddressField = JSX(({ field, input }) => {
+        const fieldName = input?.name || 'addressRegistration';
+        const fieldValue = field(fieldName).value;
+        const onDaDataChange = useCallback((item) => {
+            field?.(fieldName)?.onChange?.(getAddressFromDaDataItem(item));
         }, []);
-        const { firstDayOfWeek, totalDays } = useMemo(() => ({
-            firstDayOfWeek: new Date(currentYear, currentMonth, 1).getDay() - 1,
-            totalDays: new Date(currentYear, currentMonth + 1, 0).getDate(),
-        }), [currentYear, currentMonth]);
-        return (jsxs("table", { className: "mx-auto", children: [jsx("thead", { className: "text-gray font-light", children: jsx("tr", { children: WEEK_DAYS.map((day, index) => (jsx("th", { className: "p-s", children: day }, String(index)))) }) }), jsx("tbody", { children: renderCalendarCells({
-                        firstDayOfWeek,
-                        today,
-                        totalDays,
-                        currentYear,
-                        currentMonth,
-                        min,
-                        max,
-                        onDateClick: handleDateClick,
-                    }) })] }));
+        const onChange = useCallback((value) => {
+            field?.(fieldName)?.onChange?.({
+                apartment: '',
+                city: '',
+                district: '',
+                fullAddress: value,
+                fiasCode: '',
+                house: '',
+                locality: '',
+                okatoRegionCode: '',
+                postcode: '',
+                region: '',
+                regionCode: '',
+                street: '',
+                qc: '',
+                qcComplete: '',
+                qcHouse: '',
+            });
+        }, []);
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, fieldName), label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field(fieldName), validatorObj[fieldName], input?.required), value: fieldValue.fullAddress, onChange: onChange, ...input, onDaDataChange: onDaDataChange }));
+    });
+    const getAddressFromDaDataItem = (item) => ({
+        apartment: item?.data?.flat,
+        city: item?.data?.city,
+        district: item?.data?.area_with_type,
+        fullAddress: item?.unrestricted_value,
+        fiasCode: item?.data?.fias_id,
+        house: item?.data?.house,
+        locality: item?.data?.settlement_with_type,
+        okatoRegionCode: item?.data?.okato,
+        postcode: item?.data?.postal_code,
+        region: item?.data?.region,
+        regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
+        street: item?.data?.street,
+        qc: item?.data?.qc,
+        qcComplete: item?.data?.qc_complete,
+        qcHouse: item?.data?.qc_house,
     });
 
-    const months = [
-        'Январь',
-        'Февраль',
-        'Март',
-        'Апрель',
-        'Май',
-        'Июнь',
-        'Июль',
-        'Август',
-        'Сентябрь',
-        'Октябрь',
-        'Ноябрь',
-        'Декабрь',
-    ];
-
-    function normalizeWithMask(value, pattern) {
-        const valueNumbers = value.replace(/\D/g, '');
-        if (valueNumbers === '' || valueNumbers.length === pattern.length) {
-            return value;
+    const updateOrganizationFields = (store, field, item) => {
+        const { okved, okopf, inn } = getOrganizationRequisites(item);
+        field?.('legalForm')?.onChange?.(item.data?.opf?.short);
+        field?.('organizationAddress')?.onChange?.(getAddressFromDaDataItem(item.data?.address));
+        const organizationData = {
+            amountWorkers: getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count),
+            employerActivities: getOrganizationActivityType(store?.employerActivities ?? [], okved),
+            organization: getOrganizationType(store?.organization ?? [], okopf, inn),
+            employerOrganization: getOrganizationKind(store?.employerOrganization ?? [], okopf),
+        };
+        for (const fieldName in organizationData) {
+            organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
         }
-        const patternInArr = [...pattern];
-        const firstPlaceholderIndex = patternInArr.findIndex(isPlaceholder$1);
-        const valueWildcardIndicies = patternInArr.map((_, i) => isWildcard$1(_) ? patternInArr.slice(0, i).filter(isWildcard$1).length : -1);
-        const applyPlaceholder = (_, i) => isDigit$1(_) ? _ : valueNumbers.charAt(valueWildcardIndicies[i]) || _;
-        const resultInArr = patternInArr.map(applyPlaceholder);
-        const resultLength = valueWildcardIndicies.indexOf(valueNumbers.length - 1) + 1;
-        return resultInArr.slice(0, Math.max(firstPlaceholderIndex, resultLength)).join('');
-    }
-    const isPlaceholder$1 = (_) => _ === '_';
-    const isDigit$1 = (_) => /\d/.test(_);
-    const isWildcard$1 = (_) => isPlaceholder$1(_) || isDigit$1(_);
+    };
+    const getOrganizationRequisites = (item) => ({
+        inn: item.data?.inn ?? '',
+        okopf: Number(item.data?.opf?.code),
+        okved: item.data?.okved ?? '',
+    });
 
-    const START_YEAR = 1940;
-    const getYears = () => Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);
+    const InnField = JSX(({ field, input }) => {
+        const store = useRetailFormStore();
+        const onDaDataChange = useCallback((item) => {
+            field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
+            updateOrganizationFields(store, field, item);
+        }, []);
+        return (jsx(InputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...getValidation(field('inn'), validatorObj.inn, input?.required), onDaDataChange: onDaDataChange }));
+    });
 
-    const ICON_PROPS$1 = {
-        name: 'CalendarIcon',
-        iconVersion: 'black',
-        width: '24',
-        height: '24',
+    const CheckboxWithError = JSX(({ className, text, value, key, disabled, error, onChange }) => (jsxs("div", { className: style('shrink-0', className), children: [jsx(Checkbox, { text: text, value: value, disabled: disabled, onChange: onChange }, key), renderErrorText(error)] })));
+
+    const IsClientField = JSX(({ field }) => (jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' })));
+
+    const OUT_SERVICE_BASE_URL = `${API_BASE_URI}/outservice`;
+    const EMPTY_REGIONS$1 = [];
+    async function getOutServiceRegions() {
+        const data = await fetchJSON(`${OUT_SERVICE_BASE_URL}/outserviceregions`);
+        return data && Array.isArray(data) ? data : EMPTY_REGIONS$1;
+    }
+
+    const LocalitiesField = JSX(({ field, input }) => {
+        const fieldRegion = field('region');
+        const regionKey = fieldRegion?.value?.key;
+        const { data: regions } = useAsyncData('outServiceRegions', getOutServiceRegions);
+        const localities = regions
+            ?.find((_) => _.code === regionKey)
+            ?.localities?.map((_) => ({ key: _, text: _ }));
+        useEffect(() => {
+            if (regionKey !== '') {
+                field?.('localities')?.onChange?.('');
+            }
+        }, [regionKey]);
+        return (jsx(SelectControl, { label: "\u041D\u0430\u0441\u0435\u043B\u0435\u043D\u043D\u044B\u0439 \u043F\u0443\u043D\u043A\u0442", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043E\u0440\u043E\u0434, \u0433\u0434\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441", options: localities, ...getValidation(field('localities'), validatorObj.localities, input?.required), isSearch: true }));
+    });
+
+    const FIELD_NAME$b = 'middleName';
+    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$b), ...getValidation(field(FIELD_NAME$b), 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 })));
+
+    const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
+
+    const OnlineCheckoutField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') })) : null);
+
+    const PartnerCommentsField = JSX(({ field, input }) => {
+        const { required, ...rest } = input;
+        return (jsx(InputControl, { ...getValidation(field('partnerComments'), validatorObj.partnerComments, required), placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441", isTextarea: true, ...rest }));
+    });
+
+    const isPlaceholder = (_) => _ === '_';
+    const isDigit = (_) => /\d/.test(_);
+    const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
+    const phonePattern = [...'+7 (___) ___-__-__'];
+    const firstPlaceholderIndex = phonePattern.findIndex(isPlaceholder);
+    const phoneWildcardIndicies = phonePattern.map((_, i) => isWildcard(_) ? phonePattern.slice(0, i).filter(isWildcard).length : -1);
+    function normalizePhone(phone) {
+        const phoneNumbers = phone.replace(/\D/g, '');
+        const applyPlaceholder = (_, i) => isDigit(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
+        const result = phonePattern.map(applyPlaceholder);
+        const resultLength = phoneWildcardIndicies.indexOf(phoneNumbers.length - 1) + 1;
+        return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result).join('');
+    }
+
+    const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
+        const handleChange = useCallback((v) => onChange && onChange(normalizePhone(v)), [onChange]);
+        const handleBlur = useCallback((v) => {
+            if (v === '+7 (') {
+                onChange && onChange('');
+            }
+        }, []);
+        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
+    });
+
+    const InputPhoneControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: getRequiredLabel({ label, errors: rest?.errors }), valid: Boolean(!error), placeholder: "+7 (___) ___-__-__", ...rest }), renderErrorText(error)] })));
+
+    const PhoneField = JSX(({ field, input }) => {
+        const fieldName = input?.name || 'phone';
+        return (jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...getValidation(field(fieldName), validatorObj.phone, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, fieldName), ...input }));
+    });
+
+    const PosTerminalField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })) : null);
+
+    const ProductField = JSX(({ field, source }) => (jsx(SelectControl, { placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043F\u0440\u043E\u0434\u0443\u043A\u0442", label: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442", options: arrayToOptions(source?.productList), ...withValidator(field('product'), validatorObj.product) })));
+    const arrayToOptions = (array) => (array ?? []).map((_) => ({ key: _, value: _ }));
+
+    const OUT_SERVICE_URL = `${API_BASE_URI}/outservice/outserviceregions`;
+    const getRegionUrl = (typeForm) => typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;
+
+    const REGIONS_URL = `${API_BASE_URI}/regions`;
+    const EMPTY_REGIONS = [];
+    // TODO Почему url можно менять? Разве смысл не в инкапсуляции api url. Тоже под рефакторинг попадает
+    function useRegions(url = REGIONS_URL) {
+        const { data } = useAsyncData(url, fetchJSONUnsafe);
+        return Array.isArray(data) ? data : EMPTY_REGIONS;
+    }
+
+    const RegionField = JSX(({ field, input, params }) => {
+        const url = getRegionUrl(params?.typeForm);
+        const regions = useRegions(url);
+        return (jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: useMemo(() => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })), [regions]), ...getValidation(field('region'), validatorObj.region, input?.required) }));
+    });
+
+    const RegionPremiumField = JSX(({ field, input }) => {
+        const branchByRegions = useBranchesByRegions(true);
+        const regions = useMemo(() => branchByRegions?.map(({ region }) => ({
+            key: region,
+            text: region,
+        })), [branchByRegions]);
+        return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", options: regions, ...getValidation(field('region'), validatorObj.region, input?.required) }));
+    });
+
+    const SecondaryPhoneField = JSX(({ field }) => {
+        const fieldPhone = field('secondaryPhone');
+        return (jsx(InputPhoneControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...(!fieldPhone.value || fieldPhone.value === '+7 ('
+                ? fieldPhone
+                : withValidator(fieldPhone, validatorObj.secondaryPhone)) }));
+    });
+
+    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 FIELD_NAME$a = '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$a), ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
+
+    const MIN_CREDIT_TERM = 1;
+    const MAX_CREDIT_TERM = 180;
+    const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
+    const TermField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') })));
+
+    const UltraPremiumField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...getValidation(field('serviceType'), validatorObj.serviceType, input?.required) })));
+
+    const orientationStyleMap = {
+        horizontal: '@lg:flex-row',
+        vertical: '',
+    };
+    const RadioButtonGroup = JSX(({ label, items, value, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })] })));
+
+    const VED_TYPES = [
+        { id: 'currencyControl', text: 'Валютный контроль' },
+        { id: 'documentOperations', text: 'Документарные операции' },
+        { id: 'conversionTransactions', text: 'Конверсионные операции' },
+        { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
+    ];
+    const VedField = JSX(({ field }) => {
+        const { value, onChange } = field('vedTypes');
+        useEffect(() => {
+            if (value !== 'currencyControl') {
+                field?.('inn')?.onChange?.('');
+                field?.('region')?.onChange?.('');
+            }
+        }, [value]);
+        return (jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, value: value, onChange: (_) => onChange && onChange(_) }) }));
+    });
+
+    function isRenderField({ input, field, }) {
+        const { condition } = input;
+        const { value } = field(condition?.name || '');
+        return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
+    }
+
+    const PRODUCT_REF = {
+        $ref: '/wcms-resources/outservice-productlist.json',
+    };
+    const InputsMap = {
+        fullName: (props) => jsx(FullNameField, { ...props }),
+        addressBranch: (props) => jsx(AddressBranchField, { ...props }),
+        desiredMeetingDate: (props) => jsx(DesiredMeetingDateField, { ...props }),
+        product: (props) => jsx(ProductField, { ...props, source: PRODUCT_REF }),
+        localities: (props) => jsx(LocalitiesField, { ...props }),
+        isClient: (props) => jsx(IsClientField, { ...props }),
+        partnerComments: (props) => jsx(PartnerCommentsField, { ...props }),
+        collectionCount: (props) => jsx(CollectionCountField, { ...props }),
+        acquiringType: (props) => jsx(AcquiringField, { ...props }),
+        onlineCheckout: (props) => jsx(OnlineCheckoutField, { ...props }),
+        posTerminal: (props) => jsx(PosTerminalField, { ...props }),
+        serviceType: (props) => jsx(UltraPremiumField, { ...props }),
+        term: (props) => jsx(TermField, { ...props }),
+        amount: (props) => jsx(AmountField, { ...props }),
+        annualRevenue: (props) => jsx(AnnualRevenueField, { ...props }),
+        vedTypes: (props) => jsx(VedField, { ...props }),
+        feedbackMethod: (props) => jsx(FeedbackMethodField, { ...props }),
+        serviceDirection: (props) => jsx(ServiceDirectionField, { ...props }),
+        bankEmpolee: (props) => jsx(BankEmpoleeField, { ...props }),
+        secondaryPhone: (props) => jsx(SecondaryPhoneField, { ...props }),
+        applicationDate: (props) => (jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...props })),
+        region: (props) => getPremium(props?.params?.typeForm) ? (jsx(RegionPremiumField, { ...props })) : (jsx(RegionField, { ...props })),
+        consentToReceiveMaterials: (props) => (jsx(ConsentToReceiveMaterialsField, { ...props })),
+        surname: (props) => jsx(SurnameField, { ...props }),
+        name: (props) => jsx(NameField, { ...props }),
+        middleName: (props) => jsx(MiddleNameField, { ...props }),
+        birthday: (props) => jsx(BirthdayField, { ...props }),
+        phone: (props) => jsx(PhoneField, { ...props }),
+        email: (props) => jsx(EmailField, { ...props }),
+        inn: (props) => jsx(InnField, { ...props }),
+        comment: (props) => jsx(CommentField, { ...props }),
+    };
+    const getField = (field, params, externalInputs = {}) => (input, i) => {
+        const resultInputsMap = {
+            ...InputsMap,
+            ...externalInputs,
+        };
+        return isRenderField({ input, field }) ? (jsx("div", { children: resultInputsMap[input?.name || '']?.({ field, input, params }) }, String(i))) : null;
+    };
+
+    const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
+
+    const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
+
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
+            'backdrop-blur': blur,
+        }), children: jsx("div", { className: style('inline-block ', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
+
+    function useButton() {
+        return (props) => ({
+            ...props,
+            onClick: handlerDecorator(handleClick(props)),
+        });
+    }
+    function handleClick({ disabled, onClick }) {
+        return (ev) => {
+            !disabled && onClick && onClick(ev);
+        };
+    }
+
+    const buttonStyleMap = {
+        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+    };
+    const secondaryButtonStyleMap = {
+        primary: style('group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+        secondary: style('group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
+    };
+    const Button = JSX(({ children, ...props }) => {
+        const button = useButton();
+        const { className, version = 'primary', active, disabled, isLoading, type = 'button', rounded = true, role, onClick, } = button(props);
+        return (jsxs("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs relative', {
+                'text-white bg-primary-active': active,
+                'bg-main-gray text-main-disabled cursor-not-allowed': disabled || isLoading,
+                'rounded-md': rounded,
+            }, !active && !disabled && !isLoading
+                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
+                : '', className), type: type, role: role, onClick: onClick, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] }));
+    });
+
+    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
+
+    const Dialog = JSX(({ className, head, children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), role: "dialog", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] })));
+
+    const ResponseTypeDialog = JSX(({ responseType, typeForm, onClose }) => {
+        const responseOK = responseType === 'OK';
+        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
+        const responseOKDescription = typeForm === 'ANTIFRAUD'
+            ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
+  можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
+   не звонят с использованием мессенджеров.`
+            : 'Совсем скоро мы с вами свяжемся';
+        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: responseOK ? responseOKDescription : 'Пожалуйста, повторите позднее', headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: onClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
+    });
+
+    const objectValidator = (validatorsMap) => (o) => (o &&
+        Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
+        [];
+
+    const getPartnerComments = (data) => {
+        const { acquiringType, onlineCheckout = false, posTerminal = false, term, amount, annualRevenue, } = data;
+        if (acquiringType) {
+            return `Вид эквайринга=${acquiringType?.text || ''}${isAcquiringTrade(acquiringType?.key)
+            ? `/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`
+            : '/Онлайн касса=false/POS-терминал=false'}`;
+        }
+        else {
+            return `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
+        }
+    };
+
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    const getFormatData = (data) => {
+        const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, vedTypes, region, ...usedData } = data;
+        const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
+        const formatData = {
+            ...usedData,
+            ...getVedTypes(vedTypes),
+            ...getRegion(region),
+            ...(partnerComments ? { partnerComments } : {}),
+            ...(serviceType ? { typeForm: serviceType } : {}),
+        };
+        return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
+    };
+    const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
+    const getVedTypes = (vedTypes) => vedTypes
+        ? {
+            vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
+        }
+        : {};
+
+    const initialFormState$1 = {
+        typeForm: '',
+        region: { key: '', text: '' },
+        addressBranch: { key: '', text: '' },
+        surname: '',
+        name: '',
+        phone: '',
+        secondaryPhone: '',
+        comment: '',
+        product: '',
+        partnerComments: '',
+        annualRevenue: '',
+        term: 12,
+        amount: 100000,
+        acquiringType: ACQUIRING_TYPES[0],
+        serviceType: SERVICE_TYPES[0],
+        feedbackMethod: FEEDBACK_METHOD[0],
+        serviceDirection: SERVICE_DIRECTIONS[0],
+        vedTypes: VED_TYPES[0],
+        birthday: undefined,
+        isClient: false,
+        onlineCheckout: false,
+        posTerminal: false,
+        consentToReceiveMaterials: false,
+        consentDataProcessing: false,
+        addressRetail: { key: '', text: '' },
+    };
+    const getInitialFormState$3 = (inputs, typeForm = '') => {
+        const formState = Object.fromEntries(inputs.map((_) => [
+            _.name,
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name || ''],
+        ]));
+        return { ...formState, typeForm: { key: typeForm, text: '' } };
+    };
+
+    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "!text-left text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
+
+    const renderSubmitButton$1 = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
+
+    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
+    const renderAgreementSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: agreementText, link: link })), renderSubmitButton$1(button)] }));
+
+    const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex sm:justify-center gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "\u043F\u043E\u0447\u0442\u0430 ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
+
+    const API = LeadServiceAPI();
+    const ApplicationForm = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
+        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
+        const initialFormState = getInitialFormState$3(inputs, typeForm);
+        const [responseType, setResponseType] = useState('');
+        const responseTypeDialog = useDialog(ResponseTypeDialog);
+        const handleSubmit = useCallback(async (formData, ev) => {
+            const inputsFiltered = getFilteredInputs(inputs, formData);
+            const feedbackValidator = objectValidator(getObjectValidator(inputsFiltered));
+            if (!isValidationSuccess(feedbackValidator(formData))) {
+                return console.warn('validation fail');
+            }
+            const formatData = getFormatData({ ...formData, ...additionalParams });
+            const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
+            setResponseType(status);
+            if (status) {
+                responseTypeDialog.open({ typeForm, responseType: status });
+            }
+            if (status === 'OK' && data) {
+                const aspects = useAspects();
+                handleAspects({ aspectsAttributes: data, aspects, ev });
+            }
+            return status;
+        }, [typeForm]);
+        const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
+        const fieldName = getConsentDataProcessing(inputs)?.name;
+        useEffect(() => {
+            if (responseType === 'OK') {
+                setResponseType('');
+                reset();
+            }
+        }, [responseType]);
+        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm }))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
+    });
+    const getFilteredInputs = (inputs, data) => inputs.filter((input) => !input?.condition ||
+        input?.condition.values.find((_) => {
+            const dataValue = data?.[input?.condition?.name ?? ''];
+            return _ === (dataValue?.key ?? dataValue);
+        }));
+
+    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 AddressFactField = JSX(({ field, input }) => {
+        const fieldName = 'addressFact';
+        const fieldValue = field(fieldName).value;
+        const { value } = field('addressMatch');
+        useEffect(() => {
+            if (value) {
+                field('addressFact')?.onChange?.(field('addressRegistration').value);
+            }
+        }, [value, field('addressRegistration').value]);
+        const onDaDataChange = useCallback((item) => {
+            field?.(fieldName)?.onChange?.({
+                apartment: item?.data?.flat,
+                city: item?.data?.city,
+                district: item?.data?.area_with_type,
+                fullAddress: item?.value,
+                fiasCode: item?.data?.fias_id,
+                house: item?.data?.house,
+                locality: item?.data?.settlement_with_type,
+                okatoRegionCode: item?.data?.okato,
+                postcode: item?.data?.postal_code,
+                region: item?.data?.region,
+                regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
+                street: item?.data?.house,
+                qc: item?.data?.qc,
+                qcComplete: item?.data?.qc_complete,
+                qcHouse: item?.data?.qc_house,
+            });
+        }, []);
+        const onChange = useCallback((val) => {
+            field?.(fieldName)?.onChange?.({
+                apartment: '',
+                city: '',
+                district: '',
+                fullAddress: val,
+                fiasCode: '',
+                house: '',
+                locality: '',
+                okatoRegionCode: '',
+                postcode: '',
+                region: '',
+                regionCode: '',
+                street: '',
+                qc: '',
+                qcComplete: '',
+                qcHouse: '',
+            });
+        }, []);
+        return (jsx(InputControl, { label: "\u0410\u0434\u0440\u0435\u0441", disabled: value, ...getValidation(field(fieldName), validatorObj[fieldName], input?.required), value: fieldValue.fullAddress, onChange: onChange, ...input, onDaDataChange: onDaDataChange }));
+    });
+
+    const AddressMatchField = JSX(({ field, input }) => {
+        return (jsx(CheckboxWithError, { text: "\u0410\u0434\u0440\u0435\u0441 \u0444\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043C\u0435\u0441\u0442\u0430 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430 \u0441\u043E\u0432\u043F\u0430\u0434\u0430\u0435\u0442 \u0441 \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438", ...getValidation(field('addressMatch'), validatorObj.addressMatch, input?.required) }));
+    });
+
+    const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
+    const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
+    function renderClusterer({ yandexMaps, map, points, isLoad, }) {
+        if (isLoad || !points) {
+            return;
+        }
+        map.geoObjects.removeAll();
+        if (!points.length) {
+            return;
+        }
+        const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
+        const officeClusterer = defineClusterer('offices', yandexMaps, clusterIconContentLayout);
+        if (points.length && points.every((_) => 'type' in _)) {
+            const remoteWorkplaceClusterer = defineClusterer('workplaces', yandexMaps, clusterIconContentLayout);
+            const remoteWorkplaceGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'workplaces'), 'workplaces', yandexMaps);
+            const officesGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'offices'), 'offices', yandexMaps);
+            officeClusterer.add(officesGeoObjects);
+            remoteWorkplaceClusterer.add(remoteWorkplaceGeoObjects);
+            map.geoObjects.add(remoteWorkplaceClusterer);
+            map.geoObjects.add(officeClusterer);
+        }
+        else {
+            const geoObjects = defineGeoObjects(points, 'offices', yandexMaps);
+            officeClusterer.add(geoObjects);
+            map.geoObjects.add(officeClusterer);
+        }
+        map.setBounds(yandexMaps.util.bounds.fromPoints(points.map((_) => _.coords))).then(() => {
+            if (map.getZoom() > 10) {
+                map.setZoom(10);
+            }
+        });
+    }
+    const defineClusterer = (type, yandexMaps, clusterIconContentLayout) => {
+        return new yandexMaps.Clusterer({
+            clusterIcons: [
+                {
+                    href: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
+                    size: [78, 84],
+                    offset: [-35, -50],
+                },
+            ],
+            clusterIconContentLayout,
+            clusterHideIconOnBalloonOpen: false,
+            geoObjectHideIconOnBalloonOpen: false,
+        });
+    };
+    const defineGeoObjects = (pointArr, type, yandexMaps) => {
+        return pointArr.map(({ coords, content }) => new yandexMaps.Placemark(coords, {
+            balloonContentHeader: content?.header,
+            balloonContentBody: content?.body,
+            balloonContentFooter: content?.footer,
+            hintContent: content?.hint,
+        }, {
+            iconLayout: 'default#image',
+            iconImageHref: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
+            iconImageSize: [78, 84],
+            iconImageOffset: [-35, -50],
+        }));
+    };
+
+    const defaultStyle = {
+        focus: 'focus:border-primary-text focus:border',
+        hover: 'hover:bg-primary-hover',
+        active: 'active:bg-primary-active',
+        font: 'text-center font-sans',
+    };
+
+    const styles$1 = {
+        ...defaultStyle,
+        border: 'border border-transparent rounded-md',
+        position: 'absolute flex items-center justify-center',
+    };
+    const renderUserGeolocation = (map, yandexMaps, className) => {
+        const setUserGeoLocation = () => {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            yandexMaps.geolocation
+                .get({
+                provider: 'yandex',
+                autoReverseGeocode: true,
+                mapStateAutoApply: true,
+            })
+                .then(function (result) {
+                map.current.geoObjects.add(result.geoObjects);
+            });
+        };
+        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles$1).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
+    };
+
+    const getNS = (_) => globalThis[_];
+    const initializeExternalNS = (namespaceName, url) => {
+        const script = document.getElementById(url);
+        if (script) {
+            const ns = getNS(namespaceName);
+            if (ns) {
+                return Promise.resolve(ns);
+            }
+            else {
+                return new Promise((resolve) => {
+                    script.addEventListener('load', () => {
+                        resolve(getNS(namespaceName));
+                    });
+                });
+            }
+        }
+        else {
+            return new Promise((resolve, reject) => {
+                const newScript = document.createElement('script');
+                newScript.src = url;
+                newScript.async = true;
+                newScript.id = url;
+                newScript.addEventListener('load', () => {
+                    resolve(getNS(namespaceName));
+                });
+                newScript.addEventListener('error', (error) => {
+                    reject(error);
+                });
+                document.head.appendChild(newScript);
+            });
+        }
+    };
+    function useExternalNS(namespaceName, url, unmountNS = true) {
+        const [externalNS, setExternalNS] = useState(undefined);
+        useEffect(() => {
+            let isMounted = true;
+            initializeExternalNS(namespaceName, url)
+                .then((ns) => {
+                if (isMounted) {
+                    setExternalNS(ns);
+                }
+            })
+                .catch((error) => {
+                console.error(`Failed to initialize external namespace: ${error}`);
+            });
+            return () => {
+                isMounted = false;
+                if (unmountNS) {
+                    const script = document.getElementById(url);
+                    if (script) {
+                        document.head.removeChild(script);
+                    }
+                    setExternalNS(undefined);
+                }
+            };
+        }, [namespaceName, url, unmountNS]);
+        return externalNS;
+    }
+
+    const YMAPS_NAMESPACE = 'ymaps';
+    const useYandexMaps = () => {
+        const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY || ''}&lang=ru_RU`;
+        return useExternalNS(YMAPS_NAMESPACE, url, false);
+    };
+
+    const styles = {
+        ...defaultStyle,
+        border: 'border-b border-b-2 border-gray last:border-0',
+        position: 'relative flex items-center justify-center',
+    };
+    // TODO: Добавить метод определения центральной точки
+    const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
+        const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
+        const changeZoom = () => {
+            const currentZoom = yandexMaps.current.getZoom();
+            const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
+            yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
+        };
+        return (jsx("div", { onClick: changeZoom, className: `${Object.values(styles).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
+    });
+
+    const DEFAULT_CENTER_COORDS = [55.753995, 37.614069];
+    // TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
+    //       Сейчас реализован поиск среди тестовых данных
+    // TODO: Также выяснить что делать когда ничего не найдено
+    // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
+    const YandexMap = JSX(({ points, className = '', zoom = 5, isLoad, selectedAddress }) => {
+        const map = useRef(null);
+        const parentDiv = useRef(null);
+        const yandexMaps = useYandexMaps();
+        useEffect(() => {
+            if (map.current) {
+                renderClusterer({ yandexMaps, map: map.current, points, isLoad });
+            }
+            else {
+                yandexMaps?.ready(() => {
+                    // Ready function may be called few times, but must be called once
+                    if (map.current) {
+                        renderClusterer({ yandexMaps, map: map.current, points, isLoad });
+                        return;
+                    }
+                    map.current = new yandexMaps.Map(parentDiv.current, {
+                        center: getCenterPoint(points),
+                        zoom,
+                        controls: [],
+                        suppressMapOpenBlock: true,
+                    });
+                    renderClusterer({ yandexMaps, map: map.current, points, isLoad });
+                });
+            }
+            // zoom к выбранному отделению банка в рамках задачи по retail
+            if (map.current && selectedAddress) {
+                yandexMaps?.geocode(selectedAddress).then((res) => {
+                    const firstGeoObject = res.geoObjects.get(0);
+                    const coords = firstGeoObject.geometry.getCoordinates();
+                    map.current.setCenter(coords);
+                    map.current.setZoom(18);
+                });
+            }
+        }, [yandexMaps, points, zoom, isLoad, selectedAddress]);
+        if (!yandexMaps) {
+            return null;
+        }
+        const zIndex = 'z-10';
+        return (jsxs("div", { ref: parentDiv, className: style('relative', 'w-full', className), children: [isLoad ? jsx(Loader, {}) : null, jsxs("div", { className: style('absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md', zIndex), children: [jsx(ZoomButton, { yandexMaps: map }), jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map, yandexMaps, style('right-2 top-80', zIndex))] }));
+    });
+    const getCenterPoint = (points) => {
+        const centerCoords = [
+            getArraySumAndAverage(mapByIndex(points, 0)),
+            getArraySumAndAverage(mapByIndex(points, 1)),
+        ];
+        return centerCoords.every((_) => _) ? centerCoords : DEFAULT_CENTER_COORDS;
+    };
+    const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
+    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
+
+    const fetchRetailJSON = async (url, method, body) => {
+        try {
+            const response = await doRequest(url, method, body);
+            return response.json();
+        }
+        catch (err) {
+            console.error(err);
+            return null;
+        }
+    };
+    async function doRequest(url, method, body) {
+        return globalThis?.fetch?.(`${API_BASE_URI}${url}`, {
+            method,
+            headers: {
+                'Content-Type': 'application/json',
+                ...getAuthorizationHeaders(),
+            },
+            credentials: 'include',
+            body: body ? JSON.stringify(body) : null,
+        });
+    }
+    const getAuthorizationHeaders = () => {
+        const token = sessionStorage.getItem('accessToken');
+        return token ? { Authorization: `Bearer ${token}` } : null;
+    };
+
+    const fetchRegionOffices = async (regionKey) => {
+        const response = await fetchRetailJSON('/public-data/regionOffices', 'POST', {
+            regionRfCd: {
+                key: regionKey,
+            },
+            cashCardFlg: true,
+        });
+        return (response?.offices?.map((office) => ({
+            ...office,
+            gpsLatitude: formatCoordinate(office.latitude ?? DEFAULT_CENTER_COORDS[0]),
+            gpsLongitude: formatCoordinate(office.longitude ?? DEFAULT_CENTER_COORDS[1]),
+        })) || []);
+    };
+    const formatCoordinate = (coordinate) => Number(coordinate.toString().replace(',', '.'));
+
+    const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
+        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
+        const onToggle = useCallback(() => {
+            setIsUnfolded((_) => !_);
+        }, []);
+        const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
+        const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
+        return isFoldButtonOnTop ? (jsxs("div", { className: className, role: "group", children: [buttonNode, sectionNode] })) : (jsxs("div", { className: className, role: "group", children: [sectionNode, buttonNode] }));
+    });
+
+    function useResizeObserver(callback, deps) {
+        const ref = useRef(null);
+        useEffect(() => {
+            const element = ref?.current;
+            if (!element) {
+                return undefined;
+            }
+            const observer = new ResizeObserver((entries) => {
+                callback(element, entries[0]);
+            });
+            observer.observe(element);
+            return () => {
+                observer.disconnect();
+            };
+        }, [callback, ...deps]);
+        return ref;
+    }
+
+    const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
+        const containerRef = useRef(null);
+        const childrenWrapperRef = useResizeObserver((childrenWrapperEl) => {
+            if (containerRef.current) {
+                containerRef.current.style.maxHeight = isUnfolded
+                    ? `${childrenWrapperEl.scrollHeight}px`
+                    : '';
+            }
+        }, [isUnfolded]);
+        return (jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden ${containerRef.current || !isUnfolded ? 'max-h-0' : ''} `, children: jsx("div", { className: className, ref: childrenWrapperRef, children: children }) }));
+    });
+
+    const CardCell = JSX(({ value, subText, children, isPhone, ...props }) => {
+        const textItems = (Array.isArray(value) ? value : value?.split(',') ?? []).filter(Boolean);
+        if ([textItems.length, children, subText].every((_) => !_)) {
+            return null;
+        }
+        return renderCardCell({ textItems, subText, children, isPhone, ...props });
+    });
+    const renderCardCell = ({ label, labelSize = 'text-m', textItems, subColor, subText, className, children, isPhone = false, }) => (jsxs("div", { className: style('flex gap-2xs flex-col h-full max-w-[300px]', className), children: [label ? (jsx(Text, { color: "text-secondary-text", font: "font-light", size: labelSize, children: label })) : null, children || renderTextItems(textItems, isPhone), subText ? (jsx(Text, { color: subColor, size: "text-m", children: subText })) : null] }));
+    const renderTextItems = (textItems, isPhone) => textItems.filter(Boolean).map((text, i) => (jsx(Text, { size: "text-l", children: isPhone ? jsx("a", { href: `tel:${cleanPhoneNumber(text)}`, children: text.trim() }) : text.trim() }, String(i))));
+    const cleanPhoneNumber = (phone) => phone.replace(/\D/g, '');
+
+    const CardRow = JSX(({ className, children }) => (jsx("div", { className: style('flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl', className), children: children })));
+
+    const getScheduleDescription = (workScheduleWeek) => {
+        const rows = getDateDescription(workScheduleWeek);
+        return jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", value: rows, className: "max-w-none" });
+    };
+    const buildScheduleText = ({ workTime = '', lunchHour = '', daysOff = '' }, isSaturday = false) => {
+        if (!workTime) {
+            return '';
+        }
+        return [
+            `${isSaturday ? 'Суббота' : 'Будние дни'}: ${workTime}`,
+            lunchHour ? `перерыв: ${lunchHour}` : '',
+            daysOff ? `не работает: ${daysOff}` : '',
+        ]
+            .filter(Boolean)
+            .join('; ');
+    };
+    const getDateDescription = (workScheduleWeek) => {
+        const workingWeekday = workScheduleWeek.find((_) => _.key !== 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
+        const workingSaturday = workScheduleWeek.find((_) => _.key === 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
+        const daysOff = workScheduleWeek
+            .filter((_) => !_.status)
+            .map((_) => _.short?.toLowerCase())
+            .join(', ');
+        const rows = [
+            buildScheduleText({
+                workTime: workingWeekday?.workTime,
+                lunchHour: workingWeekday?.lunchHour,
+                daysOff: workingSaturday ? '' : daysOff,
+            }),
+            buildScheduleText({ workTime: workingSaturday?.workTime, lunchHour: workingSaturday?.lunchHour, daysOff }, true),
+        ].filter(Boolean);
+        return rows;
+    };
+
+    const WEEKDAY_MAP = [
+        ['workingMonday', 'Пн', 'Понедельник'],
+        ['workingTuesday', 'Вт', 'Вторник'],
+        ['workingWednesday', 'Ср', 'Среда'],
+        ['workingThursday', 'Чт', 'Четверг'],
+        ['workingFriday', 'Пт', 'Пятница'],
+        ['workingSaturday', 'Сб', 'Суббота'],
+        ['workingSunday', 'Вс', 'Воскресенье'],
+    ];
+    const getWorkScheduleWeek = (workSchedule) => WEEKDAY_MAP.map(([key, short, title]) => ({
+        key,
+        title,
+        short,
+        status: Boolean(workSchedule?.[key]),
+        get workTime() {
+            return key === 'workingSaturday' ? workSchedule?.workTimeSaturday : workSchedule?.workTime;
+        },
+        get lunchHour() {
+            return key === 'workingSaturday' ? workSchedule?.lunchHourSaturday : workSchedule?.lunchHour;
+        },
+        get hasLunch() {
+            return /\d+/.test(this.lunchHour ?? '');
+        },
+    }));
+
+    const renderBusinessSchedule = (scheduleDescription) => {
+        if (!scheduleDescription) {
+            return null;
+        }
+        const businessSchedule = getBusinessSchedule(scheduleDescription);
+        return (jsxs(CardRow, { className: "border-none", children: [jsx(CardCell, { label: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: businessSchedule.map(renderAlternativeDay) }) }), jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", className: "max-w-none", children: jsx(Text, { children: scheduleDescription }) })] }));
+    };
+    const getBusinessSchedule = (scheduleDescription) => {
+        const weekDayMap = WEEKDAY_MAP.map(([, short]) => ({ short, status: true }));
+        const splittedScheduleDescription = scheduleDescription.split('/') ?? [];
+        const lastPartScheduleDescription = splittedScheduleDescription[splittedScheduleDescription.length - 1]?.toLowerCase();
+        if (!lastPartScheduleDescription?.includes('выходной')) {
+            return weekDayMap;
+        }
+        return weekDayMap.map((_) => ({
+            ..._,
+            status: !lastPartScheduleDescription?.includes(_.short.toLowerCase()),
+        }));
+    };
+    const renderAlternativeDay = ({ short, status }, i) => (jsx("div", { className: style('w-9 h-9 rounded-md flex items-center justify-center', status ? 'bg-green-more-light text-green-dark' : 'bg-error/30 text-error'), children: jsx(Text, { size: "text-xs", children: short }) }, String(i)));
+
+    const renderCurrency = ({ currency, buyExchangeRate, saleExchangeRate }, i) => (jsxs("div", { className: "flex gap-lg h-full", children: [currency?.currency ? jsx(CardCell, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", value: currency.currency }) : null, buyExchangeRate ? jsx(CardCell, { label: "\u041A\u0443\u043F\u0438\u0442\u044C", value: String(buyExchangeRate) }) : null, saleExchangeRate ? jsx(CardCell, { label: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C", value: String(saleExchangeRate) }) : null] }, String(i)));
+
+    const colorStyle = {
+        yellow: { border: 'border-yellow-light', text: 'text-yellow' },
+        green: { border: 'border-green-more-light', text: 'text-green-dark' },
+        gray: { border: 'border-gray', text: 'text-secondary-text' },
+        red: { border: 'border-error/30', text: 'text-error' },
+    };
+    const Badge$1 = JSX(({ className, children, color = 'gray' }) => (jsxs("div", { className: style('sm:p-s sm:border sm:border-green rounded-md flex items-center h-fit', colorStyle[color].border, className), children: [jsx("div", { className: "block pr-m sm:pr-0 sm:hidden", children: jsx(Img, { image: { icon: 'SmallClockIcon' }, width: "24", height: "24" }) }), jsx(Text, { size: "text-m", color: colorStyle[color].text, children: children })] })));
+
+    const currentWeekDayIdx = new Date().getDay();
+    //TODO: Add logic time https://github.com/redneckz/wildless-cms-uni-blocks/pull/1549
+    const renderCurrentDaySchedule = (workScheduleWeek) => {
+        const [currentWeekDay] = workScheduleWeek?.slice(currentWeekDayIdx - 1) ?? [];
+        if (!currentWeekDay) {
+            return null;
+        }
+        const { lunchHour, status, workTime, hasLunch } = currentWeekDay;
+        return status ? (jsxs("div", { className: "flex gap-s items-start whitespace-nowrap", children: [workTime ? jsx(Badge$1, { color: "green", children: workTime }) : null, lunchHour && hasLunch ? jsx(Badge$1, { color: "yellow", children: `перерыв: ${lunchHour}` }) : null] })) : (jsx(Badge$1, { color: "red", children: "\u0412\u044B\u0445\u043E\u0434\u043D\u043E\u0439" }));
+    };
+
+    const getSubTextLunch = ({ lunchHour, hasLunch = false, status = false }) => {
+        if (!status) {
+            return 'Не работает';
+        }
+        return lunchHour && hasLunch ? `Перерыв ${lunchHour}` : lunchHour;
+    };
+    const renderDay = ({ title, status, workTime, lunchHour, hasLunch }, i) => (jsx(CardCell, { label: title, value: status && workTime ? workTime : '', subText: getSubTextLunch({ lunchHour, hasLunch, status }), subColor: !status || hasLunch ? 'text-error' : 'text-green-dark' }, String(i)));
+
+    const ICONS$1 = ['ArrowDownIcon', 'ArrowUpIcon'];
+    const labels = ['Подробнее', 'Скрыть'];
+    const renderFoldButton$3 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full py-2xl cursor-pointer text-primary-main flex items-center border-b border-solid border-main-divider", onClick: onToggle, type: "button", children: [jsx("div", { className: "pr-m", children: labels[Number(isUnfolded)] }), jsx(Icon, { className: "text-primary-text", name: ICONS$1[Number(isUnfolded)], width: "16", height: "16" })] }));
+
+    const renderWorkSchedule = (workSchedule) => {
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        const timeOfWork = workSchedule ? getDateDescription(workScheduleWeek) : '';
+        const businessTimeOfWork = workSchedule ? workSchedule.businessScheduleDescription : '';
+        if (!workSchedule) {
+            return '';
+        }
+        if (!workSchedule.businessScheduleVisibleTag) {
+            return renderMatchingTimeOfWork(timeOfWork);
+        }
+        if (workSchedule.businessScheduleVisibleTag &&
+            workSchedule.businessScheduleDescription === null) {
+            return renderIndividualTimeOfWork(timeOfWork);
+        }
+        return renderDefaultTimeOfWork(timeOfWork, businessTimeOfWork);
+    };
+    const renderIndividualTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p>`;
+    const renderMatchingTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ. и юр. лиц:<br/></b> ${timeOfWork}</p>`;
+    const renderDefaultTimeOfWork = (timeOfWork, businessTimeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p> <p><b>Режим обслуживания юр.лиц:<br/></b>${businessTimeOfWork}</p>`;
+
+    const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, i) => {
+        if (!workSchedule) {
+            return null;
+        }
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: name }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), renderCurrentDaySchedule(workScheduleWeek)] }), jsx("div", { className: "hidden sm:block", children: renderCardContent$1({
+                        phone,
+                        fax,
+                        phoneBusiness,
+                        phoneNatural,
+                        phoneCallCentre,
+                        phoneCurrencyControl,
+                        workSchedule,
+                        exchangeRate,
+                    }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent$1({
+                                phone,
+                                fax,
+                                phoneBusiness,
+                                phoneNatural,
+                                phoneCallCentre,
+                                phoneCurrencyControl,
+                                workSchedule,
+                                exchangeRate,
+                            }) }));
+                    }, 
+                    //** TODO: remove styles with refactoring  DefaultFoldButton*/
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$3({ isUnfolded, onToggle }) })] }, String(i)));
+    };
+    const renderCardContent$1 = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        const labelSchedule = workSchedule?.businessScheduleVisibleTag
+            ? 'Для физических лиц'
+            : 'Для физических и юридических лиц';
+        return (jsxs("div", { children: [jsxs(CardRow, { className: "flex-wrap border-b border-solid border-main-divider", children: [jsx(CardCell, { label: "\u0424\u0430\u043A\u0441", value: fax, isPhone: true }), jsx(CardCell, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u0444\u0438\u043B\u0438\u0430\u043B\u0430", value: phone, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0439 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneBusiness, isPhone: true }), jsx(CardCell, { label: "\u041E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneNatural, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u0439 \u043F\u043E \u0432\u0430\u043B\u044E\u0442\u043D\u043E\u043C\u0443 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044E", value: phoneCurrencyControl, isPhone: true }), jsx(CardCell, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442-\u0446\u0435\u043D\u0442\u0440", value: phoneCallCentre, isPhone: true })] }), workSchedule?.isMatchesPattern ? (jsx(CardRow, { children: jsx(CardCell, { label: labelSchedule, labelSize: "text-l", className: "w-full max-w-none", children: jsx("div", { className: "flex flex-wrap gap-xs sm:justify-between pt-xs", children: workScheduleWeek?.map(renderDay) }) }) })) : (jsxs(CardRow, { children: [jsx(CardCell, { label: labelSchedule, labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: workScheduleWeek?.map(renderAlternativeDay) }) }), getScheduleDescription(workScheduleWeek)] })), workSchedule?.businessScheduleVisibleTag
+                    ? renderBusinessSchedule(workSchedule?.businessScheduleDescription)
+                    : null, exchangeRate?.currencies?.length ? (jsx(CardRow, { className: "flex-wrap", children: exchangeRate?.currencies?.map(renderCurrency) })) : null] }));
+    };
+    const capitalizedFirstLetter$1 = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
+    const getOfficePoint = ({ name = '', address = '', workSchedule }) => {
+        const header = capitalizedFirstLetter$1(name);
+        const body = `${address} ${renderWorkSchedule(workSchedule)}`;
+        return { header, body };
+    };
+
+    const INITIAL_FILTRATION_STATE$1 = {
+        workingSaturday: false,
+        premiumService: false,
+        privateBanking: false,
+        remoteWorkplace: false,
+        serviceDisabledPeople: false,
+        sellingCoins: false,
+        buyingCoins: false,
+        bullionOperations: false,
+        preciousMetalsOperations: false,
+        transferringDataToBiometricSystem: false,
+    };
+    const FILTRATION_LABELS = {
+        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
+        workingSaturday: 'Открыты по субботам',
+        terminalTypeAtms: 'Банкоматы',
+        terminalTypeTerm: 'Терминалы',
+        workAllTime: 'Круглосуточно',
+        billAcceptorEnable: 'Прием наличных',
+        premiumService: 'Премиальное обслуживание',
+        privateBanking: 'Услуга Private banking',
+        sellingCoins: 'Продажа монет из драгоценных металлов',
+        buyingCoins: 'Покупка монет из драгоценных металлов',
+        bullionOperations: 'Операции со слитками',
+        preciousMetalsOperations: 'Операции с драгоценными металлами',
+        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
+        locationDisabledPeople: 'Для маломобильных',
+        designDisabledPeople: 'Для слабовидящих',
+        remoteWorkplace: 'Удаленное рабочее место',
+        serviceDisabledPeople: 'Для маломобильных граждан',
     };
-    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
-        const ref = useRef(null);
-        const [inputValue, setInputValue] = useState(value || '');
-        const handleChange = (ev) => {
-            const val = ev.target?.value;
-            if (typeof val === 'string' && val?.length < 11) {
-                setInputValue(normalizeWithMask(val, '__.__.____'));
-            }
-        };
-        const onBlur = () => {
-            if (checkIsValidDate(inputValue)) {
-                const [day, month, year] = inputValue.split('.');
-                onChange?.(new Date(Number(year), Number(month) - 1, Number(day)));
-                setSelectedMonth(Number(month) - 1);
-                setSelectedYear(Number(year));
-            }
-            else {
-                setInputValue(value || '');
-            }
-        };
-        const onInputClick = () => {
-            if (ref.current !== null) {
-                ref.current.focus();
-            }
-            onClick?.();
-        };
-        useEffect(() => {
-            setInputValue(value || '');
-        }, [value]);
-        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$1 })] }));
-    });
-    const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
-    const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
-    const checkIsValidDate = (date) => {
-        const [day, month, year] = date.split('.');
-        if (isValidYear(year)) {
-            if (isValidMonth(month)) {
-                const currentDate = new Date(Number(year), Number(month) - 1, 1);
-                let maxDateOfMonth = 0;
-                while (currentDate.getMonth() === Number(month) - 1) {
-                    currentDate.setDate(currentDate.getDate() + 1);
-                    maxDateOfMonth++;
-                }
-                if (Number(day) > 0 && Number(day) <= maxDateOfMonth) {
-                    return true;
-                }
-            }
-        }
-        return false;
+    const FILTRATION_PREDICATES$1 = {
+        workingSaturday: (item) => Boolean('workSchedule' in item && item.workSchedule?.workingSaturday),
+        premiumService: (item) => Boolean('premiumService' in item && item.premiumService),
+        privateBanking: (item) => Boolean('privateBanking' in item && item.privateBanking),
+        remoteWorkplace: (item) => Boolean('workScheduleDescription' in item),
+        serviceDisabledPeople: (item) => Boolean('serviceDisabledPeople' in item && item.serviceDisabledPeople),
+        sellingCoins: (item) => Boolean('sellingCoins' in item && item.sellingCoins),
+        buyingCoins: (item) => Boolean('buyingCoins' in item && item.buyingCoins),
+        bullionOperations: (item) => Boolean('bullionOperations' in item && item.bullionOperations),
+        preciousMetalsOperations: (item) => Boolean('preciousMetalsOperations' in item && item.preciousMetalsOperations),
+        transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
     };
 
-    const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
-        'hover:border-black active:border-black focus:border-black';
-    const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, }) => (jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
+    const filterItems$1 = (data, filtrationState) => {
+        const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
+        return data.filter((item) => truthyFilters.every((_) => FILTRATION_PREDICATES$1[_](item)));
+    };
 
-    const MONTHS_COUNT = 11;
-    const MONTHS_OPTIONS = months.map((key) => ({ key }));
-    const YEARS_OPTIONS = getYears()
-        .reverse()
-        .map((key) => ({ key: String(key) }));
-    const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, onChange, value, }) => {
-        const close = useCallback(() => showCalendar && onShowCalendar(false), [showCalendar]);
-        const ref = useOutsideClick(close);
-        const handleChangeVisibleCalendar = useCallback(() => onShowCalendar(!showCalendar), [showCalendar]);
-        const handleNextMonth = useCallback(() => {
-            if (selectedMonth + 1 <= MONTHS_COUNT) {
-                onMonthSelect(selectedMonth + 1);
-            }
-            else {
-                onMonthSelect(0);
-                onYearSelect(selectedYear + 1);
-            }
-        }, [selectedMonth]);
-        const handlePrevMonth = useCallback(() => {
-            if (selectedMonth - 1 >= 0) {
-                onMonthSelect(selectedMonth - 1);
-            }
-            else {
-                onMonthSelect(11);
-                onYearSelect(selectedYear - 1);
-            }
-        }, [selectedMonth]);
-        const handleSelectMonth = useCallback(({ key }) => {
-            onMonthSelect(months.indexOf(key));
-            const maxDateOfMonth = calculateMaxDaysOfMonth(selectedYear, months.indexOf(key));
-            handleChangeMonth({
-                maxDateOfMonth,
-                selectedYear,
-                selectedMonth: months.indexOf(key),
-                value,
-                onChange,
-            });
-        }, [value]);
-        const handleSelectYear = useCallback(({ key }) => {
-            onYearSelect(Number(key));
-            value && onChange?.(new Date(Number(key), selectedMonth, value?.getDate()));
-        }, [value]);
-        return {
-            handleChangeVisibleCalendar,
-            handleNextMonth,
-            handlePrevMonth,
-            handleSelectMonth,
-            handleSelectYear,
-            monthsOptions: MONTHS_OPTIONS,
-            yearsOptions: YEARS_OPTIONS,
-            ref,
-        };
+    const defaultEmptyFunction$1 = () => void 0;
+    const useOfficesAtmsMapData = ({ data, remoteWorkplaces = [], filtrationState = {}, getBalloon = defaultEmptyFunction$1, getBalloonRemoteWorkplaces = defaultEmptyFunction$1, }) => {
+        const [filteredItems, points, filteredRemoteWorkplaces, lengthItems] = useMemo(() => {
+            const _filteredItems = filterItems$1(data, filtrationState);
+            const _filteredRemoteWorkplaces = filterItems$1(remoteWorkplaces, filtrationState);
+            const _points = [
+                ..._filteredItems.map((_) => ({
+                    type: 'offices',
+                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                    content: getBalloon(_),
+                })),
+                ..._filteredRemoteWorkplaces.map((_) => ({
+                    type: 'workplaces',
+                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                    content: getBalloonRemoteWorkplaces({
+                        address: _.address,
+                        workScheduleDescription: _.workScheduleDescription,
+                    }),
+                })),
+            ].filter((_) => _.coords && _.coords.length === 2);
+            const itemsLength = _filteredItems.length + _filteredRemoteWorkplaces?.length;
+            return [_filteredItems, _points, _filteredRemoteWorkplaces, itemsLength];
+        }, [data, remoteWorkplaces, filtrationState, getBalloon, getBalloonRemoteWorkplaces]);
+        return { filteredItems, points, filteredRemoteWorkplaces, lengthItems };
     };
-    const calculateMaxDaysOfMonth = (selectedYear, selectedMonth) => {
-        const date = new Date(selectedYear, selectedMonth, 1);
-        let maxDateOfMonth = 0;
-        while (date.getMonth() === selectedMonth) {
-            maxDateOfMonth++;
-            date.setDate(date.getDate() + 1);
+
+    const useLeadFormData = (typeField) => {
+        const { data, error } = useAsyncData(`/api/v1/dictionary?dictionaryType=${encodeURIComponent(typeField)}`, fetchData);
+        if (data && 'errorMessage' in data) {
+            return { error };
         }
-        return maxDateOfMonth;
+        return { data: data, error };
     };
-    const handleChangeMonth = ({ maxDateOfMonth, selectedYear, selectedMonth, value, onChange, }) => {
-        value &&
-            onChange?.(new Date(selectedYear, selectedMonth, Math.min(maxDateOfMonth, value.getDate())));
+    const fetchData = async (url) => {
+        const result = await fetchJSON(url, { method: 'POST' });
+        return result || [];
     };
 
-    const ICON_PROPS = {
-        name: 'ArrowUpIcon',
-        iconVersion: 'black',
-        width: '24',
-        height: '24',
-    };
-    const SELECT_PROPS = {
-        className: 'min-w-32',
-        iconVersion: 'black',
-        isBorder: false,
-    };
-    const DatePicker = JSX(
-    // eslint-disable-next-line max-lines-per-function
-    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, onChange }) => {
-        const [showCalendar, { setValue }] = useBool(false);
-        const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
-        const [selectedYear, setSelectedYear] = useState(value?.getFullYear() || new Date().getFullYear());
-        const { handlePrevMonth, handleNextMonth, handleSelectMonth, handleSelectYear, monthsOptions, yearsOptions, handleChangeVisibleCalendar, ref, } = useDatePickerManager({
-            onYearSelect: setSelectedYear,
-            onMonthSelect: setSelectedMonth,
-            onShowCalendar: setValue,
-            selectedYear,
-            selectedMonth,
-            showCalendar,
-            onChange,
-            value,
+    const isSSR = () => Boolean(typeof globalThis.process === 'object' && globalThis.process && globalThis.process.version);
+
+    const isClient = !isSSR();
+    const ClientOnly = JSX(({ children }) => (isClient ? children : null));
+
+    const AddressRetailField = JSX(({ field, input }) => {
+        const [offices, setOffices] = useState([]);
+        const { data } = useLeadFormData('REGION_RF');
+        const regionValue = field('regionRetail')?.value || {};
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const fieldBranch = field('addressRetail');
+        useEffect(() => {
+            (async () => {
+                const officesList = await fetchRegionOffices(regionValue?.key ?? '');
+                setOffices(officesList);
+            })();
+            if (regionValue?.key) {
+                field?.('addressRetail')?.onChange?.('');
+            }
+        }, [regionValue.key]);
+        const { points } = useOfficesAtmsMapData({
+            data: offices,
+            filtrationState: {},
+            getBalloon: getOfficePoint,
         });
-        const spaceAbove = useElementSpace(ref, 370);
-        return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm({
-                            handleChangeVisibleCalendar,
-                            value,
-                            valid,
-                            onChange,
-                            disabled,
-                            setSelectedMonth,
-                            setSelectedYear,
-                        }), showCalendar && !disabled ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
-                                'bottom-full': spaceAbove,
-                            }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate, setValue: setValue })] })) : null] })] }));
+        const isRegionSelected = Boolean(regionValue?.key);
+        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
+                        key: id?.toString() || '',
+                        text: address,
+                    })), ...getValidation(field('addressRetail'), validatorObj.addressRetail, input?.required && isRegionSelected), isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: fieldBranch?.value?.text }) }) })] }));
+    });
+
+    const SelectField = UniBlock(({ field, source, fieldName, input, placeholder = 'Выберите из списка', 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    options, ...rest }) => {
+        const leadOptions = source?.map((_) => ({
+            key: _.key || '',
+            text: _.value,
+        })) || [];
+        return (jsx(SelectControl, { placeholder: placeholder, options: leadOptions, ...getValidation(field(fieldName), validatorObj[fieldName], input?.required), ...rest }));
+    });
+
+    const AmountWorkersField = JSX(({ field, input }) => {
+        const { data } = useLeadFormData('EMPLOYEES_NUMBER');
+        const store = useRetailFormStore();
+        useEffect(() => {
+            if (data) {
+                store.amountWorkers = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.amountWorkers ?? [], label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
     });
 
-    const DatePickerControl = JSX(({ className, label, error, errors, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(DatePicker, { label: getRequiredLabel({ label, errors }), valid: Boolean(!error), ...rest }), renderErrorText(error)] })));
+    const ArmyIdFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u041D\u0430\u043B\u0438\u0447\u0438\u0435 \u0432\u043E\u0435\u043D\u043D\u043E\u0433\u043E \u0431\u0438\u043B\u0435\u0442\u0430", ...getValidation(field('armyIdFlg'), validatorObj.armyIdFlg, input?.required) })));
 
-    const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...getValidation(field('beginDate'), validatorObj.beginDate, input?.required), ...input })));
+    const BankEmpoleeCodeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u0434 \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0411\u0430\u043D\u043A\u0430", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434", isInteger: true, ...getValidation(field('bankEmployeeCode'), validatorObj.bankEmployeeCode, input?.required), ...input })));
 
-    const BirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required) })));
+    const BankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0412 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u043C\u0435\u043D\u044F \u0432\u0435\u0434\u0451\u0442\u0441\u044F \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u043E \u043F\u043E \u0434\u0435\u043B\u0443 \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435", ...getValidation(field('bankruptcyFlg'), validatorObj.bankruptcyFlg, input?.required) })));
+
+    const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...getValidation(field('beginDate'), validatorObj.beginDate, input?.required), ...input })));
 
-    const FIELD_NAME$b = 'birthPlace';
-    const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$b) })));
+    const FIELD_NAME$9 = 'birthPlace';
+    const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$9) })));
 
     const getCardTypes = async (paymentSystemTypeCd, creditProgramId) => {
         const data = await fetchRetailJSON('/dictionaryFiltered', 'POST', {
@@ -3180,10 +3734,6 @@
 
     const CodeWordField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u0434\u043E\u0432\u043E\u0435 \u0441\u043B\u043E\u0432\u043E", ...getValidation(field('codeWord'), validatorObj.codeWord, input?.required), ...input })));
 
-    const CollectionCountField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432 \u0438\u043D\u043A\u0430\u0441\u0441\u0430\u0446\u0438\u0438", isInteger: true, ...getValidation(field('collectionCount'), validatorObj.collectionCount, input?.required) })));
-
-    const CommentField = JSX(({ field, input }) => (jsx(InputControl, { className: "col-span-2", ...getValidation(field('comment'), validatorObj.comment, input?.required), placeholder: "\u0412\u0430\u0448\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435", isTextarea: true })));
-
     const ConfirmationIncomeField = JSX(({ field, input }) => {
         const { data: confirmationIncome } = useLeadFormData('INCOME_CERT_UNITED');
         return (jsx(SelectField, { field: field, source: confirmationIncome, label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0434\u043E\u0445\u043E\u0434\u0430", fieldName: "confirmationIncome", input: input }));
@@ -3215,9 +3765,6 @@
             text: 'Согласие на запрос в ПФР',
             docId: 3,
         },
-        consentToReceiveMaterials: {
-            text: 'Согласен на получение информационных и аналитических материалов по электронной почте',
-        },
     };
 
     const feedbackById = async (id, convertToPng = false) => {
@@ -3225,42 +3772,6 @@
         return response ? await response.blob() : new Blob();
     };
 
-    function useButton() {
-        return (props) => ({
-            ...props,
-            onClick: handlerDecorator(handleClick(props)),
-        });
-    }
-    function handleClick({ disabled, onClick }) {
-        return (ev) => {
-            !disabled && onClick && onClick(ev);
-        };
-    }
-
-    const buttonStyleMap = {
-        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
-    };
-    const secondaryButtonStyleMap = {
-        primary: style('group-data-secondary:text-primary-main group-data-secondary:bg-white', 'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-        secondary: style('group-data-secondary:text-white group-data-secondary:bg-white/20', 'group-data-secondary:hover:bg-primary-hover', 'group-data-secondary:active:bg-primary-active'),
-    };
-    const Button = JSX(({ children, ...props }) => {
-        const button = useButton();
-        const { className, version = 'primary', active, disabled, isLoading, type = 'button', rounded = true, role, onClick, } = button(props);
-        return (jsxs("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs relative', {
-                'text-white bg-primary-active': active,
-                'bg-main-gray text-main-disabled cursor-not-allowed': disabled || isLoading,
-                'rounded-md': rounded,
-            }, !active && !disabled && !isLoading
-                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
-                : '', className), type: type, role: role, onClick: onClick, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] }));
-    });
-
-    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
-
-    const Dialog = JSX(({ className, head, children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), role: "dialog", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] })));
-
     // TODO Перенесено как есть из openDocument. Требует рефакторинга
     const DocumentDialog = JSX(({ src, convertToPng, onClose, onDocumentRead }) => (jsxs(Dialog, { className: "my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0", onClose: onClose, children: [convertToPng ? (jsx("img", { src: src })) : (jsx("iframe", { src: `${src}#toolbar=0`, className: "w-full h-[80vh]", id: "iframe-dialog" })), jsx(Button, { className: "mx-auto mt-m", type: "button", onClick: () => {
                     onDocumentRead?.();
@@ -3343,12 +3854,6 @@
     const renderMonthsInput = ({ min = 0, max = 0, availableMonths, ...rest }) => (jsx(InputRange, { items: [`От ${monthText(min)}`, `До ${monthText(max)}`], step: STEP_MONTHS, ...(availableMonths?.length ? { list: availableMonths } : { min, max }), ...rest }));
     const monthText = (month) => `${month} ${Number(month) % 10 === 1 ? 'месяца' : 'месяцев'}`;
 
-    const orientationStyleMap = {
-        horizontal: '@lg:flex-row',
-        vertical: '',
-    };
-    const RadioButtonGroup = JSX(({ label, items, value, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })] })));
-
     const renderBinaryRadioButtonGroup = ({ items, title, mobileTitle = title, orientation = 'horizontal', value, onChange, ...rest }) => (jsxs("div", { className: "grid gap-s whitespace-nowrap", children: [title ? (jsx("div", { className: "hidden @5xl:block", role: "radiogroup", "aria-label": title, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: title }) })) : null, mobileTitle ? (jsx("div", { className: "@5xl:hidden", role: "radiogroup", "aria-label": mobileTitle, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: mobileTitle }) })) : null, jsx(RadioButtonGroup, { orientation: orientation, items: items, value: items[value ? 0 : 1].id, onChange: (_) => onChange && onChange(_ === items[0].id), ...rest })] }));
 
     const renderPaymentType = (props) => renderBinaryRadioButtonGroup({
@@ -3590,12 +4095,12 @@
     };
     const swap = (_) => Object.fromEntries(Object.entries(_).map(([k, v]) => [v, k]));
 
-    const FIELD_NAME$a = 'calculator';
+    const FIELD_NAME$8 = 'calculator';
     const CreditCalcField = JSX(({ field, params }) => {
         const handleChange = useCallback((_) => {
-            field(FIELD_NAME$a).onChange?.(_);
+            field(FIELD_NAME$8).onChange?.(_);
         }, []);
-        return (jsx(CalculatorCredit, { ...params?.calcData, padding: "p-0", defaultParams: defaultValueAdapter(field(FIELD_NAME$a).value), onChange: handleChange }));
+        return (jsx(CalculatorCredit, { ...params?.calcData, padding: "p-0", defaultParams: defaultValueAdapter(field(FIELD_NAME$8).value), onChange: handleChange }));
     });
 
     const LABEL_TEXT = `Имеет ли юридическое лицо, акционером / участником / членом / пайщиком /
@@ -3620,252 +4125,100 @@
 
     const DependentsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0438\u0436\u0434\u0438\u0432\u0435\u043D\u0446\u0435\u0432", placeholder: "\u0417\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", isInteger: true, maxLength: 2, ...getValidation(field('dependents'), validatorObj.dependents, input?.required), ...input })));
 
-    const DesiredMeetingDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0438", ...getValidation(field('desiredMeetingDate'), validatorObj.meetingDay, input?.required) })));
-
     const DisablePeopleFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u0438\u043D\u0432\u0430\u043B\u0438\u0434\u043E\u043C", ...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg, input?.required) })));
 
-    const FIELD_NAME$9 = 'dulIssueDateField';
-    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field(FIELD_NAME$9), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$9) })));
+    const FIELD_NAME$7 = 'dulIssueDateField';
+    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field(FIELD_NAME$7), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$7) })));
 
-    const FIELD_NAME$8 = 'dulIssuedBy';
+    const FIELD_NAME$6 = 'dulIssuedBy';
     const DulIssuedByField = JSX(({ field, input }) => {
         const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } = field('dulSubdivisionCode');
         const onDaDataChange = useCallback((item) => {
             changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
         }, []);
-        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$8), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field(FIELD_NAME$8), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$6), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field(FIELD_NAME$6), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
     });
 
-    const FIELD_NAME$7 = 'dulNumber';
-    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$7), label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
+    const FIELD_NAME$5 = 'dulNumber';
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$5), label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
 
-    const FIELD_NAME$6 = 'dulSerie';
-    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$6), label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
+    const FIELD_NAME$4 = 'dulSerie';
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$4), label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
 
-    const FIELD_NAME$5 = 'dulSubdivisionCode';
+    const FIELD_NAME$3 = 'dulSubdivisionCode';
     const DulSubdivisionCodeField = JSX(({ field, input }) => {
         const onDaDataChange = useCallback((item) => {
             field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
         }, []);
-        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$5), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", isInteger: true, maxLength: 6, ...input, ...getValidation(field(FIELD_NAME$5), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$3), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", isInteger: true, maxLength: 6, ...input, ...getValidation(field(FIELD_NAME$3), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
         const { data: education } = useLeadFormData('EDUCATION_LEVEL');
         return (jsx(SelectField, { field: field, source: education, label: "\u041E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435", fieldName: "education", input: input }));
     });
-
-    const EmailField = JSX(({ field, input }) => {
-        const { required, ...rest } = input;
-        return (jsx(InputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...getValidation(field('email'), validatorObj.email, required), ...rest }));
-    });
-
-    const EmployerActivitiesField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
-        const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.employerActivities = data;
-            }
-        }, [data]);
-        return (jsx(SelectField, { field: field, source: store.employerActivities ?? [], label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
-    });
-
-    const EmployerOrganizationField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('ORGANIZATION_KIND');
-        const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.employerOrganization = data;
-            }
-        }, [data]);
-        return (jsx(SelectField, { field: field, source: store.employerOrganization ?? [], label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
-    });
-
-    const EmploymentField = JSX(({ field, input }) => {
-        const { data: employment } = useLeadFormData('EMPLOYMENT_INFO_UNITED');
-        return (jsx(SelectField, { field: field, source: employment, label: "\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435", fieldName: "employment", input: input }));
-    });
-
-    const ExpensesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0432 \u043C\u0435\u0441\u044F\u0446", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('expenses'), validatorObj.expenses, input?.required), ...input })));
-
-    const FIELD_NAME$4 = 'experience5Years';
-    const MAX_YEARS = 5;
-    const MIN_YEARS = 0;
-    const Experience5YearsField = JSX(({ field, input }) => {
-        const onChange = useCallback((value) => field(FIELD_NAME$4)?.onChange?.(String(clamp(Number(value), MIN_YEARS, MAX_YEARS))), []);
-        return (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", type: "number", ...getValidation(field(FIELD_NAME$4), validatorObj[FIELD_NAME$4], input?.required), ...input, onChange: onChange }));
-    });
-
-    const FamilyMembersField = JSX(({ field }) => {
-        const { value, onChange } = field('familyMembers');
-        const familyStatusKey = field('familyStatus')?.value?.key;
-        const adultsCount = familyStatusKey === 'MARRIED' ? 2 : 1;
-        const childrenCount = Number(field('children')?.value);
-        const dependentsCount = Number(field('dependents')?.value);
-        const totalCount = adultsCount + childrenCount + dependentsCount;
-        useEffect(() => {
-            field?.('familyMembers')?.onChange?.(totalCount);
-        }, [familyStatusKey, childrenCount, dependentsCount]);
-        return (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0447\u043B\u0435\u043D\u043E\u0432 \u0441\u0435\u043C\u044C\u0438", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", disabled: true, value: value, onChange: (_) => onChange?.(_) }));
-    });
-
-    const FamilyStatusField = JSX(({ field, input }) => {
-        const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
-        return (jsx(SelectField, { field: field, source: familyStatus, label: "\u0421\u0435\u043C\u0435\u0439\u043D\u043E\u0435 \u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", fieldName: "familyStatus", input: input }));
-    });
-
-    const SERVICE_TYPES = [{ key: 'ULTRASERVICE', text: 'Ультра' }];
-    const SERVICE_DIRECTIONS = [
-        { key: 'Физическое лицо' },
-        { key: 'Юридическое лицо / ИП' },
-    ];
-    const FEEDBACK_METHOD = [
-        { key: 'phone', text: 'Телефонный звонок' },
-        { key: 'email', text: 'Электронное сообщение' },
-    ];
-
-    const FeedbackMethodField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u0432\u0435\u0442\u0430", options: FEEDBACK_METHOD, ...getValidation(field('feedbackMethod'), validatorObj.feedbackMethod, input?.required) })));
-
-    const FullNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0418\u041E", ...getValidation(field('fullName'), validatorObj.fullName, input?.required), ...input })));
-
-    const GeneralSeniorityField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", type: "number", maxLength: 2, placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required), ...input })));
-
-    const HousingField = JSX(({ field, input }) => {
-        const { data: housing } = useLeadFormData('HOUSE_TYPE');
-        return (jsx(SelectField, { field: field, source: housing, label: "\u0422\u0438\u043F \u0436\u0438\u043B\u044C\u044F", fieldName: "housing", input: input }));
-    });
-
-    const getOrganizationActivityType = (options, okved) => {
-        if (!okved) {
-            return null;
-        }
-        const getOptionByKey = getOptionOp(options);
-        const okvedType = +okved?.split('.')[0];
-        const secondOkvedType = +okved?.split('.')[1];
-        switch (okvedType) {
-            case 1:
-                return getOptionByKey("AGRICULTURE" /* EOrganizationActivityTypes.AGRICULTURE */);
-            case 35:
-                return getOptionByKey("FUEL_AND_ENERGY" /* EOrganizationActivityTypes.FUEL_AND_ENERGY */);
-            case 41:
-            case 42:
-            case 43:
-                return getOptionByKey("CONSTRUCTION" /* EOrganizationActivityTypes.CONSTRUCTION */);
-            case 46:
-            case 47:
-                return getOptionByKey("TRADE" /* EOrganizationActivityTypes.TRADE */);
-            case 55:
-            case 79:
-                return getOptionByKey("TOURISM" /* EOrganizationActivityTypes.TOURISM */);
-            case 62:
-                return getOptionByKey("TECHNOLOGY" /* EOrganizationActivityTypes.TECHNOLOGY */);
-            case 63:
-                return getOptionByKey("CONSULTING_SERVICE" /* EOrganizationActivityTypes.CONSULTING_SERVICE */);
-            case 64:
-                return getOptionByKey("BANK" /* EOrganizationActivityTypes.BANK */);
-            case 65:
-                return getOptionByKey("INSURER" /* EOrganizationActivityTypes.INSURER */);
-            case 66:
-                return getOptionByKey("FINANCIAL_INSTITUTIONS" /* EOrganizationActivityTypes.FINANCIAL_INSTITUTIONS */);
-            case 72:
-            case 74:
-                return getOptionByKey("SCIENCE" /* EOrganizationActivityTypes.SCIENCE */);
-            case 80:
-                return getOptionByKey("SECURITY" /* EOrganizationActivityTypes.SECURITY */);
-            case 84: {
-                if (secondOkvedType < 22) {
-                    return getOptionByKey("GOVERNANCE" /* EOrganizationActivityTypes.GOVERNANCE */);
-                }
-                if (secondOkvedType === 22) {
-                    return getOptionByKey("ARMY" /* EOrganizationActivityTypes.ARMY */);
-                }
-                return getOptionByKey("OTHER_SECTORS" /* EOrganizationActivityTypes.OTHER_SECTORS */);
-            }
-            case 85:
-                return getOptionByKey("EDUCATION" /* EOrganizationActivityTypes.EDUCATION */);
-            case 86:
-                return getOptionByKey("HEALTHCARE" /* EOrganizationActivityTypes.HEALTHCARE */);
-            case 87:
-                return getOptionByKey("SOCIAL_SPHERE" /* EOrganizationActivityTypes.SOCIAL_SPHERE */);
-            default: {
-                if (okvedType >= 10 && okvedType <= 33) {
-                    return getOptionByKey("INDUSTRY" /* EOrganizationActivityTypes.INDUSTRY */);
-                }
-                if (okvedType >= 5 && okvedType <= 9) {
-                    return getOptionByKey("FUEL_AND_ENERGY" /* EOrganizationActivityTypes.FUEL_AND_ENERGY */);
-                }
-                if (okvedType >= 49 && okvedType <= 53) {
-                    return getOptionByKey("TRANSPORT" /* EOrganizationActivityTypes.TRANSPORT */);
-                }
-                return getOptionByKey("OTHER_SECTORS" /* EOrganizationActivityTypes.OTHER_SECTORS */);
-            }
-        }
-    };
-    const getEmployeesNumberOption = (options, count) => {
-        if (!count) {
-            return null;
-        }
-        const [option] = [options?.find((_) => count <= Number(_.description))].map((_) => ({
-            key: _?.key ?? '',
-            text: _?.value ?? '',
-        }));
-        return option;
-    };
-    const getOrganizationKind = (options, okopf) => {
-        const getOptionByKey = getOptionOp(options);
-        if ([40001, 40002, 71610].includes(okopf)) {
-            return getOptionByKey('FOREIGN');
-        }
-        return getOptionByKey('RUSSIAN');
-    };
-    const getOrganizationType = (options, okopf, inn) => {
-        const getOptionByKey = getOptionOp(options);
-        if (inn === '7725114488') {
-            return getOptionByKey('RSHB');
-        }
-        if (okopf === 50102) {
-            return getOptionByKey('SOLE_TRADER');
-        }
-        if (okopf >= 75000 && okopf <= 75505 && okopf !== 75500) {
-            return getOptionByKey('BUDGETARY');
-        }
-        return getOptionByKey('COMMERCIAL');
-    };
-    const getOptionOp = (options) => (key) => options
-        .map((_) => ({ key: _.key, text: _.value }))
-        .find((_) => _.key === key) ?? null;
-
-    const updateOrganizationFields = (store, field, item) => {
-        const { okved, okopf, inn } = getOrganizationRequisites(item);
-        field?.('legalForm')?.onChange?.(item.data?.opf?.short);
-        field?.('organizationAddress')?.onChange?.(getAddressFromDaDataItem(item.data?.address));
-        const organizationData = {
-            amountWorkers: getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count),
-            employerActivities: getOrganizationActivityType(store?.employerActivities ?? [], okved),
-            organization: getOrganizationType(store?.organization ?? [], okopf, inn),
-            employerOrganization: getOrganizationKind(store?.employerOrganization ?? [], okopf),
-        };
-        for (const fieldName in organizationData) {
-            organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
-        }
-    };
-    const getOrganizationRequisites = (item) => ({
-        inn: item.data?.inn ?? '',
-        okopf: Number(item.data?.opf?.code),
-        okved: item.data?.okved ?? '',
+
+    const EmployerActivitiesField = JSX(({ field, input }) => {
+        const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
+        const store = useRetailFormStore();
+        useEffect(() => {
+            if (data) {
+                store.employerActivities = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.employerActivities ?? [], label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
     });
 
-    const InnField = JSX(({ field, input }) => {
+    const EmployerOrganizationField = JSX(({ field, input }) => {
+        const { data } = useLeadFormData('ORGANIZATION_KIND');
         const store = useRetailFormStore();
-        const onDaDataChange = useCallback((item) => {
-            field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
-            updateOrganizationFields(store, field, item);
-        }, []);
-        return (jsx(InputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...getValidation(field('inn'), validatorObj.inn, input?.required), onDaDataChange: onDaDataChange }));
+        useEffect(() => {
+            if (data) {
+                store.employerOrganization = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.employerOrganization ?? [], label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
     });
 
-    const IsClientField = JSX(({ field }) => (jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' })));
+    const EmploymentField = JSX(({ field, input }) => {
+        const { data: employment } = useLeadFormData('EMPLOYMENT_INFO_UNITED');
+        return (jsx(SelectField, { field: field, source: employment, label: "\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435", fieldName: "employment", input: input }));
+    });
+
+    const ExpensesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0432 \u043C\u0435\u0441\u044F\u0446", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('expenses'), validatorObj.expenses, input?.required), ...input })));
+
+    const FIELD_NAME$2 = 'experience5Years';
+    const MAX_YEARS = 5;
+    const MIN_YEARS = 0;
+    const Experience5YearsField = JSX(({ field, input }) => {
+        const onChange = useCallback((value) => field(FIELD_NAME$2)?.onChange?.(String(clamp(Number(value), MIN_YEARS, MAX_YEARS))), []);
+        return (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", type: "number", ...getValidation(field(FIELD_NAME$2), validatorObj[FIELD_NAME$2], input?.required), ...input, onChange: onChange }));
+    });
+
+    const FamilyMembersField = JSX(({ field }) => {
+        const { value, onChange } = field('familyMembers');
+        const familyStatusKey = field('familyStatus')?.value?.key;
+        const adultsCount = familyStatusKey === 'MARRIED' ? 2 : 1;
+        const childrenCount = Number(field('children')?.value);
+        const dependentsCount = Number(field('dependents')?.value);
+        const totalCount = adultsCount + childrenCount + dependentsCount;
+        useEffect(() => {
+            field?.('familyMembers')?.onChange?.(totalCount);
+        }, [familyStatusKey, childrenCount, dependentsCount]);
+        return (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0447\u043B\u0435\u043D\u043E\u0432 \u0441\u0435\u043C\u044C\u0438", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", disabled: true, value: value, onChange: (_) => onChange?.(_) }));
+    });
+
+    const FamilyStatusField = JSX(({ field, input }) => {
+        const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
+        return (jsx(SelectField, { field: field, source: familyStatus, label: "\u0421\u0435\u043C\u0435\u0439\u043D\u043E\u0435 \u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", fieldName: "familyStatus", input: input }));
+    });
+
+    const GeneralSeniorityField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", type: "number", maxLength: 2, placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required), ...input })));
+
+    const HousingField = JSX(({ field, input }) => {
+        const { data: housing } = useLeadFormData('HOUSE_TYPE');
+        return (jsx(SelectField, { field: field, source: housing, label: "\u0422\u0438\u043F \u0436\u0438\u043B\u044C\u044F", fieldName: "housing", input: input }));
+    });
 
     const JobsNumberField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043C\u0435\u0441\u0442 \u0440\u0430\u0431\u043E\u0442\u044B \u0437\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043C\u0435\u0441\u0442", isInteger: true, maxLength: 2, ...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required), ...input })));
 
@@ -3877,30 +4230,8 @@
 
     const LegalFormField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u041F\u0424", placeholder: "\u041E\u041E\u041E, \u041F\u0410\u041E  \u0438 \u0434\u0440.", ...getValidation(field('legalForm'), validatorObj.legalForm, input?.required), ...input })));
 
-    const FIELD_NAME$3 = 'limitedBirthday';
-    const LimitedBirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field(FIELD_NAME$3), validatorObj.limitedBirthday, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$3) })));
-
-    const OUT_SERVICE_BASE_URL = `${API_BASE_URI}/outservice`;
-    const EMPTY_REGIONS$1 = [];
-    async function getOutServiceRegions() {
-        const data = await fetchJSON(`${OUT_SERVICE_BASE_URL}/outserviceregions`);
-        return data && Array.isArray(data) ? data : EMPTY_REGIONS$1;
-    }
-
-    const LocalitiesField = JSX(({ field, input }) => {
-        const fieldRegion = field('region');
-        const regionKey = fieldRegion?.value?.key;
-        const { data: regions } = useAsyncData('outServiceRegions', getOutServiceRegions);
-        const localities = regions
-            ?.find((_) => _.code === regionKey)
-            ?.localities?.map((_) => ({ key: _, text: _ }));
-        useEffect(() => {
-            if (regionKey !== '') {
-                field?.('localities')?.onChange?.('');
-            }
-        }, [regionKey]);
-        return (jsx(SelectControl, { label: "\u041D\u0430\u0441\u0435\u043B\u0435\u043D\u043D\u044B\u0439 \u043F\u0443\u043D\u043A\u0442", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043E\u0440\u043E\u0434, \u0433\u0434\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441", options: localities, ...getValidation(field('localities'), validatorObj.localities, input?.required), isSearch: true }));
-    });
+    const FIELD_NAME$1 = 'limitedBirthday';
+    const LimitedBirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field(FIELD_NAME$1), validatorObj.limitedBirthday, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$1) })));
 
     const MandatoryPaymentsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0432\u044B\u043F\u043B\u0430\u0442\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('mandatoryPayments'), validatorObj.mandatoryPayments, input?.required), ...input })));
 
@@ -3910,15 +4241,6 @@
     ];
     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 }) => (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 })));
-
-    const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
-
-    const OnlineCheckoutField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') })) : null);
-
     const OrganizationField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('ORGANIZATION_TYPE');
         const store = useRetailFormStore();
@@ -3945,15 +4267,10 @@
 
     const MAX_PART = 100;
     const MIN_PART = 0;
-    const FIELD_NAME$1 = 'partInBusiness';
+    const FIELD_NAME = 'partInBusiness';
     const PartInBusinessField = JSX(({ field, input }) => {
-        const onChange = useCallback((value) => field(FIELD_NAME$1)?.onChange?.(String(clamp(Number(value), MIN_PART, MAX_PART))), []);
-        return (jsx(InputControl, { label: "\u0414\u043E\u043B\u044F \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0432 \u0431\u0438\u0437\u043D\u0435\u0441\u0435", placeholder: "\u0432 %", isInteger: true, maxLength: 3, ...getValidation(field(FIELD_NAME$1), validatorObj.partInBusiness, input?.required), ...input, onChange: onChange }));
-    });
-
-    const PartnerCommentsField = JSX(({ field, input }) => {
-        const { required, ...rest } = input;
-        return (jsx(InputControl, { ...getValidation(field('partnerComments'), validatorObj.partnerComments, required), placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441", isTextarea: true, ...rest }));
+        const onChange = useCallback((value) => field(FIELD_NAME)?.onChange?.(String(clamp(Number(value), MIN_PART, MAX_PART))), []);
+        return (jsx(InputControl, { label: "\u0414\u043E\u043B\u044F \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0432 \u0431\u0438\u0437\u043D\u0435\u0441\u0435", placeholder: "\u0432 %", isInteger: true, maxLength: 3, ...getValidation(field(FIELD_NAME), validatorObj.partInBusiness, input?.required), ...input, onChange: onChange }));
     });
 
     const getPaymentSystems = async (creditProgramId) => {
@@ -3984,73 +4301,11 @@
     });
     const formatPaymentSystems = (paymentSystems) => paymentSystems?.map((_) => ({ id: _.key, text: _.text })) ?? [];
 
-    const isPlaceholder = (_) => _ === '_';
-    const isDigit = (_) => /\d/.test(_);
-    const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
-    const phonePattern = [...'+7 (___) ___-__-__'];
-    const firstPlaceholderIndex = phonePattern.findIndex(isPlaceholder);
-    const phoneWildcardIndicies = phonePattern.map((_, i) => isWildcard(_) ? phonePattern.slice(0, i).filter(isWildcard).length : -1);
-    function normalizePhone(phone) {
-        const phoneNumbers = phone.replace(/\D/g, '');
-        const applyPlaceholder = (_, i) => isDigit(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
-        const result = phonePattern.map(applyPlaceholder);
-        const resultLength = phoneWildcardIndicies.indexOf(phoneNumbers.length - 1) + 1;
-        return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result).join('');
-    }
-
-    const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
-        const handleChange = useCallback((v) => onChange && onChange(normalizePhone(v)), [onChange]);
-        const handleBlur = useCallback((v) => {
-            if (v === '+7 (') {
-                onChange && onChange('');
-            }
-        }, []);
-        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
-    });
-
-    const InputPhoneControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(PhoneInput, { "aria-label": label, label: getRequiredLabel({ label, errors: rest?.errors }), valid: Boolean(!error), placeholder: "+7 (___) ___-__-__", ...rest }), renderErrorText(error)] })));
-
-    const PhoneField = JSX(({ field, input }) => {
-        const fieldName = input?.name || 'phone';
-        return (jsx(InputPhoneControl, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...getValidation(field(fieldName), validatorObj.phone, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, fieldName), ...input }));
-    });
-
     const PositionOrganizationField = JSX(({ field, input }) => {
         const { data: positionOrganization } = useLeadFormData('POSITION');
         return (jsx(SelectField, { field: field, source: positionOrganization, label: "\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "positionOrganization", input: input }));
     });
 
-    const PosTerminalField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 POS-\u0442\u0435\u0440\u043C\u0438\u043D\u0430\u043B", ...field('posTerminal') })) : null);
-
-    const ProductField = JSX(({ field, source }) => (jsx(SelectControl, { placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043F\u0440\u043E\u0434\u0443\u043A\u0442", label: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442", options: arrayToOptions(source?.productList), ...withValidator(field('product'), validatorObj.product) })));
-    const arrayToOptions = (array) => (array ?? []).map((_) => ({ key: _, value: _ }));
-
-    const OUT_SERVICE_URL = `${API_BASE_URI}/outservice/outserviceregions`;
-    const getRegionUrl = (typeForm) => typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;
-
-    const REGIONS_URL = `${API_BASE_URI}/regions`;
-    const EMPTY_REGIONS = [];
-    // TODO Почему url можно менять? Разве смысл не в инкапсуляции api url. Тоже под рефакторинг попадает
-    function useRegions(url = REGIONS_URL) {
-        const { data } = useAsyncData(url, fetchJSONUnsafe);
-        return Array.isArray(data) ? data : EMPTY_REGIONS;
-    }
-
-    const RegionField = JSX(({ field, input, params }) => {
-        const url = getRegionUrl(params?.typeForm);
-        const regions = useRegions(url);
-        return (jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: useMemo(() => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })), [regions]), ...getValidation(field('region'), validatorObj.region, input?.required) }));
-    });
-
-    const RegionPremiumField = JSX(({ field, input }) => {
-        const branchByRegions = useBranchesByRegions(true);
-        const regions = useMemo(() => branchByRegions?.map(({ region }) => ({
-            key: region,
-            text: region,
-        })), [branchByRegions]);
-        return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", options: regions, ...getValidation(field('region'), validatorObj.region, input?.required) }));
-    });
-
     const RegionRetailField = JSX(({ field, input }) => {
         const { data: regions } = useLeadFormData('REGION_RF');
         const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
@@ -4059,15 +4314,6 @@
 
     const RetirementIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041F\u0435\u043D\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('retirementIncome'), validatorObj.retirementIncome, input?.required), ...input })));
 
-    const SecondaryPhoneField = JSX(({ field }) => {
-        const fieldPhone = field('secondaryPhone');
-        return (jsx(InputPhoneControl, { label: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D", ...(!fieldPhone.value || fieldPhone.value === '+7 ('
-                ? fieldPhone
-                : withValidator(fieldPhone, validatorObj.secondaryPhone)) }));
-    });
-
-    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', {
@@ -4096,130 +4342,69 @@
                 })();
             }
         }, []);
-        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) })));
-
-    const SnilsInput = JSX(({ children, onChange, maxLength, ...inputProps }) => {
-        const handleChange = useCallback((v) => maxLength
-            ? v.length <= maxLength && onChange?.(normalizeWithMask(v, '___-___-___ __'))
-            : onChange?.(normalizeWithMask(v, '___-___-___ __')), [onChange]);
-        const handleBlur = useCallback((v) => {
-            if (v === '___-___-___ __') {
-                onChange && onChange('');
-            }
-        }, []);
-        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
-    });
-
-    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: "___-___-___ __", ...rest }), renderErrorText(error)] })));
-
-    const SnilsField = JSX(({ field, input }) => (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", maxLength: 14, ...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 })));
-
-    const MIN_CREDIT_TERM = 1;
-    const MAX_CREDIT_TERM = 180;
-    const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
-    const TermField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0440\u043E\u043A, \u043C\u0435\u0441\u044F\u0446\u0435\u0432", items: ITEMS_CREDIT_TERM, min: MIN_CREDIT_TERM, max: MAX_CREDIT_TERM, ...field('term') })));
-
-    const TotalIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u043E\u0444\u0438\u0446\u0438\u0430\u043B\u044C\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('totalIncome'), validatorObj.totalIncome, input?.required), ...input })));
-
-    const UltraPremiumField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u0422\u0438\u043F \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", options: SERVICE_TYPES, ...getValidation(field('serviceType'), validatorObj.serviceType, input?.required) })));
-
-    const VED_TYPES = [
-        { id: 'currencyControl', text: 'Валютный контроль' },
-        { id: 'documentOperations', text: 'Документарные операции' },
-        { id: 'conversionTransactions', text: 'Конверсионные операции' },
-        { id: 'otherIssues', text: 'Иные вопросы ВЭД' },
-    ];
-    const VedField = JSX(({ field }) => {
-        const { value, onChange } = field('vedTypes');
-        useEffect(() => {
-            if (value !== 'currencyControl') {
-                field?.('inn')?.onChange?.('');
-                field?.('region')?.onChange?.('');
-            }
-        }, [value]);
-        return (jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: VED_TYPES, value: value, onChange: (_) => onChange && onChange(_) }) }));
-    });
-
-    const WagesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('wages'), validatorObj.wages, input?.required), ...input })));
-
-    function isRenderField({ input, field, }) {
-        const { condition } = input;
-        const { value } = field(condition?.name || '');
-        return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
-    }
-
-    const PRODUCT_REF = {
-        $ref: '/wcms-resources/outservice-productlist.json',
-    };
-    const InputsMap = {
-        fullName: (props) => jsx(FullNameField, { ...props }),
-        addressBranch: (props) => jsx(AddressBranchField, { ...props }),
-        desiredMeetingDate: (props) => jsx(DesiredMeetingDateField, { ...props }),
-        product: (props) => jsx(ProductField, { ...props, source: PRODUCT_REF }),
-        localities: (props) => jsx(LocalitiesField, { ...props }),
-        isClient: (props) => jsx(IsClientField, { ...props }),
-        partnerComments: (props) => jsx(PartnerCommentsField, { ...props }),
-        collectionCount: (props) => jsx(CollectionCountField, { ...props }),
-        acquiringType: (props) => jsx(AcquiringField, { ...props }),
-        onlineCheckout: (props) => jsx(OnlineCheckoutField, { ...props }),
-        posTerminal: (props) => jsx(PosTerminalField, { ...props }),
-        serviceType: (props) => jsx(UltraPremiumField, { ...props }),
-        term: (props) => jsx(TermField, { ...props }),
-        amount: (props) => jsx(AmountField, { ...props }),
-        annualRevenue: (props) => jsx(AnnualRevenueField, { ...props }),
-        vedTypes: (props) => jsx(VedField, { ...props }),
-        feedbackMethod: (props) => jsx(FeedbackMethodField, { ...props }),
-        serviceDirection: (props) => jsx(ServiceDirectionField, { ...props }),
-        bankEmpolee: (props) => jsx(BankEmpoleeField, { ...props }),
-        secondaryPhone: (props) => jsx(SecondaryPhoneField, { ...props }),
-        applicationDate: (props) => (jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...props })),
-        region: (props) => getPremium(props?.params?.typeForm) ? (jsx(RegionPremiumField, { ...props })) : (jsx(RegionField, { ...props })),
-        consentToReceiveMaterials: (props) => jsx(ConsentField, { ...props }),
-        surname: (props) => jsx(SurnameField, { ...props }),
-        name: (props) => jsx(NameField, { ...props }),
-        middleName: (props) => jsx(MiddleNameField, { ...props }),
-        birthday: (props) => jsx(BirthdayField, { ...props }),
-        phone: (props) => jsx(PhoneField, { ...props }),
-        email: (props) => jsx(EmailField, { ...props }),
-        inn: (props) => jsx(InnField, { ...props }),
-        comment: (props) => jsx(CommentField, { ...props }),
+        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) })));
+
+    const SnilsInput = JSX(({ children, onChange, maxLength, ...inputProps }) => {
+        const handleChange = useCallback((v) => maxLength
+            ? v.length <= maxLength && onChange?.(normalizeWithMask(v, '___-___-___ __'))
+            : onChange?.(normalizeWithMask(v, '___-___-___ __')), [onChange]);
+        const handleBlur = useCallback((v) => {
+            if (v === '___-___-___ __') {
+                onChange && onChange('');
+            }
+        }, []);
+        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), onBlur: (ev) => handleBlur(ev?.target?.value || ''), children: children }));
+    });
+
+    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: "___-___-___ __", ...rest }), renderErrorText(error)] })));
+
+    const SnilsField = JSX(({ field, input }) => (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", maxLength: 14, ...getValidation(field('snils'), validatorObj.snils, input?.required), ...input })));
+
+    const TotalIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u043E\u0444\u0438\u0446\u0438\u0430\u043B\u044C\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('totalIncome'), validatorObj.totalIncome, input?.required), ...input })));
+
+    const WagesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('wages'), validatorObj.wages, input?.required), ...input })));
+
+    const InputsApplicationLeadMap = {
+        limitedBirthday: (props) => jsx(LimitedBirthdayField, { ...props }),
     };
-    const InputsRetailMap = {
+    const InputsConsentsMap = {
         processPersonalDataFlg: (props) => jsx(ConsentField, { ...props }),
         consentProviderFlg: (props) => jsx(ConsentField, { ...props }),
         consentOthersFlg: (props) => jsx(ConsentField, { ...props }),
         consentInformFlg: (props) => jsx(ConsentField, { ...props }),
         consentPfrFlg: (props) => jsx(ConsentField, { ...props }),
+    };
+    const InputsRetailMap = {
+        organization: (props) => jsx(OrganizationField, { ...props }),
+        organizationAddress: (props) => jsx(AddressField, { ...props }),
         organizationPhone: (props) => jsx(PhoneField, { ...props }),
-        legalForm: (props) => jsx(LegalFormField, { ...props }),
         organizationName: (props) => jsx(OrganizationNameField, { ...props }),
+        legalForm: (props) => jsx(LegalFormField, { ...props }),
         generalSeniority: (props) => jsx(GeneralSeniorityField, { ...props }),
         lastJobExperience: (props) => jsx(LastJobExperienceField, { ...props }),
         experience5Years: (props) => jsx(Experience5YearsField, { ...props }),
         jobsNumber: (props) => jsx(JobsNumberField, { ...props }),
         beginDate: (props) => jsx(BeginDateField, { ...props }),
         addressFact: (props) => jsx(AddressFactField, { ...props }),
-        organizationAddress: (props) => jsx(AddressField, { ...props }),
+        addressRegistration: (props) => jsx(AddressField, { ...props }),
+        addressRetail: (props) => jsx(AddressRetailField, { ...props }),
+        addressMatch: (props) => jsx(AddressMatchField, { ...props }),
         sex: (props) => jsx(SexField, { ...props }),
         limitedBirthday: (props) => jsx(LimitedBirthdayField, { ...props }),
         birthPlace: (props) => jsx(BirthPlaceField, { ...props }),
         education: (props) => jsx(EducationField, { ...props }),
         housing: (props) => jsx(HousingField, { ...props }),
-        employment: (props) => jsx(EmploymentField, { ...props }),
-        organization: (props) => jsx(OrganizationField, { ...props }),
         amountWorkers: (props) => jsx(AmountWorkersField, { ...props }),
+        employment: (props) => jsx(EmploymentField, { ...props }),
         employerActivities: (props) => jsx(EmployerActivitiesField, { ...props }),
         employerOrganization: (props) => jsx(EmployerOrganizationField, { ...props }),
         positionOrganization: (props) => jsx(PositionOrganizationField, { ...props }),
         familyStatus: (props) => jsx(FamilyStatusField, { ...props }),
-        children: (props) => jsx(ChildrenField, { ...props }),
         familyMembers: (props) => jsx(FamilyMembersField, { ...props }),
+        children: (props) => jsx(ChildrenField, { ...props }),
         dependents: (props) => jsx(DependentsField, { ...props }),
         totalIncome: (props) => jsx(TotalIncomeField, { ...props }),
         expenses: (props) => jsx(ExpensesField, { ...props }),
@@ -4231,8 +4416,6 @@
         dulIssueDateField: (props) => jsx(DulIssueDateField, { ...props }),
         dulSubdivisionCode: (props) => jsx(DulSubdivisionCodeField, { ...props }),
         dulIssuedBy: (props) => jsx(DulIssuedByField, { ...props }),
-        addressRegistration: (props) => jsx(AddressField, { ...props }),
-        addressCourier: (props) => jsx(AddressField, { ...props }),
         participantDateRegistration: (props) => (jsx(ParticipantDateRegistrationField, { ...props })),
         retirementIncome: (props) => jsx(RetirementIncomeField, { ...props }),
         otherIncome: (props) => jsx(OtherIncomeField, { ...props }),
@@ -4246,11 +4429,10 @@
         bankEmployeeCode: (props) => jsx(BankEmpoleeCodeField, { ...props }),
         partInBusiness: (props) => jsx(PartInBusinessField, { ...props }),
         regionRetail: (props) => jsx(RegionRetailField, { ...props }),
-        addressRetail: (props) => jsx(AddressRetailField, { ...props }),
-        addressMatch: (props) => jsx(AddressMatchField, { ...props }),
         calculator: (props) => jsx(CreditCalcField, { ...props }),
     };
     const InputRetailCardMap = {
+        addressCourier: (props) => jsx(AddressField, { ...props }),
         paymentSystem: (props) => jsx(PaymentSystemField, { ...props }),
         currency: (props) => jsx(CurrencyField, { ...props }),
         cardCategory: (props) => jsx(CardCategoryField, { ...props }),
@@ -4259,153 +4441,6 @@
         methodObtain: (props) => jsx(MethodObtainField, { ...props }),
         deliveryDate: (props) => jsx(DeliveryDateFiels, { ...props }),
     };
-    const getField = (field, params) => (input, i) => {
-        const resultInputsMap = {
-            ...InputsMap,
-            ...InputsRetailMap,
-            ...InputRetailCardMap,
-        };
-        return isRenderField({ input, field }) ? (jsx("div", { children: resultInputsMap[input?.name || '']?.({ field, input, params }) }, String(i))) : null;
-    };
-
-    const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
-
-    const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
-
-    const ResponseTypeDialog = JSX(({ responseType, typeForm, onClose }) => {
-        const responseOK = responseType === 'OK';
-        const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
-        const responseOKDescription = typeForm === 'ANTIFRAUD'
-            ? `Сообщение отправлено. Для уточнения информации с Вами могут связаться работники Банка либо Вы
-  можете самостоятельно позвонить по номеру контакт-центра +78001000100. Будьте внимательны, работники Банка
-   не звонят с использованием мессенджеров.`
-            : 'Совсем скоро мы с вами свяжемся';
-        return (jsx(Dialog, { className: "my-6xl max-w-lg w-full min-h-fit mx-auto", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: responseOK ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: responseOK ? responseOKDescription : 'Пожалуйста, повторите позднее', headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: onClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
-    });
-
-    const objectValidator = (validatorsMap) => (o) => (o &&
-        Object.entries(validatorsMap).flatMap(([key, validator]) => validator(o[key]))) ||
-        [];
-
-    const getPartnerComments = (data) => {
-        const { acquiringType, onlineCheckout = false, posTerminal = false, term, amount, annualRevenue, } = data;
-        if (acquiringType) {
-            return `Вид эквайринга=${acquiringType?.text || ''}${isAcquiringTrade(acquiringType?.key)
-            ? `/Онлайн касса=${onlineCheckout}/POS-терминал=${posTerminal}`
-            : '/Онлайн касса=false/POS-терминал=false'}`;
-        }
-        else {
-            return `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
-        }
-    };
-
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    const getFormatData = (data) => {
-        const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, vedTypes, region, ...usedData } = data;
-        const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
-        const formatData = {
-            ...usedData,
-            ...getVedTypes(vedTypes),
-            ...getRegion(region),
-            ...(partnerComments ? { partnerComments } : {}),
-            ...(serviceType ? { typeForm: serviceType } : {}),
-        };
-        return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [k, v?.key || v]));
-    };
-    const getRegion = (region) => region?.key || region?.text ? { region: region?.text || region?.key } : {};
-    const getVedTypes = (vedTypes) => vedTypes
-        ? {
-            vedTypes: Object.fromEntries(VED_TYPES.map(({ id }) => [id, id === vedTypes])),
-        }
-        : {};
-
-    const initialFormState$1 = {
-        typeForm: '',
-        region: { key: '', text: '' },
-        addressBranch: { key: '', text: '' },
-        surname: '',
-        name: '',
-        phone: '',
-        secondaryPhone: '',
-        comment: '',
-        product: '',
-        partnerComments: '',
-        annualRevenue: '',
-        term: 12,
-        amount: 100000,
-        acquiringType: ACQUIRING_TYPES[0],
-        serviceType: SERVICE_TYPES[0],
-        feedbackMethod: FEEDBACK_METHOD[0],
-        serviceDirection: SERVICE_DIRECTIONS[0],
-        vedTypes: VED_TYPES[0],
-        birthday: undefined,
-        isClient: false,
-        onlineCheckout: false,
-        posTerminal: false,
-        consentToReceiveMaterials: false,
-        consentDataProcessing: false,
-        addressRetail: { key: '', text: '' },
-    };
-    const getInitialFormState$3 = (inputs, typeForm = '') => {
-        const formState = Object.fromEntries(inputs.map((_) => [
-            _.name,
-            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name || ''],
-        ]));
-        return { ...formState, typeForm: { key: typeForm, text: '' } };
-    };
-
-    const Footnote = JSX(({ text, link }) => (jsxs(Paragraph, { size: "text-l", font: "font-light", color: "text-secondary-text", children: [text ? jsx(Text, { children: text }) : null, link ? (jsx(LinkButton, { href: link.href, ariaLabel: "\u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043D\u043D\u044B\u0445", target: link.target || '', className: "!text-left text-primary-main", children: jsx(Text, { children: link.text }) })) : null] })));
-
-    const renderSubmitButton$1 = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
-
-    const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-    const renderAgreementSubmit = (consentDataProcessing, link, button) => (jsxs("div", { className: "flex col-span-2 gap-xs flex-col w-full items-baseline", children: [consentDataProcessing ? (jsxs("div", { children: [jsxs("div", { className: "flex gap-3 items-center", children: [jsx(Checkbox, { ...consentDataProcessing }), jsx(Footnote, { link: link })] }), renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)] })) : (jsx(Footnote, { text: agreementText, link: link })), renderSubmitButton$1(button)] }));
-
-    const renderContacts = () => (jsxs("div", { className: "space-y-m", children: [jsx(Heading, { headingType: "h6", title: "\u0418\u043B\u0438 \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0443\u0434\u043E\u0431\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C", className: "@xl:text-center" }), jsxs("div", { className: "flex sm:justify-center gap-xl", children: [jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", href: `tel:8 (800) 200-78-70`, "aria-label": "\u0442\u0435\u043B\u0435\u0444\u043E\u043D 8 (800) 200-78-70", children: [jsx(Img, { image: { icon: 'PhoneIcon' }, width: "24", height: "24" }), jsx("span", { children: "8 (800) 200-78-70" })] }), jsxs("a", { className: "flex gap-s items-center text-primary-text no-underline", "aria-label": "\u043F\u043E\u0447\u0442\u0430 ved@rshb.ru", href: `mailto:ved@rshb.ru`, children: [jsx(Img, { image: { icon: 'MailIcon' }, width: "24", height: "24" }), jsx("span", { children: "ved@rshb.ru" })] })] })] }));
-
-    const API = LeadServiceAPI();
-    const ApplicationForm = JSX(
-    // eslint-disable-next-line max-lines-per-function
-    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
-        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const initialFormState = getInitialFormState$3(inputs, typeForm);
-        const [responseType, setResponseType] = useState('');
-        const responseTypeDialog = useDialog(ResponseTypeDialog);
-        const handleSubmit = useCallback(async (formData, ev) => {
-            const inputsFiltered = getFilteredInputs(inputs, formData);
-            const feedbackValidator = objectValidator(getObjectValidator(inputsFiltered));
-            if (!isValidationSuccess(feedbackValidator(formData))) {
-                return console.warn('validation fail');
-            }
-            const formatData = getFormatData({ ...formData, ...additionalParams });
-            const status = (await API.send(formatData, endpoint === 'lead')) ? 'OK' : 'Fail';
-            setResponseType(status);
-            if (status) {
-                responseTypeDialog.open({ typeForm, responseType: status });
-            }
-            if (status === 'OK' && data) {
-                const aspects = useAspects();
-                handleAspects({ aspectsAttributes: data, aspects, ev });
-            }
-            return status;
-        }, [typeForm]);
-        const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
-        const fieldName = getConsentDataProcessing(inputs)?.name;
-        useEffect(() => {
-            if (responseType === 'OK') {
-                setResponseType('');
-                reset();
-            }
-        }, [responseType]);
-        return (jsxs(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: [jsxs("form", { onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), (_?.inputs || [])?.map(getField(field, { typeForm }))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }), isContacts ? renderContacts() : null] }));
-    });
-    const getFilteredInputs = (inputs, data) => inputs
-        .filter((_) => (_?.name === 'secondaryPhone' ? Boolean(data.secondaryPhone) : _))
-        .filter((input) => !input?.condition ||
-        input?.condition.values.find((_) => {
-            const dataValue = data?.[input?.condition?.name ?? ''];
-            return _ === (dataValue?.key ?? dataValue);
-        }));
 
     const CONSENT_ALL_DOCS_TEXT = 'Согласие на все документы';
     const CONSENT_REQUIRED = 'Отметьте все обязательные соглашения';
@@ -4420,42 +4455,19 @@
         const hasValidationErrors = useMemo(() => inputs
             ?.filter((_) => _.required)
             ?.some((_) => Boolean(withValidator(field(_?.name), validatorObj[_?.name]).error)), [inputs]);
-        return (jsx("div", { className: "w-fit", children: jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: true, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { isUnfolded: isUnfolded, className: "flex flex-col pl-2xl", children: inputs.map(getField(field, { typeForm })) })), renderFoldButton: renderGeneralCheckbox(jsxs("div", { children: [jsx(Checkbox, { value: isChecked, onChange: handleGeneralToggle, text: CONSENT_ALL_DOCS_TEXT }, key), renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')] })) }) }));
+        return (jsx("div", { className: "w-fit", children: jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: true, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { isUnfolded: isUnfolded, className: "flex flex-col pl-2xl", children: inputs.map(getField(field, { typeForm }, InputsConsentsMap)) })), renderFoldButton: renderGeneralCheckbox(jsxs("div", { children: [jsx(Checkbox, { value: isChecked, onChange: handleGeneralToggle, text: CONSENT_ALL_DOCS_TEXT }, key), renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')] })) }) }));
     });
     const renderGeneralCheckbox = (generalCheckBox) => (foldableData) => (jsxs("div", { className: "flex items-start", children: [generalCheckBox, jsx("button", { onClick: foldableData.onToggle, className: "px-m py-2xs", type: "button", children: jsx(Icon, { className: "text-primary-text", name: foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" }) })] }));
 
     const renderInputs$2 = ({ field, typeForm = '', inputs }) => {
         const { consentInputs, restInputs } = splitInputs(inputs || []);
-        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, { typeForm })), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, { typeForm })));
+        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, { typeForm }, { ...InputsApplicationLeadMap })), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, { typeForm }, { ...InputsApplicationLeadMap })));
     };
     const splitInputs = (inputs) => ({
         consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name || '')) || [],
         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 renderSubmitButton = (button, isSending) => (jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", isLoading: isSending, children: button?.text ? button.text : 'Отправить заявку' }));
 
     const createDraftTask = async (body) => {
@@ -4844,7 +4856,7 @@
     }, []);
 
     const getFamilyStatusAndIncomeData = (formData) => {
-        const { familyStatus, dependents, familyMembers, children, confirmationIncome, wages, mandatoryPayments, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, } = formData;
+        const { familyStatus, familyMembers, dependents, children, confirmationIncome, wages, mandatoryPayments, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, } = formData;
         return {
             maritalStatusCd: familyStatus,
             totalDependents: familyMembers,
@@ -5279,12 +5291,10 @@
         feedbackMethod: FEEDBACK_METHOD[0],
         serviceDirection: SERVICE_DIRECTIONS[0],
         vedTypes: VED_TYPES[0],
-        birthday: undefined,
         limitedBirthday: undefined,
         isClient: false,
         onlineCheckout: false,
         posTerminal: false,
-        consentToReceiveMaterials: false,
         consentDataProcessing: false,
         processPersonalDataFlg: false,
         consentProviderFlg: false,
@@ -6964,32 +6974,32 @@
         return statusesMap[status] || jsx(ReworkStatusContent$1, {});
     };
 
-    const calculateInputs$1 = (getValue) => (inputs, step) => inputs
+    const calculateInputs = (getValue) => (inputs, step) => inputs
         .filter((_) => _)
         .map((_) => {
         if ([
-            checkIsRetiree$1(step, getValue),
-            checkBusinessOwner$1(_, getValue),
-            checkConsentPfrFlg$1(_, getValue),
-            checkAddressFillFromESIA$1(_, getValue),
-            checkAddressFact$1(_, getValue),
-            checkCondition$1(_, getValue),
+            checkIsRetiree(step, getValue),
+            checkBusinessOwner(_, getValue),
+            checkConsentPfrFlg(_, getValue),
+            checkAddressFillFromESIA(_, getValue),
+            checkAddressFact(_, getValue),
+            checkCondition(_, getValue),
         ].some(Boolean)) {
             return { ..._, required: false };
         }
         return _;
     });
-    const checkIsRetiree$1 = (step, getValue) => step === 2 && getValue('employment')?.key === 'RETIREE';
-    const checkBusinessOwner$1 = ({ name }, getValue) => name === 'partInBusiness' && getValue('positionOrganization')?.key !== 'BUSINESS_OWNER';
-    const checkAddressFillFromESIA$1 = ({ name, filledByEsia }, getValue) => name?.startsWith('address') && getValue('esiaAccountTypeCd')?.key && filledByEsia;
-    const checkAddressFact$1 = ({ name }, getValue) => name === 'addressFact' && getValue('addressMatch');
-    const checkCondition$1 = ({ condition }, getValue) => condition?.name &&
+    const checkIsRetiree = (step, getValue) => step === 2 && getValue('employment')?.key === 'RETIREE';
+    const checkBusinessOwner = ({ name }, getValue) => name === 'partInBusiness' && getValue('positionOrganization')?.key !== 'BUSINESS_OWNER';
+    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 &&
         condition?.values?.some((_) => {
             const dataValue = getValue(condition?.name);
             return _ !== (dataValue?.key ?? dataValue);
         });
-    const checkConsentPfrFlg$1 = ({ name }, getValue) => name === 'snils' && isSnilsRequired$1(getValue);
-    const isSnilsRequired$1 = (getValue) => getValue('confirmationIncome')?.key !== 'PFR_CERTIFICATE';
+    const checkConsentPfrFlg = ({ name }, getValue) => name === 'snils' && isSnilsRequired(getValue);
+    const isSnilsRequired = (getValue) => getValue('confirmationIncome')?.key !== 'PFR_CERTIFICATE';
 
     const renderInfo$2 = (inputs = []) => {
         const infoInputs = inputs.filter((_) => _.fieldType === 'info');
@@ -6998,11 +7008,11 @@
             : null;
     };
 
-    const renderInputs$1 = ({ field, inputs, params }) => inputs.map(getField(field, params));
+    const renderInputs$1 = ({ field, inputs, params }) => inputs.map(getField(field, params, { ...InputsRetailMap, ...InputRetailCardMap }));
 
     const renderStep$2 = ({ sections, field, step, params }) => sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
-        const inputs = calculateInputs$1(getValue$3(field))(origInputs, step);
-        const filteredInputs = inputs.filter((_) => !checkCondition$1(_, getValue$3(field)));
+        const inputs = calculateInputs(getValue$3(field))(origInputs, step);
+        const filteredInputs = inputs.filter((_) => !checkCondition(_, getValue$3(field)));
         return (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$2(filteredInputs), renderTitle(title), renderInputs$1({ field, inputs, params })] }, `section-${i}`));
     });
     const getValue$3 = (field) => (name) => field(name)?.value;
@@ -7230,8 +7240,8 @@
         },
         {
             familyStatus: { key: '', text: '' },
-            dependents: undefined,
             familyMembers: undefined,
+            dependents: undefined,
             confirmationIncome: { key: '', text: '' },
             wages: undefined,
             mandatoryPayments: undefined,
@@ -7295,7 +7305,7 @@
             }
         }, [isFinalStep, initialState]);
         const handleSubmit = useCallback(async (formData) => {
-            const feedbackValidator = objectValidator(getObjectValidator(calculateInputs$1(getValue$2(formData))(inputs, step)));
+            const feedbackValidator = objectValidator(getObjectValidator(calculateInputs(getValue$2(formData))(inputs, step)));
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
@@ -7894,33 +7904,6 @@
         return statusesMap[status] || jsx(ReworkStatusContent, {});
     };
 
-    const calculateInputs = (getValue) => (inputs, step) => inputs
-        .filter((_) => _)
-        .map((_) => {
-        if ([
-            checkIsRetiree(step, getValue),
-            checkBusinessOwner(_, getValue),
-            checkConsentPfrFlg(_, getValue),
-            checkAddressFillFromESIA(_, getValue),
-            checkAddressFact(_, getValue),
-            checkCondition(_, getValue),
-        ].some(Boolean)) {
-            return { ..._, required: false };
-        }
-        return _;
-    });
-    const checkIsRetiree = (step, getValue) => step === 2 && getValue('employment')?.key === 'RETIREE';
-    const checkBusinessOwner = ({ name }, getValue) => name === 'partInBusiness' && getValue('positionOrganization')?.key !== 'BUSINESS_OWNER';
-    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 &&
-        condition?.values?.some((_) => {
-            const dataValue = getValue(condition?.name);
-            return _ !== (dataValue?.key ?? dataValue);
-        });
-    const checkConsentPfrFlg = ({ name }, getValue) => name === 'snils' && isSnilsRequired(getValue);
-    const isSnilsRequired = (getValue) => getValue('confirmationIncome')?.key !== 'PFR_CERTIFICATE';
-
     const renderInfo$1 = (inputs = []) => {
         const infoInputs = inputs.filter((_) => _.fieldType === 'info');
         return infoInputs.length
@@ -7928,7 +7911,7 @@
             : null;
     };
 
-    const renderInputs = ({ field, inputs, params }) => inputs.map(getField(field, params));
+    const renderInputs = ({ field, inputs, params }) => inputs.map(getField(field, params, { ...InputsRetailMap }));
 
     const renderStep$1 = ({ sections, field, step, params }) => sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
         const inputs = calculateInputs(getValue$1(field))(origInputs, step);
@@ -10495,7 +10478,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.723";
+    const packageVersion = "0.14.725";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;