DEX-21848 - Enhance USBS Members' Plan Component

_src/blocks/hero/hero.js

@@ -4,6 +4,7 @@ import {
   createTag,
   createNanoBlock,
   renderNanoBlocks,
+  getBrowserName,
 } from '../../scripts/utils/utils.js';
 
 /**
@@ -91,6 +92,7 @@ export default function decorate(block) {
     stopAutomaticModalRefresh,
     signature,
     percentProduct,
+    firefoxUrl,
   } = block.closest('.section').dataset;
 
   buildHeroBlock(block);
@@ -138,4 +140,8 @@ export default function decorate(block) {
   if (block.querySelector('.button-container a[href*="/consumer/thank-you"]')) {
     block.querySelector('.button-container a[href*="/consumer/thank-you"]').classList.add('await-loader');
   }
+
+  if (firefoxUrl && getBrowserName() === 'Firefox') {
+    block.querySelector('a').href = firefoxUrl;
+  }
 }

_src/scripts/utils/utils.js

@@ -822,6 +822,21 @@ export function openUrlForOs(urlMacos, urlWindows, urlAndroid, urlIos, anchorSel
   }
 }
 
+export function getBrowserName() {
+  const { userAgent } = navigator;
+
+  if (userAgent.includes('Firefox')) {
+    return 'Firefox';
+  } if (userAgent.includes('Edg')) {
+    return 'Edge';
+  } if (userAgent.includes('Chrome') && !userAgent.includes('Edg')) {
+    return 'Chrome';
+  } if (userAgent.includes('Safari') && !userAgent.includes('Chrome')) {
+    return 'Safari';
+  }
+  return 'Unknown';
+}
+
 export function decorateBlockWithRegionId(element, id) {
   // we could consider to use `element.setAttribute('s-object-region', id);` in the future
   if (element) element.id = id;