@sensiblestats/widget-react 0.90.0 → 0.91.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @sensiblestats/widget-react
 
+## 0.91.0
+
+### Minor Changes
+
+- 2392632: Today tab lists NBA games alongside football for operators offered NBA
+
+### Patch Changes
+
+- Updated dependencies [2392632]
+  - @sensiblestats/widget-sdk@0.61.0
+
 ## 0.90.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
 var import_react70 = require("react");
-var import_widget_sdk6 = require("@sensiblestats/widget-sdk");
+var import_widget_sdk12 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
 function formatBettingKickoff(kickoffUtc, ui, locale, now = /* @__PURE__ */ new Date()) {
@@ -1079,7 +1079,7 @@ function isEnglishLocale(locale) {
 }
 
 // src/version.generated.ts
-var WIDGET_REACT_VERSION = "0.90.0";
+var WIDGET_REACT_VERSION = "0.91.0";
 
 // src/config.ts
 function normalizeUi(cfg) {
@@ -3278,10 +3278,11 @@ function useLiveMonitor(opts) {
 
 // src/useMatchDiscovery.ts
 var import_react6 = require("react");
+var import_widget_sdk6 = require("@sensiblestats/widget-sdk");
 
 // src/scheduleCache.ts
 var PREFIX = "ss-w-schedule:";
-var SCHEMA_VERSION = 2;
+var SCHEMA_VERSION = 3;
 var TTL_MS2 = 6 * 36e5;
 function scheduleCacheKey(operatorId, encodedUserKey2, localDate) {
   return `${PREFIX}${operatorId}:${encodedUserKey2}:${localDate}`;
@@ -3309,6 +3310,7 @@ function skeletonOnly(payload) {
   return {
     localDate: payload.localDate,
     groups: payload.groups.map((g) => ({
+      sport: g.sport,
       competitionId: g.competitionId,
       competitionName: g.competitionName,
       competitionCountry: g.competitionCountry ?? null,
@@ -3320,10 +3322,13 @@ function skeletonOnly(payload) {
       learnedRank: g.learnedRank,
       matches: g.matches.map((m) => ({
         matchId: m.matchId,
+        sport: m.sport,
         homeTeamName: m.homeTeamName,
         awayTeamName: m.awayTeamName,
         homeTeamImagePath: m.homeTeamImagePath ?? null,
         awayTeamImagePath: m.awayTeamImagePath ?? null,
+        homeTeamAbbr: m.homeTeamAbbr,
+        awayTeamAbbr: m.awayTeamAbbr,
         kickoffUnix: m.kickoffUnix
       }))
     }))
@@ -3350,18 +3355,21 @@ function patchScheduleStar(operatorId, encodedUserKey2, localDate, competitionId
 }
 
 // src/dueSet.ts
+var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 var TERMINAL_PHASES = /* @__PURE__ */ new Set(["fullTime", "postponed"]);
 function dueMatchIds(groups, states, nowMs) {
-  const due = /* @__PURE__ */ new Set();
+  const football = /* @__PURE__ */ new Set();
+  const nba = /* @__PURE__ */ new Set();
   for (const group of groups) {
     for (const match of group.matches) {
       if (nowMs - match.kickoffUnix * 1e3 < 0) continue;
-      const phase = states[match.matchId]?.phase;
+      const phase = states.get((0, import_widget_sdk5.matchKey)(match.sport, match.matchId))?.phase;
       if (phase !== void 0 && TERMINAL_PHASES.has(phase)) continue;
-      due.add(match.matchId);
+      const bucket = match.sport === "basketball" ? nba : football;
+      bucket.add(match.matchId);
     }
   }
-  return [...due];
+  return { football: [...football], nba: [...nba] };
 }
 
 // src/useMatchDiscovery.ts
@@ -3379,7 +3387,7 @@ function localDateOf(now) {
 }
 function useMatchDiscovery(opts) {
   const [groups, setGroups] = (0, import_react6.useState)([]);
-  const [states, setStates] = (0, import_react6.useState)({});
+  const [states, setStates] = (0, import_react6.useState)(() => /* @__PURE__ */ new Map());
   const [failures, setFailures] = (0, import_react6.useState)(0);
   const groupsRef = (0, import_react6.useRef)(groups);
   groupsRef.current = groups;
@@ -3423,13 +3431,13 @@ function useMatchDiscovery(opts) {
   }, [opts.operatorId, opts.operatorUserId, opts.anonymousUserId, localDate]);
   const tick = (0, import_react6.useCallback)(async () => {
     const ids = dueMatchIds(groupsRef.current, statesRef.current, Date.now());
-    if (ids.length === 0) return;
+    if (ids.football.length === 0 && ids.nba.length === 0) return;
     try {
-      const payload = await getStatesRef.current(ids);
+      const payload = await getStatesRef.current(ids.football, ids.nba);
       if (!payload) return;
       setStates((prev) => {
-        const next = { ...prev };
-        for (const state of payload.states) next[state.matchId] = state;
+        const next = new Map(prev);
+        for (const state of payload.states) next.set((0, import_widget_sdk6.matchKey)(state.sport, state.matchId), state);
         return next;
       });
       setFailures(0);
@@ -3447,7 +3455,7 @@ function useMatchDiscovery(opts) {
   }, [opts.isOpen, tick, groups]);
   const stale = failures >= STALE_AFTER_FAILURES;
   const liveCount = (0, import_react6.useMemo)(
-    () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live").length,
+    () => stale ? 0 : [...states.values()].filter((s) => s.phase === "live").length,
     [states, stale]
   );
   const starLeague = (0, import_react6.useCallback)(async (competitionId, starred) => {
@@ -3985,6 +3993,7 @@ function hasAnyCell(grid) {
 }
 
 // src/liveClock.ts
+var import_widget_sdk7 = require("@sensiblestats/widget-sdk");
 function isTreatedLive(state, pollStale) {
   return state?.phase === "live" && !pollStale;
 }
@@ -3992,7 +4001,7 @@ function isFinished(state) {
   return state?.phase === "fullTime";
 }
 function visibleGroupsOf(groups, states) {
-  return groups.map((group) => ({ ...group, matches: group.matches.filter((m) => !isFinished(states[m.matchId])) })).filter((group) => group.matches.length > 0);
+  return groups.map((group) => ({ ...group, matches: group.matches.filter((m) => !isFinished(states.get((0, import_widget_sdk7.matchKey)(m.sport, m.matchId)))) })).filter((group) => group.matches.length > 0);
 }
 
 // src/eventLogContext.ts
@@ -4369,7 +4378,7 @@ var import_react25 = require("react");
 
 // src/slipAdd.ts
 var import_react23 = require("react");
-var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
+var import_widget_sdk8 = require("@sensiblestats/widget-sdk");
 
 // src/slipStateContext.ts
 var import_react22 = require("react");
@@ -4398,7 +4407,7 @@ function useSlipAdd(slip, ui) {
     }
     try {
       const raw = await withTimeout(Promise.resolve(handler(selection)));
-      if (raw != null && !(0, import_widget_sdk5.isAddToSlipResult)(raw)) throw new Error("malformed add-to-slip result");
+      if (raw != null && !(0, import_widget_sdk8.isAddToSlipResult)(raw)) throw new Error("malformed add-to-slip result");
       const result = raw ?? void 0;
       if (marketDeveloperName !== void 0) {
         log?.log({
@@ -7158,6 +7167,7 @@ function OddsPanel({ monitor, ui, slip }) {
 
 // src/components/TodayPanel.tsx
 var import_react48 = require("react");
+var import_widget_sdk11 = require("@sensiblestats/widget-sdk");
 
 // src/placement.ts
 function placeLeagues(visible, pinnedMatchIds) {
@@ -7171,7 +7181,7 @@ function placeLeagues(visible, pinnedMatchIds) {
   }
   let budget = 4;
   const pinned = visible.find(
-    (g) => !candidateIds.has(g.competitionId) && g.matches.some((m) => pinnedMatchIds.includes(m.matchId))
+    (g) => !candidateIds.has(g.competitionId) && g.matches.some((m) => m.sport !== "basketball" && pinnedMatchIds.includes(m.matchId))
   ) ?? null;
   if (pinned && budget > 0) {
     candidates.push(pinned);
@@ -7192,6 +7202,7 @@ function placeLeagues(visible, pinnedMatchIds) {
   return { personal, candidates: pool, others, order: [...pool, ...others], pinnedCompetitionId: pinned?.competitionId ?? null };
 }
 function starClickable(group, pinnedCompetitionId) {
+  if (group.sport === "basketball") return false;
   return group.isStarred || group.competitionId !== pinnedCompetitionId;
 }
 
@@ -7257,7 +7268,7 @@ function LeagueTile({ group, starClickable: starClickable2, disambiguate, onOpen
         ] }) : null
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    group.sport !== "basketball" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       "button",
       {
         type: "button",
@@ -7284,16 +7295,25 @@ function LeagueTile({ group, starClickable: starClickable2, disambiguate, onOpen
 
 // src/components/LeagueDetail.tsx
 var import_react46 = require("react");
+var import_widget_sdk9 = require("@sensiblestats/widget-sdk");
 
 // src/components/FixtureRow.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
+function splitAtFirstSpace(label) {
+  const i = label.indexOf(" ");
+  return i > 0 && i < label.length - 1 ? [label.slice(0, i), label.slice(i + 1)] : null;
+}
+function isOtherLocalDay(kickoffUnix, now) {
+  const at = new Date(kickoffUnix * 1e3);
+  return at.getFullYear() !== now.getFullYear() || at.getMonth() !== now.getMonth() || at.getDate() !== now.getDate();
+}
 function kickoffLabel(kickoffUnix) {
   const d = new Date(kickoffUnix * 1e3);
   return `${`${d.getHours()}`.padStart(2, "0")}:${`${d.getMinutes()}`.padStart(2, "0")}`;
 }
-function Side({ name, crest, away = false }) {
+function Side({ name, crest, abbr, away = false }) {
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
-    crest ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
+    abbr ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-drow-crest ss-w-drow-crest--abbr", children: abbr }) : crest ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-drow-nm", children: name })
   ] });
 }
@@ -7303,14 +7323,24 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
   const score = hasScore ? `${state.homeScore}\u2013${state.awayScore}` : void 0;
   const ticked = state?.phase === "live" ? state.minuteLabel ?? null : null;
   const when = state?.isHalfTime && !stale ? ui.halfTime : isLive ? ticked ?? "\u2014" : state?.phase === "live" ? "\u2014" : kickoffLabel(match.kickoffUnix);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: isLive || state?.isHalfTime ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
+  const isNba = match.sport === "basketball";
+  const liveTone = isLive || state?.isHalfTime;
+  const clockParts = isNba && isLive && ticked !== null && !state?.isHalfTime ? splitAtFirstSpace(ticked) : null;
+  const dayMarker = isNba && !liveTone && state?.phase !== "live" && isOtherLocalDay(match.kickoffUnix, /* @__PURE__ */ new Date()) ? new Intl.DateTimeFormat(ui.locale === "tr" ? "tr-TR" : "en-GB", { weekday: "short" }).format(new Date(match.kickoffUnix * 1e3)) : null;
+  const twoLines = clockParts ?? (dayMarker !== null ? [when, dayMarker] : null);
+  const whenClass = [
+    "ss-w-drow-when",
+    liveTone ? "ss-w-drow-when--live" : null,
+    twoLines ? "ss-w-drow-when--two" : null
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: liveTone ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: whenClass, children: twoLines ? twoLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: line }, i)) : when }),
     /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "ss-w-drow-fx", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath, abbr: isNba ? match.homeTeamAbbr ?? void 0 : void 0 }),
       /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: score ?? "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, abbr: isNba ? match.awayTeamAbbr ?? void 0 : void 0, away: true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
+    !isNba && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
 }
 
@@ -7327,7 +7357,7 @@ function LeagueDetail({ group, position, states, stale, ui, monitor, starTap, on
     const id = setTimeout(() => setToast(null), 4e3);
     return () => clearTimeout(id);
   }, [toast]);
-  const own = group.matches.filter((m) => !isTreatedLive(states[m.matchId], stale));
+  const own = group.matches.filter((m) => !isTreatedLive(states.get((0, import_widget_sdk9.matchKey)(m.sport, m.matchId)), stale));
   const onStarClick = () => {
     const next = !group.isStarred;
     void starTap.tap(group.competitionId, next).then((ok) => {
@@ -7339,7 +7369,7 @@ function LeagueDetail({ group, position, states, stale, ui, monitor, starTap, on
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { type: "button", className: "ss-w-today-detail-back", "aria-label": ui.back, onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronIcon, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-today-detail-name", children: group.competitionName }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      group.sport !== "basketball" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "button",
         {
           type: "button",
@@ -7389,23 +7419,34 @@ function LeagueDetail({ group, position, states, stale, ui, monitor, starTap, on
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-w-today-detail-body", children: [
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-today-detail-count", children: own.length }),
-      own.map((m) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId))
+      own.map((m) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        FixtureRow,
+        {
+          match: m,
+          state: states.get((0, import_widget_sdk9.matchKey)(m.sport, m.matchId)),
+          stale,
+          ui,
+          monitor
+        },
+        (0, import_widget_sdk9.matchKey)(m.sport, m.matchId)
+      ))
     ] }),
     toast !== null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "ss-w-today-toast", role: "status", "aria-live": "polite", children: toast })
   ] });
 }
 
 // src/components/LeagueRowGroup.tsx
+var import_widget_sdk10 = require("@sensiblestats/widget-sdk");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var ROW_CAP_PER_LEAGUE = 3;
 var SECTION_ROW_BUDGET = 12;
 function rowsFor(group, states, stale) {
-  const nonLive = group.matches.filter((m) => !isTreatedLive(states[m.matchId], stale)).length;
+  const nonLive = group.matches.filter((m) => !isTreatedLive(states.get((0, import_widget_sdk10.matchKey)(m.sport, m.matchId)), stale)).length;
   return Math.min(nonLive, ROW_CAP_PER_LEAGUE);
 }
 var STAR_PATH3 = "M12 2.5l2.9 5.9 6.5.95-4.7 4.58 1.1 6.47L12 17.35 6.1 20.4l1.1-6.47L2.5 9.35l6.5-.95z";
 function LeagueRowGroup({ group, states, stale, cap, starClickable: starClickable2, disambiguate, onOpen, starTap, ui, monitor }) {
-  const sorted = group.matches.filter((m) => !isTreatedLive(states[m.matchId], stale)).sort((a, b) => a.kickoffUnix - b.kickoffUnix);
+  const sorted = group.matches.filter((m) => !isTreatedLive(states.get((0, import_widget_sdk10.matchKey)(m.sport, m.matchId)), stale)).sort((a, b) => a.kickoffUnix - b.kickoffUnix);
   if (sorted.length === 0) return null;
   const shown = sorted.slice(0, cap);
   const overflow = sorted.length - shown.length;
@@ -7425,7 +7466,7 @@ function LeagueRowGroup({ group, states, stale, cap, starClickable: starClickabl
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      group.sport !== "basketball" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "button",
         {
           type: "button",
@@ -7448,7 +7489,17 @@ function LeagueRowGroup({ group, states, stale, cap, starClickable: starClickabl
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-rowgroup-rows", children: shown.map((m) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-rowgroup-rows", children: shown.map((m) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      FixtureRow,
+      {
+        match: m,
+        state: states.get((0, import_widget_sdk10.matchKey)(m.sport, m.matchId)),
+        stale,
+        ui,
+        monitor
+      },
+      (0, import_widget_sdk10.matchKey)(m.sport, m.matchId)
+    )) }),
     overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "ss-w-today-rowgroup-seeall", onClick: onOpen, children: ui.seeAllFixturesLabel(sorted.length) })
   ] });
 }
@@ -7591,7 +7642,7 @@ function TodayPanel({ discovery, ui, monitor }) {
   (0, import_react48.useEffect)(() => {
     if (selectedCompetitionId !== null && openGroup === void 0) setSelectedCompetitionId(null);
   }, [selectedCompetitionId, openGroup]);
-  const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
+  const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states.get((0, import_widget_sdk11.matchKey)(m.sport, m.matchId)), stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
   const liveBand = liveRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-w-sec-head", children: [
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
@@ -7601,12 +7652,12 @@ function TodayPanel({ discovery, ui, monitor }) {
       FixtureRow,
       {
         match,
-        state: states[match.matchId],
+        state: states.get((0, import_widget_sdk11.matchKey)(match.sport, match.matchId)),
         stale,
         ui,
         monitor
       },
-      match.matchId
+      (0, import_widget_sdk11.matchKey)(match.sport, match.matchId)
     )) })
   ] });
   if (openGroup !== void 0) {
@@ -7676,9 +7727,18 @@ function TodayPanel({ discovery, ui, monitor }) {
                 setSelectedCompetitionId(group.competitionId);
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FixtureRow, { match, state: states[match.matchId], stale, ui, monitor })
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              FixtureRow,
+              {
+                match,
+                state: states.get((0, import_widget_sdk11.matchKey)(match.sport, match.matchId)),
+                stale,
+                ui,
+                monitor
+              }
+            )
           },
-          match.matchId
+          (0, import_widget_sdk11.matchKey)(match.sport, match.matchId)
         ))
       ] }, group.competitionId)) }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-w-today-sec", children: [
@@ -13372,6 +13432,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-drow:last-child { border-bottom: none; }
 .ss-w-drow-when { font-size: 11px; font-weight: 700; color: var(--ss-w-faint); font-variant-numeric: tabular-nums; }
 .ss-w-drow-when--live { color: var(--ss-w-neg); }
+.ss-w-drow-when--two { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
+.ss-w-drow-when--two > span:last-child { font-size: 10px; font-weight: 600; }
 /* Each side ellipsises independently: a single joined string truncates the away team off the end,
    which is the u350 betting-card truncation one layer down. */
 .ss-w-drow-fx { display: flex; align-items: center; gap: 6px; min-width: 0; }
@@ -13387,6 +13449,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-drow-sc--idle { color: var(--ss-w-faint); font-weight: 600; }
 .ss-w-drow--live { background: color-mix(in srgb, var(--ss-w-neg) 5%, transparent); border-radius: 8px; padding: 7px 6px; margin: 0 -6px; border-bottom: none; }
 .ss-w-drow-crest { width: 16px; height: 16px; flex: none; border-radius: 50%; object-fit: contain; background: var(--ss-w-bubble); }
+.ss-w-drow-crest--abbr { width: 26px; height: 16px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 800; letter-spacing: .02em; line-height: 1; color: var(--ss-w-faint); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); box-sizing: border-box; }
 
 .ss-w-stale { font-size: 11px; font-weight: 600; color: var(--ss-w-cta); background: color-mix(in srgb, var(--ss-w-cta) 12%, var(--ss-w-panel)); border-radius: 8px; padding: 6px 9px; }
 
@@ -13859,7 +13922,7 @@ function buildClient(props) {
       return { client: props.client, conversation: props.client.conversation() };
     }
     const cfg = props.config;
-    const client = new import_widget_sdk6.StatsWidgetClient(toClientOptions(cfg));
+    const client = new import_widget_sdk12.StatsWidgetClient(toClientOptions(cfg));
     return { client, conversation: client.conversation(toUserContext(cfg)) };
   } catch (err) {
     console.error("[StatsWidget] failed to initialize:", err instanceof Error ? err.message : err);
@@ -13929,7 +13992,7 @@ function StatsWidget(props) {
     [built, operatorUserId, anonymousUserId]
   );
   const getStates = (0, import_react70.useCallback)(
-    (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
+    (matchIds, nbaGameIds) => built ? built.conversation.getStates(matchIds, nbaGameIds) : Promise.resolve(null),
     [built]
   );
   const pinnedMatchIds = (0, import_react70.useMemo)(