@redneckz/wildless-cms-uni-blocks 0.14.249 → 0.14.250

package/mobile/bundle/bundle.umd.js

@@ -4030,43 +4030,68 @@
     };
 
     const getNS = (_) => globalThis[_];
-    function useExternalNS(namespaceName, url) {
-        const [externalNS, setExternalNS] = useState();
-        const setNS = useCallback(() => setExternalNS(getNS(namespaceName)), [namespaceName]);
-        useEffect(() => {
-            const script = document.getElementById(url);
-            if (script) {
-                if (getNS(namespaceName)) {
-                    setNS();
-                }
-                else {
-                    script.addEventListener('load', setNS);
-                    return () => {
-                        script.removeEventListener('load', setNS);
-                    };
-                }
+    const initializeExternalNS = (namespaceName, url) => {
+        const script = 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 = document.createElement('script');
                 newScript.src = url;
                 newScript.async = true;
                 newScript.id = url;
-                newScript.addEventListener('load', setNS);
+                newScript.addEventListener('load', () => {
+                    resolve(getNS(namespaceName));
+                });
+                newScript.addEventListener('error', (error) => {
+                    reject(error);
+                });
                 document.head.appendChild(newScript);
-                return () => {
-                    document.head.removeChild(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 = document.getElementById(url);
+                    if (script) {
+                        document.head.removeChild(script);
+                    }
                     setExternalNS(undefined);
-                };
-            }
-            return undefined;
-        }, [namespaceName, url]);
+                }
+            };
+        }, [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`;
-        return useExternalNS(YMAPS_NAMESPACE, url);
+        return useExternalNS(YMAPS_NAMESPACE, url, false);
     };
 
     const styles = {
@@ -5505,6 +5530,37 @@
         VerticalLayout,
     };
 
+    const CHAT_NAMESPACE = 'chatbot';
+    const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
+    const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
+    const CHAT_STORAGE_NAME = 'webchat-keep-open';
+    const CHATBOT_URL = {
+        personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
+        business: '', //TODO: add url business chat
+    };
+    const useChatBot = (chat) => {
+        useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
+        const chatUrl = CHATBOT_URL[chat ?? ''];
+        return (ev) => {
+            if (!chatUrl) {
+                return;
+            }
+            if (chat !== 'personal') {
+                initializeExternalNS(CHAT_NAMESPACE, chatUrl);
+            }
+            else {
+                const target = ev.target;
+                if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
+                    target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
+                }
+                const chatFrame = document.getElementById(CHAT_FRAME_ID);
+                if (!chatFrame) {
+                    initializeExternalNS(CHAT_NAMESPACE, chatUrl);
+                }
+            }
+        };
+    };
+
     const QUERY_STORAGE_KEY = 'rshb-query-params';
     function getSessionQuery() {
         const result = globalThis.location?.search || globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY) || '';
@@ -5530,21 +5586,27 @@
         useEffect(() => {
             getSessionQuery(); //? Call first time for save query in sessionStorage
         }, []);
-        useEventListener(globalThis, 'click', navigationHandler);
+        const loadBot = useChatBot(projectSettings.CHAT_BOT);
+        const reachGoalYM = (targetName) => {
+            const [ymID] = projectSettings.YANDEX_METRIKA_ID?.split(',').reverse() ?? [];
+            if ([ymID, targetName, globalThis.ym].every(Boolean)) {
+                globalThis.ym(ymID, 'reachGoal', targetName);
+            }
+        };
+        useEventListener(globalThis, 'click', navigationHandler({ loadBot, reachGoalYM }));
     });
-    const navigationHandler = (ev) => {
+    const navigationHandler = (methods) => (ev) => {
         const element = getAnchorElement(ev.target);
-        const [ymID] = projectSettings._.YANDEX_METRIKA_ID?.split(',').reverse() ?? [];
-        const targetName = element?.dataset?.ymtarget;
-        if ([ymID, targetName, globalThis.ym].every(Boolean)) {
-            globalThis.ym(ymID, 'reachGoal', targetName);
+        for (const key in element?.dataset) {
+            getScenario(key)?.(element, methods);
         }
         if (isURL(element?.href) && !element?.href?.startsWith(globalThis.location?.origin)) {
             ev.preventDefault();
             ev.stopPropagation();
             const url = adjustSessionQuery(element?.href) || element?.href;
             if (url) {
-                goTransition(element?.target)?.(url);
+                const transition = getTransition(element?.target);
+                transition?.(url);
             }
         }
     };
@@ -5555,7 +5617,7 @@
         }
         return _target;
     };
-    const goTransition = tableFunc([
+    const getTransition = tableFunc([
         [(_) => _ === '_blank', (url) => globalThis.open(url, '_blank')],
         [(_) => _ === '_parent', (url) => globalThis.parent && (globalThis.parent.location.href = url)],
         [
@@ -5566,6 +5628,10 @@
         ],
         [() => true, (url) => globalThis.location && (globalThis.location.href = url)],
     ]);
+    const getScenario = tableFunc([
+        [(_) => _ === 'ymtarget', (target, methods) => methods?.reachGoalYM(target?.dataset?.ymtarget)],
+        [(_) => _ === 'chatbot', (target, methods) => methods?.loadBot({ target })],
+    ]);
 
     const COOKIE_DIALOG_ID = 'cookie';
     const DIALOG_INITIAL_DELAY = 3 * 1000;
@@ -5674,7 +5740,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.248";
+    const packageVersion = "0.14.249";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;