@streamlayer/react 1.23.2 → 1.24.1

package/lib/classic/cjs/utils.js

@@ -1 +1,47 @@
-"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])};
+"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;
+  }
+`,d=({containerId:e="SlLayoutContainer",url:o})=>`
+  #${e||"SlLayoutContainer"},
+  #${e||"SlLayoutContainer"} .StreamLayerSDK>.StreamLayerSDKTheme > * {
+    --color-sdk-container-bg: transparent !important;
+  }
+
+  #${e||"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;
+  }
+
+  #${e||"SlLayoutContainer"} > div {
+    position: relative;
+    z-index: 1;
+  }
+
+  @keyframes fade-sl-bg-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  ${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;