@redneckz/wildless-cms-uni-blocks 0.3.96 → 0.4.0

package/mobile/bundle/bundle.umd.js

@@ -1,1804 +1,1909 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.UniMobileBlocks = {}));
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+    typeof define === 'function' && define.amd ? define(['exports'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.UniMobileBlocks = {}));
 })(this, (function (exports) { 'use strict';
 
-  const setup = (_jsx, _jsxs) => {
-    setup._jsx = _jsx;
-    setup._jsxs = _jsxs || _jsx;
-  };
-
-  setup.vue = _ => {
-    const adapter = (type, { children, dangerouslySetInnerHTML, ...rest } = {}) => {
-      const props = Object.assign({}, rest, dangerouslySetInnerHTML ? { innerHTML: dangerouslySetInnerHTML.__html } : {});
-      const isComponent = typeof type !== 'string';
-      const lazyChildren = isComponent ? () => children : children; // Vue optimization
-      return _(type, props, lazyChildren);
-    };
-    setup(adapter);
-  };
-
-  const jsx = (...args) => setup._jsx(...args);
-  const jsxs = (...args) => setup._jsxs(...args);
-
-  const JSX = Component => {
-    if (Component._tmpl) return Component._tmpl;
-
-    Component._tmpl = function JSXTmpl(rawProps, context) {
-      const { children: rawChildren, ...props } = rawProps || {};
-
-      const defaultSlot = context?.slots?.default; // Vue
-      const children = rawChildren || (defaultSlot && defaultSlot());
-      return Component(Object.assign(props, children && { children }), context);
-    };
-
-    Component._tmpl.inheritAttrs = false; // Vue
-
-    return Component._tmpl;
-  };
-
-  const getGeolocation = async () => new Promise((resolve) => navigator.geolocation.getCurrentPosition(({ coords }) => resolve(coords)));
-
-  function DaDataAPI(baseURL = '') {
-      async function getFetcherAddress() {
-          if (!('geolocation' in navigator)) {
-              return null;
-          }
-          try {
-              const coords = await getGeolocation();
-              const response = await fetch(`${baseURL}/geolocate`, {
-                  method: 'POST',
-                  mode: 'cors',
-                  body: JSON.stringify({
-                      lat: coords.latitude,
-                      lon: coords.longitude,
-                      count: 1,
-                  }),
-              });
-              const data = (await response.json());
-              return data?.suggestions?.[0]?.data?.city;
-          }
-          catch (e) {
-              console.error(e);
-              return null;
-          }
-      }
-      return {
-          getFetcherAddress,
-      };
-  }
-
-  const AUTH_PREFIX = 'guest';
-  const STORAGE_KEY = 'likesToken';
-  // eslint-disable-next-line max-lines-per-function
-  function LikeAPI(projectId, baseURL = '') {
-      async function getLikeCount(...nodeIds) {
-          if (!nodeIds.length) {
-              return [];
-          }
-          const { token: Authorization } = await auth();
-          try {
-              const response = await fetch(`${baseURL}/assist/v1/public/projects/${projectId}/nodes/likes`, {
-                  method: 'POST',
-                  mode: 'cors',
-                  headers: { 'Content-Type': 'application/json', Authorization },
-                  body: JSON.stringify({
-                      node_ids: nodeIds,
-                  }),
-              });
-              const { likes } = await response.json();
-              return likes || [];
-          }
-          catch (e) {
-              console.error(e);
-              return [];
-          }
-      }
-      async function like(nodeId) {
-          if (!nodeId) {
-              return 0;
-          }
-          const { token: Authorization, name } = await auth();
-          try {
-              const response = await fetch(`${baseURL}/assist/v1/public/projects/${projectId}/nodes/like`, {
-                  method: 'POST',
-                  mode: 'cors',
-                  headers: {
-                      'Content-Type': 'application/json',
-                      Authorization,
-                      UserID: name,
-                  },
-                  body: JSON.stringify({
-                      node_id: nodeId,
-                      user_name: name,
-                  }),
-              });
-              const { likes } = await response.json();
-              return likes || 0;
-          }
-          catch (e) {
-              console.error(e);
-              return 0;
-          }
-      }
-      async function dislike(nodeId) {
-          if (!nodeId) {
-              return 0;
-          }
-          const { token: Authorization, name } = await auth();
-          try {
-              const response = await fetch(`${baseURL}/assist/v1/public/projects/${projectId}/nodes/unlike`, {
-                  method: 'POST',
-                  mode: 'cors',
-                  headers: {
-                      'Content-Type': 'application/json',
-                      Authorization,
-                      UserID: name,
-                  },
-                  body: JSON.stringify({
-                      node_id: nodeId,
-                      user_name: name,
-                  }),
-              });
-              const { likes } = await response.json();
-              return likes || 0;
-          }
-          catch (e) {
-              console.error(e);
-              return 0;
-          }
-      }
-      async function auth() {
-          try {
-              const userData = JSON.parse(globalThis.localStorage.getItem(STORAGE_KEY) || '');
-              if (userData?.token) {
-                  return userData;
-              }
-          }
-          catch (e) {
-              // do nothing
-          }
-          try {
-              const response = await fetch(`${baseURL}/assist/v1/public/auth`, {
-                  method: 'POST',
-                  mode: 'cors',
-                  headers: {
-                      'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                      prefix: AUTH_PREFIX,
-                  }),
-              });
-              const { token, name } = await response.json();
-              globalThis.localStorage.setItem(STORAGE_KEY, JSON.stringify({ token, name }));
-              return { token, name };
-          }
-          catch (e) {
-              console.error(e);
-              return {};
-          }
-      }
-      return {
-          getLikeCount,
-          like,
-          dislike,
-      };
-  }
-
-  const HeadingClass = {
-      h0: 'text-m-title',
-      h1: 'text-m-title',
-      h2: 'text-m-title',
-      h3: 'text-h6',
-      h4: 'text-m-title-xs',
-      h5: 'text-m-title-xs',
-      h6: 'text-m-title-xs',
-  };
-  const Heading = JSX((props) => {
-      const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
-      return (jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
-  });
-
-  // Generated. Do not touch
-  /* eslint-disable max-len, max-lines */
-  var IconMap;
-  (function (IconMap) {
-      IconMap["ActualBalanceIcon"] = "ActualBalanceIcon";
-      IconMap["AirPlane"] = "AirPlane";
-      IconMap["AppleIcon"] = "AppleIcon";
-      IconMap["ArrowDownIcon"] = "ArrowDownIcon";
-      IconMap["ArrowLeftIcon"] = "ArrowLeftIcon";
-      IconMap["ArrowUpIcon"] = "ArrowUpIcon";
-      IconMap["AtmIcon"] = "AtmIcon";
-      IconMap["BankIcon"] = "BankIcon";
-      IconMap["BurgerIcon"] = "BurgerIcon";
-      IconMap["Calendar2Icon"] = "Calendar2Icon";
-      IconMap["CalendarCircleIcon"] = "CalendarCircleIcon";
-      IconMap["CalendarIcon"] = "CalendarIcon";
-      IconMap["CalendarTickIcon"] = "CalendarTickIcon";
-      IconMap["CardIcon"] = "CardIcon";
-      IconMap["CardPosIcon"] = "CardPosIcon";
-      IconMap["CardTickIcon"] = "CardTickIcon";
-      IconMap["CardWithGemIcon"] = "CardWithGemIcon";
-      IconMap["CarIcon"] = "CarIcon";
-      IconMap["ChartSquareIcon"] = "ChartSquareIcon";
-      IconMap["CinemaIcon"] = "CinemaIcon";
-      IconMap["ClockIcon"] = "ClockIcon";
-      IconMap["CloseIcon"] = "CloseIcon";
-      IconMap["ComfortableCompIcon"] = "ComfortableCompIcon";
-      IconMap["CreditCardsIcon"] = "CreditCardsIcon";
-      IconMap["DiscountShapeIcon"] = "DiscountShapeIcon";
-      IconMap["DocIcon"] = "DocIcon";
-      IconMap["DocIconMonoColor"] = "DocIconMonoColor";
-      IconMap["DocsIcon"] = "DocsIcon";
-      IconMap["DocumentTextIcon"] = "DocumentTextIcon";
-      IconMap["DollarIcon"] = "DollarIcon";
-      IconMap["DoneIcon"] = "DoneIcon";
-      IconMap["EarthIcon"] = "EarthIcon";
-      IconMap["EmptyWalletChangeIcon"] = "EmptyWalletChangeIcon";
-      IconMap["EmptyWalletIcon"] = "EmptyWalletIcon";
-      IconMap["EuroIcon"] = "EuroIcon";
-      IconMap["GeolocationIcon"] = "GeolocationIcon";
-      IconMap["GlassIcon"] = "GlassIcon";
-      IconMap["GlobalIcon"] = "GlobalIcon";
-      IconMap["GpsIcon"] = "GpsIcon";
-      IconMap["GridIcon"] = "GridIcon";
-      IconMap["InterestGrowthIcon"] = "InterestGrowthIcon";
-      IconMap["InterestIcon"] = "InterestIcon";
-      IconMap["JCBIcon"] = "JCBIcon";
-      IconMap["Logo"] = "Logo";
-      IconMap["LoupeIcon"] = "LoupeIcon";
-      IconMap["MasterCardIcon"] = "MasterCardIcon";
-      IconMap["MinusIcon"] = "MinusIcon";
-      IconMap["MirIcon"] = "MirIcon";
-      IconMap["MoneyIcon"] = "MoneyIcon";
-      IconMap["MoneyInsuranceIcon"] = "MoneyInsuranceIcon";
-      IconMap["MonitorMobileIcon"] = "MonitorMobileIcon";
-      IconMap["NewDocIcon"] = "NewDocIcon";
-      IconMap["OfficeIcon"] = "OfficeIcon";
-      IconMap["OkIcon"] = "OkIcon";
-      IconMap["PackA4"] = "PackA4";
-      IconMap["PassSendIcon"] = "PassSendIcon";
-      IconMap["PercentageRoundIcon"] = "PercentageRoundIcon";
-      IconMap["PercentageSquareIcon"] = "PercentageSquareIcon";
-      IconMap["PersonalCardIcon"] = "PersonalCardIcon";
-      IconMap["PlayMarketIcon"] = "PlayMarketIcon";
-      IconMap["PlusIcon"] = "PlusIcon";
-      IconMap["PowerIcon"] = "PowerIcon";
-      IconMap["Profile2UserIcon"] = "Profile2UserIcon";
-      IconMap["ProfileIcon"] = "ProfileIcon";
-      IconMap["PumpkinIcon"] = "PumpkinIcon";
-      IconMap["RoundRubleIcon"] = "RoundRubleIcon";
-      IconMap["SafeIcon"] = "SafeIcon";
-      IconMap["ShieldTickIcon"] = "ShieldTickIcon";
-      IconMap["SignDocsIcon"] = "SignDocsIcon";
-      IconMap["SmallClockIcon"] = "SmallClockIcon";
-      IconMap["SoundIcon"] = "SoundIcon";
-      IconMap["StateMortgageIcon"] = "StateMortgageIcon";
-      IconMap["TelegramIcon"] = "TelegramIcon";
-      IconMap["UnionPayIcon"] = "UnionPayIcon";
-      IconMap["UserTickIcon"] = "UserTickIcon";
-      IconMap["VisaIcon"] = "VisaIcon";
-      IconMap["VKIcon"] = "VKIcon";
-      IconMap["WalletAdd2Icon"] = "WalletAdd2Icon";
-      IconMap["WalletAddIcon"] = "WalletAddIcon";
-      IconMap["WalletIcon"] = "WalletIcon";
-      IconMap["WalletWithMoneyIcon"] = "WalletWithMoneyIcon";
-      IconMap["WateringCan"] = "WateringCan";
-  })(IconMap || (IconMap = {}));
-  var IconTitleMap;
-  (function (IconTitleMap) {
-      IconTitleMap["ActualBalanceIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
-      IconTitleMap["AirPlane"] = "\u0421\u0430\u043C\u043E\u043B\u0435\u0442";
-      IconTitleMap["AppleIcon"] = "\u041B\u043E\u0433\u043E \u00ABApple\u00BB";
-      IconTitleMap["ArrowDownIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043D\u0438\u0437'";
-      IconTitleMap["ArrowLeftIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430";
-      IconTitleMap["ArrowUpIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u0432\u0435\u0440\u0445";
-      IconTitleMap["AtmIcon"] = "\u0411\u0430\u043D\u043A\u043E\u043C\u0430\u0442";
-      IconTitleMap["BankIcon"] = "\u0411\u0430\u043D\u043A";
-      IconTitleMap["BurgerIcon"] = "\u0411\u0443\u0440\u0433\u0435\u0440";
-      IconTitleMap["Calendar2Icon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C 2";
-      IconTitleMap["CalendarCircleIcon"] = "\u0421\u043A\u0440\u0443\u0433\u043B\u0451\u043D\u043D\u044B\u0439 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
-      IconTitleMap["CalendarIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
-      IconTitleMap["CalendarTickIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
-      IconTitleMap["CardIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430";
-      IconTitleMap["CardPosIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u043F\u043E\u0434 \u043D\u0430\u043A\u043B\u043E\u043D\u043E\u043C";
-      IconTitleMap["CardTickIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
-      IconTitleMap["CardWithGemIcon"] = "\u041A\u0430\u0440\u0442\u0430 \u0441 \u0434\u0440\u0430\u0433\u043E\u0446\u0435\u043D\u043D\u043E\u0441\u0442\u044F\u043C\u0438";
-      IconTitleMap["CarIcon"] = "\u041C\u0430\u0448\u0438\u043D\u0430";
-      IconTitleMap["ChartSquareIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430";
-      IconTitleMap["CinemaIcon"] = "\u041A\u0438\u043D\u043E";
-      IconTitleMap["ClockIcon"] = "\u0427\u0430\u0441\u044B";
-      IconTitleMap["CloseIcon"] = "\u041A\u0440\u0435\u0441\u0442\u0438\u043A";
-      IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
-      IconTitleMap["CreditCardsIcon"] = "\u041A\u0440\u0435\u0434\u0438\u0442\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B";
-      IconTitleMap["DiscountShapeIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
-      IconTitleMap["DocIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
-      IconTitleMap["DocIconMonoColor"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 (\u043E\u0434\u043D\u043E\u0446\u0432\u0435\u0442\u043D\u044B\u0439)";
-      IconTitleMap["DocsIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
-      IconTitleMap["DocumentTextIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C";
-      IconTitleMap["DollarIcon"] = "\u0414\u043E\u043B\u043B\u0430\u0440";
-      IconTitleMap["DoneIcon"] = "\u0417\u0435\u043B\u0451\u043D\u0430\u044F '\u0433\u0430\u043B\u043E\u0447\u043A\u0430'";
-      IconTitleMap["EarthIcon"] = "\u0417\u0435\u043C\u043B\u044F";
-      IconTitleMap["EmptyWalletChangeIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043E\u043C";
-      IconTitleMap["EmptyWalletIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A";
-      IconTitleMap["EuroIcon"] = "\u0415\u0432\u0440\u043E";
-      IconTitleMap["GeolocationIcon"] = "\u0413\u0435\u043E\u043B\u043E\u043A\u0430\u0446\u0438\u044F";
-      IconTitleMap["GlassIcon"] = "\u0417\u0435\u0440\u043A\u0430\u043B\u043E";
-      IconTitleMap["GlobalIcon"] = "\u0413\u043B\u043E\u0431\u0443\u0441";
-      IconTitleMap["GpsIcon"] = "Gps";
-      IconTitleMap["GridIcon"] = "\u0421\u0435\u0442\u043A\u0430 (\u0431\u0435\u043B\u0430\u044F)";
-      IconTitleMap["InterestGrowthIcon"] = "\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u043E\u0441\u0442\u0430";
-      IconTitleMap["InterestIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
-      IconTitleMap["JCBIcon"] = "JCB";
-      IconTitleMap["Logo"] = "Logo";
-      IconTitleMap["LoupeIcon"] = "\u041B\u0443\u043F\u0430";
-      IconTitleMap["MasterCardIcon"] = "MasterCard";
-      IconTitleMap["MinusIcon"] = "\u041C\u0438\u043D\u0443\u0441";
-      IconTitleMap["MirIcon"] = "\u041C\u0418\u0420";
-      IconTitleMap["MoneyIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
-      IconTitleMap["MoneyInsuranceIcon"] = "\u0414\u0435\u043D\u0435\u0436\u043D\u043E\u0435 \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435";
-      IconTitleMap["MonitorMobileIcon"] = "\u041C\u043E\u043D\u0438\u0442\u043E\u0440 \u0438 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439";
-      IconTitleMap["NewDocIcon"] = "\u041D\u043E\u0432\u044B\u0439 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
-      IconTitleMap["OfficeIcon"] = "\u041E\u0444\u0438\u0441";
-      IconTitleMap["OkIcon"] = "\u041B\u043E\u0433\u043E \u00AB\u041E\u0434\u043D\u043E\u043A\u043B\u0430\u0441\u0441\u043D\u0438\u043A\u0438\u00BB";
-      IconTitleMap["PackA4"] = "PackA4";
-      IconTitleMap["PassSendIcon"] = "\u0411\u0438\u0437\u043D\u0435\u0441";
-      IconTitleMap["PercentageRoundIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B (\u043A\u0440\u0443\u0433.)";
-      IconTitleMap["PercentageSquareIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B";
-      IconTitleMap["PersonalCardIcon"] = "\u041F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u0430\u044F \u043A\u0430\u0440\u0442\u0430";
-      IconTitleMap["PlayMarketIcon"] = "\u041B\u043E\u0433\u043E \u00ABPlayMarket\u00BB";
-      IconTitleMap["PlusIcon"] = "\u041F\u043B\u044E\u0441";
-      IconTitleMap["PowerIcon"] = "\u0429\u0438\u0442";
-      IconTitleMap["Profile2UserIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C, 2 \u043F\u0435\u0440\u0441\u043E\u043D\u044B";
-      IconTitleMap["ProfileIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C";
-      IconTitleMap["PumpkinIcon"] = "\u0422\u044B\u043A\u0432\u0430";
-      IconTitleMap["RoundRubleIcon"] = "\u0420\u0443\u0431\u043B\u044C (\u043A\u0440\u0443\u0433.)";
-      IconTitleMap["SafeIcon"] = "\u0421\u0435\u0439\u0444";
-      IconTitleMap["ShieldTickIcon"] = "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C";
-      IconTitleMap["SignDocsIcon"] = "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u043D\u044B\u0435 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
-      IconTitleMap["SmallClockIcon"] = "\u041C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0435 \u0447\u0430\u0441\u044B";
-      IconTitleMap["SoundIcon"] = "\u0417\u0432\u0443\u043A";
-      IconTitleMap["StateMortgageIcon"] = "StateMortgageIcon";
-      IconTitleMap["TelegramIcon"] = "\u041B\u043E\u0433\u043E \u00ABTelegram\u00BB";
-      IconTitleMap["UnionPayIcon"] = "UnionPay";
-      IconTitleMap["UserTickIcon"] = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C";
-      IconTitleMap["VisaIcon"] = "Visa";
-      IconTitleMap["VKIcon"] = "\u041B\u043E\u0433\u043E \u00ABVK\u00BB";
-      IconTitleMap["WalletAdd2Icon"] = "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043A\u0430\u0440\u0442\u044B";
-      IconTitleMap["WalletAddIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u043F\u043B\u044E\u0441\u043E\u043C";
-      IconTitleMap["WalletIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A";
-      IconTitleMap["WalletWithMoneyIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0434\u0435\u043D\u044C\u0433\u0430\u043C\u0438";
-      IconTitleMap["WateringCan"] = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u0434\u0443\u043A\u0442";
-  })(IconTitleMap || (IconTitleMap = {}));
-
-  const projectSettings = new (class {
-      _ = {
-          PROD_BRANCH: 'master',
-          FORCED_DRAFT_FLOW: false,
-      };
-      setup(_) {
-          this._ = _;
-      }
-      get TEST_BRANCH() {
-          return this._.TEST_BRANCH;
-      }
-      get RC_BRANCH() {
-          return this._.RC_BRANCH;
-      }
-      get PROD_BRANCH() {
-          return this._.PROD_BRANCH;
-      }
-      get FORCED_DRAFT_FLOW() {
-          return this._.FORCED_DRAFT_FLOW;
-      }
-      get ENABLE_ASSIST() {
-          return this._.ENABLE_ASSIST;
-      }
-      get SITEMAP() {
-          return this._.SITEMAP;
-      }
-      get CDN() {
-          return this._.CDN;
-      }
-  })();
-
-  const svgUseStyleMap = {
-      normal: 'text-primary-main',
-      black: 'text-black',
-      white: 'text-black invert',
-  };
-  const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, iconVersion = 'normal', asSVG, ...imgProps }) => {
-      const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
-      if (asSVG) {
-          return (jsxs("svg", { className: className, ...imgProps, "aria-hidden": "true", children: [title ? jsx("title", { children: title }) : null, alt ? jsx("desc", { children: alt }) : null, jsx("use", { className: `${svgUseStyleMap[iconVersion]} ${imageClassName}`, href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
-      }
-      return (jsx("img", { className: className, src: href, alt: alt, title: title, ...imgProps, "aria-hidden": "true" }));
-  });
-
-  function getIconVersion(image) {
-      return typeof image === 'string' ? 'normal' : image.iconVersion || 'normal';
-  }
-
-  const sourcesComparator = (a, b) => {
-      if (a.media && b.media) {
-          return a.media - b.media;
-      }
-      return 0;
-  };
-  const ImgAsPicture = JSX(({ className = '', image, imageClassName = '', isMobile = false }) => {
-      if (!image || (!image?.sources && !image?.src)) {
-          return null;
-      }
-      const pictureStyles = isMobile ? 'flex' : 'flex-none';
-      return (jsxs("picture", { className: `${pictureStyles} ${className}`, children: [image?.sources?.length
-                  ? image.sources
-                      .sort(sourcesComparator)
-                      .map(({ src, format, media, size }, index) => (jsx("source", { srcSet: src, type: formatToMimeType(format), media: media ? `(max-width: ${media}px)` : '', ...size }, `${index}_${src}`)))
-                  : null, renderImg(image, imageClassName, isMobile)] }));
-  });
-  const renderImg = (image, imageClassName = '', isMobile = false) => {
-      const title = image.title || '';
-      const alt = image.alt || image.title;
-      const imgStyle = isMobile ? 'm-auto' : 'm-0';
-      return (jsx("img", { src: image.src, className: `${imgStyle} ${imageClassName}`, alt: alt, title: title, ...image.size }));
-  };
-  function formatToMimeType(format) {
-      return format ? `image/${String(format)}` : undefined;
-  }
-
-  const ImgInner = JSX(({ className = '', image, imageClassName = '', isMobile, ...iconProps }) => {
-      if (!image) {
-          return null;
-      }
-      // backwards compatibility with existing icons in usage
-      const icon = typeof image === 'string' ? image : image.icon;
-      if (icon || icon === '') {
-          return icon.length ? (jsx(Icon, { className: className, imageClassName: imageClassName, iconVersion: getIconVersion(image), name: icon, ...iconProps })) : null;
-      }
-      return (jsx(ImgAsPicture, { className: className, imageClassName: imageClassName, image: image, isMobile: isMobile }));
-  });
-
-  const Img = JSX(({ className = '', image, imageClassName, ...iconProps }) => {
-      return (jsx(ImgInner, { className: className, image: image, imageClassName: imageClassName, ...iconProps, isMobile: true }));
-  });
-
-  function style2className(style) {
-      return style ? style.filter(Boolean).join(' ') : '';
-  }
-
-  const ALIGN_TEXT = {
-      left: 'text-left',
-      center: 'text-center',
-      right: 'text-right',
-  };
-  const HEADLINE_BLOCK_STYLE_MAPS = {
-      transparent: {
-          background: 'bg-transparent',
-          text: 'text-primary-text',
-          description: 'text-primary-text',
-      },
-      primary: {
-          background: 'bg-white',
-          text: 'text-primary-text',
-          description: 'text-primary-text',
-      },
-      secondary: {
-          background: 'bg-primary-main',
-          text: 'text-white',
-          description: 'text-white/80',
-      },
-  };
-
-  const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
-      const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
-      return (jsxs("section", { className: `px-4 py-6 flex flex-col gap-2.5 ${STYLE_MAPS.background} ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })) : null, description ? (jsx("p", { className: `text-m ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}`, children: description })) : null, image?.src && (jsx("div", { className: "mt-2.5 mx-auto flex justify-center", children: jsx(Img, { image: image }) }))] }));
-  });
-
-  // column-gap between children of SwipeListControl container
-  const DEFAULT_GAP = 14;
-  /*
-    Horizontal padding used on a container above SwipeListControl.
-    Same value used on a SwipeListControlChildren container to compensate it
-    and get rid of a clipping effect caused by overflow: hidden.
-   */
-  const DEFAULT_PADDING = 16;
-  // Classes used to compensate outer container padding, so that child elements won't be clipped
-
-  const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
-  const BASE_DOT_WIDTH = 6;
-  const ACTIVE_DOT_WIDTH_CHANGE = 16;
-  const BASE_DOT_OPACITY = 0.3;
-  const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
-  const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
-      const handleClick = (idx) => (e) => {
-          if (idx === activeIndex) {
-              return;
-          }
-          const contentContainer = e.currentTarget.parentElement
-              ?.previousElementSibling;
-          contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-      };
-      return showDots && children?.length ? (jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (jsx("div", { onClick: handleClick(idx), className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
-  });
-  const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
-      if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
-          return;
-      }
-      const leftIndexMod = 1 - indexFraction;
-      const rightIndexMod = indexFraction;
-      return currentIdx === activeIndex
-          ? {
-              opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
-              width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
-          }
-          : {
-              opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
-              width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
-          };
-  };
-
-  const SwipeListControlItem = JSX(({ className = '', children, ...rest }) => {
-      return (jsx("div", { className: `snap-center snap-always min-w-full box-border ${className}`, role: "listitem", ...rest, children: children }));
-  });
-
-  // styles used to compensate outer container padding to get rid of clipping effect
-  const getContainerStyle = (padding) => {
-      return {
-          marginLeft: `${-padding}px`,
-          marginRight: `${-padding}px`,
-          paddingLeft: `${padding}px`,
-          paddingRight: `${padding}px`,
-      };
-  };
-
-  const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
-      return (jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (jsx(SwipeListControlItem, { children: children })) }));
-  });
-
-  /*
-    Returns object containing whole index part, and it's decimal part for a given
-    scrollLeft value of a container and an array of tuple containing values of a
-    start and end boundaries of a scrollable child, right boundary non-inclusive.
-    Returns object with index equal -1 and fraction equal 0 if scrollLeft is outside given scrollPoints
-   */
-  const getIndexParts = (scrollLeft, scrollPoints) => {
-      const index = scrollPoints.findIndex(([pointStart, pointEnd]) => pointStart <= scrollLeft && scrollLeft < pointEnd);
-      if (index < 0) {
-          return { index, fraction: 0 };
-      }
-      const [start, end] = scrollPoints[index];
-      const fraction = (scrollLeft - start) / (end - start);
-      return { index, fraction };
-  };
-
-  /*
-   Calculates array of breakpoints for each scrollable element in container.
-   Returns array of tuples consisting of [start, end] boundary scrollLeft values.
-  */
-  const getScrollPoints = ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }) => {
-      const scrollableDistance = scrollWidth - clientWidth;
-      if (childElementCount === 2) {
-          return [
-              [0, scrollableDistance],
-              [scrollableDistance, scrollWidth],
-          ];
-      }
-      const scrollItemWidth = itemWidth + gap;
-      const edgeScrollDistance = clientWidth - gap - padding;
-      const lastScrollableIdx = childElementCount - 2;
-      const scrollPoints = new Array(childElementCount)
-          .fill(0)
-          .map((_, idx) => idx === 0 || idx === lastScrollableIdx
-          ? [
-              idx > 0 ? scrollableDistance - edgeScrollDistance : 0,
-              idx > 0 ? scrollableDistance : edgeScrollDistance,
-          ]
-          : [
-              (idx - 1) * scrollItemWidth + edgeScrollDistance,
-              idx * scrollItemWidth + edgeScrollDistance,
-          ]);
-      scrollPoints[childElementCount - 1] = [scrollableDistance, scrollWidth];
-      return scrollPoints;
-  };
-
-  const SwipeListControl = JSX(({ className, context, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
-      const [activeIndex, setActiveIndex] = context.useState(0);
-      const [indexFraction, setIndexFraction] = context.useState(0);
-      const dotsProps = {
-          activeIndex,
-          indexFraction,
-          showDots,
-          children,
-      };
-      const handleScroll = (e) => {
-          const { scrollLeft, clientWidth, childElementCount, scrollWidth, children: childrenCollection, } = e?.currentTarget;
-          // horizontal PADDING / 2 to compensate padding-margin combo of child container
-          // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
-          const itemWidth = childrenCollection[0].offsetWidth - padding / 2;
-          const scrollPoints = getScrollPoints({
-              gap,
-              padding,
-              clientWidth,
-              scrollWidth,
-              childElementCount,
-              itemWidth,
-          });
-          const { index, fraction } = getIndexParts(scrollLeft, scrollPoints);
-          if (index !== activeIndex && onSlideChange) {
-              onSlideChange();
-          }
-          setActiveIndex(index);
-          setIndexFraction(fraction);
-      };
-      return (jsxs("div", { className: className, children: [jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), jsx(SwipeListControlDots, { ...dotsProps })] }));
-  });
-
-  const LinkDocsListItemBase = JSX(({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
-      const { text, fileSize, ...linkProps } = doc;
-      return (jsxs("a", { className: className, role: "link", ...linkProps, children: [icon ? (jsx(Img, { className: iconClassName, image: icon, width: "24px", height: "24px", asSVG: true })) : null, text ? (jsxs("span", { className: textClassName, children: [text, jsx("span", { className: suffixClassName, children: linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize) })] })) : null] }));
-  });
-  const formatSuffix = (ext, fileSize) => {
-      const prefix = ext || fileSize ? ',' : '';
-      const extension = ext ? ` ${ext}` : '';
-      const size = fileSize ? ` (${fileSize})` : '';
-      return prefix + extension + size;
-  };
-  const getExtFromHref = (href) => {
-      if (!href) {
-          return '';
-      }
-      const index = href.lastIndexOf('.');
-      return index !== -1 ? href.substring(index + 1) : '';
-  };
-
-  const LinkDocsListItem = JSX(({ className = '', doc, icon }) => (jsx(LinkDocsListItemBase, { className: `flex h-full box-border ${className}`, iconClassName: "mr-3 min-w-6 min-h-6", doc: doc, icon: icon })));
-
-  const LinkDocsHorizontalList = JSX(({ context, hasBorder = true, documents, icon }) => {
-      return (jsx(SwipeListControl, { context: context, className: "text-s text-primary-main mt-5", children: documents?.length
-              ? documents.map((doc, i) => (jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
-              : null }));
-  });
-
-  const LinkDocsVerticalList = JSX(({ hasBorder = true, documents, icon }) => {
-      return (jsx("div", { className: `text-s text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
-              ? documents.map((doc, i) => (jsx("div", { role: "listitem", children: jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }) }, String(i))))
-              : null }));
-  });
-
-  const LinkDocs = JSX(({ className = '', context, title, description, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
-      return (jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [jsx(Headline, { className: `!p-0 ${description ? 'gap-2' : 'gap-5'}`, title: title, description: description, context: context, align: "center" }), orientation === 'vertical' ? (jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
-  });
-
-  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;
-  };
-  const getHash = (href) => {
-      if (!href || !isURL(href)) {
-          return undefined;
-      }
-      const hashIndex = href.indexOf('#');
-      return hashIndex !== -1 ? href.substring(hashIndex, href.length) : undefined;
-  };
-  const isHash = (href) => href?.startsWith('#');
-
-  var url = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    isURL: isURL,
-    withoutQuery: withoutQuery,
-    getOrigin: getOrigin,
-    getHash: getHash,
-    isHash: isHash
-  });
-
-  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,
-          'aria-label': 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((props) => {
-      const { text, aboveText, appendLeft, appendRight } = props;
-      return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-xs-light text-left", children: aboveText }), jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`, children: text })] })) : null, appendRight ? appendRight : null] }));
-  });
-  const getButtonStyle = (props) => {
-      const { version, aboveText, rounded } = props;
-      if (version === 'link') {
-          return '';
-      }
-      const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
-      return [
-          'flex items-center justify-center',
-          isWithText(props) ? withTextStyle : 'h-12 w-12',
-          rounded ? 'rounded-full' : '',
-      ].join(' ');
-  };
-  const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
-
-  const buttonStyleMap = {
-      primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-      secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-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 focus:border focus:border-primary-focus ${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 && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => renderButton$2(useLink({ router, handlerDecorator }, button), index)) })) : null;
-  });
-  function renderButton$2({ icon, iconRight, ...button }, i) {
-      if (!button?.text) {
-          return null;
-      }
-      return icon ? (jsx(Button, { appendLeft: jsx(Img, { image: icon, width: "24", height: "24", asSVG: true }), appendRight: jsx(Img, { image: iconRight, width: "24", height: "24", asSVG: true }), ...button }, String(i))) : (jsx(Button, { ...button }, String(i)));
-  }
-
-  const LIST_STYLE_CLASSES = {
-      primary: 'rounded-full inline-block mr-3 mt-2',
-      secondary: 'rounded-full inline-block mr-3 mt-2',
-      gray: 'rounded-full inline-block mr-3 mt-2',
-      tile: 'rounded-full inline-block mr-4 mt-3',
-      'tile-white': 'rounded-full inline-block mr-4 mt-3',
-  };
-  const LIST_DOT_STYLE_MAP = {
-      primary: 'bg-primary-text',
-      secondary: 'bg-white',
-      gray: 'bg-secondary-text',
-      tile: 'bg-black',
-      'tile-white': 'bg-white',
-  };
-  const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary' }) => {
-      return (jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { children: children })] }));
-  });
-  const getListStyle = (version) => {
-      const size = {
-          primary: 'w-2 h-2 min-w-2 min-h-2',
-          secondary: 'w-2 h-2 min-w-2 min-h-2',
-          gray: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5',
-          tile: 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
-          'tile-white': 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
-      };
-      return `${LIST_STYLE_CLASSES[version]} ${LIST_DOT_STYLE_MAP[version]} ${size[version]}`;
-  };
-
-  const TEXT_STYLE_MAP = {
-      primary: 'text-primary-text',
-      secondary: 'text-white',
-      gray: 'text-secondary-text',
-      tile: 'text-primary-text',
-      'tile-white': 'text-white',
-  };
-  const List = JSX((props) => {
-      const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
-      return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${className}`, role: "list", children: items?.length
-              ? items.map((_, i) => (jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
-              : null }));
-  });
-
-  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 w-full", children: [jsx("div", { children: children }), buttons ? jsx("div", { children: buttons }) : null] }), image] })] }));
-  });
-
-  const benefitTitleStyleMap = {
-      primary: 'text-primary-text',
-      secondary: 'text-white',
-  };
-  const benefitDescStyleMap = {
-      primary: 'text-secondary-text',
-      secondary: 'text-white',
-  };
-  function renderBenefit({ benefit, version = 'primary' }, i) {
-      const isIconWhite = version === 'secondary';
-      return (jsxs("div", { className: "flex gap-3 items-center mb-2.5 last:mb-0", children: [benefit.icon ? (jsx(Img, { className: renderBenefitIconBgStyle(version), image: { ...benefit?.icon, iconVersion: isIconWhite ? 'white' : 'normal' }, width: "24", height: "24", asSVG: true })) : null, jsx("div", { className: `text-l m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && (jsx("div", { className: `text-s ${benefitDescStyleMap[version]}`, children: benefit.description }))] }, String(i)));
-  }
-  function renderBenefitIconBgStyle(version) {
-      let bgColorStyle = 'text-primary-main';
-      if (version === 'secondary') {
-          bgColorStyle = 'text-black';
-      }
-      return `w-6 h-6 rounded-full box-border ${bgColorStyle}`;
-  }
-
-  const ProductBlockInner = JSX(({ className = '', context, title, headlineVersion = 'L', description, benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, }) => {
-      return (jsxs("div", { className: `w-full ${className}`, children: [jsxs("div", { children: [label ? renderLabel(label, version) : null, jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, bgColorHeadline: version, headlineVersion: headlineVersion }), jsxs(BaseTile, { context: context, buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [benefits?.filter((_) => _.label)?.length ? (jsx("div", { className: "mt-3", children: benefits.map((benefit, i) => renderBenefit({ benefit, version, benefitsVersion }, i)) })) : null, items?.length ? (jsx(List, { className: "mt-3 text-m", items: items, version: version, isDotted: isDotted })) : null] })] }), renderImage$1(image)] }));
-  });
-  function renderImage$1(image) {
-      return image?.src ? (jsx(Img, { imageClassName: "mt-5 mx-auto block", image: { className: 'block', ...image } })) : null;
-  }
-  const labelStyleMap = {
-      primary: 'text-primary-main border-secondary-hover',
-      secondary: 'text-white/80',
-  };
-  const renderLabel = (label, version) => (jsx("div", { className: `px-2.5 py-1.5 mb-5 rounded-md border-2 border-solid w-fit ${labelStyleMap[version]}`, children: label }));
-
-  const productBlockStyleMap = {
-      primary: 'bg-white text-primary-text',
-      secondary: 'bg-primary-main text-white',
-  };
-  const ProductBlock = JSX((props /* Get rid of image and benefits */) => {
-      const { className = '', version = 'primary' } = props;
-      return (jsx("section", { className: `font-sans bg-white px-4 py-6 ${productBlockStyleMap[version]} ${className}`, children: jsx(ProductBlockInner, { ...props }) }));
-  });
-
-  const textBlockStyleMaps = {
-      primary: {
-          background: 'bg-white',
-          icon: 'bg-primary-main text-white',
-          title: 'text-primary-text',
-          description: 'text-secondary-text',
-      },
-      secondary: {
-          background: 'bg-primary-main',
-          icon: 'bg-white text-primary-main',
-          title: 'text-white',
-          description: 'text-white',
-      },
-      'secondary-light': {
-          background: 'bg-primary-main/10',
-          icon: 'bg-primary-main text-white',
-          title: 'text-primary-text',
-          description: 'text-secondary-text',
-      },
-  };
-  const TextBlock = JSX(({ title, description, blockVersion = 'primary', iconVersion, image, className = '', items, isDotted = true, }) => {
-      const textBlockStyleMap = textBlockStyleMaps[blockVersion];
-      const listBlockVersion = blockVersion === 'secondary' ? 'secondary' : 'gray';
-      return (jsxs("section", { className: `font-sans px-4 py-[18px] flex flex-col ${textBlockStyleMap.background} ${className}`, children: [iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion === 'big' ? renderImage(image) : null, jsxs("div", { className: "py-0.5", children: [title ? (jsx("div", { className: `text-l font-medium mb-1 ${textBlockStyleMap.title}`, children: title })) : null, description ? (jsx("div", { className: `text-s ${textBlockStyleMap.description}`, children: description })) : null, items?.length ? (jsx(List, { className: "mt-1 text-m", items: items, isDotted: isDotted, version: listBlockVersion })) : null] })] }));
-  });
-  function renderIcon(className) {
-      return (jsx("div", { className: "mb-3", children: jsx("div", { className: `rounded-full h-4 w-4 text-center text-xs-light ${className}`, children: "i" }) }));
-  }
-  function renderImage(image) {
-      return image?.src ? jsx(Img, { className: "pb-3 mr-auto", image: image }) : null;
-  }
-
-  const blockStyle = {
-      primary: 'bg-white',
-      secondary: 'bg-primary-main text-white',
-  };
-  const Gallery = JSX(({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
-      const headingClassName = description ? 'mb-2' : 'mb-5';
-      return (jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (jsx(Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? (jsx("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards, context)] }));
-  });
-  function renderCardsLayout(orientation, cards, context) {
-      return orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, children: cards?.map(renderCard) })) : (jsx("div", { className: "grid gap-[14px]", children: cards?.map(renderCard) }));
-  }
-  function renderCard(card, key) {
-      return (jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
+    let _hooks;
+    const setupHooks = (_) => {
+        _hooks = _;
+    };
+    const lazyHook = (name) => (...args) => _hooks[name](...args);
+    const useState = lazyHook('useState');
+    const useEffect = lazyHook('useEffect');
+    const useCallback = lazyHook('useCallback');
+    const useMemo = lazyHook('useMemo');
+
+    const setup = (_jsx, _jsxs) => {
+        globalThis._uni = {
+            _jsx,
+            _jsxs: _jsxs || _jsx
+        };
+    };
+
+    const getGeolocation = async () => new Promise((resolve) => navigator.geolocation.getCurrentPosition(({ coords }) => resolve(coords)));
+
+    function DaDataAPI(baseURL = '') {
+        async function getFetcherAddress() {
+            if (!('geolocation' in navigator)) {
+                return null;
+            }
+            try {
+                const coords = await getGeolocation();
+                const response = await fetch(`${baseURL}/geolocate`, {
+                    method: 'POST',
+                    mode: 'cors',
+                    body: JSON.stringify({
+                        lat: coords.latitude,
+                        lon: coords.longitude,
+                        count: 1,
+                    }),
+                });
+                const data = (await response.json());
+                return data?.suggestions?.[0]?.data?.city;
+            }
+            catch (e) {
+                console.error(e);
+                return null;
+            }
+        }
+        return {
+            getFetcherAddress,
+        };
+    }
+
+    const AUTH_PREFIX = 'guest';
+    const STORAGE_KEY = 'likesToken';
+    // eslint-disable-next-line max-lines-per-function
+    function LikeAPI(projectId, baseURL = '') {
+        async function getLikeCount(...nodeIds) {
+            if (!nodeIds.length) {
+                return [];
+            }
+            const { token: Authorization } = await auth();
+            try {
+                const response = await fetch(`${baseURL}/assist/v1/public/projects/${projectId}/nodes/likes`, {
+                    method: 'POST',
+                    mode: 'cors',
+                    headers: { 'Content-Type': 'application/json', Authorization },
+                    body: JSON.stringify({
+                        node_ids: nodeIds,
+                    }),
+                });
+                const { likes } = await response.json();
+                return likes || [];
+            }
+            catch (e) {
+                console.error(e);
+                return [];
+            }
+        }
+        async function like(nodeId) {
+            if (!nodeId) {
+                return 0;
+            }
+            const { token: Authorization, name } = await auth();
+            try {
+                const response = await fetch(`${baseURL}/assist/v1/public/projects/${projectId}/nodes/like`, {
+                    method: 'POST',
+                    mode: 'cors',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        Authorization,
+                        UserID: name,
+                    },
+                    body: JSON.stringify({
+                        node_id: nodeId,
+                        user_name: name,
+                    }),
+                });
+                const { likes } = await response.json();
+                return likes || 0;
+            }
+            catch (e) {
+                console.error(e);
+                return 0;
+            }
+        }
+        async function dislike(nodeId) {
+            if (!nodeId) {
+                return 0;
+            }
+            const { token: Authorization, name } = await auth();
+            try {
+                const response = await fetch(`${baseURL}/assist/v1/public/projects/${projectId}/nodes/unlike`, {
+                    method: 'POST',
+                    mode: 'cors',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        Authorization,
+                        UserID: name,
+                    },
+                    body: JSON.stringify({
+                        node_id: nodeId,
+                        user_name: name,
+                    }),
+                });
+                const { likes } = await response.json();
+                return likes || 0;
+            }
+            catch (e) {
+                console.error(e);
+                return 0;
+            }
+        }
+        async function auth() {
+            try {
+                const userData = JSON.parse(globalThis.localStorage.getItem(STORAGE_KEY) || '');
+                if (userData?.token) {
+                    return userData;
+                }
+            }
+            catch (e) {
+                // do nothing
+            }
+            try {
+                const response = await fetch(`${baseURL}/assist/v1/public/auth`, {
+                    method: 'POST',
+                    mode: 'cors',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        prefix: AUTH_PREFIX,
+                    }),
+                });
+                const { token, name } = await response.json();
+                globalThis.localStorage.setItem(STORAGE_KEY, JSON.stringify({ token, name }));
+                return { token, name };
+            }
+            catch (e) {
+                console.error(e);
+                return {};
+            }
+        }
+        return {
+            getLikeCount,
+            like,
+            dislike,
+        };
+    }
+
+    const jsx = (...args) => globalThis._uni._jsx(...args);
+    const jsxs = (...args) => globalThis._uni._jsxs(...args);
+
+    const JSX = (Component) => {
+        const Internal = Component;
+        if (!Internal._tmpl) {
+            Internal._tmpl = globalThis.__UNI_REACT__ ? Component : VueTmpl(Component);
+        }
+        return Internal._tmpl;
+    };
+    const VueTmpl = (Component) => {
+        function JSXTmpl(rawProps, context) {
+            const { children: rawChildren, ...props } = rawProps || {};
+            const defaultSlot = context?.slots?.default; // Vue
+            const children = rawChildren || (defaultSlot && defaultSlot());
+            return Component(Object.assign(props, children && { children }), context);
+        }
+        JSXTmpl.inheritAttrs = false;
+        return JSXTmpl;
+    };
+
+    const HeadingClass = {
+        h0: 'text-m-title',
+        h1: 'text-m-title',
+        h2: 'text-m-title',
+        h3: 'text-h6',
+        h4: 'text-m-title-xs',
+        h5: 'text-m-title-xs',
+        h6: 'text-m-title-xs',
+    };
+    const Heading = JSX((props) => {
+        const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
+        return (jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
+    });
+
+    // Generated. Do not touch
+    /* eslint-disable max-len, max-lines */
+    var IconMap;
+    (function (IconMap) {
+        IconMap["ActualBalanceIcon"] = "ActualBalanceIcon";
+        IconMap["AirPlane"] = "AirPlane";
+        IconMap["AppleIcon"] = "AppleIcon";
+        IconMap["ArrowDownIcon"] = "ArrowDownIcon";
+        IconMap["ArrowLeftIcon"] = "ArrowLeftIcon";
+        IconMap["ArrowUpIcon"] = "ArrowUpIcon";
+        IconMap["AtmIcon"] = "AtmIcon";
+        IconMap["BankIcon"] = "BankIcon";
+        IconMap["BurgerIcon"] = "BurgerIcon";
+        IconMap["Calendar2Icon"] = "Calendar2Icon";
+        IconMap["CalendarCircleIcon"] = "CalendarCircleIcon";
+        IconMap["CalendarIcon"] = "CalendarIcon";
+        IconMap["CalendarTickIcon"] = "CalendarTickIcon";
+        IconMap["CardIcon"] = "CardIcon";
+        IconMap["CardPosIcon"] = "CardPosIcon";
+        IconMap["CardTickIcon"] = "CardTickIcon";
+        IconMap["CardWithGemIcon"] = "CardWithGemIcon";
+        IconMap["CarIcon"] = "CarIcon";
+        IconMap["ChartSquareIcon"] = "ChartSquareIcon";
+        IconMap["CinemaIcon"] = "CinemaIcon";
+        IconMap["ClockIcon"] = "ClockIcon";
+        IconMap["CloseIcon"] = "CloseIcon";
+        IconMap["ComfortableCompIcon"] = "ComfortableCompIcon";
+        IconMap["CreditCardsIcon"] = "CreditCardsIcon";
+        IconMap["DiscountShapeIcon"] = "DiscountShapeIcon";
+        IconMap["DocIcon"] = "DocIcon";
+        IconMap["DocIconMonoColor"] = "DocIconMonoColor";
+        IconMap["DocsIcon"] = "DocsIcon";
+        IconMap["DocumentTextIcon"] = "DocumentTextIcon";
+        IconMap["DollarIcon"] = "DollarIcon";
+        IconMap["DoneIcon"] = "DoneIcon";
+        IconMap["EarthIcon"] = "EarthIcon";
+        IconMap["EmptyWalletChangeIcon"] = "EmptyWalletChangeIcon";
+        IconMap["EmptyWalletIcon"] = "EmptyWalletIcon";
+        IconMap["EuroIcon"] = "EuroIcon";
+        IconMap["GeolocationIcon"] = "GeolocationIcon";
+        IconMap["GlassIcon"] = "GlassIcon";
+        IconMap["GlobalIcon"] = "GlobalIcon";
+        IconMap["GpsIcon"] = "GpsIcon";
+        IconMap["GridIcon"] = "GridIcon";
+        IconMap["InterestGrowthIcon"] = "InterestGrowthIcon";
+        IconMap["InterestIcon"] = "InterestIcon";
+        IconMap["JCBIcon"] = "JCBIcon";
+        IconMap["Logo"] = "Logo";
+        IconMap["LoupeIcon"] = "LoupeIcon";
+        IconMap["MasterCardIcon"] = "MasterCardIcon";
+        IconMap["MinusIcon"] = "MinusIcon";
+        IconMap["MirIcon"] = "MirIcon";
+        IconMap["MoneyIcon"] = "MoneyIcon";
+        IconMap["MoneyInsuranceIcon"] = "MoneyInsuranceIcon";
+        IconMap["MonitorMobileIcon"] = "MonitorMobileIcon";
+        IconMap["NewDocIcon"] = "NewDocIcon";
+        IconMap["OfficeIcon"] = "OfficeIcon";
+        IconMap["OkIcon"] = "OkIcon";
+        IconMap["PackA4"] = "PackA4";
+        IconMap["PassSendIcon"] = "PassSendIcon";
+        IconMap["PercentageRoundIcon"] = "PercentageRoundIcon";
+        IconMap["PercentageSquareIcon"] = "PercentageSquareIcon";
+        IconMap["PersonalCardIcon"] = "PersonalCardIcon";
+        IconMap["PlayMarketIcon"] = "PlayMarketIcon";
+        IconMap["PlusIcon"] = "PlusIcon";
+        IconMap["PowerIcon"] = "PowerIcon";
+        IconMap["Profile2UserIcon"] = "Profile2UserIcon";
+        IconMap["ProfileIcon"] = "ProfileIcon";
+        IconMap["PumpkinIcon"] = "PumpkinIcon";
+        IconMap["RoundRubleIcon"] = "RoundRubleIcon";
+        IconMap["SafeIcon"] = "SafeIcon";
+        IconMap["ShieldTickIcon"] = "ShieldTickIcon";
+        IconMap["SignDocsIcon"] = "SignDocsIcon";
+        IconMap["SmallClockIcon"] = "SmallClockIcon";
+        IconMap["SoundIcon"] = "SoundIcon";
+        IconMap["StateMortgageIcon"] = "StateMortgageIcon";
+        IconMap["TelegramIcon"] = "TelegramIcon";
+        IconMap["UnionPayIcon"] = "UnionPayIcon";
+        IconMap["UserTickIcon"] = "UserTickIcon";
+        IconMap["VisaIcon"] = "VisaIcon";
+        IconMap["VKIcon"] = "VKIcon";
+        IconMap["WalletAdd2Icon"] = "WalletAdd2Icon";
+        IconMap["WalletAddIcon"] = "WalletAddIcon";
+        IconMap["WalletIcon"] = "WalletIcon";
+        IconMap["WalletWithMoneyIcon"] = "WalletWithMoneyIcon";
+        IconMap["WateringCan"] = "WateringCan";
+    })(IconMap || (IconMap = {}));
+    var IconTitleMap;
+    (function (IconTitleMap) {
+        IconTitleMap["ActualBalanceIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
+        IconTitleMap["AirPlane"] = "\u0421\u0430\u043C\u043E\u043B\u0435\u0442";
+        IconTitleMap["AppleIcon"] = "\u041B\u043E\u0433\u043E \u00ABApple\u00BB";
+        IconTitleMap["ArrowDownIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043D\u0438\u0437'";
+        IconTitleMap["ArrowLeftIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430";
+        IconTitleMap["ArrowUpIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u0432\u0435\u0440\u0445";
+        IconTitleMap["AtmIcon"] = "\u0411\u0430\u043D\u043A\u043E\u043C\u0430\u0442";
+        IconTitleMap["BankIcon"] = "\u0411\u0430\u043D\u043A";
+        IconTitleMap["BurgerIcon"] = "\u0411\u0443\u0440\u0433\u0435\u0440";
+        IconTitleMap["Calendar2Icon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C 2";
+        IconTitleMap["CalendarCircleIcon"] = "\u0421\u043A\u0440\u0443\u0433\u043B\u0451\u043D\u043D\u044B\u0439 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
+        IconTitleMap["CalendarIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
+        IconTitleMap["CalendarTickIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
+        IconTitleMap["CardIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430";
+        IconTitleMap["CardPosIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u043F\u043E\u0434 \u043D\u0430\u043A\u043B\u043E\u043D\u043E\u043C";
+        IconTitleMap["CardTickIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
+        IconTitleMap["CardWithGemIcon"] = "\u041A\u0430\u0440\u0442\u0430 \u0441 \u0434\u0440\u0430\u0433\u043E\u0446\u0435\u043D\u043D\u043E\u0441\u0442\u044F\u043C\u0438";
+        IconTitleMap["CarIcon"] = "\u041C\u0430\u0448\u0438\u043D\u0430";
+        IconTitleMap["ChartSquareIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430";
+        IconTitleMap["CinemaIcon"] = "\u041A\u0438\u043D\u043E";
+        IconTitleMap["ClockIcon"] = "\u0427\u0430\u0441\u044B";
+        IconTitleMap["CloseIcon"] = "\u041A\u0440\u0435\u0441\u0442\u0438\u043A";
+        IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
+        IconTitleMap["CreditCardsIcon"] = "\u041A\u0440\u0435\u0434\u0438\u0442\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B";
+        IconTitleMap["DiscountShapeIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
+        IconTitleMap["DocIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
+        IconTitleMap["DocIconMonoColor"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 (\u043E\u0434\u043D\u043E\u0446\u0432\u0435\u0442\u043D\u044B\u0439)";
+        IconTitleMap["DocsIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
+        IconTitleMap["DocumentTextIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C";
+        IconTitleMap["DollarIcon"] = "\u0414\u043E\u043B\u043B\u0430\u0440";
+        IconTitleMap["DoneIcon"] = "\u0417\u0435\u043B\u0451\u043D\u0430\u044F '\u0433\u0430\u043B\u043E\u0447\u043A\u0430'";
+        IconTitleMap["EarthIcon"] = "\u0417\u0435\u043C\u043B\u044F";
+        IconTitleMap["EmptyWalletChangeIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043E\u043C";
+        IconTitleMap["EmptyWalletIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A";
+        IconTitleMap["EuroIcon"] = "\u0415\u0432\u0440\u043E";
+        IconTitleMap["GeolocationIcon"] = "\u0413\u0435\u043E\u043B\u043E\u043A\u0430\u0446\u0438\u044F";
+        IconTitleMap["GlassIcon"] = "\u0417\u0435\u0440\u043A\u0430\u043B\u043E";
+        IconTitleMap["GlobalIcon"] = "\u0413\u043B\u043E\u0431\u0443\u0441";
+        IconTitleMap["GpsIcon"] = "Gps";
+        IconTitleMap["GridIcon"] = "\u0421\u0435\u0442\u043A\u0430 (\u0431\u0435\u043B\u0430\u044F)";
+        IconTitleMap["InterestGrowthIcon"] = "\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u043E\u0441\u0442\u0430";
+        IconTitleMap["InterestIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
+        IconTitleMap["JCBIcon"] = "JCB";
+        IconTitleMap["Logo"] = "Logo";
+        IconTitleMap["LoupeIcon"] = "\u041B\u0443\u043F\u0430";
+        IconTitleMap["MasterCardIcon"] = "MasterCard";
+        IconTitleMap["MinusIcon"] = "\u041C\u0438\u043D\u0443\u0441";
+        IconTitleMap["MirIcon"] = "\u041C\u0418\u0420";
+        IconTitleMap["MoneyIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
+        IconTitleMap["MoneyInsuranceIcon"] = "\u0414\u0435\u043D\u0435\u0436\u043D\u043E\u0435 \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435";
+        IconTitleMap["MonitorMobileIcon"] = "\u041C\u043E\u043D\u0438\u0442\u043E\u0440 \u0438 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439";
+        IconTitleMap["NewDocIcon"] = "\u041D\u043E\u0432\u044B\u0439 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
+        IconTitleMap["OfficeIcon"] = "\u041E\u0444\u0438\u0441";
+        IconTitleMap["OkIcon"] = "\u041B\u043E\u0433\u043E \u00AB\u041E\u0434\u043D\u043E\u043A\u043B\u0430\u0441\u0441\u043D\u0438\u043A\u0438\u00BB";
+        IconTitleMap["PackA4"] = "PackA4";
+        IconTitleMap["PassSendIcon"] = "\u0411\u0438\u0437\u043D\u0435\u0441";
+        IconTitleMap["PercentageRoundIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B (\u043A\u0440\u0443\u0433.)";
+        IconTitleMap["PercentageSquareIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B";
+        IconTitleMap["PersonalCardIcon"] = "\u041F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u0430\u044F \u043A\u0430\u0440\u0442\u0430";
+        IconTitleMap["PlayMarketIcon"] = "\u041B\u043E\u0433\u043E \u00ABPlayMarket\u00BB";
+        IconTitleMap["PlusIcon"] = "\u041F\u043B\u044E\u0441";
+        IconTitleMap["PowerIcon"] = "\u0429\u0438\u0442";
+        IconTitleMap["Profile2UserIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C, 2 \u043F\u0435\u0440\u0441\u043E\u043D\u044B";
+        IconTitleMap["ProfileIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C";
+        IconTitleMap["PumpkinIcon"] = "\u0422\u044B\u043A\u0432\u0430";
+        IconTitleMap["RoundRubleIcon"] = "\u0420\u0443\u0431\u043B\u044C (\u043A\u0440\u0443\u0433.)";
+        IconTitleMap["SafeIcon"] = "\u0421\u0435\u0439\u0444";
+        IconTitleMap["ShieldTickIcon"] = "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C";
+        IconTitleMap["SignDocsIcon"] = "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u043D\u044B\u0435 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
+        IconTitleMap["SmallClockIcon"] = "\u041C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0435 \u0447\u0430\u0441\u044B";
+        IconTitleMap["SoundIcon"] = "\u0417\u0432\u0443\u043A";
+        IconTitleMap["StateMortgageIcon"] = "StateMortgageIcon";
+        IconTitleMap["TelegramIcon"] = "\u041B\u043E\u0433\u043E \u00ABTelegram\u00BB";
+        IconTitleMap["UnionPayIcon"] = "UnionPay";
+        IconTitleMap["UserTickIcon"] = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C";
+        IconTitleMap["VisaIcon"] = "Visa";
+        IconTitleMap["VKIcon"] = "\u041B\u043E\u0433\u043E \u00ABVK\u00BB";
+        IconTitleMap["WalletAdd2Icon"] = "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043A\u0430\u0440\u0442\u044B";
+        IconTitleMap["WalletAddIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u043F\u043B\u044E\u0441\u043E\u043C";
+        IconTitleMap["WalletIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A";
+        IconTitleMap["WalletWithMoneyIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0434\u0435\u043D\u044C\u0433\u0430\u043C\u0438";
+        IconTitleMap["WateringCan"] = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u0434\u0443\u043A\u0442";
+    })(IconTitleMap || (IconTitleMap = {}));
+
+    const projectSettings = new (class {
+        _ = {
+            PROD_BRANCH: 'master',
+            FORCED_DRAFT_FLOW: false,
+        };
+        setup(_) {
+            this._ = _;
+        }
+        get TEST_BRANCH() {
+            return this._.TEST_BRANCH;
+        }
+        get RC_BRANCH() {
+            return this._.RC_BRANCH;
+        }
+        get PROD_BRANCH() {
+            return this._.PROD_BRANCH;
+        }
+        get FORCED_DRAFT_FLOW() {
+            return this._.FORCED_DRAFT_FLOW;
+        }
+        get ENABLE_ASSIST() {
+            return this._.ENABLE_ASSIST;
+        }
+        get SITEMAP() {
+            return this._.SITEMAP;
+        }
+        get CDN() {
+            return this._.CDN;
+        }
+    })();
+
+    const svgUseStyleMap = {
+        normal: 'text-primary-main',
+        black: 'text-black',
+        white: 'text-black invert',
+    };
+    const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, iconVersion = 'normal', asSVG, ...imgProps }) => {
+        const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
+        if (asSVG) {
+            return (jsxs("svg", { className: className, ...imgProps, "aria-hidden": "true", children: [title ? jsx("title", { children: title }) : null, alt ? jsx("desc", { children: alt }) : null, jsx("use", { className: `${svgUseStyleMap[iconVersion]} ${imageClassName}`, href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
+        }
+        return (jsx("img", { className: className, src: href, alt: alt, title: title, ...imgProps, "aria-hidden": "true" }));
+    });
+
+    function getIconVersion(image) {
+        return typeof image === 'string' ? 'normal' : image.iconVersion || 'normal';
+    }
+
+    const sourcesComparator = (a, b) => {
+        if (a.media && b.media) {
+            return a.media - b.media;
+        }
+        return 0;
+    };
+    const ImgAsPicture = JSX(({ className = '', image, imageClassName = '', isMobile = false }) => {
+        if (!image || (!image?.sources && !image?.src)) {
+            return null;
+        }
+        const pictureStyles = isMobile ? 'flex' : 'flex-none';
+        return (jsxs("picture", { className: `${pictureStyles} ${className}`, children: [image?.sources?.length
+                    ? image.sources
+                        .sort(sourcesComparator)
+                        .map(({ src, format, media, size }, index) => (jsx("source", { srcSet: src, type: formatToMimeType(format), media: media ? `(max-width: ${media}px)` : '', ...size }, `${index}_${src}`)))
+                    : null, renderImg(image, imageClassName, isMobile)] }));
+    });
+    const renderImg = (image, imageClassName = '', isMobile = false) => {
+        const title = image.title || '';
+        const alt = image.alt || image.title;
+        const imgStyle = isMobile ? 'm-auto' : 'm-0';
+        return (jsx("img", { src: image.src, className: `${imgStyle} ${imageClassName}`, alt: alt, title: title, ...image.size }));
+    };
+    function formatToMimeType(format) {
+        return format ? `image/${String(format)}` : undefined;
+    }
+
+    const ImgInner = JSX(({ className = '', image, imageClassName = '', isMobile, ...iconProps }) => {
+        if (!image) {
+            return null;
+        }
+        // backwards compatibility with existing icons in usage
+        const icon = typeof image === 'string' ? image : image.icon;
+        if (icon || icon === '') {
+            return icon.length ? (jsx(Icon, { className: className, imageClassName: imageClassName, iconVersion: getIconVersion(image), name: icon, ...iconProps })) : null;
+        }
+        return (jsx(ImgAsPicture, { className: className, imageClassName: imageClassName, image: image, isMobile: isMobile }));
+    });
+
+    const Img = JSX(({ className = '', image, imageClassName, ...iconProps }) => {
+        return (jsx(ImgInner, { className: className, image: image, imageClassName: imageClassName, ...iconProps, isMobile: true }));
+    });
+
+    function style2className(style) {
+        return style ? style.filter(Boolean).join(' ') : '';
+    }
+
+    const ALIGN_TEXT = {
+        left: 'text-left',
+        center: 'text-center',
+        right: 'text-right',
+    };
+    const HEADLINE_BLOCK_STYLE_MAPS = {
+        transparent: {
+            background: 'bg-transparent',
+            text: 'text-primary-text',
+            description: 'text-primary-text',
+        },
+        primary: {
+            background: 'bg-white',
+            text: 'text-primary-text',
+            description: 'text-primary-text',
+        },
+        secondary: {
+            background: 'bg-primary-main',
+            text: 'text-white',
+            description: 'text-white/80',
+        },
+    };
+
+    const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
+        const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
+        return (jsxs("section", { className: `px-4 py-6 flex flex-col gap-2.5 ${STYLE_MAPS.background} ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })) : null, description ? (jsx("p", { className: `text-m ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}`, children: description })) : null, image?.src && (jsx("div", { className: "mt-2.5 mx-auto flex justify-center", children: jsx(Img, { image: image }) }))] }));
+    });
+
+    // column-gap between children of SwipeListControl container
+    const DEFAULT_GAP = 14;
+    /*
+      Horizontal padding used on a container above SwipeListControl.
+      Same value used on a SwipeListControlChildren container to compensate it
+      and get rid of a clipping effect caused by overflow: hidden.
+     */
+    const DEFAULT_PADDING = 16;
+    // Classes used to compensate outer container padding, so that child elements won't be clipped
+
+    const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
+    const BASE_DOT_WIDTH = 6;
+    const ACTIVE_DOT_WIDTH_CHANGE = 16;
+    const BASE_DOT_OPACITY = 0.3;
+    const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
+    const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
+        const handleClick = (idx) => (e) => {
+            if (idx === activeIndex) {
+                return;
+            }
+            const contentContainer = e.currentTarget.parentElement
+                ?.previousElementSibling;
+            contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+        };
+        return showDots && children?.length ? (jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (jsx("div", { onClick: handleClick(idx), className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    });
+    const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
+        if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
+            return;
+        }
+        const leftIndexMod = 1 - indexFraction;
+        const rightIndexMod = indexFraction;
+        return currentIdx === activeIndex
+            ? {
+                opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
+                width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
+            }
+            : {
+                opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
+                width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
+            };
+    };
+
+    const SwipeListControlItem = JSX(({ className = '', children, ...rest }) => {
+        return (jsx("div", { className: `snap-center snap-always min-w-full box-border ${className}`, role: "listitem", ...rest, children: children }));
+    });
+
+    // styles used to compensate outer container padding to get rid of clipping effect
+    const getContainerStyle = (padding) => {
+        return {
+            marginLeft: `${-padding}px`,
+            marginRight: `${-padding}px`,
+            paddingLeft: `${padding}px`,
+            paddingRight: `${padding}px`,
+        };
+    };
+
+    const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
+        return (jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (jsx(SwipeListControlItem, { children: children })) }));
+    });
+
+    /*
+      Returns object containing whole index part, and it's decimal part for a given
+      scrollLeft value of a container and an array of tuple containing values of a
+      start and end boundaries of a scrollable child, right boundary non-inclusive.
+      Returns object with index equal -1 and fraction equal 0 if scrollLeft is outside given scrollPoints
+     */
+    const getIndexParts = (scrollLeft, scrollPoints) => {
+        const index = scrollPoints.findIndex(([pointStart, pointEnd]) => pointStart <= scrollLeft && scrollLeft < pointEnd);
+        if (index < 0) {
+            return { index, fraction: 0 };
+        }
+        const [start, end] = scrollPoints[index];
+        const fraction = (scrollLeft - start) / (end - start);
+        return { index, fraction };
+    };
+
+    /*
+     Calculates array of breakpoints for each scrollable element in container.
+     Returns array of tuples consisting of [start, end] boundary scrollLeft values.
+    */
+    const getScrollPoints = ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }) => {
+        const scrollableDistance = scrollWidth - clientWidth;
+        if (childElementCount === 2) {
+            return [
+                [0, scrollableDistance],
+                [scrollableDistance, scrollWidth],
+            ];
+        }
+        const scrollItemWidth = itemWidth + gap;
+        const edgeScrollDistance = clientWidth - gap - padding;
+        const lastScrollableIdx = childElementCount - 2;
+        const scrollPoints = new Array(childElementCount)
+            .fill(0)
+            .map((_, idx) => idx === 0 || idx === lastScrollableIdx
+            ? [
+                idx > 0 ? scrollableDistance - edgeScrollDistance : 0,
+                idx > 0 ? scrollableDistance : edgeScrollDistance,
+            ]
+            : [
+                (idx - 1) * scrollItemWidth + edgeScrollDistance,
+                idx * scrollItemWidth + edgeScrollDistance,
+            ]);
+        scrollPoints[childElementCount - 1] = [scrollableDistance, scrollWidth];
+        return scrollPoints;
+    };
+
+    const SwipeListControl = JSX(({ className, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
+        const [activeIndex, setActiveIndex] = useState(0);
+        const [indexFraction, setIndexFraction] = useState(0);
+        const dotsProps = {
+            activeIndex,
+            indexFraction,
+            showDots,
+            children,
+        };
+        const handleScroll = (e) => {
+            const { scrollLeft, clientWidth, childElementCount, scrollWidth, children: childrenCollection, } = e?.currentTarget;
+            // horizontal PADDING / 2 to compensate padding-margin combo of child container
+            // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
+            const itemWidth = childrenCollection[0].offsetWidth - padding / 2;
+            const scrollPoints = getScrollPoints({
+                gap,
+                padding,
+                clientWidth,
+                scrollWidth,
+                childElementCount,
+                itemWidth,
+            });
+            const { index, fraction } = getIndexParts(scrollLeft, scrollPoints);
+            if (index !== activeIndex && onSlideChange) {
+                onSlideChange();
+            }
+            setActiveIndex(index);
+            setIndexFraction(fraction);
+        };
+        return (jsxs("div", { className: className, children: [jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), jsx(SwipeListControlDots, { ...dotsProps })] }));
+    });
+
+    const LinkDocsListItemBase = JSX(({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
+        const { text, fileSize, ...linkProps } = doc;
+        return (jsxs("a", { className: className, role: "link", ...linkProps, children: [icon ? (jsx(Img, { className: iconClassName, image: icon, width: "24px", height: "24px", asSVG: true })) : null, text ? (jsxs("span", { className: textClassName, children: [text, jsx("span", { className: suffixClassName, children: linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize) })] })) : null] }));
+    });
+    const formatSuffix = (ext, fileSize) => {
+        const prefix = ext || fileSize ? ',' : '';
+        const extension = ext ? ` ${ext}` : '';
+        const size = fileSize ? ` (${fileSize})` : '';
+        return prefix + extension + size;
+    };
+    const getExtFromHref = (href) => {
+        if (!href) {
+            return '';
+        }
+        const index = href.lastIndexOf('.');
+        return index !== -1 ? href.substring(index + 1) : '';
+    };
+
+    const LinkDocsListItem = JSX(({ className = '', doc, icon }) => (jsx(LinkDocsListItemBase, { className: `flex h-full box-border ${className}`, iconClassName: "mr-3 min-w-6 min-h-6", doc: doc, icon: icon })));
+
+    const LinkDocsHorizontalList = JSX(({ context, hasBorder = true, documents, icon }) => {
+        return (jsx(SwipeListControl, { context: context, className: "text-s text-primary-main mt-5", children: documents?.length
+                ? documents.map((doc, i) => (jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
+                : null }));
+    });
+
+    const LinkDocsVerticalList = JSX(({ hasBorder = true, documents, icon }) => {
+        return (jsx("div", { className: `text-s text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
+                ? documents.map((doc, i) => (jsx("div", { role: "listitem", children: jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }) }, String(i))))
+                : null }));
+    });
+
+    const LinkDocs = JSX(({ className = '', context, title, description, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
+        return (jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [jsx(Headline, { className: `!p-0 ${description ? 'gap-2' : 'gap-5'}`, title: title, description: description, context: context, align: "center" }), orientation === 'vertical' ? (jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
+    });
+
+    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;
+    };
+    const getHash = (href) => {
+        if (!href || !isURL(href)) {
+            return undefined;
+        }
+        const hashIndex = href.indexOf('#');
+        return hashIndex !== -1 ? href.substring(hashIndex, href.length) : undefined;
+    };
+    const isHash = (href) => href?.startsWith('#');
+
+    var url = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        isURL: isURL,
+        withoutQuery: withoutQuery,
+        getOrigin: getOrigin,
+        getHash: getHash,
+        isHash: isHash
+    });
+
+    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,
+            'aria-label': 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((props) => {
+        const { text, aboveText, appendLeft, appendRight } = props;
+        return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-xs-light text-left", children: aboveText }), jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`, children: text })] })) : null, appendRight ? appendRight : null] }));
+    });
+    const getButtonStyle = (props) => {
+        const { version, aboveText, rounded } = props;
+        if (version === 'link') {
+            return '';
+        }
+        const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
+        return [
+            'flex items-center justify-center',
+            isWithText(props) ? withTextStyle : 'h-12 w-12',
+            rounded ? 'rounded-full' : '',
+        ].join(' ');
+    };
+    const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
+
+    const buttonStyleMap = {
+        primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+        secondary: 'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-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 focus:border focus:border-primary-focus ${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 && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => renderButton$2(useLink({ router, handlerDecorator }, button), index)) })) : null;
+    });
+    function renderButton$2({ icon, iconRight, ...button }, i) {
+        if (!button?.text) {
+            return null;
+        }
+        return icon ? (jsx(Button, { appendLeft: jsx(Img, { image: icon, width: "24", height: "24", asSVG: true }), appendRight: jsx(Img, { image: iconRight, width: "24", height: "24", asSVG: true }), ...button }, String(i))) : (jsx(Button, { ...button }, String(i)));
+    }
+
+    const LIST_STYLE_CLASSES = {
+        primary: 'rounded-full inline-block mr-3 mt-2',
+        secondary: 'rounded-full inline-block mr-3 mt-2',
+        gray: 'rounded-full inline-block mr-3 mt-2',
+        tile: 'rounded-full inline-block mr-4 mt-3',
+        'tile-white': 'rounded-full inline-block mr-4 mt-3',
+    };
+    const LIST_DOT_STYLE_MAP = {
+        primary: 'bg-primary-text',
+        secondary: 'bg-white',
+        gray: 'bg-secondary-text',
+        tile: 'bg-black',
+        'tile-white': 'bg-white',
+    };
+    const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary' }) => {
+        return (jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { children: children })] }));
+    });
+    const getListStyle = (version) => {
+        const size = {
+            primary: 'w-2 h-2 min-w-2 min-h-2',
+            secondary: 'w-2 h-2 min-w-2 min-h-2',
+            gray: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5',
+            tile: 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
+            'tile-white': 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
+        };
+        return `${LIST_STYLE_CLASSES[version]} ${LIST_DOT_STYLE_MAP[version]} ${size[version]}`;
+    };
+
+    const TEXT_STYLE_MAP = {
+        primary: 'text-primary-text',
+        secondary: 'text-white',
+        gray: 'text-secondary-text',
+        tile: 'text-primary-text',
+        'tile-white': 'text-white',
+    };
+    const List = JSX((props) => {
+        const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
+        return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${className}`, role: "list", children: items?.length
+                ? items.map((_, i) => (jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
+                : null }));
+    });
+
+    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 w-full", children: [jsx("div", { children: children }), buttons ? jsx("div", { children: buttons }) : null] }), image] })] }));
+    });
+
+    const benefitTitleStyleMap = {
+        primary: 'text-primary-text',
+        secondary: 'text-white',
+    };
+    const benefitDescStyleMap = {
+        primary: 'text-secondary-text',
+        secondary: 'text-white',
+    };
+    function renderBenefit({ benefit, version = 'primary' }, i) {
+        const isIconWhite = version === 'secondary';
+        return (jsxs("div", { className: "flex gap-3 items-center mb-2.5 last:mb-0", children: [benefit.icon ? (jsx(Img, { className: renderBenefitIconBgStyle(version), image: { ...benefit?.icon, iconVersion: isIconWhite ? 'white' : 'normal' }, width: "24", height: "24", asSVG: true })) : null, jsx("div", { className: `text-l m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && (jsx("div", { className: `text-s ${benefitDescStyleMap[version]}`, children: benefit.description }))] }, String(i)));
+    }
+    function renderBenefitIconBgStyle(version) {
+        let bgColorStyle = 'text-primary-main';
+        if (version === 'secondary') {
+            bgColorStyle = 'text-black';
+        }
+        return `w-6 h-6 rounded-full box-border ${bgColorStyle}`;
+    }
+
+    const ProductBlockInner = JSX(({ className = '', context, title, headlineVersion = 'L', description, benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, }) => {
+        return (jsxs("div", { className: `w-full ${className}`, children: [jsxs("div", { children: [label ? renderLabel(label, version) : null, jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, bgColorHeadline: version, headlineVersion: headlineVersion }), jsxs(BaseTile, { context: context, buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [benefits?.filter((_) => _.label)?.length ? (jsx("div", { className: "mt-3", children: benefits.map((benefit, i) => renderBenefit({ benefit, version, benefitsVersion }, i)) })) : null, items?.length ? (jsx(List, { className: "mt-3 text-m", items: items, version: version, isDotted: isDotted })) : null] })] }), renderImage$1(image)] }));
+    });
+    function renderImage$1(image) {
+        return image?.src ? (jsx(Img, { imageClassName: "mt-5 mx-auto block", image: { className: 'block', ...image } })) : null;
+    }
+    const labelStyleMap = {
+        primary: 'text-primary-main border-secondary-hover',
+        secondary: 'text-white/80',
+    };
+    const renderLabel = (label, version) => (jsx("div", { className: `px-2.5 py-1.5 mb-5 rounded-md border-2 border-solid w-fit ${labelStyleMap[version]}`, children: label }));
+
+    const productBlockStyleMap = {
+        primary: 'bg-white text-primary-text',
+        secondary: 'bg-primary-main text-white',
+    };
+    const ProductBlock = JSX((props /* Get rid of image and benefits */) => {
+        const { className = '', version = 'primary' } = props;
+        return (jsx("section", { className: `font-sans bg-white px-4 py-6 ${productBlockStyleMap[version]} ${className}`, children: jsx(ProductBlockInner, { ...props }) }));
+    });
+
+    const textBlockStyleMaps = {
+        primary: {
+            background: 'bg-white',
+            icon: 'bg-primary-main text-white',
+            title: 'text-primary-text',
+            description: 'text-secondary-text',
+        },
+        secondary: {
+            background: 'bg-primary-main',
+            icon: 'bg-white text-primary-main',
+            title: 'text-white',
+            description: 'text-white',
+        },
+        'secondary-light': {
+            background: 'bg-primary-main/10',
+            icon: 'bg-primary-main text-white',
+            title: 'text-primary-text',
+            description: 'text-secondary-text',
+        },
+    };
+    const TextBlock = JSX(({ title, description, blockVersion = 'primary', iconVersion, image, className = '', items, isDotted = true, }) => {
+        const textBlockStyleMap = textBlockStyleMaps[blockVersion];
+        const listBlockVersion = blockVersion === 'secondary' ? 'secondary' : 'gray';
+        return (jsxs("section", { className: `font-sans px-4 py-[18px] flex flex-col ${textBlockStyleMap.background} ${className}`, children: [iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion === 'big' ? renderImage(image) : null, jsxs("div", { className: "py-0.5", children: [title ? (jsx("div", { className: `text-l font-medium mb-1 ${textBlockStyleMap.title}`, children: title })) : null, description ? (jsx("div", { className: `text-s ${textBlockStyleMap.description}`, children: description })) : null, items?.length ? (jsx(List, { className: "mt-1 text-m", items: items, isDotted: isDotted, version: listBlockVersion })) : null] })] }));
+    });
+    function renderIcon(className) {
+        return (jsx("div", { className: "mb-3", children: jsx("div", { className: `rounded-full h-4 w-4 text-center text-xs-light ${className}`, children: "i" }) }));
+    }
+    function renderImage(image) {
+        return image?.src ? jsx(Img, { className: "pb-3 mr-auto", image: image }) : null;
+    }
+
+    const blockStyle = {
+        primary: 'bg-white',
+        secondary: 'bg-primary-main text-white',
+    };
+    const Gallery = JSX(({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
+        const headingClassName = description ? 'mb-2' : 'mb-5';
+        return (jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (jsx(Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? (jsx("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards, context)] }));
+    });
+    function renderCardsLayout(orientation, cards, context) {
+        return orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, children: cards?.map(renderCard) })) : (jsx("div", { className: "grid gap-[14px]", children: cards?.map(renderCard) }));
+    }
+    function renderCard(card, key) {
+        return (jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
       ${blockStyle[card.version ?? 'primary']}`, children: [jsxs("div", { children: [card.image?.src ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton$1(card.button) : null] }, key));
-  }
-  function renderButton$1(button) {
-      return (jsx(Button, { className: "mt-3", appendLeft: button?.icon && jsx(Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
-  }
-  function renderDescription(card) {
-      return (jsx("div", { className: `text-secondary-text mt-1 text-s ${card.version === 'secondary' ? 'text-white opacity-80' : ''}`, children: card.description }));
-  }
-  function renderItems(items, isDotted, version = 'primary') {
-      return (jsx("section", { className: "mt-3", children: items.map((item, i) => (jsxs("div", { children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { className: "text-m font-medium", children: item.title }), jsx("span", { className: `text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
-  }
-
-  class EventBus {
-      static inst = new EventBus();
-      subscribers = {};
-      subjectsStateMap = {};
-      subscribe(type, listener) {
-          this.subscribers[type] ||= [];
-          this.subscribers[type]?.push(listener);
-          const latestEvent = this.subjectsStateMap[type];
-          if (latestEvent) {
-              listener(latestEvent);
-          }
-          return () => {
-              this.unsubscribe(type, listener);
-          };
-      }
-      unsubscribe(type, listener) {
-          this.subscribers[type] = this.subscribers[type]?.filter((s) => s !== listener);
-      }
-      fire(type, event) {
-          this.subjectsStateMap[type] = event;
-          this.subscribers[type]?.forEach((s) => s(event));
-      }
-      subject(type, event) {
-          this.subjectsStateMap[type] = event;
-      }
-  }
-
-  const changeHashOnObserve = (entries) => {
-      if (!entries.length) {
-          return;
-      }
-      const [entry] = entries;
-      if (entry.isIntersecting) ;
-  };
-
-  const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section', labels }) => {
-      const Tag = tag;
-      const { IntersectionObserverTag } = context;
-      const [shouldRenderBlock, setShouldRenderBlock] = context.useState(true);
-      context.useEffect(() => EventBus.inst.subscribe('tab', (event) => {
-          setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
-      }), [labels]);
-      if (!shouldRenderBlock) {
-          return null;
-      }
-      return anchor ? (jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: changeHashOnObserve, observerOptions: { threshold: 1 }, anchor: anchor, children: children })) : (jsx(Tag, { className: className, children: children }));
-  });
-
-  const LinkList = JSX(({ className = '', documents, ...rest }) => {
-      return (jsx(BlockWrapper, { className: `font-sans bg-white mt-[10px] ${className}`, ...rest, children: jsx("ul", { className: "flex flex-col text-s text-secondary-text p-0", children: documents?.length ? renderLinkListItem(documents) : null }) }));
-  });
-  const renderLinkListItem = (documents) => {
-      return documents.map((doc, i) => {
-          const { text, ...linkProps } = doc;
-          return (jsx("li", { className: "mb-4 list-none", children: jsx("a", { className: "hover:text-primary-main", role: "link", ...linkProps, children: text ? text : null }) }, `list_item_${String(i)}`));
-      });
-  };
-
-  const EmbeddableBlocks = {
-      Headline,
-      LinkDocs,
-      TextBlock,
-      ProductBlock,
-      Gallery,
-      LinkList,
-  };
-
-  const renderBlocksList = ({ blocks, context, className = '' }) => blocks?.length ? blocks.map(renderBlock$1({ context, className })) : null;
-  const renderBlock$1 = ({ context, className }) => (block, i) => {
-      if (!block) {
-          return null;
-      }
-      const { style, blockListType: type, ...rest } = block;
-      if (!type || !(type in EmbeddableBlocks)) {
-          return null;
-      }
-      const classNameBlock = style2className(style);
-      const EmbeddedBlock = EmbeddableBlocks[type];
-      return (jsx(EmbeddedBlock, { className: `${className} ${classNameBlock}`, context: context, ...rest }, `block_${i}`));
-  };
-
-  const AccordionItemInner = JSX(({ blocks, context }) => {
-      return (jsx("div", { className: "flex flex-wrap transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0", children: renderBlocksList({ context, blocks, className: '!px-0' }) }));
-  });
-
-  const useActiveHandler = ({ context, blocks, initialState = false }) => {
-      const [isActive, setIsActive] = context.useState(initialState);
-      const hasContent = blocks?.length;
-      const icon = isActive ? 'MinusIcon' : 'PlusIcon';
-      const handleToggle = (e) => {
-          const currentTarget = e.currentTarget;
-          if (!currentTarget) {
-              return;
-          }
-          setIsActive(!isActive);
-          const contentBlock = currentTarget.nextSibling;
-          contentBlock.style.maxHeight = contentBlock.style.maxHeight
-              ? ''
-              : `${contentBlock.scrollHeight}px`;
-      };
-      return { isActive, hasContent, icon, handleToggle };
-  };
-
-  const AccordionItem = JSX(({ label, labelIcon, blocks, bordered, context }) => {
-      const { hasContent, icon, handleToggle } = useActiveHandler({
-          context,
-          blocks,
-      });
-      return (jsxs("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: [jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
+    }
+    function renderButton$1(button) {
+        return (jsx(Button, { className: "mt-3", appendLeft: button?.icon && jsx(Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
+    }
+    function renderDescription(card) {
+        return (jsx("div", { className: `text-secondary-text mt-1 text-s ${card.version === 'secondary' ? 'text-white opacity-80' : ''}`, children: card.description }));
+    }
+    function renderItems(items, isDotted, version = 'primary') {
+        return (jsx("section", { className: "mt-3", children: items.map((item, i) => (jsxs("div", { children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { className: "text-m font-medium", children: item.title }), jsx("span", { className: `text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
+    }
+
+    class EventBus {
+        static inst = new EventBus();
+        subscribers = {};
+        subjectsStateMap = {};
+        subscribe(type, listener) {
+            this.subscribers[type] ||= [];
+            this.subscribers[type]?.push(listener);
+            const latestEvent = this.subjectsStateMap[type];
+            if (latestEvent) {
+                listener(latestEvent);
+            }
+            return () => {
+                this.unsubscribe(type, listener);
+            };
+        }
+        unsubscribe(type, listener) {
+            this.subscribers[type] = this.subscribers[type]?.filter((s) => s !== listener);
+        }
+        fire(type, event) {
+            this.subjectsStateMap[type] = event;
+            this.subscribers[type]?.forEach((s) => s(event));
+        }
+        subject(type, event) {
+            this.subjectsStateMap[type] = event;
+        }
+    }
+
+    const changeHashOnObserve = (entries) => {
+        if (!entries.length) {
+            return;
+        }
+        const [entry] = entries;
+        if (entry.isIntersecting) ;
+    };
+
+    const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section', labels }) => {
+        const Tag = tag;
+        const { IntersectionObserverTag } = context;
+        const [shouldRenderBlock, setShouldRenderBlock] = useState(true);
+        useEffect(() => EventBus.inst.subscribe('tab', (event) => {
+            setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
+        }), [labels]);
+        if (!shouldRenderBlock) {
+            return null;
+        }
+        return anchor ? (jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: changeHashOnObserve, observerOptions: { threshold: 1 }, anchor: anchor, children: children })) : (jsx(Tag, { className: className, children: children }));
+    });
+
+    const LinkList = JSX(({ className = '', documents, ...rest }) => {
+        return (jsx(BlockWrapper, { className: `font-sans bg-white mt-[10px] ${className}`, ...rest, children: jsx("ul", { className: "flex flex-col text-s text-secondary-text p-0", children: documents?.length ? renderLinkListItem(documents) : null }) }));
+    });
+    const renderLinkListItem = (documents) => {
+        return documents.map((doc, i) => {
+            const { text, ...linkProps } = doc;
+            return (jsx("li", { className: "mb-4 list-none", children: jsx("a", { className: "hover:text-primary-main", role: "link", ...linkProps, children: text ? text : null }) }, `list_item_${String(i)}`));
+        });
+    };
+
+    const EmbeddableBlocks = {
+        Headline,
+        LinkDocs,
+        TextBlock,
+        ProductBlock,
+        Gallery,
+        LinkList,
+    };
+
+    const renderBlocksList = ({ blocks, context, className = '' }) => blocks?.length ? blocks.map(renderBlock$1({ context, className })) : null;
+    const renderBlock$1 = ({ context, className }) => (block, i) => {
+        if (!block) {
+            return null;
+        }
+        const { style, blockListType: type, ...rest } = block;
+        if (!type || !(type in EmbeddableBlocks)) {
+            return null;
+        }
+        const classNameBlock = style2className(style);
+        const EmbeddedBlock = EmbeddableBlocks[type];
+        return (jsx(EmbeddedBlock, { className: `${className} ${classNameBlock}`, context: context, ...rest }, `block_${i}`));
+    };
+
+    const AccordionItemInner = JSX(({ blocks, context }) => {
+        return (jsx("div", { className: "flex flex-wrap transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0", children: renderBlocksList({ context, blocks, className: '!px-0' }) }));
+    });
+
+    const useActiveHandler = ({ blocks, initialState = false }) => {
+        const [isActive, setIsActive] = useState(initialState);
+        const hasContent = blocks?.length;
+        const icon = isActive ? 'MinusIcon' : 'PlusIcon';
+        const handleToggle = (e) => {
+            const currentTarget = e.currentTarget;
+            if (!currentTarget) {
+                return;
+            }
+            setIsActive(!isActive);
+            const contentBlock = currentTarget.nextSibling;
+            contentBlock.style.maxHeight = contentBlock.style.maxHeight
+                ? ''
+                : `${contentBlock.scrollHeight}px`;
+        };
+        return { isActive, hasContent, icon, handleToggle };
+    };
+
+    const AccordionItem = JSX(({ label, labelIcon, blocks, bordered, context }) => {
+        const { hasContent, icon, handleToggle } = useActiveHandler({ blocks });
+        return (jsxs("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: [jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
           ${bordered ? '' : 'py-[14px] px-0'}
           ${hasContent ? 'group cursor-pointer' : ''}`, onClick: handleToggle, children: [jsxs("span", { className: `text-m-title-xs font-medium pr-2.5 flex ${hasContent ? 'group-hover:text-primary-main' : ''}`, children: [labelIcon ? (jsx(Img, { image: labelIcon, width: "24", height: "24", asSVG: true, className: "mr-3" })) : null, label] }), hasContent ? jsx(Img, { className: "w-6", image: icon, width: "24", height: "24", asSVG: true }) : null] }), hasContent ? jsx(AccordionItemInner, { blocks: blocks, context: context }) : null] }));
-  });
-  function borderedLiClass(bordered) {
-      return bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0';
-  }
-
-  const Accordion = JSX(({ title, description, accordionItems, context, className = '', bordered }) => {
-      return (jsxs("section", { className: `py-6 px-4 font-sans bg-white text-primary-text ${className}`, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-light 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 GRADIENT = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
-  const DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
-
-  const headingStyle = (isFillGradient = false) => (isFillGradient ? 'text-white' : '');
-  const subtitleStyle = (isFillGradient = false) => `text-s mb-3.5 ${isFillGradient ? 'text-white' : 'text-secondary-text/80'}`;
-  const HeaderCell = JSX(({ icon, image, title, subtitle, isFillGradient }) => (jsxs("div", { role: "columnheader", children: [icon ? (jsx(Img, { className: "h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4", image: icon, width: "63", height: "63" })) : null, image?.src && (jsx("div", { className: "mb-3.5", children: jsx(Img, { image: image }) })), title ? (jsx(Heading, { headingType: "h4", className: headingStyle(isFillGradient), title: title })) : null, subtitle ? jsx("div", { className: subtitleStyle(isFillGradient), children: subtitle }) : null] })));
-
-  const TableCell = JSX(({ cell, rowHeader, isFillGradient = false }) => {
-      const cellWrapperClasses = `box-border flex flex-col`;
-      const cellClasses = `h-full ${DIVIDER_CLASSES}`;
-      return (jsx("div", { className: cellWrapperClasses, role: "cell", children: jsx("div", { className: cellClasses, children: cell.map(renderCellInner$1(isFillGradient, rowHeader)) }) }));
-  });
-  const renderCellInner$1 = (isFillGradient, rowHeader) => ({ label, description }, i) => (jsxs("div", { className: "flex justify-between text-s py-3.5", children: [jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), jsxs("div", { className: "basis-1/2", children: [label ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white' : ''}`, children: label })) : null, description ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: description })) : null] })] }, String(i)));
-
-  const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
-      const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
-      const gradientClassName = isFillGradient ? GRADIENT : '';
-      const buttonVersion = isFillGradient ? 'secondary' : 'primary';
-      return (jsxs("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, role: "row", children: [jsx(HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
-                  ? columnDataView.map(({ rowHeader, cell }, i) => (jsx(TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
-                  : null, showRow && renderButton({ header, buttonVersion }), renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
-  });
-  const renderButton = ({ header, buttonVersion }) => (jsx(Button, { href: header.link.href, target: header.link.target, version: buttonVersion, className: "text-s font-medium mt-4 py-[11px]", children: header.link.text }));
-  const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow }) => (jsx("div", { className: "mt-5", role: "cell", children: jsx("a", { role: "link", onClick: onToggleColumn, className: `text-s font-medium cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
-
-  const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, orientation = 'vertical', }) => {
-      const tableData = columns?.map(({ data, header }) => ({
-          header,
-          column: data?.map((cell, i) => ({ cell, rowHeader: rowHeaders?.[i]?.title })),
-      })) || [];
-      const [columnsViewState, setColumnsViewState] = context.useState(new Array(columns?.length).fill(!visibleRowLength));
-      const handleToggleColumn = (i) => {
-          columnsViewState[i] = !columnsViewState[i];
-          setColumnsViewState([...columnsViewState]);
-      };
-      return (jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, renderColumns({
-                  tableData,
-                  context,
-                  visibleRowLength,
-                  isColoredFirstColumn,
-                  columnsViewState,
-                  handleToggleColumn,
-                  orientation,
-                  setColumnsViewState,
-              })] }));
-  });
-  const renderColumns = ({ context, tableData, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn, orientation = 'horizontal', setColumnsViewState, }) => (jsx("div", { role: "table", children: tableData?.length
-          ? renderInnerTable({
-              orientation,
-              context,
-              columnsViewState,
-              setColumnsViewState,
-              tableData,
-              visibleRowLength,
-              isColoredFirstColumn,
-              handleToggleColumn,
-          })
-          : null }));
-  const renderInnerTable = ({ orientation, context, columnsViewState, setColumnsViewState, tableData, visibleRowLength, isColoredFirstColumn, handleToggleColumn, }) => orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, onSlideChange: onSlideChange(columnsViewState, setColumnsViewState), children: tableData.map(renderColumn({
-          context,
-          visibleRowLength,
-          isColoredFirstColumn,
-          columnsViewState,
-          handleToggleColumn,
-      })) })) : (tableData.map(renderColumn({
-      context,
-      visibleRowLength,
-      isColoredFirstColumn,
-      columnsViewState,
-      handleToggleColumn,
-  })));
-  const renderColumn = ({ context, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn }) => (columnData, i) => (jsx(TableColumn, { context: context, visibleRowLength: visibleRowLength, showRow: columnsViewState[i], header: columnData.header, columnData: columnData.column, isFillGradient: i === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(i) }, String(i)));
-  const onSlideChange = (columnsViewState, setColumnsViewState) => () => {
-      setColumnsViewState(new Array(columnsViewState.length).fill(false));
-  };
-
-  function useExchangeRates(useAsyncData) {
-      const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
-      const result = data?.hits?.hits?.map((_) => _._source) || [];
-      return result.length ? getCurrencyListByRate(result) : result;
-  }
-  async function fetchExchangeRates() {
-      try {
-          const response = await fetch(EXCHANGE_RATES_URL, {
-              method: 'POST',
-              headers: {
-                  'Content-Type': 'application/json',
-              },
-              body: JSON.stringify(EXCHANGE_RATES_BODY),
-          });
-          return await response.json();
-      }
-      catch (err) {
-          console.error(err);
-          return Promise.resolve();
-      }
-  }
-  const EXCHANGE_RATES_URL = 'https://coins.rshb.ru/api/catalog/vue_storefront_magento_1_currency_rates_average/currency_rates_average/_search?size=10000';
-  const EXCHANGE_RATES_BODY = {
-      query: {
-          bool: {
-              must: [
-                  {
-                      term: {
-                          // eslint-disable-next-line camelcase
-                          russian_region_code: '77',
-                      },
-                  },
-                  {
-                      term: {
-                          // eslint-disable-next-line camelcase
-                          from_volume: '0',
-                      },
-                  },
-                  {
-                      terms: {
-                          // eslint-disable-next-line camelcase
-                          currency_pair: ['USD/RUB', 'EUR/RUB'],
-                      },
-                  },
-              ],
-          },
-      },
-  };
-  const getCurrencyListByRate = (currencyRates) => currencyRates.reduce((result, _) => {
-      const currencyInfo = _['currency_first'];
-      const currencyCode = currencyInfo?.code;
-      if (!result.some((i) => i.code === currencyCode)) {
-          result.push({
-              code: currencyCode,
-              buy: roundRate(Number(_.rate_buy)),
-              sell: roundRate(Number(_.rate_sell)),
-          });
-      }
-      return result;
-  }, []);
-  const roundRate = (value) => Math.round(value * 1000) / 1000;
-
-  var Currency;
-  (function (Currency) {
-      Currency["RUB"] = "RUB";
-      Currency["EUR"] = "EUR";
-      Currency["USD"] = "USD";
-  })(Currency || (Currency = {}));
-
-  const currencyNumberFormat = new Intl.NumberFormat('ru', {
-      style: 'currency',
-      currency: Currency.RUB,
-  });
-  const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
-
-  const TABLE_HEAD_STYLE = 'text-left text-m-light text-secondary-text';
-  const CURRENCY_ICONS_MAP = {
-      USD: 'DollarIcon',
-      EUR: 'EuroIcon',
-  };
-  const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => {
-      return (jsxs("table", { className: `h-fit w-fit ${className}`, children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: "\u0412\u0430\u043B\u044E\u0442\u0430" }), jsx("th", { className: `${TABLE_HEAD_STYLE} pl-11`, children: "\u041A\u0443\u043F\u0438\u0442\u044C" }), jsx("th", { className: `${TABLE_HEAD_STYLE} pl-11`, children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map((item) => renderCurrencyRow(item)) })] }));
-  });
-  const renderCurrencyRow = (exchangeCurrencyItem) => {
-      const code = exchangeCurrencyItem?.code;
-      return (jsxs("tr", { className: "pb-1 text-h6", children: [jsx("td", { className: "pt-4", children: jsxs("div", { className: "flex items-center", children: [code ? jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[code] }, width: "24", height: "24" }) : null, jsx("span", { className: "ml-2", children: code })] }) }), jsx("td", { className: "pt-4 pl-11", children: formatCurrency(exchangeCurrencyItem?.sell) }), jsx("td", { className: "pt-4 pl-11", children: formatCurrency(exchangeCurrencyItem?.buy) })] }, code));
-  };
-
-  const CurrentLocation = JSX(({ className = '', address, distance }) => (jsxs("div", { className: `flex ${className}`, children: [jsx(Img, { image: { icon: 'GpsIcon' }, width: "24", height: "24", asSVG: true }), jsxs("div", { className: "ml-3", children: [address ? jsx("p", { className: "text-primary-main  m-0 mb-1 text-l", children: address }) : null, distance ? (jsxs("p", { className: "text-secondary-text m-0 text-m", children: ["\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043E \u043E\u0444\u0438\u0441\u0430 - ", distance] })) : null] })] })));
-
-  const roundTo = (value, precision = 2) => {
-      const factor = Math.pow(10, precision);
-      return Math.round(parseFloat(String(value)) * factor) / factor;
-  };
-
-  const calculateResult = (value, rate, precision) => {
-      const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
-      return Number.isInteger(result) ? result : roundTo(result);
-  };
-  const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
-
-  const tableFunc = (table) => (input) => {
-      const [, output] = table.find(([predicate]) => predicate(input)) || [];
-      return output;
-  };
-
-  const callbackCurrencySelect = (props) => tableFunc([
-      [
-          (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
-          () => props.handleConvert(props.value, Currency.RUB),
-      ],
-      [
-          (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-          () => props.handleConvert(props.value, Currency.USD),
-      ],
-      [() => true, () => props.handleConvert(props.value)],
-  ])(props)?.();
-
-  const Input = JSX(({ className = '', id, name, type = 'text', placeholder, pattern, value, onChange }) => {
-      const handleChange = (e) => {
-          const validInputValue = e.target.validity.valid ? e.target.value : value;
-          onChange(validInputValue);
-      };
-      return (jsx("input", { className: className, id: id, name: name || id, type: type, pattern: pattern, placeholder: placeholder, value: value, onChange: handleChange }));
-  });
-
-  const selectStyle = {
-      background: `url('/icons/ArrowDownIcon.svg') no-repeat right 16px top 50%`,
-  };
-  const Select = JSX(({ className = '', id, name, children, value, onChange }) => {
-      return (jsx("select", { className: `appearance-none ${className}`, style: selectStyle, id: id, name: name || id, value: value, onChange: (e) => onChange(e.target.value), children: children }));
-  });
-
-  const SelectOption = JSX(({ className = '', value, selected, children }) => {
-      return (jsx("option", { className: className, value: `${value}`, selected: selected, children: children }));
-  });
-
-  function renderInput(props) {
-      const { placeholder, rates, selected, value, setValue, setSelected } = props;
-      return (jsxs("div", { className: "relative flex items-center", children: [jsx(Input, { className: "shrink-0 h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12", placeholder: placeholder, type: "text", value: value, onChange: setValue }), rates.length ? (jsx(Select, { className: "shrink-0 w-20 h-9 -translate-x-8 bg-transparent", value: selected, onChange: (_) => setSelected(_), children: rates.map((_, i) => (jsx(SelectOption, { value: _.code, children: _.code }, String(i)))) })) : null] }));
-  }
-
-  const ExchangeCurrencyCalculator = JSX(({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
-      const { useRouter, handlerDecorator } = context;
-      const router = useRouter();
-      const [calcState, setCalcState] = context.useState({
-          inputSell: '',
-          inputBuy: '',
-          selectSell: currencyRatesBuy?.[0]?.code || Currency.RUB,
-          selectBuy: currencyRatesSell?.[0]?.code || Currency.USD,
-      });
-      const handleSetCalcState = (newState) => {
-          setCalcState((oldState) => ({ ...oldState, ...newState }));
-      };
-      return (jsxs("div", { className: `grid gap-[18px] pt-2 ${className}`, children: [renderInput({
-                  placeholder: 'Хочу продать',
-                  rates: currencyRatesSell,
-                  selected: calcState.selectSell,
-                  setSelected: handleSelectSell(calcState, handleSetCalcState, currencyRatesSell),
-                  value: calcState.inputSell,
-                  setValue: (value) => handleInputSell(handleSetCalcState, currencyRatesSell)(value, calcState.selectSell, calcState.selectBuy),
-              }), renderInput({
-                  placeholder: 'Получу',
-                  rates: currencyRatesBuy,
-                  selected: calcState.selectBuy,
-                  setSelected: handleSelectBuy(calcState, handleSetCalcState, currencyRatesBuy),
-                  value: calcState.inputBuy,
-                  setValue: (value) => handleInputBuy(handleSetCalcState, currencyRatesBuy)(value, calcState.selectBuy, calcState.selectSell),
-              }), button?.text ? (jsx(Button, { className: "py-4 mr-1", version: button?.version, ...useLink({ router, handlerDecorator }, button), children: button.text })) : null] }));
-  });
-  const handleSelectSell = (calcState, setCalcState, currencyRatesSell) => (value) => {
-      setCalcState({ selectSell: value });
-      callbackCurrencySelect({
-          value,
-          oppositeValue: calcState.selectBuy,
-          handleConvert: (codeFrom = calcState.selectSell, codeTo = calcState.selectBuy) => {
-              handleInputSell(setCalcState, currencyRatesSell)(calcState.inputSell, codeFrom, codeTo);
-          },
-      });
-  };
-  const handleSelectBuy = (calcState, setCalcState, currencyRatesBuy) => (value) => {
-      setCalcState({ selectBuy: value });
-      callbackCurrencySelect({
-          value,
-          oppositeValue: calcState.selectSell,
-          handleConvert: (codeTo = calcState.selectBuy, codeFrom = calcState.selectSell) => handleInputBuy(setCalcState, currencyRatesBuy)(calcState.inputBuy, codeTo, codeFrom),
-      });
-  };
-  const handleInputSell = (setCalcState, currencyRatesSell) => (value, codeFrom, codeTo) => {
-      setCalcState({ inputSell: formatValue(value), selectBuy: codeTo });
-      const rate = currencyRatesSell.find((_) => _.code === codeTo)?.buy ||
-          currencyRatesSell.find((_) => _.code === codeFrom)?.sell;
-      if (rate) {
-          setCalcState({
-              inputBuy: String(calculateResult(value, rate, codeFrom === Currency.RUB) || ''),
-          });
-      }
-  };
-  const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, codeTo, codeFrom) => {
-      setCalcState({ inputBuy: formatValue(value), selectSell: codeFrom });
-      const rate = currencyRatesBuy.find((_) => _.code === codeFrom)?.sell ||
-          currencyRatesBuy.find((_) => _.code === codeTo)?.buy;
-      if (rate) {
-          setCalcState({
-              inputSell: String(calculateResult(value, rate, codeTo === Currency.RUB) || ''),
-          });
-      }
-  };
-
-  const DEFAULT_LOCATION = {
-      address: 'Москва, ул.Ленина д.28',
-      distance: '6км',
-  };
-  const ExchangeRateTile = JSX(({ className = '', context, title = 'Курсы обмена валют', button, ...rest }) => {
-      const currencyRates = useExchangeRates(context.useAsyncData);
-      const currencyRatesBuy = currencyRates.filter((_) => _.buy);
-      currencyRatesBuy.unshift({ code: Currency.RUB });
-      const currencyRatesSell = currencyRates.filter((_) => _.sell);
-      currencyRatesSell.push({ code: Currency.RUB });
-      return (jsx(BlockWrapper, { context: context, className: `bg-white text-primary-text font-sans p-9 box-border ${className}`, ...rest, children: jsx(BaseTile, { context: context, title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap text-h4" }), children: jsxs("div", { className: "flex", children: [jsxs("div", { className: "mr-14 pt-4", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-[30px]", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { ...DEFAULT_LOCATION })] }), currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (jsx(ExchangeCurrencyCalculator, { className: "grow", context: context, currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })) : null] }) }) }));
-  });
-
-  const SVG_COLOR = {
-      'bg-white': 'text-primary-main',
-      transparent: 'text-white',
-  };
-  const TEXT_COLOR = {
-      'bg-white': 'text-black',
-      transparent: 'text-white',
-  };
-  const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', hideTitle }) => {
-      return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [jsx(Img, { image: { icon: 'Logo' }, className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, asSVG: true }), hideTitle ? null : (jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' }))] }));
-  });
-
-  const MobileAppTile = JSX(({ className = '', title = 'Мобильное приложение', description, href = '#' }) => {
-      return (jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light font-sans ${className}`, children: href ? (jsxs("div", { className: "flex", children: [jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: jsx(Logo, { className: "w-[33px]", bgColor: "transparent", hideTitle: true }) }), jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3", children: [jsx("div", { className: "text-s font-medium mb-[3px]", children: title }), jsx("div", { className: "text-s text-secondary-text", children: description })] })] })) : null }));
-  });
-
-  const Contacts = JSX(({ className = '', items, hasButton, context }) => {
-      const router = context.useRouter();
-      const { handlerDecorator } = context;
-      return (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", ...useLink({ router, handlerDecorator }, {
-                      text: 'Обратная связь',
-                      href: '/',
-                      target: '_blank',
-                  }) })) : null] }));
-  });
-  const renderContact = (item, index) => {
-      const { type, text, description } = item;
-      return (jsxs("div", { className: "mb-4", children: [jsx("div", { children: renderText(type, text) }), jsx("div", { className: "mt-1 text-s-light text-secondary-text", children: description })] }, String(index)));
-  };
-  const renderText = (type, text = '') => {
-      switch (type) {
-          case 'tel':
-              return (jsx("a", { className: "text-h6 text-primary-text hover:text-primary-main no-underline", href: `tel:${formatTel(text)}`, children: text }));
-          case 'email':
-              return (jsx("a", { className: "text-xl-light text-primary-text no-underline", href: `mailto:${text}`, children: text }));
-          default:
-              return jsx("span", { children: text });
-      }
-  };
-  const formatTel = (s) => s.replaceAll(/\D/g, '');
-
-  const HorizontalNavigationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-secondary-text hover:text-primary-main inline-block no-underline ${className}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
-
-  const HorizontalNavigation = JSX(({ title, links, className = '', context }) => {
-      const router = context.useRouter();
-      const { handlerDecorator } = context;
-      return (jsxs("div", { className: className, children: [jsx("span", { className: "text-primary-text text-s font-medium", children: title }), links?.length ? (jsx("div", { className: "flex flex-col gap-2 pt-3", children: links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-s", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
-  });
-
-  const ICONS_MAP = [
-      {
-          origins: ['t.me', 'telegram.org'],
-          icon: { icon: 'TelegramIcon' },
-          label: 'Телеграм',
-      },
-      {
-          origins: ['vk.com'],
-          icon: { icon: 'VKIcon' },
-          label: 'ВКонтакте',
-      },
-      {
-          origins: ['ok.ru'],
-          icon: { icon: 'OkIcon' },
-          label: 'Одноклассники',
-      },
-      {
-          origins: ['apps.apple.com'],
-          icon: { icon: 'AppleIcon' },
-          label: 'App Store',
-      },
-      {
-          origins: ['play.google.com'],
-          icon: { icon: 'PlayMarketIcon' },
-          label: 'Google Play',
-      },
-  ];
-  const MediaButton = JSX(({ href, version = 'primary' }) => {
-      const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
-      if (!icon) {
-          return null;
-      }
-      const classes = version === 'secondary'
-          ? 'bg-secondary-light hover:bg-secondary-hover'
-          : 'border-solid border-[1px] border-main-divider hover:border-transparent hover:bg-primary-main';
-      const isPrimary = version === 'primary';
-      return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", children: icon ? (jsx(Img, { image: icon, imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
-  });
-
-  const SocialMedia = JSX(({ className, media, version, context }) => {
-      const router = context.useRouter();
-      const { handlerDecorator } = context;
-      return (jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className || ''}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, ...useLink({ router, handlerDecorator }, _) }, String(index)))) }));
-  });
-
-  const TextInformationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-xs-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px] ${className}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
-
-  const TextInformation = JSX(({ className, links, context }) => {
-      const router = context.useRouter();
-      const { handlerDecorator } = context;
-      return (jsxs("div", { className: `${className || ''}`, children: [jsx("div", { className: "py-6", children: jsx("span", { className: "text-xs-light text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.` }) }), links?.length ? (jsx("div", { className: `flex flex-col justify-start items-start gap-2`, children: links.map((_, i) => (jsx(TextInformationLink, { index: i, className: "", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
-  });
-
-  function useSitemap(useAsyncData) {
-      const { data } = useAsyncData(sitemapURL(), fetchSitemap);
-      return data || {};
-  }
-  async function fetchSitemap() {
-      const response = await fetch(sitemapURL());
-      return await response.json();
-  }
-  function sitemapURL() {
-      return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
-  }
-
-  const SearchBarInner = JSX(({ className, context, isMobile = false }) => {
-      const { term, setTerm } = context.useSearch();
-      const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
-      const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
-      const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
-      const inputPlaceholder = isMobile ? 'some search' : undefined;
-      return (jsxs("form", { className: `font-sans relative ${className}`, children: [jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [jsx("div", { className: LoupeIconClassName, children: jsx(Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : (jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), jsx("input", { id: "search-bar-input", className: `h-12 pl-12 w-full peer text-l text-black border border-solid rounded-md box-border
+    });
+    function borderedLiClass(bordered) {
+        return bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0';
+    }
+
+    const Accordion = JSX(({ title, description, accordionItems, context, className = '', bordered }) => {
+        return (jsxs("section", { className: `py-6 px-4 font-sans bg-white text-primary-text ${className}`, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-light 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 GRADIENT = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
+    const DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
+
+    const headingStyle = (isFillGradient = false) => (isFillGradient ? 'text-white' : '');
+    const subtitleStyle = (isFillGradient = false) => `text-s mb-3.5 ${isFillGradient ? 'text-white' : 'text-secondary-text/80'}`;
+    const HeaderCell = JSX(({ icon, image, title, subtitle, isFillGradient }) => (jsxs("div", { role: "columnheader", children: [icon ? (jsx(Img, { className: "h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4", image: icon, width: "63", height: "63" })) : null, image?.src && (jsx("div", { className: "mb-3.5", children: jsx(Img, { image: image }) })), title ? (jsx(Heading, { headingType: "h4", className: headingStyle(isFillGradient), title: title })) : null, subtitle ? jsx("div", { className: subtitleStyle(isFillGradient), children: subtitle }) : null] })));
+
+    const TableCell = JSX(({ cell, rowHeader, isFillGradient = false }) => {
+        const cellWrapperClasses = `box-border flex flex-col`;
+        const cellClasses = `h-full ${DIVIDER_CLASSES}`;
+        return (jsx("div", { className: cellWrapperClasses, role: "cell", children: jsx("div", { className: cellClasses, children: cell.map(renderCellInner$1(isFillGradient, rowHeader)) }) }));
+    });
+    const renderCellInner$1 = (isFillGradient, rowHeader) => ({ label, description }, i) => (jsxs("div", { className: "flex justify-between text-s py-3.5", children: [jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), jsxs("div", { className: "basis-1/2", children: [label ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white' : ''}`, children: label })) : null, description ? (jsx("div", { className: `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: description })) : null] })] }, String(i)));
+
+    const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
+        const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
+        const gradientClassName = isFillGradient ? GRADIENT : '';
+        const buttonVersion = isFillGradient ? 'secondary' : 'primary';
+        return (jsxs("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, role: "row", children: [jsx(HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
+                    ? columnDataView.map(({ rowHeader, cell }, i) => (jsx(TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
+                    : null, showRow && renderButton({ header, buttonVersion }), renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
+    });
+    const renderButton = ({ header, buttonVersion }) => (jsx(Button, { href: header.link.href, target: header.link.target, version: buttonVersion, className: "text-s font-medium mt-4 py-[11px]", children: header.link.text }));
+    const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow }) => (jsx("div", { className: "mt-5", role: "cell", children: jsx("a", { role: "link", onClick: onToggleColumn, className: `text-s font-medium cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
+
+    const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, orientation = 'vertical', }) => {
+        const tableData = columns?.map(({ data, header }) => ({
+            header,
+            column: data?.map((cell, i) => ({ cell, rowHeader: rowHeaders?.[i]?.title })),
+        })) || [];
+        const [columnsViewState, setColumnsViewState] = useState(new Array(columns?.length || 0).fill(!visibleRowLength));
+        const handleToggleColumn = (i) => {
+            columnsViewState[i] = !columnsViewState[i];
+            setColumnsViewState([...columnsViewState]);
+        };
+        return (jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, renderColumns({
+                    tableData,
+                    context,
+                    visibleRowLength,
+                    isColoredFirstColumn,
+                    columnsViewState,
+                    handleToggleColumn,
+                    orientation,
+                    setColumnsViewState,
+                })] }));
+    });
+    const renderColumns = ({ context, tableData, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn, orientation = 'horizontal', setColumnsViewState, }) => (jsx("div", { role: "table", children: tableData?.length
+            ? renderInnerTable({
+                orientation,
+                context,
+                columnsViewState,
+                setColumnsViewState,
+                tableData,
+                visibleRowLength,
+                isColoredFirstColumn,
+                handleToggleColumn,
+            })
+            : null }));
+    const renderInnerTable = ({ orientation, context, columnsViewState, setColumnsViewState, tableData, visibleRowLength, isColoredFirstColumn, handleToggleColumn, }) => orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, onSlideChange: onSlideChange(columnsViewState, setColumnsViewState), children: tableData.map(renderColumn({
+            context,
+            visibleRowLength,
+            isColoredFirstColumn,
+            columnsViewState,
+            handleToggleColumn,
+        })) })) : (tableData.map(renderColumn({
+        context,
+        visibleRowLength,
+        isColoredFirstColumn,
+        columnsViewState,
+        handleToggleColumn,
+    })));
+    const renderColumn = ({ context, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn }) => (columnData, i) => (jsx(TableColumn, { context: context, visibleRowLength: visibleRowLength, showRow: columnsViewState[i], header: columnData.header, columnData: columnData.column, isFillGradient: i === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(i) }, String(i)));
+    const onSlideChange = (columnsViewState, setColumnsViewState) => () => {
+        setColumnsViewState(new Array(columnsViewState.length).fill(false));
+    };
+
+    const consistentDataMap = new Map();
+    function useAsyncData$1(key, fetcher) {
+        const args = useMemo(() => keyToArgs(key), [key]);
+        const [data, setData] = useState();
+        const [error, setError] = useState();
+        const chainToConsistentResult = (_) => {
+            _.then(_data => consistentDataMap.get(args) || _data)
+                .then(setData)
+                .catch(setError);
+        };
+        useEffect(() => {
+            const isEmptyKey = args.every(_ => _ === null);
+            if (isEmptyKey) {
+                return;
+            }
+            try {
+                const _ = fetcher(...args);
+                if ('then' in _) {
+                    chainToConsistentResult(_);
+                }
+                else {
+                    setData(_);
+                }
+            }
+            catch (err) {
+                setError(err);
+            }
+        }, [fetcher, ...args]);
+        return {
+            data,
+            error,
+            mutate: () => Promise.resolve(undefined),
+            isValidating: false
+        };
+    }
+    function keyToArgs(key) {
+        if (!key) {
+            return [key];
+        }
+        if (Array.isArray(key)) {
+            return key;
+        }
+        else if (key instanceof Function) {
+            return keyToArgs(key());
+        }
+        else {
+            return [key];
+        }
+    }
+
+    let impl = useAsyncData$1;
+    const useAsyncData = (key, fetcher) => impl(key, fetcher);
+
+    function useExchangeRates() {
+        const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
+        const result = data?.hits?.hits?.map((_) => _._source) || [];
+        return result.length ? getCurrencyListByRate(result) : result;
+    }
+    async function fetchExchangeRates() {
+        try {
+            const response = await fetch(EXCHANGE_RATES_URL, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(EXCHANGE_RATES_BODY),
+            });
+            return await response.json();
+        }
+        catch (err) {
+            console.error(err);
+            return Promise.resolve();
+        }
+    }
+    const EXCHANGE_RATES_URL = 'https://coins.rshb.ru/api/catalog/vue_storefront_magento_1_currency_rates_average/currency_rates_average/_search?size=10000';
+    const EXCHANGE_RATES_BODY = {
+        query: {
+            bool: {
+                must: [
+                    {
+                        term: {
+                            // eslint-disable-next-line camelcase
+                            russian_region_code: '77',
+                        },
+                    },
+                    {
+                        term: {
+                            // eslint-disable-next-line camelcase
+                            from_volume: '0',
+                        },
+                    },
+                    {
+                        terms: {
+                            // eslint-disable-next-line camelcase
+                            currency_pair: ['USD/RUB', 'EUR/RUB'],
+                        },
+                    },
+                ],
+            },
+        },
+    };
+    const getCurrencyListByRate = (currencyRates) => currencyRates.reduce((result, _) => {
+        const currencyInfo = _['currency_first'];
+        const currencyCode = currencyInfo?.code;
+        if (!result.some((i) => i.code === currencyCode)) {
+            result.push({
+                code: currencyCode,
+                buy: roundRate(Number(_.rate_buy)),
+                sell: roundRate(Number(_.rate_sell)),
+            });
+        }
+        return result;
+    }, []);
+    const roundRate = (value) => Math.round(value * 1000) / 1000;
+
+    var Currency;
+    (function (Currency) {
+        Currency["RUB"] = "RUB";
+        Currency["EUR"] = "EUR";
+        Currency["USD"] = "USD";
+    })(Currency || (Currency = {}));
+
+    const currencyNumberFormat = new Intl.NumberFormat('ru', {
+        style: 'currency',
+        currency: Currency.RUB,
+    });
+    const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
+
+    const TABLE_HEAD_STYLE = 'text-left text-m-light text-secondary-text';
+    const CURRENCY_ICONS_MAP = {
+        USD: 'DollarIcon',
+        EUR: 'EuroIcon',
+    };
+    const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => {
+        return (jsxs("table", { className: `h-fit w-fit ${className}`, children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: "\u0412\u0430\u043B\u044E\u0442\u0430" }), jsx("th", { className: `${TABLE_HEAD_STYLE} pl-11`, children: "\u041A\u0443\u043F\u0438\u0442\u044C" }), jsx("th", { className: `${TABLE_HEAD_STYLE} pl-11`, children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map((item) => renderCurrencyRow(item)) })] }));
+    });
+    const renderCurrencyRow = (exchangeCurrencyItem) => {
+        const code = exchangeCurrencyItem?.code;
+        return (jsxs("tr", { className: "pb-1 text-h6", children: [jsx("td", { className: "pt-4", children: jsxs("div", { className: "flex items-center", children: [code ? jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[code] }, width: "24", height: "24" }) : null, jsx("span", { className: "ml-2", children: code })] }) }), jsx("td", { className: "pt-4 pl-11", children: formatCurrency(exchangeCurrencyItem?.sell) }), jsx("td", { className: "pt-4 pl-11", children: formatCurrency(exchangeCurrencyItem?.buy) })] }, code));
+    };
+
+    const CurrentLocation = JSX(({ className = '', address, distance }) => (jsxs("div", { className: `flex ${className}`, children: [jsx(Img, { image: { icon: 'GpsIcon' }, width: "24", height: "24", asSVG: true }), jsxs("div", { className: "ml-3", children: [address ? jsx("p", { className: "text-primary-main  m-0 mb-1 text-l", children: address }) : null, distance ? (jsxs("p", { className: "text-secondary-text m-0 text-m", children: ["\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043E \u043E\u0444\u0438\u0441\u0430 - ", distance] })) : null] })] })));
+
+    const roundTo = (value, precision = 2) => {
+        const factor = Math.pow(10, precision);
+        return Math.round(parseFloat(String(value)) * factor) / factor;
+    };
+
+    const calculateResult = (value, rate, precision) => {
+        const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
+        return Number.isInteger(result) ? result : roundTo(result);
+    };
+    const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
+
+    const tableFunc = (table) => (input) => {
+        const [, output] = table.find(([predicate]) => predicate(input)) || [];
+        return output;
+    };
+
+    const callbackCurrencySelect = (props) => tableFunc([
+        [
+            (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
+            () => props.handleConvert(props.value, Currency.RUB),
+        ],
+        [
+            (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
+            () => props.handleConvert(props.value, Currency.USD),
+        ],
+        [() => true, () => props.handleConvert(props.value)],
+    ])(props)?.();
+
+    const Input = JSX(({ className = '', id, name, type = 'text', placeholder, pattern, value, onChange }) => {
+        const handleChange = (e) => {
+            const validInputValue = e.target.validity.valid ? e.target.value : value;
+            onChange(validInputValue);
+        };
+        return (jsx("input", { className: className, id: id, name: name || id, type: type, pattern: pattern, placeholder: placeholder, value: value, onChange: handleChange }));
+    });
+
+    const selectStyle = {
+        background: `url('/icons/ArrowDownIcon.svg') no-repeat right 16px top 50%`,
+    };
+    const Select = JSX(({ className = '', id, name, children, value, onChange }) => {
+        return (jsx("select", { className: `appearance-none ${className}`, style: selectStyle, id: id, name: name || id, value: value, onChange: (e) => onChange(e.target.value), children: children }));
+    });
+
+    const SelectOption = JSX(({ className = '', value, selected, children }) => {
+        return (jsx("option", { className: className, value: `${value}`, selected: selected, children: children }));
+    });
+
+    function renderInput(props) {
+        const { placeholder, rates, selected, value, setValue, setSelected } = props;
+        return (jsxs("div", { className: "relative flex items-center", children: [jsx(Input, { className: "shrink-0 h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12", placeholder: placeholder, type: "text", value: value, onChange: setValue }), rates.length ? (jsx(Select, { className: "shrink-0 w-20 h-9 -translate-x-8 bg-transparent", value: selected, onChange: (_) => setSelected(_), children: rates.map((_, i) => (jsx(SelectOption, { value: _.code, children: _.code }, String(i)))) })) : null] }));
+    }
+
+    const ExchangeCurrencyCalculator = JSX(({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
+        const { useRouter, handlerDecorator } = context;
+        const router = useRouter();
+        const [calcState, setCalcState] = useState({
+            inputSell: '',
+            inputBuy: '',
+            selectSell: currencyRatesBuy?.[0]?.code || Currency.RUB,
+            selectBuy: currencyRatesSell?.[0]?.code || Currency.USD,
+        });
+        const handleSetCalcState = (newState) => {
+            setCalcState((oldState) => ({ ...oldState, ...newState }));
+        };
+        return (jsxs("div", { className: `grid gap-[18px] pt-2 ${className}`, children: [renderInput({
+                    placeholder: 'Хочу продать',
+                    rates: currencyRatesSell,
+                    selected: calcState.selectSell,
+                    setSelected: handleSelectSell(calcState, handleSetCalcState, currencyRatesSell),
+                    value: calcState.inputSell,
+                    setValue: (value) => handleInputSell(handleSetCalcState, currencyRatesSell)(value, calcState.selectSell, calcState.selectBuy),
+                }), renderInput({
+                    placeholder: 'Получу',
+                    rates: currencyRatesBuy,
+                    selected: calcState.selectBuy,
+                    setSelected: handleSelectBuy(calcState, handleSetCalcState, currencyRatesBuy),
+                    value: calcState.inputBuy,
+                    setValue: (value) => handleInputBuy(handleSetCalcState, currencyRatesBuy)(value, calcState.selectBuy, calcState.selectSell),
+                }), button?.text ? (jsx(Button, { className: "py-4 mr-1", version: button?.version, ...useLink({ router, handlerDecorator }, button), children: button.text })) : null] }));
+    });
+    const handleSelectSell = (calcState, setCalcState, currencyRatesSell) => (value) => {
+        setCalcState({ selectSell: value });
+        callbackCurrencySelect({
+            value,
+            oppositeValue: calcState.selectBuy,
+            handleConvert: (codeFrom = calcState.selectSell, codeTo = calcState.selectBuy) => {
+                handleInputSell(setCalcState, currencyRatesSell)(calcState.inputSell, codeFrom, codeTo);
+            },
+        });
+    };
+    const handleSelectBuy = (calcState, setCalcState, currencyRatesBuy) => (value) => {
+        setCalcState({ selectBuy: value });
+        callbackCurrencySelect({
+            value,
+            oppositeValue: calcState.selectSell,
+            handleConvert: (codeTo = calcState.selectBuy, codeFrom = calcState.selectSell) => handleInputBuy(setCalcState, currencyRatesBuy)(calcState.inputBuy, codeTo, codeFrom),
+        });
+    };
+    const handleInputSell = (setCalcState, currencyRatesSell) => (value, codeFrom, codeTo) => {
+        setCalcState({ inputSell: formatValue(value), selectBuy: codeTo });
+        const rate = currencyRatesSell.find((_) => _.code === codeTo)?.buy ||
+            currencyRatesSell.find((_) => _.code === codeFrom)?.sell;
+        if (rate) {
+            setCalcState({
+                inputBuy: String(calculateResult(value, rate, codeFrom === Currency.RUB) || ''),
+            });
+        }
+    };
+    const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, codeTo, codeFrom) => {
+        setCalcState({ inputBuy: formatValue(value), selectSell: codeFrom });
+        const rate = currencyRatesBuy.find((_) => _.code === codeFrom)?.sell ||
+            currencyRatesBuy.find((_) => _.code === codeTo)?.buy;
+        if (rate) {
+            setCalcState({
+                inputSell: String(calculateResult(value, rate, codeTo === Currency.RUB) || ''),
+            });
+        }
+    };
+
+    const DEFAULT_LOCATION = {
+        address: 'Москва, ул.Ленина д.28',
+        distance: '6км',
+    };
+    const ExchangeRateTile = JSX(({ className = '', context, title = 'Курсы обмена валют', button, ...rest }) => {
+        const currencyRates = useExchangeRates();
+        const currencyRatesBuy = currencyRates.filter((_) => _.buy);
+        currencyRatesBuy.unshift({ code: Currency.RUB });
+        const currencyRatesSell = currencyRates.filter((_) => _.sell);
+        currencyRatesSell.push({ code: Currency.RUB });
+        return (jsx(BlockWrapper, { context: context, className: `bg-white text-primary-text font-sans p-9 box-border ${className}`, ...rest, children: jsx(BaseTile, { context: context, title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap text-h4" }), children: jsxs("div", { className: "flex", children: [jsxs("div", { className: "mr-14 pt-4", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-[30px]", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { ...DEFAULT_LOCATION })] }), currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (jsx(ExchangeCurrencyCalculator, { className: "grow", context: context, currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })) : null] }) }) }));
+    });
+
+    const SVG_COLOR = {
+        'bg-white': 'text-primary-main',
+        transparent: 'text-white',
+    };
+    const TEXT_COLOR = {
+        'bg-white': 'text-black',
+        transparent: 'text-white',
+    };
+    const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', hideTitle }) => {
+        return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [jsx(Img, { image: { icon: 'Logo' }, className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, asSVG: true }), hideTitle ? null : (jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' }))] }));
+    });
+
+    const MobileAppTile = JSX(({ className = '', title = 'Мобильное приложение', description, href = '#' }) => {
+        return (jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light font-sans ${className}`, children: href ? (jsxs("div", { className: "flex", children: [jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: jsx(Logo, { className: "w-[33px]", bgColor: "transparent", hideTitle: true }) }), jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3", children: [jsx("div", { className: "text-s font-medium mb-[3px]", children: title }), jsx("div", { className: "text-s text-secondary-text", children: description })] })] })) : null }));
+    });
+
+    const Contacts = JSX(({ className = '', items, hasButton, context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsxs("div", { className: className, children: [items?.length ? items.map(renderContact) : null, hasButton ? (jsx(Button, { version: "primary", className: "mb-6 w-full", ...useLink({ router, handlerDecorator }, {
+                        text: 'Обратная связь',
+                        href: '/',
+                        target: '_blank',
+                    }) })) : null] }));
+    });
+    const renderContact = (item, index) => {
+        const { type, text, description } = item;
+        return (jsxs("div", { className: "mb-4", children: [jsx("div", { children: renderText(type, text) }), jsx("div", { className: "mt-1 text-s-light text-secondary-text", children: description })] }, String(index)));
+    };
+    const renderText = (type, text = '') => {
+        switch (type) {
+            case 'tel':
+                return (jsx("a", { className: "text-h6 text-primary-text hover:text-primary-main no-underline", href: `tel:${formatTel(text)}`, children: text }));
+            case 'email':
+                return (jsx("a", { className: "text-xl-light text-primary-text no-underline", href: `mailto:${text}`, children: text }));
+            default:
+                return jsx("span", { children: text });
+        }
+    };
+    const formatTel = (s) => s.replaceAll(/\D/g, '');
+
+    const HorizontalNavigationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-secondary-text hover:text-primary-main inline-block no-underline ${className}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
+
+    const HorizontalNavigation = JSX(({ title, links, className = '', context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsxs("div", { className: className, children: [jsx("span", { className: "text-primary-text text-s font-medium", children: title }), links?.length ? (jsx("div", { className: "flex flex-col gap-2 pt-3", children: links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-s", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
+    });
+
+    const ICONS_MAP = [
+        {
+            origins: ['t.me', 'telegram.org'],
+            icon: { icon: 'TelegramIcon' },
+            label: 'Телеграм',
+        },
+        {
+            origins: ['vk.com'],
+            icon: { icon: 'VKIcon' },
+            label: 'ВКонтакте',
+        },
+        {
+            origins: ['ok.ru'],
+            icon: { icon: 'OkIcon' },
+            label: 'Одноклассники',
+        },
+        {
+            origins: ['apps.apple.com'],
+            icon: { icon: 'AppleIcon' },
+            label: 'App Store',
+        },
+        {
+            origins: ['play.google.com'],
+            icon: { icon: 'PlayMarketIcon' },
+            label: 'Google Play',
+        },
+    ];
+    const MediaButton = JSX(({ href, version = 'primary' }) => {
+        const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
+        if (!icon) {
+            return null;
+        }
+        const classes = version === 'secondary'
+            ? 'bg-secondary-light hover:bg-secondary-hover'
+            : 'border-solid border-[1px] border-main-divider hover:border-transparent hover:bg-primary-main';
+        const isPrimary = version === 'primary';
+        return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", children: icon ? (jsx(Img, { image: icon, imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
+    });
+
+    const SocialMedia = JSX(({ className, media, version, context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className || ''}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, ...useLink({ router, handlerDecorator }, _) }, String(index)))) }));
+    });
+
+    const TextInformationLink = JSX(({ className = '', index, text, href, target, onClick }) => (jsx("a", { className: `text-xs-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px] ${className}`, href: href, target: target, onClick: onClick, children: text || `Документ ${index}` })));
+
+    const TextInformation = JSX(({ className, links, context }) => {
+        const router = context.useRouter();
+        const { handlerDecorator } = context;
+        return (jsxs("div", { className: `${className || ''}`, children: [jsx("div", { className: "py-6", children: jsx("span", { className: "text-xs-light text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.` }) }), links?.length ? (jsx("div", { className: `flex flex-col justify-start items-start gap-2`, children: links.map((_, i) => (jsx(TextInformationLink, { index: i, className: "", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
+    });
+
+    function useSitemap() {
+        const { data } = useAsyncData(sitemapURL(), fetchSitemap);
+        return data || {};
+    }
+    async function fetchSitemap() {
+        const response = await fetch(sitemapURL());
+        return await response.json();
+    }
+    function sitemapURL() {
+        return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
+    }
+
+    const useSearch = () => {
+        const [term, setTerm] = useState('');
+        return {
+            term,
+            setTerm: (text) => setTerm(text),
+        };
+    };
+
+    const SearchBarInner = JSX(({ className, isMobile = false }) => {
+        const { term, setTerm } = useSearch();
+        const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
+        const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
+        const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
+        const inputPlaceholder = isMobile ? 'some search' : undefined;
+        return (jsxs("form", { className: `font-sans relative ${className}`, children: [jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [jsx("div", { className: LoupeIconClassName, children: jsx(Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : (jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), jsx("input", { id: "search-bar-input", className: `h-12 pl-12 w-full peer text-l text-black border border-solid rounded-md box-border
               outline-none pr-[6%] border-main-divider focus:border-primary-text ${SearchBarInputClassName}`, value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: inputPlaceholder }), isMobile ? (jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
-                      e.preventDefault();
-                      setTerm('');
-                  }, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (ev) => {
-                      ev?.preventDefault();
-                      console.log('click');
-                  }, children: jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
-  });
-
-  const SearchBar = JSX(({ className = '', context }) => {
-      return jsx(SearchBarInner, { context: context, className: className, isMobile: true });
-  });
-
-  const getAccordionItems = (items) => items?.map((item) => ({
-      label: item.text || '',
-      blocks: [
-          {
-              accordionBlockType: 'LinkList',
-              documents: item.items || [],
-          },
-      ],
-  }));
-
-  const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, }) => {
-      const sitemap = useSitemap(context.useAsyncData);
-      const dispositions = sitemap?.dispositions;
-      return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, context: context, hasButton: true }), jsx(Accordion, { context: context, className: "!p-0 mb-4", accordionItems: getAccordionItems(sitemap.topItems) }), jsx("div", { children: dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { context: context, title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android" }), jsx(SearchBar, { context: context, className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia, context: context }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises, context: context }), jsx(TextInformation, { links: documents, context: context })] }));
-  });
-  const renderSubMenuItem = (menu, i) => {
-      const { icon, href, text } = menu;
-      return (jsxs(Button, { version: "link", href: href, className: "flex text-s mb-4 w-6", children: [icon ? jsx(Img, { className: "pr-1", image: icon, width: "24", height: "24", asSVG: true }) : null, jsx("span", { className: "pl-2.5 font-medium text-primary-text", children: text })] }, `footer-${i}`));
-  };
-
-  const maxBy = (discriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
-
-  const isHrefActive = (href, router, cmp = (targetHref, baseHref) => baseHref.startsWith(targetHref)) => {
-      return cmp(withoutQuery(href), withoutMobilePath(withoutQuery(isURL(href) ? router.href : router.pathname)));
-  };
-
-  const isSubItemActive = (router) => (subItem) => isHrefActive(subItem.href, router);
-
-  const findActiveSubItem = (router) => (items = []) => {
-      const possibleActiveSubItems = items?.filter(isSubItemActive(router));
-      return possibleActiveSubItems?.length
-          ? maxBy((_) => _.href?.length || 0)(possibleActiveSubItems) // More specific item with max length
-          : undefined;
-  };
-
-  const checkIsHrefSameOrigin = (href, router) => getOrigin(href) === getOrigin(router.href);
-
-  const isTopItemActive = (router) => (topItem) => topItem.items?.some(isSubItemActive(router)) ||
-      isHrefActive(topItem.href, router) ||
-      checkIsHrefSameOrigin(topItem.href, router);
-
-  const cmp = (a) => (b) => a?.href === b?.href;
-  const substitute = (items, substitution) => (items || []).map((_) => substitution?.find(cmp(_)) || _);
-  const subtract = (minuend, subtrahend) => (minuend || []).filter((_) => !subtrahend?.find(cmp(_)));
-  const mergeTopItems = (left, right) => substitute(left, right).concat(subtract(right, left));
-
-  const TEXT_CLASSES = 'font-sans text-s';
-  const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
-  const HeaderItem = JSX(({ className = '', text, href, target, active, onClick, children, bgColor = 'bg-white' }) => {
-      return (jsxs("a", { className: `relative inline-block bg-transparent text-center no-underline ${className}`, href: href, target: target, onClick: onClick, children: [jsx("span", { className: getTextClasses(bgColor, active), children: text || children }), active ? jsx("div", { className: getBorderClasses(bgColor, active) }) : null] }));
-  });
-  const getTextClasses = (bgColor, active = false) => {
-      let classes = 'text-white';
-      if (bgColor === 'bg-white') {
-          classes = active ? 'text-primary-main' : 'text-secondary-text hover:text-primary-main';
-      }
-      return `${classes} ${TEXT_CLASSES}`;
-  };
-  const getBorderClasses = (bgColor, active = false) => {
-      if (!active) {
-          return BORDER_CLASSES;
-      }
-      return `${bgColor === 'bg-white' ? 'bg-primary-main' : bgColor} ${BORDER_CLASSES}`;
-  };
-
-  const HeaderBurger = JSX(({ context, burgerSubMenu, onClick, defaultLocation = '', children }) => {
-      const [city, getCity] = context.useGeolocation(defaultLocation);
-      return (jsxs("div", { className: "absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20", children: [jsx("button", { className: "absolute top-4 right-4 border-none bg-transparent cursor-pointer", onClick: onClick, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24", asSVG: true }) }), jsxs("button", { onClick: getCity, className: "flex items-center text-s text-secondary-text p-0 mb-4 bg-transparent cursor-pointer", children: [jsx(Img, { image: "GeolocationIcon", width: "20", height: "20", className: "text-primary-main box-border mr-2", asSVG: true }), city] }), children, jsx("div", { className: "mb-7", children: burgerSubMenu?.map(renderBurgerSubMenuItem) }), jsx(SearchBar, { context: context, className: "grow" })] }));
-  });
-  const renderBurgerSubMenuItem = (menu, i) => {
-      const { icon, href, text } = menu;
-      return (jsxs("a", { href: href, className: "flex text-s mb-4 hover:text-primary-main", children: [icon ? (jsx(Img, { className: "text-primary-main pr-1", image: icon, width: "24", height: "24", asSVG: true })) : null, jsx("span", { className: "font-medium pl-0.5", children: text })] }, `headerSubMenu-${i}`));
-  };
-
-  const HeaderTop = JSX(({ onClick, bgColor }) => (jsxs("div", { className: "flex items-center justify-between border-0 border-b border-main-divider h-[50px]", children: [jsxs("div", { className: "flex items-center", children: [jsx("button", { className: "pl-0 pr-4 border-0 bg-transparent cursor-pointer", onClick: onClick, "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E", children: jsx(Img, { image: { icon: 'BurgerIcon', iconVersion: bgColor === 'bg-white' ? 'black' : 'white' }, className: "text-primary-text w-6 h-6", width: "24", height: "24", asSVG: true }) }), jsx(Logo, { className: "mr-8", bgColor: bgColor })] }), jsx("button", { className: `${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-s border-0 bg-transparent cursor-pointer`, children: "\u0412\u043E\u0439\u0442\u0438" })] })));
-
-  const Header = JSX(({ className = '', defaultLocation, bgColor = 'bg-white', context, topItems }) => {
-      const router = context.useRouter();
-      const sitemap = useSitemap(context.useAsyncData);
-      const dispositions = sitemap?.dispositions;
-      const { handlerDecorator } = context;
-      const mergedItems = mergeTopItems(sitemap.topItems, topItems);
-      const activeTopItem = mergedItems.find(isTopItemActive(router));
-      const subItems = activeTopItem?.items;
-      const activeSubItem = findActiveSubItem(router)(subItems);
-      const [burgerMenuShow, setBurgerMenuShow] = context.useState(false);
-      const toggleBurgerMenu = () => setBurgerMenuShow(!burgerMenuShow);
-      return (jsxs("header", { className: `${bgColor} ${className}`, children: [jsxs("div", { className: "container px-4 py-0 box-border", children: [jsx(HeaderTop, { onClick: toggleBurgerMenu, bgColor: bgColor }), jsx("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]", children: jsx("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => renderSubItem({
-                                  ...useLink({ router, handlerDecorator }, _),
-                                  active: _ === activeSubItem,
-                                  bgColor,
-                              }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(Accordion, { context: context, accordionItems: getAccordionItems(sitemap.topItems), className: "!p-0 mb-4" }) })) : null] }));
-  });
-  const renderSubItem = (item, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", ...item }, String(i)));
-
-  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 'S';
-      }
-      else if (colSpan <= 8) {
-          return 'M';
-      }
-      else {
-          return 'L';
-      }
-  }
-
-  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 GOLDEN_RATIO = 1.618;
-  const Placeholder = JSX(({ className, context, title, description = 'Блок в разработке...', ...rest }) => {
-      return (jsxs(BlockWrapper, { context: context, className: `bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: [jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, headlineVersion: getTileHeadingType(className) }), jsx("figure", { className: "m-0 min-w-[80%]", children: renderShimmer() })] }));
-  });
-  const renderShimmer = (size = 3) => goldenSequence(100, size)
-      .map((_) => Math.floor(_))
-      .map(renderShimmerItem);
-  const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-2 bg-secondary-light" }, String(index)));
-  const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
-
-  const productGalleryStyleMap = {
-      primary: 'bg-white text-primary-text',
-      secondary: 'bg-primary-main text-white',
-  };
-  const ProductGalleryBlock = JSX(({ block, context, className = '' }) => {
-      const version = block?.version ?? 'primary';
-      return (jsx("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${productGalleryStyleMap[version]} ${className}`, role: "listitem", children: jsx("div", { className: "flex grow", children: jsx(ProductBlockInner, { context: context, ...block }) }) }));
-  });
-
-  const ProductGallery = JSX(({ className, context, slides = [] }) => {
-      const galleryBlocks = slides.map((s) => s.productBlock);
-      return (jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
-  });
-
-  const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
-
-  const STEPS_BLOCK_STYLE_MAPS = {
-      primary: {
-          background: 'bg-white',
-          title: 'text-primary-text',
-          description: 'text-secondary-text',
-          iconText: 'text-secondary-text',
-          iconBackground: 'bg-main-divider',
-          iconConnector: 'bg-secondary-light',
-      },
-      secondary: {
-          background: 'bg-primary-main',
-          title: 'text-white',
-          description: 'text-white/80',
-          iconText: 'text-white',
-          iconBackground: 'bg-white/30',
-          iconConnector: 'bg-white',
-      },
-  };
-
-  const STEPS_SIZE_MAP = {
-      normal: 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]',
-      small: 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]',
-  };
-  const STEPS_TILE_DESCRIPTION_HEIGHT_MAP = {
-      normal: 'min-h-[70px]',
-      small: 'min-h-[50px]',
-  };
-  const StepsBlock = JSX(({ className, title, description, showLines = true, steps, size = 'normal', version = 'primary', }) => {
-      const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
-      return (jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
+                        e.preventDefault();
+                        setTerm('');
+                    }, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (ev) => {
+                        ev?.preventDefault();
+                        console.log('click');
+                    }, children: jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
+    });
+
+    const SearchBar = JSX(({ className = '' }) => {
+        return jsx(SearchBarInner, { className: className, isMobile: true });
+    });
+
+    const getAccordionItems = (items) => items?.map((item) => ({
+        label: item.text || '',
+        blocks: [
+            {
+                accordionBlockType: 'LinkList',
+                documents: item.items || [],
+            },
+        ],
+    }));
+
+    const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, }) => {
+        const sitemap = useSitemap();
+        const dispositions = sitemap?.dispositions;
+        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, context: context, hasButton: true }), jsx(Accordion, { context: context, className: "!p-0 mb-4", accordionItems: getAccordionItems(sitemap.topItems) }), jsx("div", { children: dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { context: context, title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android" }), jsx(SearchBar, { context: context, className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia, context: context }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises, context: context }), jsx(TextInformation, { links: documents, context: context })] }));
+    });
+    const renderSubMenuItem = (menu, i) => {
+        const { icon, href, text } = menu;
+        return (jsxs(Button, { version: "link", href: href, className: "flex text-s mb-4 w-6", children: [icon ? jsx(Img, { className: "pr-1", image: icon, width: "24", height: "24", asSVG: true }) : null, jsx("span", { className: "pl-2.5 font-medium text-primary-text", children: text })] }, `footer-${i}`));
+    };
+
+    const maxBy = (discriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
+
+    const isHrefActive = (href, router, cmp = (targetHref, baseHref) => baseHref.startsWith(targetHref)) => {
+        return cmp(withoutQuery(href), withoutMobilePath(withoutQuery(isURL(href) ? router.href : router.pathname)));
+    };
+
+    const isSubItemActive = (router) => (subItem) => isHrefActive(subItem.href, router);
+
+    const findActiveSubItem = (router) => (items = []) => {
+        const possibleActiveSubItems = items?.filter(isSubItemActive(router));
+        return possibleActiveSubItems?.length
+            ? maxBy((_) => _.href?.length || 0)(possibleActiveSubItems) // More specific item with max length
+            : undefined;
+    };
+
+    const checkIsHrefSameOrigin = (href, router) => getOrigin(href) === getOrigin(router.href);
+
+    const isTopItemActive = (router) => (topItem) => topItem.items?.some(isSubItemActive(router)) ||
+        isHrefActive(topItem.href, router) ||
+        checkIsHrefSameOrigin(topItem.href, router);
+
+    const cmp = (a) => (b) => a?.href === b?.href;
+    const substitute = (items, substitution) => (items || []).map((_) => substitution?.find(cmp(_)) || _);
+    const subtract = (minuend, subtrahend) => (minuend || []).filter((_) => !subtrahend?.find(cmp(_)));
+    const mergeTopItems = (left, right) => substitute(left, right).concat(subtract(right, left));
+
+    const TEXT_CLASSES = 'font-sans text-s';
+    const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
+    const HeaderItem = JSX(({ className = '', text, href, target, active, onClick, children, bgColor = 'bg-white' }) => {
+        return (jsxs("a", { className: `relative inline-block bg-transparent text-center no-underline ${className}`, href: href, target: target, onClick: onClick, children: [jsx("span", { className: getTextClasses(bgColor, active), children: text || children }), active ? jsx("div", { className: getBorderClasses(bgColor, active) }) : null] }));
+    });
+    const getTextClasses = (bgColor, active = false) => {
+        let classes = 'text-white';
+        if (bgColor === 'bg-white') {
+            classes = active ? 'text-primary-main' : 'text-secondary-text hover:text-primary-main';
+        }
+        return `${classes} ${TEXT_CLASSES}`;
+    };
+    const getBorderClasses = (bgColor, active = false) => {
+        if (!active) {
+            return BORDER_CLASSES;
+        }
+        return `${bgColor === 'bg-white' ? 'bg-primary-main' : bgColor} ${BORDER_CLASSES}`;
+    };
+
+    const DaData = DaDataAPI('https://10.80.4.9');
+    function useGeolocation(defaultLocation) {
+        const [city, setCity] = useState(defaultLocation);
+        useEffect(() => {
+            setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
+        }, [defaultLocation]);
+        const getCity = useCallback(() => {
+            DaData.getFetcherAddress().then((_) => {
+                const location = _ || defaultLocation;
+                globalThis?.localStorage.setItem('location', location);
+                setCity(location);
+            });
+        }, [defaultLocation]);
+        return [city, getCity];
+    }
+
+    const HeaderBurger = JSX(({ context, burgerSubMenu, onClick, defaultLocation = '', children }) => {
+        const [city, getCity] = useGeolocation(defaultLocation);
+        return (jsxs("div", { className: "absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20", children: [jsx("button", { className: "absolute top-4 right-4 border-none bg-transparent cursor-pointer", onClick: onClick, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24", asSVG: true }) }), jsxs("button", { onClick: getCity, className: "flex items-center text-s text-secondary-text p-0 mb-4 bg-transparent cursor-pointer", children: [jsx(Img, { image: "GeolocationIcon", width: "20", height: "20", className: "text-primary-main box-border mr-2", asSVG: true }), city] }), children, jsx("div", { className: "mb-7", children: burgerSubMenu?.map(renderBurgerSubMenuItem) }), jsx(SearchBar, { context: context, className: "grow" })] }));
+    });
+    const renderBurgerSubMenuItem = (menu, i) => {
+        const { icon, href, text } = menu;
+        return (jsxs("a", { href: href, className: "flex text-s mb-4 hover:text-primary-main", children: [icon ? (jsx(Img, { className: "text-primary-main pr-1", image: icon, width: "24", height: "24", asSVG: true })) : null, jsx("span", { className: "font-medium pl-0.5", children: text })] }, `headerSubMenu-${i}`));
+    };
+
+    const HeaderTop = JSX(({ onClick, bgColor }) => (jsxs("div", { className: "flex items-center justify-between border-0 border-b border-main-divider h-[50px]", children: [jsxs("div", { className: "flex items-center", children: [jsx("button", { className: "pl-0 pr-4 border-0 bg-transparent cursor-pointer", onClick: onClick, "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E", children: jsx(Img, { image: { icon: 'BurgerIcon', iconVersion: bgColor === 'bg-white' ? 'black' : 'white' }, className: "text-primary-text w-6 h-6", width: "24", height: "24", asSVG: true }) }), jsx(Logo, { className: "mr-8", bgColor: bgColor })] }), jsx("button", { className: `${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-s border-0 bg-transparent cursor-pointer`, children: "\u0412\u043E\u0439\u0442\u0438" })] })));
+
+    const Header = JSX(({ className = '', defaultLocation, bgColor = 'bg-white', context, topItems }) => {
+        const router = context.useRouter();
+        const sitemap = useSitemap();
+        const dispositions = sitemap?.dispositions;
+        const { handlerDecorator } = context;
+        const mergedItems = mergeTopItems(sitemap.topItems, topItems);
+        const activeTopItem = mergedItems.find(isTopItemActive(router));
+        const subItems = activeTopItem?.items;
+        const activeSubItem = findActiveSubItem(router)(subItems);
+        const [burgerMenuShow, setBurgerMenuShow] = useState(false);
+        const toggleBurgerMenu = () => setBurgerMenuShow(!burgerMenuShow);
+        return (jsxs("header", { className: `${bgColor} ${className}`, children: [jsxs("div", { className: "container px-4 py-0 box-border", children: [jsx(HeaderTop, { onClick: toggleBurgerMenu, bgColor: bgColor }), jsx("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]", children: jsx("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => renderSubItem({
+                                    ...useLink({ router, handlerDecorator }, _),
+                                    active: _ === activeSubItem,
+                                    bgColor,
+                                }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(Accordion, { context: context, accordionItems: getAccordionItems(sitemap.topItems), className: "!p-0 mb-4" }) })) : null] }));
+    });
+    const renderSubItem = (item, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", ...item }, String(i)));
+
+    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 'S';
+        }
+        else if (colSpan <= 8) {
+            return 'M';
+        }
+        else {
+            return 'L';
+        }
+    }
+
+    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 GOLDEN_RATIO = 1.618;
+    const Placeholder = JSX(({ className, context, title, description = 'Блок в разработке...', ...rest }) => {
+        return (jsxs(BlockWrapper, { context: context, className: `bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: [jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, headlineVersion: getTileHeadingType(className) }), jsx("figure", { className: "m-0 min-w-[80%]", children: renderShimmer() })] }));
+    });
+    const renderShimmer = (size = 3) => goldenSequence(100, size)
+        .map((_) => Math.floor(_))
+        .map(renderShimmerItem);
+    const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-2 bg-secondary-light" }, String(index)));
+    const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
+
+    const productGalleryStyleMap = {
+        primary: 'bg-white text-primary-text',
+        secondary: 'bg-primary-main text-white',
+    };
+    const ProductGalleryBlock = JSX(({ block, context, className = '' }) => {
+        const version = block?.version ?? 'primary';
+        return (jsx("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${productGalleryStyleMap[version]} ${className}`, role: "listitem", children: jsx("div", { className: "flex grow", children: jsx(ProductBlockInner, { context: context, ...block }) }) }));
+    });
+
+    const ProductGallery = JSX(({ className, context, slides = [] }) => {
+        const galleryBlocks = slides.map((s) => s.productBlock);
+        return (jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
+    });
+
+    const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);
+
+    const STEPS_BLOCK_STYLE_MAPS = {
+        primary: {
+            background: 'bg-white',
+            title: 'text-primary-text',
+            description: 'text-secondary-text',
+            iconText: 'text-secondary-text',
+            iconBackground: 'bg-main-divider',
+            iconConnector: 'bg-secondary-light',
+        },
+        secondary: {
+            background: 'bg-primary-main',
+            title: 'text-white',
+            description: 'text-white/80',
+            iconText: 'text-white',
+            iconBackground: 'bg-white/30',
+            iconConnector: 'bg-white',
+        },
+    };
+
+    const STEPS_SIZE_MAP = {
+        normal: 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]',
+        small: 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]',
+    };
+    const STEPS_TILE_DESCRIPTION_HEIGHT_MAP = {
+        normal: 'min-h-[70px]',
+        small: 'min-h-[50px]',
+    };
+    const StepsBlock = JSX(({ className, title, description, showLines = true, steps, size = 'normal', version = 'primary', }) => {
+        const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
+        return (jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
         ${styleMap.background} ${styleMap.title} ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: `text-center ${styleMap.title}`, title: title })) : null, description ? (jsx("p", { className: `text-m-light text-center ${styleMap.description} ${title ? 'mt-2' : ''}`, children: description })) : null, steps?.length ? (jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map(renderStepTitle(size, version, showLines)) }) })) : null] }));
-  });
-  const renderStepTitle = (size, version, showLines) => (step, i, steps) => {
-      const isLastStep = steps.length - 1 === i;
-      const margin = size === 'normal' ? 'ml-[34px]' : 'ml-6';
-      const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
-      return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { className: "overflow-hidden", children: [renderIconArea(size, version)(step, i), isLastStep ? null : (jsx("div", { className: `min-h-8 h-full w-[2px] ${showLines ? styleMap.iconConnector : ''} ${margin}` }))] }), jsxs("div", { className: `flex flex-col justify-center h-fit ${STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]}`, children: [step.label ? (jsx("div", { className: "text-m-title-xs font-medium m-0 text-left mb-1", children: step.label })) : null, step.description ? (jsx("div", { className: `text-s ${styleMap.description} text-left`, children: step.description })) : null] })] }) }, String(i)));
-  };
-  const renderIconArea = (size, version) => (step, i) => {
-      const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
-      const iconAreaSize = STEPS_SIZE_MAP[size];
-      const iconSize = size === 'normal' ? '38' : '27';
-      const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
-      return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (jsx(Img, { image: step.icon, width: iconSize, height: iconSize, asSVG: true })) : (jsx("span", { children: i + 1 })) }) }));
-  };
-
-  const TableTileHeader = JSX(({ title, icon }) => {
-      return (jsxs("div", { className: "flex gap-2.5 mb-2", children: [title ? jsx(Heading, { headingType: "h3", className: "font-medium", title: title }) : null, icon ? (jsx(Img, { className: "ml-auto max-w-6 max-h-6", image: icon, width: "24px", height: "24px" })) : null] }));
-  });
-
-  const getButtonAriaLabel = (icon) => icon?.alt || icon?.title || IconTitleMap[icon?.icon ? icon.icon : ''];
-
-  const TariffsTableTileCell = JSX(({ header, data }) => {
-      return (jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [jsx(TableTileHeader, { ...header }), data?.length ? data.map(renderCellInner) : null] }));
-  });
-  const renderCellInner = ({ label, description, list, image, buttons }, i) => (jsxs("div", { children: [i > 0 && (jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-2" })), label ? jsx("div", { className: "text-s m-0", children: label }) : null, description ? jsx("div", { className: "text-s text-secondary-text mt-[3px]", children: description }) : null, list?.items?.length ? renderList(list) : null, image ? jsx(Img, { image: { ...image, className: 'm-0' } }) : null, buttons?.length ? renderButtons(buttons) : null] }, String(i)));
-  const renderList = (list) => (jsx(List, { className: "flex flex-col justify-between items-start text-s", version: "gray", items: list.items, isDotted: list.isDotted ?? true }));
-  const renderButtons = (buttons) => (jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`, ariaLabel: getButtonAriaLabel(icon), rounded: rounded, appendLeft: icon ? jsx(Img, { image: icon, width: "24px", height: "24px", asSVG: true }) : null, ...buttonProps, "aria-label": icon }, String(idx)))) }));
-
-  const TariffsTableHorizontal = JSX(({ tiles, context }) => (jsx(SwipeListControl, { context: context, children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
-
-  const TariffsTableVertical = JSX(({ tiles }) => (jsx("div", { className: "flex flex-col gap-3.5", children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
-
-  const TariffsTable = JSX(({ className, context, title, description, columns, rowHeaders, orientation = 'vertical' }) => {
-      const colData = getColData(columns);
-      const tiles = getTiles(rowHeaders, colData);
-      const headingMargin = description ? 'mb-2' : 'mb-5';
-      return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${headingMargin}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
-  });
-  function renderOrientationTable(orientation, tiles, context) {
-      return orientation === 'vertical' ? (jsx(TariffsTableVertical, { tiles: tiles })) : (jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
-  }
-  const getColData = (columns) => columns?.[0].data ? columns[0].data : [];
-  const getTiles = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
-      header,
-      data: colData?.[i] || [{}],
-  }));
-
-  const Blocks = {
-      Accordion,
-      ComparisonTable,
-      ExchangeRateTile,
-      Footer,
-      Gallery,
-      Header,
-      Headline,
-      LinkDocs,
-      LinkList,
-      MobileAppTile,
-      ProductBlock,
-      ProductGallery,
-      StepsBlock,
-      TariffsTable,
-      TextBlock,
-      Placeholder,
-  };
-
-  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() })));
-  const renderLikeIcon = () => {
-      const params = {
-          stroke: '#292D32',
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          strokeWidth: '1.5',
-      };
-      return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("path", { ...params, strokeMiterlimit: "10", 
-                  /* eslint-disable max-len */
-                  d: "M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77" }), jsx("path", { ...params, d: "M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z" })] }));
-  };
-
-  const LikeControl = JSX(({ className, context, ...rest }) => {
-      const likeService = context.useLikeService();
-      return (jsxs(BlockWrapper, { tag: "div", context: context, className: `border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className || ''}`, ...rest, children: [jsx(LikeButton, { onClick: likeService.like, ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u043B\u0430\u0439\u043A\u00BB" }), jsx(LikeButton, { onClick: likeService.dislike, className: "rotate-180", ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u0434\u0438\u0437\u043B\u0430\u0439\u043A\u00BB" }), jsx("span", { className: "select-none", children: likeService.likeCount })] }));
-  });
-
-  const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
-  const ContentPage = JSX(({ className = '', context, blocksRegistry, data = {}, blockDecorator = defaultBlockDecorator, }) => {
-      const { style: pageStyle, blocks, slots = {}, likeControl, colorPalette = 'pc' } = data;
-      const { header } = slots;
-      return (jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [header?.blocks?.length ? (jsx("div", { className: `${style2className(header?.style)}`, children: header.blocks.map((block, i) => renderBlock({ block, page: data, blockDecorator, blocksRegistry, context }, i)) })) : null, blocks?.length ? (jsx("div", { className: "container grid grid-cols-12 gap-1", children: blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context, page: data }, i)) })) : null, likeControl ? (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }, "LikeControl") })) : null] }));
-  });
-  function renderBlock({ block, blockDecorator, blocksRegistry, context, page }, i) {
-      const { type } = block;
-      if (!(type && type in blocksRegistry)) {
-          console.warn(`No block with "${type}" is registered`);
-      }
-      const BlockComponent = blocksRegistry[type || 'Placeholder'] || Placeholder;
-      return blockDecorator({
-          blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
-          block,
-          render: (props) => {
-              const { version, content, anchor, labels } = props.block;
-              return (jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, page: page, anchor: anchor, labels: labels, ...content }, `${type}-${i}`));
-          },
-      }, `block-${i}`);
-  }
-
-  function joinList(sep) {
-      return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
-  }
-
-  exports.Blocks = Blocks;
-  exports.ContentPage = ContentPage;
-  exports.DaDataAPI = DaDataAPI;
-  exports.LikeAPI = LikeAPI;
-  exports.joinList = joinList;
-  exports.projectSettings = projectSettings;
-  exports.setup = setup;
-  exports.url = url;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
+    });
+    const renderStepTitle = (size, version, showLines) => (step, i, steps) => {
+        const isLastStep = steps.length - 1 === i;
+        const margin = size === 'normal' ? 'ml-[34px]' : 'ml-6';
+        const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
+        return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { className: "overflow-hidden", children: [renderIconArea(size, version)(step, i), isLastStep ? null : (jsx("div", { className: `min-h-8 h-full w-[2px] ${showLines ? styleMap.iconConnector : ''} ${margin}` }))] }), jsxs("div", { className: `flex flex-col justify-center h-fit ${STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]}`, children: [step.label ? (jsx("div", { className: "text-m-title-xs font-medium m-0 text-left mb-1", children: step.label })) : null, step.description ? (jsx("div", { className: `text-s ${styleMap.description} text-left`, children: step.description })) : null] })] }) }, String(i)));
+    };
+    const renderIconArea = (size, version) => (step, i) => {
+        const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
+        const iconAreaSize = STEPS_SIZE_MAP[size];
+        const iconSize = size === 'normal' ? '38' : '27';
+        const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
+        return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (jsx(Img, { image: step.icon, width: iconSize, height: iconSize, asSVG: true })) : (jsx("span", { children: i + 1 })) }) }));
+    };
+
+    const TableTileHeader = JSX(({ title, icon }) => {
+        return (jsxs("div", { className: "flex gap-2.5 mb-2", children: [title ? jsx(Heading, { headingType: "h3", className: "font-medium", title: title }) : null, icon ? (jsx(Img, { className: "ml-auto max-w-6 max-h-6", image: icon, width: "24px", height: "24px" })) : null] }));
+    });
+
+    const getButtonAriaLabel = (icon) => icon?.alt || icon?.title || IconTitleMap[icon?.icon ? icon.icon : ''];
+
+    const TariffsTableTileCell = JSX(({ header, data }) => {
+        return (jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [jsx(TableTileHeader, { ...header }), data?.length ? data.map(renderCellInner) : null] }));
+    });
+    const renderCellInner = ({ label, description, list, image, buttons }, i) => (jsxs("div", { children: [i > 0 && (jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-2" })), label ? jsx("div", { className: "text-s m-0", children: label }) : null, description ? jsx("div", { className: "text-s text-secondary-text mt-[3px]", children: description }) : null, list?.items?.length ? renderList(list) : null, image ? jsx(Img, { image: { ...image, className: 'm-0' } }) : null, buttons?.length ? renderButtons(buttons) : null] }, String(i)));
+    const renderList = (list) => (jsx(List, { className: "flex flex-col justify-between items-start text-s", version: "gray", items: list.items, isDotted: list.isDotted ?? true }));
+    const renderButtons = (buttons) => (jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`, ariaLabel: getButtonAriaLabel(icon), rounded: rounded, appendLeft: icon ? jsx(Img, { image: icon, width: "24px", height: "24px", asSVG: true }) : null, ...buttonProps, "aria-label": icon }, String(idx)))) }));
+
+    const TariffsTableHorizontal = JSX(({ tiles, context }) => (jsx(SwipeListControl, { context: context, children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
+
+    const TariffsTableVertical = JSX(({ tiles }) => (jsx("div", { className: "flex flex-col gap-3.5", children: tiles.map((tile, i) => (jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
+
+    const TariffsTable = JSX(({ className, context, title, description, columns, rowHeaders, orientation = 'vertical' }) => {
+        const colData = getColData(columns);
+        const tiles = getTiles(rowHeaders, colData);
+        const headingMargin = description ? 'mb-2' : 'mb-5';
+        return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${headingMargin}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
+    });
+    function renderOrientationTable(orientation, tiles, context) {
+        return orientation === 'vertical' ? (jsx(TariffsTableVertical, { tiles: tiles })) : (jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
+    }
+    const getColData = (columns) => columns?.[0].data ? columns[0].data : [];
+    const getTiles = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
+        header,
+        data: colData?.[i] || [{}],
+    }));
+
+    const Blocks = {
+        Accordion,
+        ComparisonTable,
+        ExchangeRateTile,
+        Footer,
+        Gallery,
+        Header,
+        Headline,
+        LinkDocs,
+        LinkList,
+        MobileAppTile,
+        ProductBlock,
+        ProductGallery,
+        StepsBlock,
+        TariffsTable,
+        TextBlock,
+        Placeholder,
+    };
+
+    const ASSIST_BASE_URL = process.env.NEXT_PUBLIC_ASSIST_BASE_URL || '';
+    const PROJECT_ID = process.env.NEXT_PUBLIC_PROJECT_ID || '';
+    const api = LikeAPI(PROJECT_ID, ASSIST_BASE_URL);
+    function useLikeService(pagePath) {
+        const [likeCount, setLikeCount] = useState(0);
+        useEffect(() => {
+            (async () => {
+                const [likeData] = await api.getLikeCount(pagePath);
+                setLikeCount(likeData?.value || 0);
+            })();
+        }, [pagePath]);
+        const like = useCallback(async () => {
+            setLikeCount(await api.like(pagePath));
+        }, [pagePath]);
+        const dislike = useCallback(async () => {
+            setLikeCount(await api.dislike(pagePath));
+        }, [pagePath]);
+        return {
+            likeCount,
+            like,
+            dislike,
+        };
+    }
+
+    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() })));
+    const renderLikeIcon = () => {
+        const params = {
+            stroke: '#292D32',
+            strokeLinecap: 'round',
+            strokeLinejoin: 'round',
+            strokeWidth: '1.5',
+        };
+        return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("path", { ...params, strokeMiterlimit: "10", 
+                    /* eslint-disable max-len */
+                    d: "M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77" }), jsx("path", { ...params, d: "M2.38 18.35v-9.8c0-1.4.6-1.9 2-1.9h1c1.4 0 2 .5 2 1.9v9.8c0 1.4-.6 1.9-2 1.9h-1c-1.4 0-2-.5-2-1.9Z" })] }));
+    };
+
+    const LikeControl = JSX(({ className, context, ...rest }) => {
+        const { useRouter, handlerDecorator = defaultHandlerDecorator } = context;
+        const router = useRouter();
+        const likeService = useLikeService(router.pathname);
+        return (jsxs(BlockWrapper, { tag: "div", context: context, className: `border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className || ''}`, ...rest, children: [jsx(LikeButton, { onClick: handlerDecorator(likeService.like), ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u043B\u0430\u0439\u043A\u00BB" }), jsx(LikeButton, { onClick: handlerDecorator(likeService.dislike), className: "rotate-180", ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u0434\u0438\u0437\u043B\u0430\u0439\u043A\u00BB" }), jsx("span", { className: "select-none", children: likeService.likeCount })] }));
+    });
+
+    const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
+    const ContentPage = JSX(({ className = '', context, blocksRegistry, data = {}, blockDecorator = defaultBlockDecorator, }) => {
+        const { style: pageStyle, blocks, slots = {}, likeControl, colorPalette = 'pc' } = data;
+        const { header } = slots;
+        return (jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [header?.blocks?.length ? (jsx("div", { className: `${style2className(header?.style)}`, children: header.blocks.map((block, i) => renderBlock({ block, page: data, blockDecorator, blocksRegistry, context }, i)) })) : null, blocks?.length ? (jsx("div", { className: "container grid grid-cols-12 gap-1", children: blocks.map((block, i) => renderBlock({ block, blockDecorator, blocksRegistry, context, page: data }, i)) })) : null, likeControl ? (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto", context: context }, "LikeControl") })) : null] }));
+    });
+    function renderBlock({ block, blockDecorator, blocksRegistry, context, page }, i) {
+        const { type } = block;
+        if (!(type && type in blocksRegistry)) {
+            console.warn(`No block with "${type}" is registered`);
+        }
+        const BlockComponent = blocksRegistry[type || 'Placeholder'] || Placeholder;
+        return blockDecorator({
+            blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
+            block,
+            render: (props) => {
+                const { version, content, anchor, labels } = props.block;
+                return (jsx(BlockComponent, { className: props.blockClassName, version: version, context: context, page: page, anchor: anchor, labels: labels, ...content }, `${type}-${i}`));
+            },
+        }, `block-${i}`);
+    }
+
+    function joinList(sep) {
+        return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
+    }
+
+    exports.Blocks = Blocks;
+    exports.ContentPage = ContentPage;
+    exports.DaDataAPI = DaDataAPI;
+    exports.LikeAPI = LikeAPI;
+    exports.joinList = joinList;
+    exports.projectSettings = projectSettings;
+    exports.setup = setup;
+    exports.setupHooks = setupHooks;
+    exports.url = url;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
 
 }));