lisichatbot 1.3.4 → 1.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "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 = {
@@ -1630,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++;
             
@@ -1641,7 +1646,7 @@ async function showNextStep() {
             } else {
                 handleCompletion();
             }
-        }, config.autoAdvanceDelay);
+        }, delay);
     }
     
     // Handle nextButtonDisplay - default is true
@@ -1656,6 +1661,26 @@ async function showNextStep() {
         }
     }
     
+    // Handle nextButtonText - update button text if specified at step level
+    if (elements.nextBtn) {
+        const nextBtnTextElement = elements.nextBtn.querySelector('[data-chat-element="next-button-text"]');
+        
+        if (nextBtnTextElement) {
+            if (nextStep.nextButtonText) {
+                nextBtnTextElement.textContent = nextStep.nextButtonText;
+                console.log(`  📝 Next button text: "${nextStep.nextButtonText}" (step-level)`);
+            } else {
+                // Restore original text
+                nextBtnTextElement.textContent = elements.originalNextBtnText;
+                console.log(`  📝 Next button text: "${elements.originalNextBtnText}" (original)`);
+            }
+        } else if (nextStep.nextButtonText) {
+            // Fallback: warn user if they're trying to set custom text but element doesn't exist
+            console.warn(`  ⚠️ nextButtonText specified ("${nextStep.nextButtonText}") but next-button-text element not found`);
+            console.warn('     Add <span data-chat-element="next-button-text">Next</span> inside your next-button');
+        }
+    }
+    
     // Always update edit icons at the end to ensure correct state
     // Use setTimeout to ensure it runs after any DOM updates
     setTimeout(() => {
@@ -1757,6 +1782,18 @@ function init(flowName, flowConfig, options = {}) {
         console.error('next-button not found. Please add <button data-chat-element="next-button"></button>');
         return null;
     }
+    
+    // Find the text element inside the button
+    const nextBtnTextElement = elements.nextBtn.querySelector('[data-chat-element="next-button-text"]');
+    if (nextBtnTextElement) {
+        // Store original button text from the text element
+        elements.originalNextBtnText = nextBtnTextElement.textContent || nextBtnTextElement.innerText || 'Next';
+        console.log(`💾 Stored original button text: "${elements.originalNextBtnText}" (from next-button-text element)`);
+    } else {
+        console.warn('⚠️ Element with data-chat-element="next-button-text" not found inside next-button');
+        console.warn('   Button text customization will not work. Please add <span data-chat-element="next-button-text">Next</span> inside your button');
+        elements.originalNextBtnText = 'Next';
+    }
 
     // Clear ONLY messages container (not entire chat-wrapper)
     elements.messages.innerHTML = '';