@pernod-ricard-global-cms/jsutils 3.0.0 → 3.2.0

package/jsutils.mjs

@@ -9,6 +9,21 @@ export function isWpAdmin() {
 	return document.body.classList.contains("wp-admin") ? true : false;
 }
 
+export function ttfb() {
+	new PerformanceObserver((entryList) => {
+		const [pageNav] = entryList.getEntriesByType('navigation');
+		const time = pageNav.responseStart;
+		console.log(`TTFB: ${time} new`);
+		pushData(time);
+	}).observe({type: 'navigation', buffered: true});
+}
+
+function pushData(time) {
+	window.dataLayer = window.dataLayer || [];
+	window.dataLayer.push({ttfb: time});
+	console.log('ttfb sent');
+}
+
 /**
  * This function accepts an html element and returns the position of that element on the page.
  *
@@ -596,6 +611,63 @@ export function appendPreconnect(domain) {
 	}
 }
 
+/**
+ * 
+ * @param {string} src The URL src to load
+ */
+async function loadScript(src) {
+    const script = document.createElement('script');
+    script.type = 'text/javascript';
+    script.src = src;
+    script.async = true;
+    document.head.appendChild(script);
+    await new Promise((resolve, reject) => {
+        script.onload = resolve;
+        script.onerror = () => reject(new Error(`Script load error for ${src}`));
+    });
+}
+
+/**
+ * 
+ * @param {object} event The click event object
+ */
+async function handleCTBClick(event) {
+    if (!window.isCTBLoaded) {
+        const domain = window.location.hostname;
+        // Assuming PR-CLICKTOBUY plugin is enabled to make the script load
+        await loadScript(`/wp-content/plugins/pr-clicktobuy/public/js/pr-clicktobuy-public.js`);
+        window.isCTBLoaded = true;
+
+        // This is important!! Never remove this code
+        setTimeout(() => {
+            event.target.click();
+        }, 100);
+    }
+}
+
+/**
+ * 
+ * @param {HTMLElement} element The element which needs to set the Attributes
+ */
+function setAttributesToMenuItem(element) {
+    const body = document.querySelector('body');
+    const localLang = body.dataset.sitelanguage;
+    const locale = localLang.replace(/_/g,'-');
+    element.setAttribute('data-ctbuy-lang', locale);
+}
+
+/**
+ * 
+ * @param {HTMLElement} block The element CTA which triggers
+ */
+export function ctbCTAClickHandler(block = document) {
+    const elements = block.querySelectorAll('[data-ctbuy]');
+    elements.forEach(element => {
+        setAttributesToMenuItem(element);
+        element.addEventListener('click', handleCTBClick);
+    });
+}
+
 const api = {
 	copyToClipboard,
 	checkDevice,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pernod-ricard-global-cms/jsutils",
-	"version": "3.0.0",
+	"version": "3.2.0",
 	"description": "Handy collection of Javascript utility functions",
 	"type": "commonjs",
 	"main": "jsutils.mjs",