@dubsdotapp/expo 0.2.39 → 0.2.41

package/dist/index.mjs

@@ -504,11 +504,61 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo, useCallback as useCallback12, useState as useState13, useEffect as useEffect8 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo, useCallback as useCallback12, useState as useState13, useEffect as useEffect8 } from "react";
+
+// src/ui/theme.ts
+import { createContext, useContext } from "react";
+import { useColorScheme } from "react-native";
+var dark = {
+  background: "#08080D",
+  surface: "#111118",
+  surfaceActive: "#7C3AED",
+  border: "#1A1A24",
+  text: "#FFFFFF",
+  textSecondary: "#E0E0EE",
+  textMuted: "#666666",
+  textDim: "#555555",
+  accent: "#7C3AED",
+  success: "#22C55E",
+  live: "#EF4444",
+  errorText: "#F87171",
+  errorBg: "#1A0A0A",
+  errorBorder: "#3A1515"
+};
+var light = {
+  background: "#FFFFFF",
+  surface: "#F0F0F5",
+  surfaceActive: "#7C3AED",
+  border: "#E0E0E8",
+  text: "#111118",
+  textSecondary: "#333333",
+  textMuted: "#888888",
+  textDim: "#999999",
+  accent: "#7C3AED",
+  success: "#16A34A",
+  live: "#DC2626",
+  errorText: "#DC2626",
+  errorBg: "#FEF2F2",
+  errorBorder: "#FECACA"
+};
+var ThemeOverrideContext = createContext({});
+var ThemeOverrideProvider = ThemeOverrideContext.Provider;
+function useDubsTheme() {
+  const scheme = useColorScheme();
+  const base = scheme === "light" ? light : dark;
+  const overrides = useContext(ThemeOverrideContext);
+  if (Object.keys(overrides).length === 0) return base;
+  return { ...base, ...overrides };
+}
+function mergeTheme(base, overrides) {
+  return { ...base, ...overrides };
+}
+
+// src/provider.tsx
 import { Connection as Connection2 } from "@solana/web3.js";
 
 // src/managed-wallet.tsx
-import { createContext, useContext, useState, useEffect, useRef, useCallback } from "react";
+import { createContext as createContext2, useContext as useContext2, useState, useEffect, useRef, useCallback } from "react";
 import { Platform } from "react-native";
 
 // src/wallet/mwa-adapter.ts
@@ -1126,50 +1176,6 @@ import {
   StyleSheet,
   Image
 } from "react-native";
-
-// src/ui/theme.ts
-import { useColorScheme } from "react-native";
-var dark = {
-  background: "#08080D",
-  surface: "#111118",
-  surfaceActive: "#7C3AED",
-  border: "#1A1A24",
-  text: "#FFFFFF",
-  textSecondary: "#E0E0EE",
-  textMuted: "#666666",
-  textDim: "#555555",
-  accent: "#7C3AED",
-  success: "#22C55E",
-  live: "#EF4444",
-  errorText: "#F87171",
-  errorBg: "#1A0A0A",
-  errorBorder: "#3A1515"
-};
-var light = {
-  background: "#FFFFFF",
-  surface: "#F0F0F5",
-  surfaceActive: "#7C3AED",
-  border: "#E0E0E8",
-  text: "#111118",
-  textSecondary: "#333333",
-  textMuted: "#888888",
-  textDim: "#999999",
-  accent: "#7C3AED",
-  success: "#16A34A",
-  live: "#DC2626",
-  errorText: "#DC2626",
-  errorBg: "#FEF2F2",
-  errorBorder: "#FECACA"
-};
-function useDubsTheme() {
-  const scheme = useColorScheme();
-  return scheme === "light" ? light : dark;
-}
-function mergeTheme(base, overrides) {
-  return { ...base, ...overrides };
-}
-
-// src/ui/ConnectWalletScreen.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function ConnectWalletScreen({
   onConnect,
@@ -1322,9 +1328,9 @@ function getOrCreatePhantomAdapter(config) {
   }
   return phantomSingleton;
 }
-var DisconnectContext = createContext(null);
+var DisconnectContext = createContext2(null);
 function useDisconnect() {
-  return useContext(DisconnectContext);
+  return useContext2(DisconnectContext);
 }
 function ManagedWalletProvider({
   appName,
@@ -1990,12 +1996,12 @@ function useHasClaimed(gameId) {
 }
 
 // src/hooks/useAuth.ts
-import { useState as useState11, useCallback as useCallback10, useRef as useRef2, useContext as useContext2 } from "react";
+import { useState as useState11, useCallback as useCallback10, useRef as useRef2, useContext as useContext3 } from "react";
 import bs583 from "bs58";
 
 // src/auth-context.ts
-import { createContext as createContext2 } from "react";
-var AuthContext = createContext2(null);
+import { createContext as createContext3 } from "react";
+var AuthContext = createContext3(null);
 
 // src/utils/device.ts
 import { Platform as Platform2 } from "react-native";
@@ -2046,7 +2052,7 @@ async function getDeviceInfo() {
 
 // src/hooks/useAuth.ts
 function useAuth() {
-  const sharedAuth = useContext2(AuthContext);
+  const sharedAuth = useContext3(AuthContext);
   const { client, wallet } = useDubs();
   const [status, setStatus] = useState11("idle");
   const [user, setUser] = useState11(null);
@@ -2667,7 +2673,7 @@ var s = StyleSheet2.create({
 
 // src/provider.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var DubsContext = createContext3(null);
+var DubsContext = createContext4(null);
 function DubsProvider({
   apiKey,
   children,
@@ -2703,8 +2709,12 @@ function DubsProvider({
     });
   }, [client]);
   if (uiConfig === null) return null;
+  const themeOverrides = {};
+  if (uiConfig.accentColor) {
+    themeOverrides.accent = uiConfig.accentColor;
+  }
   if (externalWallet) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx4(ThemeOverrideProvider, { value: themeOverrides, children: /* @__PURE__ */ jsx4(
       ExternalWalletProvider,
       {
         client,
@@ -2721,9 +2731,9 @@ function DubsProvider({
         uiConfig,
         children
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4(ThemeOverrideProvider, { value: themeOverrides, children: /* @__PURE__ */ jsx4(
     ManagedWalletProvider,
     {
       appName: uiConfig.appName || appName,
@@ -2753,7 +2763,7 @@ function DubsProvider({
         }
       )
     }
-  );
+  ) });
 }
 function ManagedInner({
   client,
@@ -2841,14 +2851,14 @@ function ExternalWalletProvider({
   ) });
 }
 function useDubs() {
-  const ctx = useContext3(DubsContext);
+  const ctx = useContext4(DubsContext);
   if (!ctx) {
     throw new Error("useDubs must be used within a <DubsProvider>");
   }
   return ctx;
 }
 function useAppConfig() {
-  const ctx = useContext3(DubsContext);
+  const ctx = useContext4(DubsContext);
   return ctx?.uiConfig || {};
 }
 
@@ -3520,7 +3530,7 @@ function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
     /* @__PURE__ */ jsx11(
       TouchableOpacity5,
       {
-        style: [styles8.button, { backgroundColor: selectedTeam ? "#22D3EE" : t.border }],
+        style: [styles8.button, { backgroundColor: selectedTeam ? t.accent : t.border }],
         disabled: !selectedTeam || isJoining,
         onPress: onJoin,
         activeOpacity: 0.8,
@@ -4465,7 +4475,7 @@ function ClaimPrizeSheet({
                 {
                   style: [
                     styles11.ctaButton,
-                    { backgroundColor: canClaim ? t.success : t.border }
+                    { backgroundColor: canClaim ? t.accent : t.border }
                   ],
                   disabled: !canClaim,
                   onPress: handleClaim,
@@ -4612,8 +4622,112 @@ var styles11 = StyleSheet12.create({
     fontSize: 13
   }
 });
+
+// src/ui/game/ClaimButton.tsx
+import { useState as useState20, useMemo as useMemo7, useCallback as useCallback16 } from "react";
+import { StyleSheet as StyleSheet13, Text as Text13, TouchableOpacity as TouchableOpacity9 } from "react-native";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function ClaimButton({ gameId, style, onSuccess, onError }) {
+  const t = useDubsTheme();
+  const { wallet } = useDubs();
+  const game = useGame(gameId);
+  const claimStatus = useHasClaimed(gameId);
+  const [sheetVisible, setSheetVisible] = useState20(false);
+  const walletAddress = wallet.publicKey?.toBase58() ?? null;
+  const myBet = useMemo7(() => {
+    if (!walletAddress || !game.data?.bettors) return null;
+    return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
+  }, [walletAddress, game.data?.bettors]);
+  const isResolved = game.data?.isResolved ?? false;
+  const isRefund = isResolved && game.data?.winnerSide === null;
+  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 = useCallback16(
+    (result) => {
+      claimStatus.refetch();
+      onSuccess?.(result);
+    },
+    [claimStatus.refetch, onSuccess]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  if (game.loading || claimStatus.loading || !game.data || !walletAddress || !isEligible) {
+    return null;
+  }
+  const label = isRefund ? "Refund" : "Prize";
+  if (claimStatus.hasClaimed) {
+    return /* @__PURE__ */ jsx15(
+      TouchableOpacity9,
+      {
+        style: [styles12.badge, { borderColor: t.accent }, style],
+        activeOpacity: 1,
+        disabled: true,
+        children: /* @__PURE__ */ jsxs13(Text13, { style: [styles12.badgeText, { color: t.accent }], children: [
+          label,
+          " Claimed!"
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx15(
+      TouchableOpacity9,
+      {
+        style: [styles12.button, { backgroundColor: t.accent }, style],
+        activeOpacity: 0.8,
+        onPress: () => setSheetVisible(true),
+        children: /* @__PURE__ */ jsxs13(Text13, { style: styles12.buttonText, children: [
+          "Claim ",
+          label,
+          " \u2014 ",
+          prizeAmount,
+          " SOL"
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx15(
+      ClaimPrizeSheet,
+      {
+        visible: sheetVisible,
+        onDismiss: () => setSheetVisible(false),
+        gameId,
+        prizeAmount,
+        isRefund,
+        onSuccess: handleSuccess,
+        onError
+      }
+    )
+  ] });
+}
+var styles12 = StyleSheet13.create({
+  button: {
+    height: 52,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 20
+  },
+  buttonText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  badge: {
+    height: 52,
+    borderRadius: 14,
+    borderWidth: 2,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 20
+  },
+  badgeText: {
+    fontSize: 16,
+    fontWeight: "700"
+  }
+});
 export {
   AuthGate,
+  ClaimButton,
   ClaimPrizeSheet,
   ConnectWalletScreen,
   CreateCustomGameSheet,