@appfunnel-dev/sdk 2.0.0-canary.0 → 2.0.0-canary.1

package/dist/index.cjs

@@ -960,17 +960,18 @@ function FunnelView({
     timer.current = { key: currentKey, enteredAt: now(), hidden: 0, hiddenSince: hidden ? now() : null };
   }, [currentKey, emitExit]);
   react.useEffect(() => () => emitExit(), [emitExit]);
+  const [isNavigating, startNav] = react.useTransition();
   const next = react.useCallback(() => {
     const target = nextPage(flow, currentKey, funnel.snapshot());
     const resolved = target ? experiments.slotOf[target] ?? target : target;
-    if (resolved) setHistory((h) => [...h, resolved]);
+    if (resolved) startNav(() => setHistory((h) => [...h, resolved]));
   }, [flow, currentKey, funnel, experiments]);
   const back = react.useCallback(
-    () => setHistory((h) => h.length > 1 ? h.slice(0, -1) : h),
+    () => startNav(() => setHistory((h) => h.length > 1 ? h.slice(0, -1) : h)),
     []
   );
   const go = react.useCallback(
-    (key) => setHistory((h) => [...h, experiments.slotOf[key] ?? key]),
+    (key) => startNav(() => setHistory((h) => [...h, experiments.slotOf[key] ?? key])),
     [experiments]
   );
   const prefetched = react.useRef(/* @__PURE__ */ new Set());
@@ -999,7 +1000,8 @@ function FunnelView({
     go,
     prefetch,
     nextCandidates,
-    canGoBack: history.length > 1
+    canGoBack: history.length > 1,
+    isNavigating
   };
   const renderKey = experiments.render[currentKey] ?? currentKey;
   const Current = components.get(renderKey);