@streamlayer/react 1.22.2 → 1.23.0

package/lib/classic/es/notification2.js

@@ -1,662 +1,675 @@
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { h as gs } from "./index7.js";
-import { useState as w, useRef as ss, useEffect as y, useCallback as ws, useMemo as ys } from "react";
-import { s as e, u as Ts, a as z } from "./sl-types.js";
-import { e as bs } from "./index3.js";
-import { e as M, D as Cs, a as fs, o as ks } from "./index12.js";
-import { e as Ns, i as Q } from "./index8.js";
-import { B as I } from "./index5.js";
-import { f, Q as A, c as R, a as v, N as D, S as qs, b as V } from "./useStreamLayerApp2.js";
-import { O } from "./index10.js";
-import { E as Ss, y as Es } from "./index9.js";
-import { d as Ls } from "./index4.js";
-import { B as Ds, z as xs, F as Ms } from "./hooks-B0Qttldg.js";
-const Rs = /* @__PURE__ */ e("div")({
+import { h as ws } from "./index5.js";
+import { useState as w, useRef as es, useEffect as y, useCallback as ys, useMemo as Ts } from "react";
+import { s as e, c as bs, u as Cs, a as Q } from "./sl-types.js";
+import { e as Ns } from "./index7.js";
+import { e as M, D as fs, a as ks, o as qs } from "./index11.js";
+import { e as Ss, i as V } from "./index6.js";
+import { B as I } from "./index4.js";
+import { f as N, Q as h, c as R, a as v, N as x, S as Es, b as F } from "./useStreamLayerApp2.js";
+import { O } from "./index9.js";
+import { E as Ls, y as xs } from "./index8.js";
+import { d as Ds } from "./index3.js";
+import { B as Ms, z as Rs, F as Os } from "./hooks-B0Qttldg.js";
+const Bs = /* @__PURE__ */ e("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), Os = /* @__PURE__ */ e("div")({
+}), js = /* @__PURE__ */ e("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Bs = /* @__PURE__ */ e("div")({
+}), Ps = /* @__PURE__ */ e("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), js = /* @__PURE__ */ e("div")({
+}), zs = /* @__PURE__ */ e("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Ps = () => I, k = /* @__PURE__ */ e(Ps())({
+}), Qs = () => I, f = /* @__PURE__ */ e(Qs())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), zs = () => k, Qs = /* @__PURE__ */ e(zs())({
+}), Vs = () => f, Fs = /* @__PURE__ */ e(Vs())({
   name: "QuestionCheckIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), Vs = () => I, Fs = /* @__PURE__ */ e(Vs())({
+}), Us = () => I, _s = /* @__PURE__ */ e(Us())({
   name: "QuestionTypeIcon",
   class: "qmg0vkx",
   propsAsIs: !0
-}), Us = /* @__PURE__ */ e("div")({
+}), Ws = /* @__PURE__ */ e("div")({
   name: "QuestionTypeLabel",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), _s = /* @__PURE__ */ e("div")({
+}), Ys = /* @__PURE__ */ e("div")({
   name: "QuestionContent",
   class: "qc3icwa",
   propsAsIs: !1
-}), Ws = /* @__PURE__ */ e("button")({
+}), Ks = /* @__PURE__ */ e("button")({
   name: "PlayButton",
   class: "p169lohr",
   propsAsIs: !1
-}), Ys = /* @__PURE__ */ e("div")({
+}), Gs = /* @__PURE__ */ e("div")({
   name: "SkeletonContainer",
   class: "s1f43z3r",
   propsAsIs: !1
-}), Ks = () => Ns, Gs = /* @__PURE__ */ e(Ks())({
+}), Hs = () => Ss, Xs = /* @__PURE__ */ e(Hs())({
   name: "SkeletonButton",
   class: "s16k8geu",
   propsAsIs: !0
-}), Hs = {
-  [f.LOST]: /* @__PURE__ */ s(k, { name: "incorrectVoted" }),
-  [f.WON]: /* @__PURE__ */ s(Qs, { name: "icon-check" }),
-  [f.UNSET]: /* @__PURE__ */ s(k, { name: "icon-arrow" }),
-  [f.DNP]: /* @__PURE__ */ s(k, { name: "icon-arrow" })
-}, ai = () => /* @__PURE__ */ c(Ys, { children: [
-  /* @__PURE__ */ s(Q, { loading: !0, style: { width: "35%" } }),
-  /* @__PURE__ */ s(Q, { loading: !0, style: { width: "70%" } }),
-  /* @__PURE__ */ s(Gs, {})
-] }), B = ({ questionTypeData: n, questionType: i, questionStatus: t }) => /* @__PURE__ */ c(Os, { className: "SL_QuestionCaption", children: [
+}), Js = {
+  [N.LOST]: /* @__PURE__ */ s(f, { name: "incorrectVoted" }),
+  [N.WON]: /* @__PURE__ */ s(Fs, { name: "icon-check" }),
+  [N.UNSET]: /* @__PURE__ */ s(f, { name: "icon-arrow" }),
+  [N.DNP]: /* @__PURE__ */ s(f, { name: "icon-arrow" })
+}, ci = () => /* @__PURE__ */ c(Gs, { children: [
+  /* @__PURE__ */ s(V, { loading: !0, style: { width: "35%" } }),
+  /* @__PURE__ */ s(V, { loading: !0, style: { width: "70%" } }),
+  /* @__PURE__ */ s(Xs, {})
+] }), B = ({ questionTypeData: n, questionType: o, questionStatus: t }) => /* @__PURE__ */ c(js, { className: "SL_QuestionCaption", children: [
   /* @__PURE__ */ s(
-    Fs,
+    _s,
     {
       className: "SL_QuestionTypeIcon",
       "data-testid": "question-type-icon",
-      "data-type-trivia": i === A.TRIVIA,
-      "data-type-poll": i === A.POLL,
+      "data-type-trivia": o === h.TRIVIA,
+      "data-type-poll": o === h.POLL,
       name: n.iconName
     }
   ),
-  /* @__PURE__ */ c(Us, { className: "SL_QuestionTypeLabel", children: [
+  /* @__PURE__ */ c(Ws, { className: "SL_QuestionTypeLabel", children: [
     n.label,
-    i === A.TRIVIA && t === R.RESOLVED && " • Expired"
+    o === h.TRIVIA && t === R.RESOLVED && " • Expired"
   ] })
-] }), ri = ({
+] }), li = ({
   questionId: n,
-  questionType: i,
+  questionType: o,
   questionStatus: t,
-  subject: o,
+  subject: i,
   openForVoting: a,
   status: p
 }) => {
-  const d = M[i], r = Hs[p];
-  return d ? /* @__PURE__ */ c(Rs, { "data-a": "intr", "data-name": n, children: [
-    /* @__PURE__ */ c(_s, { children: [
+  const l = M[o], r = Js[p];
+  return l ? /* @__PURE__ */ c(Bs, { "data-a": "intr", "data-name": n, children: [
+    /* @__PURE__ */ c(Ys, { children: [
       /* @__PURE__ */ s(
         B,
         {
-          questionTypeData: d,
-          questionType: i,
+          questionTypeData: l,
+          questionType: o,
           questionStatus: t
         }
       ),
-      /* @__PURE__ */ s(Bs, { children: o || "" })
+      /* @__PURE__ */ s(Ps, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(js, { children: a ? /* @__PURE__ */ s(Ws, { "data-a": "intr", "data-name": n, children: "Play" }) : r })
+    /* @__PURE__ */ s(zs, { children: a ? /* @__PURE__ */ s(Ks, { "data-a": "intr", "data-name": n, children: "Play" }) : r })
   ] }) : null;
 };
-var F;
+var U;
 (function(n) {
   n.OPENED = "opened";
-})(F || (F = {}));
+})(U || (U = {}));
 const b = /* @__PURE__ */ e("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), Xs = () => b, Js = /* @__PURE__ */ e(Xs())({
+}), Zs = () => b, se = /* @__PURE__ */ e(Zs())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
-}), Zs = () => b, L = /* @__PURE__ */ e(Zs())({
+}), ee = () => b, L = /* @__PURE__ */ e(ee())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
-}), se = () => b, ee = /* @__PURE__ */ e(se())({
+}), ne = () => b, oe = /* @__PURE__ */ e(ne())({
   name: "MediaImgRounded",
   class: "myx3xoi",
   propsAsIs: !0
-}), ne = () => b, oe = /* @__PURE__ */ e(ne())({
+}), ie = () => b, te = /* @__PURE__ */ e(ie())({
   name: "MediaImgCentered",
   class: "m1bwv0gx",
   propsAsIs: !0
-}), ie = () => b, te = /* @__PURE__ */ e(ie())({
+}), ae = () => b, re = /* @__PURE__ */ e(ae())({
   name: "MediaImgInsight",
   class: "mntjanp",
   propsAsIs: !0
-}), ae = /* @__PURE__ */ e("div")({
+}), ce = /* @__PURE__ */ e("div")({
   name: "VideoIcon",
   class: "v1kofb47",
   propsAsIs: !1
-}), re = {
+}), le = {
   [v.UNSET]: L,
   [v.NONE]: L,
-  [v.ROUNDED]: ee,
-  [v.CENTERED]: oe,
-  [v.TRANSPARENT]: Js,
+  [v.ROUNDED]: oe,
+  [v.CENTERED]: te,
+  [v.TRANSPARENT]: se,
   [v.SOLID]: L
-}, U = ({
+}, _ = ({
   src: n,
-  imageMode: i = v.UNSET,
+  imageMode: o = v.UNSET,
   withVideo: t,
-  fromInsight: o
+  fromInsight: i
 }) => {
-  if (i === v.NONE)
+  if (o === v.NONE)
     return null;
-  const a = o ? te : re[i];
+  const a = i ? re : le[o];
   return /* @__PURE__ */ c(a, {
     children: [/* @__PURE__ */ s("img", {
       src: n,
       alt: ""
-    }), t && /* @__PURE__ */ s(ae, {
+    }), t && /* @__PURE__ */ s(ce, {
       children: /* @__PURE__ */ s(I, {
         name: "icon-play"
       })
     })]
   });
-}, ce = /* @__PURE__ */ e("div")({
+}, de = /* @__PURE__ */ e("div")({
   name: "NotificationContent",
   class: "nuraq9m",
   propsAsIs: !1
-}), le = /* @__PURE__ */ e("div")({
+}), pe = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "ns1nzpg",
   propsAsIs: !1
-}), es = /* @__PURE__ */ e("div")({
+}), ns = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1j59nzs",
   propsAsIs: !1
-}), de = /* @__PURE__ */ e("div")({
+}), me = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t9vmnpp",
   propsAsIs: !1
-}), pe = /* @__PURE__ */ e("button")({
+}), ue = /* @__PURE__ */ e("button")({
   name: "Button",
   class: "b14ivj5k",
   propsAsIs: !1
-}), ue = () => I, me = /* @__PURE__ */ e(ue())({
+}), ve = () => I, Ie = /* @__PURE__ */ e(ve())({
   name: "StyledChevronRight",
   class: "s1atci8n",
   propsAsIs: !0
-}), ve = /* @__PURE__ */ e("div")({
+}), Ae = /* @__PURE__ */ e("div")({
   name: "QuoteWrap",
   class: "q4w8jgs",
   propsAsIs: !1
-}), Ie = /* @__PURE__ */ e("blockquote")({
+}), he = /* @__PURE__ */ e("blockquote")({
   name: "Quote",
   class: "qaa0kez",
   propsAsIs: !1
-}), Ae = /* @__PURE__ */ e("div")({
+}), $e = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1wvd52w",
   propsAsIs: !1
-}), he = /* @__PURE__ */ e("div")({
+}), ge = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "ccvukea",
   propsAsIs: !1
-}), $e = ({ image: n, tweet: i, account: t, accountVerified: o, body: a, title: p }) => {
-  var d;
-  return /* @__PURE__ */ c(he, { children: [
-    p && /* @__PURE__ */ s(ve, { children: /* @__PURE__ */ s(Ie, { children: p }) }),
+}), we = ({ image: n, tweet: o, account: t, accountVerified: i, body: a, title: p }) => {
+  var l;
+  return /* @__PURE__ */ c(ge, { children: [
+    p && /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ s(he, { children: p }) }),
     /* @__PURE__ */ s(
-      Cs,
+      fs,
       {
         image: n,
-        name: (d = i == null ? void 0 : i.meta) == null ? void 0 : d.accountName,
+        name: (l = o == null ? void 0 : o.meta) == null ? void 0 : l.accountName,
         userName: t,
-        verified: o,
-        createdTweet: i == null ? void 0 : i.date
+        verified: i,
+        createdTweet: o == null ? void 0 : o.date
       }
     ),
-    /* @__PURE__ */ s(Ae, { children: fs(a) })
+    /* @__PURE__ */ s($e, { children: ks(a) })
   ] });
-}, ge = ({ title: n, questionType: i, questionTypeData: t }) => /* @__PURE__ */ c(es, { children: [
+}, ye = ({ title: n, questionType: o, questionTypeData: t }) => /* @__PURE__ */ c(ns, { children: [
   /* @__PURE__ */ s(
     B,
     {
       questionTypeData: t,
-      questionType: i,
+      questionType: o,
       questionStatus: R.UNSET
     }
   ),
-  n && /* @__PURE__ */ s(de, { children: n })
-] }), we = ({ tweet: n }) => n ? /* @__PURE__ */ s(es, { children: /* @__PURE__ */ s($e, { ...n, controlVideo: () => {
-} }) }) : null, ye = ({ action: n, questionType: i, inApp: t, insight: o, tweet: a }) => {
+  n && /* @__PURE__ */ s(me, { children: n })
+] }), Te = ({ tweet: n }) => n ? /* @__PURE__ */ s(ns, { children: /* @__PURE__ */ s(we, { ...n, controlVideo: () => {
+} }) }) : null, be = ({ action: n, questionType: o, inApp: t, insight: i, tweet: a }) => {
   var p;
-  const d = M[i], r = ks[i];
-  if (!d || !t || !t.notification)
+  const l = M[o], r = qs[o];
+  if (!l || !t || !t.notification)
     return null;
-  const { title: u, image: m, imageMode: $ } = t.notification;
-  let h = m;
-  i === A.TWEET && a != null && a.tweetMedia && (h = a.tweetMedia.image), $ === v.NONE && (h = "");
-  const g = t.useMediaFromContent && (o == null ? void 0 : o.image), l = i === A.TWEET && ((p = a == null ? void 0 : a.tweetMedia) == null ? void 0 : p.video) || i === A.FACTOID && (o == null ? void 0 : o.video);
-  return /* @__PURE__ */ s(le, { "data-a": "intr", className: "SL_InApp", onClick: n, children: /* @__PURE__ */ c(ce, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
-    h && !g && /* @__PURE__ */ s(U, { src: h, imageMode: $, withVideo: !!l }),
-    g && /* @__PURE__ */ s(U, { src: g, fromInsight: !0, withVideo: !!l }),
-    i === A.TWEET ? /* @__PURE__ */ s(we, { tweet: a }) : /* @__PURE__ */ s(ge, { questionTypeData: d, questionType: i, title: u }),
-    /* @__PURE__ */ s(pe, { name: "inapp-button", children: r || "Open" }),
-    /* @__PURE__ */ s(me, { name: "chevronRight" })
+  const { title: m, image: u, imageMode: A } = t.notification;
+  let g = u;
+  o === h.TWEET && a != null && a.tweetMedia && (g = a.tweetMedia.image), A === v.NONE && (g = "");
+  const $ = t.useMediaFromContent && (i == null ? void 0 : i.image), d = o === h.TWEET && ((p = a == null ? void 0 : a.tweetMedia) == null ? void 0 : p.video) || o === h.FACTOID && (i == null ? void 0 : i.video);
+  return /* @__PURE__ */ s(pe, { "data-a": "intr", className: "SL_InApp", onClick: n, children: /* @__PURE__ */ c(de, { style: g ? {} : { paddingLeft: "1.5rem" }, children: [
+    g && !$ && /* @__PURE__ */ s(_, { src: g, imageMode: A, withVideo: !!d }),
+    $ && /* @__PURE__ */ s(_, { src: $, fromInsight: !0, withVideo: !!d }),
+    o === h.TWEET ? /* @__PURE__ */ s(Te, { tweet: a }) : /* @__PURE__ */ s(ye, { questionTypeData: l, questionType: o, title: m }),
+    /* @__PURE__ */ s(ue, { name: "inapp-button", children: r || "Open" }),
+    /* @__PURE__ */ s(Ie, { name: "chevronRight" })
   ] }) });
-}, Te = () => ({
+}, Ce = () => ({
   color: n
-}) => n || "transparent", _ = /* @__PURE__ */ e("div")({
+}) => n || "transparent", W = /* @__PURE__ */ e("div")({
   name: "MediaComponentWrap",
   class: "mek728j",
   propsAsIs: !1,
   vars: {
-    "mek728j-0": [Te()]
+    "mek728j-0": [Ce()]
   }
 }), T = /* @__PURE__ */ e("div")({
   name: "Media",
   class: "m461t56",
   propsAsIs: !1
-}), be = () => T, Ce = /* @__PURE__ */ e(be())({
+}), Ne = () => T, fe = /* @__PURE__ */ e(Ne())({
   name: "MediaImgBottom",
   class: "m22bh04",
   propsAsIs: !0
-}), fe = () => T, ke = /* @__PURE__ */ e(fe())({
+}), ke = () => T, qe = /* @__PURE__ */ e(ke())({
   name: "MediaVideo",
   class: "m17u1e34",
   propsAsIs: !0
-}), Ne = () => T, qe = /* @__PURE__ */ e(Ne())({
+}), Se = () => T, Ee = /* @__PURE__ */ e(Se())({
   name: "MediaImgContentMedia",
   class: "m4j3eds",
   propsAsIs: !0
-}), Se = () => T, Ee = /* @__PURE__ */ e(Se())({
+}), Le = () => T, xe = /* @__PURE__ */ e(Le())({
   name: "MediaImgSolid",
   class: "m1lp3swr",
   propsAsIs: !0
-}), Le = () => T, De = /* @__PURE__ */ e(Le())({
+}), De = () => T, Me = /* @__PURE__ */ e(De())({
   name: "MediaImgRounded",
   class: "mc7lij",
   propsAsIs: !0
-}), xe = () => T, Me = /* @__PURE__ */ e(xe())({
+}), Re = () => T, Oe = /* @__PURE__ */ e(Re())({
   name: "MediaImgCentered",
   class: "mwwaw7o",
   propsAsIs: !0
-}), Re = () => T, x = /* @__PURE__ */ e(Re())({
+}), Be = () => T, D = /* @__PURE__ */ e(Be())({
   name: "MediaNone",
   class: "mqfzyyr",
   propsAsIs: !0
-}), Oe = "v170mtgf", Be = {
-  [v.UNSET]: x,
-  [v.NONE]: x,
-  [v.ROUNDED]: De,
-  [v.CENTERED]: Me,
-  [v.TRANSPARENT]: Ce,
-  [v.SOLID]: Ee
-}, W = ({
+}), je = "v170mtgf", Pe = {
+  [v.UNSET]: D,
+  [v.NONE]: D,
+  [v.ROUNDED]: Me,
+  [v.CENTERED]: Oe,
+  [v.TRANSPARENT]: fe,
+  [v.SOLID]: xe
+}, Y = ({
   src: n,
-  imageMode: i = v.UNSET,
+  imageMode: o = v.UNSET,
   withVideo: t,
-  color: o,
+  color: i,
   useContentMedia: a,
   thumbnailUrl: p
 }) => {
   if (!n)
-    return /* @__PURE__ */ s(_, {
-      color: o,
-      children: /* @__PURE__ */ s(x, {})
+    return /* @__PURE__ */ s(W, {
+      color: i,
+      children: /* @__PURE__ */ s(D, {})
     });
-  const d = a === D.ENABLED ? qe : Be[i];
-  return /* @__PURE__ */ s(_, {
-    color: o,
-    children: t ? /* @__PURE__ */ s(ke, {
-      children: /* @__PURE__ */ s(Ss, {
-        className: Oe,
+  const l = a === x.ENABLED ? Ee : Pe[o];
+  return /* @__PURE__ */ s(W, {
+    color: i,
+    children: t ? /* @__PURE__ */ s(qe, {
+      children: /* @__PURE__ */ s(Ls, {
+        className: je,
         source: n,
         poster: p || ""
       })
-    }) : /* @__PURE__ */ s(d, {
+    }) : /* @__PURE__ */ s(l, {
       children: /* @__PURE__ */ s("img", {
         src: n,
         alt: ""
       })
     })
   });
-}, je = () => ({
+}, ze = () => ({
   withoutPadding: n
-}) => n ? "0px" : "1rem", ns = /* @__PURE__ */ e("div")({
+}) => n ? "0px" : "1rem", os = /* @__PURE__ */ e("div")({
   name: "NotificationContent",
   class: "n1p3bk1c",
   propsAsIs: !1,
   vars: {
-    "n1p3bk1c-0": [je()]
+    "n1p3bk1c-0": [ze()]
   }
-}), Pe = /* @__PURE__ */ e("div")({
+}), Qe = /* @__PURE__ */ e("div")({
   name: "MainContent",
   class: "m1g211mu",
   propsAsIs: !1
-}), ze = () => I, Qe = /* @__PURE__ */ e(ze())({
+}), Ve = () => I, Fe = /* @__PURE__ */ e(Ve())({
   name: "StyledChevronRight",
   class: "sx1hq4c",
   propsAsIs: !0
-}), os = /* @__PURE__ */ e("div")({
+}), is = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n1fcriet",
   propsAsIs: !1
-}), Ve = () => ({
+}), Ue = () => ({
   questionType: n
-}) => n === A.FACTOID ? "7.3rem" : "4.5rem", Fe = () => ({
+}) => n === h.FACTOID ? "7.3rem" : "4.5rem", _e = () => ({
   webos: n
-}) => n ? "11px 0px 8px 0px" : "11px 0px", Ue = () => ({
+}) => n ? "11px 0px 8px 0px" : "11px 0px", We = () => ({
   imageMode: n,
-  webos: i
-}) => i ? "330px" : n === v.SOLID ? "310px" : n === v.CENTERED || n === v.ROUNDED || n === v.TRANSPARENT ? "370px" : "430px", _e = /* @__PURE__ */ e("div")({
+  webos: o
+}) => o ? "330px" : n === v.SOLID ? "310px" : n === v.CENTERED || n === v.ROUNDED || n === v.TRANSPARENT ? "370px" : "430px", Ye = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1byyovs",
   propsAsIs: !1,
   vars: {
-    "b1byyovs-0": [Ve()],
-    "b1byyovs-1": [Fe()],
-    "b1byyovs-2": [Ue()]
+    "b1byyovs-0": [Ue()],
+    "b1byyovs-1": [_e()],
+    "b1byyovs-2": [We()]
   }
-}), We = () => ({
+}), Ke = () => ({
   webos: n
-}) => n ? "0.85rem" : "1.033rem", Ye = () => ({
+}) => n ? "0.85rem" : "1.033rem", Ge = () => ({
   webos: n
-}) => n ? "0.95rem" : "1.25rem", Ke = () => ({
+}) => n ? "0.95rem" : "1.25rem", He = () => ({
   webos: n
-}) => n ? "4.7rem" : "2.25rem", Ge = () => ({
+}) => n ? "4.7rem" : "2.25rem", Xe = () => ({
   webos: n
-}) => n ? "pre-wrap" : "nowrap", He = /* @__PURE__ */ e("div")({
+}) => n ? "pre-wrap" : "nowrap", Je = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t1y5k5id",
   propsAsIs: !1,
   vars: {
-    "t1y5k5id-0": [We()],
-    "t1y5k5id-1": [Ye()],
-    "t1y5k5id-2": [Ke()],
-    "t1y5k5id-3": [Ge()]
+    "t1y5k5id-0": [Ke()],
+    "t1y5k5id-1": [Ge()],
+    "t1y5k5id-2": [He()],
+    "t1y5k5id-3": [Xe()]
   }
-}), Xe = /* @__PURE__ */ e("div")({
+}), Ze = /* @__PURE__ */ e("div")({
   name: "Description",
   class: "dw9eb7l",
   propsAsIs: !1
-}), Je = /* @__PURE__ */ e("div")({
+}), sn = /* @__PURE__ */ e("div")({
   name: "LogoImgContainer",
   class: "ldu8wgy",
   propsAsIs: !1
-}), is = /* @__PURE__ */ e("img")({
+}), ts = /* @__PURE__ */ e("img")({
   name: "LogoImg",
   class: "ln4a3eh",
   propsAsIs: !1
-}), Ze = () => os, sn = /* @__PURE__ */ e(Ze())({
+}), en = () => is, nn = /* @__PURE__ */ e(en())({
   name: "NotificationInterstitialContainer",
   class: "no2k63v",
   propsAsIs: !0
-}), en = /* @__PURE__ */ e("div")({
+}), on = /* @__PURE__ */ e("div")({
   name: "TVButtons",
   class: "th9nn6a",
   propsAsIs: !1
-}), ts = /* @__PURE__ */ e("button")({
+}), as = /* @__PURE__ */ e("button")({
   name: "TVButton",
   class: "t1eee77p",
   propsAsIs: !1
-}), nn = () => ts, on = /* @__PURE__ */ e(nn())({
+}), tn = () => as, an = /* @__PURE__ */ e(tn())({
   name: "DismissButton",
   class: "ds000hw",
   propsAsIs: !0
-}), tn = () => ts, an = /* @__PURE__ */ e(tn())({
+}), rn = () => as, cn = /* @__PURE__ */ e(rn())({
   name: "AnswerButton",
   class: "a1nz9hoe",
   propsAsIs: !0
-}), rn = ({ title: n, questionType: i, questionTypeData: t, description: o, imageMode: a, webos: p }) => /* @__PURE__ */ c(_e, { imageMode: a, questionType: i, webos: p, children: [
+}), ln = ({ title: n, questionType: o, questionTypeData: t, description: i, imageMode: a, webos: p }) => /* @__PURE__ */ c(Ye, { imageMode: a, questionType: o, webos: p, children: [
   /* @__PURE__ */ s(
     B,
     {
       questionTypeData: t,
-      questionType: i,
+      questionType: o,
       questionStatus: R.UNSET
     }
   ),
-  n && /* @__PURE__ */ s(He, { webos: p, children: n }),
-  o && /* @__PURE__ */ s(Xe, { children: o })
-] }), cn = O(sn), ln = O(on), dn = O(an), pn = ({
-  sponsorLogo: n,
-  onClick: i,
-  webos: t
-}) => /* @__PURE__ */ s(cn, { autoFocus: !0, webos: t, onClick: i, "data-webos": t, children: /* @__PURE__ */ s(ns, { withoutPadding: !0, children: /* @__PURE__ */ s(is, { src: n }) }) }), un = ({
+  n && /* @__PURE__ */ s(Je, { webos: p, children: n }),
+  i && /* @__PURE__ */ s(Ze, { children: i })
+] }), dn = O(nn), pn = O(an), mn = O(cn), un = ({
+  className: n,
+  sponsorLogo: o,
+  onClick: t,
+  webos: i
+}) => /* @__PURE__ */ s(
+  dn,
+  {
+    className: n,
+    autoFocus: !0,
+    webos: i,
+    onClick: t,
+    "data-webos": i,
+    children: /* @__PURE__ */ s(os, { withoutPadding: !0, children: /* @__PURE__ */ s(ts, { src: o }) })
+  }
+), vn = ({
   action: n,
-  close: i,
+  close: o,
   questionType: t,
-  inApp: o,
+  inApp: i,
   insight: a,
   color: p,
-  webos: d
+  webos: l,
+  className: r
 }) => {
-  var r, u, m;
-  const [$, h] = w(!1), g = ss();
-  y(() => (o != null && o.sponsorLogo && (h(!0), g.current = setTimeout(() => {
-    h(!1);
-  }, 5e3)), () => clearTimeout(g.current)), [o == null ? void 0 : o.sponsorLogo]);
-  const l = M[t];
-  if (!l || !o || !o.notification)
+  var m, u, A;
+  const [g, $] = w(!1), d = es();
+  y(() => (i != null && i.sponsorLogo && ($(!0), d.current = setTimeout(() => {
+    $(!1);
+  }, 5e3)), () => clearTimeout(d.current)), [i == null ? void 0 : i.sponsorLogo]);
+  const z = M[t];
+  if (!z || !i || !i.notification)
     return null;
-  const { title: vs, image: Is, imageMode: N, useContentMedia: q } = o.notification, As = t === A.FACTOID ? a == null ? void 0 : a.heading : vs, hs = t === A.FACTOID ? a == null ? void 0 : a.body : "", $s = Is, S = t === A.FACTOID && ((r = a == null ? void 0 : a.video) == null ? void 0 : r.url) && (o == null ? void 0 : o.isVideo) && q === D.ENABLED, E = q === D.ENABLED ? S ? (u = a == null ? void 0 : a.video) == null ? void 0 : u.url : a == null ? void 0 : a.image : "";
-  return o != null && o.sponsorLogo && $ ? /* @__PURE__ */ s(
-    pn,
+  const { title: Is, image: As, imageMode: k, useContentMedia: q } = i.notification, hs = t === h.FACTOID ? a == null ? void 0 : a.heading : Is, $s = t === h.FACTOID ? a == null ? void 0 : a.body : "", gs = As, S = t === h.FACTOID && ((m = a == null ? void 0 : a.video) == null ? void 0 : m.url) && (i == null ? void 0 : i.isVideo) && q === x.ENABLED, E = q === x.ENABLED ? S ? (u = a == null ? void 0 : a.video) == null ? void 0 : u.url : a == null ? void 0 : a.image : "";
+  return i != null && i.sponsorLogo && g ? /* @__PURE__ */ s(
+    un,
     {
-      sponsorLogo: o == null ? void 0 : o.sponsorLogo,
-      webos: d,
-      onClick: () => h(!1)
+      className: r,
+      sponsorLogo: i == null ? void 0 : i.sponsorLogo,
+      webos: l,
+      onClick: () => $(!1)
     }
   ) : /* @__PURE__ */ c(
-    os,
+    is,
     {
       "data-a": "intr",
-      className: "SL_InApp",
+      className: bs("SL_InApp", r),
       onClick: (C) => {
-        d || n == null || n(C);
+        l || n == null || n(C);
       },
-      "data-is-insight": t === A.FACTOID,
-      "data-webos": d,
+      "data-is-insight": t === h.FACTOID,
+      "data-webos": l,
       children: [
-        (o == null ? void 0 : o.sponsorLogo) && /* @__PURE__ */ s(Je, { children: /* @__PURE__ */ s(is, { src: o == null ? void 0 : o.sponsorLogo }) }),
-        /* @__PURE__ */ c(ns, { children: [
-          /* @__PURE__ */ c(Pe, { children: [
-            !E && /* @__PURE__ */ s(W, { src: $s, imageMode: N, withVideo: !!S, color: p }),
+        (i == null ? void 0 : i.sponsorLogo) && /* @__PURE__ */ s(sn, { children: /* @__PURE__ */ s(ts, { src: i == null ? void 0 : i.sponsorLogo }) }),
+        /* @__PURE__ */ c(os, { children: [
+          /* @__PURE__ */ c(Qe, { children: [
+            !E && /* @__PURE__ */ s(Y, { src: gs, imageMode: k, withVideo: !!S, color: p }),
             E && /* @__PURE__ */ s(
-              W,
+              Y,
               {
                 src: E,
-                imageMode: N,
+                imageMode: k,
                 withVideo: !!S,
                 color: p,
                 useContentMedia: q,
-                thumbnailUrl: (m = a == null ? void 0 : a.video) == null ? void 0 : m.thumbnailUrl
+                thumbnailUrl: (A = a == null ? void 0 : a.video) == null ? void 0 : A.thumbnailUrl
               }
             ),
             /* @__PURE__ */ s(
-              rn,
+              ln,
               {
-                questionTypeData: l,
+                questionTypeData: z,
                 questionType: t,
-                title: As,
-                description: hs,
-                imageMode: N,
-                webos: d
+                title: hs,
+                description: $s,
+                imageMode: k,
+                webos: l
               }
             )
           ] }),
-          !d && /* @__PURE__ */ s(Qe, { name: "chevronRight" }),
-          d && /* @__PURE__ */ c(en, { children: [
+          !l && /* @__PURE__ */ s(Fe, { name: "chevronRight" }),
+          l && /* @__PURE__ */ c(on, { children: [
             /* @__PURE__ */ s(
-              ln,
+              pn,
               {
                 webos: !0,
                 "data-close-btn": "true",
                 onClick: (C) => {
-                  C.stopPropagation(), i == null || i(C);
+                  C.stopPropagation(), o == null || o(C);
                 },
                 children: "Dismiss"
               }
             ),
-            /* @__PURE__ */ s(dn, { webos: !0, autoFocus: !0, onClick: n, children: "Answer" })
+            /* @__PURE__ */ s(mn, { webos: !0, autoFocus: !0, onClick: n, children: "Answer" })
           ] })
         ] })
       ]
     }
   );
-}, mn = /* @__PURE__ */ e("div")({
+}, In = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n11jcrxe",
   propsAsIs: !1
-}), Y = /* @__PURE__ */ e("img")({
+}), K = /* @__PURE__ */ e("img")({
   name: "Icon",
   class: "i1vmpt6u",
   propsAsIs: !1
-}), vn = /* @__PURE__ */ e("div")({
+}), An = /* @__PURE__ */ e("div")({
   name: "IconContainer",
   class: "i180665s",
   propsAsIs: !1
-}), In = () => I, An = /* @__PURE__ */ e(In())({
+}), hn = () => I, $n = /* @__PURE__ */ e(hn())({
   name: "TitleIcon",
   class: "t16zzzei",
   propsAsIs: !0
-}), hn = () => Es, $n = /* @__PURE__ */ e(hn())({
+}), gn = () => xs, wn = /* @__PURE__ */ e(gn())({
   name: "Close",
   class: "c1sur0q2",
   propsAsIs: !0
-}), gn = /* @__PURE__ */ e("div")({
+}), yn = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "bai9j52",
   propsAsIs: !1
-}), wn = /* @__PURE__ */ e("div")({
+}), Tn = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t1bnt25p",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ e("div")({
+}), bn = /* @__PURE__ */ e("div")({
   name: "Description",
   class: "dmixjec",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ e("button")({
+}), Cn = /* @__PURE__ */ e("button")({
   name: "Button",
   class: "b1ubkw1q",
   propsAsIs: !1
-}), bn = ({
+}), Nn = ({
   open: n,
-  close: i,
+  close: o,
   ...t
 }) => {
-  var o, a;
+  var i, a;
   return /* @__PURE__ */ c(
-    mn,
+    In,
     {
       "data-a": "intr",
       onClick: () => {
         n == null || n(), t && t.markIstantOpen();
       },
       children: [
-        /* @__PURE__ */ c(vn, { children: [
-          /* @__PURE__ */ s(Y, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
+        /* @__PURE__ */ c(An, { children: [
+          /* @__PURE__ */ s(K, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
           /* @__PURE__ */ s(
-            Y,
+            K,
             {
               className: "on-dark",
               src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
             }
           )
         ] }),
-        /* @__PURE__ */ c(gn, { children: [
-          /* @__PURE__ */ c(wn, { children: [
-            /* @__PURE__ */ s(An, { name: "icon-trophy-solid" }),
-            (o = t == null ? void 0 : t.titleCard) == null ? void 0 : o.title
+        /* @__PURE__ */ c(yn, { children: [
+          /* @__PURE__ */ c(Tn, { children: [
+            /* @__PURE__ */ s($n, { name: "icon-trophy-solid" }),
+            (i = t == null ? void 0 : t.titleCard) == null ? void 0 : i.title
           ] }),
-          /* @__PURE__ */ c(yn, { children: [
+          /* @__PURE__ */ c(bn, { children: [
             /* @__PURE__ */ s("span", { children: (a = t == null ? void 0 : t.titleCard) == null ? void 0 : a.subtitle }),
-            /* @__PURE__ */ s(Tn, { name: "inapp-button", children: "Play Now" })
+            /* @__PURE__ */ s(Cn, { name: "inapp-button", children: "Play Now" })
           ] })
         ] }),
         /* @__PURE__ */ s(
-          $n,
+          wn,
           {
             close: (p) => {
-              p == null || p.stopPropagation(), i == null || i();
+              p == null || p.stopPropagation(), o == null || o();
             }
           }
         )
       ]
     }
   );
-}, Cn = /* @__PURE__ */ e("div")({
+}, fn = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cef8huz",
   propsAsIs: !1
-}), fn = () => I, kn = /* @__PURE__ */ e(fn())({
+}), kn = () => I, qn = /* @__PURE__ */ e(kn())({
   name: "CheckIcon",
   class: "c1mo15kk",
   propsAsIs: !0
-}), Nn = () => I, qn = /* @__PURE__ */ e(Nn())({
+}), Sn = () => I, En = /* @__PURE__ */ e(Sn())({
   name: "PredictionIcon",
   class: "p16zkqnm",
   propsAsIs: !0
-}), Sn = /* @__PURE__ */ e("div")({
+}), Ln = /* @__PURE__ */ e("div")({
   name: "PredictionIconContainer",
   class: "pjszi7a",
   propsAsIs: !1
-}), En = /* @__PURE__ */ e("div")({
+}), xn = /* @__PURE__ */ e("div")({
   name: "BodyContainer",
   class: "bftbmo3",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ e("div")({
+}), Dn = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "barrbyu",
   propsAsIs: !1
-}), Dn = /* @__PURE__ */ e("div")({
+}), Mn = /* @__PURE__ */ e("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), xn = ({
+}), Rn = ({
   step: n,
-  children: i,
+  children: o,
   answer: t,
-  state: o = "pending"
+  state: i = "pending"
 }) => {
-  const [a, p] = w(0), [d] = w(() => new ResizeObserver((u) => {
+  const [a, p] = w(0), [l] = w(() => new ResizeObserver((m) => {
     window.requestAnimationFrame(() => {
-      var m, $;
-      p((($ = (m = u == null ? void 0 : u[0]) == null ? void 0 : m.contentRect) == null ? void 0 : $.width) ?? 0);
+      var u, A;
+      p(((A = (u = m == null ? void 0 : m[0]) == null ? void 0 : u.contentRect) == null ? void 0 : A.width) ?? 0);
     });
-  })), r = ws((u) => {
-    u ? d.observe(u) : d.disconnect();
-  }, [d]);
+  })), r = ys((m) => {
+    m ? l.observe(m) : l.disconnect();
+  }, [l]);
   return y(() => () => {
-    d.disconnect();
-  }, [d]), /* @__PURE__ */ c(Cn, {
-    children: [/* @__PURE__ */ s(Sn, {
-      children: /* @__PURE__ */ s(qn, {
+    l.disconnect();
+  }, [l]), /* @__PURE__ */ c(fn, {
+    children: [/* @__PURE__ */ s(Ln, {
+      children: /* @__PURE__ */ s(En, {
         name: "icon-prediction"
       })
-    }), /* @__PURE__ */ s(En, {
+    }), /* @__PURE__ */ s(xn, {
       style: {
         minWidth: `${a}px`
       },
-      children: /* @__PURE__ */ s(Ln, {
-        children: i
+      children: /* @__PURE__ */ s(Dn, {
+        children: o
       }, n)
-    }), /* @__PURE__ */ s(Dn, {
+    }), /* @__PURE__ */ s(Mn, {
       ref: r,
-      className: o,
+      className: i,
       children: /* @__PURE__ */ c("div", {
-        children: [/* @__PURE__ */ s(kn, {
+        children: [/* @__PURE__ */ s(qn, {
           name: "icon-check"
         }), "Your Pick: ", t]
       })
     })]
   });
-}, Mn = /* @__PURE__ */ e("div")({
+}, On = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "ckyzolp",
   propsAsIs: !1
@@ -664,213 +677,213 @@ const b = /* @__PURE__ */ e("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), Rn = () => j, On = /* @__PURE__ */ e(Rn())({
+}), Bn = () => j, jn = /* @__PURE__ */ e(Bn())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Bn = () => j, jn = /* @__PURE__ */ e(Bn())({
+}), Pn = () => j, zn = /* @__PURE__ */ e(Pn())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), Pn = () => j, zn = /* @__PURE__ */ e(Pn())({
+}), Qn = () => j, Vn = /* @__PURE__ */ e(Qn())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Qn = () => /* @__PURE__ */ c(Mn, {
-  children: [/* @__PURE__ */ s(On, {
-    children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(jn, {
+}), Fn = () => /* @__PURE__ */ c(On, {
+  children: [/* @__PURE__ */ s(jn, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(zn, {
     children: /* @__PURE__ */ s("div", {})
+  }), /* @__PURE__ */ s(Vn, {
+    children: /* @__PURE__ */ s("div", {})
   })]
-}), Vn = /* @__PURE__ */ e("div")({
+}), Un = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Fn = () => I, Un = /* @__PURE__ */ e(Fn())({
+}), _n = () => I, Wn = /* @__PURE__ */ e(_n())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), _n = () => /* @__PURE__ */ c(Vn, {
-  children: [/* @__PURE__ */ s(Un, {
+}), Yn = () => /* @__PURE__ */ c(Un, {
+  children: [/* @__PURE__ */ s(Wn, {
     name: "icon-check"
   }), " Prediction results are in!"]
-}), Wn = /* @__PURE__ */ e("div")({
+}), Kn = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cf6k2yy",
   propsAsIs: !1
-}), Yn = /* @__PURE__ */ e("div")({
+}), Gn = /* @__PURE__ */ e("div")({
   name: "Caption",
   class: "c1c8xjus",
   propsAsIs: !1
-}), Kn = /* @__PURE__ */ e("div")({
+}), Hn = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t1d1uekn",
   propsAsIs: !1
-}), Gn = ({
+}), Xn = ({
   title: n
-}) => /* @__PURE__ */ c(Wn, {
-  children: [/* @__PURE__ */ s(Yn, {
+}) => /* @__PURE__ */ c(Kn, {
+  children: [/* @__PURE__ */ s(Gn, {
     children: "Results for"
-  }), /* @__PURE__ */ s(Kn, {
+  }), /* @__PURE__ */ s(Hn, {
     children: n
   })]
-}), as = /* @__PURE__ */ e("div")({
+}), rs = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c181a1as",
   propsAsIs: !1
-}), rs = /* @__PURE__ */ e("div")({
+}), cs = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t1cduox6",
   propsAsIs: !1
-}), Hn = () => I, cs = /* @__PURE__ */ e(Hn())({
+}), Jn = () => I, ls = /* @__PURE__ */ e(Jn())({
   name: "CorrectIcon",
   class: "c1onrv6j",
   propsAsIs: !0
-}), Xn = () => cs, Jn = /* @__PURE__ */ e(Xn())({
+}), Zn = () => ls, so = /* @__PURE__ */ e(Zn())({
   name: "InCorrectIcon",
   class: "i17n9o7e",
   propsAsIs: !0
-}), Zn = () => /* @__PURE__ */ c(as, {
-  children: [/* @__PURE__ */ c(rs, {
+}), eo = () => /* @__PURE__ */ c(rs, {
+  children: [/* @__PURE__ */ c(cs, {
     children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
-  }), /* @__PURE__ */ s(cs, {
+  }), /* @__PURE__ */ s(ls, {
     name: "icon-check"
   })]
-}), so = ({
+}), no = ({
   title: n
-}) => /* @__PURE__ */ c(as, {
-  children: [/* @__PURE__ */ c(rs, {
+}) => /* @__PURE__ */ c(rs, {
+  children: [/* @__PURE__ */ c(cs, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", n]
-  }), /* @__PURE__ */ s(Jn, {
+  }), /* @__PURE__ */ s(so, {
     name: "icon-cross"
   })]
-}), eo = /* @__PURE__ */ e("div")({
+}), oo = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cnxgcs2",
   propsAsIs: !1
-}), no = /* @__PURE__ */ e("div")({
+}), io = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t903f8n",
   propsAsIs: !1
-}), oo = () => I, io = /* @__PURE__ */ e(oo())({
+}), to = () => I, ao = /* @__PURE__ */ e(to())({
   name: "CheckIcon",
   class: "ceyu3qj",
   propsAsIs: !0
-}), to = ({
+}), ro = ({
   points: n
-}) => /* @__PURE__ */ c(eo, {
-  children: [/* @__PURE__ */ c(no, {
-    children: ["You won ", /* @__PURE__ */ s(Ls, {
+}) => /* @__PURE__ */ c(oo, {
+  children: [/* @__PURE__ */ c(io, {
+    children: ["You won ", /* @__PURE__ */ s(Ds, {
       delay: 0.5,
       prefix: "+",
       suffix: " points",
       value: n
     })]
-  }), /* @__PURE__ */ s(io, {
+  }), /* @__PURE__ */ s(ao, {
     name: "icon-trophy-solid"
   })]
-}), K = /* @__PURE__ */ e("div")({
+}), G = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cq3agu2",
   propsAsIs: !1
-}), G = /* @__PURE__ */ e("div")({
+}), H = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b16qj0do",
   propsAsIs: !1
-}), H = {
+}), X = {
   1: 3e3,
   2: 4e3,
   3: 4e3,
   4: 4e3
-}, ao = ({ close: n, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
+}, co = ({ close: n, action: o, setStep: t, votedAnswer: i, correct: a, correctAnswerTitle: p, questionTitle: l, step: r }) => {
   if (y(() => {
     if (t) {
-      const m = setTimeout(() => {
-        H[r + 1] && (a || r < 3) ? t(r + 1) : n == null || n();
-      }, H[r]);
+      const u = setTimeout(() => {
+        X[r + 1] && (a || r < 3) ? t(r + 1) : n == null || n();
+      }, X[r]);
       return () => {
-        m && clearTimeout(m);
+        u && clearTimeout(u);
       };
     }
     return () => {
     };
   }, [t, r, n, a]), r === 1)
-    return /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(_n, {}) }) });
-  let u = "pending";
-  return (r === 3 || r === 4) && (u = a ? "correct" : "incorrect"), /* @__PURE__ */ s(K, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ c(G, { children: [
-    r !== 1 && /* @__PURE__ */ s(Qn, {}, r),
-    /* @__PURE__ */ c(xn, { state: u, step: r, answer: (o == null ? void 0 : o.title) || "unknown", children: [
-      r === 2 && /* @__PURE__ */ s(Gn, { title: d || "unknown" }),
-      r === 3 && a && /* @__PURE__ */ s(Zn, {}),
-      r === 3 && !a && /* @__PURE__ */ s(so, { title: p || "unknown" }),
-      r === 4 && /* @__PURE__ */ s(to, { points: (o == null ? void 0 : o.points) || 0 })
+    return /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(Yn, {}) }) });
+  let m = "pending";
+  return (r === 3 || r === 4) && (m = a ? "correct" : "incorrect"), /* @__PURE__ */ s(G, { "data-a": "intr", onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(H, { children: [
+    r !== 1 && /* @__PURE__ */ s(Fn, {}, r),
+    /* @__PURE__ */ c(Rn, { state: m, step: r, answer: (i == null ? void 0 : i.title) || "unknown", children: [
+      r === 2 && /* @__PURE__ */ s(Xn, { title: l || "unknown" }),
+      r === 3 && a && /* @__PURE__ */ s(eo, {}),
+      r === 3 && !a && /* @__PURE__ */ s(no, { title: p || "unknown" }),
+      r === 4 && /* @__PURE__ */ s(ro, { points: (i == null ? void 0 : i.points) || 0 })
     ] })
   ] }) });
-}, ro = ({ close: n, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
-  const [d, r] = w(1);
+}, lo = ({ close: n, action: o, votedAnswer: t, correct: i, correctAnswerTitle: a, questionTitle: p }) => {
+  const [l, r] = w(1);
   return /* @__PURE__ */ s(
-    ao,
+    co,
     {
       close: n,
-      action: i,
+      action: o,
       votedAnswer: t,
-      correct: o,
+      correct: i,
       correctAnswerTitle: a,
       questionTitle: p,
       setStep: r,
-      step: d,
+      step: l,
       title: ""
     }
   );
-}, co = /* @__PURE__ */ e("div")({
+}, po = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n1i4h28u",
   propsAsIs: !1
-}), lo = (n) => /* @__PURE__ */ s(co, { children: /* @__PURE__ */ s(ro, { ...n }) }), po = /* @__PURE__ */ e("div")({
+}), mo = ({ className: n, ...o }) => /* @__PURE__ */ s(po, { className: n, children: /* @__PURE__ */ s(lo, { ...o }) }), uo = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cwa9tgs",
   propsAsIs: !1
-}), uo = /* @__PURE__ */ e("div")({
+}), vo = /* @__PURE__ */ e("div")({
   name: "BodyContainer",
   class: "b1xx7swj",
   propsAsIs: !1
-}), mo = /* @__PURE__ */ e("div")({
+}), Io = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1a21en",
   propsAsIs: !1
-}), vo = ({
+}), Ao = ({
   step: n,
-  children: i,
+  children: o,
   state: t = "pending"
 }) => {
-  const [o, a] = w(0);
+  const [i, a] = w(0);
   return y(() => {
-    const p = new ResizeObserver((d) => {
+    const p = new ResizeObserver((l) => {
       window.requestAnimationFrame(() => {
-        var r, u;
-        const m = ((u = (r = d == null ? void 0 : d[0]) == null ? void 0 : r.contentRect) == null ? void 0 : u.width) ?? 0;
-        a(m);
+        var r, m;
+        const u = ((m = (r = l == null ? void 0 : l[0]) == null ? void 0 : r.contentRect) == null ? void 0 : m.width) ?? 0;
+        a(u);
       });
     });
     return () => {
       p.disconnect();
     };
-  }, []), /* @__PURE__ */ s(po, {
+  }, []), /* @__PURE__ */ s(uo, {
     style: {
       padding: `${n === 3 && t === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
     },
-    children: /* @__PURE__ */ s(uo, {
+    children: /* @__PURE__ */ s(vo, {
       style: {
-        minWidth: `${o}px`
+        minWidth: `${i}px`
       },
-      children: /* @__PURE__ */ s(mo, {
-        children: i
+      children: /* @__PURE__ */ s(Io, {
+        children: o
       }, n)
     })
   });
-}, Io = /* @__PURE__ */ e("div")({
+}, ho = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c1nd5cu8",
   propsAsIs: !1
@@ -878,148 +891,148 @@ const b = /* @__PURE__ */ e("div")({
   name: "Line",
   class: "lgbipw0",
   propsAsIs: !1
-}), Ao = () => P, ho = /* @__PURE__ */ e(Ao())({
+}), $o = () => P, go = /* @__PURE__ */ e($o())({
   name: "Line1",
   class: "l1anth16",
   propsAsIs: !0
-}), $o = () => P, go = /* @__PURE__ */ e($o())({
+}), wo = () => P, yo = /* @__PURE__ */ e(wo())({
   name: "Line2",
   class: "l193yd7v",
   propsAsIs: !0
-}), wo = () => P, yo = /* @__PURE__ */ e(wo())({
+}), To = () => P, bo = /* @__PURE__ */ e(To())({
   name: "Line3",
   class: "lhbflsp",
   propsAsIs: !0
-}), To = () => /* @__PURE__ */ c(Io, {
-  children: [/* @__PURE__ */ s(ho, {
-    children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(go, {
+}), Co = () => /* @__PURE__ */ c(ho, {
+  children: [/* @__PURE__ */ s(go, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(yo, {
     children: /* @__PURE__ */ s("div", {})
+  }), /* @__PURE__ */ s(bo, {
+    children: /* @__PURE__ */ s("div", {})
   })]
-}), bo = /* @__PURE__ */ e("div")({
+}), No = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c1lvd429",
   propsAsIs: !1
-}), Co = () => I, fo = /* @__PURE__ */ e(Co())({
+}), fo = () => I, ko = /* @__PURE__ */ e(fo())({
   name: "PredictionIcon",
   class: "p1n4m87t",
   propsAsIs: !0
-}), ko = () => /* @__PURE__ */ c(bo, {
-  children: [/* @__PURE__ */ s(fo, {
+}), qo = () => /* @__PURE__ */ c(No, {
+  children: [/* @__PURE__ */ s(ko, {
     name: "icon-prediction"
   }), " Prediction results are in!"]
-}), No = () => I, qo = /* @__PURE__ */ e(No())({
+}), So = () => I, Eo = /* @__PURE__ */ e(So())({
   name: "CheckIcon",
   class: "c126r8f9",
   propsAsIs: !0
-}), So = /* @__PURE__ */ e("div")({
+}), Lo = /* @__PURE__ */ e("div")({
   name: "Answer",
   class: "a1o2rpgl",
   propsAsIs: !1
-}), Eo = /* @__PURE__ */ e("div")({
+}), xo = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cej6ci1",
   propsAsIs: !1
-}), Lo = /* @__PURE__ */ e("div")({
+}), Do = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "tob24mr",
   propsAsIs: !1
-}), Do = ({
+}), Mo = ({
   title: n,
-  answer: i
-}) => /* @__PURE__ */ c(Eo, {
-  children: [/* @__PURE__ */ s(Lo, {
+  answer: o
+}) => /* @__PURE__ */ c(xo, {
+  children: [/* @__PURE__ */ s(Do, {
     children: n
-  }), /* @__PURE__ */ c(So, {
-    children: [/* @__PURE__ */ s(qo, {
+  }), /* @__PURE__ */ c(Lo, {
+    children: [/* @__PURE__ */ s(Eo, {
       name: "icon-prediction"
-    }), "Your Pick: ", i]
+    }), "Your Pick: ", o]
   })]
-}), ls = /* @__PURE__ */ e("div")({
+}), ds = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c1lesal4",
   propsAsIs: !1
-}), ds = /* @__PURE__ */ e("div")({
+}), ps = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "tv66n4w",
   propsAsIs: !1
-}), xo = () => I, Mo = /* @__PURE__ */ e(xo())({
+}), Ro = () => I, Oo = /* @__PURE__ */ e(Ro())({
   name: "CorrectIcon",
   class: "cx0vlv2",
   propsAsIs: !0
-}), ps = /* @__PURE__ */ e("div")({
+}), ms = /* @__PURE__ */ e("div")({
   name: "Answer",
   class: "akfh4v5",
   propsAsIs: !1
-}), Ro = ({
+}), Bo = ({
   answer: n
-}) => /* @__PURE__ */ c(ls, {
-  children: [/* @__PURE__ */ s(ds, {
+}) => /* @__PURE__ */ c(ds, {
+  children: [/* @__PURE__ */ s(ps, {
     children: "Congratulations! You answered correctly."
-  }), /* @__PURE__ */ c(ps, {
-    children: [/* @__PURE__ */ s(Mo, {
+  }), /* @__PURE__ */ c(ms, {
+    children: [/* @__PURE__ */ s(Oo, {
       name: "icon-correct"
     }), "Your Pick: ", n]
   })]
-}), Oo = ({
+}), jo = ({
   title: n,
-  answer: i
-}) => /* @__PURE__ */ c(ls, {
-  children: [/* @__PURE__ */ c(ds, {
+  answer: o
+}) => /* @__PURE__ */ c(ds, {
+  children: [/* @__PURE__ */ c(ps, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", n]
-  }), /* @__PURE__ */ c(ps, {
-    children: ["Your Pick: ", i]
+  }), /* @__PURE__ */ c(ms, {
+    children: ["Your Pick: ", o]
   })]
-}), X = /* @__PURE__ */ e("div")({
+}), J = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cmox3ot",
   propsAsIs: !1
-}), J = /* @__PURE__ */ e("div")({
+}), Z = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "bqq1ix4",
   propsAsIs: !1
-}), Z = {
+}), ss = {
   1: 3e3,
   2: 4e3,
   3: 4e3
-}, Bo = ({ close: n, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
+}, Po = ({ close: n, action: o, setStep: t, votedAnswer: i, correct: a, correctAnswerTitle: p, questionTitle: l, step: r }) => {
   if (y(() => {
     if (t) {
-      const m = setTimeout(() => {
-        Z[r + 1] && (a || r < 3) ? t(r + 1) : n == null || n();
-      }, Z[r]);
+      const u = setTimeout(() => {
+        ss[r + 1] && (a || r < 3) ? t(r + 1) : n == null || n();
+      }, ss[r]);
       return () => {
-        m && clearTimeout(m);
+        u && clearTimeout(u);
       };
     }
     return () => {
     };
   }, [t, r, n, a]), r === 1)
-    return /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(ko, {}) }) });
-  let u = "pending";
-  return r === 3 && (u = a ? "correct" : "incorrect"), /* @__PURE__ */ s(X, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ c(J, { children: [
-    r !== 1 && /* @__PURE__ */ s(To, {}, r),
-    /* @__PURE__ */ c(vo, { state: u, step: r, children: [
-      r === 2 && /* @__PURE__ */ s(Do, { title: d || "unknown", answer: (o == null ? void 0 : o.title) || "unknown" }),
-      r === 3 && a && /* @__PURE__ */ s(Ro, { answer: (o == null ? void 0 : o.title) || "unknown" }),
-      r === 3 && !a && /* @__PURE__ */ s(Oo, { title: p || "unknown", answer: (o == null ? void 0 : o.title) || "unknown" })
+    return /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(qo, {}) }) });
+  let m = "pending";
+  return r === 3 && (m = a ? "correct" : "incorrect"), /* @__PURE__ */ s(J, { "data-a": "intr", onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(Z, { children: [
+    r !== 1 && /* @__PURE__ */ s(Co, {}, r),
+    /* @__PURE__ */ c(Ao, { state: m, step: r, children: [
+      r === 2 && /* @__PURE__ */ s(Mo, { title: l || "unknown", answer: (i == null ? void 0 : i.title) || "unknown" }),
+      r === 3 && a && /* @__PURE__ */ s(Bo, { answer: (i == null ? void 0 : i.title) || "unknown" }),
+      r === 3 && !a && /* @__PURE__ */ s(jo, { title: p || "unknown", answer: (i == null ? void 0 : i.title) || "unknown" })
     ] })
   ] }) });
-}, jo = ({ close: n, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
-  const [d, r] = w(1);
+}, zo = ({ close: n, action: o, votedAnswer: t, correct: i, correctAnswerTitle: a, questionTitle: p }) => {
+  const [l, r] = w(1);
   return /* @__PURE__ */ s(
-    Bo,
+    Po,
     {
       close: n,
-      action: i,
+      action: o,
       votedAnswer: t,
-      correct: o,
+      correct: i,
       correctAnswerTitle: a,
       questionTitle: p,
       setStep: r,
-      step: d,
+      step: l,
       title: ""
     }
   );
@@ -1027,91 +1040,102 @@ const b = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "nn0nqh6",
   propsAsIs: !1
-}), Po = () => ({
+}), Qo = () => ({
   withoutPadding: n
-}) => n ? "0px" : "1rem", zo = /* @__PURE__ */ e("div")({
+}) => n ? "0px" : "1rem", Vo = /* @__PURE__ */ e("div")({
   name: "NotificationContent",
   class: "n1bcdf3j",
   propsAsIs: !1,
   vars: {
-    "n1bcdf3j-0": [Po()]
+    "n1bcdf3j-0": [Qo()]
   }
-}), ms = /* @__PURE__ */ e("img")({
+}), vs = /* @__PURE__ */ e("img")({
   name: "LogoImg",
   class: "l8jorbq",
   propsAsIs: !1
-}), Qo = () => us, Vo = /* @__PURE__ */ e(Qo())({
+}), Fo = () => us, Uo = /* @__PURE__ */ e(Fo())({
   name: "NotificationInterstitialContainer",
   class: "nf920y3",
   propsAsIs: !0
-}), Fo = /* @__PURE__ */ e("div")({
+}), _o = /* @__PURE__ */ e("div")({
   name: "LogoImgContainer",
   class: "lzsmehn",
   propsAsIs: !1
-}), Uo = ({ sponsorLogo: n, onClick: i }) => /* @__PURE__ */ s(Vo, { onClick: i, children: /* @__PURE__ */ s(zo, { withoutPadding: !0, children: /* @__PURE__ */ s(ms, { src: n }) }) }), _o = (n) => {
-  var i, t, o, a, p;
-  const [d, r] = w(!1), u = ss();
+}), Wo = ({
+  className: n,
+  sponsorLogo: o,
+  onClick: t
+}) => /* @__PURE__ */ s(Uo, { className: n, onClick: t, children: /* @__PURE__ */ s(Vo, { withoutPadding: !0, children: /* @__PURE__ */ s(vs, { src: o }) }) }), Yo = ({ className: n, ...o }) => {
+  var t, i, a, p, l;
+  const [r, m] = w(!1), u = es();
   return y(() => {
-    var m;
-    return (m = n == null ? void 0 : n.inApp) != null && m.sponsorLogo && (r(!0), u.current = setTimeout(() => {
-      r(!1);
+    var A;
+    return (A = o == null ? void 0 : o.inApp) != null && A.sponsorLogo && (m(!0), u.current = setTimeout(() => {
+      m(!1);
     }, 5e3)), () => clearTimeout(u.current);
-  }, [(i = n == null ? void 0 : n.inApp) == null ? void 0 : i.sponsorLogo]), (t = n == null ? void 0 : n.inApp) != null && t.sponsorLogo && d ? /* @__PURE__ */ s(Uo, { sponsorLogo: (o = n.inApp) == null ? void 0 : o.sponsorLogo, onClick: () => r(!1) }) : /* @__PURE__ */ s(us, { children: /* @__PURE__ */ c("div", { children: [
-    ((a = n == null ? void 0 : n.inApp) == null ? void 0 : a.sponsorLogo) && /* @__PURE__ */ s(Fo, { children: /* @__PURE__ */ s(ms, { src: (p = n == null ? void 0 : n.inApp) == null ? void 0 : p.sponsorLogo }) }),
-    /* @__PURE__ */ s(jo, { ...n })
+  }, [(t = o == null ? void 0 : o.inApp) == null ? void 0 : t.sponsorLogo]), (i = o == null ? void 0 : o.inApp) != null && i.sponsorLogo && r ? /* @__PURE__ */ s(
+    Wo,
+    {
+      className: n,
+      sponsorLogo: (a = o.inApp) == null ? void 0 : a.sponsorLogo,
+      onClick: () => m(!1)
+    }
+  ) : /* @__PURE__ */ s(us, { className: n, children: /* @__PURE__ */ c("div", { children: [
+    ((p = o == null ? void 0 : o.inApp) == null ? void 0 : p.sponsorLogo) && /* @__PURE__ */ s(_o, { children: /* @__PURE__ */ s(vs, { src: (l = o == null ? void 0 : o.inApp) == null ? void 0 : l.sponsorLogo }) }),
+    /* @__PURE__ */ s(zo, { ...o })
   ] }) });
-}, Wo = ({ sdk: n, webos: i }) => {
-  var t, o, a, p, d, r, u, m;
-  const [$] = w(n.getNotificationsStore()), h = Ts($), g = n.getFeature(qs.GAMES), l = ys(() => n.getActiveNotification(), [n, h]);
+}, Ko = ({ sdk: n, webos: o }) => {
+  var t, i, a, p, l, r, m, u;
+  const [A] = w(n.getNotificationsStore()), g = Cs(A), $ = n.getFeature(Es.GAMES), d = Ts(() => n.getActiveNotification(), [n, g]);
   return y(() => {
-    l && bs.emit("notification", {
+    d && Ns.emit("notification", {
       action: "rendered",
       payload: {
-        questionId: l.data.questionId,
-        questionType: l.data.questionType
+        questionId: d.data.questionId,
+        questionType: d.data.questionType
       }
     });
-  }, [l]), l && l.type === z.QUESTION_RESOLVED ? l.data.question && l.data.questionType === A.PREDICTION ? l && ((t = l.data.inApp) == null ? void 0 : t.adUnit) === V.STANDART ? /* @__PURE__ */ s(
-    _o,
+  }, [d]), d && d.type === Q.QUESTION_RESOLVED ? d.data.question && d.data.questionType === h.PREDICTION ? d && ((t = d.data.inApp) == null ? void 0 : t.adUnit) === F.STANDART ? /* @__PURE__ */ s(
+    Yo,
     {
-      action: l.action,
-      close: l.close,
-      ...l.data.question,
-      inApp: l.data.inApp
+      action: d.action,
+      close: d.close,
+      ...d.data.question,
+      inApp: d.data.inApp
     }
   ) : /* @__PURE__ */ s(
-    lo,
+    mo,
     {
-      action: l.action,
-      close: l.close,
-      ...l.data.question
+      action: d.action,
+      close: d.close,
+      ...d.data.question
     }
-  ) : null : l && l.type === z.ONBOARDING ? l.data.onboarding ? /* @__PURE__ */ s(
-    bn,
+  ) : null : d && d.type === Q.ONBOARDING ? d.data.onboarding ? /* @__PURE__ */ s(
+    Nn,
     {
-      open: g == null ? void 0 : g.openOnboarding,
-      close: l.close,
-      ...l.data.onboarding
+      open: $ == null ? void 0 : $.openOnboarding,
+      close: d.close,
+      ...d.data.onboarding
     }
-  ) : null : l && ((o = l.data.inApp) == null ? void 0 : o.adUnit) === V.STANDART ? /* @__PURE__ */ s(
-    un,
+  ) : null : d && ((i = d.data.inApp) == null ? void 0 : i.adUnit) === F.STANDART ? /* @__PURE__ */ s(
+    vn,
     {
-      ...l.data,
-      action: l.action,
-      close: l.close,
-      color: ((d = (p = (a = l == null ? void 0 : l.data) == null ? void 0 : a.inApp) == null ? void 0 : p.notification) == null ? void 0 : d.indicatorColor) || ((m = (u = (r = l == null ? void 0 : l.data) == null ? void 0 : r.inApp) == null ? void 0 : u.appearance) == null ? void 0 : m.primaryColor),
-      webos: i
+      ...d.data,
+      action: d.action,
+      close: d.close,
+      color: ((l = (p = (a = d == null ? void 0 : d.data) == null ? void 0 : a.inApp) == null ? void 0 : p.notification) == null ? void 0 : l.indicatorColor) || ((u = (m = (r = d == null ? void 0 : d.data) == null ? void 0 : r.inApp) == null ? void 0 : m.appearance) == null ? void 0 : u.primaryColor),
+      webos: o
     }
-  ) : l && /* @__PURE__ */ s(ye, { ...l.data, action: l.action });
-}, ci = ({ theme: n }) => {
-  const i = Ds(), t = xs(), o = Ms();
-  return i && (o.appNotification || o.onboardingNotification) ? o.app && !o.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(gs, { customTheme: n ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(Wo, { sdk: i }) }) }) : null;
+  ) : d && /* @__PURE__ */ s(be, { ...d.data, action: d.action });
+}, di = ({ theme: n }) => {
+  const o = Ms(), t = Rs(), i = Os();
+  return o && (i.appNotification || i.onboardingNotification) ? i.app && !i.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(ws, { customTheme: n ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(Ko, { sdk: o }) }) }) : null;
 };
 export {
-  ai as D,
-  Wo as K,
-  ri as R,
-  Ws as S,
-  ci as a,
-  Rs as r
+  ci as D,
+  Ko as K,
+  li as R,
+  Ks as S,
+  di as a,
+  Bs as r
 };