@redneckz/wildless-cms-uni-blocks 0.8.9 → 0.8.10

package/src/components/StepsBlock/StepsBlock.tsx

@@ -5,10 +5,11 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
-import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable';
 import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { joinList } from '../../utils/joinList';
-import { renderStepContent } from './renderStepContent';
+import { style } from '../../utils/style';
+import { checkCanRenderIcon } from './checkCanRenderIcon';
+import { renderStep } from './renderStep';
 import type { Step, StepsBlockContent } from './StepsBlockContent';
 import type { StyleType } from './StepsBlockStyleMaps';
 import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps';
@@ -20,39 +21,50 @@ const getLineOpacity = (showLines: boolean) => (showLines ? '' : 'opacity-0');
 const getPaddingX = (steps: number) => (steps < 5 ? 'px-[88px]' : 'px-[55px]');
 
 export const StepsBlock = JSX<StepsBlockProps>(
-  ({ className = '', showLines = true, steps = [], button, version = 'primary', ...rest }) => {
-    const { title } = rest;
-    const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
+  ({
+    className = '',
+    showLines = true,
+    steps = [],
+    button,
+    version = 'primary',
+    title,
+    ...rest
+  }) => {
     const shortGaps = steps.length > 3;
+
+    const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
+
     const lineOpacity = getLineOpacity(showLines);
-    const titleMargin = title ? 'mt-9' : '';
     const paddingX = getPaddingX(steps.length);
 
     return (
       <BlockWrapper
-        className={[
+        className={style(
           'box-border py-12',
           shortGaps ? 'px-20' : 'px-[70px]',
           'flex flex-col items-center overflow-hidden',
           className,
-        ].join(' ')}
+        )}
         version={version}
         {...rest}
       >
         {title ? (
-          <Heading headingType="h3" className="max-w-[752px] text-center" title={title} />
+          <Heading headingType="h3" className="max-w-[752px] text-center mb-9" title={title} />
         ) : null}
         {steps?.length ? (
-          <div className={`box-border ${titleMargin}`}>
-            <div className={`flex items-center ${paddingX}`}>
-              {joinList(<div className={`h-0.5 w-full bg-secondary-light ${lineOpacity}`} />)(
+          <div className="box-border">
+            <div className={style('flex items-center', paddingX)}>
+              {joinList(<div className={style('h-0.5 w-full bg-secondary-light', lineOpacity)} />)(
                 steps.map(renderStepIcon(styleMap, version)),
               )}
             </div>
-            <div className={`flex justify-between mt-4 ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`}>
-              {steps.map(
-                renderStepContent({ styleMap, isMainButton: Boolean(button?.text), version }),
+            <div
+              className={style(
+                'flex justify-between mt-4',
+                shortGaps ? 'gap-x-3' : 'gap-x-[101px]',
               )}
+            >
+              {steps.map(renderStep({ styleMap, isMainButton: Boolean(button?.text), version }))}
             </div>
           </div>
         ) : null}
@@ -70,7 +82,7 @@ const renderStepIcon =
         <div
           className={`h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center ${styleMap.iconBackground}`}
         >
-          {checkIsIconRenderable(icon) ? (
+          {checkCanRenderIcon(icon) ? (
             <Img image={getIconWithVersion(icon || {}, version)} width="48" height="48" asSVG />
           ) : (
             <span className={`text-h4 ${styleMap.iconText}`}>{i + 1}</span>

package/src/components/StepsBlock/StepsBlock.ui.json

@@ -12,6 +12,12 @@
           "iconRight": {
             "ui:field": "icon"
           }
+        },
+        "__html": {
+          "ui:widget": "html"
+        },
+        "type": {
+          "ui:widget": "hidden"
         }
       }
     }

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -1,6 +1,8 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DefaultListItemType } from '../../model/DefaultListItemType';
 import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
+import type { RichTextItem } from '../../model/RichTextItem';
 import type { SizeVersion } from '../../model/SizeVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -16,10 +18,20 @@ type StepCommonProps = IconProps & {
   items?: string[];
 };
 
+/**
+ * @title Стандартный
+ */
+export type DefaultStep = DescriptionProps & LabelProps & StepCommonProps & DefaultListItemType;
+
+/**
+ * @title Форматированный текст
+ */
+type RichTextStep = RichTextItem & IconProps;
+
 /**
  * @title Шаг
  */
-export type Step = DescriptionProps & LabelProps & StepCommonProps;
+export type Step = DefaultStep | RichTextStep;
 
 /**
  * @title Блок шаги

package/src/components/StepsBlock/checkCanRenderIcon.ts

@@ -0,0 +1,3 @@
+import type { Picture } from '../../model/Picture';
+
+export const checkCanRenderIcon = (icon?: Picture) => Boolean(icon?.icon || icon?.src);

package/src/components/StepsBlock/renderStep.tsx

@@ -0,0 +1,83 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { ButtonVersion } from '../../model/ButtonVersion';
+import type { VNode } from '../../model/VNode';
+import { Button } from '../../ui-kit/Button/Button';
+import { List } from '../../ui-kit/List/List';
+import { RichText } from '../../ui-kit/RichText/RichText';
+import { Text } from '../../ui-kit/Text/Text';
+import { assertUnreachable } from '../../utils/assertUnreachable';
+import { style } from '../../utils/style';
+import type { DefaultStep, Step } from './StepsBlockContent';
+import type { StyleType } from './StepsBlockStyleMaps';
+
+interface RenderStepProps {
+  styleMap: StyleType;
+  isMainButton: boolean;
+  version?: BlockVersion;
+}
+
+// TODO: Create universal function for this case
+export const renderStep =
+  (props: RenderStepProps) =>
+  // Linter doesn't understand that switch processes all cases
+  // eslint-disable-next-line consistent-return
+  (step: Step, i: number, arr: Step[]): VNode => {
+    const { type } = step;
+
+    if (!(type === 'default' || type === 'rte')) {
+      return null;
+    }
+
+    switch (type) {
+      case 'default':
+        return renderDefaultStep(props)(step, i, arr);
+      case 'rte':
+        return <RichText __html={step.__html} />;
+      default:
+        assertUnreachable(step);
+    }
+  };
+
+const renderDefaultStep =
+  ({ styleMap, isMainButton, version }: RenderStepProps) =>
+  (step: DefaultStep, i: number, arr: Step[]) => {
+    const { label, description, button, items, isDotted } = step;
+
+    return (
+      <div
+        key={String(i)}
+        className={style(
+          'relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden',
+          getContainerWidth(arr.length),
+        )}
+      >
+        <div className={style(button?.text ? 'mb-8' : '', 'text-center')}>
+          {label ? (
+            <div className="mb-2">
+              <Text size="text-h6">{label}</Text>
+            </div>
+          ) : null}
+          <div className="flex flex-col items-center">
+            {description ? <div className={styleMap.description}>{description}</div> : null}
+            <List
+              className={style(description ? `${styleMap.description} mt-0.5` : 'text-h6')}
+              items={items}
+              listItemSize="M"
+              isDotted={isDotted}
+            />
+          </div>
+        </div>
+        {button?.text && !isMainButton ? (
+          <Button
+            className="box-border py-3 h-12 w-full max-w-[240px] mt-auto"
+            version={version as ButtonVersion}
+            {...button}
+          >
+            {button?.text}
+          </Button>
+        ) : null}
+      </div>
+    );
+  };
+
+const getContainerWidth = (length: number): string => (length < 5 ? 'w-[276px]' : 'w-[210px]');

package/src/components/Tile/Tile.example.json

@@ -2,7 +2,7 @@
   "content": {
     "title": "Плитка",
     "headingType": "h3",
-    "description": "Описание",
+    "__html": "<p>Описание</p>",
     "image": {
       "format": "webp",
       "size": {

package/src/components/Tile/Tile.fixture.tsx

@@ -46,8 +46,8 @@ export const TILE: TileContent = {
 export const TILE_PREMIUM: TileContent = {
   title: 'Премиальные продукты',
   headingType: 'h4',
-  description:
-    'Выделенные зоны обслуживания и персональный финансовый консультант. Полный спектр премиальных продуктов, подчеркивающих ваш статус',
+  __html:
+    '<p>Выделенные зоны обслуживания и персональный финансовый консультант. <strong>Полный спектр</strong> премиальных продуктов, <u>подчеркивающих</u> ваш статус</p>',
   buttons: [
     {
       href: 'https://rshb.ru',

package/src/components/Tile/Tile.tsx

@@ -5,7 +5,7 @@ import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
+import { RichText } from '../../ui-kit/RichText/RichText';
 import { Tags } from '../../ui-kit/Tags/Tags';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
@@ -18,7 +18,7 @@ export const Tile = JSX<TileProps>(
   ({
     title,
     headingType = 'h3',
-    description,
+    __html,
     items,
     buttons,
     image,
@@ -52,9 +52,9 @@ export const Tile = JSX<TileProps>(
         })}
         image={image?.src ? <Img className="mt-auto ml-7" image={image} /> : null}
       >
-        {description ? (
+        {__html ? (
           <div className="max-w-[600px] mt-2.5">
-            <Paragraph size="text-xl-light">{description}</Paragraph>
+            <RichText __html={__html} />
           </div>
         ) : null}
         {children}

package/src/components/Tile/Tile.ui.json

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

package/src/components/Tile/TileContent.ts

@@ -1,17 +1,17 @@
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { DescriptionProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
 import type { ListItemSize } from '../../ui-kit/List/ListProps';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 import type { TagsContent } from '../../ui-kit/Tags/TagsContent';
 
 /**
  * @title Плитка
  */
 export type TileContent = HeadingCommonProps &
-  DescriptionProps &
+  RichTextProps &
   ListContent &
   ButtonContent &
   TagsContent & {

package/bundle/utils/checkIsIconRenderable.d.ts

@@ -1,2 +0,0 @@
-import type { Picture } from '../model/Picture';
-export declare const checkIsIconRenderable: (icon?: Picture) => boolean;

package/dist/components/StepsBlock/renderStepContent.js

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderStepContent = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Button_1 = require("../../ui-kit/Button/Button");
-const List_1 = require("../../ui-kit/List/List");
-const renderStepContent = ({ styleMap, isMainButton, version, }) => (step, i, { length }) => {
-    const { label, description, button, items, isDotted } = step;
-    const contentMarginClass = label && (description || items) ? 'mt-2' : '';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(length)}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `${button?.text ? 'mb-8' : ''}  text-center`, children: [renderStepLabel(label), (0, jsx_runtime_1.jsxs)("div", { className: `${contentMarginClass} flex flex-col items-center`, children: [renderStepDescription({
-                                description,
-                                className: styleMap.description,
-                            }), (0, jsx_runtime_1.jsx)(List_1.List, { className: getItemsClasses({ className: 'text-left', description, styleMap }), items: items, listItemSize: "M", isDotted: isDotted })] })] }), button?.text && !isMainButton ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "box-border py-3 h-12 w-full max-w-[240px] mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
-};
-exports.renderStepContent = renderStepContent;
-const renderStepLabel = (label) => label ? (0, jsx_runtime_1.jsx)("div", { className: "text-h6", children: label }) : null;
-const renderStepDescription = ({ description, className = '', }) => (description ? (0, jsx_runtime_1.jsx)("div", { className: className, children: description }) : null);
-const getItemsClasses = ({ className, description, styleMap, }) => [description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(' ');
-const getContainerWidth = (length) => (length < 5 ? 'w-[276px]' : 'w-[210px]');
-//# sourceMappingURL=renderStepContent.js.map

package/dist/components/StepsBlock/renderStepContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderStepContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepContent.tsx"],"names":[],"mappings":";;;AAGA,uDAAoD;AACpD,iDAA8C;AAIvC,MAAM,iBAAiB,GAC5B,CAAC,EACC,QAAQ,EACR,YAAY,EACZ,OAAO,GAKR,EAAE,EAAE,CACL,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE,MAAM,EAAsB,EAAS,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,MAAM,kBAAkB,GAAG,KAAK,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,iCAEE,SAAS,EAAE,uFAAuF,iBAAiB,CACjH,MAAM,CACP,EAAE,aAEH,iCAAK,SAAS,EAAE,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,aACzD,eAAe,CAAC,KAAK,CAAC,EACvB,iCAAK,SAAS,EAAE,GAAG,kBAAkB,6BAA6B,aAC/D,qBAAqB,CAAC;gCACrB,WAAW;gCACX,SAAS,EAAE,QAAQ,CAAC,WAAW;6BAChC,CAAC,EACF,uBAAC,WAAI,IACH,SAAS,EAAE,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAC7E,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,EACL,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,uBAAC,eAAM,IACL,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAwB,KAC7B,MAAM,YAET,MAAM,EAAE,IAAI,GACN,CACV,CAAC,CAAC,CAAC,IAAI,KA5BH,MAAM,CAAC,CAAC,CAAC,CA6BV,CACP,CAAC;AACJ,CAAC,CAAC;AAhDS,QAAA,iBAAiB,qBAgD1B;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAc,EAAS,EAAE,CAChD,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,SAAS,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAExD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,SAAS,GAAG,EAAE,GAIf,EAAS,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,SAAS,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEnF,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,WAAW,EACX,QAAQ,GAKT,EAAU,EAAE,CACX,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,CAC3F,GAAG,CACJ,CAAC;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC"}

package/dist/utils/checkIsIconRenderable.d.ts

@@ -1,2 +0,0 @@
-import type { Picture } from '../model/Picture';
-export declare const checkIsIconRenderable: (icon?: Picture) => boolean;

package/dist/utils/checkIsIconRenderable.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkIsIconRenderable = void 0;
-const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
-exports.checkIsIconRenderable = checkIsIconRenderable;
-//# sourceMappingURL=checkIsIconRenderable.js.map

package/dist/utils/checkIsIconRenderable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkIsIconRenderable.js","sourceRoot":"","sources":["../../src/utils/checkIsIconRenderable.tsx"],"names":[],"mappings":";;AAEO,MAAM,qBAAqB,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC;AAA7E,QAAA,qBAAqB,yBAAwD"}

package/lib/components/StepsBlock/renderStepContent.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { Button } from '../../ui-kit/Button/Button.js';
-import { List } from '../../ui-kit/List/List.js';
-export const renderStepContent = ({ styleMap, isMainButton, version, }) => (step, i, { length }) => {
-    const { label, description, button, items, isDotted } = step;
-    const contentMarginClass = label && (description || items) ? 'mt-2' : '';
-    return (_jsxs("div", { className: `relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(length)}`, children: [_jsxs("div", { className: `${button?.text ? 'mb-8' : ''}  text-center`, children: [renderStepLabel(label), _jsxs("div", { className: `${contentMarginClass} flex flex-col items-center`, children: [renderStepDescription({
-                                description,
-                                className: styleMap.description,
-                            }), _jsx(List, { className: getItemsClasses({ className: 'text-left', description, styleMap }), items: items, listItemSize: "M", isDotted: isDotted })] })] }), button?.text && !isMainButton ? (_jsx(Button, { className: "box-border py-3 h-12 w-full max-w-[240px] mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
-};
-const renderStepLabel = (label) => label ? _jsx("div", { className: "text-h6", children: label }) : null;
-const renderStepDescription = ({ description, className = '', }) => (description ? _jsx("div", { className: className, children: description }) : null);
-const getItemsClasses = ({ className, description, styleMap, }) => [description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(' ');
-const getContainerWidth = (length) => (length < 5 ? 'w-[276px]' : 'w-[210px]');
-//# sourceMappingURL=renderStepContent.js.map

package/lib/components/StepsBlock/renderStepContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderStepContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepContent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,CAAC,MAAM,iBAAiB,GAC5B,CAAC,EACC,QAAQ,EACR,YAAY,EACZ,OAAO,GAKR,EAAE,EAAE,CACL,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE,MAAM,EAAsB,EAAS,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,MAAM,kBAAkB,GAAG,KAAK,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eAEE,SAAS,EAAE,uFAAuF,iBAAiB,CACjH,MAAM,CACP,EAAE,aAEH,eAAK,SAAS,EAAE,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,aACzD,eAAe,CAAC,KAAK,CAAC,EACvB,eAAK,SAAS,EAAE,GAAG,kBAAkB,6BAA6B,aAC/D,qBAAqB,CAAC;gCACrB,WAAW;gCACX,SAAS,EAAE,QAAQ,CAAC,WAAW;6BAChC,CAAC,EACF,KAAC,IAAI,IACH,SAAS,EAAE,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAC7E,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,EACL,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,KAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAwB,KAC7B,MAAM,YAET,MAAM,EAAE,IAAI,GACN,CACV,CAAC,CAAC,CAAC,IAAI,KA5BH,MAAM,CAAC,CAAC,CAAC,CA6BV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAc,EAAS,EAAE,CAChD,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAExD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,SAAS,GAAG,EAAE,GAIf,EAAS,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEnF,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,WAAW,EACX,QAAQ,GAKT,EAAU,EAAE,CACX,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,CAC3F,GAAG,CACJ,CAAC;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC"}

package/lib/utils/checkIsIconRenderable.d.ts

@@ -1,2 +0,0 @@
-import type { Picture } from '../model/Picture';
-export declare const checkIsIconRenderable: (icon?: Picture) => boolean;

package/lib/utils/checkIsIconRenderable.js

@@ -1,2 +0,0 @@
-export const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
-//# sourceMappingURL=checkIsIconRenderable.js.map

package/lib/utils/checkIsIconRenderable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkIsIconRenderable.js","sourceRoot":"","sources":["../../src/utils/checkIsIconRenderable.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC"}

package/mobile/bundle/utils/checkIsIconRenderable.d.ts

@@ -1,2 +0,0 @@
-import type { Picture } from '../model/Picture';
-export declare const checkIsIconRenderable: (icon?: Picture) => boolean;

package/mobile/dist/components/StepsBlock/renderStepContent.d.ts

@@ -1,11 +0,0 @@
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { VNode } from '../../model/VNode';
-import type { Step } from './StepsBlockContent';
-import type { StyleType } from './StepsBlockStyleMaps';
-export declare const renderStepContent: ({ styleMap, isMainButton, version, }: {
-    styleMap: StyleType;
-    isMainButton: boolean;
-    version?: BlockVersion | undefined;
-}) => (step: Step, i: number, { length }: {
-    length: number;
-}) => VNode;

package/mobile/dist/components/StepsBlock/renderStepContent.js

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderStepContent = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Button_1 = require("../../ui-kit/Button/Button");
-const List_1 = require("../../ui-kit/List/List");
-const renderStepContent = ({ styleMap, isMainButton, version, }) => (step, i, { length }) => {
-    const { label, description, button, items, isDotted } = step;
-    const contentMarginClass = label && (description || items) ? 'mt-2' : '';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(length)}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `${button?.text ? 'mb-8' : ''}  text-center`, children: [renderStepLabel(label), (0, jsx_runtime_1.jsxs)("div", { className: `${contentMarginClass} flex flex-col items-center`, children: [renderStepDescription({
-                                description,
-                                className: styleMap.description,
-                            }), (0, jsx_runtime_1.jsx)(List_1.List, { className: getItemsClasses({ className: 'text-left', description, styleMap }), items: items, listItemSize: "M", isDotted: isDotted })] })] }), button?.text && !isMainButton ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "box-border py-3 h-12 w-full max-w-[240px] mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
-};
-exports.renderStepContent = renderStepContent;
-const renderStepLabel = (label) => label ? (0, jsx_runtime_1.jsx)("div", { className: "text-h6", children: label }) : null;
-const renderStepDescription = ({ description, className = '', }) => (description ? (0, jsx_runtime_1.jsx)("div", { className: className, children: description }) : null);
-const getItemsClasses = ({ className, description, styleMap, }) => [description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(' ');
-const getContainerWidth = (length) => (length < 5 ? 'w-[276px]' : 'w-[210px]');
-//# sourceMappingURL=renderStepContent.js.map

package/mobile/dist/components/StepsBlock/renderStepContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderStepContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepContent.tsx"],"names":[],"mappings":";;;AAGA,uDAAoD;AACpD,iDAA8C;AAIvC,MAAM,iBAAiB,GAC5B,CAAC,EACC,QAAQ,EACR,YAAY,EACZ,OAAO,GAKR,EAAE,EAAE,CACL,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE,MAAM,EAAsB,EAAS,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,MAAM,kBAAkB,GAAG,KAAK,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,iCAEE,SAAS,EAAE,uFAAuF,iBAAiB,CACjH,MAAM,CACP,EAAE,aAEH,iCAAK,SAAS,EAAE,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,aACzD,eAAe,CAAC,KAAK,CAAC,EACvB,iCAAK,SAAS,EAAE,GAAG,kBAAkB,6BAA6B,aAC/D,qBAAqB,CAAC;gCACrB,WAAW;gCACX,SAAS,EAAE,QAAQ,CAAC,WAAW;6BAChC,CAAC,EACF,uBAAC,WAAI,IACH,SAAS,EAAE,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAC7E,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,EACL,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,uBAAC,eAAM,IACL,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAwB,KAC7B,MAAM,YAET,MAAM,EAAE,IAAI,GACN,CACV,CAAC,CAAC,CAAC,IAAI,KA5BH,MAAM,CAAC,CAAC,CAAC,CA6BV,CACP,CAAC;AACJ,CAAC,CAAC;AAhDS,QAAA,iBAAiB,qBAgD1B;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAc,EAAS,EAAE,CAChD,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,SAAS,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAExD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,SAAS,GAAG,EAAE,GAIf,EAAS,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,SAAS,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEnF,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,WAAW,EACX,QAAQ,GAKT,EAAU,EAAE,CACX,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,CAC3F,GAAG,CACJ,CAAC;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC"}

package/mobile/dist/utils/checkIsIconRenderable.d.ts

@@ -1,2 +0,0 @@
-import type { Picture } from '../model/Picture';
-export declare const checkIsIconRenderable: (icon?: Picture) => boolean;

package/mobile/dist/utils/checkIsIconRenderable.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkIsIconRenderable = void 0;
-const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
-exports.checkIsIconRenderable = checkIsIconRenderable;
-//# sourceMappingURL=checkIsIconRenderable.js.map

package/mobile/dist/utils/checkIsIconRenderable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkIsIconRenderable.js","sourceRoot":"","sources":["../../src/utils/checkIsIconRenderable.tsx"],"names":[],"mappings":";;AAEO,MAAM,qBAAqB,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC;AAA7E,QAAA,qBAAqB,yBAAwD"}

package/mobile/lib/components/StepsBlock/renderStepContent.d.ts

@@ -1,11 +0,0 @@
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { VNode } from '../../model/VNode';
-import type { Step } from './StepsBlockContent';
-import type { StyleType } from './StepsBlockStyleMaps';
-export declare const renderStepContent: ({ styleMap, isMainButton, version, }: {
-    styleMap: StyleType;
-    isMainButton: boolean;
-    version?: BlockVersion | undefined;
-}) => (step: Step, i: number, { length }: {
-    length: number;
-}) => VNode;

package/mobile/lib/components/StepsBlock/renderStepContent.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { Button } from '../../ui-kit/Button/Button.js';
-import { List } from '../../ui-kit/List/List.js';
-export const renderStepContent = ({ styleMap, isMainButton, version, }) => (step, i, { length }) => {
-    const { label, description, button, items, isDotted } = step;
-    const contentMarginClass = label && (description || items) ? 'mt-2' : '';
-    return (_jsxs("div", { className: `relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(length)}`, children: [_jsxs("div", { className: `${button?.text ? 'mb-8' : ''}  text-center`, children: [renderStepLabel(label), _jsxs("div", { className: `${contentMarginClass} flex flex-col items-center`, children: [renderStepDescription({
-                                description,
-                                className: styleMap.description,
-                            }), _jsx(List, { className: getItemsClasses({ className: 'text-left', description, styleMap }), items: items, listItemSize: "M", isDotted: isDotted })] })] }), button?.text && !isMainButton ? (_jsx(Button, { className: "box-border py-3 h-12 w-full max-w-[240px] mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
-};
-const renderStepLabel = (label) => label ? _jsx("div", { className: "text-h6", children: label }) : null;
-const renderStepDescription = ({ description, className = '', }) => (description ? _jsx("div", { className: className, children: description }) : null);
-const getItemsClasses = ({ className, description, styleMap, }) => [description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(' ');
-const getContainerWidth = (length) => (length < 5 ? 'w-[276px]' : 'w-[210px]');
-//# sourceMappingURL=renderStepContent.js.map

package/mobile/lib/components/StepsBlock/renderStepContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderStepContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepContent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,CAAC,MAAM,iBAAiB,GAC5B,CAAC,EACC,QAAQ,EACR,YAAY,EACZ,OAAO,GAKR,EAAE,EAAE,CACL,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE,MAAM,EAAsB,EAAS,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,MAAM,kBAAkB,GAAG,KAAK,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eAEE,SAAS,EAAE,uFAAuF,iBAAiB,CACjH,MAAM,CACP,EAAE,aAEH,eAAK,SAAS,EAAE,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,aACzD,eAAe,CAAC,KAAK,CAAC,EACvB,eAAK,SAAS,EAAE,GAAG,kBAAkB,6BAA6B,aAC/D,qBAAqB,CAAC;gCACrB,WAAW;gCACX,SAAS,EAAE,QAAQ,CAAC,WAAW;6BAChC,CAAC,EACF,KAAC,IAAI,IACH,SAAS,EAAE,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAC7E,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,EACL,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,KAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,OAAwB,KAC7B,MAAM,YAET,MAAM,EAAE,IAAI,GACN,CACV,CAAC,CAAC,CAAC,IAAI,KA5BH,MAAM,CAAC,CAAC,CAAC,CA6BV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAc,EAAS,EAAE,CAChD,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAExD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,SAAS,GAAG,EAAE,GAIf,EAAS,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEnF,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,WAAW,EACX,QAAQ,GAKT,EAAU,EAAE,CACX,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,CAC3F,GAAG,CACJ,CAAC;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC"}

package/mobile/lib/utils/checkIsIconRenderable.d.ts

@@ -1,2 +0,0 @@
-import type { Picture } from '../model/Picture';
-export declare const checkIsIconRenderable: (icon?: Picture) => boolean;

package/mobile/lib/utils/checkIsIconRenderable.js

@@ -1,2 +0,0 @@
-export const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
-//# sourceMappingURL=checkIsIconRenderable.js.map

package/mobile/lib/utils/checkIsIconRenderable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkIsIconRenderable.js","sourceRoot":"","sources":["../../src/utils/checkIsIconRenderable.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC"}

package/mobile/src/components/StepsBlock/renderStepContent.tsx

@@ -1,83 +0,0 @@
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ButtonVersion } from '../../model/ButtonVersion';
-import type { VNode } from '../../model/VNode';
-import { Button } from '../../ui-kit/Button/Button';
-import { List } from '../../ui-kit/List/List';
-import type { Step } from './StepsBlockContent';
-import type { StyleType } from './StepsBlockStyleMaps';
-
-export const renderStepContent =
-  ({
-    styleMap,
-    isMainButton,
-    version,
-  }: {
-    styleMap: StyleType;
-    isMainButton: boolean;
-    version?: BlockVersion;
-  }) =>
-  (step: Step, i: number, { length }: { length: number }): VNode => {
-    const { label, description, button, items, isDotted } = step;
-
-    const contentMarginClass = label && (description || items) ? 'mt-2' : '';
-
-    return (
-      <div
-        key={String(i)}
-        className={`relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(
-          length,
-        )}`}
-      >
-        <div className={`${button?.text ? 'mb-8' : ''}  text-center`}>
-          {renderStepLabel(label)}
-          <div className={`${contentMarginClass} flex flex-col items-center`}>
-            {renderStepDescription({
-              description,
-              className: styleMap.description,
-            })}
-            <List
-              className={getItemsClasses({ className: 'text-left', description, styleMap })}
-              items={items}
-              listItemSize="M"
-              isDotted={isDotted}
-            />
-          </div>
-        </div>
-        {button?.text && !isMainButton ? (
-          <Button
-            className="box-border py-3 h-12 w-full max-w-[240px] mt-auto"
-            version={version as ButtonVersion}
-            {...button}
-          >
-            {button?.text}
-          </Button>
-        ) : null}
-      </div>
-    );
-  };
-
-const renderStepLabel = (label?: string): VNode =>
-  label ? <div className="text-h6">{label}</div> : null;
-
-const renderStepDescription = ({
-  description,
-  className = '',
-}: {
-  description?: string;
-  className?: string;
-}): VNode => (description ? <div className={className}>{description}</div> : null);
-
-const getItemsClasses = ({
-  className,
-  description,
-  styleMap,
-}: {
-  className?: string;
-  description?: string;
-  styleMap: StyleType;
-}): string =>
-  [description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(
-    ' ',
-  );
-
-const getContainerWidth = (length: number): string => (length < 5 ? 'w-[276px]' : 'w-[210px]');

package/mobile/src/utils/checkIsIconRenderable.tsx

@@ -1,3 +0,0 @@
-import type { Picture } from '../model/Picture';
-
-export const checkIsIconRenderable = (icon?: Picture) => Boolean(icon?.icon || icon?.src);