advaisor-chatbot 1.2.0 → 1.4.0

package/dist/testchatbot.js

@@ -1431,23 +1431,47 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         .chat-trigger:hover { transform: scale(1.05); }
 
         .chat-window {
-          resize: both;
           position: fixed;
           bottom: 20px;
           right: 20px;
           z-index: 10000;
+
           display: none;
           flex-direction: column;
-          background: white;
-          box-shadow: 0 10px 25px rgba(0,0,0,0.2);
-          border-radius: 12px;
-          width: 400px;
-          max-width: 90vw;
-          height: 600px;
+
+          background: #ffffff;
+          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+
+          width: 30vw;
+          max-width: 420px;
+
+          height: 90vh;
+          max-height: 90vh;
+
+          border-radius: 16px;
           overflow: hidden;
-          min-width: 280px;
-          min-height: 350px;
-          transition: width 0.2s ease, height 0.2s ease;
+
+          transition: all 0.25s ease;
+
+          resize: both;
+          min-width: 300px;
+          min-height: 450px;
+        }
+        
+        @media (max-width: 768px) {
+          .chat-window {
+            width: 100vw;
+            max-width: 100vw;
+
+            min-height: 85vh;
+            max-height: 85vh;
+            height: auto;
+
+            bottom: 0;
+            right: 0;
+
+            border-radius: 16px 16px 0 0; /* rounded top only */
+          }
         }
 
         .chat-body {
@@ -1570,6 +1594,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         .header {
           cursor: move;
           user-select: none;
+          touch-action: none;
         }
 
         .history-btn {
@@ -1746,30 +1771,50 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       let isDragging = false;
       let offsetX = 0;
       let offsetY = 0;
-      header.addEventListener("mousedown", (e) => {
+      function getEventPosition(e) {
+        if (e.touches && e.touches.length > 0) {
+          return {
+            x: e.touches[0].clientX,
+            y: e.touches[0].clientY
+          };
+        }
+        return {
+          x: e.clientX,
+          y: e.clientY
+        };
+      }
+      function startDrag(e) {
         isDragging = true;
+        const pos = getEventPosition(e);
         const rect = windowEl.getBoundingClientRect();
-        offsetX = e.clientX - rect.left;
-        offsetY = e.clientY - rect.top;
+        offsetX = pos.x - rect.left;
+        offsetY = pos.y - rect.top;
         windowEl.style.right = "auto";
         windowEl.style.bottom = "auto";
         windowEl.style.left = rect.left + "px";
         windowEl.style.top = rect.top + "px";
-      });
-      document.addEventListener("mousemove", (e) => {
+      }
+      header.addEventListener("mousedown", startDrag);
+      header.addEventListener("touchstart", startDrag);
+      function onDrag(e) {
         if (!isDragging) return;
-        let x2 = e.clientX - offsetX;
-        let y2 = e.clientY - offsetY;
+        const pos = getEventPosition(e);
+        let x2 = pos.x - offsetX;
+        let y2 = pos.y - offsetY;
         const maxX = window.innerWidth - windowEl.offsetWidth;
         const maxY = window.innerHeight - windowEl.offsetHeight;
         x2 = Math.max(0, Math.min(x2, maxX));
         y2 = Math.max(0, Math.min(y2, maxY));
         windowEl.style.left = x2 + "px";
         windowEl.style.top = y2 + "px";
-      });
-      document.addEventListener("mouseup", () => {
+      }
+      document.addEventListener("mousemove", onDrag);
+      document.addEventListener("touchmove", onDrag);
+      function stopDrag() {
         isDragging = false;
-      });
+      }
+      document.addEventListener("mouseup", stopDrag);
+      document.addEventListener("touchend", stopDrag);
       windowEl.addEventListener("click", (e) => {
         const sidebar2 = this.shadowRoot.getElementById("sidebar");
         const historyBtn2 = this.shadowRoot.getElementById("history");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "advaisor-chatbot",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Embeddable chatbot component",
   "main": "dist/testchatbot.js",
   "scripts": {