@sensiblestats/widget-react 0.70.1 → 0.72.0

package/dist/index.js

@@ -1102,7 +1102,8 @@ function toComboLegVM(leg) {
   const insight = leg.insight && typeof leg.insight === "object" ? leg.insight : void 0;
   const insightId = str(insight?.insightId);
   const statText = str(insight?.text);
-  if (price === void 0 || matchOddsId === void 0 || matchId === void 0 || !home || !away || !selectionLabel || !insightId || !statText) return null;
+  const hasStat = !!insightId && !!statText;
+  if (price === void 0 || matchOddsId === void 0 || matchId === void 0 || !home || !away || !selectionLabel) return null;
   const line = str(leg.line);
   return {
     key: `${matchOddsId}`,
@@ -1123,8 +1124,8 @@ function toComboLegVM(leg) {
     oddsDecimal: price,
     matchOddsId,
     quotedAtUtc: str(leg.quotedAtUtc),
-    insightId,
-    statText
+    ...hasStat ? { insightId, statText } : {},
+    pinEnabled: leg.pinEnabled === true
   };
 }
 function toComboCardVM(card) {
@@ -1151,9 +1152,9 @@ function comboLegToSlipSelection(leg, conversationId) {
   const selection = {
     matchOddsId: leg.matchOddsId,
     matchId: leg.matchId,
-    oddsDecimal: leg.oddsDecimal,
-    insightId: leg.insightId
+    oddsDecimal: leg.oddsDecimal
   };
+  if (leg.insightId !== void 0) selection.insightId = leg.insightId;
   if (leg.quotedAtUtc !== void 0) selection.quotedAtUtc = leg.quotedAtUtc;
   if (conversationId !== void 0) selection.conversationId = conversationId;
   return selection;
@@ -1372,7 +1373,7 @@ function ChatHeader({
 import { useEffect as useEffect7, useRef as useRef4 } from "react";
 
 // src/presets.ts
-var CLIENT_CAPABILITIES = ["price_presets"];
+var CLIENT_CAPABILITIES = ["price_presets", "price_presets_open"];
 var PRICE_TILE_PREFIX = "goal-preset-";
 function isPriceTile(tile) {
   const id = tile.signal?.entityId;
@@ -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" }),
@@ -2081,22 +2086,22 @@ function ComboLegRow({ leg, addToSlipEnabled, ui, slip }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx14("p", { className: "ss-w-combo-leg-stat", children: leg.statText })
+    leg.statText ? /* @__PURE__ */ jsx14("p", { className: "ss-w-combo-leg-stat", children: leg.statText }) : null
   ] });
 }
-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 })
@@ -7061,6 +7066,20 @@ function findCombo(grid, total, legs) {
   const whole = !!combo && typeof combo.multiplication === "string" && combo.multiplication !== "" && Array.isArray(combo.legs) && combo.legs.length === legs && combo.legs.every(drawable);
   return cell && whole ? cell : null;
 }
+function legsForTotal(grid, total, legs) {
+  if (findCombo(grid, total, legs)) return legs;
+  let best = legs;
+  let bestGap = Infinity;
+  for (const n of comboLegChoices(grid)) {
+    if (!findCombo(grid, total, n)) continue;
+    const gap = Math.abs(n - legs);
+    if (gap < bestGap) {
+      best = n;
+      bestGap = gap;
+    }
+  }
+  return best;
+}
 function idsOf(picks) {
   return { matchOddsIds: picks.map((p) => p.matchOddsId), matchIds: picks.map((p) => p.matchId) };
 }
@@ -7204,8 +7223,10 @@ function SetNumbersTool({ grid, strings, streaming, formatKickoff, onSend, onClo
   };
   const nextTotal = () => {
     const v = cycle(totals, total);
+    const l = legsForTotal(grid, v, legs);
     setTotal(v);
-    announce(strings.comboDisplay(legs, v), !!findCombo(grid, v, legs));
+    setLegs(l);
+    announce(strings.comboDisplay(l, v), !!findCombo(grid, v, l));
   };
   return /* @__PURE__ */ jsxs73(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
     /* @__PURE__ */ jsxs73("section", { className: "ss-w-tool-row", children: [
@@ -7245,7 +7266,10 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
   const [total, setTotal] = useState33(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : startValue(totals, START.comboTotal));
-  const [legs, setLegs] = useState33(() => initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : startValue(legChoices, START.comboLegs));
+  const [legs, setLegs] = useState33(() => {
+    const start = initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : startValue(legChoices, START.comboLegs);
+    return initialTotal !== void 0 ? legsForTotal(grid, nearest(totals, initialTotal), start) : start;
+  });
   const [announcement, setAnnouncement] = useState33("");
   const cell = findCombo(grid, total, legs);
   const minLegs = legChoices[0] ?? legs;
@@ -7263,7 +7287,7 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
   return /* @__PURE__ */ jsxs73(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
     /* @__PURE__ */ jsxs73("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
       /* @__PURE__ */ jsx89("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
-      /* @__PURE__ */ jsx89("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ jsx89("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, legs), children: t.toFixed(1) }, t)) })
+      /* @__PURE__ */ jsx89("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ jsx89("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, samePrice(t, total) ? legs : legsForTotal(grid, t, legs)), children: t.toFixed(1) }, t)) })
     ] }),
     /* @__PURE__ */ jsxs73("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
       /* @__PURE__ */ jsx89("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
@@ -10867,7 +10891,7 @@ function StatsWidget(props) {
   const gamesResult = useGames(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const leaderboardResult = useLeaderboard(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const getPricePresets = useCallback14(
-    (locale2) => built ? built.conversation.getPricePresets(locale2) : Promise.resolve(null),
+    (locale2) => built ? built.conversation.getPricePresets(locale2, { pool: "open" }) : Promise.resolve(null),
     [built]
   );
   const presetGrid = usePresetGrid({ getPricePresets, isOpen: controller.state.isOpen, locale: ui.presets.lang });