lisichatbot 1.3.3 → 1.3.5

package/package.json

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

package/src/index.js

@@ -23,7 +23,8 @@ let chatState = {
 let elements = {
     container: null,
     messages: null,
-    nextBtn: null
+    nextBtn: null,
+    originalNextBtnText: null  // Store original button text
 };
 
 let config = {
@@ -1373,14 +1374,19 @@ async function handleNext() {
         console.log(`Field: ${field}`);
         console.log(`Custom config:`, customConfig);
         
-        // Check if custom range was selected (data is array)
+        // Check if the CUSTOM OPTION is actually selected (not just if value is array)
+        // Regular options can also have array values!
+        const customOptionElement = document.querySelector(
+            `[data-field="${field}"][data-is-custom="true"][data-chat-element="single-select-input"]`
+        );
+        const isCustomOptionSelected = customOptionElement?.classList.contains('cf-checked');
+        
         const selectedValue = chatState.data[field];
-        const isCustomRange = Array.isArray(selectedValue);
         
         console.log(`Selected value:`, selectedValue);
-        console.log(`Is custom range (array)? ${isCustomRange}`);
+        console.log(`Is custom option selected? ${isCustomOptionSelected}`);
         
-        if (isCustomRange && customConfig) {
+        if (isCustomOptionSelected && customConfig) {
             // Validate the custom range one more time before proceeding
             console.log(`🔄 Running final validation before proceeding...`);
             
@@ -1625,6 +1631,10 @@ async function showNextStep() {
         }
     } else {
         // No input - always auto-advance (nextButtonDisplay only controls button visibility)
+        // Use step-level autoAdvanceDelay if provided, otherwise use global config
+        const delay = nextStep.autoAdvanceDelay !== undefined ? nextStep.autoAdvanceDelay : config.autoAdvanceDelay;
+        console.log(`  ⏱️ Auto-advance delay: ${delay}ms ${nextStep.autoAdvanceDelay !== undefined ? '(step-level)' : '(global)'}`);
+        
         setTimeout(() => {
             chatState.step++;
             
@@ -1636,7 +1646,7 @@ async function showNextStep() {
             } else {
                 handleCompletion();
             }
-        }, config.autoAdvanceDelay);
+        }, delay);
     }
     
     // Handle nextButtonDisplay - default is true
@@ -1651,6 +1661,18 @@ async function showNextStep() {
         }
     }
     
+    // Handle nextButtonText - update button text if specified at step level
+    if (elements.nextBtn) {
+        if (nextStep.nextButtonText) {
+            elements.nextBtn.textContent = nextStep.nextButtonText;
+            console.log(`  📝 Next button text: "${nextStep.nextButtonText}" (step-level)`);
+        } else {
+            // Restore original text
+            elements.nextBtn.textContent = elements.originalNextBtnText;
+            console.log(`  📝 Next button text: "${elements.originalNextBtnText}" (original)`);
+        }
+    }
+    
     // Always update edit icons at the end to ensure correct state
     // Use setTimeout to ensure it runs after any DOM updates
     setTimeout(() => {
@@ -1752,6 +1774,10 @@ function init(flowName, flowConfig, options = {}) {
         console.error('next-button not found. Please add <button data-chat-element="next-button"></button>');
         return null;
     }
+    
+    // Store original button text
+    elements.originalNextBtnText = elements.nextBtn.textContent || elements.nextBtn.innerText || 'Next';
+    console.log(`💾 Stored original button text: "${elements.originalNextBtnText}"`);
 
     // Clear ONLY messages container (not entire chat-wrapper)
     elements.messages.innerHTML = '';