@streamlayer/react 1.24.7 → 1.24.8-pre.84ab1b9

package/lib/es/index2.js

@@ -1,25 +1,24 @@
-import { h as ye } from "./index6.js";
+import { h as ye } from "./index7.js";
 import { jsx as o, jsxs as v, Fragment as R } from "react/jsx-runtime";
 import { u as f, F as Ne, s as p, b as Se, c as w, a as T, N as M } from "./feature.js";
 import { l as we, S as $e, m as Ae, d as Ce, n as Ee, C as Re, y as xe, a as Le, f as V, p as De, c as Te } from "./index13.js";
-import { M as Oe, b as _e, Q as Me, z as me, c as he, T as fe, I as Be, n as Ue, f as Pe, w as Q, a as Fe, p as ze } from "./index16.js";
-import F from "lodash.throttle";
-import { useState as N, useEffect as I, useRef as E, PureComponent as Ve, useCallback as z, useMemo as $, Suspense as qe, lazy as je, forwardRef as ve, useLayoutEffect as Qe, useContext as K } from "react";
-import { A as L } from "./index8.js";
-import { f as ge, u as Ke, A as He, a as We } from "./analytics.js";
+import { M as Oe, b as _e, Q as Me, z as me, T as he, I as Ue, n as Be, f as Pe, w as Q, a as ze, p as Fe } from "./index16.js";
+import z from "lodash.throttle";
+import { useState as N, useEffect as I, useRef as E, PureComponent as Ve, useCallback as F, useMemo as $, Suspense as qe, lazy as je, forwardRef as fe, useLayoutEffect as Qe, useContext as K } from "react";
+import { A as L } from "./index9.js";
+import { f as ve, u as Ke, c as ge, A as He, a as We } from "./analytics.js";
 import { m as O } from "./theme.js";
-import { p as q, _ as Ge, e as Je } from "./Question.js";
+import { p as q, t as Ge, e as Je } from "./Question.js";
 import { O as Ze } from "./index12.js";
-import { B as x } from "./index7.js";
-import { I as Xe, S as y, g as C, j as H, Q as U } from "./useStreamLayerApp2.js";
-import "@storybook/blocks";
+import { M as x } from "./index5.js";
+import { j as Xe, S as y, h as C, k as H, Q as B } from "./useStreamLayerApp2.js";
 import Ye from "react-infinite-scroller";
 import { I as et, s as tt, e as st } from "./index10.js";
 import "./storage.js";
-import "./index5.js";
+import "./index6.js";
 import { createPortal as nt } from "react-dom";
 import { e as ot } from "./index3.js";
-import { i as W, q as at, _ as rt, j as G } from "./hooks-n9ax4LRT.js";
+import { i as W, z as at, q as rt, k as G } from "./hooks-DHRXtbBc.js";
 import "./notification.js";
 const J = Object.keys(L), Z = () => {
   const e = window.innerWidth;
@@ -35,18 +34,18 @@ const J = Object.keys(L), Z = () => {
     name: t,
     size: L[t]
   };
-}, X = (e) => (e.current?.getBoundingClientRect().y || 0) < -68, B = () => window.matchMedia("(orientation: landscape)").matches, it = (e) => {
-  const [t] = N(() => ge({
+}, X = (e) => (e.current?.getBoundingClientRect().y || 0) < -68, U = () => window.matchMedia("(orientation: landscape)").matches, it = (e) => {
+  const [t] = N(() => ve({
     screen: Z(),
     sdkInView: X(e),
-    sdkInDesktopView: B()
+    sdkInDesktopView: U()
   }));
   return I(() => {
-    const s = F(() => {
+    const s = z(() => {
       t.setKey("sdkInView", X(e));
-    }, 200), a = F(() => {
+    }, 200), a = z(() => {
       const n = Z();
-      t.setKey("screen", n), t.setKey("sdkInDesktopView", B());
+      t.setKey("screen", n), t.setKey("sdkInDesktopView", U());
     }, 200);
     return window.addEventListener("scroll", s), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", s), window.removeEventListener("resize", a);
@@ -60,23 +59,23 @@ const J = Object.keys(L), Z = () => {
   });
 }, lt = 15, dt = (e, t) => {
   const s = E(null), a = E(0), [n] = N(
-    ge({
+    ve({
       scrollPosition: 0,
       tabsShown: !0,
       scrollDirection: "forward"
     })
   ), r = f(t);
   return I(() => {
-    const d = B() ? s.current : window;
+    const d = U() ? s.current : window;
     if (!d)
       return () => {
       };
-    const l = F((i) => {
+    const l = z((i) => {
       const c = i.target;
       if (!c)
         return;
-      let u = 0;
-      B() ? u = c.scrollTop : u = e.current?.getBoundingClientRect().y || 0;
+      let u;
+      U() ? u = c.scrollTop : u = e.current?.getBoundingClientRect().y || 0;
       const m = a.current - u;
       if (lt > Math.abs(m))
         return;
@@ -346,7 +345,7 @@ const xt = /* @__PURE__ */ p("div")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), Bt = () => x, Ut = /* @__PURE__ */ p(Bt())({
+}), Ut = () => x, Bt = /* @__PURE__ */ p(Ut())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -364,15 +363,15 @@ const xt = /* @__PURE__ */ p("div")({
     t ? /* @__PURE__ */ o(Dt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ o(Tt, { children: et(s || "") }),
     /* @__PURE__ */ v(_t, { children: [
       /* @__PURE__ */ o(Mt, { children: s || "" }),
-      r && /* @__PURE__ */ o(Ut, { name: "icon-star" })
+      r && /* @__PURE__ */ o(Bt, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ o("div", { children: tt(n) })
-] }), Ft = /* @__PURE__ */ p("div")({
+] }), zt = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
-}), zt = ({
+}), Ft = ({
   items: e,
   currentUserId: t,
   openItemDetail: s,
@@ -380,7 +379,7 @@ const xt = /* @__PURE__ */ p("div")({
   scrollNode: n,
   hasMore: r
 }) => {
-  const d = z((l) => {
+  const d = F((l) => {
     const i = l.target.getAttribute("data-name");
     i && s(i);
   }, [s]);
@@ -390,7 +389,7 @@ const xt = /* @__PURE__ */ p("div")({
     hasMore: r,
     useWindow: !1,
     getScrollParent: () => n.current,
-    children: /* @__PURE__ */ o(Ft, {
+    children: /* @__PURE__ */ o(zt, {
       "data-a": "intr",
       onClick: d,
       children: e.map((l) => /* @__PURE__ */ o(Pt, {
@@ -432,7 +431,7 @@ const xt = /* @__PURE__ */ p("div")({
   return !r.length && !l ? /* @__PURE__ */ o(qt, {
     deepLink: c
   }) : /* @__PURE__ */ v(R, {
-    children: [/* @__PURE__ */ o(zt, {
+    children: [/* @__PURE__ */ o(Ft, {
       items: r,
       scrollNode: t,
       scrollStore: s,
@@ -489,7 +488,7 @@ const xt = /* @__PURE__ */ p("div")({
   }), [s, d]), I(() => {
     i || u(D.HOME);
   }, [i]);
-  let A = "0px";
+  let A;
   return h ? A = l ? "0px" : "calc(0px - var(--header-height))" : A = l ? "var(--header-height)" : "0px", /* @__PURE__ */ v(we, { className: w(t, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
     i && /* @__PURE__ */ o(
       $e,
@@ -527,7 +526,7 @@ const xt = /* @__PURE__ */ p("div")({
 }) => {
   const s = e + t;
   return s === 0 ? 0 : Math.round(e / s * 100);
-}, xn = ({
+}, Rn = ({
   gamification: e,
   scrollStore: t,
   className: s,
@@ -551,7 +550,7 @@ const xt = /* @__PURE__ */ p("div")({
 }) => {
   const {
     topNavigation: d
-  } = q(), l = f(e.openedQuestionId), i = f(e.openedQuestion.$store), c = f(e.openedUser || he(void 0)), {
+  } = q(), l = f(e.openedQuestionId), i = f(e.openedQuestion.$store), c = f(e.openedUser || ge(void 0)), {
     sdkInDesktopView: u
   } = f(r, {
     keys: ["sdkInDesktopView"]
@@ -586,7 +585,7 @@ const xt = /* @__PURE__ */ p("div")({
       })]
     })
   }) : null;
-  return /* @__PURE__ */ o(fe, {
+  return /* @__PURE__ */ o(he, {
     container: n,
     useContainer: !u,
     children: g
@@ -721,7 +720,7 @@ var de;
 (function(e) {
   e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
 })(de || (de = {}));
-U.POLL, U.PREDICTION, U.TRIVIA;
+B.POLL, B.PREDICTION, B.TRIVIA;
 const rs = {
   [y.GAMES]: !0
 }, is = /* @__PURE__ */ p("div")({
@@ -794,7 +793,7 @@ const rs = {
   name: "DashboardIcon",
   class: "df5w958",
   propsAsIs: !0
-}), $s = "h12x6aiv", As = ve(({
+}), $s = "h12x6aiv", As = fe(({
   sdk: e,
   className: t
 }, s) => {
@@ -819,7 +818,7 @@ const rs = {
       ref: s
     })]
   });
-}), Cs = ve(({
+}), Cs = fe(({
   sdk: e,
   className: t
 }, s) => {
@@ -906,7 +905,7 @@ const rs = {
   name: "Description",
   class: "d8uezec",
   propsAsIs: !1
-}), Bs = /* @__PURE__ */ p("button")({
+}), Us = /* @__PURE__ */ p("button")({
   name: "ActionButton",
   class: "a1h1bk90",
   propsAsIs: !1
@@ -918,7 +917,7 @@ const rs = {
   ] }),
   s?.titleCard?.title && /* @__PURE__ */ o(_s, { children: s?.titleCard?.title }),
   s?.titleCard?.subtitle && /* @__PURE__ */ o(Ms, { children: s?.titleCard?.subtitle }),
-  /* @__PURE__ */ o(Bs, { "data-a": "intr", onClick: t, children: "Play Now" })
+  /* @__PURE__ */ o(Us, { "data-a": "intr", onClick: t, children: "Play Now" })
 ] }), ke = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
   tagline: "",
@@ -931,11 +930,11 @@ const rs = {
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
   headline: "Win points and play against friends."
-}], Us = /* @__PURE__ */ p("div")({
+}], Bs = /* @__PURE__ */ p("div")({
   name: "OnboardingContainer",
   class: "o1xni1kr",
   propsAsIs: !1
-}), Ps = () => V, Fs = /* @__PURE__ */ p(Ps())({
+}), Ps = () => V, zs = /* @__PURE__ */ p(Ps())({
   name: "OnboardingNotificationContainer",
   class: "o1vnouv7",
   propsAsIs: !0
@@ -943,7 +942,7 @@ const rs = {
   name: "InnerContainer",
   class: "i59uefw",
   propsAsIs: !1
-}), zs = /* @__PURE__ */ p("div")({
+}), Fs = /* @__PURE__ */ p("div")({
   name: "OnboardingOverlap",
   class: "ovnr8ov",
   propsAsIs: !1
@@ -956,7 +955,7 @@ const rs = {
   sdk: r,
   throttled: d
 }) => {
-  const l = f(a.friends ? a.friends.getStore() : he({
+  const l = f(a.friends ? a.friends.getStore() : ge({
     data: []
   })), [i, c] = N(void 0), u = $(() => {
     const m = r.getInviter();
@@ -971,8 +970,8 @@ const rs = {
     return () => {
       m();
     };
-  }, [e.$store]), /* @__PURE__ */ v(Us, {
-    children: [/* @__PURE__ */ o(Ue, {
+  }, [e.$store]), /* @__PURE__ */ v(Bs, {
+    children: [/* @__PURE__ */ o(Be, {
       loading: n,
       rules: [{
         label: "Answer as many questions as you like.",
@@ -1000,7 +999,7 @@ const rs = {
       gamification: a,
       sdk: r,
       inviterName: u
-    }), d && /* @__PURE__ */ o(zs, {})]
+    }), d && /* @__PURE__ */ o(Fs, {})]
   });
 }, qs = ({
   sdk: e,
@@ -1024,8 +1023,8 @@ const rs = {
   const {
     loading: k,
     throttled: A
-  } = Be(h);
-  return c && m && i && n.current ? /* @__PURE__ */ o(fe, {
+  } = Ue(h);
+  return c && m && i && n.current ? /* @__PURE__ */ o(he, {
     container: n,
     useContainer: !r,
     children: /* @__PURE__ */ o(Vs, {
@@ -1053,7 +1052,7 @@ const rs = {
         },
         onboarding: i
       })
-    }), /* @__PURE__ */ o(Fs, {
+    }), /* @__PURE__ */ o(zs, {
       style: a,
       hiding: t.hiding,
       children: /* @__PURE__ */ o(ue, {
@@ -1100,9 +1099,9 @@ const rs = {
           }
       }
     });
-  }), []), r = z((l) => {
+  }), []), r = F((l) => {
     a.current = l;
-  }, []), d = z((l) => {
+  }, []), d = F((l) => {
     s(l);
   }, []);
   return I(() => {
@@ -1150,7 +1149,7 @@ const rs = {
         })
       }), /* @__PURE__ */ o(Ws, {}, t.id)]
     })]
-  }) : t.type === M.QUESTION_RESOLVED && t.data?.question?.predictionResult ? /* @__PURE__ */ o(Fe, {
+  }) : t.type === M.QUESTION_RESOLVED && t.data?.question?.predictionResult ? /* @__PURE__ */ o(ze, {
     style: {
       height: t.hiding ? 0 : i
     },
@@ -1271,7 +1270,7 @@ const rs = {
   scrollNode: n,
   responsiveStore: r
 }) => {
-  const [, d] = ze(e);
+  const [, d] = Fe(e);
   return /* @__PURE__ */ o(ts, {
     className: t,
     scrollNode: n,
@@ -1374,13 +1373,13 @@ const rs = {
       })]
     })
   });
-}, Ln = ({ event: e, topNavigation: t, theme: s, muted: a, withSidebarNotification: n = !0 }) => {
+}, xn = ({ event: e, topNavigation: t, theme: s, muted: a, withSidebarNotification: n = !0 }) => {
   const { sdk: r, status: d } = K(W), l = at(), i = rt(), { event: c } = K(W);
   if (d === G.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
   return d === G.CONNECTED ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: "wait" }) : r === null ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !l.app && !l.appNotification && !l.appSidebar || !l.app && !l.appSidebar && l.appNotification && !n ? null : /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(ye, { customTheme: s ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ o(an, { sdk: r, muted: a, event: c?.current || e, topNavigation: t }) }) });
 };
 export {
-  xn as B,
-  Ln as D
+  Rn as B,
+  xn as D
 };

package/lib/es/index4.js

@@ -2,10 +2,10 @@ import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { s as _, u as Se, a as mt, c as Ee } from "./feature.js";
 import $, { forwardRef as Ae, useRef as D, useState as W, useEffect as X, useLayoutEffect as ht, createContext as je, useMemo as He, useCallback as Re, memo as gt } from "react";
 import vt from "lodash.throttle";
-import { B as te } from "./index7.js";
-import { d as wt } from "./index8.js";
+import { M as te } from "./index5.js";
+import { d as wt } from "./index9.js";
 import { Q as yt } from "./index13.js";
-import { f as bt, g as St, S as qe } from "./useStreamLayerApp2.js";
+import { g as bt, h as St, S as qe } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }