@streamlayer/react 1.21.4 → 1.22.1

package/lib/es/notification.js

@@ -1,20 +1,25 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useState as w, useRef as _, useEffect as y, useCallback as As, useMemo as Is } from "react";
-import { s as n, B as A, $ as hs, a0 as $s, a1 as K, R as G, a2 as gs, E as ws, O as x, y as ys, i as Ts, f as bs, e as Cs, N as R, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
-import "nanostores";
-import "lodash.throttle";
-import "react-dom";
-import "react-countup";
-import { j as v, Q as h, k as H, l as L, S as Es, A as O } from "./useStreamLayerApp2.js";
+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")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), Ls = () => b, Ss = /* @__PURE__ */ n(Ls())({
+}), xs = () => b, Ls = /* @__PURE__ */ n(xs())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
-}), xs = () => b, E = /* @__PURE__ */ n(xs())({
+}), Ss = () => b, E = /* @__PURE__ */ n(Ss())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
@@ -22,26 +27,26 @@ const b = /* @__PURE__ */ n("div")({
   name: "MediaImgRounded",
   class: "myx3xoi",
   propsAsIs: !0
-}), Rs = () => b, Os = /* @__PURE__ */ n(Rs())({
+}), Os = () => b, Rs = /* @__PURE__ */ n(Os())({
   name: "MediaImgCentered",
   class: "m1bwv0gx",
   propsAsIs: !0
-}), js = () => b, Bs = /* @__PURE__ */ n(js())({
+}), Bs = () => b, js = /* @__PURE__ */ n(Bs())({
   name: "MediaImgInsight",
   class: "mntjanp",
   propsAsIs: !0
-}), Ps = /* @__PURE__ */ n("div")({
+}), zs = /* @__PURE__ */ n("div")({
   name: "VideoIcon",
   class: "v1kofb47",
   propsAsIs: !1
-}), Us = {
+}), Ps = {
   [v.UNSET]: E,
   [v.NONE]: E,
   [v.ROUNDED]: Ms,
-  [v.CENTERED]: Os,
-  [v.TRANSPARENT]: Ss,
+  [v.CENTERED]: Rs,
+  [v.TRANSPARENT]: Ls,
   [v.SOLID]: E
-}, j = ({
+}, B = ({
   src: e,
   imageMode: i = v.UNSET,
   withVideo: t,
@@ -49,22 +54,22 @@ const b = /* @__PURE__ */ n("div")({
 }) => {
   if (i === v.NONE)
     return null;
-  const a = o ? Bs : Us[i];
+  const a = o ? js : Ps[i];
   return /* @__PURE__ */ l(a, {
     children: [/* @__PURE__ */ s("img", {
       src: e,
       alt: ""
-    }), t && /* @__PURE__ */ s(Ps, {
+    }), t && /* @__PURE__ */ s(zs, {
       children: /* @__PURE__ */ s(A, {
         name: "icon-play"
       })
     })]
   });
-}, zs = /* @__PURE__ */ n("div")({
+}, Us = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "nuraq9m",
   propsAsIs: !1
-}), Vs = /* @__PURE__ */ n("div")({
+}), Fs = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "ns1nzpg",
   propsAsIs: !1
@@ -72,7 +77,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b1j59nzs",
   propsAsIs: !1
-}), Fs = /* @__PURE__ */ n("div")({
+}), Vs = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t9vmnpp",
   propsAsIs: !1
@@ -105,7 +110,7 @@ const b = /* @__PURE__ */ n("div")({
   return /* @__PURE__ */ l(Hs, { children: [
     p && /* @__PURE__ */ s(_s, { children: /* @__PURE__ */ s(Ks, { children: p }) }),
     /* @__PURE__ */ s(
-      hs,
+      ws,
       {
         image: e,
         name: (d = i == null ? void 0 : i.meta) == null ? void 0 : d.accountName,
@@ -114,7 +119,7 @@ const b = /* @__PURE__ */ n("div")({
         createdTweet: i == null ? void 0 : i.date
       }
     ),
-    /* @__PURE__ */ s(Gs, { children: $s(a) })
+    /* @__PURE__ */ s(Gs, { children: Ts(a) })
   ] });
 }, Xs = ({ title: e, questionType: i, questionTypeData: t }) => /* @__PURE__ */ l(J, { children: [
   /* @__PURE__ */ s(
@@ -125,73 +130,73 @@ const b = /* @__PURE__ */ n("div")({
       questionStatus: H.UNSET
     }
   ),
-  e && /* @__PURE__ */ s(Fs, { children: e })
+  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 }) => {
   var p;
-  const d = G[i], r = gs[i];
+  const d = G[i], r = ys[i];
   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(Vs, { "data-a": "intr", className: "SL_InApp", onClick: e, children: /* @__PURE__ */ l(zs, { style: I ? {} : { paddingLeft: "1.5rem" }, children: [
-    I && !g && /* @__PURE__ */ s(j, { src: I, imageMode: $, withVideo: !!c }),
-    g && /* @__PURE__ */ s(j, { src: g, fromInsight: !0, withVideo: !!c }),
+  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" })
   ] }) });
 }, ee = () => ({
   color: e
-}) => e, B = /* @__PURE__ */ n("div")({
+}) => e || "transparent", j = /* @__PURE__ */ n("div")({
   name: "MediaComponentWrap",
   class: "mek728j",
   propsAsIs: !1,
   vars: {
     "mek728j-0": [ee()]
   }
-}), T = /* @__PURE__ */ n("div")({
+}), y = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m461t56",
   propsAsIs: !1
-}), ne = () => T, oe = /* @__PURE__ */ n(ne())({
+}), ne = () => y, oe = /* @__PURE__ */ n(ne())({
   name: "MediaImgBottom",
   class: "m22bh04",
   propsAsIs: !0
-}), ie = () => T, te = /* @__PURE__ */ n(ie())({
+}), ie = () => y, te = /* @__PURE__ */ n(ie())({
   name: "MediaVideo",
   class: "m17u1e34",
   propsAsIs: !0
-}), ae = () => T, re = /* @__PURE__ */ n(ae())({
+}), ae = () => y, re = /* @__PURE__ */ n(ae())({
   name: "MediaImgContentMedia",
   class: "m4j3eds",
   propsAsIs: !0
-}), ce = () => T, le = /* @__PURE__ */ n(ce())({
+}), ce = () => y, le = /* @__PURE__ */ n(ce())({
   name: "MediaImgSolid",
   class: "m1lp3swr",
   propsAsIs: !0
-}), de = () => T, pe = /* @__PURE__ */ n(de())({
+}), de = () => y, pe = /* @__PURE__ */ n(de())({
   name: "MediaImgRounded",
   class: "mc7lij",
   propsAsIs: !0
-}), me = () => T, ue = /* @__PURE__ */ n(me())({
+}), me = () => y, ue = /* @__PURE__ */ n(me())({
   name: "MediaImgCentered",
   class: "mwwaw7o",
   propsAsIs: !0
-}), ve = () => T, S = /* @__PURE__ */ n(ve())({
+}), ve = () => y, L = /* @__PURE__ */ n(ve())({
   name: "MediaNone",
   class: "mqfzyyr",
   propsAsIs: !0
 }), Ae = "v170mtgf", Ie = {
-  [v.UNSET]: S,
-  [v.NONE]: S,
+  [v.UNSET]: L,
+  [v.NONE]: L,
   [v.ROUNDED]: pe,
   [v.CENTERED]: ue,
   [v.TRANSPARENT]: oe,
   [v.SOLID]: le
-}, P = ({
+}, z = ({
   src: e,
   imageMode: i = v.UNSET,
   withVideo: t,
@@ -200,15 +205,15 @@ const b = /* @__PURE__ */ n("div")({
   thumbnailUrl: p
 }) => {
   if (!e)
-    return /* @__PURE__ */ s(B, {
+    return /* @__PURE__ */ s(j, {
       color: o,
-      children: /* @__PURE__ */ s(S, {})
+      children: /* @__PURE__ */ s(L, {})
     });
-  const d = a === L.ENABLED ? re : Ie[i];
-  return /* @__PURE__ */ s(B, {
+  const d = a === x.ENABLED ? re : Ie[i];
+  return /* @__PURE__ */ s(j, {
     color: o,
     children: t ? /* @__PURE__ */ s(te, {
-      children: /* @__PURE__ */ s(ws, {
+      children: /* @__PURE__ */ s(Cs, {
         className: Ae,
         source: e,
         poster: p || ""
@@ -241,9 +246,9 @@ const b = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n1fcriet",
   propsAsIs: !1
-}), ye = () => ({
+}), Te = () => ({
   questionType: e
-}) => e === h.FACTOID ? "7.3rem" : "4.5rem", Te = () => ({
+}) => e === h.FACTOID ? "7.3rem" : "4.5rem", ye = () => ({
   webos: e
 }) => e ? "11px 0px 8px 0px" : "11px 0px", be = () => ({
   imageMode: e,
@@ -253,8 +258,8 @@ const b = /* @__PURE__ */ n("div")({
   class: "b1byyovs",
   propsAsIs: !1,
   vars: {
-    "b1byyovs-0": [ye()],
-    "b1byyovs-1": [Te()],
+    "b1byyovs-0": [Te()],
+    "b1byyovs-1": [ye()],
     "b1byyovs-2": [be()]
   }
 }), fe = () => ({
@@ -275,11 +280,11 @@ const b = /* @__PURE__ */ n("div")({
     "t1y5k5id-2": [Ne()],
     "t1y5k5id-3": [qe()]
   }
-}), Le = /* @__PURE__ */ n("div")({
+}), xe = /* @__PURE__ */ n("div")({
   name: "Description",
   class: "dw9eb7l",
   propsAsIs: !1
-}), Se = /* @__PURE__ */ n("div")({
+}), Le = /* @__PURE__ */ n("div")({
   name: "LogoImgContainer",
   class: "ldu8wgy",
   propsAsIs: !1
@@ -287,7 +292,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "LogoImg",
   class: "ln4a3eh",
   propsAsIs: !1
-}), xe = () => Z, De = /* @__PURE__ */ n(xe())({
+}), Se = () => Z, De = /* @__PURE__ */ n(Se())({
   name: "NotificationInterstitialContainer",
   class: "no2k63v",
   propsAsIs: !0
@@ -299,15 +304,15 @@ const b = /* @__PURE__ */ n("div")({
   name: "TVButton",
   class: "t1eee77p",
   propsAsIs: !1
-}), Re = () => es, Oe = /* @__PURE__ */ n(Re())({
+}), Oe = () => es, Re = /* @__PURE__ */ n(Oe())({
   name: "DismissButton",
   class: "ds000hw",
   propsAsIs: !0
-}), je = () => es, Be = /* @__PURE__ */ n(je())({
+}), Be = () => es, je = /* @__PURE__ */ n(Be())({
   name: "AnswerButton",
   class: "a1nz9hoe",
   propsAsIs: !0
-}), Pe = ({ title: e, questionType: i, questionTypeData: t, description: o, imageMode: a, webos: p }) => /* @__PURE__ */ l(Ce, { imageMode: a, questionType: i, webos: p, children: [
+}), ze = ({ title: e, questionType: i, questionTypeData: t, description: o, imageMode: a, webos: p }) => /* @__PURE__ */ l(Ce, { imageMode: a, questionType: i, webos: p, children: [
   /* @__PURE__ */ s(
     K,
     {
@@ -317,12 +322,12 @@ const b = /* @__PURE__ */ n("div")({
     }
   ),
   e && /* @__PURE__ */ s(Ee, { webos: p, children: e }),
-  o && /* @__PURE__ */ s(Le, { children: o })
-] }), Ue = x(De), ze = x(Oe), Ve = x(Be), Fe = ({
+  o && /* @__PURE__ */ s(xe, { children: o })
+] }), Pe = S(De), Ue = S(Re), Fe = S(je), Ve = ({
   sponsorLogo: e,
   onClick: i,
   webos: t
-}) => /* @__PURE__ */ s(Ue, { autoFocus: !0, webos: t, onClick: i, "data-webos": t, children: /* @__PURE__ */ s(X, { withoutPadding: !0, children: /* @__PURE__ */ s(ss, { src: e }) }) }), Qe = ({
+}) => /* @__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,
   questionType: t,
@@ -333,15 +338,15 @@ const b = /* @__PURE__ */ n("div")({
 }) => {
   var r, m, u;
   const [$, I] = w(!1), g = _();
-  y(() => (o != null && o.sponsorLogo && (I(!0), g.current = setTimeout(() => {
+  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)
     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 === L.ENABLED, q = k === L.ENABLED ? N ? (m = a == null ? void 0 : a.video) == null ? void 0 : m.url : a == null ? void 0 : a.image : "";
+  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(
-    Fe,
+    Ve,
     {
       sponsorLogo: o == null ? void 0 : o.sponsorLogo,
       webos: d,
@@ -358,12 +363,12 @@ const b = /* @__PURE__ */ n("div")({
       "data-is-insight": t === h.FACTOID,
       "data-webos": d,
       children: [
-        (o == null ? void 0 : o.sponsorLogo) && /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s(ss, { src: o == null ? void 0 : o.sponsorLogo }) }),
+        (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(P, { src: vs, imageMode: f, withVideo: !!N, color: p }),
+            !q && /* @__PURE__ */ s(z, { src: vs, imageMode: f, withVideo: !!N, color: p }),
             q && /* @__PURE__ */ s(
-              P,
+              z,
               {
                 src: q,
                 imageMode: f,
@@ -374,7 +379,7 @@ const b = /* @__PURE__ */ n("div")({
               }
             ),
             /* @__PURE__ */ s(
-              Pe,
+              ze,
               {
                 questionTypeData: c,
                 questionType: t,
@@ -388,7 +393,7 @@ const b = /* @__PURE__ */ n("div")({
           !d && /* @__PURE__ */ s(we, { name: "chevronRight" }),
           d && /* @__PURE__ */ l(Me, { children: [
             /* @__PURE__ */ s(
-              ze,
+              Ue,
               {
                 webos: !0,
                 "data-close-btn": "true",
@@ -398,7 +403,7 @@ const b = /* @__PURE__ */ n("div")({
                 children: "Dismiss"
               }
             ),
-            /* @__PURE__ */ s(Ve, { webos: !0, autoFocus: !0, onClick: e, children: "Answer" })
+            /* @__PURE__ */ s(Fe, { webos: !0, autoFocus: !0, onClick: e, children: "Answer" })
           ] })
         ] })
       ]
@@ -408,7 +413,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n11jcrxe",
   propsAsIs: !1
-}), U = /* @__PURE__ */ n("img")({
+}), P = /* @__PURE__ */ n("img")({
   name: "Icon",
   class: "i1vmpt6u",
   propsAsIs: !1
@@ -420,7 +425,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "TitleIcon",
   class: "t16zzzei",
   propsAsIs: !0
-}), Ge = () => ys, He = /* @__PURE__ */ n(Ge())({
+}), Ge = () => fs, He = /* @__PURE__ */ n(Ge())({
   name: "Close",
   class: "c1sur0q2",
   propsAsIs: !0
@@ -455,9 +460,9 @@ const b = /* @__PURE__ */ n("div")({
       },
       children: [
         /* @__PURE__ */ l(Ye, { children: [
-          /* @__PURE__ */ s(U, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
+          /* @__PURE__ */ s(P, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
           /* @__PURE__ */ s(
-            U,
+            P,
             {
               className: "on-dark",
               src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
@@ -524,10 +529,10 @@ const b = /* @__PURE__ */ n("div")({
       var u, $;
       p((($ = (u = m == null ? void 0 : m[0]) == null ? void 0 : u.contentRect) == null ? void 0 : $.width) ?? 0);
     });
-  })), r = As((m) => {
+  })), r = Is((m) => {
     m ? d.observe(m) : d.disconnect();
   }, [d]);
-  return y(() => () => {
+  return T(() => () => {
     d.disconnect();
   }, [d]), /* @__PURE__ */ l(nn, {
     children: [/* @__PURE__ */ s(cn, {
@@ -579,15 +584,15 @@ const b = /* @__PURE__ */ n("div")({
   }), /* @__PURE__ */ s(gn, {
     children: /* @__PURE__ */ s("div", {})
   })]
-}), yn = /* @__PURE__ */ n("div")({
+}), Tn = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Tn = () => A, bn = /* @__PURE__ */ n(Tn())({
+}), yn = () => A, bn = /* @__PURE__ */ n(yn())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), Cn = () => /* @__PURE__ */ l(yn, {
+}), Cn = () => /* @__PURE__ */ l(Tn, {
   children: [/* @__PURE__ */ s(bn, {
     name: "icon-check"
   }), " Prediction results are in!"]
@@ -623,11 +628,11 @@ const b = /* @__PURE__ */ n("div")({
   name: "CorrectIcon",
   class: "c1onrv6j",
   propsAsIs: !0
-}), Ln = () => is, Sn = /* @__PURE__ */ n(Ln())({
+}), xn = () => is, Ln = /* @__PURE__ */ n(xn())({
   name: "InCorrectIcon",
   class: "i17n9o7e",
   propsAsIs: !0
-}), xn = () => /* @__PURE__ */ l(ns, {
+}), Sn = () => /* @__PURE__ */ l(ns, {
   children: [/* @__PURE__ */ l(os, {
     children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
   }), /* @__PURE__ */ s(is, {
@@ -638,53 +643,53 @@ const b = /* @__PURE__ */ n("div")({
 }) => /* @__PURE__ */ l(ns, {
   children: [/* @__PURE__ */ l(os, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", e]
-  }), /* @__PURE__ */ s(Sn, {
+  }), /* @__PURE__ */ s(Ln, {
     name: "icon-cross"
   })]
 }), Mn = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "cnxgcs2",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ n("div")({
+}), On = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t903f8n",
   propsAsIs: !1
-}), On = () => A, jn = /* @__PURE__ */ n(On())({
+}), Rn = () => A, Bn = /* @__PURE__ */ n(Rn())({
   name: "CheckIcon",
   class: "ceyu3qj",
   propsAsIs: !0
-}), Bn = ({
+}), jn = ({
   points: e
 }) => /* @__PURE__ */ l(Mn, {
-  children: [/* @__PURE__ */ l(Rn, {
-    children: ["You won ", /* @__PURE__ */ s(Ts, {
+  children: [/* @__PURE__ */ l(On, {
+    children: ["You won ", /* @__PURE__ */ s(ks, {
       delay: 0.5,
       prefix: "+",
       suffix: " points",
       value: e
     })]
-  }), /* @__PURE__ */ s(jn, {
+  }), /* @__PURE__ */ s(Bn, {
     name: "icon-trophy-solid"
   })]
-}), z = /* @__PURE__ */ n("div")({
+}), U = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "cq3agu2",
   propsAsIs: !1
-}), V = /* @__PURE__ */ n("div")({
+}), F = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b16qj0do",
   propsAsIs: !1
-}), F = {
+}), V = {
   1: 3e3,
   2: 4e3,
   3: 4e3,
   4: 4e3
-}, Pn = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
-  if (y(() => {
+}, zn = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
+  if (T(() => {
     if (t) {
       const u = setTimeout(() => {
-        F[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
-      }, F[r]);
+        V[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
+      }, V[r]);
       return () => {
         u && clearTimeout(u);
       };
@@ -692,21 +697,21 @@ const b = /* @__PURE__ */ n("div")({
     return () => {
     };
   }, [t, r, e, a]), r === 1)
-    return /* @__PURE__ */ s(z, { children: /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(Cn, {}) }) });
+    return /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(Cn, {}) }) });
   let m = "pending";
-  return (r === 3 || r === 4) && (m = a ? "correct" : "incorrect"), /* @__PURE__ */ s(z, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ l(V, { children: [
+  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(xn, {}),
+      r === 3 && a && /* @__PURE__ */ s(Sn, {}),
       r === 3 && !a && /* @__PURE__ */ s(Dn, { title: p || "unknown" }),
-      r === 4 && /* @__PURE__ */ s(Bn, { points: (o == null ? void 0 : o.points) || 0 })
+      r === 4 && /* @__PURE__ */ s(jn, { points: (o == null ? void 0 : o.points) || 0 })
     ] })
   ] }) });
-}, Un = ({ close: e, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
+}, Pn = ({ close: e, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
   const [d, r] = w(1);
   return /* @__PURE__ */ s(
-    Pn,
+    zn,
     {
       close: e,
       action: i,
@@ -719,11 +724,11 @@ const b = /* @__PURE__ */ n("div")({
       title: ""
     }
   );
-}, zn = /* @__PURE__ */ n("div")({
+}, Un = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n1i4h28u",
   propsAsIs: !1
-}), Vn = (e) => /* @__PURE__ */ s(zn, { children: /* @__PURE__ */ s(Un, { ...e }) }), Fn = /* @__PURE__ */ n("div")({
+}), Fn = (e) => /* @__PURE__ */ s(Un, { children: /* @__PURE__ */ s(Pn, { ...e }) }), Vn = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "cwa9tgs",
   propsAsIs: !1
@@ -741,7 +746,7 @@ const b = /* @__PURE__ */ n("div")({
   state: t = "pending"
 }) => {
   const [o, a] = w(0);
-  return y(() => {
+  return T(() => {
     const p = new ResizeObserver((d) => {
       window.requestAnimationFrame(() => {
         var r, m;
@@ -752,7 +757,7 @@ const b = /* @__PURE__ */ n("div")({
     return () => {
       p.disconnect();
     };
-  }, []), /* @__PURE__ */ s(Fn, {
+  }, []), /* @__PURE__ */ s(Vn, {
     style: {
       padding: `${e === 3 && t === "incorrect" || e === 1 ? "5px 100px" : "5px 40px"}`
     },
@@ -880,7 +885,7 @@ const b = /* @__PURE__ */ n("div")({
   2: 4e3,
   3: 4e3
 }, Io = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
-  if (y(() => {
+  if (T(() => {
     if (t) {
       const u = setTimeout(() => {
         Y[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
@@ -935,38 +940,38 @@ const b = /* @__PURE__ */ n("div")({
   name: "LogoImg",
   class: "l8jorbq",
   propsAsIs: !1
-}), wo = () => cs, yo = /* @__PURE__ */ n(wo())({
+}), wo = () => cs, To = /* @__PURE__ */ n(wo())({
   name: "NotificationInterstitialContainer",
   class: "nf920y3",
   propsAsIs: !0
-}), To = /* @__PURE__ */ n("div")({
+}), yo = /* @__PURE__ */ n("div")({
   name: "LogoImgContainer",
   class: "lzsmehn",
   propsAsIs: !1
-}), bo = ({ sponsorLogo: e, onClick: i }) => /* @__PURE__ */ s(yo, { onClick: i, children: /* @__PURE__ */ s(go, { withoutPadding: !0, children: /* @__PURE__ */ s(ls, { src: e }) }) }), Co = (e) => {
+}), 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 = _();
-  return y(() => {
+  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(To, { children: /* @__PURE__ */ s(ls, { src: (p = e == null ? void 0 : e.inApp) == null ? void 0 : p.sponsorLogo }) }),
+    ((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 })
   ] }) });
 }, fo = ({ sdk: e, webos: i }) => {
   var t, o, a, p, d, r, m, u;
-  const [$] = w(e.getNotificationsStore()), I = bs($), g = e.getFeature(Es.GAMES), c = Is(() => e.getActiveNotification(), [e, I]);
-  return y(() => {
-    c && Cs.emit("notification", {
+  const [$] = w(e.getNotificationsStore()), I = $s($), g = e.getFeature(bs.GAMES), c = hs(() => e.getActiveNotification(), [e, I]);
+  return T(() => {
+    c && gs.emit("notification", {
       action: "rendered",
       payload: {
         questionId: c.data.questionId,
         questionType: c.data.questionType
       }
     });
-  }, [c]), c && c.type === R.QUESTION_RESOLVED ? c.data.question && c.data.questionType === h.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === O.STANDART ? /* @__PURE__ */ s(
+  }, [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,
     {
       action: c.action,
@@ -975,20 +980,20 @@ const b = /* @__PURE__ */ n("div")({
       inApp: c.data.inApp
     }
   ) : /* @__PURE__ */ s(
-    Vn,
+    Fn,
     {
       action: c.action,
       close: c.close,
       ...c.data.question
     }
-  ) : null : c && c.type === R.ONBOARDING ? c.data.onboarding ? /* @__PURE__ */ s(
+  ) : null : c && c.type === O.ONBOARDING ? c.data.onboarding ? /* @__PURE__ */ s(
     en,
     {
       open: g == null ? void 0 : g.openOnboarding,
       close: c.close,
       ...c.data.onboarding
     }
-  ) : null : c && ((o = c.data.inApp) == null ? void 0 : o.adUnit) === O.STANDART ? /* @__PURE__ */ s(
+  ) : null : c && ((o = c.data.inApp) == null ? void 0 : o.adUnit) === R.STANDART ? /* @__PURE__ */ s(
     Qe,
     {
       ...c.data,
@@ -998,11 +1003,11 @@ const b = /* @__PURE__ */ n("div")({
       webos: i
     }
   ) : c && /* @__PURE__ */ s(se, { ...c.data, action: c.action });
-}, Mo = ({ theme: e }) => {
-  const i = fs(), t = ks(), o = Ns();
-  return i && (o.appNotification || o.onboardingNotification) ? o.app && !o.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(qs, { customTheme: e ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(fo, { sdk: i }) }) }) : null;
+}, 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;
 };
 export {
-  Mo as StreamLayerSDKNotification,
+  zo as StreamLayerSDKNotification,
   fo as StreamLayerSDKNotificationUI
 };