@dubsdotapp/expo 0.3.8 → 0.4.0

package/dist/index.mjs

@@ -636,7 +636,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo as useMemo3, useCallback as useCallback19, useState as useState20, useEffect as useEffect13 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo as useMemo3, useCallback as useCallback20, useState as useState22, useEffect as useEffect14 } from "react";
 
 // src/ui/theme.ts
 import { createContext, useContext } from "react";
@@ -1701,7 +1701,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-import React2, { useState as useState19, useEffect as useEffect12, useRef as useRef4, useCallback as useCallback18 } from "react";
+import React2, { useState as useState21, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback19 } from "react";
 import {
   View as View3,
   Text as Text3,
@@ -2736,6 +2736,135 @@ function useEnterArcadePool() {
   return { execute, status, error, data, reset };
 }
 
+// src/hooks/useArcadeCountdown.ts
+import { useState as useState19, useEffect as useEffect12, useRef as useRef4 } from "react";
+function formatCountdown(ms) {
+  if (ms <= 0) return "Ended";
+  const s2 = Math.floor(ms / 1e3);
+  const m = Math.floor(s2 / 60);
+  const h = Math.floor(m / 60);
+  const d = Math.floor(h / 24);
+  if (d > 0) return `${d}d ${h % 24}h ${m % 60}m`;
+  if (h > 0) return `${h}h ${m % 60}m ${s2 % 60}s`;
+  if (m > 0) return `${m}m ${s2 % 60}s`;
+  return `${s2}s`;
+}
+function useArcadeCountdown(nextResolution) {
+  const [now, setNow] = useState19(Date.now());
+  const intervalRef = useRef4(null);
+  useEffect12(() => {
+    if (!nextResolution) return;
+    intervalRef.current = setInterval(() => setNow(Date.now()), 1e3);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [nextResolution]);
+  if (!nextResolution) {
+    return { totalMs: 0, days: 0, hours: 0, minutes: 0, seconds: 0, formatted: "--", isExpired: false };
+  }
+  const target = new Date(nextResolution).getTime();
+  const totalMs = Math.max(0, target - now);
+  const totalSec = Math.floor(totalMs / 1e3);
+  const days = Math.floor(totalSec / 86400);
+  const hours = Math.floor(totalSec % 86400 / 3600);
+  const minutes = Math.floor(totalSec % 3600 / 60);
+  const seconds = totalSec % 60;
+  return {
+    totalMs,
+    days,
+    hours,
+    minutes,
+    seconds,
+    formatted: formatCountdown(totalMs),
+    isExpired: totalMs <= 0
+  };
+}
+
+// src/hooks/useArcadeBridge.ts
+import { useRef as useRef5, useState as useState20, useCallback as useCallback18 } from "react";
+var PROTOCOL_VERSION = "1.0";
+function useArcadeBridge({
+  canPlay,
+  startAttempt,
+  submitScore,
+  onScoreSubmitted,
+  onError
+}) {
+  const webviewRef = useRef5(null);
+  const sessionTokenRef = useRef5(null);
+  const gameStartTimeRef = useRef5(0);
+  const [lastResult, setLastResult] = useState20(null);
+  const [bridgeLoading, setBridgeLoading] = useState20(false);
+  const injectSession = useCallback18((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 = useCallback18(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 = useCallback18(
+    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
 import {
   View as View2,
@@ -2903,11 +3032,11 @@ function AuthGate({
 }) {
   const { client, pushEnabled } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = useState19("init");
-  const [registrationPhase, setRegistrationPhase] = useState19(false);
-  const [showPushSetup, setShowPushSetup] = useState19(false);
-  const [isRestoredSession, setIsRestoredSession] = useState19(false);
-  useEffect12(() => {
+  const [phase, setPhase] = useState21("init");
+  const [registrationPhase, setRegistrationPhase] = useState21(false);
+  const [showPushSetup, setShowPushSetup] = useState21(false);
+  const [isRestoredSession, setIsRestoredSession] = useState21(false);
+  useEffect13(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -2934,23 +3063,23 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (pushEnabled && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
   }, [pushEnabled, auth.status, registrationPhase, isRestoredSession]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = useCallback18(() => {
+  const retry = useCallback19(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = useCallback18(
+  const handleRegister = useCallback19(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -3066,20 +3195,20 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = useState19(0);
-  const [avatarSeed, setAvatarSeed] = useState19(generateSeed);
-  const [avatarStyle, setAvatarStyle] = useState19("adventurer");
-  const [avatarBg, setAvatarBg] = useState19("1a1a2e");
-  const [showStyles, setShowStyles] = useState19(false);
-  const [username, setUsername] = useState19("");
-  const [referralCode, setReferralCode] = useState19("");
-  const [checking, setChecking] = useState19(false);
-  const [availability, setAvailability] = useState19(null);
-  const debounceRef = useRef4(null);
-  const fadeAnim = useRef4(new Animated.Value(1)).current;
-  const slideAnim = useRef4(new Animated.Value(0)).current;
+  const [step, setStep] = useState21(0);
+  const [avatarSeed, setAvatarSeed] = useState21(generateSeed);
+  const [avatarStyle, setAvatarStyle] = useState21("adventurer");
+  const [avatarBg, setAvatarBg] = useState21("1a1a2e");
+  const [showStyles, setShowStyles] = useState21(false);
+  const [username, setUsername] = useState21("");
+  const [referralCode, setReferralCode] = useState21("");
+  const [checking, setChecking] = useState21(false);
+  const [availability, setAvailability] = useState21(null);
+  const debounceRef = useRef6(null);
+  const fadeAnim = useRef6(new Animated.Value(1)).current;
+  const slideAnim = useRef6(new Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed, avatarBg);
-  useEffect12(() => {
+  useEffect13(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -3102,7 +3231,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = useCallback18((newStep) => {
+  const animateToStep = useCallback19((newStep) => {
     const dir = newStep > step ? 1 : -1;
     Keyboard.dismiss();
     Animated.parallel([
@@ -3341,8 +3470,8 @@ function DefaultRegistrationScreen({
 }
 function PushTokenRestorer() {
   const push = usePushNotifications();
-  const restored = useRef4(false);
-  useEffect12(() => {
+  const restored = useRef6(false);
+  useEffect13(() => {
     if (restored.current) return;
     restored.current = true;
     push.restoreIfGranted();
@@ -3357,9 +3486,9 @@ function PushSetupScreen({
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
   const push = usePushNotifications();
-  const fadeAnim = useRef4(new Animated.Value(0)).current;
-  const slideAnim = useRef4(new Animated.Value(30)).current;
-  useEffect12(() => {
+  const fadeAnim = useRef6(new Animated.Value(0)).current;
+  const slideAnim = useRef6(new Animated.Value(30)).current;
+  useEffect13(() => {
     Animated.parallel([
       Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
       Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
@@ -3519,9 +3648,9 @@ function DubsProvider({
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
   const client = useMemo3(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
   const storage = useMemo3(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = useState20(null);
-  const [resolvedNetwork, setResolvedNetwork] = useState20(network);
-  useEffect13(() => {
+  const [uiConfig, setUiConfig] = useState22(null);
+  const [resolvedNetwork, setResolvedNetwork] = useState22(network);
+  useEffect14(() => {
     client.getAppConfig().then((cfg) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(cfg));
       setUiConfig(cfg);
@@ -3613,7 +3742,7 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = useCallback19(async () => {
+  const disconnect = useCallback20(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
@@ -3654,7 +3783,7 @@ function ExternalWalletProvider({
   pushEnabled,
   children
 }) {
-  const disconnect = useCallback19(async () => {
+  const disconnect = useCallback20(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
@@ -3917,7 +4046,7 @@ var styles4 = StyleSheet5.create({
 });
 
 // src/ui/UserProfileSheet.tsx
-import { useState as useState21, useEffect as useEffect14, useRef as useRef5, useCallback as useCallback20, useMemo as useMemo5 } from "react";
+import { useState as useState23, useEffect as useEffect15, useRef as useRef7, useCallback as useCallback21, useMemo as useMemo5 } from "react";
 import {
   View as View6,
   Text as Text6,
@@ -3948,31 +4077,31 @@ function UserProfileSheet({
   const { client } = useDubs();
   const { refreshUser } = useAuth();
   const push = usePushNotifications();
-  const overlayOpacity = useRef5(new Animated2.Value(0)).current;
+  const overlayOpacity = useRef7(new Animated2.Value(0)).current;
   const parsed = useMemo5(() => parseAvatarUrl(user.avatar), [user.avatar]);
-  const [avatarStyle, setAvatarStyle] = useState21(parsed.style);
-  const [avatarSeed, setAvatarSeed] = useState21(parsed.seed);
-  const [bgColor, setBgColor] = useState21(parsed.bg);
-  const [saving, setSaving] = useState21(false);
-  const [error, setError] = useState21(null);
-  useEffect14(() => {
+  const [avatarStyle, setAvatarStyle] = useState23(parsed.style);
+  const [avatarSeed, setAvatarSeed] = useState23(parsed.seed);
+  const [bgColor, setBgColor] = useState23(parsed.bg);
+  const [saving, setSaving] = useState23(false);
+  const [error, setError] = useState23(null);
+  useEffect15(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
     setBgColor(p.bg);
   }, [user.avatar]);
-  useEffect14(() => {
+  useEffect15(() => {
     Animated2.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (visible) setError(null);
   }, [visible]);
   const currentAvatarUrl = getAvatarUrl(avatarStyle, avatarSeed, bgColor);
-  const saveAvatar = useCallback20(async (newUrl) => {
+  const saveAvatar = useCallback21(async (newUrl) => {
     setSaving(true);
     setError(null);
     try {
@@ -3985,16 +4114,16 @@ function UserProfileSheet({
       setSaving(false);
     }
   }, [client, refreshUser, onAvatarUpdated]);
-  const handleStyleChange = useCallback20((style) => {
+  const handleStyleChange = useCallback21((style) => {
     setAvatarStyle(style);
     saveAvatar(getAvatarUrl(style, avatarSeed, bgColor));
   }, [avatarSeed, bgColor, saveAvatar]);
-  const handleShuffle = useCallback20(() => {
+  const handleShuffle = useCallback21(() => {
     const newSeed = generateSeed();
     setAvatarSeed(newSeed);
     saveAvatar(getAvatarUrl(avatarStyle, newSeed, bgColor));
   }, [avatarStyle, bgColor, saveAvatar]);
-  const handleBgChange = useCallback20((color) => {
+  const handleBgChange = useCallback21((color) => {
     setBgColor(color);
     saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
   }, [avatarStyle, avatarSeed, saveAvatar]);
@@ -4274,7 +4403,7 @@ var styles5 = StyleSheet6.create({
 });
 
 // src/ui/game/GamePoster.tsx
-import { useState as useState22 } from "react";
+import { useState as useState24 } from "react";
 import { StyleSheet as StyleSheet7, View as View7, Text as Text7 } from "react-native";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
@@ -4324,7 +4453,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = useState22(false);
+  const [failed, setFailed] = useState24(false);
   if (!url || failed) {
     return /* @__PURE__ */ jsx9(View7, { style: [styles6.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -4504,7 +4633,7 @@ var styles7 = StyleSheet8.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-import { useState as useState23, useMemo as useMemo7 } from "react";
+import { useState as useState25, useMemo as useMemo7 } from "react";
 import { StyleSheet as StyleSheet9, View as View9, Text as Text9, TouchableOpacity as TouchableOpacity6 } from "react-native";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function PickWinnerCard({
@@ -4575,7 +4704,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState23(false);
+  const [imgFailed, setImgFailed] = useState25(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs9(
@@ -4616,7 +4745,7 @@ var styles8 = StyleSheet9.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-import { useState as useState24 } from "react";
+import { useState as useState26 } from "react";
 import { StyleSheet as StyleSheet10, View as View10, Text as Text10 } from "react-native";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function truncateWallet(addr, chars) {
@@ -4665,7 +4794,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState24(false);
+  const [imgFailed, setImgFailed] = useState26(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ jsxs10(View10, { style: [styles9.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -4744,7 +4873,7 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-import { useState as useState25, useEffect as useEffect15, useRef as useRef6, useCallback as useCallback21 } from "react";
+import { useState as useState27, useEffect as useEffect16, useRef as useRef8, useCallback as useCallback22 } from "react";
 import {
   View as View12,
   Text as Text12,
@@ -4781,18 +4910,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = useState25(null);
-  const [customAmount, setCustomAmount] = useState25("");
-  const [isCustom, setIsCustom] = useState25(false);
-  const overlayOpacity = useRef6(new Animated3.Value(0)).current;
-  useEffect15(() => {
+  const [selectedAmount, setSelectedAmount] = useState27(null);
+  const [customAmount, setCustomAmount] = useState27("");
+  const [isCustom, setIsCustom] = useState27(false);
+  const overlayOpacity = useRef8(new Animated3.Value(0)).current;
+  useEffect16(() => {
     Animated3.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -4800,7 +4929,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4809,23 +4938,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = useCallback21((amount) => {
+  const handlePresetSelect = useCallback22((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = useCallback21(() => {
+  const handleCustomSelect = useCallback22(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = useCallback21((text) => {
+  const handleCustomAmountChange = useCallback22((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -4840,7 +4969,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 = useCallback21(async () => {
+  const handleCreate = useCallback22(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5109,7 +5238,7 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-import { useState as useState26, useEffect as useEffect16, useRef as useRef7, useCallback as useCallback22, useMemo as useMemo9 } from "react";
+import { useState as useState28, useEffect as useEffect17, useRef as useRef9, useCallback as useCallback23, useMemo as useMemo9 } from "react";
 import {
   View as View13,
   Text as Text13,
@@ -5145,22 +5274,22 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = useState26(null);
-  const overlayOpacity = useRef7(new Animated4.Value(0)).current;
-  useEffect16(() => {
+  const [selectedTeam, setSelectedTeam] = useState28(null);
+  const overlayOpacity = useRef9(new Animated4.Value(0)).current;
+  useEffect17(() => {
     Animated4.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -5169,7 +5298,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5199,7 +5328,7 @@ function JoinGameSheet({
   }, [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 = useCallback22(async () => {
+  const handleJoin = useCallback23(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5343,7 +5472,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = useState26(false);
+  const [imgFailed, setImgFailed] = useState28(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ jsxs13(
@@ -5520,7 +5649,7 @@ var styles12 = StyleSheet13.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-import { useState as useState27, useEffect as useEffect17, useRef as useRef8, useCallback as useCallback23 } from "react";
+import { useState as useState29, useEffect as useEffect18, useRef as useRef10, useCallback as useCallback24 } from "react";
 import {
   View as View14,
   Text as Text14,
@@ -5551,18 +5680,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = useRef8(new Animated5.Value(0)).current;
-  const celebrationScale = useRef8(new Animated5.Value(0)).current;
-  const celebrationOpacity = useRef8(new Animated5.Value(0)).current;
-  const [showCelebration, setShowCelebration] = useState27(false);
-  useEffect17(() => {
+  const overlayOpacity = useRef10(new Animated5.Value(0)).current;
+  const celebrationScale = useRef10(new Animated5.Value(0)).current;
+  const celebrationOpacity = useRef10(new Animated5.Value(0)).current;
+  const [showCelebration, setShowCelebration] = useState29(false);
+  useEffect18(() => {
     Animated5.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -5570,7 +5699,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       Animated5.parallel([
@@ -5593,14 +5722,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect17(() => {
+  useEffect18(() => {
     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 = useCallback23(async () => {
+  const handleClaim = useCallback24(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5833,7 +5962,7 @@ var styles13 = StyleSheet14.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-import { useState as useState28, useMemo as useMemo10, useCallback as useCallback24 } from "react";
+import { useState as useState30, useMemo as useMemo10, useCallback as useCallback25 } from "react";
 import { StyleSheet as StyleSheet15, Text as Text15, TouchableOpacity as TouchableOpacity11 } from "react-native";
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
@@ -5841,7 +5970,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = useState28(false);
+  const [sheetVisible, setSheetVisible] = useState30(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
   const myBet = useMemo10(() => {
     if (!walletAddress || !game.data?.bettors) return null;
@@ -5852,7 +5981,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 = useCallback24(
+  const handleSuccess = useCallback25(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -5939,7 +6068,7 @@ var styles14 = StyleSheet15.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.tsx
-import { useEffect as useEffect18, useRef as useRef9, useCallback as useCallback25 } from "react";
+import { useEffect as useEffect19, useRef as useRef11, useCallback as useCallback26 } from "react";
 import {
   View as View15,
   Text as Text16,
@@ -5970,20 +6099,20 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = useRef9(new Animated6.Value(0)).current;
-  useEffect18(() => {
+  const overlayOpacity = useRef11(new Animated6.Value(0)).current;
+  useEffect19(() => {
     Animated6.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (visible) {
       mutation.reset();
     }
   }, [visible]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -5992,7 +6121,7 @@ function EnterArcadePoolSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -6003,7 +6132,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 = useCallback25(async () => {
+  const handleJoin = useCallback26(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -6154,7 +6283,7 @@ var styles15 = StyleSheet16.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.tsx
-import { useEffect as useEffect19, useRef as useRef10 } from "react";
+import { useEffect as useEffect20, useRef as useRef12 } from "react";
 import {
   View as View16,
   Text as Text17,
@@ -6182,15 +6311,15 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  const overlayOpacity = useRef10(new Animated7.Value(0)).current;
-  useEffect19(() => {
+  const overlayOpacity = useRef12(new Animated7.Value(0)).current;
+  useEffect20(() => {
     Animated7.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (visible) refetch();
   }, [visible]);
   const renderItem = ({ item, index }) => {
@@ -6370,6 +6499,8 @@ export {
   parseSolanaError,
   signAndSendBase64Transaction,
   useAppConfig,
+  useArcadeBridge,
+  useArcadeCountdown,
   useArcadeGame,
   useArcadePool,
   useArcadePools,