@salesforcedevs/dx-components 1.31.5 → 1.31.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.31.5",
+    "version": "1.31.7",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -44,5 +44,5 @@
         "luxon": "3.4.4",
         "msw": "^2.12.4"
     },
-    "gitHead": "80f936e02ef6a2ed6737f1cb37046c86354356cf"
+    "gitHead": "ef557a5501d2ffae9c2a6316a63bc976776263d5"
 }

package/src/modules/dx/agentMiawUi/agentMiawUi.ts

@@ -64,6 +64,7 @@ export default class AgentMiawUi extends LightningElement {
     @api messagingUrl!: string;
     @api deploymentDevName = "page_builder_miaw_ui";
     @api richComponentVersion = "v1-stable";
+    @api isOnDigitalDomain = "true";
     @api routingAttributes?: string;
     /**
      * JSON array of suggested prompt strings for the MIAW UI (e.g.
@@ -95,6 +96,7 @@ export default class AgentMiawUi extends LightningElement {
             el.setAttribute("messaging-url", this.messagingUrl);
             el.setAttribute("deployment-dev-name", this.deploymentDevName);
             el.setAttribute("input-variant", "mini-sidebar");
+            el.setAttribute("is-on-digital-domain", this.isOnDigitalDomain);
             el.setAttribute(
                 "rich-component-version",
                 this.richComponentVersion

package/src/modules/dx/globalHeader/globalHeader.ts

@@ -1,22 +1,43 @@
 import kebabCase from "lodash.kebabcase";
 import { LightningElement, api } from "lwc";
 
-const defaultDomain = "https://developer.salesforce.com";
+const defaultDomain = ""; // empty domain means the header settings will be loaded from the same domain as the current page
 const defaultLocale = "en-us";
 const defaultHeaderSettingsBasePath = "/c/public/header-settings";
+const defaultPropertyTitle = "Developers";
 const headerSettingsJsonKeys = [
     "regionSelectorOverride",
     "contactLinksOverride"
 ];
 
 export default class DevExNavigation extends LightningElement {
-    static renderMode = "light";
+    static renderMode = "light"; // Light DOM currently required due to other elements reading from this element's DOM; we should fix that and use existing nav CSS variables in those other elements (TODO)
 
     @api locale: string = defaultLocale;
     @api path: string = defaultHeaderSettingsBasePath;
     @api domain: string = defaultDomain;
+    @api propertyTitle: string = defaultPropertyTitle; // used only as a fallback in the "barebones" nav
+
+    // Fallback basic nav config used when the header settings are not available
+    private get barebonesNavConfig() {
+        return {
+            headerSettings: {
+                origin: "",
+                contextNavEnabled: "true"
+            },
+            navItems: {
+                variation: "static",
+                propertyTitle: {
+                    label: this.propertyTitle,
+                    url: "/"
+                },
+                menuGroup: {}
+            }
+        };
+    }
 
     async connectedCallback(): Promise<void> {
+        let navConfig = null;
         try {
             const headerSettingsResponse = await fetch(
                 `${this.domain}${this.path}/${this.locale}.json`,
@@ -27,13 +48,12 @@ export default class DevExNavigation extends LightningElement {
                 }
             );
             if (headerSettingsResponse.ok) {
-                this.createFullNav(await headerSettingsResponse.json());
-            } else {
-                this.createBarebonesNav();
+                navConfig = await headerSettingsResponse.json();
             }
         } catch (ex) {
-            console.error(`Navigation error: ${ex}`);
-            this.createBarebonesNav();
+            console.error(`Header settings error: ${ex}`);
+        } finally {
+            this.createFullNav(navConfig || this.barebonesNavConfig);
         }
     }
 
@@ -63,22 +83,4 @@ export default class DevExNavigation extends LightningElement {
         containerEl.appendChild(hgfNav);
         containerEl.appendChild(hgfNavContext);
     }
-
-    private createBarebonesNav(): void {
-        const hgfNav = this.createGlobalNav({
-            origin: "",
-            contextNavEnabled: "true"
-        });
-        const hgfNavContext = this.createContextNav({
-            variation: "static",
-            propertyTitle: {
-                label: "Developers",
-                url: "/"
-            },
-            menuGroup: {}
-        });
-        const containerEl = this.refs.globalNavContainer as Element;
-        containerEl.appendChild(hgfNav);
-        containerEl.appendChild(hgfNavContext);
-    }
 }