lisichatbot 1.9.7 → 1.9.9

package/package.json

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

package/src/index.js

@@ -115,7 +115,9 @@ function addMessage(content, type = 'bot', hasInput = false, stepNumber = null)
 
     const textElement = clone.querySelector(`[data-chat-element="${type}-message-text"]`);
     if (textElement) {
-        textElement.textContent = content;
+        // ✅ Convert \n to <br> tags for multi-line messages
+        const formattedContent = content.replace(/\n/g, '<br>');
+        textElement.innerHTML = formattedContent;
     } else {
         console.error(`Element with data-chat-element="${type}-message-text" not found in wrapper`);
     }
@@ -3180,15 +3182,26 @@ async function showNextStep() {
         const nextBtnTextElement = elements.nextBtn.querySelector('[data-chat-element="next-button-text"]');
         
         if (nextBtnTextElement) {
+            // ✅ Priority: step-level > global config > original
+            let buttonText;
+            
             if (nextStep.nextButtonText) {
-                nextBtnTextElement.textContent = nextStep.nextButtonText;
-                console.log(`  📝 Next button text: "${nextStep.nextButtonText}" (step-level)`);
+                // Step-level override takes highest priority
+                buttonText = nextStep.nextButtonText;
+                console.log(`  📝 Next button text: "${buttonText}" (step-level)`);
+            } else if (flowData.nextButtonText) {
+                // Global config nextButtonText
+                buttonText = flowData.nextButtonText;
+                console.log(`  📝 Next button text: "${buttonText}" (global config)`);
             } else {
-                nextBtnTextElement.textContent = elements.originalNextBtnText;
-                console.log(`  📝 Next button text: "${elements.originalNextBtnText}" (original)`);
+                // Fall back to original
+                buttonText = elements.originalNextBtnText;
+                console.log(`  📝 Next button text: "${buttonText}" (original)`);
             }
-        } else if (nextStep.nextButtonText) {
-            console.warn(`  ⚠️ nextButtonText specified ("${nextStep.nextButtonText}") but next-button-text element not found`);
+            
+            nextBtnTextElement.textContent = buttonText;
+        } else if (nextStep.nextButtonText || flowData.nextButtonText) {
+            console.warn(`  ⚠️ nextButtonText specified but next-button-text element not found`);
             console.warn('     Add <span data-chat-element="next-button-text">Next</span> inside your next-button');
         }
     }
@@ -3309,6 +3322,7 @@ function init(flowName, flowConfig, options = {}) {
         selectedBackground: config.selectedBackground,
         autoAdvanceDelay: config.autoAdvanceDelay,
         showCancelButton: config.showCancelButton,
+        nextButtonText: flowConfig.nextButtonText || 'not set',
         customRangeErrors: config.customRangeErrors
     });