@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.4-credit

package/src/components/ApplicationLeadForm/applicationFormData.tsx

@@ -12,7 +12,6 @@ export const getApplicationFormData = (productType: ProductType): SectionsRetail
     { name: 'consentInformFlg' },
     { name: 'consentPfrFlg' },
     { name: 'consentInformMaterialsFlg' },
-    { name: 'consentPhotoFlg' },
     { name: 'consentFATCA', required: true },
   ];
 

package/src/components/ApplicationLeadForm/consents.ts

@@ -1,11 +1,11 @@
+import type { TextProps } from '../../model/HeadlineType';
 import {
   type CreditCardFormConsents,
   type CreditFormConsents,
   type DebitCardFormConsents,
 } from '../../retail/model/LeadFormState';
 
-interface ConsentData {
-  text: string;
+interface ConsentData extends TextProps {
   docId?: number;
 }
 
@@ -53,10 +53,6 @@ const CREDIT_CARD_CONSENTS: Record<keyof CreditCardFormConsents, ConsentData> =
     text: 'Согласие на получение информационных материалов',
     docId: 18,
   },
-  consentPhotoFlg: {
-    text: 'Согласие на фотографирование',
-    docId: 17,
-  },
 };
 
 const DEBIT_CARD_CONSENTS: Record<keyof DebitCardFormConsents, ConsentData> = {

package/src/components/ApplicationLeadForm/parseEsiaProfile.ts

@@ -34,8 +34,10 @@ export const parseEsiaProfile = async (
     dulSubdivisionCode: document.dulSubdivisionCode,
     birthPlace: addInfo.birthPlace,
     addressRegistration: buildAddress(addressRegistration),
-    addressFact: buildAddress(addressFact),
     esiaAccountTypeCd: isDebit ? profile.esiaAccountType : { key: '' },
+    ...(addressFact && {
+      addressFact: buildAddress(addressFact),
+    }),
   };
 
   return {
@@ -138,16 +140,6 @@ const saveDocuments = async (
       category: 'CONFIRMING_INCOME_DOC',
       isPDF: false,
     },
-    {
-      file: esiaAdditionalDocument.pdfFileSigWorkbook,
-      category: 'CONFIRMING_INCOME_DOC',
-      isPDF: true,
-    },
-    {
-      file: esiaAdditionalDocument.xmlFileSigWorkbook,
-      category: 'CONFIRMING_INCOME_DOC',
-      isPDF: false,
-    },
   ];
 
   for (const doc of documents) {
@@ -202,8 +194,6 @@ const checkEsiaAdditionalDocument = (esiaProfile: EsiaRequestProfileResponse) =>
     esiaAdditionalDocument?.xmlFilePayout,
     esiaAdditionalDocument?.xmlFileSigPayout,
     esiaAdditionalDocument?.xmlFileWorkbook,
-    esiaAdditionalDocument?.pdfFileSigWorkbook,
-    esiaAdditionalDocument?.xmlFileSigWorkbook,
   ];
 
   return data.every(Boolean);

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -187,7 +187,6 @@ const transformConsentsFields = (
     consentInformFlg,
     consentProviderFlg,
     consentInformMaterialsFlg,
-    consentPhotoFlg,
     consentFATCA,
   } = formData;
 
@@ -195,14 +194,14 @@ const transformConsentsFields = (
 
   if (productType === 'credit') {
     consents = {
-      consentPhotoFlg: consentOthersFlg,
       consentPfrFlg: consentPfrFlg,
       consentInformMaterialsFlg: consentOthersFlg,
+      consentPhotoFlg: false,
     };
   } else if (productType === 'creditCard') {
     consents = {
       consentInformMaterialsFlg,
-      consentPhotoFlg,
+      consentPhotoFlg: false,
     };
   } else {
     consents = {

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -3,8 +3,7 @@ import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
-import { EsiaStatuses } from './ApplicationLeadForm';
-import { type ProductType } from './ApplicationLeadFormContent';
+import { EsiaStatuses, type ProductType } from './ApplicationLeadFormContent';
 import { getInitialFormState } from './getInitialFormState';
 import { parseEsiaProfile } from './parseEsiaProfile';
 import { useLeadFormStore } from './useLeadFormStore';

package/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -45,7 +45,7 @@ const renderBenefit = (
 ) => (
   <div
     key={String(i)}
-    className="flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]"
+    className="flex gap-m items-center @md:basis-1/2 @md:max-w-lg"
     role="listitem"
   >
     {icon?.icon ? (

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,4 +1,4 @@
-import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
 import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
 import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';

package/src/components/Blocks.mobile.ts

@@ -14,17 +14,13 @@ import { CalculatorDeposit } from './CalculatorDeposit/CalculatorDeposit';
 import { CalculatorRefinancing } from './CalculatorRefinancing/CalculatorRefinancing';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
-import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
-import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { CreditCardForm } from './CreditCardForm/CreditCardForm';
 import { CreditForm } from './CreditForm/CreditForm';
 import { DepositFiltration } from './DepositFiltration/DepositFiltration';
-import { Depository } from './Depository/Depository';
 import { ErrorBlock } from './ErrorBlock/ErrorBlock';
-import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { GalleryLayout } from './GalleryLayout/GalleryLayout';
 import { GrantSupport } from './GrantSupport/GrantSupport';
@@ -34,21 +30,15 @@ import { HorizontalLayout } from './HorizontalLayout/HorizontalLayout';
 import { ImgBlock } from './ImgBlock/ImgBlock';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
-import { MortgageFiltration } from './MortgageFiltration/MortgageFiltration';
 import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
-import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
-import { ProductGallery } from './ProductGallery/ProductGallery';
-import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
-import { SafeDepositRental } from './SafeDepositRental/SafeDepositRental';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 import { TabsLayout } from './TabsLayout/TabsLayout';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { UnitBlock } from './UnitBlock/UnitBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
@@ -65,15 +55,11 @@ export const Blocks: BlocksRegistry = {
   CalculatorRefinancing,
   CardTransfer,
   Carousel,
-  CarouselCard,
   CarouselCatalogCard,
-  CarouselLinks,
   CarouselRecommendationCard,
   CarouselTariffsCard,
   DepositFiltration,
-  Depository,
   ErrorBlock,
-  ExchangeRateTile,
   Footer,
   GalleryLayout,
   GrantSupport,
@@ -83,21 +69,15 @@ export const Blocks: BlocksRegistry = {
   ImgBlock,
   LinkDocs,
   MobileAppTile,
-  MortgageFiltration,
   OfficesAtmsMap,
-  Placeholder,
   ProductBlock,
-  ProductGallery,
-  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
-  SafeDepositRental,
   StepsBlock,
   StickyBottomMenu,
   TabsLayout,
   TariffsTable,
   TextBlock,
-  UnitBlock,
   VerticalLayout,
   ApplicationLeadForm,
   CreditCardForm,

package/src/components/Blocks.ts

@@ -14,9 +14,7 @@ import { CalculatorDeposit } from './CalculatorDeposit/CalculatorDeposit';
 import { CalculatorRefinancing } from './CalculatorRefinancing/CalculatorRefinancing';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
-import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
-import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { ContactsBlock } from './ContactsBlock/ContactsBlock';
@@ -24,36 +22,25 @@ import { CreditCardForm } from './CreditCardForm/CreditCardForm';
 import { CreditForm } from './CreditForm/CreditForm';
 import { DebitForm } from './DebitForm/DebitForm';
 import { DepositFiltration } from './DepositFiltration/DepositFiltration';
-import { Depository } from './Depository/Depository';
 import { ErrorBlock } from './ErrorBlock/ErrorBlock';
-import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { GalleryLayout } from './GalleryLayout/GalleryLayout';
-import { GracePeriod } from './GracePeriod/GracePeriod';
 import { GrantSupport } from './GrantSupport/GrantSupport';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { HorizontalLayout } from './HorizontalLayout/HorizontalLayout';
 import { ImgBlock } from './ImgBlock/ImgBlock';
-import { InsuranceAmountBlock } from './InsuranceAmountBlock/InsuranceAmountBlock';
-import { InvestmentInfo } from './InvestmentInfo/InvestmentInfo';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
-import { MortgageFiltration } from './MortgageFiltration/MortgageFiltration';
 import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
-import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
-import { ProductGallery } from './ProductGallery/ProductGallery';
-import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
-import { SafeDepositRental } from './SafeDepositRental/SafeDepositRental';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 import { TabsLayout } from './TabsLayout/TabsLayout';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { UnitBlock } from './UnitBlock/UnitBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 import { Video } from './Video/Video';
 
@@ -71,43 +58,30 @@ export const Blocks: BlocksRegistry = {
   CalculatorRefinancing,
   CardTransfer,
   Carousel,
-  CarouselCard,
   CarouselCatalogCard,
-  CarouselLinks,
   CarouselRecommendationCard,
   CarouselTariffsCard,
   ContactsBlock,
   DepositFiltration,
-  Depository,
   ErrorBlock,
-  ExchangeRateTile,
   Footer,
   GalleryLayout,
-  GracePeriod,
   GrantSupport,
   Header,
   Headline,
   HorizontalLayout,
   ImgBlock,
-  InsuranceAmountBlock,
-  InvestmentInfo,
   LinkDocs,
   MobileAppTile,
-  MortgageFiltration,
   OfficesAtmsMap,
-  Placeholder,
   ProductBlock,
-  ProductGallery,
-  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
-  SafeDepositRental,
   StepsBlock,
   StickyBottomMenu,
   TabsLayout,
   TariffsTable,
   TextBlock,
-  UnitBlock,
   VerticalLayout,
   Video,
   ApplicationLeadForm,

package/src/components/CalculatorBonus/CalculatorBonus.tsx

@@ -17,7 +17,6 @@ const DEFAULT_TRAVEL_MIN_SUM = 6000;
 const DEFAULT_REST_MIN_SUM = 6000;
 
 export interface CalculatorBonusProps extends CalculatorBonusContent, UniBlockProps {
-  className?: string;
   calcSource?: BonusCalculatorData & JSONRefObject;
 }
 

package/src/components/CalculatorBusinessDeposit/CalculatorBusinessDeposit.tsx

@@ -1,4 +1,5 @@
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm/useForm';
+import { type ComponentType } from '../../model/ComponentType';
 import { CalculatorLayout } from '../../ui-kit/Calculator/CalculatorLayout';
 import { CalculatorStyle } from '../../ui-kit/Calculator/CalculatorStyle';
 import {
@@ -30,9 +31,8 @@ const BUSINESS_DEFAULT_DAYS = 60;
 
 export interface CalculatorBusinessDepositProp
   extends CalculatorBusinessDepositProps,
-    CalculatorBusinessDepositContent {
-  className?: string;
-}
+    CalculatorBusinessDepositContent,
+    ComponentType {}
 
 export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>(
   ({

package/src/components/CalculatorCredit/CalculatorCredit.tsx

@@ -44,7 +44,6 @@ const MAP = {
 };
 
 export interface CalculatorDepositProps extends CalculatorCreditContent, UniBlockProps {
-  className?: string;
   calcSource?: CreditCalculatorData & JSONRefObject;
   onChange?: (params: CreditCalculatorUserInputParams) => void;
 }

package/src/components/CalculatorDeposit/CalculatorDeposit.tsx

@@ -52,7 +52,6 @@ const DEPOSIT_DEFAULT_MONTHS = 1;
 const DEPOSIT_DEFAULT_EXTRA_PERCENT = { text: 'Без учета надбавки', key: '0' };
 
 export interface CalculatorDepositProps extends CalculatorDepositContent, UniBlockProps {
-  className?: string;
   calcSource?: DepositCalculatorData & JSONRefObject;
 }
 

package/src/components/CalculatorDeposit/renderDepositResult.tsx

@@ -11,7 +11,6 @@ type DepositResultProps = {
   buttons?: LinkButtonContent[];
   footnotes?: string[];
   isCapitalization?: boolean;
-  isDisabled?: boolean;
 };
 
 const CAPITALIZATION = ' (c капитализацией)';

package/src/components/CalculatorRefinancing/CalculatorRefinancing.tsx

@@ -27,7 +27,6 @@ const REFINANCING_DEFAULT_SUM = 700000;
 const DEFAULT_REFINANCING_MONTHS = 48;
 
 export interface RefinancingCalculatorProp extends CalculatorRefinancingContent, UniBlockProps {
-  className?: string;
   calcSource?: JSONRefObject & RefinancingCalculatorData;
 }
 
@@ -98,9 +97,7 @@ export const CalculatorRefinancing = UniBlock<RefinancingCalculatorProp>(
                   value: calcParams.moneyExtra,
                 })
               : null}
-            <div className="sm:hidden pt-1 pb-4 border-b border-main-divider">
-              {paymentTypeElement}
-            </div>
+            <div className="sm:hidden pb-m border-b border-main-divider">{paymentTypeElement}</div>
           </div>
           <div className={style(CalculatorStyle.result, '@4xl:w-1/2')}>
             <CalculatorValue title="Полная стоимость кредита" value={calcSource?.totalLoanCost} />

package/src/components/CardTransfer/CardTransfer.tsx

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useForm } from '../../hooks/useForm/useForm';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
@@ -31,35 +29,24 @@ export const CardTransfer = JSX<CardTransferProps>(
     formType = 'private',
     ...rest
   }) => {
-    const [isDisabled, { setValue: setDisabled }] = useBool(false);
-
     const handleSubmit = useSubmitCardTransfer(formType);
 
     const [{ amount }, { field, onSubmit }] = useForm(INITIAL_FORM_STATE, {
       onSubmit: handleSubmit,
     });
 
-    // TODO: dont set state in useEffect
-    useEffect(() => {
-      setDisabled(amount <= 0);
-    }, [amount]);
-
     return (
       <BlockWrapper
-        className={style('flex flex-col items-center', className)}
+        className={style('flex flex-col gap-4xl items-center', className)}
         defaultPadding="p-6xl"
         {...rest}
       >
         {title ? (
-          <Heading
-            className="pb-lg xl:pb-4xl self-start xl:self-center"
-            headingType="h3"
-            title={title}
-          />
+          <Heading className="self-start xl:self-center" headingType="h3" title={title} />
         ) : null}
-        <form className="w-full xl:max-w-[468px]" method="POST" onSubmit={onSubmit}>
+        <form className="w-full xl:max-w-md space-y-lg" method="POST" onSubmit={onSubmit}>
           <CurrencyInput
-            valid={!isDisabled}
+            valid={amount > 0}
             label={label}
             max={MAX_AMOUNT}
             min={MIN_AMOUNT}
@@ -67,7 +54,7 @@ export const CardTransfer = JSX<CardTransferProps>(
           />
           <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
-            <SubmitButton className="w-full mt-lg" disabled={isDisabled}>
+            <SubmitButton className="w-full" disabled={amount <= 0}>
               {button.text}
             </SubmitButton>
           ) : null}

package/src/components/CardTransfer/SubmitFailedDialog.tsx

@@ -1,9 +1,9 @@
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { Dialog } from '../../ui-kit/DialogManager/Dialog';
 import { Img } from '../../ui-kit/Img/Img';
 import { Headline } from '../Headline/Headline';
 
-export interface FormResponseDialogProps {
-  onClose?: () => void;
+export interface FormResponseDialogProps extends OnCloseProps {
   errorCode?: number;
   errorMessage?: string;
 }
@@ -29,8 +29,8 @@ export const SubmitFailedDialog = ({
           isEmbedded={true}
         />
         {errorMessage ? (
-          <div className="bg-secondary-dark rounded-xl px-4 pt-4 pb-8 grid gap-4 grid-cols-12">
-            <div className="col-span-8"> {errorMessage}</div>
+          <div className="bg-secondary-dark rounded-xl p-m grid gap-m grid-cols-12">
+            <div className="col-span-8">{errorMessage}</div>
             <div className="col-span-4">
               <Img image={{ icon: 'ResponseFailIcon', iconVersion: 'normal' }} />
             </div>

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

@@ -3,7 +3,6 @@ import { type BlockDef } from '../../model/ContentPageDef';
 import { type Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { Blocks } from '../Blocks';
-import { CARD } from '../CarouselCard/CarouselCard.fixture';
 import { CATALOG_CARD, CATALOG_CARD_NEW } from '../CarouselCatalogCard/CarouselCatalogCard.fixture';
 import { CAROUSEL_RECOMMENDATION_CARD_BENEFITS } from '../CarouselRecommendationCard/CarouselRecommendationCard.fixture';
 import { CAROUSEL_RECOMMENDATION_CARD } from '../CarouselRecommendationCard/CarouselRecommendationCard.fixture.mobile';
@@ -46,21 +45,6 @@ const options = {
 
 export default {
   default: (
-    <div className="container grid grid-cols-12">
-      <Carousel
-        className="col-span-12"
-        block={{
-          type: 'Carousel',
-          blocks: [
-            { type: 'CarouselCard', content: CARD },
-            { type: 'CarouselCard', content: CARD },
-          ],
-        }}
-        options={options}
-      />
-    </div>
-  ),
-  catalog: (
     <div className="container grid grid-cols-12">
       <Carousel
         className="col-span-12"

package/src/components/Carousel/Carousel.fixture.tsx

@@ -3,7 +3,6 @@ import { type BlockDef } from '../../model/ContentPageDef';
 import { type Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { Blocks } from '../Blocks';
-import { CARD, CARD_MINI, CARD_NEW } from '../CarouselCard/CarouselCard.fixture';
 import { CATALOG_CARD, CATALOG_CARD_NEW } from '../CarouselCatalogCard/CarouselCatalogCard.fixture';
 import {
   CAROUSEL_RECOMMENDATION_CARD_BENEFITS,
@@ -69,40 +68,6 @@ const options = {
 
 export default {
   default: (
-    <div className="container grid grid-cols-12">
-      <Carousel
-        className="col-span-12"
-        visibleItemCount={1}
-        noCardBorder={true}
-        block={{
-          type: 'Carousel',
-          blocks: [
-            { type: 'CarouselCard', content: CARD },
-            { type: 'CarouselCard', content: CARD_NEW },
-          ],
-        }}
-        options={options}
-      />
-    </div>
-  ),
-  'mini cards': (
-    <div className="container grid grid-cols-12">
-      <Carousel
-        className="col-span-12"
-        visibleItemCount={0}
-        noCardBorder={true}
-        block={{
-          type: 'Carousel',
-          blocks: Array.from<BlockDef>({ length: 6 }).fill({
-            type: 'CarouselCard',
-            content: CARD_MINI,
-          }),
-        }}
-        options={options}
-      />
-    </div>
-  ),
-  catalog: (
     <div className="container grid grid-cols-12">
       <Carousel
         className="col-span-12"

package/src/components/Carousel/renderCardHighlight.tsx

@@ -1,11 +1,10 @@
-import { type TextProps } from '../../model/HeadlineType';
+import { type ComponentType } from '../../model/ComponentType';
+import type { TextProps } from '../../model/HeadlineType';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { style } from '../../utils/style';
 
-type CardHighlightProps = TextProps & {
-  className?: string;
-};
+type CardHighlightProps = TextProps & ComponentType;
 
 export const renderCardHighlight = ({ className, text = 'ХИТ' }: CardHighlightProps = {}) => (
   <div

package/src/components/Carousel/renderCarouselCards.tsx

@@ -54,11 +54,7 @@ export const renderCarouselCards = ({
 const cardWrapperStyle = (
   _: BlockDef | undefined,
   { someCardsHighlighted }: { someCardsHighlighted?: boolean },
-) =>
-  style(
-    cardBaseStyle,
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-3xl sm:pt-16'),
-  );
+) => style(cardBaseStyle, someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-16'));
 
 const cardStyle = (
   _: BlockDef | undefined,
@@ -72,7 +68,7 @@ const cardStyle = (
     cardBaseStyle,
     'min-w-80',
     CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'),
+    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-16' : 'pt-3xl'),
     getBorderStyle(showBorder),
     showBorder && 'h-full',
   );

package/src/components/ContentPage/ContentPage.tsx

@@ -7,6 +7,7 @@ import { useJSONRef } from '../../hooks/useJSONRef/useJSONRef';
 import { useDefaultLocation } from '../../hooks/useLocation';
 import { type BlockDecorator } from '../../model/BlockDecorator';
 import { type BlocksRegistry } from '../../model/BlocksRegistry';
+import { type ComponentType } from '../../model/ComponentType';
 import { type ContentPageDef } from '../../model/ContentPageDef';
 import { CookiePopup } from '../../ui-kit/CookiePopup/CookiePopup';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
@@ -14,8 +15,7 @@ import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { type UniBlockMeta } from '../../UniBlock/UniBlock';
 import { style } from '../../utils/style';
 
-interface ContentPageProps {
-  className?: string;
+interface ContentPageProps extends ComponentType {
   data?: ContentPageDef;
   blocksRegistry: BlocksRegistry;
   blockDecorator?: BlockDecorator;

package/src/components/CreditCardForm/SuccessStatusCardContent.tsx

@@ -9,7 +9,7 @@ export const SuccessStatusCardContent = JSX(() => {
   return (
     <FormStatus
       title="Банк одобрил вам кредит"
-      description="Обратитесь в отделение банка, чтобы завершить оформление и получит ваш кредит"
+      description="Обратитесь в отделение банка, чтобы завершить оформление и получить ваш кредит"
       sectionInfo={getSectionInfo(statusInfo)}
       buttonText="Вернуться на главную"
     />