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

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -0,0 +1,60 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLocation } from '../../hooks/useLocation';
+import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { style } from '../../utils/style';
+import { Currency } from './CurrencyProps';
+import { CurrencyTable } from './CurrencyTable';
+import { CurrentLocation } from './CurrentLocation';
+import {
+  ExchangeCurrencyCalculator,
+  type ExchangeCurrencyItem,
+} from './ExchangeCurrencyCalculator';
+import { type ExchangeRateTileContent } from './ExchangeRateTileContent';
+import { useFetchExchangeRateData } from './useFetchExchangeRateData';
+
+export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
+
+export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
+  ({ 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 (
+      <BlockWrapper className={style('box-border min-h-80', className)} {...rest}>
+        <BaseTile
+          className="h-full"
+          title={<Heading headingType="h4" title={title} className="whitespace-pre-wrap" />}
+        >
+          <div className="flex w-full gap-6xl flex-wrap @lg:flex-nowrap">
+            <div className="w-full @2xl:w-auto @5xl:w-1/2">
+              {currencyRates ? (
+                <CurrencyTable className="mb-xl" exchangeCurrencyItems={currencyRates} />
+              ) : null}
+              <CurrentLocation address={exchangeRates?.address} />
+            </div>
+            <ExchangeCurrencyCalculator
+              className="grow w-1/2"
+              currencyRatesBuy={currencyRatesBuy}
+              currencyRatesSell={currencyRatesSell}
+              button={button}
+            />
+          </div>
+        </BaseTile>
+      </BlockWrapper>
+    );
+  },
+);
+
+const getCurrencyRates = (currencies?: ExchangeCurrencyItem[]) =>
+  currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id as number)) || [];

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.ui.json

@@ -0,0 +1,8 @@
+{
+  "content": {},
+  "style": {
+    "ui:options": {
+      "minCols": 6
+    }
+  }
+}

package/mobile/src/components/ExchangeRateTile/ExchangeRateTileContent.ts

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

package/mobile/src/components/ExchangeRateTile/calculateResult.ts

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

package/mobile/src/components/ExchangeRateTile/callbackCurrencySelect.ts

@@ -0,0 +1,25 @@
+import { tableFunc } from '../../utils/tableFunc';
+import { Currency } from './CurrencyProps';
+
+interface TableFuncProps {
+  value: Currency;
+  oppositeValue: Currency;
+  handleConvert: (currencyFrom?: Currency, currencyTo?: Currency) => void;
+}
+
+export const callbackCurrencySelect = (props: TableFuncProps) =>
+  tableFunc<TableFuncProps, () => void>([
+    [
+      (_) => _.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)?.();

package/mobile/src/components/ExchangeRateTile/formatCurrency.ts

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

package/mobile/src/components/ExchangeRateTile/renderInput.tsx

@@ -0,0 +1,43 @@
+import { type ControlProps } from '../../model/ControlProps';
+import { type PlaceholderProps } from '../../model/PlaceholderProps';
+import { Input } from '../../ui-kit/Input/Input';
+import { type Option } from '../../ui-kit/Select/Option';
+import { Select } from '../../ui-kit/Select/Select';
+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 function renderInput(props: InputProps) {
+  const { placeholder, rates, selected, value, onChange, setSelected } = props;
+  const ratesOptions: Option[] = rates.map((_) => ({
+    key: _?.currency?.currency ?? '',
+    text: _?.currency?.currency ?? '',
+  }));
+  const selectedValue: Option = { key: selected, text: selected };
+
+  return (
+    <div className="relative flex">
+      <Input
+        className="shrink-0 text-l w-full appearance-none -mr-20"
+        placeholder={placeholder}
+        type="text"
+        value={value}
+        onChange={onChange}
+      />
+      {ratesOptions.length ? (
+        <Select
+          className="absolute right-0"
+          isBorder={false}
+          onChange={(_) => setSelected(_.key as Currency)}
+          options={ratesOptions}
+          value={selectedValue}
+        />
+      ) : null}
+    </div>
+  );
+}

package/mobile/src/components/ExchangeRateTile/useFetchExchangeRateData.ts

@@ -0,0 +1,25 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { API_BASE_URI } from '../../api/apiBaseUrl';
+import { type ExchangeCurrencyItem } from '../../components/ExchangeRateTile/ExchangeCurrencyCalculator';
+import { type Region } from '../../hooks/useRegions';
+import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../../utils/fetchJSON';
+
+export interface ExchangeData {
+  exchangeRate?: {
+    currencies?: ExchangeCurrencyItem[];
+  };
+  address?: string;
+}
+
+const EXCHANGE_RATES_URL = `${API_BASE_URI}/exchangerates`;
+
+export function useFetchExchangeRateData(currentRegion: Region) {
+  const regionCode = currentRegion?.code || '000';
+
+  const { data } = useAsyncData(
+    EXCHANGE_RATES_URL + `?regionCode=${regionCode}`,
+    fetchJSONUnsafe as FetchJSONUnsafeType<ExchangeData>,
+  );
+
+  return data || {};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.899",
+  "version": "0.14.900",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -204,7 +204,7 @@
       "path": "lib/common.css"
     },
     {
-      "limit": "97 kB",
+      "limit": "100 kB",
       "path": "bundle/bundle.umd.min.js"
     }
   ],

package/src/components/ApplicationForm/ApplicationForm.example.json

@@ -182,7 +182,7 @@
         "padding": "",
         "title": "Заявка на выпуск бизнес-карты",
         "typeForm": "BCRD",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "inputs": [
@@ -235,7 +235,7 @@
         "padding": "",
         "title": "Заполните онлайн-заявку на открытие брокерского счёта",
         "typeForm": "BROK",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "columns": 2,
@@ -334,7 +334,7 @@
         "padding": "",
         "title": "Заполните заявку на консультацию",
         "typeForm": "COLLECTION",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "inputs": [
@@ -388,7 +388,7 @@
         "padding": "",
         "title": "Оформите заявку на кредит прямо сейчас",
         "typeForm": "CRED",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "title": "Параметры кредита",
@@ -659,7 +659,9 @@
                 "required": true,
                 "condition": {
                   "name": "serviceDirection",
-                  "values": ["Юридическое лицо / ИП"]
+                  "values": [
+                    "Юридическое лицо / ИП"
+                  ]
                 }
               },
               {
@@ -667,7 +669,9 @@
                 "label": "Наименование организации",
                 "condition": {
                   "name": "serviceDirection",
-                  "values": ["Юридическое лицо / ИП"]
+                  "values": [
+                    "Юридическое лицо / ИП"
+                  ]
                 }
               },
               {
@@ -723,7 +727,7 @@
         "padding": "",
         "title": "Заполните заявку на консультацию",
         "typeForm": "SELFCOLLECTION",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "inputs": [
@@ -901,7 +905,7 @@
         "padding": "",
         "title": "Получите консультацию по обслуживанию ВЭД",
         "typeForm": "KVED",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "inputs": [
@@ -922,7 +926,9 @@
                 "required": true,
                 "condition": {
                   "name": "vedTypes",
-                  "values": ["currencyControl"]
+                  "values": [
+                    "currencyControl"
+                  ]
                 }
               }
             ]
@@ -935,7 +941,10 @@
                 "required": true,
                 "condition": {
                   "name": "vedTypes",
-                  "values": ["currencyControl", "documentOperations"]
+                  "values": [
+                    "currencyControl",
+                    "documentOperations"
+                  ]
                 }
               },
               {
@@ -957,7 +966,11 @@
                 "required": true,
                 "condition": {
                   "name": "vedTypes",
-                  "values": ["documentOperations", "conversionTransactions", "otherIssues"]
+                  "values": [
+                    "documentOperations",
+                    "conversionTransactions",
+                    "otherIssues"
+                  ]
                 }
               }
             ]
@@ -1062,16 +1075,27 @@
         "padding": "",
         "title": "Заявка по акции 'Шеф в деле'",
         "typeForm": "FCB",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
-            "inputs": [{ "name": "name", "required": true }]
+            "inputs": [
+              {
+                "name": "name",
+                "required": true
+              }
+            ]
           },
           {
             "columns": 2,
             "inputs": [
-              { "name": "phone", "required": true },
-              { "name": "inn", "required": true }
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "inn",
+                "required": true
+              }
             ]
           }
         ],
@@ -1095,10 +1119,15 @@
         "padding": "",
         "title": "Льготное кредитование АПК",
         "typeForm": "CREDL",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
-            "inputs": [{ "name": "name", "required": true }]
+            "inputs": [
+              {
+                "name": "name",
+                "required": true
+              }
+            ]
           },
           {
             "columns": 2,
@@ -1134,14 +1163,27 @@
         "padding": "",
         "title": "Подключить расчетно-кассовое обслуживание",
         "typeForm": "CONT",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
-            "inputs": [{ "name": "name", "required": true }]
+            "inputs": [
+              {
+                "name": "name",
+                "required": true
+              }
+            ]
           },
           {
             "columns": 2,
-            "inputs": [{ "name": "phone", "required": true }, { "name": "inn" }]
+            "inputs": [
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "inn"
+              }
+            ]
           }
         ],
         "button": {
@@ -1312,7 +1354,9 @@
                 "required": true,
                 "condition": {
                   "name": "serviceDirection",
-                  "values": ["Юридическое лицо / ИП"]
+                  "values": [
+                    "Юридическое лицо / ИП"
+                  ]
                 }
               },
               {
@@ -1320,7 +1364,9 @@
                 "label": "Наименование организации",
                 "condition": {
                   "name": "serviceDirection",
-                  "values": ["Юридическое лицо / ИП"]
+                  "values": [
+                    "Юридическое лицо / ИП"
+                  ]
                 }
               },
               {
@@ -1337,7 +1383,9 @@
                 "label": "Ваше сообщение",
                 "condition": {
                   "name": "serviceDirection",
-                  "values": ["Физическое лицо"]
+                  "values": [
+                    "Физическое лицо"
+                  ]
                 }
               },
               {
@@ -1346,7 +1394,9 @@
                 "required": true,
                 "condition": {
                   "name": "serviceDirection",
-                  "values": ["Юридическое лицо / ИП"]
+                  "values": [
+                    "Юридическое лицо / ИП"
+                  ]
                 }
               }
             ]
@@ -1379,7 +1429,7 @@
         "version": "primary",
         "title": "Онлайн-заявка от партнёра",
         "typeForm": "PF",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
             "title": "Информация о партнёре",
@@ -1468,14 +1518,27 @@
         "padding": "",
         "title": "Подключить расчетно-кассовое обслуживание'",
         "typeForm": "UNIVERSAL",
-        "endpoint": "sendcorporatelead",
+        "endpoint": "initcorporatelead",
         "sections": [
           {
-            "inputs": [{ "name": "name", "required": true }]
+            "inputs": [
+              {
+                "name": "name",
+                "required": true
+              }
+            ]
           },
           {
             "columns": 2,
-            "inputs": [{ "name": "phone", "required": true }, { "name": "inn" }]
+            "inputs": [
+              {
+                "name": "phone",
+                "required": true
+              },
+              {
+                "name": "inn"
+              }
+            ]
           }
         ],
         "button": {
@@ -1490,4 +1553,4 @@
       }
     }
   ]
-]
+]

package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx

@@ -159,7 +159,7 @@ export default {
         className="col-span-12"
         title="Заполните онлайн-заявку на открытие брокерского счёта"
         typeForm="BROK"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             columns: 2,
@@ -219,7 +219,7 @@ export default {
         className="col-span-12"
         title="Заявка на выпуск бизнес-карты"
         typeForm="BCRD"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [{ name: 'region', required: true }],
@@ -247,7 +247,7 @@ export default {
         className="col-span-12"
         title="Заполните заявку на консультацию"
         typeForm="COLLECTION"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [
@@ -285,7 +285,7 @@ export default {
         className="col-span-12"
         title="Оформите заявку на кредит прямо сейчас"
         typeForm="CRED"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             title: 'Параметры кредита',
@@ -501,7 +501,7 @@ export default {
         className="col-span-12"
         title="Самоинкассация (ЮЛ)"
         typeForm="SELFCOLLECTION"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [
@@ -563,7 +563,7 @@ export default {
         className="col-span-12"
         title="Получите консультацию по обслуживанию ВЭД"
         typeForm="KVED"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [
@@ -663,7 +663,7 @@ export default {
         className="col-span-12"
         title="Заявка по акции 'Шеф в деле'"
         typeForm="FCB"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [{ name: 'name', required: true }],
@@ -689,7 +689,7 @@ export default {
         className="col-span-12"
         title="Льготное кредитование АПК"
         typeForm="CREDL"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [{ name: 'name', required: true }],
@@ -715,7 +715,7 @@ export default {
         className="col-span-12"
         title="Подключить расчетно-кассовое обслуживание"
         typeForm="CONT"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [{ name: 'name', required: true }],
@@ -855,7 +855,7 @@ export default {
         className="col-span-12"
         title="Онлайн-заявка от партнера"
         typeForm="PF"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             title: 'Информация о партнере',
@@ -902,7 +902,7 @@ export default {
         className="col-span-12"
         title="Заявка на открытие счёта для бизнеса"
         typeForm="UNIVERSAL"
-        endpoint="sendcorporatelead"
+        endpoint="initcorporatelead"
         sections={[
           {
             inputs: [{ name: 'name', required: true }],