@redneckz/wildless-cms-uni-blocks 0.14.333 → 0.14.335

package/bundle/bundle.umd.js

@@ -2160,7 +2160,7 @@
     /** @deprecated */
     const ScrollRightButton = JSX((props) => (jsx(ArrowButton, { ...props, className: `${props.className || ''} rotate-180`, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right" })));
 
-    const scrollButtonStyle$1 = 'absolute top-[calc(50%-24px)] z-40';
+    const scrollButtonStyle$2 = 'absolute top-[calc(50%-24px)] z-40';
     const blurBaseStyle = 'absolute top-0 bottom-0 z-40 hidden @lg:block w-20 pointer-events-none';
     const CarouselScrollButtons = JSX(({ scroll, activeIndex, itemCount, arrowsPadded, hasEdgeBlocks, onScrollLeft, onScrollRight, }) => {
         const { canScrollLeft, canScrollRight, scrollLeft, scrollRight } = scroll;
@@ -2184,7 +2184,7 @@
                 onScrollRight();
             }
         }, [scrollRight, onScrollRight, hasEdgeBlocks, canScrollLeft, activeIndex, itemCount]);
-        return (jsxs("div", { className: "m:hidden block", children: [renderBlur(scroll), canMoveLeft ? (jsx(ScrollLeftButton, { className: style(scrollButtonStyle$1, arrowsPadded ? 'left-1 m:left-8' : 'left-0'), onClick: handleScrollLeft })) : null, canMoveRight ? (jsx(ScrollRightButton, { className: style(scrollButtonStyle$1, arrowsPadded ? 'right-1 m:right-8' : 'right-0'), onClick: handleScrollRight })) : null] }));
+        return (jsxs("div", { className: "m:hidden block", children: [renderBlur(scroll), canMoveLeft ? (jsx(ScrollLeftButton, { className: style(scrollButtonStyle$2, arrowsPadded ? 'left-1 m:left-8' : 'left-0'), onClick: handleScrollLeft })) : null, canMoveRight ? (jsx(ScrollRightButton, { className: style(scrollButtonStyle$2, arrowsPadded ? 'right-1 m:right-8' : 'right-0'), onClick: handleScrollRight })) : null] }));
     });
     const renderBlur = (scroll) => (jsxs("div", { children: [scroll.canScrollLeft ? (jsx("div", { className: style(blurBaseStyle, 'left-0 bg-opacity-from-white group-data-secondary:bg-none') })) : null, scroll.canScrollRight ? (jsx("div", { className: style(blurBaseStyle, 'right-0 bg-opacity-to-white group-data-secondary:bg-none') })) : null] }));
 
@@ -4817,13 +4817,37 @@
         childSchema: (content) => content?.filtrationSchema || {},
     });
 
-    function renderClusterer(yandexMaps, map, points) {
+    const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
+    const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
+    function renderClusterer({ yandexMaps, map, points, }) {
         map.geoObjects.removeAll();
         const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
-        const clusterer = new yandexMaps.Clusterer({
+        const officeClusterer = defineClusterer('offices', yandexMaps, clusterIconContentLayout);
+        if (points.length && points.every((_) => 'type' in _)) {
+            const remoteWorkplaceClusterer = defineClusterer('workplaces', yandexMaps, clusterIconContentLayout);
+            const remoteWorkplaceGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'workplaces'), 'workplaces', yandexMaps);
+            const officesGeoObjects = defineGeoObjects(points.filter((_) => _.type === 'offices'), 'offices', yandexMaps);
+            officeClusterer.add(officesGeoObjects);
+            remoteWorkplaceClusterer.add(remoteWorkplaceGeoObjects);
+            map.geoObjects.add(remoteWorkplaceClusterer);
+            map.geoObjects.add(officeClusterer);
+        }
+        else {
+            const geoObjects = defineGeoObjects(points, 'offices', yandexMaps);
+            officeClusterer.add(geoObjects);
+            map.geoObjects.add(officeClusterer);
+        }
+        map.setBounds(yandexMaps.util.bounds.fromPoints(points.map((_) => _.coords))).then(() => {
+            if (map.getZoom() > 10) {
+                map.setZoom(10);
+            }
+        });
+    }
+    const defineClusterer = (type, yandexMaps, clusterIconContentLayout) => {
+        return new yandexMaps.Clusterer({
             clusterIcons: [
                 {
-                    href: '/icons/MapMarkerClusterIcon.svg',
+                    href: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
                     size: [78, 84],
                     offset: [-35, -50],
                 },
@@ -4832,25 +4856,20 @@
             clusterHideIconOnBalloonOpen: false,
             geoObjectHideIconOnBalloonOpen: false,
         });
-        const geoObjects = points.map(({ coords, content }) => new yandexMaps.Placemark(coords, {
+    };
+    const defineGeoObjects = (pointArr, type, yandexMaps) => {
+        return pointArr.map(({ coords, content }) => new yandexMaps.Placemark(coords, {
             balloonContentHeader: content?.header,
             balloonContentBody: content?.body,
             balloonContentFooter: content?.footer,
             hintContent: content?.hint,
         }, {
             iconLayout: 'default#image',
-            iconImageHref: '/icons/MapMarkerSingleIcon.svg',
+            iconImageHref: type === 'offices' ? MapMarkerClusterIcon : MapMarkerClusterYellowIcon,
             iconImageSize: [78, 84],
             iconImageOffset: [-35, -50],
         }));
-        clusterer.add(geoObjects);
-        map.geoObjects.add(clusterer);
-        map.setBounds(yandexMaps.util.bounds.fromPoints(points.map((_) => _.coords))).then(() => {
-            if (map.getZoom() > 10) {
-                map.setZoom(10);
-            }
-        });
-    }
+    };
 
     const styles$1 = {
         focus: 'focus:border-primary-text focus:border',
@@ -4923,11 +4942,11 @@
                         controls: [],
                         suppressMapOpenBlock: true,
                     });
-                    renderClusterer(yandexMaps, map.current, points);
+                    renderClusterer({ yandexMaps, map: map.current, points });
                 });
             }
             else if (yandexMaps) {
-                renderClusterer(yandexMaps, map.current, points);
+                renderClusterer({ yandexMaps, map: map.current, points });
                 if (!points?.length) {
                     map.current.setCenter(DEFAULT_CENTER_COORDS);
                 }
@@ -4946,6 +4965,8 @@
     const mapByIndex = (points, index) => points.map((_) => _.coords[index]);
     const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
+    const renderDescriptionBlock$1 = ({ __html, list }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
+
     const FILTRATION_LABELS = {
         safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
         workingSaturday: 'Открыты по субботам',
@@ -4960,14 +4981,14 @@
         bullionOperations: 'Операции со слитками',
         preciousMetalsOperations: 'Операции с драгоценными металлами',
         transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
+        remoteWorkplace: 'Удаленное рабочее место',
     };
     const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
     const renderFiltrationForm = (filters, { field, reset }, onlyOffice) => {
-        const visibleFiltersNum = onlyOffice ? 3 : 4;
+        const visibleFiltersNum = 4;
         const filtersCheckbox = (filters || []).map((key) => (jsx(Checkbox, { text: FILTRATION_LABELS[key], ...field(key) }, key)));
-        const [visibleFilters, hiddenFilters] = visibleFiltersNum > 0
-            ? [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
-            : [filtersCheckbox, []];
+        const [visibleFilters, hiddenFilters] = [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
+            ;
         return (jsx("div", { children: filters?.length ? (jsx("div", { children: jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [jsx("div", { className: COMMON_FILTERS_STYLES, children: visibleFilters }), jsx(FoldableSection, { className: COMMON_FILTERS_STYLES, isUnfolded: isUnfolded, children: hiddenFilters })] })), renderFoldButton: renderFoldButton$2(reset, onlyOffice) }) })) : null }));
     };
     const renderFoldButton$2 = (reset, onlyOffice) => ({ isUnfolded, onToggle }) => {
@@ -4979,37 +5000,47 @@
     const defaultEmptyFunction = () => void 0;
     const defaultFilterItems = () => [];
     const filtersVisibleStyles = (activeButton) => activeButton === 'all' ? 'block' : 'hidden';
-    const OfficesAtmsMapLayout = JSX(({ className, data = [], renderCard = defaultEmptyFunction, filterItems = defaultFilterItems, getBalloon = defaultEmptyFunction, initFilterState = {}, descriptionData, title, }) => {
+    const OfficesAtmsMapLayout = JSX(({ className, data = [], remoteWorkplaces = [], renderCard = defaultEmptyFunction, renderRemoteWorkplaceCard = defaultEmptyFunction, filterItems = defaultFilterItems, getBalloon = defaultEmptyFunction, getBalloonRemoteWorkplaces = defaultEmptyFunction, initFilterState = {}, descriptionData, title, }) => {
         const onlyOffice = title?.includes('Офис');
         const [filtrationState, { field, reset }] = useForm(initFilterState);
-        const [filteredItems, points, lengthItems] = useMemo(() => {
+        const [filteredItems, points, filteredRemoteWorkplaces, lengthItems] = useMemo(() => {
             const _filteredItems = filterItems(data, filtrationState);
-            const _points = _filteredItems
-                .map((_) => ({
-                coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
-                content: getBalloon(_),
-            }))
-                .filter((_) => _.coords && _.coords.length === 2);
-            return [_filteredItems, _points, _filteredItems.length];
-        }, [data, filtrationState]);
+            const _filteredRemoteWorkplaces = filterItems(remoteWorkplaces, filtrationState);
+            const _points = [
+                ..._filteredItems.map((_) => ({
+                    type: 'offices',
+                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                    content: getBalloon(_),
+                })),
+                ..._filteredRemoteWorkplaces.map((_) => ({
+                    type: 'workplaces',
+                    coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                    content: getBalloonRemoteWorkplaces({
+                        address: _.address,
+                        workScheduleDescription: _.workScheduleDescription,
+                    }),
+                })),
+            ].filter((_) => _.coords && _.coords.length === 2);
+            const itemsLength = _filteredItems.length + _filteredRemoteWorkplaces?.length;
+            return [_filteredItems, _points, _filteredRemoteWorkplaces, itemsLength];
+        }, [data, remoteWorkplaces, filtrationState]);
         const [activeButton, setActiveButton] = useState('all');
-        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-6xl pb-0", children: [jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h2", children: [title, lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: ` (${lengthItems})` })) : null] }) }), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-2xl', filtersVisibleStyles(activeButton)), children: renderFiltrationForm(Object.keys(initFilterState), { field, reset }, onlyOffice) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, className: "h-full" }) }) })] }), filteredItems.map(renderCard)] }));
+        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-6xl pb-0", children: [jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h2", children: [title, lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: ` (${lengthItems})` })) : null] }) }), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-2xl', filtersVisibleStyles(activeButton)), children: renderFiltrationForm(Object.keys(initFilterState), { field, reset }, onlyOffice) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, className: "h-full" }) }) })] }), filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] }));
     });
-    const renderButtonsGroup = (data, activeButton, setActiveButton) => {
+    const renderButtonsGroup = (data, activeButton, onButtonClick) => {
         const allButtonVersion = activeButton === 'all' ? 'primary' : 'secondary';
         const businessButtonVersion = activeButton === 'business' ? 'primary' : 'secondary';
-        const handleOnClick = (e, key, branches) => {
+        const handleClick = (e, key, branches) => {
             if (e.currentTarget === e.target && key === 'business') {
                 branches.filter((branch) => branch.workSchedule &&
                     branch.workSchedule.businessScheduleVisibleTag &&
                     !branch.workSchedule.businessScheduleDescription);
             }
-            setActiveButton(key);
+            onButtonClick(key);
             return branches;
         };
-        return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleOnClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleOnClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
+        return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
     };
-    const renderDescriptionBlock$1 = ({ __html, list }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
 
     const colorStyle = {
         yellow: { border: 'border-yellow-light', text: 'text-yellow' },
@@ -5233,7 +5264,7 @@
             return null;
         }
         const workScheduleWeek = getWorkScheduleWeek(workSchedule);
-        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: name }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), renderCurrentDaySchedule(workScheduleWeek)] }), jsx("div", { className: "hidden sm:block", children: renderCardContent({
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsxs("div", { className: "sm:flex sm:justify-between", children: [jsxs("div", { children: [jsx(Text, { size: "text-h4", children: name }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }), renderCurrentDaySchedule(workScheduleWeek)] }), jsx("div", { className: "hidden sm:block", children: renderCardContent$1({
                         phone,
                         fax,
                         phoneBusiness,
@@ -5243,7 +5274,7 @@
                         workSchedule,
                         exchangeRate,
                     }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
-                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent({
+                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent$1({
                                 phone,
                                 fax,
                                 phoneBusiness,
@@ -5257,7 +5288,7 @@
                     //** TODO: remove styles with refactoring  DefaultFoldButton*/
                     renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$1({ isUnfolded, onToggle }) })] }, String(index)));
     };
-    const renderCardContent = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
+    const renderCardContent$1 = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
         const workScheduleWeek = getWorkScheduleWeek(workSchedule);
         const labelSchedule = workSchedule?.businessScheduleVisibleTag
             ? 'Для физических лиц'
@@ -5273,13 +5304,38 @@
         return { header, body };
     };
 
+    const renderRemoteWorkplaceCard = ({ address, workScheduleDescription }, index) => {
+        if (!workScheduleDescription) {
+            return null;
+        }
+        return (jsxs("div", { className: "bg-white col-span-12 p-3xl sm:border-green sm:border", children: [jsx("div", { className: "sm:flex sm:justify-between", children: jsxs("div", { children: [jsx(Text, { size: "text-h4", children: "\u0423\u0434\u0430\u043B\u0435\u043D\u043D\u043E\u0435 \u0440\u0430\u0431\u043E\u0447\u0435\u0435 \u043C\u0435\u0441\u0442\u043E" }), address ? (jsxs("div", { className: "flex pb-xl pt-xs gap-2xs", children: [jsx(Icon, { name: "GeolocationIcon", width: "24", height: "24" }), jsx(Text, { size: "text-l", children: address })] })) : null] }) }), jsx("div", { className: "hidden sm:block", children: renderCardContent({
+                        workScheduleDescription,
+                    }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent({
+                                workScheduleDescription,
+                            }) }));
+                    }, 
+                    //** TODO: remove styles with refactoring  DefaultFoldButton*/
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$1({ isUnfolded, onToggle }) })] }, String(index)));
+    };
+    const renderCardContent = ({ workScheduleDescription }) => {
+        return (jsxs("div", { children: [jsxs(CardRow, { className: "flex", children: [jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u041E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u043E\u0432, \u0441\u0447\u0435\u0442\u043E\u0432, \u0432\u043A\u043B\u0430\u0434\u043E\u0432" }) }), jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u041E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0445 \u043A\u0430\u0440\u0442" }) }), jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u0418\u043D\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u043E\u043D\u043D\u043E\u0435 \u0438 \u043D\u0430\u043A\u043E\u043F\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0435 \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435" }) }), jsx(CardCell, { label: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0434\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446", children: jsx(Text, { children: "\u0411\u0435\u0437\u043D\u0430\u043B\u0438\u0447\u043D\u044B\u0435 \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0432 \u0440\u0443\u0431\u043B\u044F\u0445, \u043F\u0435\u0440\u0435\u0432\u043E\u0434\u044B \u0431\u0435\u0437 \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u044F \u0441\u0447\u0451\u0442\u0430" }) })] }), jsx(CardCell, { label: "\u0420\u0435\u0436\u0438\u043C \u0440\u0430\u0431\u043E\u0442\u044B", className: "max-w-none", children: jsx(Text, { children: workScheduleDescription }) })] }));
+    };
+    const getRemoteWorkplacePoint = ({ address = '', workScheduleDescription, }) => {
+        const header = 'Удаленное рабочее место';
+        const body = `${address} ${workScheduleDescription}`;
+        return { header, body };
+    };
+
     const EMPTY_VALUE$1 = [];
     function useOffices(regionCode) {
-        const { data = EMPTY_VALUE$1 } = useAsyncData(`/api/v1/branches?regionCode=${regionCode}`, fetchMap);
+        const { data = EMPTY_VALUE$1 } = useAsyncData(`/api/v1/branchesAndRemoteWorkplaces?regionCode=${regionCode}`, fetchMap);
         return data;
     }
     const fetchMap = async (url) => {
-        const result = await fetchJSON(url, { method: 'GET' });
+        const result = await fetchJSON(url, {
+            method: 'GET',
+        });
         return Array.isArray(result) ? result : EMPTY_VALUE$1;
     };
 
@@ -5287,6 +5343,7 @@
         workingSaturday: false,
         premiumService: false,
         privateBanking: false,
+        remoteWorkplace: false,
         sellingCoins: false,
         buyingCoins: false,
         bullionOperations: false,
@@ -5294,20 +5351,21 @@
         transferringDataToBiometricSystem: false,
     };
     const FILTRATION_PREDICATES = {
-        workingSaturday: (item) => Boolean(item.workSchedule?.workingSaturday),
-        premiumService: (item) => Boolean(item.premiumService),
-        privateBanking: (item) => Boolean(item.privateBanking),
-        sellingCoins: (item) => Boolean(item.sellingCoins),
-        buyingCoins: (item) => Boolean(item.buyingCoins),
-        bullionOperations: (item) => Boolean(item.bullionOperations),
-        preciousMetalsOperations: (item) => Boolean(item.preciousMetalsOperations),
-        transferringDataToBiometricSystem: (item) => Boolean(item.transferringDataToBiometricSystem),
+        workingSaturday: (item) => Boolean('workSchedule' in item && item.workSchedule?.workingSaturday),
+        premiumService: (item) => Boolean('premiumService' in item && item.premiumService),
+        privateBanking: (item) => Boolean('privateBanking' in item && item.privateBanking),
+        remoteWorkplace: (item) => Boolean('workScheduleDescription' in item),
+        sellingCoins: (item) => Boolean('sellingCoins' in item && item.sellingCoins),
+        buyingCoins: (item) => Boolean('buyingCoins' in item && item.buyingCoins),
+        bullionOperations: (item) => Boolean('bullionOperations' in item && item.bullionOperations),
+        preciousMetalsOperations: (item) => Boolean('preciousMetalsOperations' in item && item.preciousMetalsOperations),
+        transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
     };
     const 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, getBalloon: getOfficePoint, title: `Офисы филиала ${currentLocation?.name}` }));
+        return (jsx(OfficesAtmsMapLayout, { className: className, filterItems: filterItems, data: officesData[0]?.branches, remoteWorkplaces: officesData[0]?.remoteWorkplaces, initFilterState: INITIAL_FILTRATION_STATE, renderCard: renderOfficeCard, renderRemoteWorkplaceCard: renderRemoteWorkplaceCard, getBalloon: getOfficePoint, getBalloonRemoteWorkplaces: getRemoteWorkplacePoint, title: `Офисы филиала ${currentLocation?.name}` }));
     });
     const filterItems = (data, filtrationState) => {
         const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
@@ -5321,22 +5379,26 @@
 
     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(Shimmer, {})] })));
 
-    const ProductGallery = JSX(({ className = '', padding, slides = [], ...rest }) => {
+    const scrollButtonStyle$1 = 'hidden sm:flex absolute z-40 top-10';
+    const ProductGallery = UniBlock(({ className = '', padding, slides = [], ...rest }) => {
         const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-        return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden', className), defaultPadding: "py-6xl", padding: padding, ...rest, children: [jsx("div", { className: "flex duration-1000", style: { transform: `translateX(-${activeSlideIndex * 100}%)` }, role: "list", children: slides.map(({ productBlock }, i) => (jsx("div", { className: "box-border grow-0 shrink-0 basis-full", role: "listitem", children: jsx(BaseProductTile, { className: "pl-6xl h-full", headlineVersion: "M", isFullWidthTitle: false, ...productBlock, ...rest }) }, String(i)))) }), jsx("div", { className: "h-28 px-xs mt-m -mb-m flex gap-xs box-border", children: slides.map(renderNavButton({ activeSlideIndex, onClick: setActiveSlideIndex })) })] }));
+        const [containerRef, scroll] = useSwipeListScroll({
+            itemCount: slides?.length || 0,
+        });
+        return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden', className), defaultPadding: "pt-6xl", padding: padding, ...rest, children: [jsx("div", { className: "flex duration-1000", style: { transform: `translateX(-${activeSlideIndex * 100}%)` }, role: "list", children: slides.map(({ productBlock }, i) => (jsx("div", { className: "box-border grow-0 shrink-0 basis-full", role: "listitem", children: jsx(BaseProductTile, { className: "pl-6xl h-full", headlineVersion: "M", isFullWidthTitle: false, ...productBlock, ...rest }) }, String(i)))) }), jsxs("div", { className: "relative pr-xs mt-m -mb-m flex gap-xs box-border", children: [jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: 'h-40 flex items-stretch w-screen', gap: 8, children: slides.map(renderNavButton({ activeSlideIndex, onClick: setActiveSlideIndex })) }), scroll.canScrollLeft ? (jsx(ScrollLeftButton, { className: style('left-6', scrollButtonStyle$1), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (jsx(ScrollRightButton, { className: style('right-6', scrollButtonStyle$1), onClick: scroll.scrollRight })) : null] })] }));
     });
     const renderNavButton = ({ activeSlideIndex, onClick }) => ({ nav }, i) => {
         const isActive = i === activeSlideIndex;
         const btnClassName = isActive
             ? 'min-w-[350px] bg-white shadow-dark-blue border-none p-6'
-            : 'min-w-72 ease-in duration-300 bg-white/10 px-xl py-lg hover:py-xl backdrop-blur';
+            : 'min-w-72 ease-in duration-300 bg-white/10 px-xl py-lg hover:backdrop-blur';
         const btnTitleClassName = isActive
             ? 'text-primary-text text-h6 py-xs'
             : 'text-l pb-2xs text-secondary-text group-data-secondary:text-white';
         const btnDescClassName = isActive
             ? 'text-secondary-text text-l font-light'
             : 'text-secondary-text text-m font-light group-data-secondary:text-white/80';
-        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)));
+        return (jsxs("button", { type: "button", onClick: () => onClick(i), "aria-label": nav?.title, className: style('max-h-28 mt-xs ml-xs 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 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({
@@ -6180,7 +6242,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.332";
+    const packageVersion = "0.14.334";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;