lisichatbot 2.1.0 → 2.1.2

package/package.json

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

package/src/index.js

@@ -231,10 +231,11 @@ function updateEditIcons() {
             // ✅ FIX: In edit mode, show edit icons for all completed steps (not just previous)
             const shouldShowInEditMode = chatState.chatMode === 'edit' && chatState.completed && isLatest;
             const shouldShowNormally = stepNumber < chatState.step && isLatest;
-            // ✅ In editSteps mode, show edit icons for steps already visited in the editSteps list
-            const shouldShowInEditSteps = chatState.editSteps && chatState.editSteps.length > 0 &&
-                chatState.editSteps.includes(stepNumber) &&
-                chatState.editSteps.indexOf(stepNumber) < chatState.editStepsIndex && isLatest;
+            // ✅ In editSteps mode, show for visited steps (not the current one being shown)
+            const isInEditStepsMode = chatState.editSteps && chatState.editSteps.length > 0;
+            const editStepPosition = isInEditStepsMode ? chatState.editSteps.indexOf(stepNumber) : -1;
+            const shouldShowInEditSteps = isInEditStepsMode && isLatest &&
+                editStepPosition !== -1 && editStepPosition < chatState.editStepsIndex;
 
             if ((hasInput || forceShowEdit) && (shouldShowInEditMode || shouldShowNormally || shouldShowInEditSteps)) {
                 editIcon.onclick = (e) => {
@@ -2610,6 +2611,27 @@ async function handleNext() {
             const historyCopy = [...chatState.history];
             const callback = chatState.onEditComplete;
 
+            // ✅ Show loader on next button while onEditComplete executes
+            const nextBtnText = elements.nextBtn ? elements.nextBtn.querySelector('[data-chat-element="next-button-text"]') : null;
+            const nextBtnLoader = elements.nextBtn ? elements.nextBtn.querySelector('[data-chat-element="next-button-loader"]') : null;
+
+            if (nextBtnText) nextBtnText.style.display = 'none';
+            if (nextBtnLoader) nextBtnLoader.style.display = 'block';
+
+            // Call onEditComplete callback (await if async)
+            if (callback) {
+                console.log('📞 Calling onEditComplete with data:', dataCopy);
+                try {
+                    await callback(dataCopy);
+                } catch (error) {
+                    console.error('Error in onEditComplete callback:', error);
+                }
+            }
+
+            // ✅ Hide loader and restore button text after callback completes
+            if (nextBtnText) nextBtnText.style.display = '';
+            if (nextBtnLoader) nextBtnLoader.style.display = 'none';
+
             // Clean up edit-steps state
             chatState.editSteps = null;
             chatState.editStepsIndex = 0;
@@ -2643,16 +2665,6 @@ async function handleNext() {
                 window.dispatchEvent(event);
             }
 
-            // Call onEditComplete callback with updated data
-            if (callback) {
-                console.log('📞 Calling onEditComplete with data:', dataCopy);
-                try {
-                    callback(dataCopy);
-                } catch (error) {
-                    console.error('Error in onEditComplete callback:', error);
-                }
-            }
-
             return;
         }
     }