@redneckz/wildless-cms-uni-blocks 0.14.0 → 0.14.2

package/bundle/bundle.umd.js

@@ -356,7 +356,7 @@
 
     const headingTag = (tag) => tag;
 
-    const styles$4 = {
+    const styles$3 = {
         h0: 'text-h0',
         h1: 'text-h1',
         h2: 'text-h2',
@@ -367,7 +367,7 @@
     };
     const Heading = JSX(({ className = '', headingType = 'h3', as = 'h3', title, children }) => {
         const Tag = headingTag(as);
-        return (jsx(Tag, { className: style('font-sans m-0', styles$4[headingType], className), children: title || children }));
+        return (jsx(Tag, { className: style('font-sans m-0', styles$3[headingType], className), children: title || children }));
     });
 
     const identity = (_) => _;
@@ -509,14 +509,14 @@
                 'Content-Type': 'application/json',
             },
         });
-        return await response.json();
+        return response.json();
     }
 
     const REGIONS_URL$1 = '/api/v1/regions';
-    const EMPTY_VALUE$3 = [];
+    const EMPTY_VALUE$4 = [];
     function useGetRegions() {
         const { data } = useAsyncData(REGIONS_URL$1, fetchJSONUnsafe);
-        return data || EMPTY_VALUE$3;
+        return data || EMPTY_VALUE$4;
     }
 
     const useDialogManager = () => ({
@@ -998,7 +998,7 @@
                     fullName,
                     inn,
                     name,
-                    phone,
+                    phone: phone.replace(/[^+\d]/g, ''),
                 });
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$4, handleSubmit);
@@ -1032,9 +1032,9 @@
                     typeForm: 'bcrd',
                     region: region?.text || '',
                     name,
-                    phone,
                     inn,
                     mail,
+                    phone: phone.replace(/[^+\d]/g, ''),
                 });
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$3, handleSubmit);
@@ -1043,14 +1043,14 @@
     });
 
     const BRANCHES_URL = '/api/v1/branches';
-    const EMPTY_VALUE$2 = [];
+    const EMPTY_VALUE$3 = [];
     function useBranches(regionCode) {
         const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
-        return data || EMPTY_VALUE$2;
+        return data || EMPTY_VALUE$3;
     }
     const fetchSafeBoxes$1 = async (url) => {
         const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE$2;
+        return result || EMPTY_VALUE$3;
     };
 
     const MIN_CREDIT_AMOUNT = 1000;
@@ -1159,7 +1159,7 @@
                     fullName,
                     inn,
                     name,
-                    phone,
+                    phone: phone.replace(/[^+\d]/g, ''),
                     mail,
                     region: region?.text || '',
                     department: department?.text || '',
@@ -1188,22 +1188,22 @@
                 onSubmit({
                     typeForm: 'dpst',
                     name,
-                    phone,
+                    phone: phone.replace(/[^+\d]/g, ''),
                 });
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$1, handleSubmit);
         return (jsxs("form", { className: "container", onSubmit: formProps.onSubmit, children: [jsx(Heading, { headingType: "h6", title: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443 \u0438 \u043C\u044B \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u043B\u044E\u0431\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043F\u043E \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430\u043C", className: "@xl:text-center mb-m" }), jsxs("div", { className: "max-w-[560px] m-auto space-y-s", children: [jsx(InputControl, { className: "shrink-0 w-full", label: "\u0418\u043C\u044F", ...withValidator(field('name'), nameValidator) }), jsx(PhoneInputControl, { className: "shrink-0 w-full", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", ...withValidator(field('phone'), phoneValidator) })] }), jsxs("div", { className: "flex justify-between flex-col-reverse @xl:items-center @xl:flex-row max-w-[560px] m-auto", children: [jsx("div", { className: "flex-1", children: jsx(Footnote, { link: link }) }), renderSubmitButton(button)] })] }));
     });
 
-    const EMPTY_VALUE$1 = {};
+    const EMPTY_VALUE$2 = {};
     const DEFAULT_FOLDER_NAME = 'wcms-resources';
     function useSWRResource(filename, options = {}) {
-        const { fallback = EMPTY_VALUE$1, folderName = DEFAULT_FOLDER_NAME, setBasePath = false } = options;
+        const { fallback = EMPTY_VALUE$2, folderName = DEFAULT_FOLDER_NAME, setBasePath = false } = options;
         const path = joinPath('/', setBasePath ? projectSettings.BASE_PATH : '', folderName, `${filename}.json`);
         const { data } = useAsyncData(filename ? path : null, fetchJSONUnsafe, {
             fallback,
         });
-        return data || EMPTY_VALUE$1;
+        return data || EMPTY_VALUE$2;
     }
 
     const ApplicationFormGrantSupport = JSX((props) => {
@@ -1302,7 +1302,7 @@
                 typeForm: 'KVED',
                 fullName,
                 name,
-                phone,
+                phone: phone.replace(/[^+\d]/g, ''),
                 text,
                 vedTypes: getVedTypes(vedTypes),
                 PartnerComments: text,
@@ -1380,7 +1380,7 @@
         return description?.items && description.items.length > 0 ? (jsx("ul", { className: listStyleType, children: description.items.map((_, i) => (jsx(Paragraph, { font: "font-light", size: "text-l", color: "text-secondary-text group-data-secondary:text-white", children: _ }, `benefitListItem-${i}`))) })) : null;
     };
 
-    const renderButtonsSection = (buttons, { className, buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (jsx("div", { className: style('flex', isVertical ? 'flex-col gap-xs justify-items-stretch' : 'flex-wrap gap-m', className), children: buttons.map(renderButton(buttonClassName)) })) : null;
+    const renderButtonsSection = (buttons, { className, buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (jsx("div", { className: style('flex', isVertical ? 'flex-col gap-xs justify-items-stretch' : 'flex-wrap gap-lg sm:gap-m', className), children: buttons.map(renderButton(buttonClassName)) })) : null;
     const renderButton = (buttonClassName = '') => (button, index) => {
         const { text, icon, iconRight, version, ...rest } = button || {};
         const iconVersion = getIconVersion(icon, version);
@@ -2674,19 +2674,19 @@
     const titleSize = 'L';
 
     const layerBaseStyle = 'z-10 border border-solid w-full h-full';
-    const layerStyle = style(layerBaseStyle, 'absolute hidden sm:block border-transparent');
-    const CarouselCard = JSX(({ className, title, description, button, ...rest }) => (jsx(BlockWrapper, { className: style('sm:pl-6xl sm:pb-4xl', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "relative", children: [jsx("div", { className: style(layerStyle, 'top-9 right-12 bg-green-dark') }), jsx("div", { className: style(layerStyle, 'top-6 right-8 bg-green') }), jsx("div", { className: style(layerStyle, 'top-3 right-4 bg-green-light') }), jsxs("div", { className: style(layerBaseStyle, 'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-light'), children: [jsx(Headline, { title: title, description: description, headlineVersion: titleSize, align: "text-left", isEmbedded: true }), renderButtonsSection([button], {
+    const layerStyle = style(layerBaseStyle, 'absolute hidden @xl:block border-transparent');
+    const CarouselCard = JSX(({ className, title, description, button, ...rest }) => (jsx(BlockWrapper, { className: style('sm:pl-6xl sm:pb-4xl @container-normal', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "relative", children: [jsx("div", { className: style(layerStyle, 'top-9 right-12 bg-green-dark') }), jsx("div", { className: style(layerStyle, 'top-6 right-8 bg-green') }), jsx("div", { className: style(layerStyle, 'top-3 right-4 bg-green-light') }), jsxs("div", { className: style(layerBaseStyle, 'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-light'), children: [jsx(Headline, { title: title, description: description, headlineVersion: titleSize, align: "text-left", isEmbedded: true }), renderButtonsSection([button], {
                             className: 'mt-m sm:mt-6xl sm:justify-center',
                             isVertical: true,
                         })] })] }) })));
 
     const imageAlignmentMap = {
-        start: '@lg:self-start',
-        center: '@lg:self-center',
-        end: '@lg:self-end',
+        start: '@xl:self-start',
+        center: '@xl:self-center',
+        end: '@xl:self-end',
     };
-    const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, backImage, isImageAlwaysOnRight = false, children, }) => (jsxs("div", { className: style('relative flex flex-col gap-3xl font-sans overflow-hidden', padding || defaultPadding, className), children: [title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex justify-around @lg:justify-between items-stretch gap-3xl', isImageAlwaysOnRight ? 'flex-row' : 'flex-col @lg:flex-row'), children: [renderImageContainer(leftImage, { imageAlign }), jsxs("div", { className: style('flex flex-col gap-3xl max-w-[600px] @xl:max-w-[728px]', leftImage ? '' : 'grow'), children: [insetTitle, jsx("div", { className: "grow", children: children }), backImage ? (jsx("div", { className: "justify-center mx-auto sm:absolute sm:-z-10 sm:-bottom-4 sm:-right-4", children: backImage })) : null, buttons] }), renderImageContainer(rightImage, {
-                        className: isImageAlwaysOnRight ? '' : '-order-1 @xl:order-1',
+    const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, backImage, isImageAlwaysOnRight = false, children, }) => (jsxs("div", { className: style('relative flex flex-col gap-3xl font-sans overflow-hidden', padding || defaultPadding, className), children: [title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex justify-around @lg:justify-between items-stretch gap-3xl', isImageAlwaysOnRight ? 'flex-row' : 'flex-col-reverse @lg:flex-row'), children: [renderImageContainer(leftImage, { imageAlign }), jsxs("div", { className: style('flex flex-col gap-3xl max-w-[600px] @xl:max-w-[728px]', leftImage ? '' : 'grow'), children: [insetTitle, jsx("div", { className: "grow", children: children }), backImage ? (jsx("div", { className: "justify-center mx-auto sm:absolute sm:-z-10 sm:-bottom-4 sm:-right-4", children: backImage })) : null, buttons] }), renderImageContainer(rightImage, {
+                        className: isImageAlwaysOnRight ? '' : '@xl:order-1',
                         imageAlign,
                     })] })] })));
     const renderImageContainer = (image, { className, imageAlign }) => image ? (jsx("div", { className: style('md:flex-shrink-0 self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
@@ -2722,7 +2722,7 @@
     const CarouselLinkButton = JSX(({ text, href = '', target = '', className = '' }) => {
         const link = useLink();
         const adjustedProps = link({ href, target });
-        return text ? (jsx("div", { className: style('flex relative group/link pl-s pb-s min-w-[16rem] xl:min-w-[20rem]', className), children: jsxs("div", { className: "relative min-h-16 w-full", children: [jsxs("a", { className: style(LINK_CLASS_NAME, 'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap'), role: "link", ...adjustedProps, children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text }), jsx(Img, { className: "group-hover/link:brightness-100 hidden xl:block ml-2xs", image: { icon: 'ArrowRightIcon', iconVersion: 'black' }, imageClassName: "group-hover/link:text-primary-main hidden xl:block", width: "24", height: "24" })] }), jsx("div", { className: style(LINK_BORDER_CLASS_NAME, '-bottom-1.5 -left-1.5') }), jsx("div", { className: style(LINK_BORDER_CLASS_NAME, '-bottom-3 -left-3') })] }) })) : null;
+        return text ? (jsx("div", { className: style('flex relative group/link pl-s pb-s min-w-[16rem] xl:min-w-[20rem]', className), children: jsxs("div", { className: "relative min-h-16 w-full", children: [jsxs("a", { className: style(LINK_CLASS_NAME, 'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap z-10'), role: "link", ...adjustedProps, children: [jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text }), jsx(Img, { className: "group-hover/link:brightness-100 hidden xl:block ml-2xs", image: { icon: 'ArrowRightIcon', iconVersion: 'black' }, imageClassName: "group-hover/link:text-primary-main hidden xl:block", width: "24", height: "24" })] }), jsx("div", { className: style(LINK_BORDER_CLASS_NAME, '-bottom-1.5 -left-1.5') }), jsx("div", { className: style(LINK_BORDER_CLASS_NAME, '-bottom-3 -left-3') })] }) })) : null;
     });
 
     const MAX_LINKS_COUNT = 10;
@@ -2775,7 +2775,7 @@
 
     const deviation = (items) => items?.length ? Math.sqrt(Math.abs(avg(items.map((_) => _ ** 2)) - avg(items) ** 2)) : 0;
 
-    const renderBenefitIcon = (icon, benefitsVersion = 'normal') => icon ? (jsx("div", { className: style('w-12 h-12 min-w-12 box-border flex items-center justify-center rounded-icon', benefitsVersion === 'normal'
+    const renderBenefitIcon = (icon, benefitsVersion = 'normal') => icon ? (jsx("div", { className: style('sm:w-12 sm:h-12 sm:min-w-12 w-11 h-11 min-w-11 box-border flex items-center justify-center rounded-icon', benefitsVersion === 'normal'
             ? 'bg-secondary-light text-primary-main'
             : 'bg-primary-main text-black group-data-secondary:bg-white/30 group-data-secondary:text-black'), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null;
 
@@ -2792,7 +2792,7 @@
 
     const renderBenefitText = (_, i) => _.type === 'rte' && '__html' in _ && _.__html ? (jsx(RichText, { ..._ }, `rte-${i}`)) : ([
         'label' in _ ? renderBenefitLabel(_.label, i) : null,
-        'description' in _ ? renderBenefitDescription(_.description, i) : null,
+        'description' in _ ? (jsx("span", { className: _.descriptionClassName, children: renderBenefitDescription(_.description, i) }, String(i))) : null,
     ]);
 
     const BenefitItem = JSX(({ className, benefitsVersion, ..._ }) => (jsxs("div", { className: style('flex gap-m', 'description' in _ && _.description ? 'items-start' : 'items-center', className), children: ['icon' in _ ? renderBenefitIcon(_.icon, benefitsVersion) : null, jsx("div", { children: renderBenefitText(_) })] })));
@@ -2815,14 +2815,15 @@
 
     const BaseProductTile = JSX(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle = true, items, isDotted = true, listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'end', directionRight = true, isBackground, isImageAlwaysOnRight, } = {}, children, }) => {
         const img = image?.src ? jsx(Img, { image: image }) : null;
-        const headline = (jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
+        const headline = renderHeadline({ title, description, headlineVersion, align });
         const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
-        return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { insetTitle: headline } : { title: headline }), ...(isBackground ? { backImage: img } : leftOrRightImage(img, directionRight)), imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), children: jsxs("div", { className: "flex flex-col gap-xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, renderTags(tags)] }) }));
+        return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { insetTitle: headline } : { title: headline }), ...(isBackground ? { backImage: img } : leftOrRightImage(img, directionRight)), imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, renderTags(tags)] }) }));
     });
     const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
     const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
+    const renderHeadline = ({ title, description, headlineVersion, align }) => title || description ? (jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true })) : null;
 
-    const CarouselProgramsCard = JSX(({ className, title, icon, list, href, target, ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-3xl", ...rest, children: jsx(LinkWrapper, { className: "flex items-center h-full", href: href, target: target, children: jsx(BaseProductTile, { title: title, headlineVersion: "XS", image: icon, imageOptions: { directionRight: false, imageAlign: 'center' }, benefits: list?.map((_) => ({
+    const CarouselProgramsCard = JSX(({ className, title, icon, list, href, target, ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-3xl", ...rest, children: jsx(LinkWrapper, { className: "flex items-center h-full", href: href, target: target, children: jsx(BaseProductTile, { title: title, headlineVersion: "XS", image: icon, imageOptions: { directionRight: true, imageAlign: 'center' }, benefits: list?.map((_) => ({
                     type: 'default',
                     label: _.title,
                     description: _.description,
@@ -3085,7 +3086,7 @@
         return items.map((item) => (jsx(SlideCheckbox, { text: item.title, value: [value].flatMap((_) => _).includes(item.value), onChange: () => handleChange(item.value), type: multiple ? 'checkbox' : 'radio' }, item.value)));
     });
 
-    const renderFiltrationForm = ({ field, reset, filtrationSchema, resetButton, children, }) => (jsxs("form", { className: "flex flex-col @4xl:flex-row justify-between bg-white p-4xl gap-s @4xl:gap-0", children: [jsxs("div", { className: "flex flex-col @4xl:flex-row gap-5xl", children: [children, Object.entries(filtrationSchema).map(renderFormItem(field))] }), resetButton ? (jsx("div", { children: jsx(Button, { className: "w-full @4xl:w-72 @4xl:ml-s", onClick: reset, ...resetButton }) })) : null] }));
+    const renderFiltrationForm$1 = ({ field, reset, filtrationSchema, resetButton, children, }) => (jsxs("form", { className: "flex flex-col @4xl:flex-row justify-between bg-white p-4xl gap-s @4xl:gap-0", children: [jsxs("div", { className: "flex flex-col @4xl:flex-row gap-5xl", children: [children, Object.entries(filtrationSchema).map(renderFormItem(field))] }), resetButton ? (jsx("div", { children: jsx(Button, { className: "w-full @4xl:w-72 @4xl:ml-s", onClick: reset, ...resetButton }) })) : null] }));
     const renderFormItem = (field) => ([key, item]) => {
         const type = item?.type;
         switch (type) {
@@ -3147,7 +3148,7 @@
                         parse: (min) => ({ min: Number(min), max: DEFAULT_MAX_SUM }),
                         format: ({ min }) => String(min),
                     }) }), jsx(InputRange, { title: periodInput?.title, items: ['От 3 мес', 'До 5 лет'], list: months, ...field('period') })] }));
-        return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [renderFiltrationForm({ field, reset, filtrationSchema, resetButton, children: Inputs }), jsx(BaseFiltrationInner, { blocksToRender: blocksToRender, ...rest })] }));
+        return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [renderFiltrationForm$1({ field, reset, filtrationSchema, resetButton, children: Inputs }), jsx(BaseFiltrationInner, { blocksToRender: blocksToRender, ...rest })] }));
     });
     const sourceBookSchema = {
         type: 'string',
@@ -3170,49 +3171,6 @@
     };
     const ErrorBlock = JSX(({ className = '', title, description, error, button, ...rest }) => (jsxs(BlockWrapper, { className: style('flex flex-col justify-center items-center', className), defaultPadding: style('p-6xl'), version: "transparent", ...rest, children: [jsx("div", { className: "flex justify-center", children: renderErrorContent(error) }), jsx(Headline, { title: title, description: description, headlineVersion: "XL", isEmbedded: true, className: "mb-2xl last:mb-0" }), button?.text ? jsx(Button, { version: button?.version, text: button?.text, ...button }) : null] })));
 
-    var Currencies;
-    (function (Currencies) {
-        Currencies["EUR"] = "EUR";
-        Currencies["USD"] = "USD";
-        Currencies["GBP"] = "GBP";
-        Currencies["AUD"] = "AUD";
-        Currencies["CNY"] = "CNY";
-        Currencies["RUB"] = "RUB";
-    })(Currencies || (Currencies = {}));
-
-    const CURRENCY_ICONS_MAP$1 = {
-        USD: 'DollarIcon',
-        EUR: 'EuroIcon',
-        GBP: 'DollarIcon',
-        AUD: 'DollarIcon',
-        CNY: 'DollarIcon',
-        RUB: 'RoundRubleIcon',
-    };
-    const renderCurrencyRow$1 = ({ title, buyPrice, buyDifference, sellPrice, sellDifference, buyOfficeName, sellOfficeName, }) => {
-        return (jsxs("tr", { className: "pb-2xs text-h6", children: [jsx("td", { className: "pt-m", children: jsxs("div", { className: "flex items-center", children: [title ? (jsx(Img, { image: { icon: CURRENCY_ICONS_MAP$1[title] }, width: "24", height: "24" })) : null, jsx("span", { className: "ml-xs", children: title })] }) }), renderCurrency(buyPrice, buyDifference), renderCurrency(sellPrice, sellDifference), renderOffice(buyPrice, buyOfficeName), renderOffice(sellPrice, sellOfficeName)] }, title));
-    };
-    const formatCurrency$1 = (value) => (value ? currencyNumberFormat$1.format(value) : '');
-    const renderCurrency = (price, difference) => {
-        return (jsxs("td", { className: "pt-m pl-5xl", children: [jsx("div", { children: formatCurrency$1(price) }), jsx("div", { className: style('font-normal text-sm text-secondary-text', (difference || 0) >= 0 ? 'text-green' : 'text-red'), children: formatCurrency$1(difference) })] }));
-    };
-    const renderOffice = (price, officeName = '') => {
-        return (jsxs("td", { className: "pt-m pl-5xl", children: [jsx("div", { children: formatCurrency$1(price) }), jsx("div", { className: "font-normal text-sm text-green", children: officeName })] }));
-    };
-    const currencyNumberFormat$1 = new Intl.NumberFormat('ru', {
-        style: 'currency',
-        currency: Currencies.RUB,
-    });
-
-    const renderTableHeader = (title) => {
-        return (jsx("th", { className: "pl-5xl", children: jsx(Text, { size: "text-m", font: "font-light", align: "text-left", color: "text-secondary-text", children: title }) }));
-    };
-
-    const ExchangeRateOffice = JSX(({ className, currencies = [], actuality = '', officeName = '', ...rest }) => {
-        const fourRates = topNRates(currencies, 4);
-        return (jsxs(BlockWrapper, { className: style('space-y-3xl', className), ...rest, children: [jsxs("div", { className: "flex flex-row flex-grow-0 justify-between space-y-lg", children: [jsx(Heading, { headingType: "h4", title: 'Курс обмена валют в ' + officeName, className: "whitespace-pre-wrap text-h4" }), jsx("div", { className: "pl-6xl", children: jsx(Text, { size: "text-m", font: "font-light", align: "text-left", color: "text-secondary-text", children: actuality }) })] }), jsx("div", { className: "flex flex-row pt-m text-left", children: fourRates.length > 0 ? (jsxs("table", { className: style('h-fit w-fit', className), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: jsx(Text, { size: "text-m", font: "font-light", align: "text-left", color: "text-secondary-text", children: "\u0412\u0430\u043B\u044E\u0442\u0430" }) }), renderTableHeader('Купить'), renderTableHeader('Продать'), renderTableHeader('Лучшая покупка'), renderTableHeader('Лучшая продажа')] }) }), jsx("tbody", { children: fourRates.map((item) => renderCurrencyRow$1(item)) })] })) : null })] }));
-    });
-    const topNRates = (rates, n) => rates.sort((a, b) => Number(a.id) - Number(b.id)).slice(0, n);
-
     var Currency;
     (function (Currency) {
         Currency["RUB"] = "RUB";
@@ -3517,11 +3475,11 @@
         const link = useLink({ isRemote: true });
         return (jsx("div", { className: style('flex items-start justify-between', className), children: topItems?.map(link).map(renderColumn) }));
     });
+    const FOOTER_AREA_KEY = 'footer';
     const renderColumn = (menuItem, index) => {
-        const { text, items, href, target, onClick } = menuItem;
-        return (jsxs("div", { className: "flex flex-col gap-s w-1/4", children: [jsx("a", { className: "leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }), items
-                    ?.filter((_) => !_.displayArea || _.displayArea === 'Footer')
-                    .map((_, i) => (jsx(ColumnItem, { ..._, basePath: appendSlash(href), index: i }, String(i))))] }, String(index)));
+        const { text, items = [], href, target, onClick } = menuItem;
+        const visibleSubItems = items.filter((_) => !_.displayArea || _.displayArea.toLowerCase() === FOOTER_AREA_KEY);
+        return (jsxs("div", { className: "flex flex-col gap-s w-1/4", children: [jsx("a", { className: "leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }), visibleSubItems.map((_, i) => (jsx(ColumnItem, { ..._, basePath: appendSlash(href), index: i }, String(i))))] }, String(index)));
     };
     const ColumnItem = JSX(({ text, index, basePath, ...rest }) => {
         const isAnotherPortal = projectSettings.BASE_PATH && basePath ? !projectSettings.BASE_PATH.startsWith(basePath) : false;
@@ -3889,10 +3847,11 @@
     };
     const InternetBankButton = JSX(({ version, internetBankUrl }) => internetBankUrl ? (jsx(Button, { href: internetBankUrl, ariaLabel: "\u0418\u043D\u0442\u0435\u0440\u043D\u0435\u0442-\u0431\u0430\u043D\u043A", target: "_blank", className: style('py-s ml-s text-l font-light whitespace-nowrap hover:text-primary-main', BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default']), children: "\u0418\u043D\u0442\u0435\u0440\u043D\u0435\u0442-\u0431\u0430\u043D\u043A" })) : null);
 
+    const HEADER_AREA_KEY = 'header';
     const HeaderSubMenu = JSX(({ subItems = [], version, internetBankUrl }) => {
         const iconVersion = version === 'transparent' ? 'white' : 'black';
         const router = useRouter();
-        const visibleSubItems = useMemo(() => subItems.filter((item) => !item.displayArea || item.displayArea === 'Header'), [subItems]);
+        const visibleSubItems = useMemo(() => subItems.filter((item) => !item.displayArea || item.displayArea.toLowerCase() === HEADER_AREA_KEY), [subItems]);
         const activeSubItem = findActiveSubItem(router)(subItems);
         const [visibleItemsCount, setVisibleItemsCount] = useState(visibleSubItems.length);
         const dropDownMenuItems = visibleSubItems.slice(visibleItemsCount);
@@ -4110,11 +4069,10 @@
         return items?.length ? (jsx(List, { items: items, listItemSize: listItemSize, className: "text-l font-light" })) : (jsx("span", { className: "text-m font-light text-secondary-text", children: "\u041D\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u0430\u043C\u0435\u0440\u0443 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u043D\u0430 QR-\u043A\u043E\u0434 \u0438 \u0441\u043A\u0430\u0447\u0430\u0439\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }));
     };
 
-    const buttonsConditionStyle = (buttons) => renderButtonsSection(buttons, { isVertical: false });
-
     const MobileAppTile = JSX(({ className, padding, align = 'text-left', buttons = [], description, headingType = 'h4', image, items, listItemSize, qr, title = 'Мобильное приложение', version = 'primary', ...rest }) => {
         const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
-        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: title ? (jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) })) : null, rightImage: image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null, buttons: buttonsConditionStyle(buttons), children: [renderDescription$1(description), jsxs("div", { className: "flex flex-1 flex-wrap gap-m items-center", children: [qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, renderList$1(items, listItemSize), image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
+        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: title ? (jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) })) : null, rightImage: img, buttons: renderButtonsSection(buttons), children: [renderDescription$1(description), jsxs("div", { className: style('gap-m', 'flex flex-1 flex-col', 'flex-col items-start @4xl:flex-row @4xl:items-center'), children: [renderList$1(items, listItemSize), qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md @4xl:-order-1', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
     });
 
     const badgeBgStyleMap = {
@@ -4125,7 +4083,7 @@
         primary: 'text-white',
         secondary: 'text-secondary-text',
     };
-    const Badge = JSX(({ count, version = 'secondary' }) => {
+    const Badge$1 = JSX(({ count, version = 'secondary' }) => {
         return (jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyleMap[version]), children: jsx(Text, { size: "text-xs", color: badgeTextColorStyleMap[version], children: count }) }));
     });
 
@@ -4150,7 +4108,7 @@
         const activeItemIndex = useMemo(() => Math.max(0, hotFilters.findIndex((_) => hotFilterRecordCmp(_.filter, filtrationState))), [hotFilters, filtrationState]);
         const items = useMemo(() => hotFilters.map((_) => ({
             text: _.text,
-            appendRight: (jsx(Badge, { version: _ === hotFilters[activeItemIndex] ? 'primary' : 'secondary', count: getBadgeCount(blocks, _.filter) })),
+            appendRight: (jsx(Badge$1, { version: _ === hotFilters[activeItemIndex] ? 'primary' : 'secondary', count: getBadgeCount(blocks, _.filter) })),
         })), [hotFilters, blocks, activeItemIndex]);
         const handleChange = useCallback((_) => {
             onFiltrationStateChange(hotFilters[items.indexOf(_)].filter);
@@ -4226,36 +4184,29 @@
             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 }), renderFiltrationForm({ field, reset, filtrationSchema, resetButton }), jsx(BaseFiltrationInner, { blocksToRender: blocksToRender, ...rest })] }));
+        return (jsxs(BlockWrapper, { className: style('space-y-2xs', className), defaultPadding: "p-0", version: "transparent", ...rest, children: [jsx(TabsControl, { ...tabsControlProps }), renderFiltrationForm$1({ field, reset, filtrationSchema, resetButton }), jsx(BaseFiltrationInner, { blocksToRender: blocksToRender, ...rest })] }));
     });
     MortgageFiltration.childrenTypes = ['ProductTile'];
     MortgageFiltration.childSchema = (content) => content?.filtrationSchema || {};
 
-    const mockPoints = [
-        { coords: [55.77, 37.46], text: 'Трактир' },
-        { coords: [55.66, 37.48], text: 'Трактор' },
-        { coords: [55.65, 37.42], text: 'Ресторан' },
-        { coords: [55.64, 37.54], text: 'Музей' },
-        { coords: [55.54, 37.52], text: 'Библиотека' },
-        { coords: [55.53, 37.56], text: 'Школа' },
-        { coords: [55.61, 37.61], text: 'Аптека' },
-        { coords: [55.8, 37.58], text: 'Бар' },
-        { coords: [55.71, 37.35], text: 'Институт' },
-        { coords: [55.74, 37.57], text: 'Университет' },
-        { coords: [55.58, 37.69], text: 'Больница' },
-        { coords: [55.57, 37.7], text: 'Цирк' },
-        { coords: [55.55, 37.64], text: 'Магазин' },
-        { coords: [55.5, 37.75], text: 'Булочная' },
-        { coords: [55.81, 37.73], text: 'Полиция' },
-        { coords: [55.73, 37.68], text: 'Салон красоты' },
-        { coords: [55.86, 37.76], text: 'Баня' },
-        { coords: [55.38, 37.69], text: 'Гараж' },
-        { coords: [55.91, 37.5], text: 'Дом' },
-        { coords: [55.62, 37.32], text: 'Прачечная' },
-        { coords: [55.85, 37.41], text: 'Стадион' },
-        { coords: [55.67, 37.24], text: 'Вокзал' },
-        { coords: [55.79, 37.41], text: 'Кафе' },
-    ];
+    const styles$2 = {
+        focus: 'focus:border-primary-text focus:border',
+        hover: 'hover:bg-primary-hover',
+        active: 'active:bg-primary-active',
+        border: 'border-b border-b-2 border-gray last:border-0',
+        position: 'relative flex items-center justify-center',
+        font: 'text-center font-sans text-l',
+    };
+    // 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$2).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
+    });
 
     function renderClusterer(yandexMaps, map, points) {
         map.geoObjects.removeAll();
@@ -4263,7 +4214,7 @@
         const clusterer = new yandexMaps.Clusterer({
             clusterIcons: [
                 {
-                    href: 'icons/MapMarkerClusterIcon.svg',
+                    href: '/icons/MapMarkerClusterIcon.svg',
                     size: [78, 84],
                     offset: [-35, -50],
                 },
@@ -4274,7 +4225,7 @@
         });
         const geoObjects = points.map((point) => new yandexMaps.Placemark(point, {}, {
             iconLayout: 'default#image',
-            iconImageHref: 'icons/MapMarkerSingleIcon.svg',
+            iconImageHref: '/icons/MapMarkerSingleIcon.svg',
             iconImageSize: [78, 84],
             iconImageOffset: [-35, -50],
         }));
@@ -4289,7 +4240,7 @@
         });
     }
 
-    const styles$3 = {
+    const styles$1 = {
         focus: 'focus:border-primary-text focus:border',
         hover: 'hover:bg-primary-hover',
         active: 'active:bg-primary-active',
@@ -4301,36 +4252,10 @@
         const getYandexMapUrl = () => {
             return `https://yandex.ru/maps/?ll=${[pointsCenter[1], pointsCenter[0]]}&z=10&l=map`;
         };
-        return (jsx("a", { className: `select-none cursor-pointer px-4xl h-12 bg-primary-main text-white ${Object.values(styles$3).join(' ')}`, href: getYandexMapUrl(), target: "_blank", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043D\u0430 \u043A\u0430\u0440\u0442\u0435" }));
-    };
-
-    const styles$2 = {
-        border: 'border border-transparent rounded-md',
-        position: 'relative flex items-center',
-        font: 'text-center font-sans',
-        shadow: 'shadow-[0_4px_25px_rgba(0,0,0,0.07)]',
-    };
-    const renderSearchField = (points, yandexMaps, updatePointsToRender) => {
-        const onChange = (e) => {
-            const value = e.target?.value ? e.target?.value.toLowerCase() : '';
-            if (value) {
-                const searchResult = points.filter((_) => {
-                    const textLowerCase = _.text.toLowerCase();
-                    if (textLowerCase.indexOf(value) > -1) {
-                        return _;
-                    }
-                    return null;
-                });
-                updatePointsToRender(searchResult);
-            }
-            else {
-                updatePointsToRender(null);
-            }
-        };
-        return (jsxs("div", { className: `${Object.values(styles$2).join(' ')} bg-white py-s pl-5xl pr-m w-full`, children: [jsx(Icon, { name: "LoupeIcon", iconVersion: "black", width: "20", height: "20", className: "absolute left-4" }), jsx("input", { type: "text", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u0438\u043B\u0438 \u043C\u0435\u0442\u0440\u043E", onChange: onChange, className: "border-0 focus:border-0 outline-0 w-full" })] }));
+        return (jsx("a", { className: `select-none cursor-pointer px-4xl h-12 bg-primary-main text-white ${Object.values(styles$1).join(' ')}`, href: getYandexMapUrl(), target: "_blank", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043D\u0430 \u043A\u0430\u0440\u0442\u0435" }));
     };
 
-    const styles$1 = {
+    const styles = {
         focus: 'focus:border-primary-text focus:border',
         hover: 'hover:bg-primary-hover',
         active: 'active:bg-primary-active',
@@ -4352,7 +4277,7 @@
                 map.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" }) }));
+        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
     };
 
     const YMAPS_NAMESPACE = 'ymaps';
@@ -4361,25 +4286,6 @@
         return useExternalNS(YMAPS_NAMESPACE, url);
     };
 
-    const styles = {
-        focus: 'focus:border-primary-text focus:border',
-        hover: 'hover:bg-primary-hover',
-        active: 'active:bg-primary-active',
-        border: 'border-b border-b-2 border-gray last:border-0',
-        position: 'relative flex items-center justify-center',
-        font: 'text-center font-sans text-l',
-    };
-    // 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 FULLSCREEN_STYLES = {
         border: 'border border-transparent rounded-md ',
         position: 'absolute flex items-center justify-center',
@@ -4390,15 +4296,16 @@
         hover: 'hover:bg-primary-hover',
         other: 'select-none cursor-pointer',
     };
+    const DEFAULT_CENTER_COORDS = [55.753995, 37.614069];
     // TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
     //       Сейчас реализован поиск среди тестовых данных
     // TODO: Также выяснить что делать когда ничего не найдено
     // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
-    const YandexMap = JSX(({ points, className = '', zoom = 5, showSearchField = false }) => {
+    const YandexMap = JSX(({ points, className = '', zoom = 5 }) => {
         const map = useRef(null);
         const yandexMaps = useYandexMaps();
         const [isFullScreen, setIsFullScreen] = useState();
-        const pointsCenter = points ? getCenterPoint(points) : [55.753995, 37.614069];
+        const pointsCenter = points ? getCenterPoint(points) : DEFAULT_CENTER_COORDS;
         useEffect(() => {
             if (!map?.current) {
                 yandexMaps?.ready(() => {
@@ -4411,13 +4318,13 @@
                     renderClusterer(yandexMaps, map.current, points);
                 });
             }
-        }, [yandexMaps, map, points]);
-        useEffect(() => {
-            if (map.current && points?.length && yandexMaps) {
-                const newPoints = points.length < 1 ? normalizePoints(mockPoints) : points;
-                renderClusterer(yandexMaps, map.current, newPoints);
+            if (map.current && yandexMaps) {
+                renderClusterer(yandexMaps, map.current, points);
+                if (!points?.length) {
+                    map.current.setCenter(DEFAULT_CENTER_COORDS);
+                }
             }
-        }, [map, points, yandexMaps]);
+        }, [yandexMaps, map, points]);
         if (!yandexMaps) {
             return null;
         }
@@ -4432,164 +4339,165 @@
             setIsFullScreen(container.isFullscreen());
         };
         const zIndex = isFullScreen ? 'z-[100000]' : 'z-10';
-        const updatePointsToRender = (newPoints) => {
-            if (newPoints) {
-                const normalizedPoints = normalizePoints(newPoints);
-                setPointsToRender(normalizedPoints);
-            }
-        };
-        return (jsxs("div", { id: "map", className: `${isFullScreen ? '' : 'relative'} w-full ${className}`, children: [jsx("div", { className: `absolute flex left-2 top-4 w-1/2 ${zIndex}`, children: showSearchField
-                        ? renderSearchField(mockPoints, yandexMaps, updatePointsToRender)
-                        : renderOpenMap(pointsCenter) }), jsx("div", { className: `${Object.values(FULLSCREEN_STYLES).join(' ')} ${zIndex} right-2 top-4 bg-white`, onClick: toggleFullscreen, children: jsx(Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), jsxs("div", { className: `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.current, yandexMaps, `right-2 top-80 ${zIndex}`)] }));
+        return (jsxs("div", { id: "map", className: style(!isFullScreen && 'relative', 'w-full', className), children: [jsx("div", { className: style('absolute flex left-2 top-4 w-1/2', zIndex), children: renderOpenMap(pointsCenter) }), jsx("div", { className: style(Object.values(FULLSCREEN_STYLES), zIndex, 'right-2 top-4 bg-white'), onClick: toggleFullscreen, children: jsx(Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), 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.current, yandexMaps, style('right-2 top-80', zIndex))] }));
     });
     const getCenterPoint = (points) => [
         getArraySumAndAverage(mapByIndex(points, 0)),
         getArraySumAndAverage(mapByIndex(points, 1)),
     ];
     const mapByIndex = (arr, index) => arr.map((a) => a[index]);
-    const getArraySumAndAverage = (arr) => arr.reduce((a, b) => a + b) / arr.length;
-    const normalizePoints = (points) => (points ? points.map((_) => _.coords) : null);
-
-    const OFFICE_MAP = {
-        id: 123,
-        branchType: {
-            id: 7,
-            code: '21',
-            name: 'Отделение на балансе филиала',
-        },
-        shortName: 'Ейский ДО',
-        name: 'ДО   №3349/3/05',
-        address: '353682, Краснодарский край, г.Ейск, ул.Гоголя, 349/ ул.Баррикадная, 42/1',
-        lawAddress: '353682, Краснодарский край, г.Ейск, ул.Гоголя, 349/ ул.Баррикадная, 42/1',
-        openDate: '2000-12-05',
-        closeDate: null,
-        bik: '040349536',
-        corAcc: '30101810700000000536',
-        registrationNumber: '3349/3/05',
-        phone: '+7(XXX)XXX-XX-XX',
-        fax: '+7(XXX)XXX-XX-XY',
-        okpo: '55105921',
-        ogrn: '1027700342890',
-        kpp: '231002002',
-        inn: '7725114488',
-        branchCode: '0305',
-        upperBranchCode: '0300',
-        timeZone: '+03:00',
-        exchangeRate: {
-            currencies: [
-                {
-                    buyExchangeRate: 0.0,
-                    saleExchangeRate: 0.0,
-                    currency: {
-                        id: 3,
-                        code: '156',
-                        currency: 'CNY',
-                        name: 'Китайский юань',
-                    },
-                },
-                {
-                    buyExchangeRate: 59.15,
-                    saleExchangeRate: 69.25,
-                    currency: {
-                        id: 2,
-                        code: '978',
-                        currency: 'EUR',
-                        name: 'Евро',
-                    },
-                },
-                {
-                    buyExchangeRate: 58.4,
-                    saleExchangeRate: 70.05,
-                    currency: {
-                        id: 1,
-                        code: '840',
-                        currency: 'USD',
-                        name: 'Американский доллар',
-                    },
-                },
-            ],
-            lastUpdate: '2022-11-11 03:56:17',
-        },
-        workSchedule: {
-            id: 413,
-            workTime: '09.00–16.30',
-            lunchHour: 'без перерыва',
-            workTimeSaturday: '09.00–15.00',
-            lunchHourSaturday: 'без перерыва',
-            workingMonday: false,
-            workingTuesday: false,
-            workingWednesday: true,
-            workingThursday: true,
-            workingFriday: true,
-            workingSaturday: true,
-            workingSunday: false,
-        },
-        gpsLatitude: 46.709744,
-        gpsLongitude: 38.260703,
-        range: null,
-        safeBoxCaseVolumes: null,
+    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
+
+    const colorStyle = {
+        yellow: { border: 'border-yellow-light', text: 'text-yellow' },
+        green: { border: 'border-green-light', text: 'text-green-dark' },
+        gray: { border: 'border-gray', text: 'text-secondary-text' },
+        red: { border: 'border-error', text: 'text-error' },
     };
+    const Badge = JSX(({ className, children, color = 'gray' }) => (jsx("div", { className: style('p-s border border-gray rounded-md flex items-center', colorStyle[color].border, className), children: jsx(Text, { size: "text-m", color: colorStyle[color].text, children: children }) })));
 
-    // Добавлено для проверки
-    const nearbyOffices = [
-        { title: 'Деловой центр', time: '1 мин', distance: '~30 м.', icon: 'MetroIcon' },
-        { title: 'Выставочная', time: '5 мин', distance: '~120 м.', icon: 'MetroIcon' },
-        { title: 'Деловой центр', time: '8 мин', distance: '~350 м.', icon: 'MetroIcon' },
-    ];
+    const CardCell = JSX(({ className, label, value, subText, subColor }) => {
+        const textItems = value?.split(',') ?? [];
+        if (!textItems.length && !subText) {
+            return null;
+        }
+        return (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: "text-m", children: label })) : null, textItems.filter(Boolean).map((text, i) => (jsx(Text, { size: "text-l", children: text.trim() }, String(i)))), subText ? (jsx(Text, { color: subColor, size: "text-m", children: subText })) : null] }));
+    });
 
-    const renderCurrentDaySchedule = ({ lunchHour, status, workTime }) => {
-        const hasTime = /\d+/gi.test(lunchHour);
-        const lunchHourText = hasTime ? `Перерыв ${lunchHour}` : lunchHour;
-        return status ? (jsxs("div", { className: "flex gap-m", children: [jsx("div", { className: "p-s border rounded-md text-m flex items-center cursor-pointer text-primary-main border-green-light", children: workTime ? workTime : null }), jsx("div", { className: "p-s border rounded-md text-m flex items-center cursor-pointer text-yellow border-golden", children: lunchHour ? lunchHourText : null })] })) : (jsx("div", { className: "flex", children: jsx("div", { className: "p-s border rounded-md text-m flex items-center cursor-pointer text-error border-error", children: "\u0412\u044B\u0445\u043E\u0434\u043D\u043E\u0439" }) }));
-    };
-    const renderNearbyOffice = ({ icon, title, distance, time }, index) => (jsxs("div", { className: "flex mr-m", children: [jsx(Icon, { name: icon, width: "16", height: "16", className: "mr-xs" }), title ? jsxs(Text, { size: "text-m", children: [title, "\u00A0"] }) : null, jsxs(Text, { size: "text-m", font: "font-light", children: [distance ? ` (${distance})` : null, time ? `, ${time}` : null] })] }, `nearbyOffice${index}`));
-    const renderDay = ({ title, status, workTime, lunchHour, description }, inx) => (jsxs("div", { className: "flex flex-col gap-2xs pb-s border-b border-solid border-main-divider mb-s last:border-0", children: [jsxs("div", { className: "flex justify-between items-center w-full text-l text-primary-text", children: [jsx("div", { children: title }), status ? null : jsx("div", { className: "text-m font-light text-error", children: "\u0412\u044B\u0445\u043E\u0434\u043D\u043E\u0439" }), status && workTime ? jsx("div", { children: workTime }) : null] }), status && lunchHour ? renderLunchHour(lunchHour) : null, description ? (jsx("div", { className: "text-s font-light text-secondary-text", children: description })) : null] }, `day${inx}`));
-    const renderLunchHour = (lunchHour) => {
-        const hasTime = /\d+/gi.test(lunchHour);
-        return hasTime ? (jsxs("div", { className: "flex justify-between items-center w-full text-m font-light text-error", children: [jsx("div", { children: "\u041F\u0435\u0440\u0435\u0440\u044B\u0432" }), jsx("div", { children: lunchHour })] })) : (jsx("div", { className: "flex justify-between items-center w-full", children: jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-main", children: lunchHour }) }));
-    };
-
-    const OfficeMap = JSX(({ className = '' }) => {
-        // TODO: useOfficeMap endpoint had use /api/v1/branches. This endpoint now is`t correct/
-        // TODO: useOfficeMap has return MOCK OBJECT!
-        // TODO: Fix this when endpoint /api/v1/branches (or new endpoint) had returning right data
-        const resultOfficeMap = OFFICE_MAP;
-        const { name, address, gpsLatitude, gpsLongitude, workSchedule } = resultOfficeMap;
-        const { workingMonday, workingTuesday, workingWednesday, workingThursday, workingFriday, workingSaturday, workingSunday, } = workSchedule;
-        const { workTime, lunchHour, workTimeSaturday, lunchHourSaturday } = workSchedule;
-        const point = gpsLatitude && gpsLongitude ? [gpsLatitude, gpsLongitude] : null;
-        const workScheduleWeek = [
-            { title: 'Понедельник', status: workingMonday, workTime, lunchHour },
-            { title: 'Вторник', status: workingTuesday, workTime, lunchHour },
-            { title: 'Среда', status: workingWednesday, workTime, lunchHour },
+    const CardRow = JSX(({ className, children }) => (jsx("div", { className: style('flex border-t border-solid border-main-divider py-xl gap-x-6xl gap-y-xl', className), children: children })));
+
+    const renderAtmCard = ({ location, address, billAcceptorType, terminalType, billAcceptorEnable, atmCode = '', atmAccess = '', workTime, }, index) => {
+        const additionalInfo = [
+            {
+                label: 'Устройство',
+                value: capitalizedFirstLetter(terminalType),
+            },
+            { label: 'Модуль приема наличных', value: billAcceptorEnable ? 'Да' : 'Нет' },
             {
-                title: 'Четверг',
-                status: workingThursday,
-                workTime,
-                lunchHour: '13:00 - 14:00',
-                description: 'Не работает прием денег с 17:00 до 19:00', // Добавлено для проверки
+                label: 'Прием наличных пачкой',
+                value: billAcceptorType === 'банкомат принимает пачками' ? 'Да' : 'Нет',
             },
-            { title: 'Пятница', status: workingFriday, workTime, lunchHour },
             {
-                title: 'Суббота',
-                status: workingSaturday,
-                workTime: workTimeSaturday,
-                lunchHour: lunchHourSaturday,
+                label: 'Доступность',
+                value: ['внешняя установка', 'территория банка'].includes(atmAccess) ? 'Общедоступный' : '',
             },
-            { title: 'Воскресенье', status: workingSunday },
+            { label: 'Регистрационный номер', value: atmCode },
         ];
-        const currentWeekDayInd = new Date().getDay();
-        const currentWeekDay = currentWeekDayInd > 0 ? workScheduleWeek[currentWeekDayInd - 1] : workScheduleWeek[6];
-        return (jsxs("div", { className: `flex flex-col font-sans w-full ${className}`, children: [jsxs("div", { className: "flex flex-col gap-m p-6xl pb-3xl", children: [jsxs("div", { className: "flex justify-between", children: [jsx("div", { className: "text-h2", children: name }), renderCurrentDaySchedule(currentWeekDay)] }), jsxs("div", { className: "flex text-l font-light", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24", className: "pr-2xs" }), address] }), jsx("div", { className: "flex", children: nearbyOffices.map(renderNearbyOffice) })] }), jsxs("div", { className: "flex justify-between", children: [jsx("div", { className: "flex-grow h-full w-full overflow-hidden", children: point ? jsx(YandexMap, { points: [point], className: "h-full" }) : null }), jsx("div", { className: "w-[434px] min-w-[434px] p-6xl pt-0 flex flex-col", children: workScheduleWeek.map(renderDay) })] })] }));
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl border-green border", children: [jsxs("div", { className: "flex justify-between", children: [jsx(Text, { size: "text-h4", children: capitalizedFirstLetter(location) }), jsx(Badge, { color: "green", children: capitalizedFirstLetter(workTime) })] }), 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(CardRow, { className: "flex-wrap", children: additionalInfo?.map(renderInfo) })] }, String(index)));
+    };
+    const renderInfo = (item, index) => (jsx(CardCell, { ...item }, String(index)));
+    const capitalizedFirstLetter = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
+
+    const WEEKDAY_MAP = [
+        ['Понедельник', 'workingMonday'],
+        ['Вторник', 'workingTuesday'],
+        ['Среда', 'workingWednesday'],
+        ['Четверг', 'workingThursday'],
+        ['Пятница', 'workingFriday'],
+        ['Суббота', 'workingSaturday'],
+        ['Воскресенье', 'workingSunday'],
+    ];
+    const currentWeekDayIdx = new Date().getDay();
+    const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, index) => {
+        const workScheduleWeek = workSchedule ? getWorkScheduleWeek(workSchedule) : null;
+        const [currentWeekDay] = workScheduleWeek?.slice(currentWeekDayIdx - 1) ?? [];
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl border-green border", children: [jsxs("div", { className: "flex justify-between", children: [jsx(Text, { size: "text-h4", children: name }), renderCurrentDaySchedule(currentWeekDay)] }), 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, jsxs(CardRow, { className: "flex-wrap", children: [jsx(CardCell, { label: "\u0424\u0430\u043A\u0441", value: fax }), jsx(CardCell, { label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u0444\u0438\u043B\u0438\u0430\u043B\u0430", value: phone }), 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 }), 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 }), 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 }), jsx(CardCell, { label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442-\u0446\u0435\u043D\u0442\u0440", value: phoneCallCentre })] }), workScheduleWeek?.length ? jsx(CardRow, { children: workScheduleWeek?.map(renderDay) }) : null, exchangeRate?.currencies?.length ? (jsx(CardRow, { className: "flex-wrap", children: exchangeRate?.currencies?.map(renderCurrency) })) : null] }, String(index)));
+    };
+    const getWorkScheduleWeek = (workSchedule) => WEEKDAY_MAP.map(([title, key]) => {
+        const dayOff = ['workingSaturday', 'workingSunday'].includes(key);
+        return {
+            title,
+            status: Boolean(workSchedule?.[key]),
+            workTime: dayOff ? workSchedule?.workTimeSaturday : workSchedule?.workTime,
+            lunchHour: dayOff ? workSchedule?.lunchHourSaturday : workSchedule?.lunchHour,
+            get hasLunch() {
+                return /\d+/.test(this.lunchHour ?? '');
+            },
+        };
     });
+    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)));
+    //TODO: Add logic time https://github.com/redneckz/wildless-cms-uni-blocks/pull/1549
+    const renderCurrentDaySchedule = (workScheduleWeek) => {
+        if (!workScheduleWeek) {
+            return null;
+        }
+        const { lunchHour, status, workTime, hasLunch } = workScheduleWeek;
+        return status ? (jsxs("div", { className: "flex gap-s", 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 renderDay = ({ title, status, workTime, lunchHour, hasLunch }, index) => (jsx(CardCell, { label: title, value: status && workTime ? workTime : '', subText: !status ? 'Выходной' : lunchHour, subColor: !status || hasLunch ? 'text-error' : 'text-green-dark' }, String(index)));
 
-    const OfficeServicesBlock = JSX(({ className = '', title, servicesList, ...rest }) => (jsxs(BlockWrapper, { className: style('flex flex-col gap-lg', className), ...rest, children: [title ? jsx(Heading, { headingType: "h5", title: title }) : null, servicesList?.length ? (jsx("ul", { className: "list-none space-y-lg", children: servicesList.map(renderListItems) })) : null] })));
-    const renderListItems = (itemList, i) => (jsxs("li", { className: "flex gap-s list-none ", children: [itemList.icon ? (jsx(Img, { className: "min-w-6 min-h-6 w-6 h-6", width: "24", height: "24", image: itemList.icon })) : null, itemList.label ? (jsx(Text, { size: "text-l", font: "font-light", children: itemList.label })) : null] }, `list_item_${String(i)}`));
+    const MAP_URL = {
+        offices: '/api/v1/branches',
+        atms: '/api/v1/atms',
+    };
+    const EMPTY_VALUE$1 = [];
+    function useOfficesAtmsMap(regionCode, type = 'offices') {
+        const { data } = useAsyncData(`${MAP_URL[type]}?regionCode=${regionCode}`, fetchMap);
+        return data || EMPTY_VALUE$1;
+    }
+    const fetchMap = async (url) => {
+        const result = await fetchJSON(url, { method: 'GET' });
+        return result || EMPTY_VALUE$1;
+    };
+
+    const INITIAL_FILTRATION_OFFICES_STATE = {
+        safeBoxCaseVolumes: false,
+        workingSaturday: false,
+    };
+    const INITIAL_FILTRATION_ATMS_STATE = {
+        terminalTypeAtms: true,
+        terminalTypeTerm: false,
+        workAllTime: false,
+        billAcceptorEnable: false,
+    };
+    const FILTRATION_LABELS = {
+        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
+        workingSaturday: 'Открыты по субботам',
+        terminalTypeAtms: 'Банкоматы',
+        terminalTypeTerm: 'Терминалы',
+        workAllTime: 'Круглосуточно',
+        billAcceptorEnable: 'Прием наличных',
+    };
+    const FILTRATION_BRANCHES_PREDICATES = {
+        safeBoxCaseVolumes: (item) => Boolean(item.safeBoxCaseVolumes),
+        workingSaturday: (item) => Boolean(item.workSchedule?.workingSaturday),
+    };
+    const FILTRATION_ATMS_PREDICATES = {
+        terminalTypeAtms: (item) => item.terminalType?.toLowerCase() === 'банкомат',
+        terminalTypeTerm: (item) => item.terminalType?.toLowerCase() === 'терминал',
+        workAllTime: (item) => item.workTime?.toLowerCase() === 'круглосуточно',
+        billAcceptorEnable: (item) => Boolean(item.billAcceptorEnable),
+    };
+    const OfficesAtmsMap = JSX(({ data, className = '', ...rest }) => {
+        const dataType = data?.dataType ?? 'offices';
+        const initialState = dataType === 'offices' ? INITIAL_FILTRATION_OFFICES_STATE : INITIAL_FILTRATION_ATMS_STATE;
+        const [filtrationState, { field, reset }] = useForm(initialState);
+        const [currentLocation] = useLocation();
+        const [regionCode, title] = useMemo(() => [currentLocation?.code || '000', getTitle(currentLocation?.name, dataType)], [currentLocation, dataType]);
+        const officesAtmsData = useOfficesAtmsMap(regionCode, dataType);
+        const filteredOfficesAtmsData = filterOfficesAtms(officesAtmsData, filtrationState);
+        const lengthOfficesAtms = filteredOfficesAtmsData.length;
+        const points = filteredOfficesAtmsData
+            .map((_) => [_.gpsLatitude, _.gpsLongitude].filter(Boolean))
+            .filter((_) => _ && _.length === 2);
+        return (jsxs(BlockWrapper, { version: "transparent", className: style('grid grid-cols-12 gap-1', className), defaultPadding: "p-0", ...rest, children: [jsxs("div", { className: "col-span-12 bg-white", children: [jsxs("div", { className: "pt-6xl px-6xl", children: [jsxs("div", { className: "flex gap-2 pb-2xl", children: [jsx(Heading, { headingType: "h2", children: title }), lengthOfficesAtms ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: `(${lengthOfficesAtms})` })) : null] }), data && 'description' in data ? renderDescriptionBlock$1(data) : null, renderFiltrationForm(Object.keys(initialState), { field, reset })] }), jsx("div", { className: "h-[600px]", children: jsx(YandexMap, { points: points, className: "h-full" }) })] }), filteredOfficesAtmsData.map(dataType === 'offices' ? renderOfficeCard : renderAtmCard)] }));
+    });
+    const filterOfficesAtms = (data, filtrationState) => {
+        const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
+        return 'name' in data
+            ? data.filter(filterOffices(truthyFilters))
+            : data.filter(filterAtms(truthyFilters));
+    };
+    const filterOffices = (filters) => (item) => filters.every((filterName) => FILTRATION_BRANCHES_PREDICATES[filterName](item));
+    const filterAtms = (filters) => (item) => filters.every((filterName) => FILTRATION_ATMS_PREDICATES[filterName](item));
+    const getTitle = (name = '', dataType = 'offices') => dataType === 'offices' ? `Офисы филиала ${name}` : `Банкоматы филиала ${name}`;
+    const renderFiltrationForm = (filters, { field, reset }) => (jsxs("div", { className: "pb-2xl", children: [filters?.length ? (jsx("div", { className: "flex flex-wrap gap-3xl pb-2xl", children: filters.map((key) => (jsx(Checkbox, { text: FILTRATION_LABELS[key], ...field(key) }, key))) })) : null, jsx(Button, { version: "transparent", className: "text-secondary-text [&>*]:p-0", onClick: reset, text: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440", appendRight: jsx(Icon, { name: "CloseIcon", width: "16", height: "16" }) })] }));
+    const renderDescriptionBlock$1 = ({ description, list }) => (jsxs("div", { className: "p-xl mb-2xl border border-gray rounded-md", children: [jsx(Paragraph, { size: "text-l", font: "font-light", children: description }), list?.length ? (jsx("div", { className: "flex gap-2xl flex-wrap pt-xs", 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] }));
 
     const ParagraphBlock = JSX(({ text, size, align, font, children, ...rest }) => (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(Paragraph, { size: size, align: align, font: font, children: text || children }) })));
 
-    const renderInsuranceSumMonth = (sum, monthLimit) => sum || monthLimit ? (jsxs("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", children: [Number(sum) > 0 ? renderValueBlock('Страховая сумма:', sum) : null, Number(monthLimit) > 0 ? renderValueBlock('Ежемесячный лимит:', monthLimit) : null] })) : null;
-    const renderValueBlock = (title, value = 0) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", children: title }), jsxs(Text, { size: "text-h6", color: "text-primary-text", children: [toLocalNumberFormat(2)(value), " \u20BD"] })] }));
+    const renderInsuranceSumMonth = (sum, monthLimit) => sum || monthLimit ? (jsxs("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", children: [Number(sum) > 0 ? renderValueBlock('Страховая сумма', sum) : null, Number(monthLimit) > 0 ? renderValueBlock('Ежемесячный лимит', monthLimit) : null] })) : null;
+    const renderValueBlock = (title, value = 0) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: title }), jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(value), " \u20BD"] })] }));
 
     const PictureText = JSX(({ className, padding, headlineVersion = 'M', align = 'text-center', sum, monthLimit, imageOptions, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-6xl", padding: padding, headlineVersion: headlineVersion, align: align, isFullWidthTitle: false, imageOptions: { directionRight: false, imageAlign: 'center', ...imageOptions }, ...rest, children: renderInsuranceSumMonth(Number(sum), Number(monthLimit)) }) })));
 
@@ -4640,7 +4548,7 @@
         return (jsxs("button", { type: "button", onClick: () => onClick(i), "aria-label": nav?.title, className: style('relative px-xl box-border overflow-hidden text-left grow basis-0 border border-gray group-data-secondary:border-white/50', btnClassName), children: [jsx("div", { className: btnTitleClassName, children: nav?.title }), jsx("div", { className: btnDescClassName, children: nav?.description })] }, String(i)));
     };
 
-    const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isBackground: true, ...imageOptions }, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
+    const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-4xl sm:p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isBackground: true, ...imageOptions }, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
 
     const PromoTile = JSX(({ className, title = 'Акции и спецпредложения', description, headlineVersion = 'S', date, buttons = [], ...rest }) => (jsx(BlockWrapper, { className: style('box-border', className), ...rest, children: jsxs(BaseTile, { className: "h-full", title: title ? (jsx(Headline, { title: title, headlineVersion: headlineVersion, align: "text-left", isEmbedded: true })) : null, buttons: renderButtonsSection(buttons), children: [date ? jsx("div", { className: "text-s mb-xs", children: formatDate(date) }) : null, jsx("div", { className: "text-l", children: description })] }) })));
     function formatDate(date) {
@@ -5041,7 +4949,7 @@
         }
         const [headerColumn, ...columns] = rowData;
         const columnsStyle = style('flex duration-1000 text-center', rowIdx !== 0 ? 'font-normal' : 'font-light');
-        return (jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (jsx("div", { className: "text-xl font-light min-w-56 py-lg", children: headerColumn.data })) : null, jsx("div", { className: "flex flex-grow overflow-hidden", children: jsx("div", { className: columnsStyle, style: {
+        return (jsxs("div", { className: "flex border-main-divider border-b border-solid h-full", children: [headerColumn?.data ? (jsx("div", { className: "text-xl font-light w-56 min-w-56 py-lg", children: headerColumn.data })) : null, jsx("div", { className: "flex flex-grow overflow-hidden", children: jsx("div", { className: columnsStyle, style: {
                             transform: `translateX(-${getHorizontalShift(columns, activeColumnIndex)}px)`,
                         }, children: columns?.map((_, i) => (jsxs("div", { className: "flex flex-col flex-grow gap-s justify-center py-xl odd:bg-main-divider", children: [_?.data ? jsx("div", { className: "text-xl font-light", children: _.data }) : null, _?.cols ? renderCols(_.cols, activeColumnIndex) : null] }, `row${i}`))) }) })] }, String(rowIdx)));
     };
@@ -5200,8 +5108,7 @@
         LinkDocs,
         MobileAppTile,
         MortgageFiltration,
-        OfficeMap,
-        OfficeServicesBlock,
+        OfficesAtmsMap,
         ParagraphBlock,
         PictureText,
         Placeholder,
@@ -5222,7 +5129,6 @@
         Tile,
         VerticalLayout,
         Video,
-        ExchangeRateOffice,
     };
 
     const debounce = (fn, delay = 600) => {
@@ -5460,7 +5366,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.0";
+    const packageVersion = "0.14.2";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;