@wireai/activation 0.13.2 → 0.13.5

package/dist/coachmarks/index.mjs

@@ -145,7 +145,7 @@ var useWireFeatures = (config) => {
   return flags;
 };
 var CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("wireai.features.context");
-var globalObj = global;
+var globalObj = globalThis;
 if (!globalObj[CONTEXT_SYMBOL]) {
   globalObj[CONTEXT_SYMBOL] = createContext(null);
 }
@@ -169,10 +169,36 @@ var coachmarkRuntime = () => {
   runtimeGlobal[COACHMARK_RUNTIME_SLOT] = created;
   return created;
 };
+var enabledListeners = () => {
+  const runtime = coachmarkRuntime();
+  if (!runtime.listeners) runtime.listeners = /* @__PURE__ */ new Set();
+  return runtime.listeners;
+};
+var notifyCoachmarksEnabled = () => {
+  if (enabledListeners().size === 0) return;
+  void Promise.resolve().then(() => {
+    for (const listener of [...enabledListeners()]) {
+      try {
+        listener();
+      } catch {
+      }
+    }
+  });
+};
 var setCoachmarksEnabled = (value) => {
-  coachmarkRuntime().coachmarksEnabled = value;
+  const runtime = coachmarkRuntime();
+  if (runtime.coachmarksEnabled === value) return;
+  runtime.coachmarksEnabled = value;
+  notifyCoachmarksEnabled();
 };
 var areCoachmarksEnabled = () => coachmarkRuntime().coachmarksEnabled;
+var subscribeCoachmarksEnabled = (listener) => {
+  const listeners2 = enabledListeners();
+  listeners2.add(listener);
+  return () => {
+    listeners2.delete(listener);
+  };
+};
 var setCoachmarkStorage = (storage) => {
   coachmarkRuntime().storage = storage;
 };
@@ -286,7 +312,12 @@ var defaultOnboardingTheme = {
 var mergeTheme = (override) => {
   return defaultOnboardingTheme;
 };
-var OnboardingThemeContext = createContext(null);
+var THEME_CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("@wireai/activation:themeContext");
+var themeGlobal = globalThis;
+if (!themeGlobal[THEME_CONTEXT_SLOT]) {
+  themeGlobal[THEME_CONTEXT_SLOT] = createContext(null);
+}
+var OnboardingThemeContext = themeGlobal[THEME_CONTEXT_SLOT];
 var useOnboardingTheme = () => {
   const ctx = useContext(OnboardingThemeContext);
   return ctx != null ? ctx : mergeTheme();
@@ -831,26 +862,39 @@ var useCoachmarkTour = (steps, {
   const lastShownStepIdRef = useRef(null);
   const callbacksRef = useRef({ onStepShown, onStepEngaged, onStepDismissed });
   callbacksRef.current = { onStepShown, onStepEngaged, onStepDismissed };
-  const finish = useCallback(() => {
-    if (finishedRef.current) return;
-    finishedRef.current = true;
-    if (showOnce) markSeenGate(coachmarkGateKey(tourId));
-    coachmarkOverlay.hide();
-    setActiveIndex(null);
-    onComplete == null ? void 0 : onComplete();
-  }, [onComplete, showOnce, tourId]);
+  const coachmarksOn = useSyncExternalStore(
+    subscribeCoachmarksEnabled,
+    areCoachmarksEnabled,
+    areCoachmarksEnabled
+  );
+  const exit = useCallback(
+    (writeGate) => {
+      if (finishedRef.current) return;
+      finishedRef.current = true;
+      if (writeGate && showOnce) markSeenGate(coachmarkGateKey(tourId));
+      coachmarkOverlay.hide();
+      setActiveIndex(null);
+      onComplete == null ? void 0 : onComplete();
+    },
+    [onComplete, showOnce, tourId]
+  );
+  const finish = useCallback(() => exit(true), [exit]);
   useEffect(() => {
     if (!enabled || startedRef.current) return void 0;
-    if (!areCoachmarksEnabled()) return void 0;
+    if (!coachmarksOn) return void 0;
     if (showOnce && hasSeenGate(coachmarkGateKey(tourId))) return void 0;
     const timer = setTimeout(() => {
       startedRef.current = true;
       setActiveIndex(0);
     }, startDelayMs);
     return () => clearTimeout(timer);
-  }, [enabled, startDelayMs, showOnce, tourId]);
+  }, [enabled, coachmarksOn, startDelayMs, showOnce, tourId]);
   useEffect(() => {
     if (activeIndex === null) return void 0;
+    if (!coachmarksOn) {
+      exit(false);
+      return void 0;
+    }
     if (!enabled) {
       if (startedRef.current && !finishedRef.current) coachmarkOverlay.hide();
       return void 0;
@@ -900,7 +944,7 @@ var useCoachmarkTour = (steps, {
     return () => {
       cancelled = true;
     };
-  }, [activeIndex, steps, finish, enabled]);
+  }, [activeIndex, steps, finish, exit, enabled, coachmarksOn]);
   useEffect(
     () => () => {
       if (!finishedRef.current) coachmarkOverlay.hide();