lisichatbot 1.1.9 → 1.2.0

package/package.json

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

package/src/index.js

@@ -166,6 +166,41 @@ function addMessage(content, type = 'bot', hasInput = false, stepNumber = null)
     scrollToBottom();
 }
 
+// =============================================================================
+// UPDATE EDIT ICONS FOR PREVIOUS STEPS
+// =============================================================================
+
+function updateEditIcons() {
+    // Find all rendered bot message wrappers
+    const allBotMessages = elements.messages.querySelectorAll('[data-chat-element="bot-message-wrapper"]');
+    
+    console.log(`\n🔄 Updating edit icons - Current step: ${chatState.step}`);
+    
+    allBotMessages.forEach(wrapper => {
+        const stepNumber = parseInt(wrapper.getAttribute('data-chat-step'));
+        const editIcon = wrapper.querySelector('[data-chat-element="bot-edit-icon"]');
+        
+        if (editIcon && !isNaN(stepNumber)) {
+            // Check if this step has input by looking at the flow
+            const stepData = flowData.flow[stepNumber];
+            const hasInput = stepData && !!stepData.input;
+            
+            // Show icon if: has input AND is previous step
+            if (hasInput && stepNumber < chatState.step) {
+                editIcon.style.setProperty('display', 'block', 'important');
+                console.log(`  ✏️ Step ${stepNumber}: Icon SHOWN (previous step)`);
+            } else {
+                editIcon.style.setProperty('display', 'none', 'important');
+                if (stepNumber === chatState.step) {
+                    console.log(`  ⏸️ Step ${stepNumber}: Icon HIDDEN (current step)`);
+                } else if (!hasInput) {
+                    console.log(`  ⚪ Step ${stepNumber}: Icon HIDDEN (no input)`);
+                }
+            }
+        }
+    });
+}
+
 // =============================================================================
 // OPTIONS RENDERING WITH CUSTOM ATTRIBUTES
 // =============================================================================
@@ -502,6 +537,9 @@ async function handleNext() {
 
     // Move to next step
     chatState.step++;
+    
+    // Update edit icons for all previous steps
+    updateEditIcons();
 
     // Check if finished
     if (chatState.step >= flowData.flow.length) {
@@ -575,6 +613,10 @@ async function showNextStep() {
         // Auto-advance for steps without input
         setTimeout(() => {
             chatState.step++;
+            
+            // Update edit icons after auto-advance
+            updateEditIcons();
+            
             if (chatState.step < flowData.flow.length) {
                 showNextStep();
             } else {
@@ -582,6 +624,12 @@ async function showNextStep() {
             }
         }, config.autoAdvanceDelay);
     }
+    
+    // Always update edit icons at the end to ensure correct state
+    // Use setTimeout to ensure it runs after any DOM updates
+    setTimeout(() => {
+        updateEditIcons();
+    }, 10);
 }
 
 function handleCompletion() {