@redneckz/wildless-cms-uni-blocks 0.3.2 → 0.3.5

package/lib/components/Placeholder/PlaceholderContent.d.ts

@@ -1,5 +1,6 @@
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 /**
  * @hidden
  */
-export declare type PlaceholderContent = HeadingContent;
+export declare type PlaceholderContent = HeadingContent & DescriptionContent;

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

@@ -1,7 +1,7 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';

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

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';

package/lib/components/PromoTile/PromoTileContent.d.ts

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 /**
  * @title Акции

package/lib/components/Tile/TileContent.d.ts

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';

package/lib/types.d.ts

@@ -3,7 +3,7 @@ import type { ContentPageContext } from './components/ContentPage/ContentPageCon
 import type { BlockVersion } from './model/BlockVersion';
 export declare type ColorPalette = 'pc' | 'bc' | 'eo' | 'eo2' | 'eo3' | 'eo4';
 export interface BaseBlockDef {
-    type: string;
+    type?: string;
     style?: string[];
     content?: BlockContent;
     version?: BlockVersion;

package/lib/ui-kit/Description/Description.d.ts

@@ -1,2 +1,5 @@
-import { DescriptionProps } from './DescriptionProps';
+import { DescriptionContent } from './DescriptionContent';
+export interface DescriptionProps extends DescriptionContent {
+    className?: string;
+}
 export declare const Description: (props: import("@redneckz/uni-jsx").PropsWithChildren<DescriptionProps, any>, context?: any) => any;

package/lib/ui-kit/Description/Description.js.map

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/Description.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,cAAK,SAAS,EAAE,yBAAyB,SAAS,IAAI,EAAE,EAAE,YAAG,WAAW,GAAO,CAAC;AACzF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/Description.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAOxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,cAAK,SAAS,EAAE,yBAAyB,SAAS,IAAI,EAAE,EAAE,YAAG,WAAW,GAAO,CAAC;AACzF,CAAC,CAAC,CAAC"}

package/{mobile/dist/ui-kit/Description/DescriptionProps.d.ts → lib/ui-kit/Description/DescriptionContent.d.ts}

@@ -2,6 +2,3 @@ export interface DescriptionContent {
     /** @title Описание */
     description?: string;
 }
-export interface DescriptionProps extends DescriptionContent {
-    className?: string;
-}

package/lib/ui-kit/Description/DescriptionContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DescriptionContent.js.map

package/lib/ui-kit/Description/DescriptionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionContent.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/DescriptionContent.ts"],"names":[],"mappings":""}

package/mobile/bundle/bundle.umd.js

@@ -186,62 +186,22 @@
       };
   }
 
-  const isURL = (href) => href?.includes('//');
-  const withoutQuery = (href) => (href || '').replace(/\/?\?.*/, '');
-  const getOrigin = (href) => {
-      if (!href || !isURL(href)) {
-          return undefined;
-      }
-      const url = href;
-      const protoSeparator = '//';
-      const endOfProto = url.indexOf(protoSeparator);
-      const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
-      return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
-  };
-
-  var url = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    isURL: isURL,
-    withoutQuery: withoutQuery,
-    getOrigin: getOrigin
-  });
-
-  const MOBILE_URL_PATH = '/mobile';
-  const withoutMobilePath = (href) => (href || '').replace(MOBILE_URL_PATH, '');
-
-  const adjustHref = (href, router) => {
-      if (!href) {
-          return href;
-      }
-      const relativeHref = toRelativeHref(href, router) || '';
-      const isMobilePage = router?.pathname.startsWith(MOBILE_URL_PATH);
-      return isMobilePage && !isURL(relativeHref) ? `${MOBILE_URL_PATH}${relativeHref}` : relativeHref;
+  const HeadingClass = {
+      h1: 'text-m-title',
+      h2: 'text-m-title',
+      h3: 'text-m-title-md',
+      h4: 'text-m-title-xs',
+      h5: 'text-m-title-xs',
+      h6: 'text-m-title-xs',
   };
-  const toRelativeHref = (href, router) => {
-      if (!href) {
-          return href;
+  const Heading = JSX((props) => {
+      const { className, headingType, title } = props;
+      if (!headingType) {
+          return;
       }
-      const origin = getOrigin(router?.href);
-      return origin ? href.replace(origin, '') || '/' : href;
-  };
-
-  const defaultHandlerDecorator = (handler) => handler;
-  function useLink({ router, handlerDecorator = defaultHandlerDecorator, }, link) {
-      const href = adjustHref(link.href, router);
-      return {
-          ...link,
-          href,
-          ariaLabel: link.text,
-          onClick: handlerDecorator((ev) => {
-              const isLocalHref = href && !isURL(href);
-              const isLocalTarget = !link.target || link.target === '_self';
-              if (isLocalHref && isLocalTarget) {
-                  ev.preventDefault();
-                  router.push(href);
-              }
-          }, link),
-      };
-  }
+      const Tag = headingType;
+      return (jsx(Tag, { className: `font-sans font-medium ${HeadingClass[headingType]} ${className || ''}`, children: title }));
+  });
 
   const projectSettings = new (class {
       _ = {
@@ -286,144 +246,6 @@
       return (jsx("img", { className: className, src: href, alt: alt, title: title, ...imgProps, "aria-hidden": "true" }));
   });
 
-  const ButtonInner = JSX(({ text, aboveText, appendLeft, rounded, version }) => {
-      const withoutText = !text && !aboveText && Boolean(appendLeft);
-      const buttonInnerClasses = version !== 'link'
-          ? `flex items-center justify-center
-          ${withoutText ? 'h-12 w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`} ${rounded ? 'rounded-full' : ''}`
-          : null;
-      return renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text });
-  });
-  function renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text }) {
-      return (jsxs("div", { className: buttonInnerClasses, children: [appendLeft ? appendLeft : null, withoutText ? null : (jsxs("div", { children: [jsx("div", { className: "text-m-2xs text-left", children: aboveText }), jsx("div", { className: "text-m-button font-medium text-left", children: text })] }))] }));
-  }
-
-  const buttonStyleMap = {
-      primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-      secondary: 'text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active',
-      link: 'text-primary-main',
-  };
-  const buttonDisabledStyleMap = {
-      primary: 'bg-secondary-dark text-secondary-text',
-      secondary: 'bg-secondary-light text-secondary-text',
-      link: '',
-  };
-  const styleButton = 'w-full text-center font-sans select-none';
-  const Button = JSX(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'primary', ariaLabel, ...rest }) => {
-      const buttonInner = children ?? (jsx(ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded, version: version }));
-      if (disabled) {
-          return (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
-      }
-      return (jsx("a", { className: `${styleButton} inline-block cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: !href ? 'button' : 'link', ...rest, children: buttonInner }));
-  });
-
-  const ButtonSection = JSX(({ context, className = '', buttons }) => {
-      const { handlerDecorator } = context;
-      const router = context.useRouter();
-      return buttons?.length ? (jsx("div", { className: `${className}`, children: buttons.map((button, index) => renderButton(useLink({ router, handlerDecorator }, button), index)) })) : null;
-  });
-  function renderButton({ icon, ...button }, i) {
-      if (!button?.text)
-          return;
-      return icon ? (jsx(Button, { appendLeft: jsx(Icon, { name: icon, width: "24", height: "24", asSVG: true }), ...button }, String(i))) : (jsx(Button, { ...button }, String(i)));
-  }
-
-  const HeadingClass = {
-      h1: 'text-m-title',
-      h2: 'text-m-title',
-      h3: 'text-m-title-md',
-      h4: 'text-m-title-xs',
-      h5: 'text-m-title-xs',
-      h6: 'text-m-title-xs',
-  };
-  const Heading = JSX((props) => {
-      const { className, headingType, title } = props;
-      if (!headingType) {
-          return;
-      }
-      const Tag = headingType;
-      return (jsx(Tag, { className: `font-sans font-medium ${HeadingClass[headingType]} ${className || ''}`, children: title }));
-  });
-
-  const BaseTile = JSX(({ className = '', title, children, buttons, image }) => {
-      return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: `flex grow w-full justify-between`, children: [jsxs("div", { className: `flex flex-col justify-between`, children: [jsx("div", { children: children }), jsx("div", { children: buttons })] }), image] })] }));
-  });
-
-  const getColSpan = (className) => {
-      const colSpanPrefix = 'col-span-';
-      const colSpanStr = className.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
-      return colSpanStr ? parseInt(colSpanStr.substring(colSpanPrefix.length), 10) : 12;
-  };
-
-  function getTileHeadingType(className = '') {
-      const colSpan = getColSpan(className);
-      if (colSpan <= 4) {
-          return 'h4';
-      }
-      else if (colSpan <= 8) {
-          return 'h3';
-      }
-      else {
-          return 'h2';
-      }
-  }
-
-  function getTileMinHeight(className = '') {
-      const colSpan = getColSpan(className);
-      if (colSpan <= 6) {
-          return 'min-h-[300px]';
-      }
-      else if (colSpan <= 8) {
-          return 'min-h-[320px]';
-      }
-      else {
-          return 'min-h-[360px]';
-      }
-  }
-
-  function getTileRightPadding(className = '') {
-      const colSpan = getColSpan(className);
-      if (colSpan <= 6) {
-          return 'pr-9';
-      }
-      else if (colSpan <= 8) {
-          return 'pr-[4.75rem]';
-      }
-      else {
-          return 'pr-[9.4rem]';
-      }
-  }
-
-  const CBR_EXCHANGE_RATE_URL = 'https://www.cbr-xml-daily.ru/daily_json.js';
-  const CURRENCY_CODES = ['USD', 'EUR'];
-  const CURRENCY_ICONS_MAP = {
-      USD: 'DollarIcon',
-      EUR: 'EuroIcon',
-  };
-  const buttons = [
-      {
-          text: 'Все показатели',
-          href: 'https://cbr.ru/currency_base/daily/',
-          version: 'secondary',
-      },
-  ];
-  const ExchangeRateTile = JSX(({ className = '', context, title = 'Курсы обмена валют' }) => {
-      const { data } = context.useAsyncData(CBR_EXCHANGE_RATE_URL, fetchExchangeRate);
-      return (jsx("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className}  ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, children: jsx(BaseTile, { context: context, title: title && (jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px]` })), buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx(CurrencyTH, { children: "\u0412\u0430\u043B\u044E\u0442\u0430" }), jsx(CurrencyTH, { className: "pl-11", children: "\u041A\u0443\u0440\u0441" })] }) }), jsx("tbody", { children: CURRENCY_CODES.map(renderCurrencyRow(data)) })] }) }) }));
-  });
-  const CurrencyTH = JSX(({ className = '', children }) => (jsx("th", { className: `text-left font-normal text-sm text-secondary-text ${className}`, children: children })));
-  const CurrencyTD = JSX(({ className = '', children }) => (jsx("td", { className: `text-left font-normal text-base text-primary-text ${className}`, children: children })));
-  async function fetchExchangeRate() {
-      const response = await fetch(CBR_EXCHANGE_RATE_URL);
-      return await response.json();
-  }
-  const currencyNumberFormat = new Intl.NumberFormat('ru', { style: 'currency', currency: 'RUB' });
-  const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
-  const renderCurrencyRow = (data) => (code) => {
-      const value = (data?.Valute || {})[code]?.Value;
-      return (jsxs("tr", { children: [jsx(CurrencyTD, { className: "pt-4", children: jsxs("div", { className: "flex items-center", children: [jsx(Icon, { name: CURRENCY_ICONS_MAP[code], width: "24", height: "24" }), jsx("span", { className: "ml-2", children: code })] }) }), jsx(CurrencyTD, { className: "pt-4 pl-11", children: formatCurrency(value) })] }, code));
-  };
-
   const Img = JSX(({ className = '', image }) => {
       if (!image) {
           return null;
@@ -657,11 +479,159 @@
       return image?.src ? jsx(Img, { className: "pb-3 mr-auto", image: image }) : null;
   }
 
+  const isURL = (href) => href?.includes('//');
+  const withoutQuery = (href) => (href || '').replace(/\/?\?.*/, '');
+  const getOrigin = (href) => {
+      if (!href || !isURL(href)) {
+          return undefined;
+      }
+      const url = href;
+      const protoSeparator = '//';
+      const endOfProto = url.indexOf(protoSeparator);
+      const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
+      return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
+  };
+
+  var url = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    isURL: isURL,
+    withoutQuery: withoutQuery,
+    getOrigin: getOrigin
+  });
+
+  const MOBILE_URL_PATH = '/mobile';
+  const withoutMobilePath = (href) => (href || '').replace(MOBILE_URL_PATH, '');
+
+  const adjustHref = (href, router) => {
+      if (!href) {
+          return href;
+      }
+      const relativeHref = toRelativeHref(href, router) || '';
+      const isMobilePage = router?.pathname.startsWith(MOBILE_URL_PATH);
+      return isMobilePage && !isURL(relativeHref) ? `${MOBILE_URL_PATH}${relativeHref}` : relativeHref;
+  };
+  const toRelativeHref = (href, router) => {
+      if (!href) {
+          return href;
+      }
+      const origin = getOrigin(router?.href);
+      return origin ? href.replace(origin, '') || '/' : href;
+  };
+
+  const defaultHandlerDecorator = (handler) => handler;
+  function useLink({ router, handlerDecorator = defaultHandlerDecorator, }, link) {
+      const href = adjustHref(link.href, router);
+      return {
+          ...link,
+          href,
+          ariaLabel: link.text,
+          onClick: handlerDecorator((ev) => {
+              const isLocalHref = href && !isURL(href);
+              const isLocalTarget = !link.target || link.target === '_self';
+              if (isLocalHref && isLocalTarget) {
+                  ev.preventDefault();
+                  router.push(href);
+              }
+          }, link),
+      };
+  }
+
+  const ButtonInner = JSX(({ text, aboveText, appendLeft, rounded, version }) => {
+      const withoutText = !text && !aboveText && Boolean(appendLeft);
+      const buttonInnerClasses = version !== 'link'
+          ? `flex items-center justify-center
+          ${withoutText ? 'h-12 w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`} ${rounded ? 'rounded-full' : ''}`
+          : null;
+      return renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text });
+  });
+  function renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text }) {
+      return (jsxs("div", { className: buttonInnerClasses, children: [appendLeft ? appendLeft : null, withoutText ? null : (jsxs("div", { children: [jsx("div", { className: "text-m-2xs text-left", children: aboveText }), jsx("div", { className: "text-m-button font-medium text-left", children: text })] }))] }));
+  }
+
+  const buttonStyleMap = {
+      primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+      secondary: 'text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active',
+      link: 'text-primary-main',
+  };
+  const buttonDisabledStyleMap = {
+      primary: 'bg-secondary-dark text-secondary-text',
+      secondary: 'bg-secondary-light text-secondary-text',
+      link: '',
+  };
+  const styleButton = 'w-full text-center font-sans select-none';
+  const Button = JSX(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'primary', ariaLabel, ...rest }) => {
+      const buttonInner = children ?? (jsx(ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded, version: version }));
+      if (disabled) {
+          return (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
+      }
+      return (jsx("a", { className: `${styleButton} inline-block cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: !href ? 'button' : 'link', ...rest, children: buttonInner }));
+  });
+
+  const ButtonSection = JSX(({ context, className = '', buttons }) => {
+      const { handlerDecorator } = context;
+      const router = context.useRouter();
+      return buttons?.length ? (jsx("div", { className: `${className}`, children: buttons.map((button, index) => renderButton(useLink({ router, handlerDecorator }, button), index)) })) : null;
+  });
+  function renderButton({ icon, ...button }, i) {
+      if (!button?.text)
+          return;
+      return icon ? (jsx(Button, { appendLeft: jsx(Icon, { name: icon, width: "24", height: "24", asSVG: true }), ...button }, String(i))) : (jsx(Button, { ...button }, String(i)));
+  }
+
   const Description = JSX((props) => {
       const { className, description } = props;
       return jsx("div", { className: `font-normal text-base ${className || ''}`, children: description });
   });
 
+  const BaseTile = JSX(({ className = '', title, children, buttons, image }) => {
+      return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: `flex grow w-full justify-between`, children: [jsxs("div", { className: `flex flex-col justify-between`, children: [jsx("div", { children: children }), jsx("div", { children: buttons })] }), image] })] }));
+  });
+
+  const getColSpan = (className) => {
+      const colSpanPrefix = 'col-span-';
+      const colSpanStr = className.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
+      return colSpanStr ? parseInt(colSpanStr.substring(colSpanPrefix.length), 10) : 12;
+  };
+
+  function getTileHeadingType(className = '') {
+      const colSpan = getColSpan(className);
+      if (colSpan <= 4) {
+          return 'h4';
+      }
+      else if (colSpan <= 8) {
+          return 'h3';
+      }
+      else {
+          return 'h2';
+      }
+  }
+
+  function getTileMinHeight(className = '') {
+      const colSpan = getColSpan(className);
+      if (colSpan <= 6) {
+          return 'min-h-[300px]';
+      }
+      else if (colSpan <= 8) {
+          return 'min-h-[320px]';
+      }
+      else {
+          return 'min-h-[360px]';
+      }
+  }
+
+  function getTileRightPadding(className = '') {
+      const colSpan = getColSpan(className);
+      if (colSpan <= 6) {
+          return 'pr-9';
+      }
+      else if (colSpan <= 8) {
+          return 'pr-[4.75rem]';
+      }
+      else {
+          return 'pr-[9.4rem]';
+      }
+  }
+
   const tileStyleMap = {
       primary: 'bg-white text-primary-text',
       secondary: 'bg-primary-main text-white',
@@ -768,7 +738,7 @@
 
   const GalleryCardInner = JSX(({ title, description, image, items, button, version }) => {
       return (jsxs("div", { children: [jsxs("div", { children: [image?.src ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-6", image: image }) })) : null, title && renderCardTitle(title, description, items), description ? jsx("div", { className: `font-normal text-sm mt-2`, children: description }) : null, items?.length ? (jsx("section", { className: `max-w-[308px] mt-2`, role: "list", children: items
-                              .filter((item) => item.text)
+                              .filter((item) => item?.text)
                               .map((item, i) => renderItem(item.text, i, version)) })) : null] }), button?.text && jsx(Button, { className: "mt-6", ...button })] }));
   });
   function renderCardTitle(title, description, items) {
@@ -826,7 +796,7 @@
       const [isActive, setIsActive] = context.useState(false);
       const hasContent = blocks?.length;
       const icon = isActive ? 'MinusIcon' : 'PlusIcon';
-      const getContentBlock = ({ target }) => target.tagName === 'BUTTON' ? target.nextSibling : target.parentNode.nextSibling;
+      const getContentBlock = ({ currentTarget }) => currentTarget.nextSibling;
       const handleToggle = (e) => {
           if (!hasContent) {
               return;
@@ -853,6 +823,36 @@
       return (jsxs("section", { className: `py-6 font-sans bg-white text-primary-text ${bordered ? 'px-4' : ''} ${className}`, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-md text-center", children: description }) : null, accordionItems?.length ? (jsx("ul", { className: "list-none m-0 p-0", children: accordionItems.map((item, i) => (jsx(AccordionItem, { ...item, context: context, bordered: bordered }, `AccordionItem${i}`))) })) : null] }));
   });
 
+  const CBR_EXCHANGE_RATE_URL = 'https://www.cbr-xml-daily.ru/daily_json.js';
+  const CURRENCY_CODES = ['USD', 'EUR'];
+  const CURRENCY_ICONS_MAP = {
+      USD: 'DollarIcon',
+      EUR: 'EuroIcon',
+  };
+  const buttons = [
+      {
+          text: 'Все показатели',
+          href: 'https://cbr.ru/currency_base/daily/',
+          version: 'secondary',
+      },
+  ];
+  const ExchangeRateTile = JSX(({ className = '', context, title = 'Курсы обмена валют' }) => {
+      const { data } = context.useAsyncData(CBR_EXCHANGE_RATE_URL, fetchExchangeRate);
+      return (jsx("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className}  ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, children: jsx(BaseTile, { context: context, title: title && (jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px]` })), buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx(CurrencyTH, { children: "\u0412\u0430\u043B\u044E\u0442\u0430" }), jsx(CurrencyTH, { className: "pl-11", children: "\u041A\u0443\u0440\u0441" })] }) }), jsx("tbody", { children: CURRENCY_CODES.map(renderCurrencyRow(data)) })] }) }) }));
+  });
+  const CurrencyTH = JSX(({ className = '', children }) => (jsx("th", { className: `text-left font-normal text-sm text-secondary-text ${className}`, children: children })));
+  const CurrencyTD = JSX(({ className = '', children }) => (jsx("td", { className: `text-left font-normal text-base text-primary-text ${className}`, children: children })));
+  async function fetchExchangeRate() {
+      const response = await fetch(CBR_EXCHANGE_RATE_URL);
+      return await response.json();
+  }
+  const currencyNumberFormat = new Intl.NumberFormat('ru', { style: 'currency', currency: 'RUB' });
+  const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
+  const renderCurrencyRow = (data) => (code) => {
+      const value = (data?.Valute || {})[code]?.Value;
+      return (jsxs("tr", { children: [jsx(CurrencyTD, { className: "pt-4", children: jsxs("div", { className: "flex items-center", children: [jsx(Icon, { name: CURRENCY_ICONS_MAP[code], width: "24", height: "24" }), jsx("span", { className: "ml-2", children: code })] }) }), jsx(CurrencyTD, { className: "pt-4 pl-11", children: formatCurrency(value) })] }, code));
+  };
+
   const LOGO_PATHS = [
       'm13.72 25.51 4.42-4.33v-2.95l-4.42 4.32v2.96Zm0-10.98 4.42-4.35V7.41l-4.42 4.31v2.8Zm0 3.63 4.42-4.33v-2.78l-4.42 4.32v2.8ZM12.46 7.44l-.6-.56V0h-.66v6.22l-.58-.57V0h-.67v5l-.59-.58V0H8.7v6.56l4.44 4.33V0h-.67v7.44Zm1.26 14.35 4.42-4.33v-2.78L13.72 19v2.8Zm-5.03-.61 4.44 4.33v-2.96l-4.44-4.32v2.95Zm8.79-16.76-.59.58V0h-.66v5.66l-.6.56V0h-.66v6.87l-.58.57V0h-.67v10.9l4.42-4.34V0h-.66v4.42Zm-8.79 5.76 4.44 4.35v-2.8L8.69 7.4v2.77Zm0 3.65 4.44 4.33v-2.8l-4.44-4.3v2.77Zm0 3.63 4.44 4.33V19l-4.44-4.31v2.78Zm26.37 2.29H24.3a2.25 2.25 0 0 0 .36-1.22 2.32 2.32 0 0 0-2.33-2.31 2.32 2.32 0 0 0-2.31 2.31c0 .5.16.96.43 1.34a.74.74 0 0 0-.33.61c0 .26.14.49.33.62a2.32 2.32 0 0 0-.43 1.34 2.31 2.31 0 0 0 2.31 2.31 2.32 2.32 0 0 0 2.33-2.31c0-.45-.13-.87-.36-1.22h8.01v.49h-.8v.68h.8v.7h-.8v1.3h.8v-.58h1.17v.58h.79v-1.3h-.79v-.7h.79v-.68h-.79v-.5h1.58a.56.56 0 0 0 .56-.56v-.34a.57.57 0 0 0-.56-.56Zm-11.53 2.7a1.2 1.2 0 0 1-2.4 0c0-.24.08-.47.2-.66l.34-.56a.97.97 0 0 1-.34-.75c0-.3.13-.56.33-.74l-.32-.56a1.13 1.13 0 0 1-.2-.66 1.2 1.2 0 0 1 2.4 0c0 .49-.56 1.65-.56 1.65v.62c-.01.01.55 1.17.55 1.66ZM4.67 18.34v2.89c0 2.75 1.2 4.53 1.9 5.21l4.58 4.5c1.28 1.25 1.5 1.66 1.79 2.37v-3.2c0-2.84-1.44-3.94-2.19-4.67-1.73-1.68-2.89-2.8-3.82-3.73a8.98 8.98 0 0 1-2.26-3.37Zm6.08 14.24c-1.73-1.7-2.89-2.8-3.82-3.73a10 10 0 0 1-2.25-2.98v2.49a7.87 7.87 0 0 0 1.89 5.24l4.58 4.47c1.28 1.25 1.5 1.85 1.79 2.55v-3.37c0-2.85-1.45-3.95-2.19-4.67Z',
       'M19.88 5.34c-.32 0-.64 0-.96.02V6.7a18.5 18.5 0 1 1 .95 36.94A18.5 18.5 0 0 1 1.35 25.17c0-5.67 2.55-10.73 6.58-14.13V9.32A19.78 19.78 0 0 0 0 25.17C0 36.12 8.9 45 19.88 45a19.85 19.85 0 0 0 19.86-19.83c0-10.95-8.9-19.83-19.87-19.83Z',
@@ -1057,8 +1057,8 @@
   const renderSubItem = (item, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-sm", ...item }, String(i)));
 
   const GOLDEN_RATIO = 1.618;
-  const Placeholder = JSX(({ className = '', context, title }) => {
-      return (jsx(Tile, { className: `pr-0 min-h-0 ${className}`, context: context, title: title, description: "\u0411\u043B\u043E\u043A \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435...", children: jsx("figure", { className: "m-0", children: renderShimmer() }) }));
+  const Placeholder = JSX(({ className, context, title, description = 'Блок в разработке...' }) => {
+      return (jsx("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, children: jsxs(BaseTile, { context: context, title: title ? (jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px]` })) : null, children: [description ? (jsx(Description, { className: "mt-4 max-w-[600px]", description: description })) : null, jsx("figure", { className: "m-0 min-w-[600px]", children: renderShimmer() })] }) }));
   });
   const renderShimmer = (size = 3) => goldenSequence(100, size)
       .map((_) => Math.floor(_))
@@ -1129,16 +1129,18 @@
   };
 
   const Blocks = {
+      Accordion,
       ExchangeRateTile,
       Footer,
       Header,
       Headline,
       LinkDocs,
+      MobileAppTile,
       Placeholder,
       ProductBlock,
       ProductGallery,
-      TextBlock,
       StepsBlock,
+      TextBlock,
   };
 
   const LikeButton = JSX(({ className, onClick, ariaLabel }) => (jsx("button", { type: "button", className: `border-0 w-[36px] bg-inherit cursor-pointer ${className || ''}`, onClick: onClick, "aria-label": ariaLabel, children: renderLikeIcon() })));
@@ -1164,10 +1166,10 @@
   });
   function renderBlock({ block, blockDecorator, blocksRegistry, context }, i) {
       const { type } = block;
-      if (!(type in blocksRegistry)) {
+      if (!(type && type in blocksRegistry)) {
           console.warn(`No block with "${type}" is registered`);
       }
-      const BlockComponent = blocksRegistry[type] || Placeholder;
+      const BlockComponent = blocksRegistry[type || 'Placeholder'] || Placeholder;
       return blockDecorator({
           blockClassName: style2className(block.style),
           block,
@@ -1188,8 +1190,8 @@
                   : null, children] }));
   });
 
-  function isBlockInRegistry(block, registry) {
-      return block.type in registry;
+  function isBlockInRegistry(blockType, registry) {
+      return (blockType || '') in registry;
   }
 
   function normalizeBlock(block) {
@@ -1217,7 +1219,7 @@
   }
   function getMobileBlocks(blocks) {
       return blocks
-          ?.filter((block) => isBlockInRegistry(block, Blocks) && !block.mobile?.hidden)
+          ?.filter((block) => isBlockInRegistry(block?.type || block?.mobile?.type, Blocks) && !block.mobile?.hidden)
           .map(normalizeBlock);
   }