Changeset 3431321

Timestamp:

01/02/2026 10:22:07 PM (7 weeks ago)

Author:

attorneyconnect

Message:

Update trunk for v1.0.24

Location:

attorneyconnect-ai/trunk

Files:

• attorneyconnect-ai.php (modified) (6 diffs)
• css/attorneyconnect-ai.css (modified) (7 diffs)
• js/attorneyconnect-ai.js (modified) (15 diffs)

attorneyconnect-ai/trunk/attorneyconnect-ai.php

@@ -4 +4 @@
  * Plugin URI:  https://attorneyconnect.ai/get-started/
  * Description: AttorneyConnect AI is the Most Advanced Conversational Website Receptionist Built for Small Law Firms.
- * Version: 1.0.23
+ * Version: 1.0.24
  * Author: AttorneyConnect
  * Author URI: https://attorneyconnect.ai/
@@ -275 +275 @@
 
     // Admin CSS via handle + inline rules (keeps Plugin Check happy)
-    wp_register_style( 'attorneyconnect-ai-admin', false, array(), '1.0.22' );
+    wp_register_style( 'attorneyconnect-ai-admin', false, array(), '%%VERSION%%' );
     wp_enqueue_style( 'attorneyconnect-ai-admin' );
     wp_add_inline_style(
@@ -288 +288 @@
 
     // Admin JS (color validation/sync)
-    wp_register_script( 'attorneyconnect-ai-admin', false, array(), '1.0.22', true );
+    wp_register_script( 'attorneyconnect-ai-admin', false, array(), '%%VERSION%%', true );
     wp_enqueue_script( 'attorneyconnect-ai-admin' );
     wp_add_inline_script(
@@ -323 +323 @@
         plugins_url( 'js/attorneyconnect-ai.js', __FILE__ ),
         array( 'attorneyconnect-ai-rasa-webchat' ),
-        '1.0.22',
+        '%%VERSION%%',
         true
     );
@@ -340 +340 @@
         plugins_url( 'css/attorneyconnect-ai.css', __FILE__ ),
         array(),
-        '1.0.22'
+        '%%VERSION%%'
     );
 
@@ -349 +349 @@
     $payload = array(
         'websiteCode'              => $website_code, // may be blank; backend will handle errors
-        'socketUrl'                => 'ws://apis.attorneyconnect.ai',
+        'socketUrl'                => '%%SOCKET_URL%%',
         'featureColor'             => get_option( 'attorneyconnect_ai_feature_color', '#0073e6' ),
         'widgetBarPlacement'       => get_option( 'attorneyconnect_ai_widget_bar_placement', 'vertical-right' ),

attorneyconnect-ai/trunk/css/attorneyconnect-ai.css

@@ -186 +186 @@
      ============================================= */
 /* ===[H2] TALLER INPUT; KEEP SEND CIRCLE; CENTER ALIGN === */
-.rw-conversation-container .rw-sender {
+.rw-conversation-container .rw-sender,
+#chat-footer-container .rw-sender {
   display: flex !important;
   align-items: center !important;   /* vertical centering */
+}
+
+#chat-footer-container .rw-sender {
+  padding: 15px 5px;
+  min-height: 30px;
 }
 
@@ -199 +205 @@
   max-height: 220px !important;
   overflow: auto !important;
+}
+
+#chat-footer-container .rw-new-message {
+  padding-left: 15px !important;
+}
+
+@supports (-webkit-touch-callout: none) {
+  .rw-new-message {
+    font-size: 16px !important;
+  }
 }
 
@@ -216 +232 @@
     
   /* Icon positioning */
-  .rw-conversation-container .rw-send svg {
+  .rw-conversation-container .rw-send svg,
+  #chat-footer-container .rw-send svg {
     margin-left: 5px;
   }
   .rw-conversation-container .rw-send .rw-send-icon,
-  .rw-conversation-container .rw-send .rw-send-icon-ready {
+  .rw-conversation-container .rw-send .rw-send-icon-ready,
+  #chat-footer-container .rw-send .rw-send-icon,
+  #chat-footer-container .rw-send .rw-send-icon-ready {
     fill: var(--feature-color) !important;
     stroke: var(--feature-color) !important;
   }
 
-  .rw-conversation-container .rw-sender {
+  .rw-conversation-container .rw-sender,
+  #chat-footer-container .rw-sender {
     background-color: #ffffff !important;
   }
@@ -312 +332 @@
     z-index: 100000;
   }
+
+  /* Call popup */
+  #call-popup {
+    position: fixed;
+    background: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 8px;
+    padding: 10px 12px;
+    box-shadow: 0 0 0 1px rgba(11,67,115,0.16), 0 12px 26px rgba(0,0,0,0.22);
+    z-index: 10002;
+    display: none;
+    min-width: 150px;
+    max-width: 220px;
+    font-family: sans-serif;
+  }
+
+  #call-popup.open {
+    display: block;
+  }
+
+  #call-popup .call-popup-row {
+    position: relative;
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+  }
+
+  #call-popup .call-popup-icon {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    display: inline-flex;
+    color: #000000;
+  }
+
+  #call-popup .call-popup-icon svg {
+    width: 18px;
+    height: 18px;
+    transform: rotate(90deg);
+    transform-origin: center;
+  }
+
+  #call-popup .call-popup-number {
+    color: #3a3a3a;
+    display: block;
+    width: 100%;
+    text-align: center;
+    padding: 0 26px;
+    font-size: 17px;
+    font-weight: 600;
+    text-decoration: none;
+    white-space: nowrap;
+  }
+
+  #call-popup .call-popup-number.is-disabled {
+    color: #6b7280;
+    pointer-events: none;
+  }
+
+  #call-popup .call-popup-close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    background: var(--feature-color);
+    border: 1px solid var(--feature-color);
+    color: var(--text-color);
+    border-radius: 6px;
+    padding: 8px 12px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+  }
+
+  #call-popup .call-popup-close:hover {
+    filter: brightness(0.98);
+  }
   
   /* =============================================
@@ -323 +421 @@
     padding: 0 0 10px;
     background: #fff;
+  }
+
+  #legal-disclaimer-text {
+    line-height: 1.2;
+  }
+
+  #end-chat-button {
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
+
+  /* Footer layout: End Chat + Powered By on one row, disclaimer below */
+  #footer-row {
+    display: grid !important;
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: auto auto;
+    align-items: center !important;
+    column-gap: 8px;
+    row-gap: 4px;
+  }
+
+  #footer-row #end-chat-button {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  #footer-row a {
+    grid-column: 3;
+    grid-row: 1;
+    justify-self: end;
+    text-decoration: none;
+    font-size: 12px;
+    white-space: nowrap;
+  }
+
+  #footer-row #legal-disclaimer-text {
+    grid-column: 1 / -1;
+    grid-row: 2;
+    width: 100% !important;
+    max-width: 100% !important;
+    margin-top: 2px;
+    text-align: center;
+    white-space: normal;
+  }
+
+  #chat-footer-container {
+    flex: 0 0 auto;
+    background: #fff;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+    z-index: 4;
+  }
+
+  #chat-footer-container.acai-vv-active {
+    padding-bottom: 0;
   }
   
@@ -784 +936 @@
 @media (max-width: 768px) {
   #rasaWebchatWrapper { padding-bottom: 0 !important; width: 100% !important; }
+  .rw-send {
+    width: 60px !important;
+    height: 60px !important;
+    min-width: 60px !important;
+    min-height: 60px !important;
+  }
+  #footer-row #legal-disclaimer-text {
+    font-size: 10px;
+    padding: 0 12px 8px;
+    line-height: 1.25;
+  }
 }
 
@@ -816 +979 @@
 #widget-bar.horizontal {
   margin-right: 5px !important; /* same spacing as vertical + floating button */
+}
+
+/* Divider between logo and first button (vertical + horizontal) */
+#widget-bar.vertical .widget-logo + .widget-button.first-visible {
+  border-top: 1px solid #ccc !important;
+}
+#widget-bar.horizontal .widget-logo + .widget-button.first-visible {
+  border-left: 1px solid #ccc !important;
 }
 

attorneyconnect-ai/trunk/js/attorneyconnect-ai.js

@@ -4 +4 @@
   let fallbackMode = false;
   let isFormView   = false;
+  let callPopup = null;
+  let callPhoneNumber = "";
 
   // === CONNECTION CONSTANTS / STATE ===
@@ -72 +74 @@
       } else {
         window.businessEntity = data;
-        var callBtn = document.getElementById("call-button");
-        if (callBtn) {
-          callBtn.onclick = function () {
-            window.location.href = "tel:" + data.phone_num;
-          };
-        }
+        setCallPhoneNumber(data.phone_num);
         var chatHeader = document.getElementById("chat-header");
         if (chatHeader) {
@@ -92 +89 @@
 let floatingBtn = null;
 
+function isMobileViewport() {
+  const vw = window.innerWidth || document.documentElement.clientWidth;
+  return vw <= 768;
+}
+
 function updateFloatingChatButtonVisibility(widgetBarPlacement) {
   if (!floatingBtn) return;
 
-  const vw = window.innerWidth || document.documentElement.clientWidth;
-  const mobile = vw <= 768;
+  const mobile = isMobileViewport();
 
   const wrapperOpen = document.getElementById("rasaWebchatWrapper")?.classList.contains("open");
@@ -144 +145 @@
   document.body.appendChild(floatingBtn);
   floatingBtn.addEventListener('click', () => {
+    hideCallPopup();
     fallbackMode = false;
     isFormView  = false;
@@ -154 +156 @@
   window.addEventListener('orientationchange', () => updateFloatingChatButtonVisibility(widgetBarPlacement));
 }
+
+  function ensureCallPopup() {
+    if (callPopup) return callPopup;
+    callPopup = document.createElement("div");
+    callPopup.id = "call-popup";
+    callPopup.setAttribute("aria-hidden", "true");
+    callPopup.innerHTML = `
+      <div class="call-popup-row">
+        <span class="call-popup-icon" aria-hidden="true">
+          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512">
+            <path fill="currentColor"
+              d="M493.4 24.6l-104-24c-11.4-2.6-23.3 3.3-27.7 13.7l-48 112
+                 c-4.2 9.8-1.4 21.3 6.9 28.1l60.6 49.6C350.3 264.2 274.7 339.8
+                 214 380.5l-49.6-60.6c-6.8-8.3-18.3-11.1-28.1-6.9l-112 48
+                 c-10.4 4.4-16.3 16.3-13.7 27.7l24 104C36.9 503.3 46.9 512 58 512
+                 C299.8 512 512 299.8 512 58c0-11.1-8.7-21.1-18.6-23.4z"/>
+          </svg>
+        </span>
+        <a class="call-popup-number" href="#">Phone unavailable</a>
+      </div>
+      <button type="button" class="call-popup-close">Close</button>
+    `;
+    document.body.appendChild(callPopup);
+
+    const closeBtn = callPopup.querySelector(".call-popup-close");
+    if (closeBtn) {
+      closeBtn.addEventListener("click", function() {
+        hideCallPopup();
+      });
+    }
+
+    applyCallPopupNumber();
+    return callPopup;
+  }
+
+  function getCallPhoneNumber() {
+    const callBtnEl = document.getElementById("call-button");
+    const datasetPhone = callBtnEl && callBtnEl.dataset ? callBtnEl.dataset.phoneNumber : "";
+    return (datasetPhone || callPhoneNumber || "").trim();
+  }
+
+  function triggerDirectCall() {
+    const phone = getCallPhoneNumber();
+    if (!phone) return false;
+    hideCallPopup();
+    window.location.href = "tel:" + phone;
+    return true;
+  }
+
+  function applyCallPopupNumber() {
+    if (!callPopup) return;
+    const numberEl = callPopup.querySelector(".call-popup-number");
+    if (!numberEl) return;
+    const phone = getCallPhoneNumber();
+    if (phone) {
+      numberEl.textContent = phone;
+      numberEl.href = "tel:" + phone;
+      numberEl.classList.remove("is-disabled");
+      numberEl.setAttribute("aria-disabled", "false");
+    } else {
+      numberEl.textContent = "Phone unavailable";
+      numberEl.href = "#";
+      numberEl.classList.add("is-disabled");
+      numberEl.setAttribute("aria-disabled", "true");
+    }
+  }
+
+  function setCallPhoneNumber(phone) {
+    callPhoneNumber = (phone || "").trim();
+    const callBtnEl = document.getElementById("call-button");
+    if (callBtnEl) {
+      callBtnEl.dataset.phoneNumber = callPhoneNumber;
+    }
+    applyCallPopupNumber();
+    if (callPopup && callPopup.classList.contains("open")) {
+      requestAnimationFrame(positionCallPopup);
+    }
+  }
+
+  function positionCallPopup() {
+    if (!callPopup || !callPopup.classList.contains("open")) return;
+    const callBtnEl = document.getElementById("call-button");
+    if (!callBtnEl) return;
+    const rect = callBtnEl.getBoundingClientRect();
+    const popupRect = callPopup.getBoundingClientRect();
+    const gap = 8;
+    const vw = window.innerWidth || document.documentElement.clientWidth;
+    const vh = window.innerHeight || document.documentElement.clientHeight;
+
+    const isVertical = widgetBarPlacement && widgetBarPlacement.indexOf("vertical") !== -1;
+    if (isVertical) {
+      let left = rect.left - popupRect.width - gap;
+      let top = rect.top + rect.height / 2 - popupRect.height / 2;
+      left = Math.max(8, left);
+      top = Math.max(8, Math.min(top, vh - popupRect.height - 8));
+      callPopup.style.left = left + "px";
+      callPopup.style.top = top + "px";
+      return;
+    }
+
+    let top = rect.top - popupRect.height - gap;
+    if (top < 8) {
+      top = rect.bottom + gap;
+    }
+    let left = rect.left + rect.width / 2 - popupRect.width / 2;
+    left = Math.max(8, Math.min(left, vw - popupRect.width - 8));
+    callPopup.style.left = left + "px";
+    callPopup.style.top = top + "px";
+  }
+
+  function openCallPopup() {
+    const popup = ensureCallPopup();
+    applyCallPopupNumber();
+    popup.classList.add("open");
+    popup.setAttribute("aria-hidden", "false");
+    const callBtnEl = document.getElementById("call-button");
+    if (callBtnEl) {
+      callBtnEl.setAttribute("aria-expanded", "true");
+    }
+    requestAnimationFrame(positionCallPopup);
+  }
+
+  function hideCallPopup() {
+    if (!callPopup) return;
+    callPopup.classList.remove("open");
+    callPopup.setAttribute("aria-hidden", "true");
+    const callBtnEl = document.getElementById("call-button");
+    if (callBtnEl) {
+      callBtnEl.setAttribute("aria-expanded", "false");
+    }
+  }
+
+  function toggleCallPopup(forceOpen) {
+    const popup = ensureCallPopup();
+    const shouldOpen = typeof forceOpen === "boolean"
+      ? forceOpen
+      : !popup.classList.contains("open");
+    if (shouldOpen) {
+      openCallPopup();
+    } else {
+      hideCallPopup();
+    }
+  }
+
+  document.addEventListener("click", function(e) {
+    if (!callPopup || !callPopup.classList.contains("open")) return;
+    if (e.target.closest("#call-popup") || e.target.closest("#call-button")) return;
+    hideCallPopup();
+  });
+
+  window.addEventListener("resize", positionCallPopup);
+  window.addEventListener("orientationchange", positionCallPopup);
 
   // 1) CREATE / CONFIGURE WIDGET BAR
@@ -262 +416 @@
   if (chatCfg.includeCallButton !== "1") {
     widgetBar.querySelector("#call-button").style.display = "none";
+    hideCallPopup();
   }
   if (chatCfg.includeEmailButton !== "1") {
@@ -277 +432 @@
   if (emailBtn) emailBtn.style.order = "2";
   if (chatBtn)  chatBtn.style.order  = "3";
+  if (callBtn) {
+    callBtn.setAttribute("aria-haspopup", "dialog");
+    callBtn.setAttribute("aria-expanded", "false");
+    callBtn.addEventListener("click", function(e) {
+      e.preventDefault();
+      if (isMobileViewport() && triggerDirectCall()) {
+        return;
+      }
+      toggleCallPopup();
+    });
+  }
 
   var allButtons = widgetBar.querySelectorAll(".widget-button");
@@ -285 +451 @@
   function openChatOrForm() {
     document.getElementById("engagement-bubble")?.classList.add("hidden");
+    hideCallPopup();
     togglePopup(true);
     if (sessionStorage.getItem("messageSent") === "true") {
@@ -338 +505 @@
   
     // 3) show the footer/disclaimer
-    document.getElementById("legal-disclaimer").style.display = "";
+    const footerContainer = document.getElementById("chat-footer-container");
+    if (footerContainer) {
+      footerContainer.style.display = "";
+      footerViewportManager.scheduleUpdate();
+    } else {
+      document.getElementById("legal-disclaimer").style.display = "";
+    }
   
     // 4) let flexbox handle height; clear any old hardcoded values
@@ -361 +534 @@
     formWrapper.style.display = "block";
     document.getElementById("rasaWebchatPro").style.display = "none";
-    document.getElementById("legal-disclaimer").style.display = "none";
+    const footerContainer = document.getElementById("chat-footer-container");
+    if (footerContainer) {
+      footerContainer.style.display = "none";
+    } else {
+      document.getElementById("legal-disclaimer").style.display = "none";
+    }
   
     // if already sent ✔️ show thank-you
@@ -515 +693 @@
     }
   
-    const disclaimer = document.getElementById("legal-disclaimer");
-    if (disclaimer) {
-      disclaimer.style.flex = "0 0 auto";
-      disclaimer.style.background = "#FFFFFF";
-    }
-  }
+    const footerContainer = document.getElementById("chat-footer-container");
+    if (footerContainer) {
+      footerContainer.style.flex = "0 0 auto";
+      footerContainer.style.background = "#FFFFFF";
+    } else {
+      const disclaimer = document.getElementById("legal-disclaimer");
+      if (disclaimer) {
+        disclaimer.style.flex = "0 0 auto";
+        disclaimer.style.background = "#FFFFFF";
+      }
+    }
+  }
+
+  const isIOSLike = /iP(ad|hone|od)/.test(navigator.userAgent) ||
+    (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+
+  const footerViewportManager = (() => {
+    let rafId = null;
+    let mutationObserver = null;
+    let resizeObserver = null;
+
+    const getFooterContainer = () => document.getElementById("chat-footer-container");
+
+    const ensureFooterContainer = () => {
+      if (!isIOSLike) return null;
+      const wrapper = document.getElementById("rasaWebchatWrapper");
+      if (!wrapper) return null;
+
+      let container = getFooterContainer();
+      if (!container) {
+        container = document.createElement("div");
+        container.id = "chat-footer-container";
+        wrapper.appendChild(container);
+      }
+      container.style.position = "absolute";
+      container.style.left = "0";
+      container.style.right = "0";
+      container.style.bottom = "0";
+
+      const disclaimer = document.getElementById("legal-disclaimer");
+      if (disclaimer && disclaimer.parentElement !== container) {
+        container.appendChild(disclaimer);
+      }
+
+      const senders = wrapper.querySelectorAll(".rw-sender");
+      if (senders.length) {
+        let primarySender = null;
+        senders.forEach(sender => {
+          if (!primarySender && sender.closest("#rasaWebchatPro")) {
+            primarySender = sender;
+          }
+        });
+        if (!primarySender) {
+          primarySender = senders[senders.length - 1];
+        }
+        if (primarySender && primarySender.parentElement !== container) {
+          container.insertBefore(primarySender, container.firstChild);
+        }
+        senders.forEach(sender => {
+          if (sender !== primarySender) {
+            sender.remove();
+          }
+        });
+      }
+
+      return container;
+    };
+
+    const computeBottomInset = () => {
+      if (!window.visualViewport) return 0;
+      const vv = window.visualViewport;
+      const wrapper = document.getElementById("rasaWebchatWrapper");
+      const wrapperHeight = wrapper ? wrapper.getBoundingClientRect().height : 0;
+      const layoutHeight = Math.max(
+        wrapperHeight,
+        window.innerHeight || 0,
+        document.documentElement.clientHeight || 0
+      );
+      return Math.max(0, Math.round(layoutHeight - (vv.height + vv.offsetTop)));
+    };
+
+    const updateMessagesPadding = (container, bottomInset) => {
+      const messages = document.querySelector("#rasaWebchatWrapper .rw-messages-container");
+      if (!messages) return;
+      if (!messages.dataset.acaiBasePadding) {
+        const base = parseFloat(getComputedStyle(messages).paddingBottom) || 0;
+        messages.dataset.acaiBasePadding = String(base);
+      }
+      const base = parseFloat(messages.dataset.acaiBasePadding) || 0;
+      const footerHeight = container.getBoundingClientRect().height;
+      messages.style.paddingBottom = Math.ceil(base + footerHeight + bottomInset) + "px";
+    };
+
+    const updateFooterPosition = () => {
+      if (!isIOSLike) return;
+      const container = ensureFooterContainer();
+      if (!container) return;
+
+      const bottomInset = computeBottomInset();
+      if (window.visualViewport) {
+        container.classList.add("acai-vv-active");
+      } else {
+        container.classList.remove("acai-vv-active");
+      }
+      container.style.transform = "";
+      container.style.bottom = bottomInset ? `${bottomInset}px` : "0px";
+      updateMessagesPadding(container, bottomInset);
+    };
+
+    const scheduleUpdate = () => {
+      if (rafId) return;
+      rafId = requestAnimationFrame(() => {
+        rafId = null;
+        updateFooterPosition();
+      });
+    };
+
+    const bind = () => {
+      if (!isIOSLike) return;
+      ensureFooterContainer();
+      scheduleUpdate();
+
+      window.addEventListener("orientationchange", scheduleUpdate, { passive: true });
+      window.addEventListener("resize", scheduleUpdate, { passive: true });
+      if (window.visualViewport) {
+        window.visualViewport.addEventListener("resize", scheduleUpdate, { passive: true });
+        window.visualViewport.addEventListener("scroll", scheduleUpdate, { passive: true });
+      }
+
+      document.addEventListener("focusin", scheduleUpdate, true);
+      document.addEventListener("focusout", scheduleUpdate, true);
+      document.addEventListener("visibilitychange", scheduleUpdate, true);
+      window.addEventListener("pageshow", scheduleUpdate, { passive: true });
+
+      const chatRoot = document.getElementById("rasaWebchatPro");
+      if (chatRoot && !mutationObserver) {
+        mutationObserver = new MutationObserver(() => scheduleUpdate());
+        mutationObserver.observe(chatRoot, { childList: true, subtree: true });
+      }
+
+      if ("ResizeObserver" in window && !resizeObserver) {
+        resizeObserver = new ResizeObserver(() => scheduleUpdate());
+        const container = ensureFooterContainer();
+        if (container) resizeObserver.observe(container);
+      }
+    };
+
+    return { bind, scheduleUpdate, ensureFooterContainer };
+  })();
   
   
@@ -579 +900 @@
      <div id="rasaWebchatPro"          style="display:none; height:100%; background:#FFF;"></div>
    `;
-   if (!widgetLoaded) {
+  if (!widgetLoaded) {
     widgetLoaded = true;
     loadWebchat(document.getElementById("rasaWebchatPro"));
@@ -594 +915 @@
       <div id="footer-row" style="display:flex;justify-content:space-between;align-items:center;background:#FFFFFF;padding:5px;">
         <button id="end-chat-button" style="padding:5px 10px;font-size:12px;cursor:pointer;background:${featureColor};color:${textColor};border:none;">End Chat</button>
+        <div id="legal-disclaimer-text" style="margin:0;font-size:11px;text-align:center;color:#666;background:#FFFFFF;">
+          This chat is provided for informational purposes only and does not constitute legal advice.
+        </div>
         ${chatCfg.showPoweredBy === '1'
           ? `<a href="https://AttorneyConnect.ai" target="_blank" rel="noopener noreferrer" style="text-decoration:none;font-size:12px;">
@@ -601 +925 @@
       </div>`;
 
-    disclaimer.innerHTML = footer + `
-      <div id="legal-disclaimer-text" style="margin:0;font-size:11px;text-align:center;color:#666;background:#FFFFFF;">
-        This chat is provided for informational purposes only and does not constitute legal advice.
-      </div>`;
+    disclaimer.innerHTML = footer;
 
     document.getElementById("rasaWebchatWrapper").appendChild(disclaimer);
     document.getElementById("end-chat-button").addEventListener("click", showEndChatAlert);
   }
+  footerViewportManager.bind();
 
   applyLayoutFixes();
@@ -681 +1003 @@
     const wrap = document.getElementById("rasaWebchatWrapper");
     if (wrap) {
+      hideCallPopup();
       fallbackMode = false;
       isFormView   = false;