@salesforcedevs/docs-components 1.27.22-banner4 → 1.27.22-banner6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.27.22-banner4",
+    "version": "1.27.22-banner6",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,5 +25,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "32fcf61be8c3868caa09ab6e8e9b353d1f54a287"
+    "gitHead": "9e6a595bc97fb7be304852d8cf4d88d1afbb3f6b"
 }

package/src/modules/doc/amfReference/amfReference.html

@@ -25,18 +25,6 @@
             lwc:if={docPhaseInfo}
             doc-phase-info={docPhaseInfo}
         ></doc-phase>
-        <doc-banner
-            slot="locale-banner"
-            lwc:if={showLocaleBanner}
-            message-text="This text was translated using Salesforce's machine translation system. More details can be found "
-            message-link-url="https://help.salesforce.com/s/articleView?id=sf.machine_translation.htm"
-            message-link-text="here"
-            button-label="Switch to English"
-            button-href={localeBannerEnUsHref}
-            secondary-label="Not Now"
-            show-close-button="true"
-            dismiss-storage-key={deliverable}
-        ></doc-banner>
         <doc-phase
             slot="version-banner"
             lwc:if={showVersionBanner}

package/src/modules/doc/amfReference/amfReference.ts

@@ -51,8 +51,6 @@ export default class AmfReference extends LightningElement {
     @api language!: string;
     @api hideFooter = false;
 
-    @api deliverable = "";
-
     /** Optional origin URL for the footer MFE (e.g. wp-json endpoint). Passed through to dx-footer-mfe. */
     @api origin: string | null = null;
     @track navigation = [] as NavigationItem[];
@@ -74,18 +72,6 @@ export default class AmfReference extends LightningElement {
         return this.isSpecBasedReference(this._currentReferenceId);
     }
 
-    get showLocaleBanner(): boolean {
-        if (!this.deliverable || this.language === "en-us") {
-            return false;
-        }
-        return this.languages?.some((l) => l.id === "en-us") ?? false;
-    }
-
-    get localeBannerEnUsHref(): string {
-        const enUs = this.languages?.find((l) => l.id === "en-us");
-        return enUs?.link?.href ?? "";
-    }
-
     @api
     get referenceSetConfig(): ReferenceSetConfig {
         return this._referenceSetConfig;

package/src/modules/doc/banner/banner.css

@@ -23,8 +23,7 @@
     align-items: flex-start;
     justify-content: space-between;
     width: 100%;
-    max-width: 1280px;
-    margin: 0 auto;
+    margin: 0;
     min-height: var(--doc-banner-height);
     padding: 0 var(--doc-banner-padding-x-right) 0
         var(--doc-banner-padding-x-left);

package/src/modules/doc/banner/banner.ts

@@ -2,6 +2,7 @@ import { LightningElement, api, track } from "lwc";
 import { normalizeBoolean } from "dxUtils/normalizers";
 
 const LOCALE_BANNER_STORAGE_PREFIX = "dsc-doc-locale-banner-dismissed-";
+const BANNER_DEBUG_PREFIX = "[doc-banner]";
 
 export default class Banner extends LightningElement {
     @api messageText = "";
@@ -31,15 +32,33 @@ export default class Banner extends LightningElement {
     @track private _dismissed = false;
 
     connectedCallback() {
-        if (
-            this.dismissStorageKey &&
-            typeof window !== "undefined" &&
-            window.localStorage
-        ) {
-            this._dismissed =
-                window.localStorage.getItem(
-                    `${LOCALE_BANNER_STORAGE_PREFIX}${this.dismissStorageKey}`
-                ) === "true";
+        if (typeof window === "undefined") {
+            return;
+        }
+        const storageKey = this.dismissStorageKey
+            ? `${LOCALE_BANNER_STORAGE_PREFIX}${this.dismissStorageKey}`
+            : "";
+        if (this.dismissStorageKey && window.sessionStorage) {
+            const stored = window.sessionStorage.getItem(storageKey);
+            this._dismissed = stored === "true";
+            console.debug(BANNER_DEBUG_PREFIX, "visibility check", {
+                dismissStorageKey: this.dismissStorageKey,
+                storageKey,
+                sessionStorageValue: stored,
+                dismissed: this._dismissed,
+                bannerWillShow: !this._dismissed,
+                reason: this._dismissed
+                    ? "User dismissed in this session (Not Now / close)"
+                    : "Not dismissed; banner will show"
+            });
+        } else {
+            console.debug(BANNER_DEBUG_PREFIX, "visibility check", {
+                dismissStorageKey: this.dismissStorageKey || "(empty)",
+                bannerWillShow: true,
+                reason: !this.dismissStorageKey
+                    ? "No dismiss key: banner always shown by component (if theme rendered it)"
+                    : "sessionStorage not available"
+            });
         }
     }
 
@@ -66,9 +85,9 @@ export default class Banner extends LightningElement {
         if (
             this.dismissStorageKey &&
             typeof window !== "undefined" &&
-            window.localStorage
+            window.sessionStorage
         ) {
-            window.localStorage.setItem(
+            window.sessionStorage.setItem(
                 `${LOCALE_BANNER_STORAGE_PREFIX}${this.dismissStorageKey}`,
                 "true"
             );