@sensiblestats/widget-react 0.86.0 → 0.86.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sensiblestats/widget-react
 
+## 0.86.1
+
+### Patch Changes
+
+- 85b742d: Fix the live-score scorers line always rendering under the away team; it now renders under whichever team actually scored, matching the match-events timeline below it.
+
 ## 0.86.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -5663,11 +5663,14 @@ function LiveCrest({ url, name, side }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: `${cls} ss-w-fandash-live-crest--fallback`, "aria-hidden": "true", children: initials5(name) });
 }
-function scorersLine(goalEvents) {
-  if (!goalEvents || goalEvents.length === 0) return null;
+function scorersBySide(goalEvents) {
+  if (!goalEvents || goalEvents.length === 0) return { home: null, away: null };
   const named = goalEvents.filter((e) => e.type === "goal" && e.player);
-  if (named.length === 0) return null;
-  return named.slice().sort((a, b) => a.minute - b.minute).map((e) => `${e.player} ${e.minuteLabel}`).join(", ");
+  const line = (side) => {
+    const scorers = named.filter((e) => e.side === side).slice().sort((a, b) => a.minute - b.minute).map((e) => `${e.player} ${e.minuteLabel}`);
+    return scorers.length === 0 ? null : scorers.join(", ");
+  };
+  return { home: line("home"), away: line("away") };
 }
 function LiveScoreCard({
   card,
@@ -5681,7 +5684,7 @@ function LiveScoreCard({
   }
   const displayMinute = useLiveClock(data.minute, data.clockRunning, seedRef.current.receivedAtMs);
   const minuteSuffix = data.minuteLabel.replace(/^\d+/, "");
-  const scorers = scorersLine(goalEvents);
+  const { home: homeScorers, away: awayScorers } = scorersBySide(goalEvents);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ss-w-fandash-card ss-w-fandash-live-score", children: [
     card.title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ss-w-fandash-live-top", children: [
@@ -5707,9 +5710,15 @@ function LiveScoreCard({
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ss-w-fandash-live-team-name", children: data.awayName })
       ] })
     ] }),
-    scorers ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ss-w-fandash-live-scorers", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
-      scorers
+    homeScorers || awayScorers ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ss-w-fandash-live-scorers-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--home", children: homeScorers ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
+        homeScorers
+      ] }) : null }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--away", children: awayScorers ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+        awayScorers,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" })
+      ] }) : null })
     ] }) : null
   ] });
 }
@@ -12210,8 +12219,13 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-fandash-live-team-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 700; line-height: 1.15; color: var(--ss-w-ink); }
 .ss-w-fandash-live-score-main { display: flex; align-items: baseline; justify-content: center; font-size: 36px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; color: var(--ss-w-ink); }
 .ss-w-fandash-live-score-sep { color: var(--ss-w-faint); font-weight: 500; margin: 0 5px; }
-.ss-w-fandash-live-scorers { margin-top: 12px; display: flex; justify-content: flex-end; gap: 7px; align-items: center; font-size: 12.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
-.ss-w-fandash-live-scorers-icon { flex: none; color: var(--ss-w-away); }
+.ss-w-fandash-live-scorers-row { margin-top: 12px; display: flex; justify-content: space-between; gap: 10px; }
+.ss-w-fandash-live-scorers { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 12.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-fandash-live-scorers--home { justify-content: flex-start; }
+.ss-w-fandash-live-scorers--away { justify-content: flex-end; }
+.ss-w-fandash-live-scorers--home .ss-w-fandash-live-scorers-icon { color: var(--ss-w-home); }
+.ss-w-fandash-live-scorers--away .ss-w-fandash-live-scorers-icon { color: var(--ss-w-away); }
+.ss-w-fandash-live-scorers-icon { flex: none; }
 
 /* live timeline: a compact two-sided event list down a centre spine -- each club's events sit on
    its own side (home left, away right), most-recent 3 shown with a "See more" toggle for the