@streamlayer/react 1.18.5 → 1.18.7

package/lib/es/notification.js

@@ -1,7 +1,7 @@
-import { s as n, B as A, $ as As, a0 as hs, a1 as W, G as _, a2 as Is, Y as $s, V as E, X as gs, d as ws, a as ys, e as Ts, N as M, u as bs, b as Cs, _ as fs, h as ks } from "./provider.js";
+import { s as n, B as A, $ as As, a0 as Is, a1 as _, G, a2 as hs, Y as $s, V as x, X as gs, d as ws, a as ys, e as Ts, N as R, u as bs, b as Cs, _ as fs, h as ks } from "./provider.js";
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useState as w, useRef as G, useEffect as y, useCallback as Ns, useMemo as qs } from "react";
-import { l as v, Q as I, m as K, r as L, S as Ls, A as R } from "./useStreamLayerApp2.js";
+import { useState as w, useRef as K, useEffect as y, useCallback as Ns, useMemo as qs } from "react";
+import { l as v, Q as h, m as X, r as S, S as Ls, A as O } from "./useStreamLayerApp2.js";
 const b = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m1bcvojl",
@@ -10,7 +10,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
-}), xs = () => b, q = /* @__PURE__ */ n(xs())({
+}), xs = () => b, L = /* @__PURE__ */ n(xs())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
@@ -31,13 +31,13 @@ const b = /* @__PURE__ */ n("div")({
   class: "v1kofb47",
   propsAsIs: !1
 }), Us = {
-  [v.UNSET]: q,
-  [v.NONE]: q,
+  [v.UNSET]: L,
+  [v.NONE]: L,
   [v.ROUNDED]: Ms,
   [v.CENTERED]: Os,
   [v.TRANSPARENT]: Es,
-  [v.SOLID]: q
-}, O = ({
+  [v.SOLID]: L
+}, B = ({
   src: e,
   imageMode: i = v.UNSET,
   withVideo: t,
@@ -64,7 +64,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "ns1nzpg",
   propsAsIs: !1
-}), X = /* @__PURE__ */ n("div")({
+}), H = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b1j59nzs",
   propsAsIs: !1
@@ -110,38 +110,38 @@ const b = /* @__PURE__ */ n("div")({
         createdTweet: i == null ? void 0 : i.date
       }
     ),
-    /* @__PURE__ */ s(Ks, { children: hs(a) })
+    /* @__PURE__ */ s(Ks, { children: Is(a) })
   ] });
-}, Js = ({ title: e, questionType: i, questionTypeData: t }) => /* @__PURE__ */ l(X, { children: [
+}, Js = ({ title: e, questionType: i, questionTypeData: t }) => /* @__PURE__ */ l(H, { children: [
   /* @__PURE__ */ s(
-    W,
+    _,
     {
       questionTypeData: t,
       questionType: i,
-      questionStatus: K.UNSET
+      questionStatus: X.UNSET
     }
   ),
   e && /* @__PURE__ */ s(Fs, { children: e })
-] }), Zs = ({ tweet: e }) => e ? /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(Hs, { ...e, controlVideo: () => {
+] }), Zs = ({ tweet: e }) => e ? /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(Hs, { ...e, controlVideo: () => {
 } }) }) : null, se = ({ action: e, questionType: i, inApp: t, insight: o, tweet: a }) => {
   var p;
-  const d = _[i], r = Is[i];
+  const d = G[i], r = hs[i];
   if (!d || !t || !t.notification)
     return null;
-  const { title: m, image: u, imageMode: $ } = t.notification;
-  let h = u;
-  i === I.TWEET && a != null && a.tweetMedia && (h = a.tweetMedia.image), $ === v.NONE && (h = "");
-  const g = t.useMediaFromContent && (o == null ? void 0 : o.image), c = i === I.TWEET && ((p = a == null ? void 0 : a.tweetMedia) == null ? void 0 : p.video) || i === I.FACTOID && (o == null ? void 0 : o.video);
-  return /* @__PURE__ */ s(Vs, { "data-a": "intr", className: "SL_InApp", onClick: e, children: /* @__PURE__ */ l(zs, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
-    h && !g && /* @__PURE__ */ s(O, { src: h, imageMode: $, withVideo: !!c }),
-    g && /* @__PURE__ */ s(O, { src: g, fromInsight: !0, withVideo: !!c }),
-    i === I.TWEET ? /* @__PURE__ */ s(Zs, { tweet: a }) : /* @__PURE__ */ s(Js, { questionTypeData: d, questionType: i, title: m }),
+  const { title: u, image: m, imageMode: $ } = t.notification;
+  let I = m;
+  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(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(Js, { questionTypeData: d, questionType: i, title: u }),
     /* @__PURE__ */ s(Qs, { name: "inapp-button", children: r || "Open" }),
     /* @__PURE__ */ s(Ws, { name: "chevronRight" })
   ] }) });
 }, ee = () => ({
   color: e
-}) => e, B = /* @__PURE__ */ n("div")({
+}) => e, j = /* @__PURE__ */ n("div")({
   name: "MediaComponentWrap",
   class: "mek728j",
   propsAsIs: !1,
@@ -172,22 +172,22 @@ const b = /* @__PURE__ */ n("div")({
   name: "MediaImgRounded",
   class: "mc7lij",
   propsAsIs: !0
-}), me = () => T, ue = /* @__PURE__ */ n(me())({
+}), ue = () => T, me = /* @__PURE__ */ n(ue())({
   name: "MediaImgCentered",
   class: "mwwaw7o",
   propsAsIs: !0
-}), ve = () => T, S = /* @__PURE__ */ n(ve())({
+}), ve = () => T, E = /* @__PURE__ */ n(ve())({
   name: "MediaNone",
   class: "mqfzyyr",
   propsAsIs: !0
-}), Ae = "v170mtgf", he = {
-  [v.UNSET]: S,
-  [v.NONE]: S,
+}), Ae = "v170mtgf", Ie = {
+  [v.UNSET]: E,
+  [v.NONE]: E,
   [v.ROUNDED]: pe,
-  [v.CENTERED]: ue,
+  [v.CENTERED]: me,
   [v.TRANSPARENT]: oe,
   [v.SOLID]: le
-}, j = ({
+}, P = ({
   src: e,
   imageMode: i = v.UNSET,
   withVideo: t,
@@ -196,12 +196,12 @@ 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(E, {})
     });
-  const d = a === L.ENABLED ? re : he[i];
-  return /* @__PURE__ */ s(B, {
+  const d = a === S.ENABLED ? re : Ie[i];
+  return /* @__PURE__ */ s(j, {
     color: o,
     children: t ? /* @__PURE__ */ s(te, {
       children: /* @__PURE__ */ s($s, {
@@ -216,14 +216,14 @@ const b = /* @__PURE__ */ n("div")({
       })
     })
   });
-}, Ie = () => ({
+}, he = () => ({
   withoutPadding: e
-}) => e ? "0px" : "1rem", H = /* @__PURE__ */ n("div")({
+}) => e ? "0px" : "1rem", J = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n1p3bk1c",
   propsAsIs: !1,
   vars: {
-    "n1p3bk1c-0": [Ie()]
+    "n1p3bk1c-0": [he()]
   }
 }), $e = /* @__PURE__ */ n("div")({
   name: "MainContent",
@@ -233,13 +233,13 @@ const b = /* @__PURE__ */ n("div")({
   name: "StyledChevronRight",
   class: "sx1hq4c",
   propsAsIs: !0
-}), J = /* @__PURE__ */ n("div")({
+}), Z = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n1fcriet",
   propsAsIs: !1
 }), ye = () => ({
   questionType: e
-}) => e === I.FACTOID ? "7.3rem" : "4.5rem", Te = () => ({
+}) => e === h.FACTOID ? "7.3rem" : "4.5rem", Te = () => ({
   webos: e
 }) => e ? "11px 0px 8px 0px" : "11px 0px", be = () => ({
   imageMode: e,
@@ -279,11 +279,11 @@ const b = /* @__PURE__ */ n("div")({
   name: "LogoImgContainer",
   class: "ldu8wgy",
   propsAsIs: !1
-}), Z = /* @__PURE__ */ n("img")({
+}), ss = /* @__PURE__ */ n("img")({
   name: "LogoImg",
   class: "ln4a3eh",
   propsAsIs: !1
-}), xe = () => J, De = /* @__PURE__ */ n(xe())({
+}), xe = () => Z, De = /* @__PURE__ */ n(xe())({
   name: "NotificationInterstitialContainer",
   class: "no2k63v",
   propsAsIs: !0
@@ -291,34 +291,34 @@ const b = /* @__PURE__ */ n("div")({
   name: "TVButtons",
   class: "th9nn6a",
   propsAsIs: !1
-}), ss = /* @__PURE__ */ n("button")({
+}), es = /* @__PURE__ */ n("button")({
   name: "TVButton",
   class: "t1eee77p",
   propsAsIs: !1
-}), Re = () => ss, Oe = /* @__PURE__ */ n(Re())({
+}), Re = () => es, Oe = /* @__PURE__ */ n(Re())({
   name: "DismissButton",
   class: "ds000hw",
   propsAsIs: !0
-}), Be = () => ss, je = /* @__PURE__ */ n(Be())({
+}), 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: [
   /* @__PURE__ */ s(
-    W,
+    _,
     {
       questionTypeData: t,
       questionType: i,
-      questionStatus: K.UNSET
+      questionStatus: X.UNSET
     }
   ),
   e && /* @__PURE__ */ s(Le, { webos: p, children: e }),
   o && /* @__PURE__ */ s(Se, { children: o })
-] }), Ue = E(De), ze = E(Oe), Ve = E(je), Fe = ({
+] }), Ue = x(De), ze = x(Oe), Ve = x(je), Fe = ({
   sponsorLogo: e,
   onClick: i,
   webos: t
-}) => /* @__PURE__ */ s(Ue, { autoFocus: !0, webos: t, onClick: i, "data-webos": t, children: /* @__PURE__ */ s(H, { withoutPadding: !0, children: /* @__PURE__ */ s(Z, { src: e }) }) }), Qe = ({
+}) => /* @__PURE__ */ s(Ue, { autoFocus: !0, webos: t, onClick: i, "data-webos": t, children: /* @__PURE__ */ s(J, { withoutPadding: !0, children: /* @__PURE__ */ s(ss, { src: e }) }) }), Qe = ({
   action: e,
   close: i,
   questionType: t,
@@ -327,46 +327,46 @@ const b = /* @__PURE__ */ n("div")({
   color: p,
   webos: d
 }) => {
-  var r, m, u;
-  const [$, h] = w(!1), g = G();
-  y(() => (o != null && o.sponsorLogo && (h(!0), g.current = setTimeout(() => {
-    h(!1);
+  var r, u, m;
+  const [$, I] = w(!1), g = K();
+  y(() => (o != null && o.sponsorLogo && (I(!0), g.current = setTimeout(() => {
+    I(!1);
   }, 5e3)), () => clearTimeout(g.current)), [o == null ? void 0 : o.sponsorLogo]);
-  const c = _[t];
+  const c = G[t];
   if (!c || !o || !o.notification)
     return null;
-  const { title: ls, image: ds, imageMode: C, useContentMedia: f } = o.notification, ps = t === I.FACTOID ? a == null ? void 0 : a.heading : ls, ms = t === I.FACTOID ? a == null ? void 0 : a.body : "", us = ds, k = t === I.FACTOID && ((r = a == null ? void 0 : a.video) == null ? void 0 : r.url) && (o == null ? void 0 : o.isVideo) && f === L.ENABLED, N = f === L.ENABLED ? k ? (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, us = t === h.FACTOID ? a == null ? void 0 : a.heading : ds, ms = 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 === S.ENABLED, q = k === S.ENABLED ? N ? (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(
     Fe,
     {
       sponsorLogo: o == null ? void 0 : o.sponsorLogo,
       webos: d,
-      onClick: () => h(!1)
+      onClick: () => I(!1)
     }
   ) : /* @__PURE__ */ l(
-    J,
+    Z,
     {
       "data-a": "intr",
       className: "SL_InApp",
-      onClick: (vs) => {
-        d && (e == null || e(vs));
+      onClick: (C) => {
+        d || e == null || e(C);
       },
-      "data-is-insight": t === I.FACTOID,
+      "data-is-insight": t === h.FACTOID,
       "data-webos": d,
       children: [
-        (o == null ? void 0 : o.sponsorLogo) && /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(Z, { src: o == null ? void 0 : o.sponsorLogo }) }),
-        /* @__PURE__ */ l(H, { children: [
+        (o == null ? void 0 : o.sponsorLogo) && /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(ss, { src: o == null ? void 0 : o.sponsorLogo }) }),
+        /* @__PURE__ */ l(J, { children: [
           /* @__PURE__ */ l($e, { children: [
-            !N && /* @__PURE__ */ s(j, { src: us, imageMode: C, withVideo: !!k, color: p }),
-            N && /* @__PURE__ */ s(
-              j,
+            !q && /* @__PURE__ */ s(P, { src: vs, imageMode: f, withVideo: !!N, color: p }),
+            q && /* @__PURE__ */ s(
+              P,
               {
-                src: N,
-                imageMode: C,
-                withVideo: !!k,
+                src: q,
+                imageMode: f,
+                withVideo: !!N,
                 color: p,
-                useContentMedia: f,
-                thumbnailUrl: (u = a == null ? void 0 : a.video) == null ? void 0 : u.thumbnailUrl
+                useContentMedia: k,
+                thumbnailUrl: (m = a == null ? void 0 : a.video) == null ? void 0 : m.thumbnailUrl
               }
             ),
             /* @__PURE__ */ s(
@@ -374,16 +374,26 @@ const b = /* @__PURE__ */ n("div")({
               {
                 questionTypeData: c,
                 questionType: t,
-                title: ps,
+                title: us,
                 description: ms,
-                imageMode: C,
+                imageMode: f,
                 webos: d
               }
             )
           ] }),
           !d && /* @__PURE__ */ s(we, { name: "chevronRight" }),
           d && /* @__PURE__ */ l(Me, { children: [
-            /* @__PURE__ */ s(ze, { webos: !0, "data-close-btn": "true", onClick: i, children: "Dismiss" }),
+            /* @__PURE__ */ s(
+              ze,
+              {
+                webos: !0,
+                "data-close-btn": "true",
+                onClick: (C) => {
+                  C.stopPropagation(), i == null || i(C);
+                },
+                children: "Dismiss"
+              }
+            ),
             /* @__PURE__ */ s(Ve, { webos: !0, autoFocus: !0, onClick: e, children: "Answer" })
           ] })
         ] })
@@ -394,7 +404,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n11jcrxe",
   propsAsIs: !1
-}), P = /* @__PURE__ */ n("img")({
+}), U = /* @__PURE__ */ n("img")({
   name: "Icon",
   class: "i1vmpt6u",
   propsAsIs: !1
@@ -441,9 +451,9 @@ const b = /* @__PURE__ */ n("div")({
       },
       children: [
         /* @__PURE__ */ l(We, { children: [
-          /* @__PURE__ */ s(P, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
+          /* @__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"
@@ -499,19 +509,19 @@ const b = /* @__PURE__ */ n("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), mn = ({
+}), un = ({
   step: e,
   children: i,
   answer: t,
   state: o = "pending"
 }) => {
-  const [a, p] = w(0), [d] = w(() => new ResizeObserver((m) => {
+  const [a, p] = w(0), [d] = w(() => new ResizeObserver((u) => {
     window.requestAnimationFrame(() => {
-      var u, $;
-      p((($ = (u = m == null ? void 0 : m[0]) == null ? void 0 : u.contentRect) == null ? void 0 : $.width) ?? 0);
+      var m, $;
+      p((($ = (m = u == null ? void 0 : u[0]) == null ? void 0 : m.contentRect) == null ? void 0 : $.width) ?? 0);
     });
-  })), r = Ns((m) => {
-    m ? d.observe(m) : d.disconnect();
+  })), r = Ns((u) => {
+    u ? d.observe(u) : d.disconnect();
   }, [d]);
   return y(() => () => {
     d.disconnect();
@@ -537,30 +547,30 @@ const b = /* @__PURE__ */ n("div")({
       })
     })]
   });
-}, un = /* @__PURE__ */ n("div")({
+}, mn = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "ckyzolp",
   propsAsIs: !1
-}), x = /* @__PURE__ */ n("div")({
+}), D = /* @__PURE__ */ n("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), vn = () => x, An = /* @__PURE__ */ n(vn())({
+}), vn = () => D, An = /* @__PURE__ */ n(vn())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), hn = () => x, In = /* @__PURE__ */ n(hn())({
+}), In = () => D, hn = /* @__PURE__ */ n(In())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), $n = () => x, gn = /* @__PURE__ */ n($n())({
+}), $n = () => D, gn = /* @__PURE__ */ n($n())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), wn = () => /* @__PURE__ */ l(un, {
+}), wn = () => /* @__PURE__ */ l(mn, {
   children: [/* @__PURE__ */ s(An, {
     children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(In, {
+  }), /* @__PURE__ */ s(hn, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(gn, {
     children: /* @__PURE__ */ s("div", {})
@@ -597,32 +607,32 @@ const b = /* @__PURE__ */ n("div")({
   }), /* @__PURE__ */ s(Nn, {
     children: e
   })]
-}), es = /* @__PURE__ */ n("div")({
+}), ns = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c181a1as",
   propsAsIs: !1
-}), ns = /* @__PURE__ */ n("div")({
+}), os = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t1cduox6",
   propsAsIs: !1
-}), Ln = () => A, os = /* @__PURE__ */ n(Ln())({
+}), Ln = () => A, is = /* @__PURE__ */ n(Ln())({
   name: "CorrectIcon",
   class: "c1onrv6j",
   propsAsIs: !0
-}), Sn = () => os, En = /* @__PURE__ */ n(Sn())({
+}), Sn = () => is, En = /* @__PURE__ */ n(Sn())({
   name: "InCorrectIcon",
   class: "i17n9o7e",
   propsAsIs: !0
-}), xn = () => /* @__PURE__ */ l(es, {
-  children: [/* @__PURE__ */ l(ns, {
+}), xn = () => /* @__PURE__ */ l(ns, {
+  children: [/* @__PURE__ */ l(os, {
     children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
-  }), /* @__PURE__ */ s(os, {
+  }), /* @__PURE__ */ s(is, {
     name: "icon-check"
   })]
 }), Dn = ({
   title: e
-}) => /* @__PURE__ */ l(es, {
-  children: [/* @__PURE__ */ l(ns, {
+}) => /* @__PURE__ */ l(ns, {
+  children: [/* @__PURE__ */ l(os, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", e]
   }), /* @__PURE__ */ s(En, {
     name: "icon-cross"
@@ -652,15 +662,15 @@ const b = /* @__PURE__ */ n("div")({
   }), /* @__PURE__ */ s(Bn, {
     name: "icon-trophy-solid"
   })]
-}), U = /* @__PURE__ */ n("div")({
+}), z = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "cq3agu2",
   propsAsIs: !1
-}), z = /* @__PURE__ */ n("div")({
+}), V = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b16qj0do",
   propsAsIs: !1
-}), V = {
+}), F = {
   1: 3e3,
   2: 4e3,
   3: 4e3,
@@ -668,21 +678,21 @@ const b = /* @__PURE__ */ n("div")({
 }, Pn = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
   if (y(() => {
     if (t) {
-      const u = setTimeout(() => {
-        V[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
-      }, V[r]);
+      const m = setTimeout(() => {
+        F[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
+      }, F[r]);
       return () => {
-        u && clearTimeout(u);
+        m && clearTimeout(m);
       };
     }
     return () => {
     };
   }, [t, r, e, a]), r === 1)
-    return /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(z, { children: /* @__PURE__ */ s(Cn, {}) }) });
-  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(z, { children: [
+    return /* @__PURE__ */ s(z, { children: /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(Cn, {}) }) });
+  let u = "pending";
+  return (r === 3 || r === 4) && (u = a ? "correct" : "incorrect"), /* @__PURE__ */ s(z, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ l(V, { children: [
     r !== 1 && /* @__PURE__ */ s(wn, {}, r),
-    /* @__PURE__ */ l(mn, { state: m, step: r, answer: (o == null ? void 0 : o.title) || "unknown", children: [
+    /* @__PURE__ */ l(un, { state: u, 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(Dn, { title: p || "unknown" }),
@@ -730,9 +740,9 @@ const b = /* @__PURE__ */ n("div")({
   return y(() => {
     const p = new ResizeObserver((d) => {
       window.requestAnimationFrame(() => {
-        var r, m;
-        const u = ((m = (r = d == null ? void 0 : d[0]) == null ? void 0 : r.contentRect) == null ? void 0 : m.width) ?? 0;
-        a(u);
+        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);
       });
     });
     return () => {
@@ -755,19 +765,19 @@ const b = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c1nd5cu8",
   propsAsIs: !1
-}), D = /* @__PURE__ */ n("div")({
+}), M = /* @__PURE__ */ n("div")({
   name: "Line",
   class: "lgbipw0",
   propsAsIs: !1
-}), Gn = () => D, Kn = /* @__PURE__ */ n(Gn())({
+}), Gn = () => M, Kn = /* @__PURE__ */ n(Gn())({
   name: "Line1",
   class: "l1anth16",
   propsAsIs: !0
-}), Xn = () => D, Hn = /* @__PURE__ */ n(Xn())({
+}), Xn = () => M, Hn = /* @__PURE__ */ n(Xn())({
   name: "Line2",
   class: "l193yd7v",
   propsAsIs: !0
-}), Jn = () => D, Zn = /* @__PURE__ */ n(Jn())({
+}), Jn = () => M, Zn = /* @__PURE__ */ n(Jn())({
   name: "Line3",
   class: "lhbflsp",
   propsAsIs: !0
@@ -818,80 +828,80 @@ const b = /* @__PURE__ */ n("div")({
       name: "icon-prediction"
     }), "Your Pick: ", i]
   })]
-}), is = /* @__PURE__ */ n("div")({
+}), ts = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c1lesal4",
   propsAsIs: !1
-}), ts = /* @__PURE__ */ n("div")({
+}), as = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "tv66n4w",
   propsAsIs: !1
-}), mo = () => A, uo = /* @__PURE__ */ n(mo())({
+}), uo = () => A, mo = /* @__PURE__ */ n(uo())({
   name: "CorrectIcon",
   class: "cx0vlv2",
   propsAsIs: !0
-}), as = /* @__PURE__ */ n("div")({
+}), rs = /* @__PURE__ */ n("div")({
   name: "Answer",
   class: "akfh4v5",
   propsAsIs: !1
 }), vo = ({
   answer: e
-}) => /* @__PURE__ */ l(is, {
-  children: [/* @__PURE__ */ s(ts, {
+}) => /* @__PURE__ */ l(ts, {
+  children: [/* @__PURE__ */ s(as, {
     children: "Congratulations! You answered correctly."
-  }), /* @__PURE__ */ l(as, {
-    children: [/* @__PURE__ */ s(uo, {
+  }), /* @__PURE__ */ l(rs, {
+    children: [/* @__PURE__ */ s(mo, {
       name: "icon-correct"
     }), "Your Pick: ", e]
   })]
 }), Ao = ({
   title: e,
   answer: i
-}) => /* @__PURE__ */ l(is, {
-  children: [/* @__PURE__ */ l(ts, {
+}) => /* @__PURE__ */ l(ts, {
+  children: [/* @__PURE__ */ l(as, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", e]
-  }), /* @__PURE__ */ l(as, {
+  }), /* @__PURE__ */ l(rs, {
     children: ["Your Pick: ", i]
   })]
-}), F = /* @__PURE__ */ n("div")({
+}), Q = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "cmox3ot",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ n("div")({
+}), Y = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "bqq1ix4",
   propsAsIs: !1
-}), Y = {
+}), W = {
   1: 3e3,
   2: 4e3,
   3: 4e3
-}, ho = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
+}, Io = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
   if (y(() => {
     if (t) {
-      const u = setTimeout(() => {
-        Y[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
-      }, Y[r]);
+      const m = setTimeout(() => {
+        W[r + 1] && (a || r < 3) ? t(r + 1) : e == null || e();
+      }, W[r]);
       return () => {
-        u && clearTimeout(u);
+        m && clearTimeout(m);
       };
     }
     return () => {
     };
   }, [t, r, e, a]), r === 1)
-    return /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(io, {}) }) });
-  let m = "pending";
-  return r === 3 && (m = a ? "correct" : "incorrect"), /* @__PURE__ */ s(F, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ l(Q, { children: [
+    return /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ s(io, {}) }) });
+  let u = "pending";
+  return r === 3 && (u = a ? "correct" : "incorrect"), /* @__PURE__ */ s(Q, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ l(Y, { children: [
     r !== 1 && /* @__PURE__ */ s(so, {}, r),
-    /* @__PURE__ */ l(Wn, { state: m, step: r, children: [
+    /* @__PURE__ */ l(Wn, { state: u, 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" })
     ] })
   ] }) });
-}, Io = ({ close: e, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
+}, ho = ({ close: e, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
   const [d, r] = w(1);
   return /* @__PURE__ */ s(
-    ho,
+    Io,
     {
       close: e,
       action: i,
@@ -904,7 +914,7 @@ const b = /* @__PURE__ */ n("div")({
       title: ""
     }
   );
-}, rs = /* @__PURE__ */ n("div")({
+}, cs = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "nn0nqh6",
   propsAsIs: !1
@@ -917,11 +927,11 @@ const b = /* @__PURE__ */ n("div")({
   vars: {
     "n1bcdf3j-0": [$o()]
   }
-}), cs = /* @__PURE__ */ n("img")({
+}), ls = /* @__PURE__ */ n("img")({
   name: "LogoImg",
   class: "l8jorbq",
   propsAsIs: !1
-}), wo = () => rs, yo = /* @__PURE__ */ n(wo())({
+}), wo = () => cs, yo = /* @__PURE__ */ n(wo())({
   name: "NotificationInterstitialContainer",
   class: "nf920y3",
   propsAsIs: !0
@@ -929,21 +939,21 @@ const b = /* @__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(cs, { src: e }) }) }), Co = (e) => {
+}), bo = ({ sponsorLogo: e, onClick: i }) => /* @__PURE__ */ s(yo, { 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 = G();
+  const [d, r] = w(!1), u = K();
   return y(() => {
-    var u;
-    return (u = e == null ? void 0 : e.inApp) != null && u.sponsorLogo && (r(!0), m.current = setTimeout(() => {
+    var m;
+    return (m = e == null ? void 0 : e.inApp) != null && m.sponsorLogo && (r(!0), u.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(rs, { children: /* @__PURE__ */ l("div", { children: [
-    ((a = e == null ? void 0 : e.inApp) == null ? void 0 : a.sponsorLogo) && /* @__PURE__ */ s(To, { children: /* @__PURE__ */ s(cs, { src: (p = e == null ? void 0 : e.inApp) == null ? void 0 : p.sponsorLogo }) }),
-    /* @__PURE__ */ s(Io, { ...e })
+    }, 5e3)), () => clearTimeout(u.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 }) }),
+    /* @__PURE__ */ s(ho, { ...e })
   ] }) });
 }, fo = ({ sdk: e, webos: i }) => {
-  var t, o, a, p, d, r, m, u;
-  const [$] = w(e.getNotificationsStore()), h = ys($), g = e.getFeature(Ls.GAMES), c = qs(() => e.getActiveNotification(), [e, h]);
+  var t, o, a, p, d, r, u, m;
+  const [$] = w(e.getNotificationsStore()), I = ys($), g = e.getFeature(Ls.GAMES), c = qs(() => e.getActiveNotification(), [e, I]);
   return y(() => {
     c && Ts.emit("notification", {
       action: "rendered",
@@ -952,7 +962,7 @@ const b = /* @__PURE__ */ n("div")({
         questionType: c.data.questionType
       }
     });
-  }, [c]), c && c.type === M.QUESTION_RESOLVED ? c.data.question && c.data.questionType === I.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === R.STANDART ? /* @__PURE__ */ s(
+  }, [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(
     Co,
     {
       action: c.action,
@@ -967,20 +977,20 @@ const b = /* @__PURE__ */ n("div")({
       close: c.close,
       ...c.data.question
     }
-  ) : null : c && c.type === M.ONBOARDING ? c.data.onboarding ? /* @__PURE__ */ s(
+  ) : null : c && c.type === R.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) === R.STANDART ? /* @__PURE__ */ s(
+  ) : null : c && ((o = c.data.inApp) == null ? void 0 : o.adUnit) === O.STANDART ? /* @__PURE__ */ s(
     Qe,
     {
       ...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),
+      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) || ((m = (u = (r = c == null ? void 0 : c.data) == null ? void 0 : r.inApp) == null ? void 0 : u.appearance) == null ? void 0 : m.primaryColor),
       webos: i
     }
   ) : c && /* @__PURE__ */ s(se, { ...c.data, action: c.action });