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

package/mobile/bundle/bundle.umd.js

@@ -759,10 +759,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');
         }
@@ -7459,19 +7459,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 });
@@ -9135,214 +9122,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)) }));
@@ -9732,6 +9511,23 @@
         return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title: jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) }), rightImage: img, buttons: renderButtonsSection(buttons, { className: 'flex-wrap' }), children: [description ? (jsx(Text, { size: "text-xl", "font-weight": "font-light", children: description })) : null, jsxs("div", { className: style('gap-m', 'flex flex-1 flex-col', 'flex-col items-start @xl:flex-row @xl:items-center'), children: [__html ? jsx(RichText, { __html: __html, itemSize: "list-m" }) : null, jsx(Text, { size: "text-m", "font-weight": "font-light", color: "text-secondary-text", children: additionalDescription }), qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md @xl:-order-1', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : 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;
+    }
+
     const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
     const FiltrationForm = JSX(({ filters, field: { field, reset }, onlyOffice, labels }) => {
         const visibleFiltersNum = onlyOffice ? 5 : 6;
@@ -10628,13 +10424,11 @@
         Carousel,
         CarouselCard,
         CarouselCatalogCard,
-        CarouselLinks,
         CarouselRecommendationCard,
         CarouselTariffsCard,
         DepositFiltration,
         Depository,
         ErrorBlock,
-        ExchangeRateTile,
         Footer,
         GalleryLayout,
         GrantSupport,
@@ -10778,7 +10572,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;