@redneckz/wildless-cms-uni-blocks 0.14.291 → 0.14.293

package/src/api/LeadServiceAPI.ts

@@ -1,4 +1,5 @@
 import { type JSONRecord, type JSONScalar } from '@redneckz/json-ref/lib/JSONNode';
+import { formatDate } from '../utils/formatDate';
 import { formatPhone } from '../utils/formatPhone';
 
 interface DaDataSuggestion<T> {
@@ -48,7 +49,7 @@ export function LeadServiceAPI() {
       ...getRegion(region, isNaturalPerson),
       ...getEmail(email, isNaturalPerson),
       ...getPhone(phone),
-      ...(isNaturalPerson ? { birthday: birthday?.toLocaleString() } : { inn, fullName }),
+      ...(isNaturalPerson ? { birthday: formatDate(birthday as string) } : { inn, fullName }),
       ...(typeForm === 'FEEDBACK'
         ? {}
         : {

package/src/components/BankAccountFiltration/BankAccountFiltration.example.json

@@ -3,17 +3,6 @@
     "version": "primary",
     "padding": "",
     "filtrationSchema": {
-      "consumer": {
-        "title": "Для кого",
-        "type": "array",
-        "single": true,
-        "ui": "dropdown",
-        "items": {
-          "type": "string",
-          "enum": ["farmers", "newBusiness", "activeBusiness"],
-          "enumNames": ["Для фермеров", "Для начинающего бизнеса", "Для активного бизнеса"]
-        }
-      },
       "extraOptions": {
         "title": "Дополнительные опции",
         "type": "array",
@@ -54,6 +43,17 @@
         }
       }
     },
+    "consumerField": {
+      "title": "Для кого",
+      "type": "array",
+      "single": true,
+      "ui": "dropdown",
+      "items": {
+        "type": "string",
+        "enum": ["farmers", "newBusiness", "activeBusiness"],
+        "enumNames": ["Для фермеров", "Для начинающего бизнеса", "Для активного бизнеса"]
+      }
+    },
     "resetButton": {
       "text": "Очистить фильтры",
       "version": "secondary"
@@ -61,6 +61,7 @@
     "notFound": {
       "title": "Нет подходящего тарифа",
       "description": "Попробуйте очистить фильтры"
-    }
+    },
+    "blocksSection": { "view": "carousel" }
   }
 }

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

@@ -10,17 +10,6 @@ import { type BankAccountFiltrationContent } from './BankAccountFiltrationConten
 const options = { blocksRegistry: Blocks } as BlockRendererOptions;
 
 const filtrationSchema: BankAccountFiltrationContent['filtrationSchema'] = {
-  consumer: {
-    title: 'Для кого',
-    type: 'array',
-    single: true,
-    ui: 'dropdown',
-    items: {
-      type: 'string',
-      enum: ['farmers', 'newBusiness', 'activeBusiness'],
-      enumNames: ['Для фермеров', 'Для начинающего бизнеса', 'Для активного бизнеса'],
-    },
-  },
   extraOptions: {
     title: 'Дополнительные опции',
     type: 'array',
@@ -69,6 +58,7 @@ const TARRIFF_FARMERS_RKO_EXTERNAL_OF = {
     consumer: ['farmers'],
     extraOptions: ['rko'],
     externalTransfers: ['often'],
+    className: ['col-span-6'],
   },
 };
 
@@ -79,6 +69,7 @@ const TARRIFF_FARMERS_RKO_EXTERNAL_RAR = {
     consumer: ['farmers'],
     extraOptions: ['rko'],
     externalTransfers: ['rarely'],
+    className: ['col-span-6'],
   },
 };
 
@@ -89,6 +80,7 @@ const TARRIFF_FARMERS_VED_EXTERNAL_RAR = {
     consumer: ['farmers'],
     extraOptions: ['ved'],
     externalTransfers: ['rarely'],
+    className: ['col-span-6'],
   },
 };
 
@@ -99,6 +91,7 @@ const TARRIFF_NEW_BUSINESS_VED_EXTERNAL_RAR = {
     consumer: ['newBusiness'],
     extraOptions: ['ved'],
     externalTransfers: ['rarely'],
+    className: ['col-span-6'],
   },
 };
 
@@ -109,6 +102,42 @@ const TARRIFF_ACTIVE_BUSINESS_RKO_EXTERNAL_OF = {
     consumer: ['farmers'],
     extraOptions: ['rko'],
     externalTransfers: ['often'],
+    className: ['col-span-6'],
+  },
+};
+
+const BLOCK_CONTENT: BankAccountFiltrationContent = {
+  resetButton: { text: 'Очистить фильтры', version: 'primary' },
+  filtrationSchema,
+  consumerField: {
+    title: 'Для кого',
+    type: 'array',
+    single: true,
+    ui: 'dropdown',
+    items: {
+      type: 'string',
+      enum: ['farmers', 'newBusiness', 'activeBusiness'],
+      enumNames: ['Для фермеров', 'Для начинающего бизнеса', 'Для активного бизнеса'],
+    },
+  },
+  notFound: {
+    title: 'Нет подходящего тарифа',
+    description: 'Попробуйте очистить фильтры',
+  },
+};
+
+const BLOCK_PROPS = {
+  className: 'col-span-12',
+  options,
+  block: {
+    type: 'BankAccountFiltration',
+    blocks: [
+      TARRIFF_FARMERS_RKO_EXTERNAL_OF,
+      TARRIFF_FARMERS_RKO_EXTERNAL_RAR,
+      TARRIFF_FARMERS_VED_EXTERNAL_RAR,
+      TARRIFF_NEW_BUSINESS_VED_EXTERNAL_RAR,
+      TARRIFF_ACTIVE_BUSINESS_RKO_EXTERNAL_OF,
+    ],
   },
 };
 
@@ -116,24 +145,19 @@ export default {
   default: (
     <div className="container grid grid-cols-12">
       <BankAccountFiltration
-        className="col-span-12"
-        resetButton={{ text: 'Очистить фильтры', version: 'primary' }}
-        filtrationSchema={filtrationSchema}
-        options={options}
-        notFound={{
-          title: 'Нет подходящего тарифа',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'BankAccountFiltration',
-          blocks: [
-            TARRIFF_FARMERS_RKO_EXTERNAL_OF,
-            TARRIFF_FARMERS_RKO_EXTERNAL_RAR,
-            TARRIFF_FARMERS_VED_EXTERNAL_RAR,
-            TARRIFF_NEW_BUSINESS_VED_EXTERNAL_RAR,
-            TARRIFF_ACTIVE_BUSINESS_RKO_EXTERNAL_OF,
-          ],
-        }}
+        {...BLOCK_CONTENT}
+        {...BLOCK_PROPS}
+        blocksSection={{ view: 'carousel' }}
+      />
+      <PopupManager />
+    </div>
+  ),
+  grid: (
+    <div className="container grid grid-cols-12">
+      <BankAccountFiltration
+        {...BLOCK_CONTENT}
+        {...BLOCK_PROPS}
+        blocksSection={{ view: 'grid', topItemsCount: 2, label: 'Показать ещё' }}
       />
       <PopupManager />
     </div>

package/src/components/BankAccountFiltration/BankAccountFiltration.fixture.tsx

@@ -10,17 +10,6 @@ import { type BankAccountFiltrationContent } from './BankAccountFiltrationConten
 const options = { blocksRegistry: Blocks } as BlockRendererOptions;
 
 const filtrationSchema: BankAccountFiltrationContent['filtrationSchema'] = {
-  consumer: {
-    title: 'Для кого',
-    type: 'array',
-    single: true,
-    ui: 'dropdown',
-    items: {
-      type: 'string',
-      enum: ['farmers', 'newBusiness', 'activeBusiness'],
-      enumNames: ['Для фермеров', 'Для начинающего бизнеса', 'Для активного бизнеса'],
-    },
-  },
   extraOptions: {
     title: 'Дополнительные опции',
     type: 'array',
@@ -69,6 +58,7 @@ const TARRIFF_FARMERS_RKO_EXTERNAL_OF = {
     consumer: ['farmers'],
     extraOptions: ['rko'],
     externalTransfers: ['often'],
+    className: ['col-span-6'],
   },
 };
 
@@ -79,6 +69,7 @@ const TARRIFF_FARMERS_RKO_EXTERNAL_RAR = {
     consumer: ['farmers'],
     extraOptions: ['rko'],
     externalTransfers: ['rarely'],
+    className: ['col-span-6'],
   },
 };
 
@@ -89,6 +80,7 @@ const TARRIFF_FARMERS_VED_EXTERNAL_RAR = {
     consumer: ['farmers'],
     extraOptions: ['ved'],
     externalTransfers: ['rarely'],
+    className: ['col-span-6'],
   },
 };
 
@@ -99,6 +91,7 @@ const TARRIFF_NEW_BUSINESS_VED_EXTERNAL_RAR = {
     consumer: ['newBusiness'],
     extraOptions: ['ved'],
     externalTransfers: ['rarely'],
+    className: ['col-span-6'],
   },
 };
 
@@ -109,6 +102,42 @@ const TARRIFF_ACTIVE_BUSINESS_RKO_EXTERNAL_OF = {
     consumer: ['farmers'],
     extraOptions: ['rko'],
     externalTransfers: ['often'],
+    className: ['col-span-6'],
+  },
+};
+
+const BLOCK_CONTENT: BankAccountFiltrationContent = {
+  resetButton: { text: 'Очистить фильтры', version: 'primary' },
+  filtrationSchema,
+  consumerField: {
+    title: 'Для кого',
+    type: 'array',
+    single: true,
+    ui: 'dropdown',
+    items: {
+      type: 'string',
+      enum: ['farmers', 'newBusiness', 'activeBusiness'],
+      enumNames: ['Для фермеров', 'Для начинающего бизнеса', 'Для активного бизнеса'],
+    },
+  },
+  notFound: {
+    title: 'Нет подходящего тарифа',
+    description: 'Попробуйте очистить фильтры',
+  },
+};
+
+const BLOCK_PROPS = {
+  className: 'col-span-12',
+  options,
+  block: {
+    type: 'BankAccountFiltration',
+    blocks: [
+      TARRIFF_FARMERS_RKO_EXTERNAL_OF,
+      TARRIFF_FARMERS_RKO_EXTERNAL_RAR,
+      TARRIFF_FARMERS_VED_EXTERNAL_RAR,
+      TARRIFF_NEW_BUSINESS_VED_EXTERNAL_RAR,
+      TARRIFF_ACTIVE_BUSINESS_RKO_EXTERNAL_OF,
+    ],
   },
 };
 
@@ -116,24 +145,19 @@ export default {
   default: (
     <div className="container grid grid-cols-12">
       <BankAccountFiltration
-        className="col-span-12"
-        resetButton={{ text: 'Очистить фильтры', version: 'primary' }}
-        filtrationSchema={filtrationSchema}
-        options={options}
-        notFound={{
-          title: 'Нет подходящего тарифа',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'BankAccountFiltration',
-          blocks: [
-            TARRIFF_FARMERS_RKO_EXTERNAL_OF,
-            TARRIFF_FARMERS_RKO_EXTERNAL_RAR,
-            TARRIFF_FARMERS_VED_EXTERNAL_RAR,
-            TARRIFF_NEW_BUSINESS_VED_EXTERNAL_RAR,
-            TARRIFF_ACTIVE_BUSINESS_RKO_EXTERNAL_OF,
-          ],
-        }}
+        {...BLOCK_CONTENT}
+        {...BLOCK_PROPS}
+        blocksSection={{ view: 'carousel' }}
+      />
+      <PopupManager />
+    </div>
+  ),
+  grid: (
+    <div className="container grid grid-cols-12">
+      <BankAccountFiltration
+        {...BLOCK_CONTENT}
+        {...BLOCK_PROPS}
+        blocksSection={{ view: 'grid', topItemsCount: 2, label: 'Показать ещё' }}
       />
       <PopupManager />
     </div>

package/src/components/BankAccountFiltration/BankAccountFiltration.tsx

@@ -1,19 +1,15 @@
-import { renderBlock } from '../../BlockRenderer/renderBlock';
-import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
-import { type StringArray } from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
+import { FilteredBlocks } from '../../ui-kit/BaseFiltration/FilteredBlocks';
 import { FiltrationForm } from '../../ui-kit/BaseFiltration/FiltrationForm';
+import { type StringArray } from '../../ui-kit/BaseFiltration/FiltrationSchemaContent';
 import { useFiltrationForm } from '../../ui-kit/BaseFiltration/useFiltrationForm';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
-import { NotFound } from '../../ui-kit/NotFound/NotFound';
 import { type Option } from '../../ui-kit/Select/Option';
-import { Select, type SelectProps } from '../../ui-kit/Select/Select';
+import { Select } from '../../ui-kit/Select/Select';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { zip } from '../../utils/zip';
-import { Carousel } from '../Carousel/Carousel';
 import {
   type BankAccountFiltrationContent,
   type BankAccountFiltrationSchema,
@@ -28,27 +24,24 @@ const initialFiltrationState: BankAccountFiltrationState = {};
 interface BankAccountFiltrationProps extends BankAccountFiltrationContent, UniBlockProps {}
 
 export const BankAccountFiltration = UniBlock<BankAccountFiltrationProps>(
-  ({ className, filtrationSchema = EMPTY_SCHEMA, resetButton, notFound, ...rest }) => {
+  ({ className, filtrationSchema = EMPTY_SCHEMA, consumerField = {}, resetButton, ...rest }) => {
     const [, { blocksToRender }, { field, reset }] = useFiltrationForm(initialFiltrationState, {
       block: rest.block,
       page: rest.options?.page,
     });
 
-    const selectArrProps: SelectProps[] = Object.entries(filtrationSchema)
-      // Only StringArray
-      .filter(([, schema]) => schema.type === 'array' && schema.ui === 'dropdown')
-      .map(([name, schema]) => ({
-        className: 'w-64',
-        label: schema.title,
-        options: stringArrayToOptions(schema),
-        ...field(name as keyof BankAccountFiltrationState, {
+    const ConsumerSelect = (
+      <Select
+        className="w-64"
+        label={consumerField?.title}
+        options={stringArrayToOptions(consumerField)}
+        {...field('consumer' as keyof BankAccountFiltrationState, {
           parse: ({ key }) => [key],
           format: ([value] = []) =>
-            stringArrayToOptions(schema).find((_) => _.key === value) || { key: '' },
-        }),
-      }));
-
-    const Selects = selectArrProps.map((props, i) => <Select key={String(i)} {...props} />);
+            stringArrayToOptions(consumerField).find((_) => _.key === value) || { key: '' },
+        })}
+      />
+    );
 
     return (
       <BlockWrapper
@@ -59,7 +52,7 @@ export const BankAccountFiltration = UniBlock<BankAccountFiltrationProps>(
       >
         <FiltrationForm filtrationSchema={filtrationSchema} field={field} reset={reset}>
           <div>
-            {Selects}
+            {ConsumerSelect}
             <div>
               <Button
                 type="reset"
@@ -72,27 +65,7 @@ export const BankAccountFiltration = UniBlock<BankAccountFiltrationProps>(
             </div>
           </div>
         </FiltrationForm>
-        <div className={style(blocksToRender?.length ? 'hidden' : 'block')}>
-          {notFound ? <NotFound {...notFound} /> : null}
-        </div>
-        <Carousel
-          padding="p-0"
-          isEmbedded={true}
-          itemCount={blocksToRender?.length}
-          visibleItemCount={0}
-          isAlignCenter={true}
-          isGap={false}
-        >
-          {renderBlocksList(blocksToRender, {
-            ...rest.options,
-            parent: rest.block,
-            renderProps: (block, options, i) => (
-              <div key={String(i)} className={style('relative min-w-80', getBorderStyle(true))}>
-                {renderBlock(block, options)}
-              </div>
-            ),
-          })}
-        </Carousel>
+        <FilteredBlocks blocksToRender={blocksToRender} {...rest} />
       </BlockWrapper>
     );
   },

package/src/components/BankAccountFiltration/BankAccountFiltration.ui.json

@@ -1 +1,7 @@
-{}
+{
+  "blocksSection": {
+    "view": {
+      "ui:widget": "hidden"
+    }
+  }
+}

package/src/components/BankAccountFiltration/BankAccountFiltrationContent.ts

@@ -1,12 +1,8 @@
-import {
-  type BaseFiltrationInnerContent,
-  type StringArray,
-} from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
+import { type BaseFiltrationContent } from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
+import { type StringArray } from '../../ui-kit/BaseFiltration/FiltrationSchemaContent';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 export type BankAccountFiltrationSchema = {
-  /** @title Для кого */
-  consumer?: StringArray;
   /** @title Дополнительные опции */
   extraOptions?: StringArray;
   /** @title Внешние переводы */
@@ -21,7 +17,9 @@ export type BankAccountFiltrationSchema = {
  * @title Подборщик тарифов
  */
 export type BankAccountFiltrationContent = UniBlockContent &
-  BaseFiltrationInnerContent & {
+  BaseFiltrationContent & {
     /** @title Параметры фильтрации */
     filtrationSchema?: BankAccountFiltrationSchema;
+    /** @title Настройки поля ввода "Для кого" */
+    consumerField?: StringArray;
   };

package/src/components/DepositFiltration/DepositFiltration.example.json

@@ -57,6 +57,7 @@
     "notFound": {
       "title": "Нет подходящей программы",
       "description": "Попробуйте очистить фильтры"
-    }
+    },
+    "blocksSection": { "view": "grid" }
   }
 }

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

@@ -18,16 +18,12 @@ const CURRENCY_EUR = {
   currency: ['eur'],
 };
 
-const OPTIONS_ADD = {
-  options: ['add'],
+const OPTIONS_ADD_ONLINE = {
+  options: ['add', 'online'],
 };
 
-const OPTIONS_WITHDRAWAL = {
-  options: ['withdrawal'],
-};
-
-const OPTIONS_PENSIONER = {
-  options: ['pensioner'],
+const OPTIONS_PENSIONER_WITHDRAWAL = {
+  options: ['pensioner', 'withdrawal'],
 };
 
 const OPTIONS_ONLINE = {
@@ -57,6 +53,7 @@ const SCHEMA: DepositFiltrationContent['filtrationSchema'] = {
       enum: ['rub', 'usd', 'eur'],
       enumNames: ['Рубль', 'Доллар', 'Евро'],
     },
+    single: true,
   },
   options: {
     title: 'Опции',
@@ -92,71 +89,113 @@ const SCHEMA: DepositFiltrationContent['filtrationSchema'] = {
   },
 };
 
+const BLOCKS = [
+  generateBlock(
+    { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 1' },
+    CURRENCY_RUB,
+    OPTIONS_PENSIONER_WITHDRAWAL,
+    PERCENTS_IN_THE_END,
+    {
+      sum: { min: 100, max: 500 },
+    },
+    {
+      paramsSource: { $ref: '/wcms-resources/product-block-data.json' },
+    },
+  ),
+  generateBlock(
+    { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 2' },
+    CURRENCY_USD,
+    OPTIONS_ADD_ONLINE,
+    PERCENTS_EACH_MONTH,
+    {
+      sum: { min: 500, max: 10000 },
+    },
+    {
+      paramsSource: { $ref: '/wcms-resources/product-block-2-data.json' },
+    },
+  ),
+  generateBlock(
+    { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 3' },
+    CURRENCY_EUR,
+    OPTIONS_ONLINE,
+    PERCENTS_EACH_MONTH,
+    {
+      sum: { min: 1000, max: 100000 },
+    },
+    {
+      paramsSource: { $ref: '/wcms-resources/product-block-3-data.json' },
+    },
+  ),
+  generateBlock(
+    { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 4' },
+    CURRENCY_EUR,
+    OPTIONS_ONLINE,
+    PERCENTS_EACH_MONTH,
+    {
+      sum: { min: 1000, max: 100000 },
+    },
+    {
+      paramsSource: { $ref: '/wcms-resources/product-block-3-data.json' },
+    },
+  ),
+  generateBlock(
+    { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 5' },
+    CURRENCY_EUR,
+    OPTIONS_ONLINE,
+    PERCENTS_EACH_MONTH,
+    {
+      sum: { min: 1000, max: 100000 },
+    },
+    {
+      paramsSource: { $ref: '/wcms-resources/product-block-3-data.json' },
+    },
+  ),
+];
+
 const options = {
   blocksRegistry: Blocks,
+  page: {
+    fallback: {
+      ['/wcms-resources/product-block-data.json']: require('../../../cosmos-static/wcms-resources/product-block-data.json'),
+      ['/wcms-resources/product-block-2-data.json']: require('../../../cosmos-static/wcms-resources/product-block-2-data.json'),
+      ['/wcms-resources/product-block-3-data.json']: require('../../../cosmos-static/wcms-resources/product-block-3-data.json'),
+    },
+  },
 } as BlockRendererOptions;
 
+const BLOCK_CONTENT: DepositFiltrationContent = {
+  filtrationSchema: SCHEMA,
+  sumInput: { title: 'Сумма' },
+  periodInput: { title: 'Срок, месяцев' },
+  resetButton: { text: 'Очистить фильтры', version: 'secondary' },
+  notFound: {
+    title: 'Нет подходящей программы',
+    description: 'Попробуйте очистить фильтры',
+  },
+};
+
+const BLOCK_PROPS = {
+  className: 'col-span-12',
+  block: {
+    type: 'DepositFiltration',
+    blocks: BLOCKS,
+  },
+  options,
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12">
       <DepositFiltration
-        className="col-span-12"
-        label="Другие ипотечные программы"
-        filtrationSchema={SCHEMA}
-        topItemsCount={2}
-        sumInput={{ title: 'Сумма' }}
-        periodInput={{ title: 'Срок, месяцев' }}
-        resetButton={{ text: 'Очистить фильтры', version: 'secondary' }}
-        notFound={{
-          title: 'Нет подходящей программы',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'DepositFiltration',
-          blocks: [
-            generateBlock(
-              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 1' },
-              CURRENCY_RUB,
-              OPTIONS_WITHDRAWAL,
-              OPTIONS_PENSIONER,
-              PERCENTS_IN_THE_END,
-              {
-                sum: { min: 500, max: 500000 },
-              },
-              {
-                paramsSource: { $ref: '/wcms-resources/product-block-3-data.json' },
-              },
-            ),
-            generateBlock(
-              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 2' },
-              CURRENCY_USD,
-              OPTIONS_ADD,
-              OPTIONS_ONLINE,
-              PERCENTS_EACH_MONTH,
-              {
-                sum: { min: 500, max: 10000 },
-              },
-              {
-                paramsSource: { $ref: '/wcms-resources/product-block-2-data.json' },
-              },
-            ),
-            generateBlock(
-              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 3' },
-              CURRENCY_EUR,
-              OPTIONS_ADD,
-              OPTIONS_ONLINE,
-              PERCENTS_EACH_MONTH,
-              {
-                sum: { min: 1000, max: 100000 },
-              },
-              {
-                paramsSource: { $ref: '/wcms-resources/product-block-data.json' },
-              },
-            ),
-          ],
-        }}
-        options={options}
+        {...BLOCK_CONTENT}
+        {...BLOCK_PROPS}
+        blocksSection={{ view: 'grid', label: 'Другие ипотечные программы', topItemsCount: 2 }}
       />
     </div>
   ),
+  carousel: (
+    <div className="container grid grid-cols-12">
+      <DepositFiltration {...BLOCK_CONTENT} {...BLOCK_PROPS} blocksSection={{ view: 'carousel' }} />
+    </div>
+  ),
 };