@royaloperahouse/chord 1.18.2-k-chord-development → 1.18.2-m-chord-development

package/dist/chord.cjs.development.js

@@ -3732,6 +3732,10 @@ var checkTimeRed = function checkTimeRed(seconds) {
 };
 
 var useBasket = function useBasket(expiryUnixTimestamp, numItems, numVirtualItems) {
+  if (numItems === void 0) {
+    numItems = 0;
+  }
+
   if (numVirtualItems === void 0) {
     numVirtualItems = 0;
   }
@@ -3744,9 +3748,9 @@ var useBasket = function useBasket(expiryUnixTimestamp, numItems, numVirtualItem
       basketIsActive = _useState2[0],
       setBasketIsActive = _useState2[1];
 
-  var _useState3 = React.useState(numItems != null ? numItems : 0),
-      basketNumItems = _useState3[0],
-      setBasketNumItems = _useState3[1];
+  var _useState3 = React.useState(0),
+      basketTotalNumItems = _useState3[0],
+      setBasketTotalNumItems = _useState3[1];
 
   var _useState4 = React.useState(getSecondsUntil(expiryUnixTimestamp)),
       seconds = _useState4[0],
@@ -3756,9 +3760,18 @@ var useBasket = function useBasket(expiryUnixTimestamp, numItems, numVirtualItem
       timer = _useState5[0],
       setTimer = _useState5[1];
 
+  var _useState6 = React.useState(true),
+      basketIsEmpty = _useState6[0],
+      setBasketIsEmpty = _useState6[1];
+
   React.useEffect(function () {
-    if (!numItems) return;
-    setBasketNumItems(numItems + numVirtualItems);
+    if (numItems > 0 || numVirtualItems > 0) {
+      setBasketIsEmpty(false);
+    } else {
+      setBasketIsEmpty(true);
+    }
+
+    setBasketTotalNumItems(numItems + numVirtualItems);
   }, [numItems, numVirtualItems]);
   React.useEffect(function () {
     if (!expiryUnixTimestamp) return;
@@ -3788,15 +3801,16 @@ var useBasket = function useBasket(expiryUnixTimestamp, numItems, numVirtualItem
       setBasketIsActive(checkTimeRed(seconds));
     } else {
       clearInterval(timer);
-      setBasketNumItems(numVirtualItems);
+      setBasketTotalNumItems(numVirtualItems);
       setBasketText('');
       setBasketIsActive(false);
     }
   }, [seconds, timer]);
   return {
     basketText: basketText,
-    basketNumItems: basketNumItems,
-    basketIsActive: basketIsActive
+    basketTotalNumItems: basketTotalNumItems,
+    basketIsActive: basketIsActive,
+    basketIsEmpty: basketIsEmpty
   };
 };
 
@@ -3822,10 +3836,9 @@ var Basket$1 = function Basket(_ref) {
 
   var _useBasket = useBasket(expiryTime, numItems, numVirtualItems),
       basketText = _useBasket.basketText,
-      basketNumItems = _useBasket.basketNumItems,
-      basketIsActive = _useBasket.basketIsActive;
-
-  var isEmpty = expiryTime ? basketNumItems <= 0 : numItems <= 0;
+      basketTotalNumItems = _useBasket.basketTotalNumItems,
+      basketIsActive = _useBasket.basketIsActive,
+      basketIsEmpty = _useBasket.basketIsEmpty;
 
   var onKeyDownHandler = function onKeyDownHandler(e) {
     if (e.key === 'Enter') {
@@ -3840,13 +3853,13 @@ var Basket$1 = function Basket(_ref) {
     colorPrimary: colorPrimary,
     isActive: basketIsActive,
     tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement(SvgContainer, null, isEmpty ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(SvgContainer, null, basketIsEmpty ? /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "Basket"
   }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "BasketFull"
   }), /*#__PURE__*/React__default.createElement(NumContainer, null, /*#__PURE__*/React__default.createElement("span", {
     className: "basket-num"
-  }, basketNumItems)))), /*#__PURE__*/React__default.createElement("div", null, !isEmpty ? /*#__PURE__*/React__default.createElement(BasketText, {
+  }, basketTotalNumItems)))), /*#__PURE__*/React__default.createElement("div", null, !basketIsEmpty ? /*#__PURE__*/React__default.createElement(BasketText, {
     "data-testid": "baskettext"
   }, expiryTime ? basketText : text) : ''));
 };
@@ -6766,10 +6779,10 @@ var PageHeadingCompact = function PageHeadingCompact(_ref) {
     playsInline: true,
     "data-testid": "compact-video",
     id: videoElementId
-  }, videoUrlDesktop && /*#__PURE__*/React__default.createElement("source", {
+  }, /*#__PURE__*/React__default.createElement("source", {
     src: videoUrlDesktop
   }), /*#__PURE__*/React__default.createElement("img", {
-    src: bgUrlDevice,
+    src: bgUrlDesktop,
     alt: bgImageAltText,
     "data-testid": "compact-image"
   })), /*#__PURE__*/React__default.createElement(VideoControls, {