@pernod-ricard-global-cms/jsutils 3.1.0 → 3.2.1

package/jsutils.mjs

@@ -611,6 +611,67 @@ 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
+		const clonedEvent = new event.constructor(event.type, event);
+		const repeatEventInterval = setInterval(() => {
+			event.target.dispatchEvent(clonedEvent);
+			if (document.querySelector('.ctbuy-modal') !== null) {
+				clearInterval(repeatEventInterval);
+			}
+		}, 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.1.0",
+	"version": "3.2.1",
 	"description": "Handy collection of Javascript utility functions",
 	"type": "commonjs",
 	"main": "jsutils.mjs",