@streamlayer/react 1.14.1 → 1.14.3

package/lib/classic/es/notification.js

@@ -1,16 +1,16 @@
-import { c as u, s, X as L, Z as O, _ as R, C as B, $ as P, O as Q, e as U, a as V, f as F, N as C, u as W, b as _, Q as G, h as K } from "./provider.js";
-import { k as m, Q as A, l as Y, S as X } from "./useStreamLayerApp2.js";
+import { k as u, s, Z as L, _ as R, $ as B, C as O, a0 as P, Q, d as U, a as V, e as F, N as k, u as W, b as _, T as G, h as K } from "./provider.js";
+import { k as m, Q as A, l as Y, 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
-}), ee = () => $, N = /* @__PURE__ */ s(ee())({
+}), ee = () => $, C = /* @__PURE__ */ s(ee())({
   name: "MediaImgSolid",
   class: "m1atm8do",
   propsAsIs: !0
@@ -31,12 +31,12 @@ const $ = /* @__PURE__ */ s("div")({
   class: "v1kofb47",
   propsAsIs: !1
 }), re = {
-  [m.UNSET]: N,
-  [m.NONE]: N,
+  [m.UNSET]: C,
+  [m.NONE]: C,
   [m.ROUNDED]: ne,
   [m.CENTERED]: oe,
-  [m.TRANSPARENT]: J
-}, b = ({
+  [m.TRANSPARENT]: X
+}, N = ({
   src: t,
   imageMode: o = m.UNSET,
   withVideo: i,
@@ -109,11 +109,11 @@ const $ = /* @__PURE__ */ s("div")({
         createdTweet: o == null ? void 0 : o.date
       }
     ),
-    /* @__PURE__ */ e(Ae, { children: O(n) })
+    /* @__PURE__ */ e(Ae, { children: R(n) })
   ] });
 }, fe = ({ title: t, questionType: o, questionTypeData: i }) => /* @__PURE__ */ c(M, { children: [
   /* @__PURE__ */ e(
-    R,
+    B,
     {
       questionTypeData: i,
       questionType: o,
@@ -124,7 +124,7 @@ const $ = /* @__PURE__ */ s("div")({
 ] }), ge = ({ tweet: t }) => t ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ye, { ...t, controlVideo: () => {
 } }) }) : null, Te = ({ action: t, questionType: o, inApp: i, insight: a, tweet: n }) => {
   var d;
-  const l = B[o], r = P[o];
+  const l = O[o], r = P[o];
   if (!l || !i || !i.notification)
     return null;
   const { title: p, image: I, imageMode: v } = i.notification;
@@ -132,25 +132,25 @@ 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(b, { src: h, imageMode: v, withVideo: !!T }),
-    f && /* @__PURE__ */ e(b, { src: f, fromInsight: !0, withVideo: !!T }),
+    h && !f && /* @__PURE__ */ e(N, { src: h, imageMode: v, withVideo: !!T }),
+    f && /* @__PURE__ */ e(N, { 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" })
   ] }) });
-}, Ce = /* @__PURE__ */ s("div")({
+}, ke = /* @__PURE__ */ s("div")({
   name: "NotificationContainer",
   class: "n11jcrxe",
   propsAsIs: !1
-}), k = /* @__PURE__ */ s("img")({
+}), b = /* @__PURE__ */ s("img")({
   name: "Icon",
   class: "i1vmpt6u",
   propsAsIs: !1
-}), Ne = /* @__PURE__ */ s("div")({
+}), Ce = /* @__PURE__ */ s("div")({
   name: "IconContainer",
   class: "i180665s",
   propsAsIs: !1
-}), be = () => u, ke = /* @__PURE__ */ s(be())({
+}), Ne = () => u, be = /* @__PURE__ */ s(Ne())({
   name: "TitleIcon",
   class: "t16zzzei",
   propsAsIs: !0
@@ -181,16 +181,16 @@ const $ = /* @__PURE__ */ s("div")({
 }) => {
   var a, n;
   return /* @__PURE__ */ c(
-    Ce,
+    ke,
     {
       onClick: () => {
         t == null || t(), i && (i.instantOpen = !0);
       },
       children: [
-        /* @__PURE__ */ c(Ne, { children: [
-          /* @__PURE__ */ e(k, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
+        /* @__PURE__ */ c(Ce, { children: [
+          /* @__PURE__ */ e(b, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
           /* @__PURE__ */ e(
-            k,
+            b,
             {
               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(qe, { children: [
           /* @__PURE__ */ c(Ee, { children: [
-            /* @__PURE__ */ e(ke, { name: "icon-trophy-solid" }),
+            /* @__PURE__ */ e(be, { name: "icon-trophy-solid" }),
             (a = i == null ? void 0 : i.titleCard) == null ? void 0 : a.title
           ] }),
           /* @__PURE__ */ c(xe, { children: [
@@ -226,11 +226,11 @@ const $ = /* @__PURE__ */ s("div")({
   name: "CheckIcon",
   class: "c1mo15kk",
   propsAsIs: !0
-}), Oe = () => u, Re = /* @__PURE__ */ s(Oe())({
+}), Re = () => u, Be = /* @__PURE__ */ s(Re())({
   name: "PredictionIcon",
   class: "p16zkqnm",
   propsAsIs: !0
-}), Be = /* @__PURE__ */ s("div")({
+}), Oe = /* @__PURE__ */ s("div")({
   name: "PredictionIconContainer",
   class: "pjszi7a",
   propsAsIs: !1
@@ -255,14 +255,14 @@ const $ = /* @__PURE__ */ s("div")({
   const [n, d] = y(0), [l] = y(() => new ResizeObserver((p) => {
     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(() => () => {
     l.disconnect();
   }, [l]), /* @__PURE__ */ c(ze, {
-    children: [/* @__PURE__ */ e(Be, {
-      children: /* @__PURE__ */ e(Re, {
+    children: [/* @__PURE__ */ e(Oe, {
+      children: /* @__PURE__ */ e(Be, {
         name: "icon-prediction"
       })
     }), /* @__PURE__ */ e(Pe, {
@@ -298,27 +298,27 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), Ye = () => g, Xe = /* @__PURE__ */ s(Ye())({
+}), Ye = () => g, Ze = /* @__PURE__ */ s(Ye())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Ze = () => /* @__PURE__ */ c(Fe, {
+}), He = () => /* @__PURE__ */ c(Fe, {
   children: [/* @__PURE__ */ e(_e, {
     children: /* @__PURE__ */ e("div", {})
   }), /* @__PURE__ */ e(Ke, {
     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!"]
@@ -426,7 +426,7 @@ const $ = /* @__PURE__ */ s("div")({
     return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(S, { 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(S, { children: [
-    r !== 1 && /* @__PURE__ */ e(Ze, {}, r),
+    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, {}),
@@ -455,7 +455,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(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",
@@ -464,19 +464,19 @@ const $ = /* @__PURE__ */ s("div")({
         questionType: n.data.questionType
       }
     });
-  }, [n]), n && n.type === C.QUESTION_RESOLVED ? n.data.question && n.data.questionType === A.PREDICTION ? /* @__PURE__ */ e(
+  }, [n]), n && n.type === k.QUESTION_RESOLVED ? n.data.question && n.data.questionType === A.PREDICTION ? /* @__PURE__ */ e(
     ys,
     {
       action: n.action,
       close: n.close,
       ...n.data.question
     }
-  ) : null : n && n.type === C.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 }) => {
+  ) : 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 = _(), 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;
 };
 export {
-  bs as StreamLayerSDKNotification,
+  Ns as StreamLayerSDKNotification,
   fs as StreamLayerSDKNotificationUI
 };

package/lib/classic/es/points.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import { s as a, c as h, d as y, e as S, a as f, F as c, f as p, u as v, b as g, h as b } from "./provider.js";
-import { S as k } from "./useStreamLayerApp2.js";
+import { s as a, k as h, c as y, d as S, a as f, F as c, e as p, 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",
   class: "psiob9b",
@@ -55,11 +55,11 @@ const A = /* @__PURE__ */ a("div")({
 }, M = ({ sdk: s }) => {
   if (!f(s.featuresList.getStore()))
     return null;
-  const e = s.getFeature(k.GAMES);
+  const e = s.getFeature(b.GAMES);
   return e ? /* @__PURE__ */ t(j, { gamification: e }) : null;
 }, K = ({ theme: s }) => {
-  const e = v(), o = g();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(b, { customTheme: s ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
+  const e = v(), o = k();
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
 };
 export {
   K as StreamLayerSDKPoints