lisichatbot 1.4.3 → 1.4.4

package/package.json

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

package/src/index.js

@@ -1648,6 +1648,12 @@ function handleOptionClick(element, field, isSingleSelect) {
     } else {
         const isChecked = !element.classList.contains('cf-checked');
         
+        console.log(`Multi-select "${optionName}":`, {
+            isChecked,
+            currentData: chatState.data[field],
+            valueToToggle: value
+        });
+        
         if (isChecked) {
             element.classList.add('cf-checked');
             element.style.setProperty('background-color', config.selectedBackground, 'important');
@@ -1667,20 +1673,36 @@ function handleOptionClick(element, field, isSingleSelect) {
                 chatState.data[field].push(value);
             }
             
-            console.log(`✅ Added "${optionName}" - Total selected:`, chatState.data[field]);
+            console.log(`✅ Added "${optionName}"`);
+            console.log(`   chatState.data.${field}:`, chatState.data[field]);
         } else {
             element.classList.remove('cf-checked');
             element.style.setProperty('background-color', 'transparent', 'important');
             if (tickIcon) tickIcon.style.setProperty('display', 'none', 'important');
             if (input) input.checked = false;
 
+            console.log(`   BEFORE filter - chatState.data.${field}:`, chatState.data[field]);
+            
             if (Array.isArray(chatState.data[field])) {
-                chatState.data[field] = chatState.data[field].filter(v => 
-                    JSON.stringify(v) !== JSON.stringify(value)
-                );
+                const beforeLength = chatState.data[field].length;
+                chatState.data[field] = chatState.data[field].filter(v => {
+                    const match = JSON.stringify(v) === JSON.stringify(value);
+                    console.log(`     Comparing:`, {
+                        arrayValue: v,
+                        clickedValue: value,
+                        stringifiedArray: JSON.stringify(v),
+                        stringifiedClick: JSON.stringify(value),
+                        match: match,
+                        keep: !match
+                    });
+                    return !match;
+                });
+                const afterLength = chatState.data[field].length;
+                console.log(`   AFTER filter - removed ${beforeLength - afterLength} items`);
             }
             
-            console.log(`❌ Removed "${optionName}" - Total selected:`, chatState.data[field]);
+            console.log(`❌ Removed "${optionName}"`);
+            console.log(`   chatState.data.${field}:`, chatState.data[field]);
         }
 
         const selector = `[data-field="${field}"][data-chat-element="${inputType}"].cf-checked`;
@@ -1694,6 +1716,13 @@ function handleOptionClick(element, field, isSingleSelect) {
             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
+        });
     }
 
     enableNextButton();
@@ -1815,21 +1844,6 @@ async function handleNext() {
         }
     }
 
-    // ✅ FIX: Remove old user message for this step (if exists)
-    // This handles cases where user edits and changes/deselects their answer
-    const existingUserMessage = elements.messages.querySelector(
-        `[data-chat-element="user-message-wrapper"][data-chat-step="${chatState.step}"]`
-    );
-    if (existingUserMessage) {
-        existingUserMessage.remove();
-        console.log(`  🗑️ Removed old user message for step ${chatState.step}`);
-    }
-    
-    // ✅ FIX: Remove from history for this step
-    chatState.history = chatState.history.filter(h => h.step !== chatState.step);
-    console.log(`  🗑️ Cleared history for step ${chatState.step}`);
-
-    // ✅ Only add new user message if there's a selection
     if (chatState.currentSelection) {
         const inputConfig = currentStep.input || {};
         const valueType = inputConfig.selectedInputValueType;
@@ -1849,7 +1863,6 @@ async function handleNext() {
         if (suffix) displayName = `${displayName} ${suffix}`;
         
         addMessage(displayName, 'user', false, chatState.step);
-        console.log(`  ✅ Added new user message: "${displayName}"`);
 
         chatState.history.push({
             step: chatState.step,
@@ -1857,8 +1870,6 @@ async function handleNext() {
             value: chatState.currentSelection.value,
             name: displayName
         });
-    } else {
-        console.log(`  ℹ️ No selection - no user message added (deselected or optional empty)`);
     }
 
     chatState.currentSelection = null;