@dubsdotapp/expo 0.5.28 → 0.5.30

package/package.json

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

package/src/client.ts

@@ -651,8 +651,21 @@ export class DubsClient {
     return this.request('GET', `/chat/messages${query ? `?${query}` : ''}`);
   }
 
-  /** Send a message to global chat */
-  async sendChatMessage(params: { message: string; replyToId?: number }): Promise<{ message: any }> {
+  /**
+   * Send a message to global chat. Mirrors the same payload accepted by
+   * the chat socket's `send_message` event so REST callers (e.g. the
+   * useCreateGame auto-share) can attach a `gameInvite` chip, GIF, P&L
+   * share, payment signature, or @mention IDs alongside the text.
+   */
+  async sendChatMessage(params: {
+    message: string;
+    replyToId?: number;
+    gameInvite?: Record<string, unknown>;
+    mentions?: number[];
+    gifUrl?: string;
+    pnlShare?: Record<string, unknown>;
+    paymentSignature?: string;
+  }): Promise<{ message: any }> {
     return this.request('POST', '/chat/message', params);
   }
 

package/src/hooks/useCreateGame.ts

@@ -3,6 +3,18 @@ import { useDubs } from '../provider';
 import { signAndSendBase64Transaction } from '../utils/transaction';
 import type { CreateGameParams, MutationStatus } from '../types';
 
+/**
+ * Pull a short, recognisable team name from a long display name. Mirrors
+ * the `getTeamNickname` helper the website uses when composing the
+ * "I just placed a bet on X" share message — keeps the chat-feed text
+ * tight ("Mariners" rather than "Seattle Mariners").
+ */
+function teamNickname(name: string | null | undefined): string {
+  if (!name) return 'TBD';
+  const parts = name.split(' ');
+  return parts.length > 2 ? parts[parts.length - 1] : name;
+}
+
 export interface CreateGameMutationResult {
   gameId: string;
   gameAddress: string;
@@ -67,6 +79,46 @@ export function useCreateGame() {
       setData(result);
       setStatus('success');
       console.log('[useCreateGame] Complete!');
+
+      // Auto-share to global chat. Mirrors the dubs.app website's
+      // BetCreationModal behaviour so a bet placed from any client surfaces
+      // in chat with a tappable game-invite chip and a "Join me!" CTA.
+      // Fire-and-forget: a chat-broadcast failure must not surface as a
+      // create-game error, the on-chain bet is already settled.
+      try {
+        const event = createResult.event;
+        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 gameInvite = {
+          gameId: createResult.gameId,
+          gameAddress: createResult.gameAddress,
+          title: event?.title,
+          league: event?.league,
+          gameType: 'sports',
+          buyIn: params.wagerAmount,
+          status: 'waiting',
+          homeTeam: home,
+          awayTeam: away,
+          homeTeamBadge: event?.opponents?.[0]?.imageUrl ?? null,
+          awayTeamBadge: event?.opponents?.[1]?.imageUrl ?? null,
+          imageUrl: event?.media?.thumbnail ?? null,
+          strThumb: event?.media?.thumbnail ?? null,
+          strPoster: event?.media?.poster ?? null,
+          strTimestamp: event?.startTime ?? null,
+          creatorTeam: params.teamChoice,
+          creatorWallet: params.playerWallet,
+        } as Record<string, unknown>;
+        await client.sendChatMessage({ message, gameInvite });
+      } catch (chatErr) {
+        console.warn('[useCreateGame] Auto chat-share failed (non-fatal):', chatErr);
+      }
+
       return result;
     } catch (err) {
       console.error('[useCreateGame] FAILED:', err);

package/src/ui/game/JoinGameSheet.tsx

@@ -167,19 +167,26 @@ export function JoinGameSheet({
     const homeBetsCount = bettors.filter(b => b.team === 'home').length;
     const awayBetsCount = bettors.filter(b => b.team === 'away').length;
     const drawBetsCount = bettors.filter(b => b.team === 'draw').length;
+    // Show comparable odds for every side by computing each as "if I bet
+    // `wager` on this team". Total pool grows by `wager` regardless of
+    // which side you pick, so newPool is constant; only the side pool
+    // shifts. Previously this only added `wager` to the *selected* side,
+    // which left an unbetted side with sidePool === 0 → odds shown as
+    // "—". Empty sides now show their (high) implied multiplier so the
+    // user can actually compare risk/return before committing.
     const newPool = totalPool + wager;
-    const newHome = homePool + (selectedTeam === 'home' ? wager : 0);
-    const newAway = awayPool + (selectedTeam === 'away' ? wager : 0);
-    const newDraw = drawPool + (selectedTeam === 'draw' ? wager : 0);
+    const homeWith = homePool + wager;
+    const awayWith = awayPool + wager;
+    const drawWith = drawPool + wager;
     return {
-      homeOdds: newHome > 0 ? (newPool / newHome).toFixed(2) : '—',
-      awayOdds: newAway > 0 ? (newPool / newAway).toFixed(2) : '—',
-      drawOdds: newDraw > 0 ? (newPool / newDraw).toFixed(2) : '—',
+      homeOdds: homeWith > 0 ? (newPool / homeWith).toFixed(2) : '—',
+      awayOdds: awayWith > 0 ? (newPool / awayWith).toFixed(2) : '—',
+      drawOdds: drawWith > 0 ? (newPool / drawWith).toFixed(2) : '—',
       homeBets: homeBetsCount,
       awayBets: awayBetsCount,
       drawBets: drawBetsCount,
     };
-  }, [totalPool, homePool, awayPool, drawPool, bettors, wager, selectedTeam]);
+  }, [totalPool, homePool, awayPool, drawPool, bettors, wager]);
 
   const selectedOdds = selectedTeam === 'home' ? homeOdds : selectedTeam === 'away' ? awayOdds : selectedTeam === 'draw' ? drawOdds : '—';
   const potentialWinnings = selectedOdds !== '—' ? formatSol(parseFloat(selectedOdds) * wager) : '—';