@salesforcedevs/dx-components 1.3.286 → 1.3.288

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.286",
+    "version": "1.3.288",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -46,5 +46,5 @@
     "volta": {
         "node": "16.19.1"
     },
-    "gitHead": "ca4c10296cb4eb249ae281bb9e96b2dbc149094b"
+    "gitHead": "8794b0c64fd080947b55f62aee5f28386d75b57e"
 }

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

@@ -1,9 +1,5 @@
 <template>
-    <dx-hr
-        lwc:if={showRecommendations}
-        spacing="2xl"
-        text="Recommended Articles"
-    ></dx-hr>
+    <dx-hr lwc:if={showRecommendations} spacing="2xl" text={label}></dx-hr>
 
     <dx-section lwc:if={showRecommendations} class="section-reduced-padding">
         <dx-spinner lwc:if={recommendationsLoading}>

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

@@ -23,6 +23,7 @@ const language_to_locale_map = {
 export default class CoveoRecommendations extends LightningElement {
     @api coveoAuthToken!: string;
     @api coveoOrganizationId!: string;
+    @api label? = "Readers Also Viewed";
     @api postAcf: string = "{}";
 
     _recommendations = [] as Recommendation[];
@@ -34,11 +35,15 @@ export default class CoveoRecommendations extends LightningElement {
     showRecommendations = true;
     recommendationsLoading = true;
 
-    getLocale() {
+    getLanguage() {
         const acf = JSON.parse(this.postAcf);
-        return language_to_locale_map[
+        return (
             (acf?.language as keyof typeof language_to_locale_map) || "english"
-        ];
+        );
+    }
+
+    getLocale() {
+        return language_to_locale_map[this.getLanguage()];
     }
 
     connectedCallback() {
@@ -90,13 +95,18 @@ export default class CoveoRecommendations extends LightningElement {
                     this._recommendations = await Promise.all(
                         blogDataLoadTasks
                     );
-                    if (this._recommendations.length === 0) {
+                    if (this._recommendations.length !== 3) {
                         this.showRecommendations = false;
                     }
                 } catch (ex) {
                     this.showRecommendations = false;
                 } finally {
-                    this.recommendationsLoading = false;
+                    if (this.recommendations.length === 3) {
+                        this.recommendationsLoading = false;
+                    } else {
+                        this.recommendationsLoading = false;
+                        this.showRecommendations = false;
+                    }
                 }
             },
             () => {