[DO NOT MERGE] loading launch script in eager phase

aemedge/blocks/modal/modal.js

@@ -3,10 +3,12 @@ import {
   buildBlock, decorateBlock, decorateIcons, loadBlock, loadCSS,
 } from '../../scripts/aem.js';
 
+// const getAnalyticsInstance = window.analyticsInstance;
+const analytics = window.analyticsInstance('modal');
 // This is not a traditional block, so there is no decorate function. Instead, links to
 // a */modals/* path  are automatically transformed into a modal. Other blocks can also use
 // the createModal() and openModal() functions.
-
+let modalName = 'modal';
 export async function createModal(contentNodes) {
   await loadCSS(`${window.hlx.codeBasePath}/blocks/modal/modal.css`);
   const dialog = document.createElement('dialog');
@@ -37,9 +39,10 @@ export async function createModal(contentNodes) {
   decorateBlock(block);
   await loadBlock(block);
   decorateIcons(closeButton);
-
   dialog.addEventListener('close', () => {
     document.body.classList.remove('modal-open');
+    modalName = document.querySelector('.modal-content')?.querySelector('h1,h2,h3,h4,h5,h6')?.innerText || modalName;
+    analytics.modalClose({ name: modalName });
     block.remove();
   });
 
@@ -51,8 +54,9 @@ export async function createModal(contentNodes) {
       // Google Chrome restores the scroll position when the dialog is reopened,
       // so we need to reset it.
       setTimeout(() => { dialogContent.scrollTop = 0; }, 0);
-
       document.body.classList.add('modal-open');
+      modalName = document.querySelector('.modal-content')?.querySelector('h1,h2,h3,h4,h5,h6')?.innerText || modalName;
+      analytics.modalOpen({ name: modalName });
     },
   };
 }
@@ -61,7 +65,7 @@ export async function openModal(fragmentUrl) {
   const path = fragmentUrl.startsWith('http')
     ? new URL(fragmentUrl, window.location).pathname
     : fragmentUrl;
-
+  modalName = path;
   const fragment = await loadFragment(path);
   const { showModal } = await createModal(fragment.childNodes);
   showModal();

aemedge/scripts/delayed.js

@@ -1,25 +1 @@
 // eslint-disable-next-line import/no-cycle
-
-const loadScript = async (url, attrs) => {
-  const head = document.querySelector('head');
-  const script = document.createElement('script');
-  script.src = url;
-  if (attrs) {
-    // eslint-disable-next-line no-restricted-syntax, guard-for-in
-    for (const attr in attrs) {
-      script.setAttribute(attr, attrs[attr]);
-    }
-  }
-  head.append(script);
-  return script;
-};
-
-await loadScript('/aemedge/scripts/sling-martech/analytics-lib.js');
-
-if (window.location.host.startsWith('localhost')) {
-  await loadScript('https://assets.adobedtm.com/f4211b096882/26f71ad376c4/launch-b69ac51c7dcd-development.min.js');
-} else if (window.location.host.startsWith('www.sling.com') || window.location.host.endsWith('.live')) {
-  await loadScript('https://assets.adobedtm.com/f4211b096882/26f71ad376c4/launch-c846c0e0cbc6.min.js');
-} else if (window.location.host.endsWith('.page')) {
-  await loadScript('https://assets.adobedtm.com/f4211b096882/26f71ad376c4/launch-6367a8aeb307-staging.min.js');
-}