fansunited-frontend-components 0.0.49 → 0.0.52

package/chunks/main-DDb9jezz.js

@@ -0,0 +1,1758 @@
+var ut = Object.defineProperty;
+var ht = (t, e, n) => e in t ? ut(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var P = (t, e, n) => ht(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as i, jsxs as h, Fragment as N } from "react/jsx-runtime";
+import M, { useState as L, useRef as gt, useEffect as B, createContext as bt, useMemo as q, useCallback as j, useContext as yt } from "react";
+import { f as R, i as xt, a as St, c as wt, y as vt, e as _, b as T, d as D, a8 as O, H as W, a9 as at, a7 as st } from "./PrizeCard-DgHyperX.js";
+import { P as Ct } from "./Portal-BQilulgu.js";
+import "react-dom";
+import { y as Rt } from "./index-5MPtbA_r.js";
+import { a as Lt, K as _t } from "./KeyboardArrowDown-BeaYH92n.js";
+class kt {
+  constructor() {
+    P(this, "handler", null);
+    P(this, "queue", []);
+  }
+  /** Called by BetslipShell on mount. Replays any queued pre-mount calls. */
+  _mount(e) {
+    this.handler = e, this.queue.forEach((n) => n()), this.queue = [];
+  }
+  /** Called by BetslipShell on unmount. */
+  _unmount() {
+    this.handler = null;
+  }
+  setSelection(e) {
+    this.handler ? this.handler.setSelection(e) : this.queue.push(() => this.setSelection(e));
+  }
+  removeSelection(e) {
+    var n;
+    (n = this.handler) == null || n.removeSelection(e);
+  }
+}
+const J = new kt();
+function $t(t) {
+  const e = {}, n = /* @__PURE__ */ new Set();
+  return t.forEach((o) => {
+    const s = `${o.eventId}::${o.marketId}`;
+    e[s] ? (n.add(e[s]), n.add(o.id)) : e[s] = o.id;
+  }), n;
+}
+function lt(t) {
+  return t.filter((e) => e.status === "active" || !e.status).reduce((e, n) => e * n.odds, 1);
+}
+function Tt(t, e, n, o, s, r) {
+  const l = o ?? "Away", a = e.toLowerCase(), p = (r == null ? void 0 : r.draw) || s("betslip.outcomes.draw"), c = (r == null ? void 0 : r.yes) || s("betslip.outcomes.yes"), u = (r == null ? void 0 : r.no) || s("betslip.outcomes.no"), m = (r == null ? void 0 : r.over) || s("betslip.outcomes.over"), d = (r == null ? void 0 : r.under) || s("betslip.outcomes.under"), b = (r == null ? void 0 : r.noGoal) || s("betslip.outcomes.noGoal"), f = (r == null ? void 0 : r.nobody) || s("betslip.outcomes.nobody"), g = (r == null ? void 0 : r.or) || s("betslip.outcomes.or");
+  switch (t) {
+    case "FT_1X2":
+    case "HT_1X2":
+      if (e === "1") return n;
+      if (a === "x") return p;
+      if (e === "2") return l;
+      break;
+    case "DOUBLE_CHANCE": {
+      const x = e.toUpperCase();
+      if (x === "1X") return `${n} ${g} ${p}`;
+      if (x === "12") return `${n} ${g} ${l}`;
+      if (x === "X2") return `${p} ${g} ${l}`;
+      break;
+    }
+    case "BOTH_TEAMS_SCORE":
+    case "RED_CARD_MATCH":
+    case "PENALTY_MATCH":
+      if (a === "yes") return c;
+      if (a === "no") return u;
+      break;
+    case "CORRECT_SCORE":
+    case "CORRECT_SCORE_ADVANCED":
+    case "CORRECT_SCORE_HT": {
+      const x = e.split(/[-:]/).map(Number);
+      return x.length === 2 && !isNaN(x[0]) && !isNaN(x[1]) ? x[0] > x[1] ? n : x[1] > x[0] ? l : p : e;
+    }
+    case "HT_FT": {
+      const x = e.toUpperCase();
+      return (x.includes("/") ? x.split("/") : x.split("")).map((S) => S === "1" ? n : S === "2" ? l : p).join(" / ");
+    }
+    case "DRAW_NO_BET":
+      if (e === "1") return n;
+      if (e === "2") return l;
+      break;
+    case "FIRST_TEAM_TO_SCORE":
+    case "LAST_TEAM_TO_SCORE":
+      if (e === "1") return n;
+      if (e === "2") return l;
+      if (a === "none" || a === "no goal") return b;
+      break;
+    case "PLAYER_SCORE_FIRST_GOAL":
+    case "PLAYER_SCORE":
+    case "PLAYER_SCORE_TWICE":
+    case "PLAYER_SCORE_HATTRICK":
+    case "PLAYER_RED_CARD":
+    case "PLAYER_YELLOW_CARD":
+      return a === "none" || a === "no goal" || a === "nobody" ? f : e;
+  }
+  const y = t.match(/^(OVER|UNDER)_(GOALS|CORNERS)_(\d+)_(\d+)$/i);
+  if (y) {
+    const S = y[1].toUpperCase() === "OVER" !== (a === "no" || a === "under") ? m : d, w = `${y[3]}.${y[4]}`;
+    return `${S} ${w}`;
+  }
+  return e;
+}
+function Et(t) {
+  return `${t.eventId}:${t.market}:${t.outcome}`;
+}
+function It(t) {
+  var n;
+  const e = (n = t.participantTwo) == null ? void 0 : n.name;
+  return e ? `${t.participantOne.name} vs ${e}` : t.participantOne.name;
+}
+function zt(t, e, n) {
+  return t.map((o) => {
+    var s, r, l;
+    return {
+      id: Et(o),
+      eventId: o.eventId,
+      marketId: o.market,
+      event: It(o),
+      market: o.market,
+      name: Tt(
+        o.market,
+        o.outcome,
+        o.participantOne.name,
+        (s = o.participantTwo) == null ? void 0 : s.name,
+        e,
+        n
+      ),
+      odds: 0,
+      outcome: o.outcome,
+      startAt: o.startAt,
+      matchStatus: o.matchStatus,
+      participantOne: o.participantOne.name,
+      participantTwo: (r = o.participantTwo) == null ? void 0 : r.name,
+      participantOneLogo: o.participantOne.logo,
+      participantTwoLogo: (l = o.participantTwo) == null ? void 0 : l.logo,
+      source: o.source,
+      competition: o.competition,
+      athlete: o.athlete
+    };
+  });
+}
+const Ot = {
+  HT_FT: ["first_half_and_final_result", "htft", "ht_ft"],
+  BOTH_TEAMS_SCORE: ["both_to_score", "btts", "gg"],
+  DOUBLE_CHANCE: ["double_chance", "dc"],
+  CORRECT_SCORE: ["correct_score", "cs"],
+  PLAYER_SCORE_FIRST_GOAL: ["first_goalscorer", "player_score_first_goal"],
+  PLAYER_SCORE: ["anytime_goalscorer", "player_score", "anytime_scorer"],
+  PLAYER_RED_CARD: ["player_red_card", "red_card"],
+  PLAYER_YELLOW_CARD: ["player_yellow_card", "yellow_card"]
+};
+function At(t) {
+  return t.replace(/^FT_/i, "").toLowerCase();
+}
+const ct = /^(OVER|UNDER)_(GOALS|CORNERS)_(\d+)_(\d+)$/i;
+function Bt(t, e) {
+  const n = t.toLowerCase();
+  if (n === At(e)) return !0;
+  const o = Ot[e];
+  return !!(o !== void 0 && o.includes(n) || ct.test(e) && n === "over_under");
+}
+function Dt(t) {
+  const e = t.split(":");
+  return e[e.length - 1];
+}
+function Wt(t, e) {
+  return t.map((n) => {
+    var u, m, d, b, f, g, y, x;
+    const s = (e.get(n.eventId) ?? [])[0];
+    if (!s) return n;
+    const r = Dt(n.id), l = n.marketId.match(ct), a = l !== null, p = a ? r.toLowerCase() === "no" ? "under" : r.toLowerCase() === "yes" ? "over" : r.toLowerCase() : null, c = a ? `${l[3]}.${l[4]}` : null;
+    for (const v of s.markets ?? [])
+      if (Bt(((u = v == null ? void 0 : v.type) == null ? void 0 : u.code) ?? "", n.marketId))
+        for (const S of v.selections ?? []) {
+          let w;
+          if (a) {
+            const E = ((m = S.code) == null ? void 0 : m.toLowerCase()) === p || ((d = S.name) == null ? void 0 : d.toLowerCase()) === p, I = c === null || ((b = S.value) == null ? void 0 : b.toString()) === c;
+            w = E && I;
+          } else
+            w = ((f = S.code) == null ? void 0 : f.toLowerCase()) === r.toLowerCase() || ((g = S.name) == null ? void 0 : g.toLowerCase()) === r.toLowerCase();
+          if (w)
+            return {
+              ...n,
+              odds: parseFloat(S.odds ?? "0") || 0,
+              movement: S.movement === "UP" || S.movement === "DOWN" ? S.movement : void 0,
+              selectionId: S.id ?? void 0,
+              selectionUrl: ((x = (y = S.urls) == null ? void 0 : y[0]) == null ? void 0 : x.url) ?? void 0
+            };
+        }
+    return n;
+  });
+}
+function Ut(t, e, n) {
+  const [o, s] = L(null), [r, l] = L(!1), a = gt(null), p = async (c) => {
+    if (!t || c.length === 0) return;
+    const u = [...new Set(c.map((b) => b.eventId))], m = [
+      ...new Set(c.map((b) => b.market))
+    ], d = new Rt({ marketTypes: m });
+    l(!0);
+    try {
+      const b = await t.odds.getByMatchIds(u, d);
+      s(b);
+    } catch {
+    } finally {
+      l(!1);
+    }
+  };
+  return B(() => (p(e), a.current && clearInterval(a.current), t && n > 0 && e.length > 0 && (a.current = setInterval(() => p(e), n)), () => {
+    a.current && clearInterval(a.current);
+  }), [JSON.stringify(e), n]), { oddsMap: o, oddsLoading: r };
+}
+function Ft(t) {
+  var e, n, o;
+  for (const s of t.values()) {
+    const r = s[0];
+    if (!r) continue;
+    const l = (o = (n = (e = r.bookmaker) == null ? void 0 : e.assets) == null ? void 0 : n[0]) == null ? void 0 : o.transparentBackgroundUrl;
+    if (l) return l;
+  }
+}
+function Ht(t, e) {
+  var o;
+  const n = e ? "mobile" : "desktop";
+  for (const s of t.values()) {
+    const r = s[0];
+    if (!r) continue;
+    const l = ((o = r.bookmaker) == null ? void 0 : o.links) ?? [], a = l.find((p) => p.appType === n) ?? l[0];
+    if (a != null && a.homepageUrl) return a.homepageUrl;
+  }
+}
+function Pt(t) {
+  var e, n, o, s, r;
+  for (const l of t.values()) {
+    const a = l[0];
+    if (!a) continue;
+    const p = ((n = (e = a.bookmaker) == null ? void 0 : e.branding) == null ? void 0 : n.backgroundColor) ?? ((r = (s = (o = a.bookmaker) == null ? void 0 : o.assets) == null ? void 0 : s[0]) == null ? void 0 : r.backgroundColor);
+    if (p) return p;
+  }
+}
+const dt = bt(null), Nt = ({
+  labels: t = {},
+  initialSelections: e = [],
+  maxSelections: n,
+  currency: o = "€",
+  stakePresets: s = [5, 10, 20],
+  ctaUrlTemplate: r,
+  onExternalRemove: l,
+  sharedOddsMap: a,
+  children: p
+}) => {
+  const { t: c } = R(), [u, m] = L(e), [d, b] = L(""), [f, g] = L(!0), y = xt();
+  B(() => {
+    m(e);
+  }, [JSON.stringify(e)]);
+  const x = q(() => {
+    if (!a) return !1;
+    const C = a.values().next().value;
+    return Array.isArray(C) && C[0] !== void 0;
+  }, [a]), v = q(() => {
+    const C = zt(u, c, t.outcomeLabels);
+    return a ? Wt(C, a) : C;
+  }, [u, a, c, t.outcomeLabels]), S = $t(v), w = a ? Ft(a) : void 0, E = a ? Ht(a, y) : void 0, I = a ? Pt(a) : void 0, U = j(
+    (C) => {
+      m(
+        (F) => F.filter((z) => `${z.eventId}:${z.market}:${z.outcome}` !== C)
+      ), l == null || l(C);
+    },
+    [l]
+  );
+  return /* @__PURE__ */ i(
+    dt.Provider,
+    {
+      value: {
+        labels: t,
+        selectionInputs: u,
+        selections: v,
+        combStake: d,
+        open: f,
+        oddsLoading: !1,
+        oddsReady: x,
+        conflictIds: S,
+        currency: o,
+        stakePresets: s,
+        ctaUrlTemplate: r,
+        maxSelections: n,
+        bookmakerLogoUrl: w,
+        bookmakerHomepageUrl: E,
+        bookmakerBackgroundColor: I,
+        onRemove: U,
+        setCombStake: b,
+        setOpen: g
+      },
+      children: p
+    }
+  );
+}, k = () => {
+  const t = yt(dt);
+  if (!t) throw new Error("useBetslip must be used within BetslipProvider");
+  return t;
+};
+function jt(t) {
+  const e = St(), n = wt(), s = vt() === "light";
+  return {
+    primary: t || e.palette.primary.plainColor,
+    primaryHover: e.palette.primary.primaryContainer || t || e.palette.primary.plainColor,
+    s1: e.surface,
+    s2: e.onSurface,
+    s3: s ? e.surfaceVariant : e.onSurface,
+    bdr: e.outlineEnabledBorder,
+    t1: e.textPrimary,
+    t2: e.textSecondary,
+    t3: e.textDisabled,
+    ok: e.palette.success.plainColor,
+    bad: e.palette.danger.plainColor,
+    badSoftBg: e.palette.danger.softBg,
+    warn: e.palette.warning.plainColor,
+    warnSoftBg: e.palette.warning.softBg,
+    font: n.primary
+  };
+}
+const Q = ({
+  tokens: t,
+  isSide: e,
+  position: n,
+  brandingLogoUrl: o
+}) => {
+  const { labels: s, selections: r, open: l, setOpen: a, maxSelections: p, bookmakerLogoUrl: c } = k(), { t: u } = R(), m = _(), d = T(), g = e ? "0" : n === "bottom-right" || n === "bottom-left" ? `${d.md} ${d.md} 0 0` : n === "top-right" || n === "top-left" ? `0 0 ${d.md} ${d.md}` : "0", y = o || c, x = {
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    color: "#fff",
+    padding: "5px 7px",
+    fontSize: "1em",
+    lineHeight: 1,
+    borderRadius: d.xs,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "background .15s"
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        paddingTop: m.sm,
+        paddingBottom: m.sm,
+        paddingRight: m.xs,
+        paddingLeft: y ? m["2xs"] : m.xs,
+        background: t.primary,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        flexShrink: 0,
+        color: "#fff",
+        borderRadius: g,
+        fontFamily: t.font
+      },
+      children: [
+        /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center" }, children: [
+          y ? /* @__PURE__ */ i(
+            "img",
+            {
+              src: y,
+              alt: "brand",
+              style: {
+                height: "24px",
+                maxWidth: "88px",
+                width: "auto",
+                objectFit: "contain",
+                display: "block",
+                flexShrink: 0
+              }
+            }
+          ) : /* @__PURE__ */ i(
+            "span",
+            {
+              style: {
+                fontSize: "1.0625em",
+                fontWeight: 800,
+                fontStyle: "italic",
+                fontFamily: "'Ubuntu', sans-serif",
+                letterSpacing: "-0.5px",
+                color: "#fff"
+              },
+              children: s.title || u("betslip.title")
+            }
+          ),
+          r.length > 0 && p != null && /* @__PURE__ */ h(
+            "span",
+            {
+              style: {
+                fontSize: "0.875em",
+                fontWeight: 600,
+                color: "#fff",
+                marginLeft: y ? 0 : m.sm
+              },
+              children: [
+                r.length,
+                "/",
+                p
+              ]
+            }
+          )
+        ] }),
+        !e && /* @__PURE__ */ i(
+          "button",
+          {
+            style: x,
+            onClick: () => a(!l),
+            title: l ? "Collapse" : "Expand",
+            onMouseEnter: (v) => v.currentTarget.style.background = "rgba(255,255,255,.18)",
+            onMouseLeave: (v) => v.currentTarget.style.background = "none",
+            children: l ? /* @__PURE__ */ i(Lt, { sx: { fontSize: "1.125em", color: "inherit" } }) : /* @__PURE__ */ i(_t, { sx: { fontSize: "1.125em", color: "inherit" } })
+          }
+        )
+      ]
+    }
+  );
+}, Z = ({ tokens: t }) => {
+  const { t: e } = R(), n = _(), o = D();
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: n.xs,
+        padding: "9px 14px",
+        background: t.badSoftBg,
+        borderBottom: `${o.size} solid ${t.bad}`,
+        flexShrink: 0
+      },
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              width: 18,
+              height: 18,
+              borderRadius: "50%",
+              border: `1.5px solid ${t.bad}`,
+              flexShrink: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "0.6875em",
+              fontWeight: 700,
+              color: t.bad,
+              lineHeight: 1
+            },
+            children: "i"
+          }
+        ),
+        /* @__PURE__ */ i("span", { style: { fontSize: "0.75em", color: t.t1, lineHeight: 1.4 }, children: e("betslip.conflictMessage") })
+      ]
+    }
+  );
+};
+function Mt(t, e, n) {
+  const o = e.map((a) => a.selectionId).filter(Boolean).join(","), s = e[0], r = encodeURIComponent(
+    typeof window < "u" ? window.location.href : ""
+  ), l = String(n);
+  return t.replace(/\{selectionIds\}/g, encodeURIComponent(o)).replace(/\{currentUrl\}/g, r).replace(/\{stake\}/g, l).replace(/\{eventId\}/g, (s == null ? void 0 : s.eventId) ?? "").replace(/\{oddsDecimal\}/g, s ? String(s.odds) : "").replace(/\{market\}/g, (s == null ? void 0 : s.marketId) ?? "").replace(/\{outcome\}/g, (s == null ? void 0 : s.name) ?? "");
+}
+const Yt = O.a`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background: ${({ primary: t }) => t};
+  color: #fff;
+  border: none;
+  font-weight: 600;
+  text-decoration: none;
+  box-sizing: border-box;
+  cursor: ${({ disabled: t }) => t ? "not-allowed" : "pointer"};
+  pointer-events: ${({ disabled: t }) => t ? "none" : "auto"};
+  opacity: ${({ disabled: t }) => t ? 0.4 : 1};
+  &:hover {
+    background: ${({ primaryHover: t }) => t};
+  }
+`, pt = ({
+  tokens: t,
+  brandingLogoUrl: e,
+  hasConflicts: n
+}) => {
+  const {
+    labels: o,
+    ctaUrlTemplate: s,
+    selections: r,
+    combStake: l,
+    bookmakerLogoUrl: a,
+    bookmakerHomepageUrl: p
+  } = k(), { t: c } = R(), u = e || a, m = _(), d = T(), b = o.continueLabel || c("betslip.continueLabel"), f = (() => {
+    if (s)
+      return Mt(
+        s,
+        r,
+        parseFloat(l) || 0
+      );
+    if (p) return p;
+  })(), g = n || !f;
+  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ h(
+    Yt,
+    {
+      href: g ? void 0 : f,
+      target: f ? "_blank" : void 0,
+      rel: f ? "noopener noreferrer" : void 0,
+      primary: t.primary,
+      primaryHover: t.primaryHover,
+      disabled: g,
+      style: {
+        padding: `${m.xs} ${m.md}`,
+        borderRadius: d.full,
+        fontSize: "0.875em",
+        fontFamily: t.font
+      },
+      children: [
+        /* @__PURE__ */ i("span", { children: b }),
+        u && /* @__PURE__ */ i(
+          "img",
+          {
+            src: u,
+            alt: "",
+            style: {
+              height: "20px",
+              maxWidth: "72px",
+              width: "auto",
+              objectFit: "contain",
+              verticalAlign: "middle",
+              marginLeft: m.sm,
+              flexShrink: 0
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}, tt = ({ color: t }) => {
+  const e = D();
+  return /* @__PURE__ */ i("div", { style: { borderBottom: `${e.size} solid ${t}` } });
+}, Vt = ({
+  tokens: t,
+  brandingLogoUrl: e
+}) => {
+  const { labels: n, selections: o, combStake: s, conflictIds: r, currency: l } = k(), { t: a } = R(), p = _(), c = o.filter(
+    (g) => g.status === "active" || !g.status
+  ), u = lt(c), m = parseFloat(s) || 0, d = m * u, b = r.size > 0, f = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "6px 0"
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        background: t.s1,
+        padding: `10px 14px ${p.sm}`,
+        fontFamily: t.font
+      },
+      children: [
+        /* @__PURE__ */ h("div", { style: f, children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.6875em", color: t.t3 }, children: n.combinedOddsLabel || a("betslip.combinedOddsLabel") }),
+          /* @__PURE__ */ h(
+            "span",
+            {
+              style: {
+                fontSize: "0.6875em",
+                color: t.t1,
+                fontWeight: 600,
+                display: "flex",
+                alignItems: "center",
+                gap: 3
+              },
+              children: [
+                /* @__PURE__ */ i("span", { style: { fontSize: "0.5em", color: t.ok }, children: "▲" }),
+                u.toFixed(2)
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(tt, { color: t.bdr }),
+        /* @__PURE__ */ h("div", { style: f, children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: t.t1 }, children: n.totalStakeLabel || a("betslip.totalStakeLabel") }),
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: t.t1 }, children: m > 0 ? `${m.toFixed(2)}${l}` : "—" })
+        ] }),
+        /* @__PURE__ */ i(tt, { color: t.bdr }),
+        /* @__PURE__ */ h("div", { style: { ...f, borderBottom: "none", marginBottom: 10 }, children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: t.t1 }, children: n.potentialWinLabel || a("betslip.potentialWinLabel") }),
+          /* @__PURE__ */ i(
+            "span",
+            {
+              style: {
+                fontSize: "0.8125em",
+                fontWeight: 700,
+                color: d > 0 ? t.primary : t.t1
+              },
+              children: d > 0 ? d.toFixed(2) : "—"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          pt,
+          {
+            tokens: t,
+            brandingLogoUrl: e,
+            hasConflicts: b
+          }
+        )
+      ]
+    }
+  );
+};
+function Gt(t, e, n) {
+  if (n != null && n[t]) return n[t];
+  const o = `betslip.markets.${t}`, s = e(o);
+  if (s !== o) return s;
+  const r = t.match(/^(OVER|UNDER)_(GOALS|CORNERS)_(\d+)_(\d+)$/i);
+  if (r) {
+    const l = r[2].charAt(0) + r[2].slice(1).toLowerCase(), a = `betslip.markets.${r[1].toUpperCase() === "OVER" ? "over" : "under"}${l}`, p = `${r[3]}.${r[4]}`, c = e(a, { line: p });
+    if (c !== a) return c;
+  }
+  return t.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (l) => l.toUpperCase());
+}
+const Xt = W`
+  from { opacity: 0; transform: translateX(8px); }
+  to   { opacity: 1; transform: translateX(0); }
+`, Kt = W`
+  from { transform: rotate(0deg); }
+  to   { transform: rotate(360deg); }
+`, qt = O.div`
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  border-top-color: ${({ color: t }) => t};
+  animation: ${Kt} 0.7s linear infinite;
+  flex-shrink: 0;
+`, Jt = () => /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ i("path", { d: "M7 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1h3a1 1 0 1 1 0 2h-1l-1.4 13.2A2 2 0 0 1 16.6 22H7.4a2 2 0 0 1-2-1.8L4 7H3a1 1 0 1 1 0-2h3V4zm2 0v1h6V4H9zm-3 3 1.4 12h9.2L18 7H6zm4 2a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0v-7a1 1 0 0 1 1-1zm4 0a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0v-7a1 1 0 0 1 1-1z" }) }), Qt = O.div`
+  animation: ${Xt} 0.18s ease;
+`, Zt = W`
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.2; }
+`, te = O.span`
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: #fff;
+  flex-shrink: 0;
+  animation: ${Zt} 1s ease-in-out infinite;
+`;
+function ee(t, e, n) {
+  if (!t) return "";
+  const o = new Date(t);
+  if (isNaN(o.getTime())) return "";
+  const s = /* @__PURE__ */ new Date(), r = s.toDateString(), l = new Date(s.getTime() + 864e5).toDateString(), a = o.toLocaleTimeString(e, {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  return o.toDateString() === r ? `${n("betslip.today")} ${a}` : o.toDateString() === l ? `${n("betslip.tomorrow")} ${a}` : `${o.toLocaleDateString(e, { month: "short", day: "numeric" })} ${a}`;
+}
+const et = ({
+  logo: t,
+  name: e,
+  tokens: n,
+  size: o = 18
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    style: {
+      width: o,
+      height: o,
+      borderRadius: "50%",
+      background: n.s2,
+      flexShrink: 0,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontSize: o * 0.55,
+      overflow: "hidden"
+    },
+    children: t ? /* @__PURE__ */ i(
+      "img",
+      {
+        src: t,
+        alt: e,
+        style: { width: "100%", height: "100%", objectFit: "contain" }
+      }
+    ) : /* @__PURE__ */ i("span", { style: { color: n.t2, fontWeight: 700 }, children: e.charAt(0) })
+  }
+), ne = ({ avatar: t, name: e, tokens: n }) => /* @__PURE__ */ i(
+  "div",
+  {
+    style: {
+      width: 22,
+      height: 22,
+      borderRadius: "50%",
+      flexShrink: 0,
+      background: n.s2,
+      overflow: "hidden",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontSize: "0.6875em",
+      fontWeight: 700
+    },
+    children: t ? /* @__PURE__ */ i(
+      "img",
+      {
+        src: t,
+        alt: e,
+        style: { width: "100%", height: "100%", objectFit: "cover" }
+      }
+    ) : /* @__PURE__ */ i("span", { style: { color: n.t2 }, children: e.charAt(0) })
+  }
+), oe = ({ name: t, logo: e, tokens: n }) => {
+  const o = _(), s = T(), [r, l] = M.useState(!1);
+  return e ? /* @__PURE__ */ h(
+    "div",
+    {
+      style: { position: "relative", display: "inline-flex" },
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              width: 20,
+              height: 20,
+              borderRadius: "50%",
+              overflow: "hidden",
+              background: n.s2,
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ i(
+              "img",
+              {
+                src: e,
+                alt: t,
+                style: { width: "100%", height: "100%", objectFit: "contain" }
+              }
+            )
+          }
+        ),
+        r && /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: "calc(100% + 5px)",
+              right: 0,
+              background: "#1e293b",
+              color: "#fff",
+              fontSize: "0.6875em",
+              fontWeight: 500,
+              padding: `${o["2xs"]} ${o.xs}`,
+              borderRadius: s.xs,
+              whiteSpace: "nowrap",
+              zIndex: 10,
+              pointerEvents: "none",
+              boxShadow: "0 2px 8px rgba(0,0,0,.25)"
+            },
+            children: t
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ i(
+    "span",
+    {
+      style: { fontSize: "0.625em", color: n.t3, whiteSpace: "nowrap" },
+      children: t
+    }
+  );
+}, nt = ({
+  score: t,
+  tokens: e
+}) => {
+  const n = _(), o = T();
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      style: {
+        background: e.s1,
+        color: e.t1,
+        fontWeight: 700,
+        fontSize: "0.75em",
+        borderRadius: o.xs,
+        minWidth: 20,
+        height: 20,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        padding: `0 ${n["2xs"]}`
+      },
+      children: t
+    }
+  );
+}, ie = ({
+  sel: t,
+  tokens: e
+}) => {
+  const { labels: n, oddsLoading: o } = k(), { t: s } = R(), { status: r, odds: l, movement: a } = t;
+  return r === "settled_won" ? /* @__PURE__ */ h("span", { style: { color: e.ok, fontSize: "0.8125em", fontWeight: 700 }, children: [
+    "✓ ",
+    s("betslip.settledWon")
+  ] }) : r === "settled_lost" ? /* @__PURE__ */ h(
+    "span",
+    {
+      style: { color: e.bad, fontSize: "0.8125em", fontWeight: 700 },
+      children: [
+        "✗ ",
+        s("betslip.settledLost")
+      ]
+    }
+  ) : r === "settled_void" ? /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: e.t3 }, children: s("betslip.settledVoid") }) : r === "suspended" ? /* @__PURE__ */ i("span", { style: { fontSize: "0.75em", fontWeight: 600, color: e.warn }, children: n.suspendedLabel || s("betslip.suspendedLabel") }) : o ? /* @__PURE__ */ i(qt, { color: e.t3 }) : l === 0 ? /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 600, color: e.t3 }, children: n.oddsUnavailableLabel || s("betslip.oddsUnavailableLabel") }) : /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
+    a && /* @__PURE__ */ i(
+      "span",
+      {
+        style: {
+          fontSize: "0.5625em",
+          color: a === "UP" ? e.ok : e.bad,
+          lineHeight: 1
+        },
+        children: a === "UP" ? "▲" : "▼"
+      }
+    ),
+    /* @__PURE__ */ i("span", { style: { fontSize: "0.875em", fontWeight: 700, color: e.t1 }, children: l.toFixed(2) })
+  ] });
+}, re = ({ sel: t, tokens: e, isConflict: n }) => {
+  const { onRemove: o, labels: s } = k(), { t: r, i18n: l } = R(), a = _(), p = T(), c = D(), [u, m] = M.useState(!1), d = ee(t.startAt, l.language, r), b = t.marketId === "CORRECT_SCORE" || t.marketId === "CORRECT_SCORE_ADVANCED" || t.marketId === "CORRECT_SCORE_HT", f = b && t.outcome ? t.outcome.split(/[-:]/) : null, g = f == null ? void 0 : f[0], y = f == null ? void 0 : f[1];
+  return /* @__PURE__ */ h(
+    Qt,
+    {
+      style: {
+        fontFamily: e.font,
+        ...n ? {
+          padding: "14px 0 0",
+          overflow: "hidden",
+          background: e.warnSoftBg,
+          border: `${c.size} solid ${e.bad}`,
+          borderRadius: p.sm,
+          margin: "6px 8px"
+        } : {
+          padding: "14px 12px"
+        }
+      },
+      children: [
+        /* @__PURE__ */ h(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              gap: a.xs,
+              marginBottom: a["3xs"],
+              ...n && { paddingLeft: a.xs }
+            },
+            children: [
+              /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+                t.athlete && /* @__PURE__ */ i(
+                  ne,
+                  {
+                    avatar: t.athlete.avatar,
+                    name: t.athlete.name,
+                    tokens: e
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "0.8125em",
+                      fontWeight: 700,
+                      color: n ? e.bad : e.t1
+                    },
+                    children: t.name
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ h(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                    flexShrink: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ i(ie, { sel: t, tokens: e }),
+                    /* @__PURE__ */ i(
+                      "button",
+                      {
+                        onClick: () => o(t.id),
+                        onMouseEnter: () => m(!0),
+                        onMouseLeave: () => m(!1),
+                        title: "Remove",
+                        style: {
+                          background: u ? "rgba(239,68,68,.08)" : "none",
+                          border: "none",
+                          cursor: "pointer",
+                          color: u ? e.bad : e.t2,
+                          fontSize: "0.8125em",
+                          padding: "3px 5px",
+                          borderRadius: p.xs,
+                          transition: "color .15s, background .15s",
+                          lineHeight: 1,
+                          display: "flex",
+                          alignItems: "center"
+                        },
+                        children: /* @__PURE__ */ i(Jt, {})
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              fontSize: "0.6875em",
+              color: e.t3,
+              marginBottom: 6,
+              ...n && { paddingLeft: 8 }
+            },
+            children: Gt(t.market, r, s.marketLabels)
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: n ? { background: e.s3, paddingTop: 7, paddingBottom: 7 } : {
+              background: e.s3,
+              borderRadius: p.sm,
+              padding: "7px 10px",
+              marginTop: 6
+            },
+            children: /* @__PURE__ */ h(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "stretch",
+                  gap: 10,
+                  padding: n ? `0 ${a.sm}` : 0
+                },
+                children: [
+                  /* @__PURE__ */ i(
+                    "div",
+                    {
+                      style: {
+                        flex: "0 1 auto",
+                        minWidth: 0,
+                        display: "flex",
+                        alignItems: "center"
+                      },
+                      children: /* @__PURE__ */ h(
+                        "div",
+                        {
+                          style: {
+                            display: "grid",
+                            gridTemplateColumns: b ? "auto minmax(0, auto) auto" : "auto minmax(0, auto)",
+                            columnGap: 6,
+                            rowGap: a["2xs"],
+                            alignItems: "center"
+                          },
+                          children: [
+                            /* @__PURE__ */ i(
+                              et,
+                              {
+                                logo: t.participantOneLogo,
+                                name: t.participantOne ?? "",
+                                tokens: e
+                              }
+                            ),
+                            /* @__PURE__ */ i(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "0.75em",
+                                  color: e.t1,
+                                  overflow: "hidden",
+                                  textOverflow: "ellipsis",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: t.participantOne
+                              }
+                            ),
+                            b && (g !== void 0 ? /* @__PURE__ */ i(nt, { score: g, tokens: e }) : /* @__PURE__ */ i("span", {})),
+                            t.participantTwo && /* @__PURE__ */ i(
+                              et,
+                              {
+                                logo: t.participantTwoLogo,
+                                name: t.participantTwo,
+                                tokens: e
+                              }
+                            ),
+                            t.participantTwo && /* @__PURE__ */ i(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "0.75em",
+                                  color: e.t1,
+                                  overflow: "hidden",
+                                  textOverflow: "ellipsis",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: t.participantTwo
+                              }
+                            ),
+                            t.participantTwo && b && (y !== void 0 ? /* @__PURE__ */ i(nt, { score: y, tokens: e }) : /* @__PURE__ */ i("span", {}))
+                          ]
+                        }
+                      )
+                    }
+                  ),
+                  (t.matchStatus === "inprogress" || d || t.competition) && /* @__PURE__ */ h(
+                    "div",
+                    {
+                      style: {
+                        marginLeft: "auto",
+                        flexShrink: 0,
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "space-between",
+                        alignItems: "flex-end"
+                      },
+                      children: [
+                        t.matchStatus === "inprogress" ? /* @__PURE__ */ h(
+                          "span",
+                          {
+                            style: {
+                              display: "inline-flex",
+                              alignItems: "center",
+                              gap: 3,
+                              backgroundColor: e.bad,
+                              color: "#fff",
+                              fontSize: "0.6em",
+                              fontWeight: 700,
+                              letterSpacing: "0.07em",
+                              padding: "2px 5px",
+                              borderRadius: 3,
+                              textTransform: "uppercase",
+                              whiteSpace: "nowrap",
+                              fontFamily: e.font
+                            },
+                            children: [
+                              /* @__PURE__ */ i(te, {}),
+                              r("betslip.live")
+                            ]
+                          }
+                        ) : d ? /* @__PURE__ */ i(
+                          "span",
+                          {
+                            style: {
+                              fontSize: "0.625em",
+                              color: e.t3,
+                              whiteSpace: "nowrap"
+                            },
+                            children: d
+                          }
+                        ) : null,
+                        t.competition && /* @__PURE__ */ i(
+                          oe,
+                          {
+                            name: t.competition.name,
+                            logo: t.competition.logo,
+                            tokens: e
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, ot = ({
+  tokens: t,
+  isSide: e
+}) => {
+  const { labels: n, selections: o, conflictIds: s } = k(), { t: r } = R();
+  return /* @__PURE__ */ h(N, { children: [
+    /* @__PURE__ */ i(
+      at,
+      {
+        styles: st`
+          .bs-scrollbody::-webkit-scrollbar {
+            width: 8px;
+          }
+          .bs-scrollbody::-webkit-scrollbar-track {
+            background: transparent;
+            margin: 6px 0;
+          }
+          .bs-scrollbody::-webkit-scrollbar-thumb {
+            background: ${t.s3};
+            border-radius: 6px;
+            border-right: 4px solid transparent;
+            background-clip: padding-box;
+          }
+        `
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: "bs-scrollbody",
+        style: {
+          overflowY: "auto",
+          flex: 1,
+          minHeight: 0,
+          maxHeight: e ? "none" : 300,
+          background: t.s1
+        },
+        children: o.length === 0 ? /* @__PURE__ */ h(
+          "div",
+          {
+            style: {
+              padding: "36px 20px",
+              textAlign: "center",
+              fontFamily: t.font
+            },
+            children: [
+              /* @__PURE__ */ i("div", { style: { fontSize: "2.5em", opacity: 0.25, marginBottom: 14 }, children: "🎯" }),
+              /* @__PURE__ */ i(
+                "div",
+                {
+                  style: {
+                    fontSize: "0.875em",
+                    fontWeight: 600,
+                    color: t.t1,
+                    marginBottom: 6
+                  },
+                  children: n.emptyTitle || r("betslip.emptyTitle")
+                }
+              ),
+              /* @__PURE__ */ i("div", { style: { fontSize: "0.75em", color: t.t2, lineHeight: 1.5 }, children: n.emptyDescription || r("betslip.emptyDescription") })
+            ]
+          }
+        ) : o.map((l) => /* @__PURE__ */ i(
+          re,
+          {
+            sel: l,
+            tokens: t,
+            isConflict: s.has(l.id)
+          },
+          l.id
+        ))
+      }
+    )
+  ] });
+}, ae = O.button`
+  background: ${({ primary: t }) => t};
+  color: #fff;
+  border: none;
+  width: 44px;
+  cursor: pointer;
+  flex-shrink: 0;
+  &:hover {
+    background: ${({ primary: t }) => t};
+    opacity: 0.88;
+  }
+`, it = ({ tokens: t, brandingLogoUrl: e }) => {
+  const {
+    labels: n,
+    selections: o,
+    combStake: s,
+    setCombStake: r,
+    conflictIds: l,
+    currency: a,
+    stakePresets: p
+  } = k(), { t: c } = R(), u = _(), m = T(), d = D(), b = o.filter(
+    (w) => w.status === "active" || !w.status
+  ), f = lt(b), g = parseFloat(s) || 0, y = g * f, x = l.size > 0, v = (w) => {
+    r(String(w));
+  }, S = M.useRef(null);
+  return /* @__PURE__ */ h(N, { children: [
+    /* @__PURE__ */ i(
+      at,
+      {
+        styles: st`
+          .bs-stake-input::-webkit-outer-spin-button,
+          .bs-stake-input::-webkit-inner-spin-button {
+            -webkit-appearance: none;
+            margin: 0;
+          }
+          .bs-stake-input {
+            -moz-appearance: textfield;
+          }
+        `
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          padding: `${u.sm} 14px`,
+          flexShrink: 0,
+          borderTop: `${d.size} solid ${t.bdr}`,
+          background: t.s3,
+          fontFamily: t.font
+        },
+        children: /* @__PURE__ */ h(N, { children: [
+          b.length > 0 && /* @__PURE__ */ h(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                fontSize: "0.75em",
+                color: t.t2,
+                padding: "3px 0",
+                paddingBottom: u.xs
+              },
+              children: [
+                /* @__PURE__ */ i("span", { children: n.combinedOddsLabel || c("betslip.combinedOddsLabel") }),
+                /* @__PURE__ */ h(
+                  "span",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: u["2xs"],
+                      fontSize: "0.8125em",
+                      fontWeight: 600,
+                      color: t.t1
+                    },
+                    children: [
+                      /* @__PURE__ */ i("span", { style: { fontSize: "0.5625em", color: t.ok }, children: "▲" }),
+                      f.toFixed(2)
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ h(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 6,
+                marginBottom: 10
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    style: { fontSize: "0.75em", color: t.t2, flexShrink: 0 },
+                    children: n.stakeLabel || c("betslip.stakeLabel")
+                  }
+                ),
+                /* @__PURE__ */ i("div", { style: { flex: 1, position: "relative", marginBottom: 0 }, children: /* @__PURE__ */ i(
+                  "input",
+                  {
+                    ref: S,
+                    className: "bs-stake-input",
+                    type: "number",
+                    min: "0",
+                    step: "1",
+                    value: s,
+                    onChange: (w) => r(w.target.value),
+                    placeholder: "0",
+                    onFocus: (w) => w.currentTarget.style.borderColor = t.primary,
+                    onBlur: (w) => w.currentTarget.style.borderColor = t.bdr,
+                    style: {
+                      width: "100%",
+                      background: t.s1,
+                      border: `${d.size} solid ${t.bdr}`,
+                      color: t.t1,
+                      padding: "10px",
+                      borderRadius: m.sm,
+                      fontSize: "0.875em",
+                      fontFamily: t.font,
+                      outline: "none",
+                      transition: "border-color .15s",
+                      boxSizing: "border-box"
+                    }
+                  }
+                ) }),
+                p.map((w) => /* @__PURE__ */ i(
+                  ae,
+                  {
+                    primary: t.primary,
+                    onClick: () => v(w),
+                    style: {
+                      padding: "10px 0",
+                      borderRadius: m.sm,
+                      fontSize: "0.8125em",
+                      fontWeight: 700,
+                      fontFamily: t.font,
+                      textAlign: "center"
+                    },
+                    children: w
+                  },
+                  w
+                ))
+              ]
+            }
+          ),
+          /* @__PURE__ */ h("div", { style: { marginBottom: 10 }, children: [
+            /* @__PURE__ */ h(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  fontSize: "0.8125em",
+                  color: t.t1,
+                  fontWeight: 600,
+                  padding: "3px 0"
+                },
+                children: [
+                  /* @__PURE__ */ i("span", { children: n.totalStakeLabel || c("betslip.totalStakeLabel") }),
+                  /* @__PURE__ */ i("span", { children: g > 0 ? `${g.toFixed(2)}${a}` : "—" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ h(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  fontSize: "0.8125em",
+                  color: t.t1,
+                  fontWeight: 600,
+                  padding: "3px 0",
+                  borderTop: `${d.size} solid ${t.bdr}`
+                },
+                children: [
+                  /* @__PURE__ */ i("span", { children: n.potentialWinLabel || c("betslip.potentialWinLabel") }),
+                  /* @__PURE__ */ i(
+                    "span",
+                    {
+                      style: {
+                        color: y > 0 ? t.primary : void 0
+                      },
+                      children: y > 0 ? y.toFixed(2) : "—"
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(
+            pt,
+            {
+              tokens: t,
+              brandingLogoUrl: e,
+              hasConflicts: x
+            }
+          ),
+          n.disclaimer && /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                fontSize: "0.625em",
+                color: t.t3,
+                textAlign: "center",
+                marginTop: u.xs,
+                lineHeight: 1.5,
+                padding: `0 ${u["3xs"]}`
+              },
+              children: n.disclaimer
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+function se(t, e) {
+  const [n, o] = L([]), [s, r] = L((e == null ? void 0 : e.length) > 0);
+  return B(() => {
+    if (!(e != null && e.length)) {
+      o([]), r(!1);
+      return;
+    }
+    const l = e.map((p) => {
+      const c = p.split(":"), u = c[c.length - 1], m = c[c.length - 2];
+      return { eventId: c.slice(0, c.length - 2).join(":"), market: m, outcome: u };
+    }), a = [...new Set(l.map((p) => p.eventId))];
+    r(!0), t.football.getMatches({ matchIds: a }).then((p) => {
+      const c = new Map(
+        p.data.map((m) => [m.id, m])
+      ), u = l.flatMap(
+        ({ eventId: m, market: d, outcome: b }) => {
+          var g, y, x, v, S;
+          const f = c.get(m);
+          return f ? [
+            {
+              eventId: m,
+              market: d,
+              outcome: b,
+              participantOne: {
+                name: f.homeTeam.name,
+                logo: (g = f.homeTeam.assets) == null ? void 0 : g.logo
+              },
+              participantTwo: {
+                name: f.awayTeam.name,
+                logo: (y = f.awayTeam.assets) == null ? void 0 : y.logo
+              },
+              startAt: f.kickoffAt,
+              matchStatus: (x = f.status) == null ? void 0 : x.type,
+              competition: (v = f.context) != null && v.competition ? {
+                name: f.context.competition.name,
+                logo: (S = f.context.competition.assets) == null ? void 0 : S.logo
+              } : void 0
+            }
+          ] : [];
+        }
+      );
+      o(u);
+    }).catch(() => o([])).finally(() => r(!1));
+  }, [JSON.stringify(e)]), { selectionInputs: n, loading: s };
+}
+const le = W`
+  from { transform: translateY(100%); opacity: 0; }
+  to   { transform: translateY(0);    opacity: 1; }
+`, ce = W`
+  from { transform: translateY(-100%); opacity: 0; }
+  to   { transform: translateY(0);     opacity: 1; }
+`;
+function de(t) {
+  return t.startsWith("top") ? ce : le;
+}
+const pe = O.div`
+  position: fixed;
+  z-index: 999;
+  animation: ${({ pos: t }) => de(t)} 0.22s ease;
+`, A = 320, rt = 340;
+function me(t) {
+  return t === "bottom-right" ? { bottom: 16, right: 16, width: A } : t === "bottom-left" ? { bottom: 16, left: 16, width: A } : t === "top-right" ? { top: 16, right: 16, width: A } : t === "top-left" ? { top: 16, left: 16, width: A } : { bottom: 16, right: 16, width: A };
+}
+const fe = ({ props: t }) => {
+  var E, I, U, C, F, z, Y, V, G, X;
+  const { position: e = "bottom-right", brandingLogoUrl: n } = t, {
+    open: o,
+    setOpen: s,
+    conflictIds: r,
+    selections: l,
+    maxSelections: a,
+    bookmakerLogoUrl: p,
+    bookmakerBackgroundColor: c,
+    oddsReady: u
+  } = k(), m = ((F = (C = (U = (I = (E = t.themeOptions) == null ? void 0 : E.colorSchemes) == null ? void 0 : I.light) == null ? void 0 : U.palette) == null ? void 0 : C.primary) == null ? void 0 : F.plainColor) != null || ((X = (G = (V = (Y = (z = t.themeOptions) == null ? void 0 : z.colorSchemes) == null ? void 0 : Y.dark) == null ? void 0 : V.palette) == null ? void 0 : G.primary) == null ? void 0 : X.plainColor) != null, d = jt(
+    m ? void 0 : c
+  ), b = T(), f = D(), g = e.startsWith("side"), y = e === "top-right" || e === "top-left", x = r.size > 0, { t: v } = R();
+  if (!u) return null;
+  if (g) {
+    const $ = e === "side-right", H = $ ? "right" : "left", K = n || p, mt = o ? rt : 0, ft = o ? "translateX(0)" : `translateX(${$ ? "100%" : "-100%"})`;
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          [H]: 0,
+          zIndex: 999,
+          height: "100vh",
+          width: 0,
+          pointerEvents: "none",
+          overflow: "visible"
+        },
+        children: [
+          /* @__PURE__ */ h(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                [H]: mt,
+                top: "33%",
+                transform: "translateY(-50%)",
+                pointerEvents: "all",
+                transition: `${H} 0.3s ease`,
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                gap: 6
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    onClick: () => s(!o),
+                    title: v(o ? "betslip.hide" : "betslip.show"),
+                    style: {
+                      position: "relative",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: 32,
+                      height: 64,
+                      background: d.primary,
+                      border: "none",
+                      cursor: "pointer",
+                      borderRadius: $ ? "8px 0 0 8px" : "0 8px 8px 0",
+                      boxShadow: $ ? "-4px 0 12px rgba(0,0,0,.22)" : "4px 0 12px rgba(0,0,0,.22)",
+                      overflow: "hidden",
+                      padding: 0
+                    },
+                    children: K ? /* @__PURE__ */ i(
+                      "img",
+                      {
+                        src: K,
+                        alt: "brand",
+                        style: {
+                          position: "absolute",
+                          top: "50%",
+                          left: "50%",
+                          width: 52,
+                          height: 22,
+                          objectFit: "contain",
+                          transform: `translate(-50%, -50%) rotate(${$ ? "-90" : "90"}deg)`
+                        }
+                      }
+                    ) : /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+                      /* @__PURE__ */ i(
+                        "div",
+                        {
+                          style: {
+                            width: 12,
+                            height: 2,
+                            background: "rgba(255,255,255,.7)",
+                            borderRadius: 1
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "div",
+                        {
+                          style: {
+                            width: 12,
+                            height: 2,
+                            background: "rgba(255,255,255,.7)",
+                            borderRadius: 1
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "div",
+                        {
+                          style: {
+                            width: 12,
+                            height: 2,
+                            background: "rgba(255,255,255,.7)",
+                            borderRadius: 1
+                          }
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                !o && a != null && /* @__PURE__ */ h(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "0.625rem",
+                      fontWeight: 700,
+                      color: "#fff",
+                      fontFamily: d.font,
+                      background: d.primary,
+                      borderRadius: 4,
+                      padding: "2px 5px",
+                      whiteSpace: "nowrap",
+                      boxShadow: $ ? "-2px 2px 6px rgba(0,0,0,.2)" : "2px 2px 6px rgba(0,0,0,.2)"
+                    },
+                    children: [
+                      l.length,
+                      "/",
+                      a
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ h(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                [H]: 0,
+                width: rt,
+                height: "100%",
+                transform: ft,
+                transition: "transform 0.3s ease",
+                pointerEvents: o ? "all" : "none",
+                display: "flex",
+                flexDirection: "column",
+                background: d.s1,
+                boxShadow: $ ? "-6px 0 24px rgba(0,0,0,.18)" : "6px 0 24px rgba(0,0,0,.18)",
+                outline: `${f.size} solid ${d.bdr}`
+              },
+              children: [
+                /* @__PURE__ */ i(
+                  Q,
+                  {
+                    tokens: d,
+                    isSide: g,
+                    position: e,
+                    brandingLogoUrl: n
+                  }
+                ),
+                x && /* @__PURE__ */ i(Z, { tokens: d }),
+                /* @__PURE__ */ h(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      flex: 1,
+                      minHeight: 0,
+                      overflow: "hidden"
+                    },
+                    children: [
+                      /* @__PURE__ */ i(ot, { tokens: d, isSide: g }),
+                      /* @__PURE__ */ i(it, { tokens: d, brandingLogoUrl: n })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  const S = y ? `0 0 ${b.md} ${b.md}` : `${b.md} ${b.md} 0 0`, w = me(e);
+  return /* @__PURE__ */ i(
+    pe,
+    {
+      pos: e,
+      style: {
+        fontFamily: d.font,
+        borderRadius: S,
+        overflow: "hidden",
+        boxShadow: y ? "0 4px 16px rgba(0,0,0,.2)" : "0 -4px 16px rgba(0,0,0,.2)",
+        outline: `${f.size} solid ${d.primary}`,
+        ...w
+      },
+      children: /* @__PURE__ */ h(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            maxHeight: "calc(100vh - 64px)",
+            background: d.s1
+          },
+          children: [
+            /* @__PURE__ */ i(
+              Q,
+              {
+                tokens: d,
+                isSide: g,
+                position: e,
+                brandingLogoUrl: n
+              }
+            ),
+            x && /* @__PURE__ */ i(Z, { tokens: d }),
+            !o && l.length > 0 && /* @__PURE__ */ i(
+              Vt,
+              {
+                tokens: d,
+                brandingLogoUrl: n
+              }
+            ),
+            o && /* @__PURE__ */ h(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  flex: 1,
+                  minHeight: 0,
+                  overflow: "hidden"
+                },
+                children: [
+                  /* @__PURE__ */ i(ot, { tokens: d, isSide: g }),
+                  /* @__PURE__ */ i(it, { tokens: d, brandingLogoUrl: n })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, ue = (t) => {
+  const [e, n] = L([]), { selectionInputs: o, loading: s } = se(
+    t.sdk,
+    e
+  ), r = o.filter(
+    (c) => c.matchStatus !== "finished"
+  ), { oddsMap: l } = Ut(
+    t.sdk,
+    r,
+    t.oddsPollingInterval || 3e4
+  ), a = j((c) => {
+    const u = c.split(":"), m = u[u.length - 2], d = u.slice(0, u.length - 2).join(":");
+    n((b) => {
+      const f = b.findIndex((g) => {
+        const y = g.split(":");
+        return y.slice(0, y.length - 2).join(":") === d && y[y.length - 2] === m;
+      });
+      if (f !== -1) {
+        const g = [...b];
+        return g[f] = c, g;
+      }
+      return [...b, c];
+    });
+  }, []), p = j((c) => {
+    n((u) => u.filter((m) => m !== c));
+  }, []);
+  return B(() => {
+    o.filter((c) => c.matchStatus === "finished").forEach((c) => p(`${c.eventId}:${c.market}:${c.outcome}`));
+  }, [o, p]), B(() => (J._mount({ setSelection: a, removeSelection: p }), () => J._unmount()), [a, p]), !e.length || !r.length && s ? null : /* @__PURE__ */ i(
+    Nt,
+    {
+      labels: t.labels,
+      initialSelections: r,
+      maxSelections: t.maxSelections,
+      currency: t.currency,
+      stakePresets: t.stakePresets,
+      ctaUrlTemplate: t.ctaUrlTemplate,
+      onExternalRemove: p,
+      sharedOddsMap: l,
+      children: /* @__PURE__ */ i(fe, { props: t })
+    }
+  );
+}, Ce = (t) => /* @__PURE__ */ i(
+  Ct,
+  {
+    packageName: "betslip",
+    language: t.language,
+    themeOptions: t.themeOptions,
+    sdk: t.sdk,
+    entityId: "",
+    children: /* @__PURE__ */ i(ue, { ...t })
+  }
+);
+export {
+  Ce as M,
+  J as b
+};