@salesforcedevs/dx-components 1.3.244-alpha2 → 1.3.245-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.244-alpha2",
+    "version": "1.3.245-alpha",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/cardBlogPost/cardBlogPost.ts

@@ -14,6 +14,7 @@ export default class CardBlogPost extends LightningElement {
     @api title!: string;
     @api authors?: Array<any> | null = null;
     @api origin?: string = "wordpress";
+    @api clickEvent?: () => void;
 
     // LWC is being compiled so that datetime is being interpreted as date-time
     // ONLY from from the implementation in dx-card-blog-post-provider
@@ -22,6 +23,10 @@ export default class CardBlogPost extends LightningElement {
     }
 
     private onLinkClick(event: Event) {
+        if (this.clickEvent) {
+            this.clickEvent();
+        }
+
         const payload = {
             click_text: this.title,
             click_url: `${window.location.origin}${this.href}`,

package/src/modules/dx/coveoRecommendations/coveoRecommendations.html

@@ -23,6 +23,7 @@
                     key={recommendation.id}
                     title={recommendation.yoast_head_json.title}
                     origin="coveo"
+                    clickEvent={recommendation.clickEvent}
                 ></dx-card-blog-post>
             </template>
         </dx-grid>

package/src/modules/dx/coveoRecommendations/coveoRecommendations.ts

@@ -1,11 +1,25 @@
 import { LightningElement, api } from "lwc";
 
 const SEARCH_HUB = "developerWebsiteBlogs";
+
+interface Recommendation {
+    originalCoveoData: {
+        uri: string;
+        title: string;
+        searchUid: string;
+        raw: {
+            permanentId: string;
+        };
+        "@source": string;
+    };
+    clickEvent: () => void;
+}
+
 export default class CoveoRecommendations extends LightningElement {
     @api coveoAuthToken!: string;
     @api coveoOrganizationId!: string;
 
-    _recommendations = [] as any[];
+    _recommendations = [] as Recommendation[];
 
     private get recommendations(): any[] {
         return this._recommendations || [];
@@ -46,10 +60,17 @@ export default class CoveoRecommendations extends LightningElement {
 
                     const blogDataLoadTasks = results
                         .slice(0, 3)
-                        .map(async (rec: any) => {
+                        .map(async (rec: any, index: number) => {
                             const slug = rec.uri.split("/").pop();
                             const blogDataUrl = `https://developer.salesforce.com/blogs/wp-json/wp/v2/posts?slug=${slug}&state=publish&_embed=wp:featuredmedia`;
-                            return (await (await fetch(blogDataUrl)).json())[0];
+                            const wordPressData = (
+                                await (await fetch(blogDataUrl)).json()
+                            )[0];
+                            wordPressData.originalCoveoData = rec;
+                            wordPressData.originalCoveoData.searchUid =
+                                json.searchUid;
+                            wordPressData.clickEvent =
+                                this.buildClickAnalyticsLogger(index);
                         });
                     this._recommendations = await Promise.all(
                         blogDataLoadTasks
@@ -76,7 +97,7 @@ export default class CoveoRecommendations extends LightningElement {
             originLevel1: SEARCH_HUB,
             originLevel2: SEARCH_HUB,
             actionCause: "recommendationInterfaceLoad",
-            queryText: "",
+            queryText: "", // This has to be included, but is empty, because recommendations use the 'search' endpoint with an empty query string
             responseTime: time,
             searchQueryUid: uid
         };
@@ -92,4 +113,38 @@ export default class CoveoRecommendations extends LightningElement {
             }
         );
     };
+
+    buildClickAnalyticsLogger = (index: number) => () => {
+        const payload = {
+            anonymous: true,
+            documentPosition: index,
+            documentTitle: this._recommendations[index].originalCoveoData.title,
+            documentUrl: this._recommendations[index].originalCoveoData.uri,
+            language: "en",
+            originLevel1: SEARCH_HUB,
+            originLevel2: SEARCH_HUB,
+            actionCause: "recommendationOpen",
+            queryText: "", // This has to be included, but is empty, because recommendations use the 'search' endpoint with an empty query string
+            searchQueryUid: this._recommendations[index].originalCoveoData.uri,
+            sourceName:
+                this._recommendations[index].originalCoveoData["@source"],
+            customData: {
+                contentIDKey: "permanentId",
+                contentIDValue:
+                    this._recommendations[index].originalCoveoData.raw
+                        .permanentId
+            }
+        };
+        fetch(
+            `https://${this.coveoOrganizationId}.analytics.org.coveo.com/rest/ua/v15/analytics/click`,
+            {
+                headers: {
+                    Authorization: `Bearer ${this.coveoAuthToken}`,
+                    "Content-Type": "application/json"
+                },
+                method: "POST",
+                body: JSON.stringify(payload)
+            }
+        );
+    };
 }