@carbon/ibmdotcom-web-components 2.42.0 → 2.43.0

package/custom-elements.json

@@ -11511,22 +11511,18 @@
           "type": "string | undefined"
         },
         {
-          "name": "legalLinks",
-          "description": "The legal nav links.",
-          "type": "BasicLink[]",
-          "default": "[]"
+          "name": "links",
+          "type": "BasicLinkSet[] | undefined"
         },
         {
-          "name": "adjunctLinks",
+          "name": "legalLinks",
           "description": "The adjunct links.",
-          "type": "BasicLink[]",
-          "default": "[]"
+          "type": "BasicLink[] | undefined"
         },
         {
-          "name": "links",
+          "name": "adjunctLinks",
           "description": "The footer links.",
-          "type": "BasicLinkSet[]",
-          "default": "[]"
+          "type": "BasicLink[] | undefined"
         },
         {
           "name": "localeList",
@@ -11555,7 +11551,7 @@
     {
       "name": "c4d-footer-container",
       "path": "./src/components/footer/footer-container.ts",
-      "description": "Container component for masthead.",
+      "description": "Container component for footer.",
       "attributes": [
         {
           "name": "buttonLabel",
@@ -11670,22 +11666,18 @@
           "type": "string | undefined"
         },
         {
-          "name": "legalLinks",
-          "description": "The legal nav links.",
-          "type": "BasicLink[]",
-          "default": "[]"
+          "name": "links",
+          "type": "BasicLinkSet[] | undefined"
         },
         {
-          "name": "adjunctLinks",
+          "name": "legalLinks",
           "description": "The adjunct links.",
-          "type": "BasicLink[]",
-          "default": "[]"
+          "type": "BasicLink[] | undefined"
         },
         {
-          "name": "links",
+          "name": "adjunctLinks",
           "description": "The footer links.",
-          "type": "BasicLinkSet[]",
-          "default": "[]"
+          "type": "BasicLink[] | undefined"
         },
         {
           "name": "localeList",

package/dist/dotcom-shell.js

@@ -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-1c798fbb.js';
+import './index-025b19d2.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-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -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-0582e43b.js";
+import"./index-e1103424.js";

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

@@ -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-1c798fbb.js';
+import './index-025b19d2.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-element:
+ * lit-html:
  * 
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
- * lit-html:
+ * lit-element:
  * 
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  * 
  * @lit/reactive-element:
@@ -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-0582e43b.js";
+import"./index-e1103424.js";

package/dist/{index-1c798fbb.js → index-025b19d2.js}

@@ -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
@@ -29426,63 +29426,11 @@ let C4DFooterComposite = _decorate$z([carbonElement(`${c4dPrefix$z}-footer-compo
       key: "selectedLanguage",
       value: void 0
     }, {
-      kind: "field",
-      decorators: [n$1({
-        attribute: false
-      })],
-      key: "legalLinks",
-      value() {
-        return [];
-      }
-    }, {
-      kind: "field",
-      decorators: [n$1({
-        attribute: false
-      })],
-      key: "adjunctLinks",
-      value() {
-        return [];
-      }
-    }, {
-      kind: "field",
+      kind: "set",
       decorators: [n$1({
         attribute: false
       })],
       key: "links",
-      value() {
-        return [];
-      }
-    }, {
-      kind: "field",
-      decorators: [n$1({
-        attribute: false
-      })],
-      key: "localeList",
-      value: void 0
-    }, {
-      kind: "field",
-      key: "modalTriggerProps",
-      value() {
-        return ['openLocaleModal', 'localeList'];
-      }
-    }, {
-      kind: "field",
-      decorators: [n$1({
-        type: Boolean,
-        attribute: 'open-locale-modal'
-      })],
-      key: "openLocaleModal",
-      value: void 0
-    }, {
-      kind: "field",
-      decorators: [n$1({
-        reflect: true
-      })],
-      key: "size",
-      value: void 0
-    }, {
-      kind: "method",
-      key: "getLangDisplay",
       value:
       /**
        * The placeholder for `loadLocaleList()` Redux action that may be mixed in.
@@ -29540,15 +29488,92 @@ let C4DFooterComposite = _decorate$z([carbonElement(`${c4dPrefix$z}-footer-compo
       /**
        * The legal nav links.
        */
+      function (value) {
+        this._links = value;
+        this.requestUpdate('links');
+      }
+    }, {
+      kind: "get",
+      key: "links",
+      value: function () {
+        return this._links;
+      }
+
       /**
        * The adjunct links.
        */
+    }, {
+      kind: "set",
+      decorators: [n$1({
+        attribute: false
+      })],
+      key: "legalLinks",
+      value: function (value) {
+        this._legalLinks = value;
+        this.requestUpdate('legalLinks');
+      }
+    }, {
+      kind: "get",
+      key: "legalLinks",
+      value: function () {
+        return this._legalLinks;
+      }
+
       /**
        * The footer links.
        */
+    }, {
+      kind: "set",
+      decorators: [n$1({
+        attribute: false
+      })],
+      key: "adjunctLinks",
+      value: function (value) {
+        this._adjunctLinks = value;
+        this.requestUpdate('adjunctLinks');
+      }
+    }, {
+      kind: "get",
+      key: "adjunctLinks",
+      value: function () {
+        return this._adjunctLinks;
+      }
+
       /**
        * The locale list.
        */
+    }, {
+      kind: "field",
+      decorators: [n$1({
+        attribute: false
+      })],
+      key: "localeList",
+      value: void 0
+    }, {
+      kind: "field",
+      key: "modalTriggerProps",
+      value() {
+        return ['openLocaleModal', 'localeList'];
+      }
+    }, {
+      kind: "field",
+      decorators: [n$1({
+        type: Boolean,
+        attribute: 'open-locale-modal'
+      })],
+      key: "openLocaleModal",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [n$1({
+        reflect: true
+      })],
+      key: "size",
+      value: void 0
+    }, {
+      kind: "method",
+      key: "getLangDisplay",
+      value:
       /**
        * @inheritdoc
        */
@@ -29823,10 +29848,11 @@ const {
  */
 
 /**
- * @param state The Redux state for masthead.
+ * @param state The Redux state for footer
+ * @param ownProps The current component props
  * @returns The converted version of the given state, tailored for `<c4d-footer-container>`.
  */
-function mapStateToProps$2(state) {
+function mapStateToProps$2(state, ownProps) {
   var _translations$languag, _translations$languag2;
   const {
     localeAPI,
@@ -29839,10 +29865,12 @@ function mapStateToProps$2(state) {
   const {
     translations
   } = translateAPI !== null && translateAPI !== void 0 ? translateAPI : {};
+  const hasUserLinks = (ownProps === null || ownProps === void 0 ? void 0 : ownProps.links) !== undefined;
+  const hasUserLegalLinks = (ownProps === null || ownProps === void 0 ? void 0 : ownProps.legalLinks) !== undefined;
   return pickBy({
     localeList: !language ? undefined : localeLists === null || localeLists === void 0 ? void 0 : localeLists[language],
-    links: !language ? undefined : translations === null || translations === void 0 || (_translations$languag = translations[language]) === null || _translations$languag === void 0 ? void 0 : _translations$languag.footerMenu,
-    legalLinks: !language ? undefined : translations === null || translations === void 0 || (_translations$languag2 = translations[language]) === null || _translations$languag2 === void 0 ? void 0 : _translations$languag2.footerThin
+    links: hasUserLinks || !language ? undefined : translations === null || translations === void 0 || (_translations$languag = translations[language]) === null || _translations$languag === void 0 ? void 0 : _translations$languag.footerMenu,
+    legalLinks: hasUserLegalLinks || !language ? undefined : translations === null || translations === void 0 || (_translations$languag2 = translations[language]) === null || _translations$languag2 === void 0 ? void 0 : _translations$languag2.footerThin
   }, value => value !== undefined);
 }
 
@@ -29863,7 +29891,7 @@ function mapDispatchToProps$2(dispatch) {
 }
 
 /**
- * Container component for masthead.
+ * Container component for footer.
  *
  * @element c4d-footer-container
  */
@@ -32727,7 +32755,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-015a1a3e.js'), import('./megamenu-category-link-2c38f1b8.js'), import('./megamenu-category-link-group-492f73c5.js'), import('./megamenu-category-group-6a9005b2.js'), import('./megamenu-category-group-copy-a1712d7f.js'), import('./megamenu-category-heading-b5cf4e2d.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-a9dcb9ea.js'), import('./megamenu-tab-9623c21c.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
+              await Promise.all([import('./megamenu-left-navigation-e197ca63.js'), import('./megamenu-category-link-a84cac86.js'), import('./megamenu-category-link-group-f5f0c0fe.js'), import('./megamenu-category-group-26a8ad72.js'), import('./megamenu-category-group-copy-c32be4d2.js'), import('./megamenu-category-heading-463194ca.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-84c27fb4.js'), import('./megamenu-tab-b7c53fca.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
               this.parentElement.importedMegamenu = true;
             }
 
@@ -36394,24 +36422,42 @@ _decorate$i([carbonElement(`${c4dPrefix$i}-masthead-cart`)], function (_initiali
       }
     }, {
       kind: "method",
-      key: "render",
-      value: function render() {
+      key: "handleURL",
+      value: function handleURL() {
         const {
-          linkLabel,
           locale: {
             cc,
             lc
           }
         } = this;
+        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: "render",
+      value: function render() {
+        const {
+          linkLabel,
+          handleURL
+        } = this;
         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());
+    `), handleURL(), prefix$9, prefix$9, linkLabel, svgResultCarbonIcon$3());
       }
     }, {
       kind: "get",
@@ -38790,7 +38836,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-222d7e12.js'), import('./left-nav-menu-section-ad075d07.js'), import('./left-nav-menu-item-1c789f3b.js'), import('./left-nav-menu-category-heading-d40df38d.js'), import('./left-nav-overlay-c4bce0ba.js')]);
+            await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-2c21e619.js'), import('./left-nav-menu-section-a00058c4.js'), import('./left-nav-menu-item-9a1c14ca.js'), import('./left-nav-menu-category-heading-0600c59b.js'), import('./left-nav-overlay-f345f1da.js')]);
             this._importedSideNav = true;
           }
           this.expanded = event.detail.active;