@redneckz/wildless-cms-uni-blocks 0.14.78 → 0.14.80

package/lib/components/OfficesAtmsMap/renderOfficeCard.js

@@ -1,40 +1,53 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 import { Icon } from '../../ui-kit/Icon/Icon.js';
 import { Text } from '../../ui-kit/Text/Text.js';
-import { Badge } from './Badge.js';
 import { CardCell } from './CardCell.js';
 import { CardRow } from './CardRow.js';
 import { getScheduleDescription } from './getScheduleDescription.js';
 import { getWorkScheduleWeek } from './getWorkScheduleWeek.js';
 import { renderAlternativeDay, renderBusinessSchedule } from './renderBusinessSchedule.js';
-const currentWeekDayIdx = new Date().getDay();
+import { renderCurrency } from './renderCurrency.js';
+import { renderCurrentDaySchedule } from './renderCurrentDaySchedule.js';
+import { renderDay } from './renderDay.js';
+import { renderFoldButton } from './renderFoldButton.js';
 export const renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, index) => {
     if (!workSchedule) {
         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({
+                    phone,
+                    fax,
+                    phoneBusiness,
+                    phoneNatural,
+                    phoneCallCentre,
+                    phoneCurrencyControl,
+                    workSchedule,
+                    exchangeRate,
+                }) }), _jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+                    return (_jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent({
+                            phone,
+                            fax,
+                            phoneBusiness,
+                            phoneNatural,
+                            phoneCallCentre,
+                            phoneCurrencyControl,
+                            workSchedule,
+                            exchangeRate,
+                        }) }));
+                }, 
+                //** TODO: remove styles with refactoring  DefaultFoldButton*/
+                renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle }) })] }, String(index)));
+};
+const renderCardContent = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
     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
+    return (_jsxs("div", { children: [_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)));
-};
-export 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
-export 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" }));
-};
-export 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;
+                : null, exchangeRate?.currencies?.length ? (_jsx(CardRow, { className: "flex-wrap", children: exchangeRate?.currencies?.map(renderCurrency) })) : null] }));
 };
 //# sourceMappingURL=renderOfficeCard.js.map

package/lib/components/OfficesAtmsMap/renderOfficeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderOfficeCard.js","sourceRoot":"","sources":["../../../src/components/OfficesAtmsMap/renderOfficeCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderOfficeCard.js","sourceRoot":"","sources":["../../../src/components/OfficesAtmsMap/renderOfficeCard.tsx"],"names":[],"mappings":"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"}

package/mobile/bundle/bundle.umd.js

@@ -2778,9 +2778,9 @@
         if (isSingleTab) {
             return renderCalculator(tabs[0]);
         }
-        return tabs.map((tab, index) => (jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: index === 0, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCalculator(tab) })), renderFoldButton: renderFoldButton$2(tab) }, index.toString())));
+        return tabs.map((tab, index) => (jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: index === 0, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCalculator(tab) })), renderFoldButton: renderFoldButton$3(tab) }, index.toString())));
     };
-    const renderFoldButton$2 = (tab) => ({ isUnfolded, onToggle }) => {
+    const renderFoldButton$3 = (tab) => ({ isUnfolded, onToggle }) => {
         const align = tab.nav?.align || 'text-left';
         return (jsxs("button", { onClick: onToggle, className: "w-full p-xl bg-primary-main flex items-center border-b border-white", children: [jsx("div", { className: "w-11 h-11 bg-white rounded-md flex justify-center items-center", children: jsx(Icon, { name: tab.nav?.icon?.icon, iconVersion: "color", width: "24", height: "24" }) }), jsxs("div", { className: "flex-1 flex flex-col pl-s", children: [jsx(Text, { align: align, color: "text-white", children: tab.nav?.title }), jsx(Text, { align: align, size: "text-s", color: "text-white", font: "font-light", children: tab.nav?.description })] }), jsx(Icon, { name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', iconVersion: "white", width: "24", height: "24" })] }));
     };
@@ -3119,9 +3119,9 @@
         const cellsNode = cardCells.map(renderCardInfo);
         const visibleCells = cellsNode.slice(0, VISIBLE_CELLS_COUNT);
         const hiddenCells = cellsNode.slice(VISIBLE_CELLS_COUNT);
-        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 ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, cardCells.length ? (jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$1 : null })) : null] }));
+        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 ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, cardCells.length ? (jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$2 : null })) : null] }));
     });
-    const renderFoldButton$1 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: onToggle, children: [jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" })] }));
+    const renderFoldButton$2 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: onToggle, 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 dividerStyle$1 = 'border-main-divider border-b';
@@ -3181,7 +3181,7 @@
 
     const NotFound = JSX(({ title, description }) => (jsxs("div", { className: "bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center", children: [jsx(Img, { image: { icon: 'MagnifierIcon', iconVersion: 'normal' }, width: "120", height: "120" }), jsx(Headline, { title: title, description: description, headlineVersion: "S", isEmbedded: true, align: AlignStyles })] })));
 
-    const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
+    const ICONS$1 = ['ArrowDownIcon', 'ArrowUpIcon'];
     const resultsGridStyle = 'space-y-px lg:space-y-0 lg:grid lg:grid-cols-12 gap-2xs border-box';
     const BaseFiltrationInner = JSX(({ label = '', blocksToRender = [], topItemsCount = 0, block, notFound, ...rest }) => {
         const [visibleBlocks, hiddenBlocks] = topItemsCount > 0
@@ -3189,7 +3189,7 @@
             : [blocksToRender, []];
         return (jsxs("div", { children: [jsx("div", { className: style(blocksToRender.length ? 'hidden' : 'block'), children: notFound ? jsx(NotFound, { ...notFound }) : null }), jsxs("div", { className: style('space-y-2xs', blocksToRender.length ? '' : 'hidden'), children: [jsxs("div", { className: style(resultsGridStyle), children: [renderBlocksList(visibleBlocks, { ...rest.options, parent: block }), isOdd(visibleBlocks.length) ? jsx(AdTile, { className: "col-span-6" }) : null] }), jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => {
                                 return (jsxs(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: [renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }), isOdd(hiddenBlocks.length) ? jsx(AdTile, { className: "col-span-6" }) : null] }));
-                            }, renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(DefaultFoldButton, { className: style(topItemsCount < 1 ? 'hidden' : ''), disabled: !hiddenBlocks?.length, label: label, icon: ICONS[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] })] }));
+                            }, renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(DefaultFoldButton, { className: style(topItemsCount < 1 ? 'hidden' : ''), disabled: !hiddenBlocks?.length, label: label, icon: ICONS$1[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] })] }));
     });
 
     const isEmpty = (v) => v === null ||
@@ -3553,7 +3553,7 @@
     version, ...rest }) => (jsx(BlockWrapper, { className: style('w-full', rollupItemStyles, className), defaultPadding: "p-0", tag: "div", version: "transparent", ...rest, children: jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: style('gap-lg', foldableSectionStyles), isUnfolded: isUnfolded, children: renderChildren({
                     ...rest,
                     extraProps: { className: 'w-full', padding: 'p-0' },
-                }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({
+                }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton$1({
                 foldButtonVersion,
                 label,
                 labelIcon,
@@ -3564,7 +3564,7 @@
     RollupItem.childrenTypes = {
         exclude: ['RollupItem'],
     };
-    const renderFoldButton = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
+    const renderFoldButton$1 = ({ foldButtonVersion, label: defaultLabel, labelIcon, labelIconBgVersion, isUnfolded, onToggle, }) => {
         const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
         const icon = getIconName(isUnfolded);
         return foldButtonVersion === 'accordion' ? (jsx(AccordionFoldButton, { label: label, labelIcon: labelIcon, labelIconBgVersion: labelIconBgVersion, icon: icon, onToggle: onToggle })) : (jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
@@ -3716,11 +3716,12 @@
     };
 
     const LinkDocItem = JSX(({ icon, text, href, target, fileFormat, fileSize }) => {
-        const prefix = fileFormat || fileSize ? ',' : '';
+        const prefix = fileSize && fileFormat ? ',' : '';
         const size = fileSize ?? '';
         const format = fileFormat ? String(fileFormat) : '';
-        return (jsxs("a", { className: "flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main", role: "link", href: href, target: target, children: [icon, text ? (jsxs(Text, { size: "text-l", font: "font-light", children: [text, jsx(Text, { color: "text-secondary-text", children: href && `${size} ${prefix} ${format}` })] })) : null] }));
+        return (jsxs("a", { className: "flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main", role: "link", href: href, target: target, children: [icon, text ? (jsxs(Text, { size: "text-l", font: "font-light", children: [text, " ", addSpace(size, format), jsx(Text, { color: "text-secondary-text", children: href && `${size + prefix + format}` })] })) : null] }));
     });
+    const addSpace = (size, format) => (size || format ? jsx("span", { children: ",\u00A0" }) : '');
 
     const linkIconStyle = 'min-w-11 min-h-11 h-fit p-2.5 bg-main-divider rounded-md';
 
@@ -3742,9 +3743,16 @@
         const fileSize = docBlockDef?.docType === 'Attachment'
             ? formatBytes(docBlockDef?.attachment?.fileSize || 0)
             : docBlockDef?.fileSize;
-        const fileFormat = docBlockDef?.docType !== 'Attachment' ? docBlockDef?.fileFormat : '';
+        const fileFormat = docBlockDef?.docType === 'Attachment' ? getExtFromHref(href) : docBlockDef?.fileFormat;
         return (jsx("div", { role: "listitem", children: jsx(LinkDocItem, { text: docBlockDef?.text, target: docBlockDef?.target, href: href, fileFormat: fileFormat, fileSize: fileSize, icon: icon ? jsx(Img, { className: linkIconStyle, image: icon, width: "24", height: "24" }) : null }) }, String(i)));
     };
+    const getExtFromHref = (href) => {
+        if (!href) {
+            return '';
+        }
+        const index = href.lastIndexOf('.');
+        return index !== -1 ? href.substring(index + 1) : '';
+    };
 
     const MobileAppTile = JSX(({ className, padding, align = 'text-left', buttons = [], description, image, items, qr, additionalDescription = '', title = 'Мобильное приложение', version = 'primary', ...rest }) => {
         const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
@@ -4071,7 +4079,7 @@
         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(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 defaultRenderCard = () => null;
     const defaultFilterItems = () => [];
@@ -4084,7 +4092,7 @@
         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 renderDescriptionBlock$1 = ({ description, list }) => description || list?.length ? (jsxs("div", { className: "p-xl mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [description ? (jsx(Paragraph, { size: "text-l", font: "font-light", children: description })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm: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' },
@@ -4092,7 +4100,7 @@
         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 Badge = JSX(({ className, children, color = 'gray' }) => (jsx("div", { className: style('p-s sm:border sm: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);
@@ -4104,7 +4112,11 @@
     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 CardRow = JSX(({ className, children }) => (jsx("div", { className: style('sm:flex sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl', className), children: children })));
+
+    const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
+    const labels = ['Подробнее', 'Скрыть'];
+    const renderFoldButton = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full py-2xl cursor-pointer text-primary-main flex items-center border-b border-solid border-main-divider", onClick: onToggle, children: [jsx("div", { className: "pr-m", children: labels[Number(isUnfolded)] }), jsx(Icon, { className: "text-primary-text", name: ICONS[Number(isUnfolded)], width: "16", height: "16" })] }));
 
     const renderAtmCard = ({ location, address, billAcceptorType, terminalType, billAcceptorEnable, atmCode = '', atmAccess = '', workTime, }, index) => {
         const additionalInfo = [
@@ -4123,7 +4135,11 @@
             },
             { 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)));
+        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: capitalizedFirstLetter(location) }), 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(Badge, { color: "green", children: capitalizedFirstLetter(workTime) })] }), jsx("div", { className: "hidden sm:block", children: jsx(CardRow, { className: "flex-wrap", children: additionalInfo?.map(renderInfo) }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: jsx(CardRow, { className: "flex-wrap", children: additionalInfo?.map(renderInfo) }) }));
+                    }, 
+                    //** TODO: Remove styles with refactoring  DefaultFoldButton*/
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle }) })] }, String(index)));
     };
     const renderInfo = (item, index) => (jsx(CardCell, { ...item }, String(index)));
     const capitalizedFirstLetter = (text) => text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
@@ -4245,20 +4261,9 @@
     };
     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)));
+
+    const currentWeekDayIdx = new Date().getDay();
     //TODO: Add logic time https://github.com/redneckz/wildless-cms-uni-blocks/pull/1549
     const renderCurrentDaySchedule = (workScheduleWeek) => {
         const [currentWeekDay] = workScheduleWeek?.slice(currentWeekDayIdx - 1) ?? [];
@@ -4268,13 +4273,53 @@
         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) => {
+
+    const getSubTextLunch = ({ lunchHour, hasLunch = false, status = false }) => {
         if (!status) {
             return 'Не работает';
         }
         return lunchHour && hasLunch ? `Перерыв ${lunchHour}` : lunchHour;
     };
+    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 renderOfficeCard = ({ name, address, phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }, index) => {
+        if (!workSchedule) {
+            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({
+                        phone,
+                        fax,
+                        phoneBusiness,
+                        phoneNatural,
+                        phoneCallCentre,
+                        phoneCurrencyControl,
+                        workSchedule,
+                        exchangeRate,
+                    }) }), jsx(Foldable, { className: "block sm:hidden", renderFoldableSection: ({ isUnfolded }) => {
+                        return (jsx(FoldableSection, { isUnfolded: isUnfolded, children: renderCardContent({
+                                phone,
+                                fax,
+                                phoneBusiness,
+                                phoneNatural,
+                                phoneCallCentre,
+                                phoneCurrencyControl,
+                                workSchedule,
+                                exchangeRate,
+                            }) }));
+                    }, 
+                    //** TODO: remove styles with refactoring  DefaultFoldButton*/
+                    renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle }) })] }, String(index)));
+    };
+    const renderCardContent = ({ phone, fax, phoneBusiness, phoneNatural, phoneCallCentre, phoneCurrencyControl, workSchedule, exchangeRate, }) => {
+        const workScheduleWeek = getWorkScheduleWeek(workSchedule);
+        const labelSchedule = workSchedule?.businessScheduleVisibleTag
+            ? 'Для физических лиц'
+            : 'Для физических и юридических лиц';
+        return (jsxs("div", { children: [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] }));
+    };
 
     const EMPTY_VALUE$1 = [];
     function useOffices(regionCode) {
@@ -5390,7 +5435,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.77";
+    const packageVersion = "0.14.79";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;