@devrongx/games 0.4.13 → 0.4.15

package/package.json

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

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

@@ -172,6 +172,12 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
     setBets(restored);
     if (answeredCount >= 5) {
       // 5+ questions answered — skip straight to game screen
+      // Expand cards that have no amount set so the picker is visible
+      const pickers: Record<number, number> = {};
+      for (const [mIdxStr, entry] of Object.entries(restored)) {
+        if (entry.amount === 0) pickers[Number(mIdxStr)] = entry.optionIdx;
+      }
+      setExpandedPicker(pickers);
       setUserFlowState("game");
     } else {
       // Partial — restore into questions at the first unanswered question
@@ -184,22 +190,22 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
 
   const saveDraftTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
-  // Debounced save triggered from PreMatchQuestions on each option pick
-  const handleQuestionSelectionChange = useCallback((selections: IUserBets) => {
+  // Unified debounced draft save — call with current bets (includes amounts)
+  const saveDraftDebounced = useCallback((currentBets: IUserBets) => {
     if (!poolId || !config) return;
     if (saveDraftTimerRef.current) clearTimeout(saveDraftTimerRef.current);
     saveDraftTimerRef.current = setTimeout(async () => {
       try {
         const draft = config.markets
           .map((m, mIdx) => {
-            const b = selections[mIdx];
+            const b = currentBets[mIdx];
             if (!b || !m.backendChallengeId) return null;
             const option = m.options[b.optionIdx];
             if (!option) return null;
             return {
               challenge_id: m.backendChallengeId,
               selected_option: option.label.toLowerCase().replace(/\s+/g, "_"),
-              coin_amount: 0,
+              coin_amount: b.amount,
             };
           })
           .filter((b): b is NonNullable<typeof b> => b !== null);
@@ -208,6 +214,11 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
     }, 1000);
   }, [poolId, config]);
 
+  // Called from PreMatchQuestions on each option pick
+  const handleQuestionSelectionChange = useCallback((selections: IUserBets) => {
+    saveDraftDebounced(selections);
+  }, [saveDraftDebounced]);
+
   const betSummary = useMemo(
     () => config ? calcBetSummary(bets, config) : { selectedCount: 0, compoundMultiplier: 0, totalEntry: 0, baseReward: 0, compoundedReward: 0, remainingBalance: 0, riskPercent: 0, potentialBalance: 0 },
     [bets, config],
@@ -259,11 +270,12 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
   }, []);
 
   const handleAmountSelect = useCallback((mIdx: number, oIdx: number, amount: number) => {
-    setBets((prev) => ({
-      ...prev,
-      [mIdx]: { optionIdx: oIdx, amount, parlaySlot: prev[mIdx]?.parlaySlot ?? null },
-    }));
-  }, []);
+    setBets((prev) => {
+      const next = { ...prev, [mIdx]: { optionIdx: oIdx, amount, parlaySlot: prev[mIdx]?.parlaySlot ?? null } };
+      saveDraftDebounced(next);
+      return next;
+    });
+  }, [saveDraftDebounced]);
 
   const handleSubmitBets = useCallback(async () => {
     if (!poolId || !config) return;