@streamlayer/react-ui 1.23.5 → 1.24.0

package/lib/ui/theme/theme.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { breakpoints as a } from "./breakpoints.js";
 import { colors as p, colorsAdvertisement as s, FONT as e } from "./constants.js";
-const l = `
+const x = `
   ${p}
   ${s}
   --font-family: ${e.REGULAR};
@@ -70,6 +70,7 @@ const l = `
   --adv-top-indent: 12px;
   --adv-header-height: 52px;
   --adv-media-row-gap: 24px;
+  --adv-media-button-indent: 10px;
   --adv-media-padding: 0 26.5px;
   --adv-sponsor-logo-size: 32px;
   --adv-sponsor-font-size: 16px;
@@ -93,6 +94,7 @@ const l = `
     --adv-header-border: none;
     --adv-header-height: 48px;
     --adv-media-row-gap: 22.5px;
+    --adv-media-button-indent: 22.5px;
     --adv-sponsor-logo-size: 28px;
     --adv-sponsor-font-size: 12px;
   }
@@ -158,13 +160,13 @@ const l = `
         })]
       })
     }), /* @__PURE__ */ t("tbody", {
-      children: l.split(";").map((o) => {
-        const n = o.trim(), [r, d] = n.split(":");
+      children: x.split(";").map((o) => {
+        const n = o.trim(), [d, r] = n.split(":");
         return /* @__PURE__ */ i("tr", {
           children: [/* @__PURE__ */ t("td", {
-            children: r
-          }), /* @__PURE__ */ t("td", {
             children: d
+          }), /* @__PURE__ */ t("td", {
+            children: r
           })]
         }, n);
       })
@@ -175,5 +177,5 @@ export {
   g as ThemeVariables,
   h as resetCss,
   m as theme,
-  l as themeStr
+  x as themeStr
 };

package/lib/utils/login.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.23.5",
+  "version": "1.24.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -61,7 +61,7 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.149.1",
+    "@streamlayer/sl-eslib": "^5.163.2",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
@@ -69,19 +69,19 @@
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.16.14",
-    "@streamlayer/react-polyfills": "^0.1.21",
-    "@streamlayer/sdk-web": "^1.10.14",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.40",
-    "@streamlayer/sdk-web-analytics": "^1.7.14",
-    "@streamlayer/sdk-web-api": "^1.8.14",
-    "@streamlayer/sdk-web-core": "^1.11.16",
-    "@streamlayer/sdk-web-features": "^1.0.61",
-    "@streamlayer/sdk-web-interfaces": "^1.5.5",
-    "@streamlayer/sdk-web-logger": "^1.0.61",
-    "@streamlayer/sdk-web-notifications": "^1.3.23",
-    "@streamlayer/sdk-web-storage": "^1.0.61",
-    "@streamlayer/sdk-web-types": "^1.10.18"
+    "@streamlayer/feature-gamification": "^1.17.0",
+    "@streamlayer/react-polyfills": "^0.1.22",
+    "@streamlayer/sdk-web": "^1.11.0",
+    "@streamlayer/sdk-web-analytics": "^1.8.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.41",
+    "@streamlayer/sdk-web-api": "^1.9.0",
+    "@streamlayer/sdk-web-core": "^1.12.0",
+    "@streamlayer/sdk-web-features": "^1.0.62",
+    "@streamlayer/sdk-web-interfaces": "^1.6.0",
+    "@streamlayer/sdk-web-logger": "^1.0.62",
+    "@streamlayer/sdk-web-notifications": "^1.3.24",
+    "@streamlayer/sdk-web-storage": "^1.0.62",
+    "@streamlayer/sdk-web-types": "^1.11.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -89,8 +89,8 @@
     ]
   },
   "devDependencies": {
-    "@connectrpc/connect": "^1.6.1",
-    "@connectrpc/connect-web": "^1.6.1",
+    "@connectrpc/connect": "^2.0.0",
+    "@connectrpc/connect-web": "^2.0.0",
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@linaria/babel-preset": "^5.0.4",
@@ -121,7 +121,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.15.5"
+    "@streamlayer/react": "^1.16.0"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.2.0",