@streamlayer/react 1.22.2 → 1.23.0

package/lib/es/notification.js

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