@redneckz/wildless-cms-uni-blocks 0.15.342 → 0.16.1

package/mobile/src/ui-kit/BaseProductTile/BaseProductTileContent.ts

@@ -1,13 +1,14 @@
 import { type Align } from '../../model/Align';
 import { type BulletsProps } from '../../model/Bullets';
-import { type HeadlineProps } from '../../model/HeadlineType';
+import { type HeadlineProps, type LabelProps } from '../../model/HeadlineType';
 import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
 import { type ImageContent } from '../Img/ImgProps';
 import { type ButtonsSectionContent } from '../LinkButton/ButtonsSectionContent';
-import { type ListContent } from '../List/ListContent';
 import { type RichTextProps } from '../RichText/RichTextProps';
 import { type TagsContent } from '../Tags/TagsContent';
 
+type UnitList = '₽' | '$' | '€' | '¥';
+
 /** @title Доп. настройки картинки */
 export interface TileImageOptions {
   /** @title Картинка справа/текст слева */
@@ -20,20 +21,24 @@ export interface TileImageOptions {
   isImageAlwaysOnRight?: boolean;
 }
 
-export interface PriceItem {
+/** @title Цены */
+export type PriceItem = LabelProps & {
+  /** @title Название */
   label?: string;
+  /** @title Сумма */
   amount?: number;
-  unit?: string;
-}
+  /** @title Единица измерения */
+  unit?: UnitList;
+};
 
 export interface PriceListProps {
+  /** @title Список цен */
   priceList?: PriceItem[];
 }
 
 export type BaseProductTileContent = HeadlineProps &
   BenefitsListContent &
   RichTextProps &
-  ListContent &
   BulletsProps &
   TagsContent &
   ButtonsSectionContent &

package/mobile/src/ui-kit/BaseTile/BaseTile.tsx

@@ -2,11 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { renderBackwardButton } from '../../components/ProductBlock/renderBackwardButton';
+import { useMobileMode } from '../../hooks/useMobileMode';
 import { useRouter } from '../../hooks/useRouter';
 import { type Align } from '../../model/Align';
 import { type VNode } from '../../model/VNode';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
+import { renderImageContainer } from './renderImageContainer';
 
 interface BaseTileProps extends UniBlockProps {
   title?: VNode;
@@ -20,12 +22,6 @@ interface BaseTileProps extends UniBlockProps {
   backwardButton?: boolean;
 }
 
-const imageAlignmentMap: Record<Align, string> = {
-  start: '@xl:self-start',
-  center: '@xl:self-center',
-  end: '@xl:self-end',
-};
-
 export const BaseTile = JSX<BaseTileProps>(
   ({
     className,
@@ -33,38 +29,46 @@ export const BaseTile = JSX<BaseTileProps>(
     defaultPadding,
     padding = '',
     title,
-    insetTitle,
     buttons,
     leftImage,
     rightImage,
     imageAlign,
+    insetTitle,
     isImageAlwaysOnRight = false,
     isImageSecondary = false,
     backwardButton,
     children,
     ...rest
   }) => {
+    const isMobile = useMobileMode();
     const router = useRouter();
-    const handleClick = useCallback(() => {
-      router.back();
-    }, []);
+    const handleClick = useCallback(() => router.back(), []);
+    const backwardButtonText = rest.options?.page?.common?.backwardButton;
+    const isBackBtn = backwardButton && !isMobile;
 
     return (
-      <div className={getStyle(padding, defaultPadding, className)}>
-        {backwardButton ? renderBackwardButton(version, handleClick) : null}
-        {getTitle(title)}
+      <div
+        className={style(
+          'relative flex flex-col gap-3xl overflow-hidden',
+          padding || defaultPadding,
+          className,
+        )}
+      >
+        {isBackBtn && renderBackwardButton({ version, handleClick, text: backwardButtonText })}
+        {title ? <div className="relative h-full">{title}</div> : null}
         <div
-          className={style(
-            'grow relative flex flex-col @xl:flex-row gap-3xl w-full',
-            leftImage ? 'self-start @xl:w-auto' : '',
-          )}
+          className={style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', {
+            'self-start @xl:w-auto': leftImage,
+          })}
         >
           {renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' })}
           <div
             className={style(
-              'grid gap-3xl',
-              rightImage ? '@xl:grid-cols-2 auto-cols-fr' : '',
-              leftImage ? '' : 'grow',
+              'grid gap-3xl items-center md:items-stretch',
+              {
+                '@xl:grid-cols-2 auto-cols-fr': rightImage,
+                grow: !leftImage,
+              },
               'h-full', //? fix issue https://github.com/redneckz/temp_wcms/issues/1254
               'auto-rows-[max-content_1fr]', //? fix issue https://github.com/redneckz/temp_wcms/issues/1324
             )}
@@ -73,19 +77,18 @@ export const BaseTile = JSX<BaseTileProps>(
               {insetTitle}
               {children}
             </div>
-            {renderUnitBlock(
+            {renderUnitContainer(
               renderChildren({ ...rest, extraProps: { className: '@container-normal' } }),
             )}
             {renderImageContainer(rightImage, {
-              className: style(
-                '@xl:justify-self-end @xl:col-start-2',
-                buttons ? rowSpanStyle(isImageAlwaysOnRight) : '',
-                positionStyle(isImageAlwaysOnRight),
-                imageSecondaryStyle(isImageSecondary),
-              ),
+              className: style('@xl:justify-self-end @xl:col-start-2', {
+                [imageAlwaysOnRightContainerStyle(isImageAlwaysOnRight)]: buttons,
+                'col-start-2 self-center': isImageAlwaysOnRight,
+                'hidden @xl:block': isImageSecondary,
+              }),
               imageAlign,
             })}
-            {renderButtons(buttons)}
+            {buttons ? <div className="self-end">{buttons}</div> : null}
           </div>
         </div>
       </div>
@@ -93,40 +96,10 @@ export const BaseTile = JSX<BaseTileProps>(
   },
 );
 
-const getTitle = (title?: VNode) => (title ? <div className="relative h-full">{title}</div> : null);
-
-const getStyle = (padding = '', defaultPadding = '', className = '') =>
-  style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
-
-const rowSpanStyle = (isImageAlwaysOnRight: boolean) =>
-  isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
+const imageAlwaysOnRightContainerStyle = (isImage: boolean) =>
+  style(isImage ? 'row-span-2' : '@xl:row-span-2');
 
-const positionStyle = (isImageAlwaysOnRight: boolean) =>
-  isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
-
-const renderButtons = (buttons: VNode) =>
-  buttons ? <div className="self-end">{buttons}</div> : null;
-
-const renderUnitBlock = (unitBlock: VNode | undefined) =>
-  unitBlock && unitBlock?.length ? (
-    <div className="flex items-start justify-end">{unitBlock}</div>
+const renderUnitContainer = (childrenBlocks: VNode[] | null) =>
+  childrenBlocks?.length ? (
+    <div className="flex items-start justify-end">{childrenBlocks}</div>
   ) : null;
-
-const renderImageContainer = (
-  image: VNode | undefined,
-  { className, imageAlign }: { className?: string; imageAlign?: Align },
-) =>
-  image ? (
-    <div
-      className={style(
-        'shrink-1/2 justify-self-center',
-        imageAlign && imageAlignmentMap[imageAlign],
-        className,
-      )}
-    >
-      {image}
-    </div>
-  ) : null;
-
-const imageSecondaryStyle = (isImageSecondary: boolean) =>
-  isImageSecondary ? 'hidden @xl:block' : '';

package/mobile/src/ui-kit/BaseTile/renderImageContainer.tsx

@@ -0,0 +1,25 @@
+import { type Align } from '../../model/Align';
+import { type VNode } from '../../model/VNode';
+import { style } from '../../utils/style';
+
+const imageAlignmentMap: Record<Align, string> = {
+  start: '@xl:self-start',
+  center: '@xl:self-center',
+  end: '@xl:self-end',
+};
+
+export const renderImageContainer = (
+  image: VNode | undefined,
+  { className, imageAlign }: { className?: string; imageAlign?: Align },
+) =>
+  image ? (
+    <div
+      className={style(
+        'shrink-1/2 justify-self-center',
+        imageAlign && imageAlignmentMap[imageAlign],
+        className,
+      )}
+    >
+      {image}
+    </div>
+  ) : null;

package/mobile/src/ui-kit/BenefitItem/BenefitItem.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
-import { type ComplexBenefitContent } from './BenefitItemContent';
+import { type BenefitItemContent } from './BenefitItemContent';
 import { renderBenefitIcon } from './renderBenefitIcon';
 import { renderBenefitText } from './renderBenefitText';
 
-export type BenefitItemProps = ComplexBenefitContent & {
+export type BenefitItemProps = BenefitItemContent & {
   className?: string;
   benefitsVersion?: IconVersion;
 };

package/mobile/src/ui-kit/BenefitItem/BenefitItemContent.ts

@@ -1,19 +1,9 @@
-import { type DefaultListItemType } from '../../model/DefaultListItemType';
 import { type DescriptionProps, type LabelProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
-import { type RichTextItem } from '../../model/RichTextItem';
-
-export type BenefitItemContent = LabelProps & DescriptionProps & IconProps;
-
-/**
- * @title Стандартный бенефит
- */
-export type DefaultBenefitContent = BenefitItemContent & DefaultListItemType;
+import { type RichTextProps } from '../RichText/RichTextProps';
 
 /**
  * @title Преимущество
- * @default {
- *  "type": "default"
- * }
  */
-export type ComplexBenefitContent = DefaultBenefitContent | RichTextItem;
+
+export type BenefitItemContent = LabelProps & DescriptionProps & IconProps & RichTextProps;

package/mobile/src/ui-kit/BenefitItem/renderBenefitText.tsx

@@ -1,22 +1,20 @@
 import { RichText } from '../RichText/RichText';
-import { type ComplexBenefitContent } from './BenefitItemContent';
+import { type BenefitItemContent } from './BenefitItemContent';
 import { renderBenefitDescription } from './renderBenefitDescription';
 import { renderBenefitLabel } from './renderBenefitLabel';
 
-export type BenefitTextProps = ComplexBenefitContent & {
+export type BenefitTextProps = BenefitItemContent & {
   descriptionClassName?: string;
 };
 
-export const renderBenefitText = (_: BenefitTextProps, i?: number) =>
-  _.type === 'rte' && '__html' in _ && _.__html ? (
-    <RichText key={`rte-${i}`} {..._} />
-  ) : (
-    [
-      'label' in _ ? renderBenefitLabel(_.label, i) : null,
-      'description' in _ ? (
-        <span key={String(i)} className={_.descriptionClassName}>
-          {renderBenefitDescription(_.description, i)}
-        </span>
-      ) : null,
-    ]
-  );
+export const renderBenefitText = (_: BenefitTextProps, i?: number) => {
+  return [
+    'label' in _ ? renderBenefitLabel(_.label, i) : null,
+    'description' in _ ? (
+      <span key={String(i)} className={_.descriptionClassName}>
+        {renderBenefitDescription(_.description, i)}
+      </span>
+    ) : null,
+    '__html' in _ ? <RichText key={`rte-${i}`} {..._} /> : null,
+  ];
+};

package/mobile/src/ui-kit/BenefitsList/BenefitsListContent.ts

@@ -1,5 +1,5 @@
 import { type IconVersion } from '../../model/IconVersion';
-import { type ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
+import { type BenefitItemContent } from '../BenefitItem/BenefitItemContent';
 
 /**
  * @title Список преимуществ
@@ -13,5 +13,5 @@ export interface BenefitsListContent {
    * @minItems 2
    * @maxItems 8
    */
-  benefits?: ComplexBenefitContent[];
+  benefits?: BenefitItemContent[];
 }

package/mobile/src/ui-kit/BenefitsList/DefaultBenefitsList.tsx

@@ -1,36 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { deviation } from '../../utils/deviation';
 import { style } from '../../utils/style';
 import { BenefitItem } from '../BenefitItem/BenefitItem';
-import { type ComplexBenefitContent } from '../BenefitItem/BenefitItemContent';
 import { type BenefitsListProps } from './BenefitsListProps';
 
-const MAX_BENEFITS_LEN_DEVIATION = 16;
-
-const benefitLength = (_: ComplexBenefitContent) =>
-  _.type === 'rte'
-    ? _?.__html?.length || 0
-    : Math.max(_?.label?.length || 0, _?.description?.length || 0);
-
-const isDistortedBenefits = (benefits: ComplexBenefitContent[]) =>
-  deviation(benefits.map(benefitLength)) > MAX_BENEFITS_LEN_DEVIATION;
-
-const hasIcon = (_: ComplexBenefitContent) =>
-  _ && 'icon' in _ && _.icon && (_.icon.icon || _.icon.src);
-
-const isTextualBenefits = (benefits: ComplexBenefitContent[]) => !benefits.some(hasIcon);
-
 export const DefaultBenefitsList = JSX<BenefitsListProps>(
   ({ className, benefitsVersion = 'normal', benefits }) =>
     benefits?.length ? (
-      <div
-        className={style(
-          'flex gap-x-m gap-y-s',
-          isDistortedBenefits(benefits) || isTextualBenefits(benefits) ? 'flex-col' : 'flex-wrap',
-          className,
-        )}
-        role="list"
-      >
+      <div className={style('flex gap-x-m gap-y-s flex-col', className)} role="list">
         {benefits.map((_, i) => (
           <BenefitItem key={String(i)} benefitsVersion={benefitsVersion} {..._} />
         ))}

package/mobile/src/ui-kit/BlockWrapper.tsx

@@ -1,7 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { defaultEventBus } from '../EventBus/defaultEventBus';
-import { useRouter } from '../hooks/useRouter';
 import { type BlockVersion } from '../model/BlockVersion';
 import { type UniBlockProps } from '../UniBlock/UniBlockProps';
 import { style } from '../utils/style';
@@ -34,24 +31,6 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
     style: inlineStyles,
   }) => {
     const Tag: any = tag;
-    const router = useRouter();
-
-    const [isHidden, setHidden] = useState(false);
-
-    useEffect(
-      () =>
-        defaultEventBus.subscribe('tab', (event) => {
-          if (
-            event.type === 'group' &&
-            (!event.groupName || event.groupName === block?.labelGroup)
-          ) {
-            setHidden(
-              Boolean(event.label && block?.labels?.length && !block.labels.includes(event.label)),
-            );
-          }
-        }),
-      [block, router],
-    );
 
     const isGroup = version && isTheme;
 
@@ -59,9 +38,10 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
       <Tag
         className={style(
           '@container font-sans',
-          isGroup ? 'group' : '',
+          {
+            group: isGroup,
+          },
           blockStyles[version],
-          isHidden ? 'hidden' : '',
           padding || defaultPadding,
           className,
         )}

package/mobile/src/ui-kit/Button/Button.tsx

@@ -3,13 +3,9 @@ import { type ButtonVersion } from '../../model/ButtonVersion';
 import { style } from '../../utils/style';
 import { type ARIAProps } from '../ARIAProps';
 import { type ControlStateProps } from '../ControlStateProps';
-import type { PreventableEvent } from '../PreventableEvent';
+import { type PreventableEvent } from '../PreventableEvent';
 import { useButton } from './useButton';
 
-const activeButtonStyleMap = 'text-white bg-primary-active';
-
-const disabledButtonStyle = 'bg-main-gray text-main-disabled cursor-not-allowed';
-
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
@@ -57,12 +53,14 @@ export const Button = JSX<ButtonProps>(({ children, ...props }) => {
       className={style(
         'font-sans px-9 py-4',
         'flex justify-center items-center gap-xs',
-        active ? activeButtonStyleMap : '',
-        disabled ? disabledButtonStyle : '',
+        {
+          'text-white bg-primary-active': active,
+          'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
+          'rounded-md': rounded,
+        },
         !active && !disabled
           ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
           : '',
-        rounded ? 'rounded-md' : '',
         className,
       )}
       type={type}

package/mobile/src/ui-kit/Calculator/CalculatorProps.ts

@@ -2,12 +2,15 @@ import { type JSONRefObject } from '../../data/JSONRefObject';
 import { type Footnote } from '../../model/Footnote';
 import { type TitleProps } from '../../model/HeadlineType';
 import { type ButtonsSectionContent } from '../LinkButton/ButtonsSectionContent';
+import { type TextColor } from '../Text/TextProps';
 
 export type CalcValueProps = {
   moneyValue: number;
   monthsValue: number;
 };
 
+export type CalcDefaultParamsProps = LimitParamsProps & RateProps;
+
 export type LimitParamsProps = {
   minSum: number;
   maxSum: number;
@@ -15,18 +18,26 @@ export type LimitParamsProps = {
   maxMonths: number;
 };
 
-export type CalculatorProps = {
-  /** @title Данные калькулятора */
-  calcSource?: JSONRefObject;
+export type RateProps = {
+  rate: number;
 };
 
-export interface CalculatorParamsViewSettingsDefault {
-  /** @title Получаю зарплату на счёт в Россельхозбанке */
-  isShowSalaryClient?: boolean;
-  /** @title Комплексная страховая защита */
-  isShowInsurance?: boolean;
+export interface CalcCurrencyProps {
+  className?: string;
+  title?: string;
+  value?: number | string;
+  fractionDigits?: number;
+  fixed?: boolean;
+  prefix?: string;
+  postfix?: string;
+  color?: TextColor;
 }
 
+export type CalcSourceProps = {
+  /** @title Данные калькулятора */
+  calcSource?: JSONRefObject;
+};
+
 export interface CommonDefaultParams {
   /** @title Сумма по умолчанию */
   sum?: number;
@@ -34,4 +45,4 @@ export interface CommonDefaultParams {
   period?: number;
 }
 
-export type CommonCalculatorProps = TitleProps & Footnote & ButtonsSectionContent & CalculatorProps;
+export type CommonCalculatorProps = TitleProps & Footnote & ButtonsSectionContent & CalcSourceProps;

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

@@ -1,6 +1,5 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-m 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',
+  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-4xl gap-y-7 @xl:gap-y-4xl',
+  input: 'flex flex-col lg:max-w-80 lg:w-1/2 gap-2xl',
+  result: 'flex flex-col gap-y-xl min-w-52',
 };

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

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { Text } from '../Text/Text';
+import { type CalcCurrencyProps } from './CalculatorProps';
+import { FormatValue } from './FormatedValue';
+
+const CalculatorValueStyle = 'flex justify-between @xl:flex-col';
+
+export const CalculatorValue = JSX<CalcCurrencyProps>(
+  ({ className, title, value, color = 'text-secondary-text', ...rest }) => (
+    <div className={style(CalculatorValueStyle, className)}>
+      {title ? (
+        <Text size="text-l" font="font-light" color={color}>
+          {title}
+        </Text>
+      ) : null}
+      {value ? <FormatValue value={value} {...rest} /> : <Text size="text-h3">-</Text>}
+    </div>
+  ),
+);

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

@@ -0,0 +1,16 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
+import { Text } from '../Text/Text';
+import { type CalcCurrencyProps } from './CalculatorProps';
+
+export const FormatValue = JSX<CalcCurrencyProps>(
+  ({ value, fractionDigits, fixed, prefix, postfix }) => (
+    <Text size="text-h3">
+      {typeof value === 'number'
+        ? [prefix, toLocalNumberFormat(fractionDigits, { fixed })(value), postfix]
+            .filter(Boolean)
+            .join(' ')
+        : value}
+    </Text>
+  ),
+);

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

@@ -1,28 +1,38 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type TitleProps } from '../../model/HeadlineType';
 import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import { Text } from '../Text/Text';
+import { type TextColor } from '../Text/TextProps';
 
-export interface RateProps {
-  rate: number | undefined;
-  title?: string;
+export interface RateProps extends TitleProps {
+  rate: number;
   unit?: string;
   fractionDigits?: number;
   depositeName?: string;
   isShowDepositeName?: boolean;
+  color?: TextColor;
 }
 
 export const Rate = JSX<RateProps>(
-  ({ rate = 0, title = 'Ставка', unit, fractionDigits = 2, depositeName, isShowDepositeName }) => (
+  ({
+    rate = 0,
+    title = 'Ставка',
+    unit,
+    fractionDigits = 2,
+    depositeName,
+    isShowDepositeName,
+    color = 'text-secondary-text',
+  }) => (
     <div>
-      <Text size="text-l" font="font-light" color="text-secondary-text">
+      <Text size="text-l" font="font-light" color={color}>
         {title}
       </Text>
       <div className="relative">
-        <div className="flex justify-start gradient-color-text">
+        <div className="flex @xl:justify-center gradient-color-text">
           <span className="font-mohave text-title-huge -mt-m tracking-[-15px]">
             {toLocalNumberFormat(fractionDigits, { fixed: true })(rate)}
           </span>
-          {unit ? <span className="text-7xl">{unit}</span> : null}
+          {unit ? <span className="text-7xl mt-5">{unit}</span> : null}
         </div>
         {depositeName && isShowDepositeName ? (
           <div className="absolute bottom-2 w-full text-left whitespace-nowrap">{depositeName}</div>

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

@@ -10,7 +10,7 @@ export interface UnknownRateProps {
 
 export const UnknownRate = JSX<UnknownRateProps>(
   ({ title = 'Ставка', isUnavailableByTerm = false }) => (
-    <div className="space-y-s">
+    <div className="space-y-s min-w-96">
       <Text size="text-l" font="font-light" color="text-secondary-text">
         {title}
       </Text>

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

@@ -0,0 +1,45 @@
+import { type DepositCalculatorSourceBookParams } from '../../components/CalculatorDeposit/getDepositCalculatorParams';
+import { type CalcDefaultParamsProps } from './CalculatorProps';
+
+export const getDefaultParamsMin = (rateRows?: CalcDefaultParamsProps[]) =>
+  getDefaultParams(
+    [(i: number, acc: number): boolean => i < acc, (i, prev) => i?.maxSum > prev?.maxSum],
+    rateRows,
+  );
+export const getDefaultParamsMax = (
+  rateRows: DepositCalculatorSourceBookParams[] = [],
+  isNewClient = false,
+) =>
+  getDefaultParams(
+    [(i: number, acc: number) => i > acc, (i, prev) => i?.minSum < prev?.minSum],
+    rateRows?.filter((_) => isNewClient === Boolean(_?.isNewClient)),
+  );
+
+const getDefaultParams = (
+  comparators: [
+    (i: number, acc: number) => boolean,
+    (i: CalcDefaultParamsProps, prev: CalcDefaultParamsProps) => boolean,
+  ],
+  rateRows?: CalcDefaultParamsProps[],
+): CalcDefaultParamsProps | undefined => {
+  if (!rateRows?.length) {
+    return undefined;
+  }
+  const rates = rateRows?.reduce(
+    (acc, i) => {
+      if (comparators[0](i.rate, acc[0].rate)) {
+        return [i];
+      } else if (i.rate === acc[0].rate) {
+        return [...acc, i];
+      }
+
+      return acc;
+    },
+    [rateRows[0]],
+  );
+  if (rates.length > 1) {
+    return rates.reduce((prev, i) => (comparators[1](i, prev) ? i : prev), rates[0]);
+  }
+
+  return rates[0];
+};