@redneckz/wildless-cms-uni-blocks 0.9.13 → 0.9.15

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

@@ -8,7 +8,7 @@ import type {
   CreditCalculatorProps,
 } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
-import { DEFAULT_MONTHS, DEFAULT_SUM } from './constants';
+import { CREDIT_DEFAULT_SUM, DEFAULT_MONTHS } from './constants';
 import { Rate } from './Rate';
 import { renderFootnote } from './renderFootnote';
 import { renderMonthsInput } from './renderMonthsInput';
@@ -31,7 +31,7 @@ export const CreditCalculatorForm = JSX<CreditCalculatorProp>(
     const handleIsPensionClient = useCallback((_: boolean) => toggleIsPensionClient(_), []);
     const [isInsurance, toggleIsInsurance] = useState(true);
     const handleIsInsurance = useCallback((_: boolean) => toggleIsInsurance(_), []);
-    const [moneyValue, setMoneyValue] = useState(DEFAULT_SUM);
+    const [moneyValue, setMoneyValue] = useState(CREDIT_DEFAULT_SUM);
     const handleMoneyValue = useCallback((_: number) => setMoneyValue(_), []);
     const [monthsValue, setMonthsValue] = useState(DEFAULT_MONTHS);
     const handleMonthsValue = useCallback((_: number) => setMonthsValue(_), []);

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

@@ -1,12 +1,12 @@
 // TEMP
 
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { style } from '../../utils/style';
 import { DepositCalculatorParamsViewSettings, DepositCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
-import { DEFAULT_MONTHS, DEFAULT_SUM } from './constants';
+import { DEPOSIT_DEFAULT_SUM } from './constants';
 import { Rate } from './Rate';
 import { renderFootnote } from './renderFootnote';
 import { renderInterestPayment } from './renderInterestPayment';
@@ -21,9 +21,9 @@ export interface DepositCalculatorProp extends DepositCalculatorProps {
 
 export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
   ({ className = '', sourceBookDir, buttons, footnote, paramsViewSettings }) => {
-    const [moneyValue, setMoneyValue] = useState(DEFAULT_SUM);
+    const [moneyValue, setMoneyValue] = useState(DEPOSIT_DEFAULT_SUM);
     const handleMoneyValue = useCallback((_: number) => setMoneyValue(_), []);
-    const [monthsValue, setMonthsValue] = useState(DEFAULT_MONTHS);
+    const [monthsValue, setMonthsValue] = useState(0);
     const [isMonthlyInterestPayment, toggleIsMonthlyInterestPayment] = useState(false);
     const handleIsMonthlyInterestPayment = useCallback(
       (_: boolean) => toggleIsMonthlyInterestPayment(_),
@@ -47,7 +47,10 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
       sourceBookDir,
       paramsViewSettings,
     );
-    const { income, finalSum, rate } = calculatorParams;
+    const { defaultMonth, income, finalSum, rate } = calculatorParams;
+    useEffect(() => {
+      setMonthsValue(defaultMonth);
+    }, [defaultMonth]);
 
     return (
       <section className={style('flex justify-between', className)}>

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

@@ -3,9 +3,10 @@ import { BusinessDepositCalculatorSourceBookParams } from './useBusinessDepositC
 import { CreditCalculatorSourceBookParams } from './useCreditCalculatorParams';
 import { DepositCalculatorSourceBookParams } from './useDepositCalculatorParams';
 
-export const DEFAULT_MIN_SUM = 30000;
+export const DEFAULT_MIN_SUM = 10000;
 export const DEFAULT_MAX_SUM = 5000000;
-export const DEFAULT_SUM = (DEFAULT_MAX_SUM - DEFAULT_MIN_SUM) / 2;
+export const CREDIT_DEFAULT_SUM = 200000;
+export const DEPOSIT_DEFAULT_SUM = 20000;
 export const DEFAULT_MIN_MONTHS = 13;
 export const DEFAULT_MAX_MONTHS = 60;
 export const DEFAULT_MONTHS = Math.round((DEFAULT_MAX_MONTHS - DEFAULT_MIN_MONTHS) / 2);
@@ -25,10 +26,10 @@ export const DEFAULT_CREDIT_CALCULATOR_PARAMS: CreditCalculatorSourceBookParams
   maxSum: DEFAULT_MAX_SUM,
   minMonths: DEFAULT_MIN_MONTHS,
   maxMonths: DEFAULT_MAX_MONTHS,
-  rate: 0,
-  isSalaryClient: true,
+  rate: 12.5,
+  isSalaryClient: false,
   isPensionClient: false,
-  isStateEmployee: true,
+  isStateEmployee: false,
   isInsurance: true,
 };
 

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

@@ -27,6 +27,7 @@ export interface DepositCalculatorParams
   extends DepositCalculatorSourceBookParams,
     DepositCalculatorUserInputParams {
   availableMonths: number[];
+  defaultMonth: number;
   income: number;
   finalSum: number;
 }
@@ -44,6 +45,9 @@ export const useDepositCalculatorParams = (
   const data = useCalculatorParams<DepositCalculatorData>(
     sourceBookDir || DEPOSIT_CALC_DEFAULT_DIR,
   );
+  const defaultMonth = data?.rows[0]
+    ? getMiddleMonth(data.rows[0].minMonths, data.rows[0].maxMonths)
+    : 1;
   const isExcludeMonthlyInterestPayment = !paramsViewSettings?.isShowMonthlyInterestPayment;
   const isExcludeRemoteRegistration = !paramsViewSettings?.isShowRemoteRegistration;
   const depositCalculatorSourceBookParams =
@@ -62,7 +66,7 @@ export const useDepositCalculatorParams = (
           isExclude: isExcludeRemoteRegistration,
         }) &&
         checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], row) &&
-        checkRangeByKeys(monthsValue, ['minMonths', 'maxMonths'], row),
+        checkRangeByKeys(monthsValue || defaultMonth, ['minMonths', 'maxMonths'], row),
     ) || DEFAULT_DEPOSIT_CALCULATOR_PARAMS;
 
   const { rate } = depositCalculatorSourceBookParams;
@@ -78,6 +82,7 @@ export const useDepositCalculatorParams = (
       sourceBookRows.map((row) => [row['minMonths'], row['maxMonths']]),
     ).flatMap(([start, end]) => arrayByRange(start, end)),
     ...userInputParams,
+    defaultMonth,
     income,
     finalSum,
   };
@@ -105,3 +110,6 @@ interface CheckRowByParamProps {
 
 const checkRowByParam = ({ row, userInputParams, paramKey, isExclude }: CheckRowByParamProps) =>
   isExclude || userInputParams[paramKey] === row[paramKey];
+
+const getMiddleMonth = (minMonths: number, maxMonths: number): number =>
+  Math.round((maxMonths - minMonths) / 2);

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

@@ -9,9 +9,11 @@ import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListSc
 import { style } from '../../utils/style';
 import type { CarouselContent } from './CarouselContent';
 import { CarouselScrollButtons } from './CarouselScrollButtons';
+import { SwipeListControlDots } from '../../ui-kit/SwipeListControl/SwipeListControlDots';
 
 export interface CarouselProps extends CarouselContent, UniBlockProps {
   itemCount?: number;
+  showDots?: boolean;
 }
 
 const ITEMS_GAP = 4;
@@ -25,13 +27,13 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
     isCyclic = false,
     arrowsPadded = true,
     isPadding = true,
+    showDots = false,
     ...rest
   }) => {
-    const { blocks: childBlocks } = rest.block || {};
-    const count = itemCount || childBlocks?.length || 0;
+    const { blocks: childBlocks = [] } = rest.block || {};
+    const count = itemCount || childBlocks?.length;
 
     const [activeIndex, setActiveIndex] = useState<number>(Math.floor((visibleItemCount || 0) / 2));
-
     const increaseActiveIndex = useCallback(() => setActiveIndex((_) => _ + 1), []);
     const decreaseActiveIndex = useCallback(() => setActiveIndex((_) => _ - 1), []);
 
@@ -39,7 +41,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
       itemCount: count,
       isCyclic,
     });
-
+    const [dotsActiveIndex] = scroll.visibleIndicesRange;
     const isBankHistoryCarousel = childBlocks && childBlocks[0]?.type === 'CarouselBankHistoryCard';
 
     return (
@@ -80,6 +82,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
             activeIndex={activeIndex}
             itemCount={count}
           />
+          {showDots ? renderDots(containerRef, dotsActiveIndex, itemCount) : null}
         </div>
       </BlockWrapper>
     );
@@ -95,8 +98,22 @@ Carousel.childrenTypes = [
   'CarouselProgramsCard',
   'CarouselRecommendationCard',
   'CarouselTariffsCard',
+  'CarouselRichTextCard',
   'CarouselInvestmentCard',
   'CarouselEventCard',
 ];
 
 const getPaddingStyle = (isPadding: boolean): string => (isPadding ? 'p-12' : '');
+
+const renderDots = (
+  containerRef: { current: HTMLDivElement | null },
+  dotsActiveIndex: number,
+  itemCount: number | undefined,
+) => (
+  <SwipeListControlDots
+    containerRef={containerRef}
+    activeIndex={dotsActiveIndex}
+    dotCount={itemCount}
+    listType={'horizontal-list'}
+  />
+);

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

@@ -6,12 +6,12 @@ import type { UniBlockContent } from '../../model/JSXBlock';
 export type CarouselContent = UniBlockContent & {
   /**
    * @title Количество видимых карточек
-   * @enumNames ["auto", "1", "2", "3"]
+   * @enumNames ["auto", "1", "2", "3", "4"]
    */
   visibleItemCount?: 0 | 1 | 2 | 3 | 4;
-  /** @title Добавление  блюра на стрелках*/
+  /** @title Добавление блюра на стрелках*/
   isBlur?: boolean;
-  /** @title Добавление  отступа на стрелках */
+  /** @title Добавление отступа на стрелках */
   arrowsPadded?: boolean;
   /** @title Цикличность */
   isCyclic?: boolean;

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

@@ -15,8 +15,8 @@ interface CarouselScrollButtonsProps {
   itemCount: number;
 }
 
-const scrollButtonStyle = 'absolute top-[calc(50%-24px)] z-50';
-const blurBaseStyle = 'absolute top-0 bottom-0 z-50 w-[84px] pointer-events-none';
+const scrollButtonStyle = 'absolute top-[calc(50%-24px)] z-40';
+const blurBaseStyle = 'absolute top-0 bottom-0 z-40 w-[84px] pointer-events-none';
 
 export const CarouselScrollButtons = JSX<CarouselScrollButtonsProps>(
   ({

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -3,7 +3,6 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Carousel } from '../Carousel/Carousel';
 import { Headline } from '../Headline/Headline';
 import type { CarouselLinksContent } from './CarouselLinksContent';
@@ -28,9 +27,12 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
             align="text-left"
           />
           {additionalDescription ? (
-            <div className="pt-6">
-              <Paragraph>{additionalDescription}</Paragraph>
-            </div>
+            <Headline
+              className="pt-6"
+              isPadding={false}
+              description={description}
+              align="text-left"
+            />
           ) : null}
         </div>
         {links?.length ? renderLinks(links) : null}
@@ -48,11 +50,13 @@ const renderLinks = (links: LinkProps[]) => {
       isBlur={false}
       isCyclic={true}
       itemCount={itemCount}
+      arrowsPadded={false}
+      showDots={true}
     >
       {new Array(itemCount).fill(null).map((_, groupIndex) => (
         <div
           key={String(groupIndex)}
-          className="w-[672px] min-w-[672px] ml-20 mr-20 flex flex-wrap self-start"
+          className="w-[672px] min-w-[672px] ml-10 mr-10 flex flex-wrap self-start"
         >
           {links
             .slice(groupIndex * MAX_LINKS_COUNT, (groupIndex + 1) * MAX_LINKS_COUNT)

package/mobile/src/components/CarouselProgramsCard/CarouselProgramsCard.example.json

@@ -10,16 +10,16 @@
   "title": "Заголовок",
   "list": [
     {
-      "title": "Ячейка 1-1",
-      "description": "Описание 1-1"
+      "title": "Заголовок 1",
+      "description": "Описание 1"
     },
     {
-      "title": "Ячейка 1-2",
-      "description": "Описание 1-2"
+      "title": "Заголовок 2",
+      "description": "Описание 2"
     },
     {
-      "title": "Ячейка 1-3",
-      "description": "Описание 1-3"
+      "title": "Заголовок 3",
+      "description": "Описание 3"
     }
   ]
 }

package/mobile/src/components/CarouselRichTextCard/CarouselRichTextCard.example.json

@@ -0,0 +1,6 @@
+{
+  "content": {
+    "richVersion": "striped",
+    "__html": "<h4>Заголовок4</h4><p><br></p><table><thead><tr><th><p>Заголовок 1-1</p></th><th><p>Заголовок 1-2</p></th></tr></thead><tbody><tr><td><p>Описание 1-1</p></td><td><p>Описание 1-2</p></td></tr><tr><td><p>Описание 2-1</p></td><td><p>Описание 2-2</p></td></tr><tr><td><p>Описание 3-1<br></p></td><td><p>Описание 3-2<br></p></td></tr><tr><td><p>Описание 4-1<br></p></td><td><p>Описание 4-2<br></p></td></tr></tbody></table></li>"
+  }
+}

package/mobile/src/components/CarouselRichTextCard/CarouselRichTextCard.tsx

@@ -0,0 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { RichText } from '../../ui-kit/RichText/RichText';
+import { style } from '../../utils/style';
+import type { CarouselRichTextCardContent } from './CarouselRichTextCardContent';
+
+export interface CarouselRichTextCardProps extends CarouselRichTextCardContent, UniBlockProps {}
+
+export const CarouselRichTextCard = JSX<CarouselRichTextCardProps>(
+  ({ className = '', __html, richVersion = 'striped', ...rest }) => {
+    return (
+      <BlockWrapper
+        className={style('p-9 border border-gray min-w-96', richVersion, className)}
+        {...rest}
+      >
+        <RichText __html={__html} />
+      </BlockWrapper>
+    );
+  },
+);

package/mobile/src/components/CarouselRichTextCard/CarouselRichTextCard.ui.json

@@ -0,0 +1,7 @@
+{
+  "content": {
+    "__html": {
+      "ui:widget": "html"
+    }
+  }
+}

package/mobile/src/components/CarouselRichTextCard/CarouselRichTextCardContent.ts

@@ -0,0 +1,7 @@
+import type { UniBlockContent } from '../../model/JSXBlock';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
+
+/**
+ * @title Карточка c форматированным вводом
+ */
+export type CarouselRichTextCardContent = UniBlockContent & RichTextProps;

package/mobile/src/components/LinkDocs/LinkDocsListItemBase.tsx

@@ -26,8 +26,8 @@ export const LinkDocsListItemBase = JSX<LinkDocsListItemBaseProps>(
           <Img
             className={iconClassName}
             image={getIconWithVersion(icon)}
-            width="24px"
-            height="24px"
+            width="24"
+            height="24"
             asSVG
           />
         ) : null}

package/mobile/src/components/Tabs/ScrollableTabs.tsx

@@ -12,7 +12,7 @@ interface ScrollableTabsProps extends RenderTabProps {
 
 export type IsScrollButtonsShown = boolean[];
 
-const scrollButtonStyle = 'absolute z-50 top-0';
+const scrollButtonStyle = 'absolute z-40 top-0';
 
 export const ScrollableTabs = JSX<ScrollableTabsProps>((props) => {
   const { tabs, onClick, currentTab, page, showCounter } = props;

package/mobile/src/components/TariffsTable/TableTileHeader.tsx

@@ -6,8 +6,6 @@ import type { TariffsTableRowHeader } from './TariffsTableContent';
 export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
   <div className="flex gap-2.5 mb-2">
     {title ? <Heading headingType="h3" className="font-medium" title={title} /> : null}
-    {icon ? (
-      <Img className="ml-auto max-w-6 max-h-6" image={icon} width="24px" height="24px" />
-    ) : null}
+    {icon ? <Img className="ml-auto min-w-6" image={icon} width="24" height="24" /> : null}
   </div>
 ));

package/mobile/src/components/TariffsTable/TariffsTableRow.tsx

@@ -40,10 +40,10 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
           <div className="flex items-center text-primary-text" role="cell">
             {header?.icon ? (
               <Img
-                className="mr-3.5 max-w-6 max-h-6"
+                className="mr-3.5 max-w-6"
                 image={getIconWithVersion(header.icon)}
-                width="24px"
-                height="24px"
+                width="24"
+                height="24"
                 asSVG
               />
             ) : null}

package/mobile/src/components/VerticalLayout/VerticalLayout.example.json

@@ -22,7 +22,6 @@
         {
           "content": {
             "image": {
-              "alignment": "center",
               "size": {
                 "width": 230,
                 "height": 230
@@ -35,7 +34,6 @@
             "button": {
               "text": "Подробнее",
               "icon": {
-                "alignment": "center",
                 "format": "webp",
                 "size": {
                   "width": 24,
@@ -47,7 +45,6 @@
               },
               "version": "primary",
               "iconRight": {
-                "alignment": "center",
                 "format": "webp",
                 "size": {
                   "width": 24,
@@ -69,7 +66,6 @@
         {
           "content": {
             "image": {
-              "alignment": "center",
               "size": {
                 "width": 230,
                 "height": 230
@@ -82,7 +78,6 @@
             "button": {
               "text": "Подробнее",
               "icon": {
-                "alignment": "center",
                 "format": "webp",
                 "size": {
                   "width": 24,
@@ -94,7 +89,6 @@
               },
               "version": "primary",
               "iconRight": {
-                "alignment": "center",
                 "format": "webp",
                 "size": {
                   "width": 24,
@@ -116,7 +110,6 @@
         {
           "content": {
             "image": {
-              "alignment": "center",
               "size": {
                 "width": 230,
                 "height": 230
@@ -129,7 +122,6 @@
             "button": {
               "text": "Подробнее",
               "icon": {
-                "alignment": "center",
                 "format": "webp",
                 "size": {
                   "width": 24,
@@ -141,7 +133,6 @@
               },
               "version": "primary",
               "iconRight": {
-                "alignment": "center",
                 "format": "webp",
                 "size": {
                   "width": 24,

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

@@ -24,7 +24,7 @@ export function renderArrows({
     <div>
       {canDec ? (
         <ArrowButton
-          className={`absolute z-50 ${btnClass[0]} ${className}`}
+          className={`absolute z-40 ${btnClass[0]} ${className}`}
           onClick={dec}
           ariaLabel="Пролистать влево"
           data-block-control="scroll-left"
@@ -33,7 +33,7 @@ export function renderArrows({
       ) : null}
       {canInc ? (
         <ArrowButton
-          className={`absolute z-50 rotate-180 ${btnClass[1]} ${className}`}
+          className={`absolute z-40 rotate-180 ${btnClass[1]} ${className}`}
           onClick={inc}
           ariaLabel="Пролистать вправо"
           data-block-control="scroll-right"

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

@@ -45,7 +45,10 @@ export const LocationDialog = JSX<LocationDialogProps>(
         {...dialogProps}
         head={
           <div>
-            <CurrentLocation currentLocation={currentLocation} />
+            <CurrentLocation
+              currentLocation={currentLocation}
+              onChangeLocation={handleChangeLocation}
+            />
             <SearchBar onSearch={setQuery} searchTerm={query} className="mb-7" />
           </div>
         }
@@ -81,13 +84,18 @@ const cleanUpRegions = (regions: Region[]) =>
     name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
   }));
 
-const CurrentLocation = JSX<CurrentLocationProps>(({ currentLocation }) =>
+const CurrentLocation = JSX<CurrentLocationProps>(({ currentLocation, onChangeLocation }) =>
   currentLocation ? (
     <div className="mb-4">
       <Text size="text-l" font="font-light">
         Сейчас выбран:&nbsp;
       </Text>
-      <button className="cursor-pointer" onClick={close}>
+      <button
+        className="cursor-pointer"
+        onClick={() => {
+          onChangeLocation && onChangeLocation(currentLocation);
+        }}
+      >
         <Text color="text-primary-main">{currentLocation.name}</Text>
       </button>
     </div>

package/mobile/src/ui-kit/LocationDialog/LocationDialogProps.ts

@@ -8,6 +8,7 @@ export interface RegionLinkProps {
 
 export interface CurrentLocationProps {
   currentLocation?: Region;
+  onChangeLocation?: (region: Region) => void;
 }
 
 export interface ForeignOfficeProps {

package/mobile/src/ui-kit/RichText/RichTextProps.ts

@@ -3,4 +3,9 @@ type HTML = string;
 export interface RichTextProps {
   /** @title Текст */
   __html?: HTML;
+  /**
+   * @title Стиль форматированного текста
+   * @enumNames ["по умолчанию", "в полоску"]
+   */
+  richVersion?: '' | 'striped';
 }

package/package.json

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

package/src/common.css

@@ -21,6 +21,8 @@ html {
   --color-primary-active: 36, 95, 52;
   --color-secondary-hover: 36, 131, 65;
   --color-secondary-active: 36, 95, 52;
+  --color-secondary-text: 125, 126, 127;
+  --color-secondary-light: 245, 247, 249;
   --color-gradient-from: 141, 189, 76;
   --color-gradient-to: 69, 172, 69;
 }
@@ -245,6 +247,24 @@ html {
   .md-container strong {
     @apply font-bold;
   }
+
+  .striped .md-container table {
+    width: 100%;
+    table-layout: fixed;
+    text-align: left;
+  }
+  .striped .md-container table thead {
+    color: rgb(var(--color-secondary-text));
+  }
+
+  .striped .md-container table td,
+  .striped .md-container table th {
+    padding: 8px 14px 5px;
+  }
+
+  .striped .md-container table tbody tr:nth-child(2n-1) {
+    background-color: rgb(var(--color-secondary-light));
+  }
 }
 
 /*

package/src/components/ApplicationForm/Footnote.tsx

@@ -10,7 +10,7 @@ interface FootnoteProps {
 
 export const Footnote = JSX<FootnoteProps>(({ link }) => (
   <Paragraph size="text-s-light" color="text-secondary-text">
-    <Text>Нажимая кнопку вы подтверждаете согласие с </Text>
+    <Text>Нажимая кнопку, вы подтверждаете согласие с </Text>
     {link ? (
       <Button
         href={link.href}

package/src/components/ApplicationForm/renderQuestionsInterested.tsx

@@ -36,7 +36,7 @@ export const renderQuestionsInterested = ({
       />
     </div>
     <textarea
-      placeholder="Укажите интересующий Вас вопрос, место ведения бизнеса и удобное время для телефонного звонка"
+      placeholder="Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка"
       className="block w-full resize-y min-h-24 p-4 outline-none border rounded-md border-main-stroke hover:border-primary-hover active:focus:border-primary-text"
       value={text}
       onChange={(e) => handleChange({ text: e.target.value })}

package/src/components/Blocks.ts

@@ -17,6 +17,7 @@ import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselProductCard } from './CarouselProductCard/CarouselProductCard';
 import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
+import { CarouselRichTextCard } from './CarouselRichTextCard/CarouselRichTextCard';
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
 import { ContactsBlock } from './ContactsBlock/ContactsBlock';
@@ -73,6 +74,7 @@ export const Blocks: BlocksRegistry = {
   CarouselProductCard,
   CarouselProgramsCard,
   CarouselRecommendationCard,
+  CarouselRichTextCard,
   CarouselTariffsCard,
   ComparisonTable,
   ContactsBlock,