@streamlayer/react 1.14.5 → 1.14.7

package/lib/es/notification.js

@@ -1,16 +1,16 @@
-import { k as u, s, $ as L, a0 as O, a1 as R, C as B, a2 as P, U as Q, d as U, a as V, e as F, N as k, u as W, b as G, V as K, h as Y } from "./provider.js";
-import { k as m, Q as A, l as _, S as H } from "./useStreamLayerApp2.js";
+import { k as u, s, X as L, Y 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 Y, W as _, h as G } from "./provider.js";
+import { j as m, Q as A, k as K, S as X } from "./useStreamLayerApp2.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as y, useCallback as J, 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
-}), X = () => $, Z = /* @__PURE__ */ s(X())({
+}), J = () => $, Z = /* @__PURE__ */ s(J())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
-}), ee = () => $, C = /* @__PURE__ */ s(ee())({
+}), ee = () => $, N = /* @__PURE__ */ s(ee())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
@@ -31,12 +31,12 @@ const $ = /* @__PURE__ */ s("div")({
   class: "v1kofb47",
   propsAsIs: !1
 }), re = {
-  [m.UNSET]: C,
-  [m.NONE]: C,
+  [m.UNSET]: N,
+  [m.NONE]: N,
   [m.ROUNDED]: ne,
   [m.CENTERED]: oe,
   [m.TRANSPARENT]: Z
-}, N = ({
+}, b = ({
   src: t,
   imageMode: o = m.UNSET,
   withVideo: i,
@@ -117,7 +117,7 @@ const $ = /* @__PURE__ */ s("div")({
     {
       questionTypeData: i,
       questionType: o,
-      questionStatus: _.UNSET
+      questionStatus: K.UNSET
     }
   ),
   t && /* @__PURE__ */ e(pe, { children: t })
@@ -132,8 +132,8 @@ const $ = /* @__PURE__ */ s("div")({
   o === A.TWEET && n != null && n.tweetMedia && (h = n.tweetMedia.image), v === m.NONE && (h = "");
   const f = i.useMediaFromContent && (a == null ? void 0 : a.image), T = o === A.TWEET && ((d = n == null ? void 0 : n.tweetMedia) == null ? void 0 : d.video) || o === A.FACTOID && (a == null ? void 0 : a.video);
   return /* @__PURE__ */ e(de, { className: "SL_InApp", onClick: t, children: /* @__PURE__ */ c(le, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
-    h && !f && /* @__PURE__ */ e(N, { src: h, imageMode: v, withVideo: !!T }),
-    f && /* @__PURE__ */ e(N, { src: f, fromInsight: !0, withVideo: !!T }),
+    h && !f && /* @__PURE__ */ e(b, { src: h, imageMode: v, withVideo: !!T }),
+    f && /* @__PURE__ */ e(b, { src: f, fromInsight: !0, withVideo: !!T }),
     o === A.TWEET ? /* @__PURE__ */ e(ge, { tweet: n }) : /* @__PURE__ */ e(fe, { questionTypeData: l, questionType: o, title: p }),
     /* @__PURE__ */ e(me, { name: "inapp-button", children: r || "Open" }),
     /* @__PURE__ */ e(Ie, { name: "chevronRight" })
@@ -142,15 +142,15 @@ const $ = /* @__PURE__ */ s("div")({
   name: "NotificationContainer",
   class: "n11jcrxe",
   propsAsIs: !1
-}), b = /* @__PURE__ */ s("img")({
+}), C = /* @__PURE__ */ s("img")({
   name: "Icon",
   class: "i1vmpt6u",
   propsAsIs: !1
-}), Ce = /* @__PURE__ */ s("div")({
+}), Ne = /* @__PURE__ */ s("div")({
   name: "IconContainer",
   class: "i180665s",
   propsAsIs: !1
-}), Ne = () => u, be = /* @__PURE__ */ s(Ne())({
+}), be = () => u, Ce = /* @__PURE__ */ s(be())({
   name: "TitleIcon",
   class: "t16zzzei",
   propsAsIs: !0
@@ -187,10 +187,10 @@ const $ = /* @__PURE__ */ s("div")({
         t == null || t(), i && (i.instantOpen = !0);
       },
       children: [
-        /* @__PURE__ */ c(Ce, { children: [
-          /* @__PURE__ */ e(b, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
+        /* @__PURE__ */ c(Ne, { children: [
+          /* @__PURE__ */ e(C, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
           /* @__PURE__ */ e(
-            b,
+            C,
             {
               className: "on-dark",
               src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
@@ -199,7 +199,7 @@ const $ = /* @__PURE__ */ s("div")({
         ] }),
         /* @__PURE__ */ c(Se, { children: [
           /* @__PURE__ */ c(Ee, { children: [
-            /* @__PURE__ */ e(be, { name: "icon-trophy-solid" }),
+            /* @__PURE__ */ e(Ce, { name: "icon-trophy-solid" }),
             (a = i == null ? void 0 : i.titleCard) == null ? void 0 : a.title
           ] }),
           /* @__PURE__ */ c(xe, { children: [
@@ -242,11 +242,11 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Body",
   class: "barrbyu",
   propsAsIs: !1
-}), Ue = /* @__PURE__ */ s("div")({
+}), Ve = /* @__PURE__ */ s("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), Ve = ({
+}), Ue = ({
   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 = J((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(Ue, {
+    }), /* @__PURE__ */ e(Ve, {
       ref: r,
       className: a,
       children: /* @__PURE__ */ c("div", {
@@ -292,27 +292,27 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), We = () => g, Ge = /* @__PURE__ */ s(We())({
+}), We = () => g, Ye = /* @__PURE__ */ s(We())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Ke = () => g, Ye = /* @__PURE__ */ s(Ke())({
+}), _e = () => g, Ge = /* @__PURE__ */ s(_e())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), _e = () => g, He = /* @__PURE__ */ s(_e())({
+}), Ke = () => g, Xe = /* @__PURE__ */ s(Ke())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Je = () => /* @__PURE__ */ c(Fe, {
-  children: [/* @__PURE__ */ e(Ge, {
+}), He = () => /* @__PURE__ */ c(Fe, {
+  children: [/* @__PURE__ */ e(Ye, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Ye, {
+  }), /* @__PURE__ */ e(Ge, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(He, {
+  }), /* @__PURE__ */ e(Xe, {
     children: /* @__PURE__ */ e("div", {})
   })]
-}), Xe = /* @__PURE__ */ s("div")({
+}), Je = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
@@ -320,7 +320,7 @@ const $ = /* @__PURE__ */ s("div")({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), ss = () => /* @__PURE__ */ c(Xe, {
+}), 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(U, {
+    children: ["You won ", /* @__PURE__ */ e(V, {
       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(Je, {}, r),
-    /* @__PURE__ */ c(Ve, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
+    r !== 1 && /* @__PURE__ */ e(He, {}, r),
+    /* @__PURE__ */ c(Ue, { 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 = V(o), a = t.getFeature(H.GAMES), n = E(() => t.getActiveNotification(), [t, i]);
+  const [o] = y(t.getNotificationsStore()), i = U(o), a = t.getFeature(X.GAMES), n = E(() => t.getActiveNotification(), [t, i]);
   return x(() => {
     n && F.emit("notification", {
       action: "rendered",
@@ -474,11 +474,11 @@ const $ = /* @__PURE__ */ s("div")({
       ...n.data.question
     }
   ) : 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 });
-}, Ns = ({ theme: t }) => {
-  const o = W(), i = G(), a = K();
-  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(Y, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(fs, { sdk: o }) }) }) : null;
+}, bs = ({ theme: t }) => {
+  const o = W(), i = Y(), a = _();
+  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(G, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(fs, { sdk: o }) }) }) : null;
 };
 export {
-  Ns as StreamLayerSDKNotification,
+  bs as StreamLayerSDKNotification,
   fs as StreamLayerSDKNotificationUI
 };