@streamlayer/react 1.12.1 → 1.13.0

package/lib/classic/es/masters2.js

@@ -1,413 +1,312 @@
-import { jsx as t, jsxs as E, Fragment as k } from "react/jsx-runtime";
-import { s as C, j as e2, a as u, A as N, k as x, F as c2, l as s2, m as p2, p as C2, n as u2, B as h2, o as m2, M as v2, T as E2, q as L2, C as g2, r as S2, O as n2, t as F, v as f2, w as N2, x as I2, y as t2, D as U, E as _2, I as T2, G as R2, H as A2, g as k2, N as D, J as K, K as y2, Q as b2, R as D2, c as o2, U as w2, V as A, W as z, L as O, X as $2, Z as F2, _ as O2, f as Q, $ as V2, a0 as B2, a1 as x2, a2 as H2 } from "./provider.js";
-import { useRef as T, useState as S, useEffect as g, createContext as U2, useContext as r2, lazy as P2, useMemo as b, Suspense as G2, useLayoutEffect as M2, useCallback as Z, Component as K2 } from "react";
-import { Q as z2, S as w } from "./useStreamLayerApp2.js";
-import { r as Q2 } from "./index2.js";
-const Z2 = /* @__PURE__ */ C("div")({
+import { jsx as s, jsxs as v, Fragment as y } from "react/jsx-runtime";
+import { s as c, p as j, a as u, A as L, j as $, F as r2, k as a2, l as l2, m as d2, n as c2, H as p2, o as C2, q as u2, r as f2, t as m2, x as X, v as P, e as A, Z as J, I as g2, w as v2, y as h2, g as b2, N as R, B as z, C as E2, D as L2, E as S2, R as T2, G as T, J as M, L as F, K as _2, M as k2, O as I2, c as O, Q as N2, T as R2, S as y2, U as A2, V as w2 } from "./provider.js";
+import { useRef as _, useState as S, useEffect as b, createContext as x2, useContext as e2, lazy as D2, useMemo as N, Suspense as F2, forwardRef as O2, useLayoutEffect as V2, useCallback as q, Component as B2 } from "react";
+import { n as $2 } from "./index2.js";
+import { Q as H2, S as w } from "./useStreamLayerApp2.js";
+const P2 = /* @__PURE__ */ c("div")({
   name: "SDKContainer",
   class: "s8zgqze",
   propsAsIs: !1
-}), W2 = /* @__PURE__ */ C("div")({
+}), U2 = /* @__PURE__ */ c("div")({
   name: "SDKScrollContainer",
   class: "s6t897k",
   propsAsIs: !1
-}), i2 = /* @__PURE__ */ C("div")({
+}), t2 = /* @__PURE__ */ c("div")({
   name: "SDKContentContainer",
   class: "sw7pkvp",
   propsAsIs: !1
-}), q2 = () => i2, $ = /* @__PURE__ */ C(q2())({
+}), G2 = () => t2, z2 = /* @__PURE__ */ c(G2())({
   name: "SDKWhiteContainer",
   class: "s14gkn7u",
   propsAsIs: !0
-}), Y2 = /* @__PURE__ */ C("div")({
+}), M2 = /* @__PURE__ */ c("div")({
   name: "TabsContainer",
   class: "t1yxstm9",
   propsAsIs: !1
-}), j2 = () => $, X2 = /* @__PURE__ */ C(j2())({
-  name: "LeaderboardContainer",
-  class: "ldpty1s",
-  propsAsIs: !0
-}), J2 = () => $, e0 = /* @__PURE__ */ C(J2())({
-  name: "TabsNavContainer",
-  class: "t136a59y",
-  propsAsIs: !0
-}), s0 = /* @__PURE__ */ C("div")({
+}), q2 = /* @__PURE__ */ c("div")({
   name: "UserSummaryContainer",
-  class: "u11vnm9m",
+  class: "udpty1s",
   propsAsIs: !1
-}), P = (e, s, n) => {
-  const o = s >= N.lg && s < N.xl ? 75 : 52;
-  e.current && window.scrollTo({
-    top: e.current.offsetTop - o,
+}), n2 = (t, e, n) => {
+  const o = e >= L.lg && e < L.xl ? 75 : 52;
+  t.current && window.scrollTo({
+    top: t.current.offsetTop - o,
     ...n
   });
-}, n0 = 15, t0 = (e, s) => {
-  const n = T(null), o = T(0), [r] = S(
-    e2({
+}, K2 = 15, Q2 = (t, e) => {
+  const n = _(null), o = _(0), [i] = S(
+    j({
       scrollPosition: 0,
       tabsShown: !0,
       scrollDirection: "forward"
     })
-  ), i = u(s);
-  return g(() => {
-    const a = window.innerWidth < N.xl ? window : n.current;
-    if (!a)
+  ), a = u(e);
+  return b(() => {
+    const r = window.innerWidth < L.xl ? window : n.current;
+    if (!r)
       return () => {
       };
-    const c = x((p) => {
+    const p = $((C) => {
       var l;
-      const d = p.target;
+      const d = C.target;
       if (!d)
         return;
-      let h = 0;
-      i.screen.size < N.xl ? h = ((l = e.current) == null ? void 0 : l.getBoundingClientRect().y) || 0 : h = d.scrollTop;
-      const m = o.current - h;
-      if (n0 > Math.abs(m))
+      let f = 0;
+      a.screen.size < L.xl ? f = ((l = t.current) == null ? void 0 : l.getBoundingClientRect().y) || 0 : f = d.scrollTop;
+      const m = o.current - f;
+      if (K2 > Math.abs(m))
         return;
-      const L = o.current < h ? "forward" : "backward";
-      o.current = h, r.set({
-        scrollPosition: Math.round(h),
-        scrollDirection: L,
-        tabsShown: r.get().tabsShown
+      const h = o.current < f ? "forward" : "backward";
+      o.current = f, i.set({
+        scrollPosition: Math.round(f),
+        scrollDirection: h,
+        tabsShown: i.get().tabsShown
       });
     }, 200);
-    return a.addEventListener("scroll", c), () => {
-      a.removeEventListener("scroll", c);
+    return r.addEventListener("scroll", p), () => {
+      r.removeEventListener("scroll", p);
     };
-  }, [r, e, i.screen]), [n, r];
-}, V = /* @__PURE__ */ C("div")({
+  }, [i, t, a.screen]), [n, i];
+}, V = /* @__PURE__ */ c("div")({
   name: "LoadingContainer",
   class: "l7wseip",
   propsAsIs: !1
-}), o0 = ({
-  feature: e,
-  sdk: s,
+}), Z2 = ({
+  feature: t,
+  sdk: e,
   children: n,
   className: o,
-  noWait: r
+  noWait: i
 }) => {
-  const i = u(e.status), a = u(s.sdkStore.slStreamId);
-  if (!r) {
-    if (a != null && a.loading && !a.data)
-      return /* @__PURE__ */ t(V, {
+  const a = u(t.status), r = u(e.sdkStore.slStreamId);
+  if (!i) {
+    if (r != null && r.loading && !r.data)
+      return /* @__PURE__ */ s(V, {
         className: o,
         children: "Event is loading..."
       });
-    if (!(a != null && a.data))
-      return /* @__PURE__ */ t(V, {
+    if (!(r != null && r.data))
+      return /* @__PURE__ */ s(V, {
         className: o,
         children: "Event is forbidden..."
       });
-    if (i !== c2.Ready)
-      return /* @__PURE__ */ t(V, {
+    if (a !== r2.Ready)
+      return /* @__PURE__ */ s(V, {
         className: o,
         children: "Wait feature..."
       });
   }
   return n;
-}, a2 = U2({
+}, s2 = x2({
   sdk: null
-}), G = () => r2(a2), r0 = /* @__PURE__ */ C("div")({
+}), U = () => e2(s2), W2 = /* @__PURE__ */ c("div")({
   name: "QuestionContainer",
   class: "qwgkhsv",
   propsAsIs: !1
-}), i0 = ({
-  openedQuestion: e
+}), Y2 = ({
+  openedQuestion: t
 }) => {
-  var s, n;
+  var e, n;
   const {
     sdk: o
-  } = G();
-  return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ t(C2, {
-    ...e.attributes.attributes.value,
+  } = U();
+  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ s(d2, {
+    ...t.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ t(u2, {
-    ...e.attributes.attributes.value,
+  }) : ((n = t == null ? void 0 : t.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(c2, {
+    ...t.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
   }) : null;
-}, a0 = ({
-  extendedQuestion: e,
-  vote: s,
+}, j2 = ({
+  extendedQuestion: t,
+  vote: e,
   close: n
 }) => {
   const {
     loading: o,
-    data: r
-  } = e;
-  return r ? /* @__PURE__ */ t(h2, {
-    vote: s,
+    data: i
+  } = t;
+  return i ? /* @__PURE__ */ s(p2, {
+    vote: e,
     close: n,
-    openedQuestion: r,
+    openedQuestion: i,
     isLoading: !!o
-  }) : /* @__PURE__ */ t(m2, {});
-}, l0 = ({
-  gamification: e
+  }) : /* @__PURE__ */ s(C2, {});
+}, X2 = ({
+  gamification: t
 }) => {
-  var s;
-  const n = u(e.openedQuestion.$store), o = u(e.openedQuestion.$extendedStore);
+  var e;
+  const n = u(t.openedQuestion.$store), o = u(t.openedQuestion.$extendedStore);
   if (!n)
     return null;
-  const r = n.type;
-  return /* @__PURE__ */ E(r0, {
-    children: [/* @__PURE__ */ t(s2, {
-      close: e.closeQuestion,
-      type: ((s = n.attributes) == null ? void 0 : s.type) || z2.UNSET
-    }), r === "question" && /* @__PURE__ */ t(a0, {
-      vote: e.submitAnswer,
-      close: e.closeQuestion,
+  const i = n.type;
+  return /* @__PURE__ */ v(W2, {
+    children: [/* @__PURE__ */ s(a2, {
+      close: t.closeQuestion,
+      type: ((e = n.attributes) == null ? void 0 : e.type) || H2.UNSET
+    }), i === "question" && /* @__PURE__ */ s(j2, {
+      vote: t.submitAnswer,
+      close: t.closeQuestion,
       extendedQuestion: o
-    }), r !== "question" && /* @__PURE__ */ t(i0, {
+    }), i !== "question" && /* @__PURE__ */ s(Y2, {
       openedQuestion: n
-    }), /* @__PURE__ */ t(p2, {
-      mastersLogo: !0
+    }), /* @__PURE__ */ s(l2, {
+      mastersApp: !0
     })]
   });
-}, d0 = /* @__PURE__ */ C("div")({
-  name: "InviteFriendsContainer",
-  class: "i1b9agwt",
-  propsAsIs: !1
-}), c0 = ({
-  deepLink: e
-}) => /* @__PURE__ */ t(d0, {
-  children: /* @__PURE__ */ t(v2, {
-    inviteLink: e,
-    inviteCardTitle: "It’s More Fun With Friends",
-    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
-  })
-}), p0 = /* @__PURE__ */ C("div")({
-  name: "InviteLinkContainer",
-  class: "ij36hcn",
-  propsAsIs: !1
-}), C0 = ({
-  gamification: e,
-  scrollNode: s,
-  scrollStore: n
-}) => {
-  const o = T(null), {
-    data: r,
-    hasMore: i,
-    loading: a,
-    key: c
-  } = u(e.leaderboardList.$store), {
-    data: p
-  } = u(e.deepLink.$store), [l, d] = E2(o);
-  return !r.length && !a ? /* @__PURE__ */ t(c0, {
-    deepLink: p
-  }) : /* @__PURE__ */ E(k, {
-    children: [/* @__PURE__ */ t(L2, {
-      items: r,
-      scrollNode: s,
-      scrollStore: n,
-      fetchMore: e.leaderboardList.fetchMore,
-      hasMore: i,
-      openItemDetail: e.openUser,
-      currentUserId: e.currentUserId.get()
-    }, c), p && /* @__PURE__ */ t(p0, {
-      ref: o,
-      children: /* @__PURE__ */ t(g2, {
-        onClick: () => l(p),
-        title: "Invite Friends",
-        description: "Challenge them now!"
-      })
-    }), d]
-  });
-}, u0 = ({ store: e, openQuestion: s }) => {
-  const { sdk: n } = G(), o = u(e);
-  return /* @__PURE__ */ t(S2, { openQuestion: s, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
-}, h0 = ({ userSummary: e }) => {
-  var s;
-  const [n, o] = S(void 0);
-  return g(() => {
-    const r = e.$store.subscribe((i) => {
-      i && o(i);
-    });
-    return () => {
-      r();
-    };
-  }, [e]), /* @__PURE__ */ t(n2, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (s = n == null ? void 0 : n.percentage) == null ? void 0 : s.correct });
-}, m0 = ({ gamification: e, className: s, scrollStore: n, scrollNode: o, appNode: r, style: i, responsiveStore: a }) => {
-  const { tabsShown: c } = u(n, { keys: ["tabsShown"] }), [p, l] = S(F.HOME), [, d] = N2(), { sdkInDesktopView: h, screen: m } = u(a, { keys: ["sdkInDesktopView"] }), L = (f) => {
-    d(() => {
-      var R;
-      l(f), h === !1 && (((R = r.current) == null ? void 0 : R.getBoundingClientRect().y) || 0) < 0 && P(r, m.size, { behavior: "instant" });
-    });
-  };
-  g(() => n.subscribe((f) => {
-    if (f.scrollPosition === 0) {
-      n.setKey("tabsShown", !0);
-      return;
+}, J2 = ({ store: t, openQuestion: e }) => {
+  const { sdk: n } = U(), o = u(t);
+  return /* @__PURE__ */ s(u2, { openQuestion: e, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
+}, e0 = ({ userSummary: t }) => {
+  var e;
+  const n = u(t.$store);
+  return /* @__PURE__ */ s(
+    f2,
+    {
+      hideFriendsRank: !0,
+      loading: !(n != null && n.summary),
+      ...n == null ? void 0 : n.summary,
+      successRate: (e = n == null ? void 0 : n.percentage) == null ? void 0 : e.correct
     }
-    a.get().sdkInDesktopView ? n.setKey("tabsShown", f.scrollDirection === "backward") : n.setKey("tabsShown", f.scrollDirection === "forward");
-  }), [n, a]);
-  let _ = "0px";
-  return h ? _ = c ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : _ = c ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ E(Y2, { className: s, style: i, children: [
-    /* @__PURE__ */ t(
-      e0,
-      {
-        style: {
-          top: _
-        },
-        children: /* @__PURE__ */ t(f2, { activePage: p, toggleActivePage: L })
-      }
-    ),
-    p === F.HOME && /* @__PURE__ */ E(k, { children: [
-      /* @__PURE__ */ t($, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ t(s0, { children: /* @__PURE__ */ t(h0, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ t(i2, { style: { flex: 1 }, children: /* @__PURE__ */ t(u0, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
-    ] }),
-    p === F.LEADERBOARD && /* @__PURE__ */ t(X2, { children: /* @__PURE__ */ t(C0, { scrollStore: n, scrollNode: o, gamification: e }) })
-  ] });
-}, v0 = () => U, W = /* @__PURE__ */ C(v0())({
+  );
+}, t0 = ({ gamification: t, className: e, style: n }) => /* @__PURE__ */ v(M2, { className: e, style: n, children: [
+  /* @__PURE__ */ s(z2, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(q2, { children: /* @__PURE__ */ s(e0, { userSummary: t.userSummary }) }) }),
+  /* @__PURE__ */ s(t2, { style: { flex: 1 }, children: /* @__PURE__ */ s(J2, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) })
+] }), n0 = () => P, s0 = /* @__PURE__ */ c(n0())({
   name: "OpenedContainer",
   class: "o1seszvt",
   propsAsIs: !0
-}), E0 = /* @__PURE__ */ C("div")({
-  name: "UserContainer",
-  class: "u1pbry50",
-  propsAsIs: !1
-}), L0 = ({
-  correct: e,
-  incorrect: s
-}) => {
-  const n = e + s;
-  return n === 0 ? 0 : Math.round(e / n * 100);
-}, C1 = ({
-  gamification: e,
-  scrollStore: s,
-  className: n,
-  appNode: o,
-  scrollNode: r,
-  responsiveStore: i
-}) => /* @__PURE__ */ t(m0, {
-  appNode: o,
-  scrollStore: s,
-  scrollNode: r,
-  className: n,
-  gamification: e,
-  responsiveStore: i
-}), g0 = ({
-  gamification: e,
-  className: s,
+}), o1 = ({
+  gamification: t,
+  className: e
+}) => /* @__PURE__ */ s(t0, {
+  className: e,
+  gamification: t
+}), o0 = ({
+  gamification: t,
+  className: e,
   appNode: n,
   responsiveStore: o
 }) => {
-  const r = u(e.openedQuestion.$store), i = u(e.openedUser), {
+  const i = u(t.openedQuestion.$store), {
     sdkInDesktopView: a
   } = u(o, {
     keys: ["sdkInDesktopView"]
   }), {
-    hiding: c,
+    hiding: r,
     onAnimationEnd: p
-  } = I2();
-  if (!n.current || !r && !i)
-    return null;
-  const l = r ? /* @__PURE__ */ t(W, {
-    className: s,
-    hiding: c,
-    onAnimationEnd: p,
-    children: /* @__PURE__ */ t(l0, {
-      gamification: e
-    })
-  }) : i ? /* @__PURE__ */ t(W, {
-    className: s,
-    hiding: c,
-    onAnimationEnd: p,
-    children: /* @__PURE__ */ E(E0, {
-      children: [/* @__PURE__ */ t(s2, {
-        label: "Friend's Rank",
-        close: e.closeUser
-      }), /* @__PURE__ */ t($, {
-        children: /* @__PURE__ */ t(n2, {
-          ...i,
-          successRate: L0(i)
-        })
-      })]
-    })
-  }) : null;
-  return /* @__PURE__ */ t(t2, {
+  } = m2();
+  return !n.current || !i ? null : /* @__PURE__ */ s(X, {
     container: n,
     useContainer: !a,
-    children: l
+    children: /* @__PURE__ */ s(s0, {
+      className: e,
+      hiding: r,
+      onAnimationEnd: p,
+      children: /* @__PURE__ */ s(X2, {
+        gamification: t
+      })
+    })
   });
-}, S0 = P2(() => import("./gamification-feature2.js")), f0 = ({ sdk: e, feature: s, className: n, scrollStore: o, appNode: r, scrollNode: i, responsiveStore: a }) => {
-  const c = b(() => s && s.featureConfig.get().type === w.GAMES ? /* @__PURE__ */ t(o0, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ t(
-    S0,
-    {
-      appNode: r,
-      scrollStore: o,
-      scrollNode: i,
-      className: n,
-      responsiveStore: a,
-      gamification: s
-    }
-  ) }) : null, [e, s, n, a, o, i, r]);
-  return /* @__PURE__ */ t(
-    G2,
+}, i0 = D2(() => import("./gamification-feature2.js")), r0 = ({ sdk: t, feature: e, className: n }) => {
+  const o = N(() => e && e.featureConfig.get().type === w.GAMES ? /* @__PURE__ */ s(Z2, { className: n, sdk: t, feature: e, children: /* @__PURE__ */ s(i0, { className: n, gamification: e }) }) : null, [t, e, n]);
+  return /* @__PURE__ */ s(
+    F2,
     {
-      fallback: /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: c
+      fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: o
     }
   );
-}, N0 = ({ feature: e, className: s, appNode: n, responsiveStore: o }) => e && e.featureConfig.get().type === w.GAMES ? /* @__PURE__ */ t(
-  g0,
+}, a0 = ({ feature: t, className: e, appNode: n, responsiveStore: o }) => t && t.featureConfig.get().type === w.GAMES ? /* @__PURE__ */ s(
+  o0,
   {
-    className: s,
+    className: e,
     appNode: n,
     responsiveStore: o,
-    gamification: e
+    gamification: t
   }
-) : null, I0 = /* @__PURE__ */ C("div")({
+) : null, l0 = /* @__PURE__ */ c("div")({
+  name: "Navigation",
+  class: "n1o1tw60",
+  propsAsIs: !1
+}), d0 = /* @__PURE__ */ c("div")({
+  name: "Container",
+  class: "co2rstw",
+  propsAsIs: !1
+}), c0 = /* @__PURE__ */ c("div")({
+  name: "Title",
+  class: "t1bqnx9c",
+  propsAsIs: !1
+}), p0 = () => J, C0 = /* @__PURE__ */ c(p0())({
+  name: "HeaderIcon",
+  class: "hlc2pcy",
+  propsAsIs: !0
+}), u0 = "h1aqxe8k", f0 = O2(({
+  className: t
+}, e) => /* @__PURE__ */ v(l0, {
+  className: A(t, u0),
+  children: [/* @__PURE__ */ s(d0, {
+    children: /* @__PURE__ */ v(c0, {
+      children: [/* @__PURE__ */ s(C0, {
+        name: "icon-trivia-transparent"
+      }), "Game Center"]
+    })
+  }), /* @__PURE__ */ s("div", {
+    ref: e
+  })]
+})), m0 = /* @__PURE__ */ c("div")({
   name: "Container",
   class: "czz4rjk",
   propsAsIs: !1
-}), _0 = /* @__PURE__ */ C("div")({
+}), g0 = /* @__PURE__ */ c("div")({
   name: "CloseIconWrap",
   class: "cxmojsy",
   propsAsIs: !1
-}), T0 = () => _2, R0 = /* @__PURE__ */ C(T0())({
+}), v0 = () => J, h0 = /* @__PURE__ */ c(v0())({
   name: "CloseIcon",
   class: "c1urm3yx",
   propsAsIs: !0
-}), A0 = /* @__PURE__ */ C("div")({
+}), b0 = /* @__PURE__ */ c("div")({
   name: "Title",
   class: "tme976v",
   propsAsIs: !1
-}), k0 = /* @__PURE__ */ C("img")({
+}), E0 = /* @__PURE__ */ c("img")({
   name: "SponsorLogo",
   class: "s1lal9yz",
   propsAsIs: !1
-}), y0 = /* @__PURE__ */ C("div")({
+}), L0 = /* @__PURE__ */ c("div")({
   name: "PresentsTitle",
   class: "pnn1sv1",
   propsAsIs: !1
-}), b0 = /* @__PURE__ */ C("div")({
+}), S0 = /* @__PURE__ */ c("div")({
   name: "Subtitle",
   class: "s1hjj1y8",
   propsAsIs: !1
-}), D0 = /* @__PURE__ */ C("div")({
+}), T0 = /* @__PURE__ */ c("div")({
   name: "Description",
   class: "dz7yjzw",
   propsAsIs: !1
-}), w0 = /* @__PURE__ */ C("button")({
+}), _0 = /* @__PURE__ */ c("button")({
   name: "ActionButton",
   class: "avpowqk",
   propsAsIs: !1
-}), q = ({ close: e, action: s, onboarding: n }) => {
-  var o, r, i, a, c, p, l, d;
-  return /* @__PURE__ */ E(I0, { children: [
-    /* @__PURE__ */ t(_0, { onClick: e, children: /* @__PURE__ */ t(R0, { name: "icon-cross" }) }),
-    ((r = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : r.sponsorLogo) && /* @__PURE__ */ E(A0, { children: [
-      /* @__PURE__ */ t(k0, { alt: "sponsor-logo", src: (a = (i = n == null ? void 0 : n.titleCard) == null ? void 0 : i.media) == null ? void 0 : a.sponsorLogo }),
-      /* @__PURE__ */ t(y0, { children: "PRESENTS" })
+}), K = ({ close: t, action: e, onboarding: n }) => {
+  var o, i, a, r, p, C, l, d;
+  return /* @__PURE__ */ v(m0, { children: [
+    /* @__PURE__ */ s(g0, { onClick: t, children: /* @__PURE__ */ s(h0, { name: "icon-cross" }) }),
+    ((i = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : i.sponsorLogo) && /* @__PURE__ */ v(b0, { children: [
+      /* @__PURE__ */ s(E0, { alt: "sponsor-logo", src: (r = (a = n == null ? void 0 : n.titleCard) == null ? void 0 : a.media) == null ? void 0 : r.sponsorLogo }),
+      /* @__PURE__ */ s(L0, { children: "PRESENTS" })
     ] }),
-    ((c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.title) && /* @__PURE__ */ t(b0, { children: (p = n == null ? void 0 : n.titleCard) == null ? void 0 : p.title }),
-    ((l = n == null ? void 0 : n.titleCard) == null ? void 0 : l.subtitle) && /* @__PURE__ */ t(D0, { children: (d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.subtitle }),
-    /* @__PURE__ */ t(w0, { onClick: s, children: "Play Now" })
+    ((p = n == null ? void 0 : n.titleCard) == null ? void 0 : p.title) && /* @__PURE__ */ s(S0, { children: (C = n == null ? void 0 : n.titleCard) == null ? void 0 : C.title }),
+    ((l = n == null ? void 0 : n.titleCard) == null ? void 0 : l.subtitle) && /* @__PURE__ */ s(T0, { children: (d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.subtitle }),
+    /* @__PURE__ */ s(_0, { onClick: e, children: "Play Now" })
   ] });
-}, $0 = "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", H = [{
+}, k0 = "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", H = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
   tagline: "Featured groups+ experience",
-  headline: /* @__PURE__ */ E(k, {
-    children: ["Welcome to ", /* @__PURE__ */ t("br", {}), " Featured Groups +"]
+  headline: /* @__PURE__ */ v(y, {
+    children: ["Welcome to ", /* @__PURE__ */ s("br", {}), " Featured Groups +"]
   })
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",
@@ -421,44 +320,44 @@ const Z2 = /* @__PURE__ */ C("div")({
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
   headline: "Compete against friends on the leaderboard"
-}], F0 = /* @__PURE__ */ C("div")({
+}], I0 = /* @__PURE__ */ c("div")({
   name: "OnboardingContainer",
   class: "on59ra",
   propsAsIs: !1
-}), O0 = () => U, V0 = /* @__PURE__ */ C(O0())({
+}), N0 = () => P, R0 = /* @__PURE__ */ c(N0())({
   name: "OnboardingNotificationContainer",
   class: "op1wk5d",
   propsAsIs: !0
-}), Y = /* @__PURE__ */ C("div")({
+}), Q = /* @__PURE__ */ c("div")({
   name: "InnerContainer",
   class: "i1i1g2vj",
   propsAsIs: !1
-}), B0 = ({
-  deepLink: e,
-  onboardingOpts: s,
+}), y0 = ({
+  deepLink: t,
+  onboardingOpts: e,
   notification: n,
   gamification: o,
-  loading: r,
-  sdk: i
+  loading: i,
+  sdk: a
 }) => {
-  var a, c, p, l, d, h, m;
-  const L = u(o.friends.getStore()), [_, f] = S(void 0), R = b(() => {
-    var v, y;
-    const M = i.getInviter();
-    return M ? (y = (v = L.data) == null ? void 0 : v.find(({
-      slId: d2
-    }) => d2 === M)) == null ? void 0 : y.name : "";
-  }, [L.data, i]);
-  return g(() => {
-    const v = e.$store.subscribe((y) => {
-      y && f(y.data);
+  var r, p, C, l, d, f, m;
+  const h = u(o.friends.getStore()), [k, x] = S(void 0), D = N(() => {
+    var g, I;
+    const G = a.getInviter();
+    return G ? (I = (g = h.data) == null ? void 0 : g.find(({
+      slId: i2
+    }) => i2 === G)) == null ? void 0 : I.name : "";
+  }, [h.data, a]);
+  return b(() => {
+    const g = t.$store.subscribe((I) => {
+      I && x(I.data);
     });
     return () => {
-      v();
+      g();
     };
-  }, [e.$store]), /* @__PURE__ */ t(F0, {
-    children: /* @__PURE__ */ t(R2, {
-      loading: r,
+  }, [t.$store]), /* @__PURE__ */ s(I0, {
+    children: /* @__PURE__ */ s(v2, {
+      loading: i,
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -469,85 +368,85 @@ const Z2 = /* @__PURE__ */ C("div")({
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (a = s.rules) == null ? void 0 : a.buttonLabel,
-      rulesTitle: (c = s.rules) == null ? void 0 : c.heading,
+      rulesBtnLabel: (r = e.rules) == null ? void 0 : r.buttonLabel,
+      rulesTitle: (p = e.rules) == null ? void 0 : p.heading,
       termsTitle: "Terms and Conditions",
-      termsText: (p = s.rules) == null ? void 0 : p.terms,
+      termsText: (C = e.rules) == null ? void 0 : C.terms,
       steps: H,
-      primaryColor: (l = s.inviteCard) == null ? void 0 : l.iconColor,
-      inviteLink: _,
-      inviteCardTitle: (d = s.inviteCard) == null ? void 0 : d.heading,
-      inviteCardSubtext: (h = s.inviteCard) == null ? void 0 : h.subtext,
-      inviteCardBtnLabel: (m = s.inviteCard) == null ? void 0 : m.buttonLabel,
+      primaryColor: (l = e.inviteCard) == null ? void 0 : l.iconColor,
+      inviteLink: k,
+      inviteCardTitle: (d = e.inviteCard) == null ? void 0 : d.heading,
+      inviteCardSubtext: (f = e.inviteCard) == null ? void 0 : f.subtext,
+      inviteCardBtnLabel: (m = e.inviteCard) == null ? void 0 : m.buttonLabel,
       onClose: () => {
-        var v;
-        (v = n.close) == null || v.call(n);
+        var g;
+        (g = n.close) == null || g.call(n);
       },
       gamification: o,
-      sdk: i,
-      inviterName: R
+      sdk: a,
+      inviterName: D
     })
   });
-}, x0 = ({
-  sdk: e,
-  notification: s,
+}, A0 = ({
+  sdk: t,
+  notification: e,
   saveHeight: n,
   style: o,
-  appNode: r,
-  sdkInDesktopView: i,
-  responsiveStore: a
+  appNode: i,
+  sdkInDesktopView: a,
+  responsiveStore: r
 }) => {
-  var c;
-  const p = T(null), l = s.data.onboarding, [d, h] = S(l == null ? void 0 : l.instantOpen), m = e.getFeature(w.GAMES), L = b(() => H == null ? void 0 : H.map(({
-    graphicSrc: v
-  }) => v), []), {
-    screen: _
-  } = u(a, {
+  var p;
+  const C = _(null), l = e.data.onboarding, [d, f] = S(l == null ? void 0 : l.instantOpen), m = t.getFeature(w.GAMES), h = N(() => H == null ? void 0 : H.map(({
+    graphicSrc: g
+  }) => g), []), {
+    screen: k
+  } = u(r, {
     keys: ["screen"]
   });
-  (c = l == null ? void 0 : l.titleCard) != null && c.media && (l.titleCard.media.sponsorLogo = $0), M2(() => {
-    var v;
-    n(((v = p.current) == null ? void 0 : v.getBoundingClientRect().height) || 0);
+  (p = l == null ? void 0 : l.titleCard) != null && p.media && (l.titleCard.media.sponsorLogo = k0), V2(() => {
+    var g;
+    n(((g = C.current) == null ? void 0 : g.getBoundingClientRect().height) || 0);
   }, [n]);
   const {
-    loading: f,
-    throttled: R
-  } = T2(L);
-  return d && m && l && r.current && !R ? /* @__PURE__ */ t(t2, {
-    container: r,
-    useContainer: !i,
-    children: /* @__PURE__ */ t(B0, {
-      notification: s,
-      setOpened: h,
+    loading: x,
+    throttled: D
+  } = g2(h);
+  return d && m && l && i.current && !D ? /* @__PURE__ */ s(X, {
+    container: i,
+    useContainer: !a,
+    children: /* @__PURE__ */ s(y0, {
+      notification: e,
+      setOpened: f,
       gamification: m,
       onboardingOpts: l,
       deepLink: m.deepLink,
-      loading: f,
-      sdk: e
+      loading: x,
+      sdk: t
     })
-  }) : /* @__PURE__ */ E(k, {
-    children: [/* @__PURE__ */ t(Y, {
-      ref: p,
+  }) : /* @__PURE__ */ v(y, {
+    children: [/* @__PURE__ */ s(Q, {
+      ref: C,
       style: {
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ t(q, {
+      children: /* @__PURE__ */ s(K, {
         close: () => {
         },
         action: () => {
         },
         onboarding: l
       })
-    }), /* @__PURE__ */ t(V0, {
+    }), /* @__PURE__ */ s(R0, {
       style: o,
-      hiding: s.hiding,
-      children: /* @__PURE__ */ t(Y, {
-        children: /* @__PURE__ */ t(q, {
-          close: s.close,
+      hiding: e.hiding,
+      children: /* @__PURE__ */ s(Q, {
+        children: /* @__PURE__ */ s(K, {
+          close: e.close,
           action: () => {
-            var v;
-            h(!0), (((v = r.current) == null ? void 0 : v.getBoundingClientRect().y) || 0) < 0 && P(r, _.size, {
+            var g;
+            f(!0), (((g = i.current) == null ? void 0 : g.getBoundingClientRect().y) || 0) < 0 && n2(i, k.size, {
               behavior: "smooth"
             });
           },
@@ -556,211 +455,211 @@ const Z2 = /* @__PURE__ */ C("div")({
       })
     })]
   });
-}, H0 = () => U, U0 = /* @__PURE__ */ C(H0())({
+}, w0 = () => P, x0 = /* @__PURE__ */ c(w0())({
   name: "Container",
   class: "c1f0y7nw",
   propsAsIs: !0
-}), l2 = /* @__PURE__ */ C("div")({
+}), o2 = /* @__PURE__ */ c("div")({
   name: "InnerContainer",
   class: "i1qa3p7a",
   propsAsIs: !1
-}), P0 = () => l2, G0 = /* @__PURE__ */ C(P0())({
+}), D0 = () => o2, F0 = /* @__PURE__ */ c(D0())({
   name: "HiddenContainer",
   class: "hrthymv",
   propsAsIs: !0
-}), M0 = /* @__PURE__ */ C("div")({
+}), O0 = /* @__PURE__ */ c("div")({
   name: "NotificationRefreshing",
   class: "n13rok4i",
   propsAsIs: !1
-}), K0 = () => A2, z0 = /* @__PURE__ */ C(K0())({
+}), V0 = () => h2, B0 = /* @__PURE__ */ c(V0())({
   name: "Pill",
   class: "pht79xf",
   propsAsIs: !0
-}), Q0 = (e) => {
-  const [s, n] = S(0), o = T(null), r = Z((a) => {
-    o.current = a;
+}), $0 = (t) => {
+  const [e, n] = S(0), o = _(null), i = q((r) => {
+    o.current = r;
   }, []);
-  g(() => {
-    var a;
-    const c = (a = o.current) == null ? void 0 : a.getBoundingClientRect();
-    c && n(c.height);
-  }, [e]);
-  const i = Z((a) => {
-    n(a);
+  b(() => {
+    var r;
+    const p = (r = o.current) == null ? void 0 : r.getBoundingClientRect();
+    p && n(p.height);
+  }, [t]);
+  const a = q((r) => {
+    n(r);
   }, []);
-  return [r, s, i];
-}, Z0 = ({
-  sdk: e,
-  notification: s,
+  return [i, e, a];
+}, H0 = ({
+  sdk: t,
+  notification: e,
   appNode: n,
   responsiveStore: o
 }) => {
-  var r, i;
+  var i, a;
   const {
-    sdkInDesktopView: a
+    sdkInDesktopView: r
   } = u(o, {
     keys: ["sdkInDesktopView"]
   }), {
-    sdk: c
-  } = G(), [p, l, d] = Q0(s.id);
-  return s.type === D.QUESTION ? /* @__PURE__ */ E(k, {
-    children: [/* @__PURE__ */ t(G0, {
-      ref: p,
-      children: /* @__PURE__ */ t(K, {
-        ...s
+    sdk: p
+  } = U(), [C, l, d] = $0(e.id);
+  return e.type === R.QUESTION ? /* @__PURE__ */ v(y, {
+    children: [/* @__PURE__ */ s(F0, {
+      ref: C,
+      children: /* @__PURE__ */ s(z, {
+        ...e
       })
-    }), /* @__PURE__ */ E(U0, {
+    }), /* @__PURE__ */ v(x0, {
       style: {
-        height: s.hiding ? 0 : l
+        height: e.hiding ? 0 : l
       },
-      hiding: s.hiding,
-      children: [/* @__PURE__ */ t(l2, {
+      hiding: e.hiding,
+      children: [/* @__PURE__ */ s(o2, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ t(K, {
-          ...s,
-          controlVideo: c == null ? void 0 : c.controlVideoPlayer
+        children: /* @__PURE__ */ s(z, {
+          ...e,
+          controlVideo: p == null ? void 0 : p.controlVideoPlayer
         })
-      }), /* @__PURE__ */ t(M0, {}, s.id)]
+      }), /* @__PURE__ */ s(O0, {}, e.id)]
     })]
-  }) : s.type === D.QUESTION_RESOLVED && (i = (r = s.data) == null ? void 0 : r.question) != null && i.predictionResult ? /* @__PURE__ */ t(y2, {
+  }) : e.type === R.QUESTION_RESOLVED && (a = (i = e.data) == null ? void 0 : i.question) != null && a.predictionResult ? /* @__PURE__ */ s(E2, {
     style: {
-      height: s.hiding ? 0 : l
+      height: e.hiding ? 0 : l
     },
     saveHeight: d,
-    close: s.close,
-    hiding: s.hiding,
-    ...s.data.question,
+    close: e.close,
+    hiding: e.hiding,
+    ...e.data.question,
     mastersApp: !0
-  }) : s.type === D.ONBOARDING ? /* @__PURE__ */ t(x0, {
+  }) : e.type === R.ONBOARDING ? /* @__PURE__ */ s(A0, {
     style: {
-      height: s.hiding ? 0 : l
+      height: e.hiding ? 0 : l
     },
     saveHeight: d,
-    sdk: e,
-    notification: s,
-    sdkInDesktopView: a,
+    sdk: t,
+    notification: e,
+    sdkInDesktopView: r,
     appNode: n,
     responsiveStore: o
   }) : null;
-}, W0 = "p1co32q0", q0 = ({
-  pill: e,
-  setPill: s,
+}, P0 = "p1co32q0", U0 = ({
+  pill: t,
+  setPill: e,
   appNode: n,
   headerNode: o,
-  scrollNode: r,
-  responsiveStore: i,
-  scrollStore: a
+  scrollNode: i,
+  responsiveStore: a,
+  scrollStore: r
 }) => {
-  var c, p;
+  var p, C;
   const {
     screen: l
-  } = u(i, {
+  } = u(a, {
     keys: ["screen"]
   }), {
     tabsShown: d,
-    scrollPosition: h
-  } = u(a, {
+    scrollPosition: f
+  } = u(r, {
     keys: ["tabsShown", "scrollPosition"]
   });
-  g(() => {
-    i.get().sdkInDesktopView ? h < 50 && s(null) : h > -50 && s(null);
-  }, [h, i, s]);
-  const m = i.get().sdkInDesktopView ? n : o;
-  return !e || !m.current ? null : b2.createPortal(/* @__PURE__ */ t(z0, {
-    title: e.type === D.QUESTION_RESOLVED ? "Prediction result" : `New ${((p = D2[(c = e.data) == null ? void 0 : c.questionType]) == null ? void 0 : p.label) || "notification"}`,
+  b(() => {
+    a.get().sdkInDesktopView ? f < 50 && e(null) : f > -50 && e(null);
+  }, [f, a, e]);
+  const m = a.get().sdkInDesktopView ? n : o;
+  return !t || !m.current ? null : L2.createPortal(/* @__PURE__ */ s(B0, {
+    title: t.type === R.QUESTION_RESOLVED ? "Prediction result" : `New ${((C = S2[(p = t.data) == null ? void 0 : p.questionType]) == null ? void 0 : C.label) || "notification"}`,
     onClick: () => {
-      var L;
-      i.get().sdkInDesktopView ? (L = r.current) == null || L.scrollTo({
+      var h;
+      a.get().sdkInDesktopView ? (h = i.current) == null || h.scrollTo({
         top: 0,
         behavior: "smooth"
-      }) : P(n, l.size, {
+      }) : n2(n, l.size, {
         behavior: "smooth"
-      }), s(null);
+      }), e(null);
     },
-    className: o2(d && W0, "sl-pill-button")
+    className: A(d && P0, "sl-pill-button")
   }), m.current);
-}, Y0 = ({
-  sdk: e,
-  headerNode: s,
+}, G0 = ({
+  sdk: t,
+  headerNode: e,
   scrollNode: n,
   responsiveStore: o,
-  appNode: r,
-  scrollStore: i
+  appNode: i,
+  scrollStore: a
 }) => {
-  const [a] = S(e.getNotificationsStore()), c = u(a), [p, l] = S(null), d = b(() => e.getActiveNotification(), [e, c]);
-  return g(() => {
-    d && k2.emit("notification", {
+  const [r] = S(t.getNotificationsStore()), p = u(r), [C, l] = S(null), d = N(() => t.getActiveNotification(), [t, p]);
+  return b(() => {
+    d && b2.emit("notification", {
       action: "rendered",
       payload: {
         questionId: d.data.questionId,
         questionType: d.data.questionType
       }
     });
-  }, [d]), g(() => {
+  }, [d]), b(() => {
     d && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && l(d), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
-      i.get().scrollPosition !== 0 && l(d);
+      a.get().scrollPosition !== 0 && l(d);
     }));
-  }, [d]), g(() => {
+  }, [d]), b(() => {
     d || l(null);
-  }, [d]), /* @__PURE__ */ E(k, {
-    children: [!p && d && /* @__PURE__ */ t(Z0, {
-      headerNode: s,
-      appNode: r,
-      sdk: e,
+  }, [d]), /* @__PURE__ */ v(y, {
+    children: [!C && d && /* @__PURE__ */ s(H0, {
+      headerNode: e,
+      appNode: i,
+      sdk: t,
       notification: d,
       responsiveStore: o
-    }), p && /* @__PURE__ */ t(q0, {
-      pill: p,
+    }), C && /* @__PURE__ */ s(U0, {
+      pill: C,
       setPill: l,
-      appNode: r,
+      appNode: i,
       notification: d,
-      headerNode: s,
+      headerNode: e,
       scrollNode: n,
-      scrollStore: i,
+      scrollStore: a,
       responsiveStore: o
     })]
   });
-}, j = Object.keys(N), B = () => {
-  const e = window.innerWidth;
-  let s = "sm";
-  for (let n = j.length - 1; n > 0; n--) {
-    const o = j[n];
-    if (!(e < N[o]) && e >= N[o]) {
-      s = o;
+}, Z = Object.keys(L), B = () => {
+  const t = window.innerWidth;
+  let e = "sm";
+  for (let n = Z.length - 1; n > 0; n--) {
+    const o = Z[n];
+    if (!(t < L[o]) && t >= L[o]) {
+      e = o;
       break;
     }
   }
   return {
-    name: s,
-    size: N[s]
+    name: e,
+    size: L[e]
   };
-}, X = (e) => {
-  var s;
-  return (((s = e.current) == null ? void 0 : s.getBoundingClientRect().y) || 0) < -68;
-}, J = (e) => e >= N.xl, j0 = (e) => {
-  const [s] = S(() => {
+}, W = (t) => {
+  var e;
+  return (((e = t.current) == null ? void 0 : e.getBoundingClientRect().y) || 0) < -68;
+}, Y = (t) => t >= L.xl, z0 = (t) => {
+  const [e] = S(() => {
     const n = B();
-    return e2({
+    return j({
       screen: B(),
-      sdkInView: X(e),
-      sdkInDesktopView: J(n.size)
+      sdkInView: W(t),
+      sdkInDesktopView: Y(n.size)
     });
   });
-  return g(() => {
-    const n = x(() => {
-      s.setKey("sdkInView", X(e));
-    }, 200), o = x(() => {
-      const r = B();
-      s.setKey("screen", r), s.setKey("sdkInDesktopView", J(r.size));
+  return b(() => {
+    const n = $(() => {
+      e.setKey("sdkInView", W(t));
+    }, 200), o = $(() => {
+      const i = B();
+      e.setKey("screen", i), e.setKey("sdkInDesktopView", Y(i.size));
     }, 200);
     return window.addEventListener("scroll", n), window.addEventListener("resize", o), () => {
       window.removeEventListener("scroll", n), window.removeEventListener("resize", o);
     };
-  }, [s, e]), [s];
-}, X0 = {
-  ...w2,
+  }, [e, t]), [e];
+}, M0 = {
+  ...T2,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   BG_TRANSPARENT: "rgba(0,0,0, .8)",
@@ -825,157 +724,145 @@ const Z2 = /* @__PURE__ */ C("div")({
   IN_APP_QUESTION_QUOTE: "rgba(10, 14, 19, 0.70)",
   IN_APP_QUESTION_RESULT_SUBTITLE_BG: "#1D7BFF",
   IN_APP_QUESTION_RESULT_LINE: "#babfc5"
-}, I = {
-  ...A,
+}, E = {
+  ...T,
   REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
   SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
+  SERIF1: "'Tiempos', 'Tiempos Headline', Times New Roman, serif",
   COLOR: "#fff",
   WEIGHT_DEFAULT: "500"
-}, J0 = Object.entries(X0).reduce((e, [s, n]) => `
-    ${e}
-    --color-${s.toLowerCase().replaceAll("_", "-")}: ${n};
+}, q0 = Object.entries(M0).reduce((t, [e, n]) => `
+    ${t}
+    --color-${e.toLowerCase().replaceAll("_", "-")}: ${n};
   `, "");
-`${J0}${I.REGULAR}${I.REGULAR}${I.COLOR}${I.SERIF}${I.WEIGHT_DEFAULT}${I.WEIGHT_DEFAULT1}${I.WEIGHT_DEFAULT2}${I.WEIGHT_DEFAULT3}${A.SIZE_DEFAULT}${A.SIZE_DEFAULT1}${A.SIZE_DEFAULT2}${A.LINE_HEIGHT}${A.MARGIN_TITLE_DEFAULT}${z.down("xl")`
+`${q0}${E.REGULAR}${E.REGULAR}${E.COLOR}${E.SERIF}${E.SERIF1}${E.WEIGHT_DEFAULT}${E.WEIGHT_DEFAULT1}${E.WEIGHT_DEFAULT2}${E.WEIGHT_DEFAULT3}${T.SIZE_DEFAULT}${T.SIZE_DEFAULT1}${T.SIZE_DEFAULT2}${T.LINE_HEIGHT}${T.MARGIN_TITLE_DEFAULT}${M.down("xl")`
     --header-offset: 0px;
     --watch-live-header: 0px;
-  `}${z.intermediate("xl", "lg")`
+  `}${M.intermediate("xl", "lg")`
     --header-offset: 0px;
   `}`;
-const e1 = "m1ojpy2l", s1 = ({ children: e, style: s }) => /* @__PURE__ */ t("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ t("div", { className: o2("masters-theme", e1), style: s, children: e }) }), n1 = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: r, responsiveStore: i }) => {
-  const [, a] = V2(e);
-  return /* @__PURE__ */ t(
-    f0,
-    {
-      className: s,
-      scrollNode: r,
-      appNode: o,
-      scrollStore: n,
-      feature: a,
-      responsiveStore: i,
-      sdk: e
-    }
-  );
-}, t1 = ({ sdk: e, className: s, appNode: n, responsiveStore: o }) => {
-  const r = u(e.featuresList.getStore());
-  return r ? Array.from(r, (i) => {
-    const a = e.getFeature(i);
-    return a ? /* @__PURE__ */ t(
-      N0,
+const K0 = "m1ojpy2l", Q0 = ({ children: t, style: e }) => /* @__PURE__ */ s("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ s("div", { className: A("masters-theme", K0), style: e, children: t }) }), Z0 = ({ sdk: t, className: e }) => {
+  const [, n] = N2(t);
+  return /* @__PURE__ */ s(r0, { className: e, feature: n, sdk: t });
+}, W0 = ({ sdk: t, className: e, appNode: n, responsiveStore: o }) => {
+  const i = u(t.featuresList.getStore());
+  return i ? Array.from(i, (a) => {
+    const r = t.getFeature(a);
+    return r ? /* @__PURE__ */ s(
+      a0,
       {
-        className: s,
+        className: e,
         appNode: n,
-        feature: a,
+        feature: r,
         responsiveStore: o,
-        sdk: e
+        sdk: t
       },
-      i
+      a
     ) : null;
   }) : null;
-}, o1 = ({
-  responsiveStore: e,
-  ...s
+}, Y0 = ({
+  responsiveStore: t,
+  ...e
 }) => {
-  const { sdkInDesktopView: n } = u(e);
-  return /* @__PURE__ */ t(Q2, { ...s, isMobile: !n });
-}, r1 = ({ sdk: e }) => {
-  const s = T(null), [n, o] = S(!0), r = T(null), [i] = j0(s), [a, c] = t0(s, i), p = u(e.status), l = u(e.sdkStore.slStreamId), d = !!u(e.userId()), h = p === "ready" && !!l.data;
-  g(() => {
+  const { sdkInDesktopView: n } = u(t);
+  return /* @__PURE__ */ s($2, { ...e, isMobile: !n });
+}, j0 = ({ sdk: t, betPack: e }) => {
+  const n = _(null), [o, i] = S(e), a = _(null), [r] = z0(n), [p, C] = Q2(n, r), l = u(t.status), d = u(t.sdkStore.slStreamId), f = !!u(t.userId()), m = l === "ready" && !!d.data;
+  b(() => {
     window.requestAnimationFrame(() => {
-      e.initializeApp().then(() => {
-        e.openFeature(w.GAMES);
+      t.initializeApp().then(() => {
+        t.openFeature(w.GAMES);
       });
     });
-  }, [e]), O(s, { enabled: !0, event: "click", listener: $2 }), O(a, {
+  }, [t]), F(n, { enabled: !0, event: "click", listener: _2 }), F(p, {
     enabled: !0,
     event: "scrollend",
-    listener: F2,
+    listener: k2,
     useDomNode: !0
-  }), O(a, {
+  }), F(p, {
     enabled: !0,
     event: "click",
-    listener: O2,
+    listener: I2,
     useDomNode: !0
   });
-  const m = b(() => ({ sdk: e }), [e]);
-  return g(() => {
+  const h = N(() => ({ sdk: t }), [t]);
+  return b(() => {
     import("./gamification-feature2.js");
-  }, []), /* @__PURE__ */ E(a2.Provider, { value: m, children: [
-    n && d && /* @__PURE__ */ t(
-      o1,
+  }, []), /* @__PURE__ */ v(s2.Provider, { value: h, children: [
+    o && f && /* @__PURE__ */ s(
+      Y0,
       {
-        sdk: e,
-        onEvent: ({ type: L }) => L === "slOpenGameCenter" ? o(!1) : () => {
+        sdk: t,
+        onEvent: ({ type: k }) => k === "slOpenGameCenter" ? i(!1) : () => {
         },
-        close: () => o(!1),
-        responsiveStore: i
+        close: () => i(!1),
+        responsiveStore: r
       }
     ),
-    !n && d && /* @__PURE__ */ t(Z2, { ref: s, children: /* @__PURE__ */ E(W2, { className: "sl-hide-on-modal", ref: a, children: [
-      h && /* @__PURE__ */ t(
-        Y0,
-        {
-          sdk: e,
-          scrollNode: a,
-          headerNode: r,
-          appNode: s,
-          scrollStore: c,
-          responsiveStore: i
-        }
-      ),
-      h && /* @__PURE__ */ t(
-        n1,
-        {
-          scrollStore: c,
-          responsiveStore: i,
-          scrollNode: a,
-          appNode: s,
-          className: Q,
-          sdk: e
-        }
-      ),
-      h && /* @__PURE__ */ t(
-        t1,
-        {
-          responsiveStore: i,
-          appNode: s,
-          className: Q,
-          sdk: e
-        }
-      )
-    ] }) }),
-    !d && /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
+    !o && /* @__PURE__ */ v(P2, { ref: n, children: [
+      /* @__PURE__ */ s(f0, { className: A(O, "sl-hide-on-modal"), ref: a }),
+      /* @__PURE__ */ v(U2, { "data-nav": !0, className: "sl-hide-on-modal", ref: p, children: [
+        m && /* @__PURE__ */ s(
+          G0,
+          {
+            sdk: t,
+            scrollNode: p,
+            headerNode: a,
+            appNode: n,
+            scrollStore: C,
+            responsiveStore: r
+          }
+        ),
+        m && /* @__PURE__ */ s(Z0, { className: O, sdk: t }),
+        m && /* @__PURE__ */ s(
+          W0,
+          {
+            responsiveStore: r,
+            appNode: n,
+            className: O,
+            sdk: t
+          }
+        )
+      ] })
+    ] })
   ] });
-}, u1 = ({ sdkKey: e, plugins: s, children: n, onDeepLinkHandled: o, videoPlayerController: r, production: i = !0 }) => /* @__PURE__ */ t(
-  B2,
+}, i1 = ({ sdkKey: t, plugins: e, children: n, event: o, onDeepLinkHandled: i, videoPlayerController: a, production: r = !0 }) => /* @__PURE__ */ v(
+  R2,
   {
-    sdkKey: e,
-    plugins: s,
-    production: i,
-    autoEnable: !1,
-    onDeepLinkHandled: o,
-    videoPlayerController: r,
-    children: n
+    sdkKey: t,
+    plugins: e,
+    production: r,
+    autoEnable: !0,
+    onDeepLinkHandled: i,
+    videoPlayerController: a,
+    friendsTab: "disabled",
+    skipOnboarding: !0,
+    hideFriends: !0,
+    children: [
+      /* @__PURE__ */ s(y2, { event: o }),
+      n
+    ]
   }
-), i1 = ({ children: e, overlays: s }) => {
-  const { sdk: n, status: o } = r2(x2);
-  return o === H2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), e({})) : n ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(s1, { style: { height: "100%" }, children: /* @__PURE__ */ t(r1, { sdk: n, overlays: s, children: e }) }) }) : e({});
+), X0 = ({ betPack: t }) => {
+  const { sdk: e, status: n } = e2(A2);
+  return n === w2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : e ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(Q0, { style: { height: "100%" }, children: /* @__PURE__ */ s(j0, { sdk: e, betPack: t }) }) }) : null;
 };
-class h1 extends K2 {
-  constructor(s) {
-    super(s), this.state = { hasError: !1 };
+class r1 extends B2 {
+  constructor(e) {
+    super(e), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(s, n) {
-    console.error(s, n.componentStack);
+  componentDidCatch(e, n) {
+    console.error(e, n.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children({}) : /* @__PURE__ */ t(i1, { ...this.props });
+    return this.state.hasError ? null : /* @__PURE__ */ s(X0, { ...this.props });
   }
 }
 export {
-  u1 as M,
-  h1 as a,
-  C1 as z
+  o1 as A,
+  i1 as M,
+  r1 as a
 };