@sensiblestats/widget-react 0.70.1 → 0.72.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @sensiblestats/widget-react
 
+## 0.72.0
+
+### Minor Changes
+
+- Onboarding presets, stage 3: the open pick pool.
+
+  - widget-sdk: `ComboLeg.insight` is optional and may be null; `getPricePresets` and
+    `Conversation.getPricePresets(locale, { pool })` take `pool: 'open'`.
+  - widget-react: a combo leg with no stat is drawn with its price and no stat line, and its slip
+    selection carries no `insightId`, instead of the whole card being dropped; every chat request
+    declares `price_presets_open`; the preset grid is asked with `pool=open`. Picking a combo total that exists only at another match count moves the match count to the nearest count that has it.
+  - widget-embed: rebuilt against the new widget-react and widget-sdk.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.47.0
+
+## 0.71.0
+
+### Minor Changes
+
+- 8fd2f53: Combo card legs now carry a match pin and no longer link to the match page: a tap on the pin adds the match to the Following tab, and the right arrow that closed the widget on a phone is gone. Adds optional `pinEnabled` to `ComboLeg`; an older server that omits it shows no pin.
+
+### Patch Changes
+
+- Updated dependencies [8fd2f53]
+  - @sensiblestats/widget-sdk@0.46.0
+
 ## 0.70.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -1140,7 +1140,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}`,
@@ -1161,8 +1162,8 @@ function toComboLegVM(leg) {
     oddsDecimal: price,
     matchOddsId,
     quotedAtUtc: str(leg.quotedAtUtc),
-    insightId,
-    statText
+    ...hasStat ? { insightId, statText } : {},
+    pinEnabled: leg.pinEnabled === true
   };
 }
 function toComboCardVM(card) {
@@ -1189,9 +1190,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;
@@ -1410,7 +1411,7 @@ function ChatHeader({
 var import_react22 = require("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;
@@ -2083,16 +2084,20 @@ function usePresetTools() {
 
 // src/components/ComboCardList.tsx
 var import_jsx_runtime14 = require("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__ */ (0, import_jsx_runtime14.jsxs)("li", { className: "ss-w-combo-leg", children: [
-    leg.competition || kickoff ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-combo-leg-meta", children: [
+    leg.competition || kickoff || showPin ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-combo-leg-meta", children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-comp", children: leg.competition ?? "" }),
-      kickoff ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-kick", children: kickoff }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-meta-right", children: [
+        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, { ui, monitor, pin: { kind: "match", matchId: leg.matchId } }) : null
+      ] })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(MatchLink, { as: "div", matchId: leg.matchId, home: leg.homeTeamName, away: leg.awayTeamName, className: "ss-w-bi-fixture-line", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-bi-fixture-line", children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: leg.homeCrest, name: leg.homeTeamName }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: leg.homeTeamName }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-vs", "aria-hidden": "true", children: "vs" }),
@@ -2119,22 +2124,22 @@ function ComboLegRow({ leg, addToSlipEnabled, ui, slip }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ss-w-combo-leg-stat", children: leg.statText })
+    leg.statText ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-combo", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ol", { className: "ss-w-combo-legs", role: "list", children: vm.legs.map((leg) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboLegRow, { leg, addToSlipEnabled: vm.addToSlipEnabled, ui, slip }, leg.key)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ol", { className: "ss-w-combo-legs", role: "list", children: vm.legs.map((leg) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboLegRow, { leg, addToSlipEnabled: vm.addToSlipEnabled, ui, slip, monitor }, leg.key)) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-combo-math", children: vm.multiplication }),
     vm.replacedNote ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ss-w-combo-note", children: vm.replacedNote }) : null,
     tools && target !== void 0 && legCount !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-combos", children: cards.map((vm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboCardView, { vm, ui, slip }, vm.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-combos", children: cards.map((vm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboCardView, { vm, ui, slip, monitor }, vm.id)) });
 }
 
 // src/components/MarketOddsCardList.tsx
@@ -3397,7 +3402,7 @@ function ChatMessage({ message, disabled, onAct, onTap, ui, slip, monitor }) {
     message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BettingInsightList, { insights: message.insights, ui, slip, monitor }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ComboCardList, { cards: message.comboCards ?? [], ui, slip }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ComboCardList, { cards: message.comboCards ?? [], ui, slip, monitor }),
     compact ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CompactOddsList, { list: compact, ui, slip, monitor }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MarketOddsCardList, { cards: message.marketOdds, ui, slip, monitor }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(OddsMovementCardList, { cards: message.oddsMovement, ui, monitor }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ActionButtons, { actions: message.actions, loading: false, disabled, onAct })
@@ -7099,6 +7104,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) };
 }
@@ -7242,8 +7261,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__ */ (0, import_jsx_runtime89.jsxs)(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: "ss-w-tool-row", children: [
@@ -7283,7 +7304,10 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
   const [total, setTotal] = (0, import_react41.useState)(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : startValue(totals, START.comboTotal));
-  const [legs, setLegs] = (0, import_react41.useState)(() => initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : startValue(legChoices, START.comboLegs));
+  const [legs, setLegs] = (0, import_react41.useState)(() => {
+    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] = (0, import_react41.useState)("");
   const cell = findCombo(grid, total, legs);
   const minLegs = legChoices[0] ?? legs;
@@ -7301,7 +7325,7 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, legs), children: t.toFixed(1) }, t)) })
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("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__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
@@ -10905,7 +10929,7 @@ function StatsWidget(props) {
   const gamesResult = useGames(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const leaderboardResult = useLeaderboard(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const getPricePresets = (0, import_react55.useCallback)(
-    (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 });