lisichatbot 1.6.8 → 1.6.9

package/package.json

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

package/src/index.js

@@ -229,7 +229,10 @@ function updateEditIcons() {
                 return;
             }
             
-            if (hasInput && stepNumber < chatState.step && isLatest) {
+            // ✅ NEW: Check if edit icon should be forced to show (even without input)
+            const forceShowEdit = stepData && stepData.showEditIcon === true;
+            
+            if ((hasInput || forceShowEdit) && stepNumber < chatState.step && isLatest) {
                 editIcon.onclick = (e) => {
                     e.stopPropagation();
                     e.preventDefault();
@@ -2424,6 +2427,16 @@ function findNextAccessibleStep(currentStep) {
 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
+    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());
+        }
+    }
+
     // ✅ NEW: Check if step should be displayed based on condition
     if (nextStep.shouldDisplay) {
         let shouldShow = false;
@@ -2793,6 +2806,9 @@ async function showNextStep() {
                     // Make it visible (in case it was hidden)
                     clonedElement.style.display = '';
                     
+                    // ✅ Mark as injected for cleanup
+                    clonedElement.setAttribute('data-chat-injected', 'true');
+                    
                     // Add to messages container
                     elements.messages.appendChild(clonedElement);
                     
@@ -2888,20 +2904,29 @@ async function showNextStep() {
             // If hasPreFill, renderOptions already handled it
         }
     } else {
-        const delay = nextStep.autoAdvanceDelay !== undefined ? nextStep.autoAdvanceDelay : config.autoAdvanceDelay;
-        console.log(`  ⏱️ Auto-advance delay: ${delay}ms ${nextStep.autoAdvanceDelay !== undefined ? '(step-level)' : '(global)'}`);
+        // ✅ FIXED: Only auto-advance if explicitly enabled OR if step has autoAdvance
+        const shouldAutoAdvance = nextStep.autoAdvance === true;
         
-        setTimeout(() => {
-            // ✅ NEW: Find next accessible step
-            chatState.step = findNextAccessibleStep(chatState.step);
-            updateEditIcons();
+        if (shouldAutoAdvance) {
+            const delay = nextStep.autoAdvanceDelay !== undefined ? nextStep.autoAdvanceDelay : config.autoAdvanceDelay;
+            console.log(`  ⏱️ Auto-advance delay: ${delay}ms ${nextStep.autoAdvanceDelay !== undefined ? '(step-level)' : '(global)'}`);
             
-            if (chatState.step < flowData.flow.length) {
-                showNextStep();
-            } else {
-                handleCompletion();
-            }
-        }, delay);
+            setTimeout(() => {
+                // ✅ NEW: Find next accessible step
+                chatState.step = findNextAccessibleStep(chatState.step);
+                updateEditIcons();
+                
+                if (chatState.step < flowData.flow.length) {
+                    showNextStep();
+                } else {
+                    handleCompletion();
+                }
+            }, delay);
+        } else {
+            // ✅ No input and no auto-advance - just enable Next button
+            enableNextButton();
+            console.log('  🔓 No input field - Next button enabled for manual progression');
+        }
     }
     
     const showNextButton = nextStep.nextButtonDisplay !== false;