@redneckz/wildless-cms-uni-blocks 0.5.4 → 0.5.6

package/lib/ui-kit/SelectCustom/SelectCustom.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../Icon/Icon.js';
+import { useState, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+export const SelectCustom = JSX(({ className = '', isBorder = true, label, options = [], value, onChange }) => {
+    const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
+    const [isOpen, setIsOpen] = useState(false);
+    const choiceOption = (option) => {
+        setSelectedItem(option);
+        setIsOpen(false);
+        onChange(option);
+    };
+    const isSelected = (option) => Boolean(option.key === selectedItem.key);
+    useEffect(() => {
+        setSelectedItem(value || { key: '', text: '' });
+    }, [value]);
+    return (_jsxs("div", { className: `${isOpen ? 'z-10' : ''} ${className}`, children: [label ? _jsx("span", { className: "mb-2", children: label }) : null, _jsxs("div", { className: `relative w-fit`, children: [_jsxs("div", { className: `text-m-light flex justify-between min-h-[56px] mb-0.5 p-4 pr-8 text-primary-text cursor-pointer
+            ${getBorderStyle(isBorder)}`, onClick: () => setIsOpen(!isOpen), children: [selectedItem.text, _jsx(Icon, { name: "ArrowUpIcon", className: `absolute right-3 ${isOpen ? '' : 'rotate-180'}` })] }), options.length > 0 ? (_jsx("div", { className: `h-0 ${isOpen ? '' : 'overflow-hidden'}`, children: _jsx("div", { className: `bg-white text-l rounded-md`, children: options.map(renderOption(choiceOption, isOpen, isSelected)) }) })) : null] })] }));
+});
+const renderOption = (choiceOption, isOpen, isSelected) => (option, i) => {
+    return (_jsxs("div", { onClick: () => {
+            choiceOption(option);
+        }, className: "flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11", children: [_jsx("span", { children: option.text }), _jsx(Icon, { name: "DoneSimpleIcon", className: ['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(' ') })] }, String(i)));
+};
+function getBorderStyle(isBorder) {
+    return isBorder ? 'border border-main-stroke rounded-md hover:border-primary-hover' : '';
+}
+//# sourceMappingURL=SelectCustom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCustom.js","sourceRoot":"","sources":["../../../src/ui-kit/SelectCustom/SelectCustom.tsx"],"names":[],"mappings":"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"}

package/lib/wlc.json

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

package/mobile/bundle/bundle.umd.js

@@ -81,6 +81,12 @@
         get CDN() {
             return this._.CDN;
         }
+        get YANDEX_MAP_API_KEY() {
+            return this._.YANDEX_MAP_API_KEY;
+        }
+        get YANDEX_METRIKA_ID() {
+            return this._.YANDEX_METRIKA_ID;
+        }
     })();
 
     const AUTH_PREFIX = 'guest';
@@ -247,11 +253,13 @@
         IconMap["ArrowUpIcon"] = "ArrowUpIcon";
         IconMap["AtmIcon"] = "AtmIcon";
         IconMap["BankIcon"] = "BankIcon";
+        IconMap["BuildingIcon"] = "BuildingIcon";
         IconMap["BurgerIcon"] = "BurgerIcon";
         IconMap["Calendar2Icon"] = "Calendar2Icon";
         IconMap["CalendarCircleIcon"] = "CalendarCircleIcon";
         IconMap["CalendarIcon"] = "CalendarIcon";
         IconMap["CalendarTickIcon"] = "CalendarTickIcon";
+        IconMap["Car2Icon"] = "Car2Icon";
         IconMap["CardIcon"] = "CardIcon";
         IconMap["CardPosIcon"] = "CardPosIcon";
         IconMap["CardTickIcon"] = "CardTickIcon";
@@ -271,6 +279,7 @@
         IconMap["DocumentTextIcon"] = "DocumentTextIcon";
         IconMap["DollarIcon"] = "DollarIcon";
         IconMap["DoneIcon"] = "DoneIcon";
+        IconMap["DoneSimpleIcon"] = "DoneSimpleIcon";
         IconMap["EarthIcon"] = "EarthIcon";
         IconMap["EmptyWalletChangeIcon"] = "EmptyWalletChangeIcon";
         IconMap["EmptyWalletIcon"] = "EmptyWalletIcon";
@@ -285,11 +294,14 @@
         IconMap["JCBIcon"] = "JCBIcon";
         IconMap["LogoIcon"] = "LogoIcon";
         IconMap["LoupeIcon"] = "LoupeIcon";
+        IconMap["MapMarkerClusterIcon"] = "MapMarkerClusterIcon";
+        IconMap["MapMarkerSingleIcon"] = "MapMarkerSingleIcon";
         IconMap["MasterCardIcon"] = "MasterCardIcon";
         IconMap["MinusIcon"] = "MinusIcon";
         IconMap["MirIcon"] = "MirIcon";
         IconMap["MoneyIcon"] = "MoneyIcon";
         IconMap["MoneyInsuranceIcon"] = "MoneyInsuranceIcon";
+        IconMap["MoneysIcon"] = "MoneysIcon";
         IconMap["MonitorMobileIcon"] = "MonitorMobileIcon";
         IconMap["NewDocIcon"] = "NewDocIcon";
         IconMap["OfficeIcon"] = "OfficeIcon";
@@ -311,9 +323,10 @@
         IconMap["SignDocsIcon"] = "SignDocsIcon";
         IconMap["SmallClockIcon"] = "SmallClockIcon";
         IconMap["SoundIcon"] = "SoundIcon";
-        IconMap["StateMortgageIcon"] = "StateMortgageIcon";
+        IconMap["StrongBoxIcon"] = "StrongBoxIcon";
         IconMap["TelegramIcon"] = "TelegramIcon";
         IconMap["UnionPayIcon"] = "UnionPayIcon";
+        IconMap["UserSquareIcon"] = "UserSquareIcon";
         IconMap["UserTickIcon"] = "UserTickIcon";
         IconMap["VisaIcon"] = "VisaIcon";
         IconMap["VKIcon"] = "VKIcon";
@@ -333,11 +346,13 @@
         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["BuildingIcon"] = "\u0417\u0434\u0430\u043D\u0438\u0435 \u0441 \u0434\u0435\u0440\u0435\u0432\u043E\u043C";
         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["Car2Icon"] = "\u041C\u0430\u0448\u0438\u043D\u04302";
         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";
@@ -356,7 +371,8 @@
         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["DoneIcon"] = "\u0417\u0435\u043B\u0451\u043D\u0430\u044F '\u0433\u0430\u043B\u043E\u0447\u043A\u0430' \u0432 \u043A\u0440\u0443\u0433\u0435";
+        IconTitleMap["DoneSimpleIcon"] = "\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";
@@ -371,11 +387,14 @@
         IconTitleMap["JCBIcon"] = "JCB";
         IconTitleMap["LogoIcon"] = "Logo";
         IconTitleMap["LoupeIcon"] = "\u041B\u0443\u043F\u0430";
+        IconTitleMap["MapMarkerClusterIcon"] = "\u041C\u0430\u0440\u043A\u0435\u0440 \u043A\u0430\u0440\u0442\u044B";
+        IconTitleMap["MapMarkerSingleIcon"] = "\u041C\u0430\u0440\u043A\u0435\u0440 \u043A\u0430\u0440\u0442\u044B \u0420\u0421\u0425\u0411";
         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["MoneysIcon"] = "MoneysIcon";
         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";
@@ -397,9 +416,10 @@
         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["StrongBoxIcon"] = "\u042F\u0449\u0438\u043A \u0441 \u0437\u0430\u043C\u043E\u0447\u043D\u043E\u0439 \u0441\u043A\u0432\u0430\u0436\u0438\u043D\u043E\u0439";
         IconTitleMap["TelegramIcon"] = "\u041B\u043E\u0433\u043E \u00ABTelegram\u00BB";
         IconTitleMap["UnionPayIcon"] = "UnionPay";
+        IconTitleMap["UserSquareIcon"] = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u0432 \u0440\u0430\u043C\u043A\u0435";
         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";
@@ -798,7 +818,8 @@
             return null;
         }
         const imgStyle = version === 'primary' ? 'group-hover:text-black' : 'group-hover:text-white';
-        return icon ? (jsx(Button, { appendLeft: jsx(Img, { imageClassName: imgStyle, image: icon, width: "24", height: "24", asSVG: true }), appendRight: jsx(Img, { imageClassName: imgStyle, image: iconRight, width: "24", height: "24", asSVG: true }), version: version, ...button }, String(i))) : (jsx(Button, { version: version, ...button }, String(i)));
+        const iconVersion = version === 'secondary' ? 'normal' : 'white';
+        return icon ? (jsx(Button, { appendLeft: jsx(Img, { imageClassName: imgStyle, image: { ...icon, iconVersion: iconVersion }, width: "24", height: "24", asSVG: true }), appendRight: jsx(Img, { imageClassName: imgStyle, image: { ...iconRight, iconVersion: iconVersion }, width: "24", height: "24", asSVG: true }), version: version, ...button }, String(i))) : (jsx(Button, { version: version, ...button }, String(i)));
     }
 
     const LIST_STYLE_CLASSES = {
@@ -863,7 +884,7 @@
         const { className = '', icon, label, description, version = 'primary', benefitsVersion = 'normal', } = props;
         const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
         const listItemAlign = description ? 'items-start' : 'items-center';
-        return (jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (jsx("div", { className: renderBenefitIconBgStyle(version, benefitsVersion), children: jsx(Img, { className: "w-[24px] h-[24px]", image: { ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }, asSVG: true }) })) : null, jsxs("div", { className: "gap-0.5", children: [label ? jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
+        return (jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (jsx("div", { className: renderBenefitIconBgStyle(version, benefitsVersion), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }, asSVG: true }) })) : null, jsxs("div", { className: "gap-0.5", children: [label ? jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
     });
     function renderBenefitIconBgStyle(version, benefitsVersion) {
         let bgColorStyle = 'bg-primary-main text-black';
@@ -873,7 +894,7 @@
         else if (benefitsVersion === 'normal') {
             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}`;
     }
 
     const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => {
@@ -1158,14 +1179,22 @@
     };
 
     const consistentDataMap = new Map();
-    function useAsyncData$1(key, fetcher) {
+    function useAsyncData$1(key, fetcher, { fallback } = {}) {
         const args = useMemo(() => keyToArgs(key), [key]);
         const [data, setData] = useState();
         const [error, setError] = useState();
+        const updateData = (_) => {
+            setData(_);
+            setError(undefined);
+        };
+        const updateError = (_) => {
+            setData(undefined);
+            setError(_);
+        };
         const chainToConsistentResult = (_) => {
-            _.then(_data => consistentDataMap.get(args) || _data)
-                .then(setData)
-                .catch(setError);
+            _.then(rawData => consistentDataMap.get(args) || rawData)
+                .then(updateData)
+                .catch(updateError);
         };
         useEffect(() => {
             const isEmptyKey = args.every(_ => _ === null);
@@ -1178,15 +1207,17 @@
                     chainToConsistentResult(_);
                 }
                 else {
-                    setData(_);
+                    updateData(_);
                 }
             }
             catch (err) {
-                setError(err);
+                updateError(err);
             }
         }, [fetcher, ...args]);
+        const simpleKey = args[0];
+        const fallbackData = fallback && typeof simpleKey === 'string' && fallback[simpleKey];
         return {
-            data,
+            data: !data && !error && fallbackData ? fallbackData : data,
             error,
             mutate: () => Promise.resolve(undefined),
             isValidating: false
@@ -1208,7 +1239,7 @@
     }
 
     let impl = useAsyncData$1;
-    const useAsyncData = (key, fetcher) => impl(key, fetcher);
+    const useAsyncData = (...args) => impl(...args);
 
     async function fetchJSON(url, options) {
         try {
@@ -1342,23 +1373,38 @@
             const validInputValue = e.target.validity.valid ? e.target.value : value;
             onChange(validInputValue);
         };
-        return (jsx("input", { className: `border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text ${className}`, id: id, name: name || id, type: type, pattern: pattern, placeholder: placeholder, value: value, onChange: handleChange }));
+        return (jsx("input", { className: `border rounded-md border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text text-primary-text outline-none ${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 pl-0.5 ${className}`, style: selectStyle, id: id, name: name || id, value: value, onChange: (e) => onChange(e.target.value), placeholder: "", children: children }));
-    });
-
-    const SelectOption = JSX(({ className = '', value, selected, disabled = false, children }) => {
-        return (jsx("option", { className: className, value: `${value}`, selected: selected, disabled: disabled, children: children }));
+    const SelectCustom = JSX(({ className = '', isBorder = true, label, options = [], value, onChange }) => {
+        const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
+        const [isOpen, setIsOpen] = useState(false);
+        const choiceOption = (option) => {
+            setSelectedItem(option);
+            setIsOpen(false);
+            onChange(option);
+        };
+        const isSelected = (option) => Boolean(option.key === selectedItem.key);
+        useEffect(() => {
+            setSelectedItem(value || { key: '', text: '' });
+        }, [value]);
+        return (jsxs("div", { className: `${isOpen ? 'z-10' : ''} ${className}`, children: [label ? jsx("span", { className: "mb-2", children: label }) : null, jsxs("div", { className: `relative w-fit`, children: [jsxs("div", { className: `text-m-light flex justify-between min-h-[56px] mb-0.5 p-4 pr-8 text-primary-text cursor-pointer
+            ${getBorderStyle(isBorder)}`, onClick: () => setIsOpen(!isOpen), children: [selectedItem.text, jsx(Icon, { name: "ArrowUpIcon", className: `absolute right-3 ${isOpen ? '' : 'rotate-180'}` })] }), options.length > 0 ? (jsx("div", { className: `h-0 ${isOpen ? '' : 'overflow-hidden'}`, children: jsx("div", { className: `bg-white text-l rounded-md`, children: options.map(renderOption(choiceOption, isOpen, isSelected)) }) })) : null] })] }));
     });
+    const renderOption = (choiceOption, isOpen, isSelected) => (option, i) => {
+        return (jsxs("div", { onClick: () => {
+                choiceOption(option);
+            }, className: "flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11", children: [jsx("span", { children: option.text }), jsx(Icon, { name: "DoneSimpleIcon", className: ['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(' ') })] }, String(i)));
+    };
+    function getBorderStyle(isBorder) {
+        return isBorder ? 'border border-main-stroke rounded-md hover:border-primary-hover' : '';
+    }
 
     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 ratesOptions = rates.map((_) => ({ key: _.code ?? '', text: _.code ?? '' }));
+        const selectedValue = { key: selected, text: selected };
+        return (jsxs("div", { className: "relative flex", children: [jsx(Input, { className: "shrink-0 h-14 pl-4 pt-4 pb-4 text-l w-full appearance-none mr-[-90px]", placeholder: placeholder, type: "text", value: value, onChange: setValue }), ratesOptions.length ? (jsx(SelectCustom, { isBorder: false, onChange: (_) => setSelected(_.key), options: ratesOptions, value: selectedValue })) : null] }));
     }
 
     const ExchangeCurrencyCalculator = JSX(({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
@@ -1543,8 +1589,8 @@
         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(`/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`, fetchJSONUnsafe);
+    function useSitemap(fallback = {}) {
+        const { data } = useAsyncData(`/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`, fetchJSONUnsafe, { fallback });
         return data || {};
     }
 
@@ -1558,7 +1604,7 @@
 
     const SearchBarInner = JSX(({ 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;
@@ -1566,7 +1612,7 @@
               outline-none pr-[6%] border-main-stroke hover:border-primary-hover active:border-primary-text 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) => {
+                    }, 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-[3px] 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" }) }))] }));
@@ -1586,8 +1632,9 @@
         ],
     }));
 
-    const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, }) => {
-        const sitemap = useSitemap();
+    const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, page, }) => {
+        const fallback = page?.fallback;
+        const sitemap = useSitemap(fallback);
         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 })] }));
     });
@@ -1668,9 +1715,10 @@
 
     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 Header = JSX(({ className = '', defaultLocation, bgColor = 'bg-white', context, topItems, page }) => {
         const router = context.useRouter();
-        const sitemap = useSitemap();
+        const fallback = page?.fallback;
+        const sitemap = useSitemap(fallback);
         const dispositions = sitemap?.dispositions;
         const { handlerDecorator } = context;
         const mergedItems = mergeTopItems(sitemap.topItems, topItems);
@@ -1896,7 +1944,7 @@
         };
     }
 
-    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 LikeButton = JSX(({ className, onClick, ariaLabel }) => (jsx("button", { type: "button", className: `border-0 w-9 bg-inherit cursor-pointer ${className || ''}`, onClick: onClick, "aria-label": ariaLabel, children: renderLikeIcon() })));
     const renderLikeIcon = () => {
         const params = {
             stroke: '#292D32',