@devrongx/games 0.4.0 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devrongx/games",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Game UI components for sports prediction markets",
   "license": "MIT",
   "main": "./src/index.ts",

package/src/games/prematch-bets/PreMatchBetsPopup.tsx

@@ -25,6 +25,7 @@ import { useTDMatches } from "../../matches/useTDMatches";
 import { buildPMBConfig } from "../../pools/mapper";
 import { joinTDPool, placeTDBets } from "../../pools/actions";
 import type { ITDLeaderboardEntry } from "../../pools/types";
+import { TDPoolStatus } from "../../pools/types";
 import { calcRankPayout } from "./config";
 
 const GAME_ID = "pre-match";
@@ -35,13 +36,13 @@ type UserFlowState = "intro" | "questions" | "game";
 type ActiveView = UserFlowState | "submitted" | "live" | "results";
 
 function getActiveView(
-  poolStatus: string | undefined,
+  poolStatus: number | undefined,
   hasEntry: boolean,
   userFlowState: UserFlowState,
 ): ActiveView {
-  if (!poolStatus) return userFlowState;
-  if (poolStatus === "complete" || poolStatus === "cancelled") return "results";
-  if (poolStatus === "closed" || poolStatus === "resolving") return hasEntry ? "live" : "results";
+  if (poolStatus === undefined) return userFlowState;
+  if (poolStatus === TDPoolStatus.COMPLETE || poolStatus === TDPoolStatus.CANCELLED) return "results";
+  if (poolStatus === TDPoolStatus.CLOSED || poolStatus === TDPoolStatus.RESOLVING) return hasEntry ? "live" : "results";
   // Pool is open
   if (hasEntry) return "submitted";
   return userFlowState;
@@ -121,7 +122,7 @@ export const PreMatchBetsPopup = ({ poolId, matchId }: PreMatchBetsPopupProps) =
   const [submitError, setSubmitError] = useState<string | null>(null);
 
   const betSummary = useMemo(
-    () => config ? calcBetSummary(bets, config) : { selectedCount: 0, compoundMultiplier: 0, totalEntry: 0, compoundedReward: 0, remainingBalance: 0, riskPercent: 0, potentialBalance: 0, prizes: [] },
+    () => config ? calcBetSummary(bets, config) : { selectedCount: 0, compoundMultiplier: 0, totalEntry: 0, baseReward: 0, compoundedReward: 0, remainingBalance: 0, riskPercent: 0, potentialBalance: 0 },
     [bets, config],
   );
 

package/src/games/prematch-bets/PreMatchLive.tsx

@@ -9,6 +9,7 @@ import { IChallengeConfig } from "./config";
 import { LeaderboardRow } from "./LeaderboardRow";
 import { OUTFIT, MARKET_ICONS } from "./constants";
 import type { ITDPoolDetail, ITDMyEntryResponse, ITDLeaderboardEntry } from "../../pools/types";
+import { TDChallengeStatus, TDBetStatus } from "../../pools/types";
 
 interface PreMatchLiveProps {
   config: IChallengeConfig;
@@ -50,7 +51,7 @@ export function PreMatchLive({
     resolved_at: null as string | null,
   }));
 
-  const resolvedCount = challenges.filter((c) => c.status === "resolved").length;
+  const resolvedCount = challenges.filter((c) => c.status === TDChallengeStatus.RESOLVED).length;
   const totalCount = challenges.length;
   const progressPct = totalCount > 0 ? Math.round((resolvedCount / totalCount) * 100) : 0;
 
@@ -105,9 +106,9 @@ export function PreMatchLive({
           {challenges.map((c) => {
             const Icon = MARKET_ICONS[c.icon] ?? MARKET_ICONS.coin;
             const myBet = myBets.find((b) => b.challenge_id === c.id);
-            const isResolved = c.status === "resolved";
-            const won = isResolved && myBet?.status === "won";
-            const lost = isResolved && myBet?.status === "lost";
+            const isResolved = c.status === TDChallengeStatus.RESOLVED;
+            const won = isResolved && myBet?.status === TDBetStatus.WON;
+            const lost = isResolved && myBet?.status === TDBetStatus.LOST;
 
             return (
               <div

package/src/games/prematch-bets/PreMatchResults.tsx

@@ -8,6 +8,7 @@ import { IChallengeConfig } from "./config";
 import { LeaderboardRow } from "./LeaderboardRow";
 import { OUTFIT, MARKET_ICONS } from "./constants";
 import type { ITDPoolDetail, ITDMyEntryResponse, ITDLeaderboardEntry } from "../../pools/types";
+import { TDBetStatus } from "../../pools/types";
 
 // USDC icon inline
 const UsdcIcon = ({ size = 12 }: { size?: number }) => (
@@ -42,8 +43,8 @@ export function PreMatchResults({
 
   const stats = useMemo(() => {
     const individualBets = myBets.filter((b) => b.parlay_id === null);
-    const won = individualBets.filter((b) => b.status === "won").length;
-    const lost = individualBets.filter((b) => b.status === "lost").length;
+    const won = individualBets.filter((b) => b.status === TDBetStatus.WON).length;
+    const lost = individualBets.filter((b) => b.status === TDBetStatus.LOST).length;
     const totalSpent = individualBets.reduce((s, b) => s + b.coin_amount, 0);
     const totalEarned = entry?.final_coins ?? 0;
     return {
@@ -116,8 +117,8 @@ export function PreMatchResults({
             {myBets.filter((b) => b.parlay_id === null).map((bet) => {
               const market = config.markets.find((m) => m.backendChallengeId === bet.challenge_id);
               const Icon = MARKET_ICONS[market?.icon ?? "coin"];
-              const won = bet.status === "won";
-              const lost = bet.status === "lost";
+              const won = bet.status === TDBetStatus.WON;
+              const lost = bet.status === TDBetStatus.LOST;
 
               return (
                 <div

package/src/matches/MatchCalendar.tsx

@@ -7,6 +7,7 @@ import { Calendar, MapPin, Loader2, Trophy, Zap, Target, Users } from "lucide-re
 import { useTDMatches } from "./useTDMatches";
 import { useTDPools } from "../pools/hooks";
 import type { ITDPool } from "../pools/types";
+import { TDGameType, TDPoolStatus } from "../pools/types";
 import type { ITDMatch } from "./types";
 
 // TD match status enum values
@@ -105,15 +106,16 @@ function groupByDate(matches: ITDMatch[]): IMatchDay[] {
 
 /* ── Pool pills for a match ── */
 
-const GAME_TYPE_STYLE: Record<string, { icon: typeof Target; color: string; bg: string }> = {
-  pre_match_bets: { icon: Target, color: "#22E3E8", bg: "rgba(34,227,232,0.06)" },
-  fantasy_11: { icon: Users, color: "#9945FF", bg: "rgba(153,69,255,0.06)" },
+const GAME_TYPE_STYLE: Record<number, { icon: typeof Target; color: string; bg: string; label: string }> = {
+  [TDGameType.PRE_MATCH_BETS]: { icon: Target, color: "#22E3E8", bg: "rgba(34,227,232,0.06)", label: "Pre-Match Bets" },
+  [TDGameType.FANTASY_11]: { icon: Users, color: "#9945FF", bg: "rgba(153,69,255,0.06)", label: "Fantasy 11" },
+  [TDGameType.BALL_SEQUENCE]: { icon: Zap, color: "#FF9945", bg: "rgba(255,153,69,0.06)", label: "Ball Sequence" },
 };
 
 function PoolPill({ pool, onPress }: { pool: ITDPool; onPress: (pool: ITDPool) => void }) {
   const style = GAME_TYPE_STYLE[pool.game_type] ?? { icon: Target, color: "#22E3E8", bg: "rgba(34,227,232,0.06)" };
   const Icon = style.icon;
-  const isClosed = pool.status === "closed" || pool.status === "resolving" || pool.status === "complete";
+  const isClosed = pool.status === TDPoolStatus.CLOSED || pool.status === TDPoolStatus.RESOLVING || pool.status === TDPoolStatus.COMPLETE;
 
   return (
     <button
@@ -150,13 +152,15 @@ function MatchGameSection({
 
   if (isCompleted || loading || pools.length === 0) return null;
 
-  // Group by game_type
-  const grouped: Record<string, ITDPool[]> = {};
+  // Group by game_type (integer)
+  const grouped: Record<number, ITDPool[]> = {};
   for (const p of pools) {
     (grouped[p.game_type] ??= []).push(p);
   }
 
-  const gameTypes = Object.keys(grouped).filter((gt) => gt in GAME_TYPE_STYLE);
+  const gameTypes = (Object.keys(grouped) as unknown as number[])
+    .map(Number)
+    .filter((gt) => gt in GAME_TYPE_STYLE);
   if (gameTypes.length === 0) return null;
 
   return (
@@ -169,7 +173,7 @@ function MatchGameSection({
             <div className="flex items-center gap-1 px-1">
               <Icon size={8} style={{ color: style.color }} />
               <span className="text-[7px] barlowcondensedBold tracking-wide text-white/60">
-                {gt === "pre_match_bets" ? "Pre-Match Bets" : gt === "fantasy_11" ? "Fantasy 11" : gt}
+                {style.label}
               </span>
             </div>
             <div className="flex gap-1 flex-wrap">

package/src/pools/types.ts

@@ -1,5 +1,40 @@
 // @devrongx/games — pools/types.ts
 // Types matching TD backend pool API responses (pool.repo.ts).
+// Status and game_type fields are integers matching DBEnum values in the TD backend.
+
+// ─── Game type constants (mirrors DBEnumGameType in TD backend) ────────────────
+export const TDGameType = {
+  PRE_MATCH_BETS: 1,
+  FANTASY_11: 2,
+  BALL_SEQUENCE: 3,
+} as const;
+
+// ─── Pool status constants (mirrors DBEnumPoolStatus) ─────────────────────────
+export const TDPoolStatus = {
+  DRAFT: 1,
+  OPEN: 2,
+  CLOSED: 3,
+  RESOLVING: 4,
+  COMPLETE: 5,
+  CANCELLED: 6,
+} as const;
+
+// ─── Challenge status constants (mirrors DBEnumChallengeStatus) ────────────────
+export const TDChallengeStatus = {
+  DRAFT: 1,
+  OPEN: 2,
+  CLOSED: 3,
+  RESOLVED: 4,
+  CANCELLED: 5,
+} as const;
+
+// ─── Bet status constants (mirrors DBEnumBetStatus) ───────────────────────────
+export const TDBetStatus = {
+  PENDING: 1,
+  WON: 2,
+  LOST: 3,
+  CANCELLED: 4,
+} as const;
 
 // ─── Currency ───────────────────────────────────────────────────────────────
 
@@ -15,13 +50,13 @@ export interface ITDCurrency {
 export interface ITDPool {
   id: number;
   match_id: number;
-  game_type: string;         // "pre_match_bets" | "fantasy_11" | "ball_sequence"
+  game_type: number;         // TDGameType: 1=PRE_MATCH_BETS, 2=FANTASY_11, 3=BALL_SEQUENCE
   name: string;
   machine_name: string | null;
   display_price: string;     // "Free" | "$1" | "$5"
   entry_fee: number;
   starting_coins: number;
-  status: string;            // "draft"|"open"|"closed"|"resolving"|"complete"|"cancelled"
+  status: number;            // TDPoolStatus: 1=DRAFT, 2=OPEN, 3=CLOSED, 4=RESOLVING, 5=COMPLETE, 6=CANCELLED
   entry_count: number;
   challenge_count: number;
   currency: ITDCurrency;
@@ -47,7 +82,7 @@ export interface ITDChallenge {
   accent_color: string;
   sort_order: number;
   options: ITDChallengeOption[];
-  status: string;            // "draft"|"open"|"closed"|"resolved"
+  status: number;            // TDChallengeStatus: 1=DRAFT, 2=OPEN, 3=CLOSED, 4=RESOLVED, 5=CANCELLED
   correct_option: string | null;
   resolved_at: string | null;
 }
@@ -155,7 +190,7 @@ export interface ITDPoolBet {
   odds_at_bet: number;
   potential_return: number;
   actual_return: number | null;
-  status: string;  // "pending"|"won"|"lost"|"push"
+  status: number;  // TDBetStatus: 1=PENDING, 2=WON, 3=LOST, 4=CANCELLED
   parlay_id: number | null;
   created_at: string;
 }
@@ -167,14 +202,14 @@ export interface ITDPoolParlay {
   combined_multiplier: number;
   potential_return: number;
   actual_return: number | null;
-  status: string;
+  status: number;  // TDBetStatus: 1=PENDING, 2=WON, 3=LOST, 4=CANCELLED
   bets: {
     id: number;
     challenge_id: number;
     selected_option: string;
     coin_amount: number;
     odds_at_bet: number;
-    status: string;
+    status: number;  // TDBetStatus
   }[];
   created_at: string;
 }