lisichatbot 2.0.2 → 2.0.4

package/package.json

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

package/src/index.js

@@ -580,7 +580,19 @@ function renderMultiSelectDropdown(options, field) {
     // ✅ Initial tag render if pre-filled (edit mode)
     if (selectedValues.size > 0) {
         renderTags(field, options, tagsContainer, tagTemplateClone, optionsContainer);
+        
+        // ✅ NEW: Set currentSelection for pre-filled data so user message shows
+        chatState.currentSelection = {
+            field,
+            value: existingData,
+            name: existingData.map(v => {
+                const opt = options.find(o => o.value === v);
+                return opt ? opt.name : v;
+            }).join(', ')
+        };
+        
         console.log(`  ✅ Pre-filled ${selectedValues.size} selections, Next button enabled`);
+        console.log(`  📝 Set currentSelection.name: "${chatState.currentSelection.name}"`);
     }
     
     elements.messages.appendChild(clone);
@@ -1056,18 +1068,37 @@ function renderCustomSelectOptions(options, field, customConfig) {
             }
         } else {
             // Regular option selected
-            const selectedOption = options.find(o => 
+            // ✅ Try to find the matching option by value
+            let selectedOption = options.find(o => 
                 JSON.stringify(o.value !== undefined ? o.value : o) === JSON.stringify(existingData)
             );
             
+            // ✅ If not found and existingData is a primitive, try direct match
+            if (!selectedOption && (typeof existingData === 'string' || typeof existingData === 'number')) {
+                selectedOption = options.find(o => o === existingData || o.value === existingData);
+            }
+            
+            let displayName;
+            if (selectedOption) {
+                displayName = selectedOption.name || selectedOption;
+            } else {
+                // Fallback to existingData if option not found
+                displayName = existingData;
+                console.warn(`  ⚠️ Could not find matching option for value:`, existingData);
+            }
+            
             chatState.currentSelection = {
                 field,
                 value: existingData,
-                name: selectedOption ? (selectedOption.name || selectedOption) : existingData
+                name: displayName
             };
             
             enableNextButton();
             console.log(`  ✅ Pre-selected option found - Next button enabled`);
+            console.log(`     Field: "${field}"`);
+            console.log(`     Value:`, existingData);
+            console.log(`     Display name: "${displayName}"`);
+            console.log(`  📝 Set chatState.currentSelection:`, chatState.currentSelection);
         }
     }
 }
@@ -3183,6 +3214,26 @@ async function showNextStep() {
             console.log(`  ⏱️ Auto-advance delay: ${delay}ms ${nextStep.autoAdvanceDelay !== undefined ? '(step-level)' : '(global)'}`);
             
             setTimeout(() => {
+                // ✅ NEW: Add user message if there's a currentSelection (pre-filled value)
+                if (chatState.currentSelection && chatState.currentSelection.name) {
+                    const prefix = nextStep.input?.selectedInputPrefix || '';
+                    const suffix = nextStep.input?.selectedInputSuffix || '';
+                    let displayName = chatState.currentSelection.name;
+                    
+                    if (prefix) displayName = `${prefix} ${displayName}`;
+                    if (suffix) displayName = `${displayName} ${suffix}`;
+                    
+                    console.log(`📝 Adding user message for auto-advance: "${displayName}"`);
+                    addMessage(displayName, 'user', false, chatState.step);
+                    
+                    chatState.history.push({
+                        step: chatState.step,
+                        field: chatState.currentSelection.field,
+                        value: chatState.currentSelection.value,
+                        displayName: displayName
+                    });
+                }
+                
                 // ✅ NEW: Find next accessible step
                 chatState.step = findNextAccessibleStep(chatState.step);
                 updateEditIcons();