@streamlayer/react 0.32.5 → 0.32.7

package/lib/es/masters2.js

@@ -1,14 +1,14 @@
 import { jsx as c, jsxs as I, Fragment as ie } from "react/jsx-runtime";
 import { d as Ze, S as Wt, a as jt, b as Ht, s as Yt } from "./index2.js";
-import { lazy as Vt, useMemo as Ue, Suspense as Qt, useRef as ye, useState as W, useEffect as X, Component as Kt, createElement as Xt, useCallback as ve, useLayoutEffect as Jt, useContext as Zt } from "react";
+import { lazy as Vt, useMemo as Ue, Suspense as Kt, useRef as ye, useState as W, useEffect as X, Component as Qt, createElement as Xt, useCallback as ve, useLayoutEffect as Jt, useContext as Zt } from "react";
 import { FeatureType as ze, QuestionType as D } from "@streamlayer/sdk-web-types";
 import { useStore as re } from "@nanostores/react";
 import { FeatureStatus as me } from "@streamlayer/sdk-web-interfaces";
-import { s as h, n as z, c as wt } from "./index4.js";
+import { s as h, o as z, c as wt } from "./index4.js";
 import { NotificationType as Ae } from "@streamlayer/sdk-web-notifications";
 const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
-  const m = re(s.status), g = re(n.sdkStore.slStreamId);
-  return g != null && g.loading ? /* @__PURE__ */ c("div", { className: f, children: "event is loading..." }) : g != null && g.data ? m !== me.Ready ? /* @__PURE__ */ c("div", { className: f, children: "wait feature..." }) : l : /* @__PURE__ */ c("div", { className: f, children: "event is forbidden..." });
+  const g = re(s.status), m = re(n.sdkStore.slStreamId);
+  return m != null && m.loading ? /* @__PURE__ */ c("div", { className: f, children: "event is loading..." }) : m != null && m.data ? g !== me.Ready ? /* @__PURE__ */ c("div", { className: f, children: "wait feature..." }) : l : /* @__PURE__ */ c("div", { className: f, children: "event is forbidden..." });
 }, ti = Vt(() => import("./gamification-feature.js")), ii = ({
   sdk: s,
   feature: n,
@@ -16,7 +16,7 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
 }) => {
   const f = Ue(() => n && n.featureConfig.get().type === ze.GAMES ? /* @__PURE__ */ c(ei, { className: l, sdk: s, feature: n, children: /* @__PURE__ */ c(ti, { className: l, gamification: n, sdk: s }) }) : null, [s, n, l]);
   return /* @__PURE__ */ c(
-    Qt,
+    Kt,
     {
       fallback: /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
       children: f
@@ -34,8 +34,8 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   name: "ButtonLabel",
   class: "b40tuix",
   propsAsIs: !1
-}), Oe = ({ disabled: s, active: n, onClick: l, label: f, icon: m }) => /* @__PURE__ */ c(ri, { onClick: l, disabled: s, "data-selected": n, children: /* @__PURE__ */ I(ie, { children: [
-  m && /* @__PURE__ */ c(ni, { children: m }),
+}), Oe = ({ disabled: s, active: n, onClick: l, label: f, icon: g }) => /* @__PURE__ */ c(ri, { onClick: l, disabled: s, "data-selected": n, children: /* @__PURE__ */ I(ie, { children: [
+  g && /* @__PURE__ */ c(ni, { children: g }),
   /* @__PURE__ */ c(si, { children: f })
 ] }) }), oi = () => z, ai = /* @__PURE__ */ h(oi())({
   name: "ButtonIcon",
@@ -140,10 +140,10 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   class: "cdpal9o",
   propsAsIs: !1
 }), Bi = ({ poster: s, source: n }) => {
-  const l = ye(null), [f, m] = W(!1), [g, d] = W(!0);
+  const l = ye(null), [f, g] = W(!1), [m, d] = W(!0);
   return /* @__PURE__ */ I(xi, { onClick: () => {
     const o = l == null ? void 0 : l.current;
-    o && m((w) => w ? (o.pause(), !1) : (o.play(), d(!1), !0));
+    o && g((w) => w ? (o.pause(), !1) : (o.play(), d(!1), !0));
   }, children: [
     /* @__PURE__ */ c(
       vi,
@@ -152,12 +152,12 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
         src: n,
         onEnded: () => {
           var o;
-          (o = l == null ? void 0 : l.current) == null || o.load(), m(!1), d(!0);
+          (o = l == null ? void 0 : l.current) == null || o.load(), g(!1), d(!0);
         },
-        style: { visibility: g ? "hidden" : "visible" }
+        style: { visibility: m ? "hidden" : "visible" }
       }
     ),
-    /* @__PURE__ */ c(bi, { src: s, style: { visibility: g ? "visible" : "hidden" } }),
+    /* @__PURE__ */ c(bi, { src: s, style: { visibility: m ? "visible" : "hidden" } }),
     /* @__PURE__ */ c(Ei, { children: !f && /* @__PURE__ */ c(z, { name: "icon-play" }) })
   ] });
 }, _i = /* @__PURE__ */ h("div")({
@@ -189,14 +189,14 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   image: n,
   heading: l,
   body: f,
-  action: m
+  action: g
 }) => /* @__PURE__ */ I(_i, { children: [
   (s == null ? void 0 : s.url) && /* @__PURE__ */ c(Bi, { source: s.url, poster: s.thumbnailUrl }),
-  n && /* @__PURE__ */ c(Ci, { src: n }),
+  n && !(s != null && s.url) && /* @__PURE__ */ c(Ci, { src: n }),
   /* @__PURE__ */ I(Ti, { children: [
     /* @__PURE__ */ c(Fi, { children: l }),
     /* @__PURE__ */ c($i, { children: f }),
-    m && /* @__PURE__ */ c(ki, { onClick: m, children: "View Insight" })
+    g && /* @__PURE__ */ c(ki, { onClick: g, children: "View Insight" })
   ] })
 ] }), Li = /* @__PURE__ */ h("div")({
   name: "Container",
@@ -242,74 +242,77 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   name: "Image",
   class: "i2g9g4l",
   propsAsIs: !1
-}), Hi = /* @__PURE__ */ h("div")({
+}), Hi = () => z, Yi = /* @__PURE__ */ h(Hi())({
+  name: "TwitterIcon",
+  class: "t1c454nm",
+  propsAsIs: !0
+}), Vi = /* @__PURE__ */ h("div")({
   name: "Details",
-  class: "d1c454nm",
+  class: "d11nigc3",
   propsAsIs: !1
-}), Yi = /* @__PURE__ */ h("div")({
+}), Ki = /* @__PURE__ */ h("div")({
   name: "Name",
-  class: "n11nigc3",
+  class: "nrxa4k8",
   propsAsIs: !1
-}), Vi = /* @__PURE__ */ h("div")({
+}), Qi = /* @__PURE__ */ h("div")({
   name: "UserName",
-  class: "urxa4k8",
+  class: "u1p051g3",
   propsAsIs: !1
-}), Qi = ({ image: s, name: n, userName: l, verified: f }) => /* @__PURE__ */ I(Gi, { children: [
-  /* @__PURE__ */ c(Wi, { children: /* @__PURE__ */ c(ji, { src: s }) }),
-  /* @__PURE__ */ I(Hi, { children: [
-    /* @__PURE__ */ I(Yi, { children: [
+}), Xi = ({ image: s, name: n, userName: l, verified: f }) => /* @__PURE__ */ I(Gi, { children: [
+  s && /* @__PURE__ */ I(Wi, { children: [
+    /* @__PURE__ */ c(ji, { src: s }),
+    /* @__PURE__ */ c(Yi, { name: "twitter" })
+  ] }),
+  /* @__PURE__ */ I(Vi, { children: [
+    /* @__PURE__ */ I(Ki, { children: [
       n,
       " ",
       f && /* @__PURE__ */ c(z, { name: "icon-twitter-verified" })
     ] }),
-    /* @__PURE__ */ c(Vi, { children: l })
+    l && /* @__PURE__ */ I(Qi, { children: [
+      "@",
+      l
+    ] })
   ] })
-] }), Ki = /* @__PURE__ */ h("div")({
+] }), Ji = /* @__PURE__ */ h("div")({
   name: "Container",
-  class: "c1t4f0x4",
+  class: "c1kzqw87",
   propsAsIs: !1
-}), Xi = /* @__PURE__ */ h("button")({
-  name: "ActionBtn",
-  class: "a16w1nl6",
+}), Zi = /* @__PURE__ */ h("div")({
+  name: "Details",
+  class: "d9r1hf9",
   propsAsIs: !1
-}), Ji = /* @__PURE__ */ h("div")({
+}), er = /* @__PURE__ */ h("div")({
   name: "Body",
-  class: "b14u54rf",
+  class: "bezygt5",
   propsAsIs: !1
-}), Zi = /* @__PURE__ */ h("img")({
-  name: "Image",
-  class: "i1hxm6zo",
+}), tr = ({ image: s, body: n, account: l, accountVerified: f }) => /* @__PURE__ */ c(Ji, { children: /* @__PURE__ */ I(Zi, { children: [
+  /* @__PURE__ */ c(Xi, { image: s, name: l, userName: l, verified: f }),
+  /* @__PURE__ */ c(er, { children: n })
+] }) }), ir = /* @__PURE__ */ h("div")({
+  name: "Container",
+  class: "c1t4f0x4",
   propsAsIs: !1
-}), er = /* @__PURE__ */ h("div")({
-  name: "Details",
-  class: "d1s19yop",
+}), rr = /* @__PURE__ */ h("button")({
+  name: "ActionBtn",
+  class: "a16w1nl6",
   propsAsIs: !1
-}), tr = /* @__PURE__ */ h("div")({
+}), nr = /* @__PURE__ */ h("div")({
   name: "QuoteWrap",
-  class: "q1qyx94r",
+  class: "q14u54rf",
   propsAsIs: !1
-}), ir = /* @__PURE__ */ h("blockquote")({
+}), sr = /* @__PURE__ */ h("blockquote")({
   name: "Quote",
-  class: "qs97clu",
-  propsAsIs: !1
-}), rr = ({
-  account: s,
-  body: n,
-  image: l,
-  title: f,
-  action: m
-}) => /* @__PURE__ */ I(Ki, { children: [
-  /* @__PURE__ */ c(tr, { children: /* @__PURE__ */ c(ir, { children: f }) }),
-  /* @__PURE__ */ I(er, { children: [
-    /* @__PURE__ */ c(Qi, { ...s }),
-    /* @__PURE__ */ c(Ji, { children: n }),
-    l && /* @__PURE__ */ c(Zi, { src: l })
-  ] }),
-  m && /* @__PURE__ */ c(Xi, { onClick: m, children: "View Tweet" })
+  class: "q1hxm6zo",
+  propsAsIs: !1
+}), or = ({ action: s, ...n }) => /* @__PURE__ */ I(ir, { children: [
+  n.title && /* @__PURE__ */ c(nr, { children: /* @__PURE__ */ c(sr, { children: n.title }) }),
+  /* @__PURE__ */ c(tr, { ...n }),
+  s && /* @__PURE__ */ c(rr, { onClick: s, children: "View Insight" })
 ] }), et = ({
   close: s,
   action: n,
-  data: { questionType: l, question: f, insight: m, tweet: g }
+  data: { questionType: l, question: f, insight: g, tweet: m }
 }) => {
   const d = Ai[l];
   return d ? /* @__PURE__ */ I(Li, { children: [
@@ -325,11 +328,11 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
       ),
       /* @__PURE__ */ c(Pi, { children: d.label })
     ] }),
-    l === D.FACTOID && /* @__PURE__ */ c(Si, { ...m, action: n }),
+    l === D.FACTOID && /* @__PURE__ */ c(Si, { ...g, action: n }),
     l === D.TWEET && // ToDo: connect with real Api data
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    /* @__PURE__ */ c(rr, { ...g, action: n }),
+    /* @__PURE__ */ c(or, { ...m, action: n }),
     l !== D.FACTOID && l !== D.TWEET && /* @__PURE__ */ I(ie, { children: [
       /* @__PURE__ */ c(Mi, { children: f == null ? void 0 : f.title }),
       /* @__PURE__ */ c(qi, { onClick: n, children: "Answer" })
@@ -343,67 +346,67 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   name: "BGLineBase",
   class: "b1v6w7ni",
   propsAsIs: !1
-}), nr = () => P, sr = /* @__PURE__ */ h(nr())({
+}), ar = () => P, lr = /* @__PURE__ */ h(ar())({
   name: "BGOneLineOne",
   class: "b2nqb1p",
   propsAsIs: !0
-}), or = () => P, ar = /* @__PURE__ */ h(or())({
+}), cr = () => P, ur = /* @__PURE__ */ h(cr())({
   name: "BGOneLineTwo",
   class: "b1xxgmbk",
   propsAsIs: !0
-}), lr = () => P, cr = /* @__PURE__ */ h(lr())({
+}), hr = () => P, dr = /* @__PURE__ */ h(hr())({
   name: "BGOneLineThree",
   class: "b63lwcb",
   propsAsIs: !0
-}), ur = () => P, tt = /* @__PURE__ */ h(ur())({
+}), pr = () => P, tt = /* @__PURE__ */ h(pr())({
   name: "BGTwoLineOne",
   class: "b2iah4",
   propsAsIs: !0
-}), hr = () => P, it = /* @__PURE__ */ h(hr())({
+}), fr = () => P, it = /* @__PURE__ */ h(fr())({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
   propsAsIs: !0
-}), dr = () => P, rt = /* @__PURE__ */ h(dr())({
+}), mr = () => P, rt = /* @__PURE__ */ h(mr())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
   propsAsIs: !0
-}), pr = () => P, nt = /* @__PURE__ */ h(pr())({
+}), gr = () => P, nt = /* @__PURE__ */ h(gr())({
   name: "BGThreeLineOne",
   class: "b18ho1tk",
   propsAsIs: !0
-}), fr = () => P, st = /* @__PURE__ */ h(fr())({
+}), yr = () => P, st = /* @__PURE__ */ h(yr())({
   name: "BGThreeLineTwo",
   class: "b14uvjfm",
   propsAsIs: !0
-}), mr = () => P, ot = /* @__PURE__ */ h(mr())({
+}), wr = () => P, ot = /* @__PURE__ */ h(wr())({
   name: "BGThreeLineThree",
   class: "b11c3ns7",
   propsAsIs: !0
-}), gr = () => P, at = /* @__PURE__ */ h(gr())({
+}), Ir = () => P, at = /* @__PURE__ */ h(Ir())({
   name: "BGThreeLineFour",
   class: "b1bqhhet",
   propsAsIs: !0
-}), yr = () => P, wr = /* @__PURE__ */ h(yr())({
+}), Ar = () => P, xr = /* @__PURE__ */ h(Ar())({
   name: "BGFourLineOne",
   class: "b1xyzi7o",
   propsAsIs: !0
-}), Ir = () => P, Ar = /* @__PURE__ */ h(Ir())({
+}), vr = () => P, br = /* @__PURE__ */ h(vr())({
   name: "BGFourLineTwo",
   class: "byo0rup",
   propsAsIs: !0
-}), xr = () => P, vr = /* @__PURE__ */ h(xr())({
+}), Er = () => P, Br = /* @__PURE__ */ h(Er())({
   name: "BGFourLineThree",
   class: "b1oyiqgv",
   propsAsIs: !0
-}), br = () => P, Er = /* @__PURE__ */ h(br())({
+}), _r = () => P, Cr = /* @__PURE__ */ h(_r())({
   name: "BGFourLineFour",
   class: "bx3ddqw",
   propsAsIs: !0
-}), Br = ({ step: s, correct: n }) => /* @__PURE__ */ I(ie, { children: [
+}), Tr = ({ step: s, correct: n }) => /* @__PURE__ */ I(ie, { children: [
   /* @__PURE__ */ I(oe, { "data-active": s === 1, "data-first-screen": "true", children: [
-    /* @__PURE__ */ c(sr, {}),
-    /* @__PURE__ */ c(ar, {}),
-    /* @__PURE__ */ c(cr, {})
+    /* @__PURE__ */ c(lr, {}),
+    /* @__PURE__ */ c(ur, {}),
+    /* @__PURE__ */ c(dr, {})
   ] }),
   /* @__PURE__ */ I(oe, { "data-active": s === 2, children: [
     /* @__PURE__ */ c(tt, {}),
@@ -429,29 +432,29 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
       /* @__PURE__ */ c(at, {})
     ] })
   ] }) : /* @__PURE__ */ I(oe, { "data-active": s === 4, "data-correct": "false", "data-last-screen": "true", children: [
-    /* @__PURE__ */ c(wr, {}),
-    /* @__PURE__ */ c(Ar, {}),
-    /* @__PURE__ */ c(vr, {}),
-    /* @__PURE__ */ c(Er, {})
+    /* @__PURE__ */ c(xr, {}),
+    /* @__PURE__ */ c(br, {}),
+    /* @__PURE__ */ c(Br, {}),
+    /* @__PURE__ */ c(Cr, {})
   ] })
-] }), _r = /* @__PURE__ */ h("div")({
+] }), Fr = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "c1pgyo67",
   propsAsIs: !1
-}), Cr = "hx17qu6", De = ({
+}), $r = "hx17qu6", De = ({
   children: s,
   style: n,
   className: l,
   hiding: f
-}) => /* @__PURE__ */ c(_r, {
+}) => /* @__PURE__ */ c(Fr, {
   style: n,
-  className: wt(l, f && Cr),
+  className: wt(l, f && $r),
   children: s
-}), Tr = 118, Fr = () => De, $r = /* @__PURE__ */ h(Fr())({
+}), kr = 118, Sr = () => De, Lr = /* @__PURE__ */ h(Sr())({
   name: "Container",
   class: "c10131zw",
   propsAsIs: !0
-}), kr = /* @__PURE__ */ h("div")({
+}), Rr = /* @__PURE__ */ h("div")({
   name: "InnerContainer",
   class: "ir6k2eo",
   propsAsIs: !1
@@ -467,7 +470,7 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   name: "Subtitle",
   class: "s1pjil1h",
   propsAsIs: !1
-}), Sr = () => ge, lt = /* @__PURE__ */ h(Sr())({
+}), Nr = () => ge, lt = /* @__PURE__ */ h(Nr())({
   name: "SubtitleFG",
   class: "s1iorwr9",
   propsAsIs: !0
@@ -475,7 +478,7 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   name: "AnswerText",
   class: "a51sv9d",
   propsAsIs: !1
-}), Lr = () => z, Te = /* @__PURE__ */ h(Lr())({
+}), Ur = () => z, Te = /* @__PURE__ */ h(Ur())({
   name: "FeedbackIcon",
   class: "f1lbk2ye",
   propsAsIs: !0
@@ -483,11 +486,11 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   name: "CloseButton",
   class: "crcvk3t",
   propsAsIs: !1
-}), Rr = () => z, ut = /* @__PURE__ */ h(Rr())({
+}), zr = () => z, ut = /* @__PURE__ */ h(zr())({
   name: "CloseIcon",
   class: "c33p82r",
   propsAsIs: !0
-}), ce = (s, n) => s === n ? "translateY(0px)" : s > n ? "translateY(100%)" : "translateY(-100%)", Nr = ({ close: s, votedAnswer: n, correct: l, correctAnswerTitle: f, questionTitle: m, saveHeight: g, style: d, hiding: o }) => {
+}), ce = (s, n) => s === n ? "translateY(0px)" : s > n ? "translateY(100%)" : "translateY(-100%)", Or = ({ close: s, votedAnswer: n, correct: l, correctAnswerTitle: f, questionTitle: g, saveHeight: m, style: d, hiding: o }) => {
   const [w, v] = W(1), x = ye({});
   X(() => {
     const y = setInterval(() => {
@@ -496,13 +499,13 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
     return () => clearInterval(y);
   }, [l]), X(() => {
     var y, A;
-    x.current[w] && g(((A = (y = x.current[w]) == null ? void 0 : y.getBoundingClientRect()) == null ? void 0 : A.height) || Tr);
-  }, [w, g]);
+    x.current[w] && m(((A = (y = x.current[w]) == null ? void 0 : y.getBoundingClientRect()) == null ? void 0 : A.height) || kr);
+  }, [w, m]);
   const B = (y) => (A) => {
     x.current && (x.current[y] = A);
   };
-  return /* @__PURE__ */ c($r, { style: d.height ? d : { ...d, paddingTop: 0, paddingBottom: 0 }, hiding: o, children: /* @__PURE__ */ I(
-    kr,
+  return /* @__PURE__ */ c(Lr, { style: d.height ? d : { ...d, paddingTop: 0, paddingBottom: 0 }, hiding: o, children: /* @__PURE__ */ I(
+    Rr,
     {
       style: {
         height: d.height,
@@ -510,7 +513,7 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
         backgroundColor: w > 3 ? "var(--color-white)" : "var(--color-primary-green2)"
       },
       children: [
-        /* @__PURE__ */ c(Br, { step: w, correct: l }),
+        /* @__PURE__ */ c(Tr, { step: w, correct: l }),
         /* @__PURE__ */ I(ae, { ref: B(1), style: { transform: ce(1, w) }, children: [
           /* @__PURE__ */ c(le, { children: "Master" }),
           /* @__PURE__ */ c(lt, { children: "FEATURED GROUPS +" })
@@ -520,7 +523,7 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
           /* @__PURE__ */ c(lt, { children: "FEATURED GROUPS +" })
         ] }),
         /* @__PURE__ */ I(ae, { ref: B(3), style: { transform: ce(3, w) }, children: [
-          /* @__PURE__ */ c(le, { children: m }),
+          /* @__PURE__ */ c(le, { children: g }),
           /* @__PURE__ */ c(ge, { children: /* @__PURE__ */ I(Ie, { children: [
             "Your Pick: ",
             n == null ? void 0 : n.title
@@ -586,11 +589,11 @@ const ei = ({ feature: s, sdk: n, children: l, className: f }) => {
   ) });
 };
 var It = {}, At = {}, Ee = {};
-Ee.byteLength = Or;
-Ee.toByteArray = Pr;
-Ee.fromByteArray = Gr;
-var V = [], q = [], Ur = typeof Uint8Array < "u" ? Uint8Array : Array, Fe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-for (var ue = 0, zr = Fe.length; ue < zr; ++ue)
+Ee.byteLength = Mr;
+Ee.toByteArray = Gr;
+Ee.fromByteArray = Hr;
+var V = [], q = [], Dr = typeof Uint8Array < "u" ? Uint8Array : Array, Fe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+for (var ue = 0, Pr = Fe.length; ue < Pr; ++ue)
   V[ue] = Fe[ue], q[Fe.charCodeAt(ue)] = ue;
 q["-".charCodeAt(0)] = 62;
 q["_".charCodeAt(0)] = 63;
@@ -603,58 +606,58 @@ function xt(s) {
   var f = l === n ? 0 : 4 - l % 4;
   return [l, f];
 }
-function Or(s) {
+function Mr(s) {
   var n = xt(s), l = n[0], f = n[1];
   return (l + f) * 3 / 4 - f;
 }
-function Dr(s, n, l) {
+function qr(s, n, l) {
   return (n + l) * 3 / 4 - l;
 }
-function Pr(s) {
-  var n, l = xt(s), f = l[0], m = l[1], g = new Ur(Dr(s, f, m)), d = 0, o = m > 0 ? f - 4 : f, w;
+function Gr(s) {
+  var n, l = xt(s), f = l[0], g = l[1], m = new Dr(qr(s, f, g)), d = 0, o = g > 0 ? f - 4 : f, w;
   for (w = 0; w < o; w += 4)
-    n = q[s.charCodeAt(w)] << 18 | q[s.charCodeAt(w + 1)] << 12 | q[s.charCodeAt(w + 2)] << 6 | q[s.charCodeAt(w + 3)], g[d++] = n >> 16 & 255, g[d++] = n >> 8 & 255, g[d++] = n & 255;
-  return m === 2 && (n = q[s.charCodeAt(w)] << 2 | q[s.charCodeAt(w + 1)] >> 4, g[d++] = n & 255), m === 1 && (n = q[s.charCodeAt(w)] << 10 | q[s.charCodeAt(w + 1)] << 4 | q[s.charCodeAt(w + 2)] >> 2, g[d++] = n >> 8 & 255, g[d++] = n & 255), g;
+    n = q[s.charCodeAt(w)] << 18 | q[s.charCodeAt(w + 1)] << 12 | q[s.charCodeAt(w + 2)] << 6 | q[s.charCodeAt(w + 3)], m[d++] = n >> 16 & 255, m[d++] = n >> 8 & 255, m[d++] = n & 255;
+  return g === 2 && (n = q[s.charCodeAt(w)] << 2 | q[s.charCodeAt(w + 1)] >> 4, m[d++] = n & 255), g === 1 && (n = q[s.charCodeAt(w)] << 10 | q[s.charCodeAt(w + 1)] << 4 | q[s.charCodeAt(w + 2)] >> 2, m[d++] = n >> 8 & 255, m[d++] = n & 255), m;
 }
-function Mr(s) {
+function Wr(s) {
   return V[s >> 18 & 63] + V[s >> 12 & 63] + V[s >> 6 & 63] + V[s & 63];
 }
-function qr(s, n, l) {
-  for (var f, m = [], g = n; g < l; g += 3)
-    f = (s[g] << 16 & 16711680) + (s[g + 1] << 8 & 65280) + (s[g + 2] & 255), m.push(Mr(f));
-  return m.join("");
+function jr(s, n, l) {
+  for (var f, g = [], m = n; m < l; m += 3)
+    f = (s[m] << 16 & 16711680) + (s[m + 1] << 8 & 65280) + (s[m + 2] & 255), g.push(Wr(f));
+  return g.join("");
 }
-function Gr(s) {
-  for (var n, l = s.length, f = l % 3, m = [], g = 16383, d = 0, o = l - f; d < o; d += g)
-    m.push(qr(s, d, d + g > o ? o : d + g));
-  return f === 1 ? (n = s[l - 1], m.push(
+function Hr(s) {
+  for (var n, l = s.length, f = l % 3, g = [], m = 16383, d = 0, o = l - f; d < o; d += m)
+    g.push(jr(s, d, d + m > o ? o : d + m));
+  return f === 1 ? (n = s[l - 1], g.push(
     V[n >> 2] + V[n << 4 & 63] + "=="
-  )) : f === 2 && (n = (s[l - 2] << 8) + s[l - 1], m.push(
+  )) : f === 2 && (n = (s[l - 2] << 8) + s[l - 1], g.push(
     V[n >> 10] + V[n >> 4 & 63] + V[n << 2 & 63] + "="
-  )), m.join("");
+  )), g.join("");
 }
 var Pe = {};
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-Pe.read = function(s, n, l, f, m) {
-  var g, d, o = m * 8 - f - 1, w = (1 << o) - 1, v = w >> 1, x = -7, B = l ? m - 1 : 0, y = l ? -1 : 1, A = s[n + B];
-  for (B += y, g = A & (1 << -x) - 1, A >>= -x, x += o; x > 0; g = g * 256 + s[n + B], B += y, x -= 8)
+Pe.read = function(s, n, l, f, g) {
+  var m, d, o = g * 8 - f - 1, w = (1 << o) - 1, v = w >> 1, x = -7, B = l ? g - 1 : 0, y = l ? -1 : 1, A = s[n + B];
+  for (B += y, m = A & (1 << -x) - 1, A >>= -x, x += o; x > 0; m = m * 256 + s[n + B], B += y, x -= 8)
     ;
-  for (d = g & (1 << -x) - 1, g >>= -x, x += f; x > 0; d = d * 256 + s[n + B], B += y, x -= 8)
+  for (d = m & (1 << -x) - 1, m >>= -x, x += f; x > 0; d = d * 256 + s[n + B], B += y, x -= 8)
     ;
-  if (g === 0)
-    g = 1 - v;
+  if (m === 0)
+    m = 1 - v;
   else {
-    if (g === w)
+    if (m === w)
       return d ? NaN : (A ? -1 : 1) * (1 / 0);
-    d = d + Math.pow(2, f), g = g - v;
+    d = d + Math.pow(2, f), m = m - v;
   }
-  return (A ? -1 : 1) * d * Math.pow(2, g - f);
+  return (A ? -1 : 1) * d * Math.pow(2, m - f);
 };
-Pe.write = function(s, n, l, f, m, g) {
-  var d, o, w, v = g * 8 - m - 1, x = (1 << v) - 1, B = x >> 1, y = m === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, A = f ? 0 : g - 1, b = f ? 1 : -1, _ = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
-  for (n = Math.abs(n), isNaN(n) || n === 1 / 0 ? (o = isNaN(n) ? 1 : 0, d = x) : (d = Math.floor(Math.log(n) / Math.LN2), n * (w = Math.pow(2, -d)) < 1 && (d--, w *= 2), d + B >= 1 ? n += y / w : n += y * Math.pow(2, 1 - B), n * w >= 2 && (d++, w /= 2), d + B >= x ? (o = 0, d = x) : d + B >= 1 ? (o = (n * w - 1) * Math.pow(2, m), d = d + B) : (o = n * Math.pow(2, B - 1) * Math.pow(2, m), d = 0)); m >= 8; s[l + A] = o & 255, A += b, o /= 256, m -= 8)
+Pe.write = function(s, n, l, f, g, m) {
+  var d, o, w, v = m * 8 - g - 1, x = (1 << v) - 1, B = x >> 1, y = g === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, A = f ? 0 : m - 1, b = f ? 1 : -1, _ = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
+  for (n = Math.abs(n), isNaN(n) || n === 1 / 0 ? (o = isNaN(n) ? 1 : 0, d = x) : (d = Math.floor(Math.log(n) / Math.LN2), n * (w = Math.pow(2, -d)) < 1 && (d--, w *= 2), d + B >= 1 ? n += y / w : n += y * Math.pow(2, 1 - B), n * w >= 2 && (d++, w /= 2), d + B >= x ? (o = 0, d = x) : d + B >= 1 ? (o = (n * w - 1) * Math.pow(2, g), d = d + B) : (o = n * Math.pow(2, B - 1) * Math.pow(2, g), d = 0)); g >= 8; s[l + A] = o & 255, A += b, o /= 256, g -= 8)
     ;
-  for (d = d << m | o, v += m; v > 0; s[l + A] = d & 255, A += b, d /= 256, v -= 8)
+  for (d = d << g | o, v += g; v > 0; s[l + A] = d & 255, A += b, d /= 256, v -= 8)
     ;
   s[l + A - b] |= _ * 128;
 };
@@ -667,11 +670,11 @@ Pe.write = function(s, n, l, f, m, g) {
 (function(s) {
   const n = Ee, l = Pe, f = typeof Symbol == "function" && typeof Symbol.for == "function" ? Symbol.for("nodejs.util.inspect.custom") : null;
   s.Buffer = o, s.SlowBuffer = F, s.INSPECT_MAX_BYTES = 50;
-  const m = 2147483647;
-  s.kMaxLength = m, o.TYPED_ARRAY_SUPPORT = g(), !o.TYPED_ARRAY_SUPPORT && typeof console < "u" && typeof console.error == "function" && console.error(
+  const g = 2147483647;
+  s.kMaxLength = g, o.TYPED_ARRAY_SUPPORT = m(), !o.TYPED_ARRAY_SUPPORT && typeof console < "u" && typeof console.error == "function" && console.error(
     "This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."
   );
-  function g() {
+  function m() {
     try {
       const i = new Uint8Array(1), e = { foo: function() {
         return 42;
@@ -695,7 +698,7 @@ Pe.write = function(s, n, l, f, m, g) {
     }
   });
   function d(i) {
-    if (i > m)
+    if (i > g)
       throw new RangeError('The value "' + i + '" is invalid for option "size"');
     const e = new Uint8Array(i);
     return Object.setPrototypeOf(e, o.prototype), e;
@@ -801,8 +804,8 @@ Pe.write = function(s, n, l, f, m, g) {
       return A(i.data);
   }
   function C(i) {
-    if (i >= m)
-      throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x" + m.toString(16) + " bytes");
+    if (i >= g)
+      throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x" + g.toString(16) + " bytes");
     return i | 0;
   }
   function F(i) {
@@ -906,7 +909,7 @@ Pe.write = function(s, n, l, f, m, g) {
       }
   }
   o.byteLength = U;
-  function Q(i, e, t) {
+  function K(i, e, t) {
     let r = !1;
     if ((e === void 0 || e < 0) && (e = 0), e > this.length || ((t === void 0 || t > this.length) && (t = this.length), t <= 0) || (t >>>= 0, e >>>= 0, t <= e))
       return "";
@@ -963,7 +966,7 @@ Pe.write = function(s, n, l, f, m, g) {
     return this;
   }, o.prototype.toString = function() {
     const e = this.length;
-    return e === 0 ? "" : arguments.length === 0 ? Ge(this, 0, e) : Q.apply(this, arguments);
+    return e === 0 ? "" : arguments.length === 0 ? Ge(this, 0, e) : K.apply(this, arguments);
   }, o.prototype.toLocaleString = o.prototype.toString, o.prototype.equals = function(e) {
     if (!o.isBuffer(e))
       throw new TypeError("Argument must be a Buffer");
@@ -1393,13 +1396,13 @@ Pe.write = function(s, n, l, f, m, g) {
   }, o.prototype.writeFloatBE = function(e, t, r) {
     return Ve(this, e, t, !1, r);
   };
-  function Qe(i, e, t, r, a) {
+  function Ke(i, e, t, r, a) {
     return e = +e, t = t >>> 0, a || Ye(i, e, t, 8), l.write(i, e, t, r, 52, 8), t + 8;
   }
   o.prototype.writeDoubleLE = function(e, t, r) {
-    return Qe(this, e, t, !0, r);
+    return Ke(this, e, t, !0, r);
   }, o.prototype.writeDoubleBE = function(e, t, r) {
-    return Qe(this, e, t, !1, r);
+    return Ke(this, e, t, !1, r);
   }, o.prototype.copy = function(e, t, r, a) {
     if (!o.isBuffer(e))
       throw new TypeError("argument should be a Buffer");
@@ -1490,11 +1493,11 @@ Pe.write = function(s, n, l, f, m, g) {
     "ERR_OUT_OF_RANGE",
     function(i, e, t) {
       let r = `The value of "${i}" is out of range.`, a = t;
-      return Number.isInteger(t) && Math.abs(t) > 2 ** 32 ? a = Ke(String(t)) : typeof t == "bigint" && (a = String(t), (t > BigInt(2) ** BigInt(32) || t < -(BigInt(2) ** BigInt(32))) && (a = Ke(a)), a += "n"), r += ` It must be ${e}. Received ${a}`, r;
+      return Number.isInteger(t) && Math.abs(t) > 2 ** 32 ? a = Qe(String(t)) : typeof t == "bigint" && (a = String(t), (t > BigInt(2) ** BigInt(32) || t < -(BigInt(2) ** BigInt(32))) && (a = Qe(a)), a += "n"), r += ` It must be ${e}. Received ${a}`, r;
     },
     RangeError
   );
-  function Ke(i) {
+  function Qe(i) {
     let e = "", t = i.length;
     const r = i[0] === "-" ? 1 : 0;
     for (; t >= r + 4; t -= 3)
@@ -1668,7 +1671,7 @@ function bt(s) {
     }
   }
 }
-function Wr(s) {
+function Yr(s) {
   if (Y === clearTimeout)
     return clearTimeout(s);
   if ((Y === Le || !Y) && clearTimeout)
@@ -1683,20 +1686,20 @@ function Wr(s) {
     }
   }
 }
-var K = [], pe = !1, te, xe = -1;
-function jr() {
-  !pe || !te || (pe = !1, te.length ? K = te.concat(K) : xe = -1, K.length && Et());
+var Q = [], pe = !1, te, xe = -1;
+function Vr() {
+  !pe || !te || (pe = !1, te.length ? Q = te.concat(Q) : xe = -1, Q.length && Et());
 }
 function Et() {
   if (!pe) {
-    var s = bt(jr);
+    var s = bt(Vr);
     pe = !0;
-    for (var n = K.length; n; ) {
-      for (te = K, K = []; ++xe < n; )
+    for (var n = Q.length; n; ) {
+      for (te = Q, Q = []; ++xe < n; )
         te && te[xe].run();
-      xe = -1, n = K.length;
+      xe = -1, n = Q.length;
     }
-    te = null, pe = !1, Wr(s);
+    te = null, pe = !1, Yr(s);
   }
 }
 L.nextTick = function(s) {
@@ -1704,7 +1707,7 @@ L.nextTick = function(s) {
   if (arguments.length > 1)
     for (var l = 1; l < arguments.length; l++)
       n[l - 1] = arguments[l];
-  K.push(new Bt(s, n)), K.length === 1 && !pe && bt(Et);
+  Q.push(new Bt(s, n)), Q.length === 1 && !pe && bt(Et);
 };
 function Bt(s, n) {
   this.fun = s, this.array = n;
@@ -1744,11 +1747,11 @@ L.chdir = function(s) {
 L.umask = function() {
   return 0;
 };
-var Hr = vt.exports;
+var Kr = vt.exports;
 (function(s) {
   Object.defineProperty(s, Symbol.toStringTag, { value: "Module" });
-  const n = At, l = Hr, f = (d) => d && d.__esModule ? d : { default: d }, m = f(l), g = globalThis || void 0 || self;
-  Object.defineProperty(s, "Buffer", { enumerable: !0, get: () => n.Buffer }), Object.defineProperty(s, "process", { enumerable: !0, get: () => m.default }), s.global = g;
+  const n = At, l = Kr, f = (d) => d && d.__esModule ? d : { default: d }, g = f(l), m = globalThis || void 0 || self;
+  Object.defineProperty(s, "Buffer", { enumerable: !0, get: () => n.Buffer }), Object.defineProperty(s, "process", { enumerable: !0, get: () => g.default }), s.global = m;
 })(It);
 let G;
 typeof window < "u" ? G = window : typeof self < "u" ? G = self : G = It.global;
@@ -1766,21 +1769,21 @@ ke == null || pt == null ? (Re = $e, Ne = function(n) {
   }, ht);
   return [l, f];
 });
-function Yr(s) {
-  let n, l, f, m, g, d, o;
+function Qr(s) {
+  let n, l, f, g, m, d, o;
   const w = typeof document < "u" && document.attachEvent;
   if (!w) {
     d = function(C) {
-      const F = C.__resizeTriggers__, U = F.firstElementChild, Q = F.lastElementChild, M = U.firstElementChild;
-      Q.scrollLeft = Q.scrollWidth, Q.scrollTop = Q.scrollHeight, M.style.width = U.offsetWidth + 1 + "px", M.style.height = U.offsetHeight + 1 + "px", U.scrollLeft = U.scrollWidth, U.scrollTop = U.scrollHeight;
-    }, g = function(C) {
+      const F = C.__resizeTriggers__, U = F.firstElementChild, K = F.lastElementChild, M = U.firstElementChild;
+      K.scrollLeft = K.scrollWidth, K.scrollTop = K.scrollHeight, M.style.width = U.offsetWidth + 1 + "px", M.style.height = U.offsetHeight + 1 + "px", U.scrollLeft = U.scrollWidth, U.scrollTop = U.scrollHeight;
+    }, m = function(C) {
       return C.offsetWidth !== C.__resizeLast__.width || C.offsetHeight !== C.__resizeLast__.height;
     }, o = function(C) {
       if (C.target.className && typeof C.target.className.indexOf == "function" && C.target.className.indexOf("contract-trigger") < 0 && C.target.className.indexOf("expand-trigger") < 0)
         return;
       const F = this;
       d(this), this.__resizeRAF__ && Re(this.__resizeRAF__), this.__resizeRAF__ = Ne(function() {
-        g(F) && (F.__resizeLast__.width = F.offsetWidth, F.__resizeLast__.height = F.offsetHeight, F.__resizeListeners__.forEach(function(M) {
+        m(F) && (F.__resizeLast__.width = F.offsetWidth, F.__resizeLast__.height = F.offsetHeight, F.__resizeListeners__.forEach(function(M) {
           M.call(F, C);
         }));
       });
@@ -1799,11 +1802,11 @@ function Yr(s) {
           }
       }
     }
-    l = "resizeanim", n = "@" + A + "keyframes " + l + " { from { opacity: 0; } to { opacity: 0; } } ", m = A + "animation: 1ms " + l + "; ";
+    l = "resizeanim", n = "@" + A + "keyframes " + l + " { from { opacity: 0; } to { opacity: 0; } } ", g = A + "animation: 1ms " + l + "; ";
   }
   const v = function(y) {
     if (!y.getElementById("detectElementResize")) {
-      const A = (n || "") + ".resize-triggers { " + (m || "") + '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%; }', b = y.head || y.getElementsByTagName("head")[0], _ = y.createElement("style");
+      const A = (n || "") + ".resize-triggers { " + (g || "") + '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%; }', b = y.head || y.getElementsByTagName("head")[0], _ = y.createElement("style");
       _.id = "detectElementResize", _.type = "text/css", s != null && _.setAttribute("nonce", s), _.styleSheet ? _.styleSheet.cssText = A : _.appendChild(y.createTextNode(A)), b.appendChild(_);
     }
   };
@@ -1838,7 +1841,7 @@ function Yr(s) {
     }
   };
 }
-class Vr extends Kt {
+class Xr extends Qt {
   constructor(...n) {
     super(...n), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1850,17 +1853,17 @@ class Vr extends Kt {
       const {
         disableHeight: l,
         disableWidth: f,
-        onResize: m
+        onResize: g
       } = this.props;
       if (this._parentNode) {
-        var g, d, o, w;
-        const v = window.getComputedStyle(this._parentNode) || {}, x = parseFloat((g = v.paddingLeft) !== null && g !== void 0 ? g : "0"), B = parseFloat((d = v.paddingRight) !== null && d !== void 0 ? d : "0"), y = parseFloat((o = v.paddingTop) !== null && o !== void 0 ? o : "0"), A = parseFloat((w = v.paddingBottom) !== null && w !== void 0 ? w : "0"), b = this._parentNode.getBoundingClientRect(), _ = b.height - y - A, R = b.width - x - B, C = this._parentNode.offsetHeight - y - A, F = this._parentNode.offsetWidth - x - B;
+        var m, d, o, w;
+        const v = window.getComputedStyle(this._parentNode) || {}, x = parseFloat((m = v.paddingLeft) !== null && m !== void 0 ? m : "0"), B = parseFloat((d = v.paddingRight) !== null && d !== void 0 ? d : "0"), y = parseFloat((o = v.paddingTop) !== null && o !== void 0 ? o : "0"), A = parseFloat((w = v.paddingBottom) !== null && w !== void 0 ? w : "0"), b = this._parentNode.getBoundingClientRect(), _ = b.height - y - A, R = b.width - x - B, C = this._parentNode.offsetHeight - y - A, F = this._parentNode.offsetWidth - x - B;
         (!l && (this.state.height !== C || this.state.scaledHeight !== _) || !f && (this.state.width !== F || this.state.scaledWidth !== R)) && (this.setState({
           height: C,
           width: F,
           scaledHeight: _,
           scaledWidth: R
-        }), typeof m == "function" && m({
+        }), typeof g == "function" && g({
           height: C,
           scaledHeight: _,
           scaledWidth: R,
@@ -1877,7 +1880,7 @@ class Vr extends Kt {
     } = this.props;
     this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement && (this._parentNode = this._autoSizer.parentNode, this._parentNode != null && (typeof ResizeObserver < "u" ? (this._resizeObserver = new ResizeObserver(() => {
       this._timeoutId = setTimeout(this._onResize, 0);
-    }), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize = Yr(n), this._detectElementResize.addResizeListener(this._parentNode, this._onResize)), this._onResize()));
+    }), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize = Qr(n), this._detectElementResize.addResizeListener(this._parentNode, 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.observe(this._parentNode), this._resizeObserver.disconnect()));
@@ -1887,8 +1890,8 @@ class Vr extends Kt {
       children: n,
       defaultHeight: l,
       defaultWidth: f,
-      disableHeight: m = !1,
-      disableWidth: g = !1,
+      disableHeight: g = !1,
+      disableWidth: m = !1,
       nonce: d,
       onResize: o,
       style: w = {},
@@ -1903,7 +1906,7 @@ class Vr extends Kt {
       overflow: "visible"
     }, R = {};
     let C = !1;
-    return m || (B === 0 && (C = !0), _.height = 0, R.height = B, R.scaledHeight = y), g || (b === 0 && (C = !0), _.width = 0, R.width = b, R.scaledWidth = A), Xt(v, {
+    return g || (B === 0 && (C = !0), _.height = 0, R.height = B, R.scaledHeight = y), m || (b === 0 && (C = !0), _.width = 0, R.width = b, R.scaledWidth = A), Xt(v, {
       ref: this._setRef,
       style: {
         ..._,
@@ -1913,112 +1916,112 @@ class Vr extends Kt {
     }, !C && n(R));
   }
 }
-const Qr = /* @__PURE__ */ h("div")({
+const Jr = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "c1htq1lb",
   propsAsIs: !1
-}), Kr = /* @__PURE__ */ h("div")({
+}), Zr = /* @__PURE__ */ h("div")({
   name: "Content",
   class: "cjyzpp7",
   propsAsIs: !1
-}), Xr = /* @__PURE__ */ h("div")({
+}), en = /* @__PURE__ */ h("div")({
   name: "Graphic",
   class: "g16mldgz",
   propsAsIs: !1
-}), Jr = /* @__PURE__ */ h("div")({
+}), tn = /* @__PURE__ */ h("div")({
   name: "Headline",
   class: "h69js65",
   propsAsIs: !1
-}), Zr = /* @__PURE__ */ h("div")({
+}), rn = /* @__PURE__ */ h("div")({
   name: "StepsContainer",
   class: "smm7qmo",
   propsAsIs: !1
-}), en = /* @__PURE__ */ h("span")({
+}), nn = /* @__PURE__ */ h("span")({
   name: "StepIndicator",
   class: "s17knuw2",
   propsAsIs: !1
-}), tn = ({
+}), sn = ({
   width: s,
   graphicSrc: n,
   headline: l,
   stepsCount: f,
-  currentStep: m
-}) => /* @__PURE__ */ I(Qr, { children: [
-  /* @__PURE__ */ I(Kr, { children: [
-    /* @__PURE__ */ c(Xr, { "data-centered": m === 0, children: /* @__PURE__ */ c("img", { src: n, alt: l, width: s || 300 }) }),
-    l && /* @__PURE__ */ c(Jr, { children: l })
+  currentStep: g
+}) => /* @__PURE__ */ I(Jr, { children: [
+  /* @__PURE__ */ I(Zr, { children: [
+    /* @__PURE__ */ c(en, { "data-centered": g === 0, children: /* @__PURE__ */ c("img", { src: n, alt: l, width: s || 300 }) }),
+    l && /* @__PURE__ */ c(tn, { children: l })
   ] }),
-  /* @__PURE__ */ c(Zr, { children: Array.from({ length: f }).map((g, d) => /* @__PURE__ */ c(en, { "data-active": m === d }, d)) })
-] }), rn = /* @__PURE__ */ h("div")({
+  /* @__PURE__ */ c(rn, { children: Array.from({ length: f }).map((m, d) => /* @__PURE__ */ c(nn, { "data-active": g === d }, d)) })
+] }), on = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "c1itm4k7",
   propsAsIs: !1
-}), nn = /* @__PURE__ */ h("div")({
+}), an = /* @__PURE__ */ h("div")({
   name: "IconContainer",
   class: "i1w4fsni",
   propsAsIs: !1
-}), sn = () => z, on = /* @__PURE__ */ h(sn())({
+}), ln = () => z, cn = /* @__PURE__ */ h(ln())({
   name: "InviteGameIcon",
   class: "i19m85r1",
   propsAsIs: !0
-}), an = /* @__PURE__ */ h("div")({
+}), un = /* @__PURE__ */ h("div")({
   name: "Content",
   class: "c1mbu204",
   propsAsIs: !1
-}), ln = /* @__PURE__ */ h("div")({
+}), hn = /* @__PURE__ */ h("div")({
   name: "Heading",
   class: "h1amdqtv",
   propsAsIs: !1
-}), cn = /* @__PURE__ */ h("div")({
+}), dn = /* @__PURE__ */ h("div")({
   name: "Subtext",
   class: "s1lhlj9j",
   propsAsIs: !1
-}), un = /* @__PURE__ */ h("div")({
+}), pn = /* @__PURE__ */ h("div")({
   name: "LinkContainer",
   class: "l1wot35e",
   propsAsIs: !1
-}), hn = /* @__PURE__ */ h("div")({
+}), fn = /* @__PURE__ */ h("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
   propsAsIs: !1
-}), dn = /* @__PURE__ */ h("span")({
+}), mn = /* @__PURE__ */ h("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
   propsAsIs: !1
-}), pn = /* @__PURE__ */ h("span")({
+}), gn = /* @__PURE__ */ h("span")({
   name: "LinkAddress",
   class: "lvi87q4",
   propsAsIs: !1
-}), fn = () => z, mn = /* @__PURE__ */ h(fn())({
+}), yn = () => z, wn = /* @__PURE__ */ h(yn())({
   name: "LinkIcon",
   class: "l1pqlvw3",
   propsAsIs: !0
-}), gn = /* @__PURE__ */ h("div")({
+}), In = /* @__PURE__ */ h("div")({
   name: "SocialLinksContainer",
   class: "s1n7kzeh",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ h("a")({
+}), An = /* @__PURE__ */ h("a")({
   name: "SocialLink",
   class: "s2m9o9y",
   propsAsIs: !1
-}), wn = /* @__PURE__ */ h("span")({
+}), xn = /* @__PURE__ */ h("span")({
   name: "SocialLinkLabel",
   class: "sewjbbn",
   propsAsIs: !1
-}), In = ({
+}), vn = ({
   inviteLink: s,
   socialLinks: n,
   inviteCardTitle: l,
   inviteCardSubtext: f,
-  primaryColor: m,
-  className: g
-}) => /* @__PURE__ */ I(rn, { className: g, children: [
-  /* @__PURE__ */ c(nn, { style: { backgroundColor: m }, children: /* @__PURE__ */ c(on, { name: "invite-game-icon" }) }),
-  /* @__PURE__ */ I(an, { children: [
-    /* @__PURE__ */ c(ln, { children: l || "" }),
-    /* @__PURE__ */ c(cn, { children: f || "" })
+  primaryColor: g,
+  className: m
+}) => /* @__PURE__ */ I(on, { className: m, children: [
+  /* @__PURE__ */ c(an, { style: { backgroundColor: g }, children: /* @__PURE__ */ c(cn, { name: "invite-game-icon" }) }),
+  /* @__PURE__ */ I(un, { children: [
+    /* @__PURE__ */ c(hn, { children: l || "" }),
+    /* @__PURE__ */ c(dn, { children: f || "" })
   ] }),
-  s && /* @__PURE__ */ I(un, { onClick: async () => {
+  s && /* @__PURE__ */ I(pn, { onClick: async () => {
     if (s)
       try {
         await navigator.clipboard.writeText(s);
@@ -2026,90 +2029,90 @@ const Qr = /* @__PURE__ */ h("div")({
         console.error("Unable to copy to clipboard", d);
       }
   }, children: [
-    /* @__PURE__ */ I(hn, { children: [
-      /* @__PURE__ */ c(dn, { children: "Invite link" }),
-      /* @__PURE__ */ c(pn, { children: s })
+    /* @__PURE__ */ I(fn, { children: [
+      /* @__PURE__ */ c(mn, { children: "Invite link" }),
+      /* @__PURE__ */ c(gn, { children: s })
     ] }),
-    /* @__PURE__ */ c(mn, { name: "icon-copy" })
+    /* @__PURE__ */ c(wn, { name: "icon-copy" })
   ] }),
-  n && n.length > 0 && /* @__PURE__ */ c(gn, { children: n.map(({ icon: d, link: o, label: w }) => /* @__PURE__ */ I(yn, { href: o, target: "_blank", children: [
+  n && n.length > 0 && /* @__PURE__ */ c(In, { children: n.map(({ icon: d, link: o, label: w }) => /* @__PURE__ */ I(An, { href: o, target: "_blank", children: [
     /* @__PURE__ */ c(z, { name: d }),
-    /* @__PURE__ */ c(wn, { children: w })
+    /* @__PURE__ */ c(xn, { children: w })
   ] }, o)) })
-] }), An = /* @__PURE__ */ h("div")({
+] }), bn = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "cm0bev",
   propsAsIs: !1
-}), xn = /* @__PURE__ */ h("div")({
+}), En = /* @__PURE__ */ h("div")({
   name: "Content",
   class: "ce7x737",
   propsAsIs: !1
-}), vn = /* @__PURE__ */ h("div")({
+}), Bn = /* @__PURE__ */ h("div")({
   name: "Title",
   class: "tc2tor6",
   propsAsIs: !1
-}), bn = /* @__PURE__ */ h("div")({
+}), _n = /* @__PURE__ */ h("div")({
   name: "RulesList",
   class: "r1k5klql",
   propsAsIs: !1
-}), En = /* @__PURE__ */ h("div")({
+}), Cn = /* @__PURE__ */ h("div")({
   name: "RulesItem",
   class: "r1tf3ft2",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ h("div")({
+}), Tn = /* @__PURE__ */ h("div")({
   name: "RuleIcon",
   class: "rwpvg1k",
   propsAsIs: !1
-}), _n = /* @__PURE__ */ h("div")({
+}), Fn = /* @__PURE__ */ h("div")({
   name: "RuleText",
   class: "rbxiag0",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ h("button")({
+}), $n = /* @__PURE__ */ h("button")({
   name: "TermsButton",
   class: "t6cyrry",
   propsAsIs: !1
-}), Tn = ({ rules: s, rulesTitle: n, primaryColor: l }) => /* @__PURE__ */ I(An, { children: [
-  /* @__PURE__ */ I(xn, { children: [
-    /* @__PURE__ */ c(vn, { children: n }),
-    /* @__PURE__ */ c(bn, { children: s == null ? void 0 : s.map(({ label: f, icon: m }, g) => /* @__PURE__ */ I(En, { children: [
-      m && /* @__PURE__ */ c(Bn, { style: { backgroundColor: l }, children: /* @__PURE__ */ c(z, { name: m, "data-icon": m }) }),
-      /* @__PURE__ */ c(_n, { children: f })
-    ] }, g)) })
+}), kn = ({ rules: s, rulesTitle: n, primaryColor: l }) => /* @__PURE__ */ I(bn, { children: [
+  /* @__PURE__ */ I(En, { children: [
+    /* @__PURE__ */ c(Bn, { children: n }),
+    /* @__PURE__ */ c(_n, { children: s == null ? void 0 : s.map(({ label: f, icon: g }, m) => /* @__PURE__ */ I(Cn, { children: [
+      g && /* @__PURE__ */ c(Tn, { style: { backgroundColor: l }, children: /* @__PURE__ */ c(z, { name: g, "data-icon": g }) }),
+      /* @__PURE__ */ c(Fn, { children: f })
+    ] }, m)) })
   ] }),
-  /* @__PURE__ */ c(Cn, { children: "See Terms and Conditions" })
-] }), Fn = /* @__PURE__ */ h("button")({
+  /* @__PURE__ */ c($n, { children: "See Terms and Conditions" })
+] }), Sn = /* @__PURE__ */ h("button")({
   name: "SButton",
   class: "s1nve60q",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ h("span")({
+}), Ln = /* @__PURE__ */ h("span")({
   name: "ButtonLabel",
   class: "b1xoswwx",
   propsAsIs: !1
-}), kn = ({ disabled: s, variant: n = "primary", onClick: l, children: f, ...m }) => /* @__PURE__ */ c(Fn, { onClick: l, disabled: s, "data-variant": n, ...m, children: /* @__PURE__ */ c($n, { children: f }) }), Sn = /* @__PURE__ */ h("div")({
+}), Rn = ({ disabled: s, variant: n = "primary", onClick: l, children: f, ...g }) => /* @__PURE__ */ c(Sn, { onClick: l, disabled: s, "data-variant": n, ...g, children: /* @__PURE__ */ c(Ln, { children: f }) }), Nn = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "c18uddbs",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ h("div")({
+}), Un = /* @__PURE__ */ h("div")({
   name: "Content",
   class: "cvcfjf6",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ h("div")({
+}), zn = /* @__PURE__ */ h("div")({
   name: "OnboardingHeader",
   class: "o1ie27lw",
   propsAsIs: !1
-}), Nn = /* @__PURE__ */ h("button")({
+}), On = /* @__PURE__ */ h("button")({
   name: "CloseBtn",
   class: "c15cjkwi",
   propsAsIs: !1
-}), Un = () => z, zn = /* @__PURE__ */ h(Un())({
+}), Dn = () => z, Pn = /* @__PURE__ */ h(Dn())({
   name: "IconClose",
   class: "i1mavjt2",
   propsAsIs: !0
-}), On = /* @__PURE__ */ h("div")({
+}), Mn = /* @__PURE__ */ h("div")({
   name: "OnboardingFooter",
   class: "o1x0dyzv",
   propsAsIs: !1
-}), Dn = () => kn, Pn = /* @__PURE__ */ h(Dn())({
+}), qn = () => Rn, Gn = /* @__PURE__ */ h(qn())({
   name: "OnboardingActionBtn",
   class: "o1jfi9c3",
   propsAsIs: !0
@@ -2117,13 +2120,13 @@ const Qr = /* @__PURE__ */ h("div")({
   steps: !1,
   rules: !1,
   inviteCard: !1
-}, Mn = ({
+}, Wn = ({
   gamification: s,
   steps: n,
   rules: l,
   rulesBtnLabel: f,
-  rulesTitle: m,
-  primaryColor: g,
+  rulesTitle: g,
+  primaryColor: m,
   inviteLink: d,
   socialLinks: o,
   inviteCardTitle: w,
@@ -2140,77 +2143,77 @@ const Qr = /* @__PURE__ */ h("div")({
   }, [y, n == null ? void 0 : n.length, l == null ? void 0 : l.length, b, A, _]), F = async () => {
     await s.onboardingStatus.submitInplay();
   };
-  return /* @__PURE__ */ c(Vr, { children: ({ width: U, height: Q }) => /* @__PURE__ */ I(Sn, { style: { width: U, height: Q }, children: [
-    /* @__PURE__ */ c(Rn, { children: /* @__PURE__ */ c(Nn, { onClick: B, children: /* @__PURE__ */ c(zn, { name: "icon-close-btn-gray" }) }) }),
-    /* @__PURE__ */ I(Ln, { children: [
-      b.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ c(tn, { stepsCount: n.length, currentStep: y, ...n[y] }),
-      b.rules && /* @__PURE__ */ c(Tn, { rules: l, rulesTitle: m, primaryColor: g }),
+  return /* @__PURE__ */ c(Xr, { children: ({ width: U, height: K }) => /* @__PURE__ */ I(Nn, { style: { width: U, height: K }, children: [
+    /* @__PURE__ */ c(zn, { children: /* @__PURE__ */ c(On, { onClick: B, children: /* @__PURE__ */ c(Pn, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ I(Un, { children: [
+      b.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ c(sn, { stepsCount: n.length, currentStep: y, ...n[y] }),
+      b.rules && /* @__PURE__ */ c(kn, { rules: l, rulesTitle: g, primaryColor: m }),
       b.inviteCard && /* @__PURE__ */ c(
-        In,
+        vn,
         {
           inviteLink: d,
           inviteCardTitle: w,
           inviteCardSubtext: v,
-          primaryColor: g,
+          primaryColor: m,
           socialLinks: o
         }
       )
     ] }),
-    /* @__PURE__ */ c(On, { children: /* @__PURE__ */ c(Pn, { onClick: b.inviteCard ? F : C, children: R }) })
+    /* @__PURE__ */ c(Mn, { children: /* @__PURE__ */ c(Gn, { onClick: b.inviteCard ? F : C, children: R }) })
   ] }) });
-}, qn = /* @__PURE__ */ h("div")({
+}, jn = /* @__PURE__ */ h("div")({
   name: "Container",
   class: "cocfo2g",
   propsAsIs: !1
-}), Gn = /* @__PURE__ */ h("div")({
+}), Hn = /* @__PURE__ */ h("div")({
   name: "CloseIconWrap",
   class: "c1pdhxdk",
   propsAsIs: !1
-}), Wn = () => z, jn = /* @__PURE__ */ h(Wn())({
+}), Yn = () => z, Vn = /* @__PURE__ */ h(Yn())({
   name: "CloseIcon",
   class: "c1funj3r",
   propsAsIs: !0
-}), Hn = /* @__PURE__ */ h("div")({
+}), Kn = /* @__PURE__ */ h("div")({
   name: "Title",
   class: "t1okg06y",
   propsAsIs: !1
-}), Yn = /* @__PURE__ */ h("img")({
+}), Qn = /* @__PURE__ */ h("img")({
   name: "SponsorLogo",
   class: "sb1n923",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ h("div")({
+}), Xn = /* @__PURE__ */ h("div")({
   name: "PresentsTitle",
   class: "p1stllxd",
   propsAsIs: !1
-}), Qn = /* @__PURE__ */ h("div")({
+}), Jn = /* @__PURE__ */ h("div")({
   name: "Subtitle",
   class: "s13kvdzw",
   propsAsIs: !1
-}), Kn = /* @__PURE__ */ h("div")({
+}), Zn = /* @__PURE__ */ h("div")({
   name: "Description",
   class: "dfvmv3t",
   propsAsIs: !1
-}), Xn = /* @__PURE__ */ h("button")({
+}), es = /* @__PURE__ */ h("button")({
   name: "ActionButton",
   class: "ay8e3j9",
   propsAsIs: !1
 }), ft = ({ close: s, action: n, onboarding: l }) => {
-  var f, m, g, d, o, w, v, x;
-  return /* @__PURE__ */ I(qn, { children: [
-    /* @__PURE__ */ c(Gn, { onClick: s, children: /* @__PURE__ */ c(jn, { name: "icon-cross" }) }),
-    ((m = (f = l == null ? void 0 : l.titleCard) == null ? void 0 : f.media) == null ? void 0 : m.sponsorLogo) && /* @__PURE__ */ I(Hn, { children: [
-      /* @__PURE__ */ c(Yn, { alt: "sponsor-logo", src: (d = (g = l == null ? void 0 : l.titleCard) == null ? void 0 : g.media) == null ? void 0 : d.sponsorLogo }),
-      /* @__PURE__ */ c(Vn, { children: "PRESENTS" })
+  var f, g, m, d, o, w, v, x;
+  return /* @__PURE__ */ I(jn, { children: [
+    /* @__PURE__ */ c(Hn, { onClick: s, children: /* @__PURE__ */ c(Vn, { name: "icon-cross" }) }),
+    ((g = (f = l == null ? void 0 : l.titleCard) == null ? void 0 : f.media) == null ? void 0 : g.sponsorLogo) && /* @__PURE__ */ I(Kn, { children: [
+      /* @__PURE__ */ c(Qn, { alt: "sponsor-logo", src: (d = (m = l == null ? void 0 : l.titleCard) == null ? void 0 : m.media) == null ? void 0 : d.sponsorLogo }),
+      /* @__PURE__ */ c(Xn, { children: "PRESENTS" })
     ] }),
-    ((o = l == null ? void 0 : l.titleCard) == null ? void 0 : o.title) && /* @__PURE__ */ c(Qn, { children: (w = l == null ? void 0 : l.titleCard) == null ? void 0 : w.title }),
-    ((v = l == null ? void 0 : l.titleCard) == null ? void 0 : v.subtitle) && /* @__PURE__ */ c(Kn, { children: (x = l == null ? void 0 : l.titleCard) == null ? void 0 : x.subtitle }),
-    /* @__PURE__ */ c(Xn, { onClick: n, children: "Play Now" })
+    ((o = l == null ? void 0 : l.titleCard) == null ? void 0 : o.title) && /* @__PURE__ */ c(Jn, { children: (w = l == null ? void 0 : l.titleCard) == null ? void 0 : w.title }),
+    ((v = l == null ? void 0 : l.titleCard) == null ? void 0 : v.subtitle) && /* @__PURE__ */ c(Zn, { children: (x = l == null ? void 0 : l.titleCard) == null ? void 0 : x.subtitle }),
+    /* @__PURE__ */ c(es, { onClick: n, children: "Play Now" })
   ] });
-}, Jn = /* @__PURE__ */ h("div")({
+}, ts = /* @__PURE__ */ h("div")({
   name: "OnboardingContainer",
   class: "o9squag",
   propsAsIs: !1
-}), Zn = () => De, es = /* @__PURE__ */ h(Zn())({
+}), is = () => De, rs = /* @__PURE__ */ h(is())({
   name: "OnboardingNotificationContainer",
   class: "o1c8wcli",
   propsAsIs: !0
@@ -2218,13 +2221,13 @@ const Qr = /* @__PURE__ */ h("div")({
   name: "InnerContainer",
   class: "i18oyadd",
   propsAsIs: !1
-}), ts = "cebdc0u", is = ({
+}), ns = "cebdc0u", ss = ({
   deepLink: s,
   onboardingOpts: n,
   notification: l,
   gamification: f
 }) => {
-  var m, g, d, o, w, v;
+  var g, m, d, o, w, v;
   const [x, B] = W(void 0);
   return X(() => {
     const y = s.$store.subscribe((A) => {
@@ -2233,9 +2236,9 @@ const Qr = /* @__PURE__ */ h("div")({
     return () => {
       y();
     };
-  }, [s.$store]), /* @__PURE__ */ c(Jn, {
-    className: wt(l.hiding && ts),
-    children: /* @__PURE__ */ c(Mn, {
+  }, [s.$store]), /* @__PURE__ */ c(ts, {
+    className: wt(l.hiding && ns),
+    children: /* @__PURE__ */ c(Wn, {
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -2246,8 +2249,8 @@ const Qr = /* @__PURE__ */ h("div")({
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (m = n.rules) == null ? void 0 : m.buttonLabel,
-      rulesTitle: (g = n.rules) == null ? void 0 : g.heading,
+      rulesBtnLabel: (g = n.rules) == null ? void 0 : g.buttonLabel,
+      rulesTitle: (m = n.rules) == null ? void 0 : m.heading,
       steps: [{
         graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
         headline: "Welcome to the Featured Groups +",
@@ -2287,17 +2290,17 @@ const Qr = /* @__PURE__ */ h("div")({
       gamification: f
     })
   });
-}, rs = ({
+}, os = ({
   sdk: s,
   notification: n,
   saveHeight: l,
   style: f
 }) => {
-  const m = ye(null), [g, d] = W(!1), o = s.getFeature(ze.GAMES), w = n.data.onboarding;
+  const g = ye(null), [m, d] = W(!1), o = s.getFeature(ze.GAMES), w = n.data.onboarding;
   return Jt(() => {
     var v;
-    l(((v = m.current) == null ? void 0 : v.getBoundingClientRect().height) || 0);
-  }, [l]), g && o && w ? /* @__PURE__ */ c(is, {
+    l(((v = g.current) == null ? void 0 : v.getBoundingClientRect().height) || 0);
+  }, [l]), m && o && w ? /* @__PURE__ */ c(ss, {
     notification: n,
     setOpened: d,
     gamification: o,
@@ -2306,7 +2309,7 @@ const Qr = /* @__PURE__ */ h("div")({
   }) : /* @__PURE__ */ I(ie, {
     children: [/* @__PURE__ */ c(mt, {
       ref: (v) => {
-        m.current = v;
+        g.current = v;
       },
       style: {
         position: "absolute",
@@ -2319,7 +2322,7 @@ const Qr = /* @__PURE__ */ h("div")({
         },
         onboarding: w
       })
-    }), /* @__PURE__ */ c(es, {
+    }), /* @__PURE__ */ c(rs, {
       style: f,
       hiding: n.hiding,
       children: /* @__PURE__ */ c(mt, {
@@ -2331,7 +2334,7 @@ const Qr = /* @__PURE__ */ h("div")({
       })
     })]
   });
-}, ns = () => De, ss = /* @__PURE__ */ h(ns())({
+}, as = () => De, ls = /* @__PURE__ */ h(as())({
   name: "Container",
   class: "ctckejh",
   propsAsIs: !0
@@ -2339,8 +2342,8 @@ const Qr = /* @__PURE__ */ h("div")({
   name: "InnerContainer",
   class: "i1ri7tzr",
   propsAsIs: !1
-}), os = (s) => {
-  const [n, l] = W(0), f = ye(null), m = ve((d) => {
+}), cs = (s) => {
+  const [n, l] = W(0), f = ye(null), g = ve((d) => {
     f.current = d;
   }, []);
   X(() => {
@@ -2348,45 +2351,45 @@ const Qr = /* @__PURE__ */ h("div")({
     const o = (d = f.current) == null ? void 0 : d.getBoundingClientRect();
     o && l(o.height);
   }, [s]);
-  const g = ve((d) => {
+  const m = ve((d) => {
     l(d);
   }, []);
-  return [m, n, g];
-}, as = ({ sdk: s, notification: n }) => {
+  return [g, n, m];
+}, us = ({ sdk: s, notification: n }) => {
   var l, f;
-  const [m, g, d] = os(n.id);
+  const [g, m, d] = cs(n.id);
   return n.type === Ae.QUESTION ? /* @__PURE__ */ I(ie, { children: [
-    /* @__PURE__ */ c(gt, { ref: m, style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ c(et, { ...n }) }),
-    /* @__PURE__ */ c(ss, { style: { height: n.hiding ? 0 : g }, hiding: n.hiding, children: /* @__PURE__ */ c(gt, { style: { height: "100%" }, children: /* @__PURE__ */ c(et, { ...n }) }) })
+    /* @__PURE__ */ c(gt, { ref: g, style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ c(et, { ...n }) }),
+    /* @__PURE__ */ c(ls, { style: { height: n.hiding ? 0 : m }, hiding: n.hiding, children: /* @__PURE__ */ c(gt, { style: { height: "100%" }, children: /* @__PURE__ */ c(et, { ...n }) }) })
   ] }) : n.type === Ae.QUESTION_RESOLVED && (f = (l = n.data) == null ? void 0 : l.question) != null && f.predictionResult ? /* @__PURE__ */ c(
-    Nr,
+    Or,
     {
-      style: { height: n.hiding ? 0 : g },
+      style: { height: n.hiding ? 0 : m },
       saveHeight: d,
       close: n.close,
       hiding: n.hiding,
       ...n.data.question
     }
   ) : n.type === Ae.ONBOARDING ? /* @__PURE__ */ c(
-    rs,
+    os,
     {
-      style: { height: n.hiding ? 0 : g },
+      style: { height: n.hiding ? 0 : m },
       saveHeight: d,
       sdk: s,
       notification: n
     }
   ) : null;
-}, ls = ({ sdk: s }) => {
+}, hs = ({ sdk: s }) => {
   const [n] = W(s.getNotificationsStore()), l = re(n), f = Ue(() => {
     if (!(l != null && l.size))
       return null;
-    for (const m of l.values())
-      if (m.type === Ae.ONBOARDING)
-        return m;
+    for (const g of l.values())
+      if (g.type === Ae.ONBOARDING)
+        return g;
     return l.values().next().value;
   }, [l]);
-  return f ? /* @__PURE__ */ c(as, { sdk: s, notification: f }) : null;
-}, cs = /* @__PURE__ */ h("div")({
+  return f ? /* @__PURE__ */ c(us, { sdk: s, notification: f }) : null;
+}, ds = /* @__PURE__ */ h("div")({
   name: "SDKContainer",
   class: "stu11h7",
   propsAsIs: !1
@@ -2394,16 +2397,16 @@ const Qr = /* @__PURE__ */ h("div")({
   name: "SDKScrollContainer",
   class: "s1ucohr1",
   propsAsIs: !1
-}), us = /* @__PURE__ */ h("div")({
+}), ps = /* @__PURE__ */ h("div")({
   name: "SDKContentContainer",
   class: "s1el4wvm",
   propsAsIs: !1
-}), hs = () => us, Bs = /* @__PURE__ */ h(hs())({
+}), fs = () => ps, Ts = /* @__PURE__ */ h(fs())({
   name: "SDKWhiteContainer",
   class: "s1oe3036",
   propsAsIs: !0
-}), ds = (s) => {
-  const n = ye(""), [l, f] = W(!1), m = re(s.status), g = re(s.userId()), d = m === "ready", [o, w] = W(ee), v = ve(
+}), ms = (s) => {
+  const n = ye(""), [l, f] = W(!1), g = re(s.status), m = re(s.userId()), d = g === "ready", [o, w] = W(ee), v = ve(
     (y, A) => {
       w(A), A === ee ? (y && s.createEventSession(y), window.requestAnimationFrame(() => {
         s.openFeature(ze.GAMES);
@@ -2435,62 +2438,62 @@ const Qr = /* @__PURE__ */ h("div")({
     f(!1), s.disableApp();
   };
   return X(() => {
-    if (!g) {
+    if (!m) {
       d && (w(de), s.disableApp());
       return;
     }
-    g && n.current && l && s.initializeApp().then(() => {
+    m && n.current && l && s.initializeApp().then(() => {
       s.createEventSession(n.current);
     });
-  }, [g]), {
+  }, [m]), {
     sdkEnabled: l,
     sdkReady: d,
     activeOverlay: o,
     activateAndLoadOverlay: v,
     activateEventWithId: x,
     deactivate: B,
-    isLogged: !!g
+    isLogged: !!m
   };
-}, ps = (s) => {
-  const n = re(s.getActiveFeature()), l = re(s.streamStore()), [f, m] = W(null);
+}, gs = (s) => {
+  const n = re(s.getActiveFeature()), l = re(s.streamStore()), [f, g] = W(null);
   return X(() => {
-    const g = s.getFeatures();
+    const m = s.getFeatures();
     if (n)
-      for (const [d, o] of g)
-        d === n ? o.status.get() === me.Suspended && (o.enable(), m(o)) : o.status.get() === me.Ready && o.disable();
+      for (const [d, o] of m)
+        d === n ? o.status.get() === me.Suspended && (o.enable(), g(o)) : o.status.get() === me.Ready && o.disable();
     else {
-      for (const [, d] of g)
+      for (const [, d] of m)
         d.status.get() === me.Ready && d.disable();
-      m(null);
+      g(null);
     }
     return () => {
-      for (const [, d] of g)
+      for (const [, d] of m)
         d.status.get() === me.Ready && d.disable();
     };
   }, [n, s, l]), [n, f];
-}, fs = ({ sdk: s, className: n }) => {
-  const [, l] = ps(s);
+}, ys = ({ sdk: s, className: n }) => {
+  const [, l] = gs(s);
   return /* @__PURE__ */ c(ii, { className: n, feature: l, sdk: s });
-}, ms = ({ sdk: s, overlays: n, children: l }) => {
-  const { sdkEnabled: f, sdkReady: m, activeOverlay: g, activateAndLoadOverlay: d, activateEventWithId: o, deactivate: w, isLogged: v } = ds(s);
+}, ws = ({ sdk: s, overlays: n, children: l }) => {
+  const { sdkEnabled: f, sdkReady: g, activeOverlay: m, activateAndLoadOverlay: d, activateEventWithId: o, deactivate: w, isLogged: v } = ms(s);
   return X(() => {
     import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ I(cs, { children: [
+  }, []), /* @__PURE__ */ I(ds, { children: [
     f && /* @__PURE__ */ c(
       Ii,
       {
-        sdkReady: m,
-        activeOverlay: g,
+        sdkReady: g,
+        activeOverlay: m,
         className: Ze,
         setActiveOverlay: (x) => d("", x)
       }
     ),
-    m && /* @__PURE__ */ c(ls, { sdk: s }),
+    g && /* @__PURE__ */ c(hs, { sdk: s }),
     /* @__PURE__ */ c(
       yt,
       {
         "data-nav": f.toString(),
-        style: { display: !f || g === de ? "block" : "none" },
+        style: { display: !f || m === de ? "block" : "none" },
         children: l && l({ activateEventWithId: o, deactivate: w })
       }
     ),
@@ -2498,34 +2501,36 @@ const Qr = /* @__PURE__ */ h("div")({
       yt,
       {
         "data-nav": f.toString(),
-        style: { display: g === be ? "block" : "none" },
-        children: n && g === be && n[g]
+        style: { display: m === be ? "block" : "none" },
+        children: n && m === be && n[m]
       }
     ),
-    m && g === ee && /* @__PURE__ */ c(fs, { className: Ze, sdk: s }),
+    g && m === ee && /* @__PURE__ */ c(ys, { className: Ze, sdk: s }),
     !v && /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 };
-const _s = ({
+const Fs = ({
   sdkKey: s,
   plugins: n,
   children: l,
   production: f = !0
-}) => /* @__PURE__ */ c(Wt, { sdkKey: s, plugins: n, production: f, autoEnable: !1, children: l }), Cs = ({ children: s, overlays: n }) => {
+}) => /* @__PURE__ */ c(Wt, { sdkKey: s, plugins: n, production: f, autoEnable: !1, children: l }), $s = ({ children: s, overlays: n }) => {
   const { sdk: l, status: f } = Zt(jt);
   if (f === Ht.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
-  return l ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ c(Yt, { style: { height: "100%" }, children: /* @__PURE__ */ c(ms, { sdk: l, overlays: n, children: s }) }) }) : s({});
+  return l ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ c(Yt, { style: { height: "100%" }, children: /* @__PURE__ */ c(ws, { sdk: l, overlays: n, children: s }) }) }) : s({});
 };
 export {
-  Vr as A,
-  _s as M,
-  In as O,
-  Bs as a,
-  Cs as b,
+  Xr as A,
+  Fs as M,
+  vn as O,
+  Ts as a,
+  $s as b,
+  Rn as c,
   De as f,
-  us as n,
+  ps as n,
   Ai as o,
   yt as r,
+  tr as u,
   Bi as w
 };