@shopgate/pwa-common 7.30.0-alpha.7 → 7.30.0-alpha.8

package/helpers/date/spec.js

@@ -1 +1,92 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import{isBefore,isAfter,isBetween,parseDuration,addDuration}from'.';describe('helpers/date',function(){var date10Hours=new Date('2019-01-01T10:00:00.000Z');var date12Hours=new Date('2019-01-01T12:00:00.000Z');describe('isBefore',function(){it('should be before',function(){expect(isBefore(new Date('2019-01-01T09:59:59.000Z'),date10Hours)).toBeTruthy();});it('should be not before',function(){expect(isBefore(new Date('2019-01-01T10:00:00.000Z'),date10Hours)).toBeFalsy();});});describe('isAfter',function(){it('should be after',function(){expect(isAfter(new Date('2019-01-01T10:00:01.000Z'),date10Hours)).toBeTruthy();});it('should be not after',function(){expect(isAfter(new Date('2019-01-01T10:00:00.000Z'),date10Hours)).toBeFalsy();});});describe('isBetween',function(){it('should be between',function(){expect(isBetween(new Date('2019-01-01T11:00:00.000Z'),date10Hours,date12Hours)).toBeTruthy();});it('should be not between',function(){expect(isBetween(new Date('2019-01-01T09:00:00.000Z'),date10Hours,date12Hours)).toBeFalsy();expect(isBetween(new Date('2019-01-01T13:00:00.000Z'),date10Hours,date12Hours)).toBeFalsy();});it('should be inclusively between',function(){expect(isBetween(new Date('2019-01-01T10:00:00.000Z'),date10Hours,date12Hours)).toBeTruthy();expect(isBetween(new Date('2019-01-01T12:00:00.000Z'),date10Hours,date12Hours)).toBeTruthy();});});describe('parseDuration',function(){var parsed={Year:undefined,Month:undefined,Week:undefined,Day:undefined,Hour:undefined,Minute:undefined,Second:undefined};it('should parse 10 second',function(){expect(parseDuration('PT10S')).toEqual(_extends({},parsed,{Second:10}));});it('should parse 1 hour',function(){expect(parseDuration('PT1H')).toEqual(_extends({},parsed,{Hour:1}));});it('should parse 5 day',function(){expect(parseDuration('P5D')).toEqual(_extends({},parsed,{Day:5}));});it('should parse -5 day',function(){expect(parseDuration('-P5D')).toEqual(_extends({},parsed,{Day:-5}));});});describe('addDuration',function(){var dateStub='2019-01-01T11:00:00.000Z';var date;beforeEach(function(){date=new Date(dateStub);});it('should add 0sec',function(){addDuration(date,'PT0S');expect(date).toEqual(date);});it('should add 1 hour',function(){addDuration(date,'PT1H');expect(date).toEqual(new Date('2019-01-01T12:00:00.000Z'));});it('should add 5 day',function(){addDuration(date,'P5D');expect(date).toEqual(new Date('2019-01-06T11:00:00.000Z'));});it('should subtract 5 day',function(){addDuration(date,'-P5D');expect(date).toEqual(new Date('2018-12-27T11:00:00.000Z'));});});});
+import { isBefore, isAfter, isBetween, parseDuration, addDuration } from '.';
+describe('helpers/date', () => {
+  const date10Hours = new Date('2019-01-01T10:00:00.000Z');
+  const date12Hours = new Date('2019-01-01T12:00:00.000Z');
+  describe('isBefore', () => {
+    it('should be before', () => {
+      expect(isBefore(new Date('2019-01-01T09:59:59.000Z'), date10Hours)).toBeTruthy();
+    });
+    it('should be not before', () => {
+      expect(isBefore(new Date('2019-01-01T10:00:00.000Z'), date10Hours)).toBeFalsy();
+    });
+  });
+  describe('isAfter', () => {
+    it('should be after', () => {
+      expect(isAfter(new Date('2019-01-01T10:00:01.000Z'), date10Hours)).toBeTruthy();
+    });
+    it('should be not after', () => {
+      expect(isAfter(new Date('2019-01-01T10:00:00.000Z'), date10Hours)).toBeFalsy();
+    });
+  });
+  describe('isBetween', () => {
+    it('should be between', () => {
+      expect(isBetween(new Date('2019-01-01T11:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
+    });
+    it('should be not between', () => {
+      expect(isBetween(new Date('2019-01-01T09:00:00.000Z'), date10Hours, date12Hours)).toBeFalsy();
+      expect(isBetween(new Date('2019-01-01T13:00:00.000Z'), date10Hours, date12Hours)).toBeFalsy();
+    });
+    it('should be inclusively between', () => {
+      expect(isBetween(new Date('2019-01-01T10:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
+      expect(isBetween(new Date('2019-01-01T12:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
+    });
+  });
+  describe('parseDuration', () => {
+    const parsed = {
+      Year: undefined,
+      Month: undefined,
+      Week: undefined,
+      Day: undefined,
+      Hour: undefined,
+      Minute: undefined,
+      Second: undefined
+    };
+    it('should parse 10 second', () => {
+      expect(parseDuration('PT10S')).toEqual({
+        ...parsed,
+        Second: 10
+      });
+    });
+    it('should parse 1 hour', () => {
+      expect(parseDuration('PT1H')).toEqual({
+        ...parsed,
+        Hour: 1
+      });
+    });
+    it('should parse 5 day', () => {
+      expect(parseDuration('P5D')).toEqual({
+        ...parsed,
+        Day: 5
+      });
+    });
+    it('should parse -5 day', () => {
+      expect(parseDuration('-P5D')).toEqual({
+        ...parsed,
+        Day: -5
+      });
+    });
+  });
+  describe('addDuration', () => {
+    const dateStub = '2019-01-01T11:00:00.000Z';
+    let date;
+    beforeEach(() => {
+      date = new Date(dateStub);
+    });
+    it('should add 0sec', () => {
+      addDuration(date, 'PT0S');
+      expect(date).toEqual(date);
+    });
+    it('should add 1 hour', () => {
+      addDuration(date, 'PT1H');
+      expect(date).toEqual(new Date('2019-01-01T12:00:00.000Z'));
+    });
+    it('should add 5 day', () => {
+      addDuration(date, 'P5D');
+      expect(date).toEqual(new Date('2019-01-06T11:00:00.000Z'));
+    });
+    it('should subtract 5 day', () => {
+      addDuration(date, '-P5D');
+      expect(date).toEqual(new Date('2018-12-27T11:00:00.000Z'));
+    });
+  });
+});

package/helpers/dom/index.js

@@ -1,32 +1,69 @@
+import "core-js/modules/es.string.replace.js";
 /**
  * Checks if the given child is a descendant of the given parent.
  * @param {Object} parent The parent element.
  * @param {Object} child The child element.
  * @return {boolean}
- */export var isDescendant=function isDescendant(parent,child){var node=child.parentNode;while(node!==null){if(node===parent)return true;node=node.parentNode;}return false;};/**
+ */
+export const isDescendant = (parent, child) => {
+  let node = child.parentNode;
+  while (node !== null) {
+    if (node === parent) return true;
+    node = node.parentNode;
+  }
+  return false;
+};
+
+/**
  * Retrieves the offset of a element.
  * @param {Object} element The element to retrieve the offset for.
  * @returns {Object} The offset of the element contain `top` and `left` position values.
- */export var getOffset=function getOffset(element){return element.getBoundingClientRect();};/**
+ */
+export const getOffset = element => element.getBoundingClientRect();
+
+/**
  * Calculate the height of an element including it's y-axis margins.
  * @param {HTMLElement} element The DOM element.
  * @returns {number} The absolute height of the element.
- */export var getAbsoluteHeight=function getAbsoluteHeight(element){if(!element){return 0;}// Get the styles of the element.
-var styles=window.getComputedStyle(element);// Isolate the y-axis margins.
-var margins=parseFloat(styles.marginTop)+parseFloat(styles.marginBottom);// Add the margins to the element's height and return it.
-return Math.ceil(element.offsetHeight+margins);};/**
+ */
+export const getAbsoluteHeight = element => {
+  if (!element) {
+    return 0;
+  }
+
+  // Get the styles of the element.
+  const styles = window.getComputedStyle(element);
+  // Isolate the y-axis margins.
+  const margins = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+  // Add the margins to the element's height and return it.
+  return Math.ceil(element.offsetHeight + margins);
+};
+
+/**
  * Retrieves a style of an element.
  * @param {HTMLElement} element The DOM element.
  * @param {string} property The style property in camel case
  * @returns {string}
- */export var getStyle=function getStyle(element,property){// Use computed styles if possible - doesn't work with elements which are not mounted to the DOM
-if(window.getComputedStyle&&document.body.contains(element)){// getPropertyValue expects the property in kebab case.
-return window.getComputedStyle(element,null).getPropertyValue(property.replace(/([a-z])([A-Z])/g,'$1-$2').toLowerCase());}return element.style[property];};/**
+ */
+export const getStyle = (element, property) => {
+  // Use computed styles if possible - doesn't work with elements which are not mounted to the DOM
+  if (window.getComputedStyle && document.body.contains(element)) {
+    // getPropertyValue expects the property in kebab case.
+    return window.getComputedStyle(element, null).getPropertyValue(property.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase());
+  }
+  return element.style[property];
+};
+
+/**
  * Check if element is relative.
  * @param {Element} element The DOM element.
  * @returns {boolean}
- */export var isRelativePosition=function isRelativePosition(element){return getStyle(element,'position')==='relative';};/**
+ */
+export const isRelativePosition = element => getStyle(element, 'position') === 'relative';
+
+/**
  * Check if element is relative.
  * @param {Element} element The DOM element.
  * @returns {boolean}
- */export var isAbsolutePosition=function isAbsolutePosition(element){return getStyle(element,'position')==='absolute';};
+ */
+export const isAbsolutePosition = element => getStyle(element, 'position') === 'absolute';

package/helpers/environment/index.js

@@ -1,2 +1,14 @@
-var _ref,_window,_window$navigator;// Environment variables.
-var ENV_KEY_DEVELOPMENT='development';var ENV_KEY_TEST='test';var ENV_KEY_STAGING='staging';var ENV_KEY_PRODUCTION='production';var env=process.env.NODE_ENV||ENV_KEY_DEVELOPMENT;module.exports={env:env,isDev:env===ENV_KEY_DEVELOPMENT||env===ENV_KEY_TEST,isProd:env===ENV_KEY_PRODUCTION,isStaging:env===ENV_KEY_STAGING,isRemote:!!process.env.REMOTE,isWindows:((_ref=(_window=window)===null||_window===void 0?void 0:(_window$navigator=_window.navigator)===null||_window$navigator===void 0?void 0:_window$navigator.userAgent)!==null&&_ref!==void 0?_ref:'').toLowerCase().includes('win')};
+// Environment variables.
+const ENV_KEY_DEVELOPMENT = 'development';
+const ENV_KEY_TEST = 'test';
+const ENV_KEY_STAGING = 'staging';
+const ENV_KEY_PRODUCTION = 'production';
+const env = process.env.NODE_ENV || ENV_KEY_DEVELOPMENT;
+module.exports = {
+  env,
+  isDev: env === ENV_KEY_DEVELOPMENT || env === ENV_KEY_TEST,
+  isProd: env === ENV_KEY_PRODUCTION,
+  isStaging: env === ENV_KEY_STAGING,
+  isRemote: !!process.env.REMOTE,
+  isWindows: (window?.navigator?.userAgent ?? '').toLowerCase().includes('win')
+};

package/helpers/html/decodeHTML.js

@@ -2,4 +2,10 @@
  * Unescape HTML entities.
  * @param {string} input The escaped HTML.
  * @returns {string} The unescaped HTML.
- */var decodeHTML=function decodeHTML(input){var e=document.createElement('div');e.innerHTML=input;return e.childNodes.length===0?'':e.childNodes[0].nodeValue;};export default decodeHTML;
+ */
+const decodeHTML = input => {
+  const e = document.createElement('div');
+  e.innerHTML = input;
+  return e.childNodes.length === 0 ? '' : e.childNodes[0].nodeValue;
+};
+export default decodeHTML;

package/helpers/html/handleDOM.js

@@ -1,54 +1,205 @@
-import event from'@shopgate/pwa-core/classes/Event/index';/**
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.string.replace.js";
+import event from '@shopgate/pwa-core/classes/Event/index';
+
+/**
  * Parses a collection of DOM nodes for external script tags.
  * @param {Array} nodes A collection of DOM nodes.
  * @param {Function} callback Will be called when a single script is loaded.
  * @param {boolean} isRoot Whether this is the root level of the given DOM tree.
  * @return {Array} A collection of external script tags.
- */export var getExternalScripts=function getExternalScripts(nodes,callback){var isRoot=arguments.length>2&&arguments[2]!==undefined?arguments[2]:true;var nodesArray=[].slice.call(nodes);var externalScripts=nodesArray.reduce(function(result,node){// We only want external scripts.
-if(node.tagName!=='SCRIPT'||!node.src){if(node.childNodes&&node.childNodes.length){return result.concat(getExternalScripts(node.childNodes,callback,false));}return result;}// Create a new script tag.
-var script=document.createElement('script');script.type=node.type;script.src=node.src;script.async=node.async;script.onload=callback;script.onerror=callback;result.push(script);return result;},[]);if(!externalScripts.length&&isRoot){return callback();}return externalScripts;};/**
+ */
+export const getExternalScripts = (nodes, callback, isRoot = true) => {
+  const nodesArray = [].slice.call(nodes);
+  const externalScripts = nodesArray.reduce((result, node) => {
+    // We only want external scripts.
+    if (node.tagName !== 'SCRIPT' || !node.src) {
+      if (node.childNodes && node.childNodes.length) {
+        return result.concat(getExternalScripts(node.childNodes, callback, false));
+      }
+      return result;
+    }
+
+    // Create a new script tag.
+    const script = document.createElement('script');
+    script.type = node.type;
+    script.src = node.src;
+    script.async = node.async;
+    script.onload = callback;
+    script.onerror = callback;
+    result.push(script);
+    return result;
+  }, []);
+  if (!externalScripts.length && isRoot) {
+    return callback();
+  }
+  return externalScripts;
+};
+
+/**
  * Parses a collection of DOM nodes for inline script tags.
  * @param {Array} nodes A collection of DOM nodes.
  * @return {Array} A collection of inline script tags.
- */export var getInlineScripts=function getInlineScripts(nodes){var nodesArray=[].slice.call(nodes);return nodesArray.reduce(function(result,node){// We only want scripts.
-if(node.tagName!=='SCRIPT'||node.src){if(node.childNodes&&node.childNodes.length){return result.concat(getInlineScripts(node.childNodes));}return result;}// Create a new script tag.
-var script=document.createElement('script');script.type=node.type;script.textContent=node.innerText;result.push(script);return result;},[]);};/**
+ */
+export const getInlineScripts = nodes => {
+  const nodesArray = [].slice.call(nodes);
+  return nodesArray.reduce((result, node) => {
+    // We only want scripts.
+    if (node.tagName !== 'SCRIPT' || node.src) {
+      if (node.childNodes && node.childNodes.length) {
+        return result.concat(getInlineScripts(node.childNodes));
+      }
+      return result;
+    }
+
+    // Create a new script tag.
+    const script = document.createElement('script');
+    script.type = node.type;
+    script.textContent = node.innerText;
+    result.push(script);
+    return result;
+  }, []);
+};
+
+/**
  * Parses a collection of DOM nodes for non-script tags.
  * @param {Array} nodes A collection of DOM nodes.
  * @return {Object} A DOM node containing the HTML content.
- */export var getHTMLContent=function getHTMLContent(nodes){var contents=document.createElement('div');var nodesArray=[].slice.call(nodes);/**
+ */
+export const getHTMLContent = nodes => {
+  const contents = document.createElement('div');
+  const nodesArray = [].slice.call(nodes);
+
+  /**
    * Filters out unwanted nodes.
    * @param {Object} nodeList A node list.
    * @returns {Object}
-   */var filterBlacklistedNodes=function filterBlacklistedNodes(nodeList){return nodeList.map(function(node){// We don't care about script tags.
-if(node.tagName==='SCRIPT'){return null;}if(node.tagName==='IMG'){// Images with a relative path won't work so we will remove them here.
-if(!node.getAttribute('src').startsWith('http')){return null;}}if(node.childNodes.length>0){var filteredNodes=filterBlacklistedNodes(Array.from(node.childNodes));/* eslint-disable no-param-reassign */ // Resets / Clears all children so it can be replaced with the filtered ones.
-node.innerHTML='';/* eslint-enable no-param-reassign */filteredNodes.forEach(function(child){return node.appendChild(child);});}return node;}).filter(function(node){return node!==null;});};filterBlacklistedNodes(nodesArray).forEach(function(node){contents.appendChild(node.cloneNode(true));});return contents;};/**
+   */
+  const filterBlacklistedNodes = nodeList => nodeList.map(node => {
+    // We don't care about script tags.
+    if (node.tagName === 'SCRIPT') {
+      return null;
+    }
+    if (node.tagName === 'IMG') {
+      // Images with a relative path won't work so we will remove them here.
+      if (!node.getAttribute('src').startsWith('http')) {
+        return null;
+      }
+    }
+    if (node.childNodes.length > 0) {
+      const filteredNodes = filterBlacklistedNodes(Array.from(node.childNodes));
+
+      /* eslint-disable no-param-reassign */
+      // Resets / Clears all children so it can be replaced with the filtered ones.
+      node.innerHTML = '';
+      /* eslint-enable no-param-reassign */
+
+      filteredNodes.forEach(child => node.appendChild(child));
+    }
+    return node;
+  }).filter(node => node !== null);
+  filterBlacklistedNodes(nodesArray).forEach(node => {
+    contents.appendChild(node.cloneNode(true));
+  });
+  return contents;
+};
+
+/**
  * Checks if a DOM container already exist and creates a new one if it doesn't exist.
  * @param {string} containerID The HTML id attribute of the container.
  * @return {Object} The container DOM node.
- */export var getDOMContainer=function getDOMContainer(containerID){var container=document.getElementById(containerID);if(container){container.innerHTML='';}else{container=document.createElement('div');container.id=containerID;document.body.appendChild(container);}return container;};/**
+ */
+export const getDOMContainer = containerID => {
+  let container = document.getElementById(containerID);
+  if (container) {
+    container.innerHTML = '';
+  } else {
+    container = document.createElement('div');
+    container.id = containerID;
+    document.body.appendChild(container);
+  }
+  return container;
+};
+
+/**
  * Stops a NodeList of youtube players.
  * @param {NodeList} players YouTube player iframes.
- */var stopPlayer=function stopPlayer(players){var cmdStop='{"event":"command","func":"stopVideo","args":""}';players.forEach(function(node,index){var yt=players[index];if(yt.contentWindow&&yt.contentWindow.postMessage){yt.contentWindow.postMessage(cmdStop,'*');}});};/**
+ */
+const stopPlayer = players => {
+  const cmdStop = '{"event":"command","func":"stopVideo","args":""}';
+  players.forEach((node, index) => {
+    const yt = players[index];
+    if (yt.contentWindow && yt.contentWindow.postMessage) {
+      yt.contentWindow.postMessage(cmdStop, '*');
+    }
+  });
+};
+
+/**
  * Handles YouTube iframes so that we are able to controll when the video should be stopped.
  * It should not play in the background when a tab/page has changed.
  * @param {NodeList} container HTML widget container.
  * @deprecated Replaced by the EmbeddedVideos collection system.
- */export var handleYouTube=function handleYouTube(container){var youtubeIframes=container.querySelectorAll('iframe[src*="youtube.com"]');youtubeIframes.forEach(function(node,index){var src=node.src;// Is it really needed? We just queried for iframes WITH src attribute.
-if(!src){return;}// Enable the js api
-if(src.includes('enablejsapi=0')){src=src.replace('enablejsapi=0','enablejsapi=1');}if(!src.includes('enablejsapi')){var queryChar=src.includes('?')?'&':'?';src+="".concat(queryChar,"enablejsapi=1");}// Set controls to avoid the iframe not being resumable because of controls=0 param on ios.
-if(!src.includes('controls')){src+='&controls=1';}else if(src.includes('controls=0')){src=src.replace('controls=0','controls=1');}youtubeIframes[index].src=src;});/**
+ */
+export const handleYouTube = container => {
+  const youtubeIframes = container.querySelectorAll('iframe[src*="youtube.com"]');
+  youtubeIframes.forEach((node, index) => {
+    let {
+      src
+    } = node;
+
+    // Is it really needed? We just queried for iframes WITH src attribute.
+    if (!src) {
+      return;
+    }
+
+    // Enable the js api
+    if (src.includes('enablejsapi=0')) {
+      src = src.replace('enablejsapi=0', 'enablejsapi=1');
+    }
+    if (!src.includes('enablejsapi')) {
+      const queryChar = src.includes('?') ? '&' : '?';
+      src += `${queryChar}enablejsapi=1`;
+    }
+
+    // Set controls to avoid the iframe not being resumable because of controls=0 param on ios.
+    if (!src.includes('controls')) {
+      src += '&controls=1';
+    } else if (src.includes('controls=0')) {
+      src = src.replace('controls=0', 'controls=1');
+    }
+    youtubeIframes[index].src = src;
+  });
+
+  /**
    * Stops the player when a native app event is triggered when a webview gets hidden or when the
    * user navigated to some other page.
-   */event.addCallback('routeDidChange',function(){stopPlayer(youtubeIframes);});event.addCallback('viewDidDisappear',function(){stopPlayer(youtubeIframes);});};/**
+   */
+  event.addCallback('routeDidChange', () => {
+    stopPlayer(youtubeIframes);
+  });
+  event.addCallback('viewDidDisappear', () => {
+    stopPlayer(youtubeIframes);
+  });
+};
+
+/**
  * Gets all styles from DOM.
  * Important: DOM parser might and probably will add <style> tags into <head> while parsing
  * the html string.
  * @param {HTMLDocument} dom DOM.
  * @returns {NodeList}
- */export var getStyles=function getStyles(dom){return dom.querySelectorAll('style');};/**
+ */
+export const getStyles = dom => dom.querySelectorAll('style');
+
+/**
  * Load image and notify on load.
  * @param {string} src .
  * @returns {Promise}
- */export var loadImage=function loadImage(src){return new Promise(function(resolve,reject){var image=new window.Image();image.onload=function(){return resolve(src);};image.onerror=reject;image.src=src;});};
+ */
+export const loadImage = src => new Promise((resolve, reject) => {
+  const image = new window.Image();
+  image.onload = () => resolve(src);
+  image.onerror = reject;
+  image.src = src;
+});

package/helpers/html/parseHTML.js

@@ -1,4 +1,10 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import{logger}from'@shopgate/pwa-core/helpers';import CryptoJs from'crypto-js';import{embeddedMedia}from"../../collections";import{getExternalScripts,getInlineScripts,getHTMLContent,getDOMContainer,getStyles}from"./handleDOM";import decodeHTML from"./decodeHTML";/**
+import { logger } from '@shopgate/pwa-core/helpers';
+import CryptoJs from 'crypto-js';
+import { embeddedMedia } from "../../collections";
+import { getExternalScripts, getInlineScripts, getHTMLContent, getDOMContainer, getStyles } from "./handleDOM";
+import decodeHTML from "./decodeHTML";
+
+/**
  * Receives custom HTML from a widget configuration, parses possible
  * script tags and executes them after loading external scripts.
  * @param {string} html The HTML string. It might contain script tags.
@@ -11,18 +17,67 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
  * @param {boolean} [cookieConsentSettings.statisticsCookiesAccepted] Whether statistics cookies
  * are accepted.
  * @returns {string} The HTML without any script tags.
- */var parseHTML=function parseHTML(html,decode,settings){var processStyles=arguments.length>3&&arguments[3]!==undefined?arguments[3]:false;var cookieConsentSettings=arguments.length>4&&arguments[4]!==undefined?arguments[4]:{};var id=CryptoJs.MD5(JSON.stringify(settings)).toString();var container=getDOMContainer("html-sanitizer-".concat(id));var cookieConsent=_extends({comfortCookiesAccepted:false,statisticsCookiesAccepted:false},cookieConsentSettings);try{var parser=new DOMParser();var unparsedHTML=decode?decodeHTML(html):html;// Parse the html string to a DOM object.
-var dom=parser.parseFromString("<body>".concat(unparsedHTML,"</body>"),'text/html');// Run cookie consent logic from embedded media to remove markup that's not supposed to run
-// when consent is not accepted.
-embeddedMedia.handleCookieConsent(dom,cookieConsent);// Optimize embedded media iframe markup before it's injected into the DOM.
-embeddedMedia.applyIframeOptimizations(dom);// How many onloads have been processed.
-var onloads=0;var inlineScripts=[];var externalScripts=[];/**
+ */
+const parseHTML = (html, decode, settings, processStyles = false, cookieConsentSettings = {}) => {
+  const id = CryptoJs.MD5(JSON.stringify(settings)).toString();
+  const container = getDOMContainer(`html-sanitizer-${id}`);
+  const cookieConsent = {
+    comfortCookiesAccepted: false,
+    statisticsCookiesAccepted: false,
+    ...cookieConsentSettings
+  };
+  try {
+    const parser = new DOMParser();
+    const unparsedHTML = decode ? decodeHTML(html) : html;
+    // Parse the html string to a DOM object.
+    const dom = parser.parseFromString(`<body>${unparsedHTML}</body>`, 'text/html');
+
+    // Run cookie consent logic from embedded media to remove markup that's not supposed to run
+    // when consent is not accepted.
+    embeddedMedia.handleCookieConsent(dom, cookieConsent);
+    // Optimize embedded media iframe markup before it's injected into the DOM.
+    embeddedMedia.applyIframeOptimizations(dom);
+
+    // How many onloads have been processed.
+    let onloads = 0;
+    let inlineScripts = [];
+    let externalScripts = [];
+
+    /**
      * Handles the onload events for external scripts.
      * @return {Array} The collection of external scripts.
-     */var handleOnload=function handleOnload(){onloads+=1;/**
+     */
+    const handleOnload = () => {
+      onloads += 1;
+
+      /**
        * If there are no external scripts or all external
        * scripts are loaded, handle the inline scripts.
-       */if(!externalScripts.length||onloads===externalScripts.length){inlineScripts.forEach(function(scriptTag){container.appendChild(scriptTag);});}return externalScripts;};// A collection of all the inline script tags.
-inlineScripts=getInlineScripts(dom.childNodes);// A collection of all the external script tags.
-externalScripts=getExternalScripts(dom.childNodes,handleOnload);// Append the external scripts.
-externalScripts.forEach(function(scriptTag){container.appendChild(scriptTag);});if(processStyles){getStyles(dom).forEach(function(style){return container.appendChild(style);});}return getHTMLContent(dom.body.childNodes).innerHTML;}catch(err){logger.error(err);return html;}};export default parseHTML;
+       */
+      if (!externalScripts.length || onloads === externalScripts.length) {
+        inlineScripts.forEach(scriptTag => {
+          container.appendChild(scriptTag);
+        });
+      }
+      return externalScripts;
+    };
+
+    // A collection of all the inline script tags.
+    inlineScripts = getInlineScripts(dom.childNodes);
+    // A collection of all the external script tags.
+    externalScripts = getExternalScripts(dom.childNodes, handleOnload);
+
+    // Append the external scripts.
+    externalScripts.forEach(scriptTag => {
+      container.appendChild(scriptTag);
+    });
+    if (processStyles) {
+      getStyles(dom).forEach(style => container.appendChild(style));
+    }
+    return getHTMLContent(dom.body.childNodes).innerHTML;
+  } catch (err) {
+    logger.error(err);
+    return html;
+  }
+};
+export default parseHTML;

package/helpers/i18n/getDateFormatter.js

@@ -1,4 +1,8 @@
-import IntlMessageFormat from'intl-messageformat';import curry from'lodash/curry';import messageCache from"./messageCache";/**
+import IntlMessageFormat from 'intl-messageformat';
+import curry from 'lodash/curry';
+import messageCache from "./messageCache";
+
+/**
  * Returns an instance of IntlMessageFormat from cache based on a hash.
  * The hash is generated from given language code and translation key.
  * If no instance exists yet, a new instance will be created and returned.
@@ -6,12 +10,27 @@ import IntlMessageFormat from'intl-messageformat';import curry from'lodash/curry
  * @param {string} format The date format.
  *                        Possible values: 'short', 'medium' (default), 'long','full'
  * @returns {IntlMessageFormat}
- */var getFormattedDateFromCache=function getFormattedDateFromCache(langCode,format){var hash="".concat(langCode,"_date_").concat(format);// Check if a cached instance already exists.
-if(messageCache[hash]){return messageCache[hash];}messageCache[hash]=new IntlMessageFormat("{timestamp, date, ".concat(format,"}"),langCode);return messageCache[hash];};/**
+ */
+const getFormattedDateFromCache = (langCode, format) => {
+  const hash = `${langCode}_date_${format}`;
+
+  // Check if a cached instance already exists.
+  if (messageCache[hash]) {
+    return messageCache[hash];
+  }
+  messageCache[hash] = new IntlMessageFormat(`{timestamp, date, ${format}}`, langCode);
+  return messageCache[hash];
+};
+
+/**
  * Get a formatted date from a timestamp.
  * @param {string} langCode A language code.
  * @param {number} timestamp The current date's timestamp.
  * @param {string} [format='medium'] The date format.
  *                                   Possible values: 'short', 'medium', 'long','full'
  * @returns {string}
- */var formatDate=function formatDate(langCode,timestamp){var format=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'medium';return getFormattedDateFromCache(langCode,format).format({timestamp:timestamp});};export default curry(formatDate);
+ */
+const formatDate = (langCode, timestamp, format = 'medium') => getFormattedDateFromCache(langCode, format).format({
+  timestamp
+});
+export default curry(formatDate);

package/helpers/i18n/getNumberFormatter.js

@@ -1,15 +1,43 @@
-import IntlMessageFormat from'intl-messageformat';import curry from'lodash/curry';import messageCache from"./messageCache";/**
+import IntlMessageFormat from 'intl-messageformat';
+import curry from 'lodash/curry';
+import messageCache from "./messageCache";
+
+/**
  * Returns an instance of IntlMessageFormat from cache based on a hash.
  * The hash is generated from given language code and translation key.
  * If no instance exists yet, a new instance will be created and returned.
  * @param {string} langCode A language code.
  * @param {number} fractions With or without fraction digits.
  * @returns {IntlMessageFormat}
- */var getFormattedNumberFromCache=function getFormattedNumberFromCache(langCode,fractions){var hash="".concat(langCode,"_number_fr_").concat(fractions);// Check if a cached instance already exists.
-if(messageCache[hash]){return messageCache[hash];}messageCache[hash]=new IntlMessageFormat('{value, number, decimal}',langCode,{number:{decimal:{style:'decimal',minimumFractionDigits:fractions,maximumFractionDigits:fractions}}});return messageCache[hash];};/**
+ */
+const getFormattedNumberFromCache = (langCode, fractions) => {
+  const hash = `${langCode}_number_fr_${fractions}`;
+
+  // Check if a cached instance already exists.
+  if (messageCache[hash]) {
+    return messageCache[hash];
+  }
+  messageCache[hash] = new IntlMessageFormat('{value, number, decimal}', langCode, {
+    number: {
+      decimal: {
+        style: 'decimal',
+        minimumFractionDigits: fractions,
+        maximumFractionDigits: fractions
+      }
+    }
+  });
+  return messageCache[hash];
+};
+
+/**
  * Get a formatted number by a language code.
  * @param {string} langCode A language code.
  * @param {number} value The number to format.
  * @param {boolean} fractions Number of digits after dot.
  * @returns {string}
- */var formatNumber=function formatNumber(langCode,value,fractions){return getFormattedNumberFromCache(langCode,fractions).format({value:value});};var getNumberFormatter=curry(formatNumber);export default getNumberFormatter;
+ */
+const formatNumber = (langCode, value, fractions) => getFormattedNumberFromCache(langCode, fractions).format({
+  value
+});
+const getNumberFormatter = curry(formatNumber);
+export default getNumberFormatter;