@redneckz/wildless-cms-uni-blocks 0.14.217 → 0.14.219

package/bundle/bundle.umd.js

@@ -3203,9 +3203,9 @@
         const [visibleCells, hiddenCells] = visibleCellsCount > 0
             ? [cellsNode.slice(0, visibleCellsCount), cellsNode.slice(visibleCellsCount)]
             : [cellsNode, []];
-        return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [isIcon(icon) ? (jsx("div", { className: "self-center", children: jsx(Img, { image: icon }) })) : null, title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$2 : null })) : (jsx("div", { children: visibleCells }))] }));
+        return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [isIcon(icon) ? (jsx("div", { className: "self-center", children: jsx(Img, { image: icon }) })) : null, title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$3 : null })) : (jsx("div", { children: visibleCells }))] }));
     });
-    const renderFoldButton$2 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: onToggle, type: "button", children: [jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" })] }));
+    const renderFoldButton$3 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: onToggle, type: "button", children: [jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" })] }));
 
     const gradientStyle = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
     const borderStyle = 'border-gray border-solid border';
@@ -4127,7 +4127,7 @@
     });
 
     const SEARCH_TERM_MIN_LENGTH = 3;
-    const LocationDialog = JSX(({ foreignOffices, defaultLocation }) => {
+    const LocationDialog = JSX(({ foreignOffices, defaultLocation, officesLink }) => {
         const [currentLocation, selectCurrentLocation] = useLocation(defaultLocation);
         const [query, setQuery] = useState('');
         const regions = cleanUpRegions(useRegions()).sort((a, b) => a.name.localeCompare(b.name));
@@ -4137,7 +4137,8 @@
             selectCurrentLocation(region);
             close();
         }, []);
-        return (jsxs(Dialog, { className: "pb-20", head: jsxs("div", { children: [jsx(Text, { size: "text-h4", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B" }), currentLocation ? (jsxs("div", { className: "mb-s", children: [jsx(Text, { size: "text-l", font: "font-light", children: "\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D:\u00A0" }), jsx("button", { type: "button", onClick: () => selectCurrentLocation(currentLocation), children: jsx(Text, { color: "text-primary-main", children: currentLocation.name }) })] })) : null, jsx(SearchBar, { onSearch: setQuery, searchTerm: query })] }), children: [query && query.length >= SEARCH_TERM_MIN_LENGTH ? (jsx("div", { children: regions
+        const currentOfficeHref = `${officesLink}/${currentLocation.slug}`;
+        return (jsxs(Dialog, { className: "pb-20", head: jsxs("div", { children: [jsx(Text, { size: "text-h4", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B" }), currentLocation ? (jsxs("div", { className: "mb-s", children: [jsx(Text, { size: "text-l", font: "font-light", children: "\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D:\u00A0" }), jsx(LinkButton, { href: currentOfficeHref, onClick: () => selectCurrentLocation(currentLocation), children: jsx(Text, { color: "text-primary-main", children: currentLocation.name }) })] })) : null, jsx(SearchBar, { onSearch: setQuery, searchTerm: query })] }), children: [query && query.length >= SEARCH_TERM_MIN_LENGTH ? (jsx("div", { children: regions
                         .filter(({ name }) => name && jaroWinklerDistance(name.toLowerCase())(query.toLowerCase()) >= 0.8)
                         .map(renderRegion(handleChangeLocation)) })) : (jsx("div", { className: "columns-1 sm:columns-5", children: Array.from(regionsGroupByLetter.entries()).map(renderRegionGroup(handleChangeLocation)) })), renderForeignOffices(foreignOffices)] }));
     });
@@ -4772,11 +4773,31 @@
         terminalTypeTerm: 'Терминалы',
         workAllTime: 'Круглосуточно',
         billAcceptorEnable: 'Прием наличных',
+        premiumService: 'Премиальное обслуживание',
+        privateBanking: 'Услуга Private banking',
+        sellingCoins: 'Продажа монет из драгоценных металлов',
+        buyingCoins: 'Покупка монет из драгоценных металлов',
+        bullionOperations: 'Операции со слитками',
+        preciousMetalsOperations: 'Операции с драгоценными металлами',
+        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
+    };
+    const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
+    const renderFiltrationForm = (filters, { field, reset }, visibleFiltersNum = 3) => {
+        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, []];
+        return (jsx("div", { children: filters?.length ? (jsx("div", { children: hiddenFilters.length > 0 ? (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) })) : (jsx("div", { className: COMMON_FILTERS_STYLES, children: visibleFilters })) })) : null }));
+    };
+    const renderFoldButton$2 = (reset) => ({ isUnfolded, onToggle }) => {
+        const labels = ['Больше фильтров', 'Меньше фильтров'];
+        const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
+        return (jsxs("div", { className: "flex", children: [jsx(LinkButton, { version: "transparent", className: "text-secondary-text [&>*]:p-0 mr-lg", appendRight: jsx(Icon, { name: icons[Number(isUnfolded)], width: "16", height: "16" }), text: labels[Number(isUnfolded)], onClick: onToggle }), jsx(LinkButton, { 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 renderFiltrationForm = (filters, { field, reset }) => (jsxs("div", { className: "pb-2xl", children: [filters?.length ? (jsx("div", { className: "flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl", children: filters.map((key) => (jsx(Checkbox, { text: FILTRATION_LABELS[key], ...field(key) }, key))) })) : null, jsx(LinkButton, { 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 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 [filtrationState, { field, reset }] = useForm(initFilterState);
         const [filteredItems, points, lengthItems] = useMemo(() => {
@@ -4789,8 +4810,23 @@
                 .filter((_) => _.coords && _.coords.length === 2);
             return [_filteredItems, _points, _filteredItems.length];
         }, [data, filtrationState]);
-        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-6xl pb-0", children: [jsxs("div", { className: "flex flex-col sm:flex-row gap-xs mb-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 [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: [jsxs("div", { className: "flex flex-col sm:flex-row gap-xs mb-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, renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-2xl', filtersVisibleStyles(activeButton)), children: 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 renderButtonsGroup = (data, activeButton, setActiveButton) => {
+        const allButtonVersion = activeButton === 'all' ? 'primary' : 'secondary';
+        const businessButtonVersion = activeButton === 'business' ? 'primary' : 'secondary';
+        const handleOnClick = (e, key, branches) => {
+            if (e.currentTarget === e.target && key === 'business') {
+                branches.filter((branch) => branch.workSchedule &&
+                    branch.workSchedule.businessScheduleVisibleTag &&
+                    !branch.workSchedule.businessScheduleDescription);
+            }
+            setActiveButton(key);
+            return branches;
+        };
+        return (jsxs("div", { className: "flex pb-lg", children: [jsx(Button, { className: "mr-m", "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" })] }));
+    };
     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 = {
@@ -5064,12 +5100,24 @@
     };
 
     const INITIAL_FILTRATION_STATE = {
-        //safeBoxCaseVolumes: false, //TODO: temp hide
         workingSaturday: false,
+        premiumService: false,
+        privateBanking: false,
+        sellingCoins: false,
+        buyingCoins: false,
+        bullionOperations: false,
+        preciousMetalsOperations: false,
+        transferringDataToBiometricSystem: false,
     };
     const FILTRATION_PREDICATES = {
-        //safeBoxCaseVolumes: (item: Branch) => Boolean(item.safeBoxCaseVolumes), //TODO: temp hide
         workingSaturday: (item) => Boolean(item.workSchedule?.workingSaturday),
+        premiumService: (item) => Boolean(item.workSchedule?.premiumService),
+        privateBanking: (item) => Boolean(item.workSchedule?.privateBanking),
+        sellingCoins: (item) => Boolean(item.workSchedule?.sellingCoins),
+        buyingCoins: (item) => Boolean(item.workSchedule?.buyingCoins),
+        bullionOperations: (item) => Boolean(item.workSchedule?.bullionOperations),
+        preciousMetalsOperations: (item) => Boolean(item.workSchedule?.preciousMetalsOperations),
+        transferringDataToBiometricSystem: (item) => Boolean(item.workSchedule?.transferringDataToBiometricSystem),
     };
     const OfficesMap = JSX(({ className }) => {
         const [currentLocation] = useLocation();
@@ -5224,10 +5272,12 @@
     };
 
     const getCoordinates = (data) => {
+        const getBalloon = () => void 0;
         if (Array.isArray(data)) {
             return data
                 .map((_) => ({
-                coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)]?.filter(Boolean),
+                coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)].filter(Boolean),
+                content: getBalloon(),
             }))
                 .filter((_) => _.coords && _.coords.length === 2);
         }
@@ -5961,7 +6011,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.216";
+    const packageVersion = "0.14.218";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;