@sensiblestats/widget-react 0.66.1 → 0.67.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @sensiblestats/widget-react
 
+## 0.67.0
+
+### Minor Changes
+
+- Match odds card, stage 3: a price card the server sends for the market the user bets on carries `tag: "your_market"`, and the card shows a "Your market" / "İlgilendiğin bahis" label on its market line. A card with no tag or an unknown tag shows no label.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.42.0
+
 ## 0.66.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -72,6 +72,7 @@ var STRINGS = {
     showMore: (n) => `Show ${n} more`,
     oddsLabel: "Odds",
     liveLabel: "Live",
+    yourMarketTag: "Your market",
     marketFloorLabel: "Market price \xB7 not a value pick",
     addToSlip: "Add to slip",
     marketPrices: "Market prices",
@@ -371,6 +372,7 @@ var STRINGS = {
     showMore: (n) => `${n} tane daha g\xF6ster`,
     oddsLabel: "Oran",
     liveLabel: "Canl\u0131",
+    yourMarketTag: "\u0130lgilendi\u011Fin bahis",
     marketFloorLabel: "Piyasa oran\u0131 \xB7 de\u011Fer bahsi de\u011Fil",
     addToSlip: "Kupona ekle",
     marketPrices: "Piyasa fiyatlar\u0131",
@@ -698,6 +700,7 @@ function normalizeUi(cfg) {
     showMore: strings.showMore,
     oddsLabel: strings.oddsLabel,
     liveLabel: strings.liveLabel,
+    yourMarketTag: strings.yourMarketTag,
     marketFloorLabel: strings.marketFloorLabel,
     marketPrices: strings.marketPrices,
     moreLines: strings.moreLines,
@@ -1333,7 +1336,8 @@ function toMarketOddsVM(card) {
     marketDeveloperName: str(card.marketDeveloperName),
     mainLine: str(card.mainLine),
     pinEnabled: card.pinEnabled === true,
-    statText: card.insight && typeof card.insight === "object" ? str(card.insight.text) : void 0
+    statText: card.insight && typeof card.insight === "object" ? str(card.insight.text) : void 0,
+    tag: card.tag === "your_market" ? "your_market" : void 0
   };
 }
 function toOddsMovementVM(card) {
@@ -1949,7 +1953,10 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.awayTeamName }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.awayCrest, name: vm.awayTeamName })
         ] }) : vm.fixture ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-teams", children: vm.fixture }) : null,
-        vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-mo-market-row", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-market", children: vm.market }) }) : null
+        vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-market-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-market", children: vm.market }),
+          vm.tag === "your_market" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-tag", children: ui?.yourMarketTag ?? "Your market" }) : null
+        ] }) : null
       ] }) : null
     ] }),
     vm.statText && !hideHeader && !pinRef ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-mo-stat", children: vm.statText }) : null,
@@ -8584,6 +8591,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-mo-teams { font-size: 13px; font-weight: 650; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .ss-w-mo-market-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
 .ss-w-mo-market { font-size: 11.5px; font-weight: 600; color: var(--ss-w-faint); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-mo-tag { flex: none; font-size: 10.5px; font-weight: 700; line-height: 1.4; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 12%, transparent); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
 .ss-w-mo-more { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; background: none; border: none; color: var(--ss-w-accent); font: inherit; font-size: 11.5px; font-weight: 600; padding: 2px 0; cursor: pointer; }
 .ss-w-mo-more:hover { text-decoration: underline; }
 .ss-w-mo-more-chev { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; }