@streamlayer/react-ui 1.17.0 → 1.18.0

package/lib/ui/loader/index.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const r = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3cradialGradient%20id='a9'%20cx='.66'%20fx='.66'%20cy='.3125'%20fy='.3125'%20gradientTransform='scale(1.5)'%3e%3cstop%20offset='0'%20stop-color='%23FFFFFF'%3e%3c/stop%3e%3cstop%20offset='.3'%20stop-color='%23FFFFFF'%20stop-opacity='.9'%3e%3c/stop%3e%3cstop%20offset='.6'%20stop-color='%23FFFFFF'%20stop-opacity='.6'%3e%3c/stop%3e%3cstop%20offset='.8'%20stop-color='%23FFFFFF'%20stop-opacity='.3'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23FFFFFF'%20stop-opacity='0'%3e%3c/stop%3e%3c/radialGradient%3e%3ccircle%20transform-origin='center'%20fill='none'%20stroke='url(%23a9)'%20stroke-width='17'%20stroke-linecap='round'%20stroke-dasharray='200%201000'%20stroke-dashoffset='0'%20cx='100'%20cy='100'%20r='70'%3e%3canimateTransform%20type='rotate'%20attributeName='transform'%20calcMode='spline'%20dur='1.8'%20values='360;0'%20keyTimes='0;1'%20keySplines='0%200%201%201'%20repeatCount='indefinite'%3e%3c/animateTransform%3e%3c/circle%3e%3ccircle%20transform-origin='center'%20fill='none'%20opacity='.2'%20stroke='%23FFFFFF'%20stroke-width='17'%20stroke-linecap='round'%20cx='100'%20cy='100'%20r='70'%3e%3c/circle%3e%3c/svg%3e", c = ({ height: o = "37px", width: t = "37px" }) => /* @__PURE__ */ e("div", { style: { height: o, width: t }, children: /* @__PURE__ */ e("img", { alt: "loader", src: r }) });
+export {
+  c as Loader
+};

package/lib/ui/theme/masters-theme.js

@@ -93,7 +93,7 @@ const t = {
   --font-header-title: 0.75rem;
 
   --header-offset: 0px;
-  --header-height: 68px;
+  --header-height: 0px;
   --watch-live-header: 0px;
   --animation-duration: 0.5s;
   --animation-function: ease;
@@ -118,12 +118,12 @@ const t = {
   --insight-image-ratio: 16/9;
 
   ${T.down("xl")`
-    --header-offset: 56px;
-    --watch-live-header: 46px;
+    --header-offset: 0px;
+    --watch-live-header: 0px;
   `}
 
   ${T.intermediate("xl", "lg")`
-    --header-offset: 76px;
+    --header-offset: 0px;
   `}
 `, A = "m1ojpy2l";
 export {

package/lib/ui/theme/masters.js

@@ -1,6 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
+import { cx as s } from "@linaria/core";
 import { mastersTheme as a } from "./masters-theme.js";
-const o = ({ children: r, style: m }) => /* @__PURE__ */ e("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ e("div", { className: a, style: m, children: r }) });
+const c = ({ children: r, style: m }) => /* @__PURE__ */ e("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ e("div", { className: s("masters-theme", a), style: m, children: r }) });
 export {
-  o as StreamLayerMastersThemeProvider
+  c as StreamLayerMastersThemeProvider
 };

package/lib/utils/decorators/container.js

@@ -1,12 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
-import { StreamLayerThemeProvider as t } from "../../ui/theme/index.js";
-import { BGContainer as i, AppContainer as m } from "./styles.js";
-const l = (r, n) => {
-  const o = n.globals.theme || "light";
-  return /* @__PURE__ */ e(t, { themeMode: o, children: /* @__PURE__ */ e(r, {}) });
-}, a = (r) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {}) }), s = (r) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(r, {}) }) }) });
+import { StreamLayerThemeProvider as n } from "../../ui/theme/index.js";
+import { StreamLayerMastersThemeProvider as i } from "../../ui/theme/masters.js";
+import { BGContainer as m, AppContainer as c } from "./styles.js";
+const l = (r, t) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {}) }), p = (r, t) => {
+  const o = t.globals.theme || "light";
+  return /* @__PURE__ */ e(n, { themeMode: o, children: /* @__PURE__ */ e(r, {}) });
+}, f = (r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, {}) }), u = (r) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(r, {}) }) }) });
 export {
-  a as bgContainer,
-  s as container,
-  l as theme
+  f as bgContainer,
+  u as container,
+  l as mastersTheme,
+  p as theme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -20,6 +20,11 @@
       "default": "./lib/app/masters/Points/index.js",
       "types": "./lib/app/masters/Points/index.d.ts"
     },
+    "./bet-pack": {
+      "import": "./lib/app/masters/BetPack/index.js",
+      "default": "./lib/app/masters/BetPack/index.js",
+      "types": "./lib/app/masters/BetPack/index.d.ts"
+    },
     "./points": {
       "import": "./lib/app/app/Points/index.js",
       "default": "./lib/app/app/Points/index.js",
@@ -56,7 +61,7 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.130.0",
+    "@streamlayer/sl-eslib": "^5.149.1",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "nanoid": "3.3.7",
@@ -64,19 +69,19 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^1.13.4",
-    "@streamlayer/sdk-web": "^1.7.4",
-    "@streamlayer/sdk-web-analytics": "^1.5.8",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.21",
-    "@streamlayer/sdk-web-api": "^1.6.21",
-    "@streamlayer/sdk-web-core": "^1.9.4",
-    "@streamlayer/sdk-web-features": "^1.0.42",
-    "@streamlayer/sdk-web-interfaces": "^1.4.8",
-    "@streamlayer/sdk-web-logger": "^1.0.42",
-    "@streamlayer/sdk-web-notifications": "^1.3.4",
-    "@streamlayer/sdk-web-storage": "^1.0.42",
-    "@streamlayer/sdk-web-types": "^1.9.4",
-    "@streamlayer/react-polyfills": "^0.1.2"
+    "@streamlayer/feature-gamification": "^1.14.0",
+    "@streamlayer/sdk-web": "^1.8.0",
+    "@streamlayer/sdk-web-analytics": "^1.6.0",
+    "@streamlayer/sdk-web-api": "^1.7.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.22",
+    "@streamlayer/sdk-web-core": "^1.10.0",
+    "@streamlayer/sdk-web-interfaces": "^1.4.9",
+    "@streamlayer/sdk-web-features": "^1.0.43",
+    "@streamlayer/sdk-web-notifications": "^1.3.5",
+    "@streamlayer/sdk-web-logger": "^1.0.43",
+    "@streamlayer/sdk-web-storage": "^1.0.43",
+    "@streamlayer/sdk-web-types": "^1.10.0",
+    "@streamlayer/react-polyfills": "^0.1.3"
   },
   "nx": {
     "implicitDependencies": [
@@ -108,6 +113,7 @@
     "react-countdown-circle-timer": "^3.2.1",
     "react-countup": "^6.5.3",
     "react-phone-number-input": "^3.4.8",
+    "react-slick": "^0.30.3",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "screenfull": "^6.0.2",
     "tslib": "^2.7.0",
@@ -116,6 +122,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.11.3"
+    "@streamlayer/react": "^1.12.0"
   }
 }