feat: MWPW-143356 | add floating-button block

express/blocks/floating-button/floating-button.js

@@ -0,0 +1,35 @@
+import { addTempWrapperDeprecated } from '../../scripts/utils/decorate.js';
+import {
+  createFloatingButton,
+  collectFloatingButtonData,
+} from '../../scripts/widgets/floating-cta.js';
+import { formatDynamicCartLink } from '../../scripts/utils/pricing.js';
+
+export default function decorate(block) {
+  addTempWrapperDeprecated(block, 'floating-button');
+  if (!block.classList.contains('metadata-powered')) {
+    block.parentElement?.remove();
+    return;
+  }
+
+  const audience = block.querySelector(':scope > div').textContent.trim();
+  if (audience === 'mobile') {
+    block.closest('.section')?.remove();
+  }
+
+  const parentSection = block.closest('.section');
+  const data = collectFloatingButtonData(block);
+
+  const blockWrapper = createFloatingButton(
+    block,
+    parentSection ? audience : null,
+    data,
+  );
+
+  const blockLinks = blockWrapper.querySelectorAll('a');
+  if (blockLinks && blockLinks.length > 0) {
+    formatDynamicCartLink(blockLinks[0]);
+    const linksPopulated = new CustomEvent('linkspopulated', { detail: blockLinks });
+    document.dispatchEvent(linksPopulated);
+  }
+}

express/scripts/utils.js

@@ -477,3 +477,22 @@ export function decorateArea(area = document) {
   transpileMarquee(area);
   overrideMiloColumns(area);
 }
+
+export function getMobileOperatingSystem() {
+  const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+
+  // Windows Phone must come first because its UA also contains "Android"
+  if (/windows phone/i.test(userAgent)) {
+    return 'Windows Phone';
+  }
+
+  if (/android/i.test(userAgent)) {
+    return 'Android';
+  }
+
+  if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+    return 'iOS';
+  }
+
+  return 'unknown';
+}