@devrongx/games 0.4.24 → 0.4.26

package/package.json

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

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

@@ -8,6 +8,7 @@ import {
   CSK_VS_RCB_CHALLENGE,
   CSK_VS_RCB_POOL,
   IUserBets,
+  IBetEntry,
   calcBetSummary,
   buildPoolLeaderboard,
   ILeaderboardEntry,
@@ -121,6 +122,12 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
   const [submitError, setSubmitError] = useState<string | null>(null);
   const [submittedBets, setSubmittedBets] = useState<IUserBets | null>(null);
 
+  // ── Per-market editing state ────────────────────────────────────────────────
+  const [ignoredMarkets, setIgnoredMarkets] = useState<Set<number>>(new Set());
+  const [editingMarkets, setEditingMarkets] = useState<Set<number>>(new Set());
+  const [editingSnapshots, setEditingSnapshots] = useState<Record<number, IBetEntry | undefined>>({});
+  const [editSubmitting, setEditSubmitting] = useState<number | null>(null);
+
   // ── Real bets restore: when user has submitted bets, load them into game state ─
   const realBetsRestoredRef = useRef(false);
   useEffect(() => {
@@ -300,6 +307,95 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
     }
   }, [poolId, config, bets, hasEntry, refetchEntry, refetchLB, refetchPool]);
 
+  // ── Per-market editing handlers ─────────────────────────────────────────────
+  const handleToggleIgnore = useCallback((mIdx: number) => {
+    setIgnoredMarkets(prev => {
+      const next = new Set(prev);
+      if (next.has(mIdx)) next.delete(mIdx); else next.add(mIdx);
+      return next;
+    });
+  }, []);
+
+  const handleEditMarket = useCallback((mIdx: number) => {
+    setEditingMarkets(prev => new Set(prev).add(mIdx));
+    setEditingSnapshots(prev => ({ ...prev, [mIdx]: bets[mIdx] ? { ...bets[mIdx] } : undefined }));
+  }, [bets]);
+
+  const handleConfirmMarketEdit = useCallback(async (mIdx: number) => {
+    if (!poolId || !config) return;
+    const bet = bets[mIdx];
+    if (!bet || bet.amount <= 0) return;
+
+    setEditSubmitting(mIdx);
+    setSubmitError(null);
+    try {
+      const market = config.markets[mIdx];
+      const betInput = {
+        challenge_id: market.backendChallengeId!,
+        selected_option: market.options[bet.optionIdx].key ?? market.options[bet.optionIdx].label.toLowerCase().replace(/\s+/g, "_"),
+        coin_amount: bet.amount,
+      };
+
+      if (!hasEntry) await joinTDPool(poolId);
+      await placeTDBets(poolId, [betInput]);
+
+      // Update only this market in submittedBets
+      setSubmittedBets(prev => prev ? { ...prev, [mIdx]: { ...bet } } : { [mIdx]: { ...bet } });
+      realBetsRestoredRef.current = true;
+
+      // Clear editing state for this market
+      setEditingMarkets(prev => { const next = new Set(prev); next.delete(mIdx); return next; });
+      setEditingSnapshots(prev => { const next = { ...prev }; delete next[mIdx]; return next; });
+
+      await Promise.all([refetchEntry(), refetchLB(), refetchPool()]);
+    } catch (err: unknown) {
+      setSubmitError(err instanceof Error ? err.message : "Failed to save changes");
+    } finally {
+      setEditSubmitting(null);
+    }
+  }, [poolId, config, bets, hasEntry, refetchEntry, refetchLB, refetchPool]);
+
+  const handleCancelMarketEdit = useCallback((mIdx: number) => {
+    setBets(prev => {
+      const next = { ...prev };
+      const snapshot = editingSnapshots[mIdx];
+      if (snapshot) { next[mIdx] = snapshot; } else { delete next[mIdx]; }
+      return next;
+    });
+    setEditingMarkets(prev => { const next = new Set(prev); next.delete(mIdx); return next; });
+    setEditingSnapshots(prev => { const next = { ...prev }; delete next[mIdx]; return next; });
+  }, [editingSnapshots]);
+
+  // ── Computed: saved summary, dirty tracking ─────────────────────────────────
+  const savedBetSummary = useMemo(
+    () => submittedBets && config ? calcBetSummary(submittedBets, config) : null,
+    [submittedBets, config],
+  );
+
+  const hasUnsavedEdits = useMemo(() => {
+    if (!submittedBets) return false;
+    const allKeys = new Set([...Object.keys(bets), ...Object.keys(submittedBets)].map(Number));
+    for (const k of allKeys) {
+      const cur = bets[k];
+      const sub = submittedBets[k];
+      if (!cur && !sub) continue;
+      if (!cur || !sub) return true;
+      if (cur.optionIdx !== sub.optionIdx || cur.amount !== sub.amount) return true;
+    }
+    return false;
+  }, [bets, submittedBets]);
+
+  const dirtyMarkets = useMemo(() => {
+    const dirty = new Set<number>();
+    for (const mIdx of editingMarkets) {
+      const cur = bets[mIdx];
+      const snap = editingSnapshots[mIdx];
+      if (!cur && !snap) continue;
+      if (!cur || !snap) { dirty.add(mIdx); continue; }
+      if (cur.optionIdx !== snap.optionIdx || cur.amount !== snap.amount) dirty.add(mIdx);
+    }
+    return dirty;
+  }, [editingMarkets, editingSnapshots, bets]);
 
   // ── Loading ────────────────────────────────────────────────────────────────
   if (poolId && (poolLoading || (!config && !poolLoading))) {
@@ -356,6 +452,16 @@ export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp
           submittedBets={poolId ? submittedBets : null}
           onViewLeaderboard={poolId ? () => setShowFullLeaderboard(true) : undefined}
           submitting={submitting}
+          ignoredMarkets={ignoredMarkets}
+          onToggleIgnore={handleToggleIgnore}
+          editingMarkets={editingMarkets}
+          dirtyMarkets={dirtyMarkets}
+          onEditMarket={handleEditMarket}
+          onConfirmMarketEdit={handleConfirmMarketEdit}
+          onCancelMarketEdit={handleCancelMarketEdit}
+          editSubmitting={editSubmitting}
+          savedBetSummary={savedBetSummary}
+          hasUnsavedEdits={hasUnsavedEdits}
         />
       )}