@streamlayer/react 1.14.6 → 1.14.8

package/lib/es/notification.js

@@ -1,12 +1,12 @@
-import { k as u, s, X as L, Z as O, _ as R, E as B, $ as P, V as Q, d as V, a as U, e as F, N as k, u as W, b as _, W as G, h as K } from "./provider.js";
-import { j as m, Q as A, k as Y, S as X } from "./useStreamLayerApp2.js";
+import { k as u, s, 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 { j as m, Q as A, k as K, S as Z } from "./useStreamLayerApp2.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as y, useCallback as Z, useMemo as E, useEffect as x } from "react";
+import { useState as y, useCallback as H, useMemo as E, useEffect as x } from "react";
 const $ = /* @__PURE__ */ s("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), H = () => $, J = /* @__PURE__ */ s(H())({
+}), J = () => $, X = /* @__PURE__ */ s(J())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
@@ -35,7 +35,7 @@ const $ = /* @__PURE__ */ s("div")({
   [m.NONE]: N,
   [m.ROUNDED]: ne,
   [m.CENTERED]: oe,
-  [m.TRANSPARENT]: J
+  [m.TRANSPARENT]: X
 }, b = ({
   src: t,
   imageMode: o = m.UNSET,
@@ -117,7 +117,7 @@ const $ = /* @__PURE__ */ s("div")({
     {
       questionTypeData: i,
       questionType: o,
-      questionStatus: Y.UNSET
+      questionStatus: K.UNSET
     }
   ),
   t && /* @__PURE__ */ e(pe, { children: t })
@@ -242,11 +242,11 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Body",
   class: "barrbyu",
   propsAsIs: !1
-}), Ve = /* @__PURE__ */ s("div")({
+}), Ue = /* @__PURE__ */ s("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), Ue = ({
+}), Ve = ({
   step: t,
   children: o,
   answer: i,
@@ -257,7 +257,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 = Z((p) => {
+  })), r = H((p) => {
     p || l.disconnect(), l.observe(p);
   }, [l]);
   return E(() => () => {
@@ -274,7 +274,7 @@ const $ = /* @__PURE__ */ s("div")({
       children: /* @__PURE__ */ e(Qe, {
         children: o
       }, t)
-    }), /* @__PURE__ */ e(Ve, {
+    }), /* @__PURE__ */ e(Ue, {
       ref: r,
       className: a,
       children: /* @__PURE__ */ c("div", {
@@ -292,35 +292,35 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), We = () => g, _e = /* @__PURE__ */ s(We())({
+}), We = () => g, Ge = /* @__PURE__ */ s(We())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Ge = () => g, Ke = /* @__PURE__ */ s(Ge())({
+}), Ye = () => g, _e = /* @__PURE__ */ s(Ye())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), Ye = () => g, Xe = /* @__PURE__ */ s(Ye())({
+}), Ke = () => g, Ze = /* @__PURE__ */ s(Ke())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Ze = () => /* @__PURE__ */ c(Fe, {
-  children: [/* @__PURE__ */ e(_e, {
+}), He = () => /* @__PURE__ */ c(Fe, {
+  children: [/* @__PURE__ */ e(Ge, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Ke, {
+  }), /* @__PURE__ */ e(_e, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Xe, {
+  }), /* @__PURE__ */ e(Ze, {
     children: /* @__PURE__ */ e("div", {})
   })]
-}), He = /* @__PURE__ */ s("div")({
+}), Je = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Je = () => u, es = /* @__PURE__ */ s(Je())({
+}), Xe = () => u, es = /* @__PURE__ */ s(Xe())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), ss = () => /* @__PURE__ */ c(He, {
+}), ss = () => /* @__PURE__ */ c(Je, {
   children: [/* @__PURE__ */ e(es, {
     name: "icon-check"
   }), " Prediction results are in!"]
@@ -390,7 +390,7 @@ const $ = /* @__PURE__ */ s("div")({
   points: t
 }) => /* @__PURE__ */ c(ps, {
   children: [/* @__PURE__ */ c(ms, {
-    children: ["You won ", /* @__PURE__ */ e(V, {
+    children: ["You won ", /* @__PURE__ */ e(U, {
       delay: 0.5,
       prefix: "+",
       suffix: " points",
@@ -428,8 +428,8 @@ 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, { onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(q, { children: [
-    r !== 1 && /* @__PURE__ */ e(Ze, {}, r),
-    /* @__PURE__ */ c(Ue, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
+    r !== 1 && /* @__PURE__ */ e(He, {}, r),
+    /* @__PURE__ */ c(Ve, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
       r === 2 && /* @__PURE__ */ e(is, { title: l || "unknown" }),
       r === 3 && n && /* @__PURE__ */ e(ls, {}),
       r === 3 && !n && /* @__PURE__ */ e(ds, { title: d || "unknown" }),
@@ -457,7 +457,7 @@ const $ = /* @__PURE__ */ s("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), ys = (t) => /* @__PURE__ */ e($s, { children: /* @__PURE__ */ e(As, { ...t }) }), fs = ({ sdk: t }) => {
-  const [o] = y(t.getNotificationsStore()), i = U(o), a = t.getFeature(X.GAMES), n = E(() => t.getActiveNotification(), [t, i]);
+  const [o] = y(t.getNotificationsStore()), i = V(o), a = t.getFeature(Z.GAMES), n = E(() => t.getActiveNotification(), [t, i]);
   return x(() => {
     n && F.emit("notification", {
       action: "rendered",
@@ -475,8 +475,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 o = W(), i = _(), a = G();
-  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(K, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(fs, { sdk: o }) }) }) : null;
+  const o = W(), i = G(), a = Y();
+  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(_, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(fs, { sdk: o }) }) }) : null;
 };
 export {
   bs as StreamLayerSDKNotification,