@streamlayer/react 1.23.2 → 1.24.1

package/lib/es/masters2.js

@@ -1,343 +1,324 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { s as styled_default, u as useStore, A as A$1, c as cx_default, a as NotificationType, R as R$1, D as D$1 } from "./sl-types.js";
-import i$5 from "lodash.throttle";
-import { useRef, useState, useEffect, createContext, useContext, lazy, useMemo, Suspense, forwardRef, useLayoutEffect, useCallback, Component } from "react";
-import { f as f$3, b, A as A$2 } from "./analytics.js";
-import { k as k$2, z as z$3, T, I as I$4, c as createSingleStore, t as tn, f as f$5, w as w$1, D, p as p$4 } from "./index16.js";
-import { c as c$3, m as m$3 } from "./theme.js";
-import { n as nr } from "./index4.js";
-import { F as FeatureStatus } from "./feature.js";
-import { e as ee, t as te, S as S$1, f as f$4 } from "./index11.js";
-import { y as y$3, d as d$2, x as x$1, a as a$2 } from "./index10.js";
-import { Q as QuestionType, S as SdkOverlayType } from "./useStreamLayerApp2.js";
-import { B as B1 } from "./index6.js";
-import { createPortal } from "react-dom";
-import { e as eventBus } from "./index3.js";
+import { jsx as n, jsxs as f, Fragment as I } from "react/jsx-runtime";
+import { s as d, u as p, c as S, N as T } from "./sl-types.js";
+import D from "lodash.throttle";
+import { useRef as g, useState as L, useEffect as E, createContext as J, useContext as U, useMemo as _, Suspense as e2, lazy as s2, forwardRef as t2, useLayoutEffect as n2, useCallback as b, Component as r2 } from "react";
+import { A as h, R as o2 } from "./index9.js";
+import { f as G, A as M, a as Q } from "./analytics.js";
+import { Q as i2, z as a2, T as K, I as l2, c as c2, n as d2, f as C2, w as B, a as p2, p as u2 } from "./index16.js";
+import { m as A } from "./theme.js";
+import { a as m2 } from "./index4.js";
+import { F as f2 } from "./feature.js";
+import "nanostores";
+import { Q as E2, Z as L2, y as h2, f as O } from "./index14.js";
+import { O as g2, d as S2, f as _2, a as N2 } from "./index13.js";
+import { Q as T2, S as N } from "./useStreamLayerApp2.js";
+import { B as x } from "./index8.js";
+import { createPortal as I2 } from "react-dom";
+import { e as v2 } from "./index3.js";
 import "./storage.js";
-import { e as e$3 } from "./index12.js";
-import { q as q$1, j as j$1, i as i$6, Y } from "./hooks-WfHlJH12.js";
-const o$1 = /* @__PURE__ */ styled_default("div")({
+import { e as R2 } from "./index11.js";
+import { V as A2, g as y2, i as k2, j as D2 } from "./hooks-n9ax4LRT.js";
+const b2 = /* @__PURE__ */ d("div")({
   name: "SDKContainer",
   class: "s8zgqze",
-  propsAsIs: false
-}), t$1 = "m6t897k", r$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), O2 = "m6t897k", F2 = /* @__PURE__ */ d("div")({
   name: "SDKScrollContainer",
   class: "sw7pkvp",
-  propsAsIs: false
-}), n$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Z = /* @__PURE__ */ d("div")({
   name: "SDKContentContainer",
   class: "s14gkn7u",
-  propsAsIs: false
-}), e$2 = () => n$3, i$4 = /* @__PURE__ */ styled_default(e$2())({
+  propsAsIs: !1
+}), B2 = () => Z, V2 = /* @__PURE__ */ d(B2())({
   name: "SDKWhiteContainer",
   class: "s1yxstm9",
-  propsAsIs: true
-}), p$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), w2 = /* @__PURE__ */ d("div")({
   name: "TabsContainer",
   class: "tdpty1s",
-  propsAsIs: false
-}), l$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), $2 = /* @__PURE__ */ d("div")({
   name: "UserSummaryContainer",
   class: "u136a59y",
-  propsAsIs: false
-});
-const y$2 = (e2, i2, o2) => {
-  var t2;
-  (t2 = e2.current) == null || t2.scrollTo({
+  propsAsIs: !1
+}), z = (s, e, t) => {
+  s.current?.scrollTo({
     top: 0,
-    ...o2
+    ...t
   });
-}, P = 15, z$2 = (e2, i2, o2) => {
-  const t2 = useRef(null), c2 = useRef(0), [s] = useState(
-    f$3({
+}, P2 = 15, H2 = (s, e, t) => {
+  const r = g(null), o = g(0), [a] = L(
+    G({
       scrollPosition: 0,
-      tabsShown: false,
+      tabsShown: !1,
       scrollDirection: "forward"
     })
-  ), a2 = useStore(i2);
-  return useEffect(() => {
-    const n3 = window.innerWidth < A$1.lg && !o2 ? window : t2.current;
-    if (!n3)
+  ), i = p(e);
+  return E(() => {
+    const l = window.innerWidth < h.lg && !t ? window : r.current;
+    if (!l)
       return () => {
       };
-    const l2 = i$5((p2) => {
-      var u;
-      const f2 = p2.target;
-      if (!f2)
+    const u = D((m) => {
+      const C = m.target;
+      if (!C)
         return;
-      let r2 = 0;
-      a2.screen.size < A$1.lg && !o2 ? r2 = ((u = e2.current) == null ? void 0 : u.getBoundingClientRect().y) || 0 : r2 = f2.scrollTop;
-      const w2 = c2.current - r2;
-      if (P > Math.abs(w2))
+      let c = 0;
+      i.screen.size < h.lg && !t ? c = s.current?.getBoundingClientRect().y || 0 : c = C.scrollTop;
+      const v = o.current - c;
+      if (P2 > Math.abs(v))
         return;
-      const S2 = c2.current < r2 ? "forward" : "backward";
-      c2.current = r2, s.set({
-        scrollPosition: Math.round(r2),
-        scrollDirection: S2,
-        tabsShown: s.get().tabsShown
+      const R = o.current < c ? "forward" : "backward";
+      o.current = c, a.set({
+        scrollPosition: Math.round(c),
+        scrollDirection: R,
+        tabsShown: a.get().tabsShown
       });
     }, 200);
-    return l2({ target: n3 }), n3.addEventListener("scroll", l2), () => {
-      n3.removeEventListener("scroll", l2);
+    return u({ target: l }), l.addEventListener("scroll", u), () => {
+      l.removeEventListener("scroll", u);
     };
-  }, [s, e2, a2.screen, o2]), [t2, s];
-};
-const i$3 = /* @__PURE__ */ styled_default("div")({
+  }, [a, s, i.screen, t]), [r, a];
+}, y = /* @__PURE__ */ d("div")({
   name: "LoadingContainer",
   class: "l7wseip",
-  propsAsIs: false
-}), v$1 = ({
-  feature: n3,
-  sdk: s,
-  children: a2,
-  className: r2,
-  noWait: d2
+  propsAsIs: !1
+}), U2 = ({
+  feature: s,
+  sdk: e,
+  children: t,
+  className: r,
+  noWait: o
 }) => {
-  const f2 = useStore(n3.status), t2 = useStore(s.sdkStore.slStreamId);
-  if (!d2) {
-    if (t2 != null && t2.loading && !t2.data)
-      return /* @__PURE__ */ jsx(i$3, {
-        className: r2,
+  const a = p(s.status), i = p(e.sdkStore.slStreamId);
+  if (!o) {
+    if (i?.loading && !i.data)
+      return /* @__PURE__ */ n(y, {
+        className: r,
         children: "Event is loading..."
       });
-    if (!(t2 != null && t2.data))
-      return /* @__PURE__ */ jsx(i$3, {
-        className: r2,
+    if (!i?.data)
+      return /* @__PURE__ */ n(y, {
+        className: r,
         children: "Event is forbidden..."
       });
-    if (f2 !== FeatureStatus.Ready)
-      return /* @__PURE__ */ jsx(i$3, {
-        className: r2,
+    if (a !== f2.Ready)
+      return /* @__PURE__ */ n(y, {
+        className: r,
         children: "Wait feature..."
       });
   }
-  return a2;
-};
-const o = createContext({
+  return t;
+}, Y = J({
   sdk: null
-}), n$2 = () => useContext(o);
-const h$3 = /* @__PURE__ */ styled_default("div")({
+}), F = () => U(Y), G2 = /* @__PURE__ */ d("div")({
   name: "QuestionContainer",
   class: "qwgkhsv",
-  propsAsIs: false
-}), x = ({
-  openedQuestion: t2
+  propsAsIs: !1
+}), M2 = ({
+  openedQuestion: s
 }) => {
-  var o2, s;
   const {
-    sdk: r2
-  } = n$2();
-  return ((o2 = t2 == null ? void 0 : t2.attributes) == null ? void 0 : o2.attributes.case) === "insight" ? /* @__PURE__ */ jsx(x$1, {
-    ...t2.attributes.attributes.value,
-    controlVideo: r2 == null ? void 0 : r2.controlVideoPlayer
-  }) : ((s = t2 == null ? void 0 : t2.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ jsx(a$2, {
-    ...t2.attributes.attributes.value,
-    controlVideo: r2 == null ? void 0 : r2.controlVideoPlayer
+    sdk: e
+  } = F();
+  return s?.attributes?.attributes.case === "insight" ? /* @__PURE__ */ n(_2, {
+    ...s.attributes.attributes.value,
+    controlVideo: e?.controlVideoPlayer
+  }) : s?.attributes?.attributes.case === "tweet" ? /* @__PURE__ */ n(N2, {
+    ...s.attributes.attributes.value,
+    controlVideo: e?.controlVideoPlayer
   }) : null;
-}, d$1 = ({
-  extendedQuestion: t2,
-  vote: r2,
-  close: o2
+}, Q2 = ({
+  extendedQuestion: s,
+  vote: e,
+  close: t
 }) => {
   const {
-    loading: s,
-    data: i2
-  } = t2;
-  return i2 ? /* @__PURE__ */ jsx(ee, {
-    vote: r2,
-    close: o2,
-    openedQuestion: i2,
-    isLoading: !!s,
-    mastersApp: true
-  }) : /* @__PURE__ */ jsx(te, {});
-}, H = ({
-  gamification: t2
+    loading: r,
+    data: o
+  } = s;
+  return o ? /* @__PURE__ */ n(E2, {
+    vote: e,
+    close: t,
+    openedQuestion: o,
+    isLoading: !!r,
+    mastersApp: !0
+  }) : /* @__PURE__ */ n(L2, {});
+}, K2 = ({
+  gamification: s
 }) => {
-  var i2;
-  const r2 = useStore(t2.openedQuestion.$store), o2 = useStore(t2.openedQuestion.$extendedStore);
-  if (!r2)
+  const e = p(s.openedQuestion.$store), t = p(s.openedQuestion.$extendedStore);
+  if (!e)
     return null;
-  const s = r2.type;
-  return /* @__PURE__ */ jsxs(h$3, {
-    children: [/* @__PURE__ */ jsx(y$3, {
-      close: t2.closeQuestion,
-      type: ((i2 = r2.attributes) == null ? void 0 : i2.type) || QuestionType.UNSET,
-      mastersApp: true
-    }), s === "question" && /* @__PURE__ */ jsx(d$1, {
-      vote: t2.submitAnswer,
-      close: t2.closeQuestion,
-      extendedQuestion: o2
-    }), s !== "question" && /* @__PURE__ */ jsx(x, {
-      openedQuestion: r2
-    }), /* @__PURE__ */ jsx(d$2, {
-      mastersApp: true
+  const r = e.type;
+  return /* @__PURE__ */ f(G2, {
+    children: [/* @__PURE__ */ n(g2, {
+      close: s.closeQuestion,
+      type: e.attributes?.type || T2.UNSET,
+      mastersApp: !0
+    }), r === "question" && /* @__PURE__ */ n(Q2, {
+      vote: s.submitAnswer,
+      close: s.closeQuestion,
+      extendedQuestion: t
+    }), r !== "question" && /* @__PURE__ */ n(M2, {
+      openedQuestion: e
+    }), /* @__PURE__ */ n(S2, {
+      mastersApp: !0
     })]
   });
-};
-const a$1 = ({ store: t2, openQuestion: r2 }) => {
-  const { sdk: o2 } = n$2(), e2 = useStore(t2);
-  return /* @__PURE__ */ jsx(k$2, { openQuestion: r2, questions: e2.data, controlVideo: o2 == null ? void 0 : o2.controlVideoPlayer });
-};
-const n$1 = ({ userSummary: o2 }) => {
-  var t2;
-  const r2 = useStore(o2.$store);
-  return /* @__PURE__ */ jsx(
-    z$3,
+}, x2 = ({ store: s, openQuestion: e }) => {
+  const { sdk: t } = F(), r = p(s);
+  return /* @__PURE__ */ n(i2, { openQuestion: e, questions: r.data, controlVideo: t?.controlVideoPlayer });
+}, Z2 = ({ userSummary: s }) => {
+  const e = p(s.$store);
+  return /* @__PURE__ */ n(
+    a2,
     {
-      hideFriendsRank: true,
-      loading: !(r2 != null && r2.summary),
-      ...r2 == null ? void 0 : r2.summary,
-      successRate: (t2 = r2 == null ? void 0 : r2.percentage) == null ? void 0 : t2.correct
+      hideFriendsRank: !0,
+      loading: !e?.summary,
+      ...e?.summary,
+      successRate: e?.percentage?.correct
     }
   );
-};
-const h$2 = ({ gamification: r2, className: t2, style: o2 }) => /* @__PURE__ */ jsxs(p$3, { className: t2, style: o2, children: [
-  /* @__PURE__ */ jsx(i$4, { style: { paddingTop: "16px" }, children: /* @__PURE__ */ jsx(l$3, { children: /* @__PURE__ */ jsx(n$1, { userSummary: r2.userSummary }) }) }),
-  /* @__PURE__ */ jsx(n$3, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(a$1, { openQuestion: r2.openQuestion, store: r2.feedList.getStore() }) })
-] });
-const k$1 = () => f$4, h$1 = /* @__PURE__ */ styled_default(k$1())({
+}, z2 = ({ gamification: s, className: e, style: t }) => /* @__PURE__ */ f(w2, { className: e, style: t, children: [
+  /* @__PURE__ */ n(V2, { style: { paddingTop: "16px" }, children: /* @__PURE__ */ n($2, { children: /* @__PURE__ */ n(Z2, { userSummary: s.userSummary }) }) }),
+  /* @__PURE__ */ n(Z, { style: { flex: 1 }, children: /* @__PURE__ */ n(x2, { openQuestion: s.openQuestion, store: s.feedList.getStore() }) })
+] }), Y2 = () => O, q2 = /* @__PURE__ */ d(Y2())({
   name: "OpenedContainer",
   class: "o1seszvt",
-  propsAsIs: true
-}), C = ({
-  gamification: o2,
-  className: n3
-}) => /* @__PURE__ */ jsx(h$2, {
-  className: n3,
-  gamification: o2
-}), I$3 = `
+  propsAsIs: !0
+}), d1 = ({
+  gamification: s,
+  className: e
+}) => /* @__PURE__ */ n(z2, {
+  className: e,
+  gamification: s
+}), j2 = `
   .SDKContainer {
     position: static !important;
   }
-`, G$1 = ({
-  gamification: o2,
-  responsiveStore: n3,
-  useContainer: e2,
-  className: s,
-  appNode: r2
+`, W2 = ({
+  gamification: s,
+  responsiveStore: e,
+  useContainer: t,
+  className: r,
+  appNode: o
 }) => {
-  const a2 = useStore(o2.openedQuestion.$store), {
-    sdkInDesktopView: m2
-  } = useStore(n3, {
+  const a = p(s.openedQuestion.$store), {
+    sdkInDesktopView: i
+  } = p(e, {
     keys: ["sdkInDesktopView"]
   }), {
-    hiding: p2,
-    onAnimationEnd: c2
-  } = S$1();
-  return !r2.current || !a2 ? null : /* @__PURE__ */ jsx(T, {
-    container: r2,
-    useContainer: typeof e2 == "boolean" ? !e2 : !m2,
-    staticStyles: typeof e2 == "boolean" ? I$3 : "",
-    children: /* @__PURE__ */ jsx(h$1, {
-      className: s,
-      hiding: p2,
-      onAnimationEnd: c2,
-      children: /* @__PURE__ */ jsx(H, {
-        gamification: o2
+    hiding: l,
+    onAnimationEnd: u
+  } = h2();
+  return !o.current || !a ? null : /* @__PURE__ */ n(K, {
+    container: o,
+    useContainer: typeof t == "boolean" ? !t : !i,
+    staticStyles: typeof t == "boolean" ? j2 : "",
+    children: /* @__PURE__ */ n(q2, {
+      className: r,
+      hiding: l,
+      onAnimationEnd: u,
+      children: /* @__PURE__ */ n(K2, {
+        gamification: s
       })
     })
   });
-};
-const p$2 = lazy(() => import("./gamification-feature2.js")), v = ({ sdk: e2, feature: t2, className: i2 }) => {
-  const n3 = useMemo(() => t2 && t2.featureConfig.get().type === SdkOverlayType.GAMES ? /* @__PURE__ */ jsx(v$1, { className: i2, sdk: e2, feature: t2, children: /* @__PURE__ */ jsx(p$2, { className: i2, gamification: t2 }) }) : null, [e2, t2, i2]);
-  return /* @__PURE__ */ jsx(
-    Suspense,
+}, X2 = s2(() => import("./gamification-feature2.js")), J2 = ({ sdk: s, feature: e, className: t }) => {
+  const r = _(() => e && e.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ n(U2, { className: t, sdk: s, feature: e, children: /* @__PURE__ */ n(X2, { className: t, gamification: e }) }) : null, [s, e, t]);
+  return /* @__PURE__ */ n(
+    e2,
     {
-      fallback: /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: n3
+      fallback: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: r
     }
   );
-}, F$1 = ({ feature: e2, className: t2, useContainer: i2, appNode: n3, responsiveStore: l2 }) => e2 && e2.featureConfig.get().type === SdkOverlayType.GAMES ? /* @__PURE__ */ jsx(
-  G$1,
+}, e0 = ({ feature: s, className: e, useContainer: t, appNode: r, responsiveStore: o }) => s && s.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ n(
+  W2,
   {
-    responsiveStore: l2,
-    className: t2,
-    appNode: n3,
-    useContainer: i2,
-    gamification: e2
+    responsiveStore: o,
+    className: e,
+    appNode: r,
+    useContainer: t,
+    gamification: s
   }
-) : null;
-const c$2 = /* @__PURE__ */ styled_default("div")({
+) : null, s0 = /* @__PURE__ */ d("div")({
   name: "Navigation",
   class: "n1o1tw60",
-  propsAsIs: false
-}), m$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), t0 = /* @__PURE__ */ d("div")({
   name: "Container",
   class: "co2rstw",
-  propsAsIs: false
-}), l$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), n0 = /* @__PURE__ */ d("div")({
   name: "Title",
   class: "t1bqnx9c",
-  propsAsIs: false
-}), p$1 = "hlc2pcy", I$2 = forwardRef(({
-  className: e2
-}, n3) => /* @__PURE__ */ jsxs(c$2, {
-  className: cx_default(e2, p$1),
-  children: [/* @__PURE__ */ jsx(m$2, {
-    children: /* @__PURE__ */ jsxs(l$2, {
-      children: [/* @__PURE__ */ jsx(B1, {
+  propsAsIs: !1
+}), r0 = "hlc2pcy", o0 = t2(({
+  className: s
+}, e) => /* @__PURE__ */ f(s0, {
+  className: S(s, r0),
+  children: [/* @__PURE__ */ n(t0, {
+    children: /* @__PURE__ */ f(n0, {
+      children: [/* @__PURE__ */ n(x, {
         name: "fgIcon"
       }), "FG+ Game Center", " "]
     })
-  }), /* @__PURE__ */ jsx("div", {
-    ref: n3
+  }), /* @__PURE__ */ n("div", {
+    ref: e
   })]
-}));
-const a = /* @__PURE__ */ styled_default("div")({
+})), i0 = /* @__PURE__ */ d("div")({
   name: "Container",
   class: "czz4rjk",
-  propsAsIs: false
-}), c$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), a0 = /* @__PURE__ */ d("div")({
   name: "CloseIconWrap",
   class: "cxmojsy",
-  propsAsIs: false
-}), n = () => B1, l$1 = /* @__PURE__ */ styled_default(n())({
+  propsAsIs: !1
+}), l0 = () => x, c0 = /* @__PURE__ */ d(l0())({
   name: "CloseIcon",
   class: "c1urm3yx",
-  propsAsIs: true
-}), p = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), d0 = /* @__PURE__ */ d("div")({
   name: "Title",
   class: "tme976v",
-  propsAsIs: false
-}), r$2 = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), C0 = /* @__PURE__ */ d("img")({
   name: "SponsorLogo",
   class: "s1lal9yz",
-  propsAsIs: false
-}), i$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), p0 = /* @__PURE__ */ d("div")({
   name: "PresentsTitle",
   class: "pnn1sv1",
-  propsAsIs: false
-}), m$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), u0 = /* @__PURE__ */ d("div")({
   name: "Subtitle",
   class: "s1hjj1y8",
-  propsAsIs: false
-}), I$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), m0 = /* @__PURE__ */ d("div")({
   name: "Description",
   class: "dz7yjzw",
-  propsAsIs: false
-}), A = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), f0 = /* @__PURE__ */ d("button")({
   name: "ActionButton",
   class: "avpowqk",
-  propsAsIs: false
-});
-const y$1 = ({ close: i2, action: x2, onboarding: t2 }) => {
-  var l2, s, c2, C2, p$12, h2, m2, u;
-  return /* @__PURE__ */ jsxs(a, { children: [
-    /* @__PURE__ */ jsx(c$1, { onClick: i2, children: /* @__PURE__ */ jsx(l$1, { name: "icon-cross" }) }),
-    ((s = (l2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : l2.media) == null ? void 0 : s.sponsorLogo) && /* @__PURE__ */ jsxs(p, { children: [
-      /* @__PURE__ */ jsx(r$2, { alt: "sponsor-logo", src: (C2 = (c2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : c2.media) == null ? void 0 : C2.sponsorLogo }),
-      /* @__PURE__ */ jsx(i$2, { children: "PRESENTS" })
-    ] }),
-    ((p$12 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : p$12.title) && /* @__PURE__ */ jsx(m$1, { children: (h2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : h2.title }),
-    ((m2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : m2.subtitle) && /* @__PURE__ */ jsx(I$1, { children: (u = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : u.subtitle }),
-    /* @__PURE__ */ jsx(A, { onClick: x2, children: "Play Now" })
-  ] });
-};
-const W = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e", f$2 = [{
+  propsAsIs: !1
+}), V = ({ close: s, action: e, onboarding: t }) => /* @__PURE__ */ f(i0, { children: [
+  /* @__PURE__ */ n(a0, { onClick: s, children: /* @__PURE__ */ n(c0, { name: "icon-cross" }) }),
+  t?.titleCard?.media?.sponsorLogo && /* @__PURE__ */ f(d0, { children: [
+    /* @__PURE__ */ n(C0, { alt: "sponsor-logo", src: t?.titleCard?.media?.sponsorLogo }),
+    /* @__PURE__ */ n(p0, { children: "PRESENTS" })
+  ] }),
+  t?.titleCard?.title && /* @__PURE__ */ n(u0, { children: t?.titleCard?.title }),
+  t?.titleCard?.subtitle && /* @__PURE__ */ n(m0, { children: t?.titleCard?.subtitle }),
+  /* @__PURE__ */ n(f0, { onClick: e, children: "Play Now" })
+] }), E0 = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e", q = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
   tagline: "Featured groups+ experience",
-  headline: /* @__PURE__ */ jsxs(Fragment, {
-    children: ["Welcome to ", /* @__PURE__ */ jsx("br", {}), " Featured Groups +"]
+  headline: /* @__PURE__ */ f(I, {
+    children: ["Welcome to ", /* @__PURE__ */ n("br", {}), " Featured Groups +"]
   })
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",
@@ -351,46 +332,44 @@ const W = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
   headline: "Compete against friends on the leaderboard"
-}], $ = /* @__PURE__ */ styled_default("div")({
+}], L0 = /* @__PURE__ */ d("div")({
   name: "OnboardingContainer",
   class: "on59ra",
-  propsAsIs: false
-}), O$1 = () => f$4, q = /* @__PURE__ */ styled_default(O$1())({
+  propsAsIs: !1
+}), h0 = () => O, g0 = /* @__PURE__ */ d(h0())({
   name: "OnboardingNotificationContainer",
   class: "op1wk5d",
-  propsAsIs: true
-}), y = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), w = /* @__PURE__ */ d("div")({
   name: "InnerContainer",
   class: "i1i1g2vj",
-  propsAsIs: false
-}), z$1 = ({
-  deepLink: l2,
-  onboardingOpts: C2,
-  notification: i2,
-  gamification: a2,
-  loading: s,
-  sdk: d2
+  propsAsIs: !1
+}), S0 = ({
+  deepLink: s,
+  onboardingOpts: e,
+  notification: t,
+  gamification: r,
+  loading: o,
+  sdk: a
 }) => {
-  var o2, m2, h2, g, V, c2, n3;
-  const L2 = useStore(a2.friends ? a2.friends.getStore() : createSingleStore({
+  const i = p(r.friends ? r.friends.getStore() : c2({
     data: []
-  })), [e2, H2] = useState(void 0), u = useMemo(() => {
-    var p2, b2;
-    const r2 = d2.getInviter();
-    return r2 ? (b2 = (p2 = L2.data) == null ? void 0 : p2.find(({
-      slId: k2
-    }) => k2 === r2)) == null ? void 0 : b2.name : "";
-  }, [L2.data, d2]);
-  return useEffect(() => {
-    const r2 = l2.$store.subscribe((p2) => {
-      p2 && H2(p2.data);
+  })), [l, u] = L(void 0), m = _(() => {
+    const C = a.getInviter();
+    return C ? i.data?.find(({
+      slId: c
+    }) => c === C)?.name : "";
+  }, [i.data, a]);
+  return E(() => {
+    const C = s.$store.subscribe((c) => {
+      c && u(c.data);
     });
     return () => {
-      r2();
+      C();
     };
-  }, [l2.$store]), /* @__PURE__ */ jsx($, {
-    children: /* @__PURE__ */ jsx(tn, {
-      loading: s,
+  }, [s.$store]), /* @__PURE__ */ n(L0, {
+    children: /* @__PURE__ */ n(d2, {
+      loading: o,
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -401,300 +380,287 @@ const W = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (o2 = C2.rules) == null ? void 0 : o2.buttonLabel,
-      rulesTitle: (m2 = C2.rules) == null ? void 0 : m2.heading,
+      rulesBtnLabel: e.rules?.buttonLabel,
+      rulesTitle: e.rules?.heading,
       termsTitle: "Terms and Conditions",
-      termsText: (h2 = C2.rules) == null ? void 0 : h2.terms,
-      steps: f$2,
-      primaryColor: (g = C2.inviteCard) == null ? void 0 : g.iconColor,
-      inviteLink: e2,
-      inviteCardTitle: (V = C2.inviteCard) == null ? void 0 : V.heading,
-      inviteCardSubtext: (c2 = C2.inviteCard) == null ? void 0 : c2.subtext,
-      inviteCardBtnLabel: (n3 = C2.inviteCard) == null ? void 0 : n3.buttonLabel,
+      termsText: e.rules?.terms,
+      steps: q,
+      primaryColor: e.inviteCard?.iconColor,
+      inviteLink: l,
+      inviteCardTitle: e.inviteCard?.heading,
+      inviteCardSubtext: e.inviteCard?.subtext,
+      inviteCardBtnLabel: e.inviteCard?.buttonLabel,
       onClose: () => {
-        var r2;
-        (r2 = i2.close) == null || r2.call(i2);
+        t.close?.();
       },
-      gamification: a2,
-      sdk: d2,
-      inviterName: u
+      gamification: r,
+      sdk: a,
+      inviterName: m
     })
   });
-}, n2 = ({
-  sdk: l2,
-  notification: C2,
-  saveHeight: i2,
-  style: a2,
-  appNode: s,
-  responsiveStore: d2
+}, _0 = ({
+  sdk: s,
+  notification: e,
+  saveHeight: t,
+  style: r,
+  appNode: o,
+  responsiveStore: a
 }) => {
-  var c2;
-  const L2 = useRef(null), e2 = C2.data.onboarding, [H2, u] = useState(e2 == null ? void 0 : e2.instantOpen), o2 = l2.getFeature(SdkOverlayType.GAMES), m2 = useMemo(() => f$2 == null ? void 0 : f$2.map(({
-    graphicSrc: n3
-  }) => n3), []), {
-    screen: h2
-  } = useStore(d2, {
+  const i = g(null), l = e.data.onboarding, [u, m] = L(l?.instantOpen), C = s.getFeature(N.GAMES), c = _(() => q?.map(({
+    graphicSrc: X
+  }) => X), []), {
+    screen: v
+  } = p(a, {
     keys: ["screen"]
   });
-  (c2 = e2 == null ? void 0 : e2.titleCard) != null && c2.media && (e2.titleCard.media.sponsorLogo = W), useLayoutEffect(() => {
-    var n3;
-    i2(((n3 = L2.current) == null ? void 0 : n3.getBoundingClientRect().height) || 0);
-  }, [i2]);
+  l?.titleCard?.media && (l.titleCard.media.sponsorLogo = E0), n2(() => {
+    t(i.current?.getBoundingClientRect().height || 0);
+  }, [t]);
   const {
-    loading: g,
-    throttled: V
-  } = I$4(m2);
-  return H2 && o2 && e2 && s.current && !V ? /* @__PURE__ */ jsx(T, {
-    container: s,
-    useContainer: false,
-    children: /* @__PURE__ */ jsx(z$1, {
-      notification: C2,
-      setOpened: u,
-      gamification: o2,
-      onboardingOpts: e2,
-      deepLink: o2.deepLink,
-      loading: g,
-      sdk: l2
+    loading: R,
+    throttled: W
+  } = l2(c);
+  return u && C && l && o.current && !W ? /* @__PURE__ */ n(K, {
+    container: o,
+    useContainer: !1,
+    children: /* @__PURE__ */ n(S0, {
+      notification: e,
+      setOpened: m,
+      gamification: C,
+      onboardingOpts: l,
+      deepLink: C.deepLink,
+      loading: R,
+      sdk: s
     })
-  }) : /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(y, {
-      ref: L2,
+  }) : /* @__PURE__ */ f(I, {
+    children: [/* @__PURE__ */ n(w, {
+      ref: i,
       style: {
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ jsx(y$1, {
+      children: /* @__PURE__ */ n(V, {
         close: () => {
         },
         action: () => {
         },
-        onboarding: e2
+        onboarding: l
       })
-    }), /* @__PURE__ */ jsx(q, {
-      style: a2,
-      hiding: C2.hiding,
-      children: /* @__PURE__ */ jsx(y, {
-        children: /* @__PURE__ */ jsx(y$1, {
-          close: C2.close,
+    }), /* @__PURE__ */ n(g0, {
+      style: r,
+      hiding: e.hiding,
+      children: /* @__PURE__ */ n(w, {
+        children: /* @__PURE__ */ n(V, {
+          close: e.close,
           action: () => {
-            var r2;
-            u(true), (((r2 = s.current) == null ? void 0 : r2.getBoundingClientRect().y) || 0) < 0 && y$2(s, h2.size, {
+            m(!0), (o.current?.getBoundingClientRect().y || 0) < 0 && z(o, v.size, {
               behavior: "smooth"
             });
           },
-          onboarding: e2
+          onboarding: l
         })
       })
     })]
   });
-};
-const e$1 = () => f$4, l = /* @__PURE__ */ styled_default(e$1())({
+}, N0 = () => O, T0 = /* @__PURE__ */ d(N0())({
   name: "Container",
   class: "c1f0y7nw",
-  propsAsIs: true
-}), t = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), j = /* @__PURE__ */ d("div")({
   name: "InnerContainer",
   class: "i1qa3p7a",
-  propsAsIs: false
-}), i$1 = () => t, m = /* @__PURE__ */ styled_default(i$1())({
+  propsAsIs: !1
+}), I0 = () => j, v0 = /* @__PURE__ */ d(I0())({
   name: "HiddenContainer",
   class: "hrthymv",
-  propsAsIs: true
-}), f$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), R0 = /* @__PURE__ */ d("div")({
   name: "NotificationRefreshing",
   class: "n13rok4i",
-  propsAsIs: false
-}), r$1 = () => f$5, I = /* @__PURE__ */ styled_default(r$1())({
+  propsAsIs: !1
+}), A0 = () => C2, y0 = /* @__PURE__ */ d(A0())({
   name: "Pill",
   class: "pht79xf",
-  propsAsIs: true
-});
-const z = (o2) => {
-  const [t2, c2] = useState(0), u = useRef(null), e2 = useCallback((n3) => {
-    u.current = n3;
+  propsAsIs: !0
+}), k0 = (s) => {
+  const [e, t] = L(0), r = g(null), o = b((i) => {
+    r.current = i;
   }, []);
-  useEffect(() => {
-    var s;
-    const n3 = (s = u.current) == null ? void 0 : s.getBoundingClientRect();
-    n3 && c2(n3.height);
-  }, [o2]);
-  const r2 = useCallback((n3) => {
-    c2(n3);
+  E(() => {
+    const i = r.current?.getBoundingClientRect();
+    i && t(i.height);
+  }, [s]);
+  const a = b((i) => {
+    t(i);
   }, []);
-  return [e2, t2, r2];
-}, F = ({
-  sdk: o2,
-  notification: t$12,
-  appNode: c2,
-  responsiveStore: u
+  return [o, e, a];
+}, D0 = ({
+  sdk: s,
+  notification: e,
+  appNode: t,
+  responsiveStore: r
 }) => {
-  var h2, d2;
   const {
-    sdk: e2
-  } = n$2(), [r2, n3, s] = z(t$12.id);
-  return t$12.type === NotificationType.QUESTION ? /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(m, {
-      ref: r2,
-      children: /* @__PURE__ */ jsx(w$1, {
-        ...t$12
+    sdk: o
+  } = F(), [a, i, l] = k0(e.id);
+  return e.type === T.QUESTION ? /* @__PURE__ */ f(I, {
+    children: [/* @__PURE__ */ n(v0, {
+      ref: a,
+      children: /* @__PURE__ */ n(B, {
+        ...e
       })
-    }), /* @__PURE__ */ jsxs(l, {
+    }), /* @__PURE__ */ f(T0, {
       style: {
-        height: t$12.hiding ? 0 : n3
+        height: e.hiding ? 0 : i
       },
-      hiding: t$12.hiding,
-      children: [/* @__PURE__ */ jsx(t, {
+      hiding: e.hiding,
+      children: [/* @__PURE__ */ n(j, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ jsx(w$1, {
-          ...t$12,
-          controlVideo: e2 == null ? void 0 : e2.controlVideoPlayer
+        children: /* @__PURE__ */ n(B, {
+          ...e,
+          controlVideo: o?.controlVideoPlayer
         })
-      }), /* @__PURE__ */ jsx(f$1, {}, t$12.id)]
+      }), /* @__PURE__ */ n(R0, {}, e.id)]
     })]
-  }) : t$12.type === NotificationType.QUESTION_RESOLVED && ((d2 = (h2 = t$12.data) == null ? void 0 : h2.question) != null && d2.predictionResult) ? /* @__PURE__ */ jsx(D, {
+  }) : e.type === T.QUESTION_RESOLVED && e.data?.question?.predictionResult ? /* @__PURE__ */ n(p2, {
     style: {
-      height: t$12.hiding ? 0 : n3
+      height: e.hiding ? 0 : i
     },
-    saveHeight: s,
-    close: t$12.close,
-    hiding: t$12.hiding,
-    ...t$12.data.question,
-    mastersApp: true
-  }) : t$12.type === NotificationType.ONBOARDING ? /* @__PURE__ */ jsx(n2, {
+    saveHeight: l,
+    close: e.close,
+    hiding: e.hiding,
+    ...e.data.question,
+    mastersApp: !0
+  }) : e.type === T.ONBOARDING ? /* @__PURE__ */ n(_0, {
     style: {
-      height: t$12.hiding ? 0 : n3
+      height: e.hiding ? 0 : i
     },
-    saveHeight: s,
-    sdk: o2,
-    notification: t$12,
-    appNode: c2,
-    responsiveStore: u
+    saveHeight: l,
+    sdk: s,
+    notification: e,
+    appNode: t,
+    responsiveStore: r
   }) : null;
-}, L = "p1co32q0", M = ({
-  pill: o2,
-  setPill: t2,
-  appNode: c2,
-  headerNode: u,
-  scrollNode: e2,
-  responsiveStore: r2,
-  scrollStore: n3,
-  useContainer: s
+}, b0 = "p1co32q0", O0 = ({
+  pill: s,
+  setPill: e,
+  appNode: t,
+  headerNode: r,
+  scrollNode: o,
+  responsiveStore: a,
+  scrollStore: i,
+  useContainer: l
 }) => {
-  var I$12, k2;
   const {
-    screen: h2
-  } = useStore(r2, {
+    screen: u
+  } = p(a, {
     keys: ["screen"]
   }), {
-    tabsShown: d2,
-    scrollPosition: m2
-  } = useStore(n3, {
+    tabsShown: m,
+    scrollPosition: C
+  } = p(i, {
     keys: ["tabsShown", "scrollPosition"]
   });
-  useEffect(() => {
-    r2.get().sdkInDesktopView || s ? m2 < 50 && t2(null) : m2 > -50 && t2(null);
-  }, [m2, r2, t2, s]);
-  const i2 = r2.get().sdkInDesktopView ? c2 : u;
-  return !o2 || !i2.current ? null : createPortal(/* @__PURE__ */ jsx(I, {
-    title: o2.type === NotificationType.QUESTION_RESOLVED ? "Prediction result" : `New ${((k2 = e$3[(I$12 = o2.data) == null ? void 0 : I$12.questionType]) == null ? void 0 : k2.label) || "notification"}`,
+  E(() => {
+    a.get().sdkInDesktopView || l ? C < 50 && e(null) : C > -50 && e(null);
+  }, [C, a, e, l]);
+  const c = a.get().sdkInDesktopView ? t : r;
+  return !s || !c.current ? null : I2(/* @__PURE__ */ n(y0, {
+    title: s.type === T.QUESTION_RESOLVED ? "Prediction result" : `New ${R2[s.data?.questionType]?.label || "notification"}`,
     onClick: () => {
-      var w2;
-      r2.get().sdkInDesktopView ? (w2 = e2.current) == null || w2.scrollTo({
+      a.get().sdkInDesktopView ? o.current?.scrollTo({
         top: 0,
         behavior: "smooth"
-      }) : y$2(e2, h2.size, {
+      }) : z(o, u.size, {
         behavior: "smooth"
-      }), t2(null);
+      }), e(null);
     },
-    className: cx_default(d2 && L, "sl-pill-button")
-  }), i2.current);
-}, nt = ({
-  sdk: o2,
-  headerNode: t2,
-  scrollNode: c2,
-  useContainer: u,
-  responsiveStore: e2,
-  appNode: r2,
-  scrollStore: n3
+    className: S(m && b0, "sl-pill-button")
+  }), c.current);
+}, F0 = ({
+  sdk: s,
+  headerNode: e,
+  scrollNode: t,
+  useContainer: r,
+  responsiveStore: o,
+  appNode: a,
+  scrollStore: i
 }) => {
-  const [s] = useState(o2.getNotificationsStore()), h2 = useStore(s), [d2, m2] = useState(null), i2 = useMemo(() => o2.getActiveNotification(), [o2, h2]);
-  return useEffect(() => {
-    i2 && eventBus.emit("notification", {
+  const [l] = L(s.getNotificationsStore()), u = p(l), [m, C] = L(null), c = _(() => s.getActiveNotification(), [s, u]);
+  return E(() => {
+    c && v2.emit("notification", {
       action: "rendered",
       payload: {
-        questionId: i2.data.questionId,
-        questionType: i2.data.questionType
+        questionId: c.data.questionId,
+        questionType: c.data.questionType
       }
     });
-  }, [i2]), useEffect(() => {
-    i2 && (e2.get().sdkInDesktopView || e2.get().sdkInView) && (!e2.get().sdkInDesktopView && e2.get().sdkInView && m2(i2), e2.get().sdkInDesktopView && window.requestAnimationFrame(() => {
-      n3.get().scrollPosition !== 0 && m2(i2);
+  }, [c]), E(() => {
+    c && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && C(c), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
+      i.get().scrollPosition !== 0 && C(c);
     }));
-  }, [i2]), useEffect(() => {
-    i2 || m2(null);
-  }, [i2]), /* @__PURE__ */ jsxs(Fragment, {
-    children: [!d2 && i2 && /* @__PURE__ */ jsx(F, {
-      headerNode: t2,
-      appNode: r2,
-      sdk: o2,
-      notification: i2,
-      responsiveStore: e2
-    }), d2 && /* @__PURE__ */ jsx(M, {
-      pill: d2,
-      setPill: m2,
-      appNode: r2,
-      notification: i2,
-      headerNode: t2,
-      scrollNode: c2,
-      scrollStore: n3,
-      useContainer: u,
-      responsiveStore: e2
+  }, [c]), E(() => {
+    c || C(null);
+  }, [c]), /* @__PURE__ */ f(I, {
+    children: [!m && c && /* @__PURE__ */ n(D0, {
+      headerNode: e,
+      appNode: a,
+      sdk: s,
+      notification: c,
+      responsiveStore: o
+    }), m && /* @__PURE__ */ n(O0, {
+      pill: m,
+      setPill: C,
+      appNode: a,
+      notification: c,
+      headerNode: e,
+      scrollNode: t,
+      scrollStore: i,
+      useContainer: r,
+      responsiveStore: o
     })]
   });
-};
-const d = Object.keys(A$1), i = () => {
-  const t2 = window.innerWidth;
-  let e2 = "sm";
-  for (let n3 = d.length - 1; n3 > 0; n3--) {
-    const s = d[n3];
-    if (!(t2 < A$1[s]) && t2 >= A$1[s]) {
-      e2 = s;
+}, $ = Object.keys(h), k = () => {
+  const s = window.innerWidth;
+  let e = "sm";
+  for (let t = $.length - 1; t > 0; t--) {
+    const r = $[t];
+    if (!(s < h[r]) && s >= h[r]) {
+      e = r;
       break;
     }
   }
   return {
-    name: e2,
-    size: A$1[e2]
+    name: e,
+    size: h[e]
   };
-}, w = (t2) => {
-  var n3;
-  const e2 = (n3 = t2.current) == null ? void 0 : n3.getBoundingClientRect();
-  return e2 ? e2.y > -e2.height && e2.y < window.innerHeight : false;
-}, k = (t2) => t2 >= A$1.lg, h = (t2) => {
-  const [e2] = useState(() => {
-    const n3 = i();
-    return f$3({
-      screen: i(),
-      sdkInView: w(t2),
-      sdkInDesktopView: k(n3.size)
+}, P = (s) => {
+  const e = s.current?.getBoundingClientRect();
+  return e ? e.y > -e.height && e.y < window.innerHeight : !1;
+}, H = (s) => s >= h.lg, B0 = (s) => {
+  const [e] = L(() => {
+    const t = k();
+    return G({
+      screen: k(),
+      sdkInView: P(s),
+      sdkInDesktopView: H(t.size)
     });
   });
-  return useEffect(() => {
-    const n3 = i$5(() => {
-      e2.setKey("sdkInView", w(t2));
-    }, 200), s = i$5(() => {
-      const o2 = i();
-      e2.setKey("screen", o2), e2.setKey("sdkInDesktopView", k(o2.size));
+  return E(() => {
+    const t = D(() => {
+      e.setKey("sdkInView", P(s));
+    }, 200), r = D(() => {
+      const o = k();
+      e.setKey("screen", o), e.setKey("sdkInDesktopView", H(o.size));
     }, 200);
-    return n3(), s(), window.addEventListener("scroll", n3), window.addEventListener("resize", s), () => {
-      window.removeEventListener("scroll", n3), window.removeEventListener("resize", s);
+    return t(), r(), window.addEventListener("scroll", t), window.addEventListener("resize", r), () => {
+      window.removeEventListener("scroll", t), window.removeEventListener("resize", r);
     };
-  }, [e2, t2]), [e2];
-};
-const _ = {
-  ...R$1,
+  }, [e, s]), [e];
+}, V0 = {
+  ...o2,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   BG_TRANSPARENT: "rgba(0,0,0, .8)",
@@ -760,264 +726,128 @@ const _ = {
   IN_APP_QUESTION_RESULT_SUBTITLE_BG: "#1D7BFF",
   IN_APP_QUESTION_RESULT_LINE: "#babfc5",
   QUOTE_TEXT: "#006944"
-}, e = {
-  ...D$1,
-  REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
-  REGULAR1: D$1.REGULAR,
-  SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
-  SERIF1: "'Tiempos', 'Tiempos Headline', Times New Roman, serif",
-  COLOR: "#fff",
-  WEIGHT_DEFAULT: "500"
-}, r = Object.entries(_).reduce((i2, [E, a2]) => `
-    ${i2}
-    --color-${E.toLowerCase().replaceAll("_", "-")}: ${a2};
+};
+Object.entries(V0).reduce((s, [e, t]) => `
+    ${s}
+    --color-${e.toLowerCase().replaceAll("_", "-")}: ${t};
   `, "");
-`
-  ${r}
-  --font-family: ${e.REGULAR};
-  --font-regular: ${e.REGULAR};
-  --font-regular1: ${e.REGULAR1};
-  --font-color: ${e.COLOR};
-  --font-serif: ${e.SERIF};
-  --font-serif1: ${e.SERIF1};
-  --font-weight-default: ${e.WEIGHT_DEFAULT};
-  --font-weight-default1: ${e.WEIGHT_DEFAULT1};
-  --font-weight-default2: ${e.WEIGHT_DEFAULT2};
-  --font-weight-default3: ${e.WEIGHT_DEFAULT3};
-  --font-size-default: ${D$1.SIZE_DEFAULT};
-  --font-size-secondary: ${D$1.SIZE_DEFAULT1};
-  --font-size-small: ${D$1.SIZE_DEFAULT2};
-  --line-height-default: ${D$1.LINE_HEIGHT};
-  --margin-title-default: 0px 0px 12px;
-  --font-header-title: 20px;
-
-  --header-offset: 0px;
-  --header-height: 54px;
-  --watch-live-header: 0px;
-  --animation-duration: 0.5s;
-  --animation-function: ease;
-  --container-padding: 16px;
-  --max-tabs-width: 361px;
-  --border-radius: 8px;
-  --pill-offset: 0px;
-  --max-width: 600px;
-  --max-notifications-width: 400px;
-  --header-padding: 12px 12px 12px 16px;
-  --margin-web-link-btn: 0px;
-  --padding-web-link-btn: 11px 16px;
-  --insight-content-padding: 0px;
-  --close-icon-size: 12px;
-  --close-icon-stroke-width: 1.5;
-  --padding-title-default: 0px;
-  --insight-image-display: inline;
-  --web-link-align-items: center;
-  --web-link-column-gap: 10px;
-  --welcome-screen-graphic-size: 80px;
-  --welcome-screen-graphic-size-xl: 125px;
-  --insight-image-ratio: 16/9;
-  --quote-indent: 0px;
-  --quote-padding: 0px;
-  --history-card-gap: 1rem;
-
-  ${c$3.down("xl")`
-    --header-offset: 0px;
-    --watch-live-header: 0px;
-  `}
-
-  ${c$3.intermediate("xl", "lg")`
-    --header-offset: 0px;
-  `}
-
-  --bet-pack-primary-bg: #006944;
-  --bet-pack-button-bg: rgba(255, 255, 255, 0.1);
-
-  --padding-question-content: 16px 16px 0px;
-  --gap-vote-options: 8px;
-  --vote-feedback-font-size: 1em;
-  --letter-spacing-feedback-header: normal;
-  --size-transparent-icon: 51px;
-  --padding-feedback-container: 8px 0px 24px;
-  --fz-feedbackContainer: 14px;
-  --margin-top-feedback-text: 10px;
-  --margin-top-feedback-dynamic-text: 0px;
-  --fz-feedback-text: 1em;
-  --fz-feedback-dynamic-text: 1em;
-  --letter-spacing-feedback-text: normal;
-  --display-dynamic-wrap: inline;
-  --padding-question-title: 0em;
-  --text-align-question-title: start;
-  --line-height-question-title: 24px;
-  --vote-title-font-size: 16px;
-  --padding-vote-answer: 5px 15px 5px 9px;
-  --fz-vote-answer: 12px;
-  --border-radius-vote-btn: 4px;
-  --min-height-vote-btn: 44px;
-  --justify-content-feedback-container: start;
-  --bg-color-feedback-container: transparent;
-  --padding-feedback-wrap: 0px;
-  --border-radius-feedback-container: 0px;
-  --color-feedback-description: #25282A;
-  --text-align-feedback-description: start;
-  --color-feedback-text: rgba(10, 14, 19, 0.70);
-  --vote-answer-font-size: 0.75em;
-  --size-vote-answer-icon: 32px;
-  --margin-left-vote-answer-indicator: 8px;
-  --size-vote-answer-indicator: 16px;
-  --path-fill-vote-answer-indicator: #107D57;
-  --vote-answer-font-weight: normal;
-  --margin-left-percentage: 8px;
-  --question-content-max-width: unset;
-  --line-height-percentage: 17px;
-  --line-height-percentage: 1.55em;
-  --border-color-btn-correct: #107D57;
-  --border-color-btn-voted: #107D57;
-  --opacity-voted-btn-rct: 1;
-  --opacity-vote-btn-not-selected: 1;
-  --color-vote-btn-not-checked-bg: #fff;
-  --vote-options-margin-bottom: 0px;
-  --fw-feedback: inherit;
-  --letter-spacing-question-title: normal;
-  --margin-left-pts: 0px;
-  --display-question-container: initial;
-  --justify-content-question-container: initial;
-  --color-question-body-text: #006747;
-  --color-presented-by-text: #006747;
-  --nav-border: 1px solid var(--color-neutrals-gray3);
-`;
-const f = "m1ojpy2l";
-const c = ({ children: r2, style: m2 }) => /* @__PURE__ */ jsx("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ jsx("div", { className: cx_default("masters-theme", f), style: m2, children: r2 }) });
-const S = ({ sdkKey: r2, plugins: e2, children: a2, event: t2, onDeepLinkHandled: s, videoPlayerController: i2, production: d2 = true }) => /* @__PURE__ */ jsxs(
-  q$1,
+const w0 = "m1ojpy2l", $0 = ({ children: s, style: e }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: S("masters-theme", w0), style: e, children: s }) }), C1 = ({ sdkKey: s, plugins: e, children: t, event: r, onDeepLinkHandled: o, videoPlayerController: a, production: i = !0 }) => /* @__PURE__ */ f(
+  A2,
   {
-    sdkKey: r2,
-    plugins: e2,
-    production: d2,
-    autoEnable: true,
-    onDeepLinkHandled: s,
-    videoPlayerController: i2,
+    sdkKey: s,
+    plugins: e,
+    production: i,
+    autoEnable: !0,
+    onDeepLinkHandled: o,
+    videoPlayerController: a,
     friendsTab: "disabled",
-    skipOnboarding: true,
-    hideFriends: true,
+    skipOnboarding: !0,
+    hideFriends: !0,
     children: [
-      /* @__PURE__ */ jsx(j$1, { event: t2 }),
-      a2
+      /* @__PURE__ */ n(y2, { event: r }),
+      t
     ]
   }
-);
-const G = ({ sdk: e2, className: r2 }) => {
-  const [, t2] = p$4(e2);
-  return /* @__PURE__ */ jsx(v, { className: r2, feature: t2, sdk: e2 });
-}, O = ({ sdk: e2, className: r2, appNode: t2, responsiveStore: l2, useContainer: c2 }) => {
-  const m2 = useStore(e2.featuresList.getStore());
-  return m2 ? Array.from(m2, (a2) => {
-    const s = e2.getFeature(a2);
-    return s ? /* @__PURE__ */ jsx(
-      F$1,
+), P0 = ({ sdk: s, className: e }) => {
+  const [, t] = u2(s);
+  return /* @__PURE__ */ n(J2, { className: e, feature: t, sdk: s });
+}, H0 = ({ sdk: s, className: e, appNode: t, responsiveStore: r, useContainer: o }) => {
+  const a = p(s.featuresList.getStore());
+  return a ? Array.from(a, (i) => {
+    const l = s.getFeature(i);
+    return l ? /* @__PURE__ */ n(
+      e0,
       {
-        useContainer: c2,
-        responsiveStore: l2,
-        className: r2,
-        appNode: t2,
-        feature: s,
-        sdk: e2
+        useContainer: o,
+        responsiveStore: r,
+        className: e,
+        appNode: t,
+        feature: l,
+        sdk: s
       },
-      a2
+      i
     ) : null;
   }) : null;
-}, R = (e2) => {
-  const r2 = useRef(null);
-  return b(r2, { enabled: true, event: "click", listener: A$2 }), /* @__PURE__ */ jsx(nr, { ref: r2, ...e2 });
-}, j = ({ sdk: e2, useContainer: r2 }) => {
-  const t2 = useRef(null), l2 = useStore(e2.status), c2 = useStore(e2.sdkStore.slStreamId), m2 = useRef(null), [a2] = h(t2), [s, i2] = z$2(t2, a2, r2), o2 = l2 === "ready" && !!c2.data;
-  return useEffect(() => {
+}, U0 = (s) => {
+  const e = g(null);
+  return M(e, { enabled: !0, event: "click", listener: Q }), /* @__PURE__ */ n(m2, { ref: e, ...s });
+}, G0 = ({ sdk: s, useContainer: e }) => {
+  const t = g(null), r = p(s.status), o = p(s.sdkStore.slStreamId), a = g(null), [i] = B0(t), [l, u] = H2(t, i, e), m = r === "ready" && !!o.data;
+  return E(() => {
     window.requestAnimationFrame(() => {
-      e2.initializeApp().then(() => {
-        e2.openFeature(SdkOverlayType.GAMES);
+      s.initializeApp().then(() => {
+        s.openFeature(N.GAMES);
       });
     });
-  }, [e2]), b(t2, { enabled: true, event: "click", listener: A$2 }), useEffect(() => {
+  }, [s]), M(t, { enabled: !0, event: "click", listener: Q }), E(() => {
     import("./gamification-feature2.js");
-  }, []), /* @__PURE__ */ jsxs(o$1, { className: cx_default("SDKContainer", !r2 && t$1), ref: t2, children: [
-    /* @__PURE__ */ jsx(I$2, { className: cx_default(m$3), ref: m2 }),
-    /* @__PURE__ */ jsxs(r$3, { className: "sl-hide-on-modal", ref: s, children: [
-      o2 && /* @__PURE__ */ jsx(
-        nt,
+  }, []), /* @__PURE__ */ f(b2, { className: S("SDKContainer", !e && O2), ref: t, children: [
+    /* @__PURE__ */ n(o0, { className: S(A), ref: a }),
+    /* @__PURE__ */ f(F2, { className: "sl-hide-on-modal", ref: l, children: [
+      m && /* @__PURE__ */ n(
+        F0,
         {
-          sdk: e2,
-          scrollNode: s,
-          headerNode: m2,
-          appNode: t2,
-          scrollStore: i2,
-          responsiveStore: a2,
-          useContainer: r2
+          sdk: s,
+          scrollNode: l,
+          headerNode: a,
+          appNode: t,
+          scrollStore: u,
+          responsiveStore: i,
+          useContainer: e
         }
       ),
-      o2 && /* @__PURE__ */ jsx(G, { className: m$3, sdk: e2 }),
-      o2 && /* @__PURE__ */ jsx(
-        O,
+      m && /* @__PURE__ */ n(P0, { className: A, sdk: s }),
+      m && /* @__PURE__ */ n(
+        H0,
         {
-          responsiveStore: a2,
-          appNode: t2,
-          className: m$3,
-          sdk: e2,
-          useContainer: r2
+          responsiveStore: i,
+          appNode: t,
+          className: A,
+          sdk: s,
+          useContainer: e
         }
       )
     ] })
   ] });
-}, re = ({ sdk: e2, betPack: r2, useContainer: t2 }) => {
-  const [l2, c2] = useState(r2), a2 = !!useStore(e2.userId()), s = useMemo(() => ({ sdk: e2 }), [e2]), i2 = useCallback(() => {
-    c2(false);
-    const o2 = e2 == null ? void 0 : e2.getFeature(SdkOverlayType.GAMES);
-    o2 == null || o2.closeQuestion();
-  }, [e2]);
-  return /* @__PURE__ */ jsxs(o.Provider, { value: s, children: [
-    l2 && a2 && /* @__PURE__ */ jsx(
-      R,
+}, M0 = ({ sdk: s, betPack: e, useContainer: t }) => {
+  const [r, o] = L(e), a = !!p(s.userId()), i = _(() => ({ sdk: s }), [s]), l = b(() => {
+    o(!1), s?.getFeature(N.GAMES)?.closeQuestion();
+  }, [s]);
+  return /* @__PURE__ */ f(Y.Provider, { value: i, children: [
+    r && a && /* @__PURE__ */ n(
+      U0,
       {
-        sdk: e2,
-        onEvent: ({ type: o2 }) => o2 === "slOpenGameCenter" ? i2() : () => {
+        sdk: s,
+        onEvent: ({ type: u }) => u === "slOpenGameCenter" ? l() : () => {
         },
-        close: () => i2()
+        close: () => l()
       }
     ),
-    !l2 && /* @__PURE__ */ jsx(j, { sdk: e2, useContainer: t2 })
+    !r && /* @__PURE__ */ n(G0, { sdk: s, useContainer: t })
   ] });
-};
-const PureMastersStreamLayerSDKReact = ({
-  betPack,
-  useContainer
+}, Q0 = ({
+  betPack: s,
+  useContainer: e
 }) => {
-  const { sdk, status } = useContext(i$6);
-  if (status === Y.UNSET) {
-    console.error("Wrap app in `StreamLayerProvider`");
-    return null;
-  }
-  if (!sdk) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsx(c, { style: { height: "100%" }, children: /* @__PURE__ */ jsx(re, { sdk, betPack, useContainer }) }) });
+  const { sdk: t, status: r } = U(k2);
+  return r === D2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n($0, { style: { height: "100%" }, children: /* @__PURE__ */ n(M0, { sdk: t, betPack: s, useContainer: e }) }) }) : null;
 };
-class MastersStreamLayerSDKReact extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
+class p1 extends r2 {
+  constructor(e) {
+    super(e), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
-    return { hasError: true };
+    return { hasError: !0 };
   }
-  componentDidCatch(error, info) {
-    console.error(error, info.componentStack);
+  componentDidCatch(e, t) {
+    console.error(e, t.componentStack);
   }
   render() {
-    if (this.state.hasError) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(PureMastersStreamLayerSDKReact, { ...this.props });
+    return this.state.hasError ? null : /* @__PURE__ */ n(Q0, { ...this.props });
   }
 }
 export {
-  C,
-  MastersStreamLayerSDKReact as M,
-  S
+  d1 as C,
+  p1 as M,
+  C1 as S
 };