@streamlayer/react-ui 0.91.1 → 0.93.0

package/lib/utils/createDemo.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as g, Fragment as y } from "react/jsx-runtime";
 import { useMemo as u, useState as i, useEffect as E } from "react";
-import { anonymous as l } from "@streamlayer/sdk-web-anonymous-auth";
-import { Developer as D } from "./debug/components/developer.js";
-import { DeveloperStorage as w } from "./storage.js";
-import { useStreamLayerApp as x } from "./useStreamLayerApp.js";
+import { useStreamLayerApp as l } from "@streamlayer/react/useStreamLayerApp";
+import { anonymous as D } from "@streamlayer/sdk-web-anonymous-auth";
+import { Developer as w } from "./debug/components/developer.js";
+import { DeveloperStorage as x } from "./storage.js";
 import "@linaria/react";
 import "./debug/components/bypassLogin.js";
 import "./debug/components/copyLogs.js";
@@ -14,36 +14,35 @@ import "@nanostores/react";
 import "@streamlayer/sdk-web-core";
 import "./debug/components/sdkKey.js";
 import "@streamlayer/sdk-web-storage";
-import "@streamlayer/sdk-web";
 function K({
   Component: o,
   Story: r,
   args: n,
   autoEnable: a
 }) {
-  const m = u(() => new w(), []), [p, f] = i(m.getEnv()), [c, v] = i(m.getSdkKey() || "set-sdk-key"), [s, k] = i(m.getEvent() || ""), S = u(() => {
+  const s = u(() => new x(), []), [p, f] = i(s.getEnv()), [c, v] = i(s.getSdkKey() || "set-sdk-key"), [m, k] = i(s.getEvent() || ""), S = u(() => {
     const d = /* @__PURE__ */ new Set();
-    return d.add(l), d;
-  }, []), t = x(c, S, p === "production", a);
+    return d.add(D), d;
+  }, []), t = l(c, S, p === "production", a);
   return E(() => {
-    s && t && t.createEventSession(s);
+    m && t && t.createEventSession(m);
   }, [t]), /* @__PURE__ */ g(y, { children: [
     t ? /* @__PURE__ */ e(o, { Story: r, sdk: t, args: n }) : /* @__PURE__ */ e("div", { children: "wait sdk..." }),
     /* @__PURE__ */ e(
-      D,
+      w,
       {
         sdk: t,
         sdkKey: c,
         setSdkKey: v,
         env: p,
         setEnv: f,
-        event: s,
+        event: m,
         setEvent: k
       }
     )
   ] });
 }
-function P(o, r = !0) {
+function O(o, r = !0) {
   return {
     decorators: [
       (n) => /* @__PURE__ */ e(K, { Story: n, Component: o, autoEnable: r })
@@ -51,5 +50,5 @@ function P(o, r = !0) {
   };
 }
 export {
-  P as createDemo
+  O as createDemo
 };

package/lib/utils/debug/components/copyLogs.js

@@ -1,13 +1,14 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { InputField as n } from "./styles.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { InputField as r } from "./styles.js";
 import "@linaria/react";
-const d = () => /* @__PURE__ */ e(n, { children: [
-  /* @__PURE__ */ t("label", { children: "Store Logs" }),
-  /* @__PURE__ */ t("button", { onClick: () => {
-    const o = document.createElement("a");
-    o.download = "store_logs_" + (/* @__PURE__ */ new Date()).toISOString() + ".log", o.href = URL.createObjectURL(new Blob([JSON.stringify(window.slStore, null, 2)])), o.click();
-  }, children: "Download" })
+const p = () => /* @__PURE__ */ t(r, { children: [
+  /* @__PURE__ */ o("label", { children: "Subscription Logs" }),
+  /* @__PURE__ */ o("button", { onClick: () => {
+    navigator.clipboard.writeText(sessionStorage.getItem("slstreamlogs") || "").then(() => {
+      alert("Subscription Logs Copied to clipboard");
+    });
+  }, children: "Copy" })
 ] });
 export {
-  d as CopyLogs
+  p as CopyLogs
 };

package/lib/utils/decorators/container.js

@@ -2,10 +2,11 @@ import { jsx as r } from "react/jsx-runtime";
 import { StreamLayerThemeProvider as o } from "../../ui/theme/index.js";
 import { AppContainer as t } from "./styles.js";
 import "../../ui/theme/theme.js";
+import "../../ui/theme/breakpoints.js";
 import "../../ui/theme/constants.js";
 import "@linaria/react";
-const h = (e) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(e, {}) }), a = (e) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, {}) }) }) });
+const a = (e) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(e, {}) }), l = (e) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, {}) }) }) });
 export {
-  a as container,
-  h as theme
+  l as container,
+  a as theme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.91.1",
+  "version": "0.93.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -36,24 +36,24 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "*",
-    "@streamlayer/sl-eslib": "^5.63.3",
+    "@streamlayer/sl-eslib": "^5.64.1",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
     "react-virtualized-auto-sizer": "^1.0.21",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.34.1",
-    "@streamlayer/sdk-web": "^0.30.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.32",
-    "@streamlayer/sdk-web-api": "^0.19.0",
-    "@streamlayer/sdk-web-core": "^0.18.0",
-    "@streamlayer/sdk-web-features": "^0.11.14",
-    "@streamlayer/sdk-web-logger": "^0.5.11",
-    "@streamlayer/sdk-web-notifications": "^0.13.5",
-    "@streamlayer/sdk-web-storage": "^0.3.11",
-    "@streamlayer/sdk-web-types": "^0.21.0",
-    "@streamlayer/sdk-web-interfaces": "^0.19.0"
+    "@streamlayer/feature-gamification": "^0.35.1",
+    "@streamlayer/sdk-web": "^0.30.2",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.34",
+    "@streamlayer/sdk-web-api": "^0.20.1",
+    "@streamlayer/sdk-web-core": "^0.18.2",
+    "@streamlayer/sdk-web-features": "^0.11.16",
+    "@streamlayer/sdk-web-interfaces": "^0.20.1",
+    "@streamlayer/sdk-web-notifications": "^0.13.7",
+    "@streamlayer/sdk-web-logger": "^0.5.12",
+    "@streamlayer/sdk-web-storage": "^0.3.12",
+    "@streamlayer/sdk-web-types": "^0.21.1"
   },
   "nx": {
     "implicitDependencies": [
@@ -69,12 +69,12 @@
     "@linaria/core": "^6.0.0",
     "@linaria/react": "^6.0.0",
     "@nanostores/react": "^0.7.1",
-    "@storybook/addon-docs": "^7.6.10",
+    "@storybook/addon-docs": "^7.6.11",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addon-viewport": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
+    "@storybook/addon-viewport": "^7.6.11",
+    "@storybook/blocks": "^7.6.11",
     "@storybook/jest": "^0.2.3",
-    "@storybook/react": "^7.6.10",
+    "@storybook/react": "^7.6.11",
     "@storybook/testing-library": "^0.2.2",
     "@types/react-infinite-scroller": "^1.2.5",
     "@types/react-window": "^1.8.8",
@@ -94,6 +94,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^4.3.1",
-    "@streamlayer/react": "^0.36.2"
+    "@streamlayer/react": "^0.37.1"
   }
 }

package/lib/LeaderBoard_fzzlxb-w40geAFS.js

@@ -1 +0,0 @@
-

package/lib/index_ej4hfx-w40geAFS.js

@@ -1 +0,0 @@
-

package/lib/masters_m6itlr-w40geAFS.js

@@ -1 +0,0 @@
-

package/lib/utils/useStreamLayerApp.js

@@ -1,25 +0,0 @@
-import { useState as i, useEffect as u } from "react";
-import { StreamLayer as l } from "@streamlayer/sdk-web";
-const h = (t, r, n, f) => {
-  const [c, a] = i(null);
-  return u(() => {
-    let s = !1;
-    if (!t)
-      throw new Error("sdk key should be provided");
-    const o = l(t, n, f);
-    if (r)
-      for (const e of r)
-        o.use(e);
-    return o.ready().then((e) => {
-      s || a(e.sdk);
-    }).catch((e) => console.log(e)), () => {
-      s = !0, o.close(function(e) {
-        if (e)
-          throw e;
-      });
-    };
-  }, [t, n]), c;
-};
-export {
-  h as useStreamLayerApp
-};