@redneckz/wildless-cms-uni-blocks 0.13.7 → 0.13.8

package/mobile/src/components/Calculator/BusinessDepositCalculatorForm.tsx

@@ -1,21 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { style } from '../../utils/style';
 import type { BusinessDepositCalculatorProps } from './CalculatorContent';
-import { renderFootnote } from './renderFootnote';
-import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
+import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { BUSINESS_DEFAULT_DAYS, BUSINESS_DEFAULT_SUM } from './constants';
+import { renderDaysInput } from './renderDaysInput';
+import { renderFootnote } from './renderFootnote';
+import { renderInterestPayment } from './renderInterestPayment';
+import { renderRate } from './renderRate';
+import { renderWantedSumInput } from './renderWantedSumInput';
 import {
   BusinessDepositCalculatorParams,
   BusinessDepositCalculatorUserInputParams,
   useBusinessDepositCalculatorParams,
 } from './useBusinessDepositCalculatorParams';
-import { renderWantedSumInput } from './renderWantedSumInput';
-import { renderDaysInput } from './renderDaysInput';
-import { renderInterestPayment } from './renderInterestPayment';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
-import { renderRate } from './renderRate';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { style } from '../../utils/style';
 
 export interface BusinessDepositCalculatorProp extends BusinessDepositCalculatorProps {
   className?: string;
@@ -33,7 +33,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
     });
 
     const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, sourceBookDir);
-    const { income, finalSum, rate, isShowUnknownRate, depositeName } = calculatorParams;
+    const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
 
     return (
       <section className={style('flex flex-col justify-between sm:flex-row gap-m', className)}>
@@ -65,7 +65,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
           rate,
           depositeName,
           isShowDepositeName,
-          isShowUnknownRate,
+          isUnavailableByTerm,
         })}
         <div className="flex flex-col gap-2xl sm:w-96">
           {renderDepositResults(finalSum, income)}

package/mobile/src/components/Calculator/RefinancingCalculatorForm.tsx

@@ -14,15 +14,15 @@ import {
   REFINANCING_DEFAULT_SUM,
   REFINANCING_OLD_DEFAULT_SUM,
 } from './constants';
-import { Rate } from './Rate';
 import { renderFootnote } from './renderFootnote';
 import { renderMonthsInput } from './renderMonthsInput';
+import { renderPaymentType } from './renderPaymentType';
+import { renderRate } from './renderRate';
 import { renderWantedSumInput } from './renderWantedSumInput';
 import {
   RefinancingCalculatorParams,
   useRefinancingCalculatorParams,
 } from './useRefinancingCalculatorParams';
-import { renderPaymentType } from './renderPaymentType';
 
 export interface RefinancingCalculatorProp extends RefinancingCalculatorProps {
   className?: string;
@@ -86,13 +86,10 @@ export const RefinancingCalculatorForm = JSX<RefinancingCalculatorProp>(
               })
             : null}
         </div>
-        <Rate
-          title="Ставка"
-          rate={calculatorParams.rate}
-          fractionDigits={1}
-          rateBlockClassName="tracking-[-25px]"
-          unit="%"
-        />
+        {renderRate({
+          rate: calculatorParams.rate,
+          fractionDigits: 1,
+        })}
         <div className="flex flex-col gap-2xl sm:w-96">
           <CalculatorValueBlock
             title={'Ежемесячный платеж'}

package/mobile/src/components/Calculator/UnknownRate.tsx

@@ -5,20 +5,30 @@ import { Text } from '../../ui-kit/Text/Text';
 
 export interface UnknownRateProps {
   title?: string;
+  isUnavailableByTerm?: boolean;
 }
 
-export const UnknownRate = JSX<UnknownRateProps>(({ title = 'Ставка' }) => (
-  <div>
-    <Text size="text-l" font="font-light" color="text-secondary-text">
-      {title}
-    </Text>
-    <div className="mt-2xs pt-2xs pl-lg pb-xs">
-      <Icon name="PercentIcon" width="90" height="85" />
+export const UnknownRate = JSX<UnknownRateProps>(
+  ({ title = 'Ставка', isUnavailableByTerm = false }) => (
+    <div>
+      <Text size="text-l" font="font-light" color="text-secondary-text">
+        {title}
+      </Text>
+      <div className="mt-2xs pt-2xs pl-lg pb-xs">
+        <Icon name="PercentIcon" width="90" height="85" />
+      </div>
+      <div className="w-64 mt-m">
+        {isUnavailableByTerm ? (
+          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
+            Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в
+            Банк
+          </Paragraph>
+        ) : (
+          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
+            Выберите другую сумму или срок
+          </Paragraph>
+        )}
+      </div>
     </div>
-    <div className="w-64 mt-m">
-      <Paragraph size="text-xl" font="font-light" color="text-primary-text">
-        Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в Банк
-      </Paragraph>
-    </div>
-  </div>
-));
+  ),
+);

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

@@ -36,7 +36,7 @@ export const DEFAULT_CREDIT_CALCULATOR_PARAMS: CreditCalculatorSourceBookRatePar
   maxSum: DEFAULT_MAX_SUM,
   minMonths: DEFAULT_MIN_MONTHS,
   maxMonths: DEFAULT_MAX_MONTHS,
-  rate: 12.5,
+  rate: 0,
   isSalaryClient: false,
   isPensionClient: false,
   isStateEmployee: false,
@@ -52,7 +52,7 @@ export const DEFAULT_REFINANCING_CALCULATOR_PARAMS: RefinancingCalculatorSourceB
   maxSumExtra: REFINANCING_EXTRA_MAX_SUM,
   minMonths: DEFAULT_REFINANCING_MIN_MONTHS,
   maxMonths: DEFAULT_MAX_MONTHS,
-  rate: 7.5,
+  rate: 0,
   isExtraMoney: false,
   isSalaryClient: false,
   isInsurance: true,

package/mobile/src/components/Calculator/renderRate.tsx

@@ -1,18 +1,25 @@
-import { UnknownRate } from './UnknownRate';
-import { Rate } from './Rate';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
+import { Rate } from './Rate';
+import { UnknownRate } from './UnknownRate';
 
 interface RenderRateProps {
   rate: number;
   depositeName?: string;
-  isShowUnknownRate?: boolean;
+  isUnavailableByTerm?: boolean;
   isShowDepositeName?: boolean;
+  fractionDigits?: number;
 }
 
-const renderDesktopRate = ({ rate, depositeName, isShowDepositeName }: RenderRateProps) => (
+const renderDesktopRate = ({
+  rate,
+  depositeName,
+  fractionDigits,
+  isShowDepositeName,
+}: RenderRateProps) => (
   <Rate
     rate={rate}
     depositeName={depositeName}
+    fractionDigits={fractionDigits}
     isShowDepositeName={isShowDepositeName}
     rateBlockClassName="tracking-[-25px]"
     unit="%"
@@ -24,8 +31,8 @@ const renderMobileRate = ({ rate }: RenderRateProps) => (
 );
 
 export const renderRate = (props: RenderRateProps) => {
-  if (props.isShowUnknownRate) {
-    return <UnknownRate />;
+  if (props.rate === 0) {
+    return <UnknownRate isUnavailableByTerm={props.isUnavailableByTerm} />;
   }
 
   return (

package/mobile/src/components/Calculator/useBusinessDepositCalculatorParams.ts

@@ -34,7 +34,7 @@ export interface BusinessDepositCalculatorParams
   income?: number;
   finalSum?: number;
   isDisabledOperatingDeposit?: boolean;
-  isShowUnknownRate?: boolean;
+  isUnavailableByTerm?: boolean;
 }
 
 export type BusinessDepositCalculatorData = {
@@ -66,7 +66,7 @@ export const useBusinessDepositCalculatorParams = (
       ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
       ...userInputParams,
       isDisabledOperatingDeposit,
-      isShowUnknownRate: true,
+      isUnavailableByTerm: true,
     };
   }
   const businessDepositCalculatorSourceBookParams =

package/mobile/src/components/Calculator/useCreditCalculatorParams.ts

@@ -1,5 +1,4 @@
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { clamp } from '../../utils/clamp';
 import type { CreditCalculatorParamsViewSettings } from './CalculatorContent';
 import { CREDIT_CALC_DEFAULT_DIR, DEFAULT_CREDIT_CALCULATOR_PARAMS } from './constants';
 import { getCreditCalculatorLimitParams } from './getCreditCalculatorLimitParams';
@@ -51,7 +50,7 @@ export const useCreditCalculatorParams = (
   sourceBookDir?: string,
   paramsViewSettings?: CreditCalculatorParamsViewSettings,
 ): CreditCalculatorParams => {
-  let { moneyValue, monthsValue } = userInputParams;
+  const { moneyValue, monthsValue } = userInputParams;
   const data = useCalculatorParams<CreditCalculatorData>(sourceBookDir || CREDIT_CALC_DEFAULT_DIR);
   const rateRows = data?.rateRows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
   const limitRows = data?.limitRows || [];
@@ -72,9 +71,6 @@ export const useCreditCalculatorParams = (
     rateRows,
   );
 
-  moneyValue = clamp(moneyValue, minSum, maxSum);
-  monthsValue = clamp(monthsValue, minMonths, maxMonths);
-
   const creditCalculatorRateParams = getCreditCalculatorRateParams({
     rateRows,
     userInputParams,

package/mobile/src/components/Calculator/useRefinancingCalculatorParams.ts

@@ -1,12 +1,11 @@
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { clamp } from '../../utils/clamp';
-import { DEFAULT_REFINANCING_CALCULATOR_PARAMS, REFINANCING_CALC_DEFAULT_DIR } from './constants';
-import { getLimitRangeByKeys } from './rangeHelpers';
-import { useCalculatorParams } from './useCalculatorParams';
 import { RefinancingCalculatorParamsViewSettings } from './CalculatorContent';
+import { DEFAULT_REFINANCING_CALCULATOR_PARAMS, REFINANCING_CALC_DEFAULT_DIR } from './constants';
+import { getMonthlyPayment } from './getMonthlyPayment';
 import { getRefinancingCalculatorLimitParams } from './getRefinancingCalculatorLimitParams';
 import { getRefinancingCalculatorRateParams } from './getRefinancingCalculatorRateParams';
-import { getMonthlyPayment } from './getMonthlyPayment';
+import { getLimitRangeByKeys } from './rangeHelpers';
+import { useCalculatorParams } from './useCalculatorParams';
 
 export interface CommonRefinancingParams {
   isSalaryClient: boolean;
@@ -61,7 +60,7 @@ export const useRefinancingCalculatorParams = (
   sourceBookDir?: string,
   paramsViewSettings?: RefinancingCalculatorParamsViewSettings,
 ): RefinancingCalculatorParams => {
-  let { moneyValue, monthsValue, oldMonthlyPayment, moneyExtra } = userInputParams;
+  const { moneyValue, monthsValue, oldMonthlyPayment, moneyExtra } = userInputParams;
   const data = useCalculatorParams<RefinancingCalculatorData>(
     sourceBookDir || REFINANCING_CALC_DEFAULT_DIR,
   );
@@ -79,29 +78,12 @@ export const useRefinancingCalculatorParams = (
     rateRows,
   );
 
-  const { minSumOld, maxSumOld } = getLimitRangeByKeys(
-    ['minSumOld', 'maxSumOld'],
-    sourceBookLimitParams,
-    rateRows,
-  );
-
-  const { minSumExtra, maxSumExtra } = getLimitRangeByKeys(
-    ['minSumExtra', 'maxSumExtra'],
-    sourceBookLimitParams,
-    rateRows,
-  );
-
   const { minMonths, maxMonths } = getLimitRangeByKeys(
     ['minMonths', 'maxMonths'],
     sourceBookLimitParams,
     rateRows,
   );
 
-  moneyValue = clamp(moneyValue, minSum, maxSum);
-  oldMonthlyPayment = clamp(oldMonthlyPayment, minSumOld, maxSumOld);
-  moneyExtra = clamp(moneyExtra, minSumExtra, maxSumExtra);
-  monthsValue = clamp(monthsValue, minMonths, maxMonths);
-
   const refinancingCalculatorSourceBookRateParams = getRefinancingCalculatorRateParams({
     rateRows,
     userInputParams,

package/mobile/src/components/Carousel/CarouselContent.ts

@@ -2,9 +2,9 @@ import type { UniBlockContent } from '../../model/JSXBlock';
 
 /**
  * @title Размер карточек
- * @enumNames ["Нормальный", "Большой"]
+ * @enumNames ["Маленький", "Нормальный", "Большой"]
  */
-export type CardSizeMode = 'normal' | 'big';
+export type CardSizeMode = 'small' | 'normal' | 'big';
 
 /**
  * @title Карусель

package/mobile/src/components/Carousel/renderCarouselCards.tsx

@@ -10,6 +10,7 @@ import type { CardSizeMode } from './CarouselContent';
 const cardBaseStyle = 'relative h-full';
 
 const CARD_SIZE_MAP: Record<CardSizeMode, string> = {
+  small: 'sm:min-w-64',
   normal: 'sm:min-w-96',
   big: 'sm:min-w-[515px]',
 };

package/mobile/src/ui-kit/InputRange/renderRangeWithTicks.tsx

@@ -20,8 +20,9 @@ export function renderRangeWithTicks({
   onChange,
 }: RangeWithTicksProps) {
   const rangeValue = list.length ? list.indexOf(value) : value;
+  const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
   const inputStyle = {
-    backgroundSize: `${(((rangeValue - min) * 100) / (max - min)).toFixed(2)}% 100%`,
+    backgroundSize: `${((rangeValueShift * 100) / (max - min)).toFixed(2)}% 100%`,
   };
 
   return (

package/package.json

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

package/src/components/Calculator/BusinessDepositCalculatorForm.tsx

@@ -1,21 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { style } from '../../utils/style';
 import type { BusinessDepositCalculatorProps } from './CalculatorContent';
-import { renderFootnote } from './renderFootnote';
-import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
+import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { BUSINESS_DEFAULT_DAYS, BUSINESS_DEFAULT_SUM } from './constants';
+import { renderDaysInput } from './renderDaysInput';
+import { renderFootnote } from './renderFootnote';
+import { renderInterestPayment } from './renderInterestPayment';
+import { renderRate } from './renderRate';
+import { renderWantedSumInput } from './renderWantedSumInput';
 import {
   BusinessDepositCalculatorParams,
   BusinessDepositCalculatorUserInputParams,
   useBusinessDepositCalculatorParams,
 } from './useBusinessDepositCalculatorParams';
-import { renderWantedSumInput } from './renderWantedSumInput';
-import { renderDaysInput } from './renderDaysInput';
-import { renderInterestPayment } from './renderInterestPayment';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
-import { renderRate } from './renderRate';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { style } from '../../utils/style';
 
 export interface BusinessDepositCalculatorProp extends BusinessDepositCalculatorProps {
   className?: string;
@@ -33,7 +33,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
     });
 
     const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, sourceBookDir);
-    const { income, finalSum, rate, isShowUnknownRate, depositeName } = calculatorParams;
+    const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
 
     return (
       <section className={style('flex flex-col justify-between sm:flex-row gap-m', className)}>
@@ -65,7 +65,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
           rate,
           depositeName,
           isShowDepositeName,
-          isShowUnknownRate,
+          isUnavailableByTerm,
         })}
         <div className="flex flex-col gap-2xl sm:w-96">
           {renderDepositResults(finalSum, income)}

package/src/components/Calculator/RefinancingCalculatorForm.tsx

@@ -14,15 +14,15 @@ import {
   REFINANCING_DEFAULT_SUM,
   REFINANCING_OLD_DEFAULT_SUM,
 } from './constants';
-import { Rate } from './Rate';
 import { renderFootnote } from './renderFootnote';
 import { renderMonthsInput } from './renderMonthsInput';
+import { renderPaymentType } from './renderPaymentType';
+import { renderRate } from './renderRate';
 import { renderWantedSumInput } from './renderWantedSumInput';
 import {
   RefinancingCalculatorParams,
   useRefinancingCalculatorParams,
 } from './useRefinancingCalculatorParams';
-import { renderPaymentType } from './renderPaymentType';
 
 export interface RefinancingCalculatorProp extends RefinancingCalculatorProps {
   className?: string;
@@ -86,13 +86,10 @@ export const RefinancingCalculatorForm = JSX<RefinancingCalculatorProp>(
               })
             : null}
         </div>
-        <Rate
-          title="Ставка"
-          rate={calculatorParams.rate}
-          fractionDigits={1}
-          rateBlockClassName="tracking-[-25px]"
-          unit="%"
-        />
+        {renderRate({
+          rate: calculatorParams.rate,
+          fractionDigits: 1,
+        })}
         <div className="flex flex-col gap-2xl sm:w-96">
           <CalculatorValueBlock
             title={'Ежемесячный платеж'}

package/src/components/Calculator/UnknownRate.tsx

@@ -5,20 +5,30 @@ import { Text } from '../../ui-kit/Text/Text';
 
 export interface UnknownRateProps {
   title?: string;
+  isUnavailableByTerm?: boolean;
 }
 
-export const UnknownRate = JSX<UnknownRateProps>(({ title = 'Ставка' }) => (
-  <div>
-    <Text size="text-l" font="font-light" color="text-secondary-text">
-      {title}
-    </Text>
-    <div className="mt-2xs pt-2xs pl-lg pb-xs">
-      <Icon name="PercentIcon" width="90" height="85" />
+export const UnknownRate = JSX<UnknownRateProps>(
+  ({ title = 'Ставка', isUnavailableByTerm = false }) => (
+    <div>
+      <Text size="text-l" font="font-light" color="text-secondary-text">
+        {title}
+      </Text>
+      <div className="mt-2xs pt-2xs pl-lg pb-xs">
+        <Icon name="PercentIcon" width="90" height="85" />
+      </div>
+      <div className="w-64 mt-m">
+        {isUnavailableByTerm ? (
+          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
+            Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в
+            Банк
+          </Paragraph>
+        ) : (
+          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
+            Выберите другую сумму или срок
+          </Paragraph>
+        )}
+      </div>
     </div>
-    <div className="w-64 mt-m">
-      <Paragraph size="text-xl" font="font-light" color="text-primary-text">
-        Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в Банк
-      </Paragraph>
-    </div>
-  </div>
-));
+  ),
+);

package/src/components/Calculator/constants.ts

@@ -36,7 +36,7 @@ export const DEFAULT_CREDIT_CALCULATOR_PARAMS: CreditCalculatorSourceBookRatePar
   maxSum: DEFAULT_MAX_SUM,
   minMonths: DEFAULT_MIN_MONTHS,
   maxMonths: DEFAULT_MAX_MONTHS,
-  rate: 12.5,
+  rate: 0,
   isSalaryClient: false,
   isPensionClient: false,
   isStateEmployee: false,
@@ -52,7 +52,7 @@ export const DEFAULT_REFINANCING_CALCULATOR_PARAMS: RefinancingCalculatorSourceB
   maxSumExtra: REFINANCING_EXTRA_MAX_SUM,
   minMonths: DEFAULT_REFINANCING_MIN_MONTHS,
   maxMonths: DEFAULT_MAX_MONTHS,
-  rate: 7.5,
+  rate: 0,
   isExtraMoney: false,
   isSalaryClient: false,
   isInsurance: true,

package/src/components/Calculator/renderRate.tsx

@@ -1,18 +1,25 @@
-import { UnknownRate } from './UnknownRate';
-import { Rate } from './Rate';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
+import { Rate } from './Rate';
+import { UnknownRate } from './UnknownRate';
 
 interface RenderRateProps {
   rate: number;
   depositeName?: string;
-  isShowUnknownRate?: boolean;
+  isUnavailableByTerm?: boolean;
   isShowDepositeName?: boolean;
+  fractionDigits?: number;
 }
 
-const renderDesktopRate = ({ rate, depositeName, isShowDepositeName }: RenderRateProps) => (
+const renderDesktopRate = ({
+  rate,
+  depositeName,
+  fractionDigits,
+  isShowDepositeName,
+}: RenderRateProps) => (
   <Rate
     rate={rate}
     depositeName={depositeName}
+    fractionDigits={fractionDigits}
     isShowDepositeName={isShowDepositeName}
     rateBlockClassName="tracking-[-25px]"
     unit="%"
@@ -24,8 +31,8 @@ const renderMobileRate = ({ rate }: RenderRateProps) => (
 );
 
 export const renderRate = (props: RenderRateProps) => {
-  if (props.isShowUnknownRate) {
-    return <UnknownRate />;
+  if (props.rate === 0) {
+    return <UnknownRate isUnavailableByTerm={props.isUnavailableByTerm} />;
   }
 
   return (

package/src/components/Calculator/useBusinessDepositCalculatorParams.ts

@@ -34,7 +34,7 @@ export interface BusinessDepositCalculatorParams
   income?: number;
   finalSum?: number;
   isDisabledOperatingDeposit?: boolean;
-  isShowUnknownRate?: boolean;
+  isUnavailableByTerm?: boolean;
 }
 
 export type BusinessDepositCalculatorData = {
@@ -66,7 +66,7 @@ export const useBusinessDepositCalculatorParams = (
       ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
       ...userInputParams,
       isDisabledOperatingDeposit,
-      isShowUnknownRate: true,
+      isUnavailableByTerm: true,
     };
   }
   const businessDepositCalculatorSourceBookParams =

package/src/components/Calculator/useCreditCalculatorParams.ts

@@ -1,5 +1,4 @@
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { clamp } from '../../utils/clamp';
 import type { CreditCalculatorParamsViewSettings } from './CalculatorContent';
 import { CREDIT_CALC_DEFAULT_DIR, DEFAULT_CREDIT_CALCULATOR_PARAMS } from './constants';
 import { getCreditCalculatorLimitParams } from './getCreditCalculatorLimitParams';
@@ -51,7 +50,7 @@ export const useCreditCalculatorParams = (
   sourceBookDir?: string,
   paramsViewSettings?: CreditCalculatorParamsViewSettings,
 ): CreditCalculatorParams => {
-  let { moneyValue, monthsValue } = userInputParams;
+  const { moneyValue, monthsValue } = userInputParams;
   const data = useCalculatorParams<CreditCalculatorData>(sourceBookDir || CREDIT_CALC_DEFAULT_DIR);
   const rateRows = data?.rateRows || [DEFAULT_CREDIT_CALCULATOR_PARAMS];
   const limitRows = data?.limitRows || [];
@@ -72,9 +71,6 @@ export const useCreditCalculatorParams = (
     rateRows,
   );
 
-  moneyValue = clamp(moneyValue, minSum, maxSum);
-  monthsValue = clamp(monthsValue, minMonths, maxMonths);
-
   const creditCalculatorRateParams = getCreditCalculatorRateParams({
     rateRows,
     userInputParams,

package/src/components/Calculator/useRefinancingCalculatorParams.ts

@@ -1,12 +1,11 @@
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { clamp } from '../../utils/clamp';
-import { DEFAULT_REFINANCING_CALCULATOR_PARAMS, REFINANCING_CALC_DEFAULT_DIR } from './constants';
-import { getLimitRangeByKeys } from './rangeHelpers';
-import { useCalculatorParams } from './useCalculatorParams';
 import { RefinancingCalculatorParamsViewSettings } from './CalculatorContent';
+import { DEFAULT_REFINANCING_CALCULATOR_PARAMS, REFINANCING_CALC_DEFAULT_DIR } from './constants';
+import { getMonthlyPayment } from './getMonthlyPayment';
 import { getRefinancingCalculatorLimitParams } from './getRefinancingCalculatorLimitParams';
 import { getRefinancingCalculatorRateParams } from './getRefinancingCalculatorRateParams';
-import { getMonthlyPayment } from './getMonthlyPayment';
+import { getLimitRangeByKeys } from './rangeHelpers';
+import { useCalculatorParams } from './useCalculatorParams';
 
 export interface CommonRefinancingParams {
   isSalaryClient: boolean;
@@ -61,7 +60,7 @@ export const useRefinancingCalculatorParams = (
   sourceBookDir?: string,
   paramsViewSettings?: RefinancingCalculatorParamsViewSettings,
 ): RefinancingCalculatorParams => {
-  let { moneyValue, monthsValue, oldMonthlyPayment, moneyExtra } = userInputParams;
+  const { moneyValue, monthsValue, oldMonthlyPayment, moneyExtra } = userInputParams;
   const data = useCalculatorParams<RefinancingCalculatorData>(
     sourceBookDir || REFINANCING_CALC_DEFAULT_DIR,
   );
@@ -79,29 +78,12 @@ export const useRefinancingCalculatorParams = (
     rateRows,
   );
 
-  const { minSumOld, maxSumOld } = getLimitRangeByKeys(
-    ['minSumOld', 'maxSumOld'],
-    sourceBookLimitParams,
-    rateRows,
-  );
-
-  const { minSumExtra, maxSumExtra } = getLimitRangeByKeys(
-    ['minSumExtra', 'maxSumExtra'],
-    sourceBookLimitParams,
-    rateRows,
-  );
-
   const { minMonths, maxMonths } = getLimitRangeByKeys(
     ['minMonths', 'maxMonths'],
     sourceBookLimitParams,
     rateRows,
   );
 
-  moneyValue = clamp(moneyValue, minSum, maxSum);
-  oldMonthlyPayment = clamp(oldMonthlyPayment, minSumOld, maxSumOld);
-  moneyExtra = clamp(moneyExtra, minSumExtra, maxSumExtra);
-  monthsValue = clamp(monthsValue, minMonths, maxMonths);
-
   const refinancingCalculatorSourceBookRateParams = getRefinancingCalculatorRateParams({
     rateRows,
     userInputParams,

package/src/components/Carousel/CarouselContent.ts

@@ -2,9 +2,9 @@ import type { UniBlockContent } from '../../model/JSXBlock';
 
 /**
  * @title Размер карточек
- * @enumNames ["Нормальный", "Большой"]
+ * @enumNames ["Маленький", "Нормальный", "Большой"]
  */
-export type CardSizeMode = 'normal' | 'big';
+export type CardSizeMode = 'small' | 'normal' | 'big';
 
 /**
  * @title Карусель

package/src/components/Carousel/renderCarouselCards.tsx

@@ -10,6 +10,7 @@ import type { CardSizeMode } from './CarouselContent';
 const cardBaseStyle = 'relative h-full';
 
 const CARD_SIZE_MAP: Record<CardSizeMode, string> = {
+  small: 'sm:min-w-64',
   normal: 'sm:min-w-96',
   big: 'sm:min-w-[515px]',
 };

package/src/ui-kit/InputRange/renderRangeWithTicks.tsx

@@ -20,8 +20,9 @@ export function renderRangeWithTicks({
   onChange,
 }: RangeWithTicksProps) {
   const rangeValue = list.length ? list.indexOf(value) : value;
+  const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
   const inputStyle = {
-    backgroundSize: `${(((rangeValue - min) * 100) / (max - min)).toFixed(2)}% 100%`,
+    backgroundSize: `${((rangeValueShift * 100) / (max - min)).toFixed(2)}% 100%`,
   };
 
   return (