@redneckz/wildless-cms-uni-blocks 0.14.43 → 0.14.44

package/mobile/bundle/bundle.umd.js

@@ -525,10 +525,10 @@
     }
 
     const REGIONS_URL$1 = '/api/v1/regions';
-    const EMPTY_VALUE$3 = [];
+    const EMPTY_VALUE$5 = [];
     function useGetRegions() {
         const { data } = useAsyncData(REGIONS_URL$1, fetchJSONUnsafe);
-        return data || EMPTY_VALUE$3;
+        return data || EMPTY_VALUE$5;
     }
 
     const useDialogManager = () => ({
@@ -1013,14 +1013,14 @@
     });
 
     const BRANCHES_URL = '/api/v1/branches';
-    const EMPTY_VALUE$2 = [];
+    const EMPTY_VALUE$4 = [];
     function useBranches(regionCode) {
         const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
-        return data || EMPTY_VALUE$2;
+        return data || EMPTY_VALUE$4;
     }
     const fetchSafeBoxes$1 = async (url) => {
         const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE$2;
+        return result || EMPTY_VALUE$4;
     };
 
     const MIN_CREDIT_AMOUNT = 1000;
@@ -1165,15 +1165,15 @@
         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$3 = {};
     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$3, 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$3;
     }
 
     const ApplicationFormGrantSupport = JSX((props) => {
@@ -1451,7 +1451,7 @@
     const activeTextareaStyles = 'hover:border-primary-hover active:focus:border-primary-text focus:border-primary-text';
     const renderWedTextarea = (field) => {
         const textField = field('text');
-        return (jsxs("label", { children: [jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435" }) }), jsx("textarea", { placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441, \u043C\u0435\u0441\u0442\u043E \u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0434\u043B\u044F \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u043D\u043E\u0433\u043E \u0437\u0432\u043E\u043D\u043A\u0430", className: style('block w-full resize-y min-h-24 p-m outline-none border rounded-md border-gray', activeTextareaStyles), value: textField.value, onInput: ((e) => textField.onChange && textField.onChange(e.target?.value || '')) })] }));
+        return (jsxs("label", { htmlFor: "textarea", children: [jsx("div", { className: "mb-xs", children: jsx(Text, { size: "text-m", font: "font-light", children: "\u041E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435" }) }), jsx("textarea", { id: "textarea", placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441, \u043C\u0435\u0441\u0442\u043E \u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0434\u043B\u044F \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u043D\u043E\u0433\u043E \u0437\u0432\u043E\u043D\u043A\u0430", className: style('block w-full resize-y min-h-24 p-m outline-none border rounded-md border-gray', activeTextareaStyles), value: textField.value, onInput: ((e) => textField.onChange && textField.onChange(e.target?.value || '')) })] }));
     };
 
     const initialFormState = {
@@ -3171,7 +3171,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) {
@@ -3237,7 +3237,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',
@@ -3668,7 +3668,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 }) }));
     });
 
@@ -3693,7 +3693,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);
@@ -3769,63 +3769,57 @@
             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 GOLDEN_RATIO = 1.618;
-    const Placeholder = JSX(({ className, title, description = 'Блок в разработке...', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border', className), ...rest, children: [jsx(Headline, { className: "max-w-[600px]", title: title, description: description, headlineVersion: "L", align: "text-left", isEmbedded: true }), jsx("figure", { className: "m-0 mt-xl min-w-[80%]", children: renderShimmer() })] })));
-    const renderShimmer = (size = 3) => goldenSequence(100, size)
-        .map((_) => Math.floor(_))
-        .map(renderShimmerItem);
-    const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-xs bg-secondary-light" }, String(index)));
-    const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
-
-    function renderBackwardButton(version, handleClick) {
-        const iconVersion = version === 'primary' ? 'white' : 'black';
-        const className = 'w-12 h-12 min-h-12 min-w-12 flex items-center justify-center';
-        const text = 'Вернуться назад';
-        return (jsxs("div", { className: "hidden sm:flex items-center gap-s", children: [jsx("div", { className: getRegularButtonClasses({ className, version, rounded: true }), onClick: handleClick, children: jsx(Img, { className: "w-4 h-4", image: {
-                            icon: 'ArrowLeftIcon',
-                            iconVersion: iconVersion,
-                        } }) }), jsx(Button, { version: "link", className: "group-data-secondary:text-white/80", text: text, ariaLabel: text, onClick: handleClick })] }));
-    }
+    const useLatestEvent = (eventBus, type, initialEvent) => {
+        const [latestEvent, setLatestEvent] = useState(initialEvent || null);
+        useEffect(() => eventBus.subscribe(type, (_) => setLatestEvent(_)), [eventBus, type]);
+        const fireEvent = useCallback((_) => eventBus.fire(type, _), [eventBus, type]);
+        return [latestEvent, fireEvent];
+    };
 
-    const ProductBlock = JSX(({ className, padding, backwardButton, showBorder, ...rest }) => {
-        const router = useRouter();
-        const handleClick = useCallback((ev) => {
-            ev?.preventDefault();
-            router.back();
+    const REGION_URL = '/api/v1/region';
+    const LOCATION_STORAGE_KEY = 'location';
+    function useLocation(defaultLocation = 'Москва') {
+        const [currentLocation, fireCurrentLocation] = useLatestEvent(defaultEventBus, 'location', restoreLocation() ?? { name: defaultLocation });
+        const selectCurrentLocation = useCallback((_) => {
+            storeLocation(_);
+            fireCurrentLocation(_);
         }, []);
-        return (jsxs(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle(showBorder), className), defaultPadding: "p-6xl", padding: padding, ...rest, children: [backwardButton
-                    ? renderBackwardButton(!rest.version || rest.version === 'primary' ? 'primary' : 'white', handleClick)
-                    : null, jsx(BaseProductTile, { className: "grow h-full", ...rest })] }));
-    });
-
-    const ProductGallery = JSX(({ className, padding, slides = [], ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden relative', className), padding: padding, ...rest, children: jsx(SwipeListControl, { gap: 0, padding: 0, children: slides
-                .map((s) => s.productBlock)
-                .map((_, i) => (jsx("div", { className: "box-border h-full", role: "listitem", children: jsx(BaseProductTile, { className: "px-5 h-full", headlineVersion: "L", ..._, ...rest }) }, String(i)))) }) })));
-
-    const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, isFullWidthTitle = true, ...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: { isImageSecondary: true, ...imageOptions }, isFullWidthTitle: isFullWidthTitle, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
+        const { data } = useAsyncData(REGION_URL, fetchJSONUnsafe);
+        useEffect(() => {
+            if (data && !hasStoredLocation()) {
+                fireCurrentLocation(data);
+            }
+        }, [data]);
+        return [currentLocation ?? { name: defaultLocation }, selectCurrentLocation];
+    }
+    const hasStoredLocation = () => Boolean(globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY));
+    const restoreLocation = () => {
+        try {
+            const data = globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY);
+            return data && JSON.parse(data);
+        }
+        catch (ex) {
+            return null;
+        }
+    };
+    const storeLocation = (_) => {
+        try {
+            globalThis.localStorage?.setItem(LOCATION_STORAGE_KEY, JSON.stringify(_));
+        }
+        catch (ex) {
+            // Do nothing
+        }
+    };
 
-    const RepresentativeOfficeInfo = JSX(({ address, email, telephone, button, className = '', __html, icon, title, version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border text-left space-y-s', className), version: version, ...rest, children: [jsxs("div", { className: "w-full flex justify-between flex-row-reverse", children: [isIcon(icon) ? (jsx("div", { className: 'w-10 h-7 sm:w-24 sm:h-16', children: jsx(Img, { image: icon }) })) : null, title ? jsx(Heading, { headingType: "h3", as: "h3", title: title }) : null] }), jsxs("div", { className: "w-full space-y-m", children: [__html ? renderDescriptionBlock(__html) : null, renderBlock({
-                        label: 'Адрес',
-                        data: address,
-                        iconName: 'GeolocationIcon',
-                    }), renderBlock({ label: 'Телефон(факс)', data: telephone, iconName: 'PhoneIcon' }), renderBlock({
-                        label: 'E-mail',
-                        data: email,
-                        iconName: 'MailIcon',
-                        dataColor: 'text-primary-main',
-                    }), button?.text ? renderButtonsSection([button]) : null] })] })));
-    const renderDescriptionBlock = (__html) => (jsx("div", { className: "border-b border-main-divider pb-lg", children: jsx(RichText, { __html: __html }) }));
-    const renderBlock = ({ label, data, iconName, dataColor = '' }) => data ? (jsxs("div", { className: "flex gap-s", children: [jsx(Icon, { iconVersion: "black", name: iconName, width: "24", height: "24" }), jsxs("div", { className: "flex flex-col gap-2xs", children: [jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: label }), jsx(Text, { size: "text-xl", color: dataColor, children: data })] })] })) : null;
+    const isSSR = () => Boolean(typeof globalThis.process === 'object' && globalThis.process && globalThis.process.version);
 
-    const RichTextBlock = JSX((props) => {
-        const { __html, richVersion, ...rest } = props;
-        return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(RichText, { __html: __html, richVersion: richVersion }) }));
-    });
+    const isClient = !isSSR();
+    const ClientOnly = JSX(({ children }) => (isClient ? children : null));
 
     function renderClusterer(yandexMaps, map, points) {
         map.geoObjects.removeAll();
@@ -4024,6 +4018,306 @@
     const mapByIndex = (arr, index) => arr.map((a) => a[index]);
     const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
+    const FILTRATION_LABELS = {
+        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
+        workingSaturday: 'Открыты по субботам',
+        terminalTypeAtms: 'Банкоматы',
+        terminalTypeTerm: 'Терминалы',
+        workAllTime: 'Круглосуточно',
+        billAcceptorEnable: 'Прием наличных',
+    };
+    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 defaultRenderCard = () => null;
+    const defaultFilterItems = () => [];
+    const OfficesAtmsMapLayout = JSX(({ className, data = [], renderCard = defaultRenderCard, filterItems = defaultFilterItems, initFilterState = {}, descriptionData, title, }) => {
+        const [filtrationState, { field, reset }] = useForm(initFilterState);
+        const filteredItems = filterItems(data, filtrationState);
+        const points = filteredItems
+            .map((_) => [_.gpsLatitude, _.gpsLongitude].filter(Boolean))
+            .filter((_) => _ && _.length === 2);
+        const lengthItems = filteredItems.length;
+        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "pt-6xl px-6xl", children: [jsxs("div", { className: "flex gap-xs pb-2xl", children: [jsx(Heading, { headingType: "h2", children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: `(${lengthItems})` })) : null] }), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, renderFiltrationForm(Object.keys(initFilterState), { field, reset })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, className: "h-full" }) }) })] }), filteredItems.map(renderCard)] }));
+    });
+    const renderDescriptionBlock$1 = ({ description, list }) => description || list?.length ? (jsxs("div", { className: "p-xl mb-2xl border border-gray rounded-md", children: [description ? (jsx(Paragraph, { size: "text-l", font: "font-light", children: description })) : null, 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] })) : null;
+
+    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 = 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 CardCell = JSX(({ value, subText, children, ...props }) => {
+        const textItems = (Array.isArray(value) ? value : value?.split(',') ?? []).filter(Boolean);
+        if ([textItems.length, children, subText].every((_) => !_)) {
+            return null;
+        }
+        return renderCardCell({ textItems, subText, children, ...props });
+    });
+    const renderCardCell = ({ label, labelSize = 'text-m', textItems, subColor, subText, className, children, }) => (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 ||
+                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 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 ? 'Да' : 'Нет' },
+            {
+                label: 'Прием наличных пачкой',
+                value: billAcceptorType === 'банкомат принимает пачками' ? 'Да' : 'Нет',
+            },
+            {
+                label: 'Доступность',
+                value: ['внешняя установка', 'территория банка'].includes(atmAccess) ? 'Общедоступный' : '',
+            },
+            { label: 'Регистрационный номер', value: atmCode },
+        ];
+        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 EMPTY_VALUE$2 = [];
+    function useAtms(regionCode) {
+        const { data = EMPTY_VALUE$2 } = useAsyncData(`/api/v1/atms?regionCode=${regionCode}`, fetchMap$1);
+        return data;
+    }
+    const fetchMap$1 = async (url) => {
+        const result = await fetchJSON(url, { method: 'GET' });
+        return result || EMPTY_VALUE$2;
+    };
+
+    const INITIAL_FILTRATION_STATE$1 = {
+        terminalTypeAtms: true,
+        terminalTypeTerm: false,
+        workAllTime: false,
+        billAcceptorEnable: false,
+    };
+    const FILTRATION_PREDICATES$1 = {
+        terminalTypeAtms: (item) => item.terminalType?.toLowerCase() === 'банкомат',
+        terminalTypeTerm: (item) => item.terminalType?.toLowerCase() === 'терминал',
+        workAllTime: (item) => item.workTime?.toLowerCase() === 'круглосуточно',
+        billAcceptorEnable: (item) => Boolean(item.billAcceptorEnable),
+    };
+    const AtmsMap = JSX(({ data, className }) => {
+        const [currentLocation] = useLocation();
+        const regionCode = currentLocation?.code ?? '000';
+        const officesData = useAtms(regionCode);
+        return (jsx(OfficesAtmsMapLayout, { className: className, filterItems: filterItems$1, data: officesData, initFilterState: INITIAL_FILTRATION_STATE$1, renderCard: renderAtmCard, title: `Банкоматы филиала ${currentLocation?.name}`, descriptionData: data }));
+    });
+    const filterItems$1 = (data, filtrationState) => {
+        const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
+        const filtersOR = truthyFilters.filter((_) => _.startsWith('terminalType'));
+        const filtersAND = truthyFilters.filter((_) => !filtersOR.includes(_));
+        return data.filter((item) => {
+            const resultAND = filtersAND.every((_) => FILTRATION_PREDICATES$1[_](item));
+            const resultOR = filtersOR.length
+                ? filtersOR.some((_) => FILTRATION_PREDICATES$1[_](item))
+                : true;
+            return resultAND && resultOR;
+        });
+    };
+
+    const getScheduleDescription = (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 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 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 }, index) => (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(index)));
+
+    const currentWeekDayIdx = new Date().getDay();
+    const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, index) => {
+        if (!workSchedule) {
+            return null;
+        }
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        const labelSchedule = workSchedule?.businessScheduleVisibleTag
+            ? 'Для физических лиц'
+            : 'Для физических и юридических лиц';
+        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(workScheduleWeek)] }), 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 })] }), 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] }, String(index)));
+    };
+    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) => {
+        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 renderDay = ({ title, status, workTime, lunchHour, hasLunch }, index) => (jsx(CardCell, { label: title, value: status && workTime ? workTime : '', subText: getSubTextLunch(lunchHour, hasLunch, status), subColor: !status || hasLunch ? 'text-error' : 'text-green-dark' }, String(index)));
+    const getSubTextLunch = (lunchHour, hasLunch = false, status = false) => {
+        if (!status) {
+            return 'Не работает';
+        }
+        return lunchHour && hasLunch ? `Перерыв ${lunchHour}` : lunchHour;
+    };
+
+    const EMPTY_VALUE$1 = [];
+    function useOffices(regionCode) {
+        const { data = EMPTY_VALUE$1 } = useAsyncData(`/api/v1/branches?regionCode=${regionCode}`, fetchMap);
+        return data;
+    }
+    const fetchMap = async (url) => {
+        const result = await fetchJSON(url, { method: 'GET' });
+        return result || EMPTY_VALUE$1;
+    };
+
+    const INITIAL_FILTRATION_STATE = {
+        //safeBoxCaseVolumes: false, //TODO: temp hide
+        workingSaturday: false,
+    };
+    const FILTRATION_PREDICATES = {
+        //safeBoxCaseVolumes: (item: Branch) => Boolean(item.safeBoxCaseVolumes), //TODO: temp hide
+        workingSaturday: (item) => Boolean(item.workSchedule?.workingSaturday),
+    };
+    const OfficesMap = JSX(({ className }) => {
+        const [currentLocation] = useLocation();
+        const regionCode = currentLocation?.code ?? '000';
+        const officesData = useOffices(regionCode);
+        return (jsx(OfficesAtmsMapLayout, { className: className, filterItems: filterItems, data: officesData, initFilterState: INITIAL_FILTRATION_STATE, renderCard: renderOfficeCard, title: `Офисы филиала ${currentLocation?.name}` }));
+    });
+    const filterItems = (data, filtrationState) => {
+        const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
+        return data.filter((item) => truthyFilters.every((_) => FILTRATION_PREDICATES[_](item)));
+    };
+
+    const OfficesAtmsMap = JSX(({ data, className, ...rest }) => {
+        const dataType = data?.dataType ?? 'offices';
+        return (jsx(BlockWrapper, { version: "transparent", className: style(className), defaultPadding: "p-0", ...rest, children: dataType === 'offices' ? jsx(OfficesMap, {}) : jsx(AtmsMap, { data: data }) }));
+    });
+
+    const GOLDEN_RATIO = 1.618;
+    const Placeholder = JSX(({ className, title, description = 'Блок в разработке...', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border', className), ...rest, children: [jsx(Headline, { className: "max-w-[600px]", title: title, description: description, headlineVersion: "L", align: "text-left", isEmbedded: true }), jsx("figure", { className: "m-0 mt-xl min-w-[80%]", children: renderShimmer() })] })));
+    const renderShimmer = (size = 3) => goldenSequence(100, size)
+        .map((_) => Math.floor(_))
+        .map(renderShimmerItem);
+    const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-xs bg-secondary-light" }, String(index)));
+    const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
+
+    function renderBackwardButton(version, handleClick) {
+        const iconVersion = version === 'primary' ? 'white' : 'black';
+        const className = 'w-12 h-12 min-h-12 min-w-12 flex items-center justify-center';
+        const text = 'Вернуться назад';
+        return (jsxs("div", { className: "hidden sm:flex items-center gap-s", children: [jsx("div", { className: getRegularButtonClasses({ className, version, rounded: true }), onClick: handleClick, children: jsx(Img, { className: "w-4 h-4", image: {
+                            icon: 'ArrowLeftIcon',
+                            iconVersion: iconVersion,
+                        } }) }), jsx(Button, { version: "link", className: "group-data-secondary:text-white/80", text: text, ariaLabel: text, onClick: handleClick })] }));
+    }
+
+    const ProductBlock = JSX(({ className, padding, backwardButton, showBorder, ...rest }) => {
+        const router = useRouter();
+        const handleClick = useCallback((ev) => {
+            ev?.preventDefault();
+            router.back();
+        }, []);
+        return (jsxs(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', getBorderStyle(showBorder), className), defaultPadding: "p-6xl", padding: padding, ...rest, children: [backwardButton
+                    ? renderBackwardButton(!rest.version || rest.version === 'primary' ? 'primary' : 'white', handleClick)
+                    : null, jsx(BaseProductTile, { className: "grow h-full", ...rest })] }));
+    });
+
+    const ProductGallery = JSX(({ className, padding, slides = [], ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden relative', className), padding: padding, ...rest, children: jsx(SwipeListControl, { gap: 0, padding: 0, children: slides
+                .map((s) => s.productBlock)
+                .map((_, i) => (jsx("div", { className: "box-border h-full", children: jsx(BaseProductTile, { className: "px-5 h-full", headlineVersion: "L", ..._, ...rest }) }, String(i)))) }) })));
+
+    const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, isFullWidthTitle = true, ...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: { isImageSecondary: true, ...imageOptions }, isFullWidthTitle: isFullWidthTitle, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
+
+    const RepresentativeOfficeInfo = JSX(({ address, email, telephone, button, className = '', __html, icon, title, version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border text-left space-y-s', className), version: version, ...rest, children: [jsxs("div", { className: "w-full flex justify-between flex-row-reverse", children: [isIcon(icon) ? (jsx("div", { className: 'w-10 h-7 sm:w-24 sm:h-16', children: jsx(Img, { image: icon }) })) : null, title ? jsx(Heading, { headingType: "h3", as: "h3", title: title }) : null] }), jsxs("div", { className: "w-full space-y-m", children: [__html ? renderDescriptionBlock(__html) : null, renderBlock({
+                        label: 'Адрес',
+                        data: address,
+                        iconName: 'GeolocationIcon',
+                    }), renderBlock({ label: 'Телефон(факс)', data: telephone, iconName: 'PhoneIcon' }), renderBlock({
+                        label: 'E-mail',
+                        data: email,
+                        iconName: 'MailIcon',
+                        dataColor: 'text-primary-main',
+                    }), button?.text ? renderButtonsSection([button]) : null] })] })));
+    const renderDescriptionBlock = (__html) => (jsx("div", { className: "border-b border-main-divider pb-lg", children: jsx(RichText, { __html: __html }) }));
+    const renderBlock = ({ label, data, iconName, dataColor = '' }) => data ? (jsxs("div", { className: "flex gap-s", children: [jsx(Icon, { iconVersion: "black", name: iconName, width: "24", height: "24" }), jsxs("div", { className: "flex flex-col gap-2xs", children: [jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: label }), jsx(Text, { size: "text-xl", color: dataColor, children: data })] })] })) : null;
+
+    const RichTextBlock = JSX((props) => {
+        const { __html, richVersion, ...rest } = props;
+        return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(RichText, { __html: __html, richVersion: richVersion }) }));
+    });
+
     const RadioButtons = JSX(({ className = '' }) => {
         const [selectedOption, setSelectedOption] = useState('option2');
         const onChange = useCallback((_) => setSelectedOption(_), []);
@@ -4274,48 +4568,6 @@
         return dialogs;
     };
 
-    const useLatestEvent = (eventBus, type, initialEvent) => {
-        const [latestEvent, setLatestEvent] = useState(initialEvent || null);
-        useEffect(() => eventBus.subscribe(type, (_) => setLatestEvent(_)), [eventBus, type]);
-        const fireEvent = useCallback((_) => eventBus.fire(type, _), [eventBus, type]);
-        return [latestEvent, fireEvent];
-    };
-
-    const REGION_URL = '/api/v1/region';
-    const LOCATION_STORAGE_KEY = 'location';
-    function useLocation(defaultLocation = 'Москва') {
-        const [currentLocation, fireCurrentLocation] = useLatestEvent(defaultEventBus, 'location', restoreLocation() ?? { name: defaultLocation });
-        const selectCurrentLocation = useCallback((_) => {
-            storeLocation(_);
-            fireCurrentLocation(_);
-        }, []);
-        const { data } = useAsyncData(REGION_URL, fetchJSONUnsafe);
-        useEffect(() => {
-            if (data && !hasStoredLocation()) {
-                fireCurrentLocation(data);
-            }
-        }, [data]);
-        return [currentLocation ?? { name: defaultLocation }, selectCurrentLocation];
-    }
-    const hasStoredLocation = () => Boolean(globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY));
-    const restoreLocation = () => {
-        try {
-            const data = globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY);
-            return data && JSON.parse(data);
-        }
-        catch (ex) {
-            return null;
-        }
-    };
-    const storeLocation = (_) => {
-        try {
-            globalThis.localStorage?.setItem(LOCATION_STORAGE_KEY, JSON.stringify(_));
-        }
-        catch (ex) {
-            // Do nothing
-        }
-    };
-
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
 
     const Dialog = JSX(({ className, head, children, onClose }) => {
@@ -4962,7 +5214,6 @@
         CarouselTariffsCard,
         ComparisonTable,
         DepositFiltration,
-        MortgageFiltration,
         ErrorBlock,
         ExchangeRateTile,
         Footer,
@@ -4972,6 +5223,8 @@
         ImgBlock,
         LinkDocs,
         MobileAppTile,
+        MortgageFiltration,
+        OfficesAtmsMap,
         Placeholder,
         ProductBlock,
         ProductGallery,
@@ -5183,7 +5436,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.42";
+    const packageVersion = "0.14.43";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;