lisichatbot 1.3.9 → 1.4.0

package/package.json

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

package/src/index.js

@@ -1331,10 +1331,21 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
         inputElement.type = inputType === 'number' ? 'number' : 'text';
         
         inputElement.oninput = (e) => {
-            const value = inputType === 'number' ? parseFloat(e.target.value) : e.target.value;
+            const rawValue = e.target.value;
+            const value = inputType === 'number' ? parseFloat(rawValue) : rawValue;
             
-            chatState.data[field] = value;
-            chatState.currentSelection = { field, value, name: value.toString() };
+            // ✅ FIX: Only set data and currentSelection if value is valid
+            const isEmpty = rawValue === '' || (inputType === 'number' && isNaN(value));
+            const isEmptyText = inputType === 'text' && (!rawValue || rawValue.trim() === '');
+            
+            if (!isEmpty && !isEmptyText) {
+                chatState.data[field] = value;
+                chatState.currentSelection = { field, value, name: value.toString() };
+            } else {
+                // Clear data and selection for empty values
+                delete chatState.data[field];
+                chatState.currentSelection = null;
+            }
             
             if (hasValidation) {
                 const min = inputConfig.min;
@@ -1343,7 +1354,7 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
                 let isValid = true;
                 let errorMessage = '';
                 
-                if (e.target.value === '' || (inputType === 'number' && isNaN(value))) {
+                if (rawValue === '' || (inputType === 'number' && isNaN(value))) {
                     isValid = false;
                     errorMessage = 'Please enter a valid number';
                 } else if (min !== undefined && value < min) {
@@ -1362,21 +1373,43 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
                     console.log(`  ❌ Number input invalid: ${errorMessage} - Next button disabled`);
                 }
             } else {
-                // ✅ FIX: For text inputs without validation, enable button as user types
-                if (e.target.value && e.target.value.trim() !== '') {
-                    enableNextButton();
-                    console.log(`  ✅ Text input has value - Next button enabled`);
-                } else {
-                    // ✅ Check if input is required
-                    const currentStep = flowData.flow[chatState.step];
-                    const inputRequired = currentStep.inputRequired === true;
-                    
-                    if (inputRequired) {
-                        disableNextButton();
-                        console.log(`  🔒 Text input empty and required - Next button disabled`);
+                // ✅ FIX: Handle number inputs without validation
+                if (inputType === 'number') {
+                    // For number inputs, check if value is valid
+                    if (rawValue === '' || isNaN(value)) {
+                        // Empty or NaN
+                        const currentStep = flowData.flow[chatState.step];
+                        const inputRequired = currentStep.inputRequired === true;
+                        
+                        if (inputRequired) {
+                            disableNextButton();
+                            console.log(`  🔒 Number input empty/NaN and required - Next button disabled`);
+                        } else {
+                            enableNextButton();
+                            console.log(`  🔓 Number input empty/NaN but not required - Next button enabled`);
+                        }
                     } else {
+                        // Has valid number value
                         enableNextButton();
-                        console.log(`  🔓 Text input empty but not required - Next button enabled`);
+                        console.log(`  ✅ Number input has value: ${value} - Next button enabled`);
+                    }
+                } else {
+                    // Text input logic
+                    if (rawValue && rawValue.trim() !== '') {
+                        enableNextButton();
+                        console.log(`  ✅ Text input has value - Next button enabled`);
+                    } else {
+                        // ✅ Check if input is required
+                        const currentStep = flowData.flow[chatState.step];
+                        const inputRequired = currentStep.inputRequired === true;
+                        
+                        if (inputRequired) {
+                            disableNextButton();
+                            console.log(`  🔒 Text input empty and required - Next button disabled`);
+                        } else {
+                            enableNextButton();
+                            console.log(`  🔓 Text input empty but not required - Next button enabled`);
+                        }
                     }
                 }
             }
@@ -1516,6 +1549,33 @@ async function handleNext() {
         console.log('Selection required but none made');
         return;
     }
+    
+    // ✅ FIX: Validate text/number inputs when required
+    if (currentStep.input && inputRequired) {
+        const inputType = currentStep.inputType || 'single-select';
+        
+        if (inputType === 'text' || inputType === 'number') {
+            const field = currentStep.input.field;
+            const value = chatState.data[field];
+            
+            // Check for empty or invalid values
+            if (inputType === 'text') {
+                if (value === undefined || value === null || value === '' || (typeof value === 'string' && value.trim() === '')) {
+                    console.log('❌ Text input required but empty - cannot proceed');
+                    disableNextButton();
+                    return;
+                }
+            } else if (inputType === 'number') {
+                if (value === undefined || value === null || value === '' || isNaN(value)) {
+                    console.log('❌ Number input required but empty/NaN - cannot proceed');
+                    disableNextButton();
+                    return;
+                }
+            }
+            
+            console.log(`✅ ${inputType} input validation passed:`, value);
+        }
+    }
 
     if (currentStep.inputType === 'single-select-custom' && currentStep.input) {
         const field = currentStep.input.field;