@streamlayer/react 1.23.0 → 1.23.2

package/lib/classic/es/utils.js

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

package/lib/classic/index.d.ts

@@ -1,3 +1,4 @@
+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';