fansunited-frontend-components 0.0.52 → 0.0.53

package/chunks/{main-DDb9jezz.js → main-C7QFqjXA.js}

@@ -1,17 +1,19 @@
 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";
+var B = (t, e, n) => ht(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as i, jsxs as u, Fragment as j } from "react/jsx-runtime";
+import Y, { useState as k, useRef as gt, useEffect as T, createContext as bt, useMemo as J, useCallback as M, useContext as yt } from "react";
+import { f as R, i as xt, a as St, c as wt, y as vt, e as L, b as E, d as W, a8 as A, H as U, 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 {
+import { a as _t, K as kt } from "./KeyboardArrowDown-BeaYH92n.js";
+class Lt {
   constructor() {
-    P(this, "handler", null);
-    P(this, "queue", []);
+    B(this, "handler", null);
+    B(this, "queue", []);
+    B(this, "listeners", /* @__PURE__ */ new Set());
+    B(this, "lastState", { selections: [], stake: 0, totalOdds: 0 });
   }
   /** Called by BetslipShell on mount. Replays any queued pre-mount calls. */
   _mount(e) {
@@ -21,6 +23,10 @@ class kt {
   _unmount() {
     this.handler = null;
   }
+  /** Called by BetslipStateBridge whenever context state changes. */
+  _notify(e) {
+    this.lastState = e, this.listeners.forEach((n) => n(e));
+  }
   setSelection(e) {
     this.handler ? this.handler.setSelection(e) : this.queue.push(() => this.setSelection(e));
   }
@@ -28,25 +34,31 @@ class kt {
     var n;
     (n = this.handler) == null || n.removeSelection(e);
   }
+  getState() {
+    return this.lastState;
+  }
+  subscribe(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
 }
-const J = new kt();
+const N = new Lt();
 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;
+    const a = `${o.eventId}::${o.marketId}`;
+    e[a] ? (n.add(e[a]), n.add(o.id)) : e[a] = 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");
+function Tt(t, e, n, o, a, r) {
+  const l = o ?? "Away", s = e.toLowerCase(), p = (r == null ? void 0 : r.draw) || a("betslip.outcomes.draw"), c = (r == null ? void 0 : r.yes) || a("betslip.outcomes.yes"), h = (r == null ? void 0 : r.no) || a("betslip.outcomes.no"), m = (r == null ? void 0 : r.over) || a("betslip.outcomes.over"), d = (r == null ? void 0 : r.under) || a("betslip.outcomes.under"), b = (r == null ? void 0 : r.noGoal) || a("betslip.outcomes.noGoal"), f = (r == null ? void 0 : r.nobody) || a("betslip.outcomes.nobody"), g = (r == null ? void 0 : r.or) || a("betslip.outcomes.or");
   switch (t) {
     case "FT_1X2":
     case "HT_1X2":
       if (e === "1") return n;
-      if (a === "x") return p;
+      if (s === "x") return p;
       if (e === "2") return l;
       break;
     case "DOUBLE_CHANCE": {
@@ -59,8 +71,8 @@ function Tt(t, e, n, o, s, r) {
     case "BOTH_TEAMS_SCORE":
     case "RED_CARD_MATCH":
     case "PENALTY_MATCH":
-      if (a === "yes") return c;
-      if (a === "no") return u;
+      if (s === "yes") return c;
+      if (s === "no") return h;
       break;
     case "CORRECT_SCORE":
     case "CORRECT_SCORE_ADVANCED":
@@ -80,7 +92,7 @@ function Tt(t, e, n, o, s, r) {
     case "LAST_TEAM_TO_SCORE":
       if (e === "1") return n;
       if (e === "2") return l;
-      if (a === "none" || a === "no goal") return b;
+      if (s === "none" || s === "no goal") return b;
       break;
     case "PLAYER_SCORE_FIRST_GOAL":
     case "PLAYER_SCORE":
@@ -88,11 +100,11 @@ function Tt(t, e, n, o, s, r) {
     case "PLAYER_SCORE_HATTRICK":
     case "PLAYER_RED_CARD":
     case "PLAYER_YELLOW_CARD":
-      return a === "none" || a === "no goal" || a === "nobody" ? f : e;
+      return s === "none" || s === "no goal" || s === "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]}`;
+    const S = y[1].toUpperCase() === "OVER" !== (s === "no" || s === "under") ? m : d, w = `${y[3]}.${y[4]}`;
     return `${S} ${w}`;
   }
   return e;
@@ -105,9 +117,9 @@ function It(t) {
   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) {
+function Ot(t, e, n) {
   return t.map((o) => {
-    var s, r, l;
+    var a, r, l;
     return {
       id: Et(o),
       eventId: o.eventId,
@@ -118,7 +130,7 @@ function zt(t, e, n) {
         o.market,
         o.outcome,
         o.participantOne.name,
-        (s = o.participantTwo) == null ? void 0 : s.name,
+        (a = o.participantTwo) == null ? void 0 : a.name,
         e,
         n
       ),
@@ -136,7 +148,7 @@ function zt(t, e, n) {
     };
   });
 }
-const Ot = {
+const zt = {
   HT_FT: ["first_half_and_final_result", "htft", "ht_ft"],
   BOTH_TEAMS_SCORE: ["both_to_score", "btts", "gg"],
   DOUBLE_CHANCE: ["double_chance", "dc"],
@@ -153,7 +165,7 @@ 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];
+  const o = zt[e];
   return !!(o !== void 0 && o.includes(n) || ct.test(e) && n === "over_under");
 }
 function Dt(t) {
@@ -162,17 +174,17 @@ function Dt(t) {
 }
 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))
+    var h, m, d, b, f, g, y, x;
+    const a = (e.get(n.eventId) ?? [])[0];
+    if (!a) return n;
+    const r = Dt(n.id), l = n.marketId.match(ct), s = l !== null, p = s ? r.toLowerCase() === "no" ? "under" : r.toLowerCase() === "yes" ? "over" : r.toLowerCase() : null, c = s ? `${l[3]}.${l[4]}` : null;
+    for (const v of a.markets ?? [])
+      if (Bt(((h = v == null ? void 0 : v.type) == null ? void 0 : h.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;
+          if (s) {
+            const I = ((m = S.code) == null ? void 0 : m.toLowerCase()) === p || ((d = S.name) == null ? void 0 : d.toLowerCase()) === p, O = c === null || ((b = S.value) == null ? void 0 : b.toString()) === c;
+            w = I && O;
           } else
             w = ((f = S.code) == null ? void 0 : f.toLowerCase()) === r.toLowerCase() || ((g = S.name) == null ? void 0 : g.toLowerCase()) === r.toLowerCase();
           if (w)
@@ -188,28 +200,28 @@ function Wt(t, e) {
   });
 }
 function Ut(t, e, n) {
-  const [o, s] = L(null), [r, l] = L(!1), a = gt(null), p = async (c) => {
+  const [o, a] = k(null), [r, l] = k(!1), s = gt(null), p = async (c) => {
     if (!t || c.length === 0) return;
-    const u = [...new Set(c.map((b) => b.eventId))], m = [
+    const h = [...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);
+      const b = await t.odds.getByMatchIds(h, d);
+      a(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);
+  return T(() => (p(e), s.current && clearInterval(s.current), t && n > 0 && e.length > 0 && (s.current = setInterval(() => p(e), n)), () => {
+    s.current && clearInterval(s.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];
+  for (const a of t.values()) {
+    const r = a[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;
@@ -218,19 +230,19 @@ function Ft(t) {
 function Ht(t, e) {
   var o;
   const n = e ? "mobile" : "desktop";
-  for (const s of t.values()) {
-    const r = s[0];
+  for (const a of t.values()) {
+    const r = a[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;
+    const l = ((o = r.bookmaker) == null ? void 0 : o.links) ?? [], s = l.find((p) => p.appType === n) ?? l[0];
+    if (s != null && s.homepageUrl) return s.homepageUrl;
   }
 }
 function Pt(t) {
-  var e, n, o, s, r;
+  var e, n, o, a, 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);
+    const s = l[0];
+    if (!s) continue;
+    const p = ((n = (e = s.bookmaker) == null ? void 0 : e.branding) == null ? void 0 : n.backgroundColor) ?? ((r = (a = (o = s.bookmaker) == null ? void 0 : o.assets) == null ? void 0 : a[0]) == null ? void 0 : r.backgroundColor);
     if (p) return p;
   }
 }
@@ -239,27 +251,27 @@ const dt = bt(null), Nt = ({
   initialSelections: e = [],
   maxSelections: n,
   currency: o = "€",
-  stakePresets: s = [5, 10, 20],
+  stakePresets: a = [5, 10, 20],
   ctaUrlTemplate: r,
   onExternalRemove: l,
-  sharedOddsMap: a,
+  sharedOddsMap: s,
   children: p
 }) => {
-  const { t: c } = R(), [u, m] = L(e), [d, b] = L(""), [f, g] = L(!0), y = xt();
-  B(() => {
+  const { t: c } = R(), [h, m] = k(e), [d, b] = k(""), [f, g] = k(!0), y = xt();
+  T(() => {
     m(e);
   }, [JSON.stringify(e)]);
-  const x = q(() => {
-    if (!a) return !1;
-    const C = a.values().next().value;
+  const x = J(() => {
+    if (!s) return !1;
+    const C = s.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(
+  }, [s]), v = J(() => {
+    const C = Ot(h, c, t.outcomeLabels);
+    return s ? Wt(C, s) : C;
+  }, [h, s, c, t.outcomeLabels]), S = $t(v), w = s ? Ft(s) : void 0, I = s ? Ht(s, y) : void 0, O = s ? Pt(s) : void 0, F = M(
     (C) => {
       m(
-        (F) => F.filter((z) => `${z.eventId}:${z.market}:${z.outcome}` !== C)
+        (H) => H.filter((z) => `${z.eventId}:${z.market}:${z.outcome}` !== C)
       ), l == null || l(C);
     },
     [l]
@@ -269,7 +281,7 @@ const dt = bt(null), Nt = ({
     {
       value: {
         labels: t,
-        selectionInputs: u,
+        selectionInputs: h,
         selections: v,
         combStake: d,
         open: f,
@@ -277,32 +289,32 @@ const dt = bt(null), Nt = ({
         oddsReady: x,
         conflictIds: S,
         currency: o,
-        stakePresets: s,
+        stakePresets: a,
         ctaUrlTemplate: r,
         maxSelections: n,
         bookmakerLogoUrl: w,
-        bookmakerHomepageUrl: E,
-        bookmakerBackgroundColor: I,
-        onRemove: U,
+        bookmakerHomepageUrl: I,
+        bookmakerBackgroundColor: O,
+        onRemove: F,
         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";
+  const e = St(), n = wt(), a = 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,
+    s3: a ? e.surfaceVariant : e.onSurface,
     bdr: e.outlineEnabledBorder,
     t1: e.textPrimary,
     t2: e.textSecondary,
@@ -321,7 +333,7 @@ const Q = ({
   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 = {
+  const { labels: a, selections: r, open: l, setOpen: s, maxSelections: p, bookmakerLogoUrl: c } = _(), { t: h } = R(), m = L(), d = E(), 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",
@@ -335,7 +347,7 @@ const Q = ({
     justifyContent: "center",
     transition: "background .15s"
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -353,7 +365,7 @@ const Q = ({
         fontFamily: t.font
       },
       children: [
-        /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center" }, children: [
           y ? /* @__PURE__ */ i(
             "img",
             {
@@ -379,10 +391,10 @@ const Q = ({
                 letterSpacing: "-0.5px",
                 color: "#fff"
               },
-              children: s.title || u("betslip.title")
+              children: a.title || h("betslip.title")
             }
           ),
-          r.length > 0 && p != null && /* @__PURE__ */ h(
+          r.length > 0 && p != null && /* @__PURE__ */ u(
             "span",
             {
               style: {
@@ -403,19 +415,19 @@ const Q = ({
           "button",
           {
             style: x,
-            onClick: () => a(!l),
+            onClick: () => s(!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" } })
+            children: l ? /* @__PURE__ */ i(_t, { sx: { fontSize: "1.125em", color: "inherit" } }) : /* @__PURE__ */ i(kt, { sx: { fontSize: "1.125em", color: "inherit" } })
           }
         )
       ]
     }
   );
 }, Z = ({ tokens: t }) => {
-  const { t: e } = R(), n = _(), o = D();
-  return /* @__PURE__ */ h(
+  const { t: e } = R(), n = L(), o = W();
+  return /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -454,12 +466,12 @@ const Q = ({
   );
 };
 function Mt(t, e, n) {
-  const o = e.map((a) => a.selectionId).filter(Boolean).join(","), s = e[0], r = encodeURIComponent(
+  const o = e.map((s) => s.selectionId).filter(Boolean).join(","), a = 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) ?? "");
+  return t.replace(/\{selectionIds\}/g, encodeURIComponent(o)).replace(/\{currentUrl\}/g, r).replace(/\{stake\}/g, l).replace(/\{eventId\}/g, (a == null ? void 0 : a.eventId) ?? "").replace(/\{oddsDecimal\}/g, a ? String(a.odds) : "").replace(/\{market\}/g, (a == null ? void 0 : a.marketId) ?? "").replace(/\{outcome\}/g, (a == null ? void 0 : a.name) ?? "");
 }
-const Yt = O.a`
+const Yt = A.a`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -483,21 +495,21 @@ const Yt = O.a`
 }) => {
   const {
     labels: o,
-    ctaUrlTemplate: s,
+    ctaUrlTemplate: a,
     selections: r,
     combStake: l,
-    bookmakerLogoUrl: a,
+    bookmakerLogoUrl: s,
     bookmakerHomepageUrl: p
-  } = k(), { t: c } = R(), u = e || a, m = _(), d = T(), b = o.continueLabel || c("betslip.continueLabel"), f = (() => {
-    if (s)
+  } = _(), { t: c } = R(), h = e || s, m = L(), d = E(), b = o.continueLabel || c("betslip.continueLabel"), f = (() => {
+    if (a)
       return Mt(
-        s,
+        a,
         r,
         parseFloat(l) || 0
       );
     if (p) return p;
   })(), g = n || !f;
-  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ u(
     Yt,
     {
       href: g ? void 0 : f,
@@ -514,10 +526,10 @@ const Yt = O.a`
       },
       children: [
         /* @__PURE__ */ i("span", { children: b }),
-        u && /* @__PURE__ */ i(
+        h && /* @__PURE__ */ i(
           "img",
           {
-            src: u,
+            src: h,
             alt: "",
             style: {
               height: "20px",
@@ -534,21 +546,21 @@ const Yt = O.a`
     }
   ) });
 }, tt = ({ color: t }) => {
-  const e = D();
+  const e = W();
   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(
+  const { labels: n, selections: o, combStake: a, conflictIds: r, currency: l } = _(), { t: s } = R(), p = L(), c = o.filter(
     (g) => g.status === "active" || !g.status
-  ), u = lt(c), m = parseFloat(s) || 0, d = m * u, b = r.size > 0, f = {
+  ), h = lt(c), m = parseFloat(a) || 0, d = m * h, b = r.size > 0, f = {
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
     padding: "6px 0"
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -557,9 +569,9 @@ const Yt = O.a`
         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(
+        /* @__PURE__ */ u("div", { style: f, children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.6875em", color: t.t3 }, children: n.combinedOddsLabel || s("betslip.combinedOddsLabel") }),
+          /* @__PURE__ */ u(
             "span",
             {
               style: {
@@ -572,19 +584,19 @@ const Yt = O.a`
               },
               children: [
                 /* @__PURE__ */ i("span", { style: { fontSize: "0.5em", color: t.ok }, children: "▲" }),
-                u.toFixed(2)
+                h.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__ */ u("div", { style: f, children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: t.t1 }, children: n.totalStakeLabel || s("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__ */ u("div", { style: { ...f, borderBottom: "none", marginBottom: 10 }, children: [
+          /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: t.t1 }, children: n.potentialWinLabel || s("betslip.potentialWinLabel") }),
           /* @__PURE__ */ i(
             "span",
             {
@@ -611,22 +623,22 @@ const Yt = O.a`
 };
 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 o = `betslip.markets.${t}`, a = e(o);
+  if (a !== o) return a;
   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;
+    const l = r[2].charAt(0) + r[2].slice(1).toLowerCase(), s = `betslip.markets.${r[1].toUpperCase() === "OVER" ? "over" : "under"}${l}`, p = `${r[3]}.${r[4]}`, c = e(s, { line: p });
+    if (c !== s) return c;
   }
   return t.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (l) => l.toUpperCase());
 }
-const Xt = W`
+const Xt = U`
   from { opacity: 0; transform: translateX(8px); }
   to   { opacity: 1; transform: translateX(0); }
-`, Kt = W`
+`, Kt = U`
   from { transform: rotate(0deg); }
   to   { transform: rotate(360deg); }
-`, qt = O.div`
+`, qt = A.div`
   width: 12px;
   height: 12px;
   border-radius: 50%;
@@ -634,12 +646,12 @@ const Xt = W`
   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`
+`, 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 = A.div`
   animation: ${Xt} 0.18s ease;
-`, Zt = W`
+`, Zt = U`
   0%, 100% { opacity: 1; }
   50% { opacity: 0.2; }
-`, te = O.span`
+`, te = A.span`
   width: 5px;
   height: 5px;
   border-radius: 50%;
@@ -651,11 +663,11 @@ 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, {
+  const a = /* @__PURE__ */ new Date(), r = a.toDateString(), l = new Date(a.getTime() + 864e5).toDateString(), s = 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}`;
+  return o.toDateString() === r ? `${n("betslip.today")} ${s}` : o.toDateString() === l ? `${n("betslip.tomorrow")} ${s}` : `${o.toLocaleDateString(e, { month: "short", day: "numeric" })} ${s}`;
 }
 const et = ({
   logo: t,
@@ -712,8 +724,8 @@ const et = ({
     ) : /* @__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(
+  const o = L(), a = E(), [r, l] = Y.useState(!1);
+  return e ? /* @__PURE__ */ u(
     "div",
     {
       style: { position: "relative", display: "inline-flex" },
@@ -753,7 +765,7 @@ const et = ({
               fontSize: "0.6875em",
               fontWeight: 500,
               padding: `${o["2xs"]} ${o.xs}`,
-              borderRadius: s.xs,
+              borderRadius: a.xs,
               whiteSpace: "nowrap",
               zIndex: 10,
               pointerEvents: "none",
@@ -775,7 +787,7 @@ const et = ({
   score: t,
   tokens: e
 }) => {
-  const n = _(), o = T();
+  const n = L(), o = E();
   return /* @__PURE__ */ i(
     "span",
     {
@@ -800,36 +812,36 @@ const et = ({
   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: [
+  const { labels: n, oddsLoading: o } = _(), { t: a } = R(), { status: r, odds: l, movement: s } = t;
+  return r === "settled_won" ? /* @__PURE__ */ u("span", { style: { color: e.ok, fontSize: "0.8125em", fontWeight: 700 }, children: [
     "✓ ",
-    s("betslip.settledWon")
-  ] }) : r === "settled_lost" ? /* @__PURE__ */ h(
+    a("betslip.settledWon")
+  ] }) : r === "settled_lost" ? /* @__PURE__ */ u(
     "span",
     {
       style: { color: e.bad, fontSize: "0.8125em", fontWeight: 700 },
       children: [
         "✗ ",
-        s("betslip.settledLost")
+        a("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(
+  ) : r === "settled_void" ? /* @__PURE__ */ i("span", { style: { fontSize: "0.8125em", fontWeight: 700, color: e.t3 }, children: a("betslip.settledVoid") }) : r === "suspended" ? /* @__PURE__ */ i("span", { style: { fontSize: "0.75em", fontWeight: 600, color: e.warn }, children: n.suspendedLabel || a("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 || a("betslip.oddsUnavailableLabel") }) : /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
+    s && /* @__PURE__ */ i(
       "span",
       {
         style: {
           fontSize: "0.5625em",
-          color: a === "UP" ? e.ok : e.bad,
+          color: s === "UP" ? e.ok : e.bad,
           lineHeight: 1
         },
-        children: a === "UP" ? "▲" : "▼"
+        children: s === "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(
+  const { onRemove: o, labels: a } = _(), { t: r, i18n: l } = R(), s = L(), p = E(), c = W(), [h, m] = Y.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__ */ u(
     Qt,
     {
       style: {
@@ -846,19 +858,19 @@ const et = ({
         }
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ u(
           "div",
           {
             style: {
               display: "flex",
               justifyContent: "space-between",
               alignItems: "flex-start",
-              gap: a.xs,
-              marginBottom: a["3xs"],
-              ...n && { paddingLeft: a.xs }
+              gap: s.xs,
+              marginBottom: s["3xs"],
+              ...n && { paddingLeft: s.xs }
             },
             children: [
-              /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+              /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
                 t.athlete && /* @__PURE__ */ i(
                   ne,
                   {
@@ -879,7 +891,7 @@ const et = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ u(
                 "div",
                 {
                   style: {
@@ -898,10 +910,10 @@ const et = ({
                         onMouseLeave: () => m(!1),
                         title: "Remove",
                         style: {
-                          background: u ? "rgba(239,68,68,.08)" : "none",
+                          background: h ? "rgba(239,68,68,.08)" : "none",
                           border: "none",
                           cursor: "pointer",
-                          color: u ? e.bad : e.t2,
+                          color: h ? e.bad : e.t2,
                           fontSize: "0.8125em",
                           padding: "3px 5px",
                           borderRadius: p.xs,
@@ -928,7 +940,7 @@ const et = ({
               marginBottom: 6,
               ...n && { paddingLeft: 8 }
             },
-            children: Gt(t.market, r, s.marketLabels)
+            children: Gt(t.market, r, a.marketLabels)
           }
         ),
         /* @__PURE__ */ i(
@@ -940,14 +952,14 @@ const et = ({
               padding: "7px 10px",
               marginTop: 6
             },
-            children: /* @__PURE__ */ h(
+            children: /* @__PURE__ */ u(
               "div",
               {
                 style: {
                   display: "flex",
                   alignItems: "stretch",
                   gap: 10,
-                  padding: n ? `0 ${a.sm}` : 0
+                  padding: n ? `0 ${s.sm}` : 0
                 },
                 children: [
                   /* @__PURE__ */ i(
@@ -959,14 +971,14 @@ const et = ({
                         display: "flex",
                         alignItems: "center"
                       },
-                      children: /* @__PURE__ */ h(
+                      children: /* @__PURE__ */ u(
                         "div",
                         {
                           style: {
                             display: "grid",
                             gridTemplateColumns: b ? "auto minmax(0, auto) auto" : "auto minmax(0, auto)",
                             columnGap: 6,
-                            rowGap: a["2xs"],
+                            rowGap: s["2xs"],
                             alignItems: "center"
                           },
                           children: [
@@ -1019,7 +1031,7 @@ const et = ({
                       )
                     }
                   ),
-                  (t.matchStatus === "inprogress" || d || t.competition) && /* @__PURE__ */ h(
+                  (t.matchStatus === "inprogress" || d || t.competition) && /* @__PURE__ */ u(
                     "div",
                     {
                       style: {
@@ -1031,7 +1043,7 @@ const et = ({
                         alignItems: "flex-end"
                       },
                       children: [
-                        t.matchStatus === "inprogress" ? /* @__PURE__ */ h(
+                        t.matchStatus === "inprogress" ? /* @__PURE__ */ u(
                           "span",
                           {
                             style: {
@@ -1088,8 +1100,8 @@ const et = ({
   tokens: t,
   isSide: e
 }) => {
-  const { labels: n, selections: o, conflictIds: s } = k(), { t: r } = R();
-  return /* @__PURE__ */ h(N, { children: [
+  const { labels: n, selections: o, conflictIds: a } = _(), { t: r } = R();
+  return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(
       at,
       {
@@ -1121,7 +1133,7 @@ const et = ({
           maxHeight: e ? "none" : 300,
           background: t.s1
         },
-        children: o.length === 0 ? /* @__PURE__ */ h(
+        children: o.length === 0 ? /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -1151,14 +1163,14 @@ const et = ({
           {
             sel: l,
             tokens: t,
-            isConflict: s.has(l.id)
+            isConflict: a.has(l.id)
           },
           l.id
         ))
       }
     )
   ] });
-}, ae = O.button`
+}, ae = A.button`
   background: ${({ primary: t }) => t};
   color: #fff;
   border: none;
@@ -1173,17 +1185,17 @@ const et = ({
   const {
     labels: n,
     selections: o,
-    combStake: s,
+    combStake: a,
     setCombStake: r,
     conflictIds: l,
-    currency: a,
+    currency: s,
     stakePresets: p
-  } = k(), { t: c } = R(), u = _(), m = T(), d = D(), b = o.filter(
+  } = _(), { t: c } = R(), h = L(), m = E(), d = W(), 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) => {
+  ), f = lt(b), g = parseFloat(a) || 0, y = g * f, x = l.size > 0, v = (w) => {
     r(String(w));
-  }, S = M.useRef(null);
-  return /* @__PURE__ */ h(N, { children: [
+  }, S = Y.useRef(null);
+  return /* @__PURE__ */ u(j, { children: [
     /* @__PURE__ */ i(
       at,
       {
@@ -1203,14 +1215,14 @@ const et = ({
       "div",
       {
         style: {
-          padding: `${u.sm} 14px`,
+          padding: `${h.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(
+        children: /* @__PURE__ */ u(j, { children: [
+          b.length > 0 && /* @__PURE__ */ u(
             "div",
             {
               style: {
@@ -1219,17 +1231,17 @@ const et = ({
                 fontSize: "0.75em",
                 color: t.t2,
                 padding: "3px 0",
-                paddingBottom: u.xs
+                paddingBottom: h.xs
               },
               children: [
                 /* @__PURE__ */ i("span", { children: n.combinedOddsLabel || c("betslip.combinedOddsLabel") }),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ u(
                   "span",
                   {
                     style: {
                       display: "flex",
                       alignItems: "center",
-                      gap: u["2xs"],
+                      gap: h["2xs"],
                       fontSize: "0.8125em",
                       fontWeight: 600,
                       color: t.t1
@@ -1243,7 +1255,7 @@ const et = ({
               ]
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ u(
             "div",
             {
               style: {
@@ -1268,7 +1280,7 @@ const et = ({
                     type: "number",
                     min: "0",
                     step: "1",
-                    value: s,
+                    value: a,
                     onChange: (w) => r(w.target.value),
                     placeholder: "0",
                     onFocus: (w) => w.currentTarget.style.borderColor = t.primary,
@@ -1308,8 +1320,8 @@ const et = ({
               ]
             }
           ),
-          /* @__PURE__ */ h("div", { style: { marginBottom: 10 }, children: [
-            /* @__PURE__ */ h(
+          /* @__PURE__ */ u("div", { style: { marginBottom: 10 }, children: [
+            /* @__PURE__ */ u(
               "div",
               {
                 style: {
@@ -1322,11 +1334,11 @@ const et = ({
                 },
                 children: [
                   /* @__PURE__ */ i("span", { children: n.totalStakeLabel || c("betslip.totalStakeLabel") }),
-                  /* @__PURE__ */ i("span", { children: g > 0 ? `${g.toFixed(2)}${a}` : "—" })
+                  /* @__PURE__ */ i("span", { children: g > 0 ? `${g.toFixed(2)}${s}` : "—" })
                 ]
               }
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ u(
               "div",
               {
                 style: {
@@ -1368,9 +1380,9 @@ const et = ({
                 fontSize: "0.625em",
                 color: t.t3,
                 textAlign: "center",
-                marginTop: u.xs,
+                marginTop: h.xs,
                 lineHeight: 1.5,
-                padding: `0 ${u["3xs"]}`
+                padding: `0 ${h["3xs"]}`
               },
               children: n.disclaimer
             }
@@ -1381,20 +1393,20 @@ const et = ({
   ] });
 };
 function se(t, e) {
-  const [n, o] = L([]), [s, r] = L((e == null ? void 0 : e.length) > 0);
-  return B(() => {
+  const [n, o] = k([]), [a, r] = k((e == null ? void 0 : e.length) > 0);
+  return T(() => {
     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 = p.split(":"), h = c[c.length - 1], m = c[c.length - 2];
+      return { eventId: c.slice(0, c.length - 2).join(":"), market: m, outcome: h };
+    }), s = [...new Set(l.map((p) => p.eventId))];
+    r(!0), t.football.getMatches({ matchIds: s }).then((p) => {
       const c = new Map(
         p.data.map((m) => [m.id, m])
-      ), u = l.flatMap(
+      ), h = l.flatMap(
         ({ eventId: m, market: d, outcome: b }) => {
           var g, y, x, v, S;
           const f = c.get(m);
@@ -1421,52 +1433,57 @@ function se(t, e) {
           ] : [];
         }
       );
-      o(u);
+      o(h);
     }).catch(() => o([])).finally(() => r(!1));
-  }, [JSON.stringify(e)]), { selectionInputs: n, loading: s };
+  }, [JSON.stringify(e)]), { selectionInputs: n, loading: a };
 }
-const le = W`
+const le = U`
   from { transform: translateY(100%); opacity: 0; }
   to   { transform: translateY(0);    opacity: 1; }
-`, ce = W`
+`, ce = U`
   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`
+const pe = A.div`
   position: fixed;
   z-index: 999;
   animation: ${({ pos: t }) => de(t)} 0.22s ease;
-`, A = 320, rt = 340;
+`, D = 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 };
+  return t === "bottom-right" ? { bottom: 16, right: 16, width: D } : t === "bottom-left" ? { bottom: 16, left: 16, width: D } : t === "top-right" ? { top: 16, right: 16, width: D } : t === "top-left" ? { top: 16, left: 16, width: D } : { bottom: 16, right: 16, width: D };
 }
-const fe = ({ props: t }) => {
-  var E, I, U, C, F, z, Y, V, G, X;
+const fe = () => {
+  const { selectionInputs: t, combStake: e, selections: n } = _(), o = parseFloat(e) || 0, a = n.length ? n.reduce((r, l) => r * l.odds, 1) : 0;
+  return T(() => {
+    N._notify({ selections: t, stake: o, totalOdds: a });
+  }, [t, o, a]), T(() => () => N._notify({ selections: [], stake: 0, totalOdds: 0 }), []), null;
+}, ue = ({ props: t }) => {
+  var I, O, F, C, H, z, V, G, X, K;
   const { position: e = "bottom-right", brandingLogoUrl: n } = t, {
     open: o,
-    setOpen: s,
+    setOpen: a,
     conflictIds: r,
     selections: l,
-    maxSelections: a,
+    maxSelections: s,
     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(
+    oddsReady: h
+  } = _(), m = ((H = (C = (F = (O = (I = t.themeOptions) == null ? void 0 : I.colorSchemes) == null ? void 0 : O.light) == null ? void 0 : F.palette) == null ? void 0 : C.primary) == null ? void 0 : H.plainColor) != null || ((K = (X = (G = (V = (z = t.themeOptions) == null ? void 0 : z.colorSchemes) == null ? void 0 : V.dark) == null ? void 0 : G.palette) == null ? void 0 : X.primary) == null ? void 0 : K.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;
+  ), b = E(), f = W(), g = e.startsWith("side"), y = e === "top-right" || e === "top-left", x = r.size > 0, { t: v } = R();
+  if (!h) 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(
+    const $ = e === "side-right", P = $ ? "right" : "left", q = n || p, mt = o ? rt : 0, ft = o ? "translateX(0)" : `translateX(${$ ? "100%" : "-100%"})`;
+    return /* @__PURE__ */ u(
       "div",
       {
         style: {
           position: "fixed",
           top: 0,
-          [H]: 0,
+          [P]: 0,
           zIndex: 999,
           height: "100vh",
           width: 0,
@@ -1474,16 +1491,16 @@ const fe = ({ props: t }) => {
           overflow: "visible"
         },
         children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ u(
             "div",
             {
               style: {
                 position: "absolute",
-                [H]: mt,
+                [P]: mt,
                 top: "33%",
                 transform: "translateY(-50%)",
                 pointerEvents: "all",
-                transition: `${H} 0.3s ease`,
+                transition: `${P} 0.3s ease`,
                 display: "flex",
                 flexDirection: "column",
                 alignItems: "center",
@@ -1493,7 +1510,7 @@ const fe = ({ props: t }) => {
                 /* @__PURE__ */ i(
                   "button",
                   {
-                    onClick: () => s(!o),
+                    onClick: () => a(!o),
                     title: v(o ? "betslip.hide" : "betslip.show"),
                     style: {
                       position: "relative",
@@ -1510,10 +1527,10 @@ const fe = ({ props: t }) => {
                       overflow: "hidden",
                       padding: 0
                     },
-                    children: K ? /* @__PURE__ */ i(
+                    children: q ? /* @__PURE__ */ i(
                       "img",
                       {
-                        src: K,
+                        src: q,
                         alt: "brand",
                         style: {
                           position: "absolute",
@@ -1525,7 +1542,7 @@ const fe = ({ props: t }) => {
                           transform: `translate(-50%, -50%) rotate(${$ ? "-90" : "90"}deg)`
                         }
                       }
-                    ) : /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+                    ) : /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
                       /* @__PURE__ */ i(
                         "div",
                         {
@@ -1562,7 +1579,7 @@ const fe = ({ props: t }) => {
                     ] })
                   }
                 ),
-                !o && a != null && /* @__PURE__ */ h(
+                !o && s != null && /* @__PURE__ */ u(
                   "div",
                   {
                     style: {
@@ -1579,20 +1596,20 @@ const fe = ({ props: t }) => {
                     children: [
                       l.length,
                       "/",
-                      a
+                      s
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ u(
             "div",
             {
               style: {
                 position: "absolute",
                 top: 0,
-                [H]: 0,
+                [P]: 0,
                 width: rt,
                 height: "100%",
                 transform: ft,
@@ -1615,7 +1632,7 @@ const fe = ({ props: t }) => {
                   }
                 ),
                 x && /* @__PURE__ */ i(Z, { tokens: d }),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ u(
                   "div",
                   {
                     style: {
@@ -1651,7 +1668,7 @@ const fe = ({ props: t }) => {
         outline: `${f.size} solid ${d.primary}`,
         ...w
       },
-      children: /* @__PURE__ */ h(
+      children: /* @__PURE__ */ u(
         "div",
         {
           style: {
@@ -1678,7 +1695,7 @@ const fe = ({ props: t }) => {
                 brandingLogoUrl: n
               }
             ),
-            o && /* @__PURE__ */ h(
+            o && /* @__PURE__ */ u(
               "div",
               {
                 style: {
@@ -1699,8 +1716,8 @@ const fe = ({ props: t }) => {
       )
     }
   );
-}, ue = (t) => {
-  const [e, n] = L([]), { selectionInputs: o, loading: s } = se(
+}, he = (t) => {
+  const [e, n] = k([]), { selectionInputs: o, loading: a } = se(
     t.sdk,
     e
   ), r = o.filter(
@@ -1709,8 +1726,8 @@ const fe = ({ props: t }) => {
     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(":");
+  ), s = M((c) => {
+    const h = c.split(":"), m = h[h.length - 2], d = h.slice(0, h.length - 2).join(":");
     n((b) => {
       const f = b.findIndex((g) => {
         const y = g.split(":");
@@ -1722,12 +1739,12 @@ const fe = ({ props: t }) => {
       }
       return [...b, c];
     });
-  }, []), p = j((c) => {
-    n((u) => u.filter((m) => m !== c));
+  }, []), p = M((c) => {
+    n((h) => h.filter((m) => m !== c));
   }, []);
-  return B(() => {
+  return T(() => {
     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(
+  }, [o, p]), T(() => (N._mount({ setSelection: s, removeSelection: p }), () => N._unmount()), [s, p]), !e.length || !r.length && a ? null : /* @__PURE__ */ u(
     Nt,
     {
       labels: t.labels,
@@ -1738,10 +1755,13 @@ const fe = ({ props: t }) => {
       ctaUrlTemplate: t.ctaUrlTemplate,
       onExternalRemove: p,
       sharedOddsMap: l,
-      children: /* @__PURE__ */ i(fe, { props: t })
+      children: [
+        /* @__PURE__ */ i(fe, {}),
+        /* @__PURE__ */ i(ue, { props: t })
+      ]
     }
   );
-}, Ce = (t) => /* @__PURE__ */ i(
+}, Re = (t) => /* @__PURE__ */ i(
   Ct,
   {
     packageName: "betslip",
@@ -1749,10 +1769,10 @@ const fe = ({ props: t }) => {
     themeOptions: t.themeOptions,
     sdk: t.sdk,
     entityId: "",
-    children: /* @__PURE__ */ i(ue, { ...t })
+    children: /* @__PURE__ */ i(he, { ...t })
   }
 );
 export {
-  Ce as M,
-  J as b
+  Re as M,
+  N as b
 };