@streamlayer/react 1.24.7 → 1.24.8-pre.11da316

package/lib/es/analytics.js

@@ -1,8 +1,11 @@
-import { useEffect as c } from "react";
-import { e as s } from "./index3.js";
-import { A as v } from "./index8.js";
-let i = [], r = 0;
-const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
+import "./feature.js";
+import { a as c } from "./useStreamLayerApp2.js";
+import { useEffect as v } from "react";
+import { e as u } from "./index3.js";
+import { A as m } from "./index9.js";
+const A = (a) => c(a);
+let o = [], r = 0;
+const s = 4, p = /* @__NO_SIDE_EFFECTS__ */ (a) => {
   let e = [], t = {
     get() {
       return t.lc || t.listen(() => {
@@ -11,24 +14,24 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
     lc: 0,
     listen(n) {
       return t.lc = e.push(n), () => {
-        for (let o = r + u; o < i.length; )
-          i[o] === n ? i.splice(o, u) : o += u;
+        for (let i = r + s; i < o.length; )
+          o[i] === n ? o.splice(i, s) : i += s;
         let l = e.indexOf(n);
         ~l && (e.splice(l, 1), --t.lc || t.off());
       };
     },
     notify(n, l) {
-      let o = !i.length;
+      let i = !o.length;
       for (let f of e)
-        i.push(f, t.value, n, l);
-      if (o) {
-        for (r = 0; r < i.length; r += u)
-          i[r](
-            i[r + 1],
-            i[r + 2],
-            i[r + 3]
+        o.push(f, t.value, n, l);
+      if (i) {
+        for (r = 0; r < o.length; r += s)
+          o[r](
+            o[r + 1],
+            o[r + 2],
+            o[r + 3]
           );
-        i.length = 0;
+        o.length = 0;
       }
     },
     /* It will be called on last listener unsubscribing.
@@ -46,8 +49,8 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
     value: a
   };
   return t;
-}, b = /* @__NO_SIDE_EFFECTS__ */ (a = {}) => {
-  let e = /* @__PURE__ */ d(a);
+}, E = /* @__NO_SIDE_EFFECTS__ */ (a = {}) => {
+  let e = /* @__PURE__ */ p(a);
   return e.setKey = function(t, n) {
     let l = e.value;
     typeof n > "u" && t in e.value ? (e.value = { ...e.value }, delete e.value[t], e.notify(l, t)) : e.value[t] !== n && (e.value = {
@@ -55,20 +58,20 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
       [t]: n
     }, e.notify(l, t));
   }, e;
-}, y = (a) => [(e) => (...t) => (a && s.emit(a?.type, a), e ? e(t) : null)], h = (a) => {
+}, w = (a) => [(e) => (...t) => (a && u.emit(a?.type, a), e ? e(t) : null)], x = (a) => {
   const e = a.target;
-  e instanceof HTMLAnchorElement && e.target === "_blank" && e.getAttribute("data-a") === "web-link" && s.emit("poll", {
+  e instanceof HTMLAnchorElement && e.target === "_blank" && e.getAttribute("data-a") === "web-link" && u.emit("poll", {
     action: "navigated",
     payload: {}
-  }), e instanceof Element && e.getAttribute("data-a") === "intr" && s.emit("interactions", {
+  }), e instanceof Element && e.getAttribute("data-a") === "intr" && u.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, A = (a, e) => {
-  const t = window.innerWidth < v.xl;
-  c(() => {
-    const n = t && e.useDomNode ? document : a.current, l = (o) => {
-      e.listener(o, a);
+}, L = (a, e) => {
+  const t = window.innerWidth < m.xl;
+  v(() => {
+    const n = t && e.useDomNode ? document : a.current, l = (i) => {
+      e.listener(i, a);
     };
     return e.enabled && n?.addEventListener(e.event, l), () => {
       n?.removeEventListener(e.event, l);
@@ -76,9 +79,10 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
   }, [t, e.enabled, e.listener]);
 };
 export {
-  A,
-  h as a,
-  d as b,
-  b as f,
-  y as u
+  L as A,
+  x as a,
+  p as b,
+  A as c,
+  E as f,
+  w as u
 };

package/lib/es/auth.js

@@ -1,5 +1,5 @@
 import { useEffect as o } from "react";
-import { Y as f } from "./hooks-n9ax4LRT.js";
+import { w as f } from "./hooks-42q2i9Iw.js";
 const p = ({ token: t, schema: i }) => {
   const r = f();
   return o(() => {

package/lib/es/bet-pack.js

@@ -3,7 +3,7 @@ import { e as i } from "./index3.js";
 import { useEffect as n } from "react";
 import "./feature.js";
 import { D as c } from "./index4.js";
-import { Y as m } from "./hooks-n9ax4LRT.js";
+import { w as m } from "./hooks-42q2i9Iw.js";
 const r = (t) => {
   const e = t.target;
   e instanceof Element && e.getAttribute("data-a") === "intr" && i.emit("interactions", {

package/lib/es/{hooks-n9ax4LRT.js → hooks-42q2i9Iw.js}

@@ -1,6 +1,6 @@
-import { useRef as w, useMemo as A, useEffect as r, useContext as l, useState as b, createContext as N } from "react";
+import { useRef as A, useMemo as N, useEffect as r, useContext as l, useState as b, createContext as L } from "react";
 import { jsxs as O, jsx as T } from "react/jsx-runtime";
-import { z as L } from "./useStreamLayerApp2.js";
+import { B } from "./useStreamLayerApp2.js";
 const x = ({
   event: e,
   internal: i
@@ -14,13 +14,13 @@ var M = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] =
 const H = {
   status: 0,
   sdk: null
-}, d = N(H), F = ({
+}, d = L(H), F = ({
   sdkKey: e,
   theme: i,
   themeMode: o,
   plugins: n,
   children: h,
-  event: v,
+  event: k,
   production: y = !0,
   autoEnable: f = !0,
   withAdNotification: C,
@@ -32,11 +32,12 @@ const H = {
   onDeepLinkHandled: s,
   videoPlayerController: a,
   onContentActivate: g,
-  containerId: k,
-  webOS: D,
-  gamification: K
+  mobileBreakpoint: D,
+  containerId: m,
+  webOS: K,
+  gamification: P
 }) => {
-  const t = L({
+  const t = B({
     sdkKey: e,
     plugins: n,
     production: y,
@@ -50,12 +51,13 @@ const H = {
     withAd: E,
     friendsTab: p,
     betPack: u,
-    webOS: D,
-    gamification: K
-  }), m = w(""), P = A(() => t ? { sdk: t, status: 2, event: m } : { status: 1, sdk: null, event: m }, [t]);
+    webOS: K,
+    gamification: P,
+    mobileBreakpoint: D
+  }), v = A(""), w = N(() => t ? { sdk: t, status: 2, event: v } : { status: 1, sdk: null, event: v }, [t]);
   return r(() => {
-    t && (t.options.setKey("friendsTab", p), t.options.setKey("theme", i), t.options.setKey("themeMode", o), t.options.setKey("skipOnboarding", c), t.options.setKey("betPack", u), t.options.setKey("containerId", k));
-  }, [t, p, i, o, c, u, k]), r(() => () => {
+    t && (t.options.setKey("friendsTab", p), t.options.setKey("theme", i), t.options.setKey("themeMode", o), t.options.setKey("skipOnboarding", c), t.options.setKey("betPack", u), t.options.setKey("containerId", m));
+  }, [t, p, i, o, c, u, m]), r(() => () => {
     s && t?.removeDeepLinkHandler(s), a && t?.removeVideoPlayerController(a);
   }, [t]), r(() => {
     localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
@@ -63,8 +65,8 @@ const H = {
       onDeepLinkHandled: !!s,
       videoPlayerController: !!a
     });
-  }, [e, s, a]), /* @__PURE__ */ O(d.Provider, { value: P, children: [
-    v !== void 0 && /* @__PURE__ */ T(x, { event: v }),
+  }, [e, s, a]), /* @__PURE__ */ O(d.Provider, { value: w, children: [
+    k !== void 0 && /* @__PURE__ */ T(x, { event: k }),
     h
   ] });
 }, j = () => {
@@ -73,13 +75,13 @@ const H = {
 }, I = () => {
   const { event: e } = l(d);
   return e;
-}, V = () => {
+}, _ = () => {
   const { sdk: e } = l(d), [i, o] = b({});
   return r(() => e?.options ? e?.options?.subscribe((n) => {
     o({ theme: n.theme, themeMode: n.themeMode });
   }) : () => {
   }, [e?.options]), i;
-}, _ = () => {
+}, q = () => {
   const { sdk: e } = l(d), [i, o] = b({});
   return r(() => e?.uiState ? e?.uiState.subscribe((n) => {
     o({ ...n });
@@ -87,11 +89,11 @@ const H = {
   }, [e?.uiState]), i;
 };
 export {
-  F as V,
-  j as Y,
-  V as _,
-  x as g,
+  F as _,
   d as i,
-  M as j,
-  _ as q
+  x as j,
+  M as k,
+  _ as q,
+  j as w,
+  q as z
 };

package/lib/es/{index-D8wyDNJD.js → index-sWgEw6jy.js}

@@ -1,4 +1,4 @@
-import { u as ir } from "./useStreamLayerApp2.js";
+import { T as ir } from "./useStreamLayerApp2.js";
 function sr(A, S) {
   for (var G = 0; G < S.length; G++) {
     const X = S[G];

package/lib/es/index.js

@@ -1,7 +1,7 @@
-import { h as a } from "./index6.js";
+import { h as a } from "./index7.js";
 import { D as m } from "./index2.js";
 import { StreamLayerSDKNotification as S, StreamLayerSDKNotificationUI as s } from "./notification.js";
-import { V as L, g as i, Y as f, _ as D, q as p } from "./hooks-n9ax4LRT.js";
+import { _ as L, j as i, w as f, q as D, z as p } from "./hooks-42q2i9Iw.js";
 export {
   L as StreamLayerProvider,
   i as StreamLayerSDKEvent,

package/lib/es/index10.js

@@ -3,7 +3,7 @@ import { Q as i } from "./useStreamLayerApp2.js";
 import { jsxs as t, jsx as s, Fragment as U } from "react/jsx-runtime";
 import { memo as $, useMemo as w } from "react";
 import { V as y } from "./index14.js";
-import { B as T } from "./index7.js";
+import { M as T } from "./index5.js";
 const G = {
   [i.TWEET]: { label: "Insight", iconName: "icon-insight" },
   [i.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
@@ -61,7 +61,7 @@ const G = {
   name: "UserNameAndDate",
   class: "u1p051g3",
   propsAsIs: !1
-}), P = ({ image: r, name: n, userName: c, verified: o, createdTweet: p }) => {
+}), M = ({ image: r, name: n, userName: c, verified: o, createdTweet: p }) => {
   const m = p && L(p);
   return /* @__PURE__ */ t(D, { children: [
     r && /* @__PURE__ */ t(H, { children: [
@@ -82,7 +82,7 @@ const G = {
       ] })
     ] })
   ] });
-}, M = /* @__PURE__ */ a("div")({
+}, P = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1kzqw87",
   propsAsIs: !1
@@ -123,10 +123,10 @@ const G = {
       ({ contentType: I }) => I === "video/mp4"
       /* VIDEO */
     )?.url, [e]);
-    return /* @__PURE__ */ t(M, { children: [
+    return /* @__PURE__ */ t(P, { children: [
       /* @__PURE__ */ t(R, { children: [
         /* @__PURE__ */ s(
-          P,
+          M,
           {
             image: r,
             name: m?.meta?.accountName,
@@ -175,7 +175,7 @@ const G = {
   }
 );
 export {
-  P as D,
+  M as D,
   K as I,
   Z as N,
   G as e,