@streamlayer/react-ui 0.67.0 → 0.67.1

package/lib/ui/questions/insight/styles.js

@@ -1,23 +1,23 @@
 import { styled as s } from "@linaria/react";
 const e = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_cgn5uen",
+  class: "cgn5uen",
   propsAsIs: !1
 }), n = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_c1px8nt6",
+  class: "c1px8nt6",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("h3")({
   name: "Title",
-  class: "Title_t5et2jt",
+  class: "t5et2jt",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
   name: "Description",
-  class: "Description_d1i2kpk2",
+  class: "d1i2kpk2",
   propsAsIs: !1
 }), p = /* @__PURE__ */ s("div")({
   name: "DateWrap",
-  class: "DateWrap_dd3lh3p",
+  class: "dd3lh3p",
   propsAsIs: !1
 });
 export {

package/lib/ui/questions/twitter/account/styles.js

@@ -1,34 +1,34 @@
 import { styled as s } from "@linaria/react";
 const e = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_cjq447q",
+  class: "cjq447q",
   propsAsIs: !1
 }), n = /* @__PURE__ */ s("div")({
   name: "ImageContainer",
-  class: "ImageContainer_i14egogb",
+  class: "i14egogb",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("img")({
   name: "Image",
-  class: "Image_i2g9g4l",
+  class: "i2g9g4l",
   propsAsIs: !1
-}), m = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "Details",
-  class: "Details_d1c454nm",
+  class: "d1c454nm",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "Name",
-  class: "Name_n11nigc3",
+  class: "n11nigc3",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "UserName",
-  class: "UserName_urxa4k8",
+  class: "urxa4k8",
   propsAsIs: !1
 });
 export {
   e as Container,
-  m as Details,
+  l as Details,
   o as Image,
   n as ImageContainer,
-  t as Name,
-  i as UserName
+  m as Name,
+  t as UserName
 };

package/lib/ui/questions/twitter/styles.js

@@ -1,27 +1,27 @@
 import { styled as s } from "@linaria/react";
 const a = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1kzqw87",
+  class: "c1kzqw87",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
   name: "DateTime",
-  class: "DateTime_d9r1hf9",
+  class: "d9r1hf9",
   propsAsIs: !1
 }), t = /* @__PURE__ */ s("blockquote")({
   name: "Quote",
-  class: "Quote_qezygt5",
+  class: "qezygt5",
   propsAsIs: !1
 }), n = /* @__PURE__ */ s("div")({
   name: "Details",
-  class: "Details_d1y8f7ym",
+  class: "d1y8f7ym",
   propsAsIs: !1
 }), l = /* @__PURE__ */ s("div")({
   name: "Body",
-  class: "Body_b18gwonx",
+  class: "b18gwonx",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("img")({
+}), c = /* @__PURE__ */ s("img")({
   name: "Image",
-  class: "Image_i3g0xjd",
+  class: "i3g0xjd",
   propsAsIs: !1
 });
 export {
@@ -29,6 +29,6 @@ export {
   a as Container,
   o as DateTime,
   n as Details,
-  i as Image,
+  c as Image,
   t as Quote
 };

package/lib/ui/show-in/index.js

@@ -1,20 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cx as r } from "@linaria/core";
-import { styled as a } from "@linaria/react";
-const e = /* @__PURE__ */ a("div")({
+import { jsx as r } from "react/jsx-runtime";
+import { cx as i } from "@linaria/core";
+import { styled as e } from "@linaria/react";
+const m = /* @__PURE__ */ e("div")({
   name: "Container",
-  class: "Container_c1pgyo67",
+  class: "c1pgyo67",
   propsAsIs: !1
-}), m = "HidingAnimation_hx17qu6", x = ({
-  children: n,
-  style: o,
-  className: i,
+}), a = "hx17qu6", d = ({
+  children: o,
+  style: n,
+  className: s,
   hiding: t
-}) => /* @__PURE__ */ s(e, {
-  style: o,
-  className: r(i, t && m),
-  children: n
+}) => /* @__PURE__ */ r(m, {
+  style: n,
+  className: i(s, t && a),
+  children: o
 });
 export {
-  x as ShowIn
+  d as ShowIn
 };

package/lib/ui/theme/masters.js

@@ -1,4 +1,4 @@
-const s = "mastersVariables_m17a8r9z";
+const s = "m17a8r9z";
 export {
   s as mastersVariables
 };

package/lib/ui/theme/theme.js

@@ -1,35 +1,35 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { colors as h, FONT as t } from "./constants.js";
-const d = `
-  ${h}
-  --font-family: ${t.REGULAR};
-  --font-regular: ${t.REGULAR};
-  --font-color: ${t.COLOR};
-  --font-serif: ${t.SERIF};
-  --font-weight-default: ${t.WEIGHT_DEFAULT};
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { colors as l, FONT as e } from "./constants.js";
+const h = `
+  ${l}
+  --font-family: ${e.REGULAR};
+  --font-regular: ${e.REGULAR};
+  --font-color: ${e.COLOR};
+  --font-serif: ${e.SERIF};
+  --font-weight-default: ${e.WEIGHT_DEFAULT};
 
   --header-height: 68px;
   --animation-duration: 0.5s;
   --animation-function: ease;
   --container-padding: 16px;
   --border-radius: 8px;
-`, c = "StreamLayerCSSReset", m = "theme_ttkj0ah", f = () => /* @__PURE__ */ e("table", {
+`, d = "StreamLayerCSSReset", m = "ttkj0ah", f = () => /* @__PURE__ */ t("table", {
   children: /* @__PURE__ */ r("table", {
-    children: [/* @__PURE__ */ e("thead", {
+    children: [/* @__PURE__ */ t("thead", {
       children: /* @__PURE__ */ r("tr", {
-        children: [/* @__PURE__ */ e("th", {
+        children: [/* @__PURE__ */ t("th", {
           children: "name"
-        }), /* @__PURE__ */ e("th", {
+        }), /* @__PURE__ */ t("th", {
           children: "value"
         })]
       })
-    }), /* @__PURE__ */ e("tbody", {
-      children: d.split(";").map((i) => {
+    }), /* @__PURE__ */ t("tbody", {
+      children: h.split(";").map((i) => {
         const n = i.trim(), [o, a] = n.split(":");
         return /* @__PURE__ */ r("tr", {
-          children: [/* @__PURE__ */ e("td", {
+          children: [/* @__PURE__ */ t("td", {
             children: o
-          }), /* @__PURE__ */ e("td", {
+          }), /* @__PURE__ */ t("td", {
             children: a
           })]
         }, n);
@@ -39,7 +39,7 @@ const d = `
 });
 export {
   f as ThemeVariables,
-  c as resetCss,
+  d as resetCss,
   m as theme,
-  d as themeStr
+  h as themeStr
 };

package/lib/ui/timer/index.js

@@ -1,41 +1,41 @@
 import { jsx as n } from "react/jsx-runtime";
-import { styled as _ } from "@linaria/react";
-import { useState as E, useCallback as R } from "react";
-import { CountdownCircleTimer as O } from "react-countdown-circle-timer";
+import { styled as E } from "@linaria/react";
+import { useState as O, useCallback as c } from "react";
+import { CountdownCircleTimer as S } from "react-countdown-circle-timer";
 import { COLORS as o } from "../theme/constants.js";
-const S = [o.PRIMARY_GREEN1, o.SECONDARY_RED1, o.SECONDARY_RED1], A = [10, 10, 0], f = /* @__PURE__ */ _("div")({
+const _ = [o.PRIMARY_GREEN1, o.SECONDARY_RED1, o.SECONDARY_RED1], A = [10, 10, 0], f = /* @__PURE__ */ E("div")({
   name: "RemainingTime",
-  class: "RemainingTime_r165427",
+  class: "r165427",
   propsAsIs: !1
-}), D = o.SECONDARY_GREEN6, c = o.SECONDARY_RED3, N = o.NEUTRALS_GRAY3, I = ({
+}), D = o.SECONDARY_GREEN6, R = o.SECONDARY_RED3, N = o.NEUTRALS_GRAY3, g = ({
   isPlaying: i = !0,
   duration: r = 30,
   onTimerExpired: t
 }) => {
-  const [m, s] = E(r > 10 ? D : c), l = ({
+  const [l, s] = O(r > 10 ? D : R), m = ({
     remainingTime: e
   }) => /* @__PURE__ */ n(f, {
     children: e
-  }), a = R(() => {
+  }), a = c(() => {
     t == null || t(), s(N);
-  }, [t, s]), C = R((e) => {
-    e === 10 && s(c);
+  }, [t, s]), C = c((e) => {
+    e === 10 && s(R);
   }, [s]);
-  return /* @__PURE__ */ n(O, {
+  return /* @__PURE__ */ n(S, {
     isPlaying: i,
     duration: r,
-    colors: S,
+    colors: _,
     colorsTime: A,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: m,
+    trailColor: l,
     onComplete: a,
     onUpdate: C,
-    children: l
+    children: m
   });
 };
 export {
   f as RemainingTime,
-  I as Timer
+  g as Timer
 };

package/lib/ui/video-player/styles.js

@@ -1,24 +1,24 @@
 import { styled as s } from "@linaria/react";
 const e = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1bgb86j",
+  class: "c1bgb86j",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("video")({
   name: "Player",
-  class: "Player_p6703cq",
+  class: "p6703cq",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("img")({
+}), l = /* @__PURE__ */ s("img")({
   name: "Poster",
-  class: "Poster_p12ow7zo",
+  class: "p12ow7zo",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), n = /* @__PURE__ */ s("div")({
   name: "Control",
-  class: "Control_cdpal9o",
+  class: "cdpal9o",
   propsAsIs: !1
 });
 export {
   e as Container,
-  t as Control,
+  n as Control,
   a as Player,
-  r as Poster
+  l as Poster
 };

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

@@ -3,13 +3,13 @@ import { styled as r } from "@linaria/react";
 import { useState as o } from "react";
 const a = /* @__PURE__ */ r("div")({
   name: "InputField",
-  class: "InputField_i1vlsnk4",
+  class: "i1vlsnk4",
   propsAsIs: !1
-}), b = ({
+}), g = ({
   sdk: c,
   storage: t
 }) => {
-  const [n, d] = o(t.getSchema() || ""), [i, p] = o(t.getToken() || "");
+  const [n, d] = o(t.getSchema() || ""), [s, p] = o(t.getToken() || "");
   return /* @__PURE__ */ l("div", {
     children: [/* @__PURE__ */ l(a, {
       children: [/* @__PURE__ */ e("label", {
@@ -17,7 +17,7 @@ const a = /* @__PURE__ */ r("div")({
       }), /* @__PURE__ */ e("input", {
         type: "text",
         value: n,
-        onChange: (s) => d(s.target.value)
+        onChange: (i) => d(i.target.value)
       }), /* @__PURE__ */ e("button", {
         style: {
           visibility: "hidden"
@@ -30,12 +30,12 @@ const a = /* @__PURE__ */ r("div")({
       }), /* @__PURE__ */ e("input", {
         type: "text",
         disabled: !n,
-        value: i,
-        onChange: (s) => p(s.target.value)
+        value: s,
+        onChange: (i) => p(i.target.value)
       }), /* @__PURE__ */ e("button", {
-        disabled: !n || !i,
+        disabled: !n || !s,
         onClick: async () => {
-          await c.authorizationBypass(n, i), t.setSchema(n), t.setToken(i);
+          await c.authorizationBypass(n, s), t.setSchema(n), t.setToken(s);
         },
         children: "login"
       })]
@@ -43,5 +43,5 @@ const a = /* @__PURE__ */ r("div")({
   });
 };
 export {
-  b as BypassLogin
+  g as BypassLogin
 };

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

@@ -2,57 +2,57 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { styled as s } from "@linaria/react";
 import { useMemo as g, useState as u } from "react";
 import { DeveloperStorage as D } from "../../storage.js";
-import { BypassLogin as B } from "./bypassLogin.js";
-import { EnvToggle as I } from "./envToggle.js";
+import { BypassLogin as I } from "./bypassLogin.js";
+import { EnvToggle as B } from "./envToggle.js";
 import { EventInput as x } from "./eventInput.js";
-import { SdkKey as C } from "./sdkKey.js";
+import { SdkKey as h } from "./sdkKey.js";
 import "@streamlayer/sdk-web-storage";
 import "@nanostores/react";
 import "@streamlayer/sdk-web-core";
 import "./styles.js";
-const _ = /* @__PURE__ */ s("div")({
+const j = /* @__PURE__ */ s("div")({
   name: "DeveloperContainer",
-  class: "DeveloperContainer_d1sqxt7l",
+  class: "d1sqxt7l",
   propsAsIs: !1
-}), h = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ s("div")({
   name: "DeveloperItems",
-  class: "DeveloperItems_d1a3478s",
+  class: "d1a3478s",
   propsAsIs: !1
-}), j = /* @__PURE__ */ s("button")({
+}), C = /* @__PURE__ */ s("button")({
   name: "BurgerBtn",
-  class: "BurgerBtn_butjcq8",
+  class: "butjcq8",
   propsAsIs: !1
 }), F = ({
   sdk: o,
   sdkKey: i,
-  setSdkKey: n,
+  setSdkKey: p,
   env: a,
-  setEnv: p,
+  setEnv: n,
   event: l,
   setEvent: c,
   hideAuth: f
 }) => {
-  const r = g(() => new D(), []), [m, v] = u(!1);
-  return /* @__PURE__ */ t(_, {
-    children: [/* @__PURE__ */ t(j, {
+  const r = g(() => new D(), []), [m, d] = u(!1);
+  return /* @__PURE__ */ t(j, {
+    children: [/* @__PURE__ */ t(C, {
       "data-opened": m.toString(),
-      onClick: () => v((d) => !d),
+      onClick: () => d((v) => !v),
       children: [/* @__PURE__ */ e("span", {}), /* @__PURE__ */ e("span", {}), /* @__PURE__ */ e("span", {})]
-    }), m && /* @__PURE__ */ t(h, {
-      children: [p && /* @__PURE__ */ e(I, {
+    }), m && /* @__PURE__ */ t(A, {
+      children: [n && /* @__PURE__ */ e(B, {
         env: a,
-        setEnv: p,
+        setEnv: n,
         storage: r
-      }), n && /* @__PURE__ */ e(C, {
+      }), p && /* @__PURE__ */ e(h, {
         sdkKey: i,
-        setSdkKey: n,
+        setSdkKey: p,
         storage: r
       }), o && /* @__PURE__ */ e(x, {
         sdk: o,
         storage: r,
         event: l,
         setEvent: c
-      }), !f && o && /* @__PURE__ */ e(B, {
+      }), !f && o && /* @__PURE__ */ e(I, {
         sdk: o,
         storage: r
       })]

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

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

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

@@ -4,16 +4,16 @@ import { useEffect as m } from "react";
 import "@streamlayer/sdk-web-core";
 import { InputField as u } from "./styles.js";
 import "@linaria/react";
-const y = ({ sdk: o, storage: i, event: e, setEvent: l }) => {
+const y = ({ sdk: o, storage: i, event: e, setEvent: a }) => {
   var n;
-  const { organizationSettings: r } = d(o.sdkStore), a = !((n = r == null ? void 0 : r.data) != null && n.provider), s = () => {
+  const r = d(o.sdkStore.organizationSettings), l = !((n = r == null ? void 0 : r.data) != null && n.provider), s = () => {
     o.createEventSession(e), i.setEvent(e);
   };
   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" }),
-    /* @__PURE__ */ t("input", { type: "text", value: e, onChange: (p) => l(p.target.value) }),
+    /* @__PURE__ */ t("label", { children: l ? "Use StreamLayer event ids" : "Use your provider event ids" }),
+    /* @__PURE__ */ t("input", { type: "text", value: e, onChange: (p) => a(p.target.value) }),
     /* @__PURE__ */ t("button", { onClick: s, children: "set" })
   ] }) });
 };

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

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

package/lib/utils/decorators/styles.js

@@ -1,9 +1,9 @@
 import { styled as s } from "@linaria/react";
-const a = /* @__PURE__ */ s("div")({
+const o = /* @__PURE__ */ s("div")({
   name: "AppContainer",
-  class: "AppContainer_azqfrs3",
+  class: "azqfrs3",
   propsAsIs: !1
 });
 export {
-  a as AppContainer
+  o as AppContainer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.67.0",
+  "version": "0.67.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -40,16 +40,16 @@
     "react-window": "^1.8.9",
     "@lottiefiles/react-lottie-player": "*",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.26.1",
-    "@streamlayer/sdk-web": "^0.28.23",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.18",
+    "@streamlayer/feature-gamification": "^0.26.2",
+    "@streamlayer/sdk-web": "^0.28.24",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.19",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.8",
-    "@streamlayer/sdk-web-features": "^0.10.26",
+    "@streamlayer/sdk-web-core": "^0.0.1",
+    "@streamlayer/sdk-web-features": "^0.10.27",
     "@streamlayer/sdk-web-interfaces": "^0.18.15",
-    "@streamlayer/sdk-web-notifications": "^0.13.0",
+    "@streamlayer/sdk-web-notifications": "^0.13.1",
     "@streamlayer/sdk-web-storage": "^0.0.4",
-    "@streamlayer/sdk-web-types": "^0.20.1"
+    "@streamlayer/sdk-web-types": "^0.0.1"
   },
   "nx": {
     "implicitDependencies": [
@@ -88,6 +88,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.30.0"
+    "@streamlayer/react": "^0.30.1"
   }
 }