@streamlayer/react 0.30.2 → 0.30.3

package/lib/dist/index.d.ts

@@ -171,7 +171,7 @@ declare module "../../sdk-web-interfaces/src/store/single" {
     export const createComputedStore: <Value, T extends WritableAtom<any> = WritableAtom<any>>(store: T, mutator: (value: StoreValue<T>) => Value) => import("nanostores").ReadableAtom<Value>;
 }
 declare module "../../sdk-web-interfaces/src/store/api" {
-    import type { FetcherStore } from '@nanostores/query';
+    import type { FetcherStore, FetcherValue } from '@nanostores/query';
     import { WritableAtom } from 'nanostores';
     import { AbstractStore } from "../../sdk-web-interfaces/src/store/abstract";
     /**
@@ -179,7 +179,7 @@ declare module "../../sdk-web-interfaces/src/store/api" {
      */
     export class ApiStore<StoreValue, StoreInstance extends FetcherStore<StoreValue, any> = FetcherStore<StoreValue, any>> extends AbstractStore<StoreInstance> {
         private readonly atomStore;
-        constructor(store: StoreInstance, name: string, atomPicker?: (val?: StoreInstance['value']) => string | undefined);
+        constructor(store: StoreInstance, name: string, atomPicker?: (val: FetcherValue<StoreValue, unknown>, prevVal?: string) => string | undefined);
         getAtomStore: () => WritableAtom<string | undefined>;
         getValue: () => Promise<StoreValue | undefined>;
         getValues: () => never;
@@ -1492,6 +1492,11 @@ declare module "../../sdk-web/src/index" {
 }
 declare module "app/useStreamLayerApp" {
     import type { StreamLayerSDK, StreamLayerPlugin } from '../../sdk-web-interfaces/src/index.ts';
+    global {
+        interface Window {
+            sl: unknown;
+        }
+    }
     export const useStreamLayerApp: (sdkKey: string, plugins?: Set<StreamLayerPlugin>, production?: boolean, autoEnable?: boolean) => StreamLayerSDK | null;
 }
 declare module "app/provider" {

package/lib/es/masters2.js

@@ -2,13 +2,13 @@ import { jsx as c, jsxs as I, Fragment as me } from "react/jsx-runtime";
 import { d as Ke, S as Mt, a as qt, b as jt, s as Gt } from "./index2.js";
 import { lazy as Wt, useMemo as Ne, Suspense as Ht, useRef as dt, useState as K, useEffect as he, Component as Yt, createElement as Vt, useCallback as pt, useContext as Qt } from "react";
 import { FeatureType as Re, QuestionType as q } from "@streamlayer/sdk-web-types";
-import { useStore as ee } from "@nanostores/react";
+import { useStore as Z } from "@nanostores/react";
 import { FeatureStatus as pe } from "@streamlayer/sdk-web-interfaces";
 import { s as h, i as z, c as Kt } from "./index3.js";
 import { NotificationType as ye } from "@streamlayer/sdk-web-notifications";
 import { Player as Xt } from "@lottiefiles/react-lottie-player";
 const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
-  const m = ee(s.status), g = ee(o.sdkStore.slStreamId);
+  const m = Z(s.status), g = Z(o.sdkStore.slStreamId);
   return g != null && g.loading ? /* @__PURE__ */ c("div", { className: d, children: "event is loading..." }) : g != null && g.data ? m !== pe.Ready ? /* @__PURE__ */ c("div", { className: d, children: "wait feature..." }) : l : /* @__PURE__ */ c("div", { className: d, children: "event is forbidden..." });
 }, Zt = Wt(() => import("./gamification-feature.js")), er = ({
   sdk: s,
@@ -57,7 +57,7 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
   name: "ButtonIcon",
   class: "b11des7c",
   propsAsIs: !0
-}), Z = "featuredGroups", cr = (s) => {
+}), ee = "featuredGroups", cr = (s) => {
   var o;
   return /* @__PURE__ */ c(Ue, {
     ...s,
@@ -102,10 +102,10 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
   /* @__PURE__ */ c(
     cr,
     {
-      active: s === Z,
+      active: s === ee,
       disabled: !l,
       onClick: () => {
-        o(Z);
+        o(ee);
       }
     }
   ),
@@ -2191,7 +2191,7 @@ const Mi = ({
   var f, n, w, v, E, C;
   const {
     data: y
-  } = ee(o.$store);
+  } = Z(o.$store);
   return /* @__PURE__ */ c(Qn, {
     hiding: s,
     children: /* @__PURE__ */ c(Nn, {
@@ -2272,7 +2272,7 @@ const Mi = ({
   class: "ctckejh",
   propsAsIs: !0
 }), Zn = ({ sdk: s }) => {
-  const o = s.getNotificationsStore(), l = ee(o), d = Ne(() => {
+  const o = s.getNotificationsStore(), l = Z(o), d = Ne(() => {
     if (!(l != null && l.size))
       return null;
     for (const m of l.values())
@@ -2306,14 +2306,14 @@ const Mi = ({
   class: "s1oe3036",
   propsAsIs: !0
 }), is = (s) => {
-  const o = dt(""), [l, d] = K(!1), m = ee(s.status), g = ee(s.userId()), f = m === "ready", [n, w] = K(Z), v = pt(
+  const o = dt(""), [l, d] = K(!1), m = Z(s.status), g = Z(s.userId()), f = m === "ready", [n, w] = K(ee), v = pt(
     (y, x) => {
-      w(x), x === Z ? (y && s.createEventSession(y), s.openFeature(Re.GAMES)) : s.closeFeature();
+      w(x), x === ee ? (y && s.createEventSession(y), s.openFeature(Re.GAMES)) : s.closeFeature();
     },
     [s]
   );
   he(() => {
-    !f && n === Z && (w(ce), s.closeFeature());
+    !f && n === ee && (w(ce), s.closeFeature());
   }, [f, n, s]);
   const E = (y) => {
     o.current = y, s.initializeApp().then(({ enabled: x, err: A }) => {
@@ -2324,7 +2324,7 @@ const Mi = ({
       if (x) {
         s.isUserAuthorized().then((B) => {
           if (B) {
-            v(y, Z);
+            v(y, ee);
             return;
           } else
             s.disableApp();
@@ -2337,7 +2337,7 @@ const Mi = ({
   };
   return he(() => {
     if (!g) {
-      f && n === Z && (w(ce), s.disableApp());
+      f && (w(ce), s.disableApp());
       return;
     }
     g && o.current && l && s.initializeApp().then(() => {
@@ -2353,7 +2353,7 @@ const Mi = ({
     isLogged: !!g
   };
 }, ns = (s) => {
-  const o = ee(s.getActiveFeature()), l = ee(s.streamStore()), [d, m] = K(null);
+  const o = Z(s.getActiveFeature()), l = Z(s.streamStore()), [d, m] = K(null);
   return he(() => {
     const g = s.getFeatures();
     if (o)
@@ -2403,7 +2403,7 @@ const Mi = ({
         children: o && g === xe && o[g]
       }
     ),
-    m && g === Z && /* @__PURE__ */ c(ss, { className: Ke, sdk: s }),
+    m && g === ee && /* @__PURE__ */ c(ss, { className: Ke, sdk: s }),
     !v && /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,14 +54,14 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.26.2",
-    "@streamlayer/sdk-web": "^0.28.24",
+    "@streamlayer/sdk-web": "^0.28.25",
+    "@streamlayer/feature-gamification": "^0.26.3",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.0.1",
-    "@streamlayer/sdk-web-features": "^0.10.27",
+    "@streamlayer/sdk-web-core": "^0.0.2",
+    "@streamlayer/sdk-web-features": "^0.10.28",
+    "@streamlayer/sdk-web-interfaces": "^0.0.1",
     "@streamlayer/sdk-web-logger": "^0.0.4",
-    "@streamlayer/sdk-web-interfaces": "^0.18.15",
-    "@streamlayer/sdk-web-notifications": "^0.13.1",
+    "@streamlayer/sdk-web-notifications": "^0.13.2",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.0.1"
   },
@@ -114,7 +114,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.67.2"
+    "@streamlayer/react-ui": "^0.67.3"
   },
   "scripts": {
     "size-limit": "size-limit"