lisichatbot 1.4.6 → 1.4.7

package/package.json

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

package/src/index.js

@@ -1889,24 +1889,78 @@ 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}`);
-            
-            const allRangeWrappers = document.querySelectorAll('[data-chat-element="range-wrapper"]');
-            allRangeWrappers.forEach(wrapper => {
-                wrapper.style.display = 'none';
-            });
-            console.log('  🙈 Hidden all range-wrappers');
+        // ✅ NEW: Check if there are dependent steps between current and target that should now be shown
+        const currentStepIndex = chatState.step;
+        const editedStepField = flowData.flow[currentStepIndex]?.input?.field;
+        
+        console.log(`   🔍 Checking for dependent steps between ${currentStepIndex} and ${targetStep}`);
+        
+        let nextStepToShow = null;
+        
+        // Check all steps between current and target
+        for (let i = currentStepIndex + 1; i < targetStep; i++) {
+            const step = flowData.flow[i];
             
-            updateEditIcons();
-            await showNextStep();
-            return;
+            // Check if this step depends on the edited field
+            if (step.dependsOn) {
+                const dependencies = Array.isArray(step.dependsOn) ? step.dependsOn : [step.dependsOn];
+                
+                if (dependencies.includes(editedStepField)) {
+                    console.log(`   🔗 Found dependent step ${i} (depends on ${editedStepField})`);
+                    
+                    // Check if this step should now be displayed
+                    if (step.shouldDisplay) {
+                        let shouldShow = false;
+                        
+                        if (typeof step.shouldDisplay === 'function') {
+                            try {
+                                shouldShow = await step.shouldDisplay(chatState.data);
+                                console.log(`   🔍 Step ${i} shouldDisplay: ${shouldShow}`);
+                            } catch (error) {
+                                console.error(`Error in shouldDisplay for step ${i}:`, error);
+                            }
+                        } else if (typeof step.shouldDisplay === 'boolean') {
+                            shouldShow = step.shouldDisplay;
+                        }
+                        
+                        if (shouldShow) {
+                            console.log(`   ✅ Step ${i} should now be shown - showing it first`);
+                            nextStepToShow = i;
+                            break;  // Show the first dependent step that should be displayed
+                        } else {
+                            console.log(`   ⏭️ Step ${i} shouldDisplay returned false - skipping`);
+                        }
+                    } else {
+                        // No shouldDisplay means always show
+                        console.log(`   ✅ Step ${i} has no shouldDisplay - showing it`);
+                        nextStepToShow = i;
+                        break;
+                    }
+                }
+            }
+        }
+        
+        if (nextStepToShow !== null) {
+            // Show the dependent step that should be displayed
+            console.log(`   🔄 Showing dependent step ${nextStepToShow} before returning to ${targetStep}`);
+            chatState.step = nextStepToShow;
         } else {
-            console.log(`   ⚠️ Invalid return step ${targetStep}, continuing normally`);
+            // No dependent steps to show, return to target
+            console.log(`   ⏭️ No dependent steps to show, returning directly 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';
+        });
+        console.log('  🙈 Hidden all range-wrappers');
+        
+        updateEditIcons();
+        await showNextStep();
+        return;
     }
 
     chatState.step++;