@dubsdotapp/expo 0.5.31 → 0.5.33

package/dist/index.mjs

@@ -271,6 +271,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",
@@ -2170,7 +2183,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);
@@ -3271,6 +3287,32 @@ function useEnterJackpot() {
 
 // src/hooks/useCredits.ts
 import { useState as useState26, useEffect as useEffect17, useCallback as useCallback24 } from "react";
+function useCredits() {
+  const { client } = useDubs();
+  const [credits, setCredits] = useState26([]);
+  const [totalLamports, setTotalLamports] = useState26(0);
+  const [totalSOL, setTotalSOL] = useState26(0);
+  const [loading, setLoading] = useState26(false);
+  const [error, setError] = useState26(null);
+  const fetch2 = useCallback24(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]);
+  useEffect17(() => {
+    fetch2();
+  }, [fetch2]);
+  return { credits, totalLamports, totalSOL, loading, error, refetch: fetch2 };
+}
 
 // src/ui/AvatarEditor.tsx
 import {
@@ -6018,10 +6060,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] = useState35(null);
   const [wager, setWager] = useState35(game.buyIn);
   const [showSuccess, setShowSuccess] = useState35(false);
+  const [useCredit, setUseCredit] = useState35(false);
+  const oldestCredit = credits.length > 0 ? credits[0] : null;
+  const canUseCredit = !!oldestCredit && oldestCredit.amountSOL >= game.buyIn;
   const overlayOpacity = useRef10(new Animated4.Value(0)).current;
   const successScale = useRef10(new Animated4.Value(0)).current;
   const successOpacity = useRef10(new Animated4.Value(0)).current;
@@ -6110,11 +6156,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__ */ jsxs15(
     Modal3,
@@ -6317,7 +6367,26 @@ function JoinGameSheet({
                   ] })
                 ] })
               ] }),
-              selectedTeam && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ jsx18(
+              selectedTeam && !alreadyJoined && canUseCredit && oldestCredit && /* @__PURE__ */ jsxs15(
+                TouchableOpacity11,
+                {
+                  style: [styles15.creditRow, { backgroundColor: useCredit ? "#22C55E18" : t.surface, borderColor: useCredit ? "#22C55E" : t.border }],
+                  activeOpacity: 0.8,
+                  onPress: () => setUseCredit((v) => !v),
+                  children: [
+                    /* @__PURE__ */ jsxs15(View16, { style: styles15.creditRowText, children: [
+                      /* @__PURE__ */ jsxs15(Text16, { style: [styles15.creditTitle, { color: useCredit ? "#22C55E" : t.text }], children: [
+                        "\u{1F381} Use my ",
+                        formatSol(oldestCredit.amountSOL),
+                        " SOL credit"
+                      ] }),
+                      /* @__PURE__ */ jsx18(Text16, { 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__ */ jsx18(View16, { style: [styles15.creditCheckbox, useCredit && { backgroundColor: "#22C55E", borderColor: "#22C55E" }], children: useCredit && /* @__PURE__ */ jsx18(Text16, { style: styles15.creditCheck, children: "\u2713" }) })
+                  ]
+                }
+              ),
+              selectedTeam && !isPoolModeEnabled && !alreadyJoined && !useCredit && /* @__PURE__ */ jsx18(
                 SolSlider,
                 {
                   value: wager,
@@ -6655,6 +6724,41 @@ var styles15 = StyleSheet16.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"
   }
 });
 
@@ -9400,6 +9504,7 @@ export {
   useConversations,
   useCreateCustomGame,
   useCreateGame,
+  useCredits,
   useDirectMessages,
   useDubs,
   useDubsTheme,