@redneckz/wildless-cms-uni-blocks 0.14.840 → 0.14.841

package/bundle/bundle.umd.js

@@ -751,10 +751,10 @@
     const and = (a, b) => (...args) => a(...args) && b(...args);
 
     const table = (...table) => (...input) => {
-        const [, unit] = assertNonEmpty$1(table.find(([predicate]) => predicate(...input)));
+        const [, unit] = assertNonEmpty(table.find(([predicate]) => predicate(...input)));
         return unit(...input);
     };
-    function assertNonEmpty$1(value) {
+    function assertNonEmpty(value) {
         if (!value) {
             throw new Error('Value should be fulfilled');
         }
@@ -6323,7 +6323,7 @@
     const inactiveDotStyle = 'w-2 h-2 opacity-30';
     const renderDotButton = ({ activeIndex, onClick, listType = 'horizontal-list' }) => (_, idx) => (jsx("div", { className: style(dotStyle, idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle), role: "button", "aria-hidden": true, onClick: () => onClick(idx) }, String(idx)));
 
-    const renderNavButton$2 = ({ activeIndex, onClick }) => (nav, i) => {
+    const renderNavButton = ({ activeIndex, onClick }) => (nav, i) => {
         const isActive = i === activeIndex;
         const btnClassName = isActive
             ? 'min-w-[350px] bg-white shadow-dark-blue border-none p-6'
@@ -6428,7 +6428,7 @@
             }
         }, [containerRef?.current]);
         if (navButtons?.length && !isMobileMode) {
-            return (jsx(SwipeListContainer, { containerRef: navRef, snapAlign: "snap-start", itemClassName: "h-36 flex items-stretch w-screen", gap: 8, children: navButtons.map(renderNavButton$2({ activeIndex, onClick: onChangeActiveIndex })) }));
+            return (jsx(SwipeListContainer, { containerRef: navRef, snapAlign: "snap-start", itemClassName: "h-36 flex items-stretch w-screen", gap: 8, children: navButtons.map(renderNavButton({ activeIndex, onClick: onChangeActiveIndex })) }));
         }
         else if (dotCount) {
             return (jsx("div", { className: style('flex gap-xs', containerStyles[listType], version ? 'group' : '', className, { 'pb-xl': navButtons?.length && isMobileMode }), "data-ver": version, children: Array.from({ length: dotCount })
@@ -7463,19 +7463,6 @@
     const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => (jsx(BlockWrapper, { className: style('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, title: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align, className: "min-h-24" }), rightImage: image?.src ? (jsx(Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: renderButtonsSection([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? (jsxs("div", { className: "flex text-secondary-text mb-m", children: [jsx("div", { className: "mr-xs", children: jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null] }) })));
     const renderColorOption = (color, i) => (jsx("figure", { className: `w-6 h-6 ml-s border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
 
-    const CarouselLinkButton = JSX(({ icon, ...linkProps }) => {
-        const link = useLink();
-        const { text, href, target, onClick } = link(linkProps);
-        const textStyle = 'font-light md:font-normal text-primary-text text-center text-xs md:text-sm whitespace-wrap';
-        return text ? (jsx("div", { className: style('p-3 rounded-lg bg-white text-secondary-text flex justify-center'), children: jsx("a", { role: "link", href: href, target: target, onClick: onClick, children: jsxs("div", { className: "flex flex-col items-center gap-3 break-words max-w-[150px]", children: [icon ? (jsx(Img, { className: "w-7 h-7 md:w-12 md:h-12", image: {
-                                ...icon,
-                                iconVersion: icon?.iconVersion,
-                            }, alt: text })) : null, jsx("div", { className: textStyle, children: text })] }) }) })) : null;
-    });
-
-    const CarouselLinks = JSX(({ className, additionalDescription, description, links, title, ...rest }) => (jsx(BlockWrapper, { defaultPadding: "p-5xl", className: style('overflow-hidden', className), ...rest, children: jsxs("div", { className: "flex flex-col lg:flex-row gap-5 justify-between", children: [jsxs("div", { className: "flex-1", children: [jsx(Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left", headlineVersion: "XL" }), jsx(Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links) : null] }) })));
-    const renderLinks = (links) => (jsx("div", { className: style('lg:grid-cols-9 lg:[&>*]:col-span-2 lg:[&>*:nth-child(14n+2)]:col-span-3 lg:[&>*:nth-child(7n+5)]:col-span-3', 'lg:[&>*:nth-child(7n+6)]:col-span-3 lg:[&>*:nth-child(7n+7)]:col-span-3 lg:[&>*:nth-child(14n+10)]:col-span-3 lg:w-3/6', 'grid-cols-3 max-lg:[&>*:not(:nth-child(-n+3)):nth-child(4n+3)]:col-span-2 max-lg:[&>*:not(:nth-child(-n+3)):nth-child(4n+4)]:col-span-2', 'grid gap-3 lg:gap-5'), children: links.map((link, i) => (jsx(CarouselLinkButton, { ...link }, String(i)))) }));
-
     const LinkWrapper = JSX(({ className = '', href, target, onClick, data, children }) => {
         const link = useLink();
         const linkProps = link({ href, target, onClick });
@@ -9532,214 +9519,6 @@
     };
     const ErrorBlock = JSX(({ className = '', title, description, error, button, ...rest }) => (jsxs(BlockWrapper, { className: style('flex flex-col justify-center items-center', className), defaultPadding: style('p-6xl'), version: "transparent", ...rest, children: [jsx("div", { className: "flex justify-center", children: renderErrorContent(error) }), jsx(Headline, { title: title, description: description, headlineVersion: "XL", isEmbedded: true, className: "mb-2xl last:mb-0" }), button?.text ? (jsx(LinkButton, { version: button?.version, text: button?.text, ...button })) : null] })));
 
-    const REGION_URL = `${API_BASE_URI$1}/region`;
-    function useLocation(defaultLocation = 'Москва') {
-        const locationStore = useLocalStore();
-        return locationStore.location ?? { name: defaultLocation };
-    }
-    function useDefaultLocation(defaultLocation = 'Москва') {
-        const locationStore = useLocalStore();
-        const preselectLocation = useCallback(async () => {
-            if (!locationStore.location) {
-                const region = await fetchJSON(REGION_URL);
-                locationStore.location = region ?? { name: defaultLocation };
-            }
-        }, [locationStore, defaultLocation]);
-        useAsyncData(REGION_URL, preselectLocation);
-        return locationStore;
-    }
-
-    var Currency;
-    (function (Currency) {
-        Currency["RUB"] = "RUB";
-        Currency["EUR"] = "EUR";
-        Currency["USD"] = "USD";
-        Currency["CNY"] = "CNY";
-    })(Currency || (Currency = {}));
-
-    const currencyNumberFormat = new Intl.NumberFormat('ru', {
-        style: 'currency',
-        currency: Currency.RUB,
-    });
-    const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
-
-    const TABLE_STYLE_BASE = 'text-m font-light text-secondary-text ';
-    const TABLE_HEAD_STYLE = `${TABLE_STYLE_BASE} text-left`;
-    const TABLE_HEAD_STYLE_CENTER = `${TABLE_STYLE_BASE} pl-5xl text-center`;
-    const TABLE_HEAD_STYLE_RIGHT = `${TABLE_STYLE_BASE} pl-5xl text-right`;
-    const CURRENCY_ICONS_MAP = {
-        USD: 'DollarIcon',
-        EUR: 'EuroIcon',
-        CNY: 'ChineseYuanRenminbiIcon',
-    };
-    const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => (jsxs("table", { className: style('h-fit w-full', className), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: jsx(Text, { size: "text-m", children: "\u0412\u0430\u043B\u044E\u0442\u0430" }) }), jsx("th", { className: TABLE_HEAD_STYLE_CENTER, children: jsx(Text, { size: "text-m", children: "\u041A\u0443\u043F\u0438\u0442\u044C" }) }), jsx("th", { className: TABLE_HEAD_STYLE_RIGHT, children: jsx(Text, { size: "text-m", children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" }) })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map(renderCurrencyRow) })] })));
-    const renderCurrencyRow = (exchangeCurrencyItem) => {
-        const currency = exchangeCurrencyItem?.currency?.currency;
-        return (jsxs("tr", { className: "pb-2xs text-h6", children: [jsx("td", { className: "pt-m m-auto flex text-left", children: jsxs("div", { className: "flex items-center gap-xs", children: [currency ? (jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[currency] }, width: "24", height: "24" })) : null, jsx(Text, { size: "text-h6", children: currency })] }) }), jsx("td", { className: "pt-m pl-5xl text-center", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.saleExchangeRate) }) }), jsx("td", { className: "pt-m pl-5xl text-right", children: jsx(Text, { size: "text-h6", children: formatCurrency(exchangeCurrencyItem?.buyExchangeRate) }) })] }, currency));
-    };
-
-    const icon = { icon: 'GpsIcon' };
-    const CurrentLocation = JSX(({ className = '', address }) => (jsxs("div", { className: style('flex gap-s w-full justify-between @sm:justify-center', className), children: [jsx(RoundedIcon, { ...icon, iconBgVersion: "primary", className: "shrink-0" }), jsxs("div", { className: "space-y-2xs whitespace-pre-wrap", children: [address ? (jsx(Paragraph, { size: "text-l", color: "text-primary-main", children: address })) : null, jsx(Paragraph, { size: "text-m", color: "text-secondary-text", children: "\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u043E\u0444\u0438\u0441\u0430" })] })] })));
-
-    const roundTo = (value, precision = 2) => {
-        const factor = 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);
-    };
-    const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
-
-    function assertNonEmpty(value) {
-        if (!value) {
-            throw new Error('Value should be fulfilled');
-        }
-        return value;
-    }
-
-    const baseTableFunc = (table) => (input) => {
-        const [, unit] = assertNonEmpty(table.find(([predicate]) => predicate(input)));
-        return unit(input);
-    };
-    const tableFunc = (table) => baseTableFunc(table.map(([p, o]) => [p, () => o]));
-    tableFunc.if = (predicate) => new TableFuncBuilder(undefined, predicate);
-    class TableFuncBuilder {
-        parent;
-        predicate;
-        unit;
-        get entry() {
-            return [assertNonEmpty(this.predicate), assertNonEmpty(this.unit)];
-        }
-        constructor(parent, predicate, unit) {
-            this.parent = parent;
-            this.predicate = predicate;
-            this.unit = unit;
-        }
-        if(predicate) {
-            return new TableFuncBuilder(this, predicate);
-        }
-        then(unit) {
-            return new TableFuncBuilder(this.parent, this.predicate, unit);
-        }
-        else(unit) {
-            return baseTableFunc([...buildTable(this), [() => true, unit]]);
-        }
-    }
-    const buildTable = (builder) => [
-        ...(builder?.parent ? buildTable(builder.parent) : []),
-        builder.entry,
-    ];
-
-    const callbackCurrencySelect = (props) => tableFunc([
-        [
-            (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
-            () => props.handleConvert(props.value, Currency.RUB),
-        ],
-        [
-            (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-            () => props.handleConvert(props.value, Currency.USD),
-        ],
-        [
-            (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-            () => props.handleConvert(props.value, Currency.CNY),
-        ],
-        [() => true, () => props.handleConvert(props.value)],
-    ])(props)?.();
-
-    function renderInput(props) {
-        const { placeholder, rates, selected, value, onChange, setSelected } = props;
-        const ratesOptions = rates.map((_) => ({
-            key: _?.currency?.currency ?? '',
-            text: _?.currency?.currency ?? '',
-        }));
-        const selectedValue = { key: selected, text: selected };
-        return (jsxs("div", { className: "relative flex", children: [jsx(Input, { className: "shrink-0 text-l w-full appearance-none -mr-20", placeholder: placeholder, type: "text", value: value, onChange: onChange }), ratesOptions.length ? (jsx(Select, { className: "absolute right-0", isBorder: false, onChange: (_) => setSelected(_.key), options: ratesOptions, value: selectedValue })) : null] }));
-    }
-
-    const ExchangeCurrencyCalculator = JSX(({ className = '', currencyRatesBuy, currencyRatesSell, button }) => {
-        const [calcState, setCalcState] = useState({
-            inputSell: '',
-            inputBuy: '',
-            selectSell: currencyRatesBuy?.[0]?.currency?.currency || Currency.RUB,
-            selectBuy: currencyRatesSell?.[0]?.currency?.currency || Currency.USD,
-        });
-        const handleSetCalcState = useCallback((newState) => setCalcState((oldState) => ({ ...oldState, ...newState })), []);
-        return (jsxs("div", { className: `flex flex-col gap-m pt-2xl ${className}`, children: [currencyRatesBuy && currencyRatesSell ? (jsxs("div", { className: "grid gap-m", children: [renderInput({
-                            placeholder: 'Хочу продать',
-                            rates: currencyRatesSell,
-                            selected: calcState.selectSell,
-                            setSelected: handleSelectSell(calcState, handleSetCalcState, currencyRatesSell),
-                            value: calcState.inputSell,
-                            onChange: (value) => handleInputSell(handleSetCalcState, currencyRatesSell)(value, calcState.selectSell, calcState.selectBuy),
-                        }), renderInput({
-                            placeholder: 'Получу',
-                            rates: currencyRatesBuy,
-                            selected: calcState.selectBuy,
-                            setSelected: handleSelectBuy(calcState, handleSetCalcState, currencyRatesBuy),
-                            value: calcState.inputBuy,
-                            onChange: (value) => handleInputBuy(handleSetCalcState, currencyRatesBuy)(value, calcState.selectBuy, calcState.selectSell),
-                        })] })) : null, button?.text ? (jsx(LinkButton, { text: button.text, version: button?.version, ...button })) : null] }));
-    });
-    const handleSelectSell = (calcState, setCalcState, currencyRatesSell) => (value) => {
-        setCalcState({ selectSell: value });
-        callbackCurrencySelect({
-            value,
-            oppositeValue: calcState.selectBuy,
-            handleConvert: (currencyFrom = calcState.selectSell, currencyTo = calcState.selectBuy) => {
-                handleInputSell(setCalcState, currencyRatesSell)(calcState.inputSell, currencyFrom, currencyTo);
-            },
-        });
-    };
-    const handleSelectBuy = (calcState, setCalcState, currencyRatesBuy) => (value) => {
-        setCalcState({ selectBuy: value });
-        callbackCurrencySelect({
-            value,
-            oppositeValue: calcState.selectSell,
-            handleConvert: (currencyTo = calcState.selectBuy, currencyFrom = calcState.selectSell) => handleInputBuy(setCalcState, currencyRatesBuy)(calcState.inputBuy, currencyTo, currencyFrom),
-        });
-    };
-    const handleInputSell = (setCalcState, currencyRatesSell) => (value, currencyFrom, currencyTo) => {
-        setCalcState({ inputSell: formatValue(value), selectBuy: currencyTo });
-        const rate = currencyRatesSell.find((_) => _.currency?.currency === currencyTo)?.buyExchangeRate ||
-            currencyRatesSell.find((_) => _.currency?.currency === currencyFrom)?.buyExchangeRate;
-        if (rate) {
-            setCalcState({
-                inputBuy: String(calculateResult(value, rate, currencyFrom === Currency.RUB) || ''),
-            });
-        }
-    };
-    const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, currencyTo, currencyFrom) => {
-        setCalcState({ inputBuy: formatValue(value), selectSell: currencyFrom });
-        const rate = currencyRatesBuy.find((_) => _.currency?.currency === currencyFrom)?.saleExchangeRate ||
-            currencyRatesBuy.find((_) => _.currency?.currency === currencyTo)?.saleExchangeRate;
-        if (rate) {
-            setCalcState({
-                inputSell: String(calculateResult(value, rate, currencyTo === Currency.RUB) || ''),
-            });
-        }
-    };
-
-    const EXCHANGE_RATES_URL = `${API_BASE_URI$1}/exchangerates`;
-    function useFetchExchangeRateData(currentRegion) {
-        const regionCode = currentRegion?.code || '000';
-        const { data } = useAsyncData(EXCHANGE_RATES_URL + `?regionCode=${regionCode}`, fetchJSONUnsafe);
-        return data || {};
-    }
-
-    const ExchangeRateTile = JSX(({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
-        const currentLocation = useLocation();
-        const exchangeRates = useFetchExchangeRateData(currentLocation);
-        const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);
-        const currencyRatesBuy = currencyRates.filter((_) => _.buyExchangeRate);
-        currencyRatesBuy.unshift({ currency: { currency: Currency.RUB } });
-        const currencyRatesSell = currencyRates.filter((_) => _.saleExchangeRate);
-        currencyRatesSell.push({ currency: { currency: Currency.RUB } });
-        return (jsx(BlockWrapper, { className: style('box-border min-h-80', className), ...rest, children: jsx(BaseTile, { className: "h-full", title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap" }), children: jsxs("div", { className: "flex w-full gap-6xl flex-wrap @lg:flex-nowrap", children: [jsxs("div", { className: "w-full @2xl:w-auto @5xl:w-1/2", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-xl", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { address: exchangeRates?.address })] }), jsx(ExchangeCurrencyCalculator, { className: "grow w-1/2", currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })] }) }) }));
-    });
-    const getCurrencyRates = (currencies) => currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id)) || [];
-
     const LinkList = JSX(({ className = '', items }) => {
         const link = useLink();
         return (jsx("ul", { className: style('flex flex-col gap-s w-full', className), children: items?.map(renderLinkListItem(link)) }));
@@ -10303,6 +10082,23 @@
     const handleIntersectionActivation$1 = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation$1 = (index) => (prev) => Math.min(prev, index);
 
+    const REGION_URL = `${API_BASE_URI$1}/region`;
+    function useLocation(defaultLocation = 'Москва') {
+        const locationStore = useLocalStore();
+        return locationStore.location ?? { name: defaultLocation };
+    }
+    function useDefaultLocation(defaultLocation = 'Москва') {
+        const locationStore = useLocalStore();
+        const preselectLocation = useCallback(async () => {
+            if (!locationStore.location) {
+                const region = await fetchJSON(REGION_URL);
+                locationStore.location = region ?? { name: defaultLocation };
+            }
+        }, [locationStore, defaultLocation]);
+        useAsyncData(REGION_URL, preselectLocation);
+        return locationStore;
+    }
+
     const groupBy = (list, keyGetter) => {
         const result = new Map();
         for (const item of list) {
@@ -10448,102 +10244,6 @@
         return (jsx(BlockWrapper, { className: style(alignStyle, className), defaultPadding: "p-0", ...rest, children: jsx(Img, { image: image }) }));
     });
 
-    const useCarouselControls = (props, initialIndex = 0) => {
-        const { itemCount, visibleItemCount } = props;
-        const [activeIndex, setActiveIndex] = useState(initialIndex);
-        const inc = useCallback(() => setActiveIndex((_) => Math.min(_ + 1, itemCount - 1)), [itemCount]);
-        const dec = useCallback(() => setActiveIndex((_) => Math.max(_ - 1, 0)), [itemCount]);
-        const canInc = visibleItemCount
-            ? itemCount > visibleItemCount && activeIndex < itemCount - visibleItemCount
-            : activeIndex < itemCount - 1;
-        const canDec = activeIndex > 0;
-        const isScrollAvailable = canDec || canInc;
-        return [
-            activeIndex,
-            {
-                inc,
-                dec,
-                canInc,
-                canDec,
-                isScrollAvailable,
-            },
-        ];
-    };
-
-    /** @deprecated */
-    const renderArrows = ({ className, btnClass, canDec, canInc, dec, inc, }) => canDec || canInc ? (jsxs("div", { children: [canDec ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[0], className), onClick: dec })) : null, canInc ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[1], className), onClick: inc })) : null] })) : null;
-
-    const InsuranceAmountBlockInner = JSX(({ className = '', cards = [], button }) => {
-        const [selectedCardIndex, setSelectedCardIndex] = useState(0);
-        const handleSelectedCardIndex = useCallback((_) => setSelectedCardIndex(_), []);
-        const galleryLength = cards.length;
-        const CARD_VIEW_COUNT = 2;
-        const [activeIndex, controls] = useCarouselControls({
-            itemCount: galleryLength,
-            visibleItemCount: CARD_VIEW_COUNT,
-        });
-        const { canDec, canInc } = controls;
-        const activeHref = cards[activeIndex]?.href;
-        return (jsxs("section", { role: "listitem", className: `min-w-full text-center ${className}`, children: [jsxs("div", { className: "relative overflow-hidden", "aria-label": "\u0421\u0442\u0440\u0430\u0445\u043E\u0432\u044B\u0435 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u044B", children: [galleryLength
-                            ? renderGallery({
-                                activeIndex,
-                                cards,
-                                selectedCardIndex,
-                                onClick: handleSelectedCardIndex,
-                            })
-                            : null, renderArrows({
-                            ...controls,
-                            btnClass: ['left-12', 'right-12'],
-                            className: 'top-16',
-                        }), canDec ? (jsx("div", { className: "absolute top-0 left-0 h-full w-32 bg-opacity-from-white" })) : null, canInc ? (jsx("div", { className: "absolute top-0 right-0 h-full w-32 bg-opacity-to-white" })) : null] }), jsx(LinkButton, { className: "w-60 text-center", version: "primary", ...button, href: activeHref })] }));
-    });
-    function renderGallery({ activeIndex, cards, selectedCardIndex, onClick }) {
-        const tabsShiftWidth = activeIndex * 460;
-        const cardsAlignStyle = cards.length > 2 ? 'justify-start' : 'justify-center';
-        return (jsx("div", { style: { transform: `translateX(-${tabsShiftWidth}px)` }, className: "duration-1000 px-6xl", children: jsx("div", { className: `w-full flex flex-nowrap gap-s pb-6xl ${cardsAlignStyle}`, children: cards.map((slide, i) => renderNavButton$1({
-                    slide,
-                    i,
-                    isActive: Boolean(i === selectedCardIndex),
-                    onClick: () => onClick(i),
-                })) }) }));
-    }
-    function renderNavButton$1({ slide, i, isActive, onClick }) {
-        const btnClassName = isActive
-            ? 'shadow-dark-blue border-primary-main'
-            : `ease-in duration-300 border-gray`;
-        return (jsxs("button", { type: "button", onClick: onClick, className: `p-3xl min-w-fit flex items-center gap-2xl bg-white border-solid border relative ${btnClassName}`, children: [slide?.icon ? (jsx(Img, { className: "p-lg rounded-full bg-secondary-light", image: slide.icon, width: "108", height: "108" })) : null, jsxs("div", { className: "flex gap-s", children: [slide?.sum ? renderValueBlock('страховая сумма', slide.sum) : null, slide?.fee ? renderValueBlock('страховой взнос', slide.fee) : null] }), renderDoneIcon(isActive)] }, String(i)));
-    }
-    function renderValueBlock(title, sum) {
-        return (jsxs("div", { className: "flex flex-col text-left whitespace-pre", children: [jsxs(Text, { size: "text-h6", children: [toLocalNumberFormat(2)(sum), " \u20BD"] }), jsx("div", { className: "mt-2xs", children: jsx(Text, { size: "text-l", color: "text-secondary-text", children: title }) })] }));
-    }
-    function renderDoneIcon(isActive) {
-        return isActive ? (jsx(Img, { className: `h-6 w-6 min-w-6 min-h-6 absolute right-4 top-4`, image: { icon: 'DoneIcon' }, width: "24", height: "24" })) : null;
-    }
-
-    const InsuranceAmountBlock = JSX(({ className = '', title, insuranceTabs = [], button, ...rest }) => {
-        const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-        const handleActiveSlideIndex = useCallback((_) => setActiveSlideIndex(_), []);
-        return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden relative px-0 space-y-2xl', className), defaultPadding: "p-6xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title, headingType: "h3" }) : null, insuranceTabs?.length > 1 ? (jsx("div", { className: "p-xs bg-secondary-light w-fit mx-auto rounded-md", children: insuranceTabs.map((item, i) => renderNavButton({
-                        title: item?.title,
-                        i,
-                        isActive: Boolean(i === activeSlideIndex),
-                        onClick: () => handleActiveSlideIndex(i),
-                    })) })) : null, jsx("div", { className: "flex", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: renderInsuranceGalleries({
-                        insuranceTabs,
-                        button,
-                    }) })] }));
-    });
-    const renderInsuranceGalleries = ({ insuranceTabs, button }) => {
-        const insuranceGalleries = insuranceTabs?.map((_) => _.cards);
-        return insuranceGalleries?.length
-            ? insuranceGalleries.map((cards, i) => (jsx(InsuranceAmountBlockInner, { button: button, cards: cards }, String(i))))
-            : null;
-    };
-    function renderNavButton({ title, i, isActive, onClick }) {
-        const btnClassName = isActive ? 'bg-primary-main text-white rounded-md' : `text-secondary-text`;
-        return (jsx("button", { type: "button", onClick: onClick, "aria-label": `Кнопка ${title}`, className: `box-border px-m py-s text-m font-light ${btnClassName}`, children: title }, String(i)));
-    }
-
     const KILO = 1024;
     const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
     const formatBytes = (bytes, decimals = 2) => {
@@ -11051,6 +10751,28 @@
         ? Number(paramsId)
         : tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
 
+    const useCarouselControls = (props, initialIndex = 0) => {
+        const { itemCount, visibleItemCount } = props;
+        const [activeIndex, setActiveIndex] = useState(initialIndex);
+        const inc = useCallback(() => setActiveIndex((_) => Math.min(_ + 1, itemCount - 1)), [itemCount]);
+        const dec = useCallback(() => setActiveIndex((_) => Math.max(_ - 1, 0)), [itemCount]);
+        const canInc = visibleItemCount
+            ? itemCount > visibleItemCount && activeIndex < itemCount - visibleItemCount
+            : activeIndex < itemCount - 1;
+        const canDec = activeIndex > 0;
+        const isScrollAvailable = canDec || canInc;
+        return [
+            activeIndex,
+            {
+                inc,
+                dec,
+                canInc,
+                canDec,
+                isScrollAvailable,
+            },
+        ];
+    };
+
     const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
     const firstCellStyle = 'w-80 flex-shrink-0';
     const COLS_LENGTH_FOR_SCROLL = 2;
@@ -11120,6 +10842,9 @@
             ? cells.map((_, i) => (jsx(RenderCellInner, { cell: _, fieldIdx: i, rowIdx: rowIdx, cellIdx: cellIdx, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx }, String(i))))
             : null })));
 
+    /** @deprecated */
+    const renderArrows = ({ className, btnClass, canDec, canInc, dec, inc, }) => canDec || canInc ? (jsxs("div", { children: [canDec ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[0], className), onClick: dec })) : null, canInc ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[1], className), onClick: inc })) : null] })) : null;
+
     const COLUMN_WIDTH = 140;
     const getHorizontalShift = (columns, activeColumnIndex) => sum(columns.slice(0, activeColumnIndex).map((_) => _?.cols?.length ?? 1)) * COLUMN_WIDTH;
 
@@ -11257,14 +10982,12 @@
         Carousel,
         CarouselCard,
         CarouselCatalogCard,
-        CarouselLinks,
         CarouselRecommendationCard,
         CarouselTariffsCard,
         ContactsBlock,
         DepositFiltration,
         Depository,
         ErrorBlock,
-        ExchangeRateTile,
         Footer,
         GalleryLayout,
         GrantSupport,
@@ -11272,7 +10995,6 @@
         Headline,
         HorizontalLayout,
         ImgBlock,
-        InsuranceAmountBlock,
         LinkDocs,
         MobileAppTile,
         OfficesAtmsMap,
@@ -11431,7 +11153,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.839";
+    const packageVersion = "0.14.840";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;