@streamlayer/react 1.11.3-rc.4 → 1.11.3-rc.5

package/lib/es/advertisement.js

@@ -1,22 +1,23 @@
 import { jsx as o, jsxs as v, Fragment as ce } from "react/jsx-runtime";
-import { e as pe, L as Se, g as L, s, i as D, j as me, k as Le, p as Ce, u as _e, c as Me, d as xe, a as E, h as Oe } from "./provider.js";
+import { s, e as pe, L as Se, g as L, i as D, j as me, k as Le, p as Ce, u as _e, c as Me, d as xe, a as E, h as Oe } from "./provider.js";
 import { useEffect as M, useRef as G, useState as w, useCallback as Be } from "react";
-import { S as Re, N as ue, a as N, P, b as ve, c as Ae, C as fe, d as _, A as we, e as De } from "./useStreamLayerApp2.js";
+import { N, S as Re, a as ue, P, b as ve, c as Ae, C as fe, d as _, A as we, e as De } from "./useStreamLayerApp2.js";
+import "@bufbuild/protobuf";
 const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   name: "Ue",
   class: "uyu7xk0",
   propsAsIs: !1
 }), Ue = "fqz8iof", je = "gxr1krc", Ge = "h13v49g2", Fe = "wa4hjtn", We = "q1ymob7l", He = (e) => e === "left" || e === "right" ? je : Fe, $e = (e) => e === "left" || e === "right" ? Ge : We, Ke = (e) => e === "left" ? "q1fdesan" : e === "right" ? "qbseob7" : e === "top" ? "q75ycmf" : "q4whugf", F = ({
   children: e,
-  style: n,
+  style: t,
   className: a,
-  enabled: t = !0,
+  enabled: n = !0,
   hiding: r,
   direction: i = "left",
   onAnimationEnd: c
 }) => /* @__PURE__ */ o(ze, {
-  style: n,
-  className: L(a, Ue, Ke(i), t && !r && He(i), t && r && $e(i)),
+  style: t,
+  className: L(a, Ue, Ke(i), n && !r && He(i), n && r && $e(i)),
   onAnimationEnd: c,
   children: e
 }), Xe = /* @__PURE__ */ s("a")({
@@ -33,15 +34,15 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   propsAsIs: !0
 }), Qe = ({
   promotion: e,
-  promotionId: n,
+  promotionId: t,
   hiding: a,
-  direction: t = "bottom"
+  direction: n = "bottom"
 }) => {
   var r, i;
   if (!((r = e.additionalBanner) != null && r.imageUrl)) return null;
   let c = (i = e.additionalBanner) == null ? void 0 : i.url;
   return c && c.indexOf("http") !== 0 && (c = `https://${c}`), /* @__PURE__ */ o(F, {
-    direction: t,
+    direction: n,
     hiding: a,
     children: /* @__PURE__ */ o(Ye, {
       className: "BannerContainer",
@@ -53,7 +54,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
           backgroundImage: `url(${e.additionalBanner.imageUrl})`,
           cursor: c ? "pointer" : "default"
         },
-        "data-promo-id": n,
+        "data-promo-id": t,
         "data-promo-type": e.type,
         "data-analytics": "banner",
         target: "_blank"
@@ -80,11 +81,11 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   name: "S",
   class: "s5vuv05",
   propsAsIs: !1
-}), no = /* @__PURE__ */ s(Ve())({
+}), to = /* @__PURE__ */ s(Ve())({
   name: "Ae",
   class: "a1g1k4vx",
   propsAsIs: !0
-}), to = /* @__PURE__ */ s("img")({
+}), no = /* @__PURE__ */ s("img")({
   name: "et",
   class: "e1o3sc8x",
   propsAsIs: !1
@@ -110,12 +111,12 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 }), po = {
   [N.BOTTOM]: W,
-  [N.MIDDLE]: no
+  [N.MIDDLE]: to
 }, mo = ({
   src: e,
-  imagePosition: n
+  imagePosition: t
 }) => {
-  const a = po[n] || W;
+  const a = po[t] || W;
   return /* @__PURE__ */ o(a, {
     children: /* @__PURE__ */ o("img", {
       src: e,
@@ -124,12 +125,12 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   });
 }, uo = ({
   notification: e,
-  open: n
+  open: t
 }) => {
   if (!e || !e.promotion || e.enabled !== ve.NOTIFICATION_ENABLED) return null;
   const {
     title: a,
-    body: t,
+    body: n,
     image: r,
     promotion: i
   } = e, {
@@ -140,7 +141,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   } = i;
   return /* @__PURE__ */ v(co, {
     className: "SL_Lower_Third_Notification",
-    onClick: n,
+    onClick: t,
     children: [/* @__PURE__ */ v(Ze, {
       children: [/* @__PURE__ */ o(mo, {
         src: r,
@@ -148,8 +149,8 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
       }), /* @__PURE__ */ v(eo, {
         children: [a && /* @__PURE__ */ o(oo, {
           children: a
-        }), t && /* @__PURE__ */ o(so, {
-          children: t
+        }), n && /* @__PURE__ */ o(so, {
+          children: n
         })]
       })]
     }), /* @__PURE__ */ v(io, {
@@ -166,7 +167,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
           color: l == null ? void 0 : l.textColor,
           backgroundColor: l == null ? void 0 : l.color
         },
-        children: [(l == null ? void 0 : l.ctaIcon) && (l == null ? void 0 : l.ctaIconMode) === fe.CTA_ICON_TRANSPARENT && /* @__PURE__ */ o(to, {
+        children: [(l == null ? void 0 : l.ctaIcon) && (l == null ? void 0 : l.ctaIconMode) === fe.CTA_ICON_TRANSPARENT && /* @__PURE__ */ o(no, {
           src: l == null ? void 0 : l.ctaIcon,
           alt: "cta-icon"
         }), (l == null ? void 0 : l.label) || "Open"]
@@ -242,9 +243,9 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   [N.MIDDLE]: So
 }, Oo = ({
   src: e,
-  imagePosition: n
+  imagePosition: t
 }) => {
-  const a = xo[n];
+  const a = xo[t];
   return /* @__PURE__ */ o(a, {
     children: /* @__PURE__ */ o("img", {
       src: e,
@@ -253,15 +254,15 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   });
 }, Bo = ({
   notification: e,
-  open: n,
+  open: t,
   promotionId: a,
-  hiding: t,
+  hiding: n,
   direction: r = "left"
 }) => {
   if (!e || !e.promotion || e.enabled !== ve.NOTIFICATION_ENABLED) return null;
   if (e.promotion.mode === ue.LOWER_THIRD) return /* @__PURE__ */ o(uo, {
     notification: e,
-    open: n
+    open: t
   });
   const {
     title: i,
@@ -277,9 +278,9 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   return /* @__PURE__ */ o(F, {
     className: "SL_Rich_Notification",
     direction: r,
-    hiding: t,
+    hiding: n,
     children: /* @__PURE__ */ v(bo, {
-      onClick: n,
+      onClick: t,
       children: [f !== Ae.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ o(Mo, {
         children: /* @__PURE__ */ o("img", {
           src: l,
@@ -311,18 +312,18 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
       })]
     })
   });
-}, Ro = (e, n, {
+}, Ro = (e, t, {
   onPlay: a,
-  onStop: t,
+  onStop: n,
   onProgress: r
 }) => {
   const i = google.ima;
   let c = new i.AdDisplayContainer(e), m = new i.AdsLoader(c), A = new i.AdsRequest(), l;
   m.addEventListener(i.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, (u) => {
-    l = u.getAdsManager(e), a && l.addEventListener(i.AdEvent.Type.STARTED, a), t && l.addEventListener(i.AdEvent.Type.COMPLETE, t), r && l.addEventListener(i.AdEvent.Type.AD_PROGRESS, (p) => r(p.getAdData())), l.init(e.clientWidth, e.clientHeight, i.ViewMode.NORMAL), l.start();
+    l = u.getAdsManager(e), a && l.addEventListener(i.AdEvent.Type.STARTED, a), n && l.addEventListener(i.AdEvent.Type.COMPLETE, n), r && l.addEventListener(i.AdEvent.Type.AD_PROGRESS, (p) => r(p.getAdData())), l.init(e.clientWidth, e.clientHeight, i.ViewMode.NORMAL), l.start();
   }, !1), m.addEventListener(i.AdErrorEvent.Type.AD_ERROR, () => {
-    console.log("ad error"), t == null || t();
-  }, !1), A.linearAdSlotWidth = e.clientWidth, A.linearAdSlotHeight = e.clientHeight, A.adTagUrl = n, m.requestAds(A);
+    console.log("ad error"), n == null || n();
+  }, !1), A.linearAdSlotWidth = e.clientWidth, A.linearAdSlotHeight = e.clientHeight, A.adTagUrl = t, m.requestAds(A);
   const f = () => {
     l == null || l.destroy(), m == null || m.destroy(), c == null || c.destroy(), c = void 0, m = void 0, A = void 0, l = void 0;
   };
@@ -330,7 +331,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     try {
       c.initialize();
     } catch (u) {
-      t == null || t(), console.log("AdsManager could not be started", u);
+      n == null || n(), console.log("AdsManager could not be started", u);
     }
     return f;
   };
@@ -416,17 +417,17 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 }), Yo = ({
   time: e,
-  adCount: n,
+  adCount: t,
   adPosition: a
 }) => {
-  const t = Math.floor(e / 60), r = e - t * 60;
-  return t === 0 && r === 0 && n === a ? null : /* @__PURE__ */ v(Ko, {
-    children: [n > 1 && /* @__PURE__ */ v(ce, {
+  const n = Math.floor(e / 60), r = e - n * 60;
+  return n === 0 && r === 0 && t === a ? null : /* @__PURE__ */ v(Ko, {
+    children: [t > 1 && /* @__PURE__ */ v(ce, {
       children: [/* @__PURE__ */ v(re, {
-        children: [a, " of ", n]
+        children: [a, " of ", t]
       }), /* @__PURE__ */ o(Xo, {})]
     }), /* @__PURE__ */ v(re, {
-      children: [t, ":", r < 10 ? `0${r}` : r]
+      children: [n, ":", r < 10 ? `0${r}` : r]
     })]
   });
 }, Jo = /* @__PURE__ */ s("div")({
@@ -439,18 +440,18 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 }), Zo = "u849s5c", es = "f1yp4da5", os = "gjcla8p", ss = ({
   promotion: e,
-  controlVideo: n,
+  controlVideo: t,
   promotionId: a,
-  onClose: t,
+  onClose: n,
   externalAd: r,
   skipAutoClose: i
 }) => {
   var c;
   const m = G(null), [A, l] = w(!1), [f, u] = w(0), [p, g] = w(0), [k, h] = w(0), y = G(), I = Be(() => {
-    u(0), g(0), h(0), l(!1), n == null || n({
+    u(0), g(0), h(0), l(!1), t == null || t({
       muted: !1
     });
-  }, [n]);
+  }, [t]);
   M(() => {
     if (r != null && r.url && m.current) {
       I();
@@ -463,12 +464,12 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
               type: e.type,
               hasBanner: !1
             }
-          }), n == null || n({
+          }), t == null || t({
             muted: !0
           }), l(!0);
         },
         onStop: () => {
-          t == null || t(), I();
+          n == null || n(), I();
         },
         onProgress: (T) => {
           u(Math.round(T.duration - T.currentTime)), g(T.totalAds), h(T.adPosition);
@@ -478,7 +479,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
         y.current = void 0, b();
       };
     }
-  }, [r == null ? void 0 : r.url, n, I, a, e.type, t]);
+  }, [r == null ? void 0 : r.url, t, I, a, e.type, n]);
   const x = ((c = e.sponsor) == null ? void 0 : c.logo) && e.logoMode === _.CENTER;
   return /* @__PURE__ */ v(ge, {
     className: "PromoOverlay",
@@ -500,7 +501,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
           className: "ClosePromoIcon",
           close: () => {
             var b;
-            (b = y.current) == null || b.call(y), t == null || t(), I();
+            (b = y.current) == null || b.call(y), n == null || n(), I();
           }
         })]
       })]
@@ -512,7 +513,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     })]
   });
 }, de = (e) => {
-  var n, a, t, r, i, c, m, A, l, f, u, p, g, k, h, y, I, x, b, T, H, $, K, X, Y, J, Q, Z, ee, oe;
+  var t, a, n, r, i, c, m, A, l, f, u, p, g, k, h, y, I, x, b, T, H, $, K, X, Y, J, Q, Z, ee, oe;
   const {
     promotion: d,
     open: se,
@@ -523,24 +524,24 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     promotionId: B,
     onClose: Pe,
     markAsViewed: V,
-    externalAd: ne
-  } = e, z = d.type === P.INGAME_IAB11_LBAR || d.type === P.INGAME_IAB11, U = ((n = d.sponsor) == null ? void 0 : n.logo) && d.logoMode === _.CENTER, te = !!((t = (a = d.banner) == null ? void 0 : a.video) != null && t.url), R = d.autoPlayVideo === we.ENABLED;
+    externalAd: te
+  } = e, z = d.type === P.INGAME_IAB11_LBAR || d.type === P.INGAME_IAB11, U = ((t = d.sponsor) == null ? void 0 : t.logo) && d.logoMode === _.CENTER, ne = !!((n = (a = d.banner) == null ? void 0 : a.video) != null && n.url), R = d.autoPlayVideo === we.ENABLED;
   if (M(() => {
-    S == null || S(te || R), se == null || se();
+    S == null || S(ne || R), se == null || se();
   }, []), M(() => {
     B && d.type && V && V();
   }, [B, d.type, V]), M(() => () => {
     O == null || O({
       muted: !1
     });
-  }, [O]), ne) return /* @__PURE__ */ o(ss, {
+  }, [O]), te) return /* @__PURE__ */ o(ss, {
     ...e,
-    externalAd: ne
+    externalAd: te
   });
   let C = (r = d.banner) == null ? void 0 : r.url;
   C && C.indexOf("http") !== 0 && (C = `https://${C}`);
   let j = !0;
-  return te && (!Te || !R ? j = !0 : j = !1), /* @__PURE__ */ v(ge, {
+  return ne && (!Te || !R ? j = !0 : j = !1), /* @__PURE__ */ v(ge, {
     className: "PromoOverlay",
     children: [/* @__PURE__ */ v(ye, {
       children: [/* @__PURE__ */ v(Ie, {
@@ -627,29 +628,29 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
       })
     })]
   });
-}, ns = /* @__PURE__ */ s("div")({
+}, ts = /* @__PURE__ */ s("div")({
   name: "Wt",
   class: "wbguw5z",
   propsAsIs: !1
-}), ts = ({
+}), ns = ({
   children: e,
-  direction: n,
+  direction: t,
   style: a,
-  className: t,
+  className: n,
   hiding: r
 }) => /* @__PURE__ */ o(F, {
-  direction: n,
+  direction: t,
   style: a,
   hiding: r,
-  className: t,
-  children: /* @__PURE__ */ o(ns, {
+  className: n,
+  children: /* @__PURE__ */ o(ts, {
     children: e
   })
 }), as = (e) => (e == null ? void 0 : e.type) === P.INGAME_IAB11_LBAR || (e == null ? void 0 : e.type) === P.INGAME_IAB21_LBAR, ls = (e) => (e == null ? void 0 : e.type) === P.INGAME_IAB11 || (e == null ? void 0 : e.type) === P.INGAME_IAB21, is = ({
   advertisement: e,
-  close: n,
+  close: t,
   skipTypeCheck: a,
-  skipAutoClose: t,
+  skipAutoClose: n,
   layoutMode: r = "side-by-side",
   sidebar: i,
   isNotification: c,
@@ -672,15 +673,15 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     markAsViewed: A,
     promotionId: e.question.id,
     promotion: e.promotion,
-    onClose: n,
+    onClose: t,
     open: l,
-    skipAutoClose: t,
+    skipAutoClose: n,
     externalAd: f,
     controlVideo: u,
     advertisementPaused: p,
     togglePause: g
   })
-}) : i && (a || as(e.promotion)) ? /* @__PURE__ */ o(ts, {
+}) : i && (a || as(e.promotion)) ? /* @__PURE__ */ o(ns, {
   className: "PromoSidebarContainer",
   direction: i,
   hiding: !1,
@@ -689,10 +690,10 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     promotionId: e.question.id,
     promotion: e.promotion,
     externalAd: f,
-    onClose: n,
+    onClose: t,
     open: l,
     controlVideo: u,
-    skipAutoClose: t,
+    skipAutoClose: n,
     advertisementPaused: p,
     togglePause: g
   })
@@ -706,30 +707,30 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   class: "v13knq7z",
   propsAsIs: !1
 }), ds = (e) => {
-  const n = e.target;
-  if (n instanceof HTMLAnchorElement && n.target === "_blank") {
-    const a = n.getAttribute("data-promo-id") || "", t = n.getAttribute("data-promo-type") || P.UNSET;
-    n.getAttribute("data-analytics") === "button" && D.emit("advertisement", {
+  const t = e.target;
+  if (t instanceof HTMLAnchorElement && t.target === "_blank") {
+    const a = t.getAttribute("data-promo-id") || "", n = t.getAttribute("data-promo-type") || P.UNSET;
+    t.getAttribute("data-analytics") === "button" && D.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         id: a,
-        type: t,
+        type: n,
         hasBanner: !1
       }
-    }), n.getAttribute("data-analytics") === "banner" && D.emit("advertisement", {
+    }), t.getAttribute("data-analytics") === "banner" && D.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         id: a,
-        type: t,
+        type: n,
         hasBanner: !1
       }
     });
   }
 }, cs = ({
   gamification: e,
-  layoutMode: n,
+  layoutMode: t,
   skipAutoClose: a,
-  skipTypeCheck: t,
+  skipTypeCheck: n,
   sidebar: r,
   banner: i,
   notification: c,
@@ -755,7 +756,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     },
     className: L("SL-AdvertisementUIWrap", m && "mobile-view", I && "SL-AdvertisementUIWrap--lower-third"),
     children: /* @__PURE__ */ o(is, {
-      skipTypeCheck: t,
+      skipTypeCheck: n,
       sidebar: r,
       banner: i,
       advertisement: h.data,
@@ -765,7 +766,7 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
       externalAd: l ? h.externalAd : void 0,
       markAsViewed: e.advertisement.markAsViewed,
       open: e.advertisement.open,
-      layoutMode: n,
+      layoutMode: t,
       isNotification: c,
       skipAutoClose: a,
       controlVideo: f
@@ -773,9 +774,9 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   });
 }, ps = ({
   sdk: e,
-  sidebar: n,
+  sidebar: t,
   externalAd: a,
-  banner: t,
+  banner: n,
   skipAutoClose: r,
   skipTypeCheck: i,
   layoutMode: c,
@@ -789,13 +790,13 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
       const p = document.createElement("script");
       p.async = !0, p.src = "https://imasdk.googleapis.com/js/sdkloader/ima3.js", document.body.appendChild(p);
     }
-  }, [a]), n && t) return /* @__PURE__ */ o("div", {
+  }, [a]), t && n) return /* @__PURE__ */ o("div", {
     style: {
       color: "red"
     },
     children: "define either sidebar or banner, not both."
   });
-  if (t && a) return /* @__PURE__ */ o("div", {
+  if (n && a) return /* @__PURE__ */ o("div", {
     style: {
       color: "red"
     },
@@ -805,8 +806,8 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   const u = e.getFeature(Re.GAMES);
   return u ? /* @__PURE__ */ o(cs, {
     gamification: u,
-    sidebar: n,
-    banner: t,
+    sidebar: t,
+    banner: n,
     layoutMode: c,
     isMobileScreen: m,
     persistent: A,
@@ -816,11 +817,11 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
     externalAd: a,
     controlVideo: e.controlVideoPlayer
   }) : null;
-}, fs = ({
+}, hs = ({
   event: e,
-  sidebar: n,
+  sidebar: t,
   banner: a,
-  isMobileScreen: t,
+  isMobileScreen: n,
   skipAutoClose: r,
   persistent: i,
   theme: c,
@@ -829,14 +830,14 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   externalAd: l
 }) => {
   const f = _e(), u = Me(), p = xe();
-  return f ? l && !u.promotionExternalAd ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : !l && u.promotionExternalAd ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : n && !u.promotionSidebar ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : a && !u.promotionBanner ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : m && !u.promotionNotification ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : !a && !n && !m && !u.promotionOverlay ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : /* @__PURE__ */ v("div", { className: "StreamLayerSDK", children: [
+  return f ? l && !u.promotionExternalAd ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : !l && u.promotionExternalAd ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : t && !u.promotionSidebar ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : a && !u.promotionBanner ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : m && !u.promotionNotification ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : !a && !t && !m && !u.promotionOverlay ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : /* @__PURE__ */ v("div", { className: "StreamLayerSDK", children: [
     /* @__PURE__ */ o(Oe, { customTheme: c ?? p.theme, themeMode: p.themeMode, children: /* @__PURE__ */ o(
       ps,
       {
         sdk: f,
-        sidebar: n,
+        sidebar: t,
         banner: a,
-        isMobileScreen: t,
+        isMobileScreen: n,
         persistent: i,
         notification: m,
         skipTypeCheck: A,
@@ -849,6 +850,6 @@ const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
   ] }) : null;
 };
 export {
-  fs as StreamLayerSDKAdvertisement,
+  hs as StreamLayerSDKAdvertisement,
   ps as StreamLayerSDKAdvertisementUI
 };

package/lib/es/auth.js

@@ -1,11 +1,14 @@
 import { useEffect as o } from "react";
+import "react/jsx-runtime";
 import { u } from "./provider.js";
-const f = ({ token: t, schema: i }) => {
+import "@nanostores/react";
+import "nanostores";
+const s = ({ token: t, schema: i }) => {
   const r = u();
   return o(() => {
     t && i && r && r.authorizationBypass(i, t), r && (r.withAuth = !0);
   }, [t, i, r]), null;
 };
 export {
-  f as StreamLayerLogin
+  s as StreamLayerLogin
 };

package/lib/es/insight.js

@@ -1,67 +1,68 @@
 import { jsx as u, jsxs as c } from "react/jsx-runtime";
-import { e as m, s as l, m as h, u as p, d as f, h as S, a as g } from "./provider.js";
+import { e as m, s as l, m as p, u as h, d as f, h as S, a as g } from "./provider.js";
 import { useRef as I, useEffect as y } from "react";
+import "@bufbuild/protobuf";
 import { S as v } from "./useStreamLayerApp2.js";
-const k = () => h, L = /* @__PURE__ */ l(k())({
+const k = () => p, L = /* @__PURE__ */ l(k())({
   name: "y",
   class: "y1tj7gx6",
   propsAsIs: !0
 }), Q = ({
   gamification: e,
   persistent: r,
-  skipAutoClose: a,
-  hideHeader: n,
+  skipAutoClose: o,
+  hideHeader: a,
   insightId: s
 }) => {
   const t = I(""), d = m(e.openedQuestion.$store);
   return y(() => s ? (!r || e.isOpenedQuestion(s) || (t.current = s, e.getFeedItem(s).then((i) => {
-    var o;
-    t.current === s && ((o = i == null ? void 0 : i.attributes) == null ? void 0 : o.attributes.case) === "insight" && e.openQuestion(s, i);
+    var n;
+    t.current === s && ((n = i == null ? void 0 : i.attributes) == null ? void 0 : n.attributes.case) === "insight" && e.openQuestion(s, i);
   })), () => {
     t.current = "";
   }) : (e.activeQuestionId.subscribe(({
     data: i
   }) => {
-    var o;
-    i && ((o = i.feedItem) == null ? void 0 : o.type) === "insight" && (!r || e.isOpenedQuestion(i.feedItem.id) || (t.current = i.feedItem.id, e.openQuestion(i.feedItem.id, i.feedItem))), !i && t.current && (e.closeQuestion(t.current), t.current = "");
+    var n;
+    i && ((n = i.feedItem) == null ? void 0 : n.type) === "insight" && (!r || e.isOpenedQuestion(i.feedItem.id) || (t.current = i.feedItem.id, e.openQuestion(i.feedItem.id, i.feedItem))), !i && t.current && (e.closeQuestion(t.current), t.current = "");
   }), () => {
   }), [e, r, s]), d ? /* @__PURE__ */ u(L, {
-    skipAutoClose: a,
-    hideHeader: n,
+    skipAutoClose: o,
+    hideHeader: a,
     gamification: e,
     hideSponsor: !0
   }) : null;
 }, A = ({
   sdk: e,
   persistent: r,
-  skipAutoClose: a,
-  insightId: n,
+  skipAutoClose: o,
+  insightId: a,
   hideHeader: s
 }) => {
   if (!m(e.featuresList.getStore())) return null;
   const t = e.getFeature(v.GAMES);
   return t ? /* @__PURE__ */ u(Q, {
-    insightId: n,
+    insightId: a,
     persistent: r,
     hideHeader: s,
     gamification: t,
-    skipAutoClose: a
+    skipAutoClose: o
   }) : null;
-}, D = ({
+}, H = ({
   event: e,
   theme: r,
-  hideHeader: a,
-  skipAutoClose: n,
+  hideHeader: o,
+  skipAutoClose: a,
   persistent: s
 }) => {
-  const t = p(), d = f();
+  const t = h(), d = f();
   return t ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: [
     /* @__PURE__ */ u(S, { customTheme: r ?? d.theme, themeMode: d.themeMode, children: /* @__PURE__ */ u(
       A,
       {
-        skipAutoClose: n,
+        skipAutoClose: a,
         sdk: t,
-        hideHeader: a,
+        hideHeader: o,
         persistent: s
       }
     ) }),
@@ -69,6 +70,6 @@ const k = () => h, L = /* @__PURE__ */ l(k())({
   ] }) : null;
 };
 export {
-  D as StreamLayerSDKInsight,
+  H as StreamLayerSDKInsight,
   A as StreamLayerSDKInsightUI
 };

package/lib/es/notification.js

@@ -1,7 +1,8 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { e as D, i as M, N as q, p as u, s, P as L, X as R, Z as P, j as U, n as V, B as Q, f as F, u as K, d as W, c as B, h as G } from "./provider.js";
+import { s, e as D, i as M, N as q, p as u, P as L, X as R, Z as P, j as U, n as V, B as Q, f as F, u as K, d as W, c as B, h as G } from "./provider.js";
 import { useState as E, useMemo as H, useEffect as _ } from "react";
-import { S as Y, Q as f, f as d, g as Z } from "./useStreamLayerApp2.js";
+import { Q as d, S as Y, f, g as Z } from "./useStreamLayerApp2.js";
+import "@bufbuild/protobuf";
 const $ = () => h, X = () => h, J = () => h, ee = () => h, se = () => h, h = /* @__PURE__ */ s("div")({
   name: "g",
   class: "g1mxl69i",
@@ -532,11 +533,11 @@ const $ = () => h, X = () => h, J = () => h, ee = () => h, se = () => h, h = /*
     ...t.data,
     action: t.action
   });
-}, Ns = ({ theme: n }) => {
+}, ks = ({ theme: n }) => {
   const a = K(), i = W(), o = B();
   return a && o.appNotification ? o.app ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(G, { customTheme: n ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(gs, { sdk: a }) }) }) : null;
 };
 export {
-  Ns as StreamLayerSDKNotification,
+  ks as StreamLayerSDKNotification,
   gs as StreamLayerSDKNotificationUI
 };