aumera-on-screen-widget 0.0.6 → 0.0.8

package/df-btn.js

@@ -126,8 +126,10 @@ if (!config.orgId) {
     .df-btn-content {
         display: block;
         border: 0;
-        height: ${config.height || "896px"};
+        height: ${config.height || "75vh"};
+        max-height: 75vh;
         width: ${config.width || "414px"};
+        max-width: 414px;
         transition: all .45s cubic-bezier(.4, 0, .2, 1);
         ${config.position === "left" ? "float: left;" : "float: right;"}
         opacity: 1;
@@ -168,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 {
@@ -270,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()">
             ${
@@ -280,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>
@@ -350,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";
@@ -367,6 +380,7 @@ if (!config.orgId) {
         e.stopPropagation();
         maximizeMinimize();
       });
+
       // Add close button (left)
       const closeBtn = document.createElement("div");
       closeBtn.className = "close-btn";
@@ -416,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.6",
+  "version": "0.0.8",
   "description": "A lightweight, customizable chat widget for websites",
   "main": "df-btn.js",
   "scripts": {