@salesforcedevs/dx-components 1.30.3 → 1.30.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.30.3",
+    "version": "1.30.5",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -44,5 +44,5 @@
         "luxon": "3.4.4",
         "msw": "^2.12.4"
     },
-    "gitHead": "13a2157444eb5b6702b9d7c56f511dc90c7614d8"
+    "gitHead": "6d460367150b62b690d135f6b634adb7cb2b4479"
 }

package/src/modules/dx/footer/footer.html

@@ -54,7 +54,7 @@
                 lwc:if={showContainerMiddle}
                 class="content-container content-container_middle"
             >
-                <a class="logo" href="/">
+                <a class="logo" href="/" onclick={handleLogoClick}>
                     <img
                         src="https://developer.salesforce.com/ns-assets/salesforce-logo-corporate.svg"
                         alt="Salesforce logo"
@@ -69,6 +69,7 @@
                             class={link.iconSymbol}
                             target="_blank"
                             rel="noopener"
+                            onclick={handleSocialLinkClick}
                         >
                             <svg
                                 xmlns="http://www.w3.org/2000/svg"
@@ -107,13 +108,18 @@
                                     href={term.href}
                                     key={term.label}
                                     rel={term.rel}
-                                    onclick={term.onclick}
+                                    onclick={handleCookiePreferencesClick}
                                 >
                                     {term.label}
                                 </a>
                             </template>
                             <template lwc:else>
-                                <a href={term.href} key={term.label} rel={term.rel}>
+                                <a
+                                    href={term.href}
+                                    key={term.label}
+                                    rel={term.rel}
+                                    onclick={handleTermsClick}
+                                >
                                     <img
                                         lwc:if={term.img}
                                         class="term-icon"

package/src/modules/dx/footer/footer.ts

@@ -267,7 +267,14 @@ function augmentWithNonMFEFooterFunctionality(FooterClass: typeof Footer) {
 
             const { url, description } = copyrightNoticeItem;
             const copyrightNoticeInnerHtml = description.replace("{{All rights reserved}}", `<a href="${url}">All rights reserved</a>`);
-            this.template.querySelector(".copyright-notice")!.innerHTML = copyrightNoticeInnerHtml;
+            const copyrightNoticeEl = this.template.querySelector(".copyright-notice")!;
+            copyrightNoticeEl.innerHTML = copyrightNoticeInnerHtml;
+            const copyrightLink = copyrightNoticeEl.querySelector("a");
+            if (copyrightLink) {
+                copyrightLink.addEventListener("click", (e) =>
+                    this.handleCopyrightLinkClick(e as Event)
+                );
+            }
 
             const legalLinksItems = this.configItemParentToChildrenLookup.get(copyrightNoticeItem.ID);
 
@@ -286,7 +293,7 @@ function augmentWithNonMFEFooterFunctionality(FooterClass: typeof Footer) {
 
                 if (item.title === "Cookie Preferences") {
                     link.href = "#";
-                    link.onclick = this.openOneTrustInfoDisplay;
+                    link.onclick = this.handleCookiePreferencesClick;
                 } else if (item.title === "Your Privacy Choices") {
                     link.img = "https://developer.salesforce.com/ns-assets/privacyoptions.svg";
                 }
@@ -300,6 +307,63 @@ function augmentWithNonMFEFooterFunctionality(FooterClass: typeof Footer) {
                 (window as any).OneTrust.ToggleInfoDisplay();
             }
         }
+
+        private trackFooterLinkClick(
+            e: Event,
+            options?: {
+                label?: string;
+                elementTitle?: string;
+                clickUrl?: string;
+            }
+        ) {
+            const anchor = e.currentTarget as HTMLAnchorElement;
+            const clickText =
+                options?.label ??
+                anchor.textContent?.trim() ??
+                anchor.getAttribute("aria-label") ??
+                anchor.href;
+            const elementTitle = options?.elementTitle ?? clickText;
+            const clickUrl = options?.clickUrl ?? anchor.href;
+
+            track(anchor, "custEv_linkClick", {
+                click_text: clickText,
+                click_url: clickUrl,
+                element_type: "link",
+                element_title: elementTitle,
+                content_category: "footer",
+                nav_item: clickText,
+                nav_level: "1",
+                nav_type: "footer"
+            });
+        }
+
+        private handleLogoClick(e: Event) {
+            this.trackFooterLinkClick(e, {
+                label: "Salesforce",
+                elementTitle: "Salesforce logo",
+                clickUrl: `${window.location.origin}/`
+            });
+        }
+
+        private handleSocialLinkClick(e: Event) {
+            this.trackFooterLinkClick(e);
+        }
+
+        private handleCookiePreferencesClick(e: Event) {
+            this.trackFooterLinkClick(e, {
+                label: "Cookie Preferences",
+                clickUrl: (e.currentTarget as HTMLAnchorElement).href || "#"
+            });
+            this.openOneTrustInfoDisplay();
+        }
+
+        private handleTermsClick(e: Event) {
+            this.trackFooterLinkClick(e);
+        }
+
+        private handleCopyrightLinkClick(e: Event) {
+            this.trackFooterLinkClick(e, { label: "All rights reserved" });
+        }
     };
 }