@dubsdotapp/expo 0.5.32 → 0.5.34

package/dist/index.d.mts

@@ -104,6 +104,14 @@ interface CreateGameParams {
     playerWallet: string;
     teamChoice: 'home' | 'away' | 'draw';
     wagerAmount: number;
+    /**
+     * When true, fund create+join with one of the user's active 0.01 SOL
+     * streak credits instead of paying rent + buy-in from their own
+     * wallet. SDK picks the oldest credit (FIFO). Treasury covers rent
+     * + buy-in; player only signs to consent. Buy-in is forced to the
+     * credit amount.
+     */
+    useCredit?: boolean;
 }
 interface CreateGameResult {
     gameId: string;
@@ -111,6 +119,11 @@ interface CreateGameResult {
     transaction: string;
     lockTimestamp: number;
     event: UnifiedEvent;
+    /** Set when sponsored — echoed back to confirmGame for mark-as-used. */
+    promoCode?: string;
+    sponsorWallet?: string;
+    /** Server-confirmed wager amount (== credit amount when sponsored). */
+    wagerAmount?: number;
 }
 interface CreateCustomGameParams {
     playerWallet: string;
@@ -131,11 +144,25 @@ interface JoinGameParams {
     gameId: string;
     teamChoice: 'home' | 'away' | 'draw';
     amount: number;
+    /**
+     * When true, spend one of the user's active 0.01 SOL streak credits
+     * instead of paying buy-in from the player's own wallet. The SDK
+     * picks the oldest credit (FIFO). The treasury covers buy-in + tx
+     * fee; the player only signs to consent. No-op if the user has no
+     * active credits — call useCredits() to check before enabling.
+     */
+    useCredit?: boolean;
 }
 interface JoinGameResult {
     gameId: string;
     transaction: string;
     gameAddress: string;
+    /**
+     * Set when this join was sponsored. The mutation hook echoes this
+     * back to confirmGame so the server can mark the credit as used.
+     */
+    promoCode?: string;
+    sponsorWallet?: string;
 }
 interface ConfirmGameParams {
     gameId: string;
@@ -145,6 +172,8 @@ interface ConfirmGameParams {
     wagerAmount?: number;
     role?: 'creator' | 'joiner';
     gameAddress?: string;
+    /** Echoed back from a sponsored joinGame so the server marks the credit as used. */
+    promoCode?: string;
 }
 interface ConfirmGameResult {
     gameId: string;

package/dist/index.d.ts

@@ -104,6 +104,14 @@ interface CreateGameParams {
     playerWallet: string;
     teamChoice: 'home' | 'away' | 'draw';
     wagerAmount: number;
+    /**
+     * When true, fund create+join with one of the user's active 0.01 SOL
+     * streak credits instead of paying rent + buy-in from their own
+     * wallet. SDK picks the oldest credit (FIFO). Treasury covers rent
+     * + buy-in; player only signs to consent. Buy-in is forced to the
+     * credit amount.
+     */
+    useCredit?: boolean;
 }
 interface CreateGameResult {
     gameId: string;
@@ -111,6 +119,11 @@ interface CreateGameResult {
     transaction: string;
     lockTimestamp: number;
     event: UnifiedEvent;
+    /** Set when sponsored — echoed back to confirmGame for mark-as-used. */
+    promoCode?: string;
+    sponsorWallet?: string;
+    /** Server-confirmed wager amount (== credit amount when sponsored). */
+    wagerAmount?: number;
 }
 interface CreateCustomGameParams {
     playerWallet: string;
@@ -131,11 +144,25 @@ interface JoinGameParams {
     gameId: string;
     teamChoice: 'home' | 'away' | 'draw';
     amount: number;
+    /**
+     * When true, spend one of the user's active 0.01 SOL streak credits
+     * instead of paying buy-in from the player's own wallet. The SDK
+     * picks the oldest credit (FIFO). The treasury covers buy-in + tx
+     * fee; the player only signs to consent. No-op if the user has no
+     * active credits — call useCredits() to check before enabling.
+     */
+    useCredit?: boolean;
 }
 interface JoinGameResult {
     gameId: string;
     transaction: string;
     gameAddress: string;
+    /**
+     * Set when this join was sponsored. The mutation hook echoes this
+     * back to confirmGame so the server can mark the credit as used.
+     */
+    promoCode?: string;
+    sponsorWallet?: string;
 }
 interface ConfirmGameParams {
     gameId: string;
@@ -145,6 +172,8 @@ interface ConfirmGameParams {
     wagerAmount?: number;
     role?: 'creator' | 'joiner';
     gameAddress?: string;
+    /** Echoed back from a sponsored joinGame so the server marks the credit as used. */
+    promoCode?: string;
 }
 interface ConfirmGameResult {
     gameId: string;

package/dist/index.js

@@ -370,6 +370,22 @@ var DubsClient = class {
     };
   }
   async createGame(params) {
+    if (params.useCredit) {
+      const res2 = await this.request("POST", "/games/create-sponsored", {
+        id: params.id,
+        teamChoice: params.teamChoice
+      });
+      return {
+        gameId: res2.gameId,
+        gameAddress: res2.gameAddress,
+        transaction: res2.transaction,
+        lockTimestamp: res2.lockTimestamp,
+        event: res2.event,
+        promoCode: res2.promoCode,
+        sponsorWallet: res2.sponsorWallet,
+        wagerAmount: res2.wagerAmount
+      };
+    }
     const res = await this.request(
       "POST",
       "/games/create",
@@ -384,6 +400,19 @@ var DubsClient = class {
     };
   }
   async joinGame(params) {
+    if (params.useCredit) {
+      const res2 = await this.request("POST", "/games/join-sponsored", {
+        gameId: params.gameId,
+        teamChoice: params.teamChoice
+      });
+      return {
+        gameId: res2.gameId,
+        transaction: res2.transaction,
+        gameAddress: res2.gameAddress,
+        promoCode: res2.promoCode,
+        sponsorWallet: res2.sponsorWallet
+      };
+    }
     const res = await this.request(
       "POST",
       "/games/join",
@@ -2167,14 +2196,18 @@ function useCreateGame() {
       console.log("[useCreateGame] Step 2 done. Signature:", signature);
       setStatus("confirming");
       console.log("[useCreateGame] Step 3: Confirming with backend...");
+      const wagerAmount = createResult.wagerAmount ?? params.wagerAmount;
       const confirmResult = await client.confirmGame({
         gameId: createResult.gameId,
         playerWallet: params.playerWallet,
         signature,
         teamChoice: params.teamChoice,
-        wagerAmount: params.wagerAmount,
+        wagerAmount,
         role: "creator",
-        gameAddress: createResult.gameAddress
+        gameAddress: createResult.gameAddress,
+        // Echo the credit code through so the server marks it as used
+        // after the on-chain confirm succeeds.
+        promoCode: createResult.promoCode
       });
       console.log("[useCreateGame] Step 3 done.");
       const result = {
@@ -2191,14 +2224,14 @@ function useCreateGame() {
         const home = event?.opponents?.[0]?.name ?? null;
         const away = event?.opponents?.[1]?.name ?? null;
         const teamLabel = params.teamChoice === "home" ? teamNickname(home) : params.teamChoice === "away" ? teamNickname(away) : "Draw";
-        const message = `I just placed a ${params.wagerAmount} SOL bet on ${teamLabel} - Join me!`;
+        const message = `I just placed a ${wagerAmount} SOL bet on ${teamLabel} - Join me!`;
         const gameInvite = {
           gameId: createResult.gameId,
           gameAddress: createResult.gameAddress,
           title: event?.title,
           league: event?.league,
           gameType: "sports",
-          buyIn: params.wagerAmount,
+          buyIn: wagerAmount,
           status: "waiting",
           homeTeam: home,
           awayTeam: away,
@@ -2263,7 +2296,10 @@ function useJoinGame() {
         teamChoice: params.teamChoice,
         wagerAmount: params.amount,
         role: "joiner",
-        gameAddress: joinResult.gameAddress
+        gameAddress: joinResult.gameAddress,
+        // Pass through when this was a sponsored join — server marks
+        // the credit as used after the on-chain confirm succeeds.
+        promoCode: joinResult.promoCode
       };
       console.log("[useJoinGame] Step 3: Confirming with backend...", confirmParams);
       const confirmResult = await client.confirmGame(confirmParams);
@@ -6077,10 +6113,14 @@ function JoinGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useJoinGame();
+  const { credits, refetch: refetchCredits } = useCredits();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
   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 [useCredit, setUseCredit] = (0, import_react41.useState)(false);
+  const oldestCredit = credits.length > 0 ? credits[0] : null;
+  const canUseCredit = !!oldestCredit && Math.round(oldestCredit.amountSOL * 1e9) >= Math.round(game.buyIn * 1e9);
   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;
@@ -6169,11 +6209,15 @@ function JoinGameSheet({
         playerWallet: wallet.publicKey.toBase58(),
         gameId: game.gameId,
         teamChoice: selectedTeam,
-        amount: wager
+        // When useCredit is on, the on-chain instruction transfers
+        // exactly the credit's amount; pass that as the wager.
+        amount: useCredit && oldestCredit ? oldestCredit.amountSOL : wager,
+        useCredit: useCredit && canUseCredit ? true : void 0
       });
+      if (useCredit) refetchCredits();
     } catch {
     }
-  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, wager]);
+  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, wager, useCredit, oldestCredit, canUseCredit, refetchCredits]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     import_react_native21.Modal,
@@ -6376,7 +6420,26 @@ function JoinGameSheet({
                   ] })
                 ] })
               ] }),
-              selectedTeam && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              selectedTeam && !alreadyJoined && canUseCredit && oldestCredit && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                import_react_native21.TouchableOpacity,
+                {
+                  style: [styles15.creditRow, { backgroundColor: useCredit ? "#22C55E18" : t.surface, borderColor: useCredit ? "#22C55E" : t.border }],
+                  activeOpacity: 0.8,
+                  onPress: () => setUseCredit((v) => !v),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.creditRowText, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.creditTitle, { color: useCredit ? "#22C55E" : t.text }], children: [
+                        "\u{1F381} Use my ",
+                        formatSol(oldestCredit.amountSOL),
+                        " SOL credit"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.creditSub, { color: t.textMuted }], children: useCredit ? "Treasury covers this bet \u2014 wager locked to credit amount" : `${credits.length} credit${credits.length === 1 ? "" : "s"} available from your streak` })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.creditCheckbox, useCredit && { backgroundColor: "#22C55E", borderColor: "#22C55E" }], children: useCredit && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.creditCheck, children: "\u2713" }) })
+                  ]
+                }
+              ),
+              selectedTeam && !isPoolModeEnabled && !alreadyJoined && !useCredit && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 SolSlider,
                 {
                   value: wager,
@@ -6714,6 +6777,41 @@ var styles15 = import_react_native21.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 10
+  },
+  creditRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    marginTop: 12,
+    padding: 12,
+    borderRadius: 12,
+    borderWidth: 1.5
+  },
+  creditRowText: {
+    flex: 1,
+    gap: 2
+  },
+  creditTitle: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  creditSub: {
+    fontSize: 12,
+    fontWeight: "500"
+  },
+  creditCheckbox: {
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    borderWidth: 2,
+    borderColor: "#3A3A3C",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  creditCheck: {
+    color: "#FFFFFF",
+    fontSize: 14,
+    fontWeight: "900"
   }
 });
 
@@ -7534,9 +7632,13 @@ function CreateGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateGame();
+  const { credits, refetch: refetchCredits } = useCredits();
   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 [useCredit, setUseCredit] = (0, import_react46.useState)(false);
+  const oldestCredit = credits.length > 0 ? credits[0] : null;
+  const canUseCredit = !!oldestCredit;
   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;
@@ -7591,11 +7693,16 @@ function CreateGameSheet({
         id: event.id,
         playerWallet: wallet.publicKey.toBase58(),
         teamChoice: selectedTeam,
-        wagerAmount: wager
+        // When sponsoring, the on-chain instruction forces buy-in to
+        // the credit's amount; pass that so client-side wager state
+        // matches what gets recorded.
+        wagerAmount: useCredit && oldestCredit ? oldestCredit.amountSOL : wager,
+        useCredit: useCredit && canUseCredit ? true : void 0
       });
+      if (useCredit) refetchCredits();
     } catch {
     }
-  }, [selectedTeam, wallet.publicKey, mutation.execute, event.id, wager]);
+  }, [selectedTeam, wallet.publicKey, mutation.execute, event.id, wager, useCredit, oldestCredit, canUseCredit, refetchCredits]);
   const statusLabel = STATUS_LABELS6[mutation.status] || "";
   const startTime = event.startTime ? new Date(event.startTime) : null;
   const timeLabel = startTime ? startTime.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" }) + " at " + startTime.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" }) : "TBD";
@@ -7670,7 +7777,26 @@ function CreateGameSheet({
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.summaryValue, { color: t.success }], children: "Set the odds" })
         ] })
       ] }),
-      selectedTeam && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      selectedTeam && canUseCredit && oldestCredit && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        import_react_native26.TouchableOpacity,
+        {
+          style: [styles20.creditRow, { backgroundColor: useCredit ? "#22C55E18" : t.surface, borderColor: useCredit ? "#22C55E" : t.border }],
+          activeOpacity: 0.8,
+          onPress: () => setUseCredit((v) => !v),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.creditRowText, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.Text, { style: [styles20.creditTitle, { color: useCredit ? "#22C55E" : t.text }], children: [
+                "\u{1F381} Use my ",
+                formatSol2(oldestCredit.amountSOL),
+                " SOL credit"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.creditSub, { color: t.textMuted }], children: useCredit ? "Treasury covers rent + buy-in" : `${credits.length} credit${credits.length === 1 ? "" : "s"} from your streak` })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: [styles20.creditCheckbox, useCredit && { backgroundColor: "#22C55E", borderColor: "#22C55E" }], children: useCredit && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: styles20.creditCheck, children: "\u2713" }) })
+          ]
+        }
+      ),
+      selectedTeam && !useCredit && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         SolSlider,
         {
           value: wager,
@@ -7724,6 +7850,12 @@ var styles20 = import_react_native26.StyleSheet.create({
   ctaButton: { marginTop: 16, height: 54, borderRadius: 14, justifyContent: "center", alignItems: "center" },
   ctaText: { color: "#FFFFFF", fontSize: 16, fontWeight: "700" },
   ctaLoading: { flexDirection: "row", alignItems: "center", gap: 10 },
+  creditRow: { flexDirection: "row", alignItems: "center", gap: 12, marginTop: 12, padding: 12, borderRadius: 12, borderWidth: 1.5 },
+  creditRowText: { flex: 1, gap: 2 },
+  creditTitle: { fontSize: 14, fontWeight: "700" },
+  creditSub: { fontSize: 12, fontWeight: "500" },
+  creditCheckbox: { width: 22, height: 22, borderRadius: 11, borderWidth: 2, borderColor: "#3A3A3C", alignItems: "center", justifyContent: "center" },
+  creditCheck: { color: "#FFFFFF", fontSize: 14, fontWeight: "900" },
   successOverlay: { ...import_react_native26.StyleSheet.absoluteFillObject, zIndex: 100, alignItems: "center", justifyContent: "center", backgroundColor: "rgba(0,0,0,0.85)" },
   successContent: { alignItems: "center", gap: 12 },
   successEmoji: { fontSize: 64 },