@dubsdotapp/expo 0.3.9 → 0.4.0

package/dist/index.js

@@ -64,6 +64,7 @@ __export(index_exports, {
   parseSolanaError: () => parseSolanaError,
   signAndSendBase64Transaction: () => signAndSendBase64Transaction,
   useAppConfig: () => useAppConfig,
+  useArcadeBridge: () => useArcadeBridge,
   useArcadeCountdown: () => useArcadeCountdown,
   useArcadeGame: () => useArcadeGame,
   useArcadePool: () => useArcadePool,
@@ -718,7 +719,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/ui/theme.ts
 var import_react = require("react");
@@ -1776,7 +1777,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_react_native8 = require("react-native");
 
 // src/hooks/useEvents.ts
@@ -2842,6 +2843,91 @@ function useArcadeCountdown(nextResolution) {
   };
 }
 
+// src/hooks/useArcadeBridge.ts
+var import_react22 = require("react");
+var PROTOCOL_VERSION = "1.0";
+function useArcadeBridge({
+  canPlay,
+  startAttempt,
+  submitScore,
+  onScoreSubmitted,
+  onError
+}) {
+  const webviewRef = (0, import_react22.useRef)(null);
+  const sessionTokenRef = (0, import_react22.useRef)(null);
+  const gameStartTimeRef = (0, import_react22.useRef)(0);
+  const [lastResult, setLastResult] = (0, import_react22.useState)(null);
+  const [bridgeLoading, setBridgeLoading] = (0, import_react22.useState)(false);
+  const injectSession = (0, import_react22.useCallback)((token, attemptNumber) => {
+    webviewRef.current?.injectJavaScript(`
+      window.ARCADE_SESSION_TOKEN = ${JSON.stringify(token)};
+      window.ARCADE_ATTEMPT_NUMBER = ${attemptNumber};
+      window._ARCADE_GAME_START_TIME = Date.now();
+      window.dispatchEvent(new Event('ARCADE_START'));
+      true;
+    `);
+  }, []);
+  const triggerPlay = (0, import_react22.useCallback)(async () => {
+    if (!canPlay) return;
+    setBridgeLoading(true);
+    try {
+      const result = await startAttempt();
+      sessionTokenRef.current = result.sessionToken;
+      gameStartTimeRef.current = Date.now();
+      setLastResult(null);
+      injectSession(result.sessionToken, result.attemptNumber);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      onError?.(e);
+    } finally {
+      setBridgeLoading(false);
+    }
+  }, [canPlay, startAttempt, injectSession, onError]);
+  const handleMessage = (0, import_react22.useCallback)(
+    async (event) => {
+      let data;
+      try {
+        data = JSON.parse(event.nativeEvent.data);
+      } catch {
+        return;
+      }
+      if (data.dubsArcade !== PROTOCOL_VERSION) return;
+      switch (data.type) {
+        case "TAP_PLAY": {
+          if (canPlay) {
+            triggerPlay();
+          }
+          return;
+        }
+        case "GAME_OVER": {
+          const token = sessionTokenRef.current;
+          if (!token) return;
+          const score = typeof data.score === "number" ? data.score : 0;
+          const duration = gameStartTimeRef.current > 0 ? Date.now() - gameStartTimeRef.current : typeof data.durationMs === "number" ? data.durationMs : void 0;
+          sessionTokenRef.current = null;
+          gameStartTimeRef.current = 0;
+          setBridgeLoading(true);
+          try {
+            const result = await submitScore(token, score, duration);
+            setLastResult(result);
+            onScoreSubmitted?.(result);
+          } catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err));
+            onError?.(e);
+          } finally {
+            setBridgeLoading(false);
+          }
+          return;
+        }
+        default:
+          return;
+      }
+    },
+    [canPlay, triggerPlay, submitScore, onScoreSubmitted, onError]
+  );
+  return { webviewRef, handleMessage, triggerPlay, lastResult, bridgeLoading };
+}
+
 // src/ui/AvatarEditor.tsx
 var import_react_native7 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -3002,11 +3088,11 @@ function AuthGate({
 }) {
   const { client, pushEnabled } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = (0, import_react22.useState)("init");
-  const [registrationPhase, setRegistrationPhase] = (0, import_react22.useState)(false);
-  const [showPushSetup, setShowPushSetup] = (0, import_react22.useState)(false);
-  const [isRestoredSession, setIsRestoredSession] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
+  const [phase, setPhase] = (0, import_react23.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react23.useState)(false);
+  const [showPushSetup, setShowPushSetup] = (0, import_react23.useState)(false);
+  const [isRestoredSession, setIsRestoredSession] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -3033,23 +3119,23 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (pushEnabled && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
   }, [pushEnabled, auth.status, registrationPhase, isRestoredSession]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = (0, import_react22.useCallback)(() => {
+  const retry = (0, import_react23.useCallback)(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = (0, import_react22.useCallback)(
+  const handleRegister = (0, import_react23.useCallback)(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -3141,7 +3227,7 @@ function DefaultErrorScreen({ error, onRetry, appName, accentColor }) {
 function StepIndicator({ currentStep }) {
   const t = useDubsTheme();
   const steps = [0, 1, 2, 3];
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native8.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native8.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react23.default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native8.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_react_native8.View,
@@ -3165,20 +3251,20 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = (0, import_react22.useState)(0);
-  const [avatarSeed, setAvatarSeed] = (0, import_react22.useState)(generateSeed);
-  const [avatarStyle, setAvatarStyle] = (0, import_react22.useState)("adventurer");
-  const [avatarBg, setAvatarBg] = (0, import_react22.useState)("1a1a2e");
-  const [showStyles, setShowStyles] = (0, import_react22.useState)(false);
-  const [username, setUsername] = (0, import_react22.useState)("");
-  const [referralCode, setReferralCode] = (0, import_react22.useState)("");
-  const [checking, setChecking] = (0, import_react22.useState)(false);
-  const [availability, setAvailability] = (0, import_react22.useState)(null);
-  const debounceRef = (0, import_react22.useRef)(null);
-  const fadeAnim = (0, import_react22.useRef)(new import_react_native8.Animated.Value(1)).current;
-  const slideAnim = (0, import_react22.useRef)(new import_react_native8.Animated.Value(0)).current;
+  const [step, setStep] = (0, import_react23.useState)(0);
+  const [avatarSeed, setAvatarSeed] = (0, import_react23.useState)(generateSeed);
+  const [avatarStyle, setAvatarStyle] = (0, import_react23.useState)("adventurer");
+  const [avatarBg, setAvatarBg] = (0, import_react23.useState)("1a1a2e");
+  const [showStyles, setShowStyles] = (0, import_react23.useState)(false);
+  const [username, setUsername] = (0, import_react23.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react23.useState)("");
+  const [checking, setChecking] = (0, import_react23.useState)(false);
+  const [availability, setAvailability] = (0, import_react23.useState)(null);
+  const debounceRef = (0, import_react23.useRef)(null);
+  const fadeAnim = (0, import_react23.useRef)(new import_react_native8.Animated.Value(1)).current;
+  const slideAnim = (0, import_react23.useRef)(new import_react_native8.Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed, avatarBg);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -3201,7 +3287,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = (0, import_react22.useCallback)((newStep) => {
+  const animateToStep = (0, import_react23.useCallback)((newStep) => {
     const dir = newStep > step ? 1 : -1;
     import_react_native8.Keyboard.dismiss();
     import_react_native8.Animated.parallel([
@@ -3440,8 +3526,8 @@ function DefaultRegistrationScreen({
 }
 function PushTokenRestorer() {
   const push = usePushNotifications();
-  const restored = (0, import_react22.useRef)(false);
-  (0, import_react22.useEffect)(() => {
+  const restored = (0, import_react23.useRef)(false);
+  (0, import_react23.useEffect)(() => {
     if (restored.current) return;
     restored.current = true;
     push.restoreIfGranted();
@@ -3456,9 +3542,9 @@ function PushSetupScreen({
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
   const push = usePushNotifications();
-  const fadeAnim = (0, import_react22.useRef)(new import_react_native8.Animated.Value(0)).current;
-  const slideAnim = (0, import_react22.useRef)(new import_react_native8.Animated.Value(30)).current;
-  (0, import_react22.useEffect)(() => {
+  const fadeAnim = (0, import_react23.useRef)(new import_react_native8.Animated.Value(0)).current;
+  const slideAnim = (0, import_react23.useRef)(new import_react_native8.Animated.Value(30)).current;
+  (0, import_react23.useEffect)(() => {
     import_react_native8.Animated.parallel([
       import_react_native8.Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
       import_react_native8.Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
@@ -3594,7 +3680,7 @@ var s = import_react_native8.StyleSheet.create({
 
 // src/provider.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var DubsContext = (0, import_react23.createContext)(null);
+var DubsContext = (0, import_react24.createContext)(null);
 function DubsProvider({
   apiKey,
   children,
@@ -3616,11 +3702,11 @@ function DubsProvider({
   const config = NETWORK_CONFIG[network];
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
-  const client = (0, import_react23.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const storage = (0, import_react23.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = (0, import_react23.useState)(null);
-  const [resolvedNetwork, setResolvedNetwork] = (0, import_react23.useState)(network);
-  (0, import_react23.useEffect)(() => {
+  const client = (0, import_react24.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const storage = (0, import_react24.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = (0, import_react24.useState)(null);
+  const [resolvedNetwork, setResolvedNetwork] = (0, import_react24.useState)(network);
+  (0, import_react24.useEffect)(() => {
     client.getAppConfig().then((cfg) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(cfg));
       setUiConfig(cfg);
@@ -3636,7 +3722,7 @@ function DubsProvider({
   const resolvedConfig = NETWORK_CONFIG[resolvedNetwork];
   const resolvedRpcUrl = rpcUrlOverride || resolvedConfig.rpcUrl;
   const cluster = resolvedConfig.cluster;
-  const connection = (0, import_react23.useMemo)(() => new import_web34.Connection(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
+  const connection = (0, import_react24.useMemo)(() => new import_web34.Connection(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
   if (uiConfig === null) return null;
   const themeOverrides = {};
   if (uiConfig.accentColor) {
@@ -3712,11 +3798,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = (0, import_react23.useCallback)(async () => {
+  const disconnect = (0, import_react24.useCallback)(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = (0, import_react23.useMemo)(
+  const value = (0, import_react24.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -3753,13 +3839,13 @@ function ExternalWalletProvider({
   pushEnabled,
   children
 }) {
-  const disconnect = (0, import_react23.useCallback)(async () => {
+  const disconnect = (0, import_react24.useCallback)(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = (0, import_react23.useMemo)(
+  const value = (0, import_react24.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -3784,19 +3870,19 @@ function ExternalWalletProvider({
   ) });
 }
 function useDubs() {
-  const ctx = (0, import_react23.useContext)(DubsContext);
+  const ctx = (0, import_react24.useContext)(DubsContext);
   if (!ctx) {
     throw new Error("useDubs must be used within a <DubsProvider>");
   }
   return ctx;
 }
 function useAppConfig() {
-  const ctx = (0, import_react23.useContext)(DubsContext);
+  const ctx = (0, import_react24.useContext)(DubsContext);
   return ctx?.uiConfig || {};
 }
 
 // src/ui/UserProfileCard.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_react_native9 = require("react-native");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
@@ -3816,7 +3902,7 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react24.useMemo)(
+  const imageUri = (0, import_react25.useMemo)(
     () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
@@ -4009,7 +4095,7 @@ var styles4 = import_react_native10.StyleSheet.create({
 });
 
 // src/ui/UserProfileSheet.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_react_native11 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function truncateAddress3(address, chars = 4) {
@@ -4027,31 +4113,31 @@ function UserProfileSheet({
   const { client } = useDubs();
   const { refreshUser } = useAuth();
   const push = usePushNotifications();
-  const overlayOpacity = (0, import_react25.useRef)(new import_react_native11.Animated.Value(0)).current;
-  const parsed = (0, import_react25.useMemo)(() => parseAvatarUrl(user.avatar), [user.avatar]);
-  const [avatarStyle, setAvatarStyle] = (0, import_react25.useState)(parsed.style);
-  const [avatarSeed, setAvatarSeed] = (0, import_react25.useState)(parsed.seed);
-  const [bgColor, setBgColor] = (0, import_react25.useState)(parsed.bg);
-  const [saving, setSaving] = (0, import_react25.useState)(false);
-  const [error, setError] = (0, import_react25.useState)(null);
-  (0, import_react25.useEffect)(() => {
+  const overlayOpacity = (0, import_react26.useRef)(new import_react_native11.Animated.Value(0)).current;
+  const parsed = (0, import_react26.useMemo)(() => parseAvatarUrl(user.avatar), [user.avatar]);
+  const [avatarStyle, setAvatarStyle] = (0, import_react26.useState)(parsed.style);
+  const [avatarSeed, setAvatarSeed] = (0, import_react26.useState)(parsed.seed);
+  const [bgColor, setBgColor] = (0, import_react26.useState)(parsed.bg);
+  const [saving, setSaving] = (0, import_react26.useState)(false);
+  const [error, setError] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
     setBgColor(p.bg);
   }, [user.avatar]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     import_react_native11.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (visible) setError(null);
   }, [visible]);
   const currentAvatarUrl = getAvatarUrl(avatarStyle, avatarSeed, bgColor);
-  const saveAvatar = (0, import_react25.useCallback)(async (newUrl) => {
+  const saveAvatar = (0, import_react26.useCallback)(async (newUrl) => {
     setSaving(true);
     setError(null);
     try {
@@ -4064,16 +4150,16 @@ function UserProfileSheet({
       setSaving(false);
     }
   }, [client, refreshUser, onAvatarUpdated]);
-  const handleStyleChange = (0, import_react25.useCallback)((style) => {
+  const handleStyleChange = (0, import_react26.useCallback)((style) => {
     setAvatarStyle(style);
     saveAvatar(getAvatarUrl(style, avatarSeed, bgColor));
   }, [avatarSeed, bgColor, saveAvatar]);
-  const handleShuffle = (0, import_react25.useCallback)(() => {
+  const handleShuffle = (0, import_react26.useCallback)(() => {
     const newSeed = generateSeed();
     setAvatarSeed(newSeed);
     saveAvatar(getAvatarUrl(avatarStyle, newSeed, bgColor));
   }, [avatarStyle, bgColor, saveAvatar]);
-  const handleBgChange = (0, import_react25.useCallback)((color) => {
+  const handleBgChange = (0, import_react26.useCallback)((color) => {
     setBgColor(color);
     saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
   }, [avatarStyle, avatarSeed, saveAvatar]);
@@ -4353,7 +4439,7 @@ var styles5 = import_react_native11.StyleSheet.create({
 });
 
 // src/ui/game/GamePoster.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_react_native12 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function computeCountdown(lockTimestamp) {
@@ -4403,7 +4489,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = (0, import_react26.useState)(false);
+  const [failed, setFailed] = (0, import_react27.useState)(false);
   if (!url || failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.View, { style: [styles6.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -4504,7 +4590,7 @@ var styles6 = import_react_native12.StyleSheet.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_react_native13 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function LivePoolsCard({
@@ -4520,7 +4606,7 @@ function LivePoolsCard({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const totalPool = game.totalPool || 0;
-  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react27.useMemo)(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react28.useMemo)(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -4583,7 +4669,7 @@ var styles7 = import_react_native13.StyleSheet.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_react_native14 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function PickWinnerCard({
@@ -4601,7 +4687,7 @@ function PickWinnerCard({
   const totalPool = game.totalPool || 0;
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react28.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react29.useMemo)(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -4654,7 +4740,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react28.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react29.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
@@ -4695,7 +4781,7 @@ var styles8 = import_react_native14.StyleSheet.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_react_native15 = require("react-native");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function truncateWallet(addr, chars) {
@@ -4744,7 +4830,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react29.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react30.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: [styles9.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -4771,7 +4857,7 @@ var styles9 = import_react_native15.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_react_native16 = require("react-native");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var STATUS_LABELS = {
@@ -4782,7 +4868,7 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = (0, import_react30.useMemo)(() => {
+  const alreadyJoined = (0, import_react31.useMemo)(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
@@ -4823,7 +4909,7 @@ var styles10 = import_react_native16.StyleSheet.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_native17 = require("react-native");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var STATUS_LABELS2 = {
@@ -4849,18 +4935,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = (0, import_react31.useState)(null);
-  const [customAmount, setCustomAmount] = (0, import_react31.useState)("");
-  const [isCustom, setIsCustom] = (0, import_react31.useState)(false);
-  const overlayOpacity = (0, import_react31.useRef)(new import_react_native17.Animated.Value(0)).current;
-  (0, import_react31.useEffect)(() => {
+  const [selectedAmount, setSelectedAmount] = (0, import_react32.useState)(null);
+  const [customAmount, setCustomAmount] = (0, import_react32.useState)("");
+  const [isCustom, setIsCustom] = (0, import_react32.useState)(false);
+  const overlayOpacity = (0, import_react32.useRef)(new import_react_native17.Animated.Value(0)).current;
+  (0, import_react32.useEffect)(() => {
     import_react_native17.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -4868,7 +4954,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4877,23 +4963,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = (0, import_react31.useCallback)((amount) => {
+  const handlePresetSelect = (0, import_react32.useCallback)((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = (0, import_react31.useCallback)(() => {
+  const handleCustomSelect = (0, import_react32.useCallback)(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = (0, import_react31.useCallback)((text) => {
+  const handleCustomAmountChange = (0, import_react32.useCallback)((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -4908,7 +4994,7 @@ function CreateCustomGameSheet({
   const winnerTakes = pot * (1 - fee / 100);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canCreate = finalAmount !== null && finalAmount > 0 && !isMutating && mutation.status !== "success";
-  const handleCreate = (0, import_react31.useCallback)(async () => {
+  const handleCreate = (0, import_react32.useCallback)(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5177,7 +5263,7 @@ var styles11 = import_react_native17.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_react_native18 = require("react-native");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var STATUS_LABELS3 = {
@@ -5203,22 +5289,22 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = (0, import_react32.useState)(null);
-  const overlayOpacity = (0, import_react32.useRef)(new import_react_native18.Animated.Value(0)).current;
-  (0, import_react32.useEffect)(() => {
+  const [selectedTeam, setSelectedTeam] = (0, import_react33.useState)(null);
+  const overlayOpacity = (0, import_react33.useRef)(new import_react_native18.Animated.Value(0)).current;
+  (0, import_react33.useEffect)(() => {
     import_react_native18.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -5227,7 +5313,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5238,7 +5324,7 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react32.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react33.useMemo)(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -5250,14 +5336,14 @@ function JoinGameSheet({
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
-  const alreadyJoined = (0, import_react32.useMemo)(() => {
+  const alreadyJoined = (0, import_react33.useMemo)(() => {
     if (!wallet.publicKey) return false;
     const addr = wallet.publicKey.toBase58();
     return bettors.some((b) => b.wallet === addr);
   }, [bettors, wallet.publicKey]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = (0, import_react32.useCallback)(async () => {
+  const handleJoin = (0, import_react33.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5401,7 +5487,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react32.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react33.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
@@ -5578,7 +5664,7 @@ var styles12 = import_react_native18.StyleSheet.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_react_native19 = require("react-native");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var STATUS_LABELS4 = {
@@ -5599,18 +5685,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = (0, import_react33.useRef)(new import_react_native19.Animated.Value(0)).current;
-  const celebrationScale = (0, import_react33.useRef)(new import_react_native19.Animated.Value(0)).current;
-  const celebrationOpacity = (0, import_react33.useRef)(new import_react_native19.Animated.Value(0)).current;
-  const [showCelebration, setShowCelebration] = (0, import_react33.useState)(false);
-  (0, import_react33.useEffect)(() => {
+  const overlayOpacity = (0, import_react34.useRef)(new import_react_native19.Animated.Value(0)).current;
+  const celebrationScale = (0, import_react34.useRef)(new import_react_native19.Animated.Value(0)).current;
+  const celebrationOpacity = (0, import_react34.useRef)(new import_react_native19.Animated.Value(0)).current;
+  const [showCelebration, setShowCelebration] = (0, import_react34.useState)(false);
+  (0, import_react34.useEffect)(() => {
     import_react_native19.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -5618,7 +5704,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       import_react_native19.Animated.parallel([
@@ -5641,14 +5727,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canClaim = !isMutating && mutation.status !== "success" && !!wallet.publicKey;
-  const handleClaim = (0, import_react33.useCallback)(async () => {
+  const handleClaim = (0, import_react34.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5881,7 +5967,7 @@ var styles13 = import_react_native19.StyleSheet.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_native20 = require("react-native");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function ClaimButton({ gameId, style, onSuccess, onError }) {
@@ -5889,9 +5975,9 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = (0, import_react34.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react35.useState)(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = (0, import_react34.useMemo)(() => {
+  const myBet = (0, import_react35.useMemo)(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -5900,7 +5986,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const isWinner = isResolved && myBet != null && myBet.team === game.data?.winnerSide;
   const isEligible = myBet != null && isResolved && (isWinner || isRefund);
   const prizeAmount = isRefund ? myBet?.amount ?? 0 : game.data?.totalPool ?? 0;
-  const handleSuccess = (0, import_react34.useCallback)(
+  const handleSuccess = (0, import_react35.useCallback)(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -5987,7 +6073,7 @@ var styles14 = import_react_native20.StyleSheet.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_native21 = require("react-native");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var STATUS_LABELS5 = {
@@ -6008,20 +6094,20 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
-  (0, import_react35.useEffect)(() => {
+  const overlayOpacity = (0, import_react36.useRef)(new import_react_native21.Animated.Value(0)).current;
+  (0, import_react36.useEffect)(() => {
     import_react_native21.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (visible) {
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -6030,7 +6116,7 @@ function EnterArcadePoolSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -6041,7 +6127,7 @@ function EnterArcadePoolSheet({
   const potSol = (pool.buy_in_lamports * Number(totalPlayers) / 1e9).toFixed(4);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = !isMutating && mutation.status !== "success";
-  const handleJoin = (0, import_react35.useCallback)(async () => {
+  const handleJoin = (0, import_react36.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -6192,7 +6278,7 @@ var styles15 = import_react_native21.StyleSheet.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_react_native22 = require("react-native");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function RankLabel({ index }) {
@@ -6209,15 +6295,15 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  const overlayOpacity = (0, import_react36.useRef)(new import_react_native22.Animated.Value(0)).current;
-  (0, import_react36.useEffect)(() => {
+  const overlayOpacity = (0, import_react37.useRef)(new import_react_native22.Animated.Value(0)).current;
+  (0, import_react37.useEffect)(() => {
     import_react_native22.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (visible) refetch();
   }, [visible]);
   const renderItem = ({ item, index }) => {
@@ -6398,6 +6484,7 @@ var styles16 = import_react_native22.StyleSheet.create({
   parseSolanaError,
   signAndSendBase64Transaction,
   useAppConfig,
+  useArcadeBridge,
   useArcadeCountdown,
   useArcadeGame,
   useArcadePool,