@dubsdotapp/expo 0.5.30 → 0.5.32

package/dist/index.js

@@ -86,6 +86,7 @@ __export(index_exports, {
   useConversations: () => useConversations,
   useCreateCustomGame: () => useCreateCustomGame,
   useCreateGame: () => useCreateGame,
+  useCredits: () => useCredits,
   useDirectMessages: () => useDirectMessages,
   useDubs: () => useDubs,
   useDubsTheme: () => useDubsTheme,
@@ -715,6 +716,16 @@ var DubsClient = class {
     );
     return { round: res.round, lastWinner: res.lastWinner };
   }
+  /**
+   * List the authenticated user's active promo credits — codes that
+   * have been reserved to them but not yet used in a game. Includes
+   * streak-milestone unlocks (auto-minted at each 1000-dub crossing)
+   * and any manually-reserved Twitter giveaway codes.
+   */
+  async getCredits() {
+    const res = await this.request("GET", "/me/credits");
+    return { credits: res.credits, totalLamports: res.totalLamports, totalSOL: res.totalSOL };
+  }
   /** Get current round entries with odds */
   async getJackpotEntries() {
     const res = await this.request(
@@ -936,7 +947,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/ui/theme.ts
 var import_react = require("react");
@@ -1994,7 +2005,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-var import_react28 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var import_react_native8 = require("react-native");
 
 // src/hooks/useEvents.ts
@@ -3351,6 +3362,35 @@ function useEnterJackpot() {
   return { execute, status, error, data, reset };
 }
 
+// src/hooks/useCredits.ts
+var import_react28 = require("react");
+function useCredits() {
+  const { client } = useDubs();
+  const [credits, setCredits] = (0, import_react28.useState)([]);
+  const [totalLamports, setTotalLamports] = (0, import_react28.useState)(0);
+  const [totalSOL, setTotalSOL] = (0, import_react28.useState)(0);
+  const [loading, setLoading] = (0, import_react28.useState)(false);
+  const [error, setError] = (0, import_react28.useState)(null);
+  const fetch2 = (0, import_react28.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await client.getCredits();
+      setCredits(result.credits);
+      setTotalLamports(result.totalLamports);
+      setTotalSOL(result.totalSOL);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  (0, import_react28.useEffect)(() => {
+    fetch2();
+  }, [fetch2]);
+  return { credits, totalLamports, totalSOL, loading, error, refetch: fetch2 };
+}
+
 // src/ui/AvatarEditor.tsx
 var import_react_native7 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -3512,11 +3552,11 @@ function AuthGate({
 }) {
   const { client, pushEnabled, uiConfig } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = (0, import_react28.useState)("init");
-  const [registrationPhase, setRegistrationPhase] = (0, import_react28.useState)(false);
-  const [showPushSetup, setShowPushSetup] = (0, import_react28.useState)(false);
-  const [isRestoredSession, setIsRestoredSession] = (0, import_react28.useState)(false);
-  (0, import_react28.useEffect)(() => {
+  const [phase, setPhase] = (0, import_react29.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react29.useState)(false);
+  const [showPushSetup, setShowPushSetup] = (0, import_react29.useState)(false);
+  const [isRestoredSession, setIsRestoredSession] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -3543,23 +3583,23 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (pushEnabled && uiConfig.pushConfigured?.android && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
   }, [pushEnabled, uiConfig.pushConfigured?.android, auth.status, registrationPhase, isRestoredSession]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = (0, import_react28.useCallback)(() => {
+  const retry = (0, import_react29.useCallback)(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = (0, import_react28.useCallback)(
+  const handleRegister = (0, import_react29.useCallback)(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -3652,7 +3692,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_react28.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_react29.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,
@@ -3679,20 +3719,20 @@ function DefaultRegistrationScreen({
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
   const push = usePushNotifications();
-  const [step, setStep] = (0, import_react28.useState)(0);
-  const [avatarSeed, setAvatarSeed] = (0, import_react28.useState)(generateSeed);
-  const [avatarStyle, setAvatarStyle] = (0, import_react28.useState)("adventurer");
-  const [avatarBg, setAvatarBg] = (0, import_react28.useState)("1a1a2e");
-  const [showStyles, setShowStyles] = (0, import_react28.useState)(false);
-  const [username, setUsername] = (0, import_react28.useState)("");
-  const [referralCode, setReferralCode] = (0, import_react28.useState)("");
-  const [checking, setChecking] = (0, import_react28.useState)(false);
-  const [availability, setAvailability] = (0, import_react28.useState)(null);
-  const debounceRef = (0, import_react28.useRef)(null);
-  const fadeAnim = (0, import_react28.useRef)(new import_react_native8.Animated.Value(1)).current;
-  const slideAnim = (0, import_react28.useRef)(new import_react_native8.Animated.Value(0)).current;
+  const [step, setStep] = (0, import_react29.useState)(0);
+  const [avatarSeed, setAvatarSeed] = (0, import_react29.useState)(generateSeed);
+  const [avatarStyle, setAvatarStyle] = (0, import_react29.useState)("adventurer");
+  const [avatarBg, setAvatarBg] = (0, import_react29.useState)("1a1a2e");
+  const [showStyles, setShowStyles] = (0, import_react29.useState)(false);
+  const [username, setUsername] = (0, import_react29.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react29.useState)("");
+  const [checking, setChecking] = (0, import_react29.useState)(false);
+  const [availability, setAvailability] = (0, import_react29.useState)(null);
+  const debounceRef = (0, import_react29.useRef)(null);
+  const fadeAnim = (0, import_react29.useRef)(new import_react_native8.Animated.Value(1)).current;
+  const slideAnim = (0, import_react29.useRef)(new import_react_native8.Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed, avatarBg);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -3715,7 +3755,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = (0, import_react28.useCallback)((newStep) => {
+  const animateToStep = (0, import_react29.useCallback)((newStep) => {
     const dir = newStep > step ? 1 : -1;
     import_react_native8.Keyboard.dismiss();
     import_react_native8.Animated.parallel([
@@ -3914,7 +3954,7 @@ function DefaultRegistrationScreen({
       )
     ] })
   ] });
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (pushStepActive && step !== 3) {
       animateToStep(3);
     }
@@ -4008,8 +4048,8 @@ function DefaultRegistrationScreen({
 }
 function PushTokenRestorer() {
   const push = usePushNotifications();
-  const restored = (0, import_react28.useRef)(false);
-  (0, import_react28.useEffect)(() => {
+  const restored = (0, import_react29.useRef)(false);
+  (0, import_react29.useEffect)(() => {
     if (restored.current) return;
     restored.current = true;
     push.restoreIfGranted();
@@ -4091,7 +4131,7 @@ var s = import_react_native8.StyleSheet.create({
 
 // src/provider.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var DubsContext = (0, import_react29.createContext)(null);
+var DubsContext = (0, import_react30.createContext)(null);
 function DubsProvider({
   apiKey,
   children,
@@ -4113,11 +4153,11 @@ function DubsProvider({
   const config = NETWORK_CONFIG[network];
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
-  const client = (0, import_react29.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const storage = (0, import_react29.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = (0, import_react29.useState)(null);
-  const [resolvedNetwork, setResolvedNetwork] = (0, import_react29.useState)(network);
-  (0, import_react29.useEffect)(() => {
+  const client = (0, import_react30.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const storage = (0, import_react30.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = (0, import_react30.useState)(null);
+  const [resolvedNetwork, setResolvedNetwork] = (0, import_react30.useState)(network);
+  (0, import_react30.useEffect)(() => {
     client.getAppConfig().then((cfg) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(cfg));
       setUiConfig(cfg);
@@ -4133,7 +4173,7 @@ function DubsProvider({
   const resolvedConfig = NETWORK_CONFIG[resolvedNetwork];
   const resolvedRpcUrl = rpcUrlOverride || resolvedConfig.rpcUrl;
   const cluster = resolvedConfig.cluster;
-  const connection = (0, import_react29.useMemo)(() => new import_web34.Connection(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
+  const connection = (0, import_react30.useMemo)(() => new import_web34.Connection(resolvedRpcUrl, { commitment: "confirmed" }), [resolvedRpcUrl]);
   if (uiConfig === null) return null;
   const themeOverrides = {};
   if (uiConfig.accentColor) {
@@ -4209,11 +4249,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = (0, import_react29.useCallback)(async () => {
+  const disconnect = (0, import_react30.useCallback)(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = (0, import_react29.useMemo)(
+  const value = (0, import_react30.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -4250,13 +4290,13 @@ function ExternalWalletProvider({
   pushEnabled,
   children
 }) {
-  const disconnect = (0, import_react29.useCallback)(async () => {
+  const disconnect = (0, import_react30.useCallback)(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = (0, import_react29.useMemo)(
+  const value = (0, import_react30.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
@@ -4281,14 +4321,14 @@ function ExternalWalletProvider({
   ) });
 }
 function useDubs() {
-  const ctx = (0, import_react29.useContext)(DubsContext);
+  const ctx = (0, import_react30.useContext)(DubsContext);
   if (!ctx) {
     throw new Error("useDubs must be used within a <DubsProvider>");
   }
   return ctx;
 }
 function useAppConfig() {
-  const ctx = (0, import_react29.useContext)(DubsContext);
+  const ctx = (0, import_react30.useContext)(DubsContext);
   return ctx?.uiConfig || {};
 }
 
@@ -4346,7 +4386,7 @@ var styles3 = import_react_native9.StyleSheet.create({
 });
 
 // src/ui/UserProfileCard.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_react_native10 = require("react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
@@ -4366,7 +4406,7 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react30.useMemo)(
+  const imageUri = (0, import_react31.useMemo)(
     () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
@@ -4559,7 +4599,7 @@ var styles5 = import_react_native11.StyleSheet.create({
 });
 
 // src/ui/UserProfileSheet.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_native12 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function truncateAddress3(address, chars = 4) {
@@ -4577,31 +4617,31 @@ function UserProfileSheet({
   const { client } = useDubs();
   const { refreshUser } = useAuth();
   const push = usePushNotifications();
-  const overlayOpacity = (0, import_react31.useRef)(new import_react_native12.Animated.Value(0)).current;
-  const parsed = (0, import_react31.useMemo)(() => parseAvatarUrl(user.avatar), [user.avatar]);
-  const [avatarStyle, setAvatarStyle] = (0, import_react31.useState)(parsed.style);
-  const [avatarSeed, setAvatarSeed] = (0, import_react31.useState)(parsed.seed);
-  const [bgColor, setBgColor] = (0, import_react31.useState)(parsed.bg);
-  const [saving, setSaving] = (0, import_react31.useState)(false);
-  const [error, setError] = (0, import_react31.useState)(null);
-  (0, import_react31.useEffect)(() => {
+  const overlayOpacity = (0, import_react32.useRef)(new import_react_native12.Animated.Value(0)).current;
+  const parsed = (0, import_react32.useMemo)(() => parseAvatarUrl(user.avatar), [user.avatar]);
+  const [avatarStyle, setAvatarStyle] = (0, import_react32.useState)(parsed.style);
+  const [avatarSeed, setAvatarSeed] = (0, import_react32.useState)(parsed.seed);
+  const [bgColor, setBgColor] = (0, import_react32.useState)(parsed.bg);
+  const [saving, setSaving] = (0, import_react32.useState)(false);
+  const [error, setError] = (0, import_react32.useState)(null);
+  (0, import_react32.useEffect)(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
     setBgColor(p.bg);
   }, [user.avatar]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     import_react_native12.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (visible) setError(null);
   }, [visible]);
   const currentAvatarUrl = getAvatarUrl(avatarStyle, avatarSeed, bgColor);
-  const saveAvatar = (0, import_react31.useCallback)(async (newUrl) => {
+  const saveAvatar = (0, import_react32.useCallback)(async (newUrl) => {
     setSaving(true);
     setError(null);
     try {
@@ -4614,16 +4654,16 @@ function UserProfileSheet({
       setSaving(false);
     }
   }, [client, refreshUser, onAvatarUpdated]);
-  const handleStyleChange = (0, import_react31.useCallback)((style) => {
+  const handleStyleChange = (0, import_react32.useCallback)((style) => {
     setAvatarStyle(style);
     saveAvatar(getAvatarUrl(style, avatarSeed, bgColor));
   }, [avatarSeed, bgColor, saveAvatar]);
-  const handleShuffle = (0, import_react31.useCallback)(() => {
+  const handleShuffle = (0, import_react32.useCallback)(() => {
     const newSeed = generateSeed();
     setAvatarSeed(newSeed);
     saveAvatar(getAvatarUrl(avatarStyle, newSeed, bgColor));
   }, [avatarStyle, bgColor, saveAvatar]);
-  const handleBgChange = (0, import_react31.useCallback)((color) => {
+  const handleBgChange = (0, import_react32.useCallback)((color) => {
     setBgColor(color);
     saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
   }, [avatarStyle, avatarSeed, saveAvatar]);
@@ -4903,7 +4943,7 @@ var styles6 = import_react_native12.StyleSheet.create({
 });
 
 // src/ui/game/GamePoster.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_react_native13 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function computeCountdown(lockTimestamp) {
@@ -4953,7 +4993,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = (0, import_react32.useState)(false);
+  const [failed, setFailed] = (0, import_react33.useState)(false);
   if (!url || failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.View, { style: [styles7.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -5054,7 +5094,7 @@ var styles7 = import_react_native13.StyleSheet.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_react_native14 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function LivePoolsCard({
@@ -5070,7 +5110,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_react33.useMemo)(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react34.useMemo)(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -5133,7 +5173,7 @@ var styles8 = import_react_native14.StyleSheet.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_native15 = require("react-native");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function PickWinnerCard({
@@ -5151,7 +5191,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_react34.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react35.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,
@@ -5204,7 +5244,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react34.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react35.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -5245,7 +5285,7 @@ var styles9 = import_react_native15.StyleSheet.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_native16 = require("react-native");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function truncateWallet(addr, chars) {
@@ -5294,7 +5334,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react35.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react36.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: [styles10.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -5321,7 +5361,7 @@ var styles10 = import_react_native16.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_react_native17 = require("react-native");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var STATUS_LABELS = {
@@ -5332,7 +5372,7 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = (0, import_react36.useMemo)(() => {
+  const alreadyJoined = (0, import_react37.useMemo)(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
@@ -5373,7 +5413,7 @@ var styles11 = import_react_native17.StyleSheet.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_react_native18 = require("react-native");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var STATUS_LABELS2 = {
@@ -5399,18 +5439,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = (0, import_react37.useState)(null);
-  const [customAmount, setCustomAmount] = (0, import_react37.useState)("");
-  const [isCustom, setIsCustom] = (0, import_react37.useState)(false);
-  const overlayOpacity = (0, import_react37.useRef)(new import_react_native18.Animated.Value(0)).current;
-  (0, import_react37.useEffect)(() => {
+  const [selectedAmount, setSelectedAmount] = (0, import_react38.useState)(null);
+  const [customAmount, setCustomAmount] = (0, import_react38.useState)("");
+  const [isCustom, setIsCustom] = (0, import_react38.useState)(false);
+  const overlayOpacity = (0, import_react38.useRef)(new import_react_native18.Animated.Value(0)).current;
+  (0, import_react38.useEffect)(() => {
     import_react_native18.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -5418,7 +5458,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -5427,23 +5467,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = (0, import_react37.useCallback)((amount) => {
+  const handlePresetSelect = (0, import_react38.useCallback)((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = (0, import_react37.useCallback)(() => {
+  const handleCustomSelect = (0, import_react38.useCallback)(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = (0, import_react37.useCallback)((text) => {
+  const handleCustomAmountChange = (0, import_react38.useCallback)((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -5458,7 +5498,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_react37.useCallback)(async () => {
+  const handleCreate = (0, import_react38.useCallback)(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5727,11 +5767,11 @@ var styles12 = import_react_native18.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_react_native21 = require("react-native");
 
 // src/ui/game/SolSlider.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_react_native19 = require("react-native");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var THUMB_SIZE = 32;
@@ -5750,9 +5790,9 @@ function SolSlider({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const trackRef = (0, import_react38.useRef)(null);
-  const trackWidth = (0, import_react38.useRef)(0);
-  const lastTickValue = (0, import_react38.useRef)(value);
+  const trackRef = (0, import_react39.useRef)(null);
+  const trackWidth = (0, import_react39.useRef)(0);
+  const lastTickValue = (0, import_react39.useRef)(value);
   const clamp = (v) => {
     const stepped = Math.round(v / step) * step;
     return Math.max(min, Math.min(max, parseFloat(stepped.toFixed(4))));
@@ -5765,7 +5805,7 @@ function SolSlider({
     const ratio2 = Math.max(0, Math.min(1, x / trackWidth.current));
     return clamp(min + ratio2 * (max - min));
   };
-  const panResponder = (0, import_react38.useRef)(
+  const panResponder = (0, import_react39.useRef)(
     import_react_native19.PanResponder.create({
       onStartShouldSetPanResponder: () => !disabled,
       onMoveShouldSetPanResponder: () => !disabled,
@@ -5920,7 +5960,7 @@ var styles13 = import_react_native19.StyleSheet.create({
 });
 
 // src/ui/game/TeamButton.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_react_native20 = require("react-native");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function TeamButton({
@@ -5934,7 +5974,7 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react39.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react40.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -6038,20 +6078,20 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = (0, import_react40.useState)(null);
-  const [wager, setWager] = (0, import_react40.useState)(game.buyIn);
-  const [showSuccess, setShowSuccess] = (0, import_react40.useState)(false);
-  const overlayOpacity = (0, import_react40.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const successScale = (0, import_react40.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const successOpacity = (0, import_react40.useRef)(new import_react_native21.Animated.Value(0)).current;
-  (0, import_react40.useEffect)(() => {
+  const [selectedTeam, setSelectedTeam] = (0, import_react41.useState)(null);
+  const [wager, setWager] = (0, import_react41.useState)(game.buyIn);
+  const [showSuccess, setShowSuccess] = (0, import_react41.useState)(false);
+  const overlayOpacity = (0, import_react41.useRef)(new import_react_native21.Animated.Value(0)).current;
+  const successScale = (0, import_react41.useRef)(new import_react_native21.Animated.Value(0)).current;
+  const successOpacity = (0, import_react41.useRef)(new import_react_native21.Animated.Value(0)).current;
+  (0, import_react41.useEffect)(() => {
     import_react_native21.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       setWager(game.buyIn);
@@ -6061,7 +6101,7 @@ function JoinGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowSuccess(true);
       onSuccess?.(mutation.data);
@@ -6078,7 +6118,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -6093,7 +6133,7 @@ function JoinGameSheet({
   const drawBettors = bettors.filter((b) => b.team === "draw");
   const hasDrawOption = drawPool > 0 || drawBettors.length > 0 || game.league && ["English Premier League", "EPL", "MLS", "La Liga", "Serie A", "Bundesliga", "Ligue 1"].some((l) => (game.league || "").includes(l));
   const poolAfterJoin = totalPool + wager;
-  const { homeOdds, awayOdds, drawOdds, homeBets, awayBets, drawBets } = (0, import_react40.useMemo)(() => {
+  const { homeOdds, awayOdds, drawOdds, homeBets, awayBets, drawBets } = (0, import_react41.useMemo)(() => {
     const homeBetsCount = bettors.filter((b) => b.team === "home").length;
     const awayBetsCount = bettors.filter((b) => b.team === "away").length;
     const drawBetsCount = bettors.filter((b) => b.team === "draw").length;
@@ -6114,7 +6154,7 @@ function JoinGameSheet({
   const potentialWinnings = selectedOdds !== "\u2014" ? formatSol(parseFloat(selectedOdds) * wager) : "\u2014";
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  const myBet = (0, import_react40.useMemo)(() => {
+  const myBet = (0, import_react41.useMemo)(() => {
     if (!wallet.publicKey) return null;
     const addr = wallet.publicKey.toBase58();
     return bettors.find((b) => b.wallet === addr) ?? null;
@@ -6122,7 +6162,7 @@ function JoinGameSheet({
   const alreadyJoined = myBet !== null;
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = (0, import_react40.useCallback)(async () => {
+  const handleJoin = (0, import_react41.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -6385,7 +6425,7 @@ function PickRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react40.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react41.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
@@ -6678,7 +6718,7 @@ var styles15 = import_react_native21.StyleSheet.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_react_native22 = require("react-native");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var STATUS_LABELS4 = {
@@ -6699,18 +6739,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = (0, import_react41.useRef)(new import_react_native22.Animated.Value(0)).current;
-  const celebrationScale = (0, import_react41.useRef)(new import_react_native22.Animated.Value(0)).current;
-  const celebrationOpacity = (0, import_react41.useRef)(new import_react_native22.Animated.Value(0)).current;
-  const [showCelebration, setShowCelebration] = (0, import_react41.useState)(false);
-  (0, import_react41.useEffect)(() => {
+  const overlayOpacity = (0, import_react42.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const celebrationScale = (0, import_react42.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const celebrationOpacity = (0, import_react42.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const [showCelebration, setShowCelebration] = (0, import_react42.useState)(false);
+  (0, import_react42.useEffect)(() => {
     import_react_native22.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -6718,7 +6758,7 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
       import_react_native22.Animated.parallel([
@@ -6741,14 +6781,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.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_react41.useCallback)(async () => {
+  const handleClaim = (0, import_react42.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -6981,7 +7021,7 @@ var styles16 = import_react_native22.StyleSheet.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_react_native23 = require("react-native");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function ClaimButton({ gameId, style, onSuccess, onError }) {
@@ -6989,9 +7029,9 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = (0, import_react42.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react43.useState)(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = (0, import_react42.useMemo)(() => {
+  const myBet = (0, import_react43.useMemo)(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -7000,7 +7040,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_react42.useCallback)(
+  const handleSuccess = (0, import_react43.useCallback)(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -7087,7 +7127,7 @@ var styles17 = import_react_native23.StyleSheet.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_react_native24 = require("react-native");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var STATUS_LABELS5 = {
@@ -7108,20 +7148,20 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = (0, import_react43.useRef)(new import_react_native24.Animated.Value(0)).current;
-  (0, import_react43.useEffect)(() => {
+  const overlayOpacity = (0, import_react44.useRef)(new import_react_native24.Animated.Value(0)).current;
+  (0, import_react44.useEffect)(() => {
     import_react_native24.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (visible) {
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -7130,7 +7170,7 @@ function EnterArcadePoolSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -7142,7 +7182,7 @@ function EnterArcadePoolSheet({
   const potSol = (pool.buy_in_lamports * Number(totalBuyIns) / 1e9).toFixed(4);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = !isMutating && mutation.status !== "success";
-  const handleJoin = (0, import_react43.useCallback)(async () => {
+  const handleJoin = (0, import_react44.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -7293,7 +7333,7 @@ var styles18 = import_react_native24.StyleSheet.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_react_native25 = require("react-native");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function RankLabel({ index }) {
@@ -7310,15 +7350,15 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  const overlayOpacity = (0, import_react44.useRef)(new import_react_native25.Animated.Value(0)).current;
-  (0, import_react44.useEffect)(() => {
+  const overlayOpacity = (0, import_react45.useRef)(new import_react_native25.Animated.Value(0)).current;
+  (0, import_react45.useEffect)(() => {
     import_react_native25.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (visible) refetch();
   }, [visible]);
   const renderItem = ({ item, index }) => {
@@ -7465,7 +7505,7 @@ var styles19 = import_react_native25.StyleSheet.create({
 });
 
 // src/ui/game/CreateGameSheet.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_native26 = require("react-native");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var STATUS_LABELS6 = {
@@ -7494,20 +7534,20 @@ function CreateGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateGame();
-  const [selectedTeam, setSelectedTeam] = (0, import_react45.useState)(null);
-  const [wager, setWager] = (0, import_react45.useState)(0.01);
-  const [showSuccess, setShowSuccess] = (0, import_react45.useState)(false);
-  const overlayOpacity = (0, import_react45.useRef)(new import_react_native26.Animated.Value(0)).current;
-  const successScale = (0, import_react45.useRef)(new import_react_native26.Animated.Value(0)).current;
-  const successOpacity = (0, import_react45.useRef)(new import_react_native26.Animated.Value(0)).current;
-  (0, import_react45.useEffect)(() => {
+  const [selectedTeam, setSelectedTeam] = (0, import_react46.useState)(null);
+  const [wager, setWager] = (0, import_react46.useState)(0.01);
+  const [showSuccess, setShowSuccess] = (0, import_react46.useState)(false);
+  const overlayOpacity = (0, import_react46.useRef)(new import_react_native26.Animated.Value(0)).current;
+  const successScale = (0, import_react46.useRef)(new import_react_native26.Animated.Value(0)).current;
+  const successOpacity = (0, import_react46.useRef)(new import_react_native26.Animated.Value(0)).current;
+  (0, import_react46.useEffect)(() => {
     import_react_native26.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (visible) {
       setSelectedTeam(null);
       setWager(0.01);
@@ -7517,7 +7557,7 @@ function CreateGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowSuccess(true);
       onSuccess?.(mutation.data);
@@ -7534,7 +7574,7 @@ function CreateGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -7544,7 +7584,7 @@ function CreateGameSheet({
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canCreate = selectedTeam !== null && !isMutating && mutation.status !== "success";
-  const handleCreate = (0, import_react45.useCallback)(async () => {
+  const handleCreate = (0, import_react46.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -7692,7 +7732,7 @@ var styles20 = import_react_native26.StyleSheet.create({
 });
 
 // src/ui/jackpot/JackpotCard.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_react_native27 = require("react-native");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function formatSOL(lamports) {
@@ -7709,9 +7749,9 @@ function truncateWallet2(addr) {
   return `${addr.slice(0, 4)}...${addr.slice(-4)}`;
 }
 function JackpotCard({ round, lastWinner, entries, onPress, style }) {
-  const shimmerAnim = (0, import_react46.useRef)(new import_react_native27.Animated.Value(-1)).current;
-  const pulseAnim = (0, import_react46.useRef)(new import_react_native27.Animated.Value(0.4)).current;
-  (0, import_react46.useEffect)(() => {
+  const shimmerAnim = (0, import_react47.useRef)(new import_react_native27.Animated.Value(-1)).current;
+  const pulseAnim = (0, import_react47.useRef)(new import_react_native27.Animated.Value(0.4)).current;
+  (0, import_react47.useEffect)(() => {
     const shimmer = import_react_native27.Animated.loop(
       import_react_native27.Animated.sequence([
         import_react_native27.Animated.timing(shimmerAnim, { toValue: 1, duration: 4e3, useNativeDriver: true }),
@@ -8070,7 +8110,7 @@ var styles21 = import_react_native27.StyleSheet.create({
 });
 
 // src/ui/jackpot/JackpotSheet.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_native28 = require("react-native");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var STATUS_LABELS7 = {
@@ -8105,17 +8145,17 @@ function JackpotSheet({
   const { wallet, client } = useDubs();
   const { round, lastWinner, refetch } = useJackpot();
   const mutation = useEnterJackpot();
-  const [betAmount, setBetAmount] = (0, import_react47.useState)("0.1");
-  const [entries, setEntries] = (0, import_react47.useState)([]);
-  const overlayOpacity = (0, import_react47.useRef)(new import_react_native28.Animated.Value(0)).current;
-  (0, import_react47.useEffect)(() => {
+  const [betAmount, setBetAmount] = (0, import_react48.useState)("0.1");
+  const [entries, setEntries] = (0, import_react48.useState)([]);
+  const overlayOpacity = (0, import_react48.useRef)(new import_react_native28.Animated.Value(0)).current;
+  (0, import_react48.useEffect)(() => {
     import_react_native28.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setBetAmount("0.1");
@@ -8124,7 +8164,7 @@ function JackpotSheet({
       });
     }
   }, [visible]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       refetch();
@@ -8134,7 +8174,7 @@ function JackpotSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -8146,14 +8186,14 @@ function JackpotSheet({
   const userOdds = totalWeight > 0 ? (entryLamports / (totalWeight + entryLamports) * 100).toFixed(1) : entries.length === 0 ? "100.0" : "0.0";
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canEnter = !isMutating && mutation.status !== "success" && round?.status === "Open" && betSol >= minEntry;
-  const handleQuickAdd = (0, import_react47.useCallback)((amount) => {
+  const handleQuickAdd = (0, import_react48.useCallback)((amount) => {
     setBetAmount((prev) => {
       const current = parseFloat(prev) || 0;
       const next = Math.min(current + amount, maxEntry);
       return next.toFixed(2);
     });
   }, [maxEntry]);
-  const handleEnter = (0, import_react47.useCallback)(async () => {
+  const handleEnter = (0, import_react48.useCallback)(async () => {
     if (!wallet.publicKey || entryLamports < 1e4) return;
     try {
       await mutation.execute(entryLamports);
@@ -8672,7 +8712,7 @@ var styles22 = import_react_native28.StyleSheet.create({
 });
 
 // src/ui/jackpot/JackpotWidget.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function JackpotWidget({
   style,
@@ -8681,11 +8721,11 @@ function JackpotWidget({
   onEntry,
   onError
 }) {
-  const [sheetVisible, setSheetVisible] = (0, import_react48.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react49.useState)(false);
   const { round, lastWinner } = useJackpot();
   const { client } = useDubs();
-  const [entries, setEntries] = (0, import_react48.useState)([]);
-  (0, import_react48.useEffect)(() => {
+  const [entries, setEntries] = (0, import_react49.useState)([]);
+  (0, import_react49.useEffect)(() => {
     client.getJackpotEntries().then((res) => setEntries(res.entries)).catch(() => {
     });
   }, [client, round?.entryCount]);
@@ -8719,7 +8759,7 @@ function JackpotWidget({
 }
 
 // src/chat/provider.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_react_native29 = require("react-native");
 
 // src/chat/socket.ts
@@ -8829,22 +8869,22 @@ var ChatSocket = class {
 
 // src/chat/provider.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var ChatContext = (0, import_react49.createContext)(null);
+var ChatContext = (0, import_react50.createContext)(null);
 function ChatProvider({ children, autoConnect = true }) {
   const { client } = useDubs();
-  const socketRef = (0, import_react49.useRef)(new ChatSocket());
-  const [status, setStatus] = (0, import_react49.useState)("disconnected");
-  const [messages, setMessages] = (0, import_react49.useState)([]);
-  const [onlineUsers, setOnlineUsers] = (0, import_react49.useState)([]);
-  const [onlineCount, setOnlineCount] = (0, import_react49.useState)(0);
-  const [unreadCount, setUnreadCount] = (0, import_react49.useState)(0);
-  const [conversations, setConversations] = (0, import_react49.useState)([]);
-  const [friends, setFriends] = (0, import_react49.useState)([]);
-  const [pendingRequests, setPendingRequests] = (0, import_react49.useState)([]);
-  const [sentFriendRequests, setSentFriendRequests] = (0, import_react49.useState)([]);
-  const [whatsNewPosts, setWhatsNewPosts] = (0, import_react49.useState)([]);
-  const [whatsNewUnreadCount, setWhatsNewUnreadCount] = (0, import_react49.useState)(0);
-  const refreshMessages = (0, import_react49.useCallback)(async () => {
+  const socketRef = (0, import_react50.useRef)(new ChatSocket());
+  const [status, setStatus] = (0, import_react50.useState)("disconnected");
+  const [messages, setMessages] = (0, import_react50.useState)([]);
+  const [onlineUsers, setOnlineUsers] = (0, import_react50.useState)([]);
+  const [onlineCount, setOnlineCount] = (0, import_react50.useState)(0);
+  const [unreadCount, setUnreadCount] = (0, import_react50.useState)(0);
+  const [conversations, setConversations] = (0, import_react50.useState)([]);
+  const [friends, setFriends] = (0, import_react50.useState)([]);
+  const [pendingRequests, setPendingRequests] = (0, import_react50.useState)([]);
+  const [sentFriendRequests, setSentFriendRequests] = (0, import_react50.useState)([]);
+  const [whatsNewPosts, setWhatsNewPosts] = (0, import_react50.useState)([]);
+  const [whatsNewUnreadCount, setWhatsNewUnreadCount] = (0, import_react50.useState)(0);
+  const refreshMessages = (0, import_react50.useCallback)(async () => {
     try {
       const res = await client.getChatMessages({ limit: 30 });
       setMessages([...res.messages].reverse());
@@ -8852,35 +8892,35 @@ function ChatProvider({ children, autoConnect = true }) {
       console.error("[Dubs:ChatProvider] Failed to load messages:", err);
     }
   }, [client]);
-  const refreshConversations = (0, import_react49.useCallback)(async () => {
+  const refreshConversations = (0, import_react50.useCallback)(async () => {
     try {
       const res = await client.getConversations();
       setConversations(res.conversations);
     } catch (_) {
     }
   }, [client]);
-  const refreshFriends = (0, import_react49.useCallback)(async () => {
+  const refreshFriends = (0, import_react50.useCallback)(async () => {
     try {
       const res = await client.getFriends();
       setFriends(res.friends);
     } catch (_) {
     }
   }, [client]);
-  const refreshPendingRequests = (0, import_react49.useCallback)(async () => {
+  const refreshPendingRequests = (0, import_react50.useCallback)(async () => {
     try {
       const res = await client.getPendingFriendRequests();
       setPendingRequests(res.requests);
     } catch (_) {
     }
   }, [client]);
-  const refreshSentFriendRequests = (0, import_react49.useCallback)(async () => {
+  const refreshSentFriendRequests = (0, import_react50.useCallback)(async () => {
     try {
       const res = await client.getSentFriendRequests();
       setSentFriendRequests(res.requests);
     } catch (_) {
     }
   }, [client]);
-  const refreshWhatsNew = (0, import_react49.useCallback)(async () => {
+  const refreshWhatsNew = (0, import_react50.useCallback)(async () => {
     try {
       const res = await client.getWhatsNewPosts();
       setWhatsNewPosts(res.posts);
@@ -8889,7 +8929,7 @@ function ChatProvider({ children, autoConnect = true }) {
     } catch (_) {
     }
   }, [client]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const token = client.getToken();
     if (!autoConnect || !token) return;
     const chatSocket = socketRef.current;
@@ -8967,7 +9007,7 @@ function ChatProvider({ children, autoConnect = true }) {
       chatSocket.disconnect();
     };
   }, [client, autoConnect, refreshMessages, refreshConversations, refreshFriends, refreshPendingRequests, refreshSentFriendRequests, refreshWhatsNew]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const handleAppState = (nextState) => {
       if (nextState === "active") {
         const chatSocket = socketRef.current;
@@ -8995,7 +9035,7 @@ function ChatProvider({ children, autoConnect = true }) {
     const sub = import_react_native29.AppState.addEventListener("change", handleAppState);
     return () => sub.remove();
   }, [client, refreshMessages, refreshConversations, refreshFriends, refreshPendingRequests, refreshSentFriendRequests, refreshWhatsNew]);
-  const value = (0, import_react49.useMemo)(
+  const value = (0, import_react50.useMemo)(
     () => ({
       socket: socketRef.current,
       status,
@@ -9021,7 +9061,7 @@ function ChatProvider({ children, autoConnect = true }) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChatContext.Provider, { value, children });
 }
 function useChatContext() {
-  const ctx = (0, import_react49.useContext)(ChatContext);
+  const ctx = (0, import_react50.useContext)(ChatContext);
   if (!ctx) {
     throw new Error("useChatContext must be used inside a <ChatProvider>");
   }
@@ -9029,14 +9069,14 @@ function useChatContext() {
 }
 
 // src/chat/hooks.ts
-var import_react50 = require("react");
+var import_react51 = require("react");
 function useChatStatus() {
   return useChatContext().status;
 }
 function useChatMessages() {
   const { messages, refreshMessages } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const refetch = (0, import_react51.useCallback)(async () => {
     setLoading(true);
     await refreshMessages();
     setLoading(false);
@@ -9046,13 +9086,13 @@ function useChatMessages() {
 function useSendMessage() {
   const { socket } = useChatContext();
   const { client } = useDubs();
-  const send = (0, import_react50.useCallback)(
+  const send = (0, import_react51.useCallback)(
     (params) => {
       socket.sendMessage(params);
     },
     [socket]
   );
-  const sendViaREST = (0, import_react50.useCallback)(
+  const sendViaREST = (0, import_react51.useCallback)(
     async (params) => {
       await client.sendChatMessage(params);
     },
@@ -9069,8 +9109,8 @@ function useUnreadCount() {
 }
 function useConversations() {
   const { conversations, refreshConversations } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const refetch = (0, import_react51.useCallback)(async () => {
     setLoading(true);
     await refreshConversations();
     setLoading(false);
@@ -9080,10 +9120,10 @@ function useConversations() {
 function useDirectMessages(recipientWallet) {
   const { client } = useDubs();
   const { socket, refreshConversations } = useChatContext();
-  const [messages, setMessages] = (0, import_react50.useState)([]);
-  const [otherUser, setOtherUser] = (0, import_react50.useState)(null);
-  const [loading, setLoading] = (0, import_react50.useState)(true);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [messages, setMessages] = (0, import_react51.useState)([]);
+  const [otherUser, setOtherUser] = (0, import_react51.useState)(null);
+  const [loading, setLoading] = (0, import_react51.useState)(true);
+  const refetch = (0, import_react51.useCallback)(async () => {
     try {
       setLoading(true);
       const res = await client.getConversation(recipientWallet);
@@ -9095,16 +9135,16 @@ function useDirectMessages(recipientWallet) {
       setLoading(false);
     }
   }, [client, recipientWallet]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     refetch();
     socket.joinDM(recipientWallet);
     return () => {
       socket.leaveDM(recipientWallet);
     };
   }, [recipientWallet, refetch, socket]);
-  const socketRef = (0, import_react50.useRef)(socket);
+  const socketRef = (0, import_react51.useRef)(socket);
   socketRef.current = socket;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const currentSocket = socketRef.current;
     const prevListeners = currentSocket.listeners;
     const originalOnDMNew = prevListeners?.onDMNewMessage;
@@ -9127,13 +9167,13 @@ function useDirectMessages(recipientWallet) {
       }
     });
   }, [recipientWallet]);
-  const send = (0, import_react50.useCallback)(
+  const send = (0, import_react51.useCallback)(
     (message) => {
       socket.sendDM({ recipientWallet, message });
     },
     [socket, recipientWallet]
   );
-  const sendViaREST = (0, import_react50.useCallback)(
+  const sendViaREST = (0, import_react51.useCallback)(
     async (message) => {
       await client.sendDirectMessage({ recipientWallet, message });
       await refetch();
@@ -9141,15 +9181,15 @@ function useDirectMessages(recipientWallet) {
     },
     [client, recipientWallet, refetch, refreshConversations]
   );
-  const markRead = (0, import_react50.useCallback)(() => {
+  const markRead = (0, import_react51.useCallback)(() => {
     socket.markDMRead(recipientWallet);
   }, [socket, recipientWallet]);
   return { messages, loading, otherUser, send, sendViaREST, markRead, refetch };
 }
 function useFriends() {
   const { friends, refreshFriends } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const refetch = (0, import_react51.useCallback)(async () => {
     setLoading(true);
     await refreshFriends();
     setLoading(false);
@@ -9158,8 +9198,8 @@ function useFriends() {
 }
 function useFriendRequests() {
   const { pendingRequests, refreshPendingRequests } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const refetch = (0, import_react51.useCallback)(async () => {
     setLoading(true);
     await refreshPendingRequests();
     setLoading(false);
@@ -9168,8 +9208,8 @@ function useFriendRequests() {
 }
 function useSentFriendRequests() {
   const { sentFriendRequests, refreshSentFriendRequests } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const refetch = (0, import_react51.useCallback)(async () => {
     setLoading(true);
     await refreshSentFriendRequests();
     setLoading(false);
@@ -9179,8 +9219,8 @@ function useSentFriendRequests() {
 function useCancelFriendRequest() {
   const { client } = useDubs();
   const { refreshSentFriendRequests } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const cancel = (0, import_react50.useCallback)(
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const cancel = (0, import_react51.useCallback)(
     async (requestId) => {
       setLoading(true);
       try {
@@ -9196,9 +9236,9 @@ function useCancelFriendRequest() {
 }
 function useSearchUsers() {
   const { client } = useDubs();
-  const [results, setResults] = (0, import_react50.useState)([]);
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const search = (0, import_react50.useCallback)(
+  const [results, setResults] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const search = (0, import_react51.useCallback)(
     async (query) => {
       setLoading(true);
       try {
@@ -9212,14 +9252,14 @@ function useSearchUsers() {
     },
     [client]
   );
-  const clear = (0, import_react50.useCallback)(() => setResults([]), []);
+  const clear = (0, import_react51.useCallback)(() => setResults([]), []);
   return { results, loading, search, clear };
 }
 function useSendFriendRequest() {
   const { client } = useDubs();
   const { refreshPendingRequests } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const send = (0, import_react50.useCallback)(
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const send = (0, import_react51.useCallback)(
     async (targetUserId) => {
       setLoading(true);
       try {
@@ -9235,8 +9275,8 @@ function useSendFriendRequest() {
 function useRespondToFriendRequest() {
   const { client } = useDubs();
   const { refreshFriends, refreshPendingRequests } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const accept = (0, import_react50.useCallback)(
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const accept = (0, import_react51.useCallback)(
     async (requestId) => {
       setLoading(true);
       try {
@@ -9248,7 +9288,7 @@ function useRespondToFriendRequest() {
     },
     [client, refreshFriends, refreshPendingRequests]
   );
-  const reject = (0, import_react50.useCallback)(
+  const reject = (0, import_react51.useCallback)(
     async (requestId) => {
       setLoading(true);
       try {
@@ -9265,8 +9305,8 @@ function useRespondToFriendRequest() {
 function useWhatsNew() {
   const { client } = useDubs();
   const { whatsNewPosts, whatsNewUnreadCount, refreshWhatsNew } = useChatContext();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const refetch = (0, import_react50.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const refetch = (0, import_react51.useCallback)(async () => {
     setLoading(true);
     try {
       await refreshWhatsNew();
@@ -9274,7 +9314,7 @@ function useWhatsNew() {
       setLoading(false);
     }
   }, [refreshWhatsNew]);
-  const markRead = (0, import_react50.useCallback)(
+  const markRead = (0, import_react51.useCallback)(
     async (postIds) => {
       if (postIds.length === 0) return;
       try {
@@ -9286,7 +9326,7 @@ function useWhatsNew() {
     },
     [client, refreshWhatsNew]
   );
-  const markAllRead = (0, import_react50.useCallback)(async () => {
+  const markAllRead = (0, import_react51.useCallback)(async () => {
     try {
       await client.markAllWhatsNewRead();
       await refreshWhatsNew();
@@ -9361,6 +9401,7 @@ function useWhatsNew() {
   useConversations,
   useCreateCustomGame,
   useCreateGame,
+  useCredits,
   useDirectMessages,
   useDubs,
   useDubsTheme,