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

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/src/hooks/useLink.ts

@@ -1,7 +1,6 @@
 import type { LinkProps } from '../model/LinkProps';
-import { projectSettings } from '../ProjectSettings';
-import { gotoBlock } from '../services/BlockRouter/BlockRouter';
-import { isHash, isLocalURL, joinPath } from '../utils/url';
+import { adjustHref } from '../utils/adjustHref';
+import { isLocalURL } from '../utils/url';
 import { handlerDecorator } from './handlerDecorator';
 import { useRouter } from './useRouter';
 
@@ -18,35 +17,23 @@ export function useLink(isRemote?: boolean) {
 
   return <L extends Partial<LinkProps & Clickable>>(props: L): L & Clickable => ({
     ...props,
-    href: adjustHref(props.href),
+    href: isRemote ? props.href : adjustHref(router)(props.href),
     'aria-label': props.text,
     onClick: handlerDecorator(handleHref(props), props),
   });
 
-  function adjustHref(href: string | undefined) {
-    const isRelativeToBase = !isRemote && href?.startsWith('/');
-
-    return projectSettings.BASE_PATH && href && isRelativeToBase
-      ? joinPath(projectSettings.BASE_PATH, href)
-      : href;
-  }
-
   function handleHref({ href, target, onClick }: Partial<LinkProps & Clickable>) {
     return (ev?: PreventableEvent) => {
       onClick && onClick(ev);
 
-      if (isRemote || !isLocalURL(href, target)) {
+      if (!href || isRemote || !isLocalURL(href, target)) {
         // Default routing
         return;
       }
 
       // Client routing
       ev?.preventDefault();
-      if (isHash(href)) {
-        gotoBlock(router, href);
-      } else if (href) {
-        router.push(href);
-      }
+      router.push(href);
     };
   }
 }

package/src/services/BlockRouter/BlockRouter.ts

@@ -1,14 +1,11 @@
-import type { Router } from '../../hooks/useRouter';
 import type { BlockDef } from '../../model/ContentPageDef';
 
 const normalizeAnchor = (anchor?: string) => anchor?.replace('#', '') || '';
 
-export function gotoBlock(router: Router, anchor?: string) {
-  router.replace(`#${normalizeAnchor(anchor)}`);
-}
-
-export function trackBlock(router: Router, block?: BlockDef) {
-  router.replace(`#${normalizeAnchor(block?.anchor)}`, undefined, {
-    scroll: false,
-  });
+export function trackBlock(block?: BlockDef) {
+  globalThis.history?.replaceState(
+    globalThis.history?.state,
+    '',
+    `#${normalizeAnchor(block?.anchor)}`,
+  );
 }

package/src/services/BlockRouter/useBlockRouterProvider.ts

@@ -1,5 +1,4 @@
 import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-import { useRouter } from '../../hooks/useRouter';
 import type { BlockDef } from '../../model/ContentPageDef';
 import { debounce } from '../../utils/debounce';
 import { trackBlock } from './BlockRouter';
@@ -9,8 +8,6 @@ import { findActiveBlock } from './findActiveBlock';
 const isScrolledEnough = () => globalThis.scrollY > (globalThis.innerHeight * 3) / 4;
 
 export function useBlockRouterProvider(scrollTarget: EventTarget = globalThis) {
-  const router = useRouter();
-
   const intersectionsMapRef = useRef<Map<BlockDef, IntersectionObserverEntry>>(new Map());
 
   useEffect(
@@ -25,12 +22,9 @@ export function useBlockRouterProvider(scrollTarget: EventTarget = globalThis) {
 
   useEffect(() => {
     const handleScroll = debounce(() => {
-      if (isScrolledEnough()) {
-        const activeBlock = findActiveBlock([...(intersectionsMapRef.current || [])]);
-        trackBlock(router, activeBlock);
-      } else {
-        trackBlock(router);
-      }
+      trackBlock(
+        isScrolledEnough() ? findActiveBlock([...(intersectionsMapRef.current || [])]) : undefined,
+      );
     }, 100);
 
     scrollTarget.addEventListener('scroll', handleScroll);
@@ -39,5 +33,5 @@ export function useBlockRouterProvider(scrollTarget: EventTarget = globalThis) {
       handleScroll.dispose();
       scrollTarget.removeEventListener('scroll', handleScroll);
     };
-  }, [router, scrollTarget]);
+  }, [scrollTarget]);
 }

package/src/setup-fixture.ts

@@ -3,13 +3,14 @@ import { useEffect, useState } from 'react';
 import { handlerDecorator } from './hooks/handlerDecorator';
 import { useRouter } from './hooks/useRouter';
 import { projectSettings } from './ProjectSettings';
+import { joinPath } from './utils/url';
 import wlc from './wlc.json';
 
 projectSettings.setup(wlc);
 
 useRouter.setup(() => {
   const [href, setHref] = useState<string>(
-    `${globalThis.location.origin}${projectSettings.BASE_PATH}cards-credit`,
+    joinPath(globalThis.location.origin, projectSettings.BASE_PATH, 'cards-credit'),
   );
 
   useEffect(() => {
@@ -26,9 +27,9 @@ useRouter.setup(() => {
 
   return {
     href,
-    pathname: projectSettings.BASE_PATH
-      ? new URL(href).pathname.substring(projectSettings.BASE_PATH.length - 1)
-      : '',
+    pathname: new URL(href).pathname.substring(
+      projectSettings.BASE_PATH ? projectSettings.BASE_PATH.length - 1 : 0,
+    ),
     query: {},
     push: (url: string) => {
       globalThis.history.pushState(null, '', url);

package/src/ui-kit/Icon/Icon.tsx

@@ -1,7 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useRouter } from '../../hooks/useRouter';
 import type { IconVersion } from '../../model/IconVersion';
 import { projectSettings } from '../../ProjectSettings';
+import { adjustHref } from '../../utils/adjustHref';
 import { style } from '../../utils/style';
+import { joinPath } from '../../utils/url';
 import type { IconProps } from './IconProps';
 
 const svgUseStyleMap: Record<IconVersion, string> = {
@@ -22,7 +25,8 @@ export const Icon = JSX<IconProps>(
     asSVG,
     ...imgProps
   }) => {
-    const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
+    const router = useRouter();
+    const href = adjustHref(router)(joinPath(projectSettings.CDN, '/icons', `${name}.svg`));
 
     if (asSVG && iconVersion !== 'normal') {
       return (

package/src/ui-kit/Img/ImgAsPicture.tsx

@@ -1,20 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { Router, useRouter } from '../../hooks/useRouter';
 import type { ImgSource, Picture } from '../../model/Picture';
+import { adjustHref } from '../../utils/adjustHref';
+import { isURL, joinPath } from '../../utils/url';
 import type { ImageProps } from './ImgProps';
 
-const sourcesComparator = (a: Picture, b: Picture) => {
-  if (a.media && b.media) {
-    return a.media - b.media;
-  }
-
-  return 0;
-};
+const sourcesComparator = (a: Picture, b: Picture) =>
+  a?.media && b?.media ? a.media - b.media : 0;
 
 export const ImgAsPicture = JSX<ImageProps>(
   ({ className = '', image, imageClassName = '', isMobile = false, pathPrefix }) => {
-    if (!image || (!image?.sources && !image?.src)) {
-      return null;
-    }
+    const router = useRouter();
 
     const pictureStyles = isMobile ? 'flex' : 'flex-none';
 
@@ -22,22 +18,25 @@ export const ImgAsPicture = JSX<ImageProps>(
       <picture className={`${pictureStyles} ${className}`}>
         {image?.sources?.length
           ? image.sources
+              .filter((_) => _?.src)
               .sort(sourcesComparator)
               .map(({ src, format, media }, index) => (
                 <source
                   key={`${index}_${src}`}
-                  srcSet={addPathPrefixToSrcSet(src, pathPrefix)}
+                  srcSet={adjustSrcset(router, pathPrefix)(src)}
                   type={formatToMimeType(format)}
                   media={media ? `(max-width: ${media}px)` : ''}
                   {...image.size}
                 />
               ))
           : null}
-        {renderImg(
-          { ...image, src: addPathPrefixToSrc(image.src, pathPrefix) },
-          imageClassName,
-          isMobile,
-        )}
+        {image?.src
+          ? renderImg(
+              { ...image, src: adjustSrcset(router, pathPrefix)(image.src) },
+              imageClassName,
+              isMobile,
+            )
+          : null}
       </picture>
     );
   },
@@ -65,18 +64,14 @@ const renderImg = (image: Picture, imageClassName = '', isMobile = false) => {
   );
 };
 
-const normalizePathPrefix = (pathPrefix = '') =>
-  pathPrefix && !pathPrefix.endsWith('/') ? `${pathPrefix}/` : pathPrefix;
-
-const addPathPrefixToSrc = (src?: string, pathPrefix?: string) =>
-  !src || src?.startsWith('data:image') ? src : `${normalizePathPrefix(pathPrefix)}${src}`;
-
-const addPathPrefixToSrcSet = (srcset?: string, pathPrefix?: string) =>
+const adjustSrcset = (router: Router, pathPrefix?: string) => (srcset: string | undefined) =>
   srcset
-    ?.split(',')
-    .map((src) => addPathPrefixToSrc(src.trim(), pathPrefix))
+    ?.split(/\s*,\s*/)
+    .map((src) => src.trim())
+    .filter(Boolean)
+    .map((src) => (isURL(src) ? src : joinPath(pathPrefix, src)))
+    .map(adjustHref(router))
     .join(', ');
 
-export function formatToMimeType(format: ImgSource['format']): string | undefined {
-  return format ? `image/${String(format)}` : undefined;
-}
+const formatToMimeType = (format: ImgSource['format']) =>
+  format ? `image/${String(format)}` : undefined;

package/src/utils/adjustHref.ts

@@ -0,0 +1,17 @@
+import { projectSettings } from '../ProjectSettings';
+import { dirname } from './dirname';
+import { isURL, joinPath } from './url';
+
+export const adjustHref = (router: { pathname: string }) => (href: string | undefined) => {
+  if (!href || isURL(href) || (projectSettings.CDN && href.startsWith(projectSettings.CDN))) {
+    return href;
+  }
+
+  const isRelativeToBase = href.startsWith('/');
+
+  return joinPath(
+    projectSettings.BASE_PATH,
+    isRelativeToBase ? '/' : dirname(router.pathname),
+    href,
+  );
+};

package/src/utils/dirname.ts

@@ -0,0 +1 @@
+export const dirname = (path: string | undefined) => path?.split('/').slice(0, -1).join('/');

package/src/utils/url.ts

@@ -1,7 +1,6 @@
 import type { Target } from '../model/LinkProps';
 
-export const isURL = (href?: string): href is `${string}//${string}` =>
-  Boolean(href?.includes('//'));
+export const isURL = (href?: string): href is `${string}:${string}` => Boolean(href?.includes(':'));
 
 export const isLocalURL = (href: string | undefined, target?: Target) =>
   Boolean(href && !isURL(href) && (!target || target === '_self'));
@@ -11,5 +10,5 @@ export const isHash = (href?: string): href is `#${string}` => Boolean(href?.sta
 export const withoutQuery = (href?: string): string =>
   (href || '').replace(/\?.*/, '').replace(/\/$/, '');
 
-export const joinPath = (...path: string[]): string =>
+export const joinPath = (...path: (string | undefined)[]): string =>
   path.filter(Boolean).join('/').replace(/\/+/g, '/');

package/src/wlc.json

@@ -2,6 +2,5 @@
   "PROD_BRANCH": "master",
   "FORCED_DRAFT_FLOW": false,
   "YANDEX_MAP_API_KEY": "f4b40c1e-1891-45f2-b307-90c481af210b",
-  "BASE_PATH": "/natural/",
   "SITEMAP": "sayt-rshb"
 }

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;