@salesforcedevs/dx-components 1.3.45 → 1.3.46

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.45",
+    "version": "1.3.46",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -40,5 +40,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "b2340b9de4e809097ee2f5c5d1bff87b5bc3aab6"
+    "gitHead": "decc9a3791a30eb8d16fb7cffb3adf7092ab863b"
 }

package/src/modules/dx/cardTrial/cardTrial.ts

@@ -1,6 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { toJson } from "dxUtils/normalizers";
+import { track } from "dxUtils/analytics";
 
 export default class CardTrial extends LightningElement {
     @api badgeBackgroundColor?: string = "indigo-vibrant-90";
@@ -97,13 +98,26 @@ export default class CardTrial extends LightningElement {
         this._modalOpen = !this._modalOpen;
     }
 
-    private handleClick() {
+    private handleClick(e: PointerEvent) {
         // card is clickable only if it doesn't contain buttons (for accessibility reasons)
         if (!this.hasButtons) {
             window.location.assign(this.href);
+            if (this.href.includes("signup")) {
+                this.handleSignUpClick(e);
+            }
         }
     }
 
+    private handleSignUpClick(e: PointerEvent) {
+        track(e.currentTarget!, "custEv_signupStart", {
+            click_text: this.label,
+            element_title: this.title,
+            element_type: "card",
+            click_url: this.href,
+            content_category: "cta"
+        });
+    }
+
     private isExternalURL(url: string | undefined): boolean {
         if (!url) {
             return false;

package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.html

@@ -31,6 +31,7 @@
                     class="button-cta"
                     size="large"
                     href={href}
+                    onclick={handleSignUpClick}
                     variant="primary"
                     font="sans"
                     icon-symbol={buttonIcon}

package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.ts

@@ -1,5 +1,6 @@
 import { LightningElement, api } from "lwc";
 import { toJson } from "dxUtils/normalizers";
+import { track } from "dxUtils/analytics";
 
 export default class CardTrial extends LightningElement {
     @api badgeBackgroundColor?: string = "indigo-vibrant-90";
@@ -64,4 +65,16 @@ export default class CardTrial extends LightningElement {
     private handleModalClose() {
         this.dispatchEvent(new CustomEvent("togglemodal"));
     }
+
+    private handleSignUpClick(e: PointerEvent) {
+        if (this.href.includes("signup")) {
+            track(e.currentTarget!, "custEv_signupStart", {
+                click_text: this.buttonCta,
+                element_title: this.title,
+                element_type: "card",
+                click_url: this.href,
+                content_category: "cta"
+            });
+        }
+    }
 }

package/src/modules/dxBaseElements/headerBase/headerBase.ts

@@ -20,6 +20,14 @@ const VALID_BRANDS = [
     "success"
 ];
 
+export const ANALYTICS_INFO = {
+    click_text: "Sign Up",
+    element_title: "Sign Up Header Button",
+    elementType: "button",
+    element_type: "internal",
+    content_category: "cta"
+};
+
 export abstract class HeaderBase extends LightningElement {
     @api bailHref?: string | null = null;
     @api bailLabel?: string | null = null;
@@ -194,11 +202,8 @@ export abstract class HeaderBase extends LightningElement {
 
     private handleSignUpClick(e: PointerEvent) {
         track(e.currentTarget!, "custEv_browseTrialsClick", {
-            clickText: "browse trials",
-            clickUrl: this.signupLink,
-            elementTitle: "dx-button",
-            elementType: "button",
-            contentCategory: "cta"
+            ...ANALYTICS_INFO,
+            click_url: this.signupLink
         });
     }