lisichatbot 1.7.8 → 1.8.0

package/package.json

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

package/src/index.js

@@ -1051,7 +1051,7 @@ function renderMinMaxInputs(field, customConfig, existingData) {
     rangeWrapper.setAttribute('data-field', field);
     rangeWrapper.style.marginBottom = '16px';
     rangeWrapper.style.display = 'flex';
-    rangeWrapper.style.gap = '16px';
+    rangeWrapper.style.gap = '0px';
     rangeWrapper.style.flexWrap = 'wrap';
 
     const showMinMax = existingData !== undefined && 
@@ -1062,7 +1062,7 @@ function renderMinMaxInputs(field, customConfig, existingData) {
 
     const minClone = minTemplate.cloneNode(true);
     minClone.style.display = '';
-    minClone.style.marginRight = '16px';
+    minClone.style.marginRight = '0px';
     minClone.style.marginBottom = '12px';
     minClone.style.width = 'auto';
     minClone.style.flex = 'none';
@@ -2517,12 +2517,37 @@ async function showNextStep() {
     const nextStep = flowData.flow[chatState.step];
 
     // ✅ NEW: Clean up any previously injected elements (from addElements)
-    // BUT: If this step has addElements, we'll re-inject them below
+    // Restore them to their original location instead of deleting
     if (elements.messages) {
         const injectedElements = elements.messages.querySelectorAll('[data-chat-injected="true"]');
         if (injectedElements.length > 0) {
-            console.log(`  🧹 Removing ${injectedElements.length} previously injected element(s)`);
-            injectedElements.forEach(el => el.remove());
+            console.log(`  🧹 Restoring ${injectedElements.length} previously injected element(s) to original location`);
+            injectedElements.forEach(el => {
+                // Remove the injected marker
+                el.removeAttribute('data-chat-injected');
+                
+                // Restore to original location
+                if (el._originalParent) {
+                    if (el._originalNextSibling) {
+                        el._originalParent.insertBefore(el, el._originalNextSibling);
+                    } else {
+                        el._originalParent.appendChild(el);
+                    }
+                    // Hide it again
+                    el.style.display = 'none';
+                    
+                    // Clean up references
+                    delete el._originalParent;
+                    delete el._originalNextSibling;
+                    el.removeAttribute('data-original-parent');
+                    
+                    console.log(`    ✅ Restored element to original location`);
+                } else {
+                    // Fallback: just remove if no original parent stored
+                    el.remove();
+                    console.log(`    ⚠️ No original parent - removed element`);
+                }
+            });
         }
     }
 
@@ -2889,17 +2914,24 @@ async function showNextStep() {
                 const element = document.querySelector(selector);
                 
                 if (element) {
-                    // Clone the element to avoid removing it from its original location
-                    const clonedElement = element.cloneNode(true);
+                    // ✅ NEW: Move element instead of cloning to preserve event listeners
+                    // Save original parent and position for restoration
+                    const originalParent = element.parentNode;
+                    const originalNextSibling = element.nextSibling;
+                    
+                    // Store restoration info on the element
+                    element.setAttribute('data-original-parent', 'true');
+                    element._originalParent = originalParent;
+                    element._originalNextSibling = originalNextSibling;
                     
                     // Make it visible (in case it was hidden)
-                    clonedElement.style.display = '';
+                    element.style.display = '';
                     
                     // ✅ Mark as injected for cleanup
-                    clonedElement.setAttribute('data-chat-injected', 'true');
+                    element.setAttribute('data-chat-injected', 'true');
                     
-                    // Add to messages container
-                    elements.messages.appendChild(clonedElement);
+                    // Move to messages container (preserves event listeners!)
+                    elements.messages.appendChild(element);
                     
                     console.log(`    ✅ Added element ${index + 1}: ${selector}`);
                 } else {