@dubsdotapp/expo 0.2.5 → 0.2.6

package/dist/index.js

@@ -32,6 +32,7 @@ var index_exports = {};
 __export(index_exports, {
   AuthGate: () => AuthGate,
   ConnectWalletScreen: () => ConnectWalletScreen,
+  CreateCustomGameSheet: () => CreateCustomGameSheet,
   DEFAULT_BASE_URL: () => DEFAULT_BASE_URL,
   DEFAULT_RPC_URL: () => DEFAULT_RPC_URL,
   DubsApiError: () => DubsApiError,
@@ -55,6 +56,7 @@ __export(index_exports, {
   useAppConfig: () => useAppConfig,
   useAuth: () => useAuth,
   useClaim: () => useClaim,
+  useCreateCustomGame: () => useCreateCustomGame,
   useCreateGame: () => useCreateGame,
   useDubs: () => useDubs,
   useDubsTheme: () => useDubsTheme,
@@ -327,6 +329,33 @@ var DubsClient = class {
       message: res.message
     };
   }
+  // ── Custom Game Lifecycle (game_mode=6) ──
+  async createCustomGame(params) {
+    const res = await this.request(
+      "POST",
+      "/games/custom/create",
+      params
+    );
+    return {
+      gameId: res.gameId,
+      gameAddress: res.gameAddress,
+      transaction: res.transaction,
+      lockTimestamp: res.lockTimestamp
+    };
+  }
+  async confirmCustomGame(params) {
+    const res = await this.request(
+      "POST",
+      "/games/custom/confirm",
+      params
+    );
+    return {
+      gameId: res.gameId,
+      signature: res.signature,
+      explorerUrl: res.explorerUrl,
+      message: res.message
+    };
+  }
   async buildClaimTransaction(params) {
     const res = await this.request(
       "POST",
@@ -522,7 +551,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_web33 = require("@solana/web3.js");
 
 // src/managed-wallet.tsx
@@ -910,7 +939,7 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
 
 // src/hooks/useEvents.ts
@@ -1206,24 +1235,85 @@ function useClaim() {
   return { execute, status, error, data, reset };
 }
 
+// src/hooks/useCreateCustomGame.ts
+var import_react9 = require("react");
+function useCreateCustomGame() {
+  const { client, wallet } = useDubs();
+  const [status, setStatus] = (0, import_react9.useState)("idle");
+  const [error, setError] = (0, import_react9.useState)(null);
+  const [data, setData] = (0, import_react9.useState)(null);
+  const reset = (0, import_react9.useCallback)(() => {
+    setStatus("idle");
+    setError(null);
+    setData(null);
+  }, []);
+  const execute = (0, import_react9.useCallback)(async (params) => {
+    setStatus("building");
+    setError(null);
+    setData(null);
+    try {
+      console.log("[useCreateCustomGame] Step 1: Building transaction...");
+      const createResult = await client.createCustomGame(params);
+      console.log("[useCreateCustomGame] Step 1 done:", { gameId: createResult.gameId, gameAddress: createResult.gameAddress });
+      setStatus("signing");
+      console.log("[useCreateCustomGame] Step 2: Signing and sending...");
+      const signature = await signAndSendBase64Transaction(
+        createResult.transaction,
+        wallet
+      );
+      console.log("[useCreateCustomGame] Step 2 done. Signature:", signature);
+      setStatus("confirming");
+      console.log("[useCreateCustomGame] Step 3: Confirming with backend...");
+      await client.confirmCustomGame({
+        gameId: createResult.gameId,
+        playerWallet: params.playerWallet,
+        signature,
+        teamChoice: params.teamChoice,
+        wagerAmount: params.wagerAmount,
+        role: "creator",
+        gameAddress: createResult.gameAddress
+      });
+      console.log("[useCreateCustomGame] Step 3 done.");
+      const explorerUrl = `https://solscan.io/tx/${signature}`;
+      const result = {
+        gameId: createResult.gameId,
+        gameAddress: createResult.gameAddress,
+        signature,
+        explorerUrl
+      };
+      setData(result);
+      setStatus("success");
+      console.log("[useCreateCustomGame] Complete!");
+      return result;
+    } catch (err) {
+      console.error("[useCreateCustomGame] FAILED:", err);
+      const error2 = err instanceof Error ? err : new Error(String(err));
+      setError(error2);
+      setStatus("error");
+      throw error2;
+    }
+  }, [client, wallet]);
+  return { execute, status, error, data, reset };
+}
+
 // src/hooks/useAuth.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_bs58 = __toESM(require("bs58"));
 
 // src/auth-context.ts
-var import_react9 = require("react");
-var AuthContext = (0, import_react9.createContext)(null);
+var import_react10 = require("react");
+var AuthContext = (0, import_react10.createContext)(null);
 
 // src/hooks/useAuth.ts
 function useAuth() {
-  const sharedAuth = (0, import_react10.useContext)(AuthContext);
+  const sharedAuth = (0, import_react11.useContext)(AuthContext);
   const { client, wallet } = useDubs();
-  const [status, setStatus] = (0, import_react10.useState)("idle");
-  const [user, setUser] = (0, import_react10.useState)(null);
-  const [token, setToken] = (0, import_react10.useState)(null);
-  const [error, setError] = (0, import_react10.useState)(null);
-  const pendingAuth = (0, import_react10.useRef)(null);
-  const reset = (0, import_react10.useCallback)(() => {
+  const [status, setStatus] = (0, import_react11.useState)("idle");
+  const [user, setUser] = (0, import_react11.useState)(null);
+  const [token, setToken] = (0, import_react11.useState)(null);
+  const [error, setError] = (0, import_react11.useState)(null);
+  const pendingAuth = (0, import_react11.useRef)(null);
+  const reset = (0, import_react11.useCallback)(() => {
     setStatus("idle");
     setUser(null);
     setToken(null);
@@ -1231,7 +1321,7 @@ function useAuth() {
     pendingAuth.current = null;
     client.setToken(null);
   }, [client]);
-  const authenticate = (0, import_react10.useCallback)(async () => {
+  const authenticate = (0, import_react11.useCallback)(async () => {
     try {
       if (!wallet.publicKey) {
         throw new Error("Wallet not connected");
@@ -1262,7 +1352,7 @@ function useAuth() {
       setStatus("error");
     }
   }, [client, wallet]);
-  const register = (0, import_react10.useCallback)(async (username, referralCode, avatarUrl) => {
+  const register = (0, import_react11.useCallback)(async (username, referralCode, avatarUrl) => {
     try {
       const pending = pendingAuth.current;
       if (!pending) {
@@ -1288,7 +1378,7 @@ function useAuth() {
       setStatus("error");
     }
   }, [client]);
-  const logout = (0, import_react10.useCallback)(async () => {
+  const logout = (0, import_react11.useCallback)(async () => {
     try {
       await client.logout();
     } catch {
@@ -1299,7 +1389,7 @@ function useAuth() {
     setError(null);
     pendingAuth.current = null;
   }, [client]);
-  const restoreSession = (0, import_react10.useCallback)(async (savedToken) => {
+  const restoreSession = (0, import_react11.useCallback)(async (savedToken) => {
     try {
       client.setToken(savedToken);
       const me = await client.getMe();
@@ -1358,9 +1448,9 @@ function AuthGate({
 }) {
   const { client } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = (0, import_react11.useState)("init");
-  const [registrationPhase, setRegistrationPhase] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  const [phase, setPhase] = (0, import_react12.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -1386,18 +1476,18 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = (0, import_react11.useCallback)(() => {
+  const retry = (0, import_react12.useCallback)(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = (0, import_react11.useCallback)(
+  const handleRegister = (0, import_react12.useCallback)(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -1476,7 +1566,7 @@ function DefaultErrorScreen({ error, onRetry, appName, accentColor }) {
 function StepIndicator({ currentStep }) {
   const t = useDubsTheme();
   const steps = [0, 1, 2, 3];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react11.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react12.default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_react_native3.View,
@@ -1500,19 +1590,19 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = (0, import_react11.useState)(0);
-  const [avatarSeed, setAvatarSeed] = (0, import_react11.useState)(generateSeed);
-  const [avatarStyle, setAvatarStyle] = (0, import_react11.useState)("adventurer");
-  const [showStyles, setShowStyles] = (0, import_react11.useState)(false);
-  const [username, setUsername] = (0, import_react11.useState)("");
-  const [referralCode, setReferralCode] = (0, import_react11.useState)("");
-  const [checking, setChecking] = (0, import_react11.useState)(false);
-  const [availability, setAvailability] = (0, import_react11.useState)(null);
-  const debounceRef = (0, import_react11.useRef)(null);
-  const fadeAnim = (0, import_react11.useRef)(new import_react_native3.Animated.Value(1)).current;
-  const slideAnim = (0, import_react11.useRef)(new import_react_native3.Animated.Value(0)).current;
+  const [step, setStep] = (0, import_react12.useState)(0);
+  const [avatarSeed, setAvatarSeed] = (0, import_react12.useState)(generateSeed);
+  const [avatarStyle, setAvatarStyle] = (0, import_react12.useState)("adventurer");
+  const [showStyles, setShowStyles] = (0, import_react12.useState)(false);
+  const [username, setUsername] = (0, import_react12.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react12.useState)("");
+  const [checking, setChecking] = (0, import_react12.useState)(false);
+  const [availability, setAvailability] = (0, import_react12.useState)(null);
+  const debounceRef = (0, import_react12.useRef)(null);
+  const fadeAnim = (0, import_react12.useRef)(new import_react_native3.Animated.Value(1)).current;
+  const slideAnim = (0, import_react12.useRef)(new import_react_native3.Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -1535,7 +1625,7 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = (0, import_react11.useCallback)((newStep) => {
+  const animateToStep = (0, import_react12.useCallback)((newStep) => {
     const dir = newStep > step ? 1 : -1;
     import_react_native3.Keyboard.dismiss();
     import_react_native3.Animated.parallel([
@@ -1834,7 +1924,7 @@ var s = import_react_native3.StyleSheet.create({
 
 // src/provider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var DubsContext = (0, import_react12.createContext)(null);
+var DubsContext = (0, import_react13.createContext)(null);
 function DubsProvider({
   apiKey,
   children,
@@ -1854,11 +1944,11 @@ function DubsProvider({
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
   const cluster = config.cluster;
-  const client = (0, import_react12.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const connection = (0, import_react12.useMemo)(() => new import_web33.Connection(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
-  const storage = (0, import_react12.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const client = (0, import_react13.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const connection = (0, import_react13.useMemo)(() => new import_web33.Connection(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
+  const storage = (0, import_react13.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     client.getAppConfig().then((config2) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(config2));
       setUiConfig(config2);
@@ -1933,11 +2023,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = (0, import_react12.useCallback)(async () => {
+  const disconnect = (0, import_react13.useCallback)(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = (0, import_react12.useMemo)(
+  const value = (0, import_react13.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
     [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
@@ -1973,13 +2063,13 @@ function ExternalWalletProvider({
   uiConfig,
   children
 }) {
-  const disconnect = (0, import_react12.useCallback)(async () => {
+  const disconnect = (0, import_react13.useCallback)(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = (0, import_react12.useMemo)(
+  const value = (0, import_react13.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
     [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
@@ -2004,19 +2094,19 @@ function ExternalWalletProvider({
   ) });
 }
 function useDubs() {
-  const ctx = (0, import_react12.useContext)(DubsContext);
+  const ctx = (0, import_react13.useContext)(DubsContext);
   if (!ctx) {
     throw new Error("useDubs must be used within a <DubsProvider>");
   }
   return ctx;
 }
 function useAppConfig() {
-  const ctx = (0, import_react12.useContext)(DubsContext);
+  const ctx = (0, import_react13.useContext)(DubsContext);
   return ctx?.uiConfig || {};
 }
 
 // src/ui/UserProfileCard.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_native4 = require("react-native");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
@@ -2036,7 +2126,7 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react13.useMemo)(
+  const imageUri = (0, import_react14.useMemo)(
     () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
@@ -2229,7 +2319,7 @@ var styles3 = import_react_native5.StyleSheet.create({
 });
 
 // src/ui/game/GamePoster.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_react_native6 = require("react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function computeCountdown(lockTimestamp) {
@@ -2279,7 +2369,7 @@ function GamePoster({ game, ImageComponent }) {
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = (0, import_react14.useState)(false);
+  const [failed, setFailed] = (0, import_react15.useState)(false);
   if (!url || failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
@@ -2380,7 +2470,7 @@ var styles4 = import_react_native6.StyleSheet.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_react_native7 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function LivePoolsCard({
@@ -2396,7 +2486,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_react15.useMemo)(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react16.useMemo)(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -2459,7 +2549,7 @@ var styles5 = import_react_native7.StyleSheet.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_react_native8 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function PickWinnerCard({
@@ -2477,7 +2567,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_react16.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react17.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,
@@ -2530,7 +2620,7 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react16.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react17.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -2571,7 +2661,7 @@ var styles6 = import_react_native8.StyleSheet.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_react_native9 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function truncateWallet(addr, chars) {
@@ -2620,7 +2710,7 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react17.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react18.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: [styles7.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
@@ -2647,7 +2737,7 @@ var styles7 = import_react_native9.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_react_native10 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var STATUS_LABELS = {
@@ -2658,7 +2748,7 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = (0, import_react18.useMemo)(() => {
+  const alreadyJoined = (0, import_react19.useMemo)(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
@@ -2697,10 +2787,357 @@ var styles8 = import_react_native10.StyleSheet.create({
   buttonText: { color: "#000", fontSize: 16, fontWeight: "800" },
   joiningRow: { flexDirection: "row", alignItems: "center", gap: 10 }
 });
+
+// src/ui/game/CreateCustomGameSheet.tsx
+var import_react20 = require("react");
+var import_react_native11 = require("react-native");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var STATUS_LABELS2 = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  confirming: "Confirming...",
+  success: "Game Created!"
+};
+function CreateCustomGameSheet({
+  visible,
+  onDismiss,
+  title,
+  maxPlayers = 2,
+  fee = 5,
+  presetAmounts = [0.1, 0.5, 1],
+  metadata,
+  onSuccess,
+  onError
+}) {
+  const t = useDubsTheme();
+  const { wallet } = useDubs();
+  const mutation = useCreateCustomGame();
+  const [selectedAmount, setSelectedAmount] = (0, import_react20.useState)(null);
+  const [customAmount, setCustomAmount] = (0, import_react20.useState)("");
+  const [isCustom, setIsCustom] = (0, import_react20.useState)(false);
+  const overlayOpacity = (0, import_react20.useRef)(new import_react_native11.Animated.Value(0)).current;
+  (0, import_react20.useEffect)(() => {
+    import_react_native11.Animated.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  (0, import_react20.useEffect)(() => {
+    if (visible) {
+      setSelectedAmount(null);
+      setCustomAmount("");
+      setIsCustom(false);
+      mutation.reset();
+    }
+  }, [visible]);
+  (0, import_react20.useEffect)(() => {
+    if (mutation.status === "success" && mutation.data) {
+      onSuccess?.(mutation.data);
+      const timer = setTimeout(() => {
+        onDismiss();
+      }, 1500);
+      return () => clearTimeout(timer);
+    }
+  }, [mutation.status, mutation.data]);
+  (0, import_react20.useEffect)(() => {
+    if (mutation.status === "error" && mutation.error) {
+      onError?.(mutation.error);
+    }
+  }, [mutation.status, mutation.error]);
+  const handlePresetSelect = (0, import_react20.useCallback)((amount) => {
+    setSelectedAmount(amount);
+    setIsCustom(false);
+    setCustomAmount("");
+  }, []);
+  const handleCustomSelect = (0, import_react20.useCallback)(() => {
+    setIsCustom(true);
+    setSelectedAmount(null);
+  }, []);
+  const handleCustomAmountChange = (0, import_react20.useCallback)((text) => {
+    const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
+    setCustomAmount(cleaned);
+    const parsed = parseFloat(cleaned);
+    setSelectedAmount(parsed > 0 ? parsed : null);
+  }, []);
+  const effectiveAmount = selectedAmount;
+  const playerCount = maxPlayers || 2;
+  const pot = effectiveAmount ? effectiveAmount * playerCount : 0;
+  const winnerTakes = pot * (1 - fee / 100);
+  const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
+  const canCreate = effectiveAmount !== null && effectiveAmount > 0 && !isMutating && mutation.status !== "success";
+  const handleCreate = (0, import_react20.useCallback)(async () => {
+    if (!effectiveAmount || !wallet.publicKey) return;
+    try {
+      await mutation.execute({
+        playerWallet: wallet.publicKey.toBase58(),
+        teamChoice: "home",
+        wagerAmount: effectiveAmount,
+        title,
+        maxPlayers,
+        metadata
+      });
+    } catch {
+    }
+  }, [effectiveAmount, wallet.publicKey, mutation.execute, title, maxPlayers, metadata]);
+  const statusLabel = STATUS_LABELS2[mutation.status] || "";
+  const playersLabel = playerCount === 2 ? "2 (1v1)" : `${playerCount} players`;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react_native11.Modal,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Animated.View, { style: [styles9.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.TouchableOpacity, { style: styles9.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react_native11.KeyboardAvoidingView,
+          {
+            style: styles9.keyboardView,
+            behavior: import_react_native11.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: styles9.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: [styles9.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: styles9.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: [styles9.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.headerTitle, { color: t.text }], children: "New Game" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.chipsRow, children: [
+                  presetAmounts.map((amount) => {
+                    const active = !isCustom && selectedAmount === amount;
+                    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      import_react_native11.TouchableOpacity,
+                      {
+                        style: [
+                          styles9.chip,
+                          { borderColor: active ? t.accent : t.border },
+                          active && { backgroundColor: t.accent }
+                        ],
+                        onPress: () => handlePresetSelect(amount),
+                        activeOpacity: 0.8,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.Text, { style: [styles9.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
+                          amount,
+                          " SOL"
+                        ] })
+                      },
+                      amount
+                    );
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    import_react_native11.TouchableOpacity,
+                    {
+                      style: [
+                        styles9.chip,
+                        { borderColor: isCustom ? t.accent : t.border },
+                        isCustom && { backgroundColor: t.accent }
+                      ],
+                      onPress: handleCustomSelect,
+                      activeOpacity: 0.8,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
+                    }
+                  )
+                ] }),
+                isCustom && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_react_native11.TextInput,
+                  {
+                    style: [styles9.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
+                    placeholder: "Enter amount in SOL",
+                    placeholderTextColor: t.textDim,
+                    keyboardType: "decimal-pad",
+                    value: customAmount,
+                    onChangeText: handleCustomAmountChange,
+                    autoFocus: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: [styles9.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: "Your buy-in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.summaryValue, { color: t.text }], children: effectiveAmount ? `${effectiveAmount} SOL` : "\u2014" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: "Players" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.summaryValue, { color: t.text }], children: playersLabel })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: "Winner Takes" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.winnerCol, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.summaryValue, { color: t.success }], children: effectiveAmount ? `${winnerTakes.toFixed(4)} SOL` : "\u2014" }),
+                    effectiveAmount ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.Text, { style: [styles9.feeNote, { color: t.textDim }], children: [
+                      fee,
+                      "% platform fee"
+                    ] }) : null
+                  ] })
+                ] })
+              ] }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: [styles9.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                import_react_native11.TouchableOpacity,
+                {
+                  style: [
+                    styles9.ctaButton,
+                    { backgroundColor: canCreate ? t.accent : t.border }
+                  ],
+                  disabled: !canCreate,
+                  onPress: handleCreate,
+                  activeOpacity: 0.8,
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { style: styles9.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: styles9.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: styles9.ctaText, children: STATUS_LABELS2.success }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { style: [styles9.ctaText, !canCreate && { opacity: 0.5 }], children: effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+}
+var styles9 = import_react_native11.StyleSheet.create({
+  overlay: {
+    ...import_react_native11.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
+  },
+  section: {
+    gap: 12,
+    paddingTop: 8
+  },
+  sectionLabel: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  chipsRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 10
+  },
+  chip: {
+    paddingHorizontal: 18,
+    paddingVertical: 10,
+    borderRadius: 14,
+    borderWidth: 1.5
+  },
+  chipText: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  input: {
+    height: 56,
+    borderRadius: 16,
+    borderWidth: 1.5,
+    paddingHorizontal: 16,
+    fontSize: 16
+  },
+  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
+  },
+  winnerCol: {
+    alignItems: "flex-end",
+    gap: 2
+  },
+  feeNote: {
+    fontSize: 11
+  },
+  errorBox: {
+    marginTop: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 12
+  },
+  errorText: {
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  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
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthGate,
   ConnectWalletScreen,
+  CreateCustomGameSheet,
   DEFAULT_BASE_URL,
   DEFAULT_RPC_URL,
   DubsApiError,
@@ -2724,6 +3161,7 @@ var styles8 = import_react_native10.StyleSheet.create({
   useAppConfig,
   useAuth,
   useClaim,
+  useCreateCustomGame,
   useCreateGame,
   useDubs,
   useDubsTheme,