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

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.example.json

@@ -6,8 +6,8 @@
     "cardTextAlign": "center",
     "bonusBenefits": [
       {
-        "title": "",
-        "description": "Более 5000 товаров",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -18,8 +18,8 @@
         }
       },
       {
-        "title": "",
-        "description": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -30,8 +30,8 @@
         }
       },
       {
-        "title": "",
-        "description": "Аренда автомобилей",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -42,8 +42,8 @@
         }
       },
       {
-        "title": "",
-        "description": "Болеее 1000 развлечений",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -54,8 +54,8 @@
         }
       },
       {
-        "title": "",
-        "description": "Платежные гаджеты Pay Ring",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -66,8 +66,8 @@
         }
       },
       {
-        "title": "",
-        "description": "Цифровые сервисы",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -78,8 +78,8 @@
         }
       },
       {
-        "title": "",
-        "description": "Фермерские продукты",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {
@@ -90,8 +90,8 @@
         }
       },
       {
-        "title": "",
-        "description": "Страхование",
+        "title": "Верхний заголовок",
+        "description": "Нижний заголовок",
         "icon": {
           "format": "webp",
           "size": {

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx

@@ -3,13 +3,13 @@ import { AlignText } from '../../model/AlignText';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
+import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import type {
   BonusBenefit,
   BonusBenefitsBlockContent,
   ColumnsCount,
 } from './BonusBenefitsBlockContent';
-import { style } from '../../utils/style';
 
 export interface BenefitsBlockProps extends BonusBenefitsBlockContent, UniBlockProps {}
 
@@ -49,7 +49,7 @@ const renderBonusBenefit = ({ icon, title, description }: BonusBenefit, i: numbe
       )}
     >
       {title ? <span>{title}</span> : null}
-      {icon ? <Img image={icon} height="180" width="auto" className="w-auto" /> : null}
+      {icon ? <Img image={icon} height="180" className="w-auto" /> : null}
       {description ? <span>{description}</span> : null}
     </div>
   );

package/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/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/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/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/src/components/Carousel/Carousel.fixture.tsx

@@ -15,6 +15,7 @@ import {
   CAROUSEL_RECOMMENDATION_CARD_SECONDARY,
   CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST,
 } from '../CarouselRecommendationCard/CarouselRecommendationCard.fixture';
+import { RICH_CARD } from '../CarouselRichTextCard/CarouselRichTextCard.fixture';
 import { TARIFFS_CARD, TARIFFS_CARD_HIT } from '../CarouselTariffsCard/CarouselTariffsCard.fixture';
 import { Carousel } from './Carousel';
 
@@ -251,4 +252,20 @@ export default {
       />
     </div>
   ),
+  'rich-text': (
+    <div className="container grid grid-cols-12">
+      <Carousel
+        className="col-span-12"
+        visibleItemCount={2}
+        block={{
+          type: 'Carousel',
+          blocks: new Array(6).fill({
+            type: 'CarouselRichTextCard',
+            content: RICH_CARD,
+          }),
+        }}
+        options={options}
+      />
+    </div>
+  ),
 };

package/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/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/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/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/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/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/src/components/CarouselRichTextCard/CarouselRichTextCard.fixture.tsx

@@ -0,0 +1,24 @@
+import { CarouselRichTextCard } from './CarouselRichTextCard';
+import type { CarouselRichTextCardContent } from './CarouselRichTextCardContent';
+
+export const RICH_CARD: CarouselRichTextCardContent = {
+  __html:
+    '<h4>Заголовок 4</h4><p><br></p>' +
+    '<table>' +
+    '<thead><tr><th><p>Эмитент</p></th><th><p>Код</p></th></tr></thead>' +
+    '<tbody>' +
+    '<tr><td><p>ПАО «Полюс»</p></td><td><p>PLZL</p></td></tr>' +
+    '<tr><td><p>Полиметалл Интернэшнл плс</p></td><td><p>POLY</p></td></tr>' +
+    '<tr><td><p>ПАО «ГМК «Норильский никель»<br></p></td><td><p>GMKN<br></p></td></tr>' +
+    '<tr><td><p>ПАО «Лензолото»<br></p></td><td><p>LNZL<br></p></td></tr>' +
+    '</tbody>' +
+    '</table>',
+};
+
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <CarouselRichTextCard {...RICH_CARD} />
+    </div>
+  ),
+};

package/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/src/components/CarouselRichTextCard/CarouselRichTextCard.ui.json

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

package/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/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/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/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/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/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,