@sensiblestats/widget-react 0.48.4 → 0.48.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @sensiblestats/widget-react
 
+## 0.48.6
+
+### Patch Changes
+
+- Today tab: mirror the away team around the score — crest on the outer (right) edge, name right-aligned — so each fixture row reads symmetrically like a scoreboard. Applies to both the live band and the competition accordions.
+
+## 0.48.5
+
+### Patch Changes
+
+- A suspended selection no longer appears in the market-odds ladder. The wire row now carries isSuspended, so the client can drop prices the bookmaker is not taking instead of offering an Add to slip button that always fails.
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.35.1
+
 ## 0.48.4
 
 ### Patch Changes

package/dist/index.cjs

@@ -609,11 +609,14 @@ function toMarketOddsVM(card) {
       matchOddsId: typeof r.matchOddsId === "number" ? r.matchOddsId : void 0,
       quotedAtUtc: str(r.quotedAtUtc),
       isMain: r.isMainLine !== false,
+      // === true, not !== false: a server that has not shipped the field yet leaves it undefined,
+      // and undefined must read as open rather than hiding every price on the card.
+      isSuspended: r.isSuspended === true,
       previousOdds: previous !== void 0 && direction !== void 0 ? previous.toFixed(2) : void 0,
       movementDirection: previous !== void 0 && direction !== void 0 ? direction : void 0
     };
   };
-  const vms = rows.map(toRow).filter((r) => r.selection && r.odds);
+  const vms = rows.map(toRow).filter((r) => r.selection && r.odds && !r.isSuspended);
   const home = str(card.homeTeamName);
   const away = str(card.awayTeamName);
   const updated = rows.map((r) => str(r.quotedAtUtc)).filter((v) => !!v).sort();
@@ -3733,8 +3736,8 @@ function kickoffLabel(kickoffUnix) {
   const d = new Date(kickoffUnix * 1e3);
   return `${`${d.getHours()}`.padStart(2, "0")}:${`${d.getMinutes()}`.padStart(2, "0")}`;
 }
-function Side({ name, crest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "ss-w-drow-side", children: [
+function Side({ name, crest, away = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
     crest ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ss-w-drow-nm", children: name })
   ] });
@@ -3749,7 +3752,7 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "ss-w-drow-fx", children: [
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: hasScore ? `${state.homeScore}\u2013${state.awayScore}` : "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
@@ -4759,6 +4762,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
    which is the u350 betting-card truncation one layer down. */
 .ss-w-drow-fx { display: flex; align-items: center; gap: 6px; min-width: 0; }
 .ss-w-drow-side { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 1 1 0; }
+/* Away side mirrors home around the score: crest to the far edge, name aligned inward. */
+.ss-w-drow-side--away { flex-direction: row-reverse; text-align: right; }
 .ss-w-drow-nm { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* Centre slot of .ss-w-drow-fx, between the two sides: flex:none so a widening score never
    steals width the team names need to avoid ellipsis. min-width holds the slot at the width of a