@wireai/activation 0.14.1 → 0.14.3

package/dist/showcase/index.js

@@ -1,18 +1,165 @@
 'use strict';
 
-var Onboarding = require('@blazejkustra/react-native-onboarding');
 var React = require('react');
 var reactNative = require('react-native');
-var Animated = require('react-native-reanimated');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var Onboarding__default = /*#__PURE__*/_interopDefault(Onboarding);
 var React__default = /*#__PURE__*/_interopDefault(React);
-var Animated__default = /*#__PURE__*/_interopDefault(Animated);
 
-// src/showcase/FeatureShowcase.tsx
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var lastKnown = false;
+var useReducedMotion = () => {
+  const [reduced, setReduced] = React.useState(lastKnown);
+  React.useEffect(() => {
+    let mounted = true;
+    reactNative.AccessibilityInfo.isReduceMotionEnabled().then((value) => {
+      lastKnown = value;
+      if (mounted) setReduced(value);
+    }).catch(() => {
+    });
+    const sub = reactNative.AccessibilityInfo.addEventListener("reduceMotionChanged", (value) => {
+      lastKnown = value;
+      setReduced(value);
+    });
+    return () => {
+      mounted = false;
+      sub == null ? void 0 : sub.remove();
+    };
+  }, []);
+  return reduced;
+};
+
+// src/coachmarks/reanimated.ts
+var runtimeRequire = (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] = React.useReducer((n) => n + 1, 0);
+  const box = React.useRef(null);
+  if (box.current === null) {
+    let current = initial;
+    box.current = {
+      get value() {
+        return current;
+      },
+      set value(next) {
+        if (Object.is(next, current)) return;
+        current = next;
+        bump();
+      }
+    };
+  }
+  return box.current;
+};
+var runWorklet = (factory, fallback) => {
+  var _a;
+  try {
+    return (_a = factory()) != null ? _a : fallback;
+  } catch {
+    return fallback;
+  }
+};
+var StaticAnimatedView = React.forwardRef(function StaticAnimatedView2({ entering: _entering, exiting: _exiting, children, ...rest }, ref) {
+  return React.createElement(reactNative.View, { ...rest, ref }, children);
+});
+var staticCreateAnimatedComponent = (component) => function StaticAnimatedComponent({ animatedProps, ...rest }) {
+  return React.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 cached;
+var resolveReanimated = (requireModule = runtimeRequire) => {
+  var _a;
+  try {
+    if (cached === void 0 || requireModule !== runtimeRequire) {
+      const resolved = (_a = fromModule(requireModule("react-native-reanimated"))) != null ? _a : staticApi;
+      if (requireModule === runtimeRequire) cached = resolved;
+      return resolved;
+    }
+    return cached;
+  } catch {
+    return staticApi;
+  }
+};
+var api = () => resolveReanimated();
+var Animated = {
+  get View() {
+    return api().View;
+  }};
+var useSharedValue = (initial) => api().useSharedValue(initial);
+var useAnimatedStyle = (factory) => api().useAnimatedStyle(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;
@@ -70,29 +217,29 @@ var GestureHintComponent = ({
   renderHand
 }) => {
   var _a;
-  const translate = Animated.useSharedValue(0);
-  const opacity = Animated.useSharedValue(1);
-  const pulse = Animated.useSharedValue(1);
-  const spread = Animated.useSharedValue(0);
-  const reduced = Animated.useReducedMotion();
+  const translate = useSharedValue(0);
+  const opacity = useSharedValue(1);
+  const pulse = useSharedValue(1);
+  const spread = useSharedValue(0);
+  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";
   React.useEffect(() => {
     if (type === "none" || reduced) return void 0;
     if (isTap) {
-      pulse.value = Animated.withRepeat(
-        Animated.withSequence(
-          Animated.withTiming(0.82, { duration: TAP_MS }),
-          Animated.withTiming(1, { duration: TAP_MS })
+      pulse.value = withRepeat(
+        withSequence(
+          withTiming(0.82, { duration: TAP_MS }),
+          withTiming(1, { duration: TAP_MS })
         ),
         -1,
         false
       );
-      opacity.value = Animated.withRepeat(
-        Animated.withSequence(
-          Animated.withTiming(0.55, { duration: TAP_MS }),
-          Animated.withTiming(1, { duration: TAP_MS })
+      opacity.value = withRepeat(
+        withSequence(
+          withTiming(0.55, { duration: TAP_MS }),
+          withTiming(1, { duration: TAP_MS })
         ),
         -1,
         false
@@ -100,48 +247,48 @@ var GestureHintComponent = ({
       return void 0;
     }
     if (isSpread) {
-      spread.value = Animated.withRepeat(
-        Animated.withSequence(
-          Animated.withTiming(size * 0.26, { duration: SPREAD_MS }),
-          Animated.withTiming(0, { duration: SPREAD_MS })
+      spread.value = withRepeat(
+        withSequence(
+          withTiming(size * 0.26, { duration: SPREAD_MS }),
+          withTiming(0, { duration: SPREAD_MS })
         ),
         -1,
         false
       );
       return void 0;
     }
-    translate.value = Animated.withRepeat(
-      Animated.withSequence(
-        Animated.withTiming(0, { duration: 0 }),
-        Animated.withTiming(-26, { duration: SWIPE_MS }),
-        Animated.withDelay(140, Animated.withTiming(0, { duration: 0 }))
+    translate.value = withRepeat(
+      withSequence(
+        withTiming(0, { duration: 0 }),
+        withTiming(-26, { duration: SWIPE_MS }),
+        withDelay(140, withTiming(0, { duration: 0 }))
       ),
       -1,
       false
     );
-    opacity.value = Animated.withRepeat(
-      Animated.withSequence(
-        Animated.withTiming(1, { duration: SWIPE_MS / 2 }),
-        Animated.withTiming(0, { duration: SWIPE_MS / 2 }),
-        Animated.withDelay(140, Animated.withTiming(1, { duration: 0 }))
+    opacity.value = withRepeat(
+      withSequence(
+        withTiming(1, { duration: SWIPE_MS / 2 }),
+        withTiming(0, { duration: SWIPE_MS / 2 }),
+        withDelay(140, withTiming(1, { duration: 0 }))
       ),
       -1,
       false
     );
     return void 0;
   }, [type, reduced, isTap, isSpread, translate, opacity, pulse, spread, size]);
-  const swipeAnimatedStyle = Animated.useAnimatedStyle(() => ({
+  const swipeAnimatedStyle = useAnimatedStyle(() => ({
     opacity: opacity.value,
     transform: [{ translateY: translate.value }]
   }));
-  const tapAnimatedStyle = Animated.useAnimatedStyle(() => ({
+  const tapAnimatedStyle = useAnimatedStyle(() => ({
     opacity: opacity.value,
     transform: [{ scale: pulse.value }]
   }));
-  const spreadLeftStyle = Animated.useAnimatedStyle(() => ({
+  const spreadLeftStyle = useAnimatedStyle(() => ({
     transform: [{ translateX: -spread.value }]
   }));
-  const spreadRightStyle = Animated.useAnimatedStyle(() => ({
+  const spreadRightStyle = useAnimatedStyle(() => ({
     transform: [{ translateX: spread.value }]
   }));
   if (type === "none") return null;
@@ -153,7 +300,7 @@ var GestureHintComponent = ({
         style: { transform: [{ rotate: (_a = GLYPH_ROTATION[type]) != null ? _a : "0deg" }] },
         pointerEvents: "none",
         children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.swipeStack, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Animated__default.default.View, { style: swipeAnimatedStyle, pointerEvents: "none", children: customGlyph != null ? customGlyph : /* @__PURE__ */ jsxRuntime.jsx(FingerPair, { size, color }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Animated.View, { style: swipeAnimatedStyle, pointerEvents: "none", children: customGlyph != null ? customGlyph : /* @__PURE__ */ jsxRuntime.jsx(FingerPair, { size, color }) }),
           /* @__PURE__ */ jsxRuntime.jsx(MotionTrack, { size, color })
         ] })
       }
@@ -168,16 +315,16 @@ var GestureHintComponent = ({
       backgroundColor: color
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.spreadRow, { gap: size * 0.12 }], pointerEvents: "none", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Animated__default.default.View, { style: spreadLeftStyle, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: capsule }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Animated__default.default.View, { style: spreadRightStyle, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: capsule }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Animated.View, { style: spreadLeftStyle, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: capsule }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Animated.View, { style: spreadRightStyle, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: capsule }) })
     ] });
   }
   const ringSize = size * 0.86;
   const ringBorder = Math.max(2, size * 0.08);
   const dotSize = size * 0.32;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.tapWrap, { width: size, height: size }], pointerEvents: "none", children: customGlyph ? /* @__PURE__ */ jsxRuntime.jsx(Animated__default.default.View, { style: tapAnimatedStyle, pointerEvents: "none", children: customGlyph }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.tapWrap, { width: size, height: size }], pointerEvents: "none", children: customGlyph ? /* @__PURE__ */ jsxRuntime.jsx(Animated.View, { style: tapAnimatedStyle, pointerEvents: "none", children: customGlyph }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Animated__default.default.View,
+      Animated.View,
       {
         style: [
           styles.tapRing,
@@ -339,8 +486,8 @@ var DEFAULT_TIMEOUT_MS = 4e3;
 var failOpen = async (storage, key) => {
   var _a;
   if (!storage) return defaultWireFeatures;
-  const cached = await readCachedFeatures(storage, key);
-  return (_a = cached == null ? void 0 : cached.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;
@@ -475,6 +622,47 @@ var useOnboardingTheme = () => {
   return ctx != null ? ctx : mergeTheme();
 };
 
+// src/showcase/blazejOnboarding.ts
+var MODULE_NAME = "@blazejkustra/react-native-onboarding";
+var runtimeRequire2 = (moduleName) => {
+  if (moduleName !== MODULE_NAME) return void 0;
+  if (typeof __require !== "function") return void 0;
+  try {
+    return require("@blazejkustra/react-native-onboarding");
+  } catch {
+    return void 0;
+  }
+};
+var interop = (mod) => {
+  if (typeof mod === "function") return mod;
+  if (!mod || typeof mod !== "object") return void 0;
+  const ns = mod;
+  if (ns.default) return ns.default;
+  if ("$$typeof" in ns) return ns;
+  return void 0;
+};
+var asComponent = (value) => {
+  if (typeof value === "function") return value;
+  if (value && typeof value === "object" && "$$typeof" in value) {
+    return value;
+  }
+  return void 0;
+};
+var cached2;
+var resolveShowcaseOnboarding = (requireModule = runtimeRequire2) => {
+  try {
+    if (cached2 === void 0 || requireModule !== runtimeRequire2) {
+      const component = asComponent(interop(requireModule(MODULE_NAME)));
+      if (requireModule === runtimeRequire2) cached2 = component != null ? component : null;
+      return component;
+    }
+    if (cached2 === null) return void 0;
+    return cached2;
+  } catch {
+    return void 0;
+  }
+};
+
 // src/showcase/showcaseColors.ts
 var showcaseColorsFromTheme = (t, accent) => ({
   background: {
@@ -535,12 +723,13 @@ var _FeatureShowcase = ({
   const accent = accentColor != null ? accentColor : t.colors.primary;
   const flags = useResolvedFeatures({ flags: features, config: featuresConfig });
   const disabled = !flags.showcase.enabled;
+  const Onboarding = React.useMemo(() => resolveShowcaseOnboarding(), []);
   const gateKey = showcaseGateKey(config.id);
   const seen = React.useMemo(
     () => hasSeenGate(gateKey, storage, isTesting),
     [gateKey, storage, isTesting]
   );
-  const skip = seen || disabled;
+  const skip = seen || disabled || !Onboarding;
   const doneRef = React.useRef(false);
   const finish = React.useCallback(() => {
     if (doneRef.current) return;
@@ -620,12 +809,12 @@ var _FeatureShowcase = ({
     }),
     [t]
   );
-  if (skip) return null;
+  if (skip || !Onboarding) return null;
   const activeGesture = (_a = config.slides[activeIndex]) == null ? void 0 : _a.gesture;
   const showGesture = !!activeGesture && activeGesture !== "none" && activeGesture !== "tap" && activeGesture !== "double_tap";
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles2.fill, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Onboarding__default.default,
+      Onboarding,
       {
         introPanel,
         steps,