@sensiblestats/widget-react 0.70.0 → 0.71.0

package/dist/index.js

@@ -1124,7 +1124,8 @@ function toComboLegVM(leg) {
     matchOddsId,
     quotedAtUtc: str(leg.quotedAtUtc),
     insightId,
-    statText
+    statText,
+    pinEnabled: leg.pinEnabled === true
   };
 }
 function toComboCardVM(card) {
@@ -2045,16 +2046,20 @@ function usePresetTools() {
 
 // src/components/ComboCardList.tsx
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-function ComboLegRow({ leg, addToSlipEnabled, ui, slip }) {
+function ComboLegRow({ leg, addToSlipEnabled, ui, slip, monitor }) {
   const kickoffFallback = !leg.kickoffLabel && leg.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(leg.kickoffUtc) : void 0;
   const kickoff = leg.kickoffLabel ?? (kickoffFallback ? `${kickoffFallback.dayLabel} ${kickoffFallback.time}` : void 0);
   const selection = addToSlipEnabled ? comboLegToSlipSelection(leg, slip.conversationId) : null;
+  const showPin = !!monitor && leg.pinEnabled && !!ui;
   return /* @__PURE__ */ jsxs9("li", { className: "ss-w-combo-leg", children: [
-    leg.competition || kickoff ? /* @__PURE__ */ jsxs9("div", { className: "ss-w-combo-leg-meta", children: [
+    leg.competition || kickoff || showPin ? /* @__PURE__ */ jsxs9("div", { className: "ss-w-combo-leg-meta", children: [
       /* @__PURE__ */ jsx14("span", { className: "ss-w-bi-comp", children: leg.competition ?? "" }),
-      kickoff ? /* @__PURE__ */ jsx14("span", { className: "ss-w-bi-kick", children: kickoff }) : null
+      /* @__PURE__ */ jsxs9("span", { className: "ss-w-bi-meta-right", children: [
+        kickoff ? /* @__PURE__ */ jsx14("span", { className: "ss-w-bi-kick", children: kickoff }) : null,
+        showPin && ui ? /* @__PURE__ */ jsx14(PinToggle, { ui, monitor, pin: { kind: "match", matchId: leg.matchId } }) : null
+      ] })
     ] }) : null,
-    /* @__PURE__ */ jsxs9(MatchLink, { as: "div", matchId: leg.matchId, home: leg.homeTeamName, away: leg.awayTeamName, className: "ss-w-bi-fixture-line", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "ss-w-bi-fixture-line", children: [
       /* @__PURE__ */ jsx14(Crest2, { kind: "team", url: leg.homeCrest, name: leg.homeTeamName }),
       /* @__PURE__ */ jsx14("span", { className: "ss-w-bi-team", children: leg.homeTeamName }),
       /* @__PURE__ */ jsx14("span", { className: "ss-w-bi-vs", "aria-hidden": "true", children: "vs" }),
@@ -2084,19 +2089,19 @@ function ComboLegRow({ leg, addToSlipEnabled, ui, slip }) {
     /* @__PURE__ */ jsx14("p", { className: "ss-w-combo-leg-stat", children: leg.statText })
   ] });
 }
-function ComboCardView({ vm, ui, slip }) {
+function ComboCardView({ vm, ui, slip, monitor }) {
   const tools = usePresetTools();
   const { target, legCount } = vm;
   return /* @__PURE__ */ jsxs9("div", { className: "ss-w-combo", children: [
-    /* @__PURE__ */ jsx14("ol", { className: "ss-w-combo-legs", role: "list", children: vm.legs.map((leg) => /* @__PURE__ */ jsx14(ComboLegRow, { leg, addToSlipEnabled: vm.addToSlipEnabled, ui, slip }, leg.key)) }),
+    /* @__PURE__ */ jsx14("ol", { className: "ss-w-combo-legs", role: "list", children: vm.legs.map((leg) => /* @__PURE__ */ jsx14(ComboLegRow, { leg, addToSlipEnabled: vm.addToSlipEnabled, ui, slip, monitor }, leg.key)) }),
     /* @__PURE__ */ jsx14("div", { className: "ss-w-combo-math", children: vm.multiplication }),
     vm.replacedNote ? /* @__PURE__ */ jsx14("p", { className: "ss-w-combo-note", children: vm.replacedNote }) : null,
     tools && target !== void 0 && legCount !== void 0 ? /* @__PURE__ */ jsx14("button", { type: "button", className: "ss-w-combo-change", onClick: () => tools.openBuilder(target, legCount), children: tools.changeLabel }) : null
   ] });
 }
-function ComboCardList({ cards, ui, slip }) {
+function ComboCardList({ cards, ui, slip, monitor }) {
   if (!cards || cards.length === 0) return null;
-  return /* @__PURE__ */ jsx14("div", { className: "ss-w-combos", children: cards.map((vm) => /* @__PURE__ */ jsx14(ComboCardView, { vm, ui, slip }, vm.id)) });
+  return /* @__PURE__ */ jsx14("div", { className: "ss-w-combos", children: cards.map((vm) => /* @__PURE__ */ jsx14(ComboCardView, { vm, ui, slip, monitor }, vm.id)) });
 }
 
 // src/components/MarketOddsCardList.tsx
@@ -3359,7 +3364,7 @@ function ChatMessage({ message, disabled, onAct, onTap, ui, slip, monitor }) {
     message.clubFanDashboard ? /* @__PURE__ */ jsx43(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
     /* @__PURE__ */ jsx43(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
     /* @__PURE__ */ jsx43(BettingInsightList, { insights: message.insights, ui, slip, monitor }),
-    /* @__PURE__ */ jsx43(ComboCardList, { cards: message.comboCards ?? [], ui, slip }),
+    /* @__PURE__ */ jsx43(ComboCardList, { cards: message.comboCards ?? [], ui, slip, monitor }),
     compact ? /* @__PURE__ */ jsx43(CompactOddsList, { list: compact, ui, slip, monitor }) : /* @__PURE__ */ jsx43(MarketOddsCardList, { cards: message.marketOdds, ui, slip, monitor }),
     /* @__PURE__ */ jsx43(OddsMovementCardList, { cards: message.oddsMovement, ui, monitor }),
     /* @__PURE__ */ jsx43(ActionButtons, { actions: message.actions, loading: false, disabled, onAct })
@@ -9020,7 +9025,7 @@ function usePresetGrid({ getPricePresets, isOpen, locale, now = Date.now }) {
     if (age <= GRID_MAX_AGE_MS) return;
     inFlightRef.current = true;
     Promise.resolve().then(() => getRef.current(locale)).then((body) => {
-      if (body === null) {
+      if (body === null || isPresetGrid(body) && !hasAnyCell(body)) {
         keptRef.current = null;
         if (mountedRef.current) setGrid(null);
         return;
@@ -9035,6 +9040,9 @@ function usePresetGrid({ getPricePresets, isOpen, locale, now = Date.now }) {
   }, [isOpen, locale]);
   return grid;
 }
+function hasAnyCell(grid) {
+  return grid.singles.length > 0 || grid.singlesFrom.length > 0 || grid.combos.length > 0;
+}
 
 // src/popupTelemetry.ts
 import { useCallback as useCallback13, useEffect as useEffect24, useRef as useRef20 } from "react";