@wireai/activation 0.7.0 → 0.9.0

package/dist/reviews/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var React4 = require('react');
+var React7 = require('react');
 var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React4__default = /*#__PURE__*/_interopDefault(React4);
+var React7__default = /*#__PURE__*/_interopDefault(React7);
 
 // src/reviews/ReviewGate.tsx
 
@@ -60,9 +60,9 @@ var defaultOnboardingTheme = {
 var mergeTheme = (override) => {
   return defaultOnboardingTheme;
 };
-var OnboardingThemeContext = React4.createContext(null);
+var OnboardingThemeContext = React7.createContext(null);
 var useOnboardingTheme = () => {
-  const ctx = React4.useContext(OnboardingThemeContext);
+  const ctx = React7.useContext(OnboardingThemeContext);
   return ctx != null ? ctx : mergeTheme();
 };
 
@@ -94,16 +94,26 @@ var buttonLabelStyle = (f) => {
 };
 
 // src/motion/motionSpec.ts
+var WIRE_BEZIER = [0.16, 1, 0.3, 1];
 var REDUCED_FADE_MS = 120;
 var BUTTON_PRESS_SCALE = 0.975;
 var REDUCED_PRESS_OPACITY = 0.85;
 var BUTTON_PRESS_SPRING = { friction: 8, tension: 240 };
+var CARD_ENTER_MS = 220;
+var CARD_EXIT_MS = 180;
+var CARD_EXIT_LEAD_MS = 80;
+var CARD_SLIDE_PX = 26;
+var CARD_ENTER_SCALE_FROM = 0.96;
+var CARD_SPRING = { damping: 14, stiffness: 180, mass: 1 };
+var LOADER_HANDOFF_FADE_MS = 120;
+var STATUS_POP_SPRING = { friction: 6, tension: 200 };
+var STATUS_POP_SCALE_FROM = 0.4;
 var durationScale = 1;
 var scaledMs = (ms) => Math.round(ms * durationScale);
 var lastKnown = false;
 var useReducedMotion = () => {
-  const [reduced, setReduced] = React4.useState(lastKnown);
-  React4.useEffect(() => {
+  const [reduced, setReduced] = React7.useState(lastKnown);
+  React7.useEffect(() => {
     let mounted = true;
     reactNative.AccessibilityInfo.isReduceMotionEnabled().then((value) => {
       lastKnown = value;
@@ -131,8 +141,8 @@ var _Button = ({
   const t = useOnboardingTheme();
   const reduced = useReducedMotion();
   const isPrimary = variant === "primary";
-  const pressT = React4.useRef(new reactNative.Animated.Value(0)).current;
-  const pressTo = React4.useCallback(
+  const pressT = React7.useRef(new reactNative.Animated.Value(0)).current;
+  const pressTo = React7.useCallback(
     (to) => {
       if (reduced) {
         reactNative.Animated.timing(pressT, {
@@ -151,16 +161,16 @@ var _Button = ({
     },
     [pressT, reduced]
   );
-  const lastPress = React4.useRef(0);
-  const handlePress = React4.useCallback(() => {
+  const lastPress = React7.useRef(0);
+  const handlePress = React7.useCallback(() => {
     if (!onPress) return;
     const now = Date.now();
     if (now - lastPress.current < 500) return;
     lastPress.current = now;
     onPress();
   }, [onPress]);
-  const handlePressIn = React4.useCallback(() => pressTo(1), [pressTo]);
-  const handlePressOut = React4.useCallback(() => pressTo(0), [pressTo]);
+  const handlePressIn = React7.useCallback(() => pressTo(1), [pressTo]);
+  const handlePressOut = React7.useCallback(() => pressTo(0), [pressTo]);
   const scale = pressT.interpolate({
     inputRange: [0, 1],
     outputRange: [1, reduced ? 1 : BUTTON_PRESS_SCALE]
@@ -211,11 +221,282 @@ var _Button = ({
     }
   );
 };
-var Button = React4__default.default.memo(_Button);
+var Button = React7__default.default.memo(_Button);
 var styles = reactNative.StyleSheet.create({
   base: { alignItems: "center", justifyContent: "center" },
   fill: { width: "100%" }
 });
+var _DoneCheck = ({ theme, size = 48 }) => {
+  const reduced = useReducedMotion();
+  const pop = React7.useRef(new reactNative.Animated.Value(reduced ? 1 : 0)).current;
+  React7.useEffect(() => {
+    if (reduced) {
+      pop.setValue(1);
+      return;
+    }
+    const anim = reactNative.Animated.spring(pop, {
+      toValue: 1,
+      friction: STATUS_POP_SPRING.friction,
+      tension: STATUS_POP_SPRING.tension,
+      useNativeDriver: true
+    });
+    anim.start();
+    return () => anim.stop();
+  }, [pop, reduced]);
+  const scale = pop.interpolate({
+    inputRange: [0, 1],
+    outputRange: [STATUS_POP_SCALE_FROM, 1]
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Animated.View,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: [
+        styles2.ring,
+        {
+          width: size,
+          height: size,
+          borderRadius: theme.radius.full,
+          backgroundColor: theme.colors.success,
+          opacity: pop,
+          transform: [{ scale }]
+        }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.Animated.Text,
+        {
+          style: [
+            styles2.glyph,
+            { color: theme.colors.onPrimary, fontSize: Math.round(size * 0.5), fontFamily: theme.fonts.bold }
+          ],
+          children: "\u2713"
+        }
+      )
+    }
+  );
+};
+var DoneCheck = React7__default.default.memo(_DoneCheck);
+DoneCheck.displayName = "DoneCheck";
+var styles2 = reactNative.StyleSheet.create({
+  ring: { alignItems: "center", justifyContent: "center", alignSelf: "center" },
+  glyph: { includeFontPadding: false, textAlign: "center" }
+});
+var easeWire = reactNative.Easing.bezier(...WIRE_BEZIER);
+var _CardHandoff = ({
+  transitionKey,
+  variant = "slide",
+  direction = "forward",
+  layout = "fill",
+  children
+}) => {
+  const reduced = useReducedMotion();
+  const [leaving, setLeaving] = React7.useState(null);
+  const enterT = React7.useRef(new reactNative.Animated.Value(0)).current;
+  const exitT = React7.useRef(new reactNative.Animated.Value(0)).current;
+  const prev = React7.useRef({ key: transitionKey, node: children, variant });
+  const running = React7.useRef({});
+  const mounted = React7.useRef(false);
+  React7.useEffect(() => {
+    var _a, _b;
+    const last = prev.current;
+    prev.current = { key: transitionKey, node: children, variant };
+    if (!mounted.current) {
+      mounted.current = true;
+      running.current.enter = startEnter(enterT, variant, reduced, 0);
+      return;
+    }
+    if (last.key === transitionKey) return;
+    (_a = running.current.enter) == null ? void 0 : _a.stop();
+    (_b = running.current.exit) == null ? void 0 : _b.stop();
+    setLeaving(last);
+    enterT.setValue(0);
+    exitT.setValue(0);
+    const exitDuration = reduced ? REDUCED_FADE_MS : last.variant === "fade" ? LOADER_HANDOFF_FADE_MS : CARD_EXIT_MS;
+    const exit = reactNative.Animated.timing(exitT, {
+      toValue: 1,
+      duration: scaledMs(exitDuration),
+      easing: easeWire,
+      useNativeDriver: true
+    });
+    running.current.exit = exit;
+    exit.start();
+    const enter = startEnter(
+      enterT,
+      variant,
+      reduced,
+      reduced ? 0 : CARD_EXIT_LEAD_MS,
+      () => setLeaving(null)
+    );
+    running.current.enter = enter;
+  });
+  React7.useEffect(
+    () => () => {
+      var _a, _b;
+      (_a = running.current.enter) == null ? void 0 : _a.stop();
+      (_b = running.current.exit) == null ? void 0 : _b.stop();
+    },
+    []
+  );
+  const enterStyle = {
+    opacity: enterT,
+    transform: transformFor(variant, enterT, reduced, "enter", direction)
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    leaving ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Animated.View,
+      {
+        pointerEvents: "none",
+        style: [
+          reactNative.StyleSheet.absoluteFill,
+          {
+            opacity: exitT.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }),
+            // The CURRENT direction drives BOTH layers: one transition, one geography.
+            transform: transformFor(leaving.variant, exitT, reduced, "exit", direction)
+          }
+        ],
+        children: leaving.node
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: [layout === "fill" ? styles3.fill : null, enterStyle], children }, variant)
+  ] });
+};
+var startEnter = (value, variant, reduced, delay, onDone) => {
+  value.setValue(0);
+  const anim = !reduced && variant === "spring" ? reactNative.Animated.spring(value, {
+    toValue: 1,
+    delay: scaledMs(delay),
+    damping: CARD_SPRING.damping,
+    stiffness: CARD_SPRING.stiffness,
+    mass: CARD_SPRING.mass,
+    useNativeDriver: true
+  }) : reactNative.Animated.timing(value, {
+    toValue: 1,
+    delay: scaledMs(delay),
+    duration: scaledMs(
+      reduced ? REDUCED_FADE_MS : variant === "fade" ? LOADER_HANDOFF_FADE_MS : CARD_ENTER_MS
+    ),
+    easing: easeWire,
+    useNativeDriver: true
+  });
+  anim.start(({ finished }) => {
+    if (finished) onDone == null ? void 0 : onDone();
+  });
+  return anim;
+};
+var transformFor = (variant, t, reduced, layer, travel) => {
+  if (reduced || variant === "fade") return [];
+  if (variant === "spring" && layer === "enter") {
+    return [{ scale: t.interpolate({ inputRange: [0, 1], outputRange: [CARD_ENTER_SCALE_FROM, 1] }) }];
+  }
+  const slide = travel === "forward" ? CARD_SLIDE_PX : -CARD_SLIDE_PX;
+  return [
+    {
+      translateX: t.interpolate({
+        inputRange: [0, 1],
+        outputRange: layer === "enter" ? [slide, 0] : [0, -slide]
+      })
+    }
+  ];
+};
+var CardHandoff = React7__default.default.memo(_CardHandoff);
+var styles3 = reactNative.StyleSheet.create({
+  fill: { flex: 1 }
+});
+var easeWire2 = reactNative.Easing.bezier(...WIRE_BEZIER);
+var _ModalPaneHost = ({
+  paneKey,
+  direction = "forward",
+  header,
+  children
+}) => {
+  const reduced = useReducedMotion();
+  const height = React7.useRef(new reactNative.Animated.Value(0)).current;
+  const measured = React7.useRef(null);
+  const [sized, setSized] = React7.useState(false);
+  const paneChanged = React7.useRef(false);
+  const running = React7.useRef(null);
+  React7.useEffect(() => {
+    paneChanged.current = true;
+  }, [paneKey]);
+  React7.useEffect(() => () => {
+    var _a;
+    return (_a = running.current) == null ? void 0 : _a.stop();
+  }, []);
+  const onLayout = React7.useCallback(
+    (event) => {
+      var _a;
+      const next = Math.round(event.nativeEvent.layout.height);
+      if (!next) return;
+      const previous = measured.current;
+      if (previous !== null && Math.abs(previous - next) < 1) return;
+      const first = previous === null;
+      const ease = !first && !reduced && paneChanged.current;
+      paneChanged.current = false;
+      measured.current = next;
+      (_a = running.current) == null ? void 0 : _a.stop();
+      if (!ease) {
+        height.setValue(next);
+        if (first) setSized(true);
+        return;
+      }
+      const anim = reactNative.Animated.timing(height, {
+        toValue: next,
+        duration: scaledMs(CARD_ENTER_MS),
+        easing: easeWire2,
+        // height is layout, not transform — see the header note.
+        useNativeDriver: false
+      });
+      running.current = anim;
+      anim.start();
+    },
+    [height, reduced]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: sized ? { height, overflow: "hidden" } : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { onLayout, style: styles4.pane, children: [
+    header,
+    /* @__PURE__ */ jsxRuntime.jsx(CardHandoff, { transitionKey: paneKey, direction, layout: "auto", variant: "slide", children })
+  ] }) });
+};
+var ModalPaneHost = React7__default.default.memo(_ModalPaneHost);
+ModalPaneHost.displayName = "ModalPaneHost";
+var styles4 = reactNative.StyleSheet.create({
+  pane: { width: "100%" }
+});
+
+// src/haptics/haptics.ts
+var play = async (tone) => {
+  try {
+    const mod = await import('expo-haptics');
+    if (!mod) return false;
+    if (tone === "selection") {
+      await mod.selectionAsync();
+      return true;
+    }
+    if (tone === "light") {
+      await mod.impactAsync(mod.ImpactFeedbackStyle.Light);
+      return true;
+    }
+    await mod.notificationAsync(mod.NotificationFeedbackType.Success);
+    return true;
+  } catch {
+    return false;
+  }
+};
+var playHaptic = (tone) => {
+  void play(tone);
+};
+
+// src/theme/mergeThemeOver.ts
+var mergeThemeOver = (base, override) => {
+  if (!override) return base;
+  return {
+    colors: { ...base.colors, ...override.colors },
+    fonts: { ...base.fonts, ...override.fonts },
+    radius: { ...base.radius, ...override.radius },
+    spacing: { ...base.spacing, ...override.spacing },
+    button: { ...base.button, ...override.button }
+  };
+};
 
 // src/reviews/decision.ts
 var decideReview = (local, decision) => decision != null ? decision : local;
@@ -294,13 +575,13 @@ var centeredModalFrame = (progress, backdropMax = CENTERED_MODAL_ANIM.backdropOp
 // src/reviews/presentation.ts
 var DEFAULT_PRESENTATION = "modal";
 var resolvePresentation = (p) => p != null ? p : DEFAULT_PRESENTATION;
-var _CenteredModal = React4.forwardRef(
+var _CenteredModal = React7.forwardRef(
   ({ theme, dismissible = true, onDismiss, children }, ref) => {
-    const progress = React4.useRef(new reactNative.Animated.Value(0)).current;
-    const [open, setOpen] = React4.useState(true);
-    const closingRef = React4.useRef(false);
+    const progress = React7.useRef(new reactNative.Animated.Value(0)).current;
+    const [open, setOpen] = React7.useState(true);
+    const closingRef = React7.useRef(false);
     const reduced = useReducedMotion();
-    React4.useEffect(() => {
+    React7.useEffect(() => {
       const anim = reduced ? reactNative.Animated.timing(progress, {
         toValue: 1,
         duration: REDUCED_FADE_MS,
@@ -314,7 +595,7 @@ var _CenteredModal = React4.forwardRef(
       anim.start();
       return () => anim.stop();
     }, [progress, reduced]);
-    const close = React4.useCallback(() => {
+    const close = React7.useCallback(() => {
       if (closingRef.current) return;
       closingRef.current = true;
       reactNative.Animated.timing(progress, {
@@ -327,15 +608,15 @@ var _CenteredModal = React4.forwardRef(
         onDismiss();
       });
     }, [progress, onDismiss, reduced]);
-    React4.useImperativeHandle(ref, () => ({ close }), [close]);
-    React4.useEffect(() => {
+    React7.useImperativeHandle(ref, () => ({ close }), [close]);
+    React7.useEffect(() => {
       const sub = reactNative.BackHandler.addEventListener("hardwareBackPress", () => {
         if (dismissible) close();
         return true;
       });
       return () => sub.remove();
     }, [dismissible, close]);
-    const onBackdrop = React4.useCallback(() => {
+    const onBackdrop = React7.useCallback(() => {
       if (dismissible) close();
     }, [dismissible, close]);
     const backdropOpacity = progress.interpolate({
@@ -358,25 +639,25 @@ var _CenteredModal = React4.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             reactNative.Animated.View,
             {
-              style: [styles2.backdrop, { opacity: backdropOpacity }],
+              style: [styles5.backdrop, { opacity: backdropOpacity }],
               pointerEvents: "none"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             reactNative.Pressable,
             {
-              style: styles2.fill,
+              style: styles5.fill,
               onPress: onBackdrop,
               accessibilityRole: "button",
               accessibilityLabel: "Dismiss",
-              children: /* @__PURE__ */ jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, { style: styles2.center, pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => {
-              }, style: styles2.cardWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, { style: styles5.center, pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => {
+              }, style: styles5.cardWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
                 reactNative.Animated.View,
                 {
                   accessibilityViewIsModal: true,
                   accessibilityRole: "alert",
                   style: [
-                    styles2.card,
+                    styles5.card,
                     {
                       backgroundColor: theme.colors.surface,
                       borderRadius: theme.radius.lg,
@@ -397,8 +678,8 @@ var _CenteredModal = React4.forwardRef(
   }
 );
 _CenteredModal.displayName = "CenteredModal";
-var CenteredModal = React4__default.default.memo(_CenteredModal);
-var styles2 = reactNative.StyleSheet.create({
+var CenteredModal = React7__default.default.memo(_CenteredModal);
+var styles5 = reactNative.StyleSheet.create({
   fill: { flex: 1 },
   backdrop: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, backgroundColor: "#000" },
   center: { flex: 1, alignItems: "center", justifyContent: "center", padding: 24 },
@@ -463,6 +744,26 @@ var submitReview = (target, review) => {
   } catch {
   }
 };
+var fetchReviewDecision = async (target, options = {}) => {
+  if (!(target == null ? void 0 : target.serverUrl)) return null;
+  try {
+    const base = target.serverUrl.replace(/\/$/, "");
+    const params = new URLSearchParams();
+    if (options.sessionId) params.set("session_id", options.sessionId);
+    if (options.deviceKey) params.set("device_key", options.deviceKey);
+    const qs = params.toString();
+    const url = `${base}/v1/reviews/decision${qs ? `?${qs}` : ""}`;
+    const headers = {};
+    if (target.apiKey) headers.Authorization = `Bearer ${target.apiKey}`;
+    const res = await fetch(url, { headers });
+    if (!res || !res.ok) return null;
+    const json = await res.json();
+    if (!json || typeof json.fire !== "boolean") return null;
+    return json;
+  } catch {
+    return null;
+  }
+};
 var reportAppEvent = (target, name, options = {}) => {
   if (!(target == null ? void 0 : target.serverUrl) || !name) return;
   try {
@@ -487,16 +788,6 @@ var reportAppEvent = (target, name, options = {}) => {
   } catch {
   }
 };
-var mergeThemeOver = (base, override) => {
-  if (!override) return base;
-  return {
-    colors: { ...base.colors, ...override.colors },
-    fonts: { ...base.fonts, ...override.fonts },
-    radius: { ...base.radius, ...override.radius },
-    spacing: { ...base.spacing, ...override.spacing },
-    button: { ...base.button, ...override.button }
-  };
-};
 var _ReviewGate = ({
   appName,
   store,
@@ -512,36 +803,60 @@ var _ReviewGate = ({
   id = "default"
 }) => {
   const active = useOnboardingTheme();
-  const t = React4.useMemo(() => mergeThemeOver(active, themeOverride), [active, themeOverride]);
+  const t = React7.useMemo(() => mergeThemeOver(active, themeOverride), [active, themeOverride]);
   const mode = resolvePresentation(presentation);
-  const modalRef = React4__default.default.useRef(null);
-  const [phase, setPhase] = React4.useState("rating");
-  const [stars, setStars] = React4.useState(0);
-  const [hovered, setHovered] = React4.useState(0);
-  const [feedback, setFeedback] = React4.useState("");
-  const [suggestion, setSuggestion] = React4.useState("");
-  const shownRef = React4__default.default.useRef(false);
-  const onShownRef = React4__default.default.useRef(onShown);
-  const onEventRef = React4__default.default.useRef(onEvent);
+  const modalRef = React7__default.default.useRef(null);
+  const [phase, setPhase] = React7.useState("rating");
+  const [stars, setStars] = React7.useState(0);
+  const [hovered, setHovered] = React7.useState(0);
+  const [feedback, setFeedback] = React7.useState("");
+  const [suggestion, setSuggestion] = React7.useState("");
+  const shownRef = React7__default.default.useRef(false);
+  const onShownRef = React7__default.default.useRef(onShown);
+  const onEventRef = React7__default.default.useRef(onEvent);
   onShownRef.current = onShown;
   onEventRef.current = onEvent;
-  React4__default.default.useEffect(() => {
+  React7__default.default.useEffect(() => {
     var _a, _b;
     if (shownRef.current) return;
     shownRef.current = true;
     (_a = onShownRef.current) == null ? void 0 : _a.call(onShownRef);
     (_b = onEventRef.current) == null ? void 0 : _b.call(onEventRef, { name: "review_prompt_shown", id });
   }, []);
-  const resolveTimer = React4__default.default.useRef(null);
-  React4__default.default.useEffect(() => {
+  const resolveTimer = React7__default.default.useRef(null);
+  React7__default.default.useEffect(() => {
     return () => {
       if (resolveTimer.current) clearTimeout(resolveTimer.current);
     };
   }, []);
-  const resolve = React4.useCallback(() => {
+  const resolve = React7.useCallback(() => {
     onResolved == null ? void 0 : onResolved();
   }, [onResolved]);
-  const resolveWithDelay = React4.useCallback(() => {
+  const postedRef = React7__default.default.useRef(false);
+  const postOnce = React7.useCallback(
+    (body) => {
+      if (postedRef.current) return;
+      postedRef.current = true;
+      submitReview(target, body);
+    },
+    [target]
+  );
+  const abandonRef = React7__default.default.useRef(() => {
+  });
+  abandonRef.current = () => {
+    if (postedRef.current || stars < 1) return;
+    postOnce(
+      buildReviewSubmission({
+        stars,
+        feedbackText: feedback,
+        suggestion,
+        sessionId,
+        meta: { ...meta, abandoned: true }
+      })
+    );
+  };
+  React7__default.default.useEffect(() => () => abandonRef.current(), []);
+  const resolveWithDelay = React7.useCallback(() => {
     if (resolveTimer.current) clearTimeout(resolveTimer.current);
     resolveTimer.current = setTimeout(() => {
       var _a;
@@ -552,22 +867,32 @@ var _ReviewGate = ({
       }
     }, 1500);
   }, [mode, onResolved]);
-  const pickRating = React4.useCallback(
+  const pickRating = React7.useCallback(
     async (value) => {
       setStars(value);
+      playHaptic("selection");
       onEvent == null ? void 0 : onEvent({ name: "review_rating_selected", id, stars: value });
       if (routeRating(value) === "store") {
         onEvent == null ? void 0 : onEvent({ name: "store_review_requested", id, stars: value });
-        await requestStoreReview(store);
+        const route = await requestStoreReview(store);
+        postOnce(
+          buildReviewSubmission({
+            stars: value,
+            sessionId,
+            meta: { ...meta, store_route: route }
+          })
+        );
         setPhase("thanks");
         resolveWithDelay();
       } else {
         setPhase("feedback");
       }
     },
-    [onEvent, id, store, resolveWithDelay]
+    [onEvent, id, store, postOnce, sessionId, meta, resolveWithDelay]
   );
-  const sendFeedback = React4.useCallback(() => {
+  const feedbackReady = feedback.trim().length > 0;
+  const sendFeedback = React7.useCallback(() => {
+    if (!feedbackReady) return;
     const body = buildReviewSubmission({
       stars,
       feedbackText: feedback,
@@ -575,21 +900,21 @@ var _ReviewGate = ({
       sessionId,
       meta
     });
-    submitReview(target, body);
+    postOnce(body);
     onEvent == null ? void 0 : onEvent({ name: "review_feedback_submitted", id, stars });
+    playHaptic("success");
     setPhase("thanks");
     resolveWithDelay();
-  }, [stars, feedback, suggestion, sessionId, meta, target, onEvent, id, resolveWithDelay]);
-  const dismiss = React4.useCallback(() => {
+  }, [feedbackReady, stars, feedback, suggestion, sessionId, meta, postOnce, onEvent, id, resolveWithDelay]);
+  const dismiss = React7.useCallback(() => {
     setPhase("thanks");
     resolveWithDelay();
   }, [resolveWithDelay]);
-  const handleDismissTap = React4.useCallback(() => {
+  const handleDismissTap = React7.useCallback(() => {
     var _a;
     if (mode === "modal") (_a = modalRef.current) == null ? void 0 : _a.close();
     else dismiss();
   }, [mode, dismiss]);
-  const title = phase === "feedback" ? "What should we improve?" : phase === "thanks" ? "Thank you" : appName ? `Enjoying ${appName}?` : "How's your experience?";
   const surface = {
     backgroundColor: t.colors.surface,
     borderRadius: t.radius.lg,
@@ -597,113 +922,121 @@ var _ReviewGate = ({
     gap: t.spacing.md
   };
   const feedbackBox = feedbackInputHeights(t.fonts, t.spacing.md);
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: t.colors.text }], children: title }),
-    phase === "rating" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "Tap a star to let us know." }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles3.stars, children: [1, 2, 3, 4, 5].map((n) => {
-        const filled = n <= (hovered || stars);
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Pressable,
-          {
-            onPressIn: () => setHovered(n),
-            onPressOut: () => setHovered(0),
-            onPress: () => void pickRating(n),
-            accessibilityRole: "button",
-            accessibilityLabel: `${n} star${n > 1 ? "s" : ""}`,
-            hitSlop: 8,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              reactNative.Text,
-              {
-                style: [
-                  styles3.star,
-                  { color: filled ? t.colors.primary : t.colors.border }
-                ],
-                children: filled ? "\u2605" : "\u2606"
-              }
-            )
-          },
-          n
-        );
-      }) }),
-      dismissible && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: handleDismissTap, hitSlop: 8, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), styles3.link, { color: t.colors.textMuted }], children: "Not now" }) })
-    ] }),
-    phase === "feedback" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "A few words is plenty. Both boxes are optional, so send whatever you like." }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "Why this rating? (optional)" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.TextInput,
-        {
-          value: feedback,
-          onChangeText: setFeedback,
-          placeholder: "e.g. too many steps",
-          placeholderTextColor: t.colors.textMuted,
-          multiline: true,
-          textAlignVertical: "top",
-          style: [
-            bodyStyle(t.fonts),
-            styles3.input,
-            {
-              color: t.colors.text,
-              backgroundColor: t.colors.background,
-              borderRadius: t.radius.md,
-              borderColor: t.colors.border,
-              padding: t.spacing.md,
-              minHeight: feedbackBox.minHeight,
-              maxHeight: feedbackBox.maxHeight
-            }
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "What can we do better? (optional)" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.TextInput,
-        {
-          value: suggestion,
-          onChangeText: setSuggestion,
-          placeholder: "e.g. save my place between steps",
-          placeholderTextColor: t.colors.textMuted,
-          style: [
-            bodyStyle(t.fonts),
-            styles3.input,
-            {
-              color: t.colors.text,
-              backgroundColor: t.colors.background,
-              borderRadius: t.radius.md,
-              borderColor: t.colors.border,
-              paddingHorizontal: t.spacing.md,
-              paddingVertical: t.spacing.sm,
-              minHeight: t.button.height
-            }
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
+  const linkStyle = [captionStyle(t.fonts), styles6.link, { color: t.colors.textMuted }];
+  const ratingPane = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { gap: t.spacing.md }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: t.colors.text }], children: appName ? `Enjoying ${appName}?` : "How's your experience?" }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "Tap a star to let us know." }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles6.stars, children: [1, 2, 3, 4, 5].map((n) => {
+      const filled = n <= (hovered || stars);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.Pressable,
         {
-          title: "Send feedback",
-          onPress: sendFeedback,
-          variant: "primary",
-          fullWidth: true
-        }
-      ),
-      dismissible && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: handleDismissTap, hitSlop: 8, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), styles3.link, { color: t.colors.textMuted }], children: "Skip" }) })
-    ] }),
-    phase === "thanks" && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), { color: t.colors.textMuted }], children: "We appreciate you. This helps us make it better." })
+          onPressIn: () => setHovered(n),
+          onPressOut: () => setHovered(0),
+          onPress: () => void pickRating(n),
+          accessibilityRole: "button",
+          accessibilityLabel: `${n} star${n > 1 ? "s" : ""}`,
+          hitSlop: 8,
+          children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles6.star, { color: filled ? t.colors.primary : t.colors.border }], children: filled ? "\u2605" : "\u2606" })
+        },
+        n
+      );
+    }) }),
+    dismissible && /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Pressable,
+      {
+        onPress: handleDismissTap,
+        hitSlop: 8,
+        accessibilityRole: "button",
+        accessibilityLabel: "Dismiss the review prompt",
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: linkStyle, children: "Not now" })
+      }
+    )
+  ] });
+  const feedbackPane = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { gap: t.spacing.md }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), { color: t.colors.text }], children: "What should we improve?" }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "A few words is plenty \u2014 tell us what went wrong and we'll fix it." }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "Why this rating?" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TextInput,
+      {
+        value: feedback,
+        onChangeText: setFeedback,
+        placeholder: "e.g. too many steps",
+        placeholderTextColor: t.colors.textMuted,
+        accessibilityLabel: "Why this rating?",
+        multiline: true,
+        textAlignVertical: "top",
+        style: [
+          bodyStyle(t.fonts),
+          styles6.input,
+          {
+            color: t.colors.text,
+            backgroundColor: t.colors.background,
+            borderRadius: t.radius.md,
+            borderColor: t.colors.border,
+            padding: t.spacing.md,
+            minHeight: feedbackBox.minHeight,
+            maxHeight: feedbackBox.maxHeight
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [captionStyle(t.fonts), { color: t.colors.textMuted }], children: "What can we do better? (optional)" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TextInput,
+      {
+        value: suggestion,
+        onChangeText: setSuggestion,
+        placeholder: "e.g. save my place between steps",
+        placeholderTextColor: t.colors.textMuted,
+        accessibilityLabel: "What can we do better? (optional)",
+        style: [
+          bodyStyle(t.fonts),
+          styles6.input,
+          {
+            color: t.colors.text,
+            backgroundColor: t.colors.background,
+            borderRadius: t.radius.md,
+            borderColor: t.colors.border,
+            paddingHorizontal: t.spacing.md,
+            paddingVertical: t.spacing.sm,
+            minHeight: t.button.height
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        title: "Send feedback",
+        onPress: sendFeedback,
+        variant: "primary",
+        fullWidth: true,
+        disabled: !feedbackReady
+      }
+    )
   ] });
+  const thanksPane = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { gap: t.spacing.md }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DoneCheck, { theme: t }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [headingStyle(t.fonts), styles6.centerText, { color: t.colors.text }], children: "Thank you" }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [bodyStyle(t.fonts), styles6.centerText, { color: t.colors.textMuted }], children: "We appreciate you. This helps us make it better." })
+  ] });
+  const content = /* @__PURE__ */ jsxRuntime.jsx(ModalPaneHost, { paneKey: phase, children: phase === "rating" ? ratingPane : phase === "feedback" ? feedbackPane : thanksPane });
   if (mode === "modal") {
     return /* @__PURE__ */ jsxRuntime.jsx(CenteredModal, { ref: modalRef, theme: t, dismissible, onDismiss: resolve, children: content });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles3.card, surface], children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles6.card, surface], children: content });
 };
-var ReviewGate = React4__default.default.memo(_ReviewGate);
+var ReviewGate = React7__default.default.memo(_ReviewGate);
 ReviewGate.displayName = "ReviewGate";
-var styles3 = reactNative.StyleSheet.create({
+var styles6 = reactNative.StyleSheet.create({
   card: { width: "100%" },
   stars: { flexDirection: "row", justifyContent: "center", gap: 8 },
   star: { fontSize: 40, lineHeight: 46 },
   input: { borderWidth: 1 },
-  link: { textAlign: "center", textDecorationLine: "underline" }
+  link: { textAlign: "center", textDecorationLine: "underline" },
+  centerText: { textAlign: "center" }
 });
 
 // src/coachmarks/runtime.ts
@@ -845,16 +1178,16 @@ var fetchWireFeatures = async (config) => {
 
 // src/features/useWireFeatures.ts
 var useStableValue = (value, isEqual) => {
-  const ref = React4.useRef(value);
+  const ref = React7.useRef(value);
   if (!isEqual(ref.current, value)) ref.current = value;
   return ref.current;
 };
 var sameFetchKey = (a, b) => (a == null ? void 0 : a.serverUrl) === (b == null ? void 0 : b.serverUrl) && (a == null ? void 0 : a.apiKey) === (b == null ? void 0 : b.apiKey) && (a == null ? void 0 : a.appId) === (b == null ? void 0 : b.appId);
 var useWireFeatures = (config) => {
   const stableConfig = useStableValue(config, sameFetchKey);
-  const [flags, setFlags] = React4.useState(defaultWireFeatures);
+  const [flags, setFlags] = React7.useState(defaultWireFeatures);
   const canFetch = !!(stableConfig == null ? void 0 : stableConfig.serverUrl) && !!(stableConfig == null ? void 0 : stableConfig.apiKey);
-  React4.useEffect(() => {
+  React7.useEffect(() => {
     if (!canFetch) {
       setFlags((prev) => featuresEqual(prev, defaultWireFeatures) ? prev : defaultWireFeatures);
       return;
@@ -873,10 +1206,10 @@ var useWireFeatures = (config) => {
 var CONTEXT_SYMBOL = /* @__PURE__ */ Symbol.for("wireai.features.context");
 var globalObj = global;
 if (!globalObj[CONTEXT_SYMBOL]) {
-  globalObj[CONTEXT_SYMBOL] = React4.createContext(null);
+  globalObj[CONTEXT_SYMBOL] = React7.createContext(null);
 }
 var WireFeaturesContext = globalObj[CONTEXT_SYMBOL];
-var useWireFeaturesContext = () => React4.useContext(WireFeaturesContext);
+var useWireFeaturesContext = () => React7.useContext(WireFeaturesContext);
 var useResolvedFeatures = (options) => {
   var _a, _b, _c;
   const ctx = useWireFeaturesContext();
@@ -931,7 +1264,7 @@ var writeInt = (storage, key, value) => {
 
 // src/reviews/useReviewGate.ts
 var useStableValue2 = (value, isEqual) => {
-  const ref = React4.useRef(value);
+  const ref = React7.useRef(value);
   if (!isEqual(ref.current, value)) ref.current = value;
   return ref.current;
 };
@@ -954,7 +1287,7 @@ var useReviewGate = ({
   const seenKey = reviewSeenKey(config.id, config.oncePerVersion === false ? void 0 : config.appVersion);
   const lastKey = reviewLastShownKey(config.id);
   const sessionsKey = reviewSessionsKey(config.id);
-  const sessions = React4.useState(() => {
+  const sessions = React7.useState(() => {
     const store = resolveStorage(storage);
     const next = readInt(store, sessionsKey) + 1;
     writeInt(store, sessionsKey, next);
@@ -963,8 +1296,8 @@ var useReviewGate = ({
   const hasServerDecision = decision != null;
   const timeoutMs = config.timeoutFallbackMs;
   const waits = !hasServerDecision && timeoutMs != null && timeoutMs > 0;
-  const [elapsed, setElapsed] = React4.useState(!waits);
-  React4.useEffect(() => {
+  const [elapsed, setElapsed] = React7.useState(!waits);
+  React7.useEffect(() => {
     if (!waits) {
       setElapsed(true);
       return;
@@ -972,7 +1305,7 @@ var useReviewGate = ({
     const timer = setTimeout(() => setElapsed(true), timeoutMs);
     return () => clearTimeout(timer);
   }, [waits, timeoutMs]);
-  const { visible, verdict } = React4.useMemo(() => {
+  const { visible, verdict } = React7.useMemo(() => {
     if (!featureEnabled) return { visible: false, verdict: { fire: false, reason: "feature_disabled" } };
     if (testing2) return { visible: true, verdict: { fire: true, reason: "testing" } };
     const store = resolveStorage(storage);
@@ -988,16 +1321,16 @@ var useReviewGate = ({
     const ready = hasServerDecision || elapsed;
     return { visible: ready && resolved.fire && !alreadySeen, verdict: resolved };
   }, [featureEnabled, testing2, config, decision, events, sessions, elapsed, hasServerDecision, seenKey, lastKey, storage, isTesting]);
-  const shownRef = React4.useRef(false);
-  const markShown = React4.useCallback(() => {
+  const shownRef = React7.useRef(false);
+  const markShown = React7.useCallback(() => {
     if (shownRef.current) return;
     shownRef.current = true;
     writeInt(resolveStorage(storage), lastKey, Date.now());
   }, [storage, lastKey]);
-  const markResolved = React4.useCallback(() => {
+  const markResolved = React7.useCallback(() => {
     markSeenGate(seenKey, storage, isTesting);
   }, [seenKey, storage, isTesting]);
-  return React4.useMemo(
+  return React7.useMemo(
     () => ({ visible, decision: verdict, markShown, markResolved }),
     [visible, verdict, markShown, markResolved]
   );
@@ -1014,6 +1347,7 @@ exports.decideReview = decideReview;
 exports.entranceFrame = centeredModalFrame;
 exports.evaluateGate = evaluateGate;
 exports.feedbackInputHeights = feedbackInputHeights;
+exports.fetchReviewDecision = fetchReviewDecision;
 exports.openStoreListing = openStoreListing;
 exports.reportAppEvent = reportAppEvent;
 exports.requestStoreReview = requestStoreReview;