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

package/lib/components/ExchangeRateTile/ExchangeCurrencyCalculator.js

@@ -0,0 +1,71 @@
+import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton.js';
+import { calculateResult, formatValue } from './calculateResult.js';
+import { callbackCurrencySelect } from './callbackCurrencySelect.js';
+import { Currency } from './CurrencyProps.js';
+import { renderInput } from './renderInput.js';
+export 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) || ''),
+        });
+    }
+};
+//# sourceMappingURL=ExchangeCurrencyCalculator.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type ExchangeRateTileContent } from './ExchangeRateTileContent';
+export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {
+}
+export declare const ExchangeRateTile: import("@redneckz/uni-jsx").UNIComponent<ExchangeRateTileProps, any, any>;

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

@@ -0,0 +1,5 @@
+import '../../setup-fixture';
+declare const _default: {
+    default: any;
+};
+export default _default;

package/lib/components/ExchangeRateTile/ExchangeRateTile.fixture.mobile.d.ts

@@ -0,0 +1,5 @@
+import '../../setup-fixture';
+declare const _default: {
+    default: any;
+};
+export default _default;

package/lib/components/ExchangeRateTile/ExchangeRateTile.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useLocation } from '../../hooks/useLocation.js';
+import { BaseTile } from '../../ui-kit/BaseTile/BaseTile.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { style } from '../../utils/style.js';
+import { Currency } from './CurrencyProps.js';
+import { CurrencyTable } from './CurrencyTable.js';
+import { CurrentLocation } from './CurrentLocation.js';
+import { ExchangeCurrencyCalculator, } from './ExchangeCurrencyCalculator.js';
+import { useFetchExchangeRateData } from './useFetchExchangeRateData.js';
+export 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)) || [];
+//# sourceMappingURL=ExchangeRateTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeRateTile.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/ExchangeRateTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,0BAA0B,GAE3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,oBAAoB,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,MAAM,eAAe,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,aAAa,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAEhE,MAAM,aAAa,GAAG,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAEhF,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACxE,gBAAgB,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAEnE,MAAM,iBAAiB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC1E,iBAAiB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,YACxE,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB,GAAG,YAEjF,eAAK,SAAS,EAAC,+CAA+C,aAC5D,eAAK,SAAS,EAAC,+BAA+B,aAC3C,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,aAAa,IAAC,SAAS,EAAC,OAAO,EAAC,qBAAqB,EAAE,aAAa,GAAI,CAC1E,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,eAAe,IAAC,OAAO,EAAE,aAAa,EAAE,OAAO,GAAI,IAChD,EACN,KAAC,0BAA0B,IACzB,SAAS,EAAC,YAAY,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,GACd,IACE,GACG,GACE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,UAAmC,EAAE,EAAE,CAC/D,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAY,CAAC,CAAC,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type TitleProps } from '../../model/HeadlineType';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+/**
+ * @title Курсы обмена валют
+ */
+export declare type ExchangeRateTileContent = UniBlockContent & TitleProps & {
+    button?: LinkButtonContent;
+};

package/lib/components/ExchangeRateTile/ExchangeRateTileContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ExchangeRateTileContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeRateTileContent.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/ExchangeRateTileContent.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export declare const calculateResult: (value: string, rate: number, precision: boolean) => number;
+export declare const formatValue: (value: string) => string;

package/lib/components/ExchangeRateTile/calculateResult.js

@@ -0,0 +1,7 @@
+import { roundTo } from '../../utils/roundTo.js';
+export const calculateResult = (value, rate, precision) => {
+    const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
+    return Number.isInteger(result) ? result : roundTo(result);
+};
+export const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
+//# sourceMappingURL=calculateResult.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calculateResult.js","sourceRoot":"","sources":["../../../src/components/ExchangeRateTile/calculateResult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,SAAkB,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/E,OAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { Currency } from './CurrencyProps';
+interface TableFuncProps {
+    value: Currency;
+    oppositeValue: Currency;
+    handleConvert: (currencyFrom?: Currency, currencyTo?: Currency) => void;
+}
+export declare const callbackCurrencySelect: (props: TableFuncProps) => void;
+export {};

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');
         }
@@ -3396,7 +3396,7 @@
             docId: 1,
         },
         consentPfrFlg: {
-            text: 'Согласие на запрос в ПФР',
+            text: 'Согласие на запрос в CФР',
             docId: 3,
         },
     };
@@ -6639,7 +6639,7 @@
         }, []);
         useEffect(() => {
             leadFormStore.productType = productType;
-            const { code, state, referalCode, refererCode, productId, marketingInfo } = getLeadQueryParams(queryFromStorage, sessionStore);
+            const { referalCode, refererCode, productId, marketingInfo } = getLeadQueryParams(queryFromStorage, sessionStore);
             if (referalCode) {
                 sessionStore.referalData = {
                     refererCode,
@@ -6648,6 +6648,11 @@
                 };
             }
             sessionStore.marketingInfo = marketingInfo;
+        }, [queryFromStorage]);
+        useEffect(() => {
+            const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
+            const code = params.get('code');
+            const state = params.get('state');
             if (code && state) {
                 requestEsiaProfile(code, state);
             }
@@ -6655,16 +6660,14 @@
                 sessionStorage.removeItem('accessToken');
                 sessionStorage.removeItem('refreshToken');
             }
-        }, [queryFromStorage]);
+        }, []);
         return initialFormState;
     };
     const getLeadQueryParams = (queryFromStorage, sessionStore) => {
         const referalData = sessionStore.referalData;
         const marketingInfoFromStorage = sessionStore.marketingInfo;
         const queryStorage = new URLSearchParams(decodeURIComponent(queryFromStorage || ''));
-        const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-        const code = params.get('code');
-        const state = params.get('state');
+        const code = queryStorage.get('code');
         const referalCode = code ? referalData?.referalCode : queryStorage.get('referalCode');
         const refererCode = code ? referalData?.refererCode : queryStorage.get('refererCode');
         const productId = code ? referalData?.productId : queryStorage.get('productId');
@@ -6680,8 +6683,6 @@
                 userId: queryStorage.get('userId'),
             };
         return {
-            code,
-            state,
             referalCode,
             refererCode,
             productId,
@@ -10143,6 +10144,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 +10698,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 +11547,7 @@
         CarouselTariffsCard,
         DepositFiltration,
         ErrorBlock,
+        ExchangeRateTile,
         Footer,
         GalleryLayout,
         GrantSupport,
@@ -11499,7 +11692,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.898";
+    const packageVersion = "0.14.900";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;