@redneckz/wildless-cms-uni-blocks 0.14.773 → 0.14.775

package/bundle/bundle.umd.js

@@ -5028,8 +5028,8 @@
     });
 
     const getNS = (_) => globalThis[_];
-    const initializeExternalNS = (namespaceName, url) => {
-        const script = document.getElementById(url);
+    const initializeExternalNS = (namespaceName, url, isModule = false) => {
+        const script = globalThis.document.getElementById(url);
         if (script) {
             const ns = getNS(namespaceName);
             if (ns) {
@@ -5045,20 +5045,33 @@
         }
         else {
             return new Promise((resolve, reject) => {
-                const newScript = document.createElement('script');
+                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);
                 });
-                document.head.appendChild(newScript);
+                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(() => {
@@ -5075,9 +5088,9 @@
             return () => {
                 isMounted = false;
                 if (unmountNS) {
-                    const script = document.getElementById(url);
+                    const script = globalThis.document.getElementById(url);
                     if (script) {
-                        document.head.removeChild(script);
+                        globalThis.document.head.removeChild(script);
                     }
                     setExternalNS(undefined);
                 }
@@ -5101,25 +5114,44 @@
             if (!chatUrl) {
                 return;
             }
-            if (chat !== 'personal') {
-                initializeExternalNS(`${CHAT_NAMESPACE}_business_css`, `${chatUrl}/bundle.css`);
-                const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`));
-                if (businessChat?.render) {
-                    businessChat.render(CHAT_FRAME_ID, true);
-                }
+            if (chat === 'business') {
+                await renderBusinessChatBot(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);
-                }
+                renderPersonalChatBot(ev, chatUrl);
             }
         };
     };
+    const renderPersonalChatBot = (ev, chatUrl) => {
+        const target = ev.target;
+        if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
+            target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
+        }
+        const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+        if (!chatFrame) {
+            initializeExternalNS(CHAT_NAMESPACE, chatUrl);
+        }
+    };
+    const renderBusinessChatBot = async (chatUrl) => {
+        const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
+        initializeExternalStylesheet(`${chatUrl}/bundle.css`);
+        const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+        if (chatFrame) {
+            businessChat?.chatOpen?.();
+        }
+        else {
+            createChatFrame();
+            businessChat?.render?.(CHAT_FRAME_ID, true);
+        }
+    };
+    const createChatFrame = () => {
+        const chatFrame = globalThis.document.createElement('div');
+        chatFrame.id = CHAT_FRAME_ID;
+        chatFrame.style.position = 'fixed';
+        chatFrame.style.right = '0';
+        chatFrame.style.bottom = '0';
+        globalThis.document.body.appendChild(chatFrame);
+    };
 
     const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
         const load = useChatBot(chat);
@@ -7003,7 +7035,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.772";
+    const packageVersion = "0.14.774";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;