@streamlayer/react 1.2.0 → 1.3.1

package/lib/es/advertisement.js

@@ -1,292 +1,297 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { useEffect as F, useRef as z, useMemo as H } from "react";
-import { a as y, s, c as W, Q as K, e as g, u as A, L as Q } from "./index2.js";
-import { F as J, u as V, d as X } from "./app.js";
-import { P as m, a as v, S as Y } from "./useStreamLayerApp2.js";
-const Z = /* @__PURE__ */ s("div")({
+import { useEffect as F, useRef as z, useMemo as W } from "react";
+import { a as g, s as n, c as H, Q as K, e as A, u as I, L as Q } from "./provider.js";
+import { F as J, u as V, d as X } from "./index2.js";
+import { P as u, a as h, S as Y } from "./useStreamLayerApp2.js";
+const Z = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c5b6wdg",
   propsAsIs: !1
-}), ee = "a1rlj479", oe = "s35f1di", ne = "sj4471g", se = "b12050d8", ae = "b1d5ybek", te = (e) => e === "left" || e === "right" ? oe : se, ie = (e) => e === "left" || e === "right" ? ne : ae, le = (e) => e === "left" ? "avdxyl3" : e === "right" ? "a1bisd08" : e === "top" ? "a1u9y2aj" : "a1qqaks", D = ({
+}), ee = "a1rlj479", oe = "s35f1di", ne = "sj4471g", se = "b12050d8", ae = "b1d5ybek", te = (e) => e === "left" || e === "right" ? oe : se, ie = (e) => e === "left" || e === "right" ? ne : ae, re = (e) => e === "left" ? "avdxyl3" : e === "right" ? "a1bisd08" : e === "top" ? "a1u9y2aj" : "a1qqaks", q = ({
   children: e,
-  style: t,
-  className: i,
+  style: s,
+  className: r,
   enabled: a = !0,
-  hiding: n,
-  direction: l = "left",
-  onAnimationEnd: r
+  hiding: t,
+  direction: i = "left",
+  onAnimationEnd: l
 }) => /* @__PURE__ */ o(Z, {
-  style: t,
-  className: y(i, ee, le(l), a && !n && te(l), a && n && ie(l)),
-  onAnimationEnd: r,
+  style: s,
+  className: g(r, ee, re(i), a && !t && te(i), a && t && ie(i)),
+  onAnimationEnd: l,
   children: e
-}), re = /* @__PURE__ */ s("a")({
+}), le = /* @__PURE__ */ n("a")({
   name: "Link",
   class: "l1sgte8c",
   propsAsIs: !1
-}), de = /* @__PURE__ */ s("div")({
+}), de = /* @__PURE__ */ n("div")({
   name: "BannerContainer",
   class: "b7yfc72",
   propsAsIs: !1
-}), ce = () => re, pe = /* @__PURE__ */ s(ce())({
+}), ce = () => le, pe = /* @__PURE__ */ n(ce())({
   name: "BannerLink",
   class: "bejjq94",
   propsAsIs: !0
-}), me = /* @__PURE__ */ s("img")({
+}), me = /* @__PURE__ */ n("img")({
   name: "BannerImg",
   class: "b1j94hdr",
   propsAsIs: !1
-}), ue = ({ promotion: e, promotionId: t, hiding: i, direction: a = "bottom" }) => {
-  var n;
-  return (n = e.additionalBanner) != null && n.imageUrl ? /* @__PURE__ */ o(D, { direction: a, hiding: i, children: /* @__PURE__ */ o(de, { children: /* @__PURE__ */ o(
+}), ue = ({ promotion: e, promotionId: s, hiding: r, direction: a = "bottom" }) => {
+  var t;
+  return (t = e.additionalBanner) != null && t.imageUrl ? /* @__PURE__ */ o(q, { direction: a, hiding: r, children: /* @__PURE__ */ o(de, { className: "BannerContainer", children: /* @__PURE__ */ o(
     pe,
     {
+      className: "BannerLink",
       href: e.additionalBanner.url,
-      "data-promo-id": t,
+      style: { backgroundImage: `url(${e.additionalBanner.imageUrl})` },
+      "data-promo-id": s,
       "data-promo-type": e.type,
       "data-analytics": "banner",
       target: "_blank",
       children: /* @__PURE__ */ o(me, { src: e.additionalBanner.imageUrl, alt: "promo" })
     }
   ) }) }) : null;
-}, ve = /* @__PURE__ */ s("div")({
+}, ve = /* @__PURE__ */ n("div")({
   name: "OverlayContainer",
   class: "okzhq2w",
   propsAsIs: !1
-}), be = /* @__PURE__ */ s("div")({
+}), he = /* @__PURE__ */ n("div")({
   name: "PromoOverlay",
   class: "pmgz5i",
   propsAsIs: !1
-}), he = /* @__PURE__ */ s("div")({
+}), ye = /* @__PURE__ */ n("div")({
   name: "Header",
   class: "hyxi3jt",
   propsAsIs: !1
-}), ye = /* @__PURE__ */ s("div")({
+}), be = /* @__PURE__ */ n("div")({
   name: "HeaderContent",
   class: "h149e3gp",
   propsAsIs: !1
-}), ge = "h10toh7", G = /* @__PURE__ */ s("img")({
+}), ge = "h10toh7", D = /* @__PURE__ */ n("img")({
   name: "SponsorLogo",
   class: "s1jyea6t",
   propsAsIs: !1
-}), Ae = /* @__PURE__ */ s("div")({
+}), Ae = /* @__PURE__ */ n("div")({
   name: "SponsorName",
   class: "szpfa3h",
   propsAsIs: !1
-}), Ie = /* @__PURE__ */ s("div")({
+}), Ie = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m1crmu01",
   propsAsIs: !1
-}), fe = /* @__PURE__ */ s("img")({
+}), fe = /* @__PURE__ */ n("img")({
   name: "PromoImg",
   class: "p1l37r8s",
   propsAsIs: !1
-}), $e = "s1nmch9k", U = /* @__PURE__ */ s("div")({
+}), $e = "s1nmch9k", R = /* @__PURE__ */ n("div")({
   name: "Content",
   class: "c1er0ljd",
   propsAsIs: !1
-}), Se = /* @__PURE__ */ s("div")({
+}), ke = /* @__PURE__ */ n("div")({
   name: "Description",
   class: "dydopmr",
   propsAsIs: !1
-}), Me = /* @__PURE__ */ s("div")({
+}), Se = /* @__PURE__ */ n("div")({
   name: "Sponsor",
   class: "s1w6nt04",
   propsAsIs: !1
-}), Be = /* @__PURE__ */ s("div")({
+}), Ce = /* @__PURE__ */ n("div")({
   name: "SponsorText",
   class: "s1evcmtq",
   propsAsIs: !1
-}), Ee = /* @__PURE__ */ s("div")({
+}), Ne = /* @__PURE__ */ n("div")({
   name: "ADLogo",
   class: "awodx0x",
   propsAsIs: !1
-}), ke = /* @__PURE__ */ s("span")({
+}), Be = /* @__PURE__ */ n("span")({
   name: "SponsoredText",
   class: "s1q3n6oi",
   propsAsIs: !1
-}), Le = /* @__PURE__ */ s("div")({
+}), Me = /* @__PURE__ */ n("div")({
   name: "CloseIconWrap",
   class: "c8d4xfk",
   propsAsIs: !1
-}), Ne = () => W, Ce = /* @__PURE__ */ s(Ne())({
+}), Te = () => H, Ee = /* @__PURE__ */ n(Te())({
   name: "CloseIcon",
   class: "ct6oobh",
   propsAsIs: !0
-}), xe = /* @__PURE__ */ s("div")({
+}), Le = /* @__PURE__ */ n("div")({
   name: "ActionBtnWrap",
   class: "a1gyg7tt",
   propsAsIs: !1
-}), Te = /* @__PURE__ */ s("a")({
+}), xe = /* @__PURE__ */ n("a")({
   name: "ActionButton",
   class: "a17rwbtk",
   propsAsIs: !1
-}), _e = /* @__PURE__ */ s("div")({
+}), _e = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t3vxzaw",
   propsAsIs: !1
-}), je = "h10f3u0j", q = ({ promotion: e, promotionId: t, onClose: i }) => {
-  var a, n, l, r, p, c, u, I, f, $, S, M, B, E, k, L, N, C, x, T, _, j, P, w, O, R;
-  const b = e.type === m.INGAME_IAB11_LBAR || e.type === m.INGAME_IAB11, h = ((a = e.sponsor) == null ? void 0 : a.logo) && e.logoMode === v.CENTER;
-  return /* @__PURE__ */ d(be, { className: "PromoOverlay", children: [
-    /* @__PURE__ */ d(he, { children: [
-      /* @__PURE__ */ d(ye, { className: y(!h && ge), children: [
-        ((n = e.sponsor) == null ? void 0 : n.logo) && e.logoMode === v.LEFT && /* @__PURE__ */ o(G, { src: (l = e.sponsor) == null ? void 0 : l.logo, alt: "promo" }),
+}), je = "h10f3u0j", G = ({ promotion: e, promotionId: s, onClose: r }) => {
+  var a, t, i, l, p, m, c, v, f, $, k, S, C, N, B, M, T, E, L, x, _, j, P, O, U, w;
+  const y = e.type === u.INGAME_IAB11_LBAR || e.type === u.INGAME_IAB11, b = ((a = e.sponsor) == null ? void 0 : a.logo) && e.logoMode === h.CENTER;
+  return /* @__PURE__ */ d(he, { className: "PromoOverlay", children: [
+    /* @__PURE__ */ d(ye, { children: [
+      /* @__PURE__ */ d(be, { className: g(!b && ge), children: [
+        ((t = e.sponsor) == null ? void 0 : t.logo) && e.logoMode === h.LEFT && /* @__PURE__ */ o(D, { src: (i = e.sponsor) == null ? void 0 : i.logo, alt: "promo" }),
         /* @__PURE__ */ d(
-          Me,
+          Se,
           {
             style: {
-              paddingLeft: (r = e.sponsor) != null && r.logo && e.logoMode === v.LEFT ? "0px" : "8px"
+              paddingLeft: (l = e.sponsor) != null && l.logo && e.logoMode === h.LEFT ? "0px" : "8px"
             },
             children: [
-              ((p = e.sponsor) == null ? void 0 : p.logo) && e.logoMode === v.LEFT && /* @__PURE__ */ o(Ae, { children: (c = e.sponsor) == null ? void 0 : c.name }),
-              /* @__PURE__ */ d(Be, { children: [
-                /* @__PURE__ */ o(Ee, { children: "AD" }),
-                /* @__PURE__ */ o(ke, { children: "SPONSORED" })
+              ((p = e.sponsor) == null ? void 0 : p.logo) && e.logoMode === h.LEFT && /* @__PURE__ */ o(Ae, { children: (m = e.sponsor) == null ? void 0 : m.name }),
+              /* @__PURE__ */ d(Ce, { className: "SponsorText", children: [
+                /* @__PURE__ */ o(Ne, { children: "AD" }),
+                /* @__PURE__ */ o(Be, { children: "SPONSORED" })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ o(Le, { onClick: i, children: /* @__PURE__ */ o(Ce, { name: "icon-cross" }) })
+      /* @__PURE__ */ o(Me, { className: "ClosePromoIcon", onClick: r, children: /* @__PURE__ */ o(Ee, { name: "icon-cross" }) })
     ] }),
     /* @__PURE__ */ d(Ie, { children: [
-      h && /* @__PURE__ */ o(G, { className: $e, src: (u = e.sponsor) == null ? void 0 : u.logo, alt: "promo" }),
-      /* @__PURE__ */ o(U, { children: (f = (I = e.banner) == null ? void 0 : I.video) != null && f.url ? /* @__PURE__ */ o(
+      b && /* @__PURE__ */ o(D, { className: $e, src: (c = e.sponsor) == null ? void 0 : c.logo, alt: "promo" }),
+      /* @__PURE__ */ o(R, { children: (f = (v = e.banner) == null ? void 0 : v.video) != null && f.url ? /* @__PURE__ */ o(
         K,
         {
-          source: (S = ($ = e.banner) == null ? void 0 : $.video) == null ? void 0 : S.url,
-          poster: (B = (M = e.banner) == null ? void 0 : M.video) == null ? void 0 : B.thumbnailUrl,
-          aspectRatio: b ? "1/1" : "16/9",
+          source: (k = ($ = e.banner) == null ? void 0 : $.video) == null ? void 0 : k.url,
+          poster: (C = (S = e.banner) == null ? void 0 : S.video) == null ? void 0 : C.thumbnailUrl,
+          aspectRatio: y ? "1/1" : "16/9",
           onPlay: () => {
-            g.emit("advertisement", {
+            A.emit("advertisement", {
               action: "videoPlay",
               payload: {
-                advertisementId: t,
+                advertisementId: s,
                 advertisementType: e.type
               }
             });
           }
         }
-      ) : (E = e.banner) != null && E.imageUrl ? /* @__PURE__ */ o(fe, { style: b ? { aspectRatio: "1/1" } : {}, src: (k = e.banner) == null ? void 0 : k.imageUrl, alt: "promo" }) : null }),
-      !b && /* @__PURE__ */ d(U, { children: [
-        ((L = e.banner) == null ? void 0 : L.title) && /* @__PURE__ */ o(_e, { className: y(h && je), children: (N = e.banner) == null ? void 0 : N.title }),
-        ((C = e.banner) == null ? void 0 : C.body) && /* @__PURE__ */ o(Se, { children: (x = e.banner) == null ? void 0 : x.body })
+      ) : (N = e.banner) != null && N.imageUrl ? /* @__PURE__ */ o(fe, { style: y ? { aspectRatio: "1/1" } : {}, src: (B = e.banner) == null ? void 0 : B.imageUrl, alt: "promo" }) : null }),
+      !y && /* @__PURE__ */ d(R, { children: [
+        ((M = e.banner) == null ? void 0 : M.title) && /* @__PURE__ */ o(_e, { className: g("AdvTitle", b && je), children: (T = e.banner) == null ? void 0 : T.title }),
+        ((E = e.banner) == null ? void 0 : E.body) && /* @__PURE__ */ o(ke, { className: "AdvDescription", children: (L = e.banner) == null ? void 0 : L.body })
       ] })
     ] }),
-    /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(
-      Te,
+    /* @__PURE__ */ o(Le, { children: /* @__PURE__ */ o(
+      xe,
       {
-        href: (T = e.banner) == null ? void 0 : T.url,
+        href: (x = e.banner) == null ? void 0 : x.url,
         style: {
           backgroundColor: ((j = (_ = e.banner) == null ? void 0 : _.ctaButton) == null ? void 0 : j.color) || "#009dc4",
-          color: ((w = (P = e.banner) == null ? void 0 : P.ctaButton) == null ? void 0 : w.textColor) || "#fff"
+          color: ((O = (P = e.banner) == null ? void 0 : P.ctaButton) == null ? void 0 : O.textColor) || "#fff"
         },
         "data-analytics": "button",
-        "data-promo-id": t,
+        "data-promo-id": s,
         "data-promo-type": e.type,
         target: "_blank",
-        children: (R = (O = e.banner) == null ? void 0 : O.ctaButton) == null ? void 0 : R.label
+        children: (w = (U = e.banner) == null ? void 0 : U.ctaButton) == null ? void 0 : w.label
       }
     ) })
   ] });
-}, Pe = /* @__PURE__ */ s("div")({
+}, Pe = /* @__PURE__ */ n("div")({
   name: "SidebarContainer",
   class: "s1abskp8",
   propsAsIs: !1
-}), we = ({
+}), Oe = ({
   children: e,
-  direction: t,
-  style: i,
+  direction: s,
+  style: r,
   className: a,
-  hiding: n
-}) => /* @__PURE__ */ o(D, {
-  direction: t,
-  style: i,
-  hiding: n,
+  hiding: t
+}) => /* @__PURE__ */ o(q, {
+  direction: s,
+  style: r,
+  hiding: t,
   className: a,
   children: /* @__PURE__ */ o(Pe, {
     children: e
   })
-}), Oe = (e) => (e == null ? void 0 : e.type) === m.INGAME_IAB11_LBAR || (e == null ? void 0 : e.type) === m.INGAME_IAB21_LBAR, Re = (e) => (e == null ? void 0 : e.type) === m.INGAME_IAB11 || (e == null ? void 0 : e.type) === m.INGAME_IAB21, Ge = ({ advertisement: e, layoutMode: t = "side-by-side", sidebar: i, banner: a }) => {
-  const n = A(e.data);
-  return !n.data && n.loading ? null : n.error ? /* @__PURE__ */ d("div", { children: [
+}), Ue = (e) => (e == null ? void 0 : e.type) === u.INGAME_IAB11_LBAR || (e == null ? void 0 : e.type) === u.INGAME_IAB21_LBAR, we = (e) => (e == null ? void 0 : e.type) === u.INGAME_IAB11 || (e == null ? void 0 : e.type) === u.INGAME_IAB21, De = ({ advertisement: e, skipTypeCheck: s, layoutMode: r = "side-by-side", sidebar: a, banner: t }) => {
+  const i = I(e.data);
+  return !i.data && i.loading ? null : i.error ? /* @__PURE__ */ d("div", { children: [
     "error ",
     /* @__PURE__ */ o("button", { onClick: e.close, children: "close" })
-  ] }) : n.data ? !i && !a && Re(n.data) ? /* @__PURE__ */ o(ve, { children: /* @__PURE__ */ o(q, { promotionId: e.id, promotion: n.data, onClose: e.close }) }) : i && Oe(n.data) ? /* @__PURE__ */ o(we, { direction: i, hiding: e.hiding, children: /* @__PURE__ */ o(q, { promotionId: e.id, promotion: n.data, onClose: e.close }) }) : a ? /* @__PURE__ */ o(ue, { promotionId: e.id, hiding: e.hiding, promotion: n.data, direction: a }) : null : /* @__PURE__ */ d("div", { children: [
+  ] }) : i.data ? !a && !t && (s || we(i.data)) ? /* @__PURE__ */ o(ve, { className: "PromoOverlayContainer", children: /* @__PURE__ */ o(G, { promotionId: e.id, promotion: i.data, onClose: e.close }) }) : a && (s || Ue(i.data)) ? /* @__PURE__ */ o(Oe, { className: "PromoSidebarContainer", direction: a, hiding: e.hiding, children: /* @__PURE__ */ o(G, { promotionId: e.id, promotion: i.data, onClose: e.close }) }) : t ? /* @__PURE__ */ o(ue, { promotionId: e.id, hiding: e.hiding, promotion: i.data, direction: t }) : null : /* @__PURE__ */ d("div", { children: [
     "empty promo ",
     /* @__PURE__ */ o("button", { onClick: e.close, children: "close" })
   ] });
-}, Ue = /* @__PURE__ */ s("div")({
+}, Re = /* @__PURE__ */ n("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), qe = (e) => {
-  const t = e.target;
-  if (t instanceof HTMLAnchorElement && t.target === "_blank") {
-    const i = t.getAttribute("data-promo-id") || "", a = t.getAttribute("data-promo-type") || m.UNSET;
-    t.getAttribute("data-analytics") === "button" && g.emit("advertisement", {
+}), Ge = (e) => {
+  const s = e.target;
+  if (s instanceof HTMLAnchorElement && s.target === "_blank") {
+    const r = s.getAttribute("data-promo-id") || "", a = s.getAttribute("data-promo-type") || u.UNSET;
+    s.getAttribute("data-analytics") === "button" && A.emit("advertisement", {
       action: "buttonSelect",
       payload: {
-        advertisementId: i,
+        advertisementId: r,
         advertisementType: a
       }
-    }), t.getAttribute("data-analytics") === "banner" && g.emit("advertisement", {
+    }), s.getAttribute("data-analytics") === "banner" && A.emit("advertisement", {
       action: "bannerSelect",
       payload: {
-        advertisementId: i,
+        advertisementId: r,
         advertisementType: a
       }
     });
   }
-}, De = ({
+}, qe = ({
   gamification: e,
-  layoutMode: t,
-  sidebar: i,
-  banner: a,
-  isMobileScreen: n,
+  layoutMode: s,
+  skipTypeCheck: r,
+  sidebar: a,
+  banner: t,
+  isMobileScreen: i,
   persistent: l
 }) => {
-  const r = z(null), p = A(e.advertisement.$list), c = H(
+  const p = z(null), m = I(e.advertisement.$list), c = W(
     () => e.advertisement.getActiveAdvertisement(l),
     // fire getActiveNotification when notifications were updated
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [p, l]
+    [m, l]
   );
-  return Q(r, {
+  return Q(p, {
     enabled: !!c,
     event: "click",
-    listener: qe
-  }), c ? /* @__PURE__ */ o(Ue, {
-    ref: r,
+    listener: Ge
+  }), c ? /* @__PURE__ */ o(Re, {
+    ref: p,
     style: {
-      height: !a && !i ? "auto" : "100%"
+      height: !t && !a ? "auto" : "100%"
     },
-    className: n ? "mobile-view" : "",
-    children: /* @__PURE__ */ o(Ge, {
-      sidebar: i,
-      banner: a,
+    className: i ? "mobile-view" : "",
+    children: /* @__PURE__ */ o(De, {
+      skipTypeCheck: r,
+      sidebar: a,
+      banner: t,
       advertisement: c,
-      layoutMode: t
+      layoutMode: s
     })
   }) : null;
 }, Fe = ({
   sdk: e,
-  sidebar: t,
-  banner: i,
-  event: a,
-  layoutMode: n,
+  sidebar: s,
+  banner: r,
+  skipTypeCheck: a,
+  event: t,
+  layoutMode: i,
   isMobileScreen: l,
-  persistent: r
+  persistent: p
 }) => {
   const {
-    deactivate: p
+    deactivate: m
   } = J(e);
   F(() => {
-    a ? e.createEventSession(a) : p();
-  }, [a, p, e]);
-  const c = A(e.featuresList.getStore());
-  if (t && i)
+    t ? e.createEventSession(t) : m();
+  }, [t, m, e]);
+  const c = I(e.featuresList.getStore());
+  if (s && r)
     return /* @__PURE__ */ o("div", {
       style: {
         color: "red"
@@ -295,36 +300,38 @@ const Z = /* @__PURE__ */ s("div")({
     });
   if (!c)
     return null;
-  const u = e.getFeature(Y.GAMES);
-  return u ? /* @__PURE__ */ o(De, {
-    gamification: u,
-    sidebar: t,
-    banner: i,
-    layoutMode: n,
+  const v = e.getFeature(Y.GAMES);
+  return v ? /* @__PURE__ */ o(qe, {
+    gamification: v,
+    sidebar: s,
+    banner: r,
+    layoutMode: i,
     isMobileScreen: l,
-    persistent: r
+    persistent: p,
+    skipTypeCheck: a
   }) : null;
 }, Je = ({
   event: e,
-  sidebar: t,
-  banner: i,
+  sidebar: s,
+  banner: r,
   isMobileScreen: a,
-  persistent: n
+  persistent: t
 }) => {
-  const l = V();
-  return l ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(
+  const i = V();
+  return i ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(
     Fe,
     {
-      sdk: l,
+      sdk: i,
       event: e,
-      sidebar: t,
-      banner: i,
+      sidebar: s,
+      banner: r,
       isMobileScreen: a,
-      persistent: n,
+      persistent: t,
       layoutMode: "side-by-side"
     }
   ) }) }) : null;
 };
 export {
-  Je as StreamLayerSDKAdvertisement
+  Je as StreamLayerSDKAdvertisement,
+  Fe as StreamLayerSDKAdvertisementUI
 };

package/lib/es/auth.js

@@ -1,5 +1,5 @@
 import { useEffect as i } from "react";
-import { u as a } from "./app.js";
+import { u as a } from "./index2.js";
 const e = ({ token: r, schema: o }) => {
   const t = a();
   return i(() => {

package/lib/es/gamification-feature.js

@@ -1,4 +1,4 @@
-import { E as f } from "./app.js";
+import { E as f } from "./index2.js";
 export {
   f as default
 };

package/lib/es/index.js

@@ -1,8 +1,11 @@
-import { S as t, u as m } from "./app.js";
+import { S as o, d as S, u as i } from "./index2.js";
 import "./useStreamLayerApp2.js";
-import { S } from "./index2.js";
+import { a1 as s } from "./provider.js";
+import "react/jsx-runtime";
+import "react";
 export {
-  S as StreamLayerProvider,
-  t as StreamLayerSDKReact,
-  m as useStreamLayer
+  s as StreamLayerProvider,
+  o as StreamLayerSDKReact,
+  S as StreamLayerThemeProvider,
+  i as useStreamLayer
 };