lisichatbot 1.4.6 → 1.4.8

package/package.json

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

package/src/index.js

@@ -1889,23 +1889,88 @@ async function handleNext() {
     if (chatState.returnToStep !== null) {
         const targetStep = chatState.returnToStep;
         console.log(`\n🔙 Returning to saved step ${targetStep} (edited step complete)`);
-        chatState.returnToStep = null;
         
-        if (targetStep >= 0 && targetStep < flowData.flow.length) {
-            chatState.step = targetStep;
-            console.log(`   ✅ Jumped to step ${targetStep}`);
+        // ✅ Check if we should continue to next step or jump back
+        const nextStep = chatState.step + 1;
+        
+        if (nextStep < targetStep) {
+            // There are steps between current and target
+            const currentStepIndex = chatState.step;
+            const editedStepField = flowData.flow[currentStepIndex]?.input?.field;
+            
+            console.log(`   🔍 Checking if step ${nextStep} should be shown (between ${currentStepIndex} and ${targetStep})`);
+            
+            // Check if the next step depends on the edited field
+            const nextStepConfig = flowData.flow[nextStep];
+            if (nextStepConfig && nextStepConfig.dependsOn) {
+                const dependencies = Array.isArray(nextStepConfig.dependsOn) ? nextStepConfig.dependsOn : [nextStepConfig.dependsOn];
+                
+                if (dependencies.includes(editedStepField)) {
+                    console.log(`   🔗 Step ${nextStep} depends on ${editedStepField} - checking shouldDisplay`);
+                    
+                    // Check shouldDisplay
+                    let shouldShow = true;  // Default to true if no shouldDisplay
+                    
+                    if (nextStepConfig.shouldDisplay) {
+                        if (typeof nextStepConfig.shouldDisplay === 'function') {
+                            try {
+                                shouldShow = await nextStepConfig.shouldDisplay(chatState.data);
+                                console.log(`   🔍 Step ${nextStep} shouldDisplay: ${shouldShow}`);
+                            } catch (error) {
+                                console.error(`Error in shouldDisplay for step ${nextStep}:`, error);
+                                shouldShow = false;
+                            }
+                        } else if (typeof nextStepConfig.shouldDisplay === 'boolean') {
+                            shouldShow = nextStepConfig.shouldDisplay;
+                        }
+                    }
+                    
+                    if (shouldShow) {
+                        // Show this dependent step, keep returnToStep for later
+                        console.log(`   ✅ Step ${nextStep} should be shown - continuing to it (returnToStep=${targetStep} preserved)`);
+                        chatState.step = nextStep;
+                        
+                        const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
+                        allRangeWrappers.forEach(wrapper => {
+                            wrapper.style.display = 'none';
+                        });
+                        
+                        updateEditIcons();
+                        await showNextStep();
+                        return;
+                    } else {
+                        console.log(`   ⏭️ Step ${nextStep} shouldDisplay returned false - will check next step`);
+                    }
+                }
+            }
+            
+            // Next step doesn't depend on edited field or shouldn't be shown
+            // Continue to next step normally (it will check shouldDisplay in showNextStep)
+            console.log(`   ➡️ Continuing to next step ${nextStep} (normal flow)`);
+            chatState.step = nextStep;
             
             const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
             allRangeWrappers.forEach(wrapper => {
                 wrapper.style.display = 'none';
             });
-            console.log('  🙈 Hidden all range-wrappers');
             
             updateEditIcons();
             await showNextStep();
             return;
         } else {
-            console.log(`   ⚠️ Invalid return step ${targetStep}, continuing normally`);
+            // 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;
         }
     }