lisichatbot 1.4.4 → 1.4.5

package/package.json

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

package/src/index.js

@@ -610,7 +610,7 @@ function renderOptions(options, field, isSingleSelect = true) {
         el.onclick = (e) => {
             e.stopPropagation();
             e.preventDefault();
-            handleOptionClick(el, field, isSingleSelect);
+            handleOptionClick(el, field, isSingleSelect, options); // ✅ Pass options
         };
     });
 
@@ -739,7 +739,7 @@ function renderColorOptions(options, field) {
         el.onclick = (e) => {
             e.stopPropagation();
             e.preventDefault();
-            handleOptionClick(el, field, false);
+            handleOptionClick(el, field, false, options); // ✅ Pass options
         };
     });
 
@@ -1555,7 +1555,7 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
 // OPTION CLICK HANDLER USING CUSTOM ATTRIBUTES
 // =============================================================================
 
-function handleOptionClick(element, field, isSingleSelect) {
+function handleOptionClick(element, field, isSingleSelect, options) {
     const now = Date.now();
     const lastClick = element.getAttribute('data-last-click');
     if (lastClick && (now - parseInt(lastClick)) < 300) {
@@ -1705,24 +1705,35 @@ function handleOptionClick(element, field, isSingleSelect) {
             console.log(`   chatState.data.${field}:`, chatState.data[field]);
         }
 
-        const selector = `[data-field="${field}"][data-chat-element="${inputType}"].cf-checked`;
-        const selectedOptions = document.querySelectorAll(selector);
-        const selectedNames = Array.from(selectedOptions).map(opt => 
-            opt.getAttribute('data-name')
-        ).join(', ');
-
-        chatState.currentSelection = { 
-            field, 
-            value: chatState.data[field], 
-            name: selectedNames || 'None selected'
-        };
-        
-        console.log(`📊 Final state after toggle:`, {
-            field,
-            dataValue: chatState.data[field],
-            currentSelectionName: chatState.currentSelection.name,
-            checkedOptionsCount: selectedOptions.length
-        });
+        // ✅ FIX: Build currentSelection from actual data array, not DOM elements
+        // The DOM might have duplicate/old elements that still have cf-checked class
+        if (!chatState.data[field] || chatState.data[field].length === 0) {
+            // No selections
+            chatState.currentSelection = null;
+            console.log(`📊 No selections - currentSelection set to null`);
+        } else {
+            // Build name from actual data array by finding matching options
+            const selectedNames = chatState.data[field].map(val => {
+                // Find the option config that matches this value
+                const matchingOption = options.find(opt => {
+                    const optValue = opt.value !== undefined ? opt.value : opt;
+                    return JSON.stringify(optValue) === JSON.stringify(val);
+                });
+                return matchingOption ? (matchingOption.name || matchingOption) : val;
+            }).join(', ');
+            
+            chatState.currentSelection = { 
+                field, 
+                value: chatState.data[field], 
+                name: selectedNames || 'None selected'
+            };
+            
+            console.log(`📊 Final state after toggle:`, {
+                field,
+                dataValue: chatState.data[field],
+                currentSelectionName: chatState.currentSelection.name
+            });
+        }
     }
 
     enableNextButton();