@sensiblestats/widget-react 0.71.0 → 0.72.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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

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,7 @@ function toComboLegVM(leg) {
     oddsDecimal: price,
     matchOddsId,
     quotedAtUtc: str(leg.quotedAtUtc),
-    insightId,
-    statText,
+    ...hasStat ? { insightId, statText } : {},
     pinEnabled: leg.pinEnabled === true
   };
 }
@@ -1190,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;
@@ -1411,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;
@@ -2124,7 +2124,7 @@ function ComboLegRow({ leg, addToSlipEnabled, ui, slip, monitor }) {
         }
       )
     ] }),
-    /* @__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, monitor }) {
@@ -7104,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) };
 }
@@ -7247,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: [
@@ -7288,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;
@@ -7306,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 }),
@@ -10910,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 });