@streamlayer/react 1.23.1 → 1.23.2

package/lib/classic/cjs/utils.js

@@ -1,47 +1 @@
-"use strict";const d=require("react/jsx-runtime"),r=require("react"),s=`
-  .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 > * {
-    --color-sdk-container-bg: transparent !important;
-  }
-
-  #${n||"SlLayoutContainer"}::before {
-    content: '';
-    display: block;
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    background-color: #1a1a1a;
-    background-size: cover !important;
-    background-position: center !important;
-    background-repeat: no-repeat !important;
-    background-image: ${o} !important;
-    z-index: 0;
-
-    opacity: 0;
-    animation: fade-sl-bg-in 0.3s linear forwards;
-  }
-
-  #${n||"SlLayoutContainer"} > div {
-    position: relative;
-    z-index: 1;
-  }
-
-  @keyframes fade-sl-bg-in {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-
-  ${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;
+"use strict";require("core-js/modules/es.symbol.js"),require("core-js/modules/es.symbol.description.js"),require("core-js/modules/es.symbol.iterator.js"),require("core-js/modules/es.array.concat.js"),require("core-js/modules/es.array.from.js"),require("core-js/modules/es.array.iterator.js"),require("core-js/modules/es.array.slice.js"),require("core-js/modules/es.object.to-string.js"),require("core-js/modules/es.regexp.exec.js"),require("core-js/modules/es.regexp.to-string.js"),require("core-js/modules/es.string.iterator.js"),require("core-js/modules/web.dom-collections.iterator.js");function r(r,n){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var n=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var t,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(r)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(t=i.call(n)).done)&&(s.push(t.value),s.length!==e);c=!0);}catch(l){u=!0,o=l}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(r,n)||function(r,n){if(r){if("string"==typeof r)return e(r,n);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?e(r,n):void 0}}(r,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,t=Array(e);n<e;n++)t[n]=r[n];return t}var n=require("react/jsx-runtime"),t=require("react"),o="\n  .sl-hide-on-modal {\n    height: 0 !important;\n    opacity: 0 !important;\n    overflow: hidden !important;\n    transition: none;\n  }\n",i=function(r){var e=r.containerId,n=void 0===e?"SlLayoutContainer":e,t=r.url;return"\n  #".concat(n||"SlLayoutContainer",",\n  #").concat(n||"SlLayoutContainer"," .StreamLayerSDK>.StreamLayerSDKTheme > * {\n    --color-sdk-container-bg: transparent !important;\n  }\n\n  #").concat(n||"SlLayoutContainer","::before {\n    content: '';\n    display: block;\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #1a1a1a;\n    background-size: cover !important;\n    background-position: center !important;\n    background-repeat: no-repeat !important;\n    background-image: ").concat(t," !important;\n    z-index: 0;\n\n    opacity: 0;\n    animation: fade-sl-bg-in 0.3s linear forwards;\n  }\n\n  #").concat(n||"SlLayoutContainer"," > div {\n    position: relative;\n    z-index: 1;\n  }\n\n  @keyframes fade-sl-bg-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  ").concat(o,"\n")};exports.u=o,exports.y=function(e){var o=e.containerId,a=e.landscapeUrl,s=e.portraitUrl,c=r(t.useState(!1),2),u=c[0],l=c[1],d=t.useMemo(function(){var r=window.innerWidth,e=window.innerHeight;return l(!1),r>e?a:s},[a,s]);return t.useEffect(function(){if(d){var r=new Image;r.src=d,r.onload=function(){l(!0)}}},[d]),t.useMemo(function(){var r=d?'url("'.concat(d,'")'):void 0;return r&&u?n.jsx("style",{children:i({containerId:o,url:r})}):null},[o,d,u])};