@redneckz/wildless-cms-uni-blocks 0.4.3 → 0.4.4

package/mobile/bundle/bundle.umd.js

@@ -264,6 +264,7 @@
         IconMap["ComfortableCompIcon"] = "ComfortableCompIcon";
         IconMap["CreditCardsIcon"] = "CreditCardsIcon";
         IconMap["DiscountShapeIcon"] = "DiscountShapeIcon";
+        IconMap["DocDownload"] = "DocDownload";
         IconMap["DocIcon"] = "DocIcon";
         IconMap["DocIconMonoColor"] = "DocIconMonoColor";
         IconMap["DocsIcon"] = "DocsIcon";
@@ -349,6 +350,7 @@
         IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
         IconTitleMap["CreditCardsIcon"] = "\u041A\u0440\u0435\u0434\u0438\u0442\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B";
         IconTitleMap["DiscountShapeIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
+        IconTitleMap["DocDownload"] = "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
         IconTitleMap["DocIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
         IconTitleMap["DocIconMonoColor"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 (\u043E\u0434\u043D\u043E\u0446\u0432\u0435\u0442\u043D\u044B\u0439)";
         IconTitleMap["DocsIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
@@ -528,7 +530,7 @@
     });
     const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
         if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
-            return;
+            return undefined;
         }
         const leftIndexMod = 1 - indexFraction;
         const rightIndexMod = indexFraction;
@@ -826,15 +828,19 @@
         tile: 'text-primary-text',
         'tile-white': 'text-white',
     };
+    const TEXT_SIZE_MAP = {
+        M: 'text-xl-light',
+        L: 'text-h5-light',
+    };
     const List = JSX((props) => {
-        const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
-        return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${className}`, role: "list", children: items?.length
+        const { className = '', itemClassName, isDotted, items, listItemSize = 'M', version = 'primary', } = props;
+        return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className}`, role: "list", children: items?.length
                 ? items.map((_, i) => (jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
                 : null }));
     });
 
     const BaseTile = JSX(({ className = '', title = '', children, buttons, image }) => {
-        return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: "flex grow w-full justify-between", children: [jsxs("div", { className: "flex flex-col w-full", children: [jsx("div", { children: children }), buttons ? jsx("div", { className: "mt-9", children: buttons }) : null] }), image] })] }));
+        return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: "flex grow w-full justify-between", children: [jsxs("div", { className: "flex flex-col justify-between w-full", children: [jsx("div", { children: children }), buttons ? jsx("div", { className: "mt-auto", children: buttons }) : null] }), image] })] }));
     });
 
     const titleStyleMap = {
@@ -848,7 +854,7 @@
     const BenefitItem = JSX((props) => {
         const { className = '', icon, label, description, version = 'primary', benefitsVersion = 'normal', } = props;
         const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
-        return (jsxs("div", { className: `flex items-center gap-5 ${className}`, children: [icon ? (jsx(Img, { className: renderBenefitIconBgStyle(version, benefitsVersion), image: { ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }, asSVG: true })) : null, jsxs("div", { className: "gap-0.5", children: [label ? jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
+        return (jsxs("div", { className: `flex items-start gap-5 ${className}`, children: [icon ? (jsx(Img, { className: renderBenefitIconBgStyle(version, benefitsVersion), image: { ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }, asSVG: true })) : null, jsxs("div", { className: "gap-0.5", children: [label ? jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
     });
     function renderBenefitIconBgStyle(version, benefitsVersion) {
         let bgColorStyle = 'bg-primary-main text-black';
@@ -858,7 +864,7 @@
         else if (benefitsVersion === 'normal') {
             bgColorStyle = 'bg-secondary-light text-primary-main';
         }
-        return `w-[50px] h-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
+        return `w-[50px] h-[50px] min-w-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
     }
 
     const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => {
@@ -877,13 +883,14 @@
     };
     const renderLabel = (label, version) => (jsx("div", { className: `px-2.5 py-1.5 mb-5 rounded-md border-2 border-solid w-fit ${labelStyleMap[version]}`, children: label }));
 
-    const productBlockStyleMap = {
+    const VersionStyleMap = {
         primary: 'bg-white text-primary-text',
         secondary: 'bg-primary-main text-white',
     };
+
     const ProductBlock = JSX((props /* Get rid of image and benefits */) => {
         const { className = '', version = 'primary' } = props;
-        return (jsx("section", { className: `font-sans bg-white px-4 py-6 ${productBlockStyleMap[version]} ${className}`, children: jsx(ProductBlockInner, { ...props }) }));
+        return (jsx("section", { className: `font-sans bg-white px-4 py-6 ${VersionStyleMap[version]} ${className}`, children: jsx(ProductBlockInner, { ...props }) }));
     });
 
     const textBlockStyleMaps = {
@@ -918,10 +925,6 @@
         return image?.src ? jsx(Img, { className: "pb-3 mr-auto", image: image }) : null;
     }
 
-    const blockStyle = {
-        primary: 'bg-white',
-        secondary: 'bg-primary-main text-white',
-    };
     const Gallery = JSX(({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
         const headingClassName = description ? 'mb-2' : 'mb-5';
         return (jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (jsx(Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? (jsx("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards, context)] }));
@@ -931,7 +934,7 @@
     }
     function renderCard(card, key) {
         return (jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
-      ${blockStyle[card.version ?? 'primary']}`, children: [jsxs("div", { children: [card.image?.src ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton$1(card.button) : null] }, key));
+      ${VersionStyleMap[card.version ?? 'primary']}`, children: [jsxs("div", { children: [card.image?.src ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton$1(card.button) : null] }, key));
     }
     function renderButton$1(button) {
         return (jsx(Button, { className: "mt-3", appendLeft: button?.icon && jsx(Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
@@ -1059,7 +1062,7 @@
         const { hasContent, icon, handleToggle } = useActiveHandler({ blocks });
         return (jsxs("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: [jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
           ${bordered ? '' : 'py-[14px] px-0'}
-          ${hasContent ? 'group cursor-pointer' : ''}`, onClick: handleToggle, children: [jsxs("span", { className: `text-m-title-xs font-medium pr-2.5 flex ${hasContent ? 'group-hover:text-primary-main' : ''}`, children: [labelIcon ? (jsx(Img, { image: labelIcon, width: "24", height: "24", asSVG: true, className: "mr-3" })) : null, label] }), hasContent ? jsx(Img, { className: "w-6", image: icon, width: "24", height: "24", asSVG: true }) : null] }), hasContent ? jsx(AccordionItemInner, { blocks: blocks, context: context }) : null] }));
+          ${hasContent ? 'group cursor-pointer' : ''}`, onClick: handleToggle, children: [jsxs("span", { className: `text-m-title-xs font-medium pr-2.5 flex ${hasContent ? 'group-hover:text-primary-main' : ''}`, children: [labelIcon ? (jsx(Img, { image: labelIcon, className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, label] }), hasContent ? (jsx(Img, { className: "flex-shrink-0", image: icon, width: "24", height: "24", asSVG: true })) : null] }), hasContent ? jsx(AccordionItemInner, { blocks: blocks, context: context }) : null] }));
     });
     function borderedLiClass(bordered) {
         return bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0';
@@ -1198,26 +1201,41 @@
     let impl = useAsyncData$1;
     const useAsyncData = (key, fetcher) => impl(key, fetcher);
 
-    function useExchangeRates() {
-        const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
-        const result = data?.hits?.hits?.map((_) => _._source) || [];
-        return result.length ? getCurrencyListByRate(result) : result;
-    }
-    async function fetchExchangeRates() {
+    async function fetchJSON(url, options) {
         try {
-            const response = await fetch(EXCHANGE_RATES_URL, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(EXCHANGE_RATES_BODY),
-            });
-            return await response.json();
+            return await fetchJSONUnsafe(url, options);
         }
         catch (err) {
             console.error(err);
-            return Promise.resolve();
         }
+        return null;
+    }
+    async function fetchJSONUnsafe(url, options) {
+        const response = await fetch(url, {
+            ...options,
+            headers: {
+                ...options?.headers,
+                'Content-Type': 'application/json',
+            },
+        });
+        return await response.json();
+    }
+
+    const roundTo = (value, precision = 2) => {
+        const factor = 10 ** precision;
+        return Math.round(parseFloat(String(value)) * factor) / factor;
+    };
+
+    function useExchangeRates() {
+        const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
+        const result = data?.hits?.hits?.map((_) => _._source) || [];
+        return result.length ? getCurrencyListByRate(result) : result;
+    }
+    function fetchExchangeRates() {
+        return fetchJSON(EXCHANGE_RATES_URL, {
+            method: 'POST',
+            body: JSON.stringify(EXCHANGE_RATES_BODY),
+        });
     }
     const EXCHANGE_RATES_URL = 'https://coins.rshb.ru/api/catalog/vue_storefront_magento_1_currency_rates_average/currency_rates_average/_search?size=10000';
     const EXCHANGE_RATES_BODY = {
@@ -1252,13 +1270,12 @@
         if (!result.some((i) => i.code === currencyCode)) {
             result.push({
                 code: currencyCode,
-                buy: roundRate(Number(_.rate_buy)),
-                sell: roundRate(Number(_.rate_sell)),
+                buy: roundTo(Number(_.rate_buy), 3),
+                sell: roundTo(Number(_.rate_sell), 3),
             });
         }
         return result;
     }, []);
-    const roundRate = (value) => Math.round(value * 1000) / 1000;
 
     var Currency;
     (function (Currency) {
@@ -1288,11 +1305,6 @@
 
     const CurrentLocation = JSX(({ className = '', address, distance }) => (jsxs("div", { className: `flex ${className}`, children: [jsx(Img, { image: { icon: 'GpsIcon' }, width: "24", height: "24", asSVG: true }), jsxs("div", { className: "ml-3", children: [address ? jsx("p", { className: "text-primary-main  m-0 mb-1 text-l", children: address }) : null, distance ? (jsxs("p", { className: "text-secondary-text m-0 text-m", children: ["\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043E \u043E\u0444\u0438\u0441\u0430 - ", distance] })) : null] })] })));
 
-    const roundTo = (value, precision = 2) => {
-        const factor = Math.pow(10, precision);
-        return Math.round(parseFloat(String(value)) * factor) / factor;
-    };
-
     const calculateResult = (value, rate, precision) => {
         const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
         return Number.isInteger(result) ? result : roundTo(result);
@@ -1523,16 +1535,9 @@
     });
 
     function useSitemap() {
-        const { data } = useAsyncData(sitemapURL(), fetchSitemap);
+        const { data } = useAsyncData(`/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`, fetchJSONUnsafe);
         return data || {};
     }
-    async function fetchSitemap() {
-        const response = await fetch(sitemapURL());
-        return await response.json();
-    }
-    function sitemapURL() {
-        return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
-    }
 
     const useSearch = () => {
         const [term, setTerm] = useState('');
@@ -1728,13 +1733,9 @@
     const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-2 bg-secondary-light" }, String(index)));
     const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
 
-    const productGalleryStyleMap = {
-        primary: 'bg-white text-primary-text',
-        secondary: 'bg-primary-main text-white',
-    };
     const ProductGalleryBlock = JSX(({ block, context, className = '' }) => {
         const version = block?.version ?? 'primary';
-        return (jsx("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${productGalleryStyleMap[version]} ${className}`, role: "listitem", children: jsx("div", { className: "flex grow", children: jsx(ProductBlockInner, { context: context, ...block }) }) }));
+        return (jsx("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${VersionStyleMap[version]} ${className}`, role: "listitem", children: jsx("div", { className: "flex grow", children: jsx(ProductBlockInner, { context: context, ...block }) }) }));
     });
 
     const ProductGallery = JSX(({ className, context, slides = [] }) => {
@@ -1780,7 +1781,7 @@
         const isLastStep = steps.length - 1 === i;
         const margin = size === 'normal' ? 'ml-[34px]' : 'ml-6';
         const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
-        return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { className: "overflow-hidden", children: [renderIconArea(size, version)(step, i), isLastStep ? null : (jsx("div", { className: `min-h-8 h-full w-[2px] ${showLines ? styleMap.iconConnector : ''} ${margin}` }))] }), jsxs("div", { className: `flex flex-col justify-center h-fit ${STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]}`, children: [step.label ? (jsx("div", { className: "text-m-title-xs font-medium m-0 text-left mb-1", children: step.label })) : null, step.description ? (jsx("div", { className: `text-s ${styleMap.description} text-left`, children: step.description })) : null] })] }) }, String(i)));
+        return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { className: "overflow-hidden flex-shrink-0", children: [renderIconArea(size, version)(step, i), isLastStep ? null : (jsx("div", { className: `min-h-8 h-full w-[2px] ${showLines ? styleMap.iconConnector : ''} ${margin}` }))] }), jsxs("div", { className: `flex flex-col justify-center h-fit ${STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]}`, children: [step.label ? (jsx("div", { className: "text-m-title-xs font-medium m-0 text-left mb-1", children: step.label })) : null, step.description ? (jsx("div", { className: `text-s ${styleMap.description} text-left`, children: step.description })) : null] })] }) }, String(i)));
     };
     const renderIconArea = (size, version) => (step, i) => {
         const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
@@ -1790,31 +1791,54 @@
         return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (jsx(Img, { image: step.icon, width: iconSize, height: iconSize, asSVG: true })) : (jsx("span", { children: i + 1 })) }) }));
     };
 
+    const getButtonAriaLabel = (icon) => icon?.alt || icon?.title || IconTitleMap[icon?.icon ? icon.icon : ''];
+
+    const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`, ariaLabel: getButtonAriaLabel(icon), rounded: rounded, appendLeft: icon?.src || icon?.icon ? jsx(Img, { image: icon, width: "24px", height: "24px", asSVG: true }) : null, ...buttonProps, "aria-label": icon }, String(idx)))) })) : null;
+    const renderLabelDescriptionCellData = ({ label, description }) => {
+        const labelClassName = `text-xl font-medium m-0 ${description ? 'mb-1' : ''}`;
+        return (jsxs("div", { children: [label ? jsx("div", { className: labelClassName, children: label }) : null, description ? jsx("div", { className: "text-s text-secondary-text", children: description }) : null] }));
+    };
+    const renderImgCellData = ({ image }) => image?.src ? jsx(Img, { image: { ...image, className: 'm-0' } }) : null;
+    const renderListCellData = ({ isDotted, ...rest }) => (jsx(List, { className: "flex flex-col justify-between items-start text-m", version: "gray", isDotted: isDotted ?? true, ...rest }));
+    const EmbeddableCellData = {
+        Buttons: renderButtonsCellData,
+        Img: renderImgCellData,
+        List: renderListCellData,
+        LabelDescription: renderLabelDescriptionCellData,
+    };
+
     const TableTileHeader = JSX(({ title, icon }) => {
         return (jsxs("div", { className: "flex gap-2.5 mb-2", children: [title ? jsx(Heading, { headingType: "h3", className: "font-medium", title: title }) : null, icon ? (jsx(Img, { className: "ml-auto max-w-6 max-h-6", image: icon, width: "24px", height: "24px" })) : null] }));
     });
 
-    const getButtonAriaLabel = (icon) => icon?.alt || icon?.title || IconTitleMap[icon?.icon ? icon.icon : ''];
-
-    const TariffsTableTileCell = JSX(({ header, data }) => {
-        return (jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [jsx(TableTileHeader, { ...header }), data?.length ? data.map(renderCellInner) : null] }));
+    const TariffsTableTileCell = JSX(({ context, header, data }) => {
+        return (jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [jsx(TableTileHeader, { ...header }), data?.length ? data.map(renderCellInner(context)) : null] }));
     });
-    const renderCellInner = ({ label, description, list, image, buttons }, i) => (jsxs("div", { children: [i > 0 && (jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-2" })), label ? jsx("div", { className: "text-s m-0", children: label }) : null, description ? jsx("div", { className: "text-s text-secondary-text mt-[3px]", children: description }) : null, list?.items?.length ? renderList(list) : null, image ? jsx(Img, { image: { ...image, className: 'm-0' } }) : null, buttons?.length ? renderButtons(buttons) : null] }, String(i)));
-    const renderList = (list) => (jsx(List, { className: "flex flex-col justify-between items-start text-s", version: "gray", items: list.items, isDotted: list.isDotted ?? true }));
-    const renderButtons = (buttons) => (jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`, ariaLabel: getButtonAriaLabel(icon), rounded: rounded, appendLeft: icon ? jsx(Img, { image: icon, width: "24px", height: "24px", asSVG: true }) : null, ...buttonProps, "aria-label": icon }, String(idx)))) }));
+    const renderCellInner = (context) => (cell, i) => (jsxs("div", { children: [i > 0 ? jsx("div", { className: "h-5" }) : null, renderCell(cell, context)] }, String(i)));
+    const renderCell = (cell, context) => {
+        if (!cell) {
+            return null;
+        }
+        const { tableCellType: type, ...rest } = cell;
+        if (!type || !(type in EmbeddableCellData)) {
+            return null;
+        }
+        const EmbeddableCellInner = EmbeddableCellData[type];
+        return jsx(EmbeddableCellInner, { context: context, ...rest });
+    };
 
     const TariffsTableHorizontal = JSX(({ tiles, context }) => (jsx(SwipeListControl, { context: context, children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
 
     const TariffsTableVertical = JSX(({ tiles }) => (jsx("div", { className: "flex flex-col gap-3.5", children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
 
-    const TariffsTable = JSX(({ className, context, title, description, columns, rowHeaders, orientation = 'vertical' }) => {
+    const TariffsTable = JSX(({ className, context, title, description, tariffsColumns: columns, rowHeaders, orientation = 'vertical', }) => {
         const colData = getColData(columns);
         const tiles = getTiles(rowHeaders, colData);
         const headingMargin = description ? 'mb-2' : 'mb-5';
         return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${headingMargin}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
     });
     function renderOrientationTable(orientation, tiles, context) {
-        return orientation === 'vertical' ? (jsx(TariffsTableVertical, { tiles: tiles })) : (jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
+        return orientation === 'vertical' ? (jsx(TariffsTableVertical, { context: context, tiles: tiles })) : (jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
     }
     const getColData = (columns) => columns?.[0].data ? columns[0].data : [];
     const getTiles = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({