@streamlayer/react 1.16.0 → 1.17.1

package/lib/classic/es/index.js

@@ -1,4 +1,4 @@
-import { Q as m, S, a1 as o, h as i, u as s, b as y, Y as L } from "./provider.js";
+import { r as m, S, t as o, h as i, u as s, b as y, o as L } from "./provider.js";
 import "react/jsx-runtime";
 import "react";
 import { StreamLayerSDKNotification as p, StreamLayerSDKNotificationUI as u } from "./notification.js";

package/lib/classic/es/notification.js

@@ -1,12 +1,12 @@
-import { s, k as u, Z as L, _ as O, $ as R, G as B, a0 as P, W as Q, d as U, a as V, e as F, N as k, u as W, b as G, Y, h as _ } from "./provider.js";
+import { s, k as u, D as L, A as O, x as R, p as B, q as P, y as Q, d as U, a as V, e as F, N as k, u as W, b as G, o as K, h as Y } from "./provider.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as y, useCallback as K, useMemo as E, useEffect as x } from "react";
-import { j as m, Q as A, k as Z, S as H } from "./useStreamLayerApp2.js";
+import { useState as y, useCallback as _, useMemo as E, useEffect as x } from "react";
+import { j as m, Q as A, k as H, S as J } from "./useStreamLayerApp2.js";
 const $ = /* @__PURE__ */ s("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), J = () => $, X = /* @__PURE__ */ s(J())({
+}), X = () => $, Z = /* @__PURE__ */ s(X())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
@@ -35,7 +35,7 @@ const $ = /* @__PURE__ */ s("div")({
   [m.NONE]: N,
   [m.ROUNDED]: ne,
   [m.CENTERED]: ie,
-  [m.TRANSPARENT]: X
+  [m.TRANSPARENT]: Z
 }, b = ({
   src: t,
   imageMode: i = m.UNSET,
@@ -117,7 +117,7 @@ const $ = /* @__PURE__ */ s("div")({
     {
       questionTypeData: o,
       questionType: i,
-      questionStatus: Z.UNSET
+      questionStatus: H.UNSET
     }
   ),
   t && /* @__PURE__ */ e(pe, { children: t })
@@ -258,7 +258,7 @@ const $ = /* @__PURE__ */ s("div")({
       var I, v;
       d((v = (I = p == null ? void 0 : p[0]) == null ? void 0 : I.contentRect) == null ? void 0 : v.width);
     });
-  })), r = K((p) => {
+  })), r = _((p) => {
     p || l.disconnect(), l.observe(p);
   }, [l]);
   return E(() => () => {
@@ -297,31 +297,31 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Ye = () => g, _e = /* @__PURE__ */ s(Ye())({
+}), Ke = () => g, Ye = /* @__PURE__ */ s(Ke())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), Ke = () => g, Ze = /* @__PURE__ */ s(Ke())({
+}), _e = () => g, He = /* @__PURE__ */ s(_e())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), He = () => /* @__PURE__ */ c(Fe, {
+}), Je = () => /* @__PURE__ */ c(Fe, {
   children: [/* @__PURE__ */ e(Ge, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(_e, {
+  }), /* @__PURE__ */ e(Ye, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Ze, {
+  }), /* @__PURE__ */ e(He, {
     children: /* @__PURE__ */ e("div", {})
   })]
-}), Je = /* @__PURE__ */ s("div")({
+}), Xe = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Xe = () => u, es = /* @__PURE__ */ s(Xe())({
+}), Ze = () => u, es = /* @__PURE__ */ s(Ze())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), ss = () => /* @__PURE__ */ c(Je, {
+}), ss = () => /* @__PURE__ */ c(Xe, {
   children: [/* @__PURE__ */ e(es, {
     name: "icon-check"
   }), " Prediction results are in!"]
@@ -429,7 +429,7 @@ const $ = /* @__PURE__ */ s("div")({
     return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(ss, {}) }) });
   let p = "pending";
   return (r === 3 || r === 4) && (p = n ? "correct" : "incorrect"), /* @__PURE__ */ e(w, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ c(q, { children: [
-    r !== 1 && /* @__PURE__ */ e(He, {}, r),
+    r !== 1 && /* @__PURE__ */ e(Je, {}, r),
     /* @__PURE__ */ c(Ve, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
       r === 2 && /* @__PURE__ */ e(os, { title: l || "unknown" }),
       r === 3 && n && /* @__PURE__ */ e(ls, {}),
@@ -458,7 +458,7 @@ const $ = /* @__PURE__ */ s("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), ys = (t) => /* @__PURE__ */ e($s, { children: /* @__PURE__ */ e(As, { ...t }) }), fs = ({ sdk: t }) => {
-  const [i] = y(t.getNotificationsStore()), o = V(i), a = t.getFeature(H.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
+  const [i] = y(t.getNotificationsStore()), o = V(i), a = t.getFeature(J.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
   return x(() => {
     n && F.emit("notification", {
       action: "rendered",
@@ -476,8 +476,8 @@ const $ = /* @__PURE__ */ s("div")({
     }
   ) : null : n && n.type === k.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ e(je, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ e(Te, { ...n.data, action: n.action });
 }, bs = ({ theme: t }) => {
-  const i = W(), o = G(), a = Y();
-  return i && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(_, { customTheme: t ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ e(fs, { sdk: i }) }) }) : null;
+  const i = W(), o = G(), a = K();
+  return i && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(Y, { customTheme: t ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ e(fs, { sdk: i }) }) }) : null;
 };
 export {
   bs as StreamLayerSDKNotification,

package/lib/classic/es/points.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import { s as a, k as h, c as y, d as S, a as f, F as p, e as r, u as v, b as k, h as g } from "./provider.js";
+import { s as a, k as y, m as h, d as S, a as f, F as p, e as r, u as v, b as k, h as g } from "./provider.js";
 import { S as b } from "./useStreamLayerApp2.js";
 const A = /* @__PURE__ */ a("div")({
   name: "PointsContainer",
@@ -10,7 +10,7 @@ const A = /* @__PURE__ */ a("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), P = () => h, T = /* @__PURE__ */ a(P())({
+}), P = () => y, T = /* @__PURE__ */ a(P())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
@@ -26,7 +26,7 @@ const A = /* @__PURE__ */ a("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(A, { className: y, onClick: e, children: [
+}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(A, { className: h, onClick: e, children: [
   /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(T, { name: "icon-trophy-solid" }) }),
   /* @__PURE__ */ l(F, { children: [
     /* @__PURE__ */ t(L, { children: "Total points" }),