@streamlayer/react 1.21.3 → 1.22.1

package/lib/classic/es/index2.js

@@ -0,0 +1,2621 @@
+var we = Object.defineProperty;
+var Le = (e, t, n) => t in e ? we(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var T = (e, t, n) => Le(e, typeof t != "symbol" ? t + "" : t, n);
+import { useState as L, useEffect as y, useRef as V, useCallback as U, Component as ke, createElement as _e, PureComponent as Te, lazy as Se, useMemo as M, Suspense as Ne, forwardRef as ie, useLayoutEffect as xe, useContext as f2 } from "react";
+import { c as g2, F as Re, z as Ee, Y as I2 } from "./hooks-B0Qttldg.js";
+import { jsx as s, jsxs as h, Fragment as R } from "react/jsx-runtime";
+import { I as re, l as Ve, S as H, e as B, p as b2, Q as S, a as He } from "./useStreamLayerApp2.js";
+import { m as Q, h as ze } from "./index7.js";
+import { u as A, A as D, s as i, b as Me, c as F, a as e2 } from "./sl-types.js";
+import { l as Oe, S as De, m as Fe, d as Be, n as qe, C as Ue, a as Pe, b as We, f as i2, p as je, c as Ze } from "./index13.js";
+import { F as t2, c as G, e as Ge } from "./index3.js";
+import { atom as Qe } from "nanostores";
+import c2 from "lodash.throttle";
+import { i as ae } from "./index-DSi8Qgfs.js";
+import { f as oe, b as Ke, A as Ye } from "./analytics.js";
+import { O as Je, p as u2, h as Xe, y as e0, e as t0 } from "./Question.js";
+import { i as O } from "./index8.js";
+import { I as m2, s as le, b as ce, e as de } from "./index12.js";
+import { createPortal as s2 } from "react-dom";
+import { u as s0 } from "./utils.js";
+import { B as _ } from "./index5.js";
+import n0 from "react-infinite-scroller";
+import { r as pe, S as i0, R as r0, D as a0 } from "./notification2.js";
+import { w as o0, E as l0 } from "./index9.js";
+import "uuid";
+import "@nanostores/query";
+import { d as c0 } from "./index4.js";
+const he = (e) => Qe(e), d0 = (e) => {
+  const t = A(e.getActiveFeature()), n = A(e.streamStore()), [r, a] = L(null);
+  return y(() => {
+    const o = e.getFeatures();
+    if (!t)
+      a(null);
+    else
+      for (const [c, l] of o)
+        c === t ? (l.status.get() === t2.Suspended && l.enable(), a(l)) : l.status.get() === t2.Ready && l.disable();
+    return () => {
+      for (const [, c] of o)
+        c.status.get() === t2.Ready && c.disable();
+    };
+  }, [t, e, n]), [t, r];
+}, $2 = Object.keys(D), A2 = () => {
+  const e = window.innerWidth;
+  let t = "sm";
+  for (let n = $2.length - 1; n > 0; n--) {
+    const r = $2[n];
+    if (!(e < D[r]) && e >= D[r]) {
+      t = r;
+      break;
+    }
+  }
+  return {
+    name: t,
+    size: D[t]
+  };
+}, y2 = (e) => {
+  var t;
+  return (((t = e.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) < -68;
+}, n2 = () => window.matchMedia("(orientation: landscape)").matches, p0 = (e) => {
+  const [t] = L(() => ae({
+    screen: A2(),
+    sdkInView: y2(e),
+    sdkInDesktopView: n2()
+  }));
+  return y(() => {
+    const n = c2(() => {
+      t.setKey("sdkInView", y2(e));
+    }, 200), r = c2(() => {
+      const a = A2();
+      t.setKey("screen", a), t.setKey("sdkInDesktopView", n2());
+    }, 200);
+    return window.addEventListener("scroll", n), window.addEventListener("resize", r), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", r);
+    };
+  }, [t, e]), [t];
+}, v2 = (e, t, n) => {
+  const r = t >= D.lg && t < D.xl ? 75 : 52;
+  e.current && window.scrollTo({
+    top: e.current.offsetTop - r,
+    ...n
+  });
+}, h0 = 15, u0 = (e, t) => {
+  const n = V(null), r = V(0), [a] = L(
+    ae({
+      scrollPosition: 0,
+      tabsShown: !0,
+      scrollDirection: "forward"
+    })
+  ), o = A(t);
+  return y(() => {
+    const c = n2() ? n.current : window;
+    if (!c)
+      return () => {
+      };
+    const l = c2((d) => {
+      var u;
+      const v = d.target;
+      if (!v)
+        return;
+      let m = 0;
+      n2() ? m = v.scrollTop : m = ((u = e.current) == null ? void 0 : u.getBoundingClientRect().y) || 0;
+      const p = r.current - m;
+      if (h0 > Math.abs(p))
+        return;
+      const C = r.current < m ? "forward" : "backward";
+      r.current = m, a.set({
+        scrollPosition: Math.round(m),
+        scrollDirection: C,
+        tabsShown: a.get().tabsShown
+      });
+    }, 200);
+    return c.addEventListener("scroll", l), () => {
+      c.removeEventListener("scroll", l);
+    };
+  }, [a, e, o.screen]), [n, a];
+}, a2 = /* @__PURE__ */ i("div")({
+  name: "LoadingContainer",
+  class: "lclc0ej",
+  propsAsIs: !1
+}), m0 = ({
+  feature: e,
+  sdk: t,
+  children: n,
+  className: r,
+  noWait: a
+}) => {
+  const o = A(e.status), c = A(t.sdkStore.slStreamId);
+  if (!a) {
+    if (c != null && c.loading && !c.data)
+      return /* @__PURE__ */ s(a2, {
+        className: r,
+        children: "Event is loading..."
+      });
+    if (!(c != null && c.data))
+      return /* @__PURE__ */ s(a2, {
+        className: r,
+        children: "Event is forbidden..."
+      });
+    if (o !== t2.Ready)
+      return /* @__PURE__ */ s(a2, {
+        className: r,
+        children: "Wait feature..."
+      });
+  }
+  return n;
+}, v0 = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1zy8a",
+  propsAsIs: !1
+}), C0 = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "t1vih9p5",
+  propsAsIs: !1
+}), f0 = /* @__PURE__ */ i("div")({
+  name: "Indicator",
+  class: "i1fbnvpb",
+  propsAsIs: !1
+}), w2 = ({ indicator: e, title: t }) => /* @__PURE__ */ h(v0, { children: [
+  /* @__PURE__ */ s(C0, { children: t }),
+  /* @__PURE__ */ s(f0, { children: e })
+] }), g0 = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "ctmhwyc",
+  propsAsIs: !1
+}), I0 = /* @__PURE__ */ i("div")({
+  name: "Indicator",
+  class: "i1jri200",
+  propsAsIs: !1
+}), b0 = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "t8s05oq",
+  propsAsIs: !1
+}), K = ({ indicator: e, title: t }) => /* @__PURE__ */ h(g0, { children: [
+  /* @__PURE__ */ s(I0, { children: e }),
+  /* @__PURE__ */ s(b0, { children: t })
+] }), $0 = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1yrpn9o",
+  propsAsIs: !1
+}), A0 = /* @__PURE__ */ i("div")({
+  name: "TopInfo",
+  class: "t17fwahh",
+  propsAsIs: !1
+}), y0 = /* @__PURE__ */ i("div")({
+  name: "BottomInfo",
+  class: "by6w7e9",
+  propsAsIs: !1
+}), w0 = /* @__PURE__ */ i("div")({
+  name: "User",
+  class: "u1g7arbm",
+  propsAsIs: !1
+}), L0 = /* @__PURE__ */ i("img")({
+  name: "Avatar",
+  class: "a1ldeata",
+  propsAsIs: !1
+}), k0 = /* @__PURE__ */ i("div")({
+  name: "UserInfo",
+  class: "u10d4koz",
+  propsAsIs: !1
+}), _0 = /* @__PURE__ */ i("div")({
+  name: "UserName",
+  class: "u1q6roj0",
+  propsAsIs: !1
+}), T0 = /* @__PURE__ */ i("div")({
+  name: "UserRating",
+  class: "ui0m425",
+  propsAsIs: !1
+}), S0 = /* @__PURE__ */ i("img")({
+  name: "TrophyIcon",
+  class: "t1el3mrn",
+  propsAsIs: !1
+}), N0 = /* @__PURE__ */ i("div")({
+  name: "RtsContainer",
+  class: "r2vgnxv",
+  propsAsIs: !1
+}), x0 = /* @__PURE__ */ i("div")({
+  name: "RtsDivider",
+  class: "roqn06j",
+  propsAsIs: !1
+}), R0 = /* @__PURE__ */ i("div")({
+  name: "Rts",
+  class: "r15adx7c",
+  propsAsIs: !1
+}), L2 = /* @__PURE__ */ i("div")({
+  name: "RtsIndicator",
+  class: "rv59lta",
+  propsAsIs: !1
+}), k2 = /* @__PURE__ */ i("div")({
+  name: "RtsLabel",
+  class: "r55lotb",
+  propsAsIs: !1
+}), E0 = /* @__PURE__ */ i("div")({
+  name: "Divider",
+  class: "d1knfgqt",
+  propsAsIs: !1
+}), V0 = /* @__PURE__ */ i("div")({
+  name: "Ranks",
+  class: "r1mqo824",
+  propsAsIs: !1
+}), H0 = /* @__PURE__ */ i("div")({
+  name: "Statistics",
+  class: "sxareh6",
+  propsAsIs: !1
+}), z0 = /* @__PURE__ */ i("div")({
+  name: "AvatarPlaceholder",
+  class: "amcu48h",
+  propsAsIs: !1
+}), M0 = /* @__PURE__ */ i("button")({
+  name: "UserAccountBtn",
+  class: "u32nfkp",
+  propsAsIs: !1
+}), O0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", ue = ({
+  loading: e,
+  hideFriendsRank: t,
+  avatar: n,
+  name: r,
+  points: a,
+  friendsRank: o,
+  rank: c,
+  streak: l,
+  correct: d,
+  incorrect: u,
+  inTop: v,
+  successRate: m
+}) => /* @__PURE__ */ h($0, { "data-loading": e, children: [
+  /* @__PURE__ */ s(A0, { children: /* @__PURE__ */ s(O, { loading: e, children: /* @__PURE__ */ h(w0, { children: [
+    /* @__PURE__ */ h(M0, { children: [
+      n && /* @__PURE__ */ s(L0, { alt: "avatar", src: n }),
+      !n && /* @__PURE__ */ s(z0, { children: m2(r || "") })
+    ] }),
+    /* @__PURE__ */ h(k0, { children: [
+      /* @__PURE__ */ s(_0, { children: r }),
+      /* @__PURE__ */ h(T0, { children: [
+        /* @__PURE__ */ h(N0, { children: [
+          /* @__PURE__ */ h(R0, { children: [
+            /* @__PURE__ */ s(S0, { alt: "rank-icon", src: O0 }),
+            /* @__PURE__ */ h(L2, { children: [
+              le(a),
+              /* @__PURE__ */ s(k2, { children: "PTS" })
+            ] })
+          ] }),
+          t && /* @__PURE__ */ h(L2, { children: [
+            /* @__PURE__ */ s(x0, {}),
+            c || 0,
+            /* @__PURE__ */ s(k2, { children: "global rank" })
+          ] })
+        ] }),
+        !t && /* @__PURE__ */ h(R, { children: [
+          /* @__PURE__ */ s(E0, {}),
+          /* @__PURE__ */ h("div", { children: [
+            "TOP ",
+            v || 0,
+            "%"
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) }) }),
+  /* @__PURE__ */ h(y0, { children: [
+    !t && /* @__PURE__ */ h(V0, { children: [
+      /* @__PURE__ */ s(O, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ s(w2, { indicator: o || 0, title: "Friends rank" }) }),
+      /* @__PURE__ */ s(O, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ s(w2, { indicator: c || 0, title: "Global rank" }) })
+    ] }),
+    /* @__PURE__ */ s(O, { loading: e, children: /* @__PURE__ */ h(H0, { children: [
+      /* @__PURE__ */ s(K, { indicator: l || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(K, { indicator: d || 0, title: "Correct" }),
+      /* @__PURE__ */ s(K, { indicator: u || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(K, { indicator: `${m || 0}%`, title: "Succ. rate" })
+    ] }) })
+  ] })
+] }), D0 = /* @__PURE__ */ i("div")({
+  name: "StaticContainer",
+  class: "svm502q",
+  propsAsIs: !1
+}), F0 = `
+  .sl-pill-button {
+    display: none !important;
+  }
+`, me = () => window.innerWidth >= D.md && window.innerWidth < D.lg ? 76 : 53, _2 = (e) => {
+  var t;
+  const n = me();
+  return Math.round((((t = e.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) - n) <= 0;
+}, ve = ({
+  children: e,
+  container: t,
+  useContainer: n,
+  staticStyles: r
+}) => {
+  const [a] = L(() => _2(t)), [o, c] = L(!1);
+  return y(() => {
+    if (!t.current || !a)
+      return c(!0), () => {
+      };
+    const l = window.scrollY;
+    return c(!0), () => {
+      _2(t) && window.scrollTo({
+        top: l,
+        behavior: "instant"
+      });
+    };
+  }, []), y(() => {
+    if (o && t.current && a) {
+      const l = me();
+      window.scrollTo({
+        top: t.current.offsetTop - l,
+        behavior: "instant"
+      });
+    }
+  }, [o]), !t.current || !o ? null : n ? s2(/* @__PURE__ */ h(D0, {
+    className: "StaticContainer",
+    children: [e, /* @__PURE__ */ s("style", {
+      children: s0
+    }), /* @__PURE__ */ s("style", {
+      children: F0
+    })]
+  }), t.current, "modal-node") : s2(/* @__PURE__ */ h(R, {
+    children: [e, /* @__PURE__ */ s("style", {
+      children: r
+    })]
+  }), t.current, "modal-node");
+}, B0 = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c115qtkr",
+  propsAsIs: !1
+}), q0 = /* @__PURE__ */ i("div")({
+  name: "STabs",
+  class: "sxnslc8",
+  propsAsIs: !1
+}), U0 = /* @__PURE__ */ i("button")({
+  name: "Button",
+  class: "b1umzux0",
+  propsAsIs: !1
+}), P0 = /* @__PURE__ */ i("span")({
+  name: "Title",
+  class: "tspsaas",
+  propsAsIs: !1
+});
+var j = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(j || {});
+const T2 = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(U0, { "data-a": "intr", onClick: n, "data-selected": t, children: /* @__PURE__ */ s(P0, { "data-a": "intr", children: e }) }), W0 = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(B0, { children: /* @__PURE__ */ h(q0, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(T2, { title: "Home", active: e === "home", onClick: () => t(
+    "home"
+    /* HOME */
+  ) }),
+  /* @__PURE__ */ s(
+    T2,
+    {
+      title: "Friends",
+      active: e === "leaderboard",
+      onClick: () => t(
+        "leaderboard"
+        /* LEADERBOARD */
+      )
+    }
+  )
+] }) }), j0 = /* @__PURE__ */ i("button")({
+  name: "Container",
+  class: "cpjnajb",
+  propsAsIs: !1
+}), Z0 = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c4m6kaz",
+  propsAsIs: !1
+}), G0 = /* @__PURE__ */ i("span")({
+  name: "Title",
+  class: "t1h8t9cc",
+  propsAsIs: !1
+}), Q0 = () => /* @__PURE__ */ s(j0, { children: /* @__PURE__ */ h(Z0, { children: [
+  /* @__PURE__ */ s(_, { name: "iconCopySuccess" }),
+  /* @__PURE__ */ s(G0, { children: "Link Copied to Clipboard" })
+] }) }), Ce = (e) => {
+  const t = V(), [n, r] = L(null), a = U(
+    async (o) => {
+      var c;
+      if (o && (c = navigator == null ? void 0 : navigator.clipboard) != null && c.writeText) {
+        t.current && (clearTimeout(t.current), r(null));
+        try {
+          await navigator.clipboard.writeText(o), e.current && (r(s2(/* @__PURE__ */ s(Q0, {}), e.current)), t.current = setTimeout(() => {
+            r(null);
+          }, 1e3));
+        } catch (l) {
+          console.error("Unable to copy to clipboard", l);
+        }
+      }
+    },
+    [e]
+  );
+  return y(() => () => {
+    clearTimeout(t.current);
+  }, []), [a, n];
+}, K0 = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1ux29ft",
+  propsAsIs: !1
+}), Y0 = () => _, J0 = /* @__PURE__ */ i(Y0())({
+  name: "FriendsIcon",
+  class: "f10ncfg2",
+  propsAsIs: !0
+}), X0 = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c1yc07bd",
+  propsAsIs: !1
+}), et = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "tj6cq7w",
+  propsAsIs: !1
+}), tt = /* @__PURE__ */ i("div")({
+  name: "Description",
+  class: "d1ag78xo",
+  propsAsIs: !1
+}), st = () => _, nt = /* @__PURE__ */ i(st())({
+  name: "ArrowInviteIcon",
+  class: "awohrz6",
+  propsAsIs: !0
+}), it = ({ title: e, description: t, onClick: n, className: r }) => {
+  const [a] = oe({
+    type: "invitation",
+    action: "sent",
+    payload: {
+      from: re.TITLE_CARD
+    }
+  });
+  return /* @__PURE__ */ h(K0, { "data-a": "intr", onClick: a(n), className: r, children: [
+    /* @__PURE__ */ s(J0, { name: "icon-friends" }),
+    /* @__PURE__ */ h(X0, { children: [
+      /* @__PURE__ */ s(et, { children: e }),
+      /* @__PURE__ */ s(tt, { children: t })
+    ] }),
+    /* @__PURE__ */ s(nt, { name: "icon-copy" })
+  ] });
+};
+let E;
+typeof window < "u" ? E = window : typeof self < "u" ? E = self : E = Ve;
+let d2 = null, p2 = null;
+const S2 = 20, o2 = E.clearTimeout, N2 = E.setTimeout, l2 = E.cancelAnimationFrame || E.mozCancelAnimationFrame || E.webkitCancelAnimationFrame, x2 = E.requestAnimationFrame || E.mozRequestAnimationFrame || E.webkitRequestAnimationFrame;
+l2 == null || x2 == null ? (d2 = o2, p2 = function(t) {
+  return N2(t, S2);
+}) : (d2 = function([t, n]) {
+  l2(t), o2(n);
+}, p2 = function(t) {
+  const n = x2(function() {
+    o2(r), t();
+  }), r = N2(function() {
+    l2(n), t();
+  }, S2);
+  return [n, r];
+});
+function rt(e) {
+  let t, n, r, a, o, c, l;
+  const d = typeof document < "u" && document.attachEvent;
+  if (!d) {
+    c = function($) {
+      const b = $.__resizeTriggers__, k = b.firstElementChild, w = b.lastElementChild, x = k.firstElementChild;
+      w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight, x.style.width = k.offsetWidth + 1 + "px", x.style.height = k.offsetHeight + 1 + "px", k.scrollLeft = k.scrollWidth, k.scrollTop = k.scrollHeight;
+    }, o = function($) {
+      return $.offsetWidth !== $.__resizeLast__.width || $.offsetHeight !== $.__resizeLast__.height;
+    }, l = function($) {
+      if ($.target.className && typeof $.target.className.indexOf == "function" && $.target.className.indexOf("contract-trigger") < 0 && $.target.className.indexOf("expand-trigger") < 0)
+        return;
+      const b = this;
+      c(this), this.__resizeRAF__ && d2(this.__resizeRAF__), this.__resizeRAF__ = p2(function() {
+        o(b) && (b.__resizeLast__.width = b.offsetWidth, b.__resizeLast__.height = b.offsetHeight, b.__resizeListeners__.forEach(function(x) {
+          x.call(b, $);
+        }));
+      });
+    };
+    let p = !1, C = "";
+    r = "animationstart";
+    const g = "Webkit Moz O ms".split(" ");
+    let I = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), f = "";
+    {
+      const $ = document.createElement("fakeelement");
+      if ($.style.animationName !== void 0 && (p = !0), p === !1) {
+        for (let b = 0; b < g.length; b++)
+          if ($.style[g[b] + "AnimationName"] !== void 0) {
+            f = g[b], C = "-" + f.toLowerCase() + "-", r = I[b], p = !0;
+            break;
+          }
+      }
+    }
+    n = "resizeanim", t = "@" + C + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", a = C + "animation: 1ms " + n + "; ";
+  }
+  const u = function(p) {
+    if (!p.getElementById("detectElementResize")) {
+      const C = (t || "") + ".resize-triggers { " + (a || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', g = p.head || p.getElementsByTagName("head")[0], I = p.createElement("style");
+      I.id = "detectElementResize", I.type = "text/css", e != null && I.setAttribute("nonce", e), I.styleSheet ? I.styleSheet.cssText = C : I.appendChild(p.createTextNode(C)), g.appendChild(I);
+    }
+  };
+  return {
+    addResizeListener: function(p, C) {
+      if (d)
+        p.attachEvent("onresize", C);
+      else {
+        if (!p.__resizeTriggers__) {
+          const g = p.ownerDocument, I = E.getComputedStyle(p);
+          I && I.position === "static" && (p.style.position = "relative"), u(g), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = g.createElement("div")).className = "resize-triggers";
+          const f = g.createElement("div");
+          f.className = "expand-trigger", f.appendChild(g.createElement("div"));
+          const $ = g.createElement("div");
+          $.className = "contract-trigger", p.__resizeTriggers__.appendChild(f), p.__resizeTriggers__.appendChild($), p.appendChild(p.__resizeTriggers__), c(p), p.addEventListener("scroll", l, !0), r && (p.__resizeTriggers__.__animationListener__ = function(k) {
+            k.animationName === n && c(p);
+          }, p.__resizeTriggers__.addEventListener(r, p.__resizeTriggers__.__animationListener__));
+        }
+        p.__resizeListeners__.push(C);
+      }
+    },
+    removeResizeListener: function(p, C) {
+      if (d)
+        p.detachEvent("onresize", C);
+      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(C), 1), !p.__resizeListeners__.length) {
+        p.removeEventListener("scroll", l, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(r, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
+        try {
+          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
+        } catch {
+        }
+      }
+    }
+  };
+}
+class at extends ke {
+  constructor(...t) {
+    super(...t), this.state = {
+      height: this.props.defaultHeight || 0,
+      scaledHeight: this.props.defaultHeight || 0,
+      scaledWidth: this.props.defaultWidth || 0,
+      width: this.props.defaultWidth || 0
+    }, this._autoSizer = null, this._detectElementResize = null, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+      this._timeoutId = null;
+      const {
+        disableHeight: n,
+        disableWidth: r,
+        onResize: a
+      } = this.props;
+      if (this._parentNode) {
+        const o = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(o.paddingLeft || "0"), l = parseFloat(o.paddingRight || "0"), d = parseFloat(o.paddingTop || "0"), u = parseFloat(o.paddingBottom || "0"), v = this._parentNode.getBoundingClientRect(), m = v.height - d - u, p = v.width - c - l, C = this._parentNode.offsetHeight - d - u, g = this._parentNode.offsetWidth - c - l;
+        (!n && (this.state.height !== C || this.state.scaledHeight !== m) || !r && (this.state.width !== g || this.state.scaledWidth !== p)) && (this.setState({
+          height: C,
+          width: g,
+          scaledHeight: m,
+          scaledWidth: p
+        }), typeof a == "function" && a({
+          height: C,
+          scaledHeight: m,
+          scaledWidth: p,
+          width: g
+        }));
+      }
+    }, this._setRef = (n) => {
+      this._autoSizer = n;
+    };
+  }
+  componentDidMount() {
+    const {
+      nonce: t
+    } = this.props, n = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (n != null && n.ownerDocument && n.ownerDocument.defaultView && n instanceof n.ownerDocument.defaultView.HTMLElement) {
+      this._parentNode = n;
+      const r = n.ownerDocument.defaultView.ResizeObserver;
+      r != null ? (this._resizeObserver = new r(() => {
+        this._timeoutId = setTimeout(this._onResize, 0);
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = rt(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+    }
+  }
+  componentWillUnmount() {
+    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && this._resizeObserver.disconnect());
+  }
+  render() {
+    const {
+      children: t,
+      defaultHeight: n,
+      defaultWidth: r,
+      disableHeight: a = !1,
+      disableWidth: o = !1,
+      doNotBailOutOnEmptyChildren: c = !1,
+      nonce: l,
+      onResize: d,
+      style: u = {},
+      tagName: v = "div",
+      ...m
+    } = this.props, {
+      height: p,
+      scaledHeight: C,
+      scaledWidth: g,
+      width: I
+    } = this.state, f = {
+      overflow: "visible"
+    }, $ = {};
+    let b = !1;
+    return a || (p === 0 && (b = !0), f.height = 0, $.height = p, $.scaledHeight = C), o || (I === 0 && (b = !0), f.width = 0, $.width = I, $.scaledWidth = g), c && (b = !1), _e(v, {
+      ref: this._setRef,
+      style: {
+        ...f,
+        ...u
+      },
+      ...m
+    }, !b && t($));
+  }
+}
+function ot(e) {
+  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, r = e.startIndex, a = e.stopIndex;
+  return !(r > n || a < t);
+}
+function lt(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, r = e.minimumBatchSize, a = e.startIndex, o = e.stopIndex, c = [], l = null, d = null, u = a; u <= o; u++) {
+    var v = t(u);
+    v ? d !== null && (c.push(l, d), l = d = null) : (d = u, l === null && (l = u));
+  }
+  if (d !== null) {
+    for (var m = Math.min(Math.max(d, l + r - 1), n - 1), p = d + 1; p <= m && !t(p); p++)
+      d = p;
+    c.push(l, d);
+  }
+  if (c.length)
+    for (; c[1] - c[0] + 1 < r && c[0] > 0; ) {
+      var C = c[0] - 1;
+      if (!t(C))
+        c[0] = C;
+      else
+        break;
+    }
+  return c;
+}
+var ct = function(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}, dt = /* @__PURE__ */ function() {
+  function e(t, n) {
+    for (var r = 0; r < n.length; r++) {
+      var a = n[r];
+      a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);
+    }
+  }
+  return function(t, n, r) {
+    return n && e(t.prototype, n), r && e(t, r), t;
+  };
+}(), pt = function(e, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof t);
+  e.prototype = Object.create(t && t.prototype, {
+    constructor: {
+      value: e,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
+}, R2 = function(e, t) {
+  if (!e)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t && (typeof t == "object" || typeof t == "function") ? t : e;
+};
+(function(e) {
+  pt(t, e);
+  function t() {
+    var n, r, a, o;
+    ct(this, t);
+    for (var c = arguments.length, l = Array(c), d = 0; d < c; d++)
+      l[d] = arguments[d];
+    return o = (r = (a = R2(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), a), a._lastRenderedStartIndex = -1, a._lastRenderedStopIndex = -1, a._memoizedUnloadedRanges = [], a._onItemsRendered = function(u) {
+      var v = u.visibleStartIndex, m = u.visibleStopIndex;
+      a._lastRenderedStartIndex = v, a._lastRenderedStopIndex = m, a._ensureRowsLoaded(v, m);
+    }, a._setRef = function(u) {
+      a._listRef = u;
+    }, r), R2(a, o);
+  }
+  return dt(t, [{
+    key: "resetloadMoreItemsCache",
+    value: function() {
+      var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], r && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this.props.children;
+      return r({
+        onItemsRendered: this._onItemsRendered,
+        ref: this._setRef
+      });
+    }
+  }, {
+    key: "_ensureRowsLoaded",
+    value: function(r, a) {
+      var o = this.props, c = o.isItemLoaded, l = o.itemCount, d = o.minimumBatchSize, u = d === void 0 ? 10 : d, v = o.threshold, m = v === void 0 ? 15 : v, p = lt({
+        isItemLoaded: c,
+        itemCount: l,
+        minimumBatchSize: u,
+        startIndex: Math.max(0, r - m),
+        stopIndex: Math.min(l - 1, a + m)
+      });
+      (this._memoizedUnloadedRanges.length !== p.length || this._memoizedUnloadedRanges.some(function(C, g) {
+        return p[g] !== C;
+      })) && (this._memoizedUnloadedRanges = p, this._loadUnloadedRanges(p));
+    }
+  }, {
+    key: "_loadUnloadedRanges",
+    value: function(r) {
+      for (var a = this, o = this.props.loadMoreItems || this.props.loadMoreRows, c = function(u) {
+        var v = r[u], m = r[u + 1], p = o(v, m);
+        p != null && p.then(function() {
+          if (ot({
+            lastRenderedStartIndex: a._lastRenderedStartIndex,
+            lastRenderedStopIndex: a._lastRenderedStopIndex,
+            startIndex: v,
+            stopIndex: m
+          })) {
+            if (a._listRef == null)
+              return;
+            typeof a._listRef.resetAfterIndex == "function" ? a._listRef.resetAfterIndex(v, !0) : (typeof a._listRef._getItemStyleCache == "function" && a._listRef._getItemStyleCache(-1), a._listRef.forceUpdate());
+          }
+        });
+      }, l = 0; l < r.length; l += 2)
+        c(l);
+    }
+  }]), t;
+})(Te);
+const ht = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "culdu4a",
+  propsAsIs: !1
+}), ut = /* @__PURE__ */ i("div")({
+  name: "Position",
+  class: "pwf8e69",
+  propsAsIs: !1
+}), mt = /* @__PURE__ */ i("img")({
+  name: "Avatar",
+  class: "atf4yh4",
+  propsAsIs: !1
+}), vt = /* @__PURE__ */ i("div")({
+  name: "AvatarPlaceholder",
+  class: "a1dg29ja",
+  propsAsIs: !1
+}), Ct = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c10a68rc",
+  propsAsIs: !1
+}), ft = /* @__PURE__ */ i("div")({
+  name: "NameContainer",
+  class: "nc4kck5",
+  propsAsIs: !1
+}), gt = /* @__PURE__ */ i("span")({
+  name: "Name",
+  class: "njsrqgr",
+  propsAsIs: !1
+}), It = () => _, bt = /* @__PURE__ */ i(It())({
+  name: "CurrentUserBadge",
+  class: "c17uc4zr",
+  propsAsIs: !0
+}), $t = ({
+  friendsRank: e,
+  avatar: t,
+  name: n,
+  userId: r,
+  points: a,
+  isCurrentUser: o,
+  style: c
+}) => /* @__PURE__ */ h(ht, { "data-name": r, style: c, children: [
+  /* @__PURE__ */ s(ut, { children: e || 0 }),
+  /* @__PURE__ */ h(Ct, { children: [
+    t ? /* @__PURE__ */ s(mt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(vt, { children: m2(n || "") }),
+    /* @__PURE__ */ h(ft, { children: [
+      /* @__PURE__ */ s(gt, { children: n || "" }),
+      o && /* @__PURE__ */ s(bt, { name: "icon-star" })
+    ] })
+  ] }),
+  /* @__PURE__ */ s("div", { children: le(a) })
+] }), At = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c16btbfp",
+  propsAsIs: !1
+}), yt = ({
+  items: e,
+  currentUserId: t,
+  openItemDetail: n,
+  fetchMore: r,
+  scrollNode: a,
+  hasMore: o
+}) => {
+  const c = U((l) => {
+    const d = l.target.getAttribute("data-name");
+    d && n(d);
+  }, [n]);
+  return /* @__PURE__ */ s(n0, {
+    loadMore: r,
+    initialLoad: !1,
+    hasMore: o,
+    useWindow: !1,
+    getScrollParent: () => a.current,
+    children: /* @__PURE__ */ s(At, {
+      "data-a": "intr",
+      onClick: c,
+      children: e.map((l) => /* @__PURE__ */ s($t, {
+        ...l,
+        isCurrentUser: !!t && t === l.userId
+      }, l.userId))
+    })
+  });
+}, wt = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1itm4k7",
+  propsAsIs: !1
+}), Lt = /* @__PURE__ */ i("div")({
+  name: "IconContainer",
+  class: "i1w4fsni",
+  propsAsIs: !1
+}), kt = () => _, _t = /* @__PURE__ */ i(kt())({
+  name: "InviteGameIcon",
+  class: "i19m85r1",
+  propsAsIs: !0
+}), Tt = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c1mbu204",
+  propsAsIs: !1
+}), St = /* @__PURE__ */ i("div")({
+  name: "Heading",
+  class: "h1amdqtv",
+  propsAsIs: !1
+}), Nt = /* @__PURE__ */ i("div")({
+  name: "Subtext",
+  class: "s1lhlj9j",
+  propsAsIs: !1
+}), xt = /* @__PURE__ */ i("div")({
+  name: "LinkContainer",
+  class: "l1wot35e",
+  propsAsIs: !1
+}), Rt = /* @__PURE__ */ i("div")({
+  name: "LinkInfo",
+  class: "l1jdw39q",
+  propsAsIs: !1
+}), Et = /* @__PURE__ */ i("span")({
+  name: "LinkTitle",
+  class: "l1cr5mk",
+  propsAsIs: !1
+}), Vt = /* @__PURE__ */ i("span")({
+  name: "LinkAddress",
+  class: "lvi87q4",
+  propsAsIs: !1
+}), Ht = () => _, zt = /* @__PURE__ */ i(Ht())({
+  name: "LinkIcon",
+  class: "l1pqlvw3",
+  propsAsIs: !0
+}), fe = ({
+  inviteLink: e,
+  inviteCardTitle: t,
+  inviteCardSubtext: n,
+  primaryColor: r,
+  className: a
+}) => {
+  const o = V(null), [c, l] = Ce(o), [d] = oe({
+    type: "invitation",
+    action: "sent",
+    payload: {
+      from: re.MENU
+    }
+  });
+  return /* @__PURE__ */ h(wt, { className: a, children: [
+    /* @__PURE__ */ s(Lt, { style: { backgroundColor: r }, children: /* @__PURE__ */ s(_t, { name: "invite-game-icon" }) }),
+    /* @__PURE__ */ h(Tt, { children: [
+      /* @__PURE__ */ s(St, { children: t || "" }),
+      /* @__PURE__ */ s(Nt, { children: n || "" })
+    ] }),
+    e && /* @__PURE__ */ h(xt, { ref: o, "data-a": "intr", onClick: d(() => c(e)), children: [
+      /* @__PURE__ */ h(Rt, { children: [
+        /* @__PURE__ */ s(Et, { children: "Invite link" }),
+        /* @__PURE__ */ s(Vt, { children: e })
+      ] }),
+      /* @__PURE__ */ s(zt, { name: "icon-copy" })
+    ] }),
+    l
+  ] });
+}, Mt = /* @__PURE__ */ i("div")({
+  name: "InviteFriendsContainer",
+  class: "i1c9dygq",
+  propsAsIs: !1
+}), Ot = ({
+  deepLink: e
+}) => /* @__PURE__ */ s(Mt, {
+  children: /* @__PURE__ */ s(fe, {
+    inviteLink: e,
+    inviteCardTitle: "It’s More Fun With Friends",
+    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
+  })
+}), Dt = /* @__PURE__ */ i("div")({
+  name: "InviteLinkContainer",
+  class: "i1odbhm4",
+  propsAsIs: !1
+}), Ft = ({
+  gamification: e,
+  scrollNode: t,
+  scrollStore: n,
+  leaderboardList: r
+}) => {
+  const a = V(null), {
+    data: o,
+    hasMore: c,
+    loading: l,
+    key: d
+  } = A(r.$store), {
+    data: u
+  } = A(e.deepLink.$store), [v, m] = Ce(a);
+  return !o.length && !l ? /* @__PURE__ */ s(Ot, {
+    deepLink: u
+  }) : /* @__PURE__ */ h(R, {
+    children: [/* @__PURE__ */ s(yt, {
+      items: o,
+      scrollNode: t,
+      scrollStore: n,
+      fetchMore: r.fetchMore,
+      hasMore: c,
+      openItemDetail: e.openUser,
+      currentUserId: e.currentUserId.get()
+    }, d), u && /* @__PURE__ */ s(Dt, {
+      ref: a,
+      children: /* @__PURE__ */ s(it, {
+        "data-a": "intr",
+        onClick: () => v(u),
+        title: "Invite Friends",
+        description: "Challenge them now!"
+      })
+    }), m]
+  });
+}, Bt = ({
+  gamification: e,
+  scrollNode: t,
+  scrollStore: n
+}) => e.leaderboardList ? /* @__PURE__ */ s(Ft, {
+  leaderboardList: e.leaderboardList,
+  gamification: e,
+  scrollNode: t,
+  scrollStore: n
+}) : null, qt = () => pe, Ut = /* @__PURE__ */ i(qt())({
+  name: "Container",
+  class: "cll3md7",
+  propsAsIs: !0
+}), Pt = () => i0, Wt = /* @__PURE__ */ i(Pt())({
+  name: "ActionBtn",
+  class: "a10g1iik",
+  propsAsIs: !0
+}), jt = ({ questionId: e, ...t }) => /* @__PURE__ */ h(Ut, { "data-a": "intr", "data-name": e, children: [
+  /* @__PURE__ */ s(Je, { questionId: e, ...t }),
+  /* @__PURE__ */ s(Wt, { "data-a": "intr", "data-name": e, children: "View Insight" })
+] }), Zt = () => pe, Gt = /* @__PURE__ */ i(Zt())({
+  name: "Container",
+  class: "cl56x6b",
+  propsAsIs: !0
+}), Qt = /* @__PURE__ */ i("button")({
+  name: "ActionButton",
+  class: "a11pzf92",
+  propsAsIs: !1
+}), Kt = /* @__PURE__ */ i("blockquote")({
+  name: "Quote",
+  class: "q1hbaleq",
+  propsAsIs: !1
+}), Yt = ({ ...e }) => /* @__PURE__ */ h(Gt, { "data-a": "intr", "data-name": e.tweetId, children: [
+  e.title && /* @__PURE__ */ s(Kt, { children: e.title }),
+  /* @__PURE__ */ s(ce, { ...e }),
+  /* @__PURE__ */ s(Qt, { "data-a": "intr", "data-name": e.tweetId, children: "View Insight" })
+] }), E2 = /* @__PURE__ */ i("div")({
+  name: "QuestionsContainer",
+  class: "qvghv3l",
+  propsAsIs: !1
+}), Jt = ({ questions: e, openQuestion: t, controlVideo: n }) => e ? /* @__PURE__ */ s(E2, { "data-a": "intr", onClick: (a) => {
+  const o = a.target.getAttribute("data-name");
+  o && (o0(), t(o, { openedFrom: "list" }));
+}, children: e == null ? void 0 : e.map((a) => {
+  var o, c, l;
+  if (a.type === "question" && ((o = a.attributes) == null ? void 0 : o.attributes.case) === "question") {
+    const d = a.attributes.attributes.value;
+    return /* @__PURE__ */ s(r0, { ...d }, d.questionId);
+  }
+  if (a.type === "insight" && ((c = a.attributes) == null ? void 0 : c.attributes.case) === "insight") {
+    const d = a.attributes.attributes.value;
+    return /* @__PURE__ */ s(jt, { controlVideo: n, ...d }, d.questionId);
+  }
+  if (a.type === "tweet" && ((l = a.attributes) == null ? void 0 : l.attributes.case) === "tweet") {
+    const d = a.attributes.attributes.value, u = a.attributes.id;
+    return /* @__PURE__ */ s(Yt, { controlVideo: n, ...d, tweetId: u }, u);
+  }
+  return null;
+}) }) : /* @__PURE__ */ s(E2, { children: Array.from({ length: 5 }).map((a, o) => /* @__PURE__ */ s(a0, {}, o)) }), Xt = ({ store: e, openQuestion: t }) => {
+  const { sdk: n } = u2(), r = A(e);
+  return /* @__PURE__ */ s(Jt, { openQuestion: t, questions: r.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
+}, es = ({ userSummary: e }) => {
+  var t;
+  const [n, r] = L(void 0);
+  return y(() => {
+    const a = e.$store.subscribe((o) => {
+      o && r(o);
+    });
+    return () => {
+      a();
+    };
+  }, [e]), /* @__PURE__ */ s(ue, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (t = n == null ? void 0 : n.percentage) == null ? void 0 : t.correct });
+}, ts = ({ gamification: e, className: t, scrollStore: n, scrollNode: r, appNode: a, style: o, responsiveStore: c }) => {
+  const { tabsShown: l } = A(n, { keys: ["tabsShown"] }), d = A(e.friendsTabEnabled), [u, v] = L(j.HOME), [, m] = Me(), { sdkInDesktopView: p, screen: C } = A(c, { keys: ["sdkInDesktopView"] }), g = (f) => {
+    m(() => {
+      var $;
+      v(f), p === !1 && ((($ = a.current) == null ? void 0 : $.getBoundingClientRect().y) || 0) < 0 && v2(a, C.size, { behavior: "instant" });
+    });
+  };
+  y(() => n.subscribe((f) => {
+    if (f.scrollPosition === 0) {
+      n.setKey("tabsShown", !0);
+      return;
+    }
+    c.get().sdkInDesktopView ? n.setKey("tabsShown", f.scrollDirection === "backward") : n.setKey("tabsShown", f.scrollDirection === "forward");
+  }), [n, c]), y(() => {
+    d || v(j.HOME);
+  }, [d]);
+  let I = "0px";
+  return p ? I = l ? "0px" : "calc(0px - var(--header-height))" : I = l ? "var(--header-height)" : "0px", /* @__PURE__ */ h(Oe, { className: F(t, "SL-Tabs", "sl-hide-on-modal"), style: o, children: [
+    d && /* @__PURE__ */ s(
+      De,
+      {
+        style: {
+          top: I
+        },
+        children: /* @__PURE__ */ s(W0, { activePage: u, toggleActivePage: g })
+      }
+    ),
+    u === j.HOME && /* @__PURE__ */ h(R, { children: [
+      /* @__PURE__ */ s(Fe, { children: /* @__PURE__ */ s(Be, { children: /* @__PURE__ */ s(es, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ s(qe, { style: { flex: 1 }, children: /* @__PURE__ */ s(Xt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+    ] }),
+    u === j.LEADERBOARD && /* @__PURE__ */ s(Ue, { children: /* @__PURE__ */ s(Bt, { scrollStore: n, scrollNode: r, gamification: e }) })
+  ] });
+}, ss = () => i2, V2 = /* @__PURE__ */ i(ss())({
+  name: "OpenedContainer",
+  class: "ouvguos",
+  propsAsIs: !0
+}), H2 = "t1eu4lbg", ns = /* @__PURE__ */ i("div")({
+  name: "UserContainer",
+  class: "uuv2xqo",
+  propsAsIs: !1
+}), is = ({
+  correct: e,
+  incorrect: t
+}) => {
+  const n = e + t;
+  return n === 0 ? 0 : Math.round(e / n * 100);
+}, D1 = ({
+  gamification: e,
+  scrollStore: t,
+  className: n,
+  appNode: r,
+  scrollNode: a,
+  responsiveStore: o
+}) => /* @__PURE__ */ s(ts, {
+  appNode: r,
+  scrollStore: t,
+  scrollNode: a,
+  className: n,
+  gamification: e,
+  responsiveStore: o
+}), rs = ({
+  gamification: e,
+  muted: t,
+  sdk: n,
+  className: r,
+  appNode: a,
+  responsiveStore: o
+}) => {
+  const {
+    topNavigation: c
+  } = u2(), l = A(e.openedQuestionId), d = A(e.openedQuestion.$store), u = A(e.openedUser || he(void 0)), {
+    sdkInDesktopView: v
+  } = A(o, {
+    keys: ["sdkInDesktopView"]
+  }), {
+    hiding: m,
+    onAnimationEnd: p
+  } = Pe();
+  if (!l && !u)
+    return null;
+  const C = d ? /* @__PURE__ */ s(V2, {
+    className: F(r, !c && H2),
+    hiding: m,
+    onAnimationEnd: p,
+    children: /* @__PURE__ */ s(Xe, {
+      muted: t,
+      sdk: n,
+      gamification: e
+    })
+  }) : u ? /* @__PURE__ */ s(V2, {
+    className: F(r, !c && H2),
+    hiding: m,
+    onAnimationEnd: p,
+    children: /* @__PURE__ */ h(ns, {
+      children: [/* @__PURE__ */ s(e0, {
+        label: "Friend's Rank",
+        close: e.closeUser
+      }), /* @__PURE__ */ s(We, {
+        children: /* @__PURE__ */ s(ue, {
+          ...u,
+          successRate: is(u)
+        })
+      })]
+    })
+  }) : null;
+  return /* @__PURE__ */ s(ve, {
+    container: a,
+    useContainer: !v,
+    children: C
+  });
+}, as = Se(() => import("./gamification-feature.js")), os = ({ sdk: e, feature: t, className: n, scrollStore: r, appNode: a, scrollNode: o, responsiveStore: c }) => {
+  const l = M(() => t && t.featureConfig.get().type === H.GAMES ? /* @__PURE__ */ s(m0, { className: n, sdk: e, feature: t, children: /* @__PURE__ */ s(
+    as,
+    {
+      appNode: a,
+      scrollStore: r,
+      scrollNode: o,
+      className: n,
+      responsiveStore: c,
+      gamification: t
+    }
+  ) }) : null, [e, t, n, c, r, o, a]);
+  return /* @__PURE__ */ s(
+    Ne,
+    {
+      fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: l
+    }
+  );
+}, ls = ({ feature: e, sdk: t, muted: n, className: r, appNode: a, responsiveStore: o }) => e && e.featureConfig.get().type === H.GAMES ? /* @__PURE__ */ s(
+  rs,
+  {
+    className: r,
+    appNode: a,
+    muted: n,
+    sdk: t,
+    responsiveStore: o,
+    gamification: e
+  }
+) : null;
+window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
+function cs(e) {
+  return e instanceof DOMException && // everything except Firefox
+  (e.code === 22 || // Firefox
+  e.code === 1014 || // test name field too, because code might not be present
+  // everything except Firefox
+  e.name === "QuotaExceededError" || // Firefox
+  e.name === "NS_ERROR_DOM_QUOTA_REACHED");
+}
+class ds {
+  constructor(t = "main", n = window.localStorage) {
+    T(this, "delimiter", ":");
+    T(this, "prefix");
+    T(this, "storage");
+    T(this, "clear", () => {
+      for (const t in window.localStorage)
+        t.startsWith(this.prefix) && this.storage.removeItem(t);
+    });
+    T(this, "generateKey", (t) => `${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);
+    T(this, "write", (...t) => {
+      const n = t.pop() || "", r = this.generateKey(t);
+      try {
+        this.storage.setItem(r, n);
+      } catch (a) {
+        cs(a) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(r, n));
+      }
+    });
+    T(this, "read", (...t) => {
+      const n = this.storage.getItem(this.generateKey(t));
+      return n === null ? void 0 : n;
+    });
+    T(this, "remove", (...t) => {
+      this.storage.removeItem(this.generateKey(t));
+    });
+    this.prefix = `sl-sdk${this.delimiter}${t}`, this.storage = n;
+  }
+}
+var z2;
+(function(e) {
+  e.Init = "init", e.Ready = "ready", e.Connecting = "connecting", e.Connected = "connected", e.Disconnected = "disconnected", e.Failed = "failed", e.Reconnect = "reconnect", e.Reconnecting = "reconnecting";
+})(z2 || (z2 = {}));
+G("grpc:stream");
+B.Unknown, B.Internal, B.DeadlineExceeded, B.ResourceExhausted, B.FailedPrecondition, B.Unavailable, B.DataLoss;
+G("grpc:retry");
+b2(10, { description: "Number of attempts to retry" }), b2(3e4, { description: "Max delay between retries in milliseconds" });
+var z;
+(function(e) {
+  e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
+})(z || (z = {}));
+class ps extends ds {
+  constructor() {
+    super("user");
+    // Schema
+    T(this, "setSchema", (n) => {
+      this.write(z.SCHEMA, n);
+    });
+    T(this, "getSchema", () => this.read(z.SCHEMA));
+    // Token
+    T(this, "setToken", (n) => {
+      this.write(z.TOKEN, n);
+    });
+    T(this, "getToken", () => this.read(z.TOKEN));
+    // External Token
+    T(this, "setExternalToken", (n) => {
+      this.write(z.EXTERNAL_TOKEN, n);
+    });
+    T(this, "getExternalToken", () => this.read(z.EXTERNAL_TOKEN));
+    T(this, "removeToken", () => {
+      this.remove(z.TOKEN);
+    });
+  }
+}
+var M2;
+(function(e) {
+  e.DISABLED = "disabled", e.INITIALIZATION = "initialization", e.READY = "ready", e.FAILED = "failed", e.SUSPENDED = "suspended";
+})(M2 || (M2 = {}));
+var O2;
+(function(e) {
+  e.SHOWED = "showed", e.EVENT = "ev";
+})(O2 || (O2 = {}));
+var D2;
+(function(e) {
+  e.ONBOARDING = "onboarding", e.ONBOARDING_IO = "onboarding_io", e.QUESTION_RECEIVED = "q-received", e.QUESTION_OPENED = "q-opened";
+})(D2 || (D2 = {}));
+var F2;
+(function(e) {
+  e.ALLOWED = "allowed", e.DISALLOWED = "disallowed";
+})(F2 || (F2 = {}));
+var B2;
+(function(e) {
+  e.UNKNOWN = "unknown", e.ALREADY_VOTED = "already_voted";
+})(B2 || (B2 = {}));
+G("deep_link");
+G("bypass");
+new ps();
+G("video_player");
+S.FACTOID + "", S.POLL + "", S.TRIVIA + "", S.PREDICTION + "", S.TWEET + "";
+var q2;
+(function(e) {
+  e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
+})(q2 || (q2 = {}));
+S.POLL, S.PREDICTION, S.TRIVIA;
+const hs = {
+  [H.GAMES]: !0
+}, us = /* @__PURE__ */ i("div")({
+  name: "Buttons",
+  class: "b5o8qbl",
+  propsAsIs: !1
+}), ms = ({
+  children: e,
+  className: t
+}) => /* @__PURE__ */ s(us, {
+  className: t,
+  children: e
+}), ge = /* @__PURE__ */ i("div")({
+  name: "Navigation",
+  class: "n6tbwuy",
+  propsAsIs: !1
+}), vs = () => ms, U2 = /* @__PURE__ */ i(vs())({
+  name: "NavigationItems",
+  class: "n1up4z7v",
+  propsAsIs: !0
+}), Cs = /* @__PURE__ */ i("button")({
+  name: "SButton",
+  class: "sxxa0c",
+  propsAsIs: !1
+}), fs = /* @__PURE__ */ i("span")({
+  name: "ButtonIcon",
+  class: "b193dcyu",
+  propsAsIs: !1
+}), gs = /* @__PURE__ */ i("span")({
+  name: "ButtonLabel",
+  class: "b40tuix",
+  propsAsIs: !1
+}), Is = "s14xk0af", bs = "ha3mg7c", $s = "h103yr45", Y = ({ disabled: e, active: t, onClick: n, label: r, icon: a, id: o }) => /* @__PURE__ */ s(
+  Cs,
+  {
+    onClick: n,
+    "data-a": "intr",
+    disabled: e,
+    className: F(
+      t && Is,
+      !t && (o === "channels" || o === "featuredGroups") && bs,
+      !t && o === "leaderboard" && $s
+    ),
+    children: /* @__PURE__ */ h(R, { children: [
+      a && /* @__PURE__ */ s(fs, { children: a }),
+      /* @__PURE__ */ s(gs, { children: r })
+    ] })
+  }
+), As = () => _, ys = /* @__PURE__ */ i(As())({
+  name: "ButtonIcon",
+  class: "b11wpe79",
+  propsAsIs: !0
+}), ws = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "calnblm",
+  propsAsIs: !1
+}), Ls = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "t1438p52",
+  propsAsIs: !1
+}), ks = /* @__PURE__ */ i("div")({
+  name: "CloseIconWrap",
+  class: "c17srj38",
+  propsAsIs: !1
+}), _s = () => _, Ts = /* @__PURE__ */ i(_s())({
+  name: "CloseIcon",
+  class: "clqia8k",
+  propsAsIs: !0
+}), Ss = () => _, Ns = /* @__PURE__ */ i(Ss())({
+  name: "DashboardIcon",
+  class: "df5w958",
+  propsAsIs: !0
+}), xs = "h12x6aiv", Rs = ie(({
+  sdk: e,
+  className: t
+}, n) => {
+  const r = () => {
+    e.closeFeature();
+  };
+  return /* @__PURE__ */ h(ge, {
+    className: F(t, xs),
+    children: [/* @__PURE__ */ h(ws, {
+      children: [/* @__PURE__ */ h(Ls, {
+        children: [/* @__PURE__ */ s(Ns, {
+          name: "dashboard"
+        }), "Dashboard"]
+      }), /* @__PURE__ */ s(ks, {
+        "data-a": "intr",
+        onClick: r,
+        children: /* @__PURE__ */ s(Ts, {
+          name: "icon-cross"
+        })
+      })]
+    }), /* @__PURE__ */ s("div", {
+      ref: n
+    })]
+  });
+}), Es = ie(({
+  sdk: e,
+  className: t
+}, n) => {
+  const r = A(e.sdkStore.organizationSettings), a = A(e.sdkStore.streamSettings), o = A(e.getActiveFeature()), c = M(() => {
+    const d = (a == null ? void 0 : a.data) || (r == null ? void 0 : r.data);
+    return d != null && d.overlays ? d.overlays : [];
+  }, [r, a]), l = M(() => [...c.filter(({
+    enableSdkButton: d,
+    type: u
+  }) => u === H.GAMES || d).map((d) => ({
+    id: d.type,
+    onClick: () => e.openFeature(d.type),
+    disabled: !(d.type in hs),
+    label: d.name,
+    icon: /* @__PURE__ */ s("img", {
+      src: d.icon,
+      alt: ""
+    }),
+    /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
+    position: d.position * 10
+  }))].sort((d, u) => d.position - u.position), [c, e]);
+  return /* @__PURE__ */ h(ge, {
+    className: t,
+    children: [l.length !== 0 && /* @__PURE__ */ s(U2, {
+      children: [/* @__PURE__ */ s(Y, {
+        id: "Channels",
+        onClick: () => e.closeFeature(),
+        label: "Channels",
+        active: o === 0
+      }, "Channels"), ...l.map((d) => d.id === H.GAMES ? /* @__PURE__ */ s(Y, {
+        ...d,
+        active: d.id === o,
+        label: "StreamLayer +",
+        id: "featuredGroups",
+        icon: /* @__PURE__ */ s(ys, {
+          name: "icon-btn-feature-groups",
+          "data-selected": d.id === o
+        })
+      }, d.id) : /* @__PURE__ */ s(Y, {
+        ...d,
+        icon: void 0,
+        active: d.id === o
+      }, d.id))]
+    }), !l.length && /* @__PURE__ */ s(U2, {
+      children: [/* @__PURE__ */ s(Y, {
+        id: "empty",
+        label: "No Features...",
+        active: !1,
+        disabled: !0
+      }, "empty")]
+    }), /* @__PURE__ */ s("div", {
+      ref: n
+    })]
+  });
+}), Vs = /* @__PURE__ */ i("div")({
+  name: "InsightContainer",
+  class: "i1pqqgpo",
+  propsAsIs: !1
+}), Hs = /* @__PURE__ */ i("img")({
+  name: "Image",
+  class: "igj7luu",
+  propsAsIs: !1
+}), zs = /* @__PURE__ */ i("div")({
+  name: "ImageContainer",
+  class: "i1qne9g6",
+  propsAsIs: !1
+}), Ms = /* @__PURE__ */ i("div")({
+  name: "InsightContent",
+  class: "itpr98r",
+  propsAsIs: !1
+}), Os = /* @__PURE__ */ i("h3")({
+  name: "Title",
+  class: "t17iaqp8",
+  propsAsIs: !1
+}), Ds = /* @__PURE__ */ i("div")({
+  name: "Description",
+  class: "d16t3y7s",
+  propsAsIs: !1
+}), Fs = /* @__PURE__ */ i("button")({
+  name: "ActionBtn",
+  class: "a12495er",
+  propsAsIs: !1
+}), Bs = ({ video: e, image: t, imageMode: n, heading: r, body: a, action: o, controlVideo: c }) => /* @__PURE__ */ h(Vs, { children: [
+  (e == null ? void 0 : e.url) && /* @__PURE__ */ s(l0, { source: e.url, poster: e.thumbnailUrl, controlVideo: c }),
+  t && !(e != null && e.url) && /* @__PURE__ */ s(zs, { "data-rounded": n === He.ROUNDED, children: /* @__PURE__ */ s(Hs, { src: t, alt: r }) }),
+  /* @__PURE__ */ h(Ms, { children: [
+    /* @__PURE__ */ s(Os, { children: r }),
+    /* @__PURE__ */ s(Ds, { children: a }),
+    o && /* @__PURE__ */ s(Fs, { onClick: o, children: "View Insight" })
+  ] })
+] }), qs = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1eptrjd",
+  propsAsIs: !1
+}), Us = /* @__PURE__ */ i("div")({
+  name: "CloseIconWrap",
+  class: "crylm65",
+  propsAsIs: !1
+}), Ps = () => _, Ws = /* @__PURE__ */ i(Ps())({
+  name: "CloseIcon",
+  class: "c9mrcz7",
+  propsAsIs: !0
+}), js = /* @__PURE__ */ i("div")({
+  name: "Header",
+  class: "hw3lzv4",
+  propsAsIs: !1
+}), Zs = () => _, Gs = /* @__PURE__ */ i(Zs())({
+  name: "TypeIcon",
+  class: "t1rrb3kf",
+  propsAsIs: !0
+}), Qs = /* @__PURE__ */ i("span")({
+  name: "TypeName",
+  class: "t1ydnjov",
+  propsAsIs: !1
+}), Ks = /* @__PURE__ */ i("div")({
+  name: "Question",
+  class: "qlf90cl",
+  propsAsIs: !1
+}), Ys = /* @__PURE__ */ i("button")({
+  name: "AnswerButton",
+  class: "a1e0nhcl",
+  propsAsIs: !1
+}), Js = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1t4f0x4",
+  propsAsIs: !1
+}), Xs = /* @__PURE__ */ i("button")({
+  name: "ActionBtn",
+  class: "a16w1nl6",
+  propsAsIs: !1
+}), en = /* @__PURE__ */ i("div")({
+  name: "QuoteWrap",
+  class: "q14u54rf",
+  propsAsIs: !1
+}), tn = /* @__PURE__ */ i("blockquote")({
+  name: "Quote",
+  class: "q1hxm6zo",
+  propsAsIs: !1
+}), sn = ({ action: e, ...t }) => /* @__PURE__ */ h(Js, { children: [
+  t.title && /* @__PURE__ */ s(en, { children: /* @__PURE__ */ s(tn, { children: t.title }) }),
+  /* @__PURE__ */ s(ce, { ...t }),
+  e && /* @__PURE__ */ s(Xs, { onClick: e, children: "View Insight" })
+] }), P2 = ({
+  close: e,
+  action: t,
+  controlVideo: n,
+  data: { questionType: r, question: a, insight: o, tweet: c }
+}) => {
+  const l = de[r];
+  return l ? /* @__PURE__ */ h(qs, { onClick: t, style: r === S.TWEET ? { paddingTop: "12px" } : {}, children: [
+    /* @__PURE__ */ s(
+      Us,
+      {
+        "data-a": "intr",
+        onClick: (d) => {
+          d.stopPropagation(), e && e(d);
+        },
+        children: /* @__PURE__ */ s(Ws, { name: "icon-cross" })
+      }
+    ),
+    r !== S.TWEET && /* @__PURE__ */ h(js, { children: [
+      /* @__PURE__ */ s(
+        Gs,
+        {
+          "data-type-trivia": r === S.TRIVIA,
+          "data-type-poll": r === S.POLL,
+          name: l.iconName
+        }
+      ),
+      /* @__PURE__ */ s(Qs, { children: l.label })
+    ] }),
+    r === S.FACTOID && o && /* @__PURE__ */ s(Bs, { ...o, action: t, controlVideo: n }),
+    r === S.TWEET && c && /* @__PURE__ */ s(sn, { ...c, action: t, controlVideo: n }),
+    r !== S.FACTOID && r !== S.TWEET && /* @__PURE__ */ h(R, { children: [
+      /* @__PURE__ */ s(Ks, { children: a == null ? void 0 : a.title }),
+      /* @__PURE__ */ s(Ys, { children: "Answer" })
+    ] })
+  ] }) : null;
+}, P = /* @__PURE__ */ i("div")({
+  name: "BGWrap",
+  class: "b1dqe0sz",
+  propsAsIs: !1
+}), N = /* @__PURE__ */ i("div")({
+  name: "BGLineBase",
+  class: "b1v6w7ni",
+  propsAsIs: !1
+}), nn = () => N, rn = /* @__PURE__ */ i(nn())({
+  name: "BGOneLineOne",
+  class: "b2nqb1p",
+  propsAsIs: !0
+}), an = () => N, on = /* @__PURE__ */ i(an())({
+  name: "BGOneLineTwo",
+  class: "b1xxgmbk",
+  propsAsIs: !0
+}), ln = () => N, cn = /* @__PURE__ */ i(ln())({
+  name: "BGOneLineThree",
+  class: "b63lwcb",
+  propsAsIs: !0
+}), dn = () => N, W2 = /* @__PURE__ */ i(dn())({
+  name: "BGTwoLineOne",
+  class: "b2iah4",
+  propsAsIs: !0
+}), pn = () => N, j2 = /* @__PURE__ */ i(pn())({
+  name: "BGTwoLineTwo",
+  class: "b1xezvf6",
+  propsAsIs: !0
+}), hn = () => N, Z2 = /* @__PURE__ */ i(hn())({
+  name: "BGTwoLineThree",
+  class: "b1jz1hg0",
+  propsAsIs: !0
+}), un = () => N, G2 = /* @__PURE__ */ i(un())({
+  name: "BGThreeLineOne",
+  class: "b18ho1tk",
+  propsAsIs: !0
+}), mn = () => N, Q2 = /* @__PURE__ */ i(mn())({
+  name: "BGThreeLineTwo",
+  class: "b14uvjfm",
+  propsAsIs: !0
+}), vn = () => N, K2 = /* @__PURE__ */ i(vn())({
+  name: "BGThreeLineThree",
+  class: "b11c3ns7",
+  propsAsIs: !0
+}), Cn = () => N, Y2 = /* @__PURE__ */ i(Cn())({
+  name: "BGThreeLineFour",
+  class: "b1bqhhet",
+  propsAsIs: !0
+}), fn = () => N, gn = /* @__PURE__ */ i(fn())({
+  name: "BGFourLineOne",
+  class: "b1xyzi7o",
+  propsAsIs: !0
+}), In = () => N, bn = /* @__PURE__ */ i(In())({
+  name: "BGFourLineTwo",
+  class: "byo0rup",
+  propsAsIs: !0
+}), $n = () => N, An = /* @__PURE__ */ i($n())({
+  name: "BGFourLineThree",
+  class: "b1oyiqgv",
+  propsAsIs: !0
+}), yn = () => N, wn = /* @__PURE__ */ i(yn())({
+  name: "BGFourLineFour",
+  class: "bx3ddqw",
+  propsAsIs: !0
+}), Ln = ({ step: e, correct: t }) => /* @__PURE__ */ h(R, { children: [
+  /* @__PURE__ */ h(P, { "data-active": e === 1, "data-first-screen": "true", children: [
+    /* @__PURE__ */ s(rn, {}),
+    /* @__PURE__ */ s(on, {}),
+    /* @__PURE__ */ s(cn, {})
+  ] }),
+  /* @__PURE__ */ h(P, { "data-active": e === 2, children: [
+    /* @__PURE__ */ s(W2, {}),
+    /* @__PURE__ */ s(j2, {}),
+    /* @__PURE__ */ s(Z2, {})
+  ] }),
+  /* @__PURE__ */ h(P, { "data-active": e === 3, children: [
+    /* @__PURE__ */ s(W2, {}),
+    /* @__PURE__ */ s(j2, {}),
+    /* @__PURE__ */ s(Z2, {})
+  ] }),
+  t ? /* @__PURE__ */ h(R, { children: [
+    /* @__PURE__ */ h(P, { "data-active": e === 4, "data-correct": "true", children: [
+      /* @__PURE__ */ s(G2, {}),
+      /* @__PURE__ */ s(Q2, {}),
+      /* @__PURE__ */ s(K2, {}),
+      /* @__PURE__ */ s(Y2, {})
+    ] }),
+    /* @__PURE__ */ h(P, { "data-active": e === 5, "data-correct": "true", children: [
+      /* @__PURE__ */ s(G2, {}),
+      /* @__PURE__ */ s(Q2, {}),
+      /* @__PURE__ */ s(K2, {}),
+      /* @__PURE__ */ s(Y2, {})
+    ] })
+  ] }) : /* @__PURE__ */ h(P, { "data-active": e === 4, "data-correct": "false", children: [
+    /* @__PURE__ */ s(gn, {}),
+    /* @__PURE__ */ s(bn, {}),
+    /* @__PURE__ */ s(An, {}),
+    /* @__PURE__ */ s(wn, {})
+  ] })
+] }), kn = 118, _n = () => i2, Tn = /* @__PURE__ */ i(_n())({
+  name: "Container",
+  class: "c10131zw",
+  propsAsIs: !0
+}), Sn = /* @__PURE__ */ i("div")({
+  name: "InnerContainer",
+  class: "ir6k2eo",
+  propsAsIs: !1
+}), q = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c1hwoq9l",
+  propsAsIs: !1
+}), Z = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "t4ujo4g",
+  propsAsIs: !1
+}), Nn = () => Z, xn = /* @__PURE__ */ i(Nn())({
+  name: "PointsTitle",
+  class: "p1pjil1h",
+  propsAsIs: !0
+}), J = /* @__PURE__ */ i("div")({
+  name: "Subtitle",
+  class: "s1iorwr9",
+  propsAsIs: !1
+}), J2 = /* @__PURE__ */ i("div")({
+  name: "SubtitleFG",
+  class: "s51sv9d",
+  propsAsIs: !1
+}), X = /* @__PURE__ */ i("div")({
+  name: "AnswerText",
+  class: "a1lbk2ye",
+  propsAsIs: !1
+}), Rn = () => _, Ie = /* @__PURE__ */ i(Rn())({
+  name: "FeedbackIcon",
+  class: "frcvk3t",
+  propsAsIs: !0
+}), En = () => Ie, X2 = /* @__PURE__ */ i(En())({
+  name: "FeedbackIconCorrect",
+  class: "f33p82r",
+  propsAsIs: !0
+}), Vn = () => Ie, Hn = /* @__PURE__ */ i(Vn())({
+  name: "FeedbackIconIncorrect",
+  class: "f12r9net",
+  propsAsIs: !0
+}), ee = /* @__PURE__ */ i("div")({
+  name: "CloseIconWrap",
+  class: "c1fw6699",
+  propsAsIs: !1
+}), zn = () => _, te = /* @__PURE__ */ i(zn())({
+  name: "CloseIcon",
+  class: "c115o126",
+  propsAsIs: !0
+}), Mn = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", On = "data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Dn = (e, t, n) => e === t ? "translateY(0px)" : e > t ? `translateY(${n}px)` : "translateY(-100%)", Fn = ({ close: e, votedAnswer: t, mastersApp: n, correct: r, correctAnswerTitle: a, questionTitle: o, saveHeight: c, style: l, hiding: d }) => {
+  const [u, v] = L(1), m = V({});
+  y(() => {
+    const I = setInterval(() => {
+      v((f) => r && f > 4 || !r && f > 3 ? f : ++f);
+    }, 3e3);
+    return () => clearInterval(I);
+  }, [r]), y(() => {
+    var I, f;
+    m.current[u] && c(((f = (I = m.current[u]) == null ? void 0 : I.getBoundingClientRect()) == null ? void 0 : f.height) || kn);
+  }, [u, c]);
+  const p = (I) => (f) => {
+    m.current && (m.current[I] = f);
+  }, C = (I) => ({ transform: Dn(I, u, l.height) }), g = { ...l };
+  return n && g.height && typeof g.height == "number" && (g.height += 32), /* @__PURE__ */ s(Tn, { style: l.height ? g : { ...l, paddingTop: 0, paddingBottom: 0 }, hiding: d, children: /* @__PURE__ */ h(
+    Sn,
+    {
+      style: {
+        height: l.height,
+        minHeight: l.height,
+        backgroundColor: u > 3 ? r ? "var(--color-sdk-prediction-result-success-bg)" : "var(--color-sdk-prediction-result-incorrect-bg)" : "var(--color-primary-1)"
+      },
+      children: [
+        /* @__PURE__ */ s(Ln, { step: u, correct: r }),
+        n && /* @__PURE__ */ h(q, { ref: p(1), style: C(1), children: [
+          /* @__PURE__ */ s("img", { alt: "sponsor-logo", src: Mn }),
+          /* @__PURE__ */ s(J2, { children: "Featured Groups +" })
+        ] }),
+        !n && /* @__PURE__ */ s(q, { ref: p(1), style: C(1), children: /* @__PURE__ */ s("img", { alt: "sponsor-logo", src: On }) }),
+        /* @__PURE__ */ h(q, { ref: p(2), style: C(2), children: [
+          /* @__PURE__ */ s(Z, { children: "Prediction results are in!" }),
+          n && /* @__PURE__ */ s(J2, { children: "Featured Groups +" })
+        ] }),
+        /* @__PURE__ */ h(q, { ref: p(3), style: C(3), children: [
+          /* @__PURE__ */ s(Z, { children: o }),
+          /* @__PURE__ */ s(J, { children: /* @__PURE__ */ h(X, { children: [
+            /* @__PURE__ */ s("span", { children: "Your Pick:" }),
+            " ",
+            t == null ? void 0 : t.title
+          ] }) })
+        ] }),
+        r ? /* @__PURE__ */ h(R, { children: [
+          /* @__PURE__ */ h(
+            q,
+            {
+              ref: p(4),
+              style: { ...C(4), color: "var(--color-sdk-prediction-result-success-text)" },
+              children: [
+                /* @__PURE__ */ h(Z, { children: [
+                  "Congratulations!",
+                  /* @__PURE__ */ s("br", {}),
+                  "You answered correctly."
+                ] }),
+                /* @__PURE__ */ h(J, { children: [
+                  /* @__PURE__ */ s(X2, { name: "selected" }),
+                  /* @__PURE__ */ h(X, { children: [
+                    /* @__PURE__ */ s("span", { children: "Your Pick:" }),
+                    " ",
+                    t == null ? void 0 : t.title
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ h(
+            q,
+            {
+              ref: p(5),
+              style: { ...C(5), color: "var(--color-sdk-prediction-result-success-text)" },
+              children: [
+                /* @__PURE__ */ s(xn, { children: u === 5 && /* @__PURE__ */ s(c0, { delay: 0.5, prefix: "+", suffix: " points", value: t == null ? void 0 : t.points }) }),
+                /* @__PURE__ */ h(J, { children: [
+                  /* @__PURE__ */ s(X2, { name: "selected" }),
+                  /* @__PURE__ */ h(X, { children: [
+                    /* @__PURE__ */ s("span", { children: "Your Pick:" }),
+                    " ",
+                    t == null ? void 0 : t.title
+                  ] })
+                ] }),
+                /* @__PURE__ */ s(ee, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ s(te, { name: "icon-cross" }) })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ h(q, { ref: p(4), style: C(4), children: [
+          /* @__PURE__ */ h(Z, { style: { color: "var(--color-sdk-prediction-result-error-title)" }, children: [
+            "Better luck next time!",
+            /* @__PURE__ */ s("br", {}),
+            "Correct: ",
+            a,
+            "."
+          ] }),
+          /* @__PURE__ */ h(J, { style: { color: "var(--color-sdk-prediction-result-error-subtitle)" }, children: [
+            /* @__PURE__ */ s(Hn, { name: "circleClose" }),
+            /* @__PURE__ */ h(X, { children: [
+              /* @__PURE__ */ s("span", { children: "Your Pick:" }),
+              " ",
+              t == null ? void 0 : t.title
+            ] })
+          ] }),
+          /* @__PURE__ */ s(ee, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ s(te, { name: "icon-cross" }) })
+        ] })
+      ]
+    }
+  ) });
+}, Bn = (e) => {
+  const [t, n] = L(!1), [r, a] = L(!1), o = V(null), c = U(() => {
+    a(!0), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+      a(!1);
+    }, 1e3);
+  }, []), l = U(async (d) => {
+    n(!0);
+    const u = d.map(
+      (v) => new Promise((m, p) => {
+        const C = new Image();
+        C.onload = () => m(v), C.onerror = () => p(), C.src = v;
+      })
+    );
+    await Promise.allSettled(u), n(!1);
+  }, []);
+  return y(() => {
+    e && (c(), l(e));
+  }, [e, c, l]), { loading: t, throttled: r };
+}, qn = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "cl51m2q",
+  propsAsIs: !1
+}), Un = /* @__PURE__ */ i("img")({
+  name: "Avatar",
+  class: "a2yhhhr",
+  propsAsIs: !1
+}), Pn = /* @__PURE__ */ i("div")({
+  name: "AvatarPlaceholder",
+  class: "a1dtxxlr",
+  propsAsIs: !1
+}), Wn = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c12clm3w",
+  propsAsIs: !1
+}), jn = /* @__PURE__ */ i("span")({
+  name: "Name",
+  class: "n14lctn7",
+  propsAsIs: !1
+}), Zn = ({ avatar: e, name: t }) => /* @__PURE__ */ h(qn, { children: [
+  e && /* @__PURE__ */ s(Un, { src: e }),
+  !e && /* @__PURE__ */ s(Pn, { children: m2(t || "") }),
+  /* @__PURE__ */ h(Wn, { children: [
+    /* @__PURE__ */ h(jn, { children: [
+      t,
+      " "
+    ] }),
+    "is waiting for you!"
+  ] })
+] }), Gn = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1htq1lb",
+  propsAsIs: !1
+}), Qn = /* @__PURE__ */ i("div")({
+  name: "Graphic",
+  class: "gjyzpp7",
+  propsAsIs: !1
+}), Kn = /* @__PURE__ */ i("img")({
+  name: "GraphicImage",
+  class: "g16mldgz",
+  propsAsIs: !1
+}), Yn = /* @__PURE__ */ i("div")({
+  name: "Headline",
+  class: "h69js65",
+  propsAsIs: !1
+}), Jn = /* @__PURE__ */ i("div")({
+  name: "TaglineContainer",
+  class: "tmm7qmo",
+  propsAsIs: !1
+}), Xn = /* @__PURE__ */ i("div")({
+  name: "Tagline",
+  class: "t17knuw2",
+  propsAsIs: !1
+}), ei = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c1b74psg",
+  propsAsIs: !1
+}), ti = /* @__PURE__ */ i("div")({
+  name: "StepsContainer",
+  class: "s1y99ug7",
+  propsAsIs: !1
+}), si = /* @__PURE__ */ i("span")({
+  name: "StepIndicator",
+  class: "sgf3v5n",
+  propsAsIs: !1
+}), ni = /* @__PURE__ */ i("div")({
+  name: "InvitingUserWrap",
+  class: "i1sj6gn8",
+  propsAsIs: !1
+}), ii = ({
+  loading: e,
+  steps: t,
+  currentStep: n,
+  inviterName: r
+}) => {
+  const { headline: a, tagline: o } = t[n];
+  return /* @__PURE__ */ h(Gn, { children: [
+    o && /* @__PURE__ */ s(Jn, { children: /* @__PURE__ */ s(O, { loading: e, children: /* @__PURE__ */ s(Xn, { children: o }) }) }),
+    /* @__PURE__ */ h(ei, { "data-welcome-screen": n === 0, children: [
+      /* @__PURE__ */ s(Qn, { children: /* @__PURE__ */ s(O, { loading: e, children: t.map(({ graphicSrc: c }, l) => /* @__PURE__ */ s(Kn, { src: c, "data-active": n === l })) }) }),
+      a && /* @__PURE__ */ s(O, { loading: e, children: /* @__PURE__ */ s(Yn, { children: a }) })
+    ] }),
+    r && n === 0 && /* @__PURE__ */ s(ni, { children: /* @__PURE__ */ s(Zn, { name: r }) }),
+    /* @__PURE__ */ s(ti, { style: e ? { visibility: "hidden" } : {}, children: Array.from({ length: t.length }).map((c, l) => /* @__PURE__ */ s(si, { "data-active": n === l }, l)) })
+  ] });
+}, ri = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "cm0bev",
+  propsAsIs: !1
+}), ai = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "ce7x737",
+  propsAsIs: !1
+}), oi = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "tc2tor6",
+  propsAsIs: !1
+}), li = /* @__PURE__ */ i("div")({
+  name: "RulesList",
+  class: "r1k5klql",
+  propsAsIs: !1
+}), ci = /* @__PURE__ */ i("div")({
+  name: "RulesItem",
+  class: "r1tf3ft2",
+  propsAsIs: !1
+}), di = /* @__PURE__ */ i("div")({
+  name: "RuleIcon",
+  class: "rwpvg1k",
+  propsAsIs: !1
+}), pi = /* @__PURE__ */ i("div")({
+  name: "RuleText",
+  class: "rbxiag0",
+  propsAsIs: !1
+}), hi = /* @__PURE__ */ i("button")({
+  name: "TermsButton",
+  class: "t6cyrry",
+  propsAsIs: !1
+}), ui = ({
+  rules: e,
+  rulesTitle: t,
+  termsText: n,
+  primaryColor: r,
+  openTerms: a
+}) => /* @__PURE__ */ h(ri, { children: [
+  /* @__PURE__ */ h(ai, { children: [
+    /* @__PURE__ */ s(oi, { children: t }),
+    /* @__PURE__ */ s(li, { children: e == null ? void 0 : e.map(({ label: o, icon: c }, l) => /* @__PURE__ */ h(ci, { children: [
+      c && /* @__PURE__ */ s(di, { style: { backgroundColor: r }, children: /* @__PURE__ */ s(_, { name: c, "data-icon": c }) }),
+      /* @__PURE__ */ s(pi, { children: o })
+    ] }, l)) })
+  ] }),
+  n && /* @__PURE__ */ s(hi, { "data-a": "intr", onClick: a, children: "See Terms and Conditions" })
+] }), mi = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "cj0g35h",
+  propsAsIs: !1
+}), vi = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c1xkhrbn",
+  propsAsIs: !1
+}), Ci = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "tifzb8b",
+  propsAsIs: !1
+}), fi = /* @__PURE__ */ i("div")({
+  name: "ScrollingText",
+  class: "stduw5c",
+  propsAsIs: !1
+}), gi = ({ termsTitle: e, termsText: t }) => /* @__PURE__ */ s(mi, { children: /* @__PURE__ */ h(vi, { children: [
+  /* @__PURE__ */ s(Ci, { children: e }),
+  /* @__PURE__ */ s(fi, { children: t })
+] }) }), Ii = /* @__PURE__ */ i("button")({
+  name: "SButton",
+  class: "s1nve60q",
+  propsAsIs: !1
+}), bi = /* @__PURE__ */ i("span")({
+  name: "ButtonLabel",
+  class: "b1xoswwx",
+  propsAsIs: !1
+}), $i = ({ disabled: e, variant: t = "primary", onClick: n, children: r, ...a }) => /* @__PURE__ */ s(Ii, { "data-a": "intr", onClick: n, disabled: e, "data-variant": t, ...a, children: /* @__PURE__ */ s(bi, { children: r }) }), Ai = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c18uddbs",
+  propsAsIs: !1
+}), yi = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "cvcfjf6",
+  propsAsIs: !1
+}), wi = /* @__PURE__ */ i("div")({
+  name: "OnboardingHeader",
+  class: "o1ie27lw",
+  propsAsIs: !1
+}), Li = /* @__PURE__ */ i("button")({
+  name: "CloseBtn",
+  class: "c15cjkwi",
+  propsAsIs: !1
+}), ki = () => _, _i = /* @__PURE__ */ i(ki())({
+  name: "IconClose",
+  class: "i1mavjt2",
+  propsAsIs: !0
+}), Ti = /* @__PURE__ */ i("div")({
+  name: "OnboardingFooter",
+  class: "o1x0dyzv",
+  propsAsIs: !1
+}), Si = () => $i, Ni = /* @__PURE__ */ i(Si())({
+  name: "OnboardingActionBtn",
+  class: "o1jfi9c3",
+  propsAsIs: !0
+}), W = {
+  steps: !1,
+  rules: !1,
+  inviteCard: !1
+}, xi = ({
+  gamification: e,
+  steps: t,
+  rules: n,
+  rulesBtnLabel: r,
+  rulesTitle: a,
+  termsTitle: o,
+  termsText: c,
+  primaryColor: l,
+  inviteLink: d,
+  inviteCardTitle: u,
+  inviteCardSubtext: v,
+  inviteCardBtnLabel: m,
+  loading: p,
+  inviterName: C,
+  sdk: g,
+  onClose: I
+}) => {
+  const [f, $] = L(0), [b, k] = L(!1), [w, x] = L(W);
+  y(() => {
+    t != null && t.length ? x({ ...W, steps: !0 }) : n != null && n.length ? x({ ...W, rules: !0 }) : x({ ...W, inviteCard: !0 });
+  }, []);
+  const $e = M(() => w.steps && f === 0 ? "Continue" : w.rules ? b || !r ? "Got it" : r : w.inviteCard ? m || "Play Now" : "Next", [w, f, b, r, m]), Ae = U(() => {
+    t != null && t.length && f < t.length - 1 ? $((r2) => ++r2) : n != null && n.length && w.steps ? x({ ...W, rules: !0 }) : w.rules && x({ ...W, inviteCard: !0 });
+  }, [f, t == null ? void 0 : t.length, n == null ? void 0 : n.length, w, $, x]), ye = async () => {
+    w.inviteCard ? await e.onboardingStatus.submitInplay() : w.rules && b ? k(!1) : Ae();
+  };
+  return y(() => {
+    !p && C && g.inviteDisplayed();
+  }, [p, C, g]), /* @__PURE__ */ s(at, { children: ({ width: r2, height: C2 }) => /* @__PURE__ */ h(Ai, { style: { width: r2, height: C2, maxHeight: C2 }, children: [
+    /* @__PURE__ */ s(wi, { children: /* @__PURE__ */ s(Li, { "data-a": "intr", onClick: I, children: /* @__PURE__ */ s(_i, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ h(yi, { children: [
+      w.steps && (t == null ? void 0 : t.length) && /* @__PURE__ */ s(
+        ii,
+        {
+          loading: p,
+          steps: t,
+          currentStep: f,
+          inviterName: C
+        }
+      ),
+      w.rules && !b && /* @__PURE__ */ s(
+        ui,
+        {
+          rules: n,
+          rulesTitle: a,
+          termsText: c,
+          primaryColor: l,
+          openTerms: () => k(!0)
+        }
+      ),
+      w.rules && b && /* @__PURE__ */ s(gi, { termsTitle: o, termsText: c }),
+      w.inviteCard && /* @__PURE__ */ s(
+        fe,
+        {
+          inviteLink: d,
+          inviteCardTitle: u,
+          inviteCardSubtext: v,
+          primaryColor: l
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s(Ti, { children: /* @__PURE__ */ s(O, { loading: p, style: { width: "100%" }, children: /* @__PURE__ */ s(Ni, { "data-a": "intr", onClick: ye, children: $e }) }) })
+  ] }) });
+}, Ri = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1qjj4d4",
+  propsAsIs: !1
+}), Ei = /* @__PURE__ */ i("div")({
+  name: "CloseIconWrap",
+  class: "c1lg6b8a",
+  propsAsIs: !1
+}), Vi = () => _, Hi = /* @__PURE__ */ i(Vi())({
+  name: "CloseIcon",
+  class: "c159el66",
+  propsAsIs: !0
+}), zi = /* @__PURE__ */ i("div")({
+  name: "Title",
+  class: "t16xmufv",
+  propsAsIs: !1
+}), Mi = /* @__PURE__ */ i("img")({
+  name: "SponsorLogo",
+  class: "s83lc21",
+  propsAsIs: !1
+}), Oi = /* @__PURE__ */ i("div")({
+  name: "PresentsTitle",
+  class: "p1p7igia",
+  propsAsIs: !1
+}), Di = /* @__PURE__ */ i("div")({
+  name: "Subtitle",
+  class: "s1eftsbu",
+  propsAsIs: !1
+}), Fi = /* @__PURE__ */ i("div")({
+  name: "Description",
+  class: "d8uezec",
+  propsAsIs: !1
+}), Bi = /* @__PURE__ */ i("button")({
+  name: "ActionButton",
+  class: "a1h1bk90",
+  propsAsIs: !1
+}), se = ({ close: e, action: t, onboarding: n }) => {
+  var r, a, o, c, l, d, u, v;
+  return /* @__PURE__ */ h(Ri, { children: [
+    /* @__PURE__ */ s(Ei, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ s(Hi, { name: "icon-cross" }) }),
+    ((a = (r = n == null ? void 0 : n.titleCard) == null ? void 0 : r.media) == null ? void 0 : a.sponsorLogo) && /* @__PURE__ */ h(zi, { children: [
+      /* @__PURE__ */ s(Mi, { alt: "sponsor-logo", src: (c = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : c.sponsorLogo }),
+      /* @__PURE__ */ s(Oi, { children: "PRESENTS" })
+    ] }),
+    ((l = n == null ? void 0 : n.titleCard) == null ? void 0 : l.title) && /* @__PURE__ */ s(Di, { children: (d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.title }),
+    ((u = n == null ? void 0 : n.titleCard) == null ? void 0 : u.subtitle) && /* @__PURE__ */ s(Fi, { children: (v = n == null ? void 0 : n.titleCard) == null ? void 0 : v.subtitle }),
+    /* @__PURE__ */ s(Bi, { "data-a": "intr", onClick: t, children: "Play Now" })
+  ] });
+}, h2 = [{
+  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
+  tagline: "",
+  headline: /* @__PURE__ */ h(R, {
+    children: ["Welcome to ", /* @__PURE__ */ s("br", {}), " Live Challenge"]
+  })
+}, {
+  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",
+  headline: "Live insights, polls, trivia and predictions."
+}, {
+  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
+  headline: "Win points and play against friends."
+}], qi = /* @__PURE__ */ i("div")({
+  name: "OnboardingContainer",
+  class: "o1xni1kr",
+  propsAsIs: !1
+}), Ui = () => i2, Pi = /* @__PURE__ */ i(Ui())({
+  name: "OnboardingNotificationContainer",
+  class: "o1vnouv7",
+  propsAsIs: !0
+}), ne = /* @__PURE__ */ i("div")({
+  name: "InnerContainer",
+  class: "i59uefw",
+  propsAsIs: !1
+}), Wi = /* @__PURE__ */ i("div")({
+  name: "OnboardingOverlap",
+  class: "ovnr8ov",
+  propsAsIs: !1
+}), ji = ({
+  deepLink: e,
+  onboardingOpts: t,
+  notification: n,
+  gamification: r,
+  loading: a,
+  sdk: o,
+  throttled: c
+}) => {
+  var l, d, u, v, m, p, C;
+  const g = A(r.friends ? r.friends.getStore() : he({
+    data: []
+  })), [I, f] = L(void 0), $ = M(() => {
+    var b, k;
+    const w = o.getInviter();
+    return w ? (k = (b = g.data) == null ? void 0 : b.find(({
+      slId: x
+    }) => x === w)) == null ? void 0 : k.name : "";
+  }, [g.data, o]);
+  return y(() => {
+    const b = e.$store.subscribe((k) => {
+      k && f(k.data);
+    });
+    return () => {
+      b();
+    };
+  }, [e.$store]), /* @__PURE__ */ h(qi, {
+    children: [/* @__PURE__ */ s(xi, {
+      loading: a,
+      rules: [{
+        label: "Answer as many questions as you like.",
+        icon: "icon-btn-feature-groups"
+      }, {
+        label: "Win points for each correct trivia or prediction answer.",
+        icon: "icon-thumb-up"
+      }, {
+        label: "Top the leader board and best your friends.",
+        icon: "icon-trophy"
+      }],
+      rulesBtnLabel: (l = t.rules) == null ? void 0 : l.buttonLabel,
+      rulesTitle: (d = t.rules) == null ? void 0 : d.heading,
+      termsTitle: "Terms and Conditions",
+      termsText: (u = t.rules) == null ? void 0 : u.terms,
+      steps: h2,
+      primaryColor: (v = t.inviteCard) == null ? void 0 : v.iconColor,
+      inviteLink: I,
+      inviteCardTitle: (m = t.inviteCard) == null ? void 0 : m.heading,
+      inviteCardSubtext: (p = t.inviteCard) == null ? void 0 : p.subtext,
+      inviteCardBtnLabel: (C = t.inviteCard) == null ? void 0 : C.buttonLabel,
+      onClose: () => {
+        var b;
+        (b = n.close) == null || b.call(n);
+      },
+      gamification: r,
+      sdk: o,
+      inviterName: $
+    }), c && /* @__PURE__ */ s(Wi, {})]
+  });
+}, Zi = ({
+  sdk: e,
+  notification: t,
+  saveHeight: n,
+  style: r,
+  appNode: a,
+  sdkInDesktopView: o,
+  responsiveStore: c
+}) => {
+  const l = V(null), d = t.data.onboarding, [u, v] = L(d == null ? void 0 : d.instantOpen), m = e.getFeature(H.GAMES), p = M(() => h2 == null ? void 0 : h2.map(({
+    graphicSrc: f
+  }) => f), []), {
+    screen: C
+  } = A(c, {
+    keys: ["screen"]
+  });
+  xe(() => {
+    var f;
+    n(((f = l.current) == null ? void 0 : f.getBoundingClientRect().height) || 0);
+  }, [n]);
+  const {
+    loading: g,
+    throttled: I
+  } = Bn(p);
+  return u && m && d && a.current ? /* @__PURE__ */ s(ve, {
+    container: a,
+    useContainer: !o,
+    children: /* @__PURE__ */ s(ji, {
+      throttled: I,
+      notification: t,
+      setOpened: v,
+      gamification: m,
+      onboardingOpts: d,
+      deepLink: m.deepLink,
+      loading: g,
+      renderToNode: a,
+      sdk: e
+    })
+  }) : /* @__PURE__ */ h(R, {
+    children: [/* @__PURE__ */ s(ne, {
+      ref: l,
+      style: {
+        position: "absolute",
+        visibility: "hidden"
+      },
+      children: /* @__PURE__ */ s(se, {
+        close: () => {
+        },
+        action: () => {
+        },
+        onboarding: d
+      })
+    }), /* @__PURE__ */ s(Pi, {
+      style: r,
+      hiding: t.hiding,
+      children: /* @__PURE__ */ s(ne, {
+        children: /* @__PURE__ */ s(se, {
+          close: t.close,
+          action: () => {
+            var f;
+            v(!0), (((f = a.current) == null ? void 0 : f.getBoundingClientRect().y) || 0) < 0 && v2(a, C.size, {
+              behavior: "smooth"
+            });
+          },
+          onboarding: d
+        })
+      })
+    })]
+  });
+}, Gi = /* @__PURE__ */ i("button")({
+  name: "Container",
+  class: "crkmfw1",
+  propsAsIs: !1
+}), Qi = /* @__PURE__ */ i("div")({
+  name: "Content",
+  class: "c11awpy4",
+  propsAsIs: !1
+}), Ki = /* @__PURE__ */ i("span")({
+  name: "Title",
+  class: "t154z7mh",
+  propsAsIs: !1
+}), Yi = ({ title: e, onClick: t, className: n, style: r }) => /* @__PURE__ */ s(Gi, { "data-a": "intr", onClick: t, className: n, style: r, children: /* @__PURE__ */ h(Qi, { "data-a": "intr", children: [
+  /* @__PURE__ */ s(_, { "data-a": "intr", name: "iconUp" }),
+  e && /* @__PURE__ */ s(Ki, { "data-a": "intr", children: e })
+] }) }), Ji = () => i2, Xi = /* @__PURE__ */ i(Ji())({
+  name: "Container",
+  class: "c8ol1ve",
+  propsAsIs: !0
+}), be = /* @__PURE__ */ i("div")({
+  name: "InnerContainer",
+  class: "iqfywam",
+  propsAsIs: !1
+}), e1 = () => be, t1 = /* @__PURE__ */ i(e1())({
+  name: "HiddenContainer",
+  class: "hokmtod",
+  propsAsIs: !0
+}), s1 = /* @__PURE__ */ i("div")({
+  name: "NotificationRefreshing",
+  class: "n192d1q8",
+  propsAsIs: !1
+}), n1 = () => Yi, i1 = /* @__PURE__ */ i(n1())({
+  name: "Pill",
+  class: "p1lha68t",
+  propsAsIs: !0
+}), r1 = (e) => {
+  const [t, n] = L(0), r = V(null), a = M(() => new ResizeObserver((l) => {
+    window.requestAnimationFrame(() => {
+      var d;
+      if (Array.isArray(l)) {
+        for (const u of l)
+          if (u.contentBoxSize) {
+            const v = (d = r.current) == null ? void 0 : d.getBoundingClientRect();
+            v && n(v.height);
+          }
+      }
+    });
+  }), []), o = U((l) => {
+    r.current = l;
+  }, []), c = U((l) => {
+    n(l);
+  }, []);
+  return y(() => {
+    const l = r.current;
+    return l ? (a.observe(l), () => {
+      a.unobserve(l);
+    }) : () => {
+    };
+  }, [e]), y(() => () => {
+    a.disconnect();
+  }), [o, t, c];
+}, a1 = ({
+  sdk: e,
+  notification: t,
+  appNode: n,
+  responsiveStore: r,
+  hasActiveFeature: a
+}) => {
+  var o, c;
+  const {
+    sdkInDesktopView: l
+  } = A(r, {
+    keys: ["sdkInDesktopView"]
+  }), {
+    sdk: d
+  } = u2(), [u, v, m] = r1(t.id);
+  let p = v;
+  return a || (p = "auto"), t.type === e2.QUESTION ? /* @__PURE__ */ h(R, {
+    children: [/* @__PURE__ */ s(t1, {
+      ref: u,
+      children: /* @__PURE__ */ s(P2, {
+        ...t
+      })
+    }), /* @__PURE__ */ h(Xi, {
+      style: {
+        height: t.hiding ? 0 : p
+      },
+      hiding: t.hiding,
+      children: [/* @__PURE__ */ s(be, {
+        style: {
+          height: "100%"
+        },
+        children: /* @__PURE__ */ s(P2, {
+          ...t,
+          controlVideo: d == null ? void 0 : d.controlVideoPlayer
+        })
+      }), /* @__PURE__ */ s(s1, {}, t.id)]
+    })]
+  }) : t.type === e2.QUESTION_RESOLVED && (c = (o = t.data) == null ? void 0 : o.question) != null && c.predictionResult ? /* @__PURE__ */ s(Fn, {
+    style: {
+      height: t.hiding ? 0 : v
+    },
+    saveHeight: m,
+    close: t.close,
+    hiding: t.hiding,
+    ...t.data.question
+  }) : t.type === e2.ONBOARDING ? /* @__PURE__ */ s(Zi, {
+    style: {
+      height: t.hiding ? 0 : p
+    },
+    saveHeight: m,
+    sdk: e,
+    notification: t,
+    sdkInDesktopView: l,
+    appNode: n,
+    responsiveStore: r
+  }) : null;
+}, o1 = "p7vfi6t", l1 = ({
+  pill: e,
+  setPill: t,
+  appNode: n,
+  headerNode: r,
+  scrollNode: a,
+  responsiveStore: o,
+  scrollStore: c
+}) => {
+  var l, d;
+  const {
+    screen: u
+  } = A(o, {
+    keys: ["screen"]
+  }), {
+    tabsShown: v,
+    scrollPosition: m
+  } = A(c, {
+    keys: ["tabsShown", "scrollPosition"]
+  });
+  y(() => {
+    o.get().sdkInDesktopView ? m < 50 && t(null) : m > -50 && t(null);
+  }, [m, o, t]);
+  const p = o.get().sdkInDesktopView ? n : r;
+  return !e || !p.current ? null : s2(/* @__PURE__ */ s(i1, {
+    title: e.type === e2.QUESTION_RESOLVED ? "Prediction result" : `New ${((d = de[(l = e.data) == null ? void 0 : l.questionType]) == null ? void 0 : d.label) || "notification"}`,
+    "data-a": "intr",
+    onClick: () => {
+      var C;
+      o.get().sdkInDesktopView ? (C = a.current) == null || C.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      }) : v2(n, u.size, {
+        behavior: "smooth"
+      }), t(null);
+    },
+    className: F(v && o1, "sl-pill-button")
+  }), p.current);
+}, c1 = ({
+  sdk: e,
+  headerNode: t,
+  scrollNode: n,
+  responsiveStore: r,
+  appNode: a,
+  scrollStore: o,
+  hasActiveFeature: c
+}) => {
+  const [l] = L(e.getNotificationsStore()), d = A(l), [u, v] = L(null), m = M(() => e.getActiveNotification(), [e, d]);
+  return y(() => {
+    m && Ge.emit("notification", {
+      action: "rendered",
+      payload: {
+        questionId: m.data.questionId,
+        questionType: m.data.questionType
+      }
+    });
+  }, [m]), y(() => {
+    const {
+      sdkInDesktopView: p,
+      sdkInView: C
+    } = r.get();
+    m && (p || C) && (!p && C && v(m), p && window.requestAnimationFrame(() => {
+      o.get().scrollPosition !== 0 && v(m);
+    }));
+  }, [m]), y(() => {
+    m || v(null);
+  }, [m]), /* @__PURE__ */ h(R, {
+    children: [!u && m && /* @__PURE__ */ s(a1, {
+      appNode: a,
+      sdk: e,
+      hasActiveFeature: c,
+      notification: m,
+      responsiveStore: r
+    }), u && /* @__PURE__ */ s(l1, {
+      pill: u,
+      setPill: v,
+      appNode: a,
+      notification: m,
+      headerNode: t,
+      scrollNode: n,
+      scrollStore: o,
+      responsiveStore: r
+    })]
+  });
+}, d1 = (e) => {
+  const t = A(e.status), n = A(e.sdkStore.slStreamId), r = A(e.userId()), a = A(e.getActiveFeature()), o = t === "ready" && !!n.data;
+  return y(() => {
+    const c = e.getFeature(H.GAMES);
+    c && a !== H.GAMES && (c.closeQuestion(), c.closeUser()), c == null || c.openedQuestionId.subscribe((l) => {
+      l && a !== H.GAMES && e.openFeature(H.GAMES);
+    });
+  }, [a, e]), {
+    sdkReady: o,
+    activeFeature: a,
+    isLogged: !!r
+  };
+}, p1 = ({
+  sdk: e,
+  className: t,
+  scrollStore: n,
+  appNode: r,
+  scrollNode: a,
+  responsiveStore: o
+}) => {
+  const [, c] = d0(e);
+  return /* @__PURE__ */ s(os, {
+    className: t,
+    scrollNode: a,
+    appNode: r,
+    scrollStore: n,
+    feature: c,
+    responsiveStore: o,
+    sdk: e
+  });
+}, h1 = ({
+  sdk: e,
+  muted: t,
+  className: n,
+  appNode: r,
+  responsiveStore: a
+}) => {
+  const o = A(e.featuresList.getStore());
+  return o ? Array.from(o, (c) => {
+    const l = e.getFeature(c);
+    return l ? /* @__PURE__ */ s(ls, {
+      className: n,
+      muted: t,
+      appNode: r,
+      feature: l,
+      responsiveStore: a,
+      sdk: e
+    }, c) : null;
+  }) : null;
+}, u1 = ({
+  sdk: e,
+  muted: t,
+  topNavigation: n
+}) => {
+  const [r, a] = L(!0), o = V(null), c = A(e.uiState), l = V(null), [d] = p0(o), [u, v] = u0(o, d), {
+    sdkReady: m,
+    activeFeature: p,
+    isLogged: C
+  } = d1(e), g = !!m;
+  Ke(o, {
+    enabled: g,
+    event: "click",
+    listener: Ye
+  });
+  const I = M(() => ({
+    sdk: e,
+    topNavigation: n
+  }), [e, n]);
+  return y(() => {
+    import("./gamification-feature.js");
+  }, []), /* @__PURE__ */ s(t0.Provider, {
+    value: I,
+    children: /* @__PURE__ */ h(je, {
+      ref: (f) => {
+        o.current = f, a(!!f);
+      },
+      className: n ? "" : "c10llmat",
+      children: [g && n && c.app && /* @__PURE__ */ s(Es, {
+        className: F(Q, "sl-hide-on-modal"),
+        sdk: e,
+        ref: l
+      }), g && !n && !!p && c.app && /* @__PURE__ */ s(Rs, {
+        className: F(Q, "sl-hide-on-modal"),
+        sdk: e,
+        ref: l
+      }), /* @__PURE__ */ h(Ze, {
+        className: "sl-hide-on-modal",
+        ref: u,
+        "data-nav": (!!p && g).toString(),
+        children: [g && c.app && /* @__PURE__ */ s(c1, {
+          sdk: e,
+          scrollNode: u,
+          headerNode: l,
+          appNode: o,
+          scrollStore: v,
+          responsiveStore: d,
+          hasActiveFeature: !!p
+        }), g && c.app && /* @__PURE__ */ s(p1, {
+          scrollStore: v,
+          responsiveStore: d,
+          scrollNode: u,
+          appNode: o,
+          className: Q,
+          sdk: e
+        }), g && r && /* @__PURE__ */ s(h1, {
+          muted: t,
+          responsiveStore: d,
+          appNode: o,
+          className: Q,
+          sdk: e
+        })]
+      }), g && !C && r && c.app && /* @__PURE__ */ s("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "100%",
+          height: "100%"
+        },
+        children: "You are not logged in."
+      })]
+    })
+  });
+}, F1 = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: a = !0 }) => {
+  const { sdk: o, status: c } = f2(g2), l = Re(), d = Ee(), { event: u } = f2(g2);
+  if (c === I2.UNSET)
+    throw new Error("Wrap app in `StreamLayerProvider`");
+  return c === I2.CONNECTED ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: "wait" }) : o === null ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !l.app && !l.appNotification && !l.appSidebar || !l.app && !l.appSidebar && l.appNotification && !a ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(ze, { customTheme: n ?? d.theme, themeMode: d.themeMode, children: /* @__PURE__ */ s(u1, { sdk: o, muted: r, event: (u == null ? void 0 : u.current) || e, topNavigation: t }) }) });
+};
+export {
+  D1 as B,
+  F1 as b
+};