@carbon/ibmdotcom-web-components 2.46.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

@@ -20,16 +20,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -88,4 +88,4 @@
  */
 
 let process = { env: {} };
-import './index-2a27319c.js';
+import './index-2afb6b83.js';

package/dist/dotcom-shell.min.js

@@ -20,16 +20,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -87,4 +87,4 @@
  * https://www.npmjs.com/package/striptags
  */
 
-import"./index-6499062e.js";
+import"./index-d71fad5e.js";

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

@@ -20,16 +20,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -88,4 +88,4 @@
  */
 
 let process = { env: {} };
-import './index-2a27319c.js';
+import './index-2afb6b83.js';

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

@@ -20,16 +20,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -87,4 +87,4 @@
  * https://www.npmjs.com/package/striptags
  */
 
-import"./index-6499062e.js";
+import"./index-d71fad5e.js";

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

@@ -20,16 +20,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -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-f119bbfc.js'), import('./megamenu-category-link-46334ebb.js'), import('./megamenu-category-link-group-240c9051.js'), import('./megamenu-category-group-6674efc2.js'), import('./megamenu-category-group-copy-49c71042.js'), import('./megamenu-category-heading-e38dad42.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-babb8218.js'), import('./megamenu-tab-f8d14ecf.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,13 +36661,81 @@ _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: "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",
+      value: function handleURL(cc, lc) {
+        switch (cc) {
+          case 'uk':
+            return `/store/en/gb/checkout`;
+          case 'ae':
+            return `/store/en/ae/checkout`;
+          case 'sa':
+            return `/store/en/sa/checkout`;
+          default:
+            return `/store/${lc}/${cc}/checkout`;
+        }
+      }
     }, {
       kind: "method",
       key: "updated",
@@ -36694,12 +36762,12 @@ _decorate$i([carbonElement(`${c4dPrefix$i}-masthead-cart`)], function (_initiali
         return x(_t$f || (_t$f = _$f`
       <a
         part="cart-link"
-        href="/store/${0}/${0}/checkout"
+        href="${0}"
         class="${0}--header__menu-item ${0}--header__menu-title"
         aria-label="${0}"
         >${0}</a
       >
-    `), lc, cc, prefix$9, prefix$9, linkLabel, svgResultCarbonIcon$3());
+    `), this.handleURL(cc, lc), prefix$9, prefix$9, linkLabel, svgResultCarbonIcon$3());
       }
     }, {
       kind: "get",
@@ -39078,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-d2fd2328.js'), import('./left-nav-menu-section-dfce35ff.js'), import('./left-nav-menu-item-65681d32.js'), import('./left-nav-menu-category-heading-8d21b7ff.js'), import('./left-nav-overlay-da850571.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;