@redneckz/wildless-cms-uni-blocks 0.14.899 → 0.14.900

package/lib/components/ExchangeRateTile/callbackCurrencySelect.js

@@ -0,0 +1,18 @@
+import { tableFunc } from '../../utils/tableFunc.js';
+import { Currency } from './CurrencyProps.js';
+export 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)?.();
+//# sourceMappingURL=callbackCurrencySelect.js.map

package/lib/components/ExchangeRateTile/callbackCurrencySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callbackCurrencySelect.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/callbackCurrencySelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAQ3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAqB,EAAE,EAAE,CAC9D,SAAS,CAA6B;IACpC;QACE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,aAAa,KAAK,QAAQ,CAAC,GAAG;QACnE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;KACrD;IACD;QACE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,aAAa,KAAK,QAAQ,CAAC,GAAG;QACnE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;KACrD;IACD;QACE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,aAAa,KAAK,QAAQ,CAAC,GAAG;QACnE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;KACrD;IACD,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;CACrD,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC"}

package/lib/components/ExchangeRateTile/formatCurrency.d.ts

@@ -0,0 +1 @@
+export declare const formatCurrency: (value?: number) => string;

package/lib/components/ExchangeRateTile/formatCurrency.js

@@ -0,0 +1,7 @@
+import { Currency } from './CurrencyProps.js';
+const currencyNumberFormat = new Intl.NumberFormat('ru', {
+    style: 'currency',
+    currency: Currency.RUB,
+});
+export const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
+//# sourceMappingURL=formatCurrency.js.map

package/lib/components/ExchangeRateTile/formatCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatCurrency.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/formatCurrency.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,oBAAoB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IACvD,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,QAAQ,CAAC,GAAG;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}

package/lib/components/ExchangeRateTile/renderInput.d.ts

@@ -0,0 +1,11 @@
+import { type ControlProps } from '../../model/ControlProps';
+import { type PlaceholderProps } from '../../model/PlaceholderProps';
+import { type Currency } from './CurrencyProps';
+import { type ExchangeCurrencyItem } from './ExchangeCurrencyCalculator';
+interface InputProps extends PlaceholderProps, ControlProps<string> {
+    rates: ExchangeCurrencyItem[];
+    selected: string;
+    setSelected: (value: Currency) => void;
+}
+export declare function renderInput(props: InputProps): any;
+export {};

package/lib/components/ExchangeRateTile/renderInput.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Input } from '../../ui-kit/Input/Input.js';
+import { Select } from '../../ui-kit/Select/Select.js';
+export 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] }));
+}
+//# sourceMappingURL=renderInput.js.map

package/lib/components/ExchangeRateTile/renderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderInput.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/renderInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAUpD,MAAM,UAAU,WAAW,CAAC,KAAiB;IAC3C,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,YAAY,GAAa,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC/C,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;QAChC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;KAClC,CAAC,CAAC,CAAC;IACJ,MAAM,aAAa,GAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAEhE,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,KAAK,IACJ,SAAS,EAAC,+CAA+C,EACzD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACD,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,KAAC,MAAM,IACL,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAe,CAAC,EAC/C,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,aAAa,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ExchangeRateTile/useFetchExchangeRateData.d.ts

@@ -0,0 +1,9 @@
+import { type ExchangeCurrencyItem } from '../../components/ExchangeRateTile/ExchangeCurrencyCalculator';
+import { type Region } from '../../hooks/useRegions';
+export interface ExchangeData {
+    exchangeRate?: {
+        currencies?: ExchangeCurrencyItem[];
+    };
+    address?: string;
+}
+export declare function useFetchExchangeRateData(currentRegion: Region): ExchangeData;

package/lib/components/ExchangeRateTile/useFetchExchangeRateData.js

@@ -0,0 +1,10 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { API_BASE_URI } from '../../api/apiBaseUrl.js';
+import { fetchJSONUnsafe } from '../../utils/fetchJSON.js';
+const EXCHANGE_RATES_URL = `${API_BASE_URI}/exchangerates`;
+export function useFetchExchangeRateData(currentRegion) {
+    const regionCode = currentRegion?.code || '000';
+    const { data } = useAsyncData(EXCHANGE_RATES_URL + `?regionCode=${regionCode}`, fetchJSONUnsafe);
+    return data || {};
+}
+//# sourceMappingURL=useFetchExchangeRateData.js.map

package/lib/components/ExchangeRateTile/useFetchExchangeRateData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchExchangeRateData.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/useFetchExchangeRateData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,eAAe,EAA4B,MAAM,uBAAuB,CAAC;AASlF,MAAM,kBAAkB,GAAG,GAAG,YAAY,gBAAgB,CAAC;AAE3D,MAAM,UAAU,wBAAwB,CAAC,aAAqB;IAC5D,MAAM,UAAU,GAAG,aAAa,EAAE,IAAI,IAAI,KAAK,CAAC;IAEhD,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAC3B,kBAAkB,GAAG,eAAe,UAAU,EAAE,EAChD,eAAoD,CACrD,CAAC;IAEF,OAAO,IAAI,IAAI,EAAE,CAAC;AACpB,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -763,10 +763,10 @@
     const and = (a, b) => (...args) => a(...args) && b(...args);
 
     const table = (...table) => (...input) => {
-        const [, unit] = assertNonEmpty(table.find(([predicate]) => predicate(...input)));
+        const [, unit] = assertNonEmpty$1(table.find(([predicate]) => predicate(...input)));
         return unit(...input);
     };
-    function assertNonEmpty(value) {
+    function assertNonEmpty$1(value) {
         if (!value) {
             throw new Error('Value should be fulfilled');
         }
@@ -10143,6 +10143,214 @@
     };
     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)) }));
@@ -10489,23 +10697,6 @@
         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 VISIBLE_FILTERS = [
         'workingSaturday',
@@ -11355,6 +11546,7 @@
         CarouselTariffsCard,
         DepositFiltration,
         ErrorBlock,
+        ExchangeRateTile,
         Footer,
         GalleryLayout,
         GrantSupport,
@@ -11499,7 +11691,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.898";
+    const packageVersion = "0.14.899";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;