@redneckz/wildless-cms-uni-blocks 0.14.869 → 0.14.871

package/bundle/bundle.umd.js

@@ -698,7 +698,7 @@
     }).format(Number(_) || 0);
 
     const PriceList = JSX(({ priceList }) => priceList?.length ? (jsx("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", role: "list", children: priceList.map(renderPriceListItem) })) : null);
-    const renderPriceListItem = ({ label, amount, unit }, i) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre", role: "listitem", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: label }), amount ? (jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(amount), " ", unit || '₽'] })) : null] }, String(i)));
+    const renderPriceListItem = ({ label, amount, unit }, i) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg rounded-md items-baseline whitespace-pre", role: "listitem", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: label }), amount ? (jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(amount), " ", unit || '₽'] })) : null] }, String(i)));
 
     const Tags = JSX(({ className, tags }) => tags?.length ? (jsx("div", { className: style('flex flex-wrap gap-xs', className), role: "list", children: tags.map(renderTag) })) : null);
     const renderTag = (tag, key) => (jsx("div", { className: "p-xs border-solid border rounded-md border-gray", role: "listitem", children: jsx(Text, { size: "text-m", font: "font-light", children: tag }) }, String(key)));
@@ -3305,6 +3305,12 @@
         return { header, body };
     };
 
+    const ATMS_INITIAL_FILTRATION_STATE = {
+        billAcceptorEnable: false,
+        workAllTime: false,
+        terminalTypeTerm: false,
+        terminalTypeAtms: false,
+    };
     const INITIAL_FILTRATION_STATE$1 = {
         workingSaturday: false,
         premiumService: false,
@@ -3316,27 +3322,37 @@
         bullionOperations: false,
         preciousMetalsOperations: false,
         transferringDataToBiometricSystem: false,
+        ...ATMS_INITIAL_FILTRATION_STATE,
     };
     const FILTRATION_LABELS = {
-        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
-        workingSaturday: 'Открыты по субботам',
-        terminalTypeAtms: 'Банкоматы',
-        terminalTypeTerm: 'Терминалы',
-        workAllTime: 'Круглосуточно',
         billAcceptorEnable: 'Прием наличных',
-        premiumService: 'Премиальное обслуживание',
-        privateBanking: 'Услуга Private banking',
-        sellingCoins: 'Продажа монет из драгоценных металлов',
-        buyingCoins: 'Покупка монет из драгоценных металлов',
         bullionOperations: 'Операции со слитками',
-        preciousMetalsOperations: 'Операции с драгоценными металлами',
-        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
-        locationDisabledPeople: 'Для маломобильных',
+        buyingCoins: 'Покупка монет из драгоценных металлов',
         designDisabledPeople: 'Для слабовидящих',
+        locationDisabledPeople: 'Для маломобильных',
+        preciousMetalsOperations: 'Операции с драгоценными металлами',
+        premiumService: 'Премиальное обслуживание',
+        privateBanking: 'Услуга Private banking',
         remoteWorkplace: 'Удаленное рабочее место',
+        terminalTypeAtms: 'Банкоматы',
+        terminalTypeTerm: 'Терминалы',
+        transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
+        sellingCoins: 'Продажа монет из драгоценных металлов',
+        safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
         serviceDisabledPeople: 'Для маломобильных граждан',
+        workAllTime: 'Круглосуточно',
+        workingSaturday: 'Открыты по субботам',
     };
-    const FILTRATION_PREDICATES$1 = {
+    const FILTRATION_PREDICATES_ATMS = {
+        terminalTypeTerm: (item) => item.terminalType?.toLowerCase() === 'терминал',
+        terminalTypeAtms: (item) => item.terminalType?.toLowerCase() === 'банкомат',
+        workAllTime: (item) => item.workTime?.toLowerCase() === 'круглосуточно',
+        billAcceptorEnable: (item) => Boolean(item.billAcceptorEnable),
+        locationDisabledPeople: (item) => Boolean(item.locationDisabledPeople),
+        designDisabledPeople: (item) => Boolean(item.designDisabledPeople),
+    };
+    const FILTRATION_PREDICATES = {
+        ...FILTRATION_PREDICATES_ATMS,
         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),
@@ -3349,16 +3365,16 @@
         transferringDataToBiometricSystem: (item) => Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
     };
 
-    const filterItems$1 = (data, filtrationState) => {
+    const filterItems = (data, filtrationState) => {
         const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
-        return data.filter((item) => truthyFilters.every((_) => FILTRATION_PREDICATES$1[_](item)));
+        return data.filter((item) => truthyFilters.every((_) => FILTRATION_PREDICATES[_](item)));
     };
 
     const defaultEmptyFunction$1 = () => void 0;
     const useOfficesAtmsMapData = ({ data, remoteWorkplaces = [], filtrationState = {}, getBalloon = defaultEmptyFunction$1, getBalloonRemoteWorkplaces = defaultEmptyFunction$1, }) => {
         const [filteredItems, points, filteredRemoteWorkplaces, lengthItems] = useMemo(() => {
-            const _filteredItems = filterItems$1(data, filtrationState);
-            const _filteredRemoteWorkplaces = filterItems$1(remoteWorkplaces, filtrationState);
+            const _filteredItems = filterItems(data, filtrationState);
+            const _filteredRemoteWorkplaces = filterItems(remoteWorkplaces, filtrationState);
             const _points = [
                 ..._filteredItems.map((_) => ({
                     type: 'offices',
@@ -7736,9 +7752,9 @@
         if (!items) {
             return null;
         }
-        return (jsxs("div", { children: [jsx("hr", { className: "w-full h-px bg-main-gray border-0" }), jsxs("div", { className: "p-xl", children: [title ? (jsx(Text, { color: "text-primary-text", size: "text-h5", children: jsx("div", { className: style({ 'mb-m': Boolean(title) }), children: title }) })) : null, items ? (jsx("div", { className: style('grid grid-cols-1 gap-m', inputColumnStyles(countColumns || isMobile ? 1 : 2)), children: items.map((item, index) => (jsx("div", { children: renderItem$1(item) }, index))) })) : null] })] }));
+        return (jsxs("div", { children: [jsx("hr", { className: "w-full h-px bg-main-gray border-0" }), jsxs("div", { className: "p-xl", children: [title ? (jsx(Text, { color: "text-primary-text", size: "text-h5", children: jsx("div", { className: style({ 'mb-m': Boolean(title) }), children: title }) })) : null, items ? (jsx("div", { className: style('grid grid-cols-1 gap-m', inputColumnStyles(countColumns || isMobile ? 1 : 2)), children: items.map((item, index) => (jsx("div", { children: renderItem$2(item) }, index))) })) : null] })] }));
     };
-    const renderItem$1 = ({ label, description }) => (jsxs("div", { className: "flex flex-col", children: [jsx(Text, { color: "text-secondary-text", size: "text-l", children: label }), jsx(Text, { color: "text-primary-text", size: "text-xl", children: description })] }));
+    const renderItem$2 = ({ label, description }) => (jsxs("div", { className: "flex flex-col", children: [jsx(Text, { color: "text-secondary-text", size: "text-l", children: label }), jsx(Text, { color: "text-primary-text", size: "text-xl", children: description })] }));
 
     const FailedStatusContent$2 = JSX(() => (jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
 
@@ -9195,9 +9211,9 @@
         if (!items) {
             return null;
         }
-        return (jsxs("div", { children: [jsx("hr", { className: "w-full h-px bg-main-gray border-0" }), jsxs("div", { className: "p-xl", children: [title ? (jsx(Text, { color: "text-primary-text", size: "text-h5", children: jsx("div", { className: style({ 'mb-m': Boolean(title) }), children: title }) })) : null, items ? (jsx("div", { className: style('grid gap-m md:grid-cols-2', 'md:grid-cols-2'), children: items.map((item, index) => (jsx("div", { children: renderItem(item) }, index))) })) : null] })] }));
+        return (jsxs("div", { children: [jsx("hr", { className: "w-full h-px bg-main-gray border-0" }), jsxs("div", { className: "p-xl", children: [title ? (jsx(Text, { color: "text-primary-text", size: "text-h5", children: jsx("div", { className: style({ 'mb-m': Boolean(title) }), children: title }) })) : null, items ? (jsx("div", { className: style('grid gap-m md:grid-cols-2', 'md:grid-cols-2'), children: items.map((item, index) => (jsx("div", { children: renderItem$1(item) }, index))) })) : null] })] }));
     };
-    const renderItem = ({ label, description }) => (jsxs("div", { className: "flex flex-col", children: [jsx(Text, { color: "text-secondary-text", size: "text-l", children: label }), jsx(Text, { color: "text-primary-text", size: "text-xl", children: description })] }));
+    const renderItem$1 = ({ label, description }) => (jsxs("div", { className: "flex flex-col", children: [jsx(Text, { color: "text-secondary-text", size: "text-l", children: label }), jsx(Text, { color: "text-primary-text", size: "text-xl", children: description })] }));
 
     const DboClientStatusContent = JSX(() => {
         const { leadForm } = useRetailFormStore();
@@ -10406,18 +10422,19 @@
         const filterBranches = (branches) => branches.filter((branch) => branch.workSchedule &&
             branch.workSchedule.businessScheduleVisibleTag &&
             !branch.workSchedule.businessScheduleDescription);
-        return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
+        return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row", 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 = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
+    const renderDescriptionBlock = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "border-b sm:border border-main-divider rounded-md space-y-2xl", children: [__html ? jsx(RichText, { __html: __html, richVersion: richVersion }) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map(renderItem) })) : null] })) : null;
+    const renderItem = (item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [jsx(Img, { image: item.image }), item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)));
 
-    const renderHeading = (title, lengthItems) => (jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h3", children: [jsx("span", { suppressHydrationWarning: true, children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: jsx("span", { suppressHydrationWarning: true, children: ` (${lengthItems})` }) })) : null] }) }));
+    const renderHeading = (title, lengthItems) => title ? (jsx("div", { className: "flex flex-row gap-xs", children: jsxs(Heading, { headingType: "h3", children: [jsx("span", { suppressHydrationWarning: true, children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: jsx("span", { suppressHydrationWarning: true, children: ` (${lengthItems})` }) })) : null] }) })) : null;
 
     const defaultEmptyFunction = () => void 0;
     const filtersVisibleStyles = (activeButton) => activeButton === 'all' ? 'block' : 'hidden';
-    const OfficesAtmsMapLayout = JSX(({ className, data = [], isLoad, remoteWorkplaces = [], renderCard = defaultEmptyFunction, renderRemoteWorkplaceCard = defaultEmptyFunction, getBalloon = defaultEmptyFunction, getBalloonRemoteWorkplaces = defaultEmptyFunction, descriptionData, title, }) => {
+    const OfficesAtmsMapLayout = JSX(({ className, data = [], isLoad, remoteWorkplaces = [], renderCard = defaultEmptyFunction, renderRemoteWorkplaceCard = defaultEmptyFunction, getBalloon = defaultEmptyFunction, initFilterState = INITIAL_FILTRATION_STATE$1, getBalloonRemoteWorkplaces = defaultEmptyFunction, descriptionData, title, }) => {
         const onlyOffice = title?.includes('Офис');
-        const [filtrationState, { field, reset }] = useForm(INITIAL_FILTRATION_STATE$1);
+        const [filtrationState, { field, reset }] = useForm(initFilterState);
         const { filteredItems, points, filteredRemoteWorkplaces, lengthItems } = useOfficesAtmsMapData({
             data,
             remoteWorkplaces,
@@ -10426,9 +10443,9 @@
             getBalloonRemoteWorkplaces,
         });
         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-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: jsx(FiltrationForm, { filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]), field: { field, reset }, onlyOffice: onlyOffice, labels: FILTRATION_LABELS }) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
+        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0 grid gap-xl", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: jsx(FiltrationForm, { filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]), field: { field, reset }, onlyOffice: onlyOffice, labels: FILTRATION_LABELS }) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
     });
-    const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES$1[_](item)).length);
+    const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES[_](item)).length);
 
     const capitalize = (text) => text ? `${text.charAt(0).toUpperCase()}${text.slice(1)}` : '';
 
@@ -10469,39 +10486,19 @@
     };
 
     const INITIAL_FILTRATION_STATE = {
-        terminalTypeAtms: true,
         terminalTypeTerm: false,
+        terminalTypeAtms: false,
         workAllTime: false,
         billAcceptorEnable: false,
         locationDisabledPeople: false,
         designDisabledPeople: false,
     };
-    const FILTRATION_PREDICATES = {
-        terminalTypeAtms: (item) => item.terminalType?.toLowerCase() === 'банкомат',
-        terminalTypeTerm: (item) => item.terminalType?.toLowerCase() === 'терминал',
-        workAllTime: (item) => item.workTime?.toLowerCase() === 'круглосуточно',
-        billAcceptorEnable: (item) => Boolean(item.billAcceptorEnable),
-        locationDisabledPeople: (item) => Boolean(item.locationDisabledPeople),
-        designDisabledPeople: (item) => Boolean(item.designDisabledPeople),
-    };
     const AtmsMap = JSX(({ descriptionData, className }) => {
         const currentLocation = useLocation();
         const regionCode = currentLocation?.code ?? '000';
-        const { data: officesData, isLoad } = useAtms(regionCode);
-        return (jsx(OfficesAtmsMapLayout, { className: className, filterItems: filterItems, data: officesData, isLoad: isLoad, initFilterState: INITIAL_FILTRATION_STATE, renderCard: renderAtmCard, getBalloon: getAtmPoint, title: `Банкоматы филиала ${currentLocation?.name}`, descriptionData: descriptionData }));
+        const { data, isLoad } = useAtms(regionCode);
+        return (jsx(OfficesAtmsMapLayout, { className: className, data: data, isLoad: isLoad, initFilterState: INITIAL_FILTRATION_STATE, renderCard: renderAtmCard, getBalloon: getAtmPoint, title: `Банкоматы филиала ${currentLocation?.name}`, descriptionData: descriptionData }));
     });
-    const filterItems = (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[_](item));
-            const resultOR = filtersOR.length
-                ? filtersOR.some((_) => FILTRATION_PREDICATES[_](item))
-                : true;
-            return resultAND && resultOR;
-        });
-    };
 
     const renderRemoteWorkplaceCard = ({ address, workScheduleDescription }, i) => {
         if (!workScheduleDescription) {
@@ -11151,7 +11148,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.868";
+    const packageVersion = "0.14.870";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;