@tent-official/react-walkthrough 1.4.0 → 1.4.2

package/dist/index.mjs

@@ -1009,13 +1009,21 @@ var WalkthroughOverlay = ({
     }
   };
   const next = () => {
-    var _a2;
+    var _a2, _b2;
     const currentOrigIdx = validSteps[currentValidPos]._originalIdx;
     const stepNextCb = (_a2 = activeTour.onStepNext) == null ? void 0 : _a2[currentOrigIdx];
     if (typeof stepNextCb === "function") {
       stepNextCb();
     }
     const hasTrigger = !!step.triggerElOnNext;
+    const afterNextDelay = (_b2 = step.delayAfterNext) != null ? _b2 : 0;
+    const withDelay = (fn) => {
+      if (afterNextDelay > 0) {
+        setTimeout(fn, afterNextDelay);
+      } else {
+        fn();
+      }
+    };
     if (hasTrigger) {
       setPopoverHidden(true);
       setPopoverPos(null);
@@ -1037,18 +1045,28 @@ var WalkthroughOverlay = ({
           const alreadyInValid = validSteps.some((s) => s._originalIdx === nextOrigIdx);
           const newValidSteps = alreadyInValid ? validSteps : [...validSteps, nextStepWithIdx].sort((a, b) => a._originalIdx - b._originalIdx);
           setValidSteps(newValidSteps);
-          if (!step.forceRecompute) {
-            skipNextRecomputeRef.current = true;
-          }
+          skipNextRecomputeRef.current = true;
           setGlobalState((s) => ({
             ...s,
             activeTour: { ...s.activeTour, currentStep: nextOrigIdx }
           }));
+          if (step.forceRecompute) {
+            setTimeout(() => {
+              skipNextRecomputeRef.current = false;
+              setGlobalState((s) => {
+                if (!s.activeTour) return s;
+                return {
+                  ...s,
+                  activeTour: { ...s.activeTour, _recompute: Date.now() }
+                };
+              });
+            }, 500);
+          }
         };
         const SETTLE_DELAY = 150;
         const alreadyExists = document.getElementById(nextElId);
         if (alreadyExists) {
-          setTimeout(() => injectAndAdvance(), SETTLE_DELAY);
+          withDelay(() => setTimeout(() => injectAndAdvance(), SETTLE_DELAY));
         } else {
           waitingForElsRef.current = true;
           const observer = new MutationObserver(() => {
@@ -1056,7 +1074,7 @@ var WalkthroughOverlay = ({
             if (found) {
               observer.disconnect();
               waitingForElsRef.current = false;
-              setTimeout(() => injectAndAdvance(), SETTLE_DELAY);
+              withDelay(() => setTimeout(() => injectAndAdvance(), SETTLE_DELAY));
             }
           });
           observer.observe(document.body, { childList: true, subtree: true });
@@ -1064,7 +1082,7 @@ var WalkthroughOverlay = ({
             observer.disconnect();
             if (waitingForElsRef.current) {
               waitingForElsRef.current = false;
-              advanceStep(hasTrigger);
+              withDelay(() => advanceStep(hasTrigger));
             }
           }, 3e3);
         }
@@ -1075,7 +1093,13 @@ var WalkthroughOverlay = ({
       setTimeout(() => completeTour(), 300);
       return;
     }
-    advanceStep(hasTrigger);
+    if (afterNextDelay > 0) {
+      setPopoverHidden(true);
+      setPopoverPos(null);
+      withDelay(() => advanceStep(hasTrigger));
+    } else {
+      advanceStep(hasTrigger);
+    }
   };
   const prev = () => {
     var _a2;