@streamlayer/react 1.21.3 → 1.21.4

package/lib/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/es/index2.js

@@ -1,9 +1,8 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { s as _, B as te, o as ft, p as ht, f as Se, j as gt, n as Ee } from "./provider.js";
 import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as X, useLayoutEffect as vt, createContext as Ve, useMemo as He, useCallback as Re, memo as wt } from "react";
-import { ConnectError as bt, Code as yt } from "@connectrpc/connect";
-import St from "lodash.throttle";
-import { S as qe } from "./useStreamLayerApp2.js";
+import bt from "lodash.throttle";
+import { C as yt, a as St, S as qe } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -3239,7 +3238,7 @@ const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return X(() => {
-    const g = St(() => {
+    const g = bt(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3283,7 +3282,7 @@ const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof bt && l.code !== yt.InvalidArgument ? `The event ID was not
+      description: l instanceof yt && l.code !== St.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3352,7 +3351,7 @@ handle this request.`
   name: "SlideSwitchButton",
   class: "spp13y7",
   propsAsIs: !1
-}), Hr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
+}), Vr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
   const [n, i] = W(), [l, a] = W(), o = Re(
     (c) => {
       if (c.type === "slBetPackReady") {
@@ -3411,5 +3410,5 @@ view this resource.`
 });
 export {
   Gr as Q,
-  Hr as n
+  Vr as n
 };

package/lib/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, $ as Is, a0 as $s, a1 as K, R as G, a2 as gs, E as ws, O as x, y as ys, i as Ts, f as bs, e as Cs, N as R, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
+import { useState as w, useRef as _, useEffect as y, useCallback as As, useMemo as Is } from "react";
+import { s as n, B as A, $ as hs, a0 as $s, a1 as K, R as G, a2 as gs, E as ws, O as x, y as ys, i as Ts, f as bs, e as Cs, N as R, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
 import "nanostores";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
-import { h as v, Q as I, i as H, j as L, S as Es, A as O } from "./useStreamLayerApp2.js";
+import { j as v, Q as h, k as H, l as L, S as Es, A as O } 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(zs, { 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(zs, { style: I ? {} : { paddingLeft: "1.5rem" }, children: [
+    I && !g && /* @__PURE__ */ s(j, { src: I, imageMode: $, withVideo: !!c }),
     g && /* @__PURE__ */ s(j, { src: g, fromInsight: !0, withVideo: !!c }),
-    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 === R.QUESTION_RESOLVED ? c.data.question && c.data.questionType === I.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === O.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,

package/lib/es/provider.js

@@ -4,7 +4,7 @@ var p1 = (e, t, n) => Nn(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 H1, { useState as Z, useEffect as j, useRef as l1, createContext as R6, useContext as Y1, useCallback as o1, useMemo as f1, useLayoutEffect as $6, forwardRef as F3, memo as Dn, Component as qn, createElement as Bn, PureComponent as Pn, lazy as Zn, Suspense as Kn } from "react";
-import { S as A1, Q as S, k as Un, h as U1, i as i2, A as S6, f as jn, e as L3, I as k6, l as zn, m as x2, u as Gn } from "./useStreamLayerApp2.js";
+import { S as A1, a as j1, m as ct, Q as S, n as Un, j as U1, k as i2, A as S6, h as jn, g as L3, I as k6, o as zn, p as x2, u as Gn } from "./useStreamLayerApp2.js";
 import { listenKeys as Wn } from "nanostores";
 import { pino as Qn } from "pino";
 import I3 from "lodash.throttle";
@@ -13,8 +13,6 @@ import { createPortal as O2 } from "react-dom";
 import Yn from "react-countup";
 import Xn from "react-infinite-scroller";
 import "uuid";
-import { Code as j1, createContextKey as ct } from "@connectrpc/connect";
-import "@connectrpc/connect-web";
 import "@nanostores/query";
 const Jn = Qn({
   level: "trace",
@@ -3488,7 +3486,7 @@ const ys = (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" }
-}, Mf = {
+}, Sf = {
   [S.TWEET]: "Learn more",
   [S.FACTOID]: "Learn more",
   [S.POLL]: "Answer",
@@ -6122,7 +6120,7 @@ const Qd = /* @__PURE__ */ c("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Ff = ({
+}, kf = ({
   gamification: e,
   scrollStore: t,
   className: n,
@@ -7564,7 +7562,7 @@ const Qd = /* @__PURE__ */ c("div")({
     n({ ...r });
   }) : () => {
   }, [e == null ? void 0 : e.uiState]), t;
-}, Vf = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
+}, Mf = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
   const { sdk: s, status: o } = Y1(X1), l = hf(), u = Cf(), { event: p } = Y1(X1);
   if (o === M3.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
@@ -7582,7 +7580,7 @@ var M3 = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] =
 const vf = {
   status: 0,
   sdk: null
-}, X1 = R6(vf), Of = ({
+}, X1 = R6(vf), Ff = ({
   sdkKey: e,
   theme: t,
   themeMode: n,
@@ -7654,7 +7652,7 @@ export {
   f6 as P,
   VC as Q,
   z2 as R,
-  Of as S,
+  Ff as S,
   Ed as T,
   D7 as U,
   T1 as V,
@@ -7666,13 +7664,13 @@ export {
   ff as a,
   hd as a0,
   qu as a1,
-  Mf as a2,
-  Vf as b,
+  Sf as a2,
+  Mf as b,
   hf as c,
   Cf as d,
   b2 as e,
   J as f,
-  Ff as g,
+  kf as g,
   df as h,
   tt as i,
   l2 as j,