@redneckz/wildless-cms-uni-blocks 0.5.3 → 0.5.5

package/mobile/src/hooks/useScript.ts

@@ -0,0 +1,97 @@
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+
+export type ScriptStatus = 'idle' | 'loading' | 'ready' | 'error';
+export interface UseScriptOptions {
+  shouldPreventLoad?: boolean;
+  removeOnUnmount?: boolean;
+}
+
+const cachedScriptStatuses: Record<string, ScriptStatus | undefined> = {};
+
+function getScriptNode(src: string) {
+  const node: HTMLScriptElement | null = document.querySelector(`script[src="${src}"]`);
+  const status = node?.getAttribute('data-status') as ScriptStatus | undefined;
+
+  return {
+    node,
+    status,
+  };
+}
+
+function getScriptStatus(type) {
+  return type === 'load' ? 'ready' : 'error';
+}
+
+function getInitialValueStatus(src: string | null, options?: UseScriptOptions) {
+  if (!src || options?.shouldPreventLoad) {
+    return 'idle';
+  }
+
+  if (typeof window === 'undefined') {
+    return 'loading';
+  }
+
+  return cachedScriptStatuses[src] ?? 'loading';
+}
+
+export function useScript(src: string | null, options?: UseScriptOptions): ScriptStatus {
+  const [status, setStatus] = useState<ScriptStatus>(getInitialValueStatus(src, options));
+
+  // eslint-disable-next-line complexity
+  useEffect(() => {
+    if (!src || options?.shouldPreventLoad) {
+      return undefined;
+    }
+
+    const cachedScriptStatus = cachedScriptStatuses[src];
+    if (cachedScriptStatus === 'ready' || cachedScriptStatus === 'error') {
+      setStatus(cachedScriptStatus);
+
+      return undefined;
+    }
+
+    const script = getScriptNode(src);
+    let scriptNode = script.node;
+
+    if (!scriptNode) {
+      scriptNode = document.createElement('script');
+      scriptNode.src = src;
+      scriptNode.async = true;
+      scriptNode.setAttribute('data-status', 'loading');
+      document.body.appendChild(scriptNode);
+
+      const setAttributeFromEvent = (event: Event) => {
+        const scriptStatus: ScriptStatus = getScriptStatus(event.type);
+
+        scriptNode?.setAttribute('data-status', scriptStatus);
+      };
+
+      scriptNode.addEventListener('load', setAttributeFromEvent);
+      scriptNode.addEventListener('error', setAttributeFromEvent);
+    } else {
+      setStatus(script.status ?? cachedScriptStatus ?? 'loading');
+    }
+
+    const setStateFromEvent = (event: Event) => {
+      const newStatus = getScriptStatus(event.type);
+      setStatus(newStatus);
+      cachedScriptStatuses[src] = newStatus;
+    };
+
+    scriptNode.addEventListener('load', setStateFromEvent);
+    scriptNode.addEventListener('error', setStateFromEvent);
+
+    return () => {
+      if (scriptNode) {
+        scriptNode.removeEventListener('load', setStateFromEvent);
+        scriptNode.removeEventListener('error', setStateFromEvent);
+      }
+
+      if (scriptNode && options?.removeOnUnmount) {
+        scriptNode.remove();
+      }
+    };
+  }, [src, options?.shouldPreventLoad, options?.removeOnUnmount]);
+
+  return status;
+}

package/mobile/src/icons/IconName.ts

@@ -2,11 +2,11 @@
 // Generated. Do not touch
 /* eslint-disable max-len, max-lines */
 export enum IconMap {
-  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MasterCardIcon = 'MasterCardIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon'
+  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MasterCardIcon = 'MasterCardIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon'
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолет', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка', ArrowUpIcon = 'Стрелка вверх', AtmIcon = 'Банкомат', BankIcon = 'Банк', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кино', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MasterCardIcon = 'MasterCard', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'PackA4Icon', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолет', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка', ArrowUpIcon = 'Стрелка вверх', AtmIcon = 'Банкомат', BankIcon = 'Банк', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кино', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'PackA4Icon', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StateMortgageIcon = 'StateMortgageIcon', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
 }
 
 /**
@@ -14,7 +14,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4Icon', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4Icon', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
-export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MasterCardIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StateMortgageIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon';
+export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StateMortgageIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon';

package/mobile/src/icons/MapMarkerClusterIcon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" title="Маркер карты" width="88" height="94" fill="none"><g opacity=".1" filter="url(#a)"><ellipse cx="44.5" cy="65.5" rx="11.5" ry="1.5" fill="#1C1C1C"/></g><g filter="url(#b)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 62.36c-1.506 2.197-1.507 2.196-1.507 2.196l-.006-.004-.014-.009-.045-.03-.156-.104a34.7 34.7 0 0 1-.561-.386 57.212 57.212 0 0 1-7.824-6.667C29.707 53.066 25 46.701 25 39.48c0-4.901 2.002-9.602 5.565-13.067C34.128 22.947 38.961 21 44 21c5.04 0 9.872 1.947 13.435 5.413C60.998 29.878 63 34.579 63 39.48c0 7.221-4.707 13.585-8.887 17.876a57.212 57.212 0 0 1-7.824 6.667 34.7 34.7 0 0 1-.717.49l-.045.03-.014.009-.004.003s-.003.002-1.509-2.195Zm0 0 1.506 2.197a2.78 2.78 0 0 1-3.013 0L44 62.36Z" fill="#42AB44"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M31 40c0-7.18 5.82-13 13-13s13 5.82 13 13-5.82 13-13 13-13-5.82-13-13Z" fill="#fff"/><defs><filter id="a" x="27" y="58" width="35" height="15" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_9189_125614"/></filter><filter id="b" x="0" y="0" width="88" height="94" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="12.5"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9189_125614"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_9189_125614" result="shape"/></filter></defs></svg>

package/mobile/src/icons/MapMarkerSingleIcon.svg

@@ -0,0 +1 @@
+<svg title="Маркер карты РСХБ" width="88" height="94" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".1" filter="url(#a)"><ellipse cx="44.5" cy="65.5" rx="11.5" ry="1.5" fill="#1C1C1C"/></g><g filter="url(#b)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 62.36c-1.506 2.197-1.507 2.196-1.507 2.196l-.006-.004-.014-.009-.045-.03-.156-.104a34.7 34.7 0 0 1-.561-.386 57.212 57.212 0 0 1-7.824-6.667C29.707 53.066 25 46.701 25 39.48c0-4.901 2.002-9.602 5.565-13.067C34.128 22.947 38.961 21 44 21c5.04 0 9.872 1.947 13.435 5.413C60.998 29.878 63 34.579 63 39.48c0 7.221-4.707 13.585-8.887 17.876a57.212 57.212 0 0 1-7.824 6.667 34.7 34.7 0 0 1-.717.49l-.045.03-.014.009-.004.003s-.003.002-1.509-2.195Zm0 0 1.506 2.197a2.78 2.78 0 0 1-3.013 0L44 62.36Z" fill="#42AB44"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M31 40c0-7.18 5.82-13 13-13s13 5.82 13 13-5.82 13-13 13-13-5.82-13-13Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="m41 40 2-2.382V36l-2 2.37V40ZM41 34l2-1.83V31l-2 1.818V34ZM41 36l2-1.828V33l-2 1.82V36ZM39.7 31.098l-.27-.311V27h-.3v3.426l-.26-.317V27h-.305v2.754l-.265-.317V27H38v3.612L40 33v-6h-.3v4.098Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="m41 38 2-1.828V35l-2 1.82V38ZM38 37.618 40 40v-1.63L38 36v1.618ZM42.699 29.437l-.265.317V27h-.301v3.115l-.266.311V27h-.3v3.781l-.266.317V27H41v6l2-2.388V27h-.301v2.437ZM38 32.17 40 34v-1.182L38 31v1.17ZM38 34.172 40 36v-1.18L38 33v1.172Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38 36.172 40 38v-1.18L38 35v1.172ZM51.715 37.07h-5.519c.117-.21.184-.454.184-.715 0-.75-.535-1.355-1.193-1.355-.657 0-1.187.61-1.187 1.355 0 .296.081.564.224.785a.45.45 0 0 0-.173.36.45.45 0 0 0 .173.36c-.137.221-.224.495-.224.785 0 .75.53 1.355 1.187 1.355.658 0 1.193-.605 1.193-1.355 0-.261-.067-.511-.184-.715h4.107v.285h-.407v.401h.407v.413h-.407v.762h.407v-.343h.602v.343h.402v-.762h-.403v-.413h.403v-.4h-.403v-.286h.81c.159 0 .286-.15.286-.331v-.204c0-.174-.133-.325-.285-.325Zm-5.911 1.581c0 .384-.275.698-.617.698-.336 0-.611-.314-.611-.698 0-.14.035-.273.102-.384l.168-.331a.609.609 0 0 1-.173-.436c0-.174.066-.331.173-.436l-.168-.331a.732.732 0 0 1-.102-.384c0-.384.275-.698.611-.698.337 0 .617.314.617.698 0 .285-.286.965-.286.965v.366c-.005.006.286.686.286.971ZM36 36v1.543c0 1.474.582 2.422.918 2.788l2.217 2.402c.62.668.726.89.865 1.267v-1.707c0-1.522-.697-2.11-1.058-2.497-.836-.901-1.399-1.495-1.85-1.993C36.23 36.853 36 36 36 36ZM38.941 43.637c-.838-.92-1.4-1.517-1.853-2.023C36.226 40.651 36 40 36 40v1.35c0 1.496.606 2.448.915 2.841l2.219 2.426c.62.678.726 1.001.866 1.383v-1.83c0-1.543-.703-2.14-1.059-2.533Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.002 30c-.16 0-.32.005-.48.01v.68c.155-.01.316-.015.48-.015 5.147 0 9.318 4.172 9.318 9.325 0 5.148-4.171 9.32-9.318 9.32-5.146 0-9.322-4.172-9.322-9.32a9.3 9.3 0 0 1 3.311-7.123v-.871A9.983 9.983 0 0 0 34 40c0 5.523 4.476 10 10.002 10C49.524 50 54 45.523 54 40s-4.476-10-9.998-10Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M51 45c.352-.21.682-.431 1-.657V43h-1v2ZM52.766 43c.082-.333.165-.667.234-1h-2v.607h.303c.531-.017 1.132-.026 1.463.393Z" fill="#42AB44"/><path d="M43 42h-1v4h1v-4Z" fill="#42AB44"/><path fill-rule="evenodd" clip-rule="evenodd" d="M41.404 41.403h1.33c.344 0 .584.07.722.203s.205.372.205.714v3.796c0 .341-.061.58-.205.713-.21.21-.598.21-.92.21-.072-.006-.144-.006-.206-.006v1.799c.134.025.267.05.405.071v-1.477c.614 0 1.013-.21 1.202-.627V49h.133c.087 0 .17 0 .256-.005v-6.609c0-.352.072-.596.205-.734.133-.142.373-.209.711-.209.343 0 .85-.05 1.11.21.134.137.195.386.195.733v1.947h-.91v-2.08h-.395v6.67a5.32 5.32 0 0 0 .394-.06v-4.138h.911v3.928c.19-.05.374-.112.558-.178v-3.597c0-.408.097-.714.517-.856l-.46-2.502h.92l.154 2.731h.112l.154-2.731h.972l-.522 2.502c.435.153.522.418.522.856V47.2c.271-.204.527-.418.773-.652v-5.05h2.702c.02-.122.036-.24.051-.367h-6.325l.087.454c-.2-.367-.578-.55-1.136-.55h-.394c-.67 0-1.08.265-1.233.795-.144-.556-.568-.831-1.27-.831H41v7.455c.133.046.266.092.4.132v-7.184h.004Zm8.387 2.868-.434-.412.434-2.242v2.654Z" fill="#42AB44"/><defs><filter id="a" x="27" y="58" width="35" height="15" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_9189_125230"/></filter><filter id="b" x="0" y="0" width="88" height="94" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="12.5"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9189_125230"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_9189_125230" result="shape"/></filter></defs></svg>

package/mobile/src/react/setup-fixture.ts

@@ -1,10 +1,14 @@
 import '@redneckz/uni-jsx/lib/setup.react';
 import { useState } from 'react';
 import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
+import { projectSettings } from '../ProjectSettings';
+import wlc from '../wlc.json';
 import { IntersectionObserverTag } from './IntersectionObserverTag';
 
 const TEST_ORIGIN = 'http://localhost:5001';
 
+projectSettings.setup(wlc);
+
 const Router = () => {
   const [href, setHref] = useState<string>(globalThis.location.href);
 

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

@@ -32,7 +32,7 @@ export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
       {icon ? (
         <div className={renderBenefitIconBgStyle(version, benefitsVersion)}>
           <Img
-            className="w-[24px] h-[24px]"
+            className="w-6 h-6"
             image={{ ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }}
             asSVG
           />
@@ -57,5 +57,5 @@ function renderBenefitIconBgStyle(version, benefitsVersion) {
     bgColorStyle = 'bg-secondary-light text-primary-main';
   }
 
-  return `w-[50px] h-[50px] min-w-[50px] rounded-full p-[10px] box-border flex items-center justify-center ${bgColorStyle}`;
+  return `w-[50px] h-[50px] min-w-[50px] rounded-full p-2.5 box-border flex items-center justify-center ${bgColorStyle}`;
 }

package/mobile/src/ui-kit/Button/LikeButton.tsx

@@ -10,7 +10,7 @@ export interface LikeButtonProps {
 export const LikeButton = JSX<LikeButtonProps>(({ className, onClick, ariaLabel }) => (
   <button
     type="button"
-    className={`border-0 w-[36px] bg-inherit cursor-pointer ${className || ''}`}
+    className={`border-0 w-9 bg-inherit cursor-pointer ${className || ''}`}
     onClick={onClick}
     aria-label={ariaLabel}
   >

package/mobile/src/ui-kit/SearchBar/SearchBarInner.tsx

@@ -11,7 +11,7 @@ export interface SearchBarInnerProps {
 export const SearchBarInner = JSX<SearchBarInnerProps>(({ className, isMobile = false }) => {
   const { term, setTerm } = useSearch();
 
-  const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
+  const LoupeIconClassName = isMobile ? 'w-5 h-5' : 'w-6 h-6';
   const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
   const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
   const inputPlaceholder = isMobile ? 'some search' : undefined;

package/mobile/src/wlc.json

@@ -0,0 +1,5 @@
+{
+  "PROD_BRANCH": "master",
+  "FORCED_DRAFT_FLOW": false,
+  "YANDEX_MAP_API_KEY": "f4b40c1e-1891-45f2-b307-90c481af210b"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -115,7 +115,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@redneckz/uni-jsx": "^2.1.3",
+    "@redneckz/uni-jsx": "^2.1.6",
     "glob": "^8.0.3",
     "remark-html": "^15.0.1",
     "remark-parse": "^10.0.1",
@@ -139,6 +139,7 @@
     "copyfiles": "^2.4.1",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.11",
+    "cypress-mochawesome-reporter": "^3.2.3",
     "eslint": "^8.21.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-local-eslint-rules": "./eslint-rules",

package/src/ProjectSettings.ts

@@ -6,6 +6,7 @@ export interface ProjectSettings {
   ASSIST_PROJECT_ID?: string;
   SITEMAP?: string;
   CDN?: string; // Should ends with "/"
+  YANDEX_MAP_API_KEY?: string;
 }
 
 export const projectSettings = new (class implements ProjectSettings {
@@ -39,4 +40,7 @@ export const projectSettings = new (class implements ProjectSettings {
   get CDN() {
     return this._.CDN;
   }
+  get YANDEX_MAP_API_KEY() {
+    return this._.YANDEX_MAP_API_KEY;
+  }
 })();

package/src/components/Bonus/Bonus.tsx

@@ -42,7 +42,7 @@ export const Bonus = JSX<BonusProps>((props) => {
                           <span className="font-mohave -tracking-[5px] text-title-extra bg-clip-text text-transparent bg-green-to-yellow -mb-7">
                             {_.bonusCount}
                           </span>
-                          <span className="text-[44px] bg-clip-text text-transparent bg-green-to-yellow">
+                          <span className="text-h2 bg-clip-text text-transparent bg-green-to-yellow">
                             {_.bonusName}
                           </span>
                         </div>

package/src/components/Calculator/Calculator.tsx

@@ -92,7 +92,7 @@ function renderNavButton({ tab, i, activeSlideIndex, onClick }: NavButtonProps)
       ${btnClassName}`}
     >
       <Img
-        className={`h-[24px] w-[24px] min-w-[24px] min-h-[24px] mr-4 ${iconClassName}`}
+        className={`h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`}
         image={{ ...tab?.icon, iconVersion: isActiveBtn ? 'white' : 'normal' }}
         width="24"
         height="24"

package/src/components/ErrorBlock/ErrorBlock.example.json

@@ -1,13 +1,13 @@
 {
-  "title": "Страница не найдена",
-  "subtitle": "Возможно неправильно набран адрес или такой странице не существует",
+  "title": "Заголовок",
+  "subtitle": "Описание",
   "error": {
     "errorContentType": "Code",
-    "code": 404
+    "code": "404"
   },
   "button": {
-    "text": "Вернуться на главную",
+    "text": "Кнопка",
     "version": "primary",
-    "target": "_blank"
+    "target": "_self"
   }
 }

package/src/components/ErrorBlock/ErrorBlock.fixture.tsx

@@ -30,7 +30,7 @@ export default {
         subtitle="Возможно неправильно набран адрес или такой странице не существует"
         error={{
           errorContentType: 'Code',
-          code: 404,
+          code: '404',
         }}
         button={buttonPrimary}
       />
@@ -41,8 +41,8 @@ export default {
       <ErrorBlock
         className="col-span-12"
         context={context}
-        title="Страница не найдена"
-        subtitle="Возможно неправильно набран адрес или такой странице не существует"
+        title="Ваш браузер устарел"
+        subtitle="Чтобы открыть наш сайт обновите Ваш браузер или скачайте обновленные версии браузеров"
         error={{
           errorContentType: 'Image',
           image: image,

package/src/components/ErrorBlock/ErrorBlock.tsx

@@ -10,11 +10,11 @@ export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
 const renderErrorContent = (error: ErrorBlockContent['error']) => {
   if (error?.errorContentType === 'Image' && error?.image) {
-    return <Img className="mb-7" image={error.image} />;
+    return <Img image={error.image} />;
   }
 
   if (error?.errorContentType === 'Code' && error.code) {
-    return <div className="text-title-extra gradient-color-text">{error.code}</div>;
+    return <div className="font-mohave text-title-extra gradient-color-text">{error.code}</div>;
   }
 
   return null;
@@ -26,10 +26,17 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
     const router = useRouter();
 
     return (
-      <section className={`flex flex-col justify-center items-center ${className}`} role="listitem">
-        <div className="flex justify-center mb-7">{renderErrorContent(error)}</div>
+      <section
+        className={`flex flex-col justify-center items-center mt-12 ${className}`}
+        role="listitem"
+      >
+        <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
         {title ? <Heading headingType="h1" className="text-left mb-4" title={title} /> : null}
-        {subtitle ? <div className="text-xl-light text-left mb-7">{subtitle}</div> : null}
+        {subtitle ? (
+          <div className="font-sans text-xl-light text-left mb-7 max-w-[613px] text-center">
+            {subtitle}
+          </div>
+        ) : null}
         {button?.text ? (
           <Button
             className="py-4 px-9"

package/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,4 +1,3 @@
-import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -8,7 +7,6 @@ import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 export type ErrorImageDef = {
   /** @default Image */
   errorContentType: 'Image';
-  /** @title Изображение */
   image?: Picture;
 };
 
@@ -18,10 +16,27 @@ export type ErrorImageDef = {
 export type ErrorCodeDef = {
   /** @default Code */
   errorContentType: 'Code';
-  /** @title Код ошибки */
-  code?: number;
+  /** @default 404 */
+  code?: ErrorType;
 };
-export type ErrorContentDef = EmptyOption | ErrorImageDef | ErrorCodeDef;
+
+/** @title Вид контента */
+export type ErrorContentDef = ErrorCodeDef | ErrorImageDef;
+
+/** @title Код */
+export type ErrorType =
+  | ''
+  | '400'
+  | '401'
+  | '402'
+  | '403'
+  | '404'
+  | '500'
+  | '501'
+  | '502'
+  | '503'
+  | '504'
+  | '505';
 
 /**
  * @title Блок ошибки
@@ -31,7 +46,6 @@ export interface ErrorBlockContent {
   title?: string;
   /** @title Описание */
   subtitle?: string;
-  /** @title Вид контента */
   error?: ErrorContentDef;
   /** @title Кнопка */
   button?: ButtonProps;

package/src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx

@@ -119,7 +119,7 @@ function renderSlide({ slide, i, activeSlideIndex, onClick }: InsuranceSlideProp
     >
       {slide?.icon ? (
         <Img
-          className="p-6 rounded-full bg-secondary-light mr-[30px]"
+          className="p-5 rounded-full bg-secondary-light mr-[30px]"
           image={slide.icon}
           width="108"
           height="108"
@@ -147,7 +147,7 @@ function renderValueBlock(title: string, sum: number) {
 function renderDoneIcon(isActive: boolean) {
   return isActive ? (
     <Img
-      className={`h-[24px] w-[24px] min-w-[24px] min-h-[24px] absolute right-4 top-4`}
+      className={`h-6 w-6 min-w-6 min-h-6 absolute right-4 top-4`}
       image="DoneIcon"
       width="24"
       height="24"

package/src/components/Navigation/Navigation.tsx

@@ -18,7 +18,7 @@ export const Navigation = JSX<NavigationProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`font-sans text-primary-text rounded-[40px] flex items-center justify-between ${
+        className={`font-sans text-primary-text flex items-center justify-between ${
           className || ''
         }`}
         {...rest}

package/src/components/OfficeServicesBlock/OfficeServicesBlock.example.json

@@ -1,33 +1,47 @@
 {
-  "title": "Услуги",
-  "officesList": [
+  "title": "Заголовок",
+  "servicesList": [
     {
-      "text": "Обслуживание физических лиц",
-      "icon": { "icon": "CardTickIcon" }
+      "label": "Пункт 1",
+      "icon": { 
+        "icon": "CardTickIcon"
+      }
     },
     {
-      "text": "Обслуживание юридических лиц",
-      "icon": { "icon": "EmptyWalletChangeIcon" }
+      "label": "Пункт 2",
+      "icon": { 
+        "icon": "EmptyWalletChangeIcon" 
+      }
     },
     {
-      "text": "Продажа монет из драгоценных металлов",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 3",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Аренда индивидуальных сейфовых ячеек",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 4",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Операции с обезличенными металлическими счетами",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 5",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Операции со слитками драгоценных металлов",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 6",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Передача фото и голоса в Единую биометрическую систему",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 7",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     }
   ]
 }

package/src/components/OfficeServicesBlock/OfficeServicesBlock.fixture.tsx

@@ -10,31 +10,31 @@ export default {
         title="Услуги"
         servicesList={[
           {
-            text: 'Обслуживание физических лиц',
+            label: 'Обслуживание физических лиц',
             icon: { icon: 'CardTickIcon' },
           },
           {
-            text: 'Обслуживание юридических лиц',
+            label: 'Обслуживание юридических лиц',
             icon: { icon: 'EmptyWalletChangeIcon' },
           },
           {
-            text: 'Продажа монет из драгоценных металлов',
+            label: 'Продажа монет из драгоценных металлов',
             icon: { icon: 'UserTickIcon' },
           },
           {
-            text: 'Аренда индивидуальных сейфовых ячеек',
+            label: 'Аренда индивидуальных сейфовых ячеек',
             icon: { icon: 'UserTickIcon' },
           },
           {
-            text: 'Операции с обезличенными металлическими счетами',
+            label: 'Операции с обезличенными металлическими счетами',
             icon: { icon: 'ShieldTickIcon' },
           },
           {
-            text: 'Операции со слитками драгоценных металлов',
+            label: 'Операции со слитками драгоценных металлов',
             icon: { icon: 'ShieldTickIcon' },
           },
           {
-            text: 'Передача фото и голоса в Единую биометрическую систему',
+            label: 'Передача фото и голоса в Единую биометрическую систему',
             icon: { icon: 'ShieldTickIcon' },
           },
         ]}

package/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -11,14 +11,15 @@ import type {
 export interface OfficeServicesBlockProps extends OfficeServicesBlockContent, UniBlockProps {}
 
 export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
-  ({ className = '', context, title, servicesList, anchor = '' }) => {
+  ({ className = '', context, title, servicesList, anchor = '', ...rest }) => {
     return (
       <BlockWrapper
         context={context}
         id={anchor}
-        className={`font-sans bg-white p-12 flex flex-col ${className}`}
+        className={`font-sans bg-white p-8 flex flex-col ${className}`}
+        {...rest}
       >
-        {title ? <Heading headingType="h5" className="mb-2.5" title={title} /> : null}
+        {title ? <Heading headingType="h5" className="mb-5" title={title} /> : null}
         {servicesList?.length ? servicesList.map(renderListItems) : null}
       </BlockWrapper>
     );
@@ -26,16 +27,16 @@ export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
 );
 
 const renderListItems = (itemList: OfficeServicesBlockList, i) => (
-  <li key={`list_item_${String(i)}`} className="flex mb-2.5 list-none">
+  <li key={`list_item_${String(i)}`} className="flex mb-5 last:mb-0 list-none">
     {itemList.icon ? (
       <Img
-        className="mr-[14px] max-w-6 max-h-6"
+        className="mr-3 max-w-6 max-h-6"
         width="24px"
         height="24px"
         asSVG
         image={itemList.icon}
       />
     ) : null}
-    {itemList.text ? <span className="text-l-light">{itemList.text}</span> : null}
+    {itemList.label ? <span className="text-l-light">{itemList.label}</span> : null}
   </li>
 );

package/src/components/OfficeServicesBlock/OfficeServicesBlockContent.ts

@@ -12,7 +12,8 @@ export interface OfficeServicesBlockList {
    * }
    */
   icon?: Picture;
-  text?: string;
+  /** @title Текст */
+  label?: string;
 }
 
 /**