chore: change initial flow

scripts/marketing-tech.js

@@ -0,0 +1,2 @@
+// add tag management code here, marketing or advertising functionality
+// this file is gated by consent

scripts/scripts.js

@@ -120,16 +120,31 @@ async function loadLazy(doc) {
  * Loads everything that happens a lot later,
  * without impacting the user experience.
  */
-function loadDelayed() {
+async function loadMarketingTech() {
+  const mapStatus = (consentStatus) => {
+    if (consentStatus === 'declineAll') return false;
+    return true;
+  };
+  const checkConsent = () => {
+    const consentStatus = localStorage.getItem('consentStatus');
+    if (consentStatus !== null) return mapStatus(consentStatus);
+    return new Promise((resolve) => {
+      // display consent banner
+      document.addEventListener('aem:changeconsent', (e) => {
+        localStorage.setItem('consentStatus', e.detail.consentStatus);
+        resolve(mapStatus(e.detail.consentStatus));
+      });
+    });
+  };
   // eslint-disable-next-line import/no-cycle
-  window.setTimeout(() => import('./delayed.js'), 3000);
+  if (await checkConsent()) import('./marketing-tech.js');
   // load anything that can be postponed to the latest here
 }
 
 async function loadPage() {
   await loadEager(document);
   await loadLazy(document);
-  loadDelayed();
+  loadMarketingTech();
 }
 
 loadPage();