@dubsdotapp/expo 0.2.31 → 0.2.32

package/dist/index.d.mts

@@ -919,6 +919,18 @@ interface JoinGameSheetProps {
 }
 declare function JoinGameSheet({ visible, onDismiss, game, ImageComponent, shortName, homeColor, awayColor, onSuccess, onError, }: JoinGameSheetProps): react_jsx_runtime.JSX.Element;
 
+interface ClaimPrizeSheetProps {
+    visible: boolean;
+    onDismiss: () => void;
+    gameId: string;
+    /** Prize amount in SOL */
+    prizeAmount: number;
+    /** Callbacks */
+    onSuccess?: (result: ClaimMutationResult) => void;
+    onError?: (error: Error) => void;
+}
+declare function ClaimPrizeSheet({ visible, onDismiss, gameId, prizeAmount, onSuccess, onError, }: ClaimPrizeSheetProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Deserialize a base64-encoded transaction, sign via wallet adapter, send to Solana.
  * Prefers signAndSendTransaction if available (MWA), otherwise falls back to
@@ -927,4 +939,4 @@ declare function JoinGameSheet({ visible, onDismiss, game, ImageComponent, short
  */
 declare function signAndSendBase64Transaction(base64Tx: string, wallet: WalletAdapter, connection: Connection): Promise<string>;
 
-export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, JoinGameSheet, type JoinGameSheetProps, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };
+export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, ClaimPrizeSheet, type ClaimPrizeSheetProps, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, JoinGameSheet, type JoinGameSheetProps, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };

package/dist/index.d.ts

@@ -919,6 +919,18 @@ interface JoinGameSheetProps {
 }
 declare function JoinGameSheet({ visible, onDismiss, game, ImageComponent, shortName, homeColor, awayColor, onSuccess, onError, }: JoinGameSheetProps): react_jsx_runtime.JSX.Element;
 
+interface ClaimPrizeSheetProps {
+    visible: boolean;
+    onDismiss: () => void;
+    gameId: string;
+    /** Prize amount in SOL */
+    prizeAmount: number;
+    /** Callbacks */
+    onSuccess?: (result: ClaimMutationResult) => void;
+    onError?: (error: Error) => void;
+}
+declare function ClaimPrizeSheet({ visible, onDismiss, gameId, prizeAmount, onSuccess, onError, }: ClaimPrizeSheetProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Deserialize a base64-encoded transaction, sign via wallet adapter, send to Solana.
  * Prefers signAndSendTransaction if available (MWA), otherwise falls back to
@@ -927,4 +939,4 @@ declare function JoinGameSheet({ visible, onDismiss, game, ImageComponent, short
  */
 declare function signAndSendBase64Transaction(base64Tx: string, wallet: WalletAdapter, connection: Connection): Promise<string>;
 
-export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, JoinGameSheet, type JoinGameSheetProps, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };
+export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, ClaimPrizeSheet, type ClaimPrizeSheetProps, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateCustomGameMutationResult, type CreateCustomGameParams, type CreateCustomGameResult, CreateCustomGameSheet, type CreateCustomGameSheetProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, type DeviceInfo, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, JoinGameSheet, type JoinGameSheetProps, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PhantomDeeplinkAdapter, type PhantomDeeplinkAdapterConfig, type PhantomSession, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, getDeviceInfo, isSolanaSeeker, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAppConfig, useAuth, useClaim, useCreateCustomGame, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };

package/dist/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AuthGate: () => AuthGate,
+  ClaimPrizeSheet: () => ClaimPrizeSheet,
   ConnectWalletScreen: () => ConnectWalletScreen,
   CreateCustomGameSheet: () => CreateCustomGameSheet,
   DEFAULT_BASE_URL: () => DEFAULT_BASE_URL,
@@ -4211,9 +4212,309 @@ var styles10 = import_react_native15.StyleSheet.create({
     fontWeight: "700"
   }
 });
+
+// src/ui/game/ClaimPrizeSheet.tsx
+var import_react22 = require("react");
+var import_react_native16 = require("react-native");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var STATUS_LABELS4 = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  success: "Claimed!"
+};
+function ClaimPrizeSheet({
+  visible,
+  onDismiss,
+  gameId,
+  prizeAmount,
+  onSuccess,
+  onError
+}) {
+  const t = useDubsTheme();
+  const { wallet } = useDubs();
+  const mutation = useClaim();
+  const overlayOpacity = (0, import_react22.useRef)(new import_react_native16.Animated.Value(0)).current;
+  const celebrationScale = (0, import_react22.useRef)(new import_react_native16.Animated.Value(0)).current;
+  const celebrationOpacity = (0, import_react22.useRef)(new import_react_native16.Animated.Value(0)).current;
+  const [showCelebration, setShowCelebration] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
+    import_react_native16.Animated.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  (0, import_react22.useEffect)(() => {
+    if (visible) {
+      mutation.reset();
+      setShowCelebration(false);
+      celebrationScale.setValue(0);
+      celebrationOpacity.setValue(0);
+    }
+  }, [visible]);
+  (0, import_react22.useEffect)(() => {
+    if (mutation.status === "success" && mutation.data) {
+      setShowCelebration(true);
+      import_react_native16.Animated.parallel([
+        import_react_native16.Animated.spring(celebrationScale, {
+          toValue: 1,
+          tension: 50,
+          friction: 6,
+          useNativeDriver: true
+        }),
+        import_react_native16.Animated.timing(celebrationOpacity, {
+          toValue: 1,
+          duration: 300,
+          useNativeDriver: true
+        })
+      ]).start();
+      onSuccess?.(mutation.data);
+      const timer = setTimeout(() => {
+        onDismiss();
+      }, 2500);
+      return () => clearTimeout(timer);
+    }
+  }, [mutation.status, mutation.data]);
+  (0, import_react22.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_react22.useCallback)(async () => {
+    if (!wallet.publicKey) return;
+    try {
+      await mutation.execute({
+        playerWallet: wallet.publicKey.toBase58(),
+        gameId
+      });
+    } catch {
+    }
+  }, [wallet.publicKey, mutation.execute, gameId]);
+  const statusLabel = STATUS_LABELS4[mutation.status] || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_react_native16.Modal,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Animated.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.TouchableOpacity, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_react_native16.KeyboardAvoidingView,
+          {
+            style: styles11.keyboardView,
+            behavior: import_react_native16.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: styles11.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: styles11.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.headerTitle, { color: t.text }], children: showCelebration ? "Prize Claimed!" : "Claim Prize" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+              ] }),
+              showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                import_react_native16.Animated.View,
+                {
+                  style: [
+                    styles11.celebrationContainer,
+                    {
+                      opacity: celebrationOpacity,
+                      transform: [{ scale: celebrationScale }]
+                    }
+                  ],
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: styles11.celebrationEmoji, children: "\u{1F3C6}" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.Text, { style: [styles11.celebrationText, { color: t.success }], children: [
+                      "+",
+                      prizeAmount,
+                      " SOL"
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.celebrationSubtext, { color: t.textMuted }], children: "Winnings sent to your wallet" })
+                  ]
+                }
+              ),
+              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Prize" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.Text, { style: [styles11.summaryValue, { color: t.success }], children: [
+                    prizeAmount,
+                    " SOL"
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Game" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    import_react_native16.Text,
+                    {
+                      style: [styles11.summaryValue, { color: t.text }],
+                      numberOfLines: 1,
+                      children: [
+                        gameId.slice(0, 8),
+                        "...",
+                        gameId.slice(-4)
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_react_native16.TouchableOpacity,
+                {
+                  style: [
+                    styles11.ctaButton,
+                    { backgroundColor: canClaim ? t.success : t.border }
+                  ],
+                  disabled: !canClaim,
+                  onPress: handleClaim,
+                  activeOpacity: 0.8,
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: styles11.ctaText, children: statusLabel })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.Text, { style: [styles11.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                    "Claim Prize \u2014 ",
+                    prizeAmount,
+                    " SOL"
+                  ] })
+                }
+              ),
+              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+}
+var styles11 = import_react_native16.StyleSheet.create({
+  overlay: {
+    ...import_react_native16.StyleSheet.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.5)"
+  },
+  overlayTap: {
+    flex: 1
+  },
+  keyboardView: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  sheetPositioner: {
+    justifyContent: "flex-end"
+  },
+  sheet: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 20,
+    paddingBottom: 40
+  },
+  handleRow: {
+    alignItems: "center",
+    paddingTop: 10,
+    paddingBottom: 8
+  },
+  handle: {
+    width: 36,
+    height: 4,
+    borderRadius: 2,
+    opacity: 0.4
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 12
+  },
+  headerTitle: {
+    fontSize: 20,
+    fontWeight: "700"
+  },
+  closeButton: {
+    fontSize: 20,
+    padding: 4
+  },
+  // Celebration
+  celebrationContainer: {
+    alignItems: "center",
+    paddingVertical: 32,
+    gap: 8
+  },
+  celebrationEmoji: {
+    fontSize: 64
+  },
+  celebrationText: {
+    fontSize: 32,
+    fontWeight: "800"
+  },
+  celebrationSubtext: {
+    fontSize: 14,
+    marginTop: 4
+  },
+  // Summary
+  summaryCard: {
+    marginTop: 20,
+    borderRadius: 16,
+    borderWidth: 1,
+    overflow: "hidden"
+  },
+  summaryRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  summaryLabel: {
+    fontSize: 14
+  },
+  summaryValue: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  summarySep: {
+    height: 1,
+    marginHorizontal: 16
+  },
+  // Error
+  errorBox: {
+    marginTop: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 12
+  },
+  errorText: {
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  // CTA
+  ctaButton: {
+    marginTop: 20,
+    height: 56,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  ctaText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  ctaLoading: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  explorerHint: {
+    textAlign: "center",
+    marginTop: 12,
+    fontSize: 13
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthGate,
+  ClaimPrizeSheet,
   ConnectWalletScreen,
   CreateCustomGameSheet,
   DEFAULT_BASE_URL,