fansunited-frontend-components 0.0.87 → 0.0.89

package/MatchQuizPlay.js

@@ -1,4 +1,4 @@
-import { M as a } from "./chunks/main-Dn5EUDh-.js";
+import { M as a } from "./chunks/main-B7xsd2jd.js";
 const t = a;
 export {
   t as MatchQuizPlay

package/Odds.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { OddsProps } from "fansunited-frontend-core";
+
+export declare const Odds: React.FC<OddsProps>;
+//# sourceMappingURL=Odds.d.ts.map

package/Odds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Odds.d.ts","sourceRoot":"","sources":["../../src/Odds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAiB,CAAC"}

package/Odds.js

@@ -0,0 +1,57 @@
+import { jsx as i } from "react/jsx-runtime";
+import c from "react";
+import "./chunks/PrizeCard-Cb1YuuYM.js";
+import "react-dom";
+import { P as A } from "./chunks/Portal-Beqgjlza.js";
+import { f as B } from "./chunks/sportsEvents-CGX-WkNB.js";
+import { u as E, O as F } from "./chunks/OddsStrip-XQfQiBhM.js";
+const M = ({
+  eventId: t,
+  sdk: n,
+  market: r = "FT_1X2",
+  size: p = "default",
+  mode: a,
+  flashInterval: O,
+  pollingInterval: g,
+  operators: S,
+  affiliateId: h,
+  affiliateIds: _,
+  labels: v,
+  callbacks: s
+}) => {
+  const d = r === "FT_1X2", [o, T] = c.useState(null);
+  c.useEffect(() => {
+    if (!d) return;
+    const l = new AbortController(), f = (e) => {
+      l.signal.aborted || T({ eventId: t, value: e });
+    };
+    return B(n, t, l.signal).then((e) => {
+      var m;
+      return f(((m = e == null ? void 0 : e.event) == null ? void 0 : m.sport) ?? null);
+    }).catch(() => f(null)), () => l.abort();
+  }, [n, t, d]);
+  const x = !d || (o == null ? void 0 : o.eventId) === t, { odds: y } = E(n, [t], {
+    enabled: !!t && x,
+    markets: [r],
+    sport: o == null ? void 0 : o.value,
+    pollingIntervalMs: g,
+    operators: S,
+    affiliateId: h,
+    affiliateIds: _
+  }), u = y.get(t);
+  return u ? /* @__PURE__ */ i(
+    F,
+    {
+      odds: u,
+      market: r,
+      size: p,
+      mode: a,
+      flashInterval: O,
+      labels: v,
+      onSelect: s == null ? void 0 : s.onAddToBetslip
+    }
+  ) : null;
+}, P = (t) => /* @__PURE__ */ i(A, { packageName: "odds", entityId: t.eventId, ...t, children: /* @__PURE__ */ i(M, { ...t }) }), q = P;
+export {
+  q as Odds
+};

package/PersonalityQuizPlay.js

@@ -1,4 +1,4 @@
-import { M as o } from "./chunks/main-DgcqQ3D5.js";
+import { M as o } from "./chunks/main-DKeA0imc.js";
 const i = o;
 export {
   i as PersonalityQuizPlay

package/PickThePair.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as w, Fragment as K } from "react/jsx-runtime";
-import { g as Ie, h as se, e as We, l as De } from "./chunks/helpers-CqPvv3gw.js";
+import { g as Ie, h as se, e as We, l as De } from "./chunks/helpers-BX3cctTx.js";
 import J, { useMemo as me, useCallback as Le, useEffect as de, useState as G } from "react";
-import { a as ne, i as Z, k as ze, f as ee, g as X, h as ge, B as x, u as re, l as Be, c as ue, d as te, m as ke, n as Ue, o as Ae, p as $e, q as _e, r as He, C as Ee, s as Oe, E as Me, t as je, w as Ne } from "./chunks/PrizeCard-nRBh9VU_.js";
+import { a as ne, i as Z, k as ze, f as ee, g as X, h as ge, B as x, u as re, l as Be, c as ue, d as te, m as ke, n as Ue, o as Ae, p as $e, q as _e, r as He, C as Ee, s as Oe, E as Me, t as je, w as Ne } from "./chunks/PrizeCard-Cb1YuuYM.js";
 import { P as le, W as fe } from "./chunks/enums-B1lTCQvC.js";
-import { S as Ve } from "./chunks/Spinner-wUVcNUtR.js";
+import { S as Ve } from "./chunks/Spinner-pC2OM4AI.js";
 import { createPortal as Ye } from "react-dom";
 import { u as qe } from "./chunks/useInfoPage-BHdgKdme.js";
-import { N as Xe } from "./chunks/NotFoundSkeleton-D34gqMWJ.js";
-import { S as Ge, O as Ke } from "./chunks/OverlaySkeleton-m-qkzhXB.js";
-import { C as Qe } from "./chunks/CollectLeadForm-CNl5gQZc.js";
-import { u as he } from "./chunks/useImageVariant-Bwh3HQQD.js";
-import { T as p } from "./chunks/Typography-DaXtC0md.js";
-import { T as Je } from "./chunks/TimerOutlined-HGpj-FEQ.js";
-import { B as pe } from "./chunks/Button-ClWJ5CUf.js";
-import { d as Ze, a as et } from "./chunks/index-iWn7Rdh9.js";
+import { N as Xe } from "./chunks/NotFoundSkeleton-D2Yx2gZV.js";
+import { S as Ge, O as Ke } from "./chunks/OverlaySkeleton-yDtGLLaG.js";
+import { C as Qe } from "./chunks/CollectLeadForm-BfrhOCqn.js";
+import { u as he } from "./chunks/useImageVariant-DPC_XqjI.js";
+import { T as p } from "./chunks/Typography-nBRgZwsp.js";
+import { T as Je } from "./chunks/TimerOutlined-CRwZ7isE.js";
+import { B as pe } from "./chunks/Button-3riWYmL7.js";
+import { d as Ze, a as et } from "./chunks/index-DP3Xa63T.js";
 const xe = ({
   sdk: e,
   contentId: n,
@@ -2075,7 +2075,7 @@ const ve = ({
   const y = e.themeOptions, m = {
     ...y,
     mode: e.template === le.OVERLAY ? "dark" : y == null ? void 0 : y.mode
-  }, f = /* @__PURE__ */ t(x, { ref: s }), h = n && s.current && d.current && a ? Ye(
+  }, f = /* @__PURE__ */ t(x, { ref: s, lang: e.language || "en" }), h = n && s.current && d.current && a ? Ye(
     // Keyed on the cache, not on `direction`: it must change in the same
     // render that adopts the new cache, or CssVarsProvider writes its CSS
     // variables into the outgoing cache and never repeats.

package/PlayerOfTheMatch.js

@@ -1,29 +1,29 @@
 import { jsx as o, jsxs as b, Fragment as de } from "react/jsx-runtime";
 import { useRef as we, useEffect as O, useState as I, useMemo as re } from "react";
-import { B as p, g as Ke, u as Xe, f as Ve, d as Ue, h as qe, a as H } from "./chunks/PrizeCard-nRBh9VU_.js";
+import { B as p, g as Ke, u as Xe, f as Ve, d as Ue, h as qe, a as H } from "./chunks/PrizeCard-Cb1YuuYM.js";
 import "react-dom";
-import { P as _e } from "./chunks/Portal-BdRuZNR8.js";
-import { h as U, c as me } from "./chunks/helpers-CqPvv3gw.js";
-import { S as $e } from "./chunks/Spinner-wUVcNUtR.js";
-import { L as et } from "./chunks/Link-C73EMUDp.js";
-import { N as tt } from "./chunks/Notification-Q_rv7f9m.js";
-import { D as Je } from "./chunks/DirectionScope-8YC2_4GO.js";
-import { I as be, B as _ } from "./chunks/Button-ClWJ5CUf.js";
-import { C as ot, a as nt, S as rt } from "./chunks/Search-B-Xqc3De.js";
-import { T as f } from "./chunks/Typography-DaXtC0md.js";
-import { C as Ee } from "./chunks/Card-BAIFE-g5.js";
-import { C as it } from "./chunks/CardContent-BKLKsqNJ.js";
-import { A as N } from "./chunks/Avatar-CmxmG17Y.js";
-import { C as st } from "./chunks/CardActions-UK4_wiGW.js";
+import { P as _e } from "./chunks/Portal-Beqgjlza.js";
+import { h as U, c as me } from "./chunks/helpers-BX3cctTx.js";
+import { S as $e } from "./chunks/Spinner-pC2OM4AI.js";
+import { L as et } from "./chunks/Link-CjxMesIg.js";
+import { N as tt } from "./chunks/Notification-rNcLeEkz.js";
+import { D as Je } from "./chunks/DirectionScope-eDYFWvxN.js";
+import { I as be, B as _ } from "./chunks/Button-3riWYmL7.js";
+import { C as ot, a as nt, S as rt } from "./chunks/Search-BOtjWnG5.js";
+import { T as f } from "./chunks/Typography-nBRgZwsp.js";
+import { C as Ee } from "./chunks/Card-ByCnCChk.js";
+import { C as it } from "./chunks/CardContent-CnyZ1WVy.js";
+import { A as N } from "./chunks/Avatar-5aOX2Vb1.js";
+import { C as st } from "./chunks/CardActions-b3pAJZRO.js";
 import { X as at } from "./chunks/x-CK4GYo7T.js";
-import { c as Se } from "./chunks/createSvgIcon-DaCJY2eU.js";
-import { C as ct } from "./chunks/Close-C04vOO5T.js";
-import { I as At } from "./chunks/Input-BOvLXH0a.js";
-import { C as fe } from "./chunks/Chip-06eY-2lp.js";
-import { S as K } from "./chunks/Stack-CY7bQJ7u.js";
-import { A as Me } from "./chunks/AccessTime-DnYmc2y3.js";
-import { C as lt } from "./chunks/CheckCircle-DPspFBOU.js";
-import { S as gt } from "./chunks/Sheet-Q5izbz85.js";
+import { c as Se } from "./chunks/createSvgIcon-C8SzTn0h.js";
+import { C as ct } from "./chunks/Close-D1Qu6Zr7.js";
+import { I as At } from "./chunks/Input-ksZwfsfA.js";
+import { C as fe } from "./chunks/Chip-BILKBLRO.js";
+import { S as K } from "./chunks/Stack-CU4pq5Q5.js";
+import { A as Me } from "./chunks/AccessTime-C0zbWECY.js";
+import { C as lt } from "./chunks/CheckCircle-WUucf55H.js";
+import { S as gt } from "./chunks/Sheet-MP2rgW4b.js";
 const Ye = Se(/* @__PURE__ */ o("path", {
   d: "M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39c.51-.66.04-1.61-.79-1.61H5.04c-.83 0-1.3.95-.79 1.61"
 }), "FilterAlt"), mt = Se(/* @__PURE__ */ o("path", {

package/PollVote.js

@@ -1,4 +1,4 @@
-import { M as o } from "./chunks/main-CB6OELiE.js";
+import { M as o } from "./chunks/main-Dh0w2gH9.js";
 const r = o;
 export {
   r as PollVote

package/Predictor.js

@@ -1,4 +1,4 @@
-import { P as e } from "./chunks/Predictor-Bn2zkvlD.js";
+import { P as e } from "./chunks/Predictor-BbQ-o3tU.js";
 export {
   e as Predictor
 };

package/README.md

@@ -34,7 +34,7 @@ const App: React.FC = () => {
     entityId: "your-quiz-id",
     sdk,
     template: ClassicQuizTemplate.STANDARD, // Also SPLIT, OVERLAY and DECK are available
-    language: "en", // "ar" | "bg" | "en" | "ro" | "pt" | "sr" | "fr" | "de" | "it" | "fr-be" | "pl" | "pt-br" | "sk
+    language: "en", // "ar" | "bg" | "en" | "ro" | "pt" | "sr" | "fr" | "de" | "it" | "fr-be" | "pl" | "pt-br" | "sk" | "es" | "el" | "tr"
   };
 
   return (
@@ -1134,6 +1134,7 @@ Interactive poll voting component with real-time results, multiple choice suppor
 | `additionalCTA`              | `AdditionalCTADetails`  | Additional call to action button configuration |
 | `rulesDisplay`               | `RulesDisplay`          | Poll rules display configuration            |
 | `callbacks`                  | `PollVoteCallbacks`     | `onFinish` — see [Callbacks](#callbacks-shared-across-play-components) |
+| `aggregateTranslatedVotes`   | `boolean`               | Results show votes summed across every translation of the poll (related polls linked via `translatedTo`/`translatedFrom`); options are matched by position. Default `false` |
 
 #### Templates
 
@@ -3728,7 +3729,7 @@ Football score predictor component with two templates: the default **multi-tab**
 - Consent management with required/optional consent gates before predicting
 - Customisable banners in 6 positions within the Play tab (`"standard"` only)
 - Authentication-aware UI with configurable sign-in CTA
-- Opt-in betting odds on the match cards (`showOdds`), pinned to one operator with `operatorId` — see [Predictor Odds](#predictor-odds)
+- Opt-in betting odds on the match cards (`showOdds`), one price per predicted market, configured with `odds` — see [Predictor Odds](#predictor-odds)
 - Built-in Betslip integration — renders the Betslip widget automatically via the `betslip` prop with two trigger modes
 - Custom theming and multi-language support
 
@@ -3756,7 +3757,8 @@ Football score predictor component with two templates: the default **multi-tab**
 | `consents`                    | `ConsentDef[]`           | Consent definitions required before predicting                                                    |
 | `matchCardBgImageUrl`         | `string`                 | Background image URL for match prediction cards. Ignored by `"embed"`                             |
 | `showOdds`                    | `boolean`                | Render betting odds on the match cards (default: false). While false the odds request is skipped, so an `"odds-only"` betslip needs this set |
-| `operatorId`                  | `string`                 | Operator config id to show odds from, e.g. `"betano-bg"`. Unset, each match shows the first operator listed. Falls back to `betslip.operatorId`, and the Betslip falls back to it |
+| `odds`                        | `Omit<OddsConfig, "market">` | `operators` (preference order), `pollingInterval`, `mode`, `flashInterval`, `affiliateId`, `affiliateIds`. See [Predictor Odds](#predictor-odds) |
+| `operatorId`                  | `string`                 | **Deprecated** — use `odds.operators`. Still honoured when that is unset |
 | `betslip`                     | `PredictorBetslipConfig` | Betslip integration config. Omit to disable. See [Betslip Integration](#betslip-integration)      |
 | `callbacks`                   | `PredictorCallbacks`     | `onEvent` — one observer for every journey event the component emits. See [Analytics](#analytics)  |
 
@@ -4003,22 +4005,24 @@ const consents: ConsentDef[] = [
 
 #### Predictor Odds
 
-Odds are off by default. With `showOdds` set, each upcoming match card shows full-time 1X2 odds from one operator, refreshed while a match is live — in the Play tab, the `embed` card and a league member's predictions. Odds fail silently: when the odds API has no prices for a match, the card simply shows none.
+Odds are off by default. With `showOdds` set, every answered market shows the price of its own answer from one operator: the main market above the submit button, each additional market inside its drawer. A scoreline shows the 1X2 it implies. Markets without prices (corners count, red card, penalty, half-time score) show none. The `embed` card also shows the full 1X2 market, and a league member's predictions show each predicted market's price. Prices refresh every `odds.pollingInterval`. Odds fail silently: when the odds API has no prices for a match, the card simply shows none.
 
 - **`showOdds`** — while it is false (the default) the odds request is skipped altogether. A betslip with `trigger: "odds-only"` is fed by clicking those odds, so that trigger needs `showOdds` set.
-- **`operatorId`** pins the odds to one operator. It is sent to the odds request as the SDK's `operators` filter, so the response is narrowed server-side. Without it, each match shows whichever operator the response lists first, which is not guaranteed to stay the same. A match the chosen operator doesn't price shows no odds; it does not fall back to another operator.
+- **`odds`** takes `operators` (a preference order — the first that prices a match completely is shown), `pollingInterval`, `mode`, `flashInterval`, `affiliateId` and `affiliateIds`. Without `operators`, each match shows whichever operator the response lists first.
 
 ```tsx
-<Predictor entityId="..." sdk={sdk} language="en" showOdds operatorId="betano-bg" />
+<Predictor entityId="..." sdk={sdk} language="en" showOdds odds={{ operators: ["betano-bg"] }} />
 ```
 
-`operatorId` and `betslip.operatorId` resolve against each other, so the card and the betslip show the same operator unless you set both to different values:
+The card and the betslip show the same operator unless you set them to different values:
 
-| You set              | Card odds            | Betslip              |
-| -------------------- | -------------------- | -------------------- |
-| `operatorId`         | `operatorId`         | `operatorId`         |
-| `betslip.operatorId` | `betslip.operatorId` | `betslip.operatorId` |
-| Both                 | `operatorId`         | `betslip.operatorId` |
+| You set              | Card odds            | Betslip                   |
+| -------------------- | -------------------- | ------------------------- |
+| `odds.operators`     | first preferred      | first of `odds.operators` |
+| `betslip.operatorId` | `betslip.operatorId` | `betslip.operatorId`      |
+| Both                 | `odds.operators`     | `betslip.operatorId`      |
+
+The deprecated `operatorId` still works and stands in for `odds.operators: [operatorId]`.
 
 See [Choosing a Bookmaker](#choosing-a-bookmaker) for the list of available operator ids.
 
@@ -4053,7 +4057,7 @@ const betslipConfig: PredictorBetslipConfig = {
 | `currency`            | `string`                  | `"€"`                | Currency symbol                                                                           |
 | `ctaUrlTemplate`      | `string`                  | —                    | Bookmaker deep-link URL with `{placeholder}` substitution                                 |
 | `brandingLogoUrl`     | `string`                  | —                    | Operator logo URL                                                                         |
-| `operatorId`          | `string`                  | —                    | Operator config id the Betslip requests odds for, e.g. `"betano-bg"`. Falls back to the top-level `operatorId` |
+| `operatorId`          | `string`                  | —                    | Operator config id the Betslip requests odds for, e.g. `"betano-bg"`. Falls back to the first of `odds.operators`, then the deprecated `operatorId` |
 | `affiliateId`         | `string`                  | —                    | Affiliate id substituted into the operator's URLs                                         |
 | `labels`              | `BetslipLabels`           | —                    | UI text overrides                                                                         |
 | `themeOptions`        | `CustomThemeOptions`      | —                    | Theme for the Betslip widget. Falls back to the Predictor's `themeOptions` when omitted   |
@@ -4325,7 +4329,7 @@ Full-featured competitive picks predictor component with a multi-tab interface f
 - Consent management with required/optional consent gates before predicting
 - Customisable banners in the Play tab
 - Authentication-aware UI with configurable sign-in CTA
-- Opt-in betting odds on the match cards (`showOdds`), pinned to one operator with `operatorId` — see [TopX Odds](#topx-odds)
+- Opt-in betting odds on the match cards (`showOdds`), configured with `odds` — see [TopX Odds](#topx-odds)
 - Built-in Betslip integration via the `betslip` prop
 - Custom theming and multi-language support
 
@@ -4350,7 +4354,8 @@ Full-featured competitive picks predictor component with a multi-tab interface f
 | `consents`                   | `ConsentDef[]`         | —              | Consent definitions required before predicting      |
 | `matchCardBgImageUrl`        | `string`               | —              | Background image URL for match prediction cards     |
 | `showOdds`                   | `boolean`              | `false`        | Render betting odds on the match cards. While false the odds request is skipped, so an `"odds-only"` betslip needs this set |
-| `operatorId`                 | `string`               | —              | Operator config id to show odds from, e.g. `"betano-bg"`. Unset, each match shows the first operator listed. Falls back to `betslip.operatorId`, and the Betslip falls back to it |
+| `odds`                       | `Omit<OddsConfig, "market">` | —        | `operators` (preference order), `pollingInterval`, `mode`, `flashInterval`, `affiliateId`, `affiliateIds`. See [TopX Odds](#topx-odds) |
+| `operatorId`                 | `string`               | —              | **Deprecated** — use `odds.operators`. Still honoured when that is unset |
 | `betslip`                    | `TopXBetslipConfig`    | —              | Betslip integration config. Omit to disable.        |
 | `showCountdown`              | `boolean`              | `true`         | Show predictions-close countdown timer on open games |
 | `gameNavLabel`               | `TopXGameNavLabel`     | `"gameWeek"`   | Controls how each game is labelled in the navigation. See [Game Navigation Label](#game-navigation-label) |
@@ -4493,22 +4498,24 @@ const consents: ConsentDef[] = [
 
 #### TopX Odds
 
-Odds are off by default. With `showOdds` set, each upcoming match card shows full-time 1X2 odds from one operator, refreshed while a match is live — in the Play tab and in a league member's predictions. Odds fail silently: when the odds API has no prices for a match, the card simply shows none.
+Odds are off by default. With `showOdds` set, each upcoming match card shows the full-time 1X2 price its predicted score implies, from one operator — in the Play tab and in a league member's predictions. Prices refresh every `odds.pollingInterval`. Odds fail silently: when the odds API has no prices for a match, the card simply shows none.
 
 - **`showOdds`** — while it is false (the default) the odds request is skipped altogether. A betslip with `trigger: "odds-only"` is fed by clicking those odds, so that trigger needs `showOdds` set.
-- **`operatorId`** pins the odds to one operator. It is sent to the odds request as the SDK's `operators` filter, so the response is narrowed server-side. Without it, each match shows whichever operator the response lists first, which is not guaranteed to stay the same. A match the chosen operator doesn't price shows no odds; it does not fall back to another operator.
+- **`odds`** takes `operators` (a preference order — the first that prices a match completely is shown), `pollingInterval`, `mode`, `flashInterval`, `affiliateId` and `affiliateIds`. Without `operators`, each match shows whichever operator the response lists first.
 
 ```tsx
-<TopX entityId="..." sdk={sdk} language="en" showOdds operatorId="betano-bg" />
+<TopX entityId="..." sdk={sdk} language="en" showOdds odds={{ operators: ["betano-bg"] }} />
 ```
 
-`operatorId` and `betslip.operatorId` resolve against each other, so the card and the betslip show the same operator unless you set both to different values:
+The card and the betslip show the same operator unless you set them to different values:
+
+| You set              | Card odds            | Betslip                   |
+| -------------------- | -------------------- | ------------------------- |
+| `odds.operators`     | first preferred      | first of `odds.operators` |
+| `betslip.operatorId` | `betslip.operatorId` | `betslip.operatorId`      |
+| Both                 | `odds.operators`     | `betslip.operatorId`      |
 
-| You set              | Card odds            | Betslip              |
-| -------------------- | -------------------- | -------------------- |
-| `operatorId`         | `operatorId`         | `operatorId`         |
-| `betslip.operatorId` | `betslip.operatorId` | `betslip.operatorId` |
-| Both                 | `operatorId`         | `betslip.operatorId` |
+The deprecated `operatorId` still works and stands in for `odds.operators: [operatorId]`.
 
 See [Choosing a Bookmaker](#choosing-a-bookmaker) for the list of available operator ids.
 
@@ -4543,7 +4550,7 @@ const betslipConfig: TopXBetslipConfig = {
 | `currency`            | `string`               | `"€"`            | Currency symbol                                                           |
 | `ctaUrlTemplate`      | `string`               | —                | Bookmaker deep-link URL with `{placeholder}` substitution                 |
 | `brandingLogoUrl`     | `string`               | —                | Operator logo URL                                                         |
-| `operatorId`          | `string`               | —                | Operator config id the Betslip requests odds for, e.g. `"betano-bg"`. Falls back to the top-level `operatorId` |
+| `operatorId`          | `string`               | —                | Operator config id the Betslip requests odds for, e.g. `"betano-bg"`. Falls back to the first of `odds.operators`, then the deprecated `operatorId` |
 | `affiliateId`         | `string`               | —                | Affiliate id substituted into the operator's URLs                         |
 | `labels`              | `BetslipLabels`        | —                | UI text overrides                                                         |
 | `themeOptions`        | `CustomThemeOptions`   | —                | Theme for the Betslip widget. Falls back to the TopX `themeOptions` when omitted |
@@ -5341,8 +5348,10 @@ A single-event card — a competition header over the two competitors and their
 | `showStandings`   | `boolean`                | `type="detailed"` only. Show the **Table** (standings) tab. Defaults to `true` |
 | `showHeadToHead`  | `boolean`                | `type="detailed"` only. Show the **H2H** tab. Defaults to `true`             |
 | `defaultSection`  | `"preview" \| "summary" \| "stats" \| "lineups" \| "table" \| "h2h"` | `type="detailed"` only. Which tab opens first. Defaults to the first tab of the event's status |
-| `showOdds`        | `boolean`                | Render betting odds. Defaults to `false` — not yet backed by the API, so currently renders nothing |
-| `operatorId`      | `string`                 | Operator config id to show odds from, e.g. `"betano-bg"`. Not yet backed by the API, like `showOdds` |
+| `showOdds`        | `boolean`                | Render betting odds under the scoreboard of an upcoming or live event. Defaults to `false` |
+| `odds`            | `OddsConfig`             | `market`, `mode`, `flashInterval`, `pollingInterval`, `operators`, `affiliateId`, `affiliateIds` — as on `CompetitorCard` |
+| `operatorId`      | `string`                 | **Deprecated** — use `odds.operators` |
+| `callbacks`       | `EventCardCallbacks`     | `onAddToBetslip(selection)` — `{ matchId, market, pick, odd, operatorId }` |
 | `liveRefresh`     | `boolean`                | Poll while the event is `LIVE`. Defaults to `true`                           |
 | `refreshInterval` | `number`                 | Live-refresh interval in ms. Defaults to `30000` (30s)                       |
 | `userIsLoggedIn`  | `boolean`                | Whether the visitor is signed in. Required for predictions. Defaults to `false` |
@@ -5911,7 +5920,7 @@ A competition's season on one page: a progress header, upcoming fixtures and res
 - Expandable rows — a finished or live match shows its match stats and a goal timeline, an upcoming one both teams' form, a season comparison and the previous meeting
 - Live matches with a pulsing minute, the half-time score and polling through the event endpoint
 - Postponed, cancelled, interrupted and abandoned matches listed with the results, the reason in place of the score
-- Opt-in 1X2 odds on the match rows — the same strip and settings as `CompetitorCard`, in-play prices for a live match, one request per round
+- Opt-in odds on the match rows — the same strip and settings as `CompetitorCard`, any supported market, one request per round
 - Player rankings: top scorers, assists, goals + assists, clean sheets, minutes, cards
 - Season statistics: result split, goal timing, goal lines, averages per match, cards, team callouts and record matches
 - Sections can be picked and reordered; an optional TV icon on upcoming matches, driven by your own callback
@@ -5935,7 +5944,7 @@ A competition's season on one page: a progress header, upcoming fixtures and res
 | `playerRankingsLayout` | `"auto" \| "grid" \| "tabs"`             | `"auto"` (default) shows a grid of cards and switches to tabs in a container narrower than 600px |
 | `playerRankingsRows`   | `number`                                 | Rows per ranking before "Show all". Defaults to `5`; clamped to 1–10 |
 | `showOdds`             | `boolean`                                | Show odds on upcoming and live match rows. Defaults to `false` |
-| `odds`                 | `OddsConfig`                             | `mode`, `flashInterval`, `pollingInterval`, `operators`, `affiliateId`, `affiliateIds` — as on `CompetitorCard` |
+| `odds`                 | `OddsConfig`                             | `market`, `mode`, `flashInterval`, `pollingInterval`, `operators`, `affiliateId`, `affiliateIds` — as on `CompetitorCard` |
 | `callbacks`            | `CompetitionStatisticsCallbacks`         | `onAddToBetslip(selection)` and `onBroadcastClick(matchId)` |
 | `liveRefresh`          | `boolean`                                | Poll live matches. Defaults to `true` |
 | `refreshInterval`      | `number`                                 | Live poll interval in ms. Defaults to `30000` |
@@ -5950,7 +5959,7 @@ In a competition with more than one stage, stage pills sit above the round picke
 
 #### Odds
 
-Off by default. With `showOdds`, each upcoming match row shows 1X2 odds from the first operator with a complete market, and a live match shows in-play prices — pre-match prices are never shown on a match in progress. One request covers the round on screen. In a container narrower than 600px the odds move to a second line under the teams. `callbacks.onAddToBetslip` receives `{ matchId, market, pick, odd }`; the operator's own link still opens either way.
+Off by default. With `showOdds`, each upcoming and live match row shows `odds.market` (1X2 by default) from the first operator with a complete market. One request covers the round on screen. In a container narrower than 600px the odds move to a second line under the teams. `callbacks.onAddToBetslip` receives `{ matchId, market, pick, odd, operatorId }`; the operator's own link still opens either way.
 
 ```tsx
 import { CompetitionStatistics, betslipApi } from "fansunited-frontend-components";
@@ -6027,6 +6036,60 @@ import { CompetitionStatistics } from "fansunited-frontend-components";
 />
 ```
 
+### Odds
+
+Betting odds for one event: the operator's branded box, then each outcome of one market. Prices refresh on an interval and show an arrow when they move. It is the same strip `Predictor`, `TopX`, `CompetitorCard`, `CompetitionStatistics` and `EventCard` render, and takes the same settings — here at the top level rather than under `odds`.
+
+**Key Features:**
+
+- Markets: `FT_1X2` (falling back to the two-way `WINNER_OT` for sports that can't be drawn), `HT_1X2`, `BOTH_TEAMS_SCORE`, `OVER_GOALS_0_5`…`OVER_GOALS_6_5`, `OVER_CORNERS_6_5`…`OVER_CORNERS_13_5`
+- One operator, picked from your preference order — the first that prices the market completely
+- `default`, `dense` and `compact` sizes; `compact` flashes the operator and the prices
+- Price movement arrows, affiliate ids substituted into the operator links
+- `callbacks.onAddToBetslip` to feed a betslip
+
+#### Required Props
+
+| Prop       | Type                 | Description                                 |
+| ---------- | -------------------- | ------------------------------------------- |
+| `eventId`  | `string`             | Sports API event id, e.g. `"fb:m:536871"`   |
+| `sdk`      | `FansUnitedSDKModel` | SDK instance                                |
+| `language` | `LanguageType`       | Display language                            |
+
+#### Optional Props
+
+| Prop              | Type                                  | Description |
+| ----------------- | ------------------------------------- | ----------- |
+| `themeOptions`    | `CustomThemeOptions`                  | Theme configuration |
+| `market`          | `OddsMarket`                          | Defaults to `"FT_1X2"` |
+| `size`            | `"default" \| "dense" \| "compact"`   | Defaults to `"default"` |
+| `mode`            | `"default" \| "flash"`                | Defaults to `"flash"` for `compact`, `"default"` otherwise |
+| `flashInterval`   | `number`                              | ms, defaults to `3000` |
+| `pollingInterval` | `number`                              | ms, defaults to `30000`; `0` fetches once |
+| `operators`       | `string[]`                            | Operator preference order, e.g. `["betano-bg", "efbet-bg"]` |
+| `affiliateId`     | `string`                              | Substituted into operator URLs with an `{affiliate_id}` placeholder |
+| `affiliateIds`    | `Record<string, string>`              | Per-operator affiliate ids; wins over `affiliateId` |
+| `labels`          | `OddsLabels`                          | `title`, `yes`, `no`, `over`, `under` (`{{line}}` placeholder) |
+| `callbacks`       | `OddsCallbacks`                       | `onAddToBetslip({ matchId, market, pick, odd, operatorId })` |
+
+When no operator prices the market completely, nothing renders. `HT_1X2` currently renders nothing: the odds API scopes it to the first half, which the SDK filters out.
+
+```tsx
+import { Odds, betslipApi } from "fansunited-frontend-components";
+
+<Odds
+  eventId="fb:m:536871"
+  sdk={sdkInstance}
+  language="en"
+  market="OVER_GOALS_2_5"
+  operators={["betano-bg"]}
+  callbacks={{
+    onAddToBetslip: ({ matchId, market, pick }) =>
+      betslipApi.setSelection(`${matchId}:${market}:${pick}`),
+  }}
+/>
+```
+
 ---
 
 ## Available Components
@@ -6051,6 +6114,7 @@ This package exports the following components:
 - **`PlayerOfTheMatch`** - Coverflow voting carousel with search, position filters, a roster rail, live voting status, and winner/tied-winners results
 - **`CompetitorCard`** - Team or athlete profile card with four templates, season statistics and a competition switcher, recent form, next/last fixture with odds and a live badge, and inline Fixtures, Squad and Season stats panels
 - **`CompetitionStatistics`** - A competition's season on one page: fixtures and results by stage and round with live scores and odds, expandable match detail, player rankings, and season statistics
+- **`Odds`** - One event's betting odds for one market from a preferred operator, with movement arrows, flash mode and a betslip callback
 
 ## Related Packages
 

package/Standings.js

@@ -1,17 +1,17 @@
 import { jsxs as w, jsx as r, Fragment as W } from "react/jsx-runtime";
 import P, { useState as N, useEffect as me, useMemo as V, useRef as ke } from "react";
-import { g as D, u as F, d as $, B as x, z as q, y as Y, a as Q, f as H, b as Le, v as Re, A as Te, p as De, o as ve, q as Ee, r as Pe, C as Fe, s as Ke, E as Ae, t as Oe, w as ze } from "./chunks/PrizeCard-nRBh9VU_.js";
-import { S as Ne } from "./chunks/Spinner-wUVcNUtR.js";
+import { g as D, u as F, d as $, B as x, z as q, y as Y, a as Q, f as H, b as Le, v as Re, A as Te, p as De, o as ve, q as Ee, r as Pe, C as Fe, s as Ke, E as Ae, t as Oe, w as ze } from "./chunks/PrizeCard-Cb1YuuYM.js";
+import { S as Ne } from "./chunks/Spinner-pC2OM4AI.js";
 import { createPortal as pe } from "react-dom";
-import { h as ee, b as Ie } from "./chunks/helpers-CqPvv3gw.js";
-import { l as le } from "./chunks/index-D-yn2UCo.js";
-import { E as $e } from "./chunks/EmojiEvents-CRgQHdIP.js";
-import { T as k } from "./chunks/Typography-DaXtC0md.js";
-import { C as Me } from "./chunks/Chip-06eY-2lp.js";
-import { I as Be } from "./chunks/InlineSpinner-BqP-sRnL.js";
-import { S as fe } from "./chunks/Sheet-Q5izbz85.js";
-import { T as Ue } from "./chunks/Table-Cew1z7pw.js";
-import { T as ge, a as he, b as ye, c as xe } from "./chunks/Tabs-DuqeCPIW.js";
+import { h as ee, b as Ie } from "./chunks/helpers-BX3cctTx.js";
+import { l as le } from "./chunks/index-qjOOEhVr.js";
+import { E as $e } from "./chunks/EmojiEvents-DXh-xemn.js";
+import { T as k } from "./chunks/Typography-nBRgZwsp.js";
+import { C as Me } from "./chunks/Chip-BILKBLRO.js";
+import { I as Be } from "./chunks/InlineSpinner-DkC1XUc7.js";
+import { S as fe } from "./chunks/Sheet-MP2rgW4b.js";
+import { T as Ue } from "./chunks/Table-hk72eRqw.js";
+import { T as ge, a as he, b as ye, c as xe } from "./chunks/Tabs-DiWLN-D7.js";
 const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().replace(
   /\S+/g,
   (n) => n.charAt(0).toUpperCase() + n.slice(1).toLowerCase()
@@ -1595,7 +1595,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
       n(!1);
     };
   }, [l]);
-  const f = e.themeOptions, h = /* @__PURE__ */ r(x, { ref: i, sx: { height: "100%", display: "block" } }), b = t && o && c.current && s ? pe(
+  const f = e.themeOptions, h = /* @__PURE__ */ r(x, { ref: i, lang: e.language || "en", sx: { height: "100%", display: "block" } }), b = t && o && c.current && s ? pe(
     // Keyed on the cache, not on `direction`: it must change in the same
     // render that adopts the new cache, or CssVarsProvider writes its CSS
     // variables into the outgoing cache and never repeats.