@redneckz/wildless-cms-uni-blocks 0.14.997 → 0.14.999

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.d.ts

@@ -3,6 +3,7 @@ import { type ButtonProps } from '../Button/Button';
 interface DefaultFoldButtonProps extends ButtonProps, LabelProps {
     isUnfolded?: boolean;
     short?: boolean;
+    labelColorStyle?: string;
 }
 export declare const DefaultFoldButton: import("@redneckz/uni-jsx").UNIComponent<DefaultFoldButtonProps, any, any>;
 export {};

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js

@@ -4,5 +4,8 @@ import { style } from '../../utils/style.js';
 import { Button } from '../Button/Button.js';
 import { ButtonTitle } from '../Button/ButtonTitle.js';
 import { ToggleIcon } from '../Icon/ToggleIcon.js';
-export const DefaultFoldButton = JSX(({ className, isUnfolded, short, label = isUnfolded ? 'Скрыть' : 'Развернуть', embedded, ...rest }) => (_jsxs(Button, { className: style({ 'w-full': !short }, className), embedded: embedded, shape: short ? 'default' : 'square', role: "tab", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u0438", ...rest, children: [_jsx(ButtonTitle, { children: label }), _jsx(ToggleIcon, { isUnfolded: isUnfolded, iconVersion: embedded ? 'color' : '' })] })));
+export const DefaultFoldButton = JSX(({ className, isUnfolded, short, label = isUnfolded ? 'Скрыть' : 'Развернуть', embedded, labelColorStyle, ...rest }) => {
+    const iconColor = labelColorStyle === 'white' ? '' : 'color';
+    return (_jsxs(Button, { className: style({ 'w-full': !short }, className), embedded: embedded, shape: short ? 'default' : 'square', role: "tab", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u0438", ...rest, children: [_jsx(ButtonTitle, { labelColor: labelColorStyle, children: label }), _jsx(ToggleIcon, { isUnfolded: isUnfolded, iconVersion: embedded ? iconColor : '' })] }));
+});
 //# sourceMappingURL=DefaultFoldButton.js.map

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAoB,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC5C,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,EACjD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACnC,IAAI,EAAC,KAAK,gBACC,sKAA+B,KACtC,IAAI,aAER,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAI,IACrE,CACV,CACF,CAAC"}
+{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAoB,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC5C,QAAQ,EACR,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7D,OAAO,CACL,MAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,EACjD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACnC,IAAI,EAAC,KAAK,gBACC,sKAA+B,KACtC,IAAI,aAER,KAAC,WAAW,IAAC,UAAU,EAAE,eAAe,YAAG,KAAK,GAAe,EAC/D,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAI,IACvE,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Text/Text.d.ts

@@ -1,5 +1,6 @@
+import { type ComponentType } from '../../model/ComponentType';
 import { type FontWeight, type TextAlign, type TextColor, type TextSize, type TitleSize } from './TextProps';
-interface TextProps {
+interface TextProps extends ComponentType {
     size?: TextSize | TitleSize;
     color?: TextColor;
     align?: TextAlign;

package/mobile/lib/ui-kit/Text/Text.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
-export const Text = JSX(({ children, ...styleProps }) => (_jsx("span", { className: style('font-sans', Object.values(styleProps)), children: children })));
+export const Text = JSX(({ children, className, ...styleProps }) => (_jsx("span", { className: style('font-sans', Object.values(styleProps), className), children: children })));
 //# sourceMappingURL=Text.js.map

package/mobile/lib/ui-kit/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/ui-kit/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB1C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE,CAAC,CAClE,eAAM,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,YAAG,QAAQ,GAAQ,CAClF,CAAC,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/ui-kit/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB1C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE,CAAC,CAC7E,eAAM,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAQ,CAC7F,CAAC,CAAC"}

package/mobile/src/api/getSubmitBody.ts

@@ -71,6 +71,7 @@ export const getSubmitBody = ({ body, endpoint, router }: submitBodyProps) => {
       partnerName,
       partnerSymbolCode,
     }),
+    ...getRkoTariffName(typeForm),
     ...staticBody,
   };
 };
@@ -116,3 +117,10 @@ const addPageSlug = (typeForm?: string, router?: Router) =>
         typeForm: router?.pathname?.split('/')?.at(-1) || '/',
       }
     : {};
+
+const getRkoTariffName = (typeForm?: string) =>
+  typeForm === 'CALC'
+    ? {
+        partnerComments: globalThis?.sessionStorage.getItem('rkoTariffName') ?? 'Неизвестный тариф',
+      }
+    : {};

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

@@ -1798,5 +1798,49 @@
         }
       }
     }
+  ],
+  [
+    "Калькулятор РКО",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Открыть счёт РКО",
+        "typeForm": "CALC",
+        "endpoint": "sendcorporatelead",
+        "sections": [
+          {
+            "inputs": [
+              {
+                "name": "name",
+                "required": true
+              }
+            ]
+          },
+          {
+            "columns": 2,
+            "inputs": [
+              {
+                "name": "dadataPartyInnSelect",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "required": true
+              }
+            ]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "условиями передачи данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        }
+      }
+    }
   ]
 ]

package/mobile/src/components/Blocks.ts

@@ -12,6 +12,7 @@ import { CalculatorBusinessDeposit } from './CalculatorBusinessDeposit/Calculato
 import { CalculatorCredit } from './CalculatorCredit/CalculatorCredit';
 import { CalculatorDeposit } from './CalculatorDeposit/CalculatorDeposit';
 import { CalculatorRefinancing } from './CalculatorRefinancing/CalculatorRefinancing';
+import { CalculatorRko } from './CalculatorRko/CalculatorRko';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
@@ -36,6 +37,7 @@ import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
+import { RkoTariffCardsTable } from './RkoTariffCardsTable/RkoTariffCardsTable';
 import { RollupItem } from './RollupItem/RollupItem';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
@@ -88,4 +90,6 @@ export const Blocks: BlocksRegistry = {
   CreditForm,
   DebitForm,
   CashbackCalculator,
+  CalculatorRko,
+  RkoTariffCardsTable,
 };

package/mobile/src/components/CalculatorRko/CalculatorRko.tsx

@@ -0,0 +1,141 @@
+import { useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useForm } from '../../hooks/useForm/useForm';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { CalculatorLayout } from '../../ui-kit/Calculator/CalculatorLayout';
+import { CalculatorStyle } from '../../ui-kit/Calculator/CalculatorStyle';
+import { renderCountInput } from '../../ui-kit/Calculator/renderCountInput';
+import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
+import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
+import { Loader } from '../../ui-kit/Loader/Loader';
+import { Text } from '../../ui-kit/Text/Text';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import type { UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { capitalize } from '../../utils/capitalize';
+import { style } from '../../utils/style';
+import { RkoTariffCardsTable } from '../RkoTariffCardsTable/RkoTariffCardsTable';
+import { type TariffCardContent } from '../RkoTariffCardsTable/RkoTariffCardsTableContent';
+import {
+  type CalculatorRkoContent,
+  type RkoCalculatorSourceBookCommissionsParams,
+} from './CalculatorRkoContent';
+import {
+  COMMISSIONS_CONFIG,
+  INPUTS_CONFIG,
+  RKO_DEFAULT_CASH_IN_SUM,
+  RKO_DEFAULT_CASH_OUT_SUM,
+  RKO_DEFAULT_CURRENCY,
+  RKO_DEFAULT_TRANSFER_FL_SUM,
+  RKO_DEFAULT_TRANSFER_LEGAL_COUNT,
+} from './constants';
+import { filterByClientType } from './filterByClientType';
+import { getCalculatedCommission } from './getCalculatedCommission';
+import { getInitialRkoTariffsParams } from './getInitialRkoTariffsParams';
+import { getRkoCalculatorParams } from './getRkoCalculatorParams';
+import { markBestTariff } from './markBestTariff';
+import { mergeTariffData } from './mergeTariffData';
+
+export interface RkoCalculatorProps extends CalculatorRkoContent, UniBlockProps {}
+
+export const CalculatorRko = UniBlock<RkoCalculatorProps>(
+  // eslint-disable-next-line max-lines-per-function
+  ({
+    className = '',
+    title,
+    calcSource,
+    footnote,
+    clientType = 'standard',
+    openDepositBtnLink,
+    ...rest
+  }) => {
+    const [tariffs, setTariffs] = useState<TariffCardContent[]>([]);
+    const [userInputParams, { field }] = useForm({
+      transferLegalCount: RKO_DEFAULT_TRANSFER_LEGAL_COUNT,
+      flTransferSum: RKO_DEFAULT_TRANSFER_FL_SUM,
+      cashOutSum: RKO_DEFAULT_CASH_OUT_SUM,
+      cashInSum: RKO_DEFAULT_CASH_IN_SUM,
+    });
+
+    const { rows } = calcSource ?? {};
+
+    const calcTariffs = useMemo(() => filterByClientType(rows?.[0]?.tariffs, clientType), [rows]);
+    const calcParams = getRkoCalculatorParams(userInputParams, rows, clientType);
+    const calcCommissions = filterByClientType(rows?.[0]?.commissions, clientType);
+
+    useEffect(() => {
+      if (!calcCommissions) {
+        const initialRkoTariffsParams = getInitialRkoTariffsParams(calcTariffs);
+        setTariffs(initialRkoTariffsParams);
+
+        return;
+      }
+      const commissions = COMMISSIONS_CONFIG.reduce((acc, config) => {
+        acc[config.key] = getCalculatedCommission({
+          ranges: calcCommissions?.[config.key],
+          value: userInputParams?.[config.valueKey],
+          minKey: config.minKey,
+          maxKey: config.maxKey,
+        });
+
+        return acc;
+      }, {} as RkoCalculatorSourceBookCommissionsParams);
+
+      const mergedTariffs = mergeTariffData(commissions, calcTariffs);
+      const result = markBestTariff(mergedTariffs);
+      setTariffs(result);
+    }, [userInputParams, calcTariffs]);
+
+    return (
+      <div className={style(className, 'bg-white')}>
+        <CalculatorLayout className={className} title={title} {...rest}>
+          <section className={style(CalculatorStyle.wrapperMax, className)}>
+            <div className={CalculatorStyle.inputMax}>
+              {renderCountInput({
+                title: 'Количество внешних переводов на счета ЮЛ и ИП в месяц, шт',
+                step: 1,
+                min: calcParams.minTransferLegalCount,
+                max: calcParams.maxTransferLegalCount,
+                ...field('transferLegalCount'),
+                value: calcParams.transferLegalCount,
+              })}
+              {INPUTS_CONFIG.map((config, index) => (
+                <div key={index}>
+                  {renderWantedSumInput({
+                    title: config.title,
+                    step: config.step,
+                    min: calcParams[`min${capitalize(config.key)}` as keyof typeof calcParams],
+                    max: calcParams[`max${capitalize(config.key)}` as keyof typeof calcParams],
+                    ...field(config.key),
+                    value: calcParams[config.key as keyof typeof calcParams],
+                  })}
+                </div>
+              ))}
+            </div>
+            <div className={style(CalculatorStyle.result)}>{renderFootnote(footnote)}</div>
+          </section>
+        </CalculatorLayout>
+        <BlockWrapper
+          className={style('flex flex-col gap-4xl items-center', className)}
+          defaultPadding="p-4xl pt-0"
+          {...rest}
+        >
+          {renderHeading()}
+          {tariffs ? (
+            <RkoTariffCardsTable
+              items={tariffs}
+              currency={RKO_DEFAULT_CURRENCY}
+              openDepositBtnLink={openDepositBtnLink}
+            />
+          ) : (
+            <Loader position="static" />
+          )}
+        </BlockWrapper>
+      </div>
+    );
+  },
+);
+
+const renderHeading = () => (
+  <Text size="text-h6" font="font-medium" align="text-center" className="block lg:mb-0 mb-m">
+    Расчеты за один месяц по введенным выше параметрам
+  </Text>
+);

package/mobile/src/components/CalculatorRko/CalculatorRkoContent.ts

@@ -0,0 +1,98 @@
+import type { JSONRefObject } from '../../data/JSONRefObject';
+import { type CommonCalculatorProps } from '../../ui-kit/Calculator/CalculatorProps';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type Option } from '../../ui-kit/Select/Option';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+
+/**
+ * @title Калькулятор РКО
+ */
+export type CalculatorRkoContent = UniBlockContent &
+  CommonCalculatorProps & {
+    calcSource?: JSONRefObject & RkoCalculatorData;
+    clientType?: ClientType;
+    /** @title Ссылка для кнопки «Открыть счёт» */
+    openDepositBtnLink?: string;
+  };
+
+export interface RkoCalcValueProps {
+  transferLegalCount: number;
+  flTransferSum: number;
+  cashInSum: number;
+  cashOutSum: number;
+}
+
+export type RkoCalculatorUserInputParams = RkoCalcValueProps;
+
+export type CommissionType = 'fixedSum' | 'fixedAmount' | 'percent';
+
+/**
+ * @title Тип клиента
+ * @default "ЮЛ / ИП"
+ * @enumNames ["ЮЛ / ИП", "Агро"]
+ */
+export type ClientType = 'standard' | 'agro';
+
+export interface LimitParamsProps extends Pick<TariffProps, 'tariffName'> {
+  clientType: ClientType;
+  commissionType: CommissionType;
+  commissionValue: number;
+}
+
+export type TariffProps = {
+  tariffName: string;
+  tariffDesc: string;
+  clientType: string;
+  accountServiceFee: number;
+};
+
+export interface RkoCalcLimits
+  extends MinMaxTransferLegalCountProps,
+    MinMaxFlTransferSumProps,
+    MinMaxCashInSumProps,
+    MinMaxCashOutSumProps {}
+
+export type MinMaxTransferLegalCountProps = {
+  minTransferLegalCount: number;
+  maxTransferLegalCount: number;
+};
+
+export type MinMaxFlTransferSumProps = {
+  minFlTransferSum: number;
+  maxFlTransferSum: number;
+};
+
+export type MinMaxCashInSumProps = {
+  minCashInSum: number;
+  maxCashInSum: number;
+};
+
+export type MinMaxCashOutSumProps = {
+  minCashOutSum: number;
+  maxCashOutSum: number;
+};
+
+export type RkoCalculatorSourceBookTariffsParams = Omit<LimitParamsProps, 'commissionType'> &
+  Pick<TariffProps, 'accountServiceFee' | 'tariffDesc'>;
+
+export type RkoCalculatorCommissionType = LimitParamsProps;
+
+export interface RkoCalculatorSourceBookCommissionsParams {
+  transferLegalCountCommission: (RkoCalculatorCommissionType & MinMaxTransferLegalCountProps)[];
+  flTransferSumCommission: (RkoCalculatorCommissionType & MinMaxFlTransferSumProps)[];
+  cashOutSumCommission: (RkoCalculatorCommissionType & MinMaxCashOutSumProps)[];
+  cashInSumCommission: (RkoCalculatorCommissionType & MinMaxCashInSumProps)[];
+}
+
+export type RkoCalculatorRowsData = {
+  tariffs?: RkoCalculatorSourceBookTariffsParams[];
+  commissions?: RkoCalculatorSourceBookCommissionsParams;
+  currency?: Option;
+  buttons?: LinkButtonContent[];
+};
+
+export type RkoCalculatorData = {
+  rows?: RkoCalculatorRowsData[];
+};
+
+export interface RkoCalculatorParams extends RkoCalculatorUserInputParams, RkoCalcLimits {}

package/mobile/src/components/CalculatorRko/constants.ts

@@ -0,0 +1,56 @@
+import type { Option } from '../../ui-kit/Select/Option';
+
+export const RKO_DEFAULT_CURRENCY: Option = {
+  text: '₽',
+  key: 'rub',
+};
+
+export const RKO_DEFAULT_TRANSFER_FL_SUM = 0;
+export const RKO_DEFAULT_CASH_IN_SUM = 0;
+export const RKO_DEFAULT_CASH_OUT_SUM = 0;
+export const RKO_DEFAULT_TRANSFER_LEGAL_COUNT = 0;
+
+export const COMMISSIONS_CONFIG = [
+  {
+    key: 'transferLegalCountCommission',
+    valueKey: 'transferLegalCount',
+    minKey: 'minTransferLegalCount',
+    maxKey: 'maxTransferLegalCount',
+  },
+  {
+    key: 'flTransferSumCommission',
+    valueKey: 'flTransferSum',
+    minKey: 'minFlTransferSum',
+    maxKey: 'maxFlTransferSum',
+  },
+  {
+    key: 'cashOutSumCommission',
+    valueKey: 'cashOutSum',
+    minKey: 'minCashOutSum',
+    maxKey: 'maxCashOutSum',
+  },
+  {
+    key: 'cashInSumCommission',
+    valueKey: 'cashInSum',
+    minKey: 'minCashInSum',
+    maxKey: 'maxCashInSum',
+  },
+];
+
+export const INPUTS_CONFIG = [
+  {
+    key: 'flTransferSum',
+    title: 'Сумма переводов на счета ФЛ в месяц, ₽',
+    step: 50000,
+  },
+  {
+    key: 'cashInSum',
+    title: 'Внесение наличных через кассу в месяц, ₽',
+    step: 50000,
+  },
+  {
+    key: 'cashOutSum',
+    title: 'Снятие наличных в кассе банка в месяц, ₽',
+    step: 50000,
+  },
+] as const;

package/mobile/src/components/CalculatorRko/filterByClientType.ts

@@ -0,0 +1,31 @@
+import { type RkoCalculatorCommissionType } from './CalculatorRkoContent';
+
+export const filterByClientType = <T>(data: T, clientType: string): T => {
+  if (Array.isArray(data)) {
+    return data.filter((item) => item?.clientType === clientType) as T;
+  }
+
+  if (data && typeof data === 'object') {
+    const result = {} as Record<string, any>;
+
+    for (const key in data) {
+      if (Object.hasOwn(data, key)) {
+        const value = data[key];
+
+        // eslint-disable-next-line max-depth
+        if (Array.isArray(value)) {
+          result[key] = value.filter(
+            (item: RkoCalculatorCommissionType) => item?.clientType === clientType,
+          );
+        } else {
+          result[key] = value;
+        }
+      }
+    }
+
+    return result as T;
+  }
+
+  // На всякий случай
+  return data;
+};

package/mobile/src/components/CalculatorRko/getCalculatedCommission.ts

@@ -0,0 +1,174 @@
+import { type CommissionType } from './CalculatorRkoContent';
+const SLICE_CORRECTION = 1; // если диапазон включает обе границы
+
+type CalculateCommissionProps = {
+  ranges?: RangeType[];
+  value?: number;
+  minKey?: string;
+  maxKey?: string;
+};
+
+type CalculateCommissionByTypeProps = {
+  type: CommissionType;
+  sliceAmount: number;
+  commissionValue: number;
+  context: { min: number; max: number; amount: number };
+};
+
+type CheckRangeProps = {
+  range: RangeType;
+  amount: number;
+  minKey: string;
+  maxKey: string;
+};
+
+type RangeType = Record<string, number | string>;
+
+export const getCalculatedCommission = ({
+  ranges = [],
+  value = 0,
+  minKey = 'min',
+  maxKey = 'max',
+}: CalculateCommissionProps) => {
+  const amount = Number(value);
+  if (isNaN(amount) || amount <= 0) {
+    return 0;
+  }
+
+  const groupedTariffs = groupRangesByTariff(ranges);
+  const result = {};
+
+  for (const tariff in groupedTariffs) {
+    result[tariff] = calculateTariffCommission({
+      ranges: groupedTariffs[tariff],
+      value: amount,
+      minKey,
+      maxKey,
+    });
+  }
+
+  return result;
+};
+
+const calculateTariffCommission = ({
+  ranges = [],
+  value = 0,
+  minKey = 'min',
+  maxKey = 'max',
+}: CalculateCommissionProps): number => {
+  const validRanges = getValidTariffRanges(ranges, minKey);
+
+  let totalCommission = 0;
+  let minCommission = 0;
+
+  for (const range of validRanges) {
+    minCommission = Number(range.minCommission) ?? 0;
+
+    if (!isValidRange({ range, amount: value, minKey, maxKey })) {
+      continue;
+    }
+
+    const sliceAmount = calculateSliceAmount({ range, amount: value, minKey, maxKey });
+
+    const commission = calculateCommissionByType({
+      type: range.commissionType as CommissionType,
+      sliceAmount,
+      commissionValue: Number(range.commissionValue),
+      context: {
+        min: Number(range[minKey]),
+        max: Number(range[maxKey]),
+        amount: Number(value),
+      },
+    });
+
+    totalCommission += commission;
+
+    if (value <= range[maxKey]) {
+      break;
+    }
+  }
+
+  if (totalCommission < minCommission) {
+    totalCommission = minCommission;
+  }
+
+  return Math.round(totalCommission);
+};
+
+const calculateSliceAmount = ({ range, amount, minKey, maxKey }: CheckRangeProps): number => {
+  const min = range[minKey];
+  const max = range[maxKey];
+
+  const sliceStart = Math.max(Number(min), 0);
+  const sliceEnd = Math.min(Number(max), amount);
+
+  return sliceEnd - sliceStart + SLICE_CORRECTION;
+};
+
+const isValidRange = ({ range, amount, minKey, maxKey }: CheckRangeProps): boolean => {
+  const min = range[minKey];
+  const max = range[maxKey];
+  const commissionValue = Number(range.commissionValue);
+
+  if (min == null || max == null || isNaN(commissionValue)) {
+    return false;
+  }
+  if (amount < min) {
+    return false;
+  }
+
+  const sliceStart = Math.max(Number(min), 0);
+  const sliceEnd = Math.min(Number(max), amount);
+
+  return sliceStart <= sliceEnd;
+};
+
+const getValidTariffRanges = (ranges: RangeType[], minKey: string) =>
+  ranges
+    .filter((r) => r.commissionValue != null && r.commissionType != null)
+    .sort((a, b) => Number(a[minKey]) - Number(b[minKey]));
+
+const calculateCommissionByType = ({
+  type,
+  sliceAmount,
+  commissionValue,
+  context,
+}: CalculateCommissionByTypeProps): number => {
+  const { min, max, amount } = context;
+
+  switch (type) {
+    case 'fixedSum':
+      if (min === 0 || amount <= max) {
+        return commissionValue;
+      }
+
+      return 0;
+
+    case 'percent':
+      return (sliceAmount * commissionValue) / 100;
+
+    case 'fixedAmount':
+      return Math.round(sliceAmount * commissionValue);
+
+    default:
+      return 0;
+  }
+};
+
+const groupRangesByTariff = (ranges: RangeType[]) => {
+  const tariffs: Record<string, any[]> = {};
+
+  for (const range of ranges) {
+    const { tariff } = range;
+    if (!tariff) {
+      continue;
+    }
+
+    if (!tariffs[tariff]) {
+      tariffs[tariff] = [];
+    }
+    tariffs[tariff].push(range);
+  }
+
+  return tariffs;
+};

package/mobile/src/components/CalculatorRko/getInitialRkoTariffsParams.ts

@@ -0,0 +1,17 @@
+import { type TariffCardContent } from '../RkoTariffCardsTable/RkoTariffCardsTableContent';
+import { type RkoCalculatorSourceBookTariffsParams } from './CalculatorRkoContent';
+
+export const getInitialRkoTariffsParams = (
+  tariffs: RkoCalculatorSourceBookTariffsParams[] = [],
+): TariffCardContent[] =>
+  tariffs.map((tariff) => {
+    return {
+      ...tariff,
+      flTransferSumCommission: 0,
+      cashOutSumCommission: 0,
+      cashInSumCommission: 0,
+      transferLegalCountCommission: 0,
+      totalCommission: tariff.accountServiceFee,
+      isBest: false,
+    };
+  });