@sensiblestats/widget-react 0.95.0 → 0.96.0

package/dist/index.js

@@ -1099,7 +1099,7 @@ function isEnglishLocale(locale) {
 }
 
 // src/version.generated.ts
-var WIDGET_REACT_VERSION = "0.95.0";
+var WIDGET_REACT_VERSION = "0.96.0";
 
 // src/config.ts
 function normalizeUi(cfg) {
@@ -7544,18 +7544,20 @@ function Roster({ bundle, players, side, ui, slip }) {
 function NbaPropsSection({ match, monitor, ui, slip }) {
   const [side, setSide] = useState34("home");
   const [, setTick] = useState34(0);
-  const open = preTip(match);
+  const pre = preTip(match);
+  const live = match.phase === "live";
+  const open = pre || live;
   useEffect25(() => {
     if (open) monitor.loadPlayerProps?.(match.matchId);
   }, [match.matchId, match.asOfUtc, open]);
   useEffect25(() => {
-    if (!open || !match.kickoffUtc) return;
+    if (!pre || !match.kickoffUtc) return;
     const wait = Math.min(Math.max(Date.parse(match.kickoffUtc) - Date.now(), 0), MAX_TIMER_MS);
     const id = setTimeout(() => setTick((t) => t + 1), wait);
     return () => clearTimeout(id);
-  }, [open, match.kickoffUtc]);
+  }, [pre, match.kickoffUtc]);
   const bundle = monitor.playerProps?.[match.matchId]?.bundle;
-  if (!open || !bundle || bundle.players.length === 0) return null;
+  if (!open || !bundle || bundle.players.length === 0 || (bundle.live ?? false) !== live) return null;
   const bySide = (s) => bundle.players.filter((p) => p.side === s);
   const other = side === "home" ? "away" : "home";
   const shown = bySide(side).length > 0 ? side : other;
@@ -7596,6 +7598,12 @@ function Side({ abbreviation, nickname, teamName, away }) {
     ] })
   ] });
 }
+function lastScored(scores) {
+  for (let i = scores.length - 1; i >= 0; i--) {
+    if (typeof scores[i] === "number") return i + 1;
+  }
+  return 0;
+}
 function cell(value) {
   return typeof value === "number" ? String(value) : /* @__PURE__ */ jsx57("span", { className: "ss-w-nbamon-dash", children: "\u2013" });
 }
@@ -7624,8 +7632,9 @@ function NbaMonitorCard({ match, monitor, ui, slip }) {
   const inPlay = live && !atBreak(match);
   const scored = live || match.phase === "fullTime";
   const kickoff = match.phase === "preMatch" && match.kickoffUtc ? ui.bettingKickoff(match.kickoffUtc) : void 0;
-  const periods = Math.max(REGULATION_PERIODS, b.homePeriods.length, b.awayPeriods.length);
+  const periods = Math.max(REGULATION_PERIODS, b.period, lastScored(b.homePeriods), lastScored(b.awayPeriods));
   const columns = Array.from({ length: periods }, (_, i) => i);
+  const played = (i) => !live || i < b.period;
   const timeouts = [
     { key: "away", value: b.awayTimeoutsLeft },
     { key: "home", value: b.homeTimeoutsLeft }
@@ -7672,7 +7681,7 @@ function NbaMonitorCard({ match, monitor, ui, slip }) {
             { abbreviation: b.homeAbbreviation, scores: b.homePeriods, total: match.homeScore }
           ].map((row) => /* @__PURE__ */ jsxs52("tr", { children: [
             /* @__PURE__ */ jsx57("th", { scope: "row", children: row.abbreviation }),
-            columns.map((i) => /* @__PURE__ */ jsx57("td", { className: inPlay && i === b.period - 1 ? "ss-w-nbamon-cur" : void 0, children: cell(row.scores[i]) }, i)),
+            columns.map((i) => /* @__PURE__ */ jsx57("td", { className: inPlay && i === b.period - 1 ? "ss-w-nbamon-cur" : void 0, children: cell(played(i) ? row.scores[i] : null) }, i)),
             /* @__PURE__ */ jsx57("td", { className: "ss-w-nbamon-total", children: row.total ?? 0 })
           ] }, row.abbreviation)) })
         ] }),