@streamlayer/react 1.12.1 → 1.13.0

package/lib/es/notification.js

@@ -1,16 +1,16 @@
-import { E as m, s as e, a7 as L, a8 as z, a9 as B, R as O, aa as R, e as P, d as Q, a as U, g as V, N as T, u as F, b as W, i as G, h as K } from "./provider.js";
-import { j as p, Q as I, k as Y, S as _ } from "./useStreamLayerApp2.js";
+import { Z as m, s as e, a0 as L, a1 as z, a2 as B, E as O, a3 as R, f as P, d as Q, a as U, g as V, N as T, u as F, b as W, i as G, h as K } from "./provider.js";
+import { k as p, Q as I, l 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 H } from "react";
+import { useState as q, useEffect as E, useMemo as Z } from "react";
 const h = /* @__PURE__ */ e("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), J = () => h, X = /* @__PURE__ */ e(J())({
+}), H = () => h, J = /* @__PURE__ */ e(H())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
-}), Z = () => h, C = /* @__PURE__ */ e(Z())({
+}), X = () => h, N = /* @__PURE__ */ e(X())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
@@ -31,12 +31,12 @@ const h = /* @__PURE__ */ e("div")({
   class: "v1kofb47",
   propsAsIs: !1
 }), cs = {
-  [p.UNSET]: C,
-  [p.NONE]: C,
+  [p.UNSET]: N,
+  [p.NONE]: N,
   [p.ROUNDED]: es,
   [p.CENTERED]: ts,
-  [p.TRANSPARENT]: X
-}, N = ({
+  [p.TRANSPARENT]: J
+}, C = ({
   src: t,
   imageMode: o = p.UNSET,
   withVideo: i,
@@ -132,8 +132,8 @@ const h = /* @__PURE__ */ e("div")({
   o === I.TWEET && n != null && n.tweetMedia && (u = n.tweetMedia.image), f === p.NONE && (u = "");
   const $ = i.useMediaFromContent && (a == null ? void 0 : a.image), g = o === I.TWEET && ((l = n == null ? void 0 : n.tweetMedia) == null ? void 0 : l.video) || o === I.FACTOID && (a == null ? void 0 : a.video);
   return /* @__PURE__ */ s(ls, { className: "SL_InApp", onClick: t, children: /* @__PURE__ */ c(rs, { style: u ? {} : { paddingLeft: "1.5rem" }, children: [
-    u && !$ && /* @__PURE__ */ s(N, { src: u, imageMode: f, withVideo: !!g }),
-    $ && /* @__PURE__ */ s(N, { src: $, fromInsight: !0, withVideo: !!g }),
+    u && !$ && /* @__PURE__ */ s(C, { src: u, imageMode: f, withVideo: !!g }),
+    $ && /* @__PURE__ */ s(C, { src: $, fromInsight: !0, withVideo: !!g }),
     o === I.TWEET ? /* @__PURE__ */ s(fs, { tweet: n }) : /* @__PURE__ */ s(ys, { questionTypeData: d, questionType: o, title: v }),
     /* @__PURE__ */ s(ps, { name: "inapp-button", children: r || "Open" }),
     /* @__PURE__ */ s(us, { name: "chevronRight" })
@@ -142,19 +142,19 @@ const h = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n11jcrxe",
   propsAsIs: !1
-}), k = /* @__PURE__ */ e("img")({
+}), b = /* @__PURE__ */ e("img")({
   name: "Icon",
   class: "i1vmpt6u",
   propsAsIs: !1
-}), Cs = /* @__PURE__ */ e("div")({
+}), Ns = /* @__PURE__ */ e("div")({
   name: "IconContainer",
   class: "i180665s",
   propsAsIs: !1
-}), Ns = () => m, ks = /* @__PURE__ */ e(Ns())({
+}), Cs = () => m, bs = /* @__PURE__ */ e(Cs())({
   name: "TitleIcon",
   class: "t16zzzei",
   propsAsIs: !0
-}), bs = () => P, ws = /* @__PURE__ */ e(bs())({
+}), ks = () => P, ws = /* @__PURE__ */ e(ks())({
   name: "Close",
   class: "c1sur0q2",
   propsAsIs: !0
@@ -174,7 +174,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "Button",
   class: "b1ubkw1q",
   propsAsIs: !1
-}), js = ({
+}), xs = ({
   open: t,
   close: o,
   ...i
@@ -187,10 +187,10 @@ const h = /* @__PURE__ */ e("div")({
         t == null || t(), i && (i.instantOpen = !0);
       },
       children: [
-        /* @__PURE__ */ c(Cs, { children: [
-          /* @__PURE__ */ s(k, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
+        /* @__PURE__ */ c(Ns, { children: [
+          /* @__PURE__ */ s(b, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
           /* @__PURE__ */ s(
-            k,
+            b,
             {
               className: "on-dark",
               src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
@@ -199,7 +199,7 @@ const h = /* @__PURE__ */ e("div")({
         ] }),
         /* @__PURE__ */ c(Ss, { children: [
           /* @__PURE__ */ c(qs, { children: [
-            /* @__PURE__ */ s(ks, { name: "icon-trophy-solid" }),
+            /* @__PURE__ */ s(bs, { name: "icon-trophy-solid" }),
             (a = i == null ? void 0 : i.titleCard) == null ? void 0 : a.title
           ] }),
           /* @__PURE__ */ c(Es, { children: [
@@ -218,7 +218,7 @@ const h = /* @__PURE__ */ e("div")({
       ]
     }
   );
-}, xs = /* @__PURE__ */ e("div")({
+}, js = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cef8huz",
   propsAsIs: !1
@@ -251,7 +251,7 @@ const h = /* @__PURE__ */ e("div")({
   children: o,
   answer: i,
   state: a = "pending"
-}) => /* @__PURE__ */ c(xs, {
+}) => /* @__PURE__ */ c(js, {
   children: [/* @__PURE__ */ s(Os, {
     children: /* @__PURE__ */ s(Bs, {
       name: "icon-prediction"
@@ -288,7 +288,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Hs = () => /* @__PURE__ */ c(Vs, {
+}), Zs = () => /* @__PURE__ */ c(Vs, {
   children: [/* @__PURE__ */ s(Ws, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(Ks, {
@@ -296,16 +296,16 @@ const h = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ s(_s, {
     children: /* @__PURE__ */ s("div", {})
   })]
-}), Js = /* @__PURE__ */ e("div")({
+}), Hs = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Xs = () => m, Zs = /* @__PURE__ */ e(Xs())({
+}), Js = () => m, Xs = /* @__PURE__ */ e(Js())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), se = () => /* @__PURE__ */ c(Js, {
-  children: [/* @__PURE__ */ s(Zs, {
+}), se = () => /* @__PURE__ */ c(Hs, {
+  children: [/* @__PURE__ */ s(Xs, {
     name: "icon-check"
   }), " Prediction results are in!"]
 }), ee = /* @__PURE__ */ e("div")({
@@ -328,11 +328,11 @@ const h = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ s(te, {
     children: t
   })]
-}), j = /* @__PURE__ */ e("div")({
+}), x = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c181a1as",
   propsAsIs: !1
-}), x = /* @__PURE__ */ e("div")({
+}), j = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t1cduox6",
   propsAsIs: !1
@@ -344,16 +344,16 @@ const h = /* @__PURE__ */ e("div")({
   name: "InCorrectIcon",
   class: "i17n9o7e",
   propsAsIs: !0
-}), re = () => /* @__PURE__ */ c(j, {
-  children: [/* @__PURE__ */ c(x, {
+}), re = () => /* @__PURE__ */ c(x, {
+  children: [/* @__PURE__ */ c(j, {
     children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
   }), /* @__PURE__ */ s(D, {
     name: "icon-check"
   })]
 }), le = ({
   title: t
-}) => /* @__PURE__ */ c(j, {
-  children: [/* @__PURE__ */ c(x, {
+}) => /* @__PURE__ */ c(x, {
+  children: [/* @__PURE__ */ c(j, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", t]
   }), /* @__PURE__ */ s(ce, {
     name: "icon-cross"
@@ -383,7 +383,7 @@ const h = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ s(ue, {
     name: "icon-trophy-solid"
   })]
-}), b = /* @__PURE__ */ e("div")({
+}), k = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "cq3agu2",
   propsAsIs: !1
@@ -409,10 +409,10 @@ const h = /* @__PURE__ */ e("div")({
     return () => {
     };
   }, [i, r, t, n]), r === 1)
-    return /* @__PURE__ */ s(b, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(se, {}) }) });
+    return /* @__PURE__ */ s(k, { 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(Hs, {}, r),
+  return (r === 3 || r === 4) && (v = n ? "correct" : "incorrect"), /* @__PURE__ */ s(k, { onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(w, { children: [
+    r !== 1 && /* @__PURE__ */ s(Zs, {}, r),
     /* @__PURE__ */ c(Us, { 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, {}),
@@ -441,7 +441,7 @@ 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 = H(() => t.getActiveNotification(), [t, i]);
+  const [o] = q(t.getNotificationsStore()), i = U(o), a = t.getFeature(_.GAMES), n = Z(() => t.getActiveNotification(), [t, i]);
   return E(() => {
     n && V.emit("notification", {
       action: "rendered",
@@ -457,12 +457,12 @@ const h = /* @__PURE__ */ e("div")({
       close: n.close,
       ...n.data.question
     }
-  ) : null : n && n.type === T.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ s(js, { 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 }) => {
+  ) : null : n && n.type === T.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ s(xs, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ s(gs, { ...n.data, action: n.action });
+}, Ce = ({ 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;
+  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ s(ye, { sdk: o }) }) }) : null;
 };
 export {
-  Ne as StreamLayerSDKNotification,
+  Ce as StreamLayerSDKNotification,
   ye as StreamLayerSDKNotificationUI
 };

package/lib/es/points.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as p } from "react";
-import { s as r, E as d, f as h, d as S, a as y, F as l, u as f, b as v, h as g } from "./provider.js";
+import { s as r, Z as d, c as h, d as S, a as y, F as l, u as f, b as v, h as g } from "./provider.js";
 import { S as b } from "./useStreamLayerApp2.js";
 const k = /* @__PURE__ */ r("div")({
   name: "PointsContainer",
@@ -45,15 +45,15 @@ const k = /* @__PURE__ */ r("div")({
   }, [e]), /* @__PURE__ */ t(x, { points: a, onClick: () => {
     s.status.get() === l.Suspended ? s.openFeature() : s.status.get() === l.Ready && s.closeFeature(!1);
   } });
-}, E = ({ sdk: s }) => {
+}, j = ({ sdk: s }) => {
   if (!y(s.featuresList.getStore()))
     return null;
   const e = s.getFeature(b.GAMES);
   return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, K = ({ theme: s }) => {
+}, E = ({ theme: s }) => {
   const e = f(), a = v();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t(E, { sdk: e }) }) }) : null;
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t(j, { sdk: e }) }) }) : null;
 };
 export {
-  K as StreamLayerSDKPoints
+  E as StreamLayerSDKPoints
 };