@streamlayer/react 1.21.3 → 1.21.4

package/lib/classic/es/advertisement.js

@@ -5,7 +5,7 @@ import "nanostores";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
-import { A as Gh, N as vi, a as Xh, b as Kh, C as no, c as Yh, P as rs, d as Jt, e as wm, f as km, g as Cm, S as Im } from "./useStreamLayerApp2.js";
+import { A as Gh, N as vi, b as Xh, c as Kh, d as no, e as Yh, P as rs, f as Jt, g as wm, h as km, i as Cm, S as Im } from "./useStreamLayerApp2.js";
 import { c as xm, u as Am } from "./vast-client.min-B0NUra1B.js";
 import { D as Pm } from "./index-l-eyvmpL.js";
 import { v4 as fu, validate as Lm, v5 as mu } from "uuid";

package/lib/classic/es/bet-pack.js

@@ -1,9 +1,8 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { s as _, B as te, o as vt, p as gt, e as Se, j as wt, n as Ee, u as bt, i as yt } from "./provider.js";
 import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as St, createContext as He, useMemo as Re, useCallback as qe, memo as Et } from "react";
-import { ConnectError as xt, Code as Tt } from "@connectrpc/connect";
-import Ct from "lodash.throttle";
-import { S as We } from "./useStreamLayerApp2.js";
+import xt from "lodash.throttle";
+import { C as Tt, a as Ct, S as We } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -3239,7 +3238,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return Y(() => {
-    const v = Ct(() => {
+    const v = xt(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3283,7 +3282,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof xt && l.code !== Tt.InvalidArgument ? `The event ID was not
+      description: l instanceof Tt && l.code !== Ct.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3416,12 +3415,12 @@ view this resource.`
     action: "tap",
     payload: {}
   });
-}, Wr = () => {
+}, qr = () => {
   const t = bt();
   return Y(() => (document == null || document.addEventListener("click", Ve), () => {
     document == null || document.removeEventListener("click", Ve);
   }), []), t ? /* @__PURE__ */ P(mt, { sdk: t }) : null;
 };
 export {
-  Wr as BetPackProvider
+  qr as BetPackProvider
 };

package/lib/classic/es/notification.js

@@ -1,11 +1,11 @@
 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 hs } from "react";
-import { s as n, B as A, D as Is, v as $s, x as K, w as G, z as gs, E as ws, O as x, y as ys, f as Ts, e as bs, i as Cs, N as O, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
+import { useState as w, useRef as _, useEffect as y, useCallback as As, useMemo as Is } from "react";
+import { s as n, B as A, D as hs, v as $s, x as K, w as G, z as gs, E as ws, O as x, y as ys, f as Ts, e as bs, i as Cs, N as O, 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 { Q as v, h as I, i as H, j as L, S as Es, A as R } from "./useStreamLayerApp2.js";
+import { Q as v, j as h, k as H, l as L, S as Es, A as R } from "./useStreamLayerApp2.js";
 const b = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m1bcvojl",
@@ -105,7 +105,7 @@ const b = /* @__PURE__ */ n("div")({
   return /* @__PURE__ */ l(Hs, { children: [
     p && /* @__PURE__ */ s(_s, { children: /* @__PURE__ */ s(Ks, { children: p }) }),
     /* @__PURE__ */ s(
-      Is,
+      hs,
       {
         image: e,
         name: (d = i == null ? void 0 : i.meta) == null ? void 0 : d.accountName,
@@ -133,13 +133,13 @@ const b = /* @__PURE__ */ n("div")({
   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(Us, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
-    h && !g && /* @__PURE__ */ s(j, { src: h, imageMode: $, withVideo: !!c }),
+  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(Us, { 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 }),
-    i === I.TWEET ? /* @__PURE__ */ s(Zs, { tweet: a }) : /* @__PURE__ */ s(Xs, { questionTypeData: d, questionType: i, title: m }),
+    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" })
   ] }) });
@@ -184,7 +184,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "MediaNone",
   class: "mqfzyyr",
   propsAsIs: !0
-}), Ae = "v170mtgf", he = {
+}), Ae = "v170mtgf", Ie = {
   [v.UNSET]: S,
   [v.NONE]: S,
   [v.ROUNDED]: pe,
@@ -204,7 +204,7 @@ const b = /* @__PURE__ */ n("div")({
       color: o,
       children: /* @__PURE__ */ s(S, {})
     });
-  const d = a === L.ENABLED ? re : he[i];
+  const d = a === L.ENABLED ? re : Ie[i];
   return /* @__PURE__ */ s(B, {
     color: o,
     children: t ? /* @__PURE__ */ s(te, {
@@ -220,14 +220,14 @@ const b = /* @__PURE__ */ n("div")({
       })
     })
   });
-}, Ie = () => ({
+}, he = () => ({
   withoutPadding: e
 }) => e ? "0px" : "1rem", X = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n1p3bk1c",
   propsAsIs: !1,
   vars: {
-    "n1p3bk1c-0": [Ie()]
+    "n1p3bk1c-0": [he()]
   }
 }), $e = /* @__PURE__ */ n("div")({
   name: "MainContent",
@@ -243,7 +243,7 @@ const b = /* @__PURE__ */ n("div")({
   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,
@@ -332,20 +332,20 @@ const b = /* @__PURE__ */ n("div")({
   webos: d
 }) => {
   var r, m, u;
-  const [$, h] = w(!1), g = _();
-  y(() => (o != null && o.sponsorLogo && (h(!0), g.current = setTimeout(() => {
-    h(!1);
+  const [$, I] = w(!1), g = _();
+  y(() => (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 === I.FACTOID ? a == null ? void 0 : a.heading : ds, us = t === I.FACTOID ? a == null ? void 0 : a.body : "", vs = ps, N = t === I.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 === 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 : "";
   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(
     Z,
@@ -355,7 +355,7 @@ const b = /* @__PURE__ */ n("div")({
       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(Se, { children: /* @__PURE__ */ s(ss, { src: o == null ? void 0 : o.sponsorLogo }) }),
@@ -563,7 +563,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), hn = () => D, In = /* @__PURE__ */ n(hn())({
+}), In = () => D, hn = /* @__PURE__ */ n(In())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
@@ -574,7 +574,7 @@ const b = /* @__PURE__ */ n("div")({
 }), wn = () => /* @__PURE__ */ l(un, {
   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", {})
@@ -879,7 +879,7 @@ const b = /* @__PURE__ */ n("div")({
   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(() => {
@@ -902,10 +902,10 @@ const b = /* @__PURE__ */ n("div")({
       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,
@@ -953,11 +953,11 @@ const b = /* @__PURE__ */ n("div")({
     }, 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 }) }),
-    /* @__PURE__ */ s(Io, { ...e })
+    /* @__PURE__ */ s(ho, { ...e })
   ] }) });
 }, fo = ({ sdk: e, webos: i }) => {
   var t, o, a, p, d, r, m, u;
-  const [$] = w(e.getNotificationsStore()), h = bs($), g = e.getFeature(Es.GAMES), c = hs(() => e.getActiveNotification(), [e, h]);
+  const [$] = w(e.getNotificationsStore()), I = bs($), g = e.getFeature(Es.GAMES), c = Is(() => e.getActiveNotification(), [e, I]);
   return y(() => {
     c && Cs.emit("notification", {
       action: "rendered",
@@ -966,7 +966,7 @@ const b = /* @__PURE__ */ n("div")({
         questionType: c.data.questionType
       }
     });
-  }, [c]), c && c.type === O.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 === 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,

package/lib/classic/es/provider.js

@@ -4,7 +4,7 @@ var p1 = (e, t, n) => M7(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as a, jsxs as g, Fragment as d1 } from "react/jsx-runtime";
 import * as d from "react";
 import F1, { useState as Z, useEffect as j, useRef as l1, createContext as E6, useContext as Q1, useCallback as o1, useMemo as f1, useLayoutEffect as A6, forwardRef as k3, memo as V7, Component as F7, createElement as O7, PureComponent as N7, lazy as H7, Suspense as D7 } from "react";
-import { S as E1, h as S, k as q7, Q as K1, i as r2, A as T6, f as B7, e as w3, I as R6, l as P7, m as A2, u as Z7 } from "./useStreamLayerApp2.js";
+import { S as E1, a as U1, m as ot, j as S, n as q7, Q as K1, k as r2, A as T6, h as B7, g as w3, I as R6, o as P7, p as A2, u as Z7 } from "./useStreamLayerApp2.js";
 import { listenKeys as K7 } from "nanostores";
 import { pino as U7 } from "pino";
 import b3 from "lodash.throttle";
@@ -13,8 +13,6 @@ import { createPortal as F2 } from "react-dom";
 import j7 from "react-countup";
 import z7 from "react-infinite-scroller";
 import "uuid";
-import { Code as U1, createContextKey as ot } from "@connectrpc/connect";
-import "@connectrpc/connect-web";
 import "@nanostores/query";
 const G7 = U7({
   level: "trace",
@@ -3435,7 +3433,7 @@ const us = (e) => /* @__PURE__ */ d.createElement("svg", { width: 24, height: 24
   [S.POLL]: { label: "Poll", iconName: "icon-poll" },
   [S.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
   [S.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
-}, Ef = {
+}, If = {
   [S.TWEET]: "Learn more",
   [S.FACTOID]: "Learn more",
   [S.POLL]: "Answer",
@@ -6069,7 +6067,7 @@ const Pd = /* @__PURE__ */ c("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Af = ({
+}, _f = ({
   gamification: e,
   scrollStore: t,
   className: n,
@@ -7511,7 +7509,7 @@ const Pd = /* @__PURE__ */ c("div")({
     n({ ...r });
   }) : () => {
   }, [e == null ? void 0 : e.uiState]), t;
-}, Tf = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
+}, Ef = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
   const { sdk: s, status: o } = Q1(Y1), l = af(), u = sf(), { event: p } = Q1(Y1);
   if (o === S3.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
@@ -7529,7 +7527,7 @@ var S3 = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] =
 const lf = {
   status: 0,
   sdk: null
-}, Y1 = E6(lf), Rf = ({
+}, Y1 = E6(lf), Af = ({
   sdkKey: e,
   theme: t,
   themeMode: n,
@@ -7588,15 +7586,15 @@ export {
   s2 as F,
   i2 as N,
   Y3 as O,
-  Rf as S,
+  Af as S,
   vd as T,
   of as a,
-  Tf as b,
+  Ef as b,
   af as c,
   sf as d,
   J as e,
   J3 as f,
-  Af as g,
+  _f as g,
   tf as h,
   w2 as i,
   o2 as j,
@@ -7615,5 +7613,5 @@ export {
   j2 as w,
   ku as x,
   Ma as y,
-  Ef as z
+  If as z
 };