@streamlayer/react 1.24.5 → 1.24.7

package/lib/classic/es/notification2.js

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