@streamlayer/react 1.24.5 → 1.24.7

package/lib/es/notification.js

@@ -1,16 +1,15 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { h as us } from "./index7.js";
+import { h as us } from "./index6.js";
 import { useState as I, useRef as Q, useEffect as $, useCallback as As, useMemo as fs } from "react";
-import { s as e, c as hs, u as Is, N as M } from "./sl-types.js";
+import { s as e, c as hs, u as Is, N as M } from "./feature.js";
 import { e as $s } from "./index3.js";
-import "./feature.js";
 import { x as W } from "./storage.js";
-import { D as vs, j as gs, e as K, o as ws } from "./index11.js";
-import { B as A } from "./index8.js";
+import { D as vs, j as gs, e as K, o as ws } from "./index10.js";
+import { B as A } from "./index7.js";
 import { d, Q as f, a as G, N as x, S as bs, A as R } from "./useStreamLayerApp2.js";
-import { b as S } from "./index9.js";
-import { F as Ts, y as ys } from "./index15.js";
-import { p as Cs } from "./index5.js";
+import { b as S } from "./index8.js";
+import { V as Ts, y as ys } from "./index14.js";
+import { p as Cs } from "./index11.js";
 import { Y as Ns, _ as ks, q as qs } from "./hooks-n9ax4LRT.js";
 const w = /* @__PURE__ */ e("div")({
   name: "Media",
@@ -78,11 +77,11 @@ const w = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1j59nzs",
   propsAsIs: !1
-}), Fs = /* @__PURE__ */ e("div")({
+}), Vs = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t9vmnpp",
   propsAsIs: !1
-}), Vs = /* @__PURE__ */ e("button")({
+}), Fs = /* @__PURE__ */ e("button")({
   name: "Button",
   class: "b14ivj5k",
   propsAsIs: !1
@@ -128,7 +127,7 @@ const w = /* @__PURE__ */ e("div")({
       questionStatus: G.UNSET
     }
   ),
-  n && /* @__PURE__ */ s(Fs, { children: n })
+  n && /* @__PURE__ */ s(Vs, { children: n })
 ] }), Hs = ({ tweet: n }) => n ? /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(Xs, { ...n, controlVideo: () => {
 } }) }) : null, Js = ({ action: n, questionType: o, inApp: i, insight: a, tweet: r }) => {
   const t = K[o], p = ws[o];
@@ -142,7 +141,7 @@ const w = /* @__PURE__ */ e("div")({
     h && !g && /* @__PURE__ */ s(j, { src: h, imageMode: u, withVideo: !!b }),
     g && /* @__PURE__ */ s(j, { src: g, fromInsight: !0, withVideo: !!b }),
     o === f.TWEET ? /* @__PURE__ */ s(Hs, { tweet: r }) : /* @__PURE__ */ s(Zs, { questionTypeData: t, questionType: o, title: c }),
-    /* @__PURE__ */ s(Vs, { name: "inapp-button", children: p || "Open" }),
+    /* @__PURE__ */ s(Fs, { name: "inapp-button", children: p || "Open" }),
     /* @__PURE__ */ s(_s, { name: "chevronRight" })
   ] }) });
 }, se = () => ({
@@ -320,7 +319,7 @@ const w = /* @__PURE__ */ e("div")({
   ),
   n && /* @__PURE__ */ s(qe, { webos: t, children: n }),
   a && /* @__PURE__ */ s(xe, { children: a })
-] }), Pe = S(De), ze = S(Re), Ue = S(Oe), Fe = ({
+] }), Pe = S(De), ze = S(Re), Ue = S(Oe), Ve = ({
   className: n,
   sponsorLogo: o,
   onClick: i,
@@ -335,7 +334,7 @@ const w = /* @__PURE__ */ e("div")({
     "data-webos": a,
     children: /* @__PURE__ */ s(Z, { withoutPadding: !0, children: /* @__PURE__ */ s(J, { src: o }) })
   }
-), Ve = ({
+), Fe = ({
   action: n,
   close: o,
   questionType: i,
@@ -354,7 +353,7 @@ const w = /* @__PURE__ */ e("div")({
     return null;
   const { title: b, image: ls, imageMode: y, useContentMedia: C } = a.notification, ps = i === f.FACTOID ? r?.heading : b, ds = i === f.FACTOID ? r?.body : "", ms = ls, N = i === f.FACTOID && r?.video?.url && a?.isVideo && C === x.ENABLED, k = C === x.ENABLED ? N ? r?.video?.url : r?.image : "";
   return a?.sponsorLogo && m ? /* @__PURE__ */ s(
-    Fe,
+    Ve,
     {
       className: c,
       sponsorLogo: a?.sponsorLogo,
@@ -684,7 +683,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b16qj0do",
   propsAsIs: !1
-}), F = {
+}), V = {
   1: 3e3,
   2: 4e3,
   3: 4e3,
@@ -693,8 +692,8 @@ const w = /* @__PURE__ */ e("div")({
   if ($(() => {
     if (i) {
       const u = setTimeout(() => {
-        F[c + 1] && (r || c < 3) ? i(c + 1) : n?.();
-      }, F[c]);
+        V[c + 1] && (r || c < 3) ? i(c + 1) : n?.();
+      }, V[c]);
       return () => {
         u && clearTimeout(u);
       };
@@ -733,11 +732,11 @@ const w = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n1i4h28u",
   propsAsIs: !1
-}), Un = ({ className: n, ...o }) => /* @__PURE__ */ s(zn, { className: n, children: /* @__PURE__ */ s(Pn, { ...o }) }), Fn = /* @__PURE__ */ e("div")({
+}), Un = ({ className: n, ...o }) => /* @__PURE__ */ s(zn, { className: n, children: /* @__PURE__ */ s(Pn, { ...o }) }), Vn = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cwa9tgs",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ e("div")({
+}), Fn = /* @__PURE__ */ e("div")({
   name: "BodyContainer",
   class: "b1xx7swj",
   propsAsIs: !1
@@ -761,11 +760,11 @@ const w = /* @__PURE__ */ e("div")({
     return () => {
       t.disconnect();
     };
-  }, []), /* @__PURE__ */ s(Fn, {
+  }, []), /* @__PURE__ */ s(Vn, {
     style: {
       padding: `${n === 3 && i === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
     },
-    children: /* @__PURE__ */ s(Vn, {
+    children: /* @__PURE__ */ s(Fn, {
       style: {
         minWidth: `${a}px`
       },
@@ -876,7 +875,7 @@ const w = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ l(is, {
     children: ["Your Pick: ", o]
   })]
-}), V = /* @__PURE__ */ e("div")({
+}), F = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cmox3ot",
   propsAsIs: !1
@@ -901,9 +900,9 @@ const w = /* @__PURE__ */ e("div")({
     return () => {
     };
   }, [i, c, n, r]), c === 1)
-    return /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ s(oo, {}) }) });
+    return /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ s(oo, {}) }) });
   let m = "pending";
-  return c === 3 && (m = r ? "correct" : "incorrect"), /* @__PURE__ */ s(V, { "data-a": "intr", onClick: () => o?.(), children: /* @__PURE__ */ l(Y, { children: [
+  return c === 3 && (m = r ? "correct" : "incorrect"), /* @__PURE__ */ s(F, { "data-a": "intr", onClick: () => o?.(), children: /* @__PURE__ */ l(Y, { children: [
     c !== 1 && /* @__PURE__ */ s(Jn, {}, c),
     /* @__PURE__ */ l(_n, { state: m, step: c, children: [
       c === 2 && /* @__PURE__ */ s(lo, { title: p || "unknown", answer: a?.title || "unknown" }),
@@ -1004,7 +1003,7 @@ const w = /* @__PURE__ */ e("div")({
       ...t.data.onboarding
     }
   ) : null : t && t.data.inApp?.adUnit === R.STANDART ? /* @__PURE__ */ s(
-    Ve,
+    Fe,
     {
       ...t.data,
       action: t.action,
@@ -1013,11 +1012,11 @@ const w = /* @__PURE__ */ e("div")({
       webos: o
     }
   ) : t && /* @__PURE__ */ s(Js, { ...t.data, action: t.action });
-}, Po = ({ theme: n }) => {
+}, Bo = ({ theme: n }) => {
   const o = Ns(), i = ks(), a = qs();
   return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(us, { customTheme: n ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ s(yo, { sdk: o }) }) }) : null;
 };
 export {
-  Po as StreamLayerSDKNotification,
+  Bo as StreamLayerSDKNotification,
   yo as StreamLayerSDKNotificationUI
 };

package/lib/es/pause-ad.js

@@ -1,71 +1,55 @@
-import { jsx as r, jsxs as D } from "react/jsx-runtime";
-import { h as M } from "./index7.js";
-import { s as d, u as q, c as V } from "./sl-types.js";
-import { d as j } from "./index12.js";
-import { useState as B, useRef as x, useCallback as _, useEffect as c, Component as K } from "react";
-import { e as T } from "./index3.js";
-import { Y as z, _ as G } from "./hooks-n9ax4LRT.js";
-const O = /* @__PURE__ */ d("div")({
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { h as F } from "./index6.js";
+import { useEffect as i, useState as _, useRef as g, useCallback as R, Component as M } from "react";
+import { s as h, c as w, u as j } from "./feature.js";
+import { e as k } from "./index3.js";
+import { d as K } from "./index15.js";
+import { Y as V, _ as z } from "./hooks-n9ax4LRT.js";
+const G = /* @__PURE__ */ h("div")({
   name: "PauseAdOverlay",
   class: "pw9gih8",
   propsAsIs: !1
-}), W = /* @__PURE__ */ d("div")({
+}), H = /* @__PURE__ */ h("div")({
   name: "PauseAdContent",
   class: "p8lpomy",
   propsAsIs: !1
-}), X = /* @__PURE__ */ d("div")({
-  name: "PauseAdTopLeft",
-  class: "pv7u167",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ d("h2")({
-  name: "PauseAdTitle",
-  class: "p1kh2yb0",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ d("p")({
-  name: "PauseAdCaption",
-  class: "pl8f94x",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ d("div")({
+}), O = /* @__PURE__ */ h("div")({
   name: "PauseAdBottomLeft",
-  class: "p1m6zmrt",
+  class: "pv7u167",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ d("button")({
+}), Y = /* @__PURE__ */ h("button")({
   name: "PauseAdPlayButton",
-  class: "pm3vwfa",
+  class: "p1kh2yb0",
   propsAsIs: !1
-}), Z = /* @__PURE__ */ d("div")({
+}), q = /* @__PURE__ */ h("div")({
   name: "PauseAdSidebarGradient",
-  class: "p1tibuhw",
+  class: "pl8f94x",
   propsAsIs: !1
-}), $ = /* @__PURE__ */ d("div")({
+}), J = /* @__PURE__ */ h("div")({
   name: "PauseAdSidebar",
-  class: "ptqqrqd",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ d("span")({
-  name: "PauseAdTitleDescription",
-  class: "p14estxv",
+  class: "p1m6zmrt",
   propsAsIs: !1
-}), N = /* @__PURE__ */ d("img")({
+}), U = /* @__PURE__ */ h("img")({
   name: "ExternalAdContainer",
-  class: "e1dpvfl1",
+  class: "em3vwfa",
   propsAsIs: !1
-}), re = ({
-  vastUrl: i,
-  isDesktop: a,
+}), Q = ({
+  vastUrl: d,
+  isDesktop: n,
   content: e
-}) => (c(() => {
-  e.imageSrc && e.id && T.emit("exposedPauseAd", {
+}) => (i(() => {
+  e.imageSrc && e.id && k.emit("exposedPauseAd", {
     action: "rendered",
     payload: {
       id: e.id,
       parentId: e.parentId
     }
   });
-}, [e, i]), e?.imageSrc ? !e.adUrl || !a ? /* @__PURE__ */ r(N, { src: e.imageSrc }) : /* @__PURE__ */ r(
+}, [e, d]), e?.imageSrc ? !e.adUrl || !n ? /* @__PURE__ */ a(U, { src: e.imageSrc }) : /* @__PURE__ */ a(
   "a",
   {
     onClick: () => {
-      T.emit("exposedPauseAd", {
+      k.emit("exposedPauseAd", {
         action: "navigated",
         payload: {
           id: e.id,
@@ -76,182 +60,173 @@ const O = /* @__PURE__ */ d("div")({
     href: e.adUrl,
     target: "_blank",
     rel: "noopener noreferrer",
-    children: /* @__PURE__ */ r(N, { src: e.imageSrc })
+    children: /* @__PURE__ */ a(U, { src: e.imageSrc })
   }
-) : null), te = ({ isClosing: i, content: a, externalPauseAdStore: e, title: y, caption: f, onPlay: l, onClose: u, vastUrl: t, options: h, isDesktop: n }) => {
-  const b = h?.showPauseButton ?? !0, { ref: p, focusSelf: I } = j.useFocusable({
+) : null), W = ({ isClosing: d, content: n, externalPauseAdStore: e, onPlay: l, onClose: u, vastUrl: c, options: v, isDesktop: r }) => {
+  const m = v?.showPauseButton ?? !0, { ref: t, focusSelf: y } = K.useFocusable({
     focusKey: "sl-pause-ad-play",
     onEnterRelease: l,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return c(() => () => {
+  return i(() => () => {
     e.revalidate();
-  }, [e]), c(() => {
-    p.current && I();
-  }, [p, I]), c(() => {
+  }, [e]), i(() => {
+    t.current && y();
+  }, [t, y]), i(() => {
     if (!u)
       return () => {
       };
-    const C = (A) => {
-      const s = A.keyCode;
+    const b = (f) => {
+      const s = f.keyCode;
       if (s === 461 || s === 10009 || s === 27 || s === 8) {
-        A.preventDefault(), A.stopPropagation(), A.stopImmediatePropagation(), u();
+        f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation(), u();
         return;
       }
     };
-    return window.addEventListener("keydown", C, { capture: !0 }), () => window.removeEventListener("keydown", C, { capture: !0 });
-  }, [u]), /* @__PURE__ */ r(O, { className: V("SL_PauseAd", i && "pause-ad-closing"), children: /* @__PURE__ */ D(W, { children: [
-    /* @__PURE__ */ D(X, { children: [
-      /* @__PURE__ */ r(Y, { children: y }),
-      /* @__PURE__ */ r(H, { children: f })
-    ] }),
-    b && /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
-      Q,
+    return window.addEventListener("keydown", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
+  }, [u]), /* @__PURE__ */ a(G, { className: w("SL_PauseAd", d && "pause-ad-closing"), children: /* @__PURE__ */ B(H, { children: [
+    m && /* @__PURE__ */ a(O, { children: /* @__PURE__ */ a(
+      Y,
       {
-        ref: p,
+        ref: t,
         onClick: l,
-        onMouseEnter: () => p.current.focus(),
+        onMouseEnter: () => t.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ r(Z, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ D($, { children: [
-      t && /* @__PURE__ */ r(re, { content: a, isDesktop: n, vastUrl: t }),
-      /* @__PURE__ */ r(ee, { children: "ADVERTISEMENT" })
-    ] }) })
+    /* @__PURE__ */ a(q, { className: w("SL_PauseAdSidebar", r && "SL_PauseAdSidebar--desktop"), children: /* @__PURE__ */ a(J, { className: w(r && "SL_PauseAdSidebar__content--desktop"), children: c && /* @__PURE__ */ a(Q, { content: n, isDesktop: r, vastUrl: c }) }) })
   ] }) });
-}, se = ({ showPauseAd: i, vastUrls: a, title: e, caption: y, sdk: f, onClose: l, onRender: u, options: t, isDesktop: h }) => {
-  const n = t?.pauseAdDelay ?? 0, b = t?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [p, I] = B(!1), [C, A] = B(!1), s = x(), v = a?.[0].url, P = x(v), g = x(""), S = x("");
-  P.current = v;
-  const [m, R] = f.advertisement.getExternalPauseAd(v, {
-    refetchInterval: b,
-    $enabled: n === 0 || !!i,
-    prefetch: n === 0 && b > 0
-  }), k = q(m), E = _(() => {
+}, X = ({ showPauseAd: d, vastUrls: n, sdk: e, onClose: l, onRender: u, options: c, isDesktop: v }) => {
+  const r = c?.pauseAdDelay ?? 0, m = c?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [t, y] = _(!1), [b, f] = _(!1), s = g(), P = n?.[0].url, A = g(P), S = g(""), I = g("");
+  A.current = P;
+  const [p, L] = e.advertisement.getExternalPauseAd(P, {
+    refetchInterval: m,
+    $enabled: r === 0 || !!d,
+    prefetch: r === 0 && m > 0
+  }), x = j(p), C = R(() => {
     if (l) {
-      S.current = P.current;
-      const o = m.get().data;
-      T.emit("exposedPauseAd", {
+      I.current = A.current;
+      const o = p.get().data;
+      k.emit("exposedPauseAd", {
         action: "closed",
-        payload: o?.url === S.current ? {
+        payload: o?.url === I.current ? {
           id: o?.id,
           parentId: o?.parentId
         } : {}
       }), l();
     }
-  }, [l, m]), F = _(() => {
-    f.controlVideoPlayer({ play: !0 });
-  }, [f]);
-  return c(() => {
-    R === P.current && k.error && (console.log("error", k.error), clearTimeout(s.current), E?.());
-  }, [k, E, R]), c(() => {
-    if (i && v) {
-      g.current = P.current, S.current = "";
-      const o = m.get().data;
-      T.emit("exposedPauseAd", {
+  }, [l, p]), N = R(() => {
+    e.controlVideoPlayer({ play: !0 });
+  }, [e]);
+  return i(() => {
+    L === A.current && x.error && (clearTimeout(s.current), C?.());
+  }, [x, C, L]), i(() => {
+    if (d && P) {
+      S.current = A.current, I.current = "";
+      const o = p.get().data;
+      k.emit("exposedPauseAd", {
         action: "enabled",
-        payload: o?.url === g.current ? {
+        payload: o?.url === S.current ? {
           id: o?.id,
           parentId: o?.parentId
         } : {}
       });
-      const U = () => {
-        const w = m.get(), L = w.data;
-        (!L || L?.url === P.current) && (!w.loading && L?.imageSrc ? (clearTimeout(s.current), A(!1), I(!0)) : w.loading && (s.current = setTimeout(() => {
-          U();
+      const T = () => {
+        const E = p.get(), D = E.data;
+        (!D || D?.url === A.current) && (!E.loading && D?.imageSrc ? (clearTimeout(s.current), f(!1), y(!0)) : E.loading && (s.current = setTimeout(() => {
+          T();
         }, 200)));
       };
       clearTimeout(s.current), s.current = setTimeout(() => {
-        U();
-      }, n);
+        T();
+      }, r);
     } else {
-      if (S.current !== P.current) {
-        const o = m.get().data;
-        S.current = "", g.current !== "" && (T.emit("exposedPauseAd", {
+      if (I.current !== A.current) {
+        const o = p.get().data;
+        I.current = "", S.current !== "" && (k.emit("exposedPauseAd", {
           action: "disabled",
-          payload: g.current === o?.url ? {
+          payload: S.current === o?.url ? {
             id: o?.id,
             parentId: o?.parentId
           } : {}
-        }), g.current = "");
+        }), S.current = "");
       }
-      A(!0), s.current = setTimeout(() => {
-        I(!1);
+      f(!0), s.current = setTimeout(() => {
+        y(!1);
       }, 400);
     }
     return () => {
       s.current && clearTimeout(s.current);
     };
-  }, [m, E, n, i, v]), c(() => {
-    u?.({ rendered: p });
-  }, [p, u]), c(() => () => {
+  }, [p, C, r, d, P]), i(() => {
+    u?.({ rendered: t });
+  }, [t, u]), i(() => () => {
     u?.({ rendered: !1 });
-  }, [u]), !p || !k.data ? null : /* @__PURE__ */ r(
-    te,
+  }, [u]), !t || !x.data ? null : /* @__PURE__ */ a(
+    W,
     {
-      onClose: E,
-      isClosing: C,
-      title: e,
-      caption: y,
-      onPlay: F,
-      vastUrl: v,
-      options: t,
-      isDesktop: h,
-      externalPauseAdStore: m,
-      content: k.data
+      onClose: C,
+      isClosing: b,
+      onPlay: N,
+      vastUrl: P,
+      options: c,
+      isDesktop: v,
+      externalPauseAdStore: p,
+      content: x.data
     }
   );
-}, ae = ({
-  showPauseAd: i,
-  pauseAdVastUrl: a,
+}, Z = ({
+  showPauseAd: d,
+  pauseAdVastUrl: n,
   videoPlayerController: e,
-  onRenderPauseAd: y,
-  onClosePauseAd: f,
-  children: l,
-  options: u
+  onRenderPauseAd: l,
+  onClosePauseAd: u,
+  children: c,
+  options: v
 }) => {
-  const t = z(), h = G(), n = x();
-  return c(() => t ? (e && (n.current = e, t.addVideoPlayerController(n.current)), () => {
-    n.current && t.removeVideoPlayerController(n.current);
+  const r = V(), m = z(), t = g();
+  return i(() => r ? (e && (t.current = e, r.addVideoPlayerController(t.current)), () => {
+    t.current && r.removeVideoPlayerController(t.current);
   }) : () => {
-  }, [t, e]), t ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ D(
-    M,
+  }, [r, e]), r ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ B(
+    F,
     {
-      style: l ? { position: "relative" } : {},
-      customTheme: h.theme,
-      themeMode: h.themeMode,
+      style: c ? { position: "relative" } : {},
+      customTheme: m.theme,
+      themeMode: m.themeMode,
       children: [
-        l,
-        a && /* @__PURE__ */ r(
-          se,
+        c,
+        n && /* @__PURE__ */ a(
+          X,
           {
-            sdk: t,
-            showPauseAd: i,
-            vastUrls: a,
-            onClose: f,
-            onRender: y,
-            options: u,
+            sdk: r,
+            showPauseAd: d,
+            vastUrls: n,
+            onClose: u,
+            onRender: l,
+            options: v,
             isDesktop: !0
           }
         )
       ]
     }
-  ) }) : l;
+  ) }) : c;
 };
-class pe extends K {
-  constructor(a) {
-    super(a), this.state = { hasError: !1 };
+class oe extends M {
+  constructor(n) {
+    super(n), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(a, e) {
-    console.error(a, e.componentStack);
+  componentDidCatch(n, e) {
+    console.error(n, e.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ r(ae, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ a(Z, { ...this.props });
   }
 }
 export {
-  pe as StreamLayerPauseAd
+  oe as StreamLayerPauseAd
 };

package/lib/es/points.js

@@ -1,43 +1,42 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { h as c } from "./index7.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { h as c } from "./index6.js";
 import { useState as u, useEffect as d } from "react";
-import { s as t, u as f } from "./sl-types.js";
+import { s as o, u as f, F as m } from "./feature.js";
 import { e as n } from "./index3.js";
-import { p as h } from "./index5.js";
+import { p as h } from "./index11.js";
 import { m as y } from "./theme.js";
-import { B as S } from "./index8.js";
-import { F as p } from "./feature.js";
+import { B as S } from "./index7.js";
 import { S as v } from "./useStreamLayerApp2.js";
 import { Y as g, _ as A } from "./hooks-n9ax4LRT.js";
-const I = /* @__PURE__ */ t("div")({
+const I = /* @__PURE__ */ o("div")({
   name: "PointsContainer",
   class: "psiob9b",
   propsAsIs: !1
-}), P = /* @__PURE__ */ t("div")({
+}), P = /* @__PURE__ */ o("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), b = () => S, k = /* @__PURE__ */ t(b())({
+}), b = () => S, k = /* @__PURE__ */ o(b())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
-}), F = /* @__PURE__ */ t("div")({
+}), F = /* @__PURE__ */ o("div")({
   name: "PointsBody",
   class: "p12n4f2h",
   propsAsIs: !1
-}), T = /* @__PURE__ */ t("div")({
+}), T = /* @__PURE__ */ o("div")({
   name: "PointsTitle",
   class: "poqmx89",
   propsAsIs: !1
-}), x = /* @__PURE__ */ t("div")({
+}), x = /* @__PURE__ */ o("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), B = ({ points: s, onClick: e }) => /* @__PURE__ */ m(I, { className: y, onClick: e, children: [
-  /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(k, { name: "icon-trophy-solid" }) }),
-  /* @__PURE__ */ m(F, { children: [
-    /* @__PURE__ */ o(T, { children: "Total points" }),
-    /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(h, { value: s }) })
+}), B = ({ points: s, onClick: e }) => /* @__PURE__ */ p(I, { className: y, onClick: e, children: [
+  /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, { name: "icon-trophy-solid" }) }),
+  /* @__PURE__ */ p(F, { children: [
+    /* @__PURE__ */ t(T, { children: "Total points" }),
+    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(h, { value: s }) })
   ] })
 ] }), C = ({ gamification: s }) => {
   const e = s.userSummary.$store, [a, l] = u(0);
@@ -48,15 +47,15 @@ const I = /* @__PURE__ */ t("div")({
     return () => {
       r();
     };
-  }, [e]), /* @__PURE__ */ o(B, { points: a, onClick: () => {
+  }, [e]), /* @__PURE__ */ t(B, { points: a, onClick: () => {
     const r = s.status.get();
-    r === p.Suspended ? (s.openFeature(), n.emit("app", {
+    r === m.Suspended ? (s.openFeature(), n.emit("app", {
       action: "open",
       payload: {}
     }), n.emit("interactions", {
       action: "tap",
       payload: {}
-    })) : r === p.Ready && (s.closeFeature(!1), n.emit("app", {
+    })) : r === m.Ready && (s.closeFeature(!1), n.emit("app", {
       action: "close",
       payload: {}
     }), n.emit("interactions", {
@@ -68,11 +67,11 @@ const I = /* @__PURE__ */ t("div")({
   if (!f(s.featuresList.getStore()))
     return null;
   const e = s.getFeature(v.GAMES);
-  return e ? /* @__PURE__ */ o(C, { gamification: e }) : null;
-}, R = ({ theme: s }) => {
+  return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
+}, O = ({ theme: s }) => {
   const e = g(), a = A();
-  return e ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(c, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ o($, { sdk: e }) }) }) : null;
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(c, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t($, { sdk: e }) }) }) : null;
 };
 export {
-  R as StreamLayerSDKPoints
+  O as StreamLayerSDKPoints
 };