aumera-on-screen-widget 0.0.10 → 0.0.12

package/df-btn.js

@@ -2,6 +2,7 @@ const wrapper = document.querySelector("#df-btn");
 const config = {
   src: wrapper.getAttribute("src"),
   orgId: wrapper.getAttribute("orgId"),
+  env: wrapper.getAttribute("env"),
   width: wrapper.getAttribute("width"),
   height: wrapper.getAttribute("height"),
   openText: wrapper.getAttribute("openText"),
@@ -235,9 +236,8 @@ if (!config.orgId) {
         }
 
         .df-btn-text {
-            padding: 0;
+            padding: 0 16px 0 0;
             height: 56px;
-            font-size: 0;
         }
     }
 
@@ -299,7 +299,20 @@ if (!config.orgId) {
   // Get the detected language
   const detectedLang = getLanguage();
 
-  // Check if mobile device - removed unused variable
+  // Function to get chat URL based on environment
+  function getChatUrl() {
+    const env = config.env;
+    switch (env) {
+      case "dev":
+        return "https://chat.dev.aumera.ai";
+      case "prod":
+        return "https://chat.aumera.ai";
+      case "favor":
+        return "https://chat.aumera.ai"; // Using prod URL for favor, update if different
+      default:
+        return "https://chat.aumera.ai";
+    }
+  }
 
   document.write(`
         <button class="df-btn df-closed" onclick="dfToggle()">
@@ -311,7 +324,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="${getChatUrl()}/${detectedLang}/?orgId=${
     config.orgId
   }" allow="microphone *"></iframe>
         </button>
@@ -415,10 +428,8 @@ if (!config.orgId) {
     } else {
       // Set text to openText
       if (btnText) btnText.innerText = config.openText || "Chat";
-      // add right padding to df-btn-text only if screen size is greater than 720px
-      if (window.innerWidth > 720) {
-        btnText.style.paddingRight = "24px";
-      }
+      // restore right padding from CSS
+      btnText.style.paddingRight = "";
     }
   }
 

package/package.json

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