@pernod-ricard-global-cms/jsutils 4.0.0 → 4.0.3

package/jsutils.mjs

@@ -11,17 +11,17 @@ export function isWpAdmin() {
 
 export function ttfb() {
 	new PerformanceObserver((entryList) => {
-		const [pageNav] = entryList.getEntriesByType('navigation');
+		const [pageNav] = entryList.getEntriesByType("navigation");
 		const time = pageNav.responseStart;
 		console.log(`TTFB: ${time} new`);
 		pushData(time);
-	}).observe({type: 'navigation', buffered: true});
+	}).observe({ type: "navigation", buffered: true });
 }
 
 function pushData(time) {
 	window.dataLayer = window.dataLayer || [];
-	window.dataLayer.push({ttfb: time});
-	console.log('ttfb sent');
+	window.dataLayer.push({ ttfb: time });
+	console.log("ttfb sent");
 }
 
 /**
@@ -242,6 +242,19 @@ export function footerIntersection(entries, element) {
 	});
 }
 
+/**
+ * Dynamically retrieves the swiper css and js and returns a resolved promise when they have both been successfully fetched.
+ * @returns {promise}
+ */
+export function getSwiperAssetsV2(options = { css: "bundle" }) {
+	const getSwiperJs = () => import(/* webpackChunkName: 'swiper' */ "swiper");
+
+	const promisedJs = Promise.all([getSwiperJs()]).then((values) => {
+		return values;
+	});
+	return promisedJs;
+}
+
 /**
  * Dynamically retrieves the jQuery and returns a resolved promise when it has been successfully fetched.
  * @returns {promise}
@@ -599,64 +612,65 @@ 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}`));
-    });
+	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) {
-	
 	event.preventDefault();
-    
-	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
+
+	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);
 		setTimeout(() => {
 			event.target.dispatchEvent(clonedEvent);
 		}, 500);
-    }
+	}
 }
 
 /**
- * 
+ *
  * @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);
+	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 elements = block.querySelectorAll("[data-ctbuy]");
+	elements.forEach((element) => {
+		setAttributesToMenuItem(element);
+		element.addEventListener("click", handleCTBClick);
+	});
 }
 
 const api = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pernod-ricard-global-cms/jsutils",
-	"version": "4.0.0",
+	"version": "4.0.3",
 	"description": "Handy collection of Javascript utility functions",
 	"type": "commonjs",
 	"main": "jsutils.mjs",
@@ -20,10 +20,10 @@
 	"dependencies": {
 		"gsap": "^3.10.4",
 		"jquery": "^3.6.0",
-		"prettier": "^2.5.1"
+		"prettier": "^2.5.1",
+		"swiper": "^8.4.7"
 	},
 	"devDependencies": {
-		"cypress": "^10.5.0",
-		"jsdoc": "^3.6.7"
+		"jsdoc": "^4.0.4"
 	}
 }

package/cypress/e2e/getPercent.cy.js

@@ -1,13 +0,0 @@
-import { getPercent } from '../../jsutils';
-
-describe('A suite to test getPercent()', () => {
-	it('passes by rounding down', () => {
-		expect(getPercent(30, 10)).to.eq(33);
-	});
-	it('passes with various numbers', () => {
-		expect(getPercent(100, 10)).to.eq(10);
-	});
-	it('passes by rounding up', () => {
-		expect(getPercent(30, 20)).to.eq(67);
-	});
-});

package/cypress/e2e/isEmailValid.cy.js

@@ -1,22 +0,0 @@
-import jsutils from '../../jsutils';
-
-describe('A suite', () => {
-	it('passes with mixed case letters and numbers', () => {
-		expect(jsutils.isEmailValid('aS93scFFx@jKoO0908ahdb.com')).to.eq(true);
-	});
-	it('fails on a string of letters', () => {
-		expect(jsutils.isEmailValid('jkahdb')).to.eq(false);
-	});
-	it('fails with mixed case letters and numbers and no @', () => {
-		expect(jsutils.isEmailValid('aS93scFFxjKoO0908ahdb.com')).to.eq(false);
-	});
-	it('fails with a space in the string', () => {
-		expect(jsutils.isEmailValid('hello@te st.com')).to.eq(false);
-	});
-	it('fails with a £ symbol', () => {
-		expect(jsutils.isEmailValid('hello@te£st.com')).to.eq(false);
-	});
-	it('fails with a § symbol', () => {
-		expect(jsutils.isEmailValid('hello@te£st.com')).to.eq(false);
-	});
-});

package/cypress/e2e/resizeDebouncer.cy.js

@@ -1,5 +0,0 @@
-import { resizeDebouncer } from '../../jsutils';
-
-describe('A suite to test resizeDebouncer()', () => {
-	// Test coming soon!
-});

package/cypress/fixtures/example.json

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

package/cypress/plugins/index.js

@@ -1,22 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-/**
- * @type {Cypress.PluginConfig}
- */
-// eslint-disable-next-line no-unused-vars
-module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-}

package/cypress/support/commands.js

@@ -1,25 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

package/cypress/support/e2e.js

@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')

package/cypress.config.js

@@ -1,11 +0,0 @@
-const { defineConfig } = require('cypress')
-
-module.exports = defineConfig({
-  e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
-    setupNodeEvents(on, config) {
-      return require('./cypress/plugins/index.js')(on, config)
-    },
-  },
-})