@streamlayer/react-ui 0.27.2 → 0.27.3

package/lib/utils/components/developer.js

@@ -1,32 +1,38 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useMemo as c, useState as x } from "react";
-import { styled as n } from "@linaria/react";
+import { useMemo as c, useState as f } from "react";
+import { styled as i } from "@linaria/react";
+import { DeveloperStorage as x } from "../storage.js";
 import { EventInput as g } from "./eventInput.js";
-import { BypassLogin as f } from "./bypassLogin.js";
-import { SdkKey as h } from "./sdkKey.js";
-import { EnvToggle as u } from "./envToggle.js";
-import { DeveloperStorage as b } from "../storage.js";
+import { BypassLogin as h } from "./bypassLogin.js";
+import { SdkKey as u } from "./sdkKey.js";
+import { EnvToggle as b } from "./envToggle.js";
+import "@streamlayer/sdk-web-storage";
 import "@streamlayer/sdk-web-core";
 import "@nanostores/react";
 import "./styles.js";
-import "@streamlayer/sdk-web-storage";
-const v = n.div`
+const v = i.div`
   position: fixed;
   bottom: 0;
   right: 0;
   max-width: 600px;
-`, y = n.div`
+`, y = i.div`
   flex-direction: column;
   gap: 10px;
   margin-right: 60px;
   display: flex;
-  transition: all .3s ease;
+  animation: show-dev-items 0.3s ease-in-out;
   transform-origin: bottom right;
 
-  &[data-opened='false'] {
-    transform: scale(0) translateY(-100%);
+  @keyframes show-dev-items {
+    from {
+      transform: scale(0);
+    }
+
+    to {
+      transform: scale(1);
+    }
   }
-`, w = n.button`
+`, w = i.button`
   position: absolute;
   z-index: 10000;
   bottom: 10px;
@@ -65,22 +71,22 @@ const v = n.div`
     width: 100%;
     height: 4px;
   }
-`, O = ({ sdk: t, sdkKey: s, setSdkKey: i, env: d, setEnv: p }) => {
-  const r = c(() => new b(), []), [a, m] = x(!1);
+`, T = ({ sdk: t, sdkKey: s, setSdkKey: n, env: m, setEnv: p }) => {
+  const r = c(() => new x(), []), [a, d] = f(!1);
   return /* @__PURE__ */ e(v, { children: [
-    /* @__PURE__ */ e(w, { "data-opened": a.toString(), onClick: () => m((l) => !l), children: [
+    /* @__PURE__ */ e(w, { "data-opened": a.toString(), onClick: () => d((l) => !l), children: [
       /* @__PURE__ */ o("span", {}),
       /* @__PURE__ */ o("span", {}),
       /* @__PURE__ */ o("span", {})
     ] }),
-    /* @__PURE__ */ e(y, { "data-opened": a.toString(), children: [
-      p && /* @__PURE__ */ o(u, { env: d, setEnv: p, storage: r }),
-      i && /* @__PURE__ */ o(h, { sdkKey: s, setSdkKey: i, storage: r }),
+    a && /* @__PURE__ */ e(y, { children: [
+      p && /* @__PURE__ */ o(b, { env: m, setEnv: p, storage: r }),
+      n && /* @__PURE__ */ o(u, { sdkKey: s, setSdkKey: n, storage: r }),
       t && /* @__PURE__ */ o(g, { sdk: t, storage: r }),
-      t && /* @__PURE__ */ o(f, { sdk: t, storage: r })
+      t && /* @__PURE__ */ o(h, { sdk: t, storage: r })
     ] })
   ] });
 };
 export {
-  O as Developer
+  T as Developer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.27.2",
+  "version": "0.27.3",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -23,8 +23,8 @@
   "peerDependencies": {
     "@streamlayer/sl-eslib": "^5.45.1",
     "@streamlayer/feature-gamification": "^0.16.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.10.5",
     "@streamlayer/sdk-web": "^0.27.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.10.5",
     "@streamlayer/sdk-web-api": "^0.0.2",
     "@streamlayer/sdk-web-core": "^0.12.0",
     "@streamlayer/sdk-web-features": "^0.9.5",