@sensiblestats/widget-react 0.42.0 → 0.43.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @sensiblestats/widget-react
 
+## 0.43.1
+
+### Patch Changes
+
+- Don't offer a tap on a suspended accordion market. Its card is unservable — the odds lookup drops every suspended/stopped row, so the detail request answers 404 and the panel lands on a tap-to-retry that can never succeed. The row stays listed and labelled; it just isn't expandable, and a market that suspends while open now collapses instead of leaving stale rows up.
+
+## 0.43.0
+
+### Minor Changes
+
+- Betting cards (insight, market-odds, odds-movement) now render a server-supplied `kickoffLabel`
+  in the operator's timezone and language when present, falling back to browser-zone formatting of
+  `kickoffUtc` for older servers.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.31.0
+
 ## 0.42.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -534,7 +534,8 @@ function toInsightVM(insight) {
     homeCrest: str(insight.homeTeamImagePath),
     awayCrest: str(insight.awayTeamImagePath),
     competitionCrest: str(insight.competitionImagePath),
-    kickoffUtc: str(insight.kickoffUtc)
+    kickoffUtc: str(insight.kickoffUtc),
+    kickoffLabel: str(insight.kickoffLabel)
   };
 }
 function toSlipSelection(vm, conversationId) {
@@ -583,6 +584,7 @@ function toMarketOddsVM(card) {
     competitionCrest: str(card.competitionImagePath),
     competition: str(card.competitionName),
     kickoffUtc: str(card.kickoffUtc),
+    kickoffLabel: str(card.kickoffLabel),
     bookmaker: rows.map((r) => str(r.bookmakerName)).find(Boolean),
     updatedAt: updated.length > 0 ? updated[updated.length - 1] : void 0,
     isLive: rows.some((r) => r.isLive === true),
@@ -1937,7 +1939,8 @@ function CardFixture({ it }) {
 }
 function InsightCard({ it, ui, slip, monitor }) {
   const live = it.isLive || it.phase === "live";
-  const kickoff = it.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(it.kickoffUtc) : void 0;
+  const kickoffFallback = it.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(it.kickoffUtc) : void 0;
+  const kickoff = it.kickoffLabel ?? (kickoffFallback ? `${kickoffFallback.dayLabel} ${kickoffFallback.time}` : void 0);
   const hasNamedTeams = !!it.homeTeamName && !!it.awayTeamName;
   const leftIsFixture = hasNamedTeams || !!it.fixture;
   const showPin = !!monitor && it.pinEnabled;
@@ -1947,11 +1950,7 @@ function InsightCard({ it, ui, slip, monitor }) {
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ss-w-bi-live-dot", "aria-hidden": "true" }),
       ui?.liveLabel ?? "Live"
     ] }) : null,
-    kickoff ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "ss-w-bi-kick", children: [
-      kickoff.dayLabel,
-      " ",
-      kickoff.time
-    ] }) : null,
+    kickoff ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ss-w-bi-kick", children: kickoff }) : null,
     showPin && ui ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: it.matchId } }) : null
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ss-w-binsight", children: [
@@ -2024,7 +2023,8 @@ function OddsRow({ vm, row, ui, slip, inSlipIds }) {
 }
 function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }) {
   const [open, setOpen] = (0, import_react13.useState)(false);
-  const kickoff = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
+  const kickoffFallback = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
+  const kickoff = vm.kickoffLabel ?? (kickoffFallback ? `${kickoffFallback.dayLabel} ${kickoffFallback.time}` : void 0);
   const hasNamedTeams = !!vm.homeTeamName && !!vm.awayTeamName;
   const showPin = !!monitor && vm.pinEnabled;
   const showMarketPin = showPin && !pinRef;
@@ -2041,11 +2041,7 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-live-dot", "aria-hidden": "true" }),
             ui?.liveLabel ?? "Live"
           ] }) : null,
-          kickoff ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-kick", children: [
-            kickoff.dayLabel,
-            " ",
-            kickoff.time
-          ] }) : null,
+          kickoff ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-kick", children: kickoff }) : null,
           showPin && ui ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             PinToggle,
             {
@@ -3208,7 +3204,7 @@ function MarketAccordion({ match, monitor, ui, slip }) {
   if (markets.length === 0) return null;
   const open = monitor.openMarket[match.matchId] ?? null;
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ss-w-acc", children: markets.map((m) => {
-    const isOpen = open === m.marketDeveloperName;
+    const isOpen = open === m.marketDeveloperName && !m.suspended;
     const key = `${match.matchId}:${m.marketDeveloperName}`;
     const entry = monitor.marketOdds[key];
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: isOpen ? "ss-w-acc-row ss-w-acc-row-open" : "ss-w-acc-row", children: [
@@ -3217,11 +3213,12 @@ function MarketAccordion({ match, monitor, ui, slip }) {
           "button",
           {
             type: "button",
-            className: "ss-w-acc-toggle",
+            className: m.suspended ? "ss-w-acc-toggle ss-w-acc-toggle--susp" : "ss-w-acc-toggle",
             "aria-expanded": isOpen,
+            disabled: m.suspended,
             onClick: () => monitor.toggleMarket(match.matchId, m.marketDeveloperName),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-chevron", children: isOpen ? "\u25BE" : "\u25B8" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-chevron", children: m.suspended ? "" : isOpen ? "\u25BE" : "\u25B8" }),
               /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-label", children: m.marketLabel }),
               m.hasInsight && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-badge", children: "\u2605" }),
               m.suspended && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-susp", children: ui.accordionSuspended })
@@ -4328,6 +4325,9 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 /* Row header: expand toggle (flex:1) + the market PinToggle as a sibling (no nested buttons). */
 .ss-w-acc-head { display: flex; align-items: center; gap: 8px; padding: 6px 9px 6px 11px; }
 .ss-w-acc-toggle { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; background: none; border: none; cursor: pointer; text-align: left; font: inherit; color: var(--ss-w-ink); padding: 5px 0; }
+/* Suspended: the row stays listed (knowing a market is off is useful) but is not tappable --
+   its card is unservable, so a pointer cursor would promise something that cannot load. */
+.ss-w-acc-toggle--susp { cursor: default; color: var(--ss-w-faint); }
 .ss-w-acc-chevron { color: var(--ss-w-faint); font-size: 11px; flex: none; }
 .ss-w-acc-label { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .ss-w-acc-badge { font-size: 10.5px; font-weight: 700; color: var(--ss-w-accent); flex: none; }