@streamlayer/react-ui 0.89.6 → 0.90.0

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

@@ -1,41 +1,41 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { styled as r } from "@linaria/react";
-import { useState as o } from "react";
-const a = /* @__PURE__ */ r("div")({
+import { styled as h } from "@linaria/react";
+import { useState as a } from "react";
+const o = /* @__PURE__ */ h("div")({
   name: "InputField",
   class: "i1vlsnk4",
   propsAsIs: !1
 }), g = ({
   sdk: c,
-  storage: t
+  storage: n
 }) => {
-  const [n, d] = o(t.getSchema() || ""), [s, p] = o(t.getToken() || "");
+  const [t, d] = a(n.getSchema() || ""), [i, r] = a(n.getToken() || "");
   return /* @__PURE__ */ l("div", {
-    children: [/* @__PURE__ */ l(a, {
+    children: [/* @__PURE__ */ l(o, {
       children: [/* @__PURE__ */ e("label", {
         children: "Bypass Schema"
       }), /* @__PURE__ */ e("input", {
         type: "text",
-        value: n,
-        onChange: (i) => d(i.target.value)
+        value: t,
+        onChange: (s) => d(s.target.value)
       }), /* @__PURE__ */ e("button", {
         style: {
           visibility: "hidden"
         },
         children: "login"
       })]
-    }), /* @__PURE__ */ l(a, {
+    }), /* @__PURE__ */ l(o, {
       children: [/* @__PURE__ */ e("label", {
         children: "Bypass Token"
       }), /* @__PURE__ */ e("input", {
         type: "text",
-        disabled: !n,
-        value: s,
-        onChange: (i) => p(i.target.value)
+        disabled: !t,
+        value: i,
+        onChange: (s) => r(s.target.value)
       }), /* @__PURE__ */ e("button", {
-        disabled: !n || !s,
+        disabled: !t || !i,
         onClick: async () => {
-          await c.authorizationBypass(n, s), t.setSchema(n), t.setToken(s);
+          await c.authorizationBypass(t, i), n.setSchema(t), n.setToken(i);
         },
         children: "login"
       })]

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

@@ -1,12 +1,12 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { styled as s } from "@linaria/react";
-import { useMemo as g, useState as u } from "react";
+import { useMemo as v, useState as u } from "react";
 import { DeveloperStorage as D } from "../../storage.js";
 import { BypassLogin as I } from "./bypassLogin.js";
 import { CopyLogs as B } from "./copyLogs.js";
-import { EnvToggle as h } from "./envToggle.js";
-import { EventInput as x } from "./eventInput.js";
-import { SdkKey as C } from "./sdkKey.js";
+import { EnvToggle as x } from "./envToggle.js";
+import { EventInput as C } from "./eventInput.js";
+import { SdkKey as h } from "./sdkKey.js";
 import "@streamlayer/sdk-web-storage";
 import "./styles.js";
 import "@nanostores/react";
@@ -23,8 +23,8 @@ const j = /* @__PURE__ */ s("div")({
   name: "BurgerBtn",
   class: "butjcq8",
   propsAsIs: !1
-}), H = ({
-  sdk: o,
+}), J = ({
+  sdk: e,
   sdkKey: i,
   setSdkKey: p,
   env: a,
@@ -33,33 +33,33 @@ const j = /* @__PURE__ */ s("div")({
   setEvent: c,
   hideAuth: f
 }) => {
-  const r = g(() => new D(), []), [m, d] = u(!1);
+  const r = v(() => new D(), []), [m, d] = u(!1);
   return /* @__PURE__ */ t(j, {
     children: [/* @__PURE__ */ t(A, {
       "data-opened": m.toString(),
-      onClick: () => d((v) => !v),
-      children: [/* @__PURE__ */ e("span", {}), /* @__PURE__ */ e("span", {}), /* @__PURE__ */ e("span", {})]
+      onClick: () => d((g) => !g),
+      children: [/* @__PURE__ */ o("span", {}), /* @__PURE__ */ o("span", {}), /* @__PURE__ */ o("span", {})]
     }), m && /* @__PURE__ */ t(y, {
-      children: [n && /* @__PURE__ */ e(h, {
+      children: [n && /* @__PURE__ */ o(x, {
         env: a,
         setEnv: n,
         storage: r
-      }), p && /* @__PURE__ */ e(C, {
+      }), p && /* @__PURE__ */ o(h, {
         sdkKey: i,
         setSdkKey: p,
         storage: r
-      }), o && /* @__PURE__ */ e(x, {
-        sdk: o,
+      }), e && /* @__PURE__ */ o(C, {
+        sdk: e,
         storage: r,
         event: l,
         setEvent: c
-      }), !f && o && /* @__PURE__ */ e(I, {
-        sdk: o,
+      }), !f && e && /* @__PURE__ */ o(I, {
+        sdk: e,
         storage: r
-      }), /* @__PURE__ */ e(B, {})]
+      }), /* @__PURE__ */ o(B, {})]
     })]
   });
 };
 export {
-  H as Developer
+  J as Developer
 };

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

@@ -1,28 +1,28 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { styled as e } from "@linaria/react";
-const l = /* @__PURE__ */ e("div")({
+import { styled as o } from "@linaria/react";
+const p = /* @__PURE__ */ o("div")({
   name: "Switch",
   class: "s14ex8bw",
   propsAsIs: !1
-}), p = /* @__PURE__ */ e("div")({
+}), h = /* @__PURE__ */ o("div")({
   name: "SwitchInput",
   class: "s1fwty0k",
   propsAsIs: !1
 }), a = ({
-  env: o,
-  setEnv: c,
+  env: c,
+  setEnv: e,
   storage: i
-}) => /* @__PURE__ */ t(l, {
+}) => /* @__PURE__ */ t(p, {
   children: [/* @__PURE__ */ n("label", {
     htmlFor: "slEnvCheckbox",
     children: "Production:"
-  }), /* @__PURE__ */ t(p, {
+  }), /* @__PURE__ */ t(h, {
     children: [/* @__PURE__ */ n("input", {
       id: "slEnvCheckbox",
       type: "checkbox",
-      checked: o === "production",
+      checked: c === "production",
       onChange: () => {
-        c((r) => {
+        e((r) => {
           const s = r === "production" ? "development" : "production";
           return i.setEnv(s), s;
         });

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

@@ -1,9 +1,9 @@
 import { styled as s } from "@linaria/react";
-const e = /* @__PURE__ */ s("div")({
+const p = /* @__PURE__ */ s("div")({
   name: "InputField",
   class: "iwjhb00",
   propsAsIs: !1
 });
 export {
-  e as InputField
+  p as InputField
 };

package/lib/utils/debug/storage.js

@@ -1,52 +1,34 @@
-var n = Object.defineProperty;
-var i = (s, r, e) => r in s ? n(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var t = (s, r, e) => (i(s, typeof r != "symbol" ? r + "" : r, e), e);
-import { Storage as h } from "@streamlayer/sdk-web-storage";
-class d extends h {
+import { Storage as t } from "@streamlayer/sdk-web-storage";
+class i extends t {
   constructor() {
-    super("dev");
-    // Schema
-    t(this, "setSchema", (e) => {
+    super("dev"), this.setSchema = (e) => {
       this.write("schema", e);
-    });
-    t(this, "getSchema", () => this.read(
+    }, this.getSchema = () => this.read(
       "schema"
       /* SCHEMA */
-    ));
-    // Token
-    t(this, "setToken", (e) => {
+    ), this.setToken = (e) => {
       this.write("token", e);
-    });
-    t(this, "getToken", () => this.read(
+    }, this.getToken = () => this.read(
       "token"
       /* TOKEN */
-    ));
-    // Event
-    t(this, "setEvent", (e) => {
+    ), this.setEvent = (e) => {
       this.write("event", e);
-    });
-    t(this, "getEvent", () => this.read(
+    }, this.getEvent = () => this.read(
       "event"
       /* EVENT */
-    ));
-    // SDK_KEY
-    t(this, "setSdkKey", (e) => {
+    ), this.setSdkKey = (e) => {
       this.write("sdkKey", e);
-    });
-    t(this, "getSdkKey", () => this.read(
+    }, this.getSdkKey = () => this.read(
       "sdkKey"
       /* SDK_KEY */
-    ));
-    // ENV
-    t(this, "setEnv", (e) => {
+    ), this.setEnv = (e) => {
       this.write("env", e);
-    });
-    t(this, "getEnv", () => this.read(
+    }, this.getEnv = () => this.read(
       "env"
       /* ENV */
-    ) || "production");
+    ) || "production";
   }
 }
 export {
-  d as DeveloperStorage
+  i as DeveloperStorage
 };

package/lib/utils/storage.js

@@ -1,52 +1,34 @@
-var n = Object.defineProperty;
-var i = (s, r, e) => r in s ? n(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var t = (s, r, e) => (i(s, typeof r != "symbol" ? r + "" : r, e), e);
-import { Storage as h } from "@streamlayer/sdk-web-storage";
-class d extends h {
+import { Storage as t } from "@streamlayer/sdk-web-storage";
+class i extends t {
   constructor() {
-    super("dev");
-    // Schema
-    t(this, "setSchema", (e) => {
+    super("dev"), this.setSchema = (e) => {
       this.write("schema", e);
-    });
-    t(this, "getSchema", () => this.read(
+    }, this.getSchema = () => this.read(
       "schema"
       /* SCHEMA */
-    ));
-    // Token
-    t(this, "setToken", (e) => {
+    ), this.setToken = (e) => {
       this.write("token", e);
-    });
-    t(this, "getToken", () => this.read(
+    }, this.getToken = () => this.read(
       "token"
       /* TOKEN */
-    ));
-    // Event
-    t(this, "setEvent", (e) => {
+    ), this.setEvent = (e) => {
       this.write("event", e);
-    });
-    t(this, "getEvent", () => this.read(
+    }, this.getEvent = () => this.read(
       "event"
       /* EVENT */
-    ));
-    // SDK_KEY
-    t(this, "setSdkKey", (e) => {
+    ), this.setSdkKey = (e) => {
       this.write("sdkKey", e);
-    });
-    t(this, "getSdkKey", () => this.read(
+    }, this.getSdkKey = () => this.read(
       "sdkKey"
       /* SDK_KEY */
-    ));
-    // ENV
-    t(this, "setEnv", (e) => {
+    ), this.setEnv = (e) => {
       this.write("env", e);
-    });
-    t(this, "getEnv", () => this.read(
+    }, this.getEnv = () => this.read(
       "env"
       /* ENV */
-    ) || "production");
+    ) || "production";
   }
 }
 export {
-  d as DeveloperStorage
+  i as DeveloperStorage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.89.6",
+  "version": "0.90.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -36,23 +36,23 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "*",
-    "@streamlayer/sl-eslib": "^5.61.1",
+    "@streamlayer/sl-eslib": "^5.63.3",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
+    "react-virtualized-auto-sizer": "^1.0.21",
+    "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.33.4",
-    "@streamlayer/sdk-web": "^0.29.5",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.30",
-    "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.0.1",
-    "@streamlayer/sdk-web-features": "^0.11.10",
-    "@streamlayer/sdk-web-interfaces": "^0.18.21",
-    "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-notifications": "^0.0.6",
-    "@streamlayer/sdk-web-storage": "^0.0.4",
+    "@streamlayer/feature-gamification": "^0.33.6",
+    "@streamlayer/sdk-web": "^0.1.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.1.0",
+    "@streamlayer/sdk-web-api": "^0.1.0",
+    "@streamlayer/sdk-web-core": "^0.1.0",
+    "@streamlayer/sdk-web-features": "^0.11.12",
+    "@streamlayer/sdk-web-interfaces": "^0.1.0",
+    "@streamlayer/sdk-web-logger": "^0.1.0",
+    "@streamlayer/sdk-web-notifications": "^0.0.7",
+    "@streamlayer/sdk-web-storage": "^0.1.0",
     "@streamlayer/sdk-web-types": "^0.1.0"
   },
   "nx": {
@@ -61,40 +61,39 @@
     ]
   },
   "devDependencies": {
-    "@connectrpc/connect": "^1.1.3",
-    "@connectrpc/connect-web": "^1.1.3",
+    "@connectrpc/connect": "^1.3.0",
+    "@connectrpc/connect-web": "^1.3.0",
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@linaria/babel-preset": "^5.0.4",
-    "@linaria/core": "^5.0.2",
-    "@linaria/esbuild": "^5.0.4",
-    "@linaria/react": "^5.0.3",
-    "@linaria/vite": "^5.0.4",
+    "@linaria/core": "^6.0.0",
+    "@linaria/react": "^6.0.0",
     "@nanostores/react": "^0.7.1",
-    "@storybook/addon-docs": "^7.5.3",
+    "@storybook/addon-docs": "^7.6.10",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addon-viewport": "^7.6.8",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/jest": "~0.2.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/testing-library": "~0.2.2",
+    "@storybook/addon-viewport": "^7.6.10",
+    "@storybook/blocks": "^7.6.10",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/react": "^7.6.10",
+    "@storybook/testing-library": "^0.2.2",
     "@types/react-infinite-scroller": "^1.2.5",
     "@types/react-window": "^1.8.8",
     "@types/react-window-infinite-loader": "^1.0.9",
+    "@wyw-in-js/vite": "^0.2.2",
     "esbuild-plugin-babel": "^0.2.3",
     "glob": "^10.3.10",
-    "react": "18.2.0",
+    "react": "^18.2.0",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
     "react-countup": "^6.5.0",
-    "react-phone-number-input": "^3.3.7",
+    "react-phone-number-input": "^3.3.9",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "tslib": "^2.6.2",
-    "vite": "~4.5.0",
-    "vite-plugin-node-polyfills": "^0.16.0",
-    "vite-plugin-svgr": "^4.1.0",
-    "vite-svg-loader": "^4.0.0",
-    "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.34.13"
+    "vite": "^5.0.12",
+    "vite-plugin-node-polyfills": "^0.19.0",
+    "vite-plugin-svgr": "^4.2.0",
+    "vite-svg-loader": "^5.1.0",
+    "vite-tsconfig-paths": "^4.3.1",
+    "@streamlayer/react": "^0.36.0"
   }
 }