Assets 32164 (#18)

* refactor notification code

- new branch
- small change to immutable(?) head.html

* remove log statement

head.html

@@ -13,6 +13,7 @@
 <link rel="stylesheet" href="/scripts/libs/flatpickr/flatpickr.min.css">
 <!-- End of Generated code -->
 <script src="/scripts/scripts.js" type="module"></script>
+<script src="/scripts/custom-scripts.js" type="module"></script>
 <link rel="stylesheet" href="/styles/styles.css"/>
 <link rel="stylesheet" href="/styles/gmo-styles.css"/>
 <link rel="icon" href="data:,">

scripts/custom-scripts.js

@@ -0,0 +1,21 @@
+import { getBrandingConfig } from "./site-config.js";
+import { EventNames } from "./events.js";
+import showToast from "./toast-message.js";
+
+initLegalNotice();
+
+async function initLegalNotice() {
+    const config = await getBrandingConfig();
+    document.addEventListener(EventNames.SESSION_STARTED, function() {
+      showLegalNotice(config);
+    });
+}
+
+function showLegalNotice(config) {
+    const legalDefault = `NOTICE: Adobe records and uses your e-mail address for tracking purposes.`;
+    const legalToast = config?.legalMessage || legalDefault;
+    const legalDuration = 10000;
+    const toastType = "info";
+
+    showToast(legalToast, legalDuration, toastType, false);
+}

styles/gmo-styles.css

@@ -15,4 +15,8 @@ header:empty {
 
 header nav .nav-brand .adp-logo img {
   min-height: 42px;
+}
+
+.adp-toast {
+  text-transform: none;
 }