@devrongx/games 0.4.8 → 0.4.10

package/package.json

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

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

@@ -125,6 +125,8 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
 
   // ── Draft restore: when entry + config load, seed bets from draft_selections ─
   const draftRestoredRef = useRef(false);
+  const [restoredSelections, setRestoredSelections] = useState<IUserBets | undefined>(undefined);
+  const [restoredStep, setRestoredStep] = useState<number | undefined>(undefined);
   useEffect(() => {
     if (!poolId || !config || !entryData || draftRestoredRef.current) return;
     const draft = entryData.entry.draft_selections;
@@ -140,42 +142,23 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
       if (optionIdx < 0) continue;
       restored[mIdx] = { optionIdx, amount: d.coin_amount, parlaySlot: null };
     }
-    if (Object.keys(restored).length > 0) {
-      setBets(restored);
+    const answeredCount = Object.keys(restored).length;
+    if (answeredCount === 0) return;
+    const allAnswered = answeredCount === config.markets.length;
+    setBets(restored);
+    if (allAnswered) {
+      // All questions done — go straight to game screen
       setUserFlowState("game");
+    } else {
+      // Partial — restore into questions at the first unanswered question
+      setRestoredSelections(restored);
+      setRestoredStep(answeredCount); // first unanswered index
+      setUserFlowState("questions");
     }
     draftRestoredRef.current = true;
   }, [poolId, config, entryData]);
 
-  // ── Debounced draft save: persists bets to backend 1s after last change ───
   const saveDraftTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  useEffect(() => {
-    if (!poolId || Object.keys(bets).length === 0 || !config) return;
-    if (saveDraftTimerRef.current) clearTimeout(saveDraftTimerRef.current);
-    saveDraftTimerRef.current = setTimeout(async () => {
-      try {
-        const selections = config.markets
-          .map((m, mIdx) => {
-            const b = bets[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: b.amount,
-            };
-          })
-          .filter((b): b is NonNullable<typeof b> => b !== null);
-        if (selections.length > 0) {
-          await saveTDDraftBetsApi(poolId, selections);
-        }
-      } catch {
-        // Silent — draft save is best-effort
-      }
-    }, 1000);
-    return () => { if (saveDraftTimerRef.current) clearTimeout(saveDraftTimerRef.current); };
-  }, [bets, poolId, config]);
 
   // Debounced save triggered from PreMatchQuestions on each option pick
   const handleQuestionSelectionChange = useCallback((selections: IUserBets) => {
@@ -352,7 +335,7 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
       )}
 
       {activeView === "questions" && (
-        <PreMatchQuestions config={config} onComplete={handleQuestionsComplete} onSelectionChange={handleQuestionSelectionChange} />
+        <PreMatchQuestions config={config} onComplete={handleQuestionsComplete} onSelectionChange={handleQuestionSelectionChange} initialSelections={restoredSelections} initialStep={restoredStep} />
       )}
 
       {activeView === "game" && (

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

@@ -12,6 +12,8 @@ interface PreMatchQuestionsProps {
     config: IChallengeConfig;
     onComplete: (selections: IUserBets) => void;
     onSelectionChange?: (selections: IUserBets) => void;
+    initialSelections?: IUserBets;
+    initialStep?: number;  // question index (0-based) to start at; -1 = start slide
 }
 
 // ── Smooth typewriter — constant speed, clean and simple ──
@@ -264,13 +266,13 @@ const QuestionSlide = ({
 };
 
 // ── Main component ──
-export const PreMatchQuestions = ({ config, onComplete, onSelectionChange }: PreMatchQuestionsProps) => {
+export const PreMatchQuestions = ({ config, onComplete, onSelectionChange, initialSelections, initialStep }: PreMatchQuestionsProps) => {
     const goTo = useGamePopupStore(s => s.goTo);
 
     // -1 = start slide, 0..N-1 = question slides
-    const [step, setStep] = useState(-1);
+    const [step, setStep] = useState<number>(initialStep ?? -1);
     const [direction, setDirection] = useState(1);
-    const [selections, setSelections] = useState<IUserBets>({});
+    const [selections, setSelections] = useState<IUserBets>(initialSelections ?? {});
 
     const totalQuestions = config.markets.length;
     // Total steps for progress bar: start + questions