@streamlayer/react 1.23.2 → 1.24.0

package/lib/classic/es/utils.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useState as d, useMemo as c, useEffect as p } from "react";
 const u = `
   .sl-hide-on-modal {
     height: 0 !important;
@@ -7,16 +7,16 @@ const u = `
     overflow: hidden !important;
     transition: none;
   }
-`, p = ({
-  containerId: t = "SlLayoutContainer",
-  url: n
+`, m = ({
+  containerId: o = "SlLayoutContainer",
+  url: e
 }) => `
-  #${t || "SlLayoutContainer"},
-  #${t || "SlLayoutContainer"} .StreamLayerSDK>.StreamLayerSDKTheme > * {
+  #${o || "SlLayoutContainer"},
+  #${o || "SlLayoutContainer"} .StreamLayerSDK>.StreamLayerSDKTheme > * {
     --color-sdk-container-bg: transparent !important;
   }
 
-  #${t || "SlLayoutContainer"}::before {
+  #${o || "SlLayoutContainer"}::before {
     content: '';
     display: block;
     position: absolute;
@@ -27,14 +27,14 @@ const u = `
     background-size: cover !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
-    background-image: ${n} !important;
+    background-image: ${e} !important;
     z-index: 0;
 
     opacity: 0;
     animation: fade-sl-bg-in 0.3s linear forwards;
   }
 
-  #${t || "SlLayoutContainer"} > div {
+  #${o || "SlLayoutContainer"} > div {
     position: relative;
     z-index: 1;
   }
@@ -49,28 +49,28 @@ const u = `
   }
 
   ${u}
-`, y = ({
-  containerId: t,
-  landscapeUrl: n,
-  portraitUrl: i
+`, g = ({
+  containerId: o,
+  landscapeUrl: e,
+  portraitUrl: r
 }) => {
-  const [r, a] = useState(false), o = useMemo(() => {
-    const e = window.innerWidth, c = window.innerHeight;
-    return a(false), e > c ? n : i;
-  }, [n, i]);
-  return useEffect(() => {
-    if (o) {
-      const e = new Image();
-      e.src = o, e.onload = function() {
-        a(true);
+  const [a, i] = d(!1), t = c(() => {
+    const n = window.innerWidth, l = window.innerHeight;
+    return i(!1), n > l ? e : r;
+  }, [e, r]);
+  return p(() => {
+    if (t) {
+      const n = new Image();
+      n.src = t, n.onload = function() {
+        i(!0);
       };
     }
-  }, [o]), useMemo(() => {
-    const e = o ? `url("${o}")` : void 0;
-    return e && r ? /* @__PURE__ */ jsx("style", { children: p({ containerId: t, url: e }) }) : null;
-  }, [t, o, r]);
+  }, [t]), c(() => {
+    const n = t ? `url("${t}")` : void 0;
+    return n && a ? /* @__PURE__ */ s("style", { children: m({ containerId: o, url: n }) }) : null;
+  }, [o, t, a]);
 };
 export {
   u,
-  y
+  g as y
 };

package/lib/classic/index.d.ts

@@ -1,4 +1,3 @@
-import '@streamlayer/react-ui/style.css';
 export { useStreamLayer, useStreamLayerUI, useStreamLayerTheme } from '@streamlayer/react-ui/core/hooks';
 export { StreamLayerProvider, type DeepLinkCallback, type VideoPlayerCallback, type VideoPlayerData, type ContentActivateParams, type OnContentActivateCallback, } from '@streamlayer/react-ui/core/provider';
 export { StreamLayerThemeProvider } from '@streamlayer/react-ui/ui/theme';