@sensiblestats/widget-react 0.15.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @sensiblestats/widget-react
 
+## 0.16.0
+
+### Minor Changes
+
+- 399d6bf: Label market-floor betting insight cards with a distinct "Market price · not a value pick" pill, so a screenshot of one can never read as a recommendation. Older servers that never send `isMarketFloor` render cards exactly as before.
+
+### Patch Changes
+
+- Updated dependencies [399d6bf]
+  - @sensiblestats/widget-sdk@0.14.0
+
 ## 0.15.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -57,6 +57,7 @@ var STRINGS = {
     hideStats: "Hide stats",
     oddsLabel: "Odds",
     liveLabel: "Live",
+    marketFloorLabel: "Market price \xB7 not a value pick",
     addToSlip: "Add to slip",
     marketPrices: "Market prices",
     moreLines: "More lines",
@@ -110,6 +111,7 @@ var STRINGS = {
     hideStats: "\u0130statistikleri gizle",
     oddsLabel: "Oran",
     liveLabel: "Canl\u0131",
+    marketFloorLabel: "Piyasa oran\u0131 \xB7 de\u011Fer bahsi de\u011Fil",
     addToSlip: "Kupona ekle",
     marketPrices: "Piyasa fiyatlar\u0131",
     moreLines: "Di\u011Fer \xE7izgiler",
@@ -180,6 +182,7 @@ function normalizeUi(cfg) {
     hideStats: strings.hideStats,
     oddsLabel: strings.oddsLabel,
     liveLabel: strings.liveLabel,
+    marketFloorLabel: strings.marketFloorLabel,
     marketPrices: strings.marketPrices,
     moreLines: strings.moreLines,
     hideLines: strings.hideLines,
@@ -396,6 +399,7 @@ function toInsightVM(insight) {
     matchId: typeof insight.matchId === "number" ? insight.matchId : 0,
     matchOddsId,
     addToSlipEnabled: insight.addToSlipEnabled === true,
+    isMarketFloor: insight.isMarketFloor === true,
     oddsDecimal: typeof oddsValue === "number" && Number.isFinite(oddsValue) ? oddsValue : void 0,
     quotedAtUtc: str(insight.odds?.quotedAtUtc),
     previousOdds: previous !== void 0 && direction !== void 0 ? previous.toFixed(2) : void 0,
@@ -1014,10 +1018,13 @@ function StatsDisclosure({ it, ui }) {
 function InsightCard({ it, ui, slip }) {
   const live = it.isLive || it.phase === "live";
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ss-w-binsight", children: [
-    live ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ss-w-bi-status", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ss-w-bi-live", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ss-w-bi-live-dot", "aria-hidden": "true" }),
-      ui?.liveLabel ?? "Live"
-    ] }) }) : null,
+    live || it.isMarketFloor ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ss-w-bi-status", children: [
+      live ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ss-w-bi-live", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ss-w-bi-live-dot", "aria-hidden": "true" }),
+        ui?.liveLabel ?? "Live"
+      ] }) : null,
+      it.isMarketFloor ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ss-w-bi-floor", children: ui?.marketFloorLabel ?? "Market price \xB7 not a value pick" }) : null
+    ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "ss-w-bi-head", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "ss-w-bi-mkt", children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ss-w-bi-market", children: it.market }),
@@ -1647,6 +1654,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-bi-comp { font-size: 10.5px; color: var(--ss-w-faint); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .ss-w-bi-live { font-size: 8.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #c0392b; border-radius: 4px; padding: 1px 5px; display: inline-flex; align-items: center; gap: 4px; flex: none; }
 .ss-w-bi-live-dot { width: 5px; height: 5px; border-radius: 50%; background: #fff; }
+.ss-w-bi-floor { font-size: 8.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ss-w-faint); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 4px; padding: 1px 5px; display: inline-flex; align-items: center; flex: none; }
 .ss-w-bi-head { display: flex; align-items: flex-start; gap: 10px; }
 .ss-w-bi-mkt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .ss-w-bi-market { font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--ss-w-ink); }