lisichatbot 2.0.0 → 2.0.1

package/package.json

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

package/src/index.js

@@ -284,6 +284,7 @@ function renderMultiSelectDropdown(options, field) {
     const optionTemplate = clone.querySelector('[data-chat-input-element="dropdown-option-wrapper"]');
     const tagsContainer = clone.querySelector('[data-chat-input-element="tags-container"]');
     const tagTemplate = clone.querySelector('[data-chat-input-element="tag-wrapper"]');
+    const dropdownInput = clone.querySelector('[data-chat-input-element="dropdown-input"]');  // ✅ NEW
     
     if (!dropdown || !optionsWrapper || !searchBar || !optionsContainer || !optionTemplate || !tagsContainer || !tagTemplate) {
         console.error('Multi-select dropdown: Missing required elements');
@@ -294,7 +295,8 @@ function renderMultiSelectDropdown(options, field) {
             optionsContainer: !!optionsContainer,
             optionTemplate: !!optionTemplate,
             tagsContainer: !!tagsContainer,
-            tagTemplate: !!tagTemplate
+            tagTemplate: !!tagTemplate,
+            dropdownInput: !!dropdownInput  // ✅ NEW
         });
         return;
     }
@@ -317,6 +319,17 @@ function renderMultiSelectDropdown(options, field) {
     const existingData = disablePrefill ? [] : (chatState.data[field] || []);
     const selectedValues = new Set(existingData);
     
+    // ✅ NEW: Set initial dropdown-input visibility based on pre-filled data
+    if (dropdownInput) {
+        if (existingData.length > 0) {
+            dropdownInput.style.display = 'none';
+            console.log(`  🙈 Dropdown input hidden initially (${existingData.length} pre-filled selection${existingData.length === 1 ? '' : 's'})`);
+        } else {
+            dropdownInput.style.display = '';
+            console.log(`  👁️ Dropdown input visible initially (no pre-filled selections)`);
+        }
+    }
+    
     if (disablePrefill) {
         console.log(`⏭️ Pre-fill disabled for ${field} - starting fresh`);
     } else {
@@ -538,11 +551,25 @@ function renderMultiSelectDropdown(options, field) {
                             enableNextButton();
                         }
                     }
+                    
+                    // ✅ NEW: Re-render tags to update dropdown-input visibility
+                    renderTags(field, options, tagsContainer, tagTemplate, optionsContainer);
                 };
             }
             
             tagsContainer.appendChild(tagEl);
         });
+        
+        // ✅ NEW: Show/hide dropdown-input based on tag count
+        if (dropdownInput) {
+            if (selections.length > 0) {
+                dropdownInput.style.display = 'none';
+                console.log(`  🙈 Dropdown input hidden (${selections.length} tag${selections.length === 1 ? '' : 's'} displayed)`);
+            } else {
+                dropdownInput.style.display = '';
+                console.log(`  👁️ Dropdown input visible (no tags)`);
+            }
+        }
     }
     
     // ✅ Initial tag render if pre-filled (edit mode)