@redneckz/wildless-cms-uni-blocks 0.6.22 → 0.6.23

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

@@ -1,36 +1,38 @@
 {
-  "title": "Преимущества",
-  "benefitsBlockVersion": "primary",
-  "benefitList": [
-    {
-      "label": "Преимущество №1",
-      "description": {
-        "name": "Описание 1",
-        "benefitType": "description"
-      },
-      "icon": {
-        "icon": "ClockIcon",
-        "format": "webp",
-        "size": {
-          "width": 70,
-          "height": 70
+  "content": {
+    "title": "Преимущества",
+    "benefitsBlockVersion": "primary",
+    "benefitList": [
+      {
+        "label": "Преимущество №1",
+        "description": {
+          "name": "Описание 1",
+          "benefitType": "description"
+        },
+        "icon": {
+          "icon": "ClockIcon",
+          "format": "webp",
+          "size": {
+            "width": 70,
+            "height": 70
+          }
         }
-      }
-    },
-    {
-      "label": "Преимущество №2",
-      "description": {
-        "name": "Описание 2",
-        "benefitType": "description"
       },
-      "icon": {
-        "icon": "SignDocsIcon",
-        "format": "webp",
-        "size": {
-          "width": 70,
-          "height": 70
+      {
+        "label": "Преимущество №2",
+        "description": {
+          "name": "Описание 2",
+          "benefitType": "description"
+        },
+        "icon": {
+          "icon": "SignDocsIcon",
+          "format": "webp",
+          "size": {
+            "width": 70,
+            "height": 70
+          }
         }
       }
-    }
-  ]
+    ]
+  }
 }

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

@@ -1,10 +1,12 @@
 {
-  "title": "Начисление баллов",
-  "description": "Описание",
-  "bonusItems": [
-    {
-      "title": "Плитка 1",
-      "description": "Описание плитки 1"
-    }
-  ]
+  "content": {
+    "title": "Начисление баллов",
+    "description": "Описание",
+    "bonusItems": [
+      {
+        "title": "Плитка 1",
+        "description": "Описание плитки 1"
+      }
+    ]
+  }
 }

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

@@ -1,94 +1,97 @@
 {
-  "title": "Вы можете оплатить бонусными баллами",
-  "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
-  "bonusBenefits": [
-    {
-      "label": "Более 5000 товаров",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "WateringCanIcon"
+  "content": {
+    "title": "Вы можете оплатить бонусными баллами",
+    "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
+    "columnsCount": "4",
+    "bonusBenefits": [
+      {
+        "label": "Более 5000 товаров",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "WateringCanIcon"
+        }
+      },
+      {
+        "label": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Аренда автомобилей",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Болеее 1000 развлечений",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Платежные гаджеты Pay Ring",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Цифровые сервисы",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Фермерские продукты",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
+      },
+      {
+        "label": "Страхование",
+        "icon": {
+          "format": "webp",
+          "size": {
+            "width": 160,
+            "height": 180
+          },
+          "icon": "SignDocsIcon"
+        }
       }
-    },
-    {
-      "label": "750 авиакомпаний, 1,2 млн отелей, билеты РЖД",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Аренда автомобилей",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Болеее 1000 развлечений",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Платежные гаджеты Pay Ring",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Цифровые сервисы",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Фермерские продукты",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    },
-    {
-      "label": "Страхование",
-      "icon": {
-        "format": "webp",
-        "size": {
-          "width": 160,
-          "height": 180
-        },
-        "icon": "SignDocsIcon"
-      }
-    }
-  ]
+    ]
+  }
 }

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

@@ -1,22 +1,24 @@
 {
-  "calculatorTabs": [
-    {
-      "nav": {
-        "title": "Вкладка 1",
-        "description": "Описание вкладки 1",
-        "icon": { "icon": "CalendarIcon" }
-      },
-      "calculatorBlock": {
-        "calcType": "CreditCalculatorForm",
-        "buttons": [
-          {
-            "href": "#",
-            "text": "Кнопка 1",
-            "version": "primary"
-          }
-        ],
-        "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
+  "content": {
+    "calculatorTabs": [
+      {
+        "nav": {
+          "title": "Вкладка 1",
+          "description": "Описание вкладки 1",
+          "icon": { "icon": "CalendarIcon" }
+        },
+        "calculatorBlock": {
+          "calcType": "CreditCalculatorForm",
+          "buttons": [
+            {
+              "href": "#",
+              "text": "Кнопка 1",
+              "version": "primary"
+            }
+          ],
+          "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
+        }
       }
-    }
-  ]
+    ]
+  }
 }

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

@@ -1,8 +1,8 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
+import type { Footnote } from '../../model/Footnote';
+import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import type { Footnote } from '../../model/Footnote';
 
 export type CommonCalculatorProps = Footnote & {
   /** @title Кнопки */
@@ -11,32 +11,6 @@ export type CommonCalculatorProps = Footnote & {
   sourceBookDir?: string;
 };
 
-/**
- * TODO: данные из справочника
- **/
-export interface CreditCalculatorParams {
-  /** @hidden */
-  isSalaryClient?: boolean;
-  /** @hidden */
-  isStateEmployee?: boolean;
-  /** @hidden */
-  isInsurance?: boolean;
-  /** @hidden */
-  isAnnuity?: boolean;
-  /** @hidden */
-  minSum?: number;
-  /** @hidden */
-  maxSum?: number;
-  /** @hidden */
-  minMonths?: number;
-  /** @hidden */
-  maxMonths?: number;
-  /** @hidden */
-  rateWithInsurance?: number;
-  /** @hidden */
-  rateWithoutInsurance?: number;
-}
-
 /**
  * TODO: данные из справочника
  **/
@@ -53,29 +27,6 @@ export interface DepositCalculatorParams {
   rate?: number;
 }
 
-/**
- * TODO: данные из справочника
- **/
-
-export interface BonusCalculatorParams {
-  /** @hidden */
-  bonus?: number;
-  /** @hidden */
-  minSumTravel?: number;
-  /** @hidden */
-  maxSumTravel?: number;
-  /** @hidden */
-  minSumOther?: number;
-  /** @hidden */
-  maxSumOther?: number;
-  maxBonus?: number;
-  prefMonthsNum?: number;
-  prefTravelBonusRate?: number;
-  prefRestBonusRate?: number;
-  travelBonusRate?: number;
-  restBonusRate?: number;
-}
-
 /**
  * ? Общий интерфейс для всех типов калькуляторов?
  * ? Используется во вложенных функциях. Может быть как то разбить это и вынести отсюда?
@@ -96,7 +47,6 @@ export interface CalculatorParams {
  * @default {"calcType": "CreditCalculatorForm"}
  */
 export type CreditCalculatorParamsDef = TitleProps &
-  CreditCalculatorParams &
   CommonCalculatorProps & {
     calcType: 'CreditCalculatorForm';
   };
@@ -116,7 +66,6 @@ export type DepositCalculatorParamsDef = TitleProps &
  * @default {"calcType": "BonusCalculatorForm"}
  */
 export type BonusCalculatorParamsDef = TitleProps &
-  BonusCalculatorParams &
   CommonCalculatorProps & {
     calcType: 'BonusCalculatorForm';
   };

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

@@ -1,11 +1,13 @@
 {
-  "title": "Укажите сумму перевода",
-  "label": "Сумма перевода",
-  "placeholder": "1500",
-  "button": {
-    "href": "",
-    "text": "Далее",
-    "target": "_blank",
-    "version": "primary"
+  "content": {
+    "title": "Укажите сумму перевода",
+    "label": "Сумма перевода",
+    "placeholder": "1500",
+    "button": {
+      "href": "",
+      "text": "Далее",
+      "target": "_blank",
+      "version": "primary"
+    }
   }
 }

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

@@ -1,57 +1,59 @@
 {
-  "title": "Каталог",
-  "description": "Описание",
-  "cards": [
-    {
-      "title": "Заголовок карточки 1",
-      "description": "Описание карточки",
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 230,
-          "height": 230
+  "content": {
+    "title": "Каталог",
+    "description": "Описание",
+    "cards": [
+      {
+        "title": "Заголовок карточки 1",
+        "description": "Описание карточки",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 230,
+            "height": 230
+          }
+        },
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
         }
       },
-      "button": {
-        "href": "",
-        "text": "Подробнее",
-        "target": "_self",
-        "version": "primary"
-      }
-    },
-    {
-      "title": "Заголовок карточки 2",
-      "description": "Описание карточки",
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 230,
-          "height": 230
+      {
+        "title": "Заголовок карточки 2",
+        "description": "Описание карточки",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 230,
+            "height": 230
+          }
+        },
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
         }
       },
-      "button": {
-        "href": "",
-        "text": "Подробнее",
-        "target": "_self",
-        "version": "primary"
-      }
-    },
-    {
-      "title": "Заголовок карточки 3",
-      "description": "Описание карточки",
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 230,
-          "height": 230
+      {
+        "title": "Заголовок карточки 3",
+        "description": "Описание карточки",
+        "image": {
+          "format": "webp",
+          "size": {
+            "width": 230,
+            "height": 230
+          }
+        },
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
         }
-      },
-      "button": {
-        "href": "",
-        "text": "Подробнее",
-        "target": "_self",
-        "version": "primary"
       }
-    }
-  ]
+    ]
+  }
 }

package/mobile/src/components/Catalog/Catalog.tsx

@@ -21,7 +21,7 @@ export const Catalog = JSX<CatalogProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`bg-white relative font-sans p-12 overflow-hidden text-center ${className}`}
+        className={`bg-white relative font-sans p-[50px] overflow-hidden text-center ${className}`}
         {...rest}
       >
         <Headline

package/mobile/src/components/Catalog/CatalogCard.tsx

@@ -29,7 +29,7 @@ export const CatalogCard = JSX<CatalogCardProps>(
         ) : null}
         {description ? <div className="text-m-light text-left mb-4">{description}</div> : null}
         {colors?.length ? (
-          <div className="flex mb-4 text-m-light text-secondary-text">
+          <div className="flex mb-4 text-s-light text-secondary-text">
             <div className="mr-1.5">Доступные цвета: </div>
             {colors.map(renderColorOption)}
           </div>