@streamlayer/react 1.10.0 → 1.11.1

package/lib/es/index.js

@@ -1,4 +1,4 @@
-import { a0 as S, S as o, a7 as i, h as s, u as y, b as L, j as p } from "./provider.js";
+import { a1 as S, S as o, a8 as i, h as s, u as y, b as L, j as p } from "./provider.js";
 import "./useStreamLayerApp2.js";
 import "react/jsx-runtime";
 import "react";

package/lib/es/masters2.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as L, Fragment as V } from "react/jsx-runtime";
-import { s as u, k as n2, a as v, A as k, l as G, F as C2, m as o2, n as v2, p as h2, o as m2, N as g2, q as f2, M as L2, T as S2, r as b2, C as y2, t as k2, O as r2, v as M, w as I2, x as N2, y as i2, B as P, I as a2, f as W, D as A2, E as w2, G as E2, H as $2, i as T2, J as D, K as Y, Q as V2, R as x2, U as R2, e as F2, V as T, W as j, L as _, X as D2, Z as H2, _ as M2, c as O, $ as _2, a0 as O2, a1 as U2, a2 as z2 } from "./provider.js";
-import { useRef as E, useState as I, useEffect as b, createContext as G2, useContext as l2, useTransition as B2, lazy as P2, useMemo as F, Suspense as W2, forwardRef as Z2, useLayoutEffect as Q2, useCallback as R, Component as q2 } from "react";
+import { s as u, k as n2, a as v, A as k, l as G, F as C2, m as o2, n as v2, p as h2, o as m2, N as g2, q as f2, M as L2, T as S2, r as b2, C as y2, t as k2, O as r2, v as M, w as I2, x as N2, y as A2, B as i2, D as P, I as a2, f as W, E as w2, G as E2, H as $2, J as T2, i as V2, K as D, Q as Y, R as x2, U as R2, V as F2, e as D2, W as T, X as j, L as _, Z as H2, _ as M2, $ as _2, c as O, a0 as O2, a1 as U2, a2 as z2, a3 as G2 } from "./provider.js";
+import { useRef as E, useState as I, useEffect as b, createContext as B2, useContext as l2, lazy as P2, useMemo as F, Suspense as W2, forwardRef as Z2, useLayoutEffect as Q2, useCallback as R, Component as q2 } from "react";
 import { Q as Y2, S as $ } from "./useStreamLayerApp2.js";
 const j2 = /* @__PURE__ */ u("div")({
   name: "SDKContainer",
@@ -104,7 +104,7 @@ const j2 = /* @__PURE__ */ u("div")({
       });
   }
   return t;
-}, c2 = G2({
+}, c2 = B2({
   sdk: null
 }), Q = () => l2(c2), l0 = /* @__PURE__ */ u("div")({
   name: "QuestionContainer",
@@ -225,7 +225,7 @@ const j2 = /* @__PURE__ */ u("div")({
     };
   }, [e]), /* @__PURE__ */ n(r2, { loading: !(t != null && t.summary), ...t == null ? void 0 : t.summary, successRate: (s = t == null ? void 0 : t.percentage) == null ? void 0 : s.correct });
 }, f0 = ({ gamification: e, className: s, scrollStore: t, scrollNode: o, appNode: r, style: i, responsiveStore: a }) => {
-  const { tabsShown: p } = v(t, { keys: ["tabsShown"] }), [c, d] = I(M.HOME), [, l] = B2(), { sdkInDesktopView: C, screen: m } = v(a, { keys: ["sdkInDesktopView"] }), S = (f) => {
+  const { tabsShown: p } = v(t, { keys: ["tabsShown"] }), [c, d] = I(M.HOME), [, l] = I2(), { sdkInDesktopView: C, screen: m } = v(a, { keys: ["sdkInDesktopView"] }), S = (f) => {
     l(() => {
       var y;
       d(f), C === !1 && (((y = r.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && Z(r, m.size, { behavior: "instant" });
@@ -246,7 +246,7 @@ const j2 = /* @__PURE__ */ u("div")({
         style: {
           top: h
         },
-        children: /* @__PURE__ */ n(I2, { activePage: c, toggleActivePage: S })
+        children: /* @__PURE__ */ n(N2, { activePage: c, toggleActivePage: S })
       }
     ),
     c === M.HOME && /* @__PURE__ */ L(V, { children: [
@@ -296,7 +296,7 @@ const j2 = /* @__PURE__ */ u("div")({
   }), {
     hiding: p,
     onAnimationEnd: c
-  } = N2();
+  } = A2();
   if (!t.current || !r && !i)
     return null;
   const d = r ? /* @__PURE__ */ n(K, {
@@ -388,7 +388,7 @@ const j2 = /* @__PURE__ */ u("div")({
   name: "Navigation",
   class: "n19lpak2",
   propsAsIs: !1
-}), F0 = () => A2, D0 = /* @__PURE__ */ u(F0())({
+}), F0 = () => w2, D0 = /* @__PURE__ */ u(F0())({
   name: "NavigationItems",
   class: "n1w473c2",
   propsAsIs: !0
@@ -528,7 +528,7 @@ const j2 = /* @__PURE__ */ u("div")({
       g();
     };
   }, [e.$store]), /* @__PURE__ */ n(q0, {
-    children: /* @__PURE__ */ n(E2, {
+    children: /* @__PURE__ */ n($2, {
       loading: r,
       rules: [{
         label: "Answer as many questions as you like.",
@@ -583,7 +583,7 @@ const j2 = /* @__PURE__ */ u("div")({
   const {
     loading: f,
     throttled: y
-  } = w2(S);
+  } = E2(S);
   return l && m && d && r.current && !y ? /* @__PURE__ */ n(i2, {
     container: r,
     useContainer: !i,
@@ -643,7 +643,7 @@ const j2 = /* @__PURE__ */ u("div")({
   name: "NotificationRefreshing",
   class: "n13rok4i",
   propsAsIs: !1
-}), o1 = () => $2, r1 = /* @__PURE__ */ u(o1())({
+}), o1 = () => T2, r1 = /* @__PURE__ */ u(o1())({
   name: "Pill",
   class: "pht79xf",
   propsAsIs: !0
@@ -695,7 +695,7 @@ const j2 = /* @__PURE__ */ u("div")({
         })
       }), /* @__PURE__ */ n(n1, {}, s.id)]
     })]
-  }) : s.type === D.QUESTION_RESOLVED && (i = (r = s.data) == null ? void 0 : r.question) != null && i.predictionResult ? /* @__PURE__ */ n(V2, {
+  }) : s.type === D.QUESTION_RESOLVED && (i = (r = s.data) == null ? void 0 : r.question) != null && i.predictionResult ? /* @__PURE__ */ n(x2, {
     style: {
       height: s.hiding ? 0 : d
     },
@@ -739,8 +739,8 @@ const j2 = /* @__PURE__ */ u("div")({
     i.get().sdkInDesktopView ? C < 50 && s(null) : C > -50 && s(null);
   }, [C, i, s]);
   const m = i.get().sdkInDesktopView ? t : o;
-  return !e || !m.current ? null : x2.createPortal(/* @__PURE__ */ n(r1, {
-    title: e.type === D.QUESTION_RESOLVED ? "Prediction result" : `New ${((c = R2[(p = e.data) == null ? void 0 : p.questionType]) == null ? void 0 : c.label) || "notification"}`,
+  return !e || !m.current ? null : R2.createPortal(/* @__PURE__ */ n(r1, {
+    title: e.type === D.QUESTION_RESOLVED ? "Prediction result" : `New ${((c = F2[(p = e.data) == null ? void 0 : p.questionType]) == null ? void 0 : c.label) || "notification"}`,
     onClick: () => {
       var S;
       i.get().sdkInDesktopView ? (S = r.current) == null || S.scrollTo({
@@ -750,7 +750,7 @@ const j2 = /* @__PURE__ */ u("div")({
         behavior: "smooth"
       }), s(null);
     },
-    className: F2(l && l1, "sl-pill-button")
+    className: D2(l && l1, "sl-pill-button")
   }), m.current);
 }, c1 = ({
   sdk: e,
@@ -762,7 +762,7 @@ const j2 = /* @__PURE__ */ u("div")({
 }) => {
   const [a] = I(e.getNotificationsStore()), p = v(a), [c, d] = I(null), l = F(() => e.getActiveNotification(), [e, p]);
   return b(() => {
-    l && T2.emit("notification", {
+    l && V2.emit("notification", {
       action: "rendered",
       payload: {
         questionId: l.data.questionId,
@@ -934,7 +934,7 @@ const j2 = /* @__PURE__ */ u("div")({
     --header-offset: 76px;
   `}`;
 const h1 = "m1ojpy2l", m1 = ({ children: e, style: s }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: h1, style: s, children: e }) }), g1 = ({ sdk: e, className: s, scrollStore: t, appNode: o, scrollNode: r, responsiveStore: i }) => {
-  const [, a] = _2(e);
+  const [, a] = O2(e);
   return /* @__PURE__ */ n(
     I0,
     {
@@ -965,15 +965,15 @@ const h1 = "m1ojpy2l", m1 = ({ children: e, style: s }) => /* @__PURE__ */ n("di
   }) : null;
 }, L1 = ({ sdk: e, overlays: s, children: t }) => {
   const o = E(null), r = E(null), [i] = u1(o), [a, p] = i0(o, i), { sdkEnabled: c, sdkReady: d, activeOverlay: l, activateAndLoadOverlay: C, activateEventWithId: m, deactivate: S, isLogged: h } = p1(e);
-  _(o, { enabled: c, event: "click", listener: D2 }), _(a, {
+  _(o, { enabled: c, event: "click", listener: H2 }), _(a, {
     enabled: c,
     event: "scrollend",
-    listener: H2,
+    listener: M2,
     useDomNode: !0
   }), _(a, {
     enabled: c,
     event: "click",
-    listener: M2,
+    listener: _2,
     useDomNode: !0
   });
   const f = F(() => ({ sdk: e }), [e]);
@@ -1031,7 +1031,7 @@ const h1 = "m1ojpy2l", m1 = ({ children: e, style: s }) => /* @__PURE__ */ n("di
     )
   ] }) });
 }, A1 = ({ sdkKey: e, plugins: s, children: t, onDeepLinkHandled: o, videoPlayerController: r, production: i = !0 }) => /* @__PURE__ */ n(
-  O2,
+  U2,
   {
     sdkKey: e,
     plugins: s,
@@ -1042,8 +1042,8 @@ const h1 = "m1ojpy2l", m1 = ({ children: e, style: s }) => /* @__PURE__ */ n("di
     children: t
   }
 ), S1 = ({ children: e, overlays: s }) => {
-  const { sdk: t, status: o } = l2(U2);
-  return o === z2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), e({})) : t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(m1, { style: { height: "100%" }, children: /* @__PURE__ */ n(L1, { sdk: t, overlays: s, children: e }) }) }) : e({});
+  const { sdk: t, status: o } = l2(z2);
+  return o === G2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), e({})) : t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(m1, { style: { height: "100%" }, children: /* @__PURE__ */ n(L1, { sdk: t, overlays: s, children: e }) }) }) : e({});
 };
 class w1 extends q2 {
   constructor(s) {

package/lib/es/notification.js

@@ -1,12 +1,12 @@
-import { f as m, s as e, a3 as L, a4 as z, a5 as B, U as O, a6 as R, g as P, d as Q, a as U, i as V, J as T, u as F, b as W, j as G, h as K } from "./provider.js";
+import { f as m, s as e, a4 as L, a5 as z, a6 as B, V as O, a7 as R, g as P, d as Q, a as V, i as U, K as T, u as F, b as K, j as W, h as G } from "./provider.js";
 import { i as p, Q as I, j as Y, S as _ } from "./useStreamLayerApp2.js";
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { useState as q, useEffect as E, useMemo as J } from "react";
+import { useState as q, useEffect as E, useMemo as H } from "react";
 const h = /* @__PURE__ */ e("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), H = () => h, X = /* @__PURE__ */ e(H())({
+}), J = () => h, X = /* @__PURE__ */ e(J())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
@@ -246,7 +246,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), Us = ({
+}), Vs = ({
   step: t,
   children: o,
   answer: i,
@@ -268,7 +268,7 @@ const h = /* @__PURE__ */ e("div")({
       }), "Your Pick: ", i]
     })
   })]
-}), Vs = /* @__PURE__ */ e("div")({
+}), Us = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "ckyzolp",
   propsAsIs: !1
@@ -276,11 +276,11 @@ const h = /* @__PURE__ */ e("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), Fs = () => y, Ws = /* @__PURE__ */ e(Fs())({
+}), Fs = () => y, Ks = /* @__PURE__ */ e(Fs())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Gs = () => y, Ks = /* @__PURE__ */ e(Gs())({
+}), Ws = () => y, Gs = /* @__PURE__ */ e(Ws())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
@@ -288,15 +288,15 @@ const h = /* @__PURE__ */ e("div")({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Js = () => /* @__PURE__ */ c(Vs, {
-  children: [/* @__PURE__ */ s(Ws, {
+}), Hs = () => /* @__PURE__ */ c(Us, {
+  children: [/* @__PURE__ */ s(Ks, {
     children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(Ks, {
+  }), /* @__PURE__ */ s(Gs, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(_s, {
     children: /* @__PURE__ */ s("div", {})
   })]
-}), Hs = /* @__PURE__ */ e("div")({
+}), Js = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
@@ -304,7 +304,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), se = () => /* @__PURE__ */ c(Hs, {
+}), se = () => /* @__PURE__ */ c(Js, {
   children: [/* @__PURE__ */ s(Zs, {
     name: "icon-check"
   }), " Prediction results are in!"]
@@ -412,8 +412,8 @@ const h = /* @__PURE__ */ e("div")({
     return /* @__PURE__ */ s(b, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(se, {}) }) });
   let v = "pending";
   return (r === 3 || r === 4) && (v = n ? "correct" : "incorrect"), /* @__PURE__ */ s(b, { onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(w, { children: [
-    r !== 1 && /* @__PURE__ */ s(Js, {}, r),
-    /* @__PURE__ */ c(Us, { state: v, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
+    r !== 1 && /* @__PURE__ */ s(Hs, {}, r),
+    /* @__PURE__ */ c(Vs, { state: v, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
       r === 2 && /* @__PURE__ */ s(oe, { title: d || "unknown" }),
       r === 3 && n && /* @__PURE__ */ s(re, {}),
       r === 3 && !n && /* @__PURE__ */ s(le, { title: l || "unknown" }),
@@ -441,9 +441,9 @@ const h = /* @__PURE__ */ e("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), $e = (t) => /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ s(ve, { ...t }) }), ye = ({ sdk: t }) => {
-  const [o] = q(t.getNotificationsStore()), i = U(o), a = t.getFeature(_.GAMES), n = J(() => t.getActiveNotification(), [t, i]);
+  const [o] = q(t.getNotificationsStore()), i = V(o), a = t.getFeature(_.GAMES), n = H(() => t.getActiveNotification(), [t, i]);
   return E(() => {
-    n && V.emit("notification", {
+    n && U.emit("notification", {
       action: "rendered",
       payload: {
         questionId: n.data.questionId,
@@ -459,8 +459,8 @@ const h = /* @__PURE__ */ e("div")({
     }
   ) : null : n && n.type === T.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ s(Ms, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ s(gs, { ...n.data, action: n.action });
 }, Ne = ({ theme: t }) => {
-  const o = F(), i = W(), a = G();
-  return o && a.appNotification ? a.app ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ s(ye, { sdk: o }) }) }) : null;
+  const o = F(), i = K(), a = W();
+  return o && a.appNotification ? a.app ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(G, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ s(ye, { sdk: o }) }) }) : null;
 };
 export {
   Ne as StreamLayerSDKNotification,