@royaloperahouse/chord 1.18.2-e-chord-development → 1.18.2-g-chord-development

package/dist/chord.cjs.development.js

@@ -3502,7 +3502,7 @@ var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1
 var isIOS = function isIOS() {
   try {
     console.warn('Do not use this on server side rendering, it may throw an error.');
-    if (typeof navigator === undefined) return false;
+    if (typeof navigator === 'undefined') return false;
     return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
     navigator.userAgent.includes('Mac') && 'ontouchend' in document;
   } catch (e) {
@@ -3518,14 +3518,14 @@ var useIOS = function useIOS() {
       setIOS = _useState[1];
 
   React.useEffect(function () {
-    if (typeof navigator === undefined) return;
+    if (typeof navigator === 'undefined') return;
     setIOS(isIOS());
   }, []);
   return IOS;
 };
 
 var setScreenWidth = function setScreenWidth(setterFunction) {
-  if (typeof innerWidth !== undefined && innerWidth < breakpoints.sm) {
+  if (typeof window !== 'undefined' && typeof window.innerWidth !== 'undefined' && window.innerWidth < breakpoints.sm) {
     setterFunction(true);
     return;
   }
@@ -3536,7 +3536,7 @@ var setScreenWidth = function setScreenWidth(setterFunction) {
 
 var useWidth = function useWidth() {
   var _useState2 = React.useState(function () {
-    if (typeof innerWidth !== undefined && innerWidth < breakpoints.sm) {
+    if (typeof window !== 'undefined' && typeof window.innerWidth !== 'undefined' && window.innerWidth < breakpoints.sm) {
       return true;
     }
 
@@ -6755,11 +6755,10 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
 };
 
 var _excluded$k = ["text"];
-var getVideoPosterAttr = function getVideoPosterAttr(bgDesktopImg, bgDeviceImg) {
-  var isIOS = useIOS();
-  var isPortraitMobile = useWidth();
-  if (!isIOS) return undefined;
-  return isPortraitMobile ? bgDeviceImg || bgDesktopImg : bgDesktopImg;
+
+var getVideoPosterAttr = function getVideoPosterAttr(iOS, potrait, bgImgDevice, bgImgDesktop) {
+  if (!iOS) return '';
+  return potrait ? bgImgDevice || bgImgDesktop : bgImgDesktop;
 };
 
 var PageHeadingCompact = function PageHeadingCompact(_ref) {
@@ -6786,7 +6785,9 @@ var PageHeadingCompact = function PageHeadingCompact(_ref) {
 
   var titleSize = title && title.length > 20 ? 4 : 3;
   var videoElementId = 'compact-header-video';
-  var videoPosterAttr = getVideoPosterAttr(bgUrlDesktop, bgUrlDevice);
+  var isIOS = useIOS();
+  var isPortraitMobile = useWidth();
+  var videoPosterAttr = getVideoPosterAttr(isIOS, isPortraitMobile, bgUrlDevice, bgUrlDesktop);
   return /*#__PURE__*/React__default.createElement(ComapctHeaderWrapper, null, sponsor ? /*#__PURE__*/React__default.createElement(SponsorWrapper, {
     "data-testid": "compact-sponsor"
   }, customSponsorImage ? /*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({