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

package/mobile/lib/ui-kit/TabsControl/TabItemInner.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 import { Text } from '../Text/Text.js';
@@ -25,7 +25,7 @@ const activeTabBgStyleMap = {
 };
 export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
     const Tag = tag;
-    const { text, ...link } = item;
-    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: _jsx(Text, { size: "text-m", children: text }) }) }));
+    const { text, appendRight, ...link } = item;
+    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [_jsx(Text, { size: "text-m", children: text }), appendRight ? _jsx("div", { className: "ml-xs", children: appendRight }) : null] }) }));
 });
 //# sourceMappingURL=TabItemInner.js.map

package/mobile/lib/ui-kit/TabsControl/TabItemInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,cACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,GAC7B,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5C,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,eACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,EAChC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/components/Blocks.ts

@@ -1,6 +1,7 @@
 import type { BlocksRegistry } from '../model/BlocksRegistry';
 import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
+import { Bonus } from './Bonus/Bonus';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
 import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
 import { Calculator } from './Calculator/Calculator';
@@ -9,6 +10,7 @@ import { Carousel } from './Carousel/Carousel';
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard/CarouselBankHistoryCard';
 import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
+import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselProductCard } from './CarouselProductCard/CarouselProductCard';
 import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
@@ -27,6 +29,7 @@ import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
 import { ProductTile } from './ProductTile/ProductTile';
+import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
 import { SafeDepositRental } from './SafeDepositRental/SafeDepositRental';
@@ -40,6 +43,7 @@ import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 export const Blocks: BlocksRegistry = {
   ApplicationForm,
   BenefitsBlock,
+  Bonus,
   BonusBenefitsBlock,
   ButtonsBlock,
   Calculator,
@@ -48,6 +52,7 @@ export const Blocks: BlocksRegistry = {
   CarouselBankHistoryCard,
   CarouselCard,
   CarouselCatalogCard,
+  CarouselLinks,
   CarouselProductCard,
   CarouselProgramsCard,
   CarouselRecommendationCard,
@@ -66,6 +71,7 @@ export const Blocks: BlocksRegistry = {
   ProductBlock,
   ProductGallery,
   ProductTile,
+  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
   SafeDepositRental,

package/mobile/src/components/Bonus/Bonus.tsx

@@ -4,7 +4,6 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Headline } from '../Headline/Headline';
 import type { BonusContent, BonusCountDef, BonusImageDef } from './BonusContent';
 
@@ -29,18 +28,13 @@ export const Bonus = JSX<BonusProps>(
                   className="space-y-xs flex flex-col grow w-full sm:w-[49%] border border-gray p-m"
                 >
                   <div className="grow">
-                    {_?.title ? (
-                      <div className="mb-xs last:mb-0">
-                        <Text size="text-h4">{_.title}</Text>
-                      </div>
-                    ) : null}
-                    {_?.description ? (
-                      <div className="mb-text last:mb-0">
-                        <Paragraph size="text-xl" font="font-light">
-                          {_.description}
-                        </Paragraph>
-                      </div>
-                    ) : null}
+                    <Headline
+                      title={_?.title}
+                      description={_?.description}
+                      headlineVersion="S"
+                      isEmbedded={true}
+                      align="text-left"
+                    />
                   </div>
                   <div className="flex justify-center sm:justify-between sm:items-end">
                     <div className="hidden sm:block">{renderButtonsSection(_?.buttons)}</div>

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/components/CarouselEventCard/CarouselEventCard.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
-import { Text } from '../../ui-kit/Text/Text';
 import type { CarouselEventCardContent } from './CarouselEventCardContent';
+import { Headline } from '../Headline/Headline';
 
 export interface CarouselEventCardProps extends CarouselEventCardContent, UniBlockProps {}
 
@@ -16,16 +15,15 @@ export const CarouselEventCard = JSX<CarouselEventCardProps>(
         <LinkWrapper className="flex flex-col" href={href} target={target}>
           {icon?.icon ? <Img image={icon} /> : null}
           {icon?.src ? <Img image={icon} /> : null}
-          {title ? (
-            <Heading headingType="h6" as="h4" className="text-left mt-s ml-s mb-xs" title={title} />
-          ) : null}
-          {description ? (
-            <div className="ml-s mb-m">
-              <Text font="font-light" size="text-m" color="text-secondary-text">
-                {description}
-              </Text>
-            </div>
-          ) : null}
+          <div className="p-s">
+            <Headline
+              title={title}
+              description={description}
+              headlineVersion="XS"
+              isEmbedded={true}
+              align="text-left"
+            />
+          </div>
         </LinkWrapper>
       </BlockWrapper>
     );

package/mobile/src/components/ErrorBlock/ErrorBlock.tsx

@@ -1,12 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import { Text } from '../../ui-kit/Text/Text';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
 import type { ErrorBlockContent } from './ErrorBlockContent';
+import { Headline } from '../Headline/Headline';
 
 export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
@@ -33,14 +32,7 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
       {...rest}
     >
       <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
-      {title ? <Heading headingType="h1" className="text-left" title={title} /> : null}
-      {subtitle ? (
-        <div className="max-w-[613px] text-center">
-          <Text size="text-xl" font="font-light">
-            {subtitle}
-          </Text>
-        </div>
-      ) : null}
+      <Headline title={title} description={subtitle} headlineVersion="XL" isEmbedded={true} />
       {button?.text ? (
         <Button className="py-4 px-9" version={button?.version} {...button}>
           {button.text}

package/mobile/src/components/Footer/TextInformation.tsx

@@ -2,16 +2,17 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Text } from '../../ui-kit/Text/Text';
 import type { FooterLink } from './FooterLink';
 import { TextInformationLink } from './TextInformationLink';
+import { style } from '../../utils/style';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
-  <div className={className}>
+  <div className={style('@container', className)}>
     <div className="pt-lg">
       <Text size="text-xs" font="font-light" color="text-secondary-text">
         {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.`}
       </Text>
     </div>
     {links?.length ? (
-      <div className="flex flex-col sm:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
+      <div className="flex flex-col @lg:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

package/mobile/src/components/HorizontalLayout/HorizontalLayoutContent.ts

@@ -13,6 +13,8 @@ export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
 export type HorizontalLayoutContent = UniBlockContent & {
   colorPalette?: ColorPalette;
   gap?: GapVersion;
+  /** @title контур на дочерних элементах */
+  isCardBorder?: boolean;
   /** @title Внутренний отступ компоновщика */
   isPadding?: boolean;
 };

package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -83,7 +83,7 @@ const renderInvestmentColumn = (
       {column.cells?.length ? (
         <div
           className={`w-full ${
-            isLastColumn ? 'border-4 border-green-more-dark p-2xs min-w-[292px]' : ''
+            isLastColumn ? 'border-4 border-green-more-dark p-2xs min-w-72' : ''
           }`}
         >
           {column.cells.reverse().map(renderInvestmentCell)}

package/mobile/src/components/MortgageFiltration/MortgageFiltration.tsx

@@ -1,60 +1,45 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BaseFiltrationInner } from '../../ui-kit/BaseFiltration/BaseFiltrationInner';
 import { renderFiltrationForm } from '../../ui-kit/BaseFiltration/renderFiltrationForm';
+import { useHotFilters } from '../../ui-kit/BaseFiltration/useHotFilters';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import type { TabItemBase } from '../../ui-kit/TabsControl/TabItem';
 import { TabsControl } from '../../ui-kit/TabsControl/TabsControl';
 import { style } from '../../utils/style';
-import { hotFilterRecordCmp } from './HotFilterRecord';
 import type {
   MortgageFiltrationContent,
   MortgageFiltrationSchema,
 } from './MortgageFiltrationContent';
 
-interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
+type MortgageFiltrationState = Partial<Record<keyof MortgageFiltrationSchema, string[]>>;
 
-const initialFiltrationState: Partial<Record<keyof MortgageFiltrationSchema, string[]>> = {
+const initialFiltrationState: MortgageFiltrationState = {
   categories: [],
   extraOptions: [],
   propertyType: [],
   stage: [],
 };
 
+interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
+
 export const MortgageFiltration: JSXBlock<MortgageFiltrationProps> = JSX<MortgageFiltrationProps>(
-  ({ className, hotFilters = [], filtrationSchema = {}, resetButton, ...rest }) => {
+  ({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
     const [filtrationState, { field, reset, update: replaceFiltrationState }] =
       useForm(initialFiltrationState);
 
-    const tabsControlItems: TabItemBase[] = useMemo(
-      () =>
-        hotFilters.map(({ text }) => ({
-          text,
-        })),
-      [hotFilters],
+    const handleFiltrationStateChange = useCallback(
+      (_: MortgageFiltrationState = initialFiltrationState) => replaceFiltrationState(_),
+      [],
     );
 
-    const [hotFilterIndex, setHotFilterIndex] = useState(0);
-
-    const handleHotFilterSelect = useCallback(
-      (_: TabItemBase) => {
-        setHotFilterIndex(tabsControlItems.indexOf(_));
-        replaceFiltrationState(
-          hotFilters[tabsControlItems.indexOf(_)].filter || initialFiltrationState,
-        );
-      },
-      [hotFilters, tabsControlItems],
-    );
-
-    useEffect(() => {
-      const suggestedHotFilterIndex = hotFilters.findIndex((_) =>
-        hotFilterRecordCmp(_.filter, filtrationState),
-      );
-
-      setHotFilterIndex(suggestedHotFilterIndex !== -1 ? suggestedHotFilterIndex : 0);
-    }, [hotFilters, filtrationState]);
+    const tabsControlProps = useHotFilters({
+      hotFilters,
+      filtrationState,
+      blocks: rest.block?.blocks,
+      onFiltrationStateChange: handleFiltrationStateChange,
+    });
 
     return (
       <BlockWrapper
@@ -63,12 +48,7 @@ export const MortgageFiltration: JSXBlock<MortgageFiltrationProps> = JSX<Mortgag
         version="transparent"
         {...rest}
       >
-        <TabsControl
-          className="mb-2xs"
-          items={tabsControlItems}
-          value={tabsControlItems[hotFilterIndex]}
-          onChange={handleHotFilterSelect}
-        />
+        <TabsControl {...tabsControlProps} />
         {renderFiltrationForm({ field, reset, filtrationSchema, resetButton })}
         <BaseFiltrationInner filtrationState={filtrationState} {...rest} />
       </BlockWrapper>