lisichatbot 2.0.3 → 2.0.5

package/package.json

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

package/src/index.js

@@ -36,6 +36,7 @@ let config = {
     enableAnimations: true,
     showCancelButton: false,  // ✅ NEW: Control cancel button visibility
     nextButtonText: null,  // ✅ NEW: Global next button text (null = use original)
+    localeString: null,  // ✅ NEW: Locale for number formatting (e.g., 'nb-NO', 'en-US')
     customRangeErrors: {
         minRequired: 'Minimum value is required',
         maxRequired: 'Maximum value is required',
@@ -1068,18 +1069,37 @@ function renderCustomSelectOptions(options, field, customConfig) {
             }
         } else {
             // Regular option selected
-            const selectedOption = options.find(o => 
+            // ✅ Try to find the matching option by value
+            let selectedOption = options.find(o => 
                 JSON.stringify(o.value !== undefined ? o.value : o) === JSON.stringify(existingData)
             );
             
+            // ✅ If not found and existingData is a primitive, try direct match
+            if (!selectedOption && (typeof existingData === 'string' || typeof existingData === 'number')) {
+                selectedOption = options.find(o => o === existingData || o.value === existingData);
+            }
+            
+            let displayName;
+            if (selectedOption) {
+                displayName = selectedOption.name || selectedOption;
+            } else {
+                // Fallback to existingData if option not found
+                displayName = existingData;
+                console.warn(`  ⚠️ Could not find matching option for value:`, existingData);
+            }
+            
             chatState.currentSelection = {
                 field,
                 value: existingData,
-                name: selectedOption ? (selectedOption.name || selectedOption) : existingData
+                name: displayName
             };
             
             enableNextButton();
             console.log(`  ✅ Pre-selected option found - Next button enabled`);
+            console.log(`     Field: "${field}"`);
+            console.log(`     Value:`, existingData);
+            console.log(`     Display name: "${displayName}"`);
+            console.log(`  📝 Set chatState.currentSelection:`, chatState.currentSelection);
         }
     }
 }
@@ -1595,9 +1615,21 @@ function validateMinMax(field, customConfig, showErrors = false) {
     
     let displayName = `${minValue}-${maxValue}`;
     if (valueType === 'arrayRange') {
-        const formattedMin = minValue.toLocaleString();
-        const formattedMax = maxValue.toLocaleString();
-        displayName = `${formattedMin} - ${formattedMax}`;
+        // ✅ NEW: Check if both values are 0
+        if (minValue === 0 && maxValue === 0) {
+            const formattedZero = config.localeString 
+                ? (0).toLocaleString(config.localeString)
+                : (0).toLocaleString();
+            displayName = formattedZero;
+        } else {
+            const formattedMin = config.localeString 
+                ? minValue.toLocaleString(config.localeString)
+                : minValue.toLocaleString();
+            const formattedMax = config.localeString 
+                ? maxValue.toLocaleString(config.localeString)
+                : maxValue.toLocaleString();
+            displayName = `${formattedMin} - ${formattedMax}`;
+        }
     }
     
     if (prefix) displayName = `${prefix} ${displayName}`;
@@ -2144,9 +2176,22 @@ async function handleNext() {
         
         if (valueType === 'arrayRange' && Array.isArray(chatState.currentSelection.value)) {
             const [min, max] = chatState.currentSelection.value;
-            const formattedMin = min.toLocaleString();
-            const formattedMax = max.toLocaleString();
-            displayName = `${formattedMin} - ${formattedMax}`;
+            
+            // ✅ NEW: Check if both values are 0
+            if (min === 0 && max === 0) {
+                const formattedZero = config.localeString 
+                    ? (0).toLocaleString(config.localeString)
+                    : (0).toLocaleString();
+                displayName = formattedZero;
+            } else {
+                const formattedMin = config.localeString 
+                    ? min.toLocaleString(config.localeString)
+                    : min.toLocaleString();
+                const formattedMax = config.localeString 
+                    ? max.toLocaleString(config.localeString)
+                    : max.toLocaleString();
+                displayName = `${formattedMin} - ${formattedMax}`;
+            }
         }
         
         if (prefix) displayName = `${prefix} ${displayName}`;
@@ -3197,10 +3242,33 @@ async function showNextStep() {
             setTimeout(() => {
                 // ✅ NEW: Add user message if there's a currentSelection (pre-filled value)
                 if (chatState.currentSelection && chatState.currentSelection.name) {
-                    const prefix = nextStep.input?.selectedInputPrefix || '';
-                    const suffix = nextStep.input?.selectedInputSuffix || '';
+                    const inputConfig = nextStep.input || {};
+                    const valueType = inputConfig.selectedInputValueType;
+                    const prefix = inputConfig.selectedInputPrefix || '';
+                    const suffix = inputConfig.selectedInputSuffix || '';
                     let displayName = chatState.currentSelection.name;
                     
+                    // ✅ NEW: Format arrayRange values with locale
+                    if (valueType === 'arrayRange' && Array.isArray(chatState.currentSelection.value)) {
+                        const [min, max] = chatState.currentSelection.value;
+                        
+                        // ✅ Check if both values are 0
+                        if (min === 0 && max === 0) {
+                            const formattedZero = config.localeString 
+                                ? (0).toLocaleString(config.localeString)
+                                : (0).toLocaleString();
+                            displayName = formattedZero;
+                        } else {
+                            const formattedMin = config.localeString 
+                                ? min.toLocaleString(config.localeString)
+                                : min.toLocaleString();
+                            const formattedMax = config.localeString 
+                                ? max.toLocaleString(config.localeString)
+                                : max.toLocaleString();
+                            displayName = `${formattedMin} - ${formattedMax}`;
+                        }
+                    }
+                    
                     if (prefix) displayName = `${prefix} ${displayName}`;
                     if (suffix) displayName = `${displayName} ${suffix}`;
                     
@@ -3388,6 +3456,7 @@ function init(flowName, flowConfig, options = {}) {
         autoAdvanceDelay: config.autoAdvanceDelay,
         showCancelButton: config.showCancelButton,
         nextButtonText: config.nextButtonText || 'not set',
+        localeString: config.localeString || 'default',
         customRangeErrors: config.customRangeErrors
     });