@redneckz/wildless-cms-uni-blocks 0.14.430 → 0.14.431

package/mobile/src/components/CalculatorDeposit/CalculatorDeposit.tsx

@@ -1,7 +1,8 @@
 /* eslint-disable max-lines, max-lines-per-function */
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type JSONRefObject } from '../../data/JSONRefObject';
-import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
+import { useForm } from '../../hooks/useForm';
+import { Button } from '../../ui-kit/Button/Button';
 import { CalculatorLayout } from '../../ui-kit/Calculator/CalculatorLayout';
 import { CalculatorStyle } from '../../ui-kit/Calculator/CalculatorStyle';
 import { getDefaultParamsMax } from '../../ui-kit/Calculator/getDefaultParams';
@@ -10,7 +11,6 @@ import {
   getMonthsDefaultValue,
 } from '../../ui-kit/Calculator/getDefaultValues';
 import { renderMonthsInput } from '../../ui-kit/Calculator/renderMonthsInput';
-import { renderPayout } from '../../ui-kit/Calculator/renderPayout';
 import { renderRate } from '../../ui-kit/Calculator/renderRate';
 import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
 import { setDefaultParamsCalc } from '../../ui-kit/Calculator/setDefaultParamsCalc';
@@ -19,22 +19,21 @@ import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { clamp } from '../../utils/clamp';
 import { style } from '../../utils/style';
 import { isDefaultParams } from '../CalculatorCredit/isDefaultParams';
-import {
-  type CalculatorDepositContent,
-  type CalculatorDepositParamsViewSettings,
-} from './CalculatorDepositContent';
+import { type CalculatorDepositContent } from './CalculatorDepositContent';
 import {
   getDepositCalculatorParams,
   type DepositCalculatorData,
-  type DepositCalculatorParams,
   type DepositCalculatorSourceBookParams,
+  type TariffsButtonContent,
 } from './getDepositCalculatorParams';
+import { renderDepositParamsForm } from './renderDepositParamsForm';
 import { renderDepositResult } from './renderDepositResult';
-import { renderRegistrationType } from './renderRegistrationType';
 
 const MAP = {
   isMonthlyInterestPayment: 'isMonthlyInterestPayment',
   isRemoteRegistration: 'isRemoteRegistration',
+  isReplenish: 'isReplenish',
+  isWithdrawn: 'isWithdrawn',
   moneyValue: 'minSum',
 };
 
@@ -49,22 +48,24 @@ export const CalculatorDeposit = UniBlock<CalculatorDepositProps>(
     className,
     title,
     calcSource,
-    buttons,
-    footnote,
+    buttons = [],
+    footnote = '',
     paramsViewSettings,
     defaultParams,
     ...rest
   }) => {
     const defParams = getDefaultParamsMax(calcSource?.rateRows);
+
     const [userInputParams, { field }] = useForm({
       moneyValue: getMoneyDefaultValue(defaultParams, DEPOSIT_DEFAULT_SUM),
       monthsValue: getMonthsDefaultValue(defaultParams),
       isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
       isRemoteRegistration: Boolean(defaultParams?.isRemoteRegistration),
+      isReplenish: false,
+      isWithdrawn: Boolean(defaultParams?.isWithdrawn ?? false),
     });
-
     const calcParams = getDepositCalculatorParams(userInputParams, calcSource, paramsViewSettings);
-    const { defaultMonth, rate, income, finalSum } = calcParams;
+    const { defaultMonth, rate, income, finalSum, type = '' } = calcParams;
     const { onChange: setMonthsValue } = field('monthsValue');
     const { onChange: setMoneyValue } = field('moneyValue');
 
@@ -77,18 +78,23 @@ export const CalculatorDeposit = UniBlock<CalculatorDepositProps>(
         setMoneyValue(clamp(userInputParams.moneyValue, calcParams.minSum, calcParams.maxSum));
     }, [calcParams.minSum, calcParams.maxSum]);
 
+    const handleDefaultParamsCals = () =>
+      setDefaultParamsCalc({
+        field,
+        defParams: defParams as DepositCalculatorSourceBookParams,
+        calcParams,
+        monthsValue: 'minMonths',
+        map: MAP,
+      });
+
     useEffect(() => {
       if (!isDefaultParams(defaultParams) && defParams) {
-        setDefaultParamsCalc({
-          field,
-          defParams: defParams as DepositCalculatorSourceBookParams,
-          calcParams,
-          monthsValue: 'minMonths',
-          map: MAP,
-        });
+        handleDefaultParamsCals();
       }
     }, [calcSource, defaultParams]);
 
+    const isMaxRate = rate === defParams?.rate;
+
     return (
       <CalculatorLayout className={className} title={title} {...rest}>
         <section className={style(CalculatorStyle.wrapper, className)}>
@@ -112,32 +118,30 @@ export const CalculatorDeposit = UniBlock<CalculatorDepositProps>(
           </div>
           {renderRate({
             rate,
+            children: renderMaxRateButton(handleDefaultParamsCals, isMaxRate),
+          })}
+          {renderDepositResult({
+            income,
+            finalSum,
+            buttons: [...buttons, getTariffButton(calcSource?.buttons, type)],
+            footnotes: [footnote],
           })}
-          {renderDepositResult({ income, finalSum, buttons, footnotes: [footnote as string] })}
         </section>
       </CalculatorLayout>
     );
   },
 );
 
-const renderDepositParamsForm = (
-  params: DepositCalculatorParams & CalculatorDepositParamsViewSettings,
-  field: FormFieldRegisterer<any>,
-) => (
-  <div className="flex flex-col gap-y-2xl">
-    {params.isShowMonthlyInterestPayment
-      ? renderPayout({
-          title: 'Выплата процентов',
-          ...field('isMonthlyInterestPayment'),
-          value: params.isMonthlyInterestPayment,
-        })
-      : null}
-    {params.isShowRemoteRegistration
-      ? renderRegistrationType({
-          title: 'Оформление',
-          ...field('isRemoteRegistration'),
-          value: params.isRemoteRegistration,
-        })
-      : null}
-  </div>
-);
+const getTariffButton = (buttons: TariffsButtonContent[] = [], btnType = '') => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { type, ...button } = buttons.find((_) => _.type === btnType) ?? {};
+
+  return button;
+};
+
+const renderMaxRateButton = (handleDefaultParamsCals: () => void, isMaxRate = false) =>
+  isMaxRate ? null : (
+    <Button type="button" version="secondary" onClick={handleDefaultParamsCals}>
+      Показать максимальную ставку
+    </Button>
+  );

package/mobile/src/components/CalculatorDeposit/CalculatorDepositContent.ts

@@ -15,13 +15,23 @@ export interface CalculatorDepositParamsViewSettings {
    * @default true
    */
   isShowRemoteRegistration?: boolean;
+  /** @title Пополнение */
+  isShowReplenish?: boolean;
+  /** @title Снятие */
+  isShowWithdrawn?: boolean;
 }
 
 export interface CommonDepositParams {
+  /** @title Возможность помолнять */
+  isReplenish?: boolean;
+  /** @title Возможно снимать */
+  isWithdrawn?: boolean;
   /** @title Ежемесячная выплата процентов */
   isMonthlyInterestPayment?: boolean;
   /** @title Дистанционное оформление */
   isRemoteRegistration?: boolean;
+  /** @title Тип депозита */
+  type?: string;
 }
 
 export interface DepositDefaultParams extends CommonDefaultParams, CommonDepositParams {}

package/mobile/src/components/CalculatorDeposit/getDepositCalculatorParams.ts

@@ -3,6 +3,7 @@ import {
   type CalcValueProps,
 } from '../../ui-kit/Calculator/CalculatorProps';
 import { checkRangeByKeys, getRangeByKeys } from '../../ui-kit/Calculator/rangeHelpers';
+import type { LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { arrayByRange } from '../../utils/arrayByRange';
 import { mergeIntervals } from '../../utils/mergeIntervals';
 import {
@@ -18,6 +19,9 @@ const DEFAULT_DEPOSIT_CALCULATOR_PARAMS: DepositCalculatorSourceBookParams = {
   rate: 0,
   isMonthlyInterestPayment: true,
   isRemoteRegistration: true,
+  isReplenish: false,
+  isWithdrawn: false,
+  type: '',
 };
 
 export interface DepositCalculatorSourceBookParams
@@ -35,8 +39,13 @@ export interface DepositCalculatorParams
   finalSum: number;
 }
 
+export type TariffsButtonContent = LinkButtonContent & {
+  type?: string;
+};
+
 export type DepositCalculatorData = {
   rateRows?: DepositCalculatorSourceBookParams[];
+  buttons?: TariffsButtonContent[];
 };
 
 export const getDepositCalculatorParams = (
@@ -50,9 +59,23 @@ export const getDepositCalculatorParams = (
     : 0;
   const isExcludeMonthlyInterestPayment = !paramsViewSettings?.isShowMonthlyInterestPayment;
   const isExcludeRemoteRegistration = !paramsViewSettings?.isShowRemoteRegistration;
+  const isExcludeReplenish = !paramsViewSettings?.isShowReplenish;
+  const isExcludeWithdrawn = !paramsViewSettings?.isShowWithdrawn;
   const depositCalculatorSourceBookParams =
     calcSource?.rateRows?.find(
       (row) =>
+        checkRowByParam({
+          row,
+          userInputParams,
+          paramKey: 'isReplenish',
+          isExclude: isExcludeReplenish,
+        }) &&
+        checkRowByParam({
+          row,
+          userInputParams,
+          paramKey: 'isWithdrawn',
+          isExclude: isExcludeWithdrawn,
+        }) &&
         checkRowByParam({
           row,
           userInputParams,

package/mobile/src/components/CalculatorDeposit/renderDepositParamsForm.tsx

@@ -0,0 +1,59 @@
+import type { FormFieldRegisterer } from '../../hooks/useForm';
+import { renderBinaryRadioButtonGroup } from '../../ui-kit/Calculator/renderBinaryRadioButtonGroup';
+import { renderPayout } from '../../ui-kit/Calculator/renderPayout';
+import type { CalculatorDepositParamsViewSettings } from './CalculatorDepositContent';
+import type { DepositCalculatorParams } from './getDepositCalculatorParams';
+import { renderRegistrationType } from './renderRegistrationType';
+
+export const renderDepositParamsForm = (
+  params: DepositCalculatorParams & CalculatorDepositParamsViewSettings,
+  field: FormFieldRegisterer<any>,
+) => (
+  <div className="grid gap-lg">
+    <div className="flex gap-lg">
+      {params.isShowReplenish
+        ? renderBinaryRadioButtonGroup({
+            title: 'Пополнение',
+            ...field('isReplenish'),
+            value: params.isReplenish,
+            orientation: 'vertical',
+            items: [
+              { id: 'withReplenish', text: 'С пополнением' },
+              { id: 'withoutReplenish', text: 'Без пополнения' },
+            ],
+          })
+        : null}
+      {params.isShowWithdrawn
+        ? renderBinaryRadioButtonGroup({
+            title: 'Снятие',
+            ...field('isWithdrawn'),
+            value: params.isWithdrawn,
+            orientation: 'vertical',
+            items: [
+              { id: 'wthDrawn', text: 'Со снятием' },
+              { id: 'noWithdrawn', text: 'Без снятия' },
+            ],
+          })
+        : null}
+    </div>
+    <div className="border-b border-main-divider w-full" />
+    <div className="flex gap-lg">
+      {params.isShowMonthlyInterestPayment
+        ? renderPayout({
+            title: 'Выплата процентов',
+            ...field('isMonthlyInterestPayment'),
+            value: params.isMonthlyInterestPayment,
+            orientation: 'vertical',
+          })
+        : null}
+      {params.isShowRemoteRegistration
+        ? renderRegistrationType({
+            title: 'Оформление',
+            ...field('isRemoteRegistration'),
+            value: params.isRemoteRegistration,
+            orientation: 'vertical',
+          })
+        : null}
+    </div>
+  </div>
+);

package/mobile/src/components/CalculatorDeposit/renderDepositResult.tsx

@@ -14,7 +14,7 @@ type DepositResultProps = {
 export const renderDepositResult = ({
   income,
   finalSum,
-  buttons,
+  buttons = [],
   footnotes = [],
 }: DepositResultProps) => (
   <div className={CalculatorStyle.result}>

package/mobile/src/ui-kit/Calculator/CalculatorStyle.tsx

@@ -1,6 +1,6 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-m gap-y-7 @xl:gap-y-4xl',
+  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-s gap-y-7 @xl:gap-y-4xl',
   input:
-    'flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0',
-  result: 'flex flex-col gap-y-xl @xl:w-96',
+    'flex flex-col lg:max-w-80 gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0',
+  result: 'flex flex-col gap-y-xl',
 };

package/mobile/src/ui-kit/Calculator/renderBinaryRadioButtonGroup.tsx

@@ -4,7 +4,6 @@ import {
   type RadioButtonItem,
 } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
 import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
 
 export interface BinaryRadioButtonGroupProps {
   items: [truthy: RadioButtonItem, falsy: RadioButtonItem];
@@ -25,7 +24,7 @@ export const renderBinaryRadioButtonGroup = ({
   radioGroupClassName,
   onChange,
 }: BinaryRadioButtonGroupProps) => (
-  <div className="space-y-s">
+  <div className="grid gap-s whitespace-nowrap">
     {title ? (
       <div className="hidden @5xl:block">
         <Text color="text-secondary-text" font="font-light">
@@ -45,7 +44,7 @@ export const renderBinaryRadioButtonGroup = ({
       orientation={orientation}
       items={items}
       checkedItem={items[value ? 0 : 1].id}
-      className={style('flex-col sm:flex-row', radioGroupClassName)}
+      className={radioGroupClassName}
       onChange={(_) => onChange && onChange(_ === items[0].id)}
     />
   </div>

package/mobile/src/ui-kit/Calculator/renderRate.tsx

@@ -1,9 +1,11 @@
+import { type VNode } from '../../model/VNode';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { Rate, type RateProps } from './Rate';
 import { UnknownRate, type UnknownRateProps } from './UnknownRate';
 
 interface RenderRateProps extends RateProps, UnknownRateProps {
   isUnknownRateShown?: boolean;
+  children?: VNode;
 }
 
 export const renderRate = ({
@@ -13,13 +15,14 @@ export const renderRate = ({
   fractionDigits = 2,
   isUnknownRateShown = true,
   color = 'text-secondary-text',
+  children,
   ...rest
 }: RenderRateProps) =>
   isUnknownRateShown && rate === 0 ? (
     <UnknownRate title={title} {...rest} />
   ) : (
     <div>
-      <div className="hidden @xl:block">
+      <div className="hidden @xl:block min-w-96">
         <Rate
           title={title}
           rate={rate}
@@ -40,5 +43,6 @@ export const renderRate = ({
           {...rest}
         />
       </div>
+      {children}
     </div>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.430",
+  "version": "0.14.431",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/CalculatorDeposit/CalculatorDeposit.fixture.tsx

@@ -37,6 +37,8 @@ export default {
         paramsViewSettings={{
           isShowMonthlyInterestPayment: true,
           isShowRemoteRegistration: true,
+          isShowReplenish: true,
+          isShowWithdrawn: true,
         }}
       />
     </div>
@@ -48,6 +50,24 @@ export default {
         paramsViewSettings={{
           isShowMonthlyInterestPayment: false,
           isShowRemoteRegistration: true,
+          isShowReplenish: true,
+          isShowWithdrawn: true,
+        }}
+      />
+    </div>
+  ),
+  replenish: (
+    <div className="container grid grid-cols-12">
+      <CalculatorDeposit
+        {...calculator}
+        paramsViewSettings={{
+          isShowReplenish: true,
+          isShowWithdrawn: true,
+          isShowRemoteRegistration: true,
+          isShowMonthlyInterestPayment: true,
+        }}
+        calcSource={{
+          $ref: '/wcms-resources/vklad-calculator-main-data.json',
         }}
       />
     </div>

package/src/components/CalculatorDeposit/CalculatorDeposit.tsx

@@ -1,7 +1,8 @@
 /* eslint-disable max-lines, max-lines-per-function */
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type JSONRefObject } from '../../data/JSONRefObject';
-import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
+import { useForm } from '../../hooks/useForm';
+import { Button } from '../../ui-kit/Button/Button';
 import { CalculatorLayout } from '../../ui-kit/Calculator/CalculatorLayout';
 import { CalculatorStyle } from '../../ui-kit/Calculator/CalculatorStyle';
 import { getDefaultParamsMax } from '../../ui-kit/Calculator/getDefaultParams';
@@ -10,7 +11,6 @@ import {
   getMonthsDefaultValue,
 } from '../../ui-kit/Calculator/getDefaultValues';
 import { renderMonthsInput } from '../../ui-kit/Calculator/renderMonthsInput';
-import { renderPayout } from '../../ui-kit/Calculator/renderPayout';
 import { renderRate } from '../../ui-kit/Calculator/renderRate';
 import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
 import { setDefaultParamsCalc } from '../../ui-kit/Calculator/setDefaultParamsCalc';
@@ -19,22 +19,21 @@ import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { clamp } from '../../utils/clamp';
 import { style } from '../../utils/style';
 import { isDefaultParams } from '../CalculatorCredit/isDefaultParams';
-import {
-  type CalculatorDepositContent,
-  type CalculatorDepositParamsViewSettings,
-} from './CalculatorDepositContent';
+import { type CalculatorDepositContent } from './CalculatorDepositContent';
 import {
   getDepositCalculatorParams,
   type DepositCalculatorData,
-  type DepositCalculatorParams,
   type DepositCalculatorSourceBookParams,
+  type TariffsButtonContent,
 } from './getDepositCalculatorParams';
+import { renderDepositParamsForm } from './renderDepositParamsForm';
 import { renderDepositResult } from './renderDepositResult';
-import { renderRegistrationType } from './renderRegistrationType';
 
 const MAP = {
   isMonthlyInterestPayment: 'isMonthlyInterestPayment',
   isRemoteRegistration: 'isRemoteRegistration',
+  isReplenish: 'isReplenish',
+  isWithdrawn: 'isWithdrawn',
   moneyValue: 'minSum',
 };
 
@@ -49,22 +48,24 @@ export const CalculatorDeposit = UniBlock<CalculatorDepositProps>(
     className,
     title,
     calcSource,
-    buttons,
-    footnote,
+    buttons = [],
+    footnote = '',
     paramsViewSettings,
     defaultParams,
     ...rest
   }) => {
     const defParams = getDefaultParamsMax(calcSource?.rateRows);
+
     const [userInputParams, { field }] = useForm({
       moneyValue: getMoneyDefaultValue(defaultParams, DEPOSIT_DEFAULT_SUM),
       monthsValue: getMonthsDefaultValue(defaultParams),
       isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
       isRemoteRegistration: Boolean(defaultParams?.isRemoteRegistration),
+      isReplenish: false,
+      isWithdrawn: Boolean(defaultParams?.isWithdrawn ?? false),
     });
-
     const calcParams = getDepositCalculatorParams(userInputParams, calcSource, paramsViewSettings);
-    const { defaultMonth, rate, income, finalSum } = calcParams;
+    const { defaultMonth, rate, income, finalSum, type = '' } = calcParams;
     const { onChange: setMonthsValue } = field('monthsValue');
     const { onChange: setMoneyValue } = field('moneyValue');
 
@@ -77,18 +78,23 @@ export const CalculatorDeposit = UniBlock<CalculatorDepositProps>(
         setMoneyValue(clamp(userInputParams.moneyValue, calcParams.minSum, calcParams.maxSum));
     }, [calcParams.minSum, calcParams.maxSum]);
 
+    const handleDefaultParamsCals = () =>
+      setDefaultParamsCalc({
+        field,
+        defParams: defParams as DepositCalculatorSourceBookParams,
+        calcParams,
+        monthsValue: 'minMonths',
+        map: MAP,
+      });
+
     useEffect(() => {
       if (!isDefaultParams(defaultParams) && defParams) {
-        setDefaultParamsCalc({
-          field,
-          defParams: defParams as DepositCalculatorSourceBookParams,
-          calcParams,
-          monthsValue: 'minMonths',
-          map: MAP,
-        });
+        handleDefaultParamsCals();
       }
     }, [calcSource, defaultParams]);
 
+    const isMaxRate = rate === defParams?.rate;
+
     return (
       <CalculatorLayout className={className} title={title} {...rest}>
         <section className={style(CalculatorStyle.wrapper, className)}>
@@ -112,32 +118,30 @@ export const CalculatorDeposit = UniBlock<CalculatorDepositProps>(
           </div>
           {renderRate({
             rate,
+            children: renderMaxRateButton(handleDefaultParamsCals, isMaxRate),
+          })}
+          {renderDepositResult({
+            income,
+            finalSum,
+            buttons: [...buttons, getTariffButton(calcSource?.buttons, type)],
+            footnotes: [footnote],
           })}
-          {renderDepositResult({ income, finalSum, buttons, footnotes: [footnote as string] })}
         </section>
       </CalculatorLayout>
     );
   },
 );
 
-const renderDepositParamsForm = (
-  params: DepositCalculatorParams & CalculatorDepositParamsViewSettings,
-  field: FormFieldRegisterer<any>,
-) => (
-  <div className="flex flex-col gap-y-2xl">
-    {params.isShowMonthlyInterestPayment
-      ? renderPayout({
-          title: 'Выплата процентов',
-          ...field('isMonthlyInterestPayment'),
-          value: params.isMonthlyInterestPayment,
-        })
-      : null}
-    {params.isShowRemoteRegistration
-      ? renderRegistrationType({
-          title: 'Оформление',
-          ...field('isRemoteRegistration'),
-          value: params.isRemoteRegistration,
-        })
-      : null}
-  </div>
-);
+const getTariffButton = (buttons: TariffsButtonContent[] = [], btnType = '') => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { type, ...button } = buttons.find((_) => _.type === btnType) ?? {};
+
+  return button;
+};
+
+const renderMaxRateButton = (handleDefaultParamsCals: () => void, isMaxRate = false) =>
+  isMaxRate ? null : (
+    <Button type="button" version="secondary" onClick={handleDefaultParamsCals}>
+      Показать максимальную ставку
+    </Button>
+  );

package/src/components/CalculatorDeposit/CalculatorDepositContent.ts

@@ -15,13 +15,23 @@ export interface CalculatorDepositParamsViewSettings {
    * @default true
    */
   isShowRemoteRegistration?: boolean;
+  /** @title Пополнение */
+  isShowReplenish?: boolean;
+  /** @title Снятие */
+  isShowWithdrawn?: boolean;
 }
 
 export interface CommonDepositParams {
+  /** @title Возможность помолнять */
+  isReplenish?: boolean;
+  /** @title Возможно снимать */
+  isWithdrawn?: boolean;
   /** @title Ежемесячная выплата процентов */
   isMonthlyInterestPayment?: boolean;
   /** @title Дистанционное оформление */
   isRemoteRegistration?: boolean;
+  /** @title Тип депозита */
+  type?: string;
 }
 
 export interface DepositDefaultParams extends CommonDefaultParams, CommonDepositParams {}

package/src/components/CalculatorDeposit/getDepositCalculatorParams.ts

@@ -3,6 +3,7 @@ import {
   type CalcValueProps,
 } from '../../ui-kit/Calculator/CalculatorProps';
 import { checkRangeByKeys, getRangeByKeys } from '../../ui-kit/Calculator/rangeHelpers';
+import type { LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { arrayByRange } from '../../utils/arrayByRange';
 import { mergeIntervals } from '../../utils/mergeIntervals';
 import {
@@ -18,6 +19,9 @@ const DEFAULT_DEPOSIT_CALCULATOR_PARAMS: DepositCalculatorSourceBookParams = {
   rate: 0,
   isMonthlyInterestPayment: true,
   isRemoteRegistration: true,
+  isReplenish: false,
+  isWithdrawn: false,
+  type: '',
 };
 
 export interface DepositCalculatorSourceBookParams
@@ -35,8 +39,13 @@ export interface DepositCalculatorParams
   finalSum: number;
 }
 
+export type TariffsButtonContent = LinkButtonContent & {
+  type?: string;
+};
+
 export type DepositCalculatorData = {
   rateRows?: DepositCalculatorSourceBookParams[];
+  buttons?: TariffsButtonContent[];
 };
 
 export const getDepositCalculatorParams = (
@@ -50,9 +59,23 @@ export const getDepositCalculatorParams = (
     : 0;
   const isExcludeMonthlyInterestPayment = !paramsViewSettings?.isShowMonthlyInterestPayment;
   const isExcludeRemoteRegistration = !paramsViewSettings?.isShowRemoteRegistration;
+  const isExcludeReplenish = !paramsViewSettings?.isShowReplenish;
+  const isExcludeWithdrawn = !paramsViewSettings?.isShowWithdrawn;
   const depositCalculatorSourceBookParams =
     calcSource?.rateRows?.find(
       (row) =>
+        checkRowByParam({
+          row,
+          userInputParams,
+          paramKey: 'isReplenish',
+          isExclude: isExcludeReplenish,
+        }) &&
+        checkRowByParam({
+          row,
+          userInputParams,
+          paramKey: 'isWithdrawn',
+          isExclude: isExcludeWithdrawn,
+        }) &&
         checkRowByParam({
           row,
           userInputParams,