@dubsdotapp/expo 0.2.32 → 0.2.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/client.ts

@@ -15,6 +15,8 @@ import type {
   ConfirmGameResult,
   BuildClaimParams,
   BuildClaimResult,
+  ConfirmClaimParams,
+  ConfirmClaimResult,
   GameDetail,
   GameListItem,
   GetGamesParams,
@@ -245,6 +247,20 @@ export class DubsClient {
     };
   }
 
+  async confirmClaim(gameId: string, params: ConfirmClaimParams): Promise<ConfirmClaimResult> {
+    const res = await this.request<{ success: true } & ConfirmClaimResult>(
+      'POST',
+      `/games/${encodeURIComponent(gameId)}/claim/confirm`,
+      params,
+    );
+    return {
+      gameId: res.gameId,
+      signature: res.signature,
+      explorerUrl: res.explorerUrl,
+      message: res.message,
+    };
+  }
+
   // ── Game Queries ──
 
   async getGame(gameId: string): Promise<GameDetail> {

package/src/hooks/useClaim.ts

@@ -21,7 +21,7 @@ export function useClaim() {
     setData(null);
   }, []);
 
-  const execute = useCallback(async (params: BuildClaimParams): Promise<ClaimMutationResult> => {
+  const execute = useCallback(async (params: BuildClaimParams & { amountClaimed?: number }): Promise<ClaimMutationResult> => {
     setStatus('building');
     setError(null);
     setData(null);
@@ -42,12 +42,20 @@ export function useClaim() {
       );
       console.log('[useClaim] Step 2 done. Signature:', signature);
 
-      // Claims don't need backend confirmation — the on-chain tx is the claim
-      const explorerUrl = `https://solscan.io/tx/${signature}`;
+      // 3. Confirm claim with backend (records signature + amount in DB)
+      setStatus('confirming');
+      console.log('[useClaim] Step 3: Confirming claim...');
+      const confirmResult = await client.confirmClaim(params.gameId, {
+        playerWallet: params.playerWallet,
+        signature,
+        amountClaimed: params.amountClaimed,
+      });
+      console.log('[useClaim] Step 3 done.');
+
       const result: ClaimMutationResult = {
         gameId: params.gameId,
         signature,
-        explorerUrl,
+        explorerUrl: confirmResult.explorerUrl,
       };
 
       setData(result);

package/src/index.ts

@@ -31,6 +31,8 @@ export type {
   ConfirmGameResult,
   BuildClaimParams,
   BuildClaimResult,
+  ConfirmClaimParams,
+  ConfirmClaimResult,
   Bettor,
   GameDetail,
   GameMedia,

package/src/types.ts

@@ -170,6 +170,21 @@ export interface BuildClaimResult {
   message: string;
 }
 
+// ── Confirm Claim ──
+
+export interface ConfirmClaimParams {
+  playerWallet: string;
+  signature: string;
+  amountClaimed?: number;
+}
+
+export interface ConfirmClaimResult {
+  gameId: string;
+  signature: string;
+  explorerUrl: string;
+  message: string;
+}
+
 // ── Game Detail (returned by /games/:gameId) ──
 
 export interface GameMedia {

package/src/ui/game/ClaimPrizeSheet.tsx

@@ -29,6 +29,7 @@ export interface ClaimPrizeSheetProps {
 const STATUS_LABELS: Record<string, string> = {
   building: 'Building transaction...',
   signing: 'Approve in wallet...',
+  confirming: 'Confirming...',
   success: 'Claimed!',
 };
 
@@ -113,11 +114,12 @@ export function ClaimPrizeSheet({
       await mutation.execute({
         playerWallet: wallet.publicKey.toBase58(),
         gameId,
+        amountClaimed: prizeAmount,
       });
     } catch {
       // Error is already captured in mutation state
     }
-  }, [wallet.publicKey, mutation.execute, gameId]); // eslint-disable-line react-hooks/exhaustive-deps
+  }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const statusLabel = STATUS_LABELS[mutation.status] || '';