@streamlayer/react 1.23.1 → 1.24.0

package/lib/classic/cjs/utils.js

@@ -1,17 +1,17 @@
-"use strict";const d=require("react/jsx-runtime"),r=require("react"),s=`
+"use strict";const u=require("react/jsx-runtime"),r=require("react"),c=`
   .sl-hide-on-modal {
     height: 0 !important;
     opacity: 0 !important;
     overflow: hidden !important;
     transition: none;
   }
-`,l=({containerId:n="SlLayoutContainer",url:o})=>`
-  #${n||"SlLayoutContainer"},
-  #${n||"SlLayoutContainer"} .StreamLayerSDK>.StreamLayerSDKTheme > * {
+`,d=({containerId:e="SlLayoutContainer",url:o})=>`
+  #${e||"SlLayoutContainer"},
+  #${e||"SlLayoutContainer"} .StreamLayerSDK>.StreamLayerSDKTheme > * {
     --color-sdk-container-bg: transparent !important;
   }
 
-  #${n||"SlLayoutContainer"}::before {
+  #${e||"SlLayoutContainer"}::before {
     content: '';
     display: block;
     position: absolute;
@@ -29,7 +29,7 @@
     animation: fade-sl-bg-in 0.3s linear forwards;
   }
 
-  #${n||"SlLayoutContainer"} > div {
+  #${e||"SlLayoutContainer"} > div {
     position: relative;
     z-index: 1;
   }
@@ -43,5 +43,5 @@
     }
   }
 
-  ${s}
-`,p=({containerId:n,landscapeUrl:o,portraitUrl:a})=>{const[i,c]=r.useState(!1),e=r.useMemo(()=>{const t=window.innerWidth,u=window.innerHeight;return c(!1),t>u?o:a},[o,a]);return r.useEffect(()=>{if(e){const t=new Image;t.src=e,t.onload=function(){c(!0)}}},[e]),r.useMemo(()=>{const t=e?`url("${e}")`:void 0;return t&&i?d.jsx("style",{children:l({containerId:n,url:t})}):null},[n,e,i])};exports.u=s;exports.y=p;
+  ${c}
+`,p=({containerId:e,landscapeUrl:o,portraitUrl:a})=>{const[i,s]=r.useState(!1),t=r.useMemo(()=>{const n=window.innerWidth,l=window.innerHeight;return s(!1),n>l?o:a},[o,a]);return r.useEffect(()=>{if(t){const n=new Image;n.src=t,n.onload=function(){s(!0)}}},[t]),r.useMemo(()=>{const n=t?`url("${t}")`:void 0;return n&&i?u.jsx("style",{children:d({containerId:e,url:n})}):null},[e,t,i])};exports.u=c;exports.y=p;