fansunited-frontend-components 0.0.82 → 0.0.83

package/Betslip.js

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

package/ClassicQuizPlay.js

@@ -1,4 +1,4 @@
-import { M as a } from "./chunks/main-g2Pr00jt.js";
+import { M as a } from "./chunks/main-D0j5AD7D.js";
 const o = a;
 export {
   o as ClassicQuizPlay

package/EitherOrPlay.js

@@ -1,4 +1,4 @@
-import { M as r } from "./chunks/main-DlKrBoCB.js";
+import { M as r } from "./chunks/main-D5mrx6Sz.js";
 const t = r;
 export {
   t as EitherOrPlay

package/EventGamePlay.js

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

package/List.js

@@ -553,9 +553,9 @@ const jt = Mt("Users", [
       ]
     }
   );
-}, Jt = j(() => import("./chunks/index-B0GV9pN1.js")), Xt = j(
-  () => import("./chunks/index-D8LNRIZH.js")
-), te = j(() => import("./chunks/index-65ac64VA.js")), ee = j(() => import("./chunks/index-CZMWqXNb.js")), ne = j(() => import("./chunks/index-CXn9mhg1.js")), oe = j(() => import("./chunks/index-Ckc5sZOb.js")), re = ({
+}, Jt = j(() => import("./chunks/index-5DY7v7lS.js")), Xt = j(
+  () => import("./chunks/index-DJDpXJ-0.js")
+), te = j(() => import("./chunks/index-BHMoWAg1.js")), ee = j(() => import("./chunks/index-ZiJ5jIE6.js")), ne = j(() => import("./chunks/index-BZMi93b8.js")), oe = j(() => import("./chunks/index-CjFhnUwO.js")), re = ({
   item: e,
   open: n,
   onClose: t,

package/MatchQuizPlay.js

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

package/PersonalityQuizPlay.js

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

package/PollVote.js

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

package/Predictor.js

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

package/README.md

@@ -4023,6 +4023,8 @@ 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"`                      |
+| `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   |
 
@@ -4486,6 +4488,8 @@ 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"`      |
+| `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 |
 
@@ -4668,8 +4672,10 @@ const App: React.FC = () => (
 | `stakePresets`         | `number[]`           | `[5, 10, 20]`    | Quick-select stake buttons shown in the footer                  |
 | `oddsPollingInterval`  | `number`             | `30000`          | Odds refresh interval in milliseconds                           |
 | `currency`             | `string`             | `"€"`            | Currency symbol shown next to stake and potential win           |
-| `ctaUrlTemplate`       | `string`             | —                | Deep-link URL template with `{placeholder}` substitution        |
+| `ctaUrlTemplate`       | `string`             | —                | Overrides the CTA link; unset, the operator's own betslip link is used |
 | `brandingLogoUrl`      | `string`             | —                | Operator logo URL that overrides the bookmaker logo             |
+| `operatorId`           | `string`             | —                | Operator config id to request odds for. See [Choosing a Bookmaker](#choosing-a-bookmaker) below |
+| `affiliateId`          | `string`             | —                | Affiliate id substituted into the operator's URLs                |
 | `labels`               | `BetslipLabels`      | —                | UI text overrides. See [Labels](#labels) below                  |
 | `themeOptions`         | `CustomThemeOptions` | —                | Theme tokens. See [Theming](#theming-1) below                   |
 
@@ -4799,19 +4805,35 @@ import { Predictor } from "fansunited-frontend-components";
 | `"predictions-only"`  | Each time the user changes a score prediction (before submitting)                 |
 | `"odds-only"`         | When the user clicks an odds button on the post-submit odds view                  |
 
-#### CTA URL Template
+#### The CTA Link
 
-The `ctaUrlTemplate` prop defines the bookmaker deep-link. Placeholders are replaced at click time with live values from the current betslip state.
+The CTA resolves in three steps, first match wins:
+
+1. **`ctaUrlTemplate`**, if you set one — your own destination.
+2. **The operator's betslip deep link** from the odds response (`operator.betslip_url_template`), picked for the current device's app type. **This is the one that lands the user on a pre-filled betslip at the bookmaker, and it needs no configuration.**
+3. **The operator's homepage** — a last resort that opens the bookmaker with an empty slip.
+
+So in the normal case you configure nothing. Set `ctaUrlTemplate` only when the CTA must go somewhere other than the operator's betslip.
+
+The API resolves every placeholder in its own template except `{betslip_ids}`, which is left for the widget: it becomes the operator's selection ids (`operator_info.selection_id`) for the current selections, joined with the operator's own `betslip_id_separator`.
+
+```
+template  https://www.betano.bg/mybet/?selection_ids={betslip_ids}&aff=
+result    https://www.betano.bg/mybet/?selection_ids=10184348244,10184348269&aff=
+```
+
+**Affiliate attribution:** operator URLs carry an `{affiliate_id}` placeholder the API fills only when the request supplies one — otherwise the tag comes back empty, as in the `&aff=` above. Set `affiliateId` so CTA clicks are attributed to you:
 
 ```tsx
-ctaUrlTemplate="https://betano.bg/mybet/?selection_ids={selectionIds}&stake={stake}&return_url={currentUrl}"
+<Betslip sdk={sdk} language="en" operatorId="betano-bg" affiliateId="your-affiliate-id" />
 ```
 
-**Available placeholders:**
+**Available placeholders** — these work in `ctaUrlTemplate`, and in an operator template should one carry them:
 
 | Placeholder       | Value                                                                     |
 | ----------------- | ------------------------------------------------------------------------- |
-| `{selectionIds}`  | Comma-separated SDK `selection.id` values (up to the first 10)            |
+| `{betslip_ids}`   | Operator selection ids joined with the operator's separator               |
+| `{selectionIds}`  | Comma-separated selection ids, URI-encoded as a whole                    |
 | `{stake}`         | Current stake input value (float)                                         |
 | `{currentUrl}`    | `window.location.href`, URI-encoded                                       |
 | `{eventId}`       | `eventId` of the first selection                                          |
@@ -4819,6 +4841,35 @@ ctaUrlTemplate="https://betano.bg/mybet/?selection_ids={selectionIds}&stake={sta
 | `{market}`        | Market code of the first selection                                        |
 | `{outcome}`       | Outcome label of the first selection                                      |
 
+#### Choosing a Bookmaker
+
+`sdk.odds.getByMatchIds()` returns odds from every bookmaker the backend has configured for a match. The Betslip renders one bookmaker at a time, and without `operatorId` it uses whichever one the response lists first — which is not guaranteed to stay the same.
+
+Set `operatorId` to the operator config id to pin the Betslip to that bookmaker:
+
+```tsx
+<Betslip sdk={sdk} language="en" operatorId="betano-bg" />
+```
+
+It is passed to the odds request as the SDK's `operators` filter, so the response is narrowed server-side rather than in the widget — the Betslip never downloads the other bookmakers' prices.
+
+Everything the Betslip derives from the bookmaker follows — the odds themselves, the accent color, the header and CTA logo, and the deep links. Markets the chosen bookmaker does not price are dropped from the Betslip (see the odds behavior notes below), and if it prices nothing in the betslip, the panel stays hidden.
+
+**Available operator ids:**
+
+```
+betano-bg
+efbet-bg
+inbet-bg-online
+inbet-bg-offline
+betwild-bg
+bet-bg
+sesame-bg
+winbet-bg
+```
+
+Operators are configured on the Fans United side, so this list can change — check with your account manager if the one you need is not here.
+
 #### Theming
 
 The Betslip derives its primary accent color from a three-level priority chain:
@@ -4929,7 +4980,7 @@ Conflicts resolve automatically when the user removes one of the conflicting sel
 
 - **Polling**: Odds are fetched from `sdk.odds.getByMatchIds()` on mount and refreshed every `oddsPollingInterval` ms (default 30 s)
 - **Movement indicator**: A green ▲ or red ▼ is shown when the bookmaker response includes a `movement` field (`"UP"` or `"DOWN"`) on the matched selection. No indicator is shown when `movement` is absent
-- **Unavailable**: When no odds are returned for a selection, the card shows `oddsUnavailableLabel` and the CTA is disabled
+- **Unavailable**: A selection the bookmaker does not price at all is dropped from the Betslip once odds arrive, with a `console.warn` naming it — the bus accepts any selection id, so this is the first point at which it is knowable. While odds are still in flight, or when the event has no odds from anyone, the card shows `oddsUnavailableLabel` and the CTA is disabled
 - **Suspended**: Selections with status `"suspended"` are highlighted and block the CTA
 - **Settled states**: Cards display ✓ (won), ✗ (lost), or ≈ (void) once a selection is settled
 

package/Standings.js

@@ -4,7 +4,7 @@ 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
 import { S as Ne } from "./chunks/Spinner-DY_zcnrD.js";
 import { createPortal as pe } from "react-dom";
 import { h as ee, b as Ie } from "./chunks/helpers-BMuk4hnl.js";
-import { f as le } from "./chunks/index-YA7wEdrb.js";
+import { l as le } from "./chunks/index-D-yn2UCo.js";
 import { E as $e } from "./chunks/EmojiEvents-BEBKqTNQ.js";
 import { T as k } from "./chunks/Typography-BpJiv43e.js";
 import { C as Me } from "./chunks/Chip-kF883PQI.js";

package/TopX.js

@@ -4,10 +4,10 @@ import Pe, { createContext as en, useContext as tn, useState as P, useRef as je,
 import { D as nn, _ as Ie, F as an, G as sn, H as ln, I as qt, P as U, J as Co, g as be, d as xe, B as r, a as We, f as ve, u as ke, z as eo, y as zr, b as zt, v as $t, i as yo, c as cn, m as $r, h as dn, A as Rr } from "./chunks/PrizeCard-DNkUxPP5.js";
 import { createPortal as pn } from "react-dom";
 import { P as un } from "./chunks/Portal-CoIVje0X.js";
-import { b as Tr, M as mn } from "./chunks/main-GIjYTHw6.js";
+import { b as Tr, M as mn } from "./chunks/main-CrjbWLB0.js";
 import { b as tt, h as Pt, c as fn } from "./chunks/helpers-BMuk4hnl.js";
 import { N as to } from "./chunks/Notification-DTPs-cSl.js";
-import { Y as xn, X as hn, J as gn, j as yn, o as bn } from "./chunks/index-YA7wEdrb.js";
+import { c as xn, d as hn, u as gn, p as yn, n as bn } from "./chunks/index-D-yn2UCo.js";
 import { S as Sn } from "./chunks/Stack-sKaojYXf.js";
 import { F as Cn, C as vn } from "./chunks/FormControl-BgoE5GO2.js";
 import { u as kn, a as er, e as vo, s as Rt, b as wn, c as Lt, i as In, d as Ln, T as S } from "./chunks/Typography-BpJiv43e.js";
@@ -18903,7 +18903,7 @@ const il = ({ template: t, loading: o }) => {
     }
   );
 }, sl = (t) => {
-  var o, a, s, c, n, l, d, i, f;
+  var o, a, s, c, n, l, d, i, f, g, u;
   return /* @__PURE__ */ p(Ee, { children: [
     /* @__PURE__ */ e(un, { packageName: "top-x", ...t, children: /* @__PURE__ */ e(al, { ...t }) }),
     /* @__PURE__ */ e(
@@ -18919,7 +18919,9 @@ const il = ({ template: t, loading: o }) => {
         stakePresets: (l = t.betslip) == null ? void 0 : l.stakePresets,
         ctaUrlTemplate: (d = t.betslip) == null ? void 0 : d.ctaUrlTemplate,
         brandingLogoUrl: (i = t.betslip) == null ? void 0 : i.brandingLogoUrl,
-        labels: (f = t.betslip) == null ? void 0 : f.labels
+        operatorId: (f = t.betslip) == null ? void 0 : f.operatorId,
+        affiliateId: (g = t.betslip) == null ? void 0 : g.affiliateId,
+        labels: (u = t.betslip) == null ? void 0 : u.labels
       }
     )
   ] });

package/chunks/{Predictor-CLlVlURi.js → Predictor-Bb49X4ju.js}

@@ -6,8 +6,8 @@ import Te, { createContext as Kr, useContext as qr, useRef as Fe, useCallback as
 import { g as xe, d as ue, B as r, a as Le, f as Se, u as Ce, y as Tt, z as Et, b as It, v as Rt, i as lo, c as Zr, m as ir, h as sr, A as lr } from "./PrizeCard-DNkUxPP5.js";
 import { createPortal as en } from "react-dom";
 import { P as tn } from "./Portal-CoIVje0X.js";
-import { b as qt, M as on } from "./main-GIjYTHw6.js";
-import { Y as rn, X as nn, J as sn, j as ln } from "./index-YA7wEdrb.js";
+import { b as qt, M as on } from "./main-CrjbWLB0.js";
+import { c as rn, d as nn, u as sn, p as ln } from "./index-D-yn2UCo.js";
 import { S as an } from "./Stack-sKaojYXf.js";
 import { F as cn, C as dn } from "./FormControl-BgoE5GO2.js";
 import { T as S } from "./Typography-BpJiv43e.js";
@@ -19551,7 +19551,7 @@ const wl = ({ template: t, loading: o }) => {
     }
   );
 }, Ml = (t) => {
-  var o, i, n, c, s, l, d, a, x;
+  var o, i, n, c, s, l, d, a, x, y, p;
   return /* @__PURE__ */ m(We, { children: [
     /* @__PURE__ */ e(tn, { packageName: "predictor", ...t, template: void 0, children: t.template === "embed" ? /* @__PURE__ */ e(Al, { ...t }) : /* @__PURE__ */ e(Rl, { ...t }) }),
     /* @__PURE__ */ e(
@@ -19567,7 +19567,9 @@ const wl = ({ template: t, loading: o }) => {
         stakePresets: (l = t.betslip) == null ? void 0 : l.stakePresets,
         ctaUrlTemplate: (d = t.betslip) == null ? void 0 : d.ctaUrlTemplate,
         brandingLogoUrl: (a = t.betslip) == null ? void 0 : a.brandingLogoUrl,
-        labels: (x = t.betslip) == null ? void 0 : x.labels
+        operatorId: (x = t.betslip) == null ? void 0 : x.operatorId,
+        affiliateId: (y = t.betslip) == null ? void 0 : y.affiliateId,
+        labels: (p = t.betslip) == null ? void 0 : p.labels
       }
     )
   ] });

package/chunks/index-5DY7v7lS.js

@@ -0,0 +1,4 @@
+import { M as o } from "./main-D0j5AD7D.js";
+export {
+  o as default
+};

package/chunks/index-BHMoWAg1.js

@@ -0,0 +1,4 @@
+import { M as o } from "./main-Bnytk9nG.js";
+export {
+  o as default
+};

package/chunks/index-BZMi93b8.js

@@ -0,0 +1,4 @@
+import { M as o } from "./main-BzLHddJc.js";
+export {
+  o as default
+};

package/chunks/index-CjFhnUwO.js

@@ -0,0 +1,4 @@
+import { M as o } from "./main-DtZ9jq8Y.js";
+export {
+  o as default
+};