@sensiblestats/widget-react 0.90.0 → 0.91.0

package/dist/index.js

@@ -1041,7 +1041,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) {
@@ -3240,10 +3240,11 @@ function useLiveMonitor(opts) {
 
 // src/useMatchDiscovery.ts
 import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState4 } from "react";
+import { matchKey as matchKey2 } from "@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}`;
@@ -3271,6 +3272,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,
@@ -3282,10 +3284,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
       }))
     }))
@@ -3312,18 +3317,21 @@ function patchScheduleStar(operatorId, encodedUserKey2, localDate, competitionId
 }
 
 // src/dueSet.ts
+import { matchKey } from "@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(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
@@ -3341,7 +3349,7 @@ function localDateOf(now) {
 }
 function useMatchDiscovery(opts) {
   const [groups, setGroups] = useState4([]);
-  const [states, setStates] = useState4({});
+  const [states, setStates] = useState4(() => /* @__PURE__ */ new Map());
   const [failures, setFailures] = useState4(0);
   const groupsRef = useRef5(groups);
   groupsRef.current = groups;
@@ -3385,13 +3393,13 @@ function useMatchDiscovery(opts) {
   }, [opts.operatorId, opts.operatorUserId, opts.anonymousUserId, localDate]);
   const tick = useCallback4(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(matchKey2(state.sport, state.matchId), state);
         return next;
       });
       setFailures(0);
@@ -3409,7 +3417,7 @@ function useMatchDiscovery(opts) {
   }, [opts.isOpen, tick, groups]);
   const stale = failures >= STALE_AFTER_FAILURES;
   const liveCount = useMemo3(
-    () => 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 = useCallback4(async (competitionId, starred) => {
@@ -3947,6 +3955,7 @@ function hasAnyCell(grid) {
 }
 
 // src/liveClock.ts
+import { matchKey as matchKey3 } from "@sensiblestats/widget-sdk";
 function isTreatedLive(state, pollStale) {
   return state?.phase === "live" && !pollStale;
 }
@@ -3954,7 +3963,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(matchKey3(m.sport, m.matchId)))) })).filter((group) => group.matches.length > 0);
 }
 
 // src/eventLogContext.ts
@@ -7120,6 +7129,7 @@ function OddsPanel({ monitor, ui, slip }) {
 
 // src/components/TodayPanel.tsx
 import { useEffect as useEffect26, useId as useId2, useMemo as useMemo4, useState as useState35 } from "react";
+import { matchKey as matchKey6 } from "@sensiblestats/widget-sdk";
 
 // src/placement.ts
 function placeLeagues(visible, pinnedMatchIds) {
@@ -7133,7 +7143,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);
@@ -7154,6 +7164,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;
 }
 
@@ -7219,7 +7230,7 @@ function LeagueTile({ group, starClickable: starClickable2, disambiguate, onOpen
         ] }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx57(
+    group.sport !== "basketball" && /* @__PURE__ */ jsx57(
       "button",
       {
         type: "button",
@@ -7246,16 +7257,25 @@ function LeagueTile({ group, starClickable: starClickable2, disambiguate, onOpen
 
 // src/components/LeagueDetail.tsx
 import { useEffect as useEffect25, useState as useState34 } from "react";
+import { matchKey as matchKey4 } from "@sensiblestats/widget-sdk";
 
 // src/components/FixtureRow.tsx
 import { jsx as jsx58, jsxs as jsxs53 } from "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__ */ jsxs53("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
-    crest ? /* @__PURE__ */ jsx58("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
+    abbr ? /* @__PURE__ */ jsx58("span", { className: "ss-w-drow-crest ss-w-drow-crest--abbr", children: abbr }) : crest ? /* @__PURE__ */ jsx58("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
     /* @__PURE__ */ jsx58("span", { className: "ss-w-drow-nm", children: name })
   ] });
 }
@@ -7265,14 +7285,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__ */ jsxs53("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
-    /* @__PURE__ */ jsx58("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__ */ jsxs53("div", { className: liveTone ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
+    /* @__PURE__ */ jsx58("span", { className: whenClass, children: twoLines ? twoLines.map((line, i) => /* @__PURE__ */ jsx58("span", { children: line }, i)) : when }),
     /* @__PURE__ */ jsxs53("span", { className: "ss-w-drow-fx", children: [
-      /* @__PURE__ */ jsx58(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
+      /* @__PURE__ */ jsx58(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath, abbr: isNba ? match.homeTeamAbbr ?? void 0 : void 0 }),
       /* @__PURE__ */ jsx58("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: score ?? "\u2013" }),
-      /* @__PURE__ */ jsx58(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
+      /* @__PURE__ */ jsx58(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, abbr: isNba ? match.awayTeamAbbr ?? void 0 : void 0, away: true })
     ] }),
-    /* @__PURE__ */ jsx58(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
+    !isNba && /* @__PURE__ */ jsx58(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
 }
 
@@ -7289,7 +7319,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(matchKey4(m.sport, m.matchId)), stale));
   const onStarClick = () => {
     const next = !group.isStarred;
     void starTap.tap(group.competitionId, next).then((ok) => {
@@ -7301,7 +7331,7 @@ function LeagueDetail({ group, position, states, stale, ui, monitor, starTap, on
       /* @__PURE__ */ jsx59("button", { type: "button", className: "ss-w-today-detail-back", "aria-label": ui.back, onClick: onBack, children: /* @__PURE__ */ jsx59(ChevronIcon, {}) }),
       /* @__PURE__ */ jsx59(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
       /* @__PURE__ */ jsx59("span", { className: "ss-w-today-detail-name", children: group.competitionName }),
-      /* @__PURE__ */ jsx59(
+      group.sport !== "basketball" && /* @__PURE__ */ jsx59(
         "button",
         {
           type: "button",
@@ -7351,23 +7381,34 @@ function LeagueDetail({ group, position, states, stale, ui, monitor, starTap, on
     ] }),
     /* @__PURE__ */ jsxs54("div", { className: "ss-w-today-detail-body", children: [
       /* @__PURE__ */ jsx59("span", { className: "ss-w-today-detail-count", children: own.length }),
-      own.map((m) => /* @__PURE__ */ jsx59(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId))
+      own.map((m) => /* @__PURE__ */ jsx59(
+        FixtureRow,
+        {
+          match: m,
+          state: states.get(matchKey4(m.sport, m.matchId)),
+          stale,
+          ui,
+          monitor
+        },
+        matchKey4(m.sport, m.matchId)
+      ))
     ] }),
     toast !== null && /* @__PURE__ */ jsx59("p", { className: "ss-w-today-toast", role: "status", "aria-live": "polite", children: toast })
   ] });
 }
 
 // src/components/LeagueRowGroup.tsx
+import { matchKey as matchKey5 } from "@sensiblestats/widget-sdk";
 import { jsx as jsx60, jsxs as jsxs55 } from "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(matchKey5(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(matchKey5(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;
@@ -7387,7 +7428,7 @@ function LeagueRowGroup({ group, states, stale, cap, starClickable: starClickabl
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ jsx60(
+      group.sport !== "basketball" && /* @__PURE__ */ jsx60(
         "button",
         {
           type: "button",
@@ -7410,7 +7451,17 @@ function LeagueRowGroup({ group, states, stale, cap, starClickable: starClickabl
         }
       )
     ] }),
-    /* @__PURE__ */ jsx60("div", { className: "ss-w-today-rowgroup-rows", children: shown.map((m) => /* @__PURE__ */ jsx60(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) }),
+    /* @__PURE__ */ jsx60("div", { className: "ss-w-today-rowgroup-rows", children: shown.map((m) => /* @__PURE__ */ jsx60(
+      FixtureRow,
+      {
+        match: m,
+        state: states.get(matchKey5(m.sport, m.matchId)),
+        stale,
+        ui,
+        monitor
+      },
+      matchKey5(m.sport, m.matchId)
+    )) }),
     overflow > 0 && /* @__PURE__ */ jsx60("button", { type: "button", className: "ss-w-today-rowgroup-seeall", onClick: onOpen, children: ui.seeAllFixturesLabel(sorted.length) })
   ] });
 }
@@ -7553,7 +7604,7 @@ function TodayPanel({ discovery, ui, monitor }) {
   useEffect26(() => {
     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(matchKey6(m.sport, m.matchId)), stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
   const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs57(Fragment10, { children: [
     /* @__PURE__ */ jsxs57("div", { className: "ss-w-sec-head", children: [
       /* @__PURE__ */ jsx63("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
@@ -7563,12 +7614,12 @@ function TodayPanel({ discovery, ui, monitor }) {
       FixtureRow,
       {
         match,
-        state: states[match.matchId],
+        state: states.get(matchKey6(match.sport, match.matchId)),
         stale,
         ui,
         monitor
       },
-      match.matchId
+      matchKey6(match.sport, match.matchId)
     )) })
   ] });
   if (openGroup !== void 0) {
@@ -7638,9 +7689,18 @@ function TodayPanel({ discovery, ui, monitor }) {
                 setSelectedCompetitionId(group.competitionId);
               }
             },
-            children: /* @__PURE__ */ jsx63(FixtureRow, { match, state: states[match.matchId], stale, ui, monitor })
+            children: /* @__PURE__ */ jsx63(
+              FixtureRow,
+              {
+                match,
+                state: states.get(matchKey6(match.sport, match.matchId)),
+                stale,
+                ui,
+                monitor
+              }
+            )
           },
-          match.matchId
+          matchKey6(match.sport, match.matchId)
         ))
       ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs57(Fragment10, { children: [
         /* @__PURE__ */ jsxs57("div", { className: "ss-w-today-sec", children: [
@@ -13334,6 +13394,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; }
@@ -13349,6 +13411,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; }
 
@@ -13891,7 +13954,7 @@ function StatsWidget(props) {
     [built, operatorUserId, anonymousUserId]
   );
   const getStates = useCallback23(
-    (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
+    (matchIds, nbaGameIds) => built ? built.conversation.getStates(matchIds, nbaGameIds) : Promise.resolve(null),
     [built]
   );
   const pinnedMatchIds = useMemo6(