@redneckz/wildless-cms-uni-blocks 0.14.913 → 0.14.914

package/mobile/dist/ui-kit/BaseTile/BaseTile.js

@@ -29,7 +29,7 @@ exports.BaseTile = (0, uni_jsx_1.JSX)(({ className, version = 'primary', default
                                 imageAlign,
                             }), buttons ? (0, jsx_runtime_1.jsx)("div", { className: "self-end", children: buttons }) : null] })] })] }));
 });
-const renderMiddleContent = (insetTitle, children) => insetTitle || children ? ((0, jsx_runtime_1.jsxs)("div", { className: "grow space-y-lg w-fit", children: [insetTitle, children] })) : null;
+const renderMiddleContent = (insetTitle, children) => insetTitle || children ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-lg", children: [insetTitle, children] })) : null;
 const imageAlwaysOnRightContainerStyle = (isImage) => (0, style_1.style)(isImage ? 'row-span-2' : '@xl:row-span-2');
 const renderUnitContainer = (childrenBlocks) => childrenBlocks?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-start justify-end", children: childrenBlocks })) : null;
 //# sourceMappingURL=BaseTile.js.map

package/mobile/dist/ui-kit/BaseTile/BaseTile.js.map

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

package/mobile/lib/ui-kit/BaseTile/BaseTile.js

@@ -27,7 +27,7 @@ export const BaseTile = JSX(({ className, version = 'primary', defaultPadding, p
                                 imageAlign,
                             }), buttons ? _jsx("div", { className: "self-end", children: buttons }) : null] })] })] }));
 });
-const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (_jsxs("div", { className: "grow space-y-lg w-fit", children: [insetTitle, children] })) : null;
+const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (_jsxs("div", { className: "space-y-lg", children: [insetTitle, children] })) : null;
 const imageAlwaysOnRightContainerStyle = (isImage) => style(isImage ? 'row-span-2' : '@xl:row-span-2');
 const renderUnitContainer = (childrenBlocks) => childrenBlocks?.length ? (_jsx("div", { className: "flex items-start justify-end", children: childrenBlocks })) : null;
 //# sourceMappingURL=BaseTile.js.map

package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map

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

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

@@ -94,7 +94,7 @@ export const BaseTile = JSX<BaseTileProps>(
 
 const renderMiddleContent = (insetTitle: VNode, children: VNode) =>
   insetTitle || children ? (
-    <div className="grow space-y-lg w-fit">
+    <div className="space-y-lg">
       {insetTitle}
       {children}
     </div>

package/package.json

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

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

@@ -10,7 +10,7 @@ import { TARIFFS_CARD, TARIFFS_CARD_HIT } from '../CarouselTariffsCard/CarouselT
 import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
 import { Carousel } from './Carousel';
 
-const catalogImage: Picture = {
+const CATALOG_IMAGE: Picture = {
   src: 'pay-ring.png',
   format: 'webp',
   size: {
@@ -20,7 +20,7 @@ const catalogImage: Picture = {
   title: 'pay-ring',
 };
 
-const productBlock: ProductBlockContent = {
+const PRODUCT_BLOCK: ProductBlockContent = {
   isFullWidthTitle: true,
   version: 'secondary',
   image: {
@@ -39,7 +39,7 @@ const productBlock: ProductBlockContent = {
   ],
 };
 
-const options = {
+const OPTIONS = {
   blocksRegistry: Blocks,
 } as BlockRendererOptions;
 
@@ -53,19 +53,19 @@ export default {
           blocks: [
             {
               type: 'CarouselCatalogCard',
-              content: { ...CATALOG_CARD, image: catalogImage },
+              content: { ...CATALOG_CARD, image: CATALOG_IMAGE },
             },
             {
               type: 'CarouselCatalogCard',
-              content: { ...CATALOG_CARD_NEW, image: catalogImage },
+              content: { ...CATALOG_CARD_NEW, image: CATALOG_IMAGE },
             },
             {
               type: 'CarouselCatalogCard',
-              content: { ...CATALOG_CARD, image: catalogImage },
+              content: { ...CATALOG_CARD, image: CATALOG_IMAGE },
             },
           ],
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -90,7 +90,7 @@ export default {
             },
           ],
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -105,7 +105,7 @@ export default {
             content: CAROUSEL_RECOMMENDATION_CARD,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -120,7 +120,7 @@ export default {
             content: { version: 'secondary', ...CAROUSEL_RECOMMENDATION_CARD },
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -137,7 +137,7 @@ export default {
             content: CAROUSEL_RECOMMENDATION_CARD_BENEFITS,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -153,28 +153,28 @@ export default {
         block={{
           type: 'Carousel',
           blocks: [
-            { type: 'ProductBlock', content: { ...productBlock } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK } },
             {
               type: 'ProductBlock',
               content: {
-                ...productBlock,
+                ...PRODUCT_BLOCK,
                 title: 'Вклад «Доходный»',
                 description: 'Получайте максимальный доход даже при небольшой сумме вклада',
                 additionalDescription: 'Ставка до 16% годовых',
               },
             },
-            { type: 'ProductBlock', content: { ...productBlock, title: 'Карта Своя' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK, title: 'Карта Своя' } },
             {
               type: 'ProductBlock',
               content: {
-                ...productBlock,
+                ...PRODUCT_BLOCK,
                 title: 'Сельская ипотека',
                 additionalDescription: 'до 6 млн. ₽',
               },
             },
           ],
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),

package/src/components/Carousel/Carousel.fixture.tsx

@@ -5,6 +5,7 @@ import '../../setup-fixture';
 import { Blocks } from '../Blocks';
 import { CATALOG_CARD, CATALOG_CARD_NEW } from '../CarouselCatalogCard/CarouselCatalogCard.fixture';
 import {
+  CAROUSEL_RECOMMENDATION_CARD_AS_TARIFF,
   CAROUSEL_RECOMMENDATION_CARD_BENEFITS,
   CAROUSEL_RECOMMENDATION_CARD_SECONDARY,
   CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST,
@@ -14,7 +15,7 @@ import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
 import { RICH_CARD } from '../RichTextBlock/RichTextBlock.fixture';
 import { Carousel } from './Carousel';
 
-const cardsListHtml =
+const CARDS_LIST_HTML =
   '<p><strong>IR</strong>cтрана эмитента</p><p><strong>RU</strong>страна риска</p><p><strong>09.03.2022</strong>дата погашения</p><p><strong>Ba3</strong>рейтинг MOODY’S</p>';
 
 const five: Picture = {
@@ -29,11 +30,11 @@ const five: Picture = {
 const INVESTMENT_CARD_WITH_SINGLE_COLUMN: ProductBlockContent = {
   title: 'Borets Finance DAC 17/09/26',
   description: 'Краткосрочная',
-  __html: cardsListHtml,
+  __html: CARDS_LIST_HTML,
   image: five,
 };
 
-const catalogImage: Picture = {
+const CATALOG_IMAGE: Picture = {
   src: 'pay-ring.png',
   format: 'webp',
   size: {
@@ -43,7 +44,7 @@ const catalogImage: Picture = {
   title: 'pay-ring',
 };
 
-const productBlock: ProductBlockContent = {
+const PRODUCT_BLOCK: ProductBlockContent = {
   isFullWidthTitle: true,
   version: 'secondary',
   image: {
@@ -62,7 +63,7 @@ const productBlock: ProductBlockContent = {
   ],
 };
 
-const options = {
+const OPTIONS = {
   blocksRegistry: Blocks,
 } as BlockRendererOptions;
 
@@ -77,19 +78,19 @@ export default {
           blocks: [
             {
               type: 'CarouselCatalogCard',
-              content: { ...CATALOG_CARD, image: catalogImage },
+              content: { ...CATALOG_CARD, image: CATALOG_IMAGE },
             },
             {
               type: 'CarouselCatalogCard',
-              content: { ...CATALOG_CARD_NEW, image: catalogImage },
+              content: { ...CATALOG_CARD_NEW, image: CATALOG_IMAGE },
             },
             {
               type: 'CarouselCatalogCard',
-              content: { ...CATALOG_CARD, image: catalogImage },
+              content: { ...CATALOG_CARD, image: CATALOG_IMAGE },
             },
           ],
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -108,7 +109,28 @@ export default {
             })
             .map((_, i) => (i === 1 ? { ..._, content: TARIFFS_CARD_HIT } : _)),
         }}
-        options={options}
+        options={OPTIONS}
+      />
+    </div>
+  ),
+  'tariffs (via recommendation card)': (
+    <div className="container grid grid-cols-12">
+      <Carousel
+        className="col-span-12"
+        visibleItemCount={0}
+        isGap={false}
+        block={{
+          type: 'Carousel',
+          blocks: Array.from<BlockDef>({ length: 6 })
+            .fill({
+              type: 'CarouselRecommendationCard',
+              content: CAROUSEL_RECOMMENDATION_CARD_AS_TARIFF,
+            })
+            .map((_, i) =>
+              i === 1 ? { ..._, content: { ..._.content, isHighlighting: true } } : _,
+            ),
+        }}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -124,7 +146,7 @@ export default {
             content: INVESTMENT_CARD_WITH_SINGLE_COLUMN,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -141,7 +163,7 @@ export default {
             content: CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -158,7 +180,7 @@ export default {
             content: CAROUSEL_RECOMMENDATION_CARD_SECONDARY,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -175,7 +197,7 @@ export default {
             content: CAROUSEL_RECOMMENDATION_CARD_BENEFITS,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -191,7 +213,7 @@ export default {
             content: RICH_CARD,
           }),
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),
@@ -207,28 +229,28 @@ export default {
         block={{
           type: 'Carousel',
           blocks: [
-            { type: 'ProductBlock', content: { ...productBlock } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK } },
             {
               type: 'ProductBlock',
               content: {
-                ...productBlock,
+                ...PRODUCT_BLOCK,
                 title: 'Вклад «Доходный»',
                 description: 'Получайте максимальный доход даже при небольшой сумме вклада',
                 additionalDescription: 'Ставка до 16% годовых',
               },
             },
-            { type: 'ProductBlock', content: { ...productBlock, title: 'Карта Своя' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK, title: 'Карта Своя' } },
             {
               type: 'ProductBlock',
               content: {
-                ...productBlock,
+                ...PRODUCT_BLOCK,
                 title: 'Сельская ипотека',
                 additionalDescription: 'до 6 млн. ₽',
               },
             },
           ],
         }}
-        options={options}
+        options={OPTIONS}
       />
     </div>
   ),

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

@@ -5,7 +5,7 @@ import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonConten
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import { type CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
-const icon: Picture = {
+const ICON: Picture = {
   src: 'product-basket.png',
   format: 'webp',
   size: {
@@ -15,7 +15,7 @@ const icon: Picture = {
   title: 'product-basket',
 };
 
-const iconCoin: Picture = {
+const ICON_COIN: Picture = {
   src: 'coin.png',
   format: 'webp',
   size: {
@@ -24,7 +24,7 @@ const iconCoin: Picture = {
   title: 'money',
 };
 
-const benefits: BenefitItemContent[] = [
+const BENEFITS: BenefitItemContent[] = [
   {
     label: 'От 16 до 81',
     description: 'платежей',
@@ -35,7 +35,7 @@ const benefits: BenefitItemContent[] = [
   },
 ];
 
-const socialMediaWithText: LinkButtonContent[] = [
+const SOCIAL_MEDIA_WITH_TEXT: LinkButtonContent[] = [
   {
     href: 'https://t.me',
     text: 'Telegram',
@@ -50,7 +50,7 @@ const socialMediaWithText: LinkButtonContent[] = [
   },
 ];
 
-const socialMediaWithoutText: LinkButtonContent[] = [
+const SOCIAL_MEDIA_WITHOUT_TEXT: LinkButtonContent[] = [
   {
     href: 'https://t.me',
   },
@@ -62,7 +62,7 @@ const socialMediaWithoutText: LinkButtonContent[] = [
   },
 ];
 
-const __html = `
+const HTML = `
   <ul>
     <li>Бесплатное подключение и обслуживание</li>
     <li>Вход и подписание документов по биометрии</li>
@@ -73,38 +73,38 @@ const __html = `
 export const CAROUSEL_RECOMMENDATION_CARD: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  __html,
-  icon,
-  socialMedia: socialMediaWithText,
+  __html: HTML,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITH_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_SIMPLE: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  __html,
-  icon,
-  socialMedia: socialMediaWithoutText,
+  __html: HTML,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 export const CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  icon,
-  socialMedia: socialMediaWithoutText,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardContent = {
   title: 'Россельхозбанк',
   description: 'Описание',
   align: 'text-left',
-  icon,
+  icon: ICON,
   __html: `
     <ul>
       <li>Свежие новости</li>
-      <li>Акции и предложения</li> 
+      <li>Акции и предложения</li>
       <li>Ставки и катировки</li>
     </ul>`,
   version: 'secondary',
-  socialMedia: socialMediaWithoutText,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_BENEFITS: CarouselRecommendationCardContent = {
@@ -112,8 +112,8 @@ export const CAROUSEL_RECOMMENDATION_CARD_BENEFITS: CarouselRecommendationCardCo
   imageOptions: {
     directionRight: false,
   },
-  icon: iconCoin,
-  benefits: benefits,
+  icon: ICON_COIN,
+  benefits: BENEFITS,
 };
 
 export default {

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.tsx

@@ -2,10 +2,11 @@ import { type Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { type BenefitItemContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { IMAGE_MONTH } from '../CarouselTariffsCard/CarouselTariffsCard.fixture';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import { type CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
-const icon: Picture = {
+const ICON: Picture = {
   src: 'product-basket.png',
   format: 'webp',
   size: {
@@ -15,7 +16,7 @@ const icon: Picture = {
   title: 'product-basket',
 };
 
-const iconCoin: Picture = {
+const ICONS_COIN: Picture = {
   src: 'coin.png',
   format: 'webp',
   size: {
@@ -24,7 +25,7 @@ const iconCoin: Picture = {
   title: 'money',
 };
 
-const benefits: BenefitItemContent[] = [
+const BENEFITS: BenefitItemContent[] = [
   {
     label: 'От 16 до 81',
     description: 'платежей',
@@ -35,7 +36,7 @@ const benefits: BenefitItemContent[] = [
   },
 ];
 
-const socialMediaWithText: LinkButtonContent[] = [
+const SOCIAL_MEDIA_WITH_TEXT: LinkButtonContent[] = [
   {
     href: 'https://t.me',
     text: 'Телеграм',
@@ -50,7 +51,7 @@ const socialMediaWithText: LinkButtonContent[] = [
   },
 ];
 
-const socialMediaWithoutText: LinkButtonContent[] = [
+const SOCIAL_MEDIA_WITHOUT_TEXT: LinkButtonContent[] = [
   {
     href: 'https://t.me',
   },
@@ -62,7 +63,7 @@ const socialMediaWithoutText: LinkButtonContent[] = [
   },
 ];
 
-const __html = `
+const HTML = `
   <ul>
     <li>Бесплатное подключение и обслуживание</li>
     <li>Вход и подписание документов по биометрии</li>
@@ -73,25 +74,45 @@ const __html = `
 export const CAROUSEL_RECOMMENDATION_CARD: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  __html,
-  icon,
-  socialMedia: socialMediaWithText,
+  __html: HTML,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITH_TEXT,
   data: [{ aspectName: 'mindboxEvent', params: { test: 'test-mindbox' } }],
   href: 'https://www.rshb.ru/',
 };
 
-export const CAROUSEL_RECOMMENDATION_CARD_SIMPLE: CarouselRecommendationCardContent = {
+export const CAROUSEL_RECOMMENDATION_CARD_AS_TARIFF: CarouselRecommendationCardContent = {
+  title: 'Базовый комфорт',
+  description: 'Оптимальный тариф',
+  align: 'text-center',
+  icon: IMAGE_MONTH,
+  imageOptions: {
+    directionRight: false,
+  },
+  version: 'primary',
+  padding: 'p-m',
+  socialMedia: [
+    {
+      target: '_blank',
+      version: 'primary',
+      rounded: false,
+      text: 'Открыть счёт',
+    },
+  ],
+};
+
+const CAROUSEL_RECOMMENDATION_CARD_SIMPLE: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  __html,
-  icon,
-  socialMedia: socialMediaWithoutText,
+  __html: HTML,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 export const CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST: CarouselRecommendationCardContent = {
   title: 'Подключаем мобильный банк для управления бизнесом',
   description: 'Все возможности банка для бизнеса в вашем смартфоне',
-  icon,
-  socialMedia: socialMediaWithoutText,
+  icon: ICON,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardContent = {
@@ -109,11 +130,11 @@ export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardC
   __html: `
     <ul>
       <li>Свежие новости</li>
-      <li>Акции и предложения</li> 
+      <li>Акции и предложения</li>
       <li>Ставки и катировки</li>
     </ul>`,
   version: 'secondary',
-  socialMedia: socialMediaWithoutText,
+  socialMedia: SOCIAL_MEDIA_WITHOUT_TEXT,
 };
 
 export const CAROUSEL_RECOMMENDATION_CARD_BENEFITS: CarouselRecommendationCardContent = {
@@ -121,8 +142,8 @@ export const CAROUSEL_RECOMMENDATION_CARD_BENEFITS: CarouselRecommendationCardCo
   imageOptions: {
     directionRight: false,
   },
-  icon: iconCoin,
-  benefits: benefits,
+  icon: ICONS_COIN,
+  benefits: BENEFITS,
 };
 
 export default {
@@ -192,9 +213,9 @@ export default {
         align="text-center"
         title="Более 5000 товаров"
         description="Время копить: ставка растет в зависимости от срока нахождения средств на Счете!"
-        __html={__html}
+        __html={HTML}
         isDotted={false}
-        icon={iconCoin}
+        icon={ICONS_COIN}
         imageOptions={{ isImageAlwaysOnRight: false }}
         additionalDescription="Дополнительное описание"
         socialMedia={[
@@ -214,9 +235,9 @@ export default {
         align="text-center"
         title="Более 5000 товаров"
         description="Время копить: ставка растет в зависимости от срока нахождения средств на Счете!"
-        __html={__html}
+        __html={HTML}
         isDotted={false}
-        icon={iconCoin}
+        icon={ICONS_COIN}
         imageOptions={{ isImageAlwaysOnRight: false, directionRight: false }}
         additionalDescription="Дополнительное описание"
         socialMedia={[