lisichatbot 2.0.7 → 2.0.9

package/package.json

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

package/src/index.js

@@ -320,8 +320,9 @@ function renderMultiSelectDropdown(options, field) {
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
     const hasOverride = chatState.prefillOverrideFields && chatState.prefillOverrideFields.includes(field);
-    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride;
-    
+    const isEditing = chatState.returnToStep !== null && chatState.returnToStep !== undefined;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride && !isEditing;
+
     const existingData = disablePrefill ? [] : (chatState.data[field] || []);
     const selectedValues = new Set(existingData);
     
@@ -621,14 +622,15 @@ function renderOptions(options, field, isSingleSelect = true) {
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
     const hasOverride = chatState.prefillOverrideFields && chatState.prefillOverrideFields.includes(field);
-    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride;
-    
+    const isEditing = chatState.returnToStep !== null && chatState.returnToStep !== undefined;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride && !isEditing;
+
     const existingData = disablePrefill ? (isSingleSelect ? null : []) : chatState.data[field];
-    
+
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} - starting fresh`);
     } else {
-        if (hasOverride) {
+        if (hasOverride || isEditing) {
             console.log(`   🔓 Pre-fill override active for ${field}:`, existingData);
         } else {
             console.log(`📝 Pre-filling ${field}:`, existingData);
@@ -761,14 +763,15 @@ function renderColorOptions(options, field) {
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
     const hasOverride = chatState.prefillOverrideFields && chatState.prefillOverrideFields.includes(field);
-    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride;
-    
+    const isEditing = chatState.returnToStep !== null && chatState.returnToStep !== undefined;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride && !isEditing;
+
     const existingData = disablePrefill ? [] : chatState.data[field];
-    
+
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} (color) - starting fresh`);
     } else {
-        if (hasOverride) {
+        if (hasOverride || isEditing) {
             console.log(`   🔓 Pre-fill override active for ${field} (color):`, existingData);
         } else {
             console.log(`📝 Pre-filling ${field} (color):`, existingData);
@@ -898,9 +901,19 @@ function renderCustomSelectOptions(options, field, customConfig) {
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
     const hasOverride = chatState.prefillOverrideFields && chatState.prefillOverrideFields.includes(field);
-    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride;
+    const isEditing = chatState.returnToStep !== null && chatState.returnToStep !== undefined;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride && !isEditing;
+
+    console.log(`\n🔍 === PREFILL DEBUG for field: ${field} ===`);
+    console.log(`   disableInputValuePrefill:`, currentStep?.disableInputValuePrefill);
+    console.log(`   prefillOverrideFields:`, chatState.prefillOverrideFields);
+    console.log(`   hasOverride:`, hasOverride);
+    console.log(`   isEditing:`, isEditing);
+    console.log(`   disablePrefill:`, disablePrefill);
+    console.log(`   chatState.data[${field}]:`, chatState.data[field]);
     
     const existingData = disablePrefill ? null : chatState.data[field];
+    console.log(`   ✅ existingData:`, existingData);
     
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} (custom) - starting fresh`);
@@ -944,15 +957,17 @@ function renderCustomSelectOptions(options, field, customConfig) {
         const shouldBeChecked = existingData !== undefined && 
             JSON.stringify(existingData) === JSON.stringify(optionValue);
 
+        console.log(`  🔍 Option "${optionName}": existingData=${JSON.stringify(existingData)} vs optionValue=${JSON.stringify(optionValue)} → shouldBeChecked=${shouldBeChecked}`);
+
         if (shouldBeChecked) {
             clone.classList.add('cf-checked');
-            clone.style.backgroundColor = config.selectedBackground;
+            clone.style.setProperty('background-color', config.selectedBackground, 'important');  // ✅ Use !important
             console.log(`  ✅ Pre-selected: ${optionName}`);
             hasPreselectedOption = true; // ✅ Mark that we have a pre-selection
             hasMatchingNormalOption = true; // ✅ A normal option matched
         } else {
             clone.classList.remove('cf-checked');
-            clone.style.backgroundColor = 'transparent';
+            clone.style.setProperty('background-color', 'transparent', 'important');  // ✅ Use !important
         }
 
         clone.setAttribute('data-chat-element', 'single-select-input');
@@ -971,7 +986,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
 
         const tickIcon = clone.querySelector('[data-chat-input-element="tick-icon"]');
         if (tickIcon) {
-            tickIcon.style.display = shouldBeChecked ? 'block' : 'none';
+            tickIcon.style.setProperty('display', shouldBeChecked ? 'block' : 'none', 'important');  // ✅ Use !important
         }
 
         const textElement = clone.querySelector('[data-chat-input-element="text"]');
@@ -994,12 +1009,12 @@ function renderCustomSelectOptions(options, field, customConfig) {
 
         if (isCustomSelected) {
             customClone.classList.add('cf-checked');
-            customClone.style.backgroundColor = config.selectedBackground;
+            customClone.style.setProperty('background-color', config.selectedBackground, 'important');  // ✅ Use !important
             console.log(`  ✅ Pre-selected: Custom Range [${existingData[0]}, ${existingData[1]}]`);
             hasPreselectedOption = true; // ✅ Mark that custom is pre-selected
         } else {
             customClone.classList.remove('cf-checked');
-            customClone.style.backgroundColor = 'transparent';
+            customClone.style.setProperty('background-color', 'transparent', 'important');  // ✅ Use !important
         }
 
         customClone.setAttribute('data-chat-element', 'single-select-input');
@@ -1017,7 +1032,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
 
         const customTickIcon = customClone.querySelector('[data-chat-input-element="tick-icon"]');
         if (customTickIcon) {
-            customTickIcon.style.display = isCustomSelected ? 'block' : 'none';
+            customTickIcon.style.setProperty('display', isCustomSelected ? 'block' : 'none', 'important');  // ✅ Use !important
         }
 
         const customTextElement = customClone.querySelector('[data-chat-input-element="text"]');
@@ -1066,7 +1081,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
     // ✅ FIX: Enable Next button if option is pre-selected
     if (hasPreselectedOption) {
         // Set currentSelection
-        const isCustomSelected = Array.isArray(existingData) && existingData.length === 2;
+        const isCustomSelected = Array.isArray(existingData) && existingData.length === 2 && !hasMatchingNormalOption;
         
         if (isCustomSelected) {
             // Custom range selected - currentSelection will be set by validateMinMax
@@ -1677,8 +1692,9 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
     // ✅ NEW: Check if prefill is disabled for this step
     const currentStep = flowData.flow[chatState.step];
     const hasOverride = chatState.prefillOverrideFields && chatState.prefillOverrideFields.includes(field);
-    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride;
-    
+    const isEditing = chatState.returnToStep !== null && chatState.returnToStep !== undefined;
+    const disablePrefill = currentStep?.disableInputValuePrefill === true && !hasOverride && !isEditing;
+
     const existingValue = disablePrefill ? null : chatState.data[field];
     
     if (disablePrefill) {
@@ -2632,7 +2648,12 @@ async function handleNext() {
                 });
                 
                 updateEditIcons();
-                await showNextStep();
+                
+                if (chatState.step >= flowData.flow.length) {
+                    handleCompletion();
+                } else {
+                    await showNextStep();
+                }
                 return;
             }
         }
@@ -2679,6 +2700,12 @@ function findNextAccessibleStep(currentStep) {
 }
 
 async function showNextStep() {
+    // ✅ FIX: Bounds check - if step is out of range, trigger completion
+    if (chatState.step >= flowData.flow.length) {
+        handleCompletion();
+        return;
+    }
+
     const nextStep = flowData.flow[chatState.step];
 
     // ✅ NEW: Clean up any previously injected elements (from addElements)
@@ -3412,16 +3439,16 @@ function handleCompletion() {
 
     if (typeof window !== 'undefined') {
         const event = new CustomEvent('conversationalFlowComplete', {
-            detail: { 
-                data: chatState.data,
-                history: chatState.history
+            detail: {
+                data: { ...chatState.data },
+                history: [...chatState.history]
             }
         });
         window.dispatchEvent(event);
     }
 
     if (flowData.onComplete && typeof flowData.onComplete === 'function') {
-        flowData.onComplete(chatState.data);
+        flowData.onComplete({ ...chatState.data });
     }
 }