@streamlayer/react-ui 0.5.7 → 0.22.0

package/lib/utils/components/eventInput.js

@@ -0,0 +1,56 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { styled as p } from "@linaria/react";
+import { useState as l, useEffect as c } from "react";
+const u = p.div`
+  display: flex;
+  background: rgb(29, 123, 255);
+  padding: 4px 6px;
+  border-radius: 5px;
+  font-size: 16px;
+
+  input {
+    display: block;
+    width: 100%;
+    color: #fff;
+    font-size: 24px;
+    border: none;
+    padding: 2px;
+    padding-left: 10px;
+    background: linear-gradient(136.45deg, rgba(60, 139, 251, 0.3) 0.57%, rgba(0, 79, 190, 0.3) 100%);
+    border: 1px solid transparent;
+    outline: none;
+
+    &:focus {
+      border-color: rgb(29, 123, 255);
+    }
+  }
+
+  label {
+    margin-right: 4px;
+  }
+
+  button {
+    width: 150px;
+    color: #fff;
+    background: transparent;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    border: none;
+    text-transform: uppercase;
+  }
+`, v = ({ sdk: o, useStreamLayerEventsIds: i, storage: n }) => {
+  const [e, d] = l(n.getEvent() || ""), r = () => {
+    o.createEventSession(e), n.setEvent(e);
+  };
+  return c(() => {
+    e && r();
+  }, []), /* @__PURE__ */ t("div", { children: /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ t("label", { children: i ? "Use StreamLayer event ids" : "Use your provider event ids" }),
+    /* @__PURE__ */ t("input", { type: "text", value: e, onChange: (a) => d(a.target.value) }),
+    /* @__PURE__ */ t("button", { onClick: r, children: "set" })
+  ] }) });
+};
+export {
+  v as EventInput
+};

package/lib/utils/createDemo.js

@@ -0,0 +1,46 @@
+import { jsxs as p, jsx as r, Fragment as d } from "react/jsx-runtime";
+import { anonymous as u } from "@streamlayer/sdk-web-anonymous-auth";
+import { useMemo as K } from "react";
+import { Developer as f } from "./components/developer.js";
+import { useStreamLayerApp as D } from "./useStreamLayerApp.js";
+import "@nanostores/react";
+import "@linaria/react";
+import "./components/eventInput.js";
+import "./components/bypassLogin.js";
+import "./storage.js";
+import "@streamlayer/sdk-web-storage";
+import "@streamlayer/sdk-web";
+function a({
+  Component: t,
+  Story: e,
+  args: o
+}) {
+  const { SDK_KEY: i, production: s } = o, c = K(() => {
+    const m = /* @__PURE__ */ new Set();
+    return m.add(u), m;
+  }, []), n = D(i, c, s);
+  return n ? /* @__PURE__ */ p(d, { children: [
+    /* @__PURE__ */ r(t, { Story: e, sdk: n }),
+    /* @__PURE__ */ r(f, { sdk: n })
+  ] }) : /* @__PURE__ */ r("div", { children: "wait sdk..." });
+}
+function y(t) {
+  return {
+    args: {
+      SDK_KEY: {}.NX_DEMO_SDK_KEY,
+      production: !0
+    },
+    decorators: [
+      (e, { args: o }) => {
+        const { SDK_KEY: i } = o;
+        return i ? /* @__PURE__ */ r(a, { Story: e, args: o, Component: t }) : /* @__PURE__ */ p("div", { children: [
+          "Provide ",
+          /* @__PURE__ */ r("b", { children: "SDK_KEY" })
+        ] });
+      }
+    ]
+  };
+}
+export {
+  y as createDemo
+};

package/lib/utils/decorators/container.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { StreamLayerThemeProvider as i } from "../../lib/theme/index.js";
+import { AppContainer as m } from "./styles.js";
+import "../../lib/theme/theme.js";
+import "@linaria/core";
+import "../../lib/theme/constants.js";
+import "@linaria/react";
+const h = (o) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, {}) }) }) });
+export {
+  h as container
+};