lisichatbot 1.6.7 → 1.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "1.6.7",
+  "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;
@@ -2777,6 +2790,41 @@ async function showNextStep() {
     
     addMessage(messageToDisplay, 'bot', hasInput, chatState.step);
 
+    // ✅ NEW: Add custom elements if specified
+    if (nextStep.addElements && Array.isArray(nextStep.addElements)) {
+        console.log(`  🎨 Adding ${nextStep.addElements.length} custom element(s) to chat`);
+        
+        nextStep.addElements.forEach((selector, index) => {
+            try {
+                // Find the element in the DOM
+                const element = document.querySelector(selector);
+                
+                if (element) {
+                    // Clone the element to avoid removing it from its original location
+                    const clonedElement = element.cloneNode(true);
+                    
+                    // 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);
+                    
+                    console.log(`    ✅ Added element ${index + 1}: ${selector}`);
+                } else {
+                    console.warn(`    ⚠️ Element not found: ${selector}`);
+                }
+            } catch (error) {
+                console.error(`    ❌ Error adding element ${selector}:`, error);
+            }
+        });
+        
+        // Scroll after adding elements
+        scrollToBottom();
+    }
+
     const inputRequired = nextStep.inputRequired === true;
 
     if (nextStep.input) {
@@ -2856,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;