fix(card): parent-href preventing CM variation from working

Author: bruno-amorim

packages/web-components/src/components/card/card-footer.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -45,6 +45,18 @@ class C4DCardFooter extends C4DLinkWithIcon {
     return Boolean(parentHref) && (!href || parentHref === href);
   }
 
+  /**
+   * Contact Module won't work if card-footer has parent-href attribute
+   * this function removes parent-href if the cta type is 'chat' or 'contact'
+   */
+  protected _cleanParentHrefForContactModule() {
+    const { ctaType } = this;
+
+    if (ctaType === 'chat' || ctaType === 'contact') {
+      this.removeAttribute('parent-href');
+    }
+  }
+
   /**
    * Handles `slotchange` event on the default `<slot>`.
    */
@@ -134,6 +146,8 @@ class C4DCardFooter extends C4DLinkWithIcon {
     if (iconInline) {
       targetNode!.classList.add(`${prefix}--link-with-icon--inline-icon`);
     }
+
+    this._cleanParentHrefForContactModule();
   }
 
   static get stableSelector() {

packages/web-components/src/components/cta/defs.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -101,6 +101,11 @@ export enum CTA_TYPE {
    */
   CHAT = 'chat',
 
+  /**
+   * Another CTA variation with a chat icon, whose action opens the chat widget.
+   */
+  CONTACT = 'contact',
+
   /**
    * CTA with a phone icon, whose action opens default telephony app.
    */