@redneckz/wildless-cms-uni-blocks 0.3.72 → 0.3.73

package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts

@@ -6,9 +6,16 @@ import type { DescriptionContent } from '../../ui-kit/Description/DescriptionCon
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import { Picture } from '../../model/Picture';
+export interface ProductBlockBenefit {
+    icon?: Picture;
+    /** @title Название */
+    label?: string;
+    /** @title Описание */
+    description?: string;
+}
 export declare type BenefitItemProps = {
-    benefit: Benefit;
+    benefit: ProductBlockBenefit;
     version?: BlockVersion;
     benefitsVersion?: IconVersion;
 };
@@ -18,7 +25,7 @@ export declare type ProductBlockInnerContent = HeadingContent & HeadingTypeConte
      * @minItems 2
      * @maxItems 3
      */
-    benefits?: Benefit[];
+    benefits?: ProductBlockBenefit[];
     benefitsVersion?: IconVersion;
     version?: BlockVersion;
     /**

package/mobile/lib/components/ProductTile/ProductTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/ProductTile/ProductTileContent.d.ts

@@ -3,7 +3,12 @@ import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
+export interface TextBenefit {
+    /** @title Название */
+    label?: string;
+    /** @title Описание */
+    description?: string;
+}
 /**
  * @title Продуктовая плитка
  */

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

@@ -1,14 +1,22 @@
 {
   "title": "Преимущества",
-  "benefits": [
+  "benefitList": [
     {
       "label": "Преимущество №1",
+      "description": {
+        "name": "Описание 1",
+        "benefitType": "description"
+      },
       "icon": {
         "icon": "ClockIcon"
       }
     },
     {
       "label": "Преимущество №2",
+      "description": {
+        "name": "Описание 2",
+        "benefitType": "description"
+      },
       "icon": {
         "icon": "SignDocsIcon"
       }

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -2,34 +2,45 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
-import type { Benefit, BenefitsBlockContent } from './BenefitsBlockContent';
+import type { BenefitItem, BenefitsBlockContent } from './BenefitsBlockContent';
+import { DescriptionType, ListBenefitDef, TextBenefitDef } from './BenefitsBlockContent';
 
 export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
 
 export const BenefitsBlock = JSX<BenefitsBlockProps>(
-  ({ className = '', title, benefits, anchor = null }) => {
+  ({ className = '', headingType = 'h2', title, benefitList, anchor = null }) => {
     return (
       <section
         className={`font-sans text-primary-text bg-white p-12 flex flex-col items-center ${className}`}
         id={anchor}
       >
         {title ? (
-          <Heading headingType="h2" className="max-w-[47rem] text-center" title={title} />
-        ) : null}
-        {benefits?.length ? (
-          <div className="grid grid-cols-2 gap-8 mt-9">{benefits.map(renderStep)}</div>
+          <Heading
+            headingType={headingType}
+            as="h2"
+            className="max-w-[47rem] text-center"
+            title={title}
+          />
         ) : null}
+        {benefitList?.length ? renderBenefits(benefitList) : null}
       </section>
     );
   },
 );
 
-const renderStep = (benefit: Benefit, i: number) => {
+const renderBenefits = (benefits: BenefitItem[]) => {
+  return (
+    <div className="flex flex-wrap justify-center gap-x-20 mt-9">{benefits.map(renderStep)}</div>
+  );
+};
+
+const renderStep = (benefit: BenefitItem, i: number) => {
+  const description = benefit?.description || undefined;
   return (
-    <div key={String(i)} className="flex items-center gap-5 max-w-[500px]">
+    <div key={String(i)} className="flex items-center basis-1/2 max-w-[500px] mb-[46px]">
       {benefit?.icon ? (
         <Img
-          className="h-[70px] w-[70px] min-w-[70px] min-h-[70px]"
+          className="h-[70px] w-[70px] min-w-[70px] min-h-[70px] mr-5"
           image={benefit.icon}
           width="70"
           height="70"
@@ -37,10 +48,35 @@ const renderStep = (benefit: Benefit, i: number) => {
       ) : null}
       <div>
         {benefit?.label ? <h3 className="font-medium text-xl m-0">{benefit.label}</h3> : null}
-        {benefit?.description ? (
-          <div className="font-normal text-sm mt-2">{benefit.description}</div>
-        ) : null}
+        {renderDescription(description)}
       </div>
     </div>
   );
 };
+
+const renderDescription = (description?: DescriptionType) => {
+  const benefitType = description ? description?.benefitType : null;
+  if (!benefitType) {
+    return null;
+  }
+  return description ? (
+    <div className="font-light text-base text-secondary-text mt-2">
+      {benefitType === 'list'
+        ? renderListBenefit(description as ListBenefitDef)
+        : renderTextBenefit(description as TextBenefitDef)}
+    </div>
+  ) : null;
+};
+
+const renderTextBenefit = (description?: TextBenefitDef) => (description ? description.name : null);
+
+const renderListBenefit = (description?: ListBenefitDef) => {
+  const listStyleType = description?.bullets ? 'list-disc pl-6' : '';
+  return description?.items && description.items.length > 0 ? (
+    <ul className={listStyleType}>
+      {description.items.map((_, i) => (
+        <li key={`benefitListItem-${i}`}>{_}</li>
+      ))}
+    </ul>
+  ) : null;
+};

package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,28 +1,58 @@
 import type { Picture } from '../../model/Picture';
+import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
+import type { EmptyOption } from '../../model/EmptyOptionType';
 
-export interface TextBenefit {
-  /** @title Название */
-  label?: string;
-  /** @title Описание */
-  description?: string;
-}
+/**
+ * @title Пункты описания
+ * @default {"benefitType": "text"}
+ */
+export type TextBenefitDef = {
+  /**
+   * @title Описание
+   */
+  name?: string;
+  benefitType?: 'text';
+};
+
+/**
+ * @title Список
+ * @default {"benefitType": "list"}
+ */
+export type ListBenefitDef = {
+  /** @title Буллиты */
+  bullets?: boolean;
+  /**
+   * @title Пункты
+   * @example ["Пункт 1"]
+   */
+  items?: string[];
+  benefitType?: 'list';
+};
+
+/**
+ * @title Вид контента
+ */
+export type DescriptionType = EmptyOption | TextBenefitDef | ListBenefitDef;
 
 /**
  * @title Преимущество
  */
-export interface Benefit extends TextBenefit {
+export interface BenefitItem {
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
+  description?: DescriptionType;
   icon?: Picture;
 }
 
 /**
  * @title Блок преимущества
  */
-export interface BenefitsBlockContent {
-  /** @title Заголовок */
-  title?: string;
-  /**
-   * @title Список преимуществ
-   * @maxItems 6
-   */
-  benefits?: Benefit[];
-}
+export type BenefitsBlockContent = HeadingContent &
+  HeadingTypeContent & {
+    /**
+     * @title Список преимуществ
+     * @maxItems 6
+     */
+    benefitList?: BenefitItem[];
+  };

package/mobile/src/components/Bonus/BonusContent.ts

@@ -8,7 +8,7 @@ interface BonusItems {
   /** @title Описание плитки */
   description?: string;
   /** @title Количество баллов */
-  bonusCount?: number;
+  bonusCount?: string;
   /** @title Наименование */
   bonusName?: string;
 }

package/mobile/src/components/Insurance/Insurance.tsx

@@ -3,8 +3,7 @@ import type { UniBlockProps } from '../../types';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
-import type { InsuranceContent } from './InsuranceContent';
+import type { InsuranceBenefit, InsuranceContent } from './InsuranceContent';
 
 export interface InsuranceProps extends InsuranceContent, UniBlockProps {}
 
@@ -36,7 +35,7 @@ export const Insurance = JSX<InsuranceProps>(
   },
 );
 
-function renderBenefit(benefit: Benefit, i: number) {
+function renderBenefit(benefit: InsuranceBenefit, i: number) {
   return (
     <div key={String(i)} className="flex items-center gap-5">
       {benefit?.icon ? (

package/mobile/src/components/Insurance/InsuranceContent.ts

@@ -1,12 +1,26 @@
 import type { Picture } from '../../model/Picture';
-import type { BenefitsBlockContent } from '../BenefitsBlock/BenefitsBlockContent';
 import type { InsuranceProps } from '../../model/Insurance';
 
-export type InsuranceContent = BenefitsBlockContent &
-  InsuranceProps & {
-    /** @title Заголовок */
-    title?: string;
-    /** @title Описание */
-    description?: string;
-    image?: Picture;
-  };
+/**
+ * @title Преимущество
+ */
+export interface InsuranceBenefit {
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
+  description?: string;
+  icon?: Picture;
+}
+
+export type InsuranceContent = InsuranceProps & {
+  /** @title Заголовок */
+  title?: string;
+  /** @title Описание */
+  description?: string;
+  image?: Picture;
+  /**
+   * @title Список преимуществ
+   * @maxItems 6
+   */
+  benefits?: InsuranceBenefit[];
+};

package/mobile/src/components/PictureText/PictureText.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import type { PictureTextContent } from './PictureTextContent';
+import type { PictureTextContent, PictureTextBenefit } from './PictureTextContent';
 
 import { BlockVersion } from '../../model/BlockVersion';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
-import { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 
 export interface PictureTextProps extends PictureTextContent, UniBlockProps {}
 
@@ -43,7 +42,7 @@ export const PictureText = JSX<PictureTextProps>(
   },
 );
 
-function renderBenefit(benefit: Benefit, i: number, version: string) {
+function renderBenefit(benefit: PictureTextBenefit, i: number, version: string) {
   return (
     <div key={String(i)} className="flex flex-row mb-8">
       {benefit.icon ? (
@@ -56,7 +55,7 @@ function renderBenefit(benefit: Benefit, i: number, version: string) {
         />
       ) : null}
       <div className="flex gap-1 flex-col h-full ml-5 max-w-[490px]">
-        {benefit.label && (
+        {benefit?.label ? (
           <div
             className={`font-medium text-xl m-0 ${
               version === 'primary' ? 'text-primary-text' : ''
@@ -64,14 +63,14 @@ function renderBenefit(benefit: Benefit, i: number, version: string) {
           >
             {benefit.label}
           </div>
-        )}
-        {benefit.description && (
+        ) : null}
+        {benefit?.description ? (
           <div
             className={`font-normal text-sm ${version === 'primary' ? 'text-secondary-text' : ''}`}
           >
             {benefit.description}
           </div>
-        )}
+        ) : null}
       </div>
     </div>
   );

package/mobile/src/components/PictureText/PictureTextContent.ts

@@ -1,17 +1,25 @@
 import { BlockVersion } from '../../model/BlockVersion';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import type { Picture } from '../../model/Picture';
 
 export type TitleWithImageContent = HeadingContent & ImageContent;
 
+export interface PictureTextBenefit {
+  icon?: Picture;
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
+  description?: string;
+}
+
 /**
  * @title Картинка с текстом
  */
 export interface PictureTextContent extends TitleWithImageContent {
   version?: BlockVersion;
   /** @title Список преимуществ */
-  benefits?: Benefit[];
+  benefits?: PictureTextBenefit[];
   /**
    * @title Картинка справа/текст слева
    * @default false

package/mobile/src/components/ProductBlock/ProductBlockContent.ts

@@ -6,10 +6,18 @@ import type { DescriptionContent } from '../../ui-kit/Description/DescriptionCon
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import { Picture } from '../../model/Picture';
+
+export interface ProductBlockBenefit {
+  icon?: Picture;
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
+  description?: string;
+}
 
 export type BenefitItemProps = {
-  benefit: Benefit;
+  benefit: ProductBlockBenefit;
   version?: BlockVersion;
   benefitsVersion?: IconVersion;
 };
@@ -25,7 +33,7 @@ export type ProductBlockInnerContent = HeadingContent &
      * @minItems 2
      * @maxItems 3
      */
-    benefits?: Benefit[];
+    benefits?: ProductBlockBenefit[];
     benefitsVersion?: IconVersion;
     version?: BlockVersion;
     /**

package/mobile/src/components/ProductTile/ProductTile.tsx

@@ -8,8 +8,7 @@ import { Img } from '../../ui-kit/Img/Img';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
-import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
-import type { ProductTileContent } from './ProductTileContent';
+import type { ProductTileContent, TextBenefit } from './ProductTileContent';
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
 

package/mobile/src/components/ProductTile/ProductTileContent.ts

@@ -3,7 +3,13 @@ import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
+
+export interface TextBenefit {
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
+  description?: string;
+}
 
 /**
  * @title Продуктовая плитка

package/package.json

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

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

@@ -1,14 +1,22 @@
 {
   "title": "Преимущества",
-  "benefits": [
+  "benefitList": [
     {
       "label": "Преимущество №1",
+      "description": {
+        "name": "Описание 1",
+        "benefitType": "description"
+      },
       "icon": {
         "icon": "ClockIcon"
       }
     },
     {
       "label": "Преимущество №2",
+      "description": {
+        "name": "Описание 2",
+        "benefitType": "description"
+      },
       "icon": {
         "icon": "SignDocsIcon"
       }

package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx

@@ -2,35 +2,98 @@ import { context } from '../../react/setup-fixture';
 
 import { BenefitsBlock } from './BenefitsBlock';
 
+const itemsList = [
+  'Комиссия за выдачу',
+  'кредита не взимается',
+  'Допускается полное или',
+  'частичное погашение кредита',
+];
+
 export default {
-  default: (
+  description: (
+    <div className="container grid grid-cols-12">
+      <BenefitsBlock
+        context={context}
+        className="col-span-12"
+        title="Преимущества кредита"
+        benefitList={[
+          {
+            label: 'Без комиссии',
+            description: {
+              name: 'Комиссия за выдачу кредита не взимается. Допускается полное или частичное погашение кредита',
+              benefitType: 'text',
+            },
+            icon: { icon: 'ClockIcon' },
+          },
+          {
+            label: 'Оформление по паспорту',
+            description: {
+              name: 'Обеспечение не требуется. Кредит можно получить на любые цели',
+              benefitType: 'text',
+            },
+            icon: { icon: 'SignDocsIcon' },
+          },
+          {
+            label: 'Без залога и поручительства',
+            description: {
+              name: 'Единовременное перечисление суммы кредита в полном объёме на текущий счет в Банке',
+              benefitType: 'text',
+            },
+            icon: { icon: 'ComfortableCompIcon' },
+          },
+          {
+            label: 'Деньги за 3 дня',
+            description: {
+              name: 'Рассмотрение заявки с момента предоставления полного комплекта документов',
+              benefitType: 'text',
+            },
+            icon: { icon: 'ActualBalanceIcon' },
+          },
+        ]}
+      />
+    </div>
+  ),
+  list: (
     <div className="container grid grid-cols-12">
       <BenefitsBlock
         context={context}
         className="col-span-12"
         title="Преимущества кредита"
-        benefits={[
+        benefitList={[
           {
             label: 'Без комиссии',
-            description:
-              'Комиссия за выдачу кредита не взимается. Допускается полное или частичное погашение кредита',
             icon: { icon: 'ClockIcon' },
+            description: {
+              bullets: true,
+              items: itemsList,
+              benefitType: 'list',
+            },
           },
           {
             label: 'Оформление по паспорту',
-            description: 'Обеспечение не требуется. Кредит можно получить на любые цели',
+            description: {
+              bullets: true,
+              items: itemsList,
+              benefitType: 'list',
+            },
             icon: { icon: 'SignDocsIcon' },
           },
           {
             label: 'Без залога и поручительства',
-            description:
-              'Единовременное перечисление суммы кредита в полном объёме на текущий счет в Банке',
+            description: {
+              bullets: true,
+              items: itemsList,
+              benefitType: 'list',
+            },
             icon: { icon: 'ComfortableCompIcon' },
           },
           {
             label: 'Деньги за 3 дня',
-            description:
-              'Рассмотрение заявки с момента предоставления полного комплекта документов',
+            description: {
+              bullets: true,
+              items: itemsList,
+              benefitType: 'list',
+            },
             icon: { icon: 'ActualBalanceIcon' },
           },
         ]}