@redneckz/wildless-cms-uni-blocks 0.14.918 → 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;
@@ -3277,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" })] }));
     });
 
@@ -4055,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`;
@@ -4248,144 +4440,6 @@
                     })), ...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);
-        }
-    }
-
-    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 localStore = new Store(); // localStorage cache
     replicate(localStore, new StorageAdapter(globalThis?.localStorage));
     function useLocalStore(methods) {
@@ -5640,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 || {};
@@ -6881,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({
@@ -8828,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,
@@ -9541,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({
@@ -10044,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,
@@ -11647,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,
@@ -12120,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 = {
@@ -12129,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 })] }));
@@ -12143,7 +12197,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.917";
+    const packageVersion = "0.14.918";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;