lisichatbot 1.3.8 → 1.3.9

package/package.json

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

package/src/index.js

@@ -58,16 +58,18 @@ function scrollToBottom() {
 function enableNextButton() {
     if (elements.nextBtn) {
         elements.nextBtn.disabled = false;
-        elements.nextBtn.style.opacity = '1';
-        elements.nextBtn.style.cursor = 'pointer';
+        elements.nextBtn.style.setProperty('opacity', '1', 'important');
+        elements.nextBtn.style.setProperty('cursor', 'pointer', 'important');
+        console.log('  ✅ Next button ENABLED (opacity: 1, cursor: pointer)');
     }
 }
 
 function disableNextButton() {
     if (elements.nextBtn) {
         elements.nextBtn.disabled = true;
-        elements.nextBtn.style.opacity = '0.5';
-        elements.nextBtn.style.cursor = 'not-allowed';
+        elements.nextBtn.style.setProperty('opacity', '0.5', 'important');
+        elements.nextBtn.style.setProperty('cursor', 'not-allowed', 'important');
+        console.log('  🔒 Next button DISABLED (opacity: 0.5, cursor: not-allowed)');
     }
 }
 
@@ -1275,9 +1277,19 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
             }
         }
         
-        if (existingValue !== undefined && existingValue !== null) {
+        // ✅ FIX: Handle pre-filled values for both validation and non-validation cases
+        const hasValue = existingValue !== undefined && existingValue !== null && existingValue !== '';
+        
+        if (hasValue) {
             inputElement.value = existingValue;
-            console.log(`  ✅ Pre-filled with: ${existingValue}`);
+            console.log(`  ✅ Pre-filled with: "${existingValue}"`);
+            
+            // Set currentSelection for pre-filled value
+            chatState.currentSelection = { 
+                field, 
+                value: existingValue, 
+                name: existingValue.toString() 
+            };
             
             if (hasValidation) {
                 const value = parseFloat(existingValue);
@@ -1290,14 +1302,30 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
                 
                 if (isValid) {
                     enableNextButton();
-                    console.log(`  ✅ Pre-filled value is valid: ${value}`);
+                    console.log(`  ✅ Pre-filled number is valid - Next button enabled`);
                 } else {
                     disableNextButton();
-                    console.log(`  ❌ Pre-filled value is invalid: ${value}`);
+                    console.log(`  ❌ Pre-filled number is invalid - Next button disabled`);
                 }
+            } else {
+                // ✅ FIX: Enable button for pre-filled text input
+                enableNextButton();
+                console.log(`  ✅ Pre-filled text - Next button enabled`);
             }
         } else {
+            // ✅ No pre-filled value - set initial button state
             inputElement.value = '';
+            
+            const currentStep = flowData.flow[chatState.step];
+            const inputRequired = currentStep.inputRequired === true;
+            
+            if (inputRequired || hasValidation) {
+                disableNextButton();
+                console.log(`  🔒 Empty input (required or has validation) - Next button disabled`);
+            } else {
+                enableNextButton();
+                console.log(`  🔓 Empty input (optional, no validation) - Next button enabled`);
+            }
         }
         
         inputElement.type = inputType === 'number' ? 'number' : 'text';
@@ -1306,7 +1334,7 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
             const value = inputType === 'number' ? parseFloat(e.target.value) : e.target.value;
             
             chatState.data[field] = value;
-            chatState.currentSelection = { field, value, name: value };
+            chatState.currentSelection = { field, value, name: value.toString() };
             
             if (hasValidation) {
                 const min = inputConfig.min;
@@ -1315,7 +1343,7 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
                 let isValid = true;
                 let errorMessage = '';
                 
-                if (value === '' || isNaN(value)) {
+                if (e.target.value === '' || (inputType === 'number' && isNaN(value))) {
                     isValid = false;
                     errorMessage = 'Please enter a valid number';
                 } else if (min !== undefined && value < min) {
@@ -1328,13 +1356,29 @@ function renderTextInput(field, inputType = 'text', inputConfig = {}) {
                 
                 if (isValid) {
                     enableNextButton();
-                    console.log(`  ✅ Number input valid: ${value}`);
+                    console.log(`  ✅ Number input valid: ${value} - Next button enabled`);
                 } else {
                     disableNextButton();
-                    console.log(`  ❌ Number input invalid: ${errorMessage}`);
+                    console.log(`  ❌ Number input invalid: ${errorMessage} - Next button disabled`);
                 }
             } else {
-                console.log(`  📝 Input updated: ${value} (no validation)`);
+                // ✅ 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`);
+                    } else {
+                        enableNextButton();
+                        console.log(`  🔓 Text input empty but not required - Next button enabled`);
+                    }
+                }
             }
         };
     }
@@ -1655,18 +1699,8 @@ async function showNextStep() {
         const inputType = nextStep.inputType || 'single-select';
         
         if (inputType === 'text' || inputType === 'number') {
+            // ✅ renderTextInput handles ALL button state logic (pre-filled, typing, validation)
             renderTextInput(nextStep.input.field, inputType, nextStep.input);
-            
-            const hasValidation = inputType === 'number' && 
-                (nextStep.input.min !== undefined || nextStep.input.max !== undefined);
-            
-            if (inputRequired || hasValidation) {
-                disableNextButton();
-                console.log('  🔒 Next button disabled initially (input required or validation enabled)');
-            } else {
-                enableNextButton();
-                console.log('  🔓 Next button enabled (optional input, no validation)');
-            }
         } else if (inputType === 'multi-select-color') {
             renderColorOptions(nextStep.input.options, nextStep.input.field);