@wireai/activation 0.14.2 → 0.15.0

package/dist/coachmarks/index.mjs

@@ -1,7 +1,6 @@
-import React3, { createContext, useEffect, useMemo, useContext, useSyncExternalStore, useRef, useState, useCallback } from 'react';
+import React3, { createContext, forwardRef, createElement, useEffect, useMemo, useContext, useSyncExternalStore, useState, useReducer, useRef, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { StyleSheet, View, useWindowDimensions, Pressable, Text } from 'react-native';
-import Animated, { useSharedValue, useReducedMotion, withRepeat, withSequence, withTiming, withDelay, useAnimatedStyle, useAnimatedProps, FadeOut, FadeIn } from 'react-native-reanimated';
+import { View, StyleSheet, useWindowDimensions, Pressable, Text, AccessibilityInfo } from 'react-native';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -87,8 +86,8 @@ var DEFAULT_TIMEOUT_MS = 4e3;
 var failOpen = async (storage, key) => {
   var _a;
   if (!storage) return defaultWireFeatures;
-  const cached2 = await readCachedFeatures(storage, key);
-  return (_a = cached2 == null ? void 0 : cached2.features) != null ? _a : defaultWireFeatures;
+  const cached3 = await readCachedFeatures(storage, key);
+  return (_a = cached3 == null ? void 0 : cached3.features) != null ? _a : defaultWireFeatures;
 };
 var fetchWithTimeout = async (url, apiKey, timeoutMs) => {
   const controller = typeof AbortController !== "undefined" ? new AbortController() : void 0;
@@ -214,9 +213,54 @@ var isCoachmarkTesting = () => coachmarkRuntime().testing;
 var coachmarkGateKey = (tourId) => `wire_coachmark_${tourId}_seen`;
 var showcaseGateKey = (showcaseId) => `wire_showcase_${showcaseId}_seen`;
 var SEEN_VALUE = "1";
+var GATE_PROBE_KEY = "wire_gate_probe";
+var ASYNC_GATE_STORAGE_WARNED_SLOT = /* @__PURE__ */ Symbol.for(
+  "@wireai/activation:asyncGateStorageWarned"
+);
+var asyncGateWarnGlobal = globalThis;
+var closedGateStorage = Object.freeze({
+  getItem: () => SEEN_VALUE,
+  setItem: () => {
+  }
+});
+var syncGateAdapters = /* @__PURE__ */ new WeakSet();
+var asyncGateAdapters = /* @__PURE__ */ new WeakSet();
+var warnAsyncGateStorage = () => {
+  if (asyncGateWarnGlobal[ASYNC_GATE_STORAGE_WARNED_SLOT]) return;
+  if (typeof __DEV__ === "undefined" || !__DEV__) return;
+  if (typeof console === "undefined" || !console.warn) return;
+  asyncGateWarnGlobal[ASYNC_GATE_STORAGE_WARNED_SLOT] = true;
+  console.warn(
+    "[wireai] the gate storage's getItem returned a Promise \u2014 an async adapter (e.g. AsyncStorage) cannot drive the once-per-user gates, so coachmark tours, showcases and the review/questionnaire gates are all DISABLED (fail closed: nothing shows, nothing fires) until a synchronous adapter is provided. Pass a sync adapter (e.g. MMKV: `{ getItem: (k) => mmkv.getString(k) ?? null, setItem: (k, v) => mmkv.set(k, v) }`) to CoachmarkProvider or the gate's `storage` prop."
+  );
+};
+var validateGateStorage = (storage) => {
+  if (!storage) return null;
+  if (syncGateAdapters.has(storage)) return storage;
+  if (asyncGateAdapters.has(storage)) return closedGateStorage;
+  let probed;
+  try {
+    probed = storage.getItem(GATE_PROBE_KEY);
+  } catch {
+    syncGateAdapters.add(storage);
+    return storage;
+  }
+  if (probed != null && typeof probed.then === "function") {
+    asyncGateAdapters.add(storage);
+    try {
+      probed.then(void 0, () => {
+      });
+    } catch {
+    }
+    warnAsyncGateStorage();
+    return closedGateStorage;
+  }
+  syncGateAdapters.add(storage);
+  return storage;
+};
 var hasSeenGate = (key, storageOverride, testingOverride) => {
   if (testingOverride != null ? testingOverride : isCoachmarkTesting()) return false;
-  const storage = storageOverride != null ? storageOverride : getCoachmarkStorage();
+  const storage = validateGateStorage(storageOverride != null ? storageOverride : getCoachmarkStorage());
   if (!storage) return false;
   try {
     return storage.getItem(key) === SEEN_VALUE;
@@ -226,7 +270,7 @@ var hasSeenGate = (key, storageOverride, testingOverride) => {
 };
 var markSeenGate = (key, storageOverride, testingOverride) => {
   if (testingOverride != null ? testingOverride : isCoachmarkTesting()) return;
-  const storage = storageOverride != null ? storageOverride : getCoachmarkStorage();
+  const storage = validateGateStorage(storageOverride != null ? storageOverride : getCoachmarkStorage());
   if (!storage) return;
   try {
     storage.setItem(key, SEEN_VALUE);
@@ -367,6 +411,157 @@ var resolveBlurView = (requireModule = runtimeRequire) => {
     return void 0;
   }
 };
+var lastKnown = false;
+var useReducedMotion = () => {
+  const [reduced, setReduced] = useState(lastKnown);
+  useEffect(() => {
+    let mounted = true;
+    AccessibilityInfo.isReduceMotionEnabled().then((value) => {
+      lastKnown = value;
+      if (mounted) setReduced(value);
+    }).catch(() => {
+    });
+    const sub = AccessibilityInfo.addEventListener("reduceMotionChanged", (value) => {
+      lastKnown = value;
+      setReduced(value);
+    });
+    return () => {
+      mounted = false;
+      sub == null ? void 0 : sub.remove();
+    };
+  }, []);
+  return reduced;
+};
+
+// src/coachmarks/reanimated.ts
+var runtimeRequire2 = (moduleName) => {
+  if (moduleName !== "react-native-reanimated") return void 0;
+  if (typeof __require !== "function") return void 0;
+  try {
+    return __require("react-native-reanimated");
+  } catch {
+    return void 0;
+  }
+};
+var useStaticSharedValue = (initial) => {
+  const [, bump] = useReducer((n) => n + 1, 0);
+  const box = useRef(null);
+  if (box.current === null) {
+    let current2 = initial;
+    box.current = {
+      get value() {
+        return current2;
+      },
+      set value(next) {
+        if (Object.is(next, current2)) return;
+        current2 = next;
+        bump();
+      }
+    };
+  }
+  return box.current;
+};
+var runWorklet = (factory, fallback) => {
+  var _a;
+  try {
+    return (_a = factory()) != null ? _a : fallback;
+  } catch {
+    return fallback;
+  }
+};
+var StaticAnimatedView = forwardRef(function StaticAnimatedView2({ entering: _entering, exiting: _exiting, children, ...rest }, ref) {
+  return createElement(View, { ...rest, ref }, children);
+});
+var staticCreateAnimatedComponent = (component) => function StaticAnimatedComponent({ animatedProps, ...rest }) {
+  return createElement(component, { ...rest, ...animatedProps });
+};
+var staticApi = {
+  present: false,
+  View: StaticAnimatedView,
+  createAnimatedComponent: staticCreateAnimatedComponent,
+  useSharedValue: useStaticSharedValue,
+  useAnimatedStyle: (factory) => runWorklet(factory, {}),
+  useAnimatedProps: (factory) => runWorklet(factory, {}),
+  useReducedMotion,
+  withTiming: (toValue) => toValue,
+  withRepeat: (animation) => animation,
+  withSequence: (...animations) => {
+    var _a;
+    return (_a = animations[animations.length - 1]) != null ? _a : 0;
+  },
+  withDelay: (_ms, animation) => animation,
+  fadeIn: () => void 0,
+  fadeOut: () => void 0
+};
+var isFunction = (value) => typeof value === "function";
+var isComponent = (value) => typeof value === "function" || !!value && typeof value === "object" && "$$typeof" in value;
+var fromModule = (mod) => {
+  var _a, _b;
+  if (!mod || typeof mod !== "object") return void 0;
+  const ns = mod;
+  const def = ns.default && typeof ns.default === "object" ? ns.default : void 0;
+  const pick = (name) => {
+    var _a2;
+    return (_a2 = ns[name]) != null ? _a2 : def == null ? void 0 : def[name];
+  };
+  const view = (_a = def == null ? void 0 : def.View) != null ? _a : ns.View;
+  const createAnimated = (_b = def == null ? void 0 : def.createAnimatedComponent) != null ? _b : ns.createAnimatedComponent;
+  const hooks = {
+    useSharedValue: pick("useSharedValue"),
+    useAnimatedStyle: pick("useAnimatedStyle"),
+    useAnimatedProps: pick("useAnimatedProps"),
+    useReducedMotion: pick("useReducedMotion"),
+    withTiming: pick("withTiming"),
+    withRepeat: pick("withRepeat"),
+    withSequence: pick("withSequence"),
+    withDelay: pick("withDelay")
+  };
+  const fadeIn = pick("FadeIn");
+  const fadeOut = pick("FadeOut");
+  if (!isComponent(view) || !isFunction(createAnimated)) return void 0;
+  if (Object.values(hooks).some((member) => !isFunction(member))) return void 0;
+  if (!fadeIn || !fadeOut) return void 0;
+  const api2 = {
+    present: true,
+    View: view,
+    createAnimatedComponent: createAnimated,
+    ...hooks,
+    fadeIn: (durationMs) => fadeIn.duration(durationMs),
+    fadeOut: (durationMs) => fadeOut.duration(durationMs)
+  };
+  return api2;
+};
+var cached2;
+var resolveReanimated = (requireModule = runtimeRequire2) => {
+  var _a;
+  try {
+    if (cached2 === void 0 || requireModule !== runtimeRequire2) {
+      const resolved = (_a = fromModule(requireModule("react-native-reanimated"))) != null ? _a : staticApi;
+      if (requireModule === runtimeRequire2) cached2 = resolved;
+      return resolved;
+    }
+    return cached2;
+  } catch {
+    return staticApi;
+  }
+};
+var api = () => resolveReanimated();
+var Animated = {
+  get View() {
+    return api().View;
+  },
+  createAnimatedComponent: (component) => api().createAnimatedComponent(component)
+};
+var FadeIn = { duration: (durationMs) => api().fadeIn(durationMs) };
+var FadeOut = { duration: (durationMs) => api().fadeOut(durationMs) };
+var useSharedValue = (initial) => api().useSharedValue(initial);
+var useAnimatedStyle = (factory) => api().useAnimatedStyle(factory);
+var useAnimatedProps = (factory) => api().useAnimatedProps(factory);
+var useReducedMotion2 = () => api().useReducedMotion();
+var withTiming = (toValue, config) => api().withTiming(toValue, config);
+var withRepeat = (animation, count, reverse) => api().withRepeat(animation, count, reverse);
+var withSequence = (...animations) => api().withSequence(...animations);
+var withDelay = (ms, animation) => api().withDelay(ms, animation);
 var SWIPE_MS = 700;
 var TAP_MS = 320;
 var SPREAD_MS = 620;
@@ -428,7 +623,7 @@ var GestureHintComponent = ({
   const opacity = useSharedValue(1);
   const pulse = useSharedValue(1);
   const spread = useSharedValue(0);
-  const reduced = useReducedMotion();
+  const reduced = useReducedMotion2();
   const isSwipe = type === "swipe_up" || type === "swipe_down" || type === "swipe_left" || type === "swipe_right";
   const isSpread = type === "pinch" || type === "zoom";
   const isTap = type === "tap" || type === "double_tap";
@@ -598,7 +793,7 @@ var SpotlightOverlayComponent = ({
   accentTextColor
 }) => {
   const { height: screenH } = useWindowDimensions();
-  const reduced = useReducedMotion();
+  const reduced = useReducedMotion2();
   const theme = useOnboardingTheme();
   const accent = accentColor != null ? accentColor : theme.colors.primary;
   const accentText = accentTextColor != null ? accentTextColor : theme.colors.onPrimary;