Fix to accomodate gnav component from same script

libs/navigation/footer.js → libs/navigation/navigation.js

@@ -1,7 +1,9 @@
 const blockConfig = {
-  name: 'global-footer',
-  targetEl: 'footer',
-  appendType: 'appendChild',
+  footer: {
+    name: 'global-footer',
+    targetEl: 'footer',
+    appendType: 'appendChild',
+  },
 };
 
 const envMap = {
@@ -11,21 +13,22 @@ const envMap = {
 };
 
 export default async function loadBlock(configs = {}) {
-  const { locale, authoringPath, env = 'prod', privacyId, privacyLoadDelay = 3000 } = configs;
+  const { footer, locale, env = 'prod'  } = configs;
   const branch = new URLSearchParams(window.location.search).get('navbranch');
   const miloLibs = branch ? `https://${branch}--milo--adobecom.hlx.page` : envMap[env];
 
   // Relative path can't be used, as the script will run on consumer's app
-  const { default: bootstrapBlock } = await import(`${miloLibs}/libs/navigation/bootstrapper.js`);
+  const { default: bootstrapper } = await import(`${miloLibs}/libs/navigation/bootstrapper.js`);
   const { default: locales } = await import(`${miloLibs}/libs/utils/locales.js`);
   const clientConfig = {
-    privacyId,
-    contentRoot: authoringPath,
     origin: miloLibs,
     miloLibs: `${miloLibs}/libs`,
     pathname: `/${locale || ''}`,
     locales: configs.locales || locales,
   };
-  blockConfig.delay = privacyLoadDelay;
-  bootstrapBlock(clientConfig, blockConfig);
+  if (footer) {
+    const { footer: { authoringPath, privacyId, privacyLoadDelay = 3000 } } = configs;
+    blockConfig.delay = privacyLoadDelay;
+    bootstrapper({ ...clientConfig, contentRoot: authoringPath, privacyId }, blockConfig.footer);
+  }
 }