@devrongx/games 0.4.16 → 0.4.17

package/package.json

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

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

@@ -132,7 +132,7 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
       const mIdx = config.markets.findIndex((m) => m.backendChallengeId === bet.challenge_id);
       if (mIdx < 0) continue;
       const oIdx = config.markets[mIdx].options.findIndex(
-        (o) => o.label.toLowerCase().replace(/\s+/g, "_") === bet.selected_option,
+        (o) => (o.key ?? o.label.toLowerCase().replace(/\s+/g, "_")) === bet.selected_option,
       );
       if (oIdx < 0) continue;
       loaded[mIdx] = { optionIdx: oIdx, amount: bet.coin_amount, parlaySlot: null };
@@ -158,7 +158,7 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
       const mIdx = config.markets.findIndex((m) => m.backendChallengeId === d.challenge_id);
       if (mIdx < 0) continue;
       const optionIdx = config.markets[mIdx].options.findIndex(
-        (o) => o.label.toLowerCase().replace(/\s+/g, "_") === d.selected_option,
+        (o) => (o.key ?? o.label.toLowerCase().replace(/\s+/g, "_")) === d.selected_option,
       );
       if (optionIdx < 0) continue;
       restored[mIdx] = { optionIdx, amount: d.coin_amount, parlaySlot: null };
@@ -194,7 +194,7 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
             if (!option) return null;
             return {
               challenge_id: m.backendChallengeId,
-              selected_option: option.label.toLowerCase().replace(/\s+/g, "_"),
+              selected_option: option.key ?? option.label.toLowerCase().replace(/\s+/g, "_"),
               coin_amount: b.amount,
             };
           })
@@ -272,7 +272,7 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
           const market = config.markets[Number(mIdxStr)];
           return {
             challenge_id: market.backendChallengeId!,
-            selected_option: market.options[b.optionIdx].label.toLowerCase().replace(/\s+/g, "_"),
+            selected_option: market.options[b.optionIdx].key ?? market.options[b.optionIdx].label.toLowerCase().replace(/\s+/g, "_"),
             coin_amount: b.amount,
           };
         })

package/src/games/prematch-bets/config.ts

@@ -8,6 +8,7 @@ import seedrandom from "seedrandom";
 // ────── Types ──────
 
 export interface IChallengeOption {
+    key?: string;    // Backend option key (authoritative for API calls) — absent on hardcoded demo data
     label: string;
     odds: number;    // Decimal odds (e.g., 1.40 = 40% profit, 3.2 = 220% profit)
     entry: number;   // Points to bet on this option

package/src/pools/mapper.ts

@@ -33,6 +33,7 @@ export function buildPMBConfig(pool: ITDPoolDetail, match: ITDMatch): IChallenge
       category: c.category,
       backendChallengeId: c.id,
       options: c.options.map((o) => ({
+        key: o.key,
         label: o.label,
         odds: o.odds,
         entry: o.entry,