@redneckz/wildless-cms-uni-blocks 0.14.917 → 0.14.919

package/bundle/bundle.umd.js

@@ -1882,7 +1882,7 @@
         useEffect(() => {
             updateSelectedDate({ inputValue, setSelectedMonth, setSelectedYear, onChange });
         }, [inputValue]);
-        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$1 })] }));
+        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none rounded-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$1 })] }));
     });
     const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
     const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
@@ -2978,6 +2978,256 @@
         return (jsx(Dialog, { onClose: handleClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx(Paragraph, { align: "text-center", children: "\u0423\u0432\u0430\u0436\u0430\u0435\u043C\u044B\u0439 \u043A\u043B\u0438\u0435\u043D\u0442!" }), jsx(Paragraph, { align: "text-center", children: "\u0414\u043B\u044F \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043A\u0440\u0435\u0434\u0438\u0442\u0430 \u0412\u0430\u043C \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u044C\u0441\u044F \u0432 \u043E\u0444\u0438\u0441 \u0411\u0430\u043D\u043A\u0430" }), jsxs("div", { className: "flex flex-col sm:flex-row gap-xl items-center", children: [jsx(Button, { type: "button", version: "secondary", onClick: returnToMainPage, children: "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C" }), isMaxAttempts ? null : (jsx(Button, { type: "button", onClick: onClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" }))] })] }) }));
     });
 
+    function copy(source, target) {
+        for (const [k, v] of source.entries()) {
+            if (v !== null && v !== undefined) {
+                target.setItem(k, v);
+            }
+            else {
+                target.removeItem(k);
+            }
+        }
+    }
+
+    function replicate(primary, secondary) {
+        copy(primary, secondary);
+        copy(secondary, primary);
+        return primary.bus.watch(({ type, event }) => {
+            if (event !== null && event !== undefined) {
+                secondary.setItem(type, event);
+            }
+            else {
+                secondary.removeItem(type);
+            }
+        });
+    }
+
+    class StorageAdapter {
+        storage;
+        bus;
+        get size() {
+            return this.storage?.length ?? 0;
+        }
+        constructor(storage, bus = new EventBus()) {
+            this.storage = storage;
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return Boolean(this.storage?.getItem(String(key)));
+        }
+        getItem(key) {
+            const _ = this.storage?.getItem(String(key)) ?? null;
+            try {
+                return JSON.parse(String(_));
+            }
+            catch (ex) {
+                return null;
+            }
+        }
+        entries() {
+            return Array.from({ length: this.size }, (_, i) => {
+                const k = String(this.storage?.key(i));
+                return [k, this.getItem(k)];
+            });
+        }
+        setItem(key, value) {
+            if (value !== null) {
+                this.storage?.setItem(String(key), JSON.stringify(value));
+            }
+            else {
+                this.storage?.removeItem(String(key));
+            }
+            this.bus?.subject(key, value);
+        }
+        removeItem(key) {
+            this.storage?.removeItem(String(key));
+            this.bus?.subject(key, null);
+        }
+    }
+
+    class Store {
+        bus;
+        store = new Map();
+        get size() {
+            return this.store.size;
+        }
+        constructor(bus = new EventBus()) {
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return this.store.has(key);
+        }
+        getItem(key) {
+            return this.store.get(key);
+        }
+        entries() {
+            return this.store.entries();
+        }
+        setItem(key, value) {
+            this.store.set(key, value);
+            this.bus.subject(key, value);
+        }
+        removeItem(key) {
+            this.store.delete(key);
+            this.bus.subject(key, null);
+        }
+    }
+
+    function useRerender() {
+        const [, setCount] = useState(0);
+        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
+    }
+
+    const DEFAULT_METHODS = {};
+    /**
+     * MobX like reactivity (simplified).
+     * Can be used to migrate from Redux/MobX or something else
+     *
+     * @param store
+     * @returns reactive proxy backed by store
+     */
+    function useStore(store, methods = DEFAULT_METHODS) {
+        const deps = useRef(null);
+        const render = useRerender();
+        useEffect(() => store.bus.watch(ev => {
+            if (deps.current?.has(String(ev.type))) {
+                render();
+            }
+        }), [store, render]);
+        return useMemo(() => new Proxy(methods, {
+            get(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.getItem(key);
+            },
+            has(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.hasItem(key);
+            },
+            set(_, key, value) {
+                store.setItem(key, value);
+                return true;
+            },
+            deleteProperty(_, key) {
+                store.removeItem(key);
+                return true;
+            }
+        }), [store]);
+    }
+
+    const sessionStore = new Store(); // sessionStorage cache
+    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
+    function useSessionStore() {
+        return useStore(sessionStore);
+    }
+
+    const getNS = (_) => globalThis[_];
+    const initializeExternalNS = (namespaceName, url, isModule = false) => {
+        const script = globalThis.document.getElementById(url);
+        if (script) {
+            const ns = getNS(namespaceName);
+            if (ns) {
+                return Promise.resolve(ns);
+            }
+            else {
+                return new Promise((resolve) => {
+                    script.addEventListener('load', () => {
+                        resolve(getNS(namespaceName));
+                    });
+                });
+            }
+        }
+        else {
+            return new Promise((resolve, reject) => {
+                const newScript = globalThis.document.createElement('script');
+                newScript.src = url;
+                newScript.async = true;
+                newScript.id = url;
+                if (isModule) {
+                    newScript.type = 'module';
+                }
+                newScript.addEventListener('load', () => {
+                    resolve(getNS(namespaceName));
+                });
+                newScript.addEventListener('error', (error) => {
+                    reject(error);
+                });
+                globalThis.document.head.appendChild(newScript);
+            });
+        }
+    };
+    const initializeExternalStylesheet = (url = '') => {
+        const link = globalThis.document.getElementById(url);
+        if (!link) {
+            const newLink = globalThis.document.createElement('link');
+            newLink.href = url;
+            newLink.id = url;
+            newLink.rel = 'stylesheet';
+            globalThis.document.head.appendChild(newLink);
+        }
+    };
+    function useExternalNS(namespaceName, url, unmountNS = true) {
+        const [externalNS, setExternalNS] = useState(undefined);
+        useEffect(() => {
+            let isMounted = true;
+            initializeExternalNS(namespaceName, url)
+                .then((ns) => {
+                if (isMounted) {
+                    setExternalNS(ns);
+                }
+            })
+                .catch((error) => {
+                console.error(`Failed to initialize external namespace: ${error}`);
+            });
+            return () => {
+                isMounted = false;
+                if (unmountNS) {
+                    const script = globalThis.document.getElementById(url);
+                    if (script) {
+                        globalThis.document.head.removeChild(script);
+                    }
+                    setExternalNS(undefined);
+                }
+            };
+        }, [namespaceName, url, unmountNS]);
+        return externalNS;
+    }
+
+    const isIFrame = () => globalThis.location !== globalThis?.top?.location;
+
+    const useIFrameMode = () => {
+        const isFrame = isIFrame();
+        const height = globalThis.document?.body?.scrollHeight;
+        const sessionStore = useSessionStore();
+        const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
+        const styles = params.get('styles');
+        if (styles) {
+            initializeExternalStylesheet(styles);
+        }
+        useEffect(() => {
+            if (isFrame) {
+                globalThis.parent.postMessage({ height: document.body.scrollHeight }, '*');
+            }
+        }, [height, isFrame]);
+        useEffect(() => {
+            const handlePostMessage = (event) => {
+                if (!event.data?.location) {
+                    return;
+                }
+                sessionStore.frameLocation = event.data?.location;
+            };
+            if (isFrame) {
+                globalThis.addEventListener('message', handlePostMessage);
+            }
+            return () => {
+                if (isFrame) {
+                    globalThis.removeEventListener('message', handlePostMessage);
+                }
+            };
+        }, [isFrame]);
+    };
+
     const ERROR_MESSAGE = 'Некорректно заполненное поле';
     const ADDRESS_ERROR_MESSAGE = 'Укажите регион, город/населенный пункт, улицу, дом';
     const retailCyrillicPattern = /^[\u0400-\u04FF-\s]+$/u;
@@ -3040,6 +3290,8 @@
         }
         return false;
     });
+    const organizationNameValidator = (isDadataOrganization) => validator((_) => Boolean(_) && Boolean(isDadataOrganization))('Укажите наименование организации');
+    const organizationInnValidator = (isDadataOrganization) => validator((_) => isValidInnLength(_) && Boolean(isDadataOrganization))('Укажите ИНН');
 
     const limitedBirthdayValidationData = {
         credit: {
@@ -3275,19 +3527,23 @@
 
     const EsiaLoginBanner = JSX(({ onChangeEsiaStatus, productType }) => {
         const navigator = locationNavigator();
+        const sessionStore = useSessionStore();
+        const frameLocation = sessionStore.frameLocation;
         const handleAuth = useCallback(async () => {
             try {
                 const resp = await getLink({
-                    redirectUri: globalThis.location.origin + globalThis.location.pathname,
+                    redirectUri: frameLocation || globalThis.location.origin + globalThis.location.pathname,
                 });
                 if (resp?.link) {
-                    navigator.assign(resp.link);
+                    frameLocation
+                        ? window.parent.postMessage({ redirectUri: resp?.link }, '*')
+                        : navigator.assign(resp.link);
                 }
             }
             catch {
                 onChangeEsiaStatus(EsiaStatuses.Error);
             }
-        }, []);
+        }, [frameLocation]);
         return (jsxs("div", { className: "flex items-center rounded-md bg-main-gray p-4xl", children: [jsxs("div", { className: "flex gap-m flex-col justify-around w-full", children: [jsx("p", { className: "text-xl", children: `Заполните данные через Госуслуги${productType === 'debitCard' ? ' - это значительно сократит время оформления заявки' : ''}` }), productType === 'debitCard' ? null : (jsxs("ul", { className: "list-disc list-inside", children: [jsx("li", { children: "\u0412\u0435\u0440\u043E\u044F\u0442\u043D\u043E\u0441\u0442\u044C \u043E\u0434\u043E\u0431\u0440\u0435\u043D\u0438\u044F \u0432\u044B\u0448\u0435" }), jsx("li", { children: "\u0411\u0435\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u043A \u043E \u0434\u043E\u0445\u043E\u0434\u0430\u0445 \u0438 \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435" }), jsx("li", { children: "\u0421 \u0437\u0430\u0449\u0438\u0442\u043E\u0439 \u0412\u0430\u0448\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445" })] })), jsx(Img, { className: "block self-center @md:hidden", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "80", width: "80" }), jsx(Button, { type: "button", onClick: handleAuth, className: "w-full @md:w-fit", children: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C" })] }), jsx(Img, { className: "hidden @md:block", image: { icon: 'GosUslugiIcon', iconVersion: 'normal' }, height: "164" })] }));
     });
 
@@ -4053,68 +4309,6 @@
         return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles$1).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
     };
 
-    const getNS = (_) => globalThis[_];
-    const initializeExternalNS = (namespaceName, url, isModule = false) => {
-        const script = globalThis.document.getElementById(url);
-        if (script) {
-            const ns = getNS(namespaceName);
-            if (ns) {
-                return Promise.resolve(ns);
-            }
-            else {
-                return new Promise((resolve) => {
-                    script.addEventListener('load', () => {
-                        resolve(getNS(namespaceName));
-                    });
-                });
-            }
-        }
-        else {
-            return new Promise((resolve, reject) => {
-                const newScript = globalThis.document.createElement('script');
-                newScript.src = url;
-                newScript.async = true;
-                newScript.id = url;
-                if (isModule) {
-                    newScript.type = 'module';
-                }
-                newScript.addEventListener('load', () => {
-                    resolve(getNS(namespaceName));
-                });
-                newScript.addEventListener('error', (error) => {
-                    reject(error);
-                });
-                globalThis.document.head.appendChild(newScript);
-            });
-        }
-    };
-    function useExternalNS(namespaceName, url, unmountNS = true) {
-        const [externalNS, setExternalNS] = useState(undefined);
-        useEffect(() => {
-            let isMounted = true;
-            initializeExternalNS(namespaceName, url)
-                .then((ns) => {
-                if (isMounted) {
-                    setExternalNS(ns);
-                }
-            })
-                .catch((error) => {
-                console.error(`Failed to initialize external namespace: ${error}`);
-            });
-            return () => {
-                isMounted = false;
-                if (unmountNS) {
-                    const script = globalThis.document.getElementById(url);
-                    if (script) {
-                        globalThis.document.head.removeChild(script);
-                    }
-                    setExternalNS(undefined);
-                }
-            };
-        }, [namespaceName, url, unmountNS]);
-        return externalNS;
-    }
-
     const YMAPS_NAMESPACE = 'ymaps';
     const useYandexMaps = () => {
         const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY || ''}&lang=ru_RU`;
@@ -4187,202 +4381,64 @@
             getArraySumAndAverage(mapByIndex(points, 0)),
             getArraySumAndAverage(mapByIndex(points, 1)),
         ];
-        return centerCoords.every((_) => _) ? centerCoords : DEFAULT_CENTER_COORDS;
-    };
-    const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
-    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
-
-    const fetchRegionOffices = async (regionKey) => {
-        const response = await fetchRetailJSON('/public-data/regionOffices', 'POST', {
-            regionRfCd: {
-                key: regionKey,
-            },
-            cashCardFlg: true,
-        });
-        return (response?.offices?.map((office) => ({
-            ...office,
-            gpsLatitude: formatCoordinate(office.latitude ?? DEFAULT_CENTER_COORDS[0]),
-            gpsLongitude: formatCoordinate(office.longitude ?? DEFAULT_CENTER_COORDS[1]),
-        })) || []);
-    };
-    const formatCoordinate = (coordinate) => Number(coordinate.toString().replace(',', '.'));
-
-    const API_BASE_URI = '/light-api-cash/v1';
-
-    const useLeadFormData = (typeField) => {
-        const { data, error } = useAsyncData(`${API_BASE_URI}/dictionary?dictionaryType=${encodeURIComponent(typeField)}`, fetchData);
-        if (data && 'errorMessage' in data) {
-            return { error };
-        }
-        return { data: data, error };
-    };
-    const fetchData = async (url) => {
-        const result = await fetchJSON(url, { method: 'POST' });
-        return result || [];
-    };
-
-    const AddressRetailField = JSX(({ field, input }) => {
-        const [offices, setOffices] = useState([]);
-        const { data } = useLeadFormData('REGION_RF');
-        const regionValue = field('regionRetail')?.value || {};
-        const addressField = field(input?.name ?? '');
-        useEffect(() => {
-            (async () => {
-                const officesList = await fetchRegionOffices(regionValue?.key ?? '');
-                setOffices(officesList);
-            })();
-            if (regionValue?.key) {
-                addressField.onChange?.('');
-            }
-        }, [regionValue.key]);
-        const { points } = useOfficesAtmsMapData({
-            data: offices,
-            filtrationState: {},
-            getBalloon: getOfficePoint,
-        });
-        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
-                        key: id?.toString() || '',
-                        text: address,
-                    })), ...addressField, isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: addressField?.value?.text }) }) })] }));
-    });
-
-    function copy(source, target) {
-        for (const [k, v] of source.entries()) {
-            if (v !== null && v !== undefined) {
-                target.setItem(k, v);
-            }
-            else {
-                target.removeItem(k);
-            }
-        }
-    }
-
-    function replicate(primary, secondary) {
-        copy(primary, secondary);
-        copy(secondary, primary);
-        return primary.bus.watch(({ type, event }) => {
-            if (event !== null && event !== undefined) {
-                secondary.setItem(type, event);
-            }
-            else {
-                secondary.removeItem(type);
-            }
-        });
-    }
-
-    class StorageAdapter {
-        storage;
-        bus;
-        get size() {
-            return this.storage?.length ?? 0;
-        }
-        constructor(storage, bus = new EventBus()) {
-            this.storage = storage;
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return Boolean(this.storage?.getItem(String(key)));
-        }
-        getItem(key) {
-            const _ = this.storage?.getItem(String(key)) ?? null;
-            try {
-                return JSON.parse(String(_));
-            }
-            catch (ex) {
-                return null;
-            }
-        }
-        entries() {
-            return Array.from({ length: this.size }, (_, i) => {
-                const k = String(this.storage?.key(i));
-                return [k, this.getItem(k)];
-            });
-        }
-        setItem(key, value) {
-            if (value !== null) {
-                this.storage?.setItem(String(key), JSON.stringify(value));
-            }
-            else {
-                this.storage?.removeItem(String(key));
-            }
-            this.bus?.subject(key, value);
-        }
-        removeItem(key) {
-            this.storage?.removeItem(String(key));
-            this.bus?.subject(key, null);
-        }
-    }
+        return centerCoords.every((_) => _) ? centerCoords : DEFAULT_CENTER_COORDS;
+    };
+    const mapByIndex = (points, index) => points.map((_) => _.coords?.[index]);
+    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
-    class Store {
-        bus;
-        store = new Map();
-        get size() {
-            return this.store.size;
-        }
-        constructor(bus = new EventBus()) {
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return this.store.has(key);
-        }
-        getItem(key) {
-            return this.store.get(key);
-        }
-        entries() {
-            return this.store.entries();
-        }
-        setItem(key, value) {
-            this.store.set(key, value);
-            this.bus.subject(key, value);
-        }
-        removeItem(key) {
-            this.store.delete(key);
-            this.bus.subject(key, null);
-        }
-    }
+    const fetchRegionOffices = async (regionKey) => {
+        const response = await fetchRetailJSON('/public-data/regionOffices', 'POST', {
+            regionRfCd: {
+                key: regionKey,
+            },
+            cashCardFlg: true,
+        });
+        return (response?.offices?.map((office) => ({
+            ...office,
+            gpsLatitude: formatCoordinate(office.latitude ?? DEFAULT_CENTER_COORDS[0]),
+            gpsLongitude: formatCoordinate(office.longitude ?? DEFAULT_CENTER_COORDS[1]),
+        })) || []);
+    };
+    const formatCoordinate = (coordinate) => Number(coordinate.toString().replace(',', '.'));
 
-    function useRerender() {
-        const [, setCount] = useState(0);
-        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
-    }
+    const API_BASE_URI = '/light-api-cash/v1';
 
-    const DEFAULT_METHODS = {};
-    /**
-     * MobX like reactivity (simplified).
-     * Can be used to migrate from Redux/MobX or something else
-     *
-     * @param store
-     * @returns reactive proxy backed by store
-     */
-    function useStore(store, methods = DEFAULT_METHODS) {
-        const deps = useRef(null);
-        const render = useRerender();
-        useEffect(() => store.bus.watch(ev => {
-            if (deps.current?.has(String(ev.type))) {
-                render();
-            }
-        }), [store, render]);
-        return useMemo(() => new Proxy(methods, {
-            get(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.getItem(key);
-            },
-            has(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.hasItem(key);
-            },
-            set(_, key, value) {
-                store.setItem(key, value);
-                return true;
-            },
-            deleteProperty(_, key) {
-                store.removeItem(key);
-                return true;
-            }
-        }), [store]);
-    }
+    const useLeadFormData = (typeField) => {
+        const { data, error } = useAsyncData(`${API_BASE_URI}/dictionary?dictionaryType=${encodeURIComponent(typeField)}`, fetchData);
+        if (data && 'errorMessage' in data) {
+            return { error };
+        }
+        return { data: data, error };
+    };
+    const fetchData = async (url) => {
+        const result = await fetchJSON(url, { method: 'POST' });
+        return result || [];
+    };
+
+    const AddressRetailField = JSX(({ field, input }) => {
+        const [offices, setOffices] = useState([]);
+        const { data } = useLeadFormData('REGION_RF');
+        const regionValue = field('regionRetail')?.value || {};
+        const addressField = field(input?.name ?? '');
+        useEffect(() => {
+            (async () => {
+                const officesList = await fetchRegionOffices(regionValue?.key ?? '');
+                setOffices(officesList);
+            })();
+            if (regionValue?.key) {
+                addressField.onChange?.('');
+            }
+        }, [regionValue.key]);
+        const { points } = useOfficesAtmsMapData({
+            data: offices,
+            filtrationState: {},
+            getBalloon: getOfficePoint,
+        });
+        return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
+                        key: id?.toString() || '',
+                        text: address,
+                    })), ...addressField, isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: addressField?.value?.text }) }) })] }));
+    });
 
     const localStore = new Store(); // localStorage cache
     replicate(localStore, new StorageAdapter(globalThis?.localStorage));
@@ -4405,19 +4461,28 @@
     });
 
     const AmountWorkersField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('EMPLOYEES_NUMBER');
         const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.amountWorkers = data;
-            }
-        }, [data]);
         return (jsx(SelectField, { field: field, source: store.amountWorkers ?? [], label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
     });
 
     const ArmyIdFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u041D\u0430\u043B\u0438\u0447\u0438\u0435 \u0432\u043E\u0435\u043D\u043D\u043E\u0433\u043E \u0431\u0438\u043B\u0435\u0442\u0430", ...field(input?.name ?? '') })));
 
-    const BankEmpoleeCodeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u0434 \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0411\u0430\u043D\u043A\u0430", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434", isInteger: true, ...field(input?.name ?? ''), ...input })));
+    const RadioButtonGroupControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), ...rest }), renderErrorText(error)] })));
+
+    const BUTTON_TYPES = [
+        { id: 'true', text: 'Да' },
+        { id: 'false', text: 'Нет' },
+    ];
+    const BankEmployeeCodeField = JSX(({ field, input }) => {
+        const [bankEmployeeFlg, setBankEmployeeFlg] = useState('');
+        const handleBankEmployeeFlgChange = useCallback((value) => {
+            setBankEmployeeFlg(value);
+            if (value === 'false') {
+                field('bankEmployeeCode')?.onChange?.(null);
+            }
+        }, []);
+        return (jsxs("div", { className: "flex flex-col md:flex-row", children: [jsx(RadioButtonGroupControl, { label: "\u041C\u043D\u0435 \u043F\u043E\u043C\u043E\u0433 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A \u0411\u0430\u043D\u043A\u0430", orientation: "horizontal", items: BUTTON_TYPES, value: bankEmployeeFlg, onChange: handleBankEmployeeFlgChange }), bankEmployeeFlg === 'true' ? (jsx(DaDataInputControl, { label: "\u041A\u043E\u0434 \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0411\u0430\u043D\u043A\u0430", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434", isInteger: true, maxLength: 8, ...field(input?.name ?? ''), ...input })) : null] }));
+    });
 
     const BankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0412 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u043C\u0435\u043D\u044F \u0432\u0435\u0434\u0451\u0442\u0441\u044F \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u043E \u043F\u043E \u0434\u0435\u043B\u0443 \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435", ...field(input?.name ?? '') })));
 
@@ -4882,8 +4947,6 @@
         47: 'owner_debit_card_pens_plus',
     };
 
-    const RadioButtonGroupControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), ...rest }), renderErrorText(error)] })));
-
     const RUBLE = [{ id: '810', text: 'Рубли' }];
     const CurrencyField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('CURRENCY');
@@ -4893,6 +4956,15 @@
         return (jsx(RadioButtonGroupControl, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", orientation: "horizontal", items: currencies, ...field(input?.name ?? '') }));
     });
 
+    const getDictionaries = (dictionaries, store) => {
+        Promise.all(Object.entries(dictionaries).map((dictionary) => {
+            const [fieldName, dictionaryName] = dictionary;
+            fetchRetailJSON(`/dictionary?dictionaryType=${encodeURIComponent(dictionaryName)}`, 'POST').then((res) => {
+                store[fieldName] = res;
+            });
+        }));
+    };
+
     const getOrganizationFromInn = async (inn) => {
         const res = await getDaDataHints({
             url: 'suggest/party',
@@ -5000,6 +5072,12 @@
     const getOptionOp = (options) => (key) => options
         .map((_) => ({ key: _.key, text: _.value }))
         .find((_) => _.key === key) ?? null;
+    const organizationDictionaries = {
+        amountWorkers: 'EMPLOYEES_NUMBER',
+        employerOrganization: 'ORGANIZATION_KIND',
+        employerActivities: 'ORGANIZATION_ACTIVITY_TYPE',
+        organization: 'ORGANIZATION_TYPE',
+    };
 
     const updateOrganizationFields = (store, field, item) => {
         const { okved, okopf, inn, organizationName } = getOrganizationRequisites(item);
@@ -5011,6 +5089,8 @@
             organization: getOrganizationType(store?.organization ?? [], okopf, inn),
             employerOrganization: getOrganizationKind(store?.employerOrganization ?? [], okopf),
             organizationName,
+            inn,
+            isDadataOrganization: true,
         };
         for (const fieldName in organizationData) {
             field?.(fieldName)?.onChange?.(organizationData[fieldName]);
@@ -5023,14 +5103,26 @@
         organizationName: item.data?.name?.short_with_opf ?? '',
     });
 
+    const NO_DADATA_ERROR_TEXT$1 = 'Необходимо выбрать ИНН из выпадающего списка';
     const DaDataInnField = JSX(({ field, input }) => {
         const store = useRetailFormStore();
+        const [errorText, setErrorText] = useState('');
         const { employerActivities, employerOrganization, organization, amountWorkers } = store;
         const esiaAccountTypeCd = field?.('esiaAccountTypeCd')?.value;
         const inn = field?.('inn')?.value;
+        const fieldError = field?.('organizationName')?.error;
+        const isDadataOrganization = field('isDadataOrganization')?.value;
+        useEffect(() => {
+            setErrorText(fieldError && !isDadataOrganization ? NO_DADATA_ERROR_TEXT$1 : '');
+        }, [isDadataOrganization, fieldError]);
         const onDaDataChange = useCallback((item) => {
             updateOrganizationFields(store, field, item);
         }, []);
+        useEffect(() => {
+            (async () => {
+                await getDictionaries(organizationDictionaries, store);
+            })();
+        }, []);
         useEffect(() => {
             if (!esiaAccountTypeCd || !inn || !isDictionariesAlreadyLoad(store)) {
                 return;
@@ -5042,16 +5134,15 @@
                 }
             })();
         }, [employerActivities, employerOrganization, organization, amountWorkers]);
-        return (jsx(DaDataInputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...field(input?.name ?? ''), onDaDataChange: onDaDataChange, disabled: isEsiaAuthorize(field, input) }));
+        const onChange = useCallback((value) => {
+            field?.('inn')?.onChange?.(value);
+            field?.('isDadataOrganization')?.onChange?.(false);
+        }, []);
+        return (jsx(DaDataInputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...field(input?.name ?? ''), onDaDataChange: onDaDataChange, disabled: isEsiaAuthorize(field, input), onChange: onChange, error: errorText || field('inn')?.error }));
     });
     const isDictionariesAlreadyLoad = (store) => {
-        const { employerActivities, employerOrganization, organization, amountWorkers, productType } = store;
-        return [
-            employerOrganization,
-            organization,
-            amountWorkers,
-            productType === 'creditCard' ? employerActivities : true,
-        ].every(Boolean);
+        const { employerActivities, employerOrganization, organization, amountWorkers } = store;
+        return [employerOrganization, organization, amountWorkers, employerActivities].every(Boolean);
     };
 
     const DeliveryDateFiels = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...field(input?.name ?? ''), minDate: new Date() })));
@@ -5119,24 +5210,12 @@
     });
 
     const EmployerActivitiesField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
         const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.employerActivities = data;
-            }
-        }, [data]);
         return (jsx(SelectField, { field: field, source: store.employerActivities ?? [], label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
     });
 
     const EmployerOrganizationField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('ORGANIZATION_KIND');
         const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.employerOrganization = data;
-            }
-        }, [data]);
         return (jsx(SelectField, { field: field, source: store.employerOrganization ?? [], label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
     });
 
@@ -5340,23 +5419,27 @@
     });
 
     const OrganizationField = JSX(({ field, input }) => {
-        const { data } = useLeadFormData('ORGANIZATION_TYPE');
         const store = useRetailFormStore();
-        useEffect(() => {
-            if (data) {
-                store.organization = data;
-            }
-        }, [data]);
         return (jsx(SelectField, { field: field, source: store.organization ?? [], label: "\u0422\u0438\u043F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "organization", input: input }));
     });
 
+    const NO_DADATA_ERROR_TEXT = 'Необходимо выбрать организацию из выпадающего списка';
     const OrganizationNameField = JSX(({ field, input }) => {
         const store = useRetailFormStore();
+        const [errorText, setErrorText] = useState('');
+        const fieldError = field?.('organizationName')?.error;
+        const isDadataOrganization = field('isDadataOrganization')?.value;
+        useEffect(() => {
+            setErrorText(fieldError && !isDadataOrganization ? NO_DADATA_ERROR_TEXT : '');
+        }, [isDadataOrganization, fieldError]);
         const onDaDataChange = useCallback((item) => {
-            field?.('inn')?.onChange?.(item.data?.inn);
             updateOrganizationFields(store, field, item);
         }, []);
-        return (jsx(DaDataInputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...input, ...field(input?.name ?? ''), disabled: isEsiaAuthorize(field, input), onDaDataChange: onDaDataChange }));
+        const onChange = useCallback((value) => {
+            field?.('organizationName')?.onChange?.(value);
+            field?.('isDadataOrganization')?.onChange?.(false);
+        }, []);
+        return (jsx(DaDataInputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...input, ...field(input?.name ?? ''), disabled: isEsiaAuthorize(field, input), onDaDataChange: onDaDataChange, onChange: onChange, error: errorText || field('organizationName')?.error }));
     });
 
     const OtherIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u0418\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
@@ -5561,7 +5644,7 @@
         shareholderFlg: ShareholderFlgField,
         legalEntityName: LegalEntityNameField,
         creditInRshbCd: CreditInRshbCdField,
-        bankEmployeeCode: BankEmpoleeCodeField,
+        bankEmployeeCode: BankEmployeeCodeField,
         partInBusiness: PartInBusinessField,
         regionRetail: RegionRetailField,
         infoCard: InfoCardField,
@@ -5611,12 +5694,6 @@
 
     const renderSubmitButton = (button, isSending = false) => (jsx(SubmitButton$1, { className: "w-full @xl:w-auto", isLoading: isSending, children: button?.text ? button.text : 'Отправить заявку' }));
 
-    const sessionStore = new Store(); // sessionStorage cache
-    replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
-    function useSessionStore() {
-        return useStore(sessionStore);
-    }
-
     const createDraftTask = async (body) => {
         const res = await fetchRetailJSON('/user-data/createDraftTask', 'POST', body);
         return res || {};
@@ -6115,6 +6192,7 @@
             employment: getSelectValue(employment, EMPLOYMENT_TYPE),
             organizationName,
             inn,
+            isDadataOrganization: Boolean(inn),
             employerActivities: getSelectValue(employerActivities),
             organization: getSelectValue(organization),
             employerOrganization: getSelectValue(employerOrganization),
@@ -6851,6 +6929,7 @@
         const applicationFormData = useMemo(() => getApplicationFormData(productType), [productType]);
         const inputs = useMemo(() => getInputs(applicationFormData), [applicationFormData]);
         const noConsentDialog = useDialog(NoConsentDialog);
+        useIFrameMode();
         const extendedValidatorObj = useMemo(() => getExtendedValidatorObj(productType), [productType]);
         const formValidator = useMemo(() => getFormValidator(inputs, extendedValidatorObj), [inputs, extendedValidatorObj]);
         const initialFormState = useInitApplicationLead({
@@ -8478,6 +8557,8 @@
         generalSeniority: generalSeniorityValidator(formState.lastJobExperience),
         beginDate: workBeginDateValidator(formState.limitedBirthday),
         participantDateRegistration: dateRegistrationValidator(formState.limitedBirthday),
+        organizationName: organizationNameValidator(formState.isDadataOrganization),
+        inn: organizationInnValidator(formState.isDadataOrganization),
     })(formState);
 
     const StepsNavigationButtons$2 = JSX(({ step, isSending, onPrevStep }) => {
@@ -8547,6 +8628,7 @@
                 fiasCode: '',
             },
             organizationName: '',
+            isDadataOrganization: false,
             organizationPhone: '',
             partInBusiness: undefined,
             positionOrganization: { key: '', text: '' },
@@ -8563,12 +8645,6 @@
             esiaAccountTypeCd: { key: '', text: '' },
             initiateBankruptcyFlg: isCredit ? false : undefined,
         },
-        {
-            bankruptcyFlg: false,
-            shareholderFlg: false,
-            legalEntityName: '',
-            creditInRshbCd: undefined,
-        },
     ];
 
     const formStateMap$2 = [
@@ -8578,6 +8654,12 @@
             codeWord: '',
         },
         ...getMainFormStateMap(),
+        {
+            bankruptcyFlg: false,
+            shareholderFlg: false,
+            legalEntityName: '',
+            creditInRshbCd: undefined,
+        },
         {
             regionRetail: { key: '', text: '' },
             addressRetail: { key: '', text: '' },
@@ -8637,12 +8719,9 @@
     };
 
     const getPersonalInfoData = (formData) => {
-        const { name, surname, middleName, limitedBirthday = '', phone = '', email, sex, birthPlace, dulIssueDate = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration, housing, addressRegistration, addressFact, addressMatch, } = formData;
+        const { limitedBirthday = '', sex, birthPlace, dulIssueDate = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration, housing, addressRegistration, addressFact, addressMatch, } = formData;
         return {
             birthDate: formatDate(limitedBirthday, true),
-            midname: middleName,
-            name,
-            surname,
             birthPlace,
             dulIssueDate: formatDate(dulIssueDate, true),
             dulIssuedBy,
@@ -8655,10 +8734,6 @@
                 : undefined,
             homeMatchFlg: addressMatch,
             houseTypeCd: housing,
-            participantContacts: getParticipantContacts$1({
-                phone: formatPhone(phone),
-                email,
-            }),
             participantAddresses: getParticipantAddresses$1({
                 addressRegistration,
                 addressFact: addressMatch ? addressRegistration : addressFact,
@@ -8802,6 +8877,7 @@
 
     const PRODUCT_TYPE$2 = 'creditCard';
     const CreditCardFormStep = JSX(({ step, sections, onPrevStep, onNextStep, onFinish }) => {
+        useIFrameMode();
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs || []), [sections]);
         const formValidator = useCallback((formState) => getRetailFormValidator({
             formState,
@@ -8826,21 +8902,14 @@
             title: 'Персональные данные',
             columns: 2,
             inputs: [
-                {
-                    name: 'surname',
-                    required: true,
-                    dadata: true,
-                    filledByEsia: true,
-                },
-                { name: 'name', required: true, dadata: true, filledByEsia: true },
-                { name: 'middleName', dadata: true, filledByEsia: true },
-                { name: 'sex', required: true },
                 { name: 'limitedBirthday', required: true, filledByEsia: true },
                 { name: 'birthPlace', required: true, filledByEsia: true },
-                { name: 'phone', disabled: true, required: true },
-                { name: 'email', required: true, dadata: true },
             ],
         },
+        {
+            columns: 2,
+            inputs: [{ name: 'sex', required: true }],
+        },
         {
             title: 'Паспортные данные',
             columns: 2,
@@ -9035,29 +9104,32 @@
             ],
         },
         {
-            inputs: [
-                { name: 'employment', required: true },
-                { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
-            ],
+            inputs: [{ name: 'employment', required: true }],
         },
         {
             columns: 2,
             inputs: [
+                { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
                 { name: 'inn', required: true, dadata: true, filledByEsia: true },
-                { name: 'legalForm', required: true },
             ],
         },
         {
+            inputs: [{ name: 'amountWorkers', required: true }],
+        },
+        {
+            columns: 2,
             inputs: [
-                { name: 'organization', required: true },
-                { name: 'amountWorkers', required: true },
+                { name: 'employerActivities', required: true },
+                {
+                    name: 'organizationPhone',
+                    label: 'Телефон работодателя',
+                    required: true,
+                },
             ],
         },
         {
             columns: 2,
             inputs: [
-                { name: 'employerActivities', required: true },
-                { name: 'employerOrganization', required: true },
                 { name: 'generalSeniority', required: true, filledByEsia: true },
                 { name: 'lastJobExperience', required: true, filledByEsia: true },
                 { name: 'experience5Years', required: true, filledByEsia: true },
@@ -9065,14 +9137,7 @@
             ],
         },
         {
-            inputs: [
-                {
-                    name: 'organizationPhone',
-                    label: 'Телефон работодателя',
-                    required: true,
-                },
-                { name: 'beginDate', required: true, filledByEsia: true },
-            ],
+            inputs: [{ name: 'beginDate', required: true, filledByEsia: true }],
         },
         {
             columns: 2,
@@ -9206,13 +9271,20 @@
                         values: ['office'],
                     },
                 },
+            ],
+        },
+        {
+            columns: 2,
+            inputs: [
                 {
-                    name: 'bankEmployeeCode',
                     condition: {
                         name: 'methodObtain',
                         values: ['office'],
                     },
                 },
+                {
+                    name: 'bankEmployeeCode',
+                },
             ],
         },
     ];
@@ -9519,6 +9591,7 @@
     const PRODUCT_TYPE$1 = 'credit';
     const CreditFormStep = JSX(({ step, sections, programsSource, onPrevStep, onNextStep, onFinish }) => {
         const { programId } = useRetailFormStore();
+        useIFrameMode();
         const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs ?? []), [sections]);
         const formValidator = useCallback((formState) => getRetailFormValidator({
@@ -9581,38 +9654,30 @@
             ],
         },
         {
-            inputs: [
-                { name: 'employment', required: true },
-                { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
-            ],
+            inputs: [{ name: 'employment', required: true }],
         },
         {
             columns: 2,
             inputs: [
+                { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
                 { name: 'inn', required: true, dadata: true, filledByEsia: true },
-                { name: 'legalForm', required: true },
             ],
         },
         {
+            columns: 2,
             inputs: [
-                { name: 'organization', required: true },
                 { name: 'amountWorkers', required: true },
+                {
+                    name: 'organizationPhone',
+                    label: 'Телефон работодателя',
+                    required: true,
+                },
             ],
         },
         {
             columns: 2,
             inputs: [
-                { name: 'employerOrganization', required: true },
                 { name: 'jobsNumber', required: true, filledByEsia: true },
-            ],
-        },
-        {
-            inputs: [
-                {
-                    name: 'organizationPhone',
-                    label: 'Телефон работодателя',
-                    required: true,
-                },
                 { name: 'beginDate', required: true, filledByEsia: true },
             ],
         },
@@ -9713,7 +9778,12 @@
             ],
         },
         {
-            inputs: [{ name: 'bankEmployeeCode' }],
+            columns: 2,
+            inputs: [
+                {
+                    name: 'bankEmployeeCode',
+                },
+            ],
         },
     ];
     const CALCULATOR_CONTENT = [
@@ -10025,6 +10095,7 @@
 
     const PRODUCT_TYPE = 'debitCard';
     const DebitFormStep = JSX(({ step, sections, onPrevStep, onNextStep, onFinish }) => {
+        useIFrameMode();
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs ?? []), [sections]);
         const formValidator = useCallback((formState) => getRetailFormValidator({
             formState,
@@ -11628,7 +11699,7 @@
         const Tag = tag;
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { text, description, icon, count, tabName, ...link } = item;
-        return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), "aria-label": "\u0421\u043F\u0438\u0441\u043E\u043A \u0442\u0430\u0431\u043E\u0432", onClick: onClick, ...link, children: jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), role: "tab", "aria-label": `Таб ${text}`, children: [renderTabItemInner({
+        return (jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', 'rounded-none', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), "aria-label": "\u0421\u043F\u0438\u0441\u043E\u043A \u0442\u0430\u0431\u043E\u0432", onClick: onClick, ...link, children: jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), role: "tab", "aria-label": `Таб ${text}`, children: [renderTabItemInner({
                         text,
                         description,
                         icon,
@@ -12101,6 +12172,7 @@
     const ContentPage = JSX(({ className, data = EMPTY_DATA, blocksRegistry, blockDecorator }) => {
         const { slots, blocks, fallback, ...pageContent } = data;
         const resolvedPageContent = useJSONRef(pageContent, fallback);
+        const isFrame = isIFrame();
         useClickHandler();
         useDefaultLocation();
         const options = {
@@ -12110,11 +12182,12 @@
             blockDecorator,
             parent: data,
         };
-        return (jsxs("div", { "data-theme": data.colorPalette || 'pc', children: [jsxs("section", { className: style('@container relative', data.style, className), children: [slots?.[HEADER_SLOT]?.length ? (jsx("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT }) })) : null, jsxs("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [renderChildren({
+        return (jsxs("div", { "data-theme": data.colorPalette || 'pc', children: [jsxs("section", { className: style('@container relative', data.style, className), children: [!isFrame && slots?.[HEADER_SLOT]?.length ? (jsx("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT }) })) : null, jsxs("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [renderChildren({
                                     block: data,
                                     options,
                                     extraProps: { className: 'scroll-mt-12' },
-                                }), renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }), slots?.[STICKY_FOOTER_SLOT]?.length ? (jsx("div", { className: "fixed w-full bottom-0 left-0 z-[100]", children: renderBlocksList(slots?.[STICKY_FOOTER_SLOT], {
+                                }), !isFrame &&
+                                    renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }), !isFrame && slots?.[STICKY_FOOTER_SLOT]?.length ? (jsx("div", { className: "fixed w-full bottom-0 left-0 z-[100]", children: renderBlocksList(slots?.[STICKY_FOOTER_SLOT], {
                         ...options,
                         slotName: STICKY_FOOTER_SLOT,
                     }) })) : null, jsx(DialogManager, {}), jsx(PopupManager, {}), jsx(CookiePopup, { __html: resolvedPageContent?.cookieContent?.__html })] }));
@@ -12124,7 +12197,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.916";
+    const packageVersion = "0.14.918";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;