@salesforcedevs/dw-components 1.28.1-banner-3 → 1.28.2

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.28.1-banner-3",
+    "version": "1.28.2",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
-        "node": "20.x"
+        "node": "22.x"
     },
     "publishConfig": {
         "access": "public"
@@ -26,5 +26,5 @@
         "@types/setimmediate": "1.0.4",
         "setimmediate": "1.0.5"
     },
-    "gitHead": "26a6b8de7d0fde3193ad24c909921175c8ab0e1e"
+    "gitHead": "100b05d78eeebe4c0e1d76afdfaa630a0fecd4c9"
 }

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.html

@@ -32,6 +32,7 @@
                             {featuredCodeSample.ctaOne.text}
                         </dx-button>
                         <dx-button
+                            lwc:if={featuredCodeSample.ctaTwo}
                             target={target}
                             variant="secondary"
                             size="large"
@@ -84,6 +85,7 @@
                             {item.ctaOne.text}
                         </dx-button>
                         <dx-button
+                            lwc:if={item.ctaTwo}
                             target={target}
                             variant="secondary"
                             size="large"

package/src/modules/dw/docsGrid/docsGrid.ts

@@ -49,6 +49,7 @@ export default class DocsGrid extends LightningElement {
     private _apiDocs?: any[] = [];
     private _languageList?: any[] = [];
     private _productFiltersList?: any[] = [];
+    private _availableServices: any[] = [];
     private matchDesktop!: MediaQueryList;
     private matchMobile!: MediaQueryList;
     private matchMobileSmall!: MediaQueryList;
@@ -140,7 +141,39 @@ export default class DocsGrid extends LightningElement {
     }
 
     set otherDocs(value: any) {
+        this.applyOtherDocs(value);
+    }
+
+    private applyOtherDocs(value: any): void {
+        const previousFilterValues = this.productFiltersList.map(
+            (filter) => filter.value
+        );
+        const previouslySelected = this.selectedProductFilters || [];
+        const previouslySelectedSet = new Set(previouslySelected);
+        const hadAllFiltersSelected =
+            !!previousFilterValues.length &&
+            previousFilterValues.every((filterValue) =>
+                previouslySelectedSet.has(filterValue)
+            );
+
         this._otherDocs = this.transformOtherDocs(value);
+
+        // Rebuild product filters after other docs updates so SSG and
+        // non-SSG flows use the same setter-based filter refresh path.
+        if (this._availableServices.length) {
+            this.productFiltersList = this._availableServices;
+
+            if (hadAllFiltersSelected) {
+                this.selectedProductFilters = this.productFiltersList.map(
+                    (filter) => filter.value
+                );
+            }
+        }
+
+        // Recompute visible cards/counts once transformed other docs are merged.
+        if (this.dataRetrieved) {
+            this.calculatePagination(this.page.toString(), true);
+        }
     }
 
     private transformOtherDocs(value: any): any[] {
@@ -177,16 +210,16 @@ export default class DocsGrid extends LightningElement {
 
             if (response.ok) {
                 const data = await response.json();
-                this._otherDocs = this.transformOtherDocs(data);
+                this.applyOtherDocs(data);
             } else {
                 console.error(
                     `Failed to fetch sitemetadata: ${response.status}`
                 );
-                this._otherDocs = [];
+                this.applyOtherDocs([]);
             }
         } catch (error) {
             console.error("Error fetching sitemetadata:", error);
-            this._otherDocs = [];
+            this.applyOtherDocs([]);
         } finally {
             this._isFetchingOtherDocs = false;
         }
@@ -393,7 +426,8 @@ export default class DocsGrid extends LightningElement {
                     }
 
                     if (json.available_services) {
-                        this.productFiltersList = json.available_services;
+                        this._availableServices = json.available_services;
+                        this.productFiltersList = this._availableServices;
 
                         if (!this.selectedProductFilters!.length) {
                             this.selectedProductFilters =