@carbon/ibmdotcom-web-components 2.45.0 → 2.47.0

package/custom-elements.json

@@ -17789,6 +17789,12 @@
           "type": "{ lc: string; cc: string; }",
           "default": "{\"lc\":\"en\",\"cc\":\"us\"}"
         },
+        {
+          "name": "updateCart",
+          "description": "Updates cart state",
+          "type": "() => void",
+          "default": "\"() => {\\n    const hasCart = SAPCommerceAPI.hasActiveCart();\\n    this.hasActiveCart = hasCart;\\n  }\""
+        },
         {
           "name": "styles",
           "default": "\"styles\""

package/dist/dotcom-shell.js

@@ -29,7 +29,7 @@
  * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -80,12 +80,12 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
 let process = { env: {} };
-import './index-8f9fbd8b.js';
+import './index-2afb6b83.js';

package/dist/dotcom-shell.min.js

@@ -80,11 +80,11 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
-import"./index-e67dc377.js";
+import"./index-d71fad5e.js";

package/dist/ibmdotcom-web-components-dotcom-shell.js

@@ -29,7 +29,7 @@
  * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -80,12 +80,12 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
 let process = { env: {} };
-import './index-8f9fbd8b.js';
+import './index-2afb6b83.js';

package/dist/ibmdotcom-web-components-dotcom-shell.min.js

@@ -80,11 +80,11 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
-import"./index-e67dc377.js";
+import"./index-d71fad5e.js";

package/dist/{index-8f9fbd8b.js → index-2afb6b83.js}

@@ -29,7 +29,7 @@
  * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -80,8 +80,8 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
@@ -33015,7 +33015,7 @@ let C4DMegaMenuTopNavMenu = _decorate$s([carbonElement(`${c4dPrefix$s}-megamenu-
             var _this$parentElement;
             // Import needed subcomponents on first expansion
             if (!((_this$parentElement = this.parentElement) !== null && _this$parentElement !== void 0 && _this$parentElement.importedMegamenu)) {
-              await Promise.all([import('./megamenu-left-navigation-7afdc0cb.js'), import('./megamenu-category-link-ee2e5258.js'), import('./megamenu-category-link-group-52858f7c.js'), import('./megamenu-category-group-7a57911e.js'), import('./megamenu-category-group-copy-fd864f59.js'), import('./megamenu-category-heading-bb5993d0.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-5ef478f4.js'), import('./megamenu-tab-b1d421b3.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
+              await Promise.all([import('./megamenu-left-navigation-68bc901a.js'), import('./megamenu-category-link-d47b8f6a.js'), import('./megamenu-category-link-group-c112da07.js'), import('./megamenu-category-group-26bd14a7.js'), import('./megamenu-category-group-copy-3b2207e3.js'), import('./megamenu-category-heading-1916b04a.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-a191f87b.js'), import('./megamenu-tab-70d5982a.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
               this.parentElement.importedMegamenu = true;
             }
 
@@ -36661,25 +36661,66 @@ _decorate$i([carbonElement(`${c4dPrefix$i}-masthead-cart`)], function (_initiali
 
       function connectedCallback() {
         _superPropGet$c(C4DMastheadCart, "connectedCallback", this, 3)([]);
-        // Check the relevant cookie for whether the user has an active cart.
-        this.hasActiveCart = SAPCommerceAPI.hasActiveCart();
-        // Fetch the locale for the page.
+
+        // Initial check
+        this.updateCart();
+
+        // Fallback retry
+        this.checkCartWithRetry();
+
+        // Listen for cross-tab updates
+        window.addEventListener('storage', this.updateCart);
+
+        // Fetch locale
         LocaleAPI.getLocale().then(locale => {
           this.locale = locale;
         });
       }
     }, {
       kind: "method",
-      key: "updated",
-      value: function updated(changedProperties) {
-        _superPropGet$c(C4DMastheadCart, "updated", this, 3)([changedProperties]);
-        const {
-          hasActiveCart
-        } = this;
-        if (changedProperties.has('hasActiveCart')) {
-          this.hidden = !hasActiveCart;
-        }
+      key: "disconnectedCallback",
+      value: function disconnectedCallback() {
+        _superPropGet$c(C4DMastheadCart, "disconnectedCallback", this, 3)([]);
+        window.removeEventListener('storage', this.updateCart);
+      }
+
+      /**
+       * Updates cart state
+       */
+    }, {
+      kind: "field",
+      key: "updateCart",
+      value() {
+        return () => {
+          const hasCart = SAPCommerceAPI.hasActiveCart();
+          this.hasActiveCart = hasCart;
+        };
+      }
+    }, {
+      kind: "method",
+      key: "checkCartWithRetry",
+      value:
+      /**
+       * Checks if the user has an active cart and retries a few times if the cart cookie is not available yet.
+       */
+      function checkCartWithRetry(retries = 5, delay = 200) {
+        const check = () => {
+          const hasCart = SAPCommerceAPI.hasActiveCart();
+          if (hasCart) {
+            this.hasActiveCart = true;
+            return;
+          }
+          if (retries > 0) {
+            retries--;
+            setTimeout(check, delay);
+          }
+        };
+        check();
       }
+
+      /**
+       * Filter the correct checkout URL based on locale and country code.
+       */
     }, {
       kind: "method",
       key: "handleURL",
@@ -36695,17 +36736,28 @@ _decorate$i([carbonElement(`${c4dPrefix$i}-masthead-cart`)], function (_initiali
             return `/store/${lc}/${cc}/checkout`;
         }
       }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated(changedProperties) {
+        _superPropGet$c(C4DMastheadCart, "updated", this, 3)([changedProperties]);
+        const {
+          hasActiveCart
+        } = this;
+        if (changedProperties.has('hasActiveCart')) {
+          this.hidden = !hasActiveCart;
+        }
+      }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
         const {
+          linkLabel,
           locale: {
             cc,
             lc
-          },
-          linkLabel,
-          handleURL
+          }
         } = this;
         return x(_t$f || (_t$f = _$f`
       <a
@@ -36715,7 +36767,7 @@ _decorate$i([carbonElement(`${c4dPrefix$i}-masthead-cart`)], function (_initiali
         aria-label="${0}"
         >${0}</a
       >
-    `), handleURL(cc, lc), prefix$9, prefix$9, linkLabel, svgResultCarbonIcon$3());
+    `), this.handleURL(cc, lc), prefix$9, prefix$9, linkLabel, svgResultCarbonIcon$3());
       }
     }, {
       kind: "get",
@@ -39094,7 +39146,7 @@ let C4DLeftNav = _decorate$b([carbonElement(`${c4dPrefix$b}-left-nav`)], functio
       value() {
         return async event => {
           if (!this._importedSideNav) {
-            await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-b28a0e98.js'), import('./left-nav-menu-section-1c64a81d.js'), import('./left-nav-menu-item-9a498b0b.js'), import('./left-nav-menu-category-heading-0a43846a.js'), import('./left-nav-overlay-74b7a919.js')]);
+            await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-fd372a33.js'), import('./left-nav-menu-section-030cb39a.js'), import('./left-nav-menu-item-7fdb8ccb.js'), import('./left-nav-menu-category-heading-920e6a4d.js'), import('./left-nav-overlay-889c0a90.js')]);
             this._importedSideNav = true;
           }
           this.expanded = event.detail.active;