lisichatbot 1.3.5 → 1.3.6

package/package.json

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

package/src/index.js

@@ -1663,13 +1663,21 @@ 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)`);
+        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');
         }
     }
     
@@ -1775,9 +1783,17 @@ function init(flowName, flowConfig, options = {}) {
         return null;
     }
     
-    // Store original button text
-    elements.originalNextBtnText = elements.nextBtn.textContent || elements.nextBtn.innerText || 'Next';
-    console.log(`💾 Stored original button text: "${elements.originalNextBtnText}"`);
+    // 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 = '';