lisichatbot 1.9.0 → 1.9.2

package/package.json

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

package/src/index.js

@@ -873,6 +873,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
     optionsWrapper.style.gap = '8px';
 
     let hasPreselectedOption = false; // ✅ Track if any option is pre-selected
+    let hasMatchingNormalOption = false; // ✅ Track if a normal option matches
 
     options.forEach((option, index) => {
         const optionName = option.name || option;
@@ -883,8 +884,8 @@ function renderCustomSelectOptions(options, field, customConfig) {
         const clone = existingOption.cloneNode(true);
         clone.style.display = '';
 
+        // ✅ Check if this option matches existingData (works for arrays and primitives)
         const shouldBeChecked = existingData !== undefined && 
-            !Array.isArray(existingData) &&
             JSON.stringify(existingData) === JSON.stringify(optionValue);
 
         if (shouldBeChecked) {
@@ -892,6 +893,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
             clone.style.backgroundColor = config.selectedBackground;
             console.log(`  ✅ Pre-selected: ${optionName}`);
             hasPreselectedOption = true; // ✅ Mark that we have a pre-selection
+            hasMatchingNormalOption = true; // ✅ A normal option matched
         } else {
             clone.classList.remove('cf-checked');
             clone.style.backgroundColor = 'transparent';
@@ -969,7 +971,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
     }
 
     elements.messages.appendChild(optionsWrapper);
-    renderMinMaxInputs(field, customConfig, existingData);
+    renderMinMaxInputs(field, customConfig, existingData, hasMatchingNormalOption);
     
     // ✅ Very aggressive scrolling to ensure all options are visible
     scrollToBottom();
@@ -1033,7 +1035,7 @@ function renderCustomSelectOptions(options, field, customConfig) {
     }
 }
 
-function renderMinMaxInputs(field, customConfig, existingData) {
+function renderMinMaxInputs(field, customConfig, existingData, hasMatchingNormalOption = false) {
     if (!elements.messages || !customConfig) return;
 
     const minSelector = '[data-chat-element="single-select-custom-min"]';
@@ -1057,12 +1059,14 @@ function renderMinMaxInputs(field, customConfig, existingData) {
     rangeWrapper.setAttribute('data-field', field);
     rangeWrapper.style.marginBottom = '16px';
     rangeWrapper.style.display = 'flex';
-    rangeWrapper.style.gap = '0px';
+    rangeWrapper.style.gap = '8px';  // ✅ Changed from 0px to 8px
     rangeWrapper.style.flexWrap = 'wrap';
 
+    // ✅ Only show min/max inputs if existingData is a range AND no normal option matched
     const showMinMax = existingData !== undefined && 
         Array.isArray(existingData) && 
-        existingData.length === 2;
+        existingData.length === 2 &&
+        !hasMatchingNormalOption; // ✅ Don't show if a normal option already matched
 
     rangeWrapper.style.display = showMinMax ? 'flex' : 'none';
 
@@ -1188,7 +1192,7 @@ function renderMinMaxInputs(field, customConfig, existingData) {
             }
             
             updateVisualFeedback();
-            validateMinMax(field, customConfig);
+            // ✅ Removed validateMinMax - errors only show on Next button click
         };
         
         maxInput.onchange = () => {
@@ -1207,7 +1211,7 @@ function renderMinMaxInputs(field, customConfig, existingData) {
             }
             
             updateVisualFeedback();
-            validateMinMax(field, customConfig);
+            // ✅ Removed validateMinMax - errors only show on Next button click
         };
     }
 }
@@ -1418,8 +1422,8 @@ function handleCustomSelectClick(element, field, customConfig) {
     }
 }
 
-function validateMinMax(field, customConfig) {
-    console.log(`\n🔍 === VALIDATING MIN/MAX for field: ${field} ===`);
+function validateMinMax(field, customConfig, showErrors = false) {
+    console.log(`\n🔍 === VALIDATING MIN/MAX for field: ${field} (showErrors: ${showErrors}) ===`);
     
     const errors = config.customRangeErrors;
     
@@ -1452,7 +1456,7 @@ function validateMinMax(field, customConfig) {
   Max constraint: <= ${maxConstraint}`);
 
     const showErrorDiv = (message) => {
-        if (errorDiv) {
+        if (showErrors && errorDiv) {  // ✅ Only show error if showErrors is true
             errorDiv.textContent = message;
             errorDiv.style.display = 'block';
         }
@@ -2057,7 +2061,7 @@ async function handleNext() {
         if (isCustomOptionSelected && customConfig) {
             console.log(`🔄 Running final validation before proceeding...`);
             
-            const validation = validateMinMax(field, customConfig);
+            const validation = validateMinMax(field, customConfig, true); // ✅ Show errors on Next click
             
             console.log(`Validation result:`, validation);