MWPW-155694 Decorate chatbot

scripts/dynamic-chat.js

@@ -0,0 +1,26 @@
+function decorateChatbot(chatbot) {
+  if (!chatbot || document.querySelector('.close-sticky-section')) return;
+
+  if (document.querySelector('.sticky-bottom')) {
+    chatbot.style.display = 'none';
+    document.addEventListener('milo:sticky:closed', () => {
+      chatbot.style.display = '';
+    });
+  }
+}
+
+export default function observeChatbot() {
+  const observer = new MutationObserver((mutationsList) => {
+    mutationsList.forEach((mutation) => {
+      if (mutation.type === 'childList') {
+        mutation.addedNodes.forEach((node) => {
+          if (node.id === 'hb_chatbot-root') {
+            decorateChatbot(node);
+            observer.disconnect();
+          }
+        });
+      }
+    });
+  });
+  observer.observe(document.body, { childList: true });
+}

scripts/scripts.js

@@ -192,6 +192,10 @@ export const LIBS = setLibs(window.location);
     const { default: registerAAUniversity } = await import('./aa-university.js');
     window.addEventListener('mktoSubmit', registerAAUniversity);
   }
+  if (document.querySelector('.sticky-bottom')) {
+    const { default: observeChatbot } = await import('./dynamic-chat.js');
+    observeChatbot();
+  }
   if (document.querySelector('.faas')) {
     loadStyle('/styles/faas.css');
   }