lisichatbot 2.2.4 → 2.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/index.js

@@ -3653,6 +3653,23 @@ function init(flowName, flowConfig, options = {}) {
     if (flowConfig.config) {
         Object.assign(config, flowConfig.config);
     }
+
+    // Inject mobile breakpoint styles if configured
+    if (config.mobileBreakpoint) {
+        const mobileStyleId = 'cf-mobile-styles';
+        let mobileStyle = document.getElementById(mobileStyleId);
+        if (mobileStyle) mobileStyle.remove();
+        mobileStyle = document.createElement('style');
+        mobileStyle.id = mobileStyleId;
+        mobileStyle.textContent = `
+            @media (max-width: ${config.mobileBreakpoint}px) {
+                [data-chat-element="user-message-wrapper"] {
+                    margin-bottom: 0.375rem !important;
+                }
+            }
+        `;
+        document.head.appendChild(mobileStyle);
+    }
     
     if (flowConfig.customRangeErrors) {
         // console.log('✅ Using custom range errors from flow object');
@@ -4003,7 +4020,7 @@ function injectStyles() {
     style.id = styleId;
     style.textContent = `
         [data-chat-element="user-message-wrapper"] {
-            margin-bottom: 0px;
+            margin-bottom: 16px;
             display: inline-flex;
             max-width: 70%;
             align-self: flex-end;