lisichatbot 1.5.8 → 1.6.0

package/package.json

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

package/src/index.js

@@ -293,7 +293,7 @@ function renderMultiSelectDropdown(options, field) {
     // ✅ Get existing data for pre-filling (edit mode)
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
-    const disablePrefill = currentStep?.disableInputValuePrefill === true;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !chatState.prefillOverride;
     
     const existingData = disablePrefill ? [] : (chatState.data[field] || []);
     const selectedValues = new Set(existingData);
@@ -301,7 +301,11 @@ function renderMultiSelectDropdown(options, field) {
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} - starting fresh`);
     } else {
-        console.log(`📝 Pre-filling selections for ${field}:`, Array.from(selectedValues));
+        if (chatState.prefillOverride) {
+            console.log(`   🔓 Pre-fill override active - filling ${field}:`, Array.from(selectedValues));
+        } else {
+            console.log(`📝 Pre-filling selections for ${field}:`, Array.from(selectedValues));
+        }
     }
     
     const allOptions = [];
@@ -552,14 +556,18 @@ function renderOptions(options, field, isSingleSelect = true) {
 
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
-    const disablePrefill = currentStep?.disableInputValuePrefill === true;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !chatState.prefillOverride;
     
     const existingData = disablePrefill ? (isSingleSelect ? null : []) : chatState.data[field];
     
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} - starting fresh`);
     } else {
-        console.log(`📝 Pre-filling ${field}:`, existingData);
+        if (chatState.prefillOverride) {
+            console.log(`   🔓 Pre-fill override active - filling ${field}:`, existingData);
+        } else {
+            console.log(`📝 Pre-filling ${field}:`, existingData);
+        }
     }
 
     const optionsWrapper = document.createElement('div');
@@ -686,14 +694,18 @@ function renderColorOptions(options, field) {
 
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
-    const disablePrefill = currentStep?.disableInputValuePrefill === true;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !chatState.prefillOverride;
     
     const existingData = disablePrefill ? [] : chatState.data[field];
     
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} (color) - starting fresh`);
     } else {
-        console.log(`📝 Pre-filling ${field} (color):`, existingData);
+        if (chatState.prefillOverride) {
+            console.log(`   🔓 Pre-fill override active - filling ${field} (color):`, existingData);
+        } else {
+            console.log(`📝 Pre-filling ${field} (color):`, existingData);
+        }
     }
 
     const optionsWrapper = document.createElement('div');
@@ -817,14 +829,18 @@ function renderCustomSelectOptions(options, field, customConfig) {
 
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
-    const disablePrefill = currentStep?.disableInputValuePrefill === true;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !chatState.prefillOverride;
     
     const existingData = disablePrefill ? null : chatState.data[field];
     
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} (custom) - starting fresh`);
     } else {
-        console.log(`📝 Pre-filling ${field} (custom):`, existingData);
+        if (chatState.prefillOverride) {
+            console.log(`   🔓 Pre-fill override active - filling ${field} (custom):`, existingData);
+        } else {
+            console.log(`📝 Pre-filling ${field} (custom):`, existingData);
+        }
     }
 
     const optionsWrapper = document.createElement('div');
@@ -1439,14 +1455,18 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
 
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
-    const disablePrefill = currentStep?.disableInputValuePrefill === true;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !chatState.prefillOverride;
     
     const existingValue = disablePrefill ? null : chatState.data[field];
     
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} - starting fresh`);
     } else {
-        console.log(`📝 Pre-filling ${field}:`, existingValue);
+        if (chatState.prefillOverride) {
+            console.log(`   🔓 Pre-fill override active - filling ${field}:`, existingValue);
+        } else {
+            console.log(`📝 Pre-filling ${field}:`, existingValue);
+        }
     }
     
     const hasValidation = inputType === 'number' && 
@@ -2051,6 +2071,40 @@ async function handleNext() {
                 });
             }
             
+            // ✅ NEW: Check if onNext wants to jump to step by name
+            if (result && typeof result === 'object' && result.goToStepName) {
+                console.log(`🎯 onNext requested jump to step name: "${result.goToStepName}"`);
+                
+                const stepName = result.goToStepName;
+                const targetStepIndex = flowData.flow.findIndex(step => step.name === stepName);
+                
+                if (targetStepIndex !== -1) {
+                    console.log(`   ✅ Found step "${stepName}" at index ${targetStepIndex}`);
+                    
+                    // ✅ NEW: Handle prefillData to override disableInputValuePrefill
+                    if (result.prefillData && typeof result.prefillData === 'object') {
+                        console.log(`   📝 Pre-filling data for jump:`, result.prefillData);
+                        
+                        // Merge prefillData into chatState.data
+                        Object.keys(result.prefillData).forEach(key => {
+                            chatState.data[key] = result.prefillData[key];
+                            console.log(`      → Set ${key}:`, result.prefillData[key]);
+                        });
+                        
+                        // ✅ Store prefill override flag
+                        chatState.prefillOverride = true;
+                    }
+                    
+                    chatState.step = targetStepIndex;
+                    chatState.currentSelection = null;
+                    disableNextButton();
+                    await showNextStep();
+                    return;
+                } else {
+                    console.error(`❌ No step found with name: "${stepName}"`);
+                }
+            }
+            
             // ✅ NEW: Check if onNext wants to jump to a specific step
             if (result && typeof result === 'object' && typeof result.goToStep === 'number') {
                 console.log(`🎯 onNext requested jump to step ${result.goToStep}`);
@@ -2058,6 +2112,20 @@ async function handleNext() {
                 const targetStep = result.goToStep;
                 
                 if (targetStep >= 0 && targetStep < flowData.flow.length) {
+                    // ✅ NEW: Handle prefillData to override disableInputValuePrefill
+                    if (result.prefillData && typeof result.prefillData === 'object') {
+                        console.log(`   📝 Pre-filling data for jump:`, result.prefillData);
+                        
+                        // Merge prefillData into chatState.data
+                        Object.keys(result.prefillData).forEach(key => {
+                            chatState.data[key] = result.prefillData[key];
+                            console.log(`      → Set ${key}:`, result.prefillData[key]);
+                        });
+                        
+                        // ✅ Store prefill override flag
+                        chatState.prefillOverride = true;
+                    }
+                    
                     chatState.step = targetStep;
                     chatState.currentSelection = null;
                     disableNextButton();
@@ -2492,6 +2560,40 @@ async function showNextStep() {
                 }
             }
             
+            // ✅ NEW: Check if onStart wants to jump to step by name
+            if (result && typeof result === 'object' && result.goToStepName) {
+                console.log(`🎯 onStart requested jump to step name: "${result.goToStepName}"`);
+                
+                const stepName = result.goToStepName;
+                const targetStepIndex = flowData.flow.findIndex(step => step.name === stepName);
+                
+                if (targetStepIndex !== -1) {
+                    console.log(`   ✅ Found step "${stepName}" at index ${targetStepIndex}`);
+                    
+                    // ✅ NEW: Handle prefillData to override disableInputValuePrefill
+                    if (result.prefillData && typeof result.prefillData === 'object') {
+                        console.log(`   📝 Pre-filling data for jump:`, result.prefillData);
+                        
+                        // Merge prefillData into chatState.data
+                        Object.keys(result.prefillData).forEach(key => {
+                            chatState.data[key] = result.prefillData[key];
+                            console.log(`      → Set ${key}:`, result.prefillData[key]);
+                        });
+                        
+                        // ✅ Store prefill override flag
+                        chatState.prefillOverride = true;
+                    }
+                    
+                    chatState.step = targetStepIndex;
+                    chatState.currentSelection = null;
+                    disableNextButton();
+                    await showNextStep();
+                    return;
+                } else {
+                    console.error(`❌ No step found with name: "${stepName}"`);
+                }
+            }
+            
             // ✅ NEW: Check if onStart wants to jump to a specific step
             if (result && typeof result === 'object' && typeof result.goToStep === 'number') {
                 console.log(`🎯 onStart requested jump to step ${result.goToStep}`);
@@ -2499,6 +2601,20 @@ async function showNextStep() {
                 const targetStep = result.goToStep;
                 
                 if (targetStep >= 0 && targetStep < flowData.flow.length) {
+                    // ✅ NEW: Handle prefillData to override disableInputValuePrefill
+                    if (result.prefillData && typeof result.prefillData === 'object') {
+                        console.log(`   📝 Pre-filling data for jump:`, result.prefillData);
+                        
+                        // Merge prefillData into chatState.data
+                        Object.keys(result.prefillData).forEach(key => {
+                            chatState.data[key] = result.prefillData[key];
+                            console.log(`      → Set ${key}:`, result.prefillData[key]);
+                        });
+                        
+                        // ✅ Store prefill override flag
+                        chatState.prefillOverride = true;
+                    }
+                    
                     chatState.step = targetStep;
                     chatState.currentSelection = null;
                     disableNextButton();
@@ -2549,7 +2665,33 @@ async function showNextStep() {
     });
 
     const hasInput = !!nextStep.input;
-    addMessage(nextStep.message, 'bot', hasInput, chatState.step);
+    
+    // ✅ NEW: Support dynamic messages
+    let messageToDisplay = nextStep.message;
+    
+    if (typeof nextStep.message === 'function') {
+        // ✅ Message as function: message: (data) => `Hello ${data.name}`
+        try {
+            messageToDisplay = nextStep.message(chatState.data);
+            console.log(`  💬 Dynamic message (function): "${messageToDisplay}"`);
+        } catch (error) {
+            console.error('Error in message function:', error);
+            messageToDisplay = 'Error loading message';
+        }
+    } else if (typeof nextStep.message === 'string' && nextStep.message.includes('${')) {
+        // ✅ Message with template variables: message: "Hello ${name}"
+        try {
+            // Create function from template string
+            const templateFunc = new Function('data', `return \`${nextStep.message}\`;`);
+            messageToDisplay = templateFunc(chatState.data);
+            console.log(`  💬 Dynamic message (template): "${messageToDisplay}"`);
+        } catch (error) {
+            console.error('Error parsing template message:', error);
+            messageToDisplay = nextStep.message; // Fallback to original
+        }
+    }
+    
+    addMessage(messageToDisplay, 'bot', hasInput, chatState.step);
 
     const inputRequired = nextStep.inputRequired === true;
 
@@ -2673,6 +2815,13 @@ async function showNextStep() {
         }
     }
     
+    // ✅ Clear prefillOverride flag after rendering this step
+    // This ensures it only applies to the first step after goToStep with prefillData
+    if (chatState.prefillOverride) {
+        console.log(`   🔓 Clearing prefill override flag`);
+        chatState.prefillOverride = false;
+    }
+    
     setTimeout(() => {
         updateEditIcons();
     }, 10);