aumera-on-screen-widget 0.0.7 → 0.0.8

package/df-btn.js

@@ -170,9 +170,13 @@ if (!config.orgId) {
     }
     .df-btn.df-maximized .df-btn-content {
       width: 100vw !important;
+      max-width: 100vw !important;
       height: calc(100vh - 56px) !important;
+      max-height: calc(100vh - 56px) !important;
       opacity: 1 !important;
+
       display: block !important;
+      border-radius: 0 !important;
       transition: all .45s cubic-bezier(.4, 0, .2, 1) !important;
     }
     .df-btn.df-closed .df-btn-content {
@@ -272,6 +276,9 @@ if (!config.orgId) {
   // Get the detected language
   const detectedLang = getLanguage();
 
+  // Check if mobile device
+  const isMobileDevice = window.innerWidth <= 768;
+
   document.write(`
         <button class="df-btn df-closed" onclick="dfToggle()">
             ${
@@ -282,7 +289,7 @@ if (!config.orgId) {
             <div class="df-btn-header">
             <div class="df-btn-text">${config.openText || "Chat"}</div>
             </div>
-            <iframe class="df-btn-content" src="https://chat.dev.aumera.ai/${detectedLang}/?orgId=${
+            <iframe class="df-btn-content" src="https://chat.aumera.ai/${detectedLang}/?orgId=${
     config.orgId
   }" allow="microphone *"></iframe>
         </button>
@@ -352,6 +359,10 @@ if (!config.orgId) {
       if (btnText) btnText.innerText = "";
       // remove right padding from df-btn-text
       btnText.style.paddingRight = "0";
+
+      // Only add maximize/minimize button on desktop
+      const isMobile = window.innerWidth <= 768;
+
       // Add maximize/minimize button (right)
       const maxBtn = document.createElement("div");
       maxBtn.className = "maximize-minimize-btn";
@@ -369,6 +380,7 @@ if (!config.orgId) {
         e.stopPropagation();
         maximizeMinimize();
       });
+
       // Add close button (left)
       const closeBtn = document.createElement("div");
       closeBtn.className = "close-btn";
@@ -418,14 +430,26 @@ if (!config.orgId) {
   // Remove onclick from button, handle open/close in JS
   const btn = document.querySelector(".df-btn");
   btn.onclick = null;
+
+  // Check if mobile for later use
+  const isMobile = window.innerWidth <= 768;
+
   btn.addEventListener("click", (e) => {
     // Only toggle if chat is closed (popover mode)
     if (btn.classList.contains("df-closed")) {
       dfToggle();
+      // On mobile, also add maximized state when opening
+      if (window.innerWidth <= 768) {
+        btn.classList.add("df-maximized");
+        updateHeaderButtons();
+      }
     }
     // If open, do nothing (let header buttons handle maximize/minimize/close)
   });
 
   // Start the inactivity timer when the page loads (button is initially closed)
-  startInactivityTimer();
+  // But not on mobile since it starts open
+  if (!isMobile) {
+    startInactivityTimer();
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aumera-on-screen-widget",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "A lightweight, customizable chat widget for websites",
   "main": "df-btn.js",
   "scripts": {