lisichatbot 1.9.9 → 2.0.1

package/package.json

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

package/src/index.js

@@ -35,6 +35,7 @@ let config = {
     autoAdvanceDelay: 2000,
     enableAnimations: true,
     showCancelButton: false,  // ✅ NEW: Control cancel button visibility
+    nextButtonText: null,  // ✅ NEW: Global next button text (null = use original)
     customRangeErrors: {
         minRequired: 'Minimum value is required',
         maxRequired: 'Maximum value is required',
@@ -283,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');
@@ -293,7 +295,8 @@ function renderMultiSelectDropdown(options, field) {
             optionsContainer: !!optionsContainer,
             optionTemplate: !!optionTemplate,
             tagsContainer: !!tagsContainer,
-            tagTemplate: !!tagTemplate
+            tagTemplate: !!tagTemplate,
+            dropdownInput: !!dropdownInput  // ✅ NEW
         });
         return;
     }
@@ -316,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 {
@@ -537,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)
@@ -3189,9 +3217,9 @@ async function showNextStep() {
                 // Step-level override takes highest priority
                 buttonText = nextStep.nextButtonText;
                 console.log(`  📝 Next button text: "${buttonText}" (step-level)`);
-            } else if (flowData.nextButtonText) {
+            } else if (config.nextButtonText) {
                 // Global config nextButtonText
-                buttonText = flowData.nextButtonText;
+                buttonText = config.nextButtonText;
                 console.log(`  📝 Next button text: "${buttonText}" (global config)`);
             } else {
                 // Fall back to original
@@ -3200,7 +3228,7 @@ async function showNextStep() {
             }
             
             nextBtnTextElement.textContent = buttonText;
-        } else if (nextStep.nextButtonText || flowData.nextButtonText) {
+        } else if (nextStep.nextButtonText || config.nextButtonText) {
             console.warn(`  ⚠️ nextButtonText specified but next-button-text element not found`);
             console.warn('     Add <span data-chat-element="next-button-text">Next</span> inside your next-button');
         }
@@ -3322,7 +3350,7 @@ function init(flowName, flowConfig, options = {}) {
         selectedBackground: config.selectedBackground,
         autoAdvanceDelay: config.autoAdvanceDelay,
         showCancelButton: config.showCancelButton,
-        nextButtonText: flowConfig.nextButtonText || 'not set',
+        nextButtonText: config.nextButtonText || 'not set',
         customRangeErrors: config.customRangeErrors
     });