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

package/bundle/bundle.umd.js

@@ -958,12 +958,22 @@
         const refs = collectRef(content);
         const [refsMap, setRefsMap] = useState({});
         useEffect(() => {
-            if (refs.length) {
-                fetchRefs(refs).then(setRefsMap);
-            }
+            resolveRefs(refs).then(setRefsMap);
         }, [refs.join()]);
         return refs.length ? resolveBlockProps(content, { ...fallback, ...refsMap }) : content;
     };
+    const resolveRefs = async (refs, parentRefsMap = {}) => {
+        if (refs.length) {
+            const refsMap = await fetchRefs(refs);
+            const unionRefsMap = { ...parentRefsMap, ...refsMap };
+            const additRefs = Object.entries(refsMap).flatMap(([, v]) => collectRef(v));
+            if (additRefs.length) {
+                return resolveRefs(additRefs, unionRefsMap);
+            }
+            return unionRefsMap;
+        }
+        return parentRefsMap;
+    };
 
     const extractContent = ({ block, options, className, defaultPadding, padding, isTheme, version, children, ...content }) => content;
 
@@ -1193,9 +1203,6 @@
 
     const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
 
-    const OUT_SERVICE_URL = `${API_BASE_URI}/outservice/outserviceregions`;
-    const getRegionUrl = (typeForm) => typeForm === 'OUTSERVICE' ? OUT_SERVICE_URL : undefined;
-
     function useBool(defaultValue = false) {
         const [value, setValue] = useState(defaultValue);
         const setTrue = useCallback(() => setValue(true), []);
@@ -1668,6 +1675,8 @@
         confirmationIncome: defaultValidator(),
         deliveryDate: defaultValidator('Укажите дату доставки'),
         addressCourier: addressDaDataValidator(),
+        cardCategory: defaultValidator('Укажите категорию карты'),
+        paymentSystem: defaultValidator('Укажите тип платежной системы'),
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => Boolean(_?.required)));
@@ -2420,11 +2429,6 @@
         return { header, body };
     };
 
-    const isSSR = () => Boolean(typeof globalThis.process === 'object' && globalThis.process && globalThis.process.version);
-
-    const isClient = !isSSR();
-    const ClientOnly = JSX(({ children }) => (isClient ? children : null));
-
     const INITIAL_FILTRATION_STATE$1 = {
         workingSaturday: false,
         premiumService: false,
@@ -2469,103 +2473,13 @@
         transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
     };
 
-    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, type = 'button', rounded = true, role, onClick, } = button(props);
-        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', {
-                'text-white bg-primary-active': active,
-                'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
-                'rounded-md': rounded,
-            }, !active && !disabled
-                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
-                : '', className), type: type, role: role, onClick: onClick, children: children }));
-    });
-
-    const getVersion = (isPrimary, type) => isPrimary && type !== 'underlined' ? 'primary' : 'secondary';
-
-    const renderButtonsGroup = (data, activeButton, onButtonClick) => {
-        const allButtonVersion = getVersion(activeButton === 'all');
-        const businessButtonVersion = getVersion(activeButton === 'business');
-        const handleClick = (e, key, branches) => {
-            const filteredBranches = e.currentTarget === e.target && key === 'business' ? filterBranches(branches) : branches;
-            onButtonClick(key);
-            return filteredBranches;
-        };
-        const filterBranches = (branches) => branches.filter((branch) => branch.workSchedule &&
-            branch.workSchedule.businessScheduleVisibleTag &&
-            !branch.workSchedule.businessScheduleDescription);
-        return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
-    };
-
-    const renderDescriptionBlock$1 = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
-
-    const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
-    const renderFiltrationForm = ({ filters, field: { field, reset }, onlyOffice, labels, }) => {
-        const visibleFiltersNum = onlyOffice ? 5 : 6;
-        const filtersCheckbox = (filters || []).map((key) => (jsx(Checkbox, { text: labels[key], ...field(key) }, key)));
-        const [visibleFilters, hiddenFilters] = visibleFiltersNum > 0
-            ? [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
-            : [filtersCheckbox, []];
-        return (jsx("div", { children: filters?.length ? (jsx("div", { children: jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [jsx("div", { className: COMMON_FILTERS_STYLES, children: visibleFilters }), jsx(FoldableSection, { className: COMMON_FILTERS_STYLES, isUnfolded: isUnfolded, children: hiddenFilters })] })), renderFoldButton: renderFoldButton$2(reset, onlyOffice) }) })) : null }));
-    };
-    const renderFoldButton$2 = (reset, onlyOffice = false) => ({ isUnfolded, onToggle }) => {
-        const labels = ['Больше фильтров', 'Меньше фильтров'];
-        const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-        return (jsxs("div", { className: "flex space-x-lg", children: [onlyOffice ? (jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0", appendRight: jsx(Icon, { name: icons[Number(isUnfolded)], width: "16", height: "16" }), text: labels[Number(isUnfolded)], onClick: onToggle })) : null, jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0", onClick: reset, children: renderBtnInner() })] }));
-    };
-    const renderBtnInner = () => (jsxs("div", { className: "flex items-center", children: ["\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440", jsx(Icon, { name: "CloseIcon", width: "16", height: "16", className: "ml-2xs" })] }));
-
-    const renderHeading = (title, lengthItems) => (jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h3", children: [jsx("span", { suppressHydrationWarning: true, children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: jsx("span", { suppressHydrationWarning: true, children: ` (${lengthItems})` }) })) : null] }) }));
-
-    const defaultEmptyFunction$1 = () => void 0;
-    const filtersVisibleStyles = (activeButton) => activeButton === 'all' ? 'block' : 'hidden';
-    const OfficesAtmsMapLayout = JSX(({ className, data = [], isLoad, remoteWorkplaces = [], renderCard = defaultEmptyFunction$1, renderRemoteWorkplaceCard = defaultEmptyFunction$1, getBalloon = defaultEmptyFunction$1, getBalloonRemoteWorkplaces = defaultEmptyFunction$1, descriptionData, title, }) => {
-        const onlyOffice = title?.includes('Офис');
-        const [filtrationState, { field, reset }] = useForm(INITIAL_FILTRATION_STATE$1);
-        const { filteredItems, points, filteredRemoteWorkplaces, lengthItems } = useOfficesAtmsMapData({
-            data,
-            remoteWorkplaces,
-            filtrationState,
-            getBalloon,
-            getBalloonRemoteWorkplaces,
-        });
-        const [activeButton, setActiveButton] = useState('all');
-        const filterOptions = {
-            filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]),
-            field: { field, reset },
-            onlyOffice,
-            labels: FILTRATION_LABELS,
-        };
-        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: renderFiltrationForm(filterOptions) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
-    });
     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 getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES$1[_](item)).length);
 
-    const defaultEmptyFunction = () => void 0;
-    const useOfficesAtmsMapData = ({ data, remoteWorkplaces = [], filtrationState = {}, getBalloon = defaultEmptyFunction, getBalloonRemoteWorkplaces = defaultEmptyFunction, }) => {
+    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);
@@ -2602,6 +2516,11 @@
         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');
@@ -2693,12 +2612,10 @@
     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 SelectField = UniBlock(({ field, source, label, fieldName, input, placeholder = 'Выберите из списка', isSearch = false, }) => {
-        const leadOptions = (source &&
-            source?.map((_) => ({
-                key: _.key || '',
-                text: _.value,
-            }))) ||
-            [];
+        const leadOptions = source?.map((_) => ({
+            key: _.key || '',
+            text: _.value,
+        })) || [];
         return (jsx(SelectControl, { placeholder: placeholder, label: label, options: leadOptions, isSearch: isSearch, ...getValidation(field(fieldName), validatorObj[fieldName], input?.required) }));
     });
 
@@ -2998,29 +2915,45 @@
 
     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 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 FIELD_NAME$a = '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$a) })));
 
-    const getCardTypes = async (paymentSystemType) => {
-        const response = await doRequest('/dictionaryFiltered', 'POST', {
+    const getCardTypes = async (paymentSystemTypeCd, creditProgramId) => {
+        const data = await fetchRetailJSON('/dictionaryFiltered', 'POST', {
             type: 'CARD_TYPE',
-            presets: { paymentSystemType, creditProgramId: 13 },
+            presets: { paymentSystemTypeCd, creditProgramId },
         });
-        const data = await response?.json();
-        return data;
+        return Array.isArray(data) ? data : [];
     };
 
+    function useLocalStorage(key) {
+        const [storedValue, setStoredValue] = useState(JSON.parse(globalThis.localStorage?.getItem(key) || 'null'));
+        const setValue = useCallback((value) => {
+            globalThis.localStorage?.setItem(key, JSON.stringify(value));
+            setStoredValue(value);
+        }, [key, globalThis.localStorage]);
+        return [storedValue, setValue];
+    }
+
     const CardCategoryField = JSX(({ field, input }) => {
         const [cardTypes, setCardTypes] = useState([]);
+        const [programId] = useLocalStorage('programId');
+        const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
         const selectedPaymentSystem = field('paymentSystem').value;
         useEffect(() => {
-            (async () => {
-                const fetchedCardTypes = await getCardTypes(selectedPaymentSystem);
-                setCardTypes(fetchedCardTypes);
-            })();
+            if (selectedPaymentSystem && programId) {
+                (async () => {
+                    const fetchedCardTypes = await getCardTypes(selectedPaymentSystem, programId);
+                    setCardTypes(fetchedCardTypes);
+                    if (!isValidCardCategory(fetchedCardTypes, selectedCardCategory)) {
+                        cardCategoryChange && cardCategoryChange(null);
+                    }
+                })();
+            }
         }, [selectedPaymentSystem]);
         return (jsx(SelectField, { field: field, source: cardTypes, label: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043A\u0430\u0440\u0442\u044B", fieldName: "cardCategory", input: input }));
     });
+    const isValidCardCategory = (cardTypes, selectedCardCategory) => cardTypes.some((cardType) => cardType.key === selectedCardCategory?.key);
 
     const ChildrenField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...getValidation(field('children'), validatorObj.children, input?.required), ...input })));
 
@@ -3066,6 +2999,38 @@
         },
     };
 
+    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, type = 'button', rounded = true, role, onClick, } = button(props);
+        return (jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', {
+                'text-white bg-primary-active': active,
+                'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
+                'rounded-md': rounded,
+            }, !active && !disabled
+                ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
+                : '', className), type: type, role: role, onClick: onClick, children: children }));
+    });
+
     const feedbackById = async (id, convertToPng = false) => {
         const response = await doRequest(`/feedback/file?id=${encodeURIComponent(id)}&convertToPngFlg=${convertToPng}`, 'GET');
         return response ? await response.blob() : new Blob();
@@ -3101,60 +3066,366 @@
 
     const ConsentField = JSX(({ field, input }) => input && input.name ? (jsx(CheckboxWithDoc, { text: CONSENTS[input.name]?.text, docId: CONSENTS[input.name]?.docId, ...getValidation(field(input.name), validatorObj[input.name], input?.required) })) : null);
 
-    const LABEL_TEXT = `Имеет ли юридическое лицо, акционером / участником / членом / пайщиком / 
-    вкладчиком с долей участия более 20% уставного капитала руководителем, 
-    которого Вы являетесь, кредит в АО «Россельхозбанк»`;
-    const CreditInRshbCdField = JSX(({ field, input }) => {
-        const { data: creditInRshbCd } = useLeadFormData('CREDIT_IN_RSHB');
-        return (jsx(SelectField, { field: field, source: creditInRshbCd, label: LABEL_TEXT, fieldName: "creditInRshbCd", input: input }));
-    });
-
-    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 MONTHS_IN_YEAR$1 = 12;
+    const MONTHLY_INTEREST_RATE = MONTHS_IN_YEAR$1 * 100;
+    const DEFAULT_MIN_MONTHS = 1;
+    const DEFAULT_MAX_MONTHS = 60;
+    const DEFAULT_MONTHS = Math.round((DEFAULT_MAX_MONTHS - DEFAULT_MIN_MONTHS) / 2);
 
-    const RadioButtonGroupControl = JSX(({ className, label, onChange, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), onChange: (_) => onChange && onChange(_), ...rest }), renderErrorText(error)] })));
+    const CalculatorLayout = JSX(({ className, title, children, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-xl', className), defaultPadding: "p-4xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title }) : null, children] })));
 
-    const CURRENCY_TYPES = [{ id: 'rub', text: 'Рубль' }];
-    const CurrencyField = JSX(({ field, input }) => {
-        const { value, onChange } = field('currency');
-        return (jsx(RadioButtonGroupControl, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", orientation: "horizontal", items: CURRENCY_TYPES, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('currency'), validatorObj.currency, input?.required) }));
-    });
+    const CalculatorStyle = {
+        wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
+        input: 'flex flex-col lg:max-w-80 lg:w-1/2 gap-2xl',
+        result: 'flex flex-col gap-y-xl min-w-52',
+    };
 
-    const DeliveryDateFiels = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...getValidation(field('deliveryDate'), validatorObj.deliveryDate, input?.required) })));
+    const FormatValue = JSX(({ value, fractionDigits, fixed, prefix, postfix }) => (jsx(Text, { size: "text-h3", children: typeof value === 'number'
+            ? [prefix, toLocalNumberFormat(fractionDigits, { fixed })(value), postfix]
+                .filter(Boolean)
+                .join(' ')
+            : value })));
 
-    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 CalculatorValueStyle = 'flex justify-between @xl:flex-col';
+    const CalculatorValue = JSX(({ className, title, value, color = 'text-secondary-text', ...rest }) => (jsxs("div", { className: style(CalculatorValueStyle, className), children: [title ? (jsx(Text, { size: "text-l", font: "font-light", color: color, children: title })) : null, value ? jsx(FormatValue, { value: value, ...rest }) : jsx(Text, { size: "text-h3", children: "-" })] })));
 
-    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 getDefaultParamsMin = (rateRows) => getDefaultParams([(i, acc) => i < acc, (i, prev) => i?.maxSum > prev?.maxSum], rateRows);
+    const getDefaultParamsMax = (rateRows = [], isNewClient = false) => getDefaultParams([(i, acc) => i > acc, (i, prev) => i?.minSum < prev?.minSum], rateRows?.filter((_) => isNewClient === Boolean(_?.isNewClient)));
+    const getDefaultParams = (comparators, rateRows) => {
+        if (!rateRows?.length) {
+            return undefined;
+        }
+        const rates = rateRows?.reduce((acc, i) => {
+            if (comparators[0](i.rate, acc[0].rate)) {
+                return [i];
+            }
+            else if (i.rate === acc[0].rate) {
+                return [...acc, i];
+            }
+            return acc;
+        }, [rateRows[0]]);
+        if (rates.length > 1) {
+            return rates.reduce((prev, i) => (comparators[1](i, prev) ? i : prev), rates[0]);
+        }
+        return rates[0];
+    };
 
-    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 getMoneyDefaultValue = (defaultParams, defaultMoney = 0) => defaultParams?.sum ? defaultParams.sum : defaultMoney;
+    const getMonthsDefaultValue = (defaultParams, defaultMonth = 0) => defaultParams?.period &&
+        defaultParams.period >= DEFAULT_MIN_MONTHS &&
+        defaultParams.period <= DEFAULT_MAX_MONTHS
+        ? defaultParams.period
+        : defaultMonth;
 
-    const FIELD_NAME$8 = 'dulIssueDateField';
-    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field(FIELD_NAME$8), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$8) })));
+    const renderFootnote = (text, key) => text ? (jsx(Paragraph, { size: "text-xs", font: "font-light", color: "text-secondary-text", children: text }, String(key))) : null;
 
-    const FIELD_NAME$7 = '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$7), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field(FIELD_NAME$7), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
-    });
+    const STEP_MONTHS = 1;
+    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 FIELD_NAME$6 = 'dulNumber';
-    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$6), 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 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 FIELD_NAME$5 = 'dulSerie';
-    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$5), 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 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 FIELD_NAME$4 = '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$4), 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$4), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
+    const renderPaymentType = (props) => renderBinaryRadioButtonGroup({
+        ...props,
+        className: 'sm:flex-col',
+        items: [
+            { id: 'annuity', text: 'Аннуитетный' },
+            { id: 'differential', text: 'Дифференцированный' },
+        ],
+    });
+
+    const DEFAULT_MONEY_STEP = 1000;
+    const renderWantedSumInput = ({ isShowItems = true, step = DEFAULT_MONEY_STEP, postfix = '₽', ...rest }) => (jsx(InputRange, { items: isShowItems
+            ? [
+                `От ${toLocalNumberFormat(1)(rest.min || 0)} ${postfix}`,
+                `До ${toLocalNumberFormat(1)(rest.max || 0)} ${postfix}`,
+            ]
+            : [], step: step, ...rest }));
+
+    const setDefaultParamsCalc = ({ field, defParams, calcParams, map, monthsValue = 'maxMonths', }) => {
+        Object.entries(map).forEach(([key, value]) => {
+            field?.(key)?.onChange?.(defParams?.[value]);
+        });
+        field?.('monthsValue')?.onChange?.(clamp(defParams?.[monthsValue], calcParams.minMonths, calcParams.maxMonths));
+    };
+
+    /**
+     * Формулы расчёта аннуитетных и дифференцированных платежей:
+     * https://finuslugi.ru/potrebitelskie_kredity/stat_annuitetnye_i_differentsirovannye_platezhi
+     */
+    const getMonthlyPayment = (rate, params) => {
+        const { isAnnuity, moneyValue, monthsValue, moneyExtra } = params;
+        if (rate === 0) {
+            return 0;
+        }
+        else if (isAnnuity) {
+            const i = rate / MONTHLY_INTEREST_RATE; // Используется значение ставки в процентах
+            if (moneyExtra) {
+                return (moneyValue + moneyExtra) * (i + i / (Math.pow(1 + i, monthsValue) - 1));
+            }
+            else {
+                return moneyValue * (i + i / (Math.pow(1 + i, monthsValue) - 1));
+            }
+        }
+        else {
+            return Math.round(moneyValue / monthsValue) + moneyValue * (rate / (MONTHS_IN_YEAR$1 * 100)); // Используется значение ставки (rate) в процентах, делённое на сто.
+        }
+    };
+
+    const defaultDiscriminator = (_) => _;
+    const maxBy = (discriminator = defaultDiscriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
+    const max = maxBy();
+
+    const minBy = (discriminator = defaultDiscriminator) => maxBy((_) => -discriminator(_));
+    const min = minBy();
+
+    const getLimitRangeByKeys = ([minKey, maxKey], limitParams, rateRows = []) => limitParams && limitParams[minKey] && limitParams[maxKey]
+        ? {
+            [minKey]: limitParams[minKey],
+            [maxKey]: limitParams[maxKey],
+        }
+        : getRangeByKeys([minKey, maxKey], rateRows);
+    const getRangeByKeys = ([minKey, maxKey], rows = []) => ({
+        [minKey]: rows.length
+            ? min(rows.filter((row) => typeof row[minKey] === 'number').map((row) => row[minKey]))
+            : 0,
+        [maxKey]: rows.length
+            ? max(rows.filter((row) => typeof row[minKey] === 'number').map((row) => row[maxKey]))
+            : 0,
+    });
+    const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value <= sourceBookRow[maxKey];
+
+    const DEFAULT_MIN_SUM$2 = 10000;
+    const DEFAULT_MAX_SUM$1 = 5000000;
+    const DEFAULT_CREDIT_CALCULATOR_PARAMS = {
+        minSum: DEFAULT_MIN_SUM$2,
+        maxSum: DEFAULT_MAX_SUM$1,
+        minMonths: DEFAULT_MIN_MONTHS,
+        maxMonths: DEFAULT_MAX_MONTHS,
+        rate: 0,
+        isSalaryClient: false,
+        isPensionClient: false,
+        isStateEmployee: false,
+        isInsurance: true,
+    };
+
+    const checkCreditSourceBookRowCommonParams = (props) => checkRowParam$1({
+        ...props,
+        fieldKey: 'isSalaryClient',
+        viewSettingFieldKey: 'isShowSalaryClient',
+    }) &&
+        checkRowParam$1({
+            ...props,
+            fieldKey: 'isStateEmployee',
+            viewSettingFieldKey: 'isShowStateEmployee',
+        }) &&
+        checkRowParam$1({
+            ...props,
+            fieldKey: 'isPensionClient',
+            viewSettingFieldKey: 'isShowPensionClient',
+        }) &&
+        checkRowParam$1({
+            ...props,
+            fieldKey: 'isInsurance',
+            viewSettingFieldKey: 'isShowInsurance',
+        });
+    const checkRowParam$1 = ({ row, userInputParams, paramsViewSettings, fieldKey, viewSettingFieldKey, }) => {
+        const isExclude = paramsViewSettings ? !paramsViewSettings[viewSettingFieldKey] : false;
+        return isExclude || userInputParams[fieldKey] === row[fieldKey];
+    };
+
+    const getCreditCalculatorLimitParams = ({ limitRows, userInputParams, paramsViewSettings, }) => limitRows?.find((row) => checkCreditSourceBookRowCommonParams({
+        row,
+        userInputParams,
+        paramsViewSettings,
+    }));
+
+    const getCreditCalculatorRateParams = ({ rateRows = [], userInputParams, paramsViewSettings, moneyValue, monthsValue, }) => rateRows?.find((row) => checkCreditSourceBookRowCommonParams({
+        row,
+        userInputParams,
+        paramsViewSettings,
+    }) &&
+        checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], row) &&
+        checkRangeByKeys(monthsValue, ['minMonths', 'maxMonths'], row)) || DEFAULT_CREDIT_CALCULATOR_PARAMS;
+
+    const getCreditCalculatorParams = (userInputParams, calcSource, paramsViewSettings) => {
+        const { moneyValue, monthsValue } = userInputParams;
+        const rateRows = calcSource?.rateRows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
+        const limitRows = calcSource?.limitRows || [];
+        const creditCalculatorSourceBookLimitParams = getCreditCalculatorLimitParams({
+            limitRows,
+            userInputParams,
+            paramsViewSettings,
+        });
+        const { minSum, maxSum } = getLimitRangeByKeys(['minSum', 'maxSum'], creditCalculatorSourceBookLimitParams, rateRows);
+        const { minMonths, maxMonths } = getLimitRangeByKeys(['minMonths', 'maxMonths'], creditCalculatorSourceBookLimitParams, rateRows);
+        const creditCalculatorRateParams = getCreditCalculatorRateParams({
+            rateRows,
+            userInputParams,
+            paramsViewSettings,
+            moneyValue,
+            monthsValue,
+        });
+        const { rate } = creditCalculatorRateParams;
+        const monthlyPayment = getMonthlyPayment(rate, userInputParams);
+        return {
+            ...creditCalculatorRateParams,
+            ...userInputParams,
+            minSum,
+            maxSum,
+            minMonths,
+            maxMonths,
+            moneyValue,
+            monthsValue,
+            monthlyPayment,
+        };
+    };
+
+    const isDefaultParams = (defaultParams = {}) => Boolean(Object.values(defaultParams).filter((_) => _).length);
+
+    const CREDIT_DEFAULT_SUM = 200000;
+    const MAP$1 = {
+        isSalaryClient: 'isSalaryClient',
+        isStateEmployee: 'isStateEmployee',
+        isPensionClient: 'isPensionClient',
+        isInsurance: 'isInsurance',
+        moneyValue: 'maxSum',
+    };
+    const CalculatorCredit = UniBlock(({ className, title, calcSource, buttons, footnote, paramsViewSettings, defaultParams, onChange, ...rest }) => {
+        const defaultParamsCals = getDefaultParamsMin(calcSource?.rateRows);
+        const [userInputParams, { field, isDirty }] = useForm({
+            moneyValue: getMoneyDefaultValue(defaultParams, CREDIT_DEFAULT_SUM),
+            monthsValue: getMonthsDefaultValue(defaultParams, DEFAULT_MONTHS),
+            isAnnuity: Boolean(defaultParams?.isAnnuity),
+            isInsurance: Boolean(defaultParams?.isEnableInsurance),
+            isSalaryClient: Boolean(defaultParams?.isEnableSalaryClient),
+            isPensionClient: Boolean(defaultParams?.isEnablePensionClient),
+            isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
+        });
+        useEffect(() => {
+            isDirty && onChange?.(userInputParams);
+        }, [userInputParams, isDirty]);
+        const calcParams = getCreditCalculatorParams(userInputParams, calcSource, paramsViewSettings);
+        const paymentTypeElement = renderPaymentType({
+            title: 'Тип платежа',
+            orientation: 'vertical',
+            ...field('isAnnuity'),
+        });
+        const { onChange: setMoneyValue } = field('moneyValue');
+        const { onChange: setMonthsValue } = field('monthsValue');
+        useEffect(() => {
+            setMoneyValue &&
+                setMoneyValue(clamp(userInputParams.moneyValue, calcParams.minSum, calcParams.maxSum));
+        }, [calcParams.minSum, calcParams.maxSum]);
+        useEffect(() => {
+            setMonthsValue &&
+                setMonthsValue(clamp(userInputParams.monthsValue, calcParams.minMonths, calcParams.maxMonths));
+        }, [calcParams.minMonths, calcParams.maxMonths]);
+        useEffect(() => {
+            if (!isDefaultParams(defaultParams) && defaultParamsCals) {
+                setDefaultParamsCalc({
+                    field,
+                    defParams: defaultParamsCals,
+                    calcParams,
+                    map: MAP$1,
+                    monthsValue: 'minMonths',
+                });
+            }
+        }, [calcSource, defaultParams]);
+        return (jsx(CalculatorLayout, { className: className, title: title, ...rest, children: jsxs("section", { className: style(CalculatorStyle.wrapper, className), children: [jsxs("div", { className: CalculatorStyle.input, children: [renderWantedSumInput({
+                                title: 'Сумма кредита, ₽',
+                                step: 500,
+                                min: calcParams.minSum,
+                                max: calcParams.maxSum,
+                                ...field('moneyValue'),
+                                value: calcParams.moneyValue,
+                            }), renderMonthsInput({
+                                title: 'Срок кредита, месяцев',
+                                min: calcParams.minMonths,
+                                max: calcParams.maxMonths,
+                                ...field('monthsValue'),
+                                value: calcParams.monthsValue,
+                            }), renderCreditParamsForm$1({ ...calcParams, ...paramsViewSettings }, field), jsx("div", { className: "sm:hidden", children: paymentTypeElement })] }), jsxs("div", { className: style(CalculatorStyle.result, '@4xl:w-1/2'), children: [jsx(CalculatorValue, { title: "\u041F\u043E\u043B\u043D\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u043A\u0440\u0435\u0434\u0438\u0442\u0430", value: calcSource?.totalLoanCost }), jsx(CalculatorValue, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", value: calcParams?.rate, fractionDigits: 2, postfix: "%" }), jsx(CalculatorValue, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calcParams.monthlyPayment, postfix: "\u20BD" }), jsx("div", { className: "hidden sm:block mb-lg", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
+    });
+    const renderCreditParamsForm$1 = (params, field) => (jsxs("div", { className: "flex flex-col gap-y-2xl", children: [params.isShowSalaryClient ? (jsx(Checkbox, { text: `Получаю зарплату на счёт\nв Россельхозбанке`, ...field('isSalaryClient'), value: params.isSalaryClient, className: "whitespace-pre-line sm:whitespace-normal" })) : null, params.isShowStateEmployee ? (jsx(Checkbox, { text: "\u0420\u0430\u0431\u043E\u0442\u0430\u044E \u0432 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0439 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...field('isStateEmployee'), value: params.isStateEmployee })) : null, params.isShowPensionClient ? (jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u043F\u0435\u043D\u0441\u0438\u044E \u043D\u0430 \u043A\u0430\u0440\u0442\u0443 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0430", ...field('isPensionClient'), value: params.isPensionClient })) : null, params.isShowInsurance ? (jsx(Checkbox, { text: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u044F \u0437\u0430\u0449\u0438\u0442\u0430", ...field('isInsurance'), value: params.isInsurance })) : null] }));
+
+    const PARAMS_MAP = {
+        moneyValue: 'sum',
+        monthsValue: 'period',
+        isInsurance: 'isEnableInsurance',
+        isPensionClient: 'isEnablePensionClient',
+        isStateEmployee: 'isEnableStateEmployee',
+        isSalaryClient: 'isEnableSalaryClient',
+        isAnnuity: 'isAnnuity',
+    };
+    const defaultValueAdapter = (value, isInverse = false) => {
+        const keysMap = isInverse ? swap(PARAMS_MAP) : PARAMS_MAP;
+        return Object.fromEntries(Object.entries(value ?? {}).map(([k, v]) => [keysMap[k], v]));
+    };
+    const swap = (_) => Object.fromEntries(Object.entries(_).map(([k, v]) => [v, k]));
+
+    const FIELD_NAME$9 = 'calculator';
+    const CreditCalcField = JSX(({ field, params }) => {
+        const handleChange = useCallback((_) => {
+            field(FIELD_NAME$9).onChange?.(_);
+        }, []);
+        return (jsx(CalculatorCredit, { ...params?.calcData, defaultParams: defaultValueAdapter(field(FIELD_NAME$9).value), onChange: handleChange }));
+    });
+
+    const LABEL_TEXT = `Имеет ли юридическое лицо, акционером / участником / членом / пайщиком / 
+    вкладчиком с долей участия более 20% уставного капитала руководителем, 
+    которого Вы являетесь, кредит в АО «Россельхозбанк»`;
+    const CreditInRshbCdField = JSX(({ field, input }) => {
+        const { data: creditInRshbCd } = useLeadFormData('CREDIT_IN_RSHB');
+        return (jsx(SelectField, { field: field, source: creditInRshbCd, label: LABEL_TEXT, fieldName: "creditInRshbCd", input: input }));
+    });
+
+    const RadioButtonGroupControl = JSX(({ className, label, onChange, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), onChange: (_) => onChange && onChange(_), ...rest }), renderErrorText(error)] })));
+
+    const CURRENCY_TYPES = [{ id: 'rub', text: 'Рубль' }];
+    const CurrencyField = JSX(({ field, input }) => {
+        const { value, onChange } = field('currency');
+        return (jsx(RadioButtonGroupControl, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", orientation: "horizontal", items: CURRENCY_TYPES, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('currency'), validatorObj.currency, input?.required) }));
+    });
+
+    const DeliveryDateFiels = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...getValidation(field('deliveryDate'), validatorObj.deliveryDate, input?.required) })));
+
+    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$8 = 'dulIssueDateField';
+    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field(FIELD_NAME$8), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$8) })));
+
+    const FIELD_NAME$7 = '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$7), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field(FIELD_NAME$7), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
+    });
+
+    const FIELD_NAME$6 = 'dulNumber';
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$6), 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 = 'dulSerie';
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$5), 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 = '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$4), 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$4), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
@@ -3329,11 +3600,10 @@
         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 getPaymentSystems = async () => {
-        const response = await doRequest('/public-data/creditProgramConditions', 'POST', {
-            creditProgramId: 13,
+    const getPaymentSystems = async (creditProgramId) => {
+        const data = await fetchRetailJSON('/public-data/creditProgramConditions', 'POST', {
+            creditProgramId,
         });
-        const data = await response?.json();
         return (data?.paymentSystems?.map((paymentSystem) => ({
             id: paymentSystem.type,
             text: paymentSystem.name,
@@ -3342,12 +3612,15 @@
 
     const PaymentSystemField = JSX(({ field, input }) => {
         const { value, onChange } = field('paymentSystem');
+        const [programId] = useLocalStorage('programId');
         const [paymentSystemOptions, setPaymentSystemOptions] = useState([]);
         useEffect(() => {
-            (async () => {
-                const fetchedPaymentSystems = await getPaymentSystems();
-                setPaymentSystemOptions(fetchedPaymentSystems || []);
-            })();
+            if (programId) {
+                (async () => {
+                    const fetchedPaymentSystems = await getPaymentSystems(programId);
+                    setPaymentSystemOptions(fetchedPaymentSystems || []);
+                })();
+            }
         }, []);
         return (jsx(RadioButtonGroupControl, { label: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430", orientation: "horizontal", items: paymentSystemOptions, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required) }));
     });
@@ -3393,6 +3666,9 @@
     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. Тоже под рефакторинг попадает
@@ -3401,7 +3677,8 @@
         return Array.isArray(data) ? data : EMPTY_REGIONS;
     }
 
-    const RegionField = JSX(({ field, input, url }) => {
+    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) }));
     });
@@ -3513,8 +3790,8 @@
     const PRODUCT_REF = {
         $ref: '/wcms-resources/outservice-productlist.json',
     };
-    const getField = (field, typeForm = '') => (input, i) => {
-        const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
+    const getField = (field, params) => (input, i) => {
+        const isPremium = params?.typeForm === 'ULTRASERVICE' || params?.typeForm === 'PREMIUMSERVICE';
         const InputsMap = {
             surname: jsx(SurnameField, { field: field, input: input }),
             name: jsx(NameField, { field: field, input: input }),
@@ -3564,7 +3841,7 @@
             consentInformFlg: jsx(ConsentField, { field: field, input: input }),
             consentPfrFlg: jsx(ConsentField, { field: field, input: input }),
             applicationDate: (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", ...field('applicationDate') })),
-            region: isPremium ? (jsx(RegionPremiumField, { field: field })) : (jsx(RegionField, { field: field, input: input, url: getRegionUrl(typeForm) })),
+            region: isPremium ? (jsx(RegionPremiumField, { field: field })) : (jsx(RegionField, { field: field, input: input, params: params })),
             education: jsx(EducationField, { field: field, input: input }),
             housing: jsx(HousingField, { field: field, input: input }),
             employment: jsx(EmploymentField, { field: field, input: input }),
@@ -3611,6 +3888,7 @@
             confirmationIncome: jsx(ConfirmationIncomeField, { field: field, input: input }),
             methodObtain: jsx(MethodObtainField, { field: field, input: input }),
             deliveryDate: jsx(DeliveryDateFiels, { field: field, input: input }),
+            calculator: jsx(CreditCalcField, { field: field, params: params }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name || ''] }, String(i))) : null;
     };
@@ -3759,7 +4037,7 @@
                 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] }));
+        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) : _))
@@ -3769,15 +4047,6 @@
             return _ === (dataValue?.key ?? dataValue);
         }));
 
-    function useLocalStorage(key) {
-        const [storedValue, setStoredValue] = useState(JSON.parse(globalThis.localStorage?.getItem(key) || 'null'));
-        const setValue = useCallback((value) => {
-            globalThis.localStorage?.setItem(key, JSON.stringify(value));
-            setStoredValue(value);
-        }, [key, globalThis.localStorage]);
-        return [storedValue, setValue];
-    }
-
     const CONSENT_ALL_DOCS_TEXT = 'Согласие на все документы';
     const CONSENT_REQUIRED = 'Отметьте все обязательные соглашения';
     const GroupedConsents = JSX(({ inputs = [], typeForm = '', field, key }) => {
@@ -3791,20 +4060,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 })) })), 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 })), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, { typeForm })));
     };
     const splitInputs = (inputs) => ({
         consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name || '')) || [],
         restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name || '')) || [],
     });
 
-    /* eslint-disable max-lines */
     const initialFormState = {
         typeForm: '',
         region: { key: '', text: '' },
@@ -3866,19 +4134,19 @@
 
     const createUserProfile = (body) => fetchRetailJSON('/public-data/createUserProfile', 'POST', body).then((res) => res?.profile?.id || null);
 
-    const updateUserProfile = (body) => fetchRetailJSON('/user-data/updateUserProfile', 'PUT', body);
+    const updateUserProfile = (body) => doRequest('/user-data/updateUserProfile', 'PUT', body);
 
-    const updateUserTask = (body) => fetchRetailJSON('/user-data/updateUserTask', 'PUT', body);
+    const updateUserTask = (body) => doRequest('/user-data/updateUserTask', 'PUT', body);
 
     const getUpdateUserProfileData = (profileId, formData) => {
-        const { name = '', surname = '', middleName = '', birthday = '', phone = '', email = '', processPersonalDataFlg, consentProviderFlg, consentPfrFlg, consentPhotoFlg, consentAssignmentClaimsFlg, consentCollectionFlg, consentInformFlg, } = formData;
+        const { name = '', surname = '', middleName = '', limitedBirthday = '', phone = '', email = '', processPersonalDataFlg, consentProviderFlg, consentPfrFlg, consentPhotoFlg, consentAssignmentClaimsFlg, consentCollectionFlg, consentInformFlg, } = formData;
         return {
             profile: {
                 id: profileId,
                 name,
                 surname,
                 midname: middleName,
-                birthDate: birthday && formatDate(birthday, true),
+                birthDate: limitedBirthday && formatDate(limitedBirthday, true),
                 email,
                 phone: formatPhone(phone),
                 processPersonalDataFlg: Boolean(processPersonalDataFlg),
@@ -4159,16 +4427,21 @@
         const { open, close } = useDialogManager();
         const verifyPhoneDialog = useVerifyPhoneDialog();
         const handleSuccessVerify = (profileId) => async (smsCode) => {
-            if (profileId) {
-                await updateUserProfile({
-                    profile: {
-                        id: profileId,
-                        consentBkiFlg: true,
-                        smsConsentBki: smsCode,
-                    },
-                });
+            try {
+                if (profileId) {
+                    await updateUserProfile({
+                        profile: {
+                            id: profileId,
+                            consentBkiFlg: true,
+                            smsConsentBki: smsCode,
+                        },
+                    });
+                }
+                onClose();
+            }
+            catch (ex) {
+                console.log(ex);
             }
-            onClose();
         };
         const handleSubmitBkiConstent = (phone, profileId) => async (confirmStatus) => {
             close();
@@ -4324,13 +4597,15 @@
         const [, setTaskId] = useLocalStorage('taskId');
         const [, setProfileId] = useLocalStorage('profileId');
         const [, setParticipantId] = useLocalStorage('participantId');
+        const [, setProgramId] = useLocalStorage('programId');
         const esiaLoginDialog = useEsiaLoginDialog(nextStepLink);
         const consentBkiDialog = useConsentBkiDialog(esiaLoginDialog.open);
         const verifyPhoneDialog = useVerifyPhoneDialog();
-        const saveUserData = useCallback((participantId, taskId, profileId) => {
+        const saveUserData = useCallback(({ participantId, taskId, profileId, programId: programNumber }) => {
             setParticipantId(participantId);
             setTaskId(taskId);
             setProfileId(profileId);
+            setProgramId(programNumber);
         }, []);
         // eslint-disable-next-line consistent-return
         const handleSubmit = useCallback(async (formData) => {
@@ -4381,13 +4656,18 @@
             profileId,
             programId,
         });
-        await updateUserTask(getLeadFormTaskData({
-            participantId,
-            taskId,
-            profileId,
-            formData: transformedForm,
-        }));
-        saveUserData(participantId, taskId, profileId);
+        try {
+            await updateUserTask(getLeadFormTaskData({
+                participantId,
+                taskId,
+                profileId,
+                formData: transformedForm,
+            }));
+        }
+        catch (ex) {
+            console.log(ex);
+        }
+        saveUserData({ participantId, taskId, profileId, programId });
         saveForm(formData);
     };
     const verifyPhoneContent = (phone, consents) => ({
@@ -4644,13 +4924,6 @@
 
     const areArraysEqual = (as, bs) => as === bs || Boolean(as && bs && as?.length === bs?.length && as.every((_, i) => _ === bs[i]));
 
-    const defaultDiscriminator = (_) => _;
-    const maxBy = (discriminator = defaultDiscriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
-    const max = maxBy();
-
-    const minBy = (discriminator = defaultDiscriminator) => maxBy((_) => -discriminator(_));
-    const min = minBy();
-
     const getItemWidth = (container) => (itemCount) => container.scrollWidth / itemCount;
     const scrollBy = (container) => (itemCount, delta) => {
         container.scrollBy({ left: delta * getItemWidth(container)(itemCount), behavior: 'smooth' });
@@ -5004,39 +5277,12 @@
         return (jsx(BlockWrapper, { className: style('!bg-transparent', alignStyle, className), defaultPadding: "p-0", ...rest, children: renderButtonsSection(buttons) }));
     });
 
-    const CalculatorLayout = JSX(({ className, title, children, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-xl', className), defaultPadding: "p-4xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title }) : null, children] })));
-
-    const CalculatorStyle = {
-        wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
-        input: 'flex flex-col lg:max-w-80 lg:w-1/2 gap-2xl',
-        result: 'flex flex-col gap-y-xl min-w-52',
-    };
-
-    const FormatValue = JSX(({ value, fractionDigits, fixed, prefix, postfix }) => (jsx(Text, { size: "text-h3", children: typeof value === 'number'
-            ? [prefix, toLocalNumberFormat(fractionDigits, { fixed })(value), postfix]
-                .filter(Boolean)
-                .join(' ')
-            : value })));
-
-    const CalculatorValueStyle = 'flex justify-between @xl:flex-col';
-    const CalculatorValue = JSX(({ className, title, value, color = 'text-secondary-text', ...rest }) => (jsxs("div", { className: style(CalculatorValueStyle, className), children: [title ? (jsx(Text, { size: "text-l", font: "font-light", color: color, children: title })) : null, value ? jsx(FormatValue, { value: value, ...rest }) : jsx(Text, { size: "text-h3", children: "-" })] })));
-
-    const renderFootnote = (text, key) => text ? (jsx(Paragraph, { size: "text-xs", font: "font-light", color: "text-secondary-text", children: text }, String(key))) : null;
-
     const Rate = JSX(({ rate = 0, title = 'Ставка', unit, fractionDigits = 2, depositeName, isShowDepositeName, color = 'text-secondary-text', }) => (jsxs("div", { children: [jsx(Text, { size: "text-l", font: "font-light", color: color, children: title }), jsxs("div", { className: "relative", children: [jsxs("div", { className: "flex @xl:justify-center gradient-color-text", children: [jsx("span", { className: "font-mohave text-title-huge -mt-m tracking-[-15px]", children: toLocalNumberFormat(fractionDigits, { fixed: true })(rate) }), unit ? jsx("span", { className: "text-7xl mt-5", children: unit }) : null] }), depositeName && isShowDepositeName ? (jsx("div", { className: "absolute bottom-2 w-full text-left whitespace-nowrap", children: depositeName })) : null] })] })));
 
     const UnknownRate = JSX(({ title = 'Ставка' }) => (jsxs("div", { className: "space-y-s min-w-96", children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-secondary-text", children: title }), jsx(Icon, { className: "w-10 h-auto lg:w-40", name: "PercentIcon" }), jsx("div", { className: "w-64", children: jsx(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u043D\u0430\u044F \u0441\u0442\u0430\u0432\u043A\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430, \u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B" }) })] })));
 
     const renderRate = ({ title = 'Ставка', rate = 0, unit = '%', fractionDigits = 2, color = 'text-secondary-text', children, ...rest }) => rate ? (jsxs("div", { className: "flex flex-col", children: [jsx("div", { className: "hidden lg:block min-w-96", children: jsx(Rate, { title: title, rate: rate, unit: unit, fractionDigits: fractionDigits, color: color, ...rest }) }), jsx(CalculatorValue, { className: "lg:hidden", title: title, value: rate, postfix: unit, fractionDigits: fractionDigits, fixed: true, color: color, ...rest }), children] })) : (jsx(UnknownRate, { title: title, ...rest }));
 
-    const DEFAULT_MONEY_STEP = 1000;
-    const renderWantedSumInput = ({ isShowItems = true, step = DEFAULT_MONEY_STEP, postfix = '₽', ...rest }) => (jsx(InputRange, { items: isShowItems
-            ? [
-                `От ${toLocalNumberFormat(1)(rest.min || 0)} ${postfix}`,
-                `До ${toLocalNumberFormat(1)(rest.max || 0)} ${postfix}`,
-            ]
-            : [], step: step, ...rest }));
-
     const DEFAULT_BONUS_CALCULATOR_PARAMS$1 = {
         minSumTravel: 6000,
         maxSumTravel: 200000,
@@ -5049,13 +5295,13 @@
         travelBonusRate: 0.015,
         restBonusRate: 0.01,
     };
-    const MONTHS_IN_YEAR$1 = 12;
+    const MONTHS_IN_YEAR = 12;
     const getBonus = (params, bonusTravelValue, bonusOtherValue) => {
         const { maxBonus = 5000, prefMonthsNum = DEFAULT_BONUS_CALCULATOR_PARAMS$1.prefMonthsNum, prefTravelBonusRate = DEFAULT_BONUS_CALCULATOR_PARAMS$1.prefTravelBonusRate, prefRestBonusRate = 0.01, travelBonusRate = 0.015, restBonusRate = 0.01, } = params;
         const prefBonus = Math.min(Math.round(prefTravelBonusRate * bonusTravelValue) +
             Math.round(prefRestBonusRate * bonusOtherValue), maxBonus);
         const bonus = Math.min(Math.round(travelBonusRate * bonusTravelValue) + Math.round(restBonusRate * bonusOtherValue), maxBonus);
-        const yearBonus = prefBonus * prefMonthsNum + bonus * (MONTHS_IN_YEAR$1 - prefMonthsNum);
+        const yearBonus = prefBonus * prefMonthsNum + bonus * (MONTHS_IN_YEAR - prefMonthsNum);
         return [prefBonus, yearBonus];
     };
 
@@ -5111,29 +5357,14 @@
                                 fractionDigits: 0,
                                 unit: '',
                                 color: 'text-primary-text',
-                            })
-                            : null }), jsxs("div", { className: CalculatorStyle.result, children: [yearBonus >= 0 ? (jsx(CalculatorValue, { title: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0437\u0430 \u0433\u043E\u0434", value: yearBonus, color: "text-primary-text" })) : null, renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
-    });
-
-    const MONTHS_IN_YEAR = 12;
-    const MONTHLY_INTEREST_RATE = MONTHS_IN_YEAR * 100;
-    const DEFAULT_MIN_MONTHS = 1;
-    const DEFAULT_MAX_MONTHS = 60;
-    const DEFAULT_MONTHS = Math.round((DEFAULT_MAX_MONTHS - DEFAULT_MIN_MONTHS) / 2);
-
-    const getMoneyDefaultValue = (defaultParams, defaultMoney = 0) => defaultParams?.sum ? defaultParams.sum : defaultMoney;
-    const getMonthsDefaultValue = (defaultParams, defaultMonth = 0) => defaultParams?.period &&
-        defaultParams.period >= DEFAULT_MIN_MONTHS &&
-        defaultParams.period <= DEFAULT_MAX_MONTHS
-        ? defaultParams.period
-        : defaultMonth;
+                            })
+                            : null }), jsxs("div", { className: CalculatorStyle.result, children: [yearBonus >= 0 ? (jsx(CalculatorValue, { title: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0437\u0430 \u0433\u043E\u0434", value: yearBonus, color: "text-primary-text" })) : null, renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
+    });
 
     const STEP_DAYS = 1;
     const renderDaysInput = (props) => (jsx(InputRange, { items: [`От ${daysText(props.min || 0)}`, `До ${daysText(props.max || 0)}`], step: STEP_DAYS, ...props }));
     const daysText = (days) => `${days} ${Number(days) % 10 === 1 ? 'дня' : 'дней'}`;
 
-    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 renderPayout = (props) => renderBinaryRadioButtonGroup({
         ...props,
         items: [
@@ -5145,22 +5376,6 @@
     const CAPITALIZATION = ' (c капитализацией)';
     const renderDepositResult = ({ income, finalSum, postfix = '₽', buttons = [], footnotes = [], isCapitalization = false, }) => (jsxs("div", { className: CalculatorStyle.result, children: [jsx(CalculatorValue, { title: `Доход в конце срока${isCapitalization ? CAPITALIZATION : ''}`, value: income, postfix: postfix, prefix: "+" }), jsx(CalculatorValue, { title: `Сумма в конце срока${isCapitalization ? CAPITALIZATION : ''}`, value: finalSum, postfix: postfix }), renderButtonsSection(buttons, { isVertical: true }), footnotes?.map(renderFootnote)] }));
 
-    const getLimitRangeByKeys = ([minKey, maxKey], limitParams, rateRows = []) => limitParams && limitParams[minKey] && limitParams[maxKey]
-        ? {
-            [minKey]: limitParams[minKey],
-            [maxKey]: limitParams[maxKey],
-        }
-        : getRangeByKeys([minKey, maxKey], rateRows);
-    const getRangeByKeys = ([minKey, maxKey], rows = []) => ({
-        [minKey]: rows.length
-            ? min(rows.filter((row) => typeof row[minKey] === 'number').map((row) => row[minKey]))
-            : 0,
-        [maxKey]: rows.length
-            ? max(rows.filter((row) => typeof row[minKey] === 'number').map((row) => row[maxKey]))
-            : 0,
-    });
-    const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value <= sourceBookRow[maxKey];
-
     const DEPOSIT_RATES_SERVICE_MAP = {
         UL: 'businessdepositrates',
         IP: 'selfemployeddepositrates',
@@ -5170,320 +5385,104 @@
         const { data } = useAsyncData(serviceName ? `${API_BASE_URI}/depositrates/${serviceName}` : null, fetchJSONUnsafe);
         return Array.isArray(data) ? data : [];
     }
-
-    const BUSINESS_MIN_DAYS = 1;
-    const BUSINESS_MAX_DAYS = 1095;
-    const BUSINESS_OPERATING_MIN_DAYS = 90;
-    const BUSINESS_OPERATING_MAX_DAYS = 730;
-    const DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS = {
-        minSum: 1000,
-        maxSum: 100000001,
-        minDays: BUSINESS_MIN_DAYS,
-        maxDays: BUSINESS_MAX_DAYS,
-        rate: 0,
-        isMonthlyInterestPayment: true,
-        isReplenished: false,
-        isPartialWithdrawal: false,
-        depositeName: "Депозит 'Стабильный'",
-    };
-    const useBusinessDepositParams = (userInputParams, rateParams) => {
-        const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isMonthlyInterestPayment } = userInputParams;
-        const isOperatingDeposit = isReplenished || isPartialWithdrawal;
-        const isDisabledOperatingDeposit = daysValue < BUSINESS_OPERATING_MIN_DAYS || daysValue > BUSINESS_OPERATING_MAX_DAYS;
-        const rateRows = useBusinessDepositRates(rateParams);
-        const businessDepositCalculatorSourceBookParams = rateRows?.find((_) => {
-            return (isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
-                checkIsOperatingDeposit(isOperatingDeposit, _) &&
-                checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
-                checkRangeByKeys(daysValue, ['minDays', 'maxDays'], _));
-        }) || DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS;
-        const { rate } = businessDepositCalculatorSourceBookParams;
-        const income = getDepositIncome$1(rate, userInputParams);
-        const finalSum = moneyValue + income;
-        const sourceBookRows = rateRows || [DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS];
-        return {
-            ...businessDepositCalculatorSourceBookParams,
-            ...getRangeByKeys(['minSum', 'maxSum'], sourceBookRows),
-            ...getRangeByKeys(['minDays', 'maxDays'], sourceBookRows),
-            ...userInputParams,
-            isDisabledOperatingDeposit,
-            income,
-            finalSum,
-        };
-    };
-    const checkIsOperatingDeposit = (isOperatingDeposit, sourceBookRow) => isOperatingDeposit
-        ? sourceBookRow.isReplenished && sourceBookRow.isPartialWithdrawal
-        : !sourceBookRow.isReplenished && !sourceBookRow.isPartialWithdrawal;
-    const getDepositIncome$1 = (rate, userInputParams) => {
-        const { isMonthlyInterestPayment, moneyValue, daysValue } = userInputParams;
-        /*
-        Приблизительный расчёт, не учитывающий разницу в количестве дней в месяцах. Месяц принят за 30 дней, год за 365 дней.
-        */
-        if (isMonthlyInterestPayment) {
-            return Math.round(moneyValue * Math.pow((1200 + rate) / 1200, daysValue / 30) - moneyValue);
-        }
-        else {
-            return Math.round((moneyValue * rate * daysValue) / 365 / 100);
-        }
-    };
-
-    const BUSINESS_DEFAULT_SUM = 100000;
-    const BUSINESS_DEFAULT_DAYS = 60;
-    const CalculatorBusinessDeposit = UniBlock(({ className = '', title, buttons, footnote, bottomFootnote, isShowDepositeName, defaultParams, rateParams, ...rest }) => {
-        const [userInputParams, { field }] = useForm({
-            moneyValue: getMoneyDefaultValue(defaultParams, BUSINESS_DEFAULT_SUM),
-            daysValue: getMonthsDefaultValue(defaultParams, BUSINESS_DEFAULT_DAYS),
-            isReplenished: Boolean(defaultParams?.isReplenished),
-            isPartialWithdrawal: Boolean(defaultParams?.isPartialWithdrawal),
-            isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
-        });
-        const calculatorParams = useBusinessDepositParams(userInputParams, rateParams);
-        const { income, finalSum, rate, depositeName } = calculatorParams;
-        return (jsx(CalculatorLayout, { className: className, title: title, ...rest, children: jsxs("section", { className: style(CalculatorStyle.wrapper, className), children: [jsxs("div", { className: CalculatorStyle.input, children: [renderWantedSumInput({
-                                title: 'Сумма, ₽',
-                                min: calculatorParams.minSum,
-                                max: calculatorParams.maxSum,
-                                ...field('moneyValue'),
-                                value: calculatorParams.moneyValue,
-                            }), renderDaysInput({
-                                title: 'Срок, дней',
-                                min: calculatorParams.minDays,
-                                max: calculatorParams.maxDays,
-                                ...field('daysValue'),
-                                value: calculatorParams.daysValue,
-                            }), jsxs("div", { className: "flex flex-col sm:flex-row gap-y-m gap-x-5xl", children: [renderBusinessDepositParamsForm(calculatorParams, field), renderPayout({
-                                        title: 'Выплата процентов',
-                                        orientation: 'vertical',
-                                        ...field('isMonthlyInterestPayment'),
-                                        className: 'sm:flex-col',
-                                    })] })] }), renderRate({
-                        rate,
-                        depositeName,
-                        isShowDepositeName,
-                    }), renderDepositResult({
-                        income,
-                        finalSum,
-                        buttons,
-                        footnotes: [footnote, bottomFootnote],
-                    })] }) }));
-    });
-    const renderBusinessDepositParamsForm = (calculatorParams, field) => (jsxs("div", { className: "space-y-s", children: [jsx(Text, { color: "text-secondary-text", font: "font-light", children: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B" }), jsxs("div", { className: "flex flex-col gap-y-lg sm:gap-y-s", children: [jsx(Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), jsx(Checkbox, { disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal })] })] }));
-
-    const getDefaultParamsMin = (rateRows) => getDefaultParams([(i, acc) => i < acc, (i, prev) => i?.maxSum > prev?.maxSum], rateRows);
-    const getDefaultParamsMax = (rateRows = [], isNewClient = false) => getDefaultParams([(i, acc) => i > acc, (i, prev) => i?.minSum < prev?.minSum], rateRows?.filter((_) => isNewClient === Boolean(_?.isNewClient)));
-    const getDefaultParams = (comparators, rateRows) => {
-        if (!rateRows?.length) {
-            return undefined;
-        }
-        const rates = rateRows?.reduce((acc, i) => {
-            if (comparators[0](i.rate, acc[0].rate)) {
-                return [i];
-            }
-            else if (i.rate === acc[0].rate) {
-                return [...acc, i];
-            }
-            return acc;
-        }, [rateRows[0]]);
-        if (rates.length > 1) {
-            return rates.reduce((prev, i) => (comparators[1](i, prev) ? i : prev), rates[0]);
-        }
-        return rates[0];
-    };
-
-    const STEP_MONTHS = 1;
-    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 renderPaymentType = (props) => renderBinaryRadioButtonGroup({
-        ...props,
-        className: 'sm:flex-col',
-        items: [
-            { id: 'annuity', text: 'Аннуитетный' },
-            { id: 'differential', text: 'Дифференцированный' },
-        ],
-    });
-
-    const setDefaultParamsCalc = ({ field, defParams, calcParams, map, monthsValue = 'maxMonths', }) => {
-        Object.entries(map).forEach(([key, value]) => {
-            field?.(key)?.onChange?.(defParams?.[value]);
-        });
-        field?.('monthsValue')?.onChange?.(clamp(defParams?.[monthsValue], calcParams.minMonths, calcParams.maxMonths));
-    };
-
-    /**
-     * Формулы расчёта аннуитетных и дифференцированных платежей:
-     * https://finuslugi.ru/potrebitelskie_kredity/stat_annuitetnye_i_differentsirovannye_platezhi
-     */
-    const getMonthlyPayment = (rate, params) => {
-        const { isAnnuity, moneyValue, monthsValue, moneyExtra } = params;
-        if (rate === 0) {
-            return 0;
-        }
-        else if (isAnnuity) {
-            const i = rate / MONTHLY_INTEREST_RATE; // Используется значение ставки в процентах
-            if (moneyExtra) {
-                return (moneyValue + moneyExtra) * (i + i / (Math.pow(1 + i, monthsValue) - 1));
-            }
-            else {
-                return moneyValue * (i + i / (Math.pow(1 + i, monthsValue) - 1));
-            }
-        }
-        else {
-            return Math.round(moneyValue / monthsValue) + moneyValue * (rate / (MONTHS_IN_YEAR * 100)); // Используется значение ставки (rate) в процентах, делённое на сто.
-        }
-    };
-
-    const DEFAULT_MIN_SUM$2 = 10000;
-    const DEFAULT_MAX_SUM$1 = 5000000;
-    const DEFAULT_CREDIT_CALCULATOR_PARAMS = {
-        minSum: DEFAULT_MIN_SUM$2,
-        maxSum: DEFAULT_MAX_SUM$1,
-        minMonths: DEFAULT_MIN_MONTHS,
-        maxMonths: DEFAULT_MAX_MONTHS,
-        rate: 0,
-        isSalaryClient: false,
-        isPensionClient: false,
-        isStateEmployee: false,
-        isInsurance: true,
-    };
-
-    const checkCreditSourceBookRowCommonParams = (props) => checkRowParam$1({
-        ...props,
-        fieldKey: 'isSalaryClient',
-        viewSettingFieldKey: 'isShowSalaryClient',
-    }) &&
-        checkRowParam$1({
-            ...props,
-            fieldKey: 'isStateEmployee',
-            viewSettingFieldKey: 'isShowStateEmployee',
-        }) &&
-        checkRowParam$1({
-            ...props,
-            fieldKey: 'isPensionClient',
-            viewSettingFieldKey: 'isShowPensionClient',
-        }) &&
-        checkRowParam$1({
-            ...props,
-            fieldKey: 'isInsurance',
-            viewSettingFieldKey: 'isShowInsurance',
-        });
-    const checkRowParam$1 = ({ row, userInputParams, paramsViewSettings, fieldKey, viewSettingFieldKey, }) => {
-        const isExclude = paramsViewSettings ? !paramsViewSettings[viewSettingFieldKey] : false;
-        return isExclude || userInputParams[fieldKey] === row[fieldKey];
-    };
-
-    const getCreditCalculatorLimitParams = ({ limitRows, userInputParams, paramsViewSettings, }) => limitRows?.find((row) => checkCreditSourceBookRowCommonParams({
-        row,
-        userInputParams,
-        paramsViewSettings,
-    }));
-
-    const getCreditCalculatorRateParams = ({ rateRows = [], userInputParams, paramsViewSettings, moneyValue, monthsValue, }) => rateRows?.find((row) => checkCreditSourceBookRowCommonParams({
-        row,
-        userInputParams,
-        paramsViewSettings,
-    }) &&
-        checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], row) &&
-        checkRangeByKeys(monthsValue, ['minMonths', 'maxMonths'], row)) || DEFAULT_CREDIT_CALCULATOR_PARAMS;
-
-    const getCreditCalculatorParams = (userInputParams, calcSource, paramsViewSettings) => {
-        const { moneyValue, monthsValue } = userInputParams;
-        const rateRows = calcSource?.rateRows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
-        const limitRows = calcSource?.limitRows || [];
-        const creditCalculatorSourceBookLimitParams = getCreditCalculatorLimitParams({
-            limitRows,
-            userInputParams,
-            paramsViewSettings,
-        });
-        const { minSum, maxSum } = getLimitRangeByKeys(['minSum', 'maxSum'], creditCalculatorSourceBookLimitParams, rateRows);
-        const { minMonths, maxMonths } = getLimitRangeByKeys(['minMonths', 'maxMonths'], creditCalculatorSourceBookLimitParams, rateRows);
-        const creditCalculatorRateParams = getCreditCalculatorRateParams({
-            rateRows,
-            userInputParams,
-            paramsViewSettings,
-            moneyValue,
-            monthsValue,
-        });
-        const { rate } = creditCalculatorRateParams;
-        const monthlyPayment = getMonthlyPayment(rate, userInputParams);
+
+    const BUSINESS_MIN_DAYS = 1;
+    const BUSINESS_MAX_DAYS = 1095;
+    const BUSINESS_OPERATING_MIN_DAYS = 90;
+    const BUSINESS_OPERATING_MAX_DAYS = 730;
+    const DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS = {
+        minSum: 1000,
+        maxSum: 100000001,
+        minDays: BUSINESS_MIN_DAYS,
+        maxDays: BUSINESS_MAX_DAYS,
+        rate: 0,
+        isMonthlyInterestPayment: true,
+        isReplenished: false,
+        isPartialWithdrawal: false,
+        depositeName: "Депозит 'Стабильный'",
+    };
+    const useBusinessDepositParams = (userInputParams, rateParams) => {
+        const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isMonthlyInterestPayment } = userInputParams;
+        const isOperatingDeposit = isReplenished || isPartialWithdrawal;
+        const isDisabledOperatingDeposit = daysValue < BUSINESS_OPERATING_MIN_DAYS || daysValue > BUSINESS_OPERATING_MAX_DAYS;
+        const rateRows = useBusinessDepositRates(rateParams);
+        const businessDepositCalculatorSourceBookParams = rateRows?.find((_) => {
+            return (isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
+                checkIsOperatingDeposit(isOperatingDeposit, _) &&
+                checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
+                checkRangeByKeys(daysValue, ['minDays', 'maxDays'], _));
+        }) || DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS;
+        const { rate } = businessDepositCalculatorSourceBookParams;
+        const income = getDepositIncome$1(rate, userInputParams);
+        const finalSum = moneyValue + income;
+        const sourceBookRows = rateRows || [DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS];
         return {
-            ...creditCalculatorRateParams,
+            ...businessDepositCalculatorSourceBookParams,
+            ...getRangeByKeys(['minSum', 'maxSum'], sourceBookRows),
+            ...getRangeByKeys(['minDays', 'maxDays'], sourceBookRows),
             ...userInputParams,
-            minSum,
-            maxSum,
-            minMonths,
-            maxMonths,
-            moneyValue,
-            monthsValue,
-            monthlyPayment,
+            isDisabledOperatingDeposit,
+            income,
+            finalSum,
         };
     };
-
-    const isDefaultParams = (defaultParams = {}) => Boolean(Object.values(defaultParams).filter((_) => _).length);
-
-    const CREDIT_DEFAULT_SUM = 200000;
-    const MAP$1 = {
-        isSalaryClient: 'isSalaryClient',
-        isStateEmployee: 'isStateEmployee',
-        isPensionClient: 'isPensionClient',
-        isInsurance: 'isInsurance',
-        moneyValue: 'maxSum',
+    const checkIsOperatingDeposit = (isOperatingDeposit, sourceBookRow) => isOperatingDeposit
+        ? sourceBookRow.isReplenished && sourceBookRow.isPartialWithdrawal
+        : !sourceBookRow.isReplenished && !sourceBookRow.isPartialWithdrawal;
+    const getDepositIncome$1 = (rate, userInputParams) => {
+        const { isMonthlyInterestPayment, moneyValue, daysValue } = userInputParams;
+        /*
+        Приблизительный расчёт, не учитывающий разницу в количестве дней в месяцах. Месяц принят за 30 дней, год за 365 дней.
+        */
+        if (isMonthlyInterestPayment) {
+            return Math.round(moneyValue * Math.pow((1200 + rate) / 1200, daysValue / 30) - moneyValue);
+        }
+        else {
+            return Math.round((moneyValue * rate * daysValue) / 365 / 100);
+        }
     };
-    const CalculatorCredit = UniBlock(({ className, title, calcSource, buttons, footnote, paramsViewSettings, defaultParams, registerSubmit, ...rest }) => {
-        const defaultParamsCals = getDefaultParamsMin(calcSource?.rateRows);
-        const [userInputParams, { field, onSubmit }] = useForm({
-            moneyValue: getMoneyDefaultValue(defaultParams, CREDIT_DEFAULT_SUM),
-            monthsValue: getMonthsDefaultValue(defaultParams, DEFAULT_MONTHS),
-            isAnnuity: Boolean(defaultParams?.isAnnuity),
-            isInsurance: Boolean(defaultParams?.isEnableInsurance),
-            isSalaryClient: Boolean(defaultParams?.isEnableSalaryClient),
-            isPensionClient: Boolean(defaultParams?.isEnablePensionClient),
-            isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
-        });
-        registerSubmit?.(onSubmit);
-        const calcParams = getCreditCalculatorParams(userInputParams, calcSource, paramsViewSettings);
-        const paymentTypeElement = renderPaymentType({
-            title: 'Тип платежа',
-            orientation: 'vertical',
-            ...field('isAnnuity'),
+
+    const BUSINESS_DEFAULT_SUM = 100000;
+    const BUSINESS_DEFAULT_DAYS = 60;
+    const CalculatorBusinessDeposit = UniBlock(({ className = '', title, buttons, footnote, bottomFootnote, isShowDepositeName, defaultParams, rateParams, ...rest }) => {
+        const [userInputParams, { field }] = useForm({
+            moneyValue: getMoneyDefaultValue(defaultParams, BUSINESS_DEFAULT_SUM),
+            daysValue: getMonthsDefaultValue(defaultParams, BUSINESS_DEFAULT_DAYS),
+            isReplenished: Boolean(defaultParams?.isReplenished),
+            isPartialWithdrawal: Boolean(defaultParams?.isPartialWithdrawal),
+            isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
         });
-        const { onChange: setMoneyValue } = field('moneyValue');
-        const { onChange: setMonthsValue } = field('monthsValue');
-        useEffect(() => {
-            setMoneyValue &&
-                setMoneyValue(clamp(userInputParams.moneyValue, calcParams.minSum, calcParams.maxSum));
-        }, [calcParams.minSum, calcParams.maxSum]);
-        useEffect(() => {
-            setMonthsValue &&
-                setMonthsValue(clamp(userInputParams.monthsValue, calcParams.minMonths, calcParams.maxMonths));
-        }, [calcParams.minMonths, calcParams.maxMonths]);
-        useEffect(() => {
-            if (!isDefaultParams(defaultParams) && defaultParamsCals) {
-                setDefaultParamsCalc({
-                    field,
-                    defParams: defaultParamsCals,
-                    calcParams,
-                    map: MAP$1,
-                    monthsValue: 'minMonths',
-                });
-            }
-        }, [calcSource, defaultParams]);
+        const calculatorParams = useBusinessDepositParams(userInputParams, rateParams);
+        const { income, finalSum, rate, depositeName } = calculatorParams;
         return (jsx(CalculatorLayout, { className: className, title: title, ...rest, children: jsxs("section", { className: style(CalculatorStyle.wrapper, className), children: [jsxs("div", { className: CalculatorStyle.input, children: [renderWantedSumInput({
-                                title: 'Сумма кредита, ₽',
-                                step: 500,
-                                min: calcParams.minSum,
-                                max: calcParams.maxSum,
+                                title: 'Сумма, ₽',
+                                min: calculatorParams.minSum,
+                                max: calculatorParams.maxSum,
                                 ...field('moneyValue'),
-                                value: calcParams.moneyValue,
-                            }), renderMonthsInput({
-                                title: 'Срок кредита, месяцев',
-                                min: calcParams.minMonths,
-                                max: calcParams.maxMonths,
-                                ...field('monthsValue'),
-                                value: calcParams.monthsValue,
-                            }), renderCreditParamsForm$1({ ...calcParams, ...paramsViewSettings }, field), jsx("div", { className: "sm:hidden", children: paymentTypeElement })] }), jsxs("div", { className: style(CalculatorStyle.result, '@4xl:w-1/2'), children: [jsx(CalculatorValue, { title: "\u041F\u043E\u043B\u043D\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u043A\u0440\u0435\u0434\u0438\u0442\u0430", value: calcSource?.totalLoanCost }), jsx(CalculatorValue, { title: "\u0421\u0442\u0430\u0432\u043A\u0430", value: calcParams?.rate, fractionDigits: 2, postfix: "%" }), jsx(CalculatorValue, { title: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436", value: calcParams.monthlyPayment, postfix: "\u20BD" }), jsx("div", { className: "hidden sm:block mb-lg", children: paymentTypeElement }), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote)] })] }) }));
+                                value: calculatorParams.moneyValue,
+                            }), renderDaysInput({
+                                title: 'Срок, дней',
+                                min: calculatorParams.minDays,
+                                max: calculatorParams.maxDays,
+                                ...field('daysValue'),
+                                value: calculatorParams.daysValue,
+                            }), jsxs("div", { className: "flex flex-col sm:flex-row gap-y-m gap-x-5xl", children: [renderBusinessDepositParamsForm(calculatorParams, field), renderPayout({
+                                        title: 'Выплата процентов',
+                                        orientation: 'vertical',
+                                        ...field('isMonthlyInterestPayment'),
+                                        className: 'sm:flex-col',
+                                    })] })] }), renderRate({
+                        rate,
+                        depositeName,
+                        isShowDepositeName,
+                    }), renderDepositResult({
+                        income,
+                        finalSum,
+                        buttons,
+                        footnotes: [footnote, bottomFootnote],
+                    })] }) }));
     });
-    const renderCreditParamsForm$1 = (params, field) => (jsxs("div", { className: "flex flex-col gap-y-2xl", children: [params.isShowSalaryClient ? (jsx(Checkbox, { text: `Получаю зарплату на счёт\nв Россельхозбанке`, ...field('isSalaryClient'), value: params.isSalaryClient, className: "whitespace-pre-line sm:whitespace-normal" })) : null, params.isShowStateEmployee ? (jsx(Checkbox, { text: "\u0420\u0430\u0431\u043E\u0442\u0430\u044E \u0432 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0439 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...field('isStateEmployee'), value: params.isStateEmployee })) : null, params.isShowPensionClient ? (jsx(Checkbox, { text: "\u041F\u043E\u043B\u0443\u0447\u0430\u044E \u043F\u0435\u043D\u0441\u0438\u044E \u043D\u0430 \u043A\u0430\u0440\u0442\u0443 \u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u0430", ...field('isPensionClient'), value: params.isPensionClient })) : null, params.isShowInsurance ? (jsx(Checkbox, { text: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u0430\u044F \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u044F \u0437\u0430\u0449\u0438\u0442\u0430", ...field('isInsurance'), value: params.isInsurance })) : null] }));
+    const renderBusinessDepositParamsForm = (calculatorParams, field) => (jsxs("div", { className: "space-y-s", children: [jsx(Text, { color: "text-secondary-text", font: "font-light", children: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B" }), jsxs("div", { className: "flex flex-col gap-y-lg sm:gap-y-s", children: [jsx(Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), jsx(Checkbox, { disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal })] })] }));
 
     const arrayByRange = (start, stop, step = 1) => Array.from({ length: Math.abs(stop - start) / step + 1 }, (value, index) => stop >= start ? start + index * step : start - index * step);
 
@@ -6137,10 +6136,10 @@
             }
         }), [options?.parent]);
         return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [isIcon(icon) ? (jsx("div", { className: "self-center", children: jsx(Img, { image: icon }) })) : null, title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsx(Foldable, { renderFoldableSection: () => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isVisible, children: hiddenCells })] })), renderFoldButton: cardCells.length >= visibleCellsCount
-                        ? renderFoldButton$1(options?.parent, data, isVisible)
+                        ? renderFoldButton$2(options?.parent, data, isVisible)
                         : null })) : (jsx("div", { children: visibleCells }))] }));
     });
-    const renderFoldButton$1 = (parent, data, isUnfolded = false) => () => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: () => {
+    const renderFoldButton$2 = (parent, data, isUnfolded = false) => () => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: () => {
             if (parent !== undefined) {
                 defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
             }
@@ -6202,6 +6201,16 @@
 
     const sendSignalToProcess = (body) => doRequest('/user-data/sendSignalToProcess', 'POST', body);
 
+    const useInterval = (handler, period) => {
+        const timer = useRef(null);
+        const clearTimer = useCallback(() => timer.current && clearInterval(timer.current), []);
+        useEffect(() => {
+            timer.current = setInterval(() => handler(clearTimer), period);
+            return clearTimer;
+        }, [handler, period]);
+        return clearTimer;
+    };
+
     const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', link }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsxs("div", { className: "", children: [jsx(RichText, { __html: __html }), link?.text ? jsx(LinkButton, { className: "text-primary-main", children: link.text }) : null] })] })));
 
     const TimerCircle = JSX(({ interval = 0, intervalExpireAction = () => null, title, __html }) => {
@@ -6218,7 +6227,9 @@
                                     } }), jsx("div", { className: "z-10 flex items-center justify-center px-4 py-2 rounded-full w-20 h-20 bg-white text-primary-text text-m", children: jsx(Timer, { interval: interval, time: time, setTime: setTimeWithHandleExpire }) })] }), __html ? jsx(RichText, { __html: __html }) : null] })] }));
     });
 
-    const CreditCardFormStatus = JSX(({ title, description: dsc, infoCard, sectionInfoTitle, sectionInfo, sectionAdditionalTitle, sectionInfoAdditional, buttonText, interval, ...props }) => (jsxs(BlockWrapper, { ...props, children: [jsxs("div", { className: "flex flex-col md:flex-row items-center", children: [jsx(Headline, { headlineVersion: "M", title: title, description: dsc, align: "text-left", padding: "p-xl", className: "w-full" }), interval ? jsx(TimerCircle, { interval: interval }) : null] }), jsx(SectionInfo$1, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo$1, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), infoCard?.__html ? (jsx(InfoCard, { __html: infoCard?.__html, icon: infoCard?.icon, link: {
+    const CreditCardFormStatus = JSX(({ title, description: dsc, infoCard, sectionInfoTitle, sectionInfo, sectionAdditionalTitle, sectionInfoAdditional, buttonText, interval, intervalExpireAction = () => {
+        return;
+    }, ...props }) => (jsxs(BlockWrapper, { ...props, children: [jsxs("div", { className: "flex flex-col md:flex-row items-center", children: [jsx(Headline, { headlineVersion: "M", title: title, description: dsc, align: "text-left", padding: "p-xl", className: "w-full" }), interval ? (jsx(TimerCircle, { interval: interval, intervalExpireAction: intervalExpireAction })) : null] }), jsx(SectionInfo$1, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo$1, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), infoCard?.__html ? (jsx(InfoCard, { __html: infoCard?.__html, icon: infoCard?.icon, link: {
                     text: infoCard?.link?.text,
                 } })) : null, buttonText ? (jsx(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null] })));
     const SectionInfo$1 = ({ title, items, countColumns = false, }) => {
@@ -6232,9 +6243,9 @@
 
     const FailedStatusContent$1 = JSX(() => (jsx(CreditCardFormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
 
-    const PendingStatusContent$1 = JSX(() => {
+    const PendingStatusContent$1 = JSX(({ handleExpireTimer }) => {
         const [leadForm] = useLocalStorage('leadForm');
-        return (jsx(CreditCardFormStatus, { interval: 300, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\u0443", sectionInfo: [
+        return (jsx(CreditCardFormStatus, { interval: 300, intervalExpireAction: handleExpireTimer, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\u0443", sectionInfo: [
                 {
                     label: 'Название продукта',
                     description: 'Кредитная карта',
@@ -6304,20 +6315,21 @@
                     await sendSignalToProcess({ signalType, taskId });
                 }
             })();
-            const trackStatus = useCallback(async () => {
-                const res = await getTaskStatus({ taskId });
-                if (res && res?.statusCd !== STATUS_TYPE.process) {
-                    clearInterval(pullingInterval);
-                    setStatus(res.statusCd);
-                }
-            }, []);
-            const pullingInterval = setInterval(trackStatus, 30000);
-        }, []);
-        return renderStatus$1(status);
+        }, [taskId]);
+        const trackStatus = useCallback(async (stopInterval) => {
+            const res = await getTaskStatus({ taskId });
+            if (res && res?.statusCd !== STATUS_TYPE.process) {
+                stopInterval();
+                setStatus(res.statusCd);
+            }
+        }, [taskId]);
+        useInterval(trackStatus, 30000);
+        const handleExpire = () => setStatus(STATUS_TYPE.rework);
+        return renderStatus$1(status, handleExpire);
     });
-    const renderStatus$1 = (status) => {
+    const renderStatus$1 = (status, handleExpire) => {
         const statusesMap = {
-            IN_PROCESS: jsx(PendingStatusContent$1, {}),
+            IN_PROCESS: jsx(PendingStatusContent$1, { handleExpireTimer: handleExpire }),
             CANCELLED: jsx(FailedStatusContent$1, {}),
             APPROVED: jsx(SuccessStatusContent$1, {}),
             REVISION: jsx(ReworkStatusContent$1, {}),
@@ -6469,12 +6481,12 @@
             : null;
     };
 
-    const renderInputs$1 = ({ field, inputs }) => inputs.map(getField(field, ''));
+    const renderInputs$1 = ({ field, inputs, params }) => inputs.map(getField(field, params));
 
-    const renderStep$2 = ({ sections, field, step }) => sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
+    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)));
-        return (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$2(filteredInputs), renderTitle(title), renderInputs$1({ field, inputs })] }, `section-${i}`));
+        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;
 
@@ -6694,11 +6706,7 @@
     const CreditCardFormStep = JSX(({ step, sections, onPrevStep, onNextStep, isFormFinished, finishForm }) => {
         const [localStorageData, saveStep] = useLocalStorage('leadForm');
         const initialState = getInitialFormState$1(step, localStorageData);
-        const customSubmit = useRef(undefined);
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const registerSubmit = useCallback((submit) => {
-            customSubmit.current = submit;
-        }, []);
         const { handleSubmit } = useCreditCardFormAPI({
             step,
             inputs,
@@ -6707,16 +6715,9 @@
             finishForm,
         });
         const [, { field, onSubmit }] = useForm(initialState, {
-            onSubmit: (formData, ev) => {
-                handleSubmit({ ...formData, ...customSubmit.current?.(ev) });
-            },
+            onSubmit: handleSubmit,
         });
-        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$2({
-                    sections,
-                    field,
-                    step,
-                    registerSubmit,
-                }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$2({ sections, field, step }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
     });
 
     /* eslint-disable max-lines */
@@ -7059,8 +7060,8 @@
         ],
     ];
 
-    const WIZARD_STEPS$1 = 6;
-    const WIZARD_TITLES$1 = [
+    const STEPS$1 = 6;
+    const TITLES = [
         'Параметры карты',
         'Персональные данные',
         'Данные о трудоустройстве',
@@ -7074,7 +7075,7 @@
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
         useEffect(updateRefreshToken, []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, WIZARD_STEPS$1));
+            setStep((_) => Math.min(_ + 1, STEPS$1));
             scrollToTop();
         }, []);
         const handlePrevStep = useCallback(() => {
@@ -7084,7 +7085,7 @@
         }, []);
         const sections = useMemo(() => stepsSectionsMap$1[step], [step]);
         const [isFormFinished, setIsFormFinished] = useState(false);
-        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: WIZARD_TITLES$1, step: step, totalSteps: WIZARD_STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished }, String(step)) })] }) }));
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: TITLES, step: step, totalSteps: STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished }, String(step)) })] }) }));
     });
 
     const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
@@ -7194,16 +7195,15 @@
                     await sendSignalToProcess({ signalType, taskId });
                 }
             })();
-            const trackStatus = () => taskId &&
-                getTaskStatus({ taskId }).then((res) => {
-                    if (res?.statusCd && res.statusCd !== STATUS_TYPE.process) {
-                        clearInterval(pullingInterval);
-                        setStatus(res.statusCd);
-                    }
-                });
-            const pullingInterval = setInterval(trackStatus, 30000);
-            return () => clearInterval(pullingInterval);
-        }, []);
+        }, [taskId]);
+        const trackStatus = useCallback(async (stopInterval) => {
+            const res = await getTaskStatus({ taskId });
+            if (res && res?.statusCd !== STATUS_TYPE.process) {
+                stopInterval();
+                setStatus(res.statusCd);
+            }
+        }, [taskId]);
+        useInterval(trackStatus, 30000);
         const handleExpire = () => setStatus(STATUS_TYPE.rework);
         return renderStatus(status, handleExpire);
     });
@@ -7219,13 +7219,15 @@
 
     const formStateMap = [
         {
-            moneyValue: 0,
-            monthsValue: 0,
-            isAnnuity: false,
-            isInsurance: false,
-            isSalaryClient: false,
-            isPensionClient: false,
-            isStateEmployee: false,
+            calculator: {
+                moneyValue: 0,
+                monthsValue: 0,
+                isAnnuity: false,
+                isInsurance: false,
+                isSalaryClient: false,
+                isPensionClient: false,
+                isStateEmployee: false,
+            },
         },
         {
             surname: '',
@@ -7351,11 +7353,11 @@
             : null;
     };
 
-    const renderInputs = ({ field, inputs }) => inputs.map(getField(field, ''));
+    const renderInputs = ({ field, inputs, params }) => inputs.map(getField(field, params));
 
-    const renderStep$1 = ({ sections, field, step }) => sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
+    const renderStep$1 = ({ sections, field, step, params }) => sections?.map(({ inputs: origInputs = [], columns, title }, i) => {
         const inputs = calculateInputs(getValue$1(field))(origInputs, step);
-        return (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$1(inputs), renderTitle(title), renderInputs({ field, inputs })] }, `section-${i}`));
+        return (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$1(inputs), renderTitle(title), renderInputs({ field, inputs, params })] }, `section-${i}`));
     });
     const getValue$1 = (field) => (name) => field(name)?.value;
 
@@ -7365,6 +7367,19 @@
         return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
+    const PAYMENT_TYPE_DATA = {
+        annuity: { key: 'ANNUITY', value: 'Аннуитетный' },
+        differential: { key: 'DIFFERENTIAL', value: 'Дифференцированный ' },
+    };
+    const getCalcData = (formData) => {
+        const { moneyValue, monthsValue, isAnnuity } = formData?.calculator ?? {};
+        return {
+            loanAmount: moneyValue,
+            creditPeriod: monthsValue,
+            paymentTypeCd: PAYMENT_TYPE_DATA[isAnnuity ? 'annuity' : 'differential'],
+        };
+    };
+
     const getFifthStepData = (formData) => {
         const { addressRetail } = formData;
         return {
@@ -7427,7 +7442,6 @@
             generalSeniority: experience5Years,
             jobsNumber,
             lastWorkDuration: lastJobExperience,
-            payrollCardRshbFlg: true,
             positionCd: positionOrganization,
             participantContacts: getParticipantContacts({
                 organizationPhone: organizationPhone && formatPhone(organizationPhone),
@@ -7460,16 +7474,11 @@
         };
     };
 
-    const PAYMENT_TYPE_DATA = {
-        annuity: { key: 'ANNUITY', value: 'Аннуитетный' },
-        differential: { key: 'DIFFERENTIAL', value: 'Дифференцированный ' },
-    };
     const getZeroStepData = (formData) => {
-        const { moneyValue, monthsValue, isAnnuity } = formData;
+        const { isInsurance, isSalaryClient } = formData?.calculator ?? {};
         return {
-            loanAmount: moneyValue,
-            creditPeriod: monthsValue,
-            paymentTypeCd: PAYMENT_TYPE_DATA[isAnnuity ? 'annuity' : 'differential'],
+            payrollCardRshbFlg: isInsurance,
+            consentInsuranceFlg: isSalaryClient,
         };
     };
 
@@ -7495,7 +7504,7 @@
                         ...getCurrentStepData(step, formData),
                     },
                 ],
-                ...getZeroStepData(formData),
+                ...getCalcData(formData),
                 ...getFifthStepData(formData),
                 esiaAccountTypeCd: {
                     key: formData?.esiaAccountTypeCd?.key,
@@ -7506,7 +7515,7 @@
     const getCurrentStepData = (step, formData) => {
         switch (step) {
             case 0:
-                return {};
+                return getZeroStepData(formData);
             case 1:
                 return getFirstStepData(formData);
             case 2:
@@ -7556,14 +7565,12 @@
     };
     const getValue = (formData) => (name) => formData[name];
 
-    const CreditFormStep = JSX(({ step, sections, onPrevStep, onNextStep, renderStep = renderStep$1, isFormFinished, finishForm, }) => {
+    const CreditFormStep = JSX(({ step, sections, onPrevStep, onNextStep, isFormFinished, finishForm, programsSource }) => {
         const [localStorageData, saveStep] = useLocalStorage('leadForm');
+        const [programId] = useLocalStorage('programId');
+        const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
         const initialState = getInitialFormState(step, localStorageData);
-        const customSubmit = useRef(undefined);
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const registerSubmit = useCallback((submit) => {
-            customSubmit.current = submit;
-        }, []);
         const { handleSubmit } = useCreditFormAPI({
             step,
             inputs,
@@ -7572,18 +7579,24 @@
             finishForm,
         });
         const [, { field, onSubmit }] = useForm(initialState, {
-            onSubmit: (formData, ev) => {
-                handleSubmit({ ...formData, ...customSubmit.current?.(ev) });
-            },
+            onSubmit: handleSubmit,
         });
-        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep({ sections, field, step, registerSubmit }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
     });
 
     /* eslint-disable max-lines */
     /* eslint-disable max-len */
     const stepsSectionsMap = [
         [
-        // zero step for calculator
+            {
+                columns: 1,
+                inputs: [
+                    {
+                        fieldType: 'common',
+                        name: 'calculator',
+                    },
+                ],
+            },
         ],
         [
             {
@@ -7853,8 +7866,8 @@
         ],
     ];
 
-    const WIZARD_STEPS = 5;
-    const WIZARD_TITLES = [
+    const STEPS = 5;
+    const STEP_TITLES = [
         '',
         'Персональные данные',
         'Данные о трудоустройстве',
@@ -7862,13 +7875,13 @@
         'Дополнительные сведения',
         'Отделение Банка',
     ];
-    const CreditForm = JSX(({ className, ...rest }) => {
+    const CreditForm = UniBlock(({ className, programsSource, ...rest }) => {
         const [step, setStep] = useState(0);
         const formContainerRef = useRef(null);
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
         useEffect(updateRefreshToken, []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, WIZARD_STEPS));
+            setStep((_) => Math.min(_ + 1, STEPS));
             scrollToTop();
         }, []);
         const handlePrevStep = useCallback(() => {
@@ -7879,20 +7892,7 @@
         const sections = useMemo(() => stepsSectionsMap[step], [step]);
         const isStartStep = step === 0;
         const [isFormFinished, setIsFormFinished] = useState(false);
-        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: WIZARD_TITLES, step: step, totalSteps: WIZARD_STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished, renderStep: isStartStep
-                                ? ({ registerSubmit, field }) => (jsx(CalculatorCredit, { ...{
-                                        defaultParams: {
-                                            sum: field('moneyValue').value,
-                                            period: field('monthsValue').value,
-                                            isAnnuity: field('isAnnuity').value,
-                                        },
-                                        title: 'Калькулятор кредита',
-                                        footnote: 'Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка.',
-                                        calcSource: {
-                                            $ref: '/wcms-resources/credit-calculator-data.json',
-                                        },
-                                    }, registerSubmit: registerSubmit }))
-                                : undefined }, String(step)) })] }) }));
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: STEP_TITLES, step: step, totalSteps: STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished, programsSource: programsSource }, String(step)) })] }) }));
     });
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
@@ -9264,6 +9264,8 @@
         return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title: jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) }), rightImage: img, buttons: renderButtonsSection(buttons, { className: 'flex-wrap' }), children: [description ? (jsx(Text, { size: "text-xl", "font-weight": "font-light", children: description })) : null, jsxs("div", { className: style('gap-m', 'flex flex-1 flex-col', 'flex-col items-start @xl:flex-row @xl:items-center'), children: [__html ? jsx(RichText, { __html: __html, itemSize: "list-m" }) : null, jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }), qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md @xl:-order-1', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
     });
 
+    const getVersion = (isPrimary, type) => isPrimary && type !== 'underlined' ? 'primary' : 'secondary';
+
     const getBadgeCount = (blocks = [], filter = {}) => blocks.filter(({ content = {} }) => targetMatchPattern(filter, content)).length;
 
     const scalarCmp = (a, b) => a === b;
@@ -9409,6 +9411,63 @@
         childSchema: (content) => content?.filtrationSchema || {},
     });
 
+    const renderButtonsGroup = (data, activeButton, onButtonClick) => {
+        const allButtonVersion = getVersion(activeButton === 'all');
+        const businessButtonVersion = getVersion(activeButton === 'business');
+        const handleClick = (e, key, branches) => {
+            const filteredBranches = e.currentTarget === e.target && key === 'business' ? filterBranches(branches) : branches;
+            onButtonClick(key);
+            return filteredBranches;
+        };
+        const filterBranches = (branches) => branches.filter((branch) => branch.workSchedule &&
+            branch.workSchedule.businessScheduleVisibleTag &&
+            !branch.workSchedule.businessScheduleDescription);
+        return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
+    };
+
+    const renderDescriptionBlock$1 = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
+
+    const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
+    const renderFiltrationForm = ({ filters, field: { field, reset }, onlyOffice, labels, }) => {
+        const visibleFiltersNum = onlyOffice ? 5 : 6;
+        const filtersCheckbox = (filters || []).map((key) => (jsx(Checkbox, { text: labels[key], ...field(key) }, key)));
+        const [visibleFilters, hiddenFilters] = visibleFiltersNum > 0
+            ? [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
+            : [filtersCheckbox, []];
+        return (jsx("div", { children: filters?.length ? (jsx("div", { children: jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [jsx("div", { className: COMMON_FILTERS_STYLES, children: visibleFilters }), jsx(FoldableSection, { className: COMMON_FILTERS_STYLES, isUnfolded: isUnfolded, children: hiddenFilters })] })), renderFoldButton: renderFoldButton$1(reset, onlyOffice) }) })) : null }));
+    };
+    const renderFoldButton$1 = (reset, onlyOffice = false) => ({ isUnfolded, onToggle }) => {
+        const labels = ['Больше фильтров', 'Меньше фильтров'];
+        const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
+        return (jsxs("div", { className: "flex space-x-lg", children: [onlyOffice ? (jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0", appendRight: jsx(Icon, { name: icons[Number(isUnfolded)], width: "16", height: "16" }), text: labels[Number(isUnfolded)], onClick: onToggle })) : null, jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0", onClick: reset, children: renderBtnInner() })] }));
+    };
+    const renderBtnInner = () => (jsxs("div", { className: "flex items-center", children: ["\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440", jsx(Icon, { name: "CloseIcon", width: "16", height: "16", className: "ml-2xs" })] }));
+
+    const renderHeading = (title, lengthItems) => (jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h3", children: [jsx("span", { suppressHydrationWarning: true, children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: jsx("span", { suppressHydrationWarning: true, children: ` (${lengthItems})` }) })) : null] }) }));
+
+    const defaultEmptyFunction = () => void 0;
+    const filtersVisibleStyles = (activeButton) => activeButton === 'all' ? 'block' : 'hidden';
+    const OfficesAtmsMapLayout = JSX(({ className, data = [], isLoad, remoteWorkplaces = [], renderCard = defaultEmptyFunction, renderRemoteWorkplaceCard = defaultEmptyFunction, getBalloon = defaultEmptyFunction, getBalloonRemoteWorkplaces = defaultEmptyFunction, descriptionData, title, }) => {
+        const onlyOffice = title?.includes('Офис');
+        const [filtrationState, { field, reset }] = useForm(INITIAL_FILTRATION_STATE$1);
+        const { filteredItems, points, filteredRemoteWorkplaces, lengthItems } = useOfficesAtmsMapData({
+            data,
+            remoteWorkplaces,
+            filtrationState,
+            getBalloon,
+            getBalloonRemoteWorkplaces,
+        });
+        const [activeButton, setActiveButton] = useState('all');
+        const filterOptions = {
+            filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]),
+            field: { field, reset },
+            onlyOffice,
+            labels: FILTRATION_LABELS,
+        };
+        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: renderFiltrationForm(filterOptions) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
+    });
+    const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES$1[_](item)).length);
+
     const renderAtmCard = ({ location, address, billAcceptorType, terminalType, billAcceptorEnable, atmCode = '', atmAccess = '', workTime, }, i) => {
         const additionalInfo = [
             {
@@ -10326,7 +10385,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.682";
+    const packageVersion = "0.14.684";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;