@streamlayer/react-ui 0.28.0 → 0.29.0

package/lib/utils/components/envToggle.js

@@ -41,10 +41,10 @@ const d = o.div`
     box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
     transition: all 300ms;
   }
-`, u = ({ env: r, setEnv: i, storage: s }) => /* @__PURE__ */ t(d, { children: [
+`, m = ({ env: r, setEnv: i, storage: s }) => /* @__PURE__ */ t(d, { children: [
   /* @__PURE__ */ e("label", { htmlFor: "slEnvCheckbox", children: "Production:" }),
   /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ e("input", { id: "slEnvCheckbox", type: "checkbox", checked: r === "production", onChange: (p) => {
+    /* @__PURE__ */ e("input", { id: "slEnvCheckbox", type: "checkbox", checked: r === "production", onChange: () => {
       i((c) => {
         const n = c === "production" ? "development" : "production";
         return s.setEnv(n), n;
@@ -54,5 +54,5 @@ const d = o.div`
   ] })
 ] });
 export {
-  u as EnvToggle
+  m as EnvToggle
 };

package/lib/utils/components/eventInput.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useStore as d } from "@nanostores/react";
+import { useEffect as m } from "react";
 import "@streamlayer/sdk-web-core";
-import { useEffect as d } from "react";
-import { useStore as m } from "@nanostores/react";
 import { InputField as u } from "./styles.js";
 import "@linaria/react";
 const y = ({ sdk: o, storage: i, event: e, setEvent: l }) => {
   var n;
-  const { organizationSettings: r } = m(o.sdkStore), a = !((n = r == null ? void 0 : r.data) != null && n.provider), s = () => {
+  const { organizationSettings: r } = d(o.sdkStore), a = !((n = r == null ? void 0 : r.data) != null && n.provider), s = () => {
     o.createEventSession(e), i.setEvent(e);
   };
-  return d(() => {
+  return m(() => {
     e && s();
   }, []), /* @__PURE__ */ t("div", { children: /* @__PURE__ */ c(u, { children: [
     /* @__PURE__ */ t("label", { children: a ? "Use StreamLayer event ids" : "Use your provider event ids" }),

package/lib/utils/createDemo.js

@@ -1,29 +1,29 @@
 import { jsx as e, jsxs as S, Fragment as g } from "react/jsx-runtime";
-import { anonymous as y } from "@streamlayer/sdk-web-anonymous-auth";
-import { useMemo as d, useState as m, useEffect as E } from "react";
+import { useMemo as d, useState as m, useEffect as y } from "react";
+import { anonymous as E } from "@streamlayer/sdk-web-anonymous-auth";
 import { Developer as l } from "./components/developer.js";
-import { useStreamLayerApp as D } from "./useStreamLayerApp.js";
-import { DeveloperStorage as w } from "./storage.js";
+import { DeveloperStorage as D } from "./storage.js";
+import { useStreamLayerApp as w } from "./useStreamLayerApp.js";
 import "@linaria/react";
+import "./components/bypassLogin.js";
+import "./components/envToggle.js";
 import "./components/eventInput.js";
-import "@streamlayer/sdk-web-core";
 import "@nanostores/react";
+import "@streamlayer/sdk-web-core";
 import "./components/styles.js";
-import "./components/bypassLogin.js";
 import "./components/sdkKey.js";
-import "./components/envToggle.js";
-import "@streamlayer/sdk-web";
 import "@streamlayer/sdk-web-storage";
+import "@streamlayer/sdk-web";
 function x({
   Component: o,
   Story: r,
   args: u
 }) {
-  const n = d(() => new w(), []), [i, a] = m(n.getEnv()), [p, f] = m(n.getSdkKey() || "set-sdk-key"), [s, v] = m(n.getEvent() || ""), k = d(() => {
+  const n = d(() => new D(), []), [i, a] = m(n.getEnv()), [p, f] = m(n.getSdkKey() || "set-sdk-key"), [s, v] = m(n.getEvent() || ""), k = d(() => {
     const c = /* @__PURE__ */ new Set();
-    return c.add(y), c;
-  }, []), t = D(p, k, i === "production");
-  return E(() => {
+    return c.add(E), c;
+  }, []), t = w(p, k, i === "production");
+  return y(() => {
     s && t && t.createEventSession(s);
   }, [t]), /* @__PURE__ */ S(g, { children: [
     t ? /* @__PURE__ */ e(o, { Story: r, sdk: t, args: u }) : /* @__PURE__ */ e("div", { children: "wait sdk..." }),

package/lib/utils/login.js

@@ -1,21 +1,21 @@
-import { createGrpcWebTransport as o } from "@connectrpc/connect-web";
-import { createPromiseClient as i } from "@connectrpc/connect";
+import { createPromiseClient as o } from "@connectrpc/connect";
+import { createGrpcWebTransport as i } from "@connectrpc/connect-web";
 import { Users as a } from "@streamlayer/sl-eslib/users/users_connect";
 const C = async (r, t) => {
-  const e = o({
+  const e = i({
     baseUrl: r
   });
-  return await i(a, e).requestPassword({ id: t }), !0;
+  return await o(a, e).requestPassword({ id: t }), !0;
 }, d = async (r, t) => {
-  const e = o({
+  const e = i({
     baseUrl: r
   });
-  return await i(a, e).register({ id: t }), !0;
+  return await o(a, e).register({ id: t }), !0;
 }, w = async (r, t, e) => {
   var c;
-  const s = o({
+  const s = i({
     baseUrl: r
-  }), n = await i(a, s).login({ id: t, password: e });
+  }), n = await o(a, s).login({ id: t, password: e });
   return (c = n == null ? void 0 : n.meta) == null ? void 0 : c.jwt;
 };
 export {

package/lib/utils/useStreamLayerApp.js

@@ -1,12 +1,12 @@
-import { StreamLayer as a } from "@streamlayer/sdk-web";
-import { useState as i, useEffect as u } from "react";
+import { useState as a, useEffect as i } from "react";
+import { StreamLayer as u } from "@streamlayer/sdk-web";
 const d = (t, r, n) => {
-  const [f, c] = i(null);
-  return u(() => {
+  const [f, c] = a(null);
+  return i(() => {
     let s = !1;
     if (!t)
       throw new Error("sdk key should be provided");
-    const o = a(t, n);
+    const o = u(t, n);
     if (r)
       for (const e of r)
         o.use(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -27,9 +27,9 @@
     "@streamlayer/sdk-web-anonymous-auth": "^0.10.6",
     "@streamlayer/sdk-web-api": "^0.0.2",
     "@streamlayer/sdk-web-core": "^0.13.0",
+    "@streamlayer/sdk-web-features": "^0.10.0",
     "@streamlayer/sdk-web-interfaces": "^0.18.0",
     "@streamlayer/sdk-web-notifications": "^0.9.4",
-    "@streamlayer/sdk-web-features": "^0.10.0",
     "@streamlayer/sdk-web-storage": "^0.3.2",
     "@streamlayer/sdk-web-types": "^0.16.0"
   },

package/lib/module.d.js

@@ -1 +0,0 @@
-