@redneckz/wildless-cms-uni-blocks 0.14.623 → 0.14.625

package/mobile/bundle/bundle.umd.js

@@ -1418,11 +1418,11 @@
     const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
 
     const ERROR_MESSAGE = 'Некорректно заполненное поле';
-    const defaultValidator = (errorMsg) => required(errorMsg ? errorMsg : ERROR_MESSAGE);
-    const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
-    const jobNumberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 0 && _.length <= 2)(errorMsg ? errorMsg : ERROR_MESSAGE);
-    const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ? errorMsg : ERROR_MESSAGE);
-    const lengthStringValidator = (maxLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(errorMsg ? errorMsg : ERROR_MESSAGE);
+    const defaultValidator = (errorMsg) => required(errorMsg ?? ERROR_MESSAGE);
+    const defaultSelectValidator = (errorMsg) => validator((_) => _?.key && _?.key !== '')(errorMsg ?? ERROR_MESSAGE);
+    const jobNumberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 0 && _.length <= 2)(errorMsg ?? ERROR_MESSAGE);
+    const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ?? ERROR_MESSAGE);
+    const lengthStringValidator = (maxLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(errorMsg ?? ERROR_MESSAGE);
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
     const innValidator = (errorMsg) => validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
@@ -1454,8 +1454,8 @@
         surname: nameValidator('Укажите свою фамилию'),
         name: nameValidator('Укажите своё имя'),
         middleName: nameValidator('Укажите своё отчество'),
-        region: defaultSelectValidator,
-        addressBranch: defaultSelectValidator,
+        region: defaultSelectValidator(),
+        addressBranch: defaultSelectValidator(),
         phone: phoneValidator('Укажите номер телефона'),
         secondaryPhone: phoneValidator('Укажите номер телефона'),
         birthday: defaultValidator('Укажите дату рождения'),
@@ -1487,10 +1487,10 @@
         partnerComments: defaultValidator(),
         collectionCount: defaultValidator(),
         comment: defaultValidator(),
-        acquiringType: defaultSelectValidator,
-        feedbackMethod: defaultSelectValidator,
-        serviceType: defaultSelectValidator,
-        serviceDirection: defaultSelectValidator,
+        acquiringType: defaultSelectValidator(),
+        feedbackMethod: defaultSelectValidator(),
+        serviceType: defaultSelectValidator(),
+        serviceDirection: defaultSelectValidator(),
         meetingDay: defaultValidator(),
         product: defaultValidator(),
         localities: defaultValidator(),
@@ -1524,6 +1524,8 @@
         legalEntityName: defaultValidator(),
         bankEmployeeCode: defaultValidator(),
         partInBusiness: defaultValidator(),
+        regionRetail: defaultSelectValidator('Выберите филиал банка'),
+        addressRetail: defaultSelectValidator('Выберите адрес банка'),
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => Boolean(_?.required)));
@@ -2411,6 +2413,666 @@
         return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", options: regions, ...getValidation(field('region'), validatorObj.region, input?.required) }));
     });
 
+    const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
+        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
+        const onToggle = useCallback(() => {
+            setIsUnfolded((_) => !_);
+        }, []);
+        const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
+        const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
+        return isFoldButtonOnTop ? (jsxs("div", { className: className, role: "group", children: [buttonNode, sectionNode] })) : (jsxs("div", { className: className, role: "group", children: [sectionNode, buttonNode] }));
+    });
+
+    function useResizeObserver(callback, deps) {
+        const ref = useRef(null);
+        useEffect(() => {
+            const element = ref?.current;
+            if (!element) {
+                return undefined;
+            }
+            const observer = new ResizeObserver((entries) => {
+                callback(element, entries[0]);
+            });
+            observer.observe(element);
+            return () => {
+                observer.disconnect();
+            };
+        }, [callback, ...deps]);
+        return ref;
+    }
+
+    const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
+        const containerRef = useRef(null);
+        const childrenWrapperRef = useResizeObserver((childrenWrapperEl) => {
+            if (containerRef.current) {
+                containerRef.current.style.maxHeight = isUnfolded
+                    ? `${childrenWrapperEl.scrollHeight}px`
+                    : '';
+            }
+        }, [isUnfolded]);
+        return (jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden ${containerRef.current || !isUnfolded ? 'max-h-0' : ''} `, children: jsx("div", { className: className, ref: childrenWrapperRef, children: children }) }));
+    });
+
+    const CardCell = JSX(({ value, subText, children, isPhone, ...props }) => {
+        const textItems = (Array.isArray(value) ? value : value?.split(',') ?? []).filter(Boolean);
+        if ([textItems.length, children, subText].every((_) => !_)) {
+            return null;
+        }
+        return renderCardCell({ textItems, subText, children, isPhone, ...props });
+    });
+    const renderCardCell = ({ label, labelSize = 'text-m', textItems, subColor, subText, className, children, isPhone = false, }) => (jsxs("div", { className: style('flex gap-2xs flex-col h-full max-w-[300px]', className), children: [label ? (jsx(Text, { color: "text-secondary-text", font: "font-light", size: labelSize, children: label })) : null, children || renderTextItems(textItems, isPhone), subText ? (jsx(Text, { color: subColor, size: "text-m", children: subText })) : null] }));
+    const renderTextItems = (textItems, isPhone) => textItems.filter(Boolean).map((text, i) => (jsx(Text, { size: "text-l", children: isPhone ? jsx("a", { href: `tel:${cleanPhoneNumber(text)}`, children: text.trim() }) : text.trim() }, String(i))));
+    const cleanPhoneNumber = (phone) => phone.replace(/\D/g, '');
+
+    const CardRow = JSX(({ className, children }) => (jsx("div", { className: style('flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl', className), children: children })));
+
+    const getScheduleDescription = (workScheduleWeek) => {
+        const rows = getDateDescription(workScheduleWeek);
+        return jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", value: rows, className: "max-w-none" });
+    };
+    const buildScheduleText = ({ workTime = '', lunchHour = '', daysOff = '' }, isSaturday = false) => {
+        if (!workTime) {
+            return '';
+        }
+        return [
+            `${isSaturday ? 'Суббота' : 'Будние дни'}: ${workTime}`,
+            lunchHour ? `перерыв: ${lunchHour}` : '',
+            daysOff ? `не работает: ${daysOff}` : '',
+        ]
+            .filter(Boolean)
+            .join('; ');
+    };
+    const getDateDescription = (workScheduleWeek) => {
+        const workingWeekday = workScheduleWeek.find((_) => _.key !== 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
+        const workingSaturday = workScheduleWeek.find((_) => _.key === 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
+        const daysOff = workScheduleWeek
+            .filter((_) => !_.status)
+            .map((_) => _.short?.toLowerCase())
+            .join(', ');
+        const rows = [
+            buildScheduleText({
+                workTime: workingWeekday?.workTime,
+                lunchHour: workingWeekday?.lunchHour,
+                daysOff: workingSaturday ? '' : daysOff,
+            }),
+            buildScheduleText({ workTime: workingSaturday?.workTime, lunchHour: workingSaturday?.lunchHour, daysOff }, true),
+        ].filter(Boolean);
+        return rows;
+    };
+
+    const WEEKDAY_MAP = [
+        ['workingMonday', 'Пн', 'Понедельник'],
+        ['workingTuesday', 'Вт', 'Вторник'],
+        ['workingWednesday', 'Ср', 'Среда'],
+        ['workingThursday', 'Чт', 'Четверг'],
+        ['workingFriday', 'Пт', 'Пятница'],
+        ['workingSaturday', 'Сб', 'Суббота'],
+        ['workingSunday', 'Вс', 'Воскресенье'],
+    ];
+    const getWorkScheduleWeek = (workSchedule) => WEEKDAY_MAP.map(([key, short, title]) => ({
+        key,
+        title,
+        short,
+        status: Boolean(workSchedule?.[key]),
+        get workTime() {
+            return key === 'workingSaturday' ? workSchedule?.workTimeSaturday : workSchedule?.workTime;
+        },
+        get lunchHour() {
+            return key === 'workingSaturday' ? workSchedule?.lunchHourSaturday : workSchedule?.lunchHour;
+        },
+        get hasLunch() {
+            return /\d+/.test(this.lunchHour ?? '');
+        },
+    }));
+
+    const renderBusinessSchedule = (scheduleDescription) => {
+        if (!scheduleDescription) {
+            return null;
+        }
+        const businessSchedule = getBusinessSchedule(scheduleDescription);
+        return (jsxs(CardRow, { className: "border-none", children: [jsx(CardCell, { label: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: businessSchedule.map(renderAlternativeDay) }) }), jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", className: "max-w-none", children: jsx(Text, { children: scheduleDescription }) })] }));
+    };
+    const getBusinessSchedule = (scheduleDescription) => {
+        const weekDayMap = WEEKDAY_MAP.map(([, short]) => ({ short, status: true }));
+        const splittedScheduleDescription = scheduleDescription.split('/') ?? [];
+        const lastPartScheduleDescription = splittedScheduleDescription[splittedScheduleDescription.length - 1]?.toLowerCase();
+        if (!lastPartScheduleDescription?.includes('выходной')) {
+            return weekDayMap;
+        }
+        return weekDayMap.map((_) => ({
+            ..._,
+            status: !lastPartScheduleDescription?.includes(_.short.toLowerCase()),
+        }));
+    };
+    const renderAlternativeDay = ({ short, status }, i) => (jsx("div", { className: style('w-9 h-9 rounded-md flex items-center justify-center', status ? 'bg-green-more-light text-green-dark' : 'bg-error/30 text-error'), children: jsx(Text, { size: "text-xs", children: short }) }, String(i)));
+
+    const renderCurrency = ({ currency, buyExchangeRate, saleExchangeRate }, i) => (jsxs("div", { className: "flex gap-lg h-full", children: [currency?.currency ? jsx(CardCell, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", value: currency.currency }) : null, buyExchangeRate ? jsx(CardCell, { label: "\u041A\u0443\u043F\u0438\u0442\u044C", value: String(buyExchangeRate) }) : null, saleExchangeRate ? jsx(CardCell, { label: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C", value: String(saleExchangeRate) }) : null] }, String(i)));
+
+    const colorStyle = {
+        yellow: { border: 'border-yellow-light', text: 'text-yellow' },
+        green: { border: 'border-green-more-light', text: 'text-green-dark' },
+        gray: { border: 'border-gray', text: 'text-secondary-text' },
+        red: { border: 'border-error/30', text: 'text-error' },
+    };
+    const Badge$1 = JSX(({ className, children, color = 'gray' }) => (jsxs("div", { className: style('sm:p-s sm:border sm:border-green rounded-md flex items-center h-fit', colorStyle[color].border, className), children: [jsx("div", { className: "block pr-m sm:pr-0 sm:hidden", children: jsx(Img, { image: { icon: 'SmallClockIcon' }, width: "24", height: "24" }) }), jsx(Text, { size: "text-m", color: colorStyle[color].text, children: children })] })));
+
+    const currentWeekDayIdx = new Date().getDay();
+    //TODO: Add logic time https://github.com/redneckz/wildless-cms-uni-blocks/pull/1549
+    const renderCurrentDaySchedule = (workScheduleWeek) => {
+        const [currentWeekDay] = workScheduleWeek?.slice(currentWeekDayIdx - 1) ?? [];
+        if (!currentWeekDay) {
+            return null;
+        }
+        const { lunchHour, status, workTime, hasLunch } = currentWeekDay;
+        return status ? (jsxs("div", { className: "flex gap-s items-start whitespace-nowrap", children: [workTime ? jsx(Badge$1, { color: "green", children: workTime }) : null, lunchHour && hasLunch ? jsx(Badge$1, { color: "yellow", children: `перерыв: ${lunchHour}` }) : null] })) : (jsx(Badge$1, { color: "red", children: "\u0412\u044B\u0445\u043E\u0434\u043D\u043E\u0439" }));
+    };
+
+    const getSubTextLunch = ({ lunchHour, hasLunch = false, status = false }) => {
+        if (!status) {
+            return 'Не работает';
+        }
+        return lunchHour && hasLunch ? `Перерыв ${lunchHour}` : lunchHour;
+    };
+    const renderDay = ({ title, status, workTime, lunchHour, hasLunch }, i) => (jsx(CardCell, { label: title, value: status && workTime ? workTime : '', subText: getSubTextLunch({ lunchHour, hasLunch, status }), subColor: !status || hasLunch ? 'text-error' : 'text-green-dark' }, String(i)));
+
+    const ICONS$1 = ['ArrowDownIcon', 'ArrowUpIcon'];
+    const labels = ['Подробнее', 'Скрыть'];
+    const renderFoldButton$3 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full py-2xl cursor-pointer text-primary-main flex items-center border-b border-solid border-main-divider", onClick: onToggle, type: "button", children: [jsx("div", { className: "pr-m", children: labels[Number(isUnfolded)] }), jsx(Icon, { className: "text-primary-text", name: ICONS$1[Number(isUnfolded)], width: "16", height: "16" })] }));
+
+    const renderWorkSchedule = (workSchedule) => {
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        const timeOfWork = workSchedule ? getDateDescription(workScheduleWeek) : '';
+        const businessTimeOfWork = workSchedule ? workSchedule.businessScheduleDescription : '';
+        if (!workSchedule) {
+            return null;
+        }
+        if (!workSchedule.businessScheduleVisibleTag) {
+            return renderMatchingTimeOfWork(timeOfWork);
+        }
+        if (workSchedule.businessScheduleVisibleTag &&
+            workSchedule.businessScheduleDescription === null) {
+            return renderIndividualTimeOfWork(timeOfWork);
+        }
+        return renderDefaultTimeOfWork(timeOfWork, businessTimeOfWork);
+    };
+    const renderIndividualTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p>`;
+    const renderMatchingTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ. и юр. лиц:<br/></b> ${timeOfWork}</p>`;
+    const renderDefaultTimeOfWork = (timeOfWork, businessTimeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p> <p><b>Режим обслуживания юр.лиц:<br/></b>${businessTimeOfWork}</p>`;
+
+    const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, i) => {
+        if (!workSchedule) {
+            return null;
+        }
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: name }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), renderCurrentDaySchedule(workScheduleWeek)] }), jsx("div", { className: "hidden sm:block", children: renderCardContent$1({
+                        phone,
+                        fax,
+                        phoneBusiness,
+                        phoneNatural,
+                        phoneCallCentre,
+                        phoneCurrencyControl,
+                        workSchedule,
+                        exchangeRate,
+                    }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent$1({
+                                phone,
+                                fax,
+                                phoneBusiness,
+                                phoneNatural,
+                                phoneCallCentre,
+                                phoneCurrencyControl,
+                                workSchedule,
+                                exchangeRate,
+                            }) }));
+                    }, 
+                    //** TODO: remove styles with refactoring  DefaultFoldButton*/
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$3({ isUnfolded, onToggle }) })] }, String(i)));
+    };
+    const renderCardContent$1 = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        const labelSchedule = workSchedule?.businessScheduleVisibleTag
+            ? 'Для физических лиц'
+            : 'Для физических и юридических лиц';
+        return (jsxs("div", { children: [jsxs(CardRow, { className: "flex-wrap border-b border-solid border-main-divider", children: [jsx(CardCell, { label: "\u0424\u0430\u043A\u0441", value: fax, isPhone: true }), jsx(CardCell, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u0444\u0438\u043B\u0438\u0430\u043B\u0430", value: phone, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0439 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneBusiness, isPhone: true }), jsx(CardCell, { label: "\u041E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneNatural, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u0439 \u043F\u043E \u0432\u0430\u043B\u044E\u0442\u043D\u043E\u043C\u0443 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044E", value: phoneCurrencyControl, isPhone: true }), jsx(CardCell, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442-\u0446\u0435\u043D\u0442\u0440", value: phoneCallCentre, isPhone: true })] }), workSchedule?.isMatchesPattern ? (jsx(CardRow, { children: jsx(CardCell, { label: labelSchedule, labelSize: "text-l", className: "w-full max-w-none", children: jsx("div", { className: "flex flex-wrap gap-xs sm:justify-between pt-xs", children: workScheduleWeek?.map(renderDay) }) }) })) : (jsxs(CardRow, { children: [jsx(CardCell, { label: labelSchedule, labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: workScheduleWeek?.map(renderAlternativeDay) }) }), getScheduleDescription(workScheduleWeek)] })), workSchedule?.businessScheduleVisibleTag
+                    ? renderBusinessSchedule(workSchedule?.businessScheduleDescription)
+                    : null, exchangeRate?.currencies?.length ? (jsx(CardRow, { className: "flex-wrap", children: exchangeRate?.currencies?.map(renderCurrency) })) : null] }));
+    };
+    const capitalizedFirstLetter$1 = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
+    const getOfficePoint = ({ name = '', address = '', workSchedule }) => {
+        const header = capitalizedFirstLetter$1(name);
+        const body = `${address} ${renderWorkSchedule(workSchedule)}`;
+        return { header, body };
+    };
+
+    const isSSR = () => Boolean(typeof globalThis.process === 'object' && globalThis.process && globalThis.process.version);
+
+    const isClient = !isSSR();
+    const ClientOnly = JSX(({ children }) => (isClient ? children : null));
+
+    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
+            'backdrop-blur': blur,
+        }), children: jsx("div", { className: style('inline-block h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
+
+    const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
+    const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
+    function renderClusterer({ yandexMaps, map, points, isLoad, }) {
+        if (isLoad || !points) {
+            return;
+        }
+        map.geoObjects.removeAll();
+        if (!points.length) {
+            return;
+        }
+        const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
+        const officeClusterer = defineClusterer('offices', yandexMaps, clusterIconContentLayout);
+        if (points.length && points.every((_) => 'type' in _)) {
+            const remoteWorkplaceClusterer = defineClusterer('workplaces', yandexMaps, clusterIconContentLayout);
+            const remoteWorkplaceGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'workplaces'), 'workplaces', yandexMaps);
+            const officesGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'offices'), 'offices', yandexMaps);
+            officeClusterer.add(officesGeoObjects);
+            remoteWorkplaceClusterer.add(remoteWorkplaceGeoObjects);
+            map.geoObjects.add(remoteWorkplaceClusterer);
+            map.geoObjects.add(officeClusterer);
+        }
+        else {
+            const geoObjects = defineGeoObjects(points, 'offices', yandexMaps);
+            officeClusterer.add(geoObjects);
+            map.geoObjects.add(officeClusterer);
+        }
+        map.setBounds(yandexMaps.util.bounds.fromPoints(points.map((_) => _.coords))).then(() => {
+            if (map.getZoom() > 10) {
+                map.setZoom(10);
+            }
+        });
+    }
+    const defineClusterer = (type, yandexMaps, clusterIconContentLayout) => {
+        return new yandexMaps.Clusterer({
+            clusterIcons: [
+                {
+                    href: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
+                    size: [78, 84],
+                    offset: [-35, -50],
+                },
+            ],
+            clusterIconContentLayout,
+            clusterHideIconOnBalloonOpen: false,
+            geoObjectHideIconOnBalloonOpen: false,
+        });
+    };
+    const defineGeoObjects = (pointArr, type, yandexMaps) => {
+        return pointArr.map(({ coords, content }) => new yandexMaps.Placemark(coords, {
+            balloonContentHeader: content?.header,
+            balloonContentBody: content?.body,
+            balloonContentFooter: content?.footer,
+            hintContent: content?.hint,
+        }, {
+            iconLayout: 'default#image',
+            iconImageHref: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
+            iconImageSize: [78, 84],
+            iconImageOffset: [-35, -50],
+        }));
+    };
+
+    const defaultStyle = {
+        focus: 'focus:border-primary-text focus:border',
+        hover: 'hover:bg-primary-hover',
+        active: 'active:bg-primary-active',
+        font: 'text-center font-sans',
+    };
+
+    const styles$1 = {
+        ...defaultStyle,
+        border: 'border border-transparent rounded-md',
+        position: 'absolute flex items-center justify-center',
+    };
+    const renderUserGeolocation = (map, yandexMaps, className) => {
+        const setUserGeoLocation = () => {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            yandexMaps.geolocation
+                .get({
+                provider: 'yandex',
+                autoReverseGeocode: true,
+                mapStateAutoApply: true,
+            })
+                .then(function (result) {
+                map.current.geoObjects.add(result.geoObjects);
+            });
+        };
+        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles$1).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
+    };
+
+    const getNS = (_) => globalThis[_];
+    const initializeExternalNS = (namespaceName, url) => {
+        const script = document.getElementById(url);
+        if (script) {
+            const ns = getNS(namespaceName);
+            if (ns) {
+                return Promise.resolve(ns);
+            }
+            else {
+                return new Promise((resolve) => {
+                    script.addEventListener('load', () => {
+                        resolve(getNS(namespaceName));
+                    });
+                });
+            }
+        }
+        else {
+            return new Promise((resolve, reject) => {
+                const newScript = document.createElement('script');
+                newScript.src = url;
+                newScript.async = true;
+                newScript.id = url;
+                newScript.addEventListener('load', () => {
+                    resolve(getNS(namespaceName));
+                });
+                newScript.addEventListener('error', (error) => {
+                    reject(error);
+                });
+                document.head.appendChild(newScript);
+            });
+        }
+    };
+    function useExternalNS(namespaceName, url, unmountNS = true) {
+        const [externalNS, setExternalNS] = useState(undefined);
+        useEffect(() => {
+            let isMounted = true;
+            initializeExternalNS(namespaceName, url)
+                .then((ns) => {
+                if (isMounted) {
+                    setExternalNS(ns);
+                }
+            })
+                .catch((error) => {
+                console.error(`Failed to initialize external namespace: ${error}`);
+            });
+            return () => {
+                isMounted = false;
+                if (unmountNS) {
+                    const script = document.getElementById(url);
+                    if (script) {
+                        document.head.removeChild(script);
+                    }
+                    setExternalNS(undefined);
+                }
+            };
+        }, [namespaceName, url, unmountNS]);
+        return externalNS;
+    }
+
+    const YMAPS_NAMESPACE = 'ymaps';
+    const useYandexMaps = () => {
+        const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY || ''}&lang=ru_RU`;
+        return useExternalNS(YMAPS_NAMESPACE, url, false);
+    };
+
+    const styles = {
+        ...defaultStyle,
+        border: 'border-b border-b-2 border-gray last:border-0',
+        position: 'relative flex items-center justify-center',
+    };
+    // TODO: Добавить метод определения центральной точки
+    const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
+        const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
+        const changeZoom = () => {
+            const currentZoom = yandexMaps.current.getZoom();
+            const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
+            yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
+        };
+        return (jsx("div", { onClick: changeZoom, className: `${Object.values(styles).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
+    });
+
+    const DEFAULT_CENTER_COORDS = [55.753995, 37.614069];
+    // TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
+    //       Сейчас реализован поиск среди тестовых данных
+    // TODO: Также выяснить что делать когда ничего не найдено
+    // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
+    const YandexMap = JSX(({ points, className = '', zoom = 5, isLoad, selectedAddress }) => {
+        const map = useRef(null);
+        const yandexMaps = useYandexMaps();
+        useEffect(() => {
+            if (map.current) {
+                renderClusterer({ yandexMaps, map: map.current, points, isLoad });
+            }
+            else {
+                yandexMaps?.ready(() => {
+                    // Ready function may be called few times, but must be called once
+                    if (map.current) {
+                        renderClusterer({ yandexMaps, map: map.current, points, isLoad });
+                        return;
+                    }
+                    map.current = new yandexMaps.Map('map', {
+                        center: getCenterPoint(points),
+                        zoom,
+                        controls: [],
+                        suppressMapOpenBlock: true,
+                    });
+                    renderClusterer({ yandexMaps, map: map.current, points, isLoad });
+                });
+            }
+        }, [yandexMaps, points, zoom, isLoad, selectedAddress]);
+        useEffect(() => {
+            if (map.current && selectedAddress) {
+                yandexMaps?.geocode(selectedAddress).then((res) => {
+                    const firstGeoObject = res.geoObjects.get(0);
+                    const coords = firstGeoObject.geometry.getCoordinates();
+                    map.current.setCenter(coords);
+                    map.current.setZoom(18);
+                });
+            }
+        }, [selectedAddress]);
+        if (!yandexMaps) {
+            return null;
+        }
+        const zIndex = 'z-10';
+        return (jsxs("div", { id: "map", className: style('relative', 'w-full', className), children: [isLoad ? jsx(Loader, {}) : null, jsxs("div", { className: style('absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md', zIndex), children: [jsx(ZoomButton, { yandexMaps: map }), jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map, yandexMaps, style('right-2 top-80', zIndex))] }));
+    });
+    const getCenterPoint = (points) => {
+        const centerCoords = [
+            getArraySumAndAverage(mapByIndex(points, 0)),
+            getArraySumAndAverage(mapByIndex(points, 1)),
+        ];
+        return centerCoords.every((_) => _) ? centerCoords : DEFAULT_CENTER_COORDS;
+    };
+    const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
+    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
+
+    const INITIAL_FILTRATION_STATE$1 = {
+        workingSaturday: false,
+        premiumService: false,
+        privateBanking: false,
+        remoteWorkplace: false,
+        serviceDisabledPeople: false,
+        sellingCoins: false,
+        buyingCoins: false,
+        bullionOperations: false,
+        preciousMetalsOperations: false,
+        transferringDataToBiometricSystem: false,
+    };
+    const FILTRATION_LABELS = {
+        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
+        workingSaturday: 'Открыты по субботам',
+        terminalTypeAtms: 'Банкоматы',
+        terminalTypeTerm: 'Терминалы',
+        workAllTime: 'Круглосуточно',
+        billAcceptorEnable: 'Прием наличных',
+        premiumService: 'Премиальное обслуживание',
+        privateBanking: 'Услуга Private banking',
+        sellingCoins: 'Продажа монет из драгоценных металлов',
+        buyingCoins: 'Покупка монет из драгоценных металлов',
+        bullionOperations: 'Операции со слитками',
+        preciousMetalsOperations: 'Операции с драгоценными металлами',
+        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
+        locationDisabledPeople: 'Для маломобильных',
+        designDisabledPeople: 'Для слабовидящих',
+        remoteWorkplace: 'Удаленное рабочее место',
+        serviceDisabledPeople: 'Для маломобильных граждан',
+    };
+    const FILTRATION_PREDICATES$1 = {
+        workingSaturday: (item) => Boolean('workSchedule' in item && item.workSchedule?.workingSaturday),
+        premiumService: (item) => Boolean('premiumService' in item && item.premiumService),
+        privateBanking: (item) => Boolean('privateBanking' in item && item.privateBanking),
+        remoteWorkplace: (item) => Boolean('workScheduleDescription' in item),
+        serviceDisabledPeople: (item) => Boolean('serviceDisabledPeople' in item && item.serviceDisabledPeople),
+        sellingCoins: (item) => Boolean('sellingCoins' in item && item.sellingCoins),
+        buyingCoins: (item) => Boolean('buyingCoins' in item && item.buyingCoins),
+        bullionOperations: (item) => Boolean('bullionOperations' in item && item.bullionOperations),
+        preciousMetalsOperations: (item) => Boolean('preciousMetalsOperations' in item && item.preciousMetalsOperations),
+        transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
+    };
+
+    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 [filteredItems, points, filteredRemoteWorkplaces, lengthItems] = useMemo(() => {
+            const _filteredItems = filterItems$1(data, filtrationState);
+            const _filteredRemoteWorkplaces = filterItems$1(remoteWorkplaces, filtrationState);
+            const _points = [
+                ..._filteredItems.map((_) => ({
+                    type: 'offices',
+                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                    content: getBalloon(_),
+                })),
+                ..._filteredRemoteWorkplaces.map((_) => ({
+                    type: 'workplaces',
+                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                    content: getBalloonRemoteWorkplaces({
+                        address: _.address,
+                        workScheduleDescription: _.workScheduleDescription,
+                    }),
+                })),
+            ].filter((_) => _.coords && _.coords.length === 2);
+            const itemsLength = _filteredItems.length + _filteredRemoteWorkplaces?.length;
+            return [_filteredItems, _points, _filteredRemoteWorkplaces, itemsLength];
+        }, [data, remoteWorkplaces, filtrationState, getBalloon, getBalloonRemoteWorkplaces]);
+        return { filteredItems, points, filteredRemoteWorkplaces, lengthItems };
+    };
+
+    const RetailAddressField = JSX(({ field, input }) => {
+        const fieldRegion = field('regionRetail');
+        const fieldBranch = field('addressRetail');
+        const regions = useBranchesByRegions();
+        const regionKey = fieldRegion?.value?.key;
+        const selectedRegion = regions.find(({ region }) => region === regionKey);
+        const isLoad = !regions;
+        const regionText = fieldRegion?.value?.text;
+        const addressBranchRetail = useBranchesByRegions()?.find((_) => _?.region === regionText)?.branches;
+        useEffect(() => {
+            if (fieldRegion?.value?.key !== '') {
+                field?.('addressRetail')?.onChange?.('');
+            }
+        }, [fieldRegion?.value]);
+        const { points } = useOfficesAtmsMapData({
+            data: selectedRegion?.branches || [],
+            filtrationState: {},
+            getBalloon: getOfficePoint,
+        });
+        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: (addressBranchRetail || []).map(({ address = '' }) => ({
+                        key: address,
+                        text: address,
+                    })), ...getValidation(field('addressRetail'), validatorObj.addressRetail, input?.required), isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full", selectedAddress: fieldBranch?.value?.text }) }) })] }));
+    });
+
+    const RetailRegionField = JSX(({ field, input }) => {
+        const regions = useBranchesByRegions();
+        return (jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B \u0431\u0430\u043D\u043A\u0430", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B \u0431\u0430\u043D\u043A\u0430", isSearch: true, options: useMemo(() => regions?.map(({ region = '' }) => ({ key: region, text: region })), [regions]), ...getValidation(field('regionRetail'), validatorObj.regionRetail, input?.required) }));
+    });
+
     const RetirementIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041F\u0435\u043D\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('retirementIncome'), validatorObj.retirementIncome, input?.required), ...input })));
 
     const SecondaryPhoneField = JSX(({ field }) => {
@@ -2559,7 +3221,6 @@
             armyIdFlg: jsx(ArmyIdFlgField, { field: field, input: input }),
             dulSerie: jsx(DulSerieField, { field: field, input: input }),
             dulNumber: jsx(DulNumberField, { field: field, input: input }),
-            // eslint-disable-next-line max-lines
             dulIssueDateField: jsx(DulIssueDateField, { field: field, input: input }),
             dulSubdivisionCode: jsx(DulSubdivisionCodeField, { field: field, input: input }),
             dulIssuedBy: jsx(DulIssuedByField, { field: field, input: input }),
@@ -2576,6 +3237,8 @@
             creditInRshbCd: jsx(CreditInRshbCdField, { field: field, input: input }),
             bankEmployeeCode: jsx(BankEmpoleeCodeField, { field: field, input: input }),
             partInBusiness: jsx(PartInBusinessField, { field: field, input: input }),
+            regionRetail: jsx(RetailRegionField, { field: field, input: input }),
+            addressRetail: jsx(RetailAddressField, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name || ''] }, String(i))) : null;
     };
@@ -2584,38 +3247,6 @@
 
     const renderTitle = (title) => title ? (jsx("div", { className: "@xl:text-center @xl:col-span-2 mb-m", children: jsx(Text, { size: "text-h6", children: title }) })) : null;
 
-    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 ResponseTypeDialog = JSX(function ({ responseType, typeForm, }) {
         const responseOK = responseType === 'OK';
         const statusIcon = responseOK ? 'ResponseOKIcon' : 'ResponseFailIcon';
@@ -2774,50 +3405,6 @@
         return [storedValue, setValue];
     }
 
-    const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
-            'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
-
-    const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
-        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
-        const onToggle = useCallback(() => {
-            setIsUnfolded((_) => !_);
-        }, []);
-        const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
-        const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
-        return isFoldButtonOnTop ? (jsxs("div", { className: className, role: "group", children: [buttonNode, sectionNode] })) : (jsxs("div", { className: className, role: "group", children: [sectionNode, buttonNode] }));
-    });
-
-    function useResizeObserver(callback, deps) {
-        const ref = useRef(null);
-        useEffect(() => {
-            const element = ref?.current;
-            if (!element) {
-                return undefined;
-            }
-            const observer = new ResizeObserver((entries) => {
-                callback(element, entries[0]);
-            });
-            observer.observe(element);
-            return () => {
-                observer.disconnect();
-            };
-        }, [callback, ...deps]);
-        return ref;
-    }
-
-    const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
-        const containerRef = useRef(null);
-        const childrenWrapperRef = useResizeObserver((childrenWrapperEl) => {
-            if (containerRef.current) {
-                containerRef.current.style.maxHeight = isUnfolded
-                    ? `${childrenWrapperEl.scrollHeight}px`
-                    : '';
-            }
-        }, [isUnfolded]);
-        return (jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden ${containerRef.current || !isUnfolded ? 'max-h-0' : ''} `, children: jsx("div", { className: className, ref: childrenWrapperRef, children: children }) }));
-    });
-
     const CONSENT_ALL_DOCS_TEXT = 'Согласие на все документы';
     const CONSENT_REQUIRED = 'Отметьте все обязательные соглашения';
     const GroupedConsents = JSX(({ inputs = [], typeForm = '', field, key }) => {
@@ -3060,15 +3647,19 @@
             await sendCode({
                 phoneNumber: phoneNumber,
                 smsCodesSetName: { key: 'AUTHENTICATION' },
+            }).then((res) => {
+                if (typeof res !== 'string' &&
+                    res.errorMessage &&
+                    res.errorMessage.startsWith(`Too many request for phoneNumber [${phoneNumber}]`)) {
+                    throw res;
+                }
             });
             setAttemps(0);
             setTimeNextReq(180);
             setIsTimerStarted(true);
         }
         catch (e) {
-            if (e?.status === 429) {
-                captchaDialog.open();
-            }
+            captchaDialog.open();
         }
     };
 
@@ -3743,13 +4334,13 @@
         return (jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
     };
 
-    const ICONS$1 = ['ArrowDownIcon', 'ArrowUpIcon'];
+    const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
     const resultsGridStyle = 'space-y-px lg:space-y-0 lg:grid lg:grid-cols-12 gap-2xs';
     const renderGridBlocks = ({ topItemsCount = 0, label = '', block, blocksToRender = [], ...rest }) => {
         const [visibleBlocks, hiddenBlocks] = topItemsCount > 0
             ? [blocksToRender.slice(0, topItemsCount), blocksToRender.slice(topItemsCount)]
             : [blocksToRender, []];
-        return (jsxs("div", { className: style('space-y-2xs', { hidden: !blocksToRender.length }), children: [jsxs("div", { className: style(resultsGridStyle), children: [renderBlocksList(visibleBlocks, { ...rest.options, parent: block }), isOdd(visibleBlocks.length) ? jsx(AdTile, { className: "col-span-6", ...rest }) : null] }), jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: [renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }), isOdd(hiddenBlocks.length) ? jsx(AdTile, { className: "col-span-6", ...rest }) : null] })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(DefaultFoldButton, { className: style({ hidden: topItemsCount < 1 }), disabled: !hiddenBlocks?.length, label: label, icon: ICONS$1[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] }));
+        return (jsxs("div", { className: style('space-y-2xs', { hidden: !blocksToRender.length }), children: [jsxs("div", { className: style(resultsGridStyle), children: [renderBlocksList(visibleBlocks, { ...rest.options, parent: block }), isOdd(visibleBlocks.length) ? jsx(AdTile, { className: "col-span-6", ...rest }) : null] }), jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: [renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }), isOdd(hiddenBlocks.length) ? jsx(AdTile, { className: "col-span-6", ...rest }) : null] })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(DefaultFoldButton, { className: style({ hidden: topItemsCount < 1 }), disabled: !hiddenBlocks?.length, label: label, icon: ICONS[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] }));
     };
 
     const FilteredBlocks = JSX(({ blocksSection, blocksToRender = [], notFound, ...rest }) => {
@@ -5063,10 +5654,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$3(options?.parent, data, isVisible)
+                        ? renderFoldButton$1(options?.parent, data, isVisible)
                         : null })) : (jsx("div", { children: visibleCells }))] }));
     });
-    const renderFoldButton$3 = (parent, data, isUnfolded = false) => () => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: () => {
+    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: () => {
             if (parent !== undefined) {
                 defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
             }
@@ -5136,8 +5727,8 @@
             creditInRshbCd: '',
         },
         5: {
-            region: '',
-            addressBranch: '',
+            regionRetail: '',
+            addressRetail: '',
             bankEmployeeCode: '',
         },
     };
@@ -5393,10 +5984,10 @@
                 inputs: [],
             },
             {
-                inputs: [{ fieldType: 'common', name: 'region', required: true }],
+                inputs: [{ fieldType: 'common', name: 'regionRetail', required: true }],
             },
             {
-                inputs: [{ fieldType: 'common', name: 'addressBranch', required: true }],
+                inputs: [{ fieldType: 'common', name: 'addressRetail', required: true }],
             },
             {
                 title: 'Код представителя Банка',
@@ -5767,824 +6358,458 @@
             });
         }
     };
-    const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, currencyTo, currencyFrom) => {
-        setCalcState({ inputBuy: formatValue(value), selectSell: currencyFrom });
-        const rate = currencyRatesBuy.find((_) => _.currency?.currency === currencyFrom)?.saleExchangeRate ||
-            currencyRatesBuy.find((_) => _.currency?.currency === currencyTo)?.saleExchangeRate;
-        if (rate) {
-            setCalcState({
-                inputSell: String(calculateResult(value, rate, currencyTo === Currency.RUB) || ''),
-            });
-        }
-    };
-
-    const EXCHANGE_RATES_URL = `${API_BASE_URI}/exchangerates`;
-    function useFetchExchangeRateData(currentRegion) {
-        const regionCode = currentRegion?.code || '000';
-        const { data } = useAsyncData(EXCHANGE_RATES_URL + `?regionCode=${regionCode}`, fetchJSONUnsafe);
-        return data || {};
-    }
-
-    const ExchangeRateTile = JSX(({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
-        const [currentLocation] = useLocation();
-        const exchangeRates = useFetchExchangeRateData(currentLocation);
-        const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);
-        const currencyRatesBuy = currencyRates.filter((_) => _.buyExchangeRate);
-        currencyRatesBuy.unshift({ currency: { currency: Currency.RUB } });
-        const currencyRatesSell = currencyRates.filter((_) => _.saleExchangeRate);
-        currencyRatesSell.push({ currency: { currency: Currency.RUB } });
-        return (jsx(BlockWrapper, { className: style('box-border min-h-80', className), ...rest, children: jsx(BaseTile, { className: "h-full", title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap" }), children: jsxs("div", { className: "flex w-full gap-6xl flex-wrap @lg:flex-nowrap", children: [jsxs("div", { className: "w-full @2xl:w-auto @5xl:w-1/2", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-xl", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { address: exchangeRates?.address })] }), jsx(ExchangeCurrencyCalculator, { className: "grow w-1/2", currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })] }) }) }));
-    });
-    const getCurrencyRates = (currencies) => currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id)) || [];
-
-    const LinkList = JSX(({ className = '', items }) => {
-        const link = useLink();
-        return (jsx("ul", { className: style('flex flex-col gap-s w-full', className), children: items?.map(renderLinkListItem(link)) }));
-    });
-    const renderLinkListItem = (link) => ({ dataFooter, ...linkProps }, i) => {
-        const { text, href, target, onClick } = link(linkProps);
-        if (!text) {
-            return null;
-        }
-        return (jsx("li", { className: "list-none", children: jsx("a", { className: "hover:text-primary-main font-light", role: "link", href: href, target: target || '_self', onClick: onClick, ...getAspectsAttributes(dataFooter), children: text ? text : null }) }, String(i)));
-    };
-
-    const AccordionFoldButton = JSX(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (jsx(TextWithIcon, { tag: "button", className: style('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: jsxs("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [renderRoundedIcon(labelIcon, labelIconBgVersion), label ? (jsx(Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? jsx(Icon, { name: icon, iconVersion: "color", width: "24", height: "24" }) : null })));
-
-    const getFoldableStyles = (isMobile = false) => isMobile ? 'flex flex-wrap group-last:last:pb-0' : 'grid grid-cols-12 [&>*]:pb-m';
-
-    const getIconName = (isUnfolded = false, isMobile = false) => isMobile ? getMobileName(isUnfolded) : getDesktopName(isUnfolded);
-    const getDesktopName = (isUnfolded = false) => (isUnfolded ? 'MinusIcon' : 'PlusIcon');
-    const getMobileName = (isUnfolded = false) => isUnfolded ? 'ArrowUpSolidIcon' : 'ArrowDownSolidIcon';
-
-    const RollupItem = UniBlock(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, foldButtonVersion = 'default', 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    version, role, ...rest }) => {
-        const isMobile = useMobileMode();
-        return (jsx(BlockWrapper, { className: style('w-full border-0 border-b border-solid border-main-divider last:border-b-0', className), defaultPadding: "p-0", tag: "div", version: "transparent", role: role, ...rest, children: jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: style('gap-lg', getFoldableStyles(isMobile)), isUnfolded: isUnfolded, children: renderChildren({
-                        ...rest,
-                        extraProps: { className: 'w-full', padding: 'p-0' },
-                    }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$2({
-                    foldButtonVersion,
-                    label,
-                    labelIcon,
-                    labelIconBgVersion,
-                    isUnfolded,
-                    onToggle,
-                    isMobile,
-                }) }) }));
-    }, {
-        childrenTypes: { exclude: ['RollupItem'] },
-    });
-    const renderFoldButton$2 = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, isMobile = false, }) => {
-        const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
-        const icon = getIconName(isUnfolded, isMobile);
-        return foldButtonVersion === 'accordion' ? (jsx(AccordionFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : (jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
-    };
-
-    const Sitemap = JSX(({ navigationItems }) => (jsx("div", { className: "w-full", role: "menu", children: renderTopItems(navigationItems) })));
-    const renderTopItems = (topItems) => topItems
-        ?.filter((_) => _.icon?.icon)
-        .map((item, i) => (jsx(RollupItem, { foldButtonVersion: "accordion", label: item?.text, labelIcon: item?.icon, role: "menuitem", children: item.items ? jsx(LinkList, { items: item.items }) : null }, String(i))));
-
-    const Contacts = JSX(({ className = '', items = [] }) => items?.length ? (jsx("div", { className: style('space-y-m', className), children: items.map(renderContactsGroup) })) : null);
-    const renderContactsGroup = (item, i) => (jsxs("div", { className: "space-y-m", children: [jsx("div", { children: jsx(Text, { size: "text-l", font: "font-medium", children: item?.title }) }), jsx("div", { className: "space-y-m", children: item.items?.map(renderContact) })] }, String(i)));
-    const renderContact = (item, i) => (jsxs("div", { className: "space-y-2xs", children: [jsx("div", { children: renderText$1(item.type, item.text) }), jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item.description })] }, String(i)));
-    const renderText$1 = (type, text = '') => {
-        switch (type) {
-            case 'tel':
-                return (jsx("a", { className: "text-primary-text hover:text-primary-main no-underline", href: `tel:${formatTel(text)}`, children: jsx(Text, { size: "text-h6", children: text }) }));
-            case 'email':
-                return (jsx("a", { className: "no-underline", href: `mailto:${text}`, children: jsx(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: text }) }));
-            default:
-                return jsx("span", { children: text });
-        }
-    };
-    const formatTel = (s) => s.replaceAll(/\D/g, '');
-
-    const HorizontalNavigationLink = JSX(({ className = '', index, text, ...rest }) => {
-        const link = useLink();
-        const { href, target, onClick } = link(rest);
-        return (jsx("a", { className: style('text-secondary-text', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
-    });
-
-    const HorizontalNavigation = JSX(({ className = '', title, links }) => (jsx("div", { className: className, children: links?.length ? (jsxs("div", { className: "flex justify-between lg:items-center flex-col lg:flex-row gap-lg py-lg border-y border-y-main-divider", children: [jsx("div", { className: "lg:hidden", children: jsx(Text, { size: "text-l", font: "font-normal", children: title }) }), links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light lg:max-w-[292px]", ..._ }, String(i))))] })) : null })));
-
-    const LEFT_COLUMN_STYLE = 'w-full lg:w-52';
-
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const renderLogoSearchBar = (common, navigationItems) => null;
-
-    const TextInformationLink = JSX(({ className = '', index, ...rest }) => {
-        const link = useLink();
-        const { href, target, text, onClick } = link(rest);
-        return (jsx("a", { className: style('text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px]', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
-    });
-
-    const TextInformation = JSX(({ className = '', links, license }) => (jsxs("div", { className: style('@container space-y-lg', className), children: [license ? (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-light", color: "text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0${license}` }) })) : null, links?.length ? (jsx("div", { className: "flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs", children: links.map((_, i) => (jsx(TextInformationLink, { index: i, ..._ }, String(i)))) })) : null] })));
-
-    const Footer = UniBlock(({ className, footer, ...rest }) => {
-        const { navigationItems } = rest.options?.page?.navigation ?? {};
-        rest.options?.page?.common ?? {};
-        const { documents, relatedEnterprises, contacts, mediaLinks = [], horizontalNavigationTitle, feedbackButton, license, otherLinks = [], } = footer ?? {};
-        const linkStyle = '!text-left text-s font-light';
-        return (jsxs(BlockWrapper, { tag: "footer", className: style('grid gap-y-xl p-4xl pb-24 lg:p-xl', className), ...rest, children: [renderLogoSearchBar(), jsxs("div", { className: "flex flex-col lg:flex-row items-center @lg:items-stretch gap-lg lg:gap-6xl ", children: [jsx(Sitemap, { navigationItems: navigationItems }), jsx("div", { className: "border-t border-main-divider lg:hidden w-full" }), jsxs("div", { className: style(LEFT_COLUMN_STYLE, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), feedbackButton ? (jsx(LinkButton, { className: "w-full", version: "primary", ...feedbackButton })) : null, mediaLinks.map((_, i) => (jsx(SocialMedia, { media: _?.links ?? [], showButtonText: false, stretched: true, children: _?.title }, String(i)))), otherLinks.map((_, i) => (jsx(LinkButton, { className: linkStyle, version: "link", ..._, children: _?.text }, String(i))))] })] }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents, license: license })] }));
-    });
-
-    const GrantSupport = UniBlock(({ className, title, button, regionSource, data, ...rest }) => {
-        const [region, setRegion] = useState({ key: '' });
-        const regions = regionSource?.regions ?? [];
-        const buttonStyle = getRegularButtonClasses({
-            className: 'text-white',
-            version: button?.version || 'primary',
-        });
-        const regionHref = regions?.find((_) => _.name === region.key)?.href;
-        const buttonText = button?.text ? button.text : 'Перейти';
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), data: getAspectsWithInclude(data, region?.key), children: buttonText }) })) : null] }) }));
-    });
-
-    const BUTTON_STYLE = {
-        default: 'bg-main-divider text-primary-main rounded hover:text-primary-main',
-        transparent: 'backdrop-opacity-30 bg-white/30 hover:text-primary-hover text-white',
-    };
-    const InternetBankButton = JSX(({ version, text, mobileText, ...rest }) => {
-        const isMobileMode = useMobileMode();
-        const buttonText = isMobileMode ? mobileText : text;
-        return buttonText ? (jsx(LinkButton, { className: style('py-s px-lg font-light whitespace-nowrap', BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default']), ...rest, children: buttonText })) : null;
-    });
-
-    const HeaderTop = JSX(({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
-        const router = useRouter();
-        const isRootLocation = router.pathname === '/';
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
-        const onClick = useCallback(() => {
-            router.back();
-        }, [router]);
-        return (jsxs("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? (jsx("div", { children: jsx(Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
-    });
-    const renderBackButton = (onClick, text) => text ? (jsxs("button", { className: "flex items-center text-l my-2xs", onClick: onClick, type: "button", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0437\u0430\u0434", children: [jsx(Icon, { name: "ChevronLeftIcon", iconVersion: "black", width: "24", height: "24" }), text] })) : null;
-
-    const BG_COLOR_TO_BLOCK_VERSION = {
-        'bg-white': 'primary',
-        transparent: 'transparent',
-    };
-    const Header = UniBlock(({ bgColor = 'bg-white', alwaysShowLogo = false, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], portal, logo: customLogo = {}, ...rest }) => {
-        const { backwardButton, logo = {} } = rest.options?.page?.common ?? {};
-        const { internetBankButton } = portal || {};
-        const logoProps = customLogo.image?.icon || customLogo.image?.src ? customLogo : logo;
-        return (jsx(BlockWrapper, { tag: "header", defaultPadding: "", version: version, ...rest, children: jsx("div", { className: "container px-lg py-2xs box-border", children: jsx(HeaderTop, { bgColor: bgColor, logo: logoProps, alwaysShowLogo: alwaysShowLogo, internetBankButton: internetBankButton, version: version, backwardButton: backwardButton, ...rest }) }) }));
-    });
-
-    const getInnerPadding = (isPadding = false) => isPadding ? {} : { padding: 'p-0' };
-
-    const gapStyles = {
-        XXL: 'gap-6xl',
-        XL: 'gap-5xl',
-        L: 'gap-3xl',
-        M: 'gap-m',
-        S: 'gap-xs',
-        XS: 'gap-2xs',
-        '': '',
-    };
-
-    const VerticalLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
-        const router = useRouter();
-        return (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], image?.src ? 'bg-right-bottom bg-no-repeat' : '', className), ...(image?.src
-                ? { style: { backgroundImage: `url(${adjustSrc(router)(image?.src)})` } }
-                : {}), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
-                ...rest,
-                extraProps: {
-                    className: style('w-full', getBorderStyle(isCardBorder)),
-                    ...getInnerPadding(isInnerPadding),
-                },
-            }) }));
-    }, { childrenTypes: [] });
-
-    const HorizontalLayout = UniBlock((props) => jsx(VerticalLayout, { ...props }), { childrenTypes: [] });
-
-    const ImgBlock = JSX((props) => {
-        const { className, align, image, ...rest } = props;
-        const alignStyle = align ? style('flex', AlignJustifyStyle[align]) : '';
-        return (jsx(BlockWrapper, { className: style(alignStyle, className), defaultPadding: "p-0", ...rest, children: jsx(Img, { image: image }) }));
-    });
-
-    const KILO = 1024;
-    const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
-    const formatBytes = (bytes, decimals = 2) => {
-        if (bytes === 0) {
-            return '';
-        }
-        const i = Math.floor(Math.log(bytes) / Math.log(KILO));
-        return `${parseFloat((bytes / Math.pow(KILO, i)).toFixed(decimals))} ${KILO_SIZES[i]}`;
-    };
-
-    const LinkDocItem = JSX(({ icon, text, href, target, fileFormat, data, fileSize }) => {
-        const prefix = fileSize && fileFormat ? ',' : '';
-        const size = fileSize ?? '';
-        const format = fileFormat ? String(fileFormat) : '';
-        return (jsxs("a", { className: "flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main", href: href, target: target, ...getAspectsAttributes(data), children: [icon, text ? (jsxs(Text, { size: "text-l", font: "font-light", children: [text, " ", addSpace(size, format), jsx(Text, { color: "text-secondary-text", children: href && `${size + prefix + format}` })] })) : null] }));
-    });
-    const addSpace = (size, format) => (size || format ? jsx("span", { children: ",\u00A0" }) : '');
-
-    const linkIconStyle = 'min-w-11 min-h-11 h-fit p-2.5 bg-main-divider rounded-md';
-
-    const renderDefaultItem = (router, icon) => (docBlockDef, i) => {
-        const href = adjustHref(router)(docBlockDef?.docType === 'Attachment' ? docBlockDef?.attachment?.src : docBlockDef?.href);
-        const fileSize = docBlockDef?.docType === 'Attachment'
-            ? formatBytes(docBlockDef?.attachment?.fileSize || 0)
-            : docBlockDef?.fileSize;
-        const fileFormat = docBlockDef?.docType === 'Attachment' ? getExtFromHref(href) : docBlockDef?.fileFormat;
-        return (jsxs("div", { role: "listitem", children: [jsx(LinkDocItem, { text: docBlockDef?.text, target: docBlockDef?.target, href: href, fileFormat: fileFormat, fileSize: fileSize, icon: renderImg(icon), data: docBlockDef?.data }), jsx(RichText, { __html: docBlockDef?.__html })] }, String(i)));
-    };
-    const renderImg = (icon) => icon ? jsx(Img, { className: linkIconStyle, image: icon, width: "24", height: "24" }) : null;
-    const getExtFromHref = (href) => {
-        if (!href) {
-            return '';
-        }
-        const index = href.lastIndexOf('.');
-        const regexp = new RegExp(/\/(.*)/);
-        const docFormat = index !== -1 ? href.substring(index + 1) : '';
-        return docFormat.includes('/') ? docFormat.replace(regexp, '') : docFormat;
-    };
-
-    const ReportDialog = JSX(({ href, __html, target }) => {
-        const { close } = useDialogManager();
-        const router = useRouter();
-        const adjustedHref = adjustHref(router)(href);
-        const handleClose = useCallback(() => {
-            close();
-        }, []);
-        return (jsxs(Dialog, { className: "my-6xl min-h-fit w-fit mx-auto", children: [__html ? jsx(RichText, { __html: __html }) : null, jsxs("div", { className: "flex flex-row mx-auto w-fit gap-lg py-lg", children: [jsx(LinkButton, { text: "\u042F \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D", version: "primary", target: target, href: adjustedHref, onClick: handleClose }), jsx(Button, { type: "button", version: "secondary", onClick: handleClose, children: "\u042F \u043D\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D" })] }), jsx("div", { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443 \u00AB\u042F \u0421\u041E\u0413\u041B\u0410\u0421\u0415\u041D\u00BB \u043D\u0438\u0436\u0435 \u0412\u044B \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F. \u0420\u0430\u0441\u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u0438\u043B\u0438 \u0440\u0430\u0441\u043A\u0440\u044B\u0442\u0438\u0435 \u043B\u044E\u0431\u043E\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0417\u0430\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u043B\u044E\u0431\u043E\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438, \u0438\u043B\u0438 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0430\u0446\u0438\u0438 \u0432 \u043D\u0435\u043C \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u043E.\u00BB" })] }));
-    });
-
-    const useReportDialog = (props) => {
-        const { open, close } = useDialogManager();
-        return {
-            open: (options = {}) => open(jsx(ReportDialog, { ...props }), options),
-            close,
-        };
+    const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, currencyTo, currencyFrom) => {
+        setCalcState({ inputBuy: formatValue(value), selectSell: currencyFrom });
+        const rate = currencyRatesBuy.find((_) => _.currency?.currency === currencyFrom)?.saleExchangeRate ||
+            currencyRatesBuy.find((_) => _.currency?.currency === currencyTo)?.saleExchangeRate;
+        if (rate) {
+            setCalcState({
+                inputSell: String(calculateResult(value, rate, currencyTo === Currency.RUB) || ''),
+            });
+        }
     };
 
-    const ReportDialogButton = JSX(({ text, href, target, __html, icon }) => {
-        if (!text && !__html) {
-            return null;
-        }
-        const reportDialog = useReportDialog({ __html, href, target });
-        const openReportDialog = useCallback(() => reportDialog.open(), [reportDialog]);
-        return (jsxs("button", { className: "flex gap-s text-primary-text no-underline hover:text-primary-main", onClick: openReportDialog, children: [renderImg(icon), jsx(Text, { font: "font-light", children: text })] }));
+    const EXCHANGE_RATES_URL = `${API_BASE_URI}/exchangerates`;
+    function useFetchExchangeRateData(currentRegion) {
+        const regionCode = currentRegion?.code || '000';
+        const { data } = useAsyncData(EXCHANGE_RATES_URL + `?regionCode=${regionCode}`, fetchJSONUnsafe);
+        return data || {};
+    }
+
+    const ExchangeRateTile = JSX(({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
+        const [currentLocation] = useLocation();
+        const exchangeRates = useFetchExchangeRateData(currentLocation);
+        const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);
+        const currencyRatesBuy = currencyRates.filter((_) => _.buyExchangeRate);
+        currencyRatesBuy.unshift({ currency: { currency: Currency.RUB } });
+        const currencyRatesSell = currencyRates.filter((_) => _.saleExchangeRate);
+        currencyRatesSell.push({ currency: { currency: Currency.RUB } });
+        return (jsx(BlockWrapper, { className: style('box-border min-h-80', className), ...rest, children: jsx(BaseTile, { className: "h-full", title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap" }), children: jsxs("div", { className: "flex w-full gap-6xl flex-wrap @lg:flex-nowrap", children: [jsxs("div", { className: "w-full @2xl:w-auto @5xl:w-1/2", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-xl", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { address: exchangeRates?.address })] }), jsx(ExchangeCurrencyCalculator, { className: "grow w-1/2", currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })] }) }) }));
     });
+    const getCurrencyRates = (currencies) => currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id)) || [];
 
-    const linkColumnsModeStyleMap = {
-        double: 'sm:flex-wrap sm:flex-row',
-        single: 'sm:flex-col',
-    };
-    const LinkDocs = UniBlock(({ className = '', title, description, align = 'text-center', documents, icon = { icon: 'DocIcon' }, columnsMode = 'double', ...rest }) => {
-        const router = useRouter();
-        return (jsxs(BlockWrapper, { className: style('space-y-lg', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, align: align, headlineVersion: "M", as: "h2", isEmbedded: true }), documents?.length ? (jsx("div", { className: style('grid gap-xl', columnsMode === 'double' ? '@md:grid-cols-2' : 'grid-cols-1', linkColumnsModeStyleMap[columnsMode]), role: "list", children: documents.map(renderLinkDocItem(router, icon)) })) : null] }));
+    const LinkList = JSX(({ className = '', items }) => {
+        const link = useLink();
+        return (jsx("ul", { className: style('flex flex-col gap-s w-full', className), children: items?.map(renderLinkListItem(link)) }));
     });
-    const renderLinkDocItem = (router, icon) => (docBlockDef, i) => {
-        const docType = docBlockDef?.docType;
-        if (docType === '') {
+    const renderLinkListItem = (link) => ({ dataFooter, ...linkProps }, i) => {
+        const { text, href, target, onClick } = link(linkProps);
+        if (!text) {
             return null;
         }
-        if ('reportSource' in docBlockDef && docBlockDef?.reportSource?.__html) {
-            return renderModalItem(icon)(docBlockDef, i);
-        }
-        return renderDefaultItem(router, icon)(docBlockDef, i);
-    };
-    const renderModalItem = (icon) => (props, i) => {
-        const commonProps = {
-            text: props.text,
-            target: props.target,
-            __html: props.reportSource?.__html,
-        };
-        return props.reportSource?.__html && props.text ? (jsxs("div", { role: "listitem", children: [jsx(ReportDialogButton, { ...commonProps, icon: icon, href: isLinkDoc(props) ? props?.href : props?.attachment?.src }), jsx(RichText, { __html: props?.__html })] }, String(i))) : null;
+        return (jsx("li", { className: "list-none", children: jsx("a", { className: "hover:text-primary-main font-light", role: "link", href: href, target: target || '_self', onClick: onClick, ...getAspectsAttributes(dataFooter), children: text ? text : null }) }, String(i)));
     };
-    const isLinkDoc = (data) => 'href' in data;
 
-    const MobileAppTile = UniBlock(({ className, padding, align = 'text-left', buttons = [], description, image, __html, headingType, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
-        const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
-        const img = image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null;
-        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 AccordionFoldButton = JSX(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (jsx(TextWithIcon, { tag: "button", className: style('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: jsxs("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [renderRoundedIcon(labelIcon, labelIconBgVersion), label ? (jsx(Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? jsx(Icon, { name: icon, iconVersion: "color", width: "24", height: "24" }) : null })));
 
-    const getVersion = (isPrimary, type) => isPrimary && type !== 'underlined' ? 'primary' : 'secondary';
+    const getFoldableStyles = (isMobile = false) => isMobile ? 'flex flex-wrap group-last:last:pb-0' : 'grid grid-cols-12 [&>*]:pb-m';
 
-    const getBadgeCount = (blocks = [], filter = {}) => blocks.filter(({ content = {} }) => targetMatchPattern(filter, content)).length;
+    const getIconName = (isUnfolded = false, isMobile = false) => isMobile ? getMobileName(isUnfolded) : getDesktopName(isUnfolded);
+    const getDesktopName = (isUnfolded = false) => (isUnfolded ? 'MinusIcon' : 'PlusIcon');
+    const getMobileName = (isUnfolded = false) => isUnfolded ? 'ArrowUpSolidIcon' : 'ArrowDownSolidIcon';
 
-    const scalarCmp = (a, b) => a === b;
-    const arrCmp = (cmp = scalarCmp) => (a, b) => a === b || Boolean(a && b && a.length === b.length && a.every((_, i) => cmp(_, b[i])));
-    const objCmp = (cmp) => (a, b) => a === b ||
-        Boolean(a &&
-            b &&
-            Object.keys(a).length === Object.keys(b).length &&
-            Object.entries(a).every(([key, value]) => cmp(value, b[key])));
-    function combineBoolCmps(...comparators) {
-        return (a, b) => comparators.some((cmp) => cmp(a, b));
-    }
+    const RollupItem = UniBlock(({ className = '', isExpanded, isFoldButtonOnTop = true, label = 'Развернуть', labelIcon, labelIconBgVersion, foldButtonVersion = 'default', 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    version, role, ...rest }) => {
+        const isMobile = useMobileMode();
+        return (jsx(BlockWrapper, { className: style('w-full border-0 border-b border-solid border-main-divider last:border-b-0', className), defaultPadding: "p-0", tag: "div", version: "transparent", role: role, ...rest, children: jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: style('gap-lg', getFoldableStyles(isMobile)), isUnfolded: isUnfolded, children: renderChildren({
+                        ...rest,
+                        extraProps: { className: 'w-full', padding: 'p-0' },
+                    }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({
+                    foldButtonVersion,
+                    label,
+                    labelIcon,
+                    labelIconBgVersion,
+                    isUnfolded,
+                    onToggle,
+                    isMobile,
+                }) }) }));
+    }, {
+        childrenTypes: { exclude: ['RollupItem'] },
+    });
+    const renderFoldButton = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, isMobile = false, }) => {
+        const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
+        const icon = getIconName(isUnfolded, isMobile);
+        return foldButtonVersion === 'accordion' ? (jsx(AccordionFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : (jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
+    };
 
-    const hotFilterRecordCmp = objCmp(combineBoolCmps(scalarCmp, arrCmp()));
+    const Sitemap = JSX(({ navigationItems }) => (jsx("div", { className: "w-full", role: "menu", children: renderTopItems(navigationItems) })));
+    const renderTopItems = (topItems) => topItems
+        ?.filter((_) => _.icon?.icon)
+        .map((item, i) => (jsx(RollupItem, { foldButtonVersion: "accordion", label: item?.text, labelIcon: item?.icon, role: "menuitem", children: item.items ? jsx(LinkList, { items: item.items }) : null }, String(i))));
 
-    const EMPTY_ARR = [];
-    const EMPTY_OBJ = {};
-    const useHotFilters = ({ hotFilters = EMPTY_ARR, filtrationState = EMPTY_OBJ, blocks = EMPTY_ARR, onFiltrationStateChange, }) => {
-        const activeItemIndex = useMemo(() => Math.max(0, hotFilters.findIndex((_) => hotFilterRecordCmp(_.filter, filtrationState))), [hotFilters, filtrationState]);
-        const items = useMemo(() => hotFilters.map((_) => ({
-            text: _.text,
-            count: getBadgeCount(blocks, _.filter),
-            version: getVersion(_ === hotFilters[activeItemIndex]),
-        })), [hotFilters, blocks, activeItemIndex]);
-        const handleChange = useCallback((_) => {
-            onFiltrationStateChange(hotFilters[items.indexOf(_)].filter);
-        }, [hotFilters, items]);
-        return {
-            activeItem: items[activeItemIndex],
-            items: items,
-            onChange: handleChange,
-        };
+    const Contacts = JSX(({ className = '', items = [] }) => items?.length ? (jsx("div", { className: style('space-y-m', className), children: items.map(renderContactsGroup) })) : null);
+    const renderContactsGroup = (item, i) => (jsxs("div", { className: "space-y-m", children: [jsx("div", { children: jsx(Text, { size: "text-l", font: "font-medium", children: item?.title }) }), jsx("div", { className: "space-y-m", children: item.items?.map(renderContact) })] }, String(i)));
+    const renderContact = (item, i) => (jsxs("div", { className: "space-y-2xs", children: [jsx("div", { children: renderText$1(item.type, item.text) }), jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text", children: item.description })] }, String(i)));
+    const renderText$1 = (type, text = '') => {
+        switch (type) {
+            case 'tel':
+                return (jsx("a", { className: "text-primary-text hover:text-primary-main no-underline", href: `tel:${formatTel(text)}`, children: jsx(Text, { size: "text-h6", children: text }) }));
+            case 'email':
+                return (jsx("a", { className: "no-underline", href: `mailto:${text}`, children: jsx(Paragraph, { size: "text-xl", font: "font-light", color: "text-primary-text", children: text }) }));
+            default:
+                return jsx("span", { children: text });
+        }
     };
+    const formatTel = (s) => s.replaceAll(/\D/g, '');
 
-    const badgeBgStyleMap = {
-        primary: 'bg-white/30',
-        secondary: 'bg-main-divider',
-    };
-    const badgeTextColorStyleMap = {
-        primary: { desktop: 'text-white', mobile: 'text-primary-text' },
-        secondary: { desktop: 'text-secondary-text', mobile: 'text-secondary-text' },
-    };
-    const Badge$1 = JSX(({ count, version = 'secondary' }) => {
-        const isMobileMode = useMobileMode();
-        const badgeBgStyle = isMobileMode ? 'bg-main-divider' : badgeBgStyleMap[version];
-        const textStyle = badgeTextColorStyleMap[version][isMobileMode ? 'mobile' : 'desktop'];
-        return (jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyle), role: "status", "aria-label": `Количество ${count} доступных программ и сервисов`, children: jsx(Text, { size: "text-xs", color: textStyle, children: count }) }));
+    const HorizontalNavigationLink = JSX(({ className = '', index, text, ...rest }) => {
+        const link = useLink();
+        const { href, target, onClick } = link(rest);
+        return (jsx("a", { className: style('text-secondary-text', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
     });
 
-    const getButtonClassNames = (isActive) => ({
-        btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
-        text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
-        desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
-        icon: isActive ? '' : 'text-primary-main',
-        iconVersion: (isActive ? 'white' : 'normal'),
-        oldText: 'text-m text-center',
-        oldDesc: 'text-m-light',
+    const HorizontalNavigation = JSX(({ className = '', title, links }) => (jsx("div", { className: className, children: links?.length ? (jsxs("div", { className: "flex justify-between lg:items-center flex-col lg:flex-row gap-lg py-lg border-y border-y-main-divider", children: [jsx("div", { className: "lg:hidden", children: jsx(Text, { size: "text-l", font: "font-normal", children: title }) }), links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light lg:max-w-[292px]", ..._ }, String(i))))] })) : null })));
+
+    const LEFT_COLUMN_STYLE = 'w-full lg:w-52';
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const renderLogoSearchBar = (common, navigationItems) => null;
+
+    const TextInformationLink = JSX(({ className = '', index, ...rest }) => {
+        const link = useLink();
+        const { href, target, text, onClick } = link(rest);
+        return (jsx("a", { className: style('text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px]', className), href: href, target: target, onClick: onClick, children: text || `Документ ${index}` }));
     });
-    const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
-        const buttonClassNames = getButtonClassNames(isActive);
-        return (jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, "aria-labelledby": `${text}-label`, children: [icon ? (jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
-                        ...icon,
-                        iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
-                    }, width: "24", height: "24", alt: text })) : null, jsxs("div", { className: "border-0", children: [jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
-    };
 
-    const tabPaddingStyleMap = {
-        default: 'px-xs',
-        underlined: 'px-m',
-        animated: 'px-m border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
-    };
-    const tabTextStyle = 'text-secondary-text hover:text-primary-main';
-    const activeTabTextStyleMap = {
-        default: 'text-black sm:text-white',
-        underlined: 'text-primary-main border-b-2',
-        animated: 'text-white sm:text-white',
-    };
-    const tabBgStyleMap = {
-        default: 'bg-white',
-        underlined: 'bg-white',
-        animated: 'p-1 ease-in duration-300 bg-white text-primary-text h-[70px] w-96',
-    };
-    const activeTabBgStyleMap = {
-        default: 'bg-white sm:bg-primary-main',
-        underlined: 'bg-white',
-        animated: 'p-2 border-none bg-primary-main text-white h-20 w-96',
-    };
-    const TabItemInner = JSX(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
-        const Tag = tag;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { text, description, icon, count, tabName, ...link } = item;
-        return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tablist", "aria-label": "\u0421\u043F\u0438\u0441\u043E\u043A \u0442\u0430\u0431\u043E\u0432", onClick: onClick, ...link, children: jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), role: "tab", "aria-label": `Таб ${text}`, children: [renderTabItemInner({
-                        text,
-                        description,
-                        icon,
-                        isActive,
-                        type,
-                    }), Number.isInteger(count) ? (jsx("div", { className: "ml-xs", role: "status", "aria-label": `Количество программ и сервисов ${count}`, children: jsx(Badge$1, { count: count, version: getVersion(isActive, type) }) })) : null] }) }));
+    const TextInformation = JSX(({ className = '', links, license }) => (jsxs("div", { className: style('@container space-y-lg', className), children: [license ? (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-light", color: "text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0${license}` }) })) : null, links?.length ? (jsx("div", { className: "flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs", children: links.map((_, i) => (jsx(TextInformationLink, { index: i, ..._ }, String(i)))) })) : null] })));
+
+    const Footer = UniBlock(({ className, footer, ...rest }) => {
+        const { navigationItems } = rest.options?.page?.navigation ?? {};
+        rest.options?.page?.common ?? {};
+        const { documents, relatedEnterprises, contacts, mediaLinks = [], horizontalNavigationTitle, feedbackButton, license, otherLinks = [], } = footer ?? {};
+        const linkStyle = '!text-left text-s font-light';
+        return (jsxs(BlockWrapper, { tag: "footer", className: style('grid gap-y-xl p-4xl pb-24 lg:p-xl', className), ...rest, children: [renderLogoSearchBar(), jsxs("div", { className: "flex flex-col lg:flex-row items-center @lg:items-stretch gap-lg lg:gap-6xl ", children: [jsx(Sitemap, { navigationItems: navigationItems }), jsx("div", { className: "border-t border-main-divider lg:hidden w-full" }), jsxs("div", { className: style(LEFT_COLUMN_STYLE, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), feedbackButton ? (jsx(LinkButton, { className: "w-full", version: "primary", ...feedbackButton })) : null, mediaLinks.map((_, i) => (jsx(SocialMedia, { media: _?.links ?? [], showButtonText: false, stretched: true, children: _?.title }, String(i)))), otherLinks.map((_, i) => (jsx(LinkButton, { className: linkStyle, version: "link", ..._, children: _?.text }, String(i))))] })] }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents, license: license })] }));
     });
 
-    const TabItem = JSX((props) => props?.item?.href ? jsx(LinkTabItem, { ...props }) : jsx(ButtonTabItem, { ...props }));
-    const LinkTabItem = JSX((props) => {
-        const link = useLink();
-        const handleClick = useCallback(() => {
-            props.onClick && props.onClick(props.item || {});
-        }, [props.onClick, props.item]);
-        const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
-        return jsx(TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
+    const GrantSupport = UniBlock(({ className, title, button, regionSource, data, ...rest }) => {
+        const [region, setRegion] = useState({ key: '' });
+        const regions = regionSource?.regions ?? [];
+        const buttonStyle = getRegularButtonClasses({
+            className: 'text-white',
+            version: button?.version || 'primary',
+        });
+        const regionHref = regions?.find((_) => _.name === region.key)?.href;
+        const buttonText = button?.text ? button.text : 'Перейти';
+        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), data: getAspectsWithInclude(data, region?.key), children: buttonText }) })) : null] }) }));
     });
-    // TODO: Update handlerDecorator (support buttons?)
-    const ButtonTabItem = JSX(({ item = {}, onClick, ...rest }) => {
-        const handleClick = useCallback(() => {
-            onClick && onClick(item);
-        }, [onClick, item]);
-        return jsx(TabItemInner, { item: item, onClick: handleClick, ...rest });
+
+    const BUTTON_STYLE = {
+        default: 'bg-main-divider text-primary-main rounded hover:text-primary-main',
+        transparent: 'backdrop-opacity-30 bg-white/30 hover:text-primary-hover text-white',
+    };
+    const InternetBankButton = JSX(({ version, text, mobileText, ...rest }) => {
+        const isMobileMode = useMobileMode();
+        const buttonText = isMobileMode ? mobileText : text;
+        return buttonText ? (jsx(LinkButton, { className: style('py-s px-lg font-light whitespace-nowrap', BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default']), ...rest, children: buttonText })) : null;
     });
 
-    const renderTab = (activeTab, onClick, type) => (tab, i) => (jsx(TabItem, { isActive: tab === activeTab, onClick: onClick, type: type, item: tab }, String(i)));
-
-    const TabsControl = JSX(({ className, tabsType = 'default', items = [], activeItem, onChange }) => (jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tabpanel", "aria-label": "\u041F\u0430\u043D\u0435\u043B\u044C \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0442\u0430\u0431\u0430\u043C\u0438", children: items.map(renderTab(activeItem, onChange, tabsType)) })));
+    const HeaderTop = JSX(({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
+        const router = useRouter();
+        const isRootLocation = router.pathname === '/';
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
+        const onClick = useCallback(() => {
+            router.back();
+        }, [router]);
+        return (jsxs("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? (jsx("div", { children: jsx(Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
+    });
+    const renderBackButton = (onClick, text) => text ? (jsxs("button", { className: "flex items-center text-l my-2xs", onClick: onClick, type: "button", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0437\u0430\u0434", children: [jsx(Icon, { name: "ChevronLeftIcon", iconVersion: "black", width: "24", height: "24" }), text] })) : null;
 
-    const initialFiltrationState = {
-        categories: [],
-        extraOptions: [],
-        propertyType: [],
-        stage: [],
+    const BG_COLOR_TO_BLOCK_VERSION = {
+        'bg-white': 'primary',
+        transparent: 'transparent',
     };
-    const MortgageFiltration = UniBlock(({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
-        const [filtrationState, { blocksToRender }, { field, reset, update: replaceFiltrationState }] = useFiltrationForm(initialFiltrationState, {
-            block: rest.block,
-            page: rest.options?.page,
-        });
-        const handleFiltrationStateChange = useCallback((_ = initialFiltrationState) => replaceFiltrationState(_), []);
-        const tabsControlProps = useHotFilters({
-            hotFilters,
-            filtrationState,
-            blocks: rest.block?.blocks,
-            onFiltrationStateChange: handleFiltrationStateChange,
-        });
-        return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [jsx(TabsControl, { ...tabsControlProps }), jsx(FiltrationForm, { filtrationSchema: filtrationSchema, resetButton: resetButton, field: field, reset: reset }), jsx(FilteredBlocks, { blocksToRender: blocksToRender, ...rest })] }));
-    }, {
-        childrenTypes: ['ProductBlock'],
-        childSchema: (content) => content?.filtrationSchema || {},
+    const Header = UniBlock(({ bgColor = 'bg-white', alwaysShowLogo = false, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], portal, logo: customLogo = {}, ...rest }) => {
+        const { backwardButton, logo = {} } = rest.options?.page?.common ?? {};
+        const { internetBankButton } = portal || {};
+        const logoProps = customLogo.image?.icon || customLogo.image?.src ? customLogo : logo;
+        return (jsx(BlockWrapper, { tag: "header", defaultPadding: "", version: version, ...rest, children: jsx("div", { className: "container px-lg py-2xs box-border", children: jsx(HeaderTop, { bgColor: bgColor, logo: logoProps, alwaysShowLogo: alwaysShowLogo, internetBankButton: internetBankButton, version: version, backwardButton: backwardButton, ...rest }) }) }));
     });
 
-    const isSSR = () => Boolean(typeof globalThis.process === 'object' && globalThis.process && globalThis.process.version);
+    const getInnerPadding = (isPadding = false) => isPadding ? {} : { padding: 'p-0' };
 
-    const isClient = !isSSR();
-    const ClientOnly = JSX(({ children }) => (isClient ? children : null));
+    const gapStyles = {
+        XXL: 'gap-6xl',
+        XL: 'gap-5xl',
+        L: 'gap-3xl',
+        M: 'gap-m',
+        S: 'gap-xs',
+        XS: 'gap-2xs',
+        '': '',
+    };
 
-    const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
-    const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
-    function renderClusterer({ yandexMaps, map, points, isLoad, }) {
-        if (isLoad || !points) {
-            return;
-        }
-        map.geoObjects.removeAll();
-        if (!points.length) {
-            return;
-        }
-        const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
-        const officeClusterer = defineClusterer('offices', yandexMaps, clusterIconContentLayout);
-        if (points.length && points.every((_) => 'type' in _)) {
-            const remoteWorkplaceClusterer = defineClusterer('workplaces', yandexMaps, clusterIconContentLayout);
-            const remoteWorkplaceGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'workplaces'), 'workplaces', yandexMaps);
-            const officesGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'offices'), 'offices', yandexMaps);
-            officeClusterer.add(officesGeoObjects);
-            remoteWorkplaceClusterer.add(remoteWorkplaceGeoObjects);
-            map.geoObjects.add(remoteWorkplaceClusterer);
-            map.geoObjects.add(officeClusterer);
-        }
-        else {
-            const geoObjects = defineGeoObjects(points, 'offices', yandexMaps);
-            officeClusterer.add(geoObjects);
-            map.geoObjects.add(officeClusterer);
-        }
-        map.setBounds(yandexMaps.util.bounds.fromPoints(points.map((_) => _.coords))).then(() => {
-            if (map.getZoom() > 10) {
-                map.setZoom(10);
-            }
-        });
-    }
-    const defineClusterer = (type, yandexMaps, clusterIconContentLayout) => {
-        return new yandexMaps.Clusterer({
-            clusterIcons: [
-                {
-                    href: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
-                    size: [78, 84],
-                    offset: [-35, -50],
+    const VerticalLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
+        const router = useRouter();
+        return (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], image?.src ? 'bg-right-bottom bg-no-repeat' : '', className), ...(image?.src
+                ? { style: { backgroundImage: `url(${adjustSrc(router)(image?.src)})` } }
+                : {}), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
+                ...rest,
+                extraProps: {
+                    className: style('w-full', getBorderStyle(isCardBorder)),
+                    ...getInnerPadding(isInnerPadding),
                 },
-            ],
-            clusterIconContentLayout,
-            clusterHideIconOnBalloonOpen: false,
-            geoObjectHideIconOnBalloonOpen: false,
-        });
-    };
-    const defineGeoObjects = (pointArr, type, yandexMaps) => {
-        return pointArr.map(({ coords, content }) => new yandexMaps.Placemark(coords, {
-            balloonContentHeader: content?.header,
-            balloonContentBody: content?.body,
-            balloonContentFooter: content?.footer,
-            hintContent: content?.hint,
-        }, {
-            iconLayout: 'default#image',
-            iconImageHref: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
-            iconImageSize: [78, 84],
-            iconImageOffset: [-35, -50],
-        }));
-    };
+            }) }));
+    }, { childrenTypes: [] });
 
-    const defaultStyle = {
-        focus: 'focus:border-primary-text focus:border',
-        hover: 'hover:bg-primary-hover',
-        active: 'active:bg-primary-active',
-        font: 'text-center font-sans',
-    };
+    const HorizontalLayout = UniBlock((props) => jsx(VerticalLayout, { ...props }), { childrenTypes: [] });
 
-    const styles$1 = {
-        ...defaultStyle,
-        border: 'border border-transparent rounded-md',
-        position: 'absolute flex items-center justify-center',
-    };
-    const renderUserGeolocation = (map, yandexMaps, className) => {
-        const setUserGeoLocation = () => {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            yandexMaps.geolocation
-                .get({
-                provider: 'yandex',
-                autoReverseGeocode: true,
-                mapStateAutoApply: true,
-            })
-                .then(function (result) {
-                map.current.geoObjects.add(result.geoObjects);
-            });
-        };
-        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles$1).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
-    };
+    const ImgBlock = JSX((props) => {
+        const { className, align, image, ...rest } = props;
+        const alignStyle = align ? style('flex', AlignJustifyStyle[align]) : '';
+        return (jsx(BlockWrapper, { className: style(alignStyle, className), defaultPadding: "p-0", ...rest, children: jsx(Img, { image: image }) }));
+    });
 
-    const getNS = (_) => globalThis[_];
-    const initializeExternalNS = (namespaceName, url) => {
-        const script = document.getElementById(url);
-        if (script) {
-            const ns = getNS(namespaceName);
-            if (ns) {
-                return Promise.resolve(ns);
-            }
-            else {
-                return new Promise((resolve) => {
-                    script.addEventListener('load', () => {
-                        resolve(getNS(namespaceName));
-                    });
-                });
-            }
-        }
-        else {
-            return new Promise((resolve, reject) => {
-                const newScript = document.createElement('script');
-                newScript.src = url;
-                newScript.async = true;
-                newScript.id = url;
-                newScript.addEventListener('load', () => {
-                    resolve(getNS(namespaceName));
-                });
-                newScript.addEventListener('error', (error) => {
-                    reject(error);
-                });
-                document.head.appendChild(newScript);
-            });
+    const KILO = 1024;
+    const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
+    const formatBytes = (bytes, decimals = 2) => {
+        if (bytes === 0) {
+            return '';
         }
+        const i = Math.floor(Math.log(bytes) / Math.log(KILO));
+        return `${parseFloat((bytes / Math.pow(KILO, i)).toFixed(decimals))} ${KILO_SIZES[i]}`;
     };
-    function useExternalNS(namespaceName, url, unmountNS = true) {
-        const [externalNS, setExternalNS] = useState(undefined);
-        useEffect(() => {
-            let isMounted = true;
-            initializeExternalNS(namespaceName, url)
-                .then((ns) => {
-                if (isMounted) {
-                    setExternalNS(ns);
-                }
-            })
-                .catch((error) => {
-                console.error(`Failed to initialize external namespace: ${error}`);
-            });
-            return () => {
-                isMounted = false;
-                if (unmountNS) {
-                    const script = document.getElementById(url);
-                    if (script) {
-                        document.head.removeChild(script);
-                    }
-                    setExternalNS(undefined);
-                }
-            };
-        }, [namespaceName, url, unmountNS]);
-        return externalNS;
-    }
 
-    const YMAPS_NAMESPACE = 'ymaps';
-    const useYandexMaps = () => {
-        const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY || ''}&lang=ru_RU`;
-        return useExternalNS(YMAPS_NAMESPACE, url, false);
-    };
+    const LinkDocItem = JSX(({ icon, text, href, target, fileFormat, data, fileSize }) => {
+        const prefix = fileSize && fileFormat ? ',' : '';
+        const size = fileSize ?? '';
+        const format = fileFormat ? String(fileFormat) : '';
+        return (jsxs("a", { className: "flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main", href: href, target: target, ...getAspectsAttributes(data), children: [icon, text ? (jsxs(Text, { size: "text-l", font: "font-light", children: [text, " ", addSpace(size, format), jsx(Text, { color: "text-secondary-text", children: href && `${size + prefix + format}` })] })) : null] }));
+    });
+    const addSpace = (size, format) => (size || format ? jsx("span", { children: ",\u00A0" }) : '');
 
-    const styles = {
-        ...defaultStyle,
-        border: 'border-b border-b-2 border-gray last:border-0',
-        position: 'relative flex items-center justify-center',
+    const linkIconStyle = 'min-w-11 min-h-11 h-fit p-2.5 bg-main-divider rounded-md';
+
+    const renderDefaultItem = (router, icon) => (docBlockDef, i) => {
+        const href = adjustHref(router)(docBlockDef?.docType === 'Attachment' ? docBlockDef?.attachment?.src : docBlockDef?.href);
+        const fileSize = docBlockDef?.docType === 'Attachment'
+            ? formatBytes(docBlockDef?.attachment?.fileSize || 0)
+            : docBlockDef?.fileSize;
+        const fileFormat = docBlockDef?.docType === 'Attachment' ? getExtFromHref(href) : docBlockDef?.fileFormat;
+        return (jsxs("div", { role: "listitem", children: [jsx(LinkDocItem, { text: docBlockDef?.text, target: docBlockDef?.target, href: href, fileFormat: fileFormat, fileSize: fileSize, icon: renderImg(icon), data: docBlockDef?.data }), jsx(RichText, { __html: docBlockDef?.__html })] }, String(i)));
+    };
+    const renderImg = (icon) => icon ? jsx(Img, { className: linkIconStyle, image: icon, width: "24", height: "24" }) : null;
+    const getExtFromHref = (href) => {
+        if (!href) {
+            return '';
+        }
+        const index = href.lastIndexOf('.');
+        const regexp = new RegExp(/\/(.*)/);
+        const docFormat = index !== -1 ? href.substring(index + 1) : '';
+        return docFormat.includes('/') ? docFormat.replace(regexp, '') : docFormat;
     };
-    // TODO: Добавить метод определения центральной точки
-    const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
-        const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
-        const changeZoom = () => {
-            const currentZoom = yandexMaps.current.getZoom();
-            const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
-            yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
-        };
-        return (jsx("div", { onClick: changeZoom, className: `${Object.values(styles).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
+
+    const ReportDialog = JSX(({ href, __html, target }) => {
+        const { close } = useDialogManager();
+        const router = useRouter();
+        const adjustedHref = adjustHref(router)(href);
+        const handleClose = useCallback(() => {
+            close();
+        }, []);
+        return (jsxs(Dialog, { className: "my-6xl min-h-fit w-fit mx-auto", children: [__html ? jsx(RichText, { __html: __html }) : null, jsxs("div", { className: "flex flex-row mx-auto w-fit gap-lg py-lg", children: [jsx(LinkButton, { text: "\u042F \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D", version: "primary", target: target, href: adjustedHref, onClick: handleClose }), jsx(Button, { type: "button", version: "secondary", onClick: handleClose, children: "\u042F \u043D\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0435\u043D" })] }), jsx("div", { children: "\u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0443 \u00AB\u042F \u0421\u041E\u0413\u041B\u0410\u0421\u0415\u041D\u00BB \u043D\u0438\u0436\u0435 \u0412\u044B \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F. \u0420\u0430\u0441\u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u0435\u043D\u0438\u0435 \u0438\u043B\u0438 \u0440\u0430\u0441\u043A\u0440\u044B\u0442\u0438\u0435 \u043B\u044E\u0431\u043E\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0417\u0430\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u043B\u044E\u0431\u043E\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438, \u0438\u043B\u0438 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0430\u0446\u0438\u0438 \u0432 \u043D\u0435\u043C \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u043E.\u00BB" })] }));
     });
 
-    const DEFAULT_CENTER_COORDS = [55.753995, 37.614069];
-    // TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
-    //       Сейчас реализован поиск среди тестовых данных
-    // TODO: Также выяснить что делать когда ничего не найдено
-    // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
-    const YandexMap = JSX(({ points, className = '', zoom = 5, isLoad }) => {
-        const map = useRef(null);
-        const yandexMaps = useYandexMaps();
-        useEffect(() => {
-            if (map.current) {
-                renderClusterer({ yandexMaps, map: map.current, points, isLoad });
-            }
-            else {
-                yandexMaps?.ready(() => {
-                    // Ready function may be called few times, but must be called once
-                    if (map.current) {
-                        renderClusterer({ yandexMaps, map: map.current, points, isLoad });
-                        return;
-                    }
-                    map.current = new yandexMaps.Map('map', {
-                        center: getCenterPoint(points),
-                        zoom,
-                        controls: [],
-                        suppressMapOpenBlock: true,
-                    });
-                    renderClusterer({ yandexMaps, map: map.current, points, isLoad });
-                });
-            }
-        }, [yandexMaps, points, zoom, isLoad]);
-        if (!yandexMaps) {
+    const useReportDialog = (props) => {
+        const { open, close } = useDialogManager();
+        return {
+            open: (options = {}) => open(jsx(ReportDialog, { ...props }), options),
+            close,
+        };
+    };
+
+    const ReportDialogButton = JSX(({ text, href, target, __html, icon }) => {
+        if (!text && !__html) {
             return null;
         }
-        const zIndex = 'z-10';
-        return (jsxs("div", { id: "map", className: style('relative', 'w-full', className), children: [isLoad ? jsx(Loader, {}) : null, jsxs("div", { className: style('absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md', zIndex), children: [jsx(ZoomButton, { yandexMaps: map }), jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map, yandexMaps, style('right-2 top-80', zIndex))] }));
+        const reportDialog = useReportDialog({ __html, href, target });
+        const openReportDialog = useCallback(() => reportDialog.open(), [reportDialog]);
+        return (jsxs("button", { className: "flex gap-s text-primary-text no-underline hover:text-primary-main", onClick: openReportDialog, children: [renderImg(icon), jsx(Text, { font: "font-light", children: text })] }));
     });
-    const getCenterPoint = (points) => {
-        const centerCoords = [
-            getArraySumAndAverage(mapByIndex(points, 0)),
-            getArraySumAndAverage(mapByIndex(points, 1)),
-        ];
-        return centerCoords.every((_) => _) ? centerCoords : DEFAULT_CENTER_COORDS;
-    };
-    const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
-    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
-    const INITIAL_FILTRATION_STATE$1 = {
-        workingSaturday: false,
-        premiumService: false,
-        privateBanking: false,
-        remoteWorkplace: false,
-        serviceDisabledPeople: false,
-        sellingCoins: false,
-        buyingCoins: false,
-        bullionOperations: false,
-        preciousMetalsOperations: false,
-        transferringDataToBiometricSystem: false,
+    const linkColumnsModeStyleMap = {
+        double: 'sm:flex-wrap sm:flex-row',
+        single: 'sm:flex-col',
     };
-    const FILTRATION_LABELS = {
-        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
-        workingSaturday: 'Открыты по субботам',
-        terminalTypeAtms: 'Банкоматы',
-        terminalTypeTerm: 'Терминалы',
-        workAllTime: 'Круглосуточно',
-        billAcceptorEnable: 'Прием наличных',
-        premiumService: 'Премиальное обслуживание',
-        privateBanking: 'Услуга Private banking',
-        sellingCoins: 'Продажа монет из драгоценных металлов',
-        buyingCoins: 'Покупка монет из драгоценных металлов',
-        bullionOperations: 'Операции со слитками',
-        preciousMetalsOperations: 'Операции с драгоценными металлами',
-        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
-        locationDisabledPeople: 'Для маломобильных',
-        designDisabledPeople: 'Для слабовидящих',
-        remoteWorkplace: 'Удаленное рабочее место',
-        serviceDisabledPeople: 'Для маломобильных граждан',
+    const LinkDocs = UniBlock(({ className = '', title, description, align = 'text-center', documents, icon = { icon: 'DocIcon' }, columnsMode = 'double', ...rest }) => {
+        const router = useRouter();
+        return (jsxs(BlockWrapper, { className: style('space-y-lg', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, align: align, headlineVersion: "M", as: "h2", isEmbedded: true }), documents?.length ? (jsx("div", { className: style('grid gap-xl', columnsMode === 'double' ? '@md:grid-cols-2' : 'grid-cols-1', linkColumnsModeStyleMap[columnsMode]), role: "list", children: documents.map(renderLinkDocItem(router, icon)) })) : null] }));
+    });
+    const renderLinkDocItem = (router, icon) => (docBlockDef, i) => {
+        const docType = docBlockDef?.docType;
+        if (docType === '') {
+            return null;
+        }
+        if ('reportSource' in docBlockDef && docBlockDef?.reportSource?.__html) {
+            return renderModalItem(icon)(docBlockDef, i);
+        }
+        return renderDefaultItem(router, icon)(docBlockDef, i);
     };
-    const FILTRATION_PREDICATES$1 = {
-        workingSaturday: (item) => Boolean('workSchedule' in item && item.workSchedule?.workingSaturday),
-        premiumService: (item) => Boolean('premiumService' in item && item.premiumService),
-        privateBanking: (item) => Boolean('privateBanking' in item && item.privateBanking),
-        remoteWorkplace: (item) => Boolean('workScheduleDescription' in item),
-        serviceDisabledPeople: (item) => Boolean('serviceDisabledPeople' in item && item.serviceDisabledPeople),
-        sellingCoins: (item) => Boolean('sellingCoins' in item && item.sellingCoins),
-        buyingCoins: (item) => Boolean('buyingCoins' in item && item.buyingCoins),
-        bullionOperations: (item) => Boolean('bullionOperations' in item && item.bullionOperations),
-        preciousMetalsOperations: (item) => Boolean('preciousMetalsOperations' in item && item.preciousMetalsOperations),
-        transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
+    const renderModalItem = (icon) => (props, i) => {
+        const commonProps = {
+            text: props.text,
+            target: props.target,
+            __html: props.reportSource?.__html,
+        };
+        return props.reportSource?.__html && props.text ? (jsxs("div", { role: "listitem", children: [jsx(ReportDialogButton, { ...commonProps, icon: icon, href: isLinkDoc(props) ? props?.href : props?.attachment?.src }), jsx(RichText, { __html: props?.__html })] }, String(i))) : null;
     };
+    const isLinkDoc = (data) => 'href' in data;
 
-    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 MobileAppTile = UniBlock(({ className, padding, align = 'text-left', buttons = [], description, image, __html, headingType, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
+        const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
+        const img = image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null;
+        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 getBadgeCount = (blocks = [], filter = {}) => blocks.filter(({ content = {} }) => targetMatchPattern(filter, content)).length;
+
+    const scalarCmp = (a, b) => a === b;
+    const arrCmp = (cmp = scalarCmp) => (a, b) => a === b || Boolean(a && b && a.length === b.length && a.every((_, i) => cmp(_, b[i])));
+    const objCmp = (cmp) => (a, b) => a === b ||
+        Boolean(a &&
+            b &&
+            Object.keys(a).length === Object.keys(b).length &&
+            Object.entries(a).every(([key, value]) => cmp(value, b[key])));
+    function combineBoolCmps(...comparators) {
+        return (a, b) => comparators.some((cmp) => cmp(a, b));
+    }
+
+    const hotFilterRecordCmp = objCmp(combineBoolCmps(scalarCmp, arrCmp()));
+
+    const EMPTY_ARR = [];
+    const EMPTY_OBJ = {};
+    const useHotFilters = ({ hotFilters = EMPTY_ARR, filtrationState = EMPTY_OBJ, blocks = EMPTY_ARR, onFiltrationStateChange, }) => {
+        const activeItemIndex = useMemo(() => Math.max(0, hotFilters.findIndex((_) => hotFilterRecordCmp(_.filter, filtrationState))), [hotFilters, filtrationState]);
+        const items = useMemo(() => hotFilters.map((_) => ({
+            text: _.text,
+            count: getBadgeCount(blocks, _.filter),
+            version: getVersion(_ === hotFilters[activeItemIndex]),
+        })), [hotFilters, blocks, activeItemIndex]);
+        const handleChange = useCallback((_) => {
+            onFiltrationStateChange(hotFilters[items.indexOf(_)].filter);
+        }, [hotFilters, items]);
+        return {
+            activeItem: items[activeItemIndex],
+            items: items,
+            onChange: handleChange,
         };
-        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 badgeBgStyleMap = {
+        primary: 'bg-white/30',
+        secondary: 'bg-main-divider',
     };
-    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 badgeTextColorStyleMap = {
+        primary: { desktop: 'text-white', mobile: 'text-primary-text' },
+        secondary: { desktop: 'text-secondary-text', mobile: 'text-secondary-text' },
     };
-    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 Badge = JSX(({ count, version = 'secondary' }) => {
+        const isMobileMode = useMobileMode();
+        const badgeBgStyle = isMobileMode ? 'bg-main-divider' : badgeBgStyleMap[version];
+        const textStyle = badgeTextColorStyleMap[version][isMobileMode ? 'mobile' : 'desktop'];
+        return (jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyle), role: "status", "aria-label": `Количество ${count} доступных программ и сервисов`, children: jsx(Text, { size: "text-xs", color: textStyle, children: count }) }));
+    });
 
-    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] = useMemo(() => {
-            const _filteredItems = filterItems$1(data, filtrationState);
-            const _filteredRemoteWorkplaces = filterItems$1(remoteWorkplaces, filtrationState);
-            const _points = [
-                ..._filteredItems.map((_) => ({
-                    type: 'offices',
-                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
-                    content: getBalloon(_),
-                })),
-                ..._filteredRemoteWorkplaces.map((_) => ({
-                    type: 'workplaces',
-                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
-                    content: getBalloonRemoteWorkplaces({
-                        address: _.address,
-                        workScheduleDescription: _.workScheduleDescription,
-                    }),
-                })),
-            ].filter((_) => _.coords && _.coords.length === 2);
-            const itemsLength = _filteredItems.length + _filteredRemoteWorkplaces?.length;
-            return [_filteredItems, _points, _filteredRemoteWorkplaces, itemsLength];
-        }, [data, remoteWorkplaces, filtrationState]);
-        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 getButtonClassNames = (isActive) => ({
+        btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
+        text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
+        desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
+        icon: isActive ? '' : 'text-primary-main',
+        iconVersion: (isActive ? 'white' : 'normal'),
+        oldText: 'text-m text-center',
+        oldDesc: 'text-m-light',
     });
-    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 renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
+        const buttonClassNames = getButtonClassNames(isActive);
+        return (jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, "aria-labelledby": `${text}-label`, children: [icon ? (jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
+                        ...icon,
+                        iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
+                    }, width: "24", height: "24", alt: text })) : null, jsxs("div", { className: "border-0", children: [jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
     };
-    const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES$1[_](item)).length);
 
-    const colorStyle = {
-        yellow: { border: 'border-yellow-light', text: 'text-yellow' },
-        green: { border: 'border-green-more-light', text: 'text-green-dark' },
-        gray: { border: 'border-gray', text: 'text-secondary-text' },
-        red: { border: 'border-error/30', text: 'text-error' },
+    const tabPaddingStyleMap = {
+        default: 'px-xs',
+        underlined: 'px-m',
+        animated: 'px-m border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
+    };
+    const tabTextStyle = 'text-secondary-text hover:text-primary-main';
+    const activeTabTextStyleMap = {
+        default: 'text-black sm:text-white',
+        underlined: 'text-primary-main border-b-2',
+        animated: 'text-white sm:text-white',
+    };
+    const tabBgStyleMap = {
+        default: 'bg-white',
+        underlined: 'bg-white',
+        animated: 'p-1 ease-in duration-300 bg-white text-primary-text h-[70px] w-96',
+    };
+    const activeTabBgStyleMap = {
+        default: 'bg-white sm:bg-primary-main',
+        underlined: 'bg-white',
+        animated: 'p-2 border-none bg-primary-main text-white h-20 w-96',
     };
-    const Badge = JSX(({ className, children, color = 'gray' }) => (jsxs("div", { className: style('sm:p-s sm:border sm:border-green rounded-md flex items-center h-fit', colorStyle[color].border, className), children: [jsx("div", { className: "block pr-m sm:pr-0 sm:hidden", children: jsx(Img, { image: { icon: 'SmallClockIcon' }, width: "24", height: "24" }) }), jsx(Text, { size: "text-m", color: colorStyle[color].text, children: children })] })));
+    const TabItemInner = JSX(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
+        const Tag = tag;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { text, description, icon, count, tabName, ...link } = item;
+        return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tablist", "aria-label": "\u0421\u043F\u0438\u0441\u043E\u043A \u0442\u0430\u0431\u043E\u0432", onClick: onClick, ...link, children: jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), role: "tab", "aria-label": `Таб ${text}`, children: [renderTabItemInner({
+                        text,
+                        description,
+                        icon,
+                        isActive,
+                        type,
+                    }), Number.isInteger(count) ? (jsx("div", { className: "ml-xs", role: "status", "aria-label": `Количество программ и сервисов ${count}`, children: jsx(Badge, { count: count, version: getVersion(isActive, type) }) })) : null] }) }));
+    });
 
-    const CardCell = JSX(({ value, subText, children, isPhone, ...props }) => {
-        const textItems = (Array.isArray(value) ? value : value?.split(',') ?? []).filter(Boolean);
-        if ([textItems.length, children, subText].every((_) => !_)) {
-            return null;
-        }
-        return renderCardCell({ textItems, subText, children, isPhone, ...props });
+    const TabItem = JSX((props) => props?.item?.href ? jsx(LinkTabItem, { ...props }) : jsx(ButtonTabItem, { ...props }));
+    const LinkTabItem = JSX((props) => {
+        const link = useLink();
+        const handleClick = useCallback(() => {
+            props.onClick && props.onClick(props.item || {});
+        }, [props.onClick, props.item]);
+        const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
+        return jsx(TabItemInner, { ...props, tag: "a", item: item, onClick: onClick });
+    });
+    // TODO: Update handlerDecorator (support buttons?)
+    const ButtonTabItem = JSX(({ item = {}, onClick, ...rest }) => {
+        const handleClick = useCallback(() => {
+            onClick && onClick(item);
+        }, [onClick, item]);
+        return jsx(TabItemInner, { item: item, onClick: handleClick, ...rest });
     });
-    const renderCardCell = ({ label, labelSize = 'text-m', textItems, subColor, subText, className, children, isPhone = false, }) => (jsxs("div", { className: style('flex gap-2xs flex-col h-full max-w-[300px]', className), children: [label ? (jsx(Text, { color: "text-secondary-text", font: "font-light", size: labelSize, children: label })) : null, children || renderTextItems(textItems, isPhone), subText ? (jsx(Text, { color: subColor, size: "text-m", children: subText })) : null] }));
-    const renderTextItems = (textItems, isPhone) => textItems.filter(Boolean).map((text, i) => (jsx(Text, { size: "text-l", children: isPhone ? jsx("a", { href: `tel:${cleanPhoneNumber(text)}`, children: text.trim() }) : text.trim() }, String(i))));
-    const cleanPhoneNumber = (phone) => phone.replace(/\D/g, '');
 
-    const CardRow = JSX(({ className, children }) => (jsx("div", { className: style('flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl', className), children: children })));
+    const renderTab = (activeTab, onClick, type) => (tab, i) => (jsx(TabItem, { isActive: tab === activeTab, onClick: onClick, type: type, item: tab }, String(i)));
 
-    const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
-    const labels = ['Подробнее', 'Скрыть'];
-    const renderFoldButton = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full py-2xl cursor-pointer text-primary-main flex items-center border-b border-solid border-main-divider", onClick: onToggle, type: "button", children: [jsx("div", { className: "pr-m", children: labels[Number(isUnfolded)] }), jsx(Icon, { className: "text-primary-text", name: ICONS[Number(isUnfolded)], width: "16", height: "16" })] }));
+    const TabsControl = JSX(({ className, tabsType = 'default', items = [], activeItem, onChange }) => (jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tabpanel", "aria-label": "\u041F\u0430\u043D\u0435\u043B\u044C \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0442\u0430\u0431\u0430\u043C\u0438", children: items.map(renderTab(activeItem, onChange, tabsType)) })));
+
+    const initialFiltrationState = {
+        categories: [],
+        extraOptions: [],
+        propertyType: [],
+        stage: [],
+    };
+    const MortgageFiltration = UniBlock(({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
+        const [filtrationState, { blocksToRender }, { field, reset, update: replaceFiltrationState }] = useFiltrationForm(initialFiltrationState, {
+            block: rest.block,
+            page: rest.options?.page,
+        });
+        const handleFiltrationStateChange = useCallback((_ = initialFiltrationState) => replaceFiltrationState(_), []);
+        const tabsControlProps = useHotFilters({
+            hotFilters,
+            filtrationState,
+            blocks: rest.block?.blocks,
+            onFiltrationStateChange: handleFiltrationStateChange,
+        });
+        return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [jsx(TabsControl, { ...tabsControlProps }), jsx(FiltrationForm, { filtrationSchema: filtrationSchema, resetButton: resetButton, field: field, reset: reset }), jsx(FilteredBlocks, { blocksToRender: blocksToRender, ...rest })] }));
+    }, {
+        childrenTypes: ['ProductBlock'],
+        childSchema: (content) => content?.filtrationSchema || {},
+    });
 
     const renderAtmCard = ({ location, address, billAcceptorType, terminalType, billAcceptorEnable, atmCode = '', atmAccess = '', workTime, }, i) => {
         const additionalInfo = [
             {
                 label: 'Устройство',
-                value: capitalizedFirstLetter$1(terminalType),
+                value: capitalizedFirstLetter(terminalType),
             },
             { label: 'Модуль приема наличных', value: billAcceptorEnable ? 'Да' : 'Нет' },
             {
@@ -6597,19 +6822,19 @@
             },
             { label: 'Регистрационный номер', value: atmCode },
         ];
-        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: capitalizedFirstLetter$1(location) }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), jsx("div", { className: "whitespace-nowrap", children: jsx(Badge, { color: "green", children: capitalizedFirstLetter$1(workTime) }) })] }), jsx("div", { className: "hidden sm:block", children: jsx(CardRow, { className: "flex-wrap", children: additionalInfo?.map(renderInfo) }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: capitalizedFirstLetter(location) }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), jsx("div", { className: "whitespace-nowrap", children: jsx(Badge$1, { color: "green", children: capitalizedFirstLetter(workTime) }) })] }), jsx("div", { className: "hidden sm:block", children: jsx(CardRow, { className: "flex-wrap", children: additionalInfo?.map(renderInfo) }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
                         return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: jsx(CardRow, { className: "flex-wrap", children: additionalInfo?.map(renderInfo) }) }));
                     }, 
                     //** TODO: Remove styles with refactoring  DefaultFoldButton*/
-                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle }) })] }, String(i)));
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$3({ isUnfolded, onToggle }) })] }, String(i)));
     };
     const getAtmPoint = ({ address = '', terminalType, atmCode = '' }) => {
-        const header = `${capitalizedFirstLetter$1(terminalType)} №${atmCode}`;
+        const header = `${capitalizedFirstLetter(terminalType)} №${atmCode}`;
         const body = address.toUpperCase();
         return { header, body };
     };
     const renderInfo = (item, i) => (jsx(CardCell, { ...item }, String(i)));
-    const capitalizedFirstLetter$1 = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
+    const capitalizedFirstLetter = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
 
     const EMPTY_VALUE$2 = [];
     function useAtms(regionCode) {
@@ -6657,172 +6882,6 @@
         });
     };
 
-    const getScheduleDescription = (workScheduleWeek) => {
-        const rows = getDateDescription(workScheduleWeek);
-        return jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", value: rows, className: "max-w-none" });
-    };
-    const buildScheduleText = ({ workTime = '', lunchHour = '', daysOff = '' }, isSaturday = false) => {
-        if (!workTime) {
-            return '';
-        }
-        return [
-            `${isSaturday ? 'Суббота' : 'Будние дни'}: ${workTime}`,
-            lunchHour ? `перерыв: ${lunchHour}` : '',
-            daysOff ? `не работает: ${daysOff}` : '',
-        ]
-            .filter(Boolean)
-            .join('; ');
-    };
-    const getDateDescription = (workScheduleWeek) => {
-        const workingWeekday = workScheduleWeek.find((_) => _.key !== 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
-        const workingSaturday = workScheduleWeek.find((_) => _.key === 'workingSaturday' && Boolean(_.status) && Boolean(_.workTime));
-        const daysOff = workScheduleWeek
-            .filter((_) => !_.status)
-            .map((_) => _.short?.toLowerCase())
-            .join(', ');
-        const rows = [
-            buildScheduleText({
-                workTime: workingWeekday?.workTime,
-                lunchHour: workingWeekday?.lunchHour,
-                daysOff: workingSaturday ? '' : daysOff,
-            }),
-            buildScheduleText({ workTime: workingSaturday?.workTime, lunchHour: workingSaturday?.lunchHour, daysOff }, true),
-        ].filter(Boolean);
-        return rows;
-    };
-
-    const WEEKDAY_MAP = [
-        ['workingMonday', 'Пн', 'Понедельник'],
-        ['workingTuesday', 'Вт', 'Вторник'],
-        ['workingWednesday', 'Ср', 'Среда'],
-        ['workingThursday', 'Чт', 'Четверг'],
-        ['workingFriday', 'Пт', 'Пятница'],
-        ['workingSaturday', 'Сб', 'Суббота'],
-        ['workingSunday', 'Вс', 'Воскресенье'],
-    ];
-    const getWorkScheduleWeek = (workSchedule) => WEEKDAY_MAP.map(([key, short, title]) => ({
-        key,
-        title,
-        short,
-        status: Boolean(workSchedule?.[key]),
-        get workTime() {
-            return key === 'workingSaturday' ? workSchedule?.workTimeSaturday : workSchedule?.workTime;
-        },
-        get lunchHour() {
-            return key === 'workingSaturday' ? workSchedule?.lunchHourSaturday : workSchedule?.lunchHour;
-        },
-        get hasLunch() {
-            return /\d+/.test(this.lunchHour ?? '');
-        },
-    }));
-
-    const renderBusinessSchedule = (scheduleDescription) => {
-        if (!scheduleDescription) {
-            return null;
-        }
-        const businessSchedule = getBusinessSchedule(scheduleDescription);
-        return (jsxs(CardRow, { className: "border-none", children: [jsx(CardCell, { label: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: businessSchedule.map(renderAlternativeDay) }) }), jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", className: "max-w-none", children: jsx(Text, { children: scheduleDescription }) })] }));
-    };
-    const getBusinessSchedule = (scheduleDescription) => {
-        const weekDayMap = WEEKDAY_MAP.map(([, short]) => ({ short, status: true }));
-        const splittedScheduleDescription = scheduleDescription.split('/') ?? [];
-        const lastPartScheduleDescription = splittedScheduleDescription[splittedScheduleDescription.length - 1]?.toLowerCase();
-        if (!lastPartScheduleDescription?.includes('выходной')) {
-            return weekDayMap;
-        }
-        return weekDayMap.map((_) => ({
-            ..._,
-            status: !lastPartScheduleDescription?.includes(_.short.toLowerCase()),
-        }));
-    };
-    const renderAlternativeDay = ({ short, status }, i) => (jsx("div", { className: style('w-9 h-9 rounded-md flex items-center justify-center', status ? 'bg-green-more-light text-green-dark' : 'bg-error/30 text-error'), children: jsx(Text, { size: "text-xs", children: short }) }, String(i)));
-
-    const renderCurrency = ({ currency, buyExchangeRate, saleExchangeRate }, i) => (jsxs("div", { className: "flex gap-lg h-full", children: [currency?.currency ? jsx(CardCell, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", value: currency.currency }) : null, buyExchangeRate ? jsx(CardCell, { label: "\u041A\u0443\u043F\u0438\u0442\u044C", value: String(buyExchangeRate) }) : null, saleExchangeRate ? jsx(CardCell, { label: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C", value: String(saleExchangeRate) }) : null] }, String(i)));
-
-    const currentWeekDayIdx = new Date().getDay();
-    //TODO: Add logic time https://github.com/redneckz/wildless-cms-uni-blocks/pull/1549
-    const renderCurrentDaySchedule = (workScheduleWeek) => {
-        const [currentWeekDay] = workScheduleWeek?.slice(currentWeekDayIdx - 1) ?? [];
-        if (!currentWeekDay) {
-            return null;
-        }
-        const { lunchHour, status, workTime, hasLunch } = currentWeekDay;
-        return status ? (jsxs("div", { className: "flex gap-s items-start whitespace-nowrap", children: [workTime ? jsx(Badge, { color: "green", children: workTime }) : null, lunchHour && hasLunch ? jsx(Badge, { color: "yellow", children: `перерыв: ${lunchHour}` }) : null] })) : (jsx(Badge, { color: "red", children: "\u0412\u044B\u0445\u043E\u0434\u043D\u043E\u0439" }));
-    };
-
-    const getSubTextLunch = ({ lunchHour, hasLunch = false, status = false }) => {
-        if (!status) {
-            return 'Не работает';
-        }
-        return lunchHour && hasLunch ? `Перерыв ${lunchHour}` : lunchHour;
-    };
-    const renderDay = ({ title, status, workTime, lunchHour, hasLunch }, i) => (jsx(CardCell, { label: title, value: status && workTime ? workTime : '', subText: getSubTextLunch({ lunchHour, hasLunch, status }), subColor: !status || hasLunch ? 'text-error' : 'text-green-dark' }, String(i)));
-
-    const renderWorkSchedule = (workSchedule) => {
-        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        const timeOfWork = workSchedule ? getDateDescription(workScheduleWeek) : '';
-        const businessTimeOfWork = workSchedule ? workSchedule.businessScheduleDescription : '';
-        if (!workSchedule) {
-            return null;
-        }
-        if (!workSchedule.businessScheduleVisibleTag) {
-            return renderMatchingTimeOfWork(timeOfWork);
-        }
-        if (workSchedule.businessScheduleVisibleTag &&
-            workSchedule.businessScheduleDescription === null) {
-            return renderIndividualTimeOfWork(timeOfWork);
-        }
-        return renderDefaultTimeOfWork(timeOfWork, businessTimeOfWork);
-    };
-    const renderIndividualTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p>`;
-    const renderMatchingTimeOfWork = (timeOfWork) => `<p><b>Режим обслуживания физ. и юр. лиц:<br/></b> ${timeOfWork}</p>`;
-    const renderDefaultTimeOfWork = (timeOfWork, businessTimeOfWork) => `<p><b>Режим обслуживания физ.лиц:<br/></b>${timeOfWork}</p> <p><b>Режим обслуживания юр.лиц:<br/></b>${businessTimeOfWork}</p>`;
-
-    const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, i) => {
-        if (!workSchedule) {
-            return null;
-        }
-        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: name }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), renderCurrentDaySchedule(workScheduleWeek)] }), jsx("div", { className: "hidden sm:block", children: renderCardContent$1({
-                        phone,
-                        fax,
-                        phoneBusiness,
-                        phoneNatural,
-                        phoneCallCentre,
-                        phoneCurrencyControl,
-                        workSchedule,
-                        exchangeRate,
-                    }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
-                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent$1({
-                                phone,
-                                fax,
-                                phoneBusiness,
-                                phoneNatural,
-                                phoneCallCentre,
-                                phoneCurrencyControl,
-                                workSchedule,
-                                exchangeRate,
-                            }) }));
-                    }, 
-                    //** TODO: remove styles with refactoring  DefaultFoldButton*/
-                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle }) })] }, String(i)));
-    };
-    const renderCardContent$1 = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
-        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        const labelSchedule = workSchedule?.businessScheduleVisibleTag
-            ? 'Для физических лиц'
-            : 'Для физических и юридических лиц';
-        return (jsxs("div", { children: [jsxs(CardRow, { className: "flex-wrap border-b border-solid border-main-divider", children: [jsx(CardCell, { label: "\u0424\u0430\u043A\u0441", value: fax, isPhone: true }), jsx(CardCell, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u0444\u0438\u043B\u0438\u0430\u043B\u0430", value: phone, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0439 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneBusiness, isPhone: true }), jsx(CardCell, { label: "\u041E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", value: phoneNatural, isPhone: true }), jsx(CardCell, { label: "\u0414\u043B\u044F \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u0439 \u043F\u043E \u0432\u0430\u043B\u044E\u0442\u043D\u043E\u043C\u0443 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044E", value: phoneCurrencyControl, isPhone: true }), jsx(CardCell, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442-\u0446\u0435\u043D\u0442\u0440", value: phoneCallCentre, isPhone: true })] }), workSchedule?.isMatchesPattern ? (jsx(CardRow, { children: jsx(CardCell, { label: labelSchedule, labelSize: "text-l", className: "w-full max-w-none", children: jsx("div", { className: "flex flex-wrap gap-xs sm:justify-between pt-xs", children: workScheduleWeek?.map(renderDay) }) }) })) : (jsxs(CardRow, { children: [jsx(CardCell, { label: labelSchedule, labelSize: "text-l", children: jsx("div", { className: "flex gap-1", children: workScheduleWeek?.map(renderAlternativeDay) }) }), getScheduleDescription(workScheduleWeek)] })), workSchedule?.businessScheduleVisibleTag
-                    ? renderBusinessSchedule(workSchedule?.businessScheduleDescription)
-                    : null, exchangeRate?.currencies?.length ? (jsx(CardRow, { className: "flex-wrap", children: exchangeRate?.currencies?.map(renderCurrency) })) : null] }));
-    };
-    const capitalizedFirstLetter = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
-    const getOfficePoint = ({ name = '', address = '', workSchedule }) => {
-        const header = capitalizedFirstLetter(name);
-        const body = `${address} ${renderWorkSchedule(workSchedule)}`;
-        return { header, body };
-    };
-
     const renderRemoteWorkplaceCard = ({ address, workScheduleDescription }, i) => {
         if (!workScheduleDescription) {
             return null;
@@ -6833,7 +6892,7 @@
                             workScheduleDescription,
                         }) })), 
                     //** TODO: remove styles with refactoring  DefaultFoldButton*/
-                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle }) })] }, String(i)));
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$3({ isUnfolded, onToggle }) })] }, String(i)));
     };
     const renderCardContent = ({ workScheduleDescription }) => {
         return (jsxs("div", { children: [jsxs(CardRow, { className: "flex", children: [jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u041E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u043E\u0432, \u0441\u0447\u0435\u0442\u043E\u0432, \u0432\u043A\u043B\u0430\u0434\u043E\u0432" }) }), jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u041E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0445 \u043A\u0430\u0440\u0442" }) }), jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u0418\u043D\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u043E\u043D\u043D\u043E\u0435 \u0438 \u043D\u0430\u043A\u043E\u043F\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0435 \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435" }) }), jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u0411\u0435\u0437\u043D\u0430\u043B\u0438\u0447\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0432 \u0440\u0443\u0431\u043B\u044F\u0445, \u043F\u0435\u0440\u0435\u0432\u043E\u0434\u044B \u0431\u0435\u0437 \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u044F \u0441\u0447\u0451\u0442\u0430" }) })] }), jsx("hr", { className: "text-main-divider pb-xl" }), jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", className: "max-w-none", children: jsx(Text, { children: workScheduleDescription }) })] }));
@@ -7864,7 +7923,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.622";
+    const packageVersion = "0.14.624";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;