@streamlayer/react-ui 0.27.3 → 0.28.0

package/lib/utils/createDemo.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as f, Fragment as k } from "react/jsx-runtime";
-import { anonymous as g } from "@streamlayer/sdk-web-anonymous-auth";
-import { useMemo as p, useState as d } from "react";
-import { Developer as S } from "./components/developer.js";
-import { useStreamLayerApp as v } from "./useStreamLayerApp.js";
-import { DeveloperStorage as y } from "./storage.js";
+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 { Developer as l } from "./components/developer.js";
+import { useStreamLayerApp as D } from "./useStreamLayerApp.js";
+import { DeveloperStorage as w } from "./storage.js";
 import "@linaria/react";
 import "./components/eventInput.js";
 import "@streamlayer/sdk-web-core";
@@ -14,27 +14,40 @@ import "./components/sdkKey.js";
 import "./components/envToggle.js";
 import "@streamlayer/sdk-web";
 import "@streamlayer/sdk-web-storage";
-function l({
-  Component: r,
-  Story: o,
-  args: D
+function x({
+  Component: o,
+  Story: r,
+  args: u
 }) {
-  const m = p(() => new y(), []), [n, c] = d(m.getEnv()), [s, a] = d(m.getSdkKey() || "set-sdk-key"), u = p(() => {
-    const i = /* @__PURE__ */ new Set();
-    return i.add(g), i;
-  }, []), e = v(s, u, n === "production");
-  return /* @__PURE__ */ f(k, { children: [
-    e ? /* @__PURE__ */ t(r, { Story: o, sdk: e }) : /* @__PURE__ */ t("div", { children: "wait sdk..." }),
-    /* @__PURE__ */ t(S, { sdk: e, sdkKey: s, setSdkKey: a, env: n, setEnv: c })
+  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 c = /* @__PURE__ */ new Set();
+    return c.add(y), c;
+  }, []), t = D(p, k, i === "production");
+  return E(() => {
+    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..." }),
+    /* @__PURE__ */ e(
+      l,
+      {
+        sdk: t,
+        sdkKey: p,
+        setSdkKey: f,
+        env: i,
+        setEnv: a,
+        event: s,
+        setEvent: v
+      }
+    )
   ] });
 }
-function H(r) {
+function N(o) {
   return {
     decorators: [
-      (o) => /* @__PURE__ */ t(l, { Story: o, Component: r })
+      (r) => /* @__PURE__ */ e(x, { Story: r, Component: o })
     ]
   };
 }
 export {
-  H as createDemo
+  N as createDemo
 };