lisichatbot 1.6.9 → 1.7.1

package/package.json

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

package/src/index.js

@@ -17,7 +17,8 @@ let chatState = {
     history: [],
     currentSelection: null,
     returnToStep: null,
-    completed: false
+    completed: false,
+    editPath: []  // ✅ NEW: Array of step names/numbers to edit in sequence
 };
 
 let elements = {
@@ -238,8 +239,15 @@ function updateEditIcons() {
                     e.preventDefault();
                     console.log(`\n🖱️ EDIT ICON CLICKED (from updateEditIcons) - Step ${stepNumber}`);
                     console.log(`   Current step: ${chatState.step}`);
-                    console.log(`   Calling editStep(${stepNumber})...`);
-                    editStep(stepNumber);
+                    
+                    // ✅ NEW: Check if this step has an editSteps path
+                    if (stepData.editSteps && Array.isArray(stepData.editSteps) && stepData.editSteps.length > 0) {
+                        console.log(`   🛤️ Step has editSteps path:`, stepData.editSteps);
+                        startEditPath(stepData.editSteps);
+                    } else {
+                        console.log(`   Calling editStep(${stepNumber})...`);
+                        editStep(stepNumber);
+                    }
                 };
                 editIcon.setAttribute('data-chat-step', stepNumber);
                 editIcon.style.setProperty('display', 'flex', 'important');
@@ -1103,6 +1111,7 @@ function renderMinMaxInputs(field, customConfig, existingData) {
     rangeWrapper.appendChild(errorDiv);
     
     elements.messages.appendChild(rangeWrapper);
+    scrollToBottom();  // ✅ Scroll after adding range inputs
 
     if (minInput && maxInput) {
         const updateVisualFeedback = () => {
@@ -1172,6 +1181,10 @@ function selectCustomOption(field) {
     const rangeWrapper = document.querySelector(`[data-chat-element="range-wrapper"][data-field="${field}"]`);
     if (rangeWrapper) {
         rangeWrapper.style.display = 'flex';
+        // ✅ Scroll after showing range inputs
+        setTimeout(() => {
+            scrollToBottom();
+        }, 100);
     }
 }
 
@@ -2368,19 +2381,42 @@ async function handleNext() {
             await showNextStep();
             return;
         } else {
-            // Reached or passed target, clear returnToStep and go to target
-            console.log(`   ⏭️ Reached target, returning to step ${targetStep}`);
-            chatState.returnToStep = null;
-            chatState.step = targetStep;
-            
-            const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
-            allRangeWrappers.forEach(wrapper => {
-                wrapper.style.display = 'none';
-            });
-            
-            updateEditIcons();
-            await showNextStep();
-            return;
+            // Reached or passed target
+            console.log(`   ⏭️ Reached target step`);
+            
+            // ✅ NEW: Check if there are more steps in the edit path
+            if (chatState.editPath && chatState.editPath.length > 0) {
+                const nextEditStep = chatState.editPath.shift();
+                console.log(`   🛤️ Edit path continues - going to step ${nextEditStep}`);
+                console.log(`   🛤️ Remaining edit path:`, chatState.editPath);
+                
+                // Keep returnToStep for when edit path completes
+                chatState.step = nextEditStep;
+                
+                const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
+                allRangeWrappers.forEach(wrapper => {
+                    wrapper.style.display = 'none';
+                });
+                
+                updateEditIcons();
+                await showNextStep();
+                return;
+            } else {
+                // No more edit path, return to saved step
+                console.log(`   ✅ Edit complete - returning to step ${targetStep}`);
+                chatState.returnToStep = null;
+                chatState.editPath = [];  // Clear any remaining path
+                chatState.step = targetStep;
+                
+                const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
+                allRangeWrappers.forEach(wrapper => {
+                    wrapper.style.display = 'none';
+                });
+                
+                updateEditIcons();
+                await showNextStep();
+                return;
+            }
         }
     }
 
@@ -2994,6 +3030,13 @@ function handleCompletion() {
     chatState.completed = true;
     console.log('   🏁 Flow marked as completed');
     
+    // ✅ Hide all range wrappers (single-select-custom inputs)
+    const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
+    allRangeWrappers.forEach(wrapper => {
+        wrapper.style.display = 'none';
+    });
+    console.log('  🙈 Hidden all range-wrappers on completion');
+    
     updateEditIcons();
 
     if (elements.nextBtn) {
@@ -3106,6 +3149,7 @@ function init(flowName, flowConfig, options = {}) {
 
     if (typeof window !== 'undefined') {
         window.editStep = editStep;
+        window.startEditPath = startEditPath;  // ✅ NEW: Export to window
     }
 
     showNextStep();
@@ -3116,7 +3160,8 @@ function init(flowName, flowConfig, options = {}) {
         getState,
         reset,
         goToStep,
-        editStep
+        editStep,
+        startEditPath  // ✅ NEW: Export from init
     };
 }
 
@@ -3166,6 +3211,53 @@ function goToStep(stepNumber) {
     showNextStep();
 }
 
+// ✅ NEW: Start editing through a path of steps
+function startEditPath(stepNamesOrNumbers) {
+    console.log(`\n🛤️ startEditPath() called with:`, stepNamesOrNumbers);
+    
+    if (!Array.isArray(stepNamesOrNumbers) || stepNamesOrNumbers.length === 0) {
+        console.error('editPath must be a non-empty array');
+        return;
+    }
+    
+    // Convert step names to step numbers
+    const stepNumbers = stepNamesOrNumbers.map(nameOrNumber => {
+        if (typeof nameOrNumber === 'number') {
+            return nameOrNumber;
+        } else if (typeof nameOrNumber === 'string') {
+            // Find step by name
+            const stepIndex = flowData.flow.findIndex(step => step.name === nameOrNumber);
+            if (stepIndex === -1) {
+                console.error(`Step with name "${nameOrNumber}" not found`);
+                return null;
+            }
+            return stepIndex;
+        }
+        return null;
+    }).filter(num => num !== null);
+    
+    if (stepNumbers.length === 0) {
+        console.error('No valid steps found in editPath');
+        return;
+    }
+    
+    console.log(`   ✅ Resolved to step numbers:`, stepNumbers);
+    
+    // Save current step as return point
+    chatState.returnToStep = chatState.step;
+    console.log(`   💾 Saved return step: ${chatState.returnToStep}`);
+    
+    // Save the edit path (remaining steps to edit)
+    chatState.editPath = [...stepNumbers];
+    console.log(`   🛤️ Edit path set:`, chatState.editPath);
+    
+    // Start editing the first step in the path
+    const firstStep = chatState.editPath.shift();
+    console.log(`   🎯 Starting with step ${firstStep}`);
+    
+    editStep(firstStep);
+}
+
 function editStep(stepNumber) {
     console.log(`\n📝 editStep() called with stepNumber: ${stepNumber}`);
     console.log(`   Current step before edit: ${chatState.step}`);
@@ -3307,5 +3399,6 @@ module.exports = {
     reset,
     goToStep,
     editStep,
-    displayMessage  // ✅ NEW: Export helper function
+    displayMessage,
+    startEditPath  // ✅ NEW: Export edit path function
 };