@streamlayer/react 1.24.5 → 1.24.6

package/lib/classic/es/notification2.js

@@ -1,15 +1,14 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import { h as hs } from "./index8.js";
 import { useState as h, useRef as J, useEffect as f, useCallback as fs, useMemo as vs } from "react";
-import { s as e, c as gs, u as ws, N as P } from "./sl-types.js";
+import { s as e, c as gs, u as ws, N as P } from "./feature.js";
 import { e as ys } from "./index4.js";
-import "./feature.js";
 import { e as D, D as Ts, j as bs, o as Cs } from "./index12.js";
-import { e as Ns, i as Q } from "./index9.js";
+import { e as Ns, i as V } from "./index9.js";
 import { B as u } from "./index6.js";
-import { Q as I, c as M, f as b, a as d, N as L, S as ks, b as z } from "./useStreamLayerApp2.js";
+import { Q as I, c as M, f as b, a as d, N as L, S as ks, b as Q } from "./useStreamLayerApp2.js";
 import { b as R } from "./index7.js";
-import { F as qs, y as Ss } from "./index11.js";
+import { V as qs, y as Ss } from "./index10.js";
 import { p as Es } from "./index3.js";
 import { Y as Ls, _ as xs, q as Ds } from "./hooks-n9ax4LRT.js";
 const Ms = /* @__PURE__ */ e("div")({
@@ -32,11 +31,11 @@ const Ms = /* @__PURE__ */ e("div")({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), Ps = () => C, Qs = /* @__PURE__ */ e(Ps())({
+}), Ps = () => C, Vs = /* @__PURE__ */ e(Ps())({
   name: "QuestionCheckIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), zs = () => u, Vs = /* @__PURE__ */ e(zs())({
+}), Qs = () => u, zs = /* @__PURE__ */ e(Qs())({
   name: "QuestionTypeIcon",
   class: "qmg0vkx",
   propsAsIs: !0
@@ -62,16 +61,16 @@ const Ms = /* @__PURE__ */ e("div")({
   propsAsIs: !0
 }), Gs = {
   [b.LOST]: /* @__PURE__ */ s(C, { name: "incorrectVoted" }),
-  [b.WON]: /* @__PURE__ */ s(Qs, { name: "icon-check" }),
+  [b.WON]: /* @__PURE__ */ s(Vs, { name: "icon-check" }),
   [b.UNSET]: /* @__PURE__ */ s(C, { name: "icon-arrow" }),
   [b.DNP]: /* @__PURE__ */ s(C, { name: "icon-arrow" })
-}, it = () => /* @__PURE__ */ l(Ys, { children: [
-  /* @__PURE__ */ s(Q, { loading: !0, style: { width: "35%" } }),
-  /* @__PURE__ */ s(Q, { loading: !0, style: { width: "70%" } }),
+}, ta = () => /* @__PURE__ */ l(Ys, { children: [
+  /* @__PURE__ */ s(V, { loading: !0, style: { width: "35%" } }),
+  /* @__PURE__ */ s(V, { loading: !0, style: { width: "70%" } }),
   /* @__PURE__ */ s(Ks, {})
-] }), O = ({ questionTypeData: n, questionType: o, questionStatus: a }) => /* @__PURE__ */ l(Rs, { className: "SL_QuestionCaption", children: [
+] }), O = ({ questionTypeData: n, questionType: o, questionStatus: t }) => /* @__PURE__ */ l(Rs, { className: "SL_QuestionCaption", children: [
   /* @__PURE__ */ s(
-    Vs,
+    zs,
     {
       className: "SL_QuestionTypeIcon",
       "data-testid": "question-type-icon",
@@ -82,17 +81,17 @@ const Ms = /* @__PURE__ */ e("div")({
   ),
   /* @__PURE__ */ l(Us, { className: "SL_QuestionTypeLabel", children: [
     n.label,
-    o === I.TRIVIA && a === M.RESOLVED && " • Expired"
+    o === I.TRIVIA && t === M.RESOLVED && " • Expired"
   ] })
-] }), rt = ({
+] }), ia = ({
   questionId: n,
   questionType: o,
-  questionStatus: a,
+  questionStatus: t,
   subject: i,
   openForVoting: r,
-  status: t
+  status: a
 }) => {
-  const p = D[o], c = Gs[t];
+  const p = D[o], c = Gs[a];
   return p ? /* @__PURE__ */ l(Ms, { "data-a": "intr", "data-name": n, children: [
     /* @__PURE__ */ l(Fs, { children: [
       /* @__PURE__ */ s(
@@ -100,7 +99,7 @@ const Ms = /* @__PURE__ */ e("div")({
         {
           questionTypeData: p,
           questionType: o,
-          questionStatus: a
+          questionStatus: t
         }
       ),
       /* @__PURE__ */ s(Os, { children: i || "" })
@@ -108,10 +107,10 @@ const Ms = /* @__PURE__ */ e("div")({
     /* @__PURE__ */ s(js, { children: r ? /* @__PURE__ */ s(_s, { "data-a": "intr", "data-name": n, children: "Play" }) : c })
   ] }) : null;
 };
-var V;
+var z;
 (function(n) {
   n.OPENED = "opened";
-})(V || (V = {}));
+})(z || (z = {}));
 const w = /* @__PURE__ */ e("div")({
   name: "Media",
   class: "m1bcvojl",
@@ -132,11 +131,11 @@ const w = /* @__PURE__ */ e("div")({
   name: "MediaImgCentered",
   class: "m1bwv0gx",
   propsAsIs: !0
-}), oe = () => w, te = /* @__PURE__ */ e(oe())({
+}), oe = () => w, ae = /* @__PURE__ */ e(oe())({
   name: "MediaImgInsight",
   class: "mntjanp",
   propsAsIs: !0
-}), ae = /* @__PURE__ */ e("div")({
+}), te = /* @__PURE__ */ e("div")({
   name: "VideoIcon",
   class: "v1kofb47",
   propsAsIs: !1
@@ -150,17 +149,17 @@ const w = /* @__PURE__ */ e("div")({
 }, U = ({
   src: n,
   imageMode: o = d.UNSET,
-  withVideo: a,
+  withVideo: t,
   fromInsight: i
 }) => {
   if (o === d.NONE)
     return null;
-  const r = i ? te : ie[o];
+  const r = i ? ae : ie[o];
   return /* @__PURE__ */ l(r, {
     children: [/* @__PURE__ */ s("img", {
       src: n,
       alt: ""
-    }), a && /* @__PURE__ */ s(ae, {
+    }), t && /* @__PURE__ */ s(te, {
       children: /* @__PURE__ */ s(u, {
         name: "icon-play"
       })
@@ -206,42 +205,42 @@ const w = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "ccvukea",
   propsAsIs: !1
-}), he = ({ image: n, tweet: o, account: a, accountVerified: i, body: r, title: t }) => /* @__PURE__ */ l($e, { children: [
-  t && /* @__PURE__ */ s(ue, { children: /* @__PURE__ */ s(Ie, { children: t }) }),
+}), he = ({ image: n, tweet: o, account: t, accountVerified: i, body: r, title: a }) => /* @__PURE__ */ l($e, { children: [
+  a && /* @__PURE__ */ s(ue, { children: /* @__PURE__ */ s(Ie, { children: a }) }),
   /* @__PURE__ */ s(
     Ts,
     {
       image: n,
       name: o?.meta?.accountName,
-      userName: a,
+      userName: t,
       verified: i,
       createdTweet: o?.date
     }
   ),
   /* @__PURE__ */ s(Ae, { children: bs(r) })
-] }), fe = ({ title: n, questionType: o, questionTypeData: a }) => /* @__PURE__ */ l(ss, { children: [
+] }), fe = ({ title: n, questionType: o, questionTypeData: t }) => /* @__PURE__ */ l(ss, { children: [
   /* @__PURE__ */ s(
     O,
     {
-      questionTypeData: a,
+      questionTypeData: t,
       questionType: o,
       questionStatus: M.UNSET
     }
   ),
   n && /* @__PURE__ */ s(le, { children: n })
 ] }), ve = ({ tweet: n }) => n ? /* @__PURE__ */ s(ss, { children: /* @__PURE__ */ s(he, { ...n, controlVideo: () => {
-} }) }) : null, ge = ({ action: n, questionType: o, inApp: a, insight: i, tweet: r }) => {
-  const t = D[o], p = Cs[o];
-  if (!t || !a || !a.notification)
+} }) }) : null, ge = ({ action: n, questionType: o, inApp: t, insight: i, tweet: r }) => {
+  const a = D[o], p = Cs[o];
+  if (!a || !t || !t.notification)
     return null;
-  const { title: c, image: m, imageMode: A } = a.notification;
+  const { title: c, image: m, imageMode: A } = t.notification;
   let $ = m;
   o === I.TWEET && r?.tweetMedia && ($ = r.tweetMedia.image), A === d.NONE && ($ = "");
-  const g = a.useMediaFromContent && i?.image, y = o === I.TWEET && r?.tweetMedia?.video || o === I.FACTOID && i?.video;
+  const g = t.useMediaFromContent && i?.image, y = o === I.TWEET && r?.tweetMedia?.video || o === I.FACTOID && i?.video;
   return /* @__PURE__ */ s(ce, { "data-a": "intr", className: "SL_InApp", onClick: n, children: /* @__PURE__ */ l(re, { style: $ ? {} : { paddingLeft: "1.5rem" }, children: [
     $ && !g && /* @__PURE__ */ s(U, { src: $, imageMode: A, withVideo: !!y }),
     g && /* @__PURE__ */ s(U, { src: g, fromInsight: !0, withVideo: !!y }),
-    o === I.TWEET ? /* @__PURE__ */ s(ve, { tweet: r }) : /* @__PURE__ */ s(fe, { questionTypeData: t, questionType: o, title: c }),
+    o === I.TWEET ? /* @__PURE__ */ s(ve, { tweet: r }) : /* @__PURE__ */ s(fe, { questionTypeData: a, questionType: o, title: c }),
     /* @__PURE__ */ s(pe, { name: "inapp-button", children: p || "Open" }),
     /* @__PURE__ */ s(me, { name: "chevronRight" })
   ] }) });
@@ -296,10 +295,10 @@ const w = /* @__PURE__ */ e("div")({
 }, _ = ({
   src: n,
   imageMode: o = d.UNSET,
-  withVideo: a,
+  withVideo: t,
   color: i,
   useContentMedia: r,
-  thumbnailUrl: t
+  thumbnailUrl: a
 }) => {
   if (!n)
     return /* @__PURE__ */ s(F, {
@@ -309,11 +308,11 @@ const w = /* @__PURE__ */ e("div")({
   const p = r === L.ENABLED ? ke : Oe[o];
   return /* @__PURE__ */ s(F, {
     color: i,
-    children: a ? /* @__PURE__ */ s(Ce, {
+    children: t ? /* @__PURE__ */ s(Ce, {
       children: /* @__PURE__ */ s(qs, {
         className: Re,
         source: n,
-        poster: t || ""
+        poster: a || ""
       })
     }) : /* @__PURE__ */ s(p, {
       children: /* @__PURE__ */ s("img", {
@@ -335,7 +334,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "MainContent",
   class: "m1g211mu",
   propsAsIs: !1
-}), Pe = () => u, Qe = /* @__PURE__ */ e(Pe())({
+}), Pe = () => u, Ve = /* @__PURE__ */ e(Pe())({
   name: "StyledChevronRight",
   class: "sx1hq4c",
   propsAsIs: !0
@@ -343,9 +342,9 @@ const w = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n1fcriet",
   propsAsIs: !1
-}), ze = () => ({
+}), Qe = () => ({
   questionType: n
-}) => n === I.FACTOID ? "7.3rem" : "4.5rem", Ve = () => ({
+}) => n === I.FACTOID ? "7.3rem" : "4.5rem", ze = () => ({
   webos: n
 }) => n ? "11px 0px 8px 0px" : "11px 0px", Ue = () => ({
   imageMode: n,
@@ -355,8 +354,8 @@ const w = /* @__PURE__ */ e("div")({
   class: "b1byyovs",
   propsAsIs: !1,
   vars: {
-    "b1byyovs-0": [ze()],
-    "b1byyovs-1": [Ve()],
+    "b1byyovs-0": [Qe()],
+    "b1byyovs-1": [ze()],
     "b1byyovs-2": [Ue()]
   }
 }), _e = () => ({
@@ -397,33 +396,33 @@ const w = /* @__PURE__ */ e("div")({
   name: "TVButtons",
   class: "th9nn6a",
   propsAsIs: !1
-}), ts = /* @__PURE__ */ e("button")({
+}), as = /* @__PURE__ */ e("button")({
   name: "TVButton",
   class: "t1eee77p",
   propsAsIs: !1
-}), en = () => ts, nn = /* @__PURE__ */ e(en())({
+}), en = () => as, nn = /* @__PURE__ */ e(en())({
   name: "DismissButton",
   class: "ds000hw",
   propsAsIs: !0
-}), on = () => ts, tn = /* @__PURE__ */ e(on())({
+}), on = () => as, an = /* @__PURE__ */ e(on())({
   name: "AnswerButton",
   class: "a1nz9hoe",
   propsAsIs: !0
-}), an = ({ title: n, questionType: o, questionTypeData: a, description: i, imageMode: r, webos: t }) => /* @__PURE__ */ l(Fe, { imageMode: r, questionType: o, webos: t, children: [
+}), tn = ({ title: n, questionType: o, questionTypeData: t, description: i, imageMode: r, webos: a }) => /* @__PURE__ */ l(Fe, { imageMode: r, questionType: o, webos: a, children: [
   /* @__PURE__ */ s(
     O,
     {
-      questionTypeData: a,
+      questionTypeData: t,
       questionType: o,
       questionStatus: M.UNSET
     }
   ),
-  n && /* @__PURE__ */ s(Ge, { webos: t, children: n }),
+  n && /* @__PURE__ */ s(Ge, { webos: a, children: n }),
   i && /* @__PURE__ */ s(Xe, { children: i })
-] }), rn = R(Je), cn = R(nn), ln = R(tn), pn = ({
+] }), rn = R(Je), cn = R(nn), ln = R(an), pn = ({
   className: n,
   sponsorLogo: o,
-  onClick: a,
+  onClick: t,
   webos: i
 }) => /* @__PURE__ */ s(
   rn,
@@ -431,17 +430,17 @@ const w = /* @__PURE__ */ e("div")({
     className: n,
     autoFocus: !0,
     webos: i,
-    onClick: a,
+    onClick: t,
     "data-webos": i,
     children: /* @__PURE__ */ s(es, { withoutPadding: !0, children: /* @__PURE__ */ s(os, { src: o }) })
   }
 ), dn = ({
   action: n,
   close: o,
-  questionType: a,
+  questionType: t,
   inApp: i,
   insight: r,
-  color: t,
+  color: a,
   webos: p,
   className: c
 }) => {
@@ -449,10 +448,10 @@ const w = /* @__PURE__ */ e("div")({
   f(() => (i?.sponsorLogo && (A(!0), $.current = setTimeout(() => {
     A(!1);
   }, 5e3)), () => clearTimeout($.current)), [i?.sponsorLogo]);
-  const g = D[a];
+  const g = D[t];
   if (!g || !i || !i.notification)
     return null;
-  const { title: y, image: us, imageMode: N, useContentMedia: k } = i.notification, Is = a === I.FACTOID ? r?.heading : y, As = a === I.FACTOID ? r?.body : "", $s = us, q = a === I.FACTOID && r?.video?.url && i?.isVideo && k === L.ENABLED, S = k === L.ENABLED ? q ? r?.video?.url : r?.image : "";
+  const { title: y, image: us, imageMode: N, useContentMedia: k } = i.notification, Is = t === I.FACTOID ? r?.heading : y, As = t === I.FACTOID ? r?.body : "", $s = us, q = t === I.FACTOID && r?.video?.url && i?.isVideo && k === L.ENABLED, S = k === L.ENABLED ? q ? r?.video?.url : r?.image : "";
   return i?.sponsorLogo && m ? /* @__PURE__ */ s(
     pn,
     {
@@ -469,29 +468,29 @@ const w = /* @__PURE__ */ e("div")({
       onClick: (T) => {
         p || n?.(T);
       },
-      "data-is-insight": a === I.FACTOID,
+      "data-is-insight": t === I.FACTOID,
       "data-webos": p,
       children: [
         i?.sponsorLogo && /* @__PURE__ */ s(He, { children: /* @__PURE__ */ s(os, { src: i?.sponsorLogo }) }),
         /* @__PURE__ */ l(es, { children: [
           /* @__PURE__ */ l(Be, { children: [
-            !S && /* @__PURE__ */ s(_, { src: $s, imageMode: N, withVideo: !!q, color: t }),
+            !S && /* @__PURE__ */ s(_, { src: $s, imageMode: N, withVideo: !!q, color: a }),
             S && /* @__PURE__ */ s(
               _,
               {
                 src: S,
                 imageMode: N,
                 withVideo: !!q,
-                color: t,
+                color: a,
                 useContentMedia: k,
                 thumbnailUrl: r?.video?.thumbnailUrl
               }
             ),
             /* @__PURE__ */ s(
-              an,
+              tn,
               {
                 questionTypeData: g,
-                questionType: a,
+                questionType: t,
                 title: Is,
                 description: As,
                 imageMode: N,
@@ -499,7 +498,7 @@ const w = /* @__PURE__ */ e("div")({
               }
             )
           ] }),
-          !p && /* @__PURE__ */ s(Qe, { name: "chevronRight" }),
+          !p && /* @__PURE__ */ s(Ve, { name: "chevronRight" }),
           p && /* @__PURE__ */ l(sn, { children: [
             /* @__PURE__ */ s(
               cn,
@@ -557,13 +556,13 @@ const w = /* @__PURE__ */ e("div")({
 }), yn = ({
   open: n,
   close: o,
-  ...a
+  ...t
 }) => /* @__PURE__ */ l(
   mn,
   {
     "data-a": "intr",
     onClick: () => {
-      n?.(), a && a.markIstantOpen();
+      n?.(), t && t.markIstantOpen();
     },
     children: [
       /* @__PURE__ */ l(un, { children: [
@@ -579,10 +578,10 @@ const w = /* @__PURE__ */ e("div")({
       /* @__PURE__ */ l(fn, { children: [
         /* @__PURE__ */ l(vn, { children: [
           /* @__PURE__ */ s(An, { name: "icon-trophy-solid" }),
-          a?.titleCard?.title
+          t?.titleCard?.title
         ] }),
         /* @__PURE__ */ l(gn, { children: [
-          /* @__PURE__ */ s("span", { children: a?.titleCard?.subtitle }),
+          /* @__PURE__ */ s("span", { children: t?.titleCard?.subtitle }),
           /* @__PURE__ */ s(wn, { name: "inapp-button", children: "Play Now" })
         ] })
       ] }),
@@ -627,12 +626,12 @@ const w = /* @__PURE__ */ e("div")({
 }), xn = ({
   step: n,
   children: o,
-  answer: a,
+  answer: t,
   state: i = "pending"
 }) => {
-  const [r, t] = h(0), [p] = h(() => new ResizeObserver((m) => {
+  const [r, a] = h(0), [p] = h(() => new ResizeObserver((m) => {
     window.requestAnimationFrame(() => {
-      t(m?.[0]?.contentRect?.width ?? 0);
+      a(m?.[0]?.contentRect?.width ?? 0);
     });
   })), c = fs((m) => {
     m ? p.observe(m) : p.disconnect();
@@ -657,7 +656,7 @@ const w = /* @__PURE__ */ e("div")({
       children: /* @__PURE__ */ l("div", {
         children: [/* @__PURE__ */ s(Cn, {
           name: "icon-check"
-        }), "Your Pick: ", a]
+        }), "Your Pick: ", t]
       })
     })]
   });
@@ -681,7 +680,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Qn = () => /* @__PURE__ */ l(Dn, {
+}), Vn = () => /* @__PURE__ */ l(Dn, {
   children: [/* @__PURE__ */ s(Rn, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(jn, {
@@ -689,15 +688,15 @@ const w = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ s(Pn, {
     children: /* @__PURE__ */ s("div", {})
   })]
-}), zn = /* @__PURE__ */ e("div")({
+}), Qn = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Vn = () => u, Un = /* @__PURE__ */ e(Vn())({
+}), zn = () => u, Un = /* @__PURE__ */ e(zn())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), Fn = () => /* @__PURE__ */ l(zn, {
+}), Fn = () => /* @__PURE__ */ l(Qn, {
   children: [/* @__PURE__ */ s(Un, {
     name: "icon-check"
   }), " Prediction results are in!"]
@@ -721,7 +720,7 @@ const w = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ s(Wn, {
     children: n
   })]
-}), as = /* @__PURE__ */ e("div")({
+}), ts = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c181a1as",
   propsAsIs: !1
@@ -737,7 +736,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "InCorrectIcon",
   class: "i17n9o7e",
   propsAsIs: !0
-}), Zn = () => /* @__PURE__ */ l(as, {
+}), Zn = () => /* @__PURE__ */ l(ts, {
   children: [/* @__PURE__ */ l(is, {
     children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
   }), /* @__PURE__ */ s(rs, {
@@ -745,7 +744,7 @@ const w = /* @__PURE__ */ e("div")({
   })]
 }), Jn = ({
   title: n
-}) => /* @__PURE__ */ l(as, {
+}) => /* @__PURE__ */ l(ts, {
   children: [/* @__PURE__ */ l(is, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", n]
   }), /* @__PURE__ */ s(Hn, {
@@ -763,7 +762,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "CheckIcon",
   class: "ceyu3qj",
   propsAsIs: !0
-}), to = ({
+}), ao = ({
   points: n
 }) => /* @__PURE__ */ l(so, {
   children: [/* @__PURE__ */ l(eo, {
@@ -789,11 +788,11 @@ const w = /* @__PURE__ */ e("div")({
   2: 4e3,
   3: 4e3,
   4: 4e3
-}, ao = ({ close: n, action: o, setStep: a, votedAnswer: i, correct: r, correctAnswerTitle: t, questionTitle: p, step: c }) => {
+}, to = ({ close: n, action: o, setStep: t, votedAnswer: i, correct: r, correctAnswerTitle: a, questionTitle: p, step: c }) => {
   if (f(() => {
-    if (a) {
+    if (t) {
       const A = setTimeout(() => {
-        G[c + 1] && (r || c < 3) ? a(c + 1) : n?.();
+        G[c + 1] && (r || c < 3) ? t(c + 1) : n?.();
       }, G[c]);
       return () => {
         A && clearTimeout(A);
@@ -801,29 +800,29 @@ const w = /* @__PURE__ */ e("div")({
     }
     return () => {
     };
-  }, [a, c, n, r]), c === 1)
+  }, [t, c, n, r]), c === 1)
     return /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(Fn, {}) }) });
   let m = "pending";
   return (c === 3 || c === 4) && (m = r ? "correct" : "incorrect"), /* @__PURE__ */ s(W, { "data-a": "intr", onClick: () => o?.(), children: /* @__PURE__ */ l(K, { children: [
-    c !== 1 && /* @__PURE__ */ s(Qn, {}, c),
+    c !== 1 && /* @__PURE__ */ s(Vn, {}, c),
     /* @__PURE__ */ l(xn, { state: m, step: c, answer: i?.title || "unknown", children: [
       c === 2 && /* @__PURE__ */ s(Kn, { title: p || "unknown" }),
       c === 3 && r && /* @__PURE__ */ s(Zn, {}),
-      c === 3 && !r && /* @__PURE__ */ s(Jn, { title: t || "unknown" }),
-      c === 4 && /* @__PURE__ */ s(to, { points: i?.points || 0 })
+      c === 3 && !r && /* @__PURE__ */ s(Jn, { title: a || "unknown" }),
+      c === 4 && /* @__PURE__ */ s(ao, { points: i?.points || 0 })
     ] })
   ] }) });
-}, io = ({ close: n, action: o, votedAnswer: a, correct: i, correctAnswerTitle: r, questionTitle: t }) => {
+}, io = ({ close: n, action: o, votedAnswer: t, correct: i, correctAnswerTitle: r, questionTitle: a }) => {
   const [p, c] = h(1);
   return /* @__PURE__ */ s(
-    ao,
+    to,
     {
       close: n,
       action: o,
-      votedAnswer: a,
+      votedAnswer: t,
       correct: i,
       correctAnswerTitle: r,
-      questionTitle: t,
+      questionTitle: a,
       setStep: c,
       step: p,
       title: ""
@@ -848,22 +847,22 @@ const w = /* @__PURE__ */ e("div")({
 }), uo = ({
   step: n,
   children: o,
-  state: a = "pending"
+  state: t = "pending"
 }) => {
   const [i, r] = h(0);
   return f(() => {
-    const t = new ResizeObserver((p) => {
+    const a = new ResizeObserver((p) => {
       window.requestAnimationFrame(() => {
         const c = p?.[0]?.contentRect?.width ?? 0;
         r(c);
       });
     });
     return () => {
-      t.disconnect();
+      a.disconnect();
     };
   }, []), /* @__PURE__ */ s(lo, {
     style: {
-      padding: `${n === 3 && a === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
+      padding: `${n === 3 && t === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
     },
     children: /* @__PURE__ */ s(po, {
       style: {
@@ -988,11 +987,11 @@ const w = /* @__PURE__ */ e("div")({
   1: 3e3,
   2: 4e3,
   3: 4e3
-}, Oo = ({ close: n, action: o, setStep: a, votedAnswer: i, correct: r, correctAnswerTitle: t, questionTitle: p, step: c }) => {
+}, Oo = ({ close: n, action: o, setStep: t, votedAnswer: i, correct: r, correctAnswerTitle: a, questionTitle: p, step: c }) => {
   if (f(() => {
-    if (a) {
+    if (t) {
       const A = setTimeout(() => {
-        Z[c + 1] && (r || c < 3) ? a(c + 1) : n?.();
+        Z[c + 1] && (r || c < 3) ? t(c + 1) : n?.();
       }, Z[c]);
       return () => {
         A && clearTimeout(A);
@@ -1000,7 +999,7 @@ const w = /* @__PURE__ */ e("div")({
     }
     return () => {
     };
-  }, [a, c, n, r]), c === 1)
+  }, [t, c, n, r]), c === 1)
     return /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(Co, {}) }) });
   let m = "pending";
   return c === 3 && (m = r ? "correct" : "incorrect"), /* @__PURE__ */ s(X, { "data-a": "intr", onClick: () => o?.(), children: /* @__PURE__ */ l(H, { children: [
@@ -1008,20 +1007,20 @@ const w = /* @__PURE__ */ e("div")({
     /* @__PURE__ */ l(uo, { state: m, step: c, children: [
       c === 2 && /* @__PURE__ */ s(Lo, { title: p || "unknown", answer: i?.title || "unknown" }),
       c === 3 && r && /* @__PURE__ */ s(Mo, { answer: i?.title || "unknown" }),
-      c === 3 && !r && /* @__PURE__ */ s(Ro, { title: t || "unknown", answer: i?.title || "unknown" })
+      c === 3 && !r && /* @__PURE__ */ s(Ro, { title: a || "unknown", answer: i?.title || "unknown" })
     ] })
   ] }) });
-}, jo = ({ close: n, action: o, votedAnswer: a, correct: i, correctAnswerTitle: r, questionTitle: t }) => {
+}, jo = ({ close: n, action: o, votedAnswer: t, correct: i, correctAnswerTitle: r, questionTitle: a }) => {
   const [p, c] = h(1);
   return /* @__PURE__ */ s(
     Oo,
     {
       close: n,
       action: o,
-      votedAnswer: a,
+      votedAnswer: t,
       correct: i,
       correctAnswerTitle: r,
-      questionTitle: t,
+      questionTitle: a,
       setStep: c,
       step: p,
       title: ""
@@ -1044,23 +1043,23 @@ const w = /* @__PURE__ */ e("div")({
   name: "LogoImg",
   class: "l8jorbq",
   propsAsIs: !1
-}), Qo = () => ds, zo = /* @__PURE__ */ e(Qo())({
+}), Vo = () => ds, Qo = /* @__PURE__ */ e(Vo())({
   name: "NotificationInterstitialContainer",
   class: "nf920y3",
   propsAsIs: !0
-}), Vo = /* @__PURE__ */ e("div")({
+}), zo = /* @__PURE__ */ e("div")({
   name: "LogoImgContainer",
   class: "lzsmehn",
   propsAsIs: !1
 }), Uo = ({
   className: n,
   sponsorLogo: o,
-  onClick: a
-}) => /* @__PURE__ */ s(zo, { className: n, onClick: a, children: /* @__PURE__ */ s(Po, { withoutPadding: !0, children: /* @__PURE__ */ s(ms, { src: o }) }) }), Fo = ({ className: n, ...o }) => {
-  const [a, i] = h(!1), r = J();
+  onClick: t
+}) => /* @__PURE__ */ s(Qo, { className: n, onClick: t, children: /* @__PURE__ */ s(Po, { withoutPadding: !0, children: /* @__PURE__ */ s(ms, { src: o }) }) }), Fo = ({ className: n, ...o }) => {
+  const [t, i] = h(!1), r = J();
   return f(() => (o?.inApp?.sponsorLogo && (i(!0), r.current = setTimeout(() => {
     i(!1);
-  }, 5e3)), () => clearTimeout(r.current)), [o?.inApp?.sponsorLogo]), o?.inApp?.sponsorLogo && a ? /* @__PURE__ */ s(
+  }, 5e3)), () => clearTimeout(r.current)), [o?.inApp?.sponsorLogo]), o?.inApp?.sponsorLogo && t ? /* @__PURE__ */ s(
     Uo,
     {
       className: n,
@@ -1068,60 +1067,60 @@ const w = /* @__PURE__ */ e("div")({
       onClick: () => i(!1)
     }
   ) : /* @__PURE__ */ s(ds, { className: n, children: /* @__PURE__ */ l("div", { children: [
-    o?.inApp?.sponsorLogo && /* @__PURE__ */ s(Vo, { children: /* @__PURE__ */ s(ms, { src: o?.inApp?.sponsorLogo }) }),
+    o?.inApp?.sponsorLogo && /* @__PURE__ */ s(zo, { children: /* @__PURE__ */ s(ms, { src: o?.inApp?.sponsorLogo }) }),
     /* @__PURE__ */ s(jo, { ...o })
   ] }) });
 }, _o = ({ sdk: n, webos: o }) => {
-  const [a] = h(n.getNotificationsStore()), i = ws(a), r = n.getFeature(ks.GAMES), t = vs(() => n.getActiveNotification(), [n, i]);
+  const [t] = h(n.getNotificationsStore()), i = ws(t), r = n.getFeature(ks.GAMES), a = vs(() => n.getActiveNotification(), [n, i]);
   return f(() => {
-    t && ys.emit("notification", {
+    a && ys.emit("notification", {
       action: "rendered",
       payload: {
-        questionId: t.data.questionId,
-        questionType: t.data.questionType
+        questionId: a.data.questionId,
+        questionType: a.data.questionType
       }
     });
-  }, [t]), t && t.type === P.QUESTION_RESOLVED ? t.data.question && t.data.questionType === I.PREDICTION ? t && t.data.inApp?.adUnit === z.STANDART ? /* @__PURE__ */ s(
+  }, [a]), a && a.type === P.QUESTION_RESOLVED ? a.data.question && a.data.questionType === I.PREDICTION ? a && a.data.inApp?.adUnit === Q.STANDART ? /* @__PURE__ */ s(
     Fo,
     {
-      action: t.action,
-      close: t.close,
-      ...t.data.question,
-      inApp: t.data.inApp
+      action: a.action,
+      close: a.close,
+      ...a.data.question,
+      inApp: a.data.inApp
     }
   ) : /* @__PURE__ */ s(
     co,
     {
-      action: t.action,
-      close: t.close,
-      ...t.data.question
+      action: a.action,
+      close: a.close,
+      ...a.data.question
     }
-  ) : null : t && t.type === P.ONBOARDING ? t.data.onboarding ? /* @__PURE__ */ s(
+  ) : null : a && a.type === P.ONBOARDING ? a.data.onboarding ? /* @__PURE__ */ s(
     yn,
     {
       open: r?.openOnboarding,
-      close: t.close,
-      ...t.data.onboarding
+      close: a.close,
+      ...a.data.onboarding
     }
-  ) : null : t && t.data.inApp?.adUnit === z.STANDART ? /* @__PURE__ */ s(
+  ) : null : a && a.data.inApp?.adUnit === Q.STANDART ? /* @__PURE__ */ s(
     dn,
     {
-      ...t.data,
-      action: t.action,
-      close: t.close,
-      color: t?.data?.inApp?.notification?.indicatorColor || t?.data?.inApp?.appearance?.primaryColor,
+      ...a.data,
+      action: a.action,
+      close: a.close,
+      color: a?.data?.inApp?.notification?.indicatorColor || a?.data?.inApp?.appearance?.primaryColor,
       webos: o
     }
-  ) : t && /* @__PURE__ */ s(ge, { ...t.data, action: t.action });
-}, ct = ({ theme: n }) => {
-  const o = Ls(), a = xs(), i = Ds();
-  return o && (i.appNotification || i.onboardingNotification) ? i.app && !i.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(hs, { customTheme: n ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ s(_o, { sdk: o }) }) }) : null;
+  ) : a && /* @__PURE__ */ s(ge, { ...a.data, action: a.action });
+}, ra = ({ theme: n }) => {
+  const o = Ls(), t = xs(), i = Ds();
+  return o && (i.appNotification || i.onboardingNotification) ? i.app && !i.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(hs, { customTheme: n ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(_o, { sdk: o }) }) }) : null;
 };
 export {
-  it as D,
-  rt as R,
+  ta as D,
+  ia as R,
   _s as S,
-  ct as a,
+  ra as a,
   Ms as r,
   _o as x
 };