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

package/helpers/redux/mutable.js

@@ -1,58 +1,177 @@
-import noop from'lodash/noop';import{isObject}from"../validation";/**
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.string.replace.js";
+import noop from 'lodash/noop';
+import { isObject } from "../validation";
+
+/**
  * @typedef {Object} MutableFunction
  * @property {Function} replace Replaces the original functionality with a custom function.
  * @property {Function} restore Restores the original function.
  * @property {Function} reset Restores the original function and removes all pre-processes steps.
  * @property {Function} useBefore Adds a pre-processing step func.
  * @property {Function} original Original function
- */var BEFORE_ACTION_NEXT='next';var BEFORE_ACTION_SKIP_REST='skipRest';var BEFORE_ACTION_STOP='stop';/**
+ */
+
+const BEFORE_ACTION_NEXT = 'next';
+const BEFORE_ACTION_SKIP_REST = 'skipRest';
+const BEFORE_ACTION_STOP = 'stop';
+
+/**
  * Defines parameters to be used by the next step or mutable function.
  * @param {*} args Transforms an argument list to be consumed by the next step or
  * @returns {Object}
- */export function next(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return{action:BEFORE_ACTION_NEXT,args:args};}/**
+ */
+export function next(...args) {
+  return {
+    action: BEFORE_ACTION_NEXT,
+    args
+  };
+}
+
+/**
  * Causes the stack to skip forward to processing the mutable using the given arguments.
  * @param {*} [args] A number of arguments to be passed to the mutable. This is optional.
  * @returns {Object}
- */export function skipRest(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++){args[_key2]=arguments[_key2];}return{action:BEFORE_ACTION_SKIP_REST,args:args};}/**
+ */
+export function skipRest(...args) {
+  return {
+    action: BEFORE_ACTION_SKIP_REST,
+    args
+  };
+}
+
+/**
  * Causes the stack to stop processing any further actions. On stop only one return value possible.
  * @param {*} [arg] Optional final result value.
  * @returns {Object}
- */export function stop(arg){return{action:BEFORE_ACTION_STOP,args:arg};}/**
+ */
+export function stop(arg) {
+  return {
+    action: BEFORE_ACTION_STOP,
+    args: arg
+  };
+}
+
+/**
  * Public api export
  * @type {{next: Function, stop: Function, skipRest: Function}}
- */export var mutableActions={next:next,skipRest:skipRest,stop:stop};/**
+ */
+export const mutableActions = {
+  next,
+  skipRest,
+  stop
+};
+
+/**
  * Takes a function and makes it mutable.
  * @template {Function} T
  * @param {T} func Original function to convert to a mutable
  * @returns {T}
- */export var mutable=function mutable(func){var original=func;var current=func;var steps=[];/**
+ */
+export const mutable = func => {
+  const original = func;
+  let current = func;
+  const steps = [];
+
+  /**
    * Takes the pre-processing steps and calls all step functions, as well as the mutable function
    * afterwards. Each step can transform the arguments, that are passed in to the next step in the
    * stack and ultimately to the mutable function.
    * @param {*} args Arguments passed down to the mutable and its pre-processor actions.
    * @returns {Function} A function to be consumed by redux
-   */function mutableFunc(){for(var _len3=arguments.length,args=new Array(_len3),_key3=0;_key3<_len3;_key3++){args[_key3]=arguments[_key3];}var mutatedArgs=args;var runAction=true;// Execute pre-processing steps, if any available.
-if(steps.length>0){mutatedArgs=steps.reduce(function(acc,step,i,arr){// Call next step func in the pipeline with mutated args
-var res=step.apply(void 0,acc);// Keep params unchanged if the step did not perform any change action at all
-if(!isObject(res)){return acc;}// Unpack arguments from the "useBefore" pre-processor with "next" action.
-if(res.action===BEFORE_ACTION_NEXT){if(res.args&&res.args.length>0){res=res.args;}else{res=args;}}// Unpack arguments from the "useBefore" pre-processor with "skipRest" action.
-if(res.action===BEFORE_ACTION_SKIP_REST){arr.splice(-(arr.length-i));if(res.args&&res.args.length>0){res=res.args;}else{res=args;}}// Check if the step requested to stop any further processing including the action itself
-if(res.action===BEFORE_ACTION_STOP){// Cut off all following step functions including the mutable func
-arr.splice(-(arr.length-i));runAction=false;res=res.args;}// Replace arguments for the next step to get.
-return res;},args);}if(!runAction){// the return value here gets passed to the dispatch() so it must be a function or action obj
-return noop;}// Call the actual mutable
-return current.apply(void 0,mutatedArgs);}/**
+   */
+  function mutableFunc(...args) {
+    let mutatedArgs = args;
+    let runAction = true;
+
+    // Execute pre-processing steps, if any available.
+    if (steps.length > 0) {
+      mutatedArgs = steps.reduce((acc, step, i, arr) => {
+        // Call next step func in the pipeline with mutated args
+        let res = step(...acc);
+
+        // Keep params unchanged if the step did not perform any change action at all
+        if (!isObject(res)) {
+          return acc;
+        }
+
+        // Unpack arguments from the "useBefore" pre-processor with "next" action.
+        if (res.action === BEFORE_ACTION_NEXT) {
+          if (res.args && res.args.length > 0) {
+            res = res.args;
+          } else {
+            res = args;
+          }
+        }
+
+        // Unpack arguments from the "useBefore" pre-processor with "skipRest" action.
+        if (res.action === BEFORE_ACTION_SKIP_REST) {
+          arr.splice(-(arr.length - i));
+          if (res.args && res.args.length > 0) {
+            res = res.args;
+          } else {
+            res = args;
+          }
+        }
+
+        // Check if the step requested to stop any further processing including the action itself
+        if (res.action === BEFORE_ACTION_STOP) {
+          // Cut off all following step functions including the mutable func
+          arr.splice(-(arr.length - i));
+          runAction = false;
+          res = res.args;
+        }
+
+        // Replace arguments for the next step to get.
+        return res;
+      }, args);
+    }
+    if (!runAction) {
+      // the return value here gets passed to the dispatch() so it must be a function or action obj
+      return noop;
+    }
+
+    // Call the actual mutable
+    return current(...mutatedArgs);
+  }
+
+  /**
    * Replaces the original functionality with a custom function.
    * @param {Function} customFunc The function to execute instead of the original one.
-   */mutableFunc.replace=function(customFunc){current=customFunc;// Allow access to the current mutation.
-mutableFunc.current=current;};/**
+   */
+  mutableFunc.replace = customFunc => {
+    current = customFunc;
+
+    // Allow access to the current mutation.
+    mutableFunc.current = current;
+  };
+
+  /**
    * Restores the original func, while keeping additional functions to be called beforehand.
-   */mutableFunc.restore=function(){current=original;};/**
+   */
+  mutableFunc.restore = () => {
+    current = original;
+  };
+
+  /**
    * Resets the whole mutable to its initial state, restoring the original functionality and
    * dropping all injected functions.
-   */mutableFunc.reset=function(){current=original;steps.length=0;};/**
+   */
+  mutableFunc.reset = () => {
+    current = original;
+    steps.length = 0;
+  };
+
+  /**
    * Adds a pre-processing step func to a list to be called before the actual functionality
    * executes. Each step can modify the arguments, passed down to the next step or the mutable.
    * @param {Function} stepFunc The function to be executed before
-   */mutableFunc.useBefore=function(stepFunc){steps.push(stepFunc);};// Allow access to the original function.
-mutableFunc.original=original;return mutableFunc;};
+   */
+  mutableFunc.useBefore = stepFunc => {
+    steps.push(stepFunc);
+  };
+
+  // Allow access to the original function.
+  mutableFunc.original = original;
+  return mutableFunc;
+};

package/helpers/redux/shouldFetchData.js

@@ -1,16 +1,52 @@
-import{isObject}from"../validation";/**
+import { isObject } from "../validation";
+
+/**
  * Checks if an item can be fetched or (only when the itemKey parameter is set) if there is a
  * certain key inside the item that is filled with data.
  * @param {Object} item The item to check.
  * @param {string} [itemKey=null] A key of a property to check additionally.
  * @param {string} [requiredCount=null] The number of required products that should be in the store.
  * @return {boolean} Whether it can be fetched.
- */export function shouldFetchData(item){var itemKey=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var requiredCount=arguments.length>2&&arguments[2]!==undefined?arguments[2]:null;// Get data if we have none.
-if(!item){return true;}// Fetch data if we have an empty object in the store.
-if(isObject(item)&&Object.keys(item).length===0){return true;}// Check that the item is not fetching currently.
-if(!item.isFetching){// Fetch data if the expiry date has expired or is set to 0 (initially set).
-if(item.expires===0||item.expires&&item.expires>0&&item.expires<Date.now()){return true;}// Check for a specific key inside items and fetch it if it's not found.
-if(itemKey&&Array.isArray(item[itemKey])){var _item$totalResultCoun2=item.totalResultCount,totalResultCount=_item$totalResultCoun2===void 0?item[itemKey].length:_item$totalResultCoun2;// 1. Fetch by requiredCount.
-if(requiredCount){var assertCount=Math.min(requiredCount,totalResultCount);// Fetch is needed to assert N of items in store.
-if(item[itemKey].length!==assertCount){return true;}}// 2. Sync items when totalResultCount is less
-if(!requiredCount&&item[itemKey].length>totalResultCount){return true;}}}return false;}
+ */
+export function shouldFetchData(item, itemKey = null, requiredCount = null) {
+  // Get data if we have none.
+  if (!item) {
+    return true;
+  }
+
+  // Fetch data if we have an empty object in the store.
+  if (isObject(item) && Object.keys(item).length === 0) {
+    return true;
+  }
+
+  // Check that the item is not fetching currently.
+  if (!item.isFetching) {
+    // Fetch data if the expiry date has expired or is set to 0 (initially set).
+    if (item.expires === 0 || item.expires && item.expires > 0 && item.expires < Date.now()) {
+      return true;
+    }
+
+    // Check for a specific key inside items and fetch it if it's not found.
+    if (itemKey && Array.isArray(item[itemKey])) {
+      const {
+        totalResultCount = item[itemKey].length // fallback to original items length
+      } = item;
+
+      // 1. Fetch by requiredCount.
+      if (requiredCount) {
+        const assertCount = Math.min(requiredCount, totalResultCount);
+
+        // Fetch is needed to assert N of items in store.
+        if (item[itemKey].length !== assertCount) {
+          return true;
+        }
+      }
+
+      // 2. Sync items when totalResultCount is less
+      if (!requiredCount && item[itemKey].length > totalResultCount) {
+        return true;
+      }
+    }
+  }
+  return false;
+}

package/helpers/redux/shouldFetchFilters.js

@@ -1,7 +1,20 @@
-import{isObject}from"../validation";import{hasExpired}from"./hasExpired";/**
+import { isObject } from "../validation";
+import { hasExpired } from "./hasExpired";
+
+/**
  * Determine if there should be a request to fetch the filter data.
  * @param {Object} item The filter object.
  * @returns {boolean}
- */export function shouldFetchFilters(item){// Get data if we no item.
-if(!item){return true;}// Fetch data if we have an empty object in the store.
-if(isObject(item)&&Object.keys(item).length===0){return true;}return hasExpired(item);}
+ */
+export function shouldFetchFilters(item) {
+  // Get data if we no item.
+  if (!item) {
+    return true;
+  }
+
+  // Fetch data if we have an empty object in the store.
+  if (isObject(item) && Object.keys(item).length === 0) {
+    return true;
+  }
+  return hasExpired(item);
+}

package/helpers/router/index.js

@@ -1,15 +1,59 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}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{createBrowserHistory}from'history';import URLSearchParams from'url-search-params';import{router}from'@virtuous/conductor';var match=/^(.*)index.html/.exec(window.location.pathname);var getCurrentRoute=router.getCurrentRoute;/**
+import "core-js/modules/es.array.reduce.js";
+import { createBrowserHistory } from 'history';
+import URLSearchParams from 'url-search-params';
+import { router } from '@virtuous/conductor';
+const match = /^(.*)index.html/.exec(window.location.pathname);
+const {
+  getCurrentRoute
+} = router;
+/**
  * @deprecated
- */export{getCurrentRoute,router};/**
+ */
+export { getCurrentRoute, router };
+
+/**
  * Creates the router history.
  * @returns {Object}
- */export var history=function history(){return createBrowserHistory({basename:match?match[0]:''});};/**
+ */
+export const history = () => createBrowserHistory({
+  basename: match ? match[0] : ''
+});
+
+/**
  * Transforms a given URL query string to an object.
  * @param {string} queryString An URL query string.
  * @returns {Object}
- */export var parseQueryStringToObject=function parseQueryStringToObject(){var queryString=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;if(!queryString){return{};}var urlParams=new URLSearchParams(queryString);var keys=Array.from(urlParams.keys());return keys.reduce(function(obj,key){return _extends({},obj,_defineProperty({},key,urlParams.get(key)));},{});};/**
+ */
+export const parseQueryStringToObject = (queryString = null) => {
+  if (!queryString) {
+    return {};
+  }
+  const urlParams = new URLSearchParams(queryString);
+  const keys = Array.from(urlParams.keys());
+  return keys.reduce((obj, key) => ({
+    ...obj,
+    [key]: urlParams.get(key)
+  }), {});
+};
+
+/**
  * Transforms a given object to an URL query string.
  * @param {Object} obj An object with keys/values.
  * @param {boolean} [includePrefix=true] If true a `?` is prefixed.
  * @returns {string}
- */export var parseObjectToQueryString=function parseObjectToQueryString(obj){var includePrefix=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;if(!obj){return'';}var urlParams=new URLSearchParams();var keys=Object.keys(obj);if(keys.length===0){return'';}keys.forEach(function(key){return urlParams.set(key,obj[key]);});if(includePrefix){return"?".concat(urlParams.toString());}return urlParams.toString();};
+ */
+export const parseObjectToQueryString = (obj, includePrefix = true) => {
+  if (!obj) {
+    return '';
+  }
+  const urlParams = new URLSearchParams();
+  const keys = Object.keys(obj);
+  if (keys.length === 0) {
+    return '';
+  }
+  keys.forEach(key => urlParams.set(key, obj[key]));
+  if (includePrefix) {
+    return `?${urlParams.toString()}`;
+  }
+  return urlParams.toString();
+};

package/helpers/style/index.js

@@ -1,9 +1,24 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{logger}from'@shopgate/pwa-core/helpers';import{isNumber}from"../validation";/**
+import { logger } from '@shopgate/pwa-core/helpers';
+import { isNumber } from "../validation";
+
+/**
  * Calculates a rem value for a passed pixel value. The calculation is based on the root
  * font size that is defined inside the template's font styles.
  * @param {number} pixels The source value
  * @returns {string} The result value
- */export var rem=function rem(pixels){var result='';if(isNumber(pixels)&&pixels>=0){result="".concat(1/16*pixels,"rem");}else{result='1rem';logger.error("rem(): Invalid value (".concat(pixels,")"));}return result;};/**
+ */
+export const rem = pixels => {
+  let result = '';
+  if (isNumber(pixels) && pixels >= 0) {
+    result = `${1 / 16 * pixels}rem`;
+  } else {
+    result = '1rem';
+    logger.error(`rem(): Invalid value (${pixels})`);
+  }
+  return result;
+};
+
+/**
  * Returns an object ready to use with glamor with one pixel size property.
  * For example physicalPixelSize('height', 1) would result in:
  * - height: 1px for screen density 1,
@@ -12,5 +27,29 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
  * @param {string} property Css property name.
  * @param {number} [size=1] Requested physical pixel size.
  * @returns {Object}
- */export var physicalPixelSize=function physicalPixelSize(property){var size=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;// Android doesn't accept decimals.
-if(navigator&&navigator.userAgent&&navigator.userAgent.includes('Android')){return _defineProperty({},property,size);}var _double=Math.round(size/2*100)/100;var triple=Math.round(size/3*100)/100;return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},property,size),'@media (min-device-pixel-ratio: 2)',_defineProperty({},property,_double)),'@media (-webkit-min-device-pixel-ratio: 2)',_defineProperty({},property,_double)),'@media (min-device-pixel-ratio: 3)',_defineProperty({},property,triple)),'@media (-webkit-min-device-pixel-ratio: 3)',_defineProperty({},property,triple));};
+ */
+export const physicalPixelSize = (property, size = 1) => {
+  // Android doesn't accept decimals.
+  if (navigator && navigator.userAgent && navigator.userAgent.includes('Android')) {
+    return {
+      [property]: size
+    };
+  }
+  const double = Math.round(size / 2 * 100) / 100;
+  const triple = Math.round(size / 3 * 100) / 100;
+  return {
+    [property]: size,
+    '@media (min-device-pixel-ratio: 2)': {
+      [property]: double
+    },
+    '@media (-webkit-min-device-pixel-ratio: 2)': {
+      [property]: double
+    },
+    '@media (min-device-pixel-ratio: 3)': {
+      [property]: triple
+    },
+    '@media (-webkit-min-device-pixel-ratio: 3)': {
+      [property]: triple
+    }
+  };
+};

package/helpers/style/spec.js

@@ -1,2 +1,108 @@
-import{rem,physicalPixelSize}from"./index";describe('style helper',function(){describe('rem helper with 16px rootSize',function(){it('should output 0.875rem for 16px input',function(){expect(rem(16)).toBe('1rem');});it('should output 0.875rem for 14px input',function(){expect(rem(14)).toBe('0.875rem');});it('should output 0.75rem for 12px input',function(){expect(rem(12)).toBe('0.75rem');});it('should output 0rem for 0px input',function(){expect(rem(0)).toBe('0rem');});});describe('rem helper error handling',function(){var consoleSpy;beforeAll(function(){// Deactivate the console for the next tests to avoid logs within the test report.
-consoleSpy=jest.spyOn(console,'error').mockImplementation();});afterAll(function(){consoleSpy.mockRestore();});afterEach(function(){consoleSpy.mockReset();});it('should output 1rem as fallback for wrong parameters',function(){expect(rem('rem')).toBe('1rem');expect(consoleSpy).toHaveBeenCalledTimes(1);});});describe('physicalPixelSize',function(){describe('non-Android devices',function(){beforeAll(function(){Object.defineProperty(window.navigator,'userAgent',{value:'Not And... user agent',configurable:true});});it('should output declarations for 1px size',function(){expect(physicalPixelSize('foo',1)).toEqual({foo:1,'@media (min-device-pixel-ratio: 2)':{foo:0.5},'@media (-webkit-min-device-pixel-ratio: 2)':{foo:0.5},'@media (min-device-pixel-ratio: 3)':{foo:0.33},'@media (-webkit-min-device-pixel-ratio: 3)':{foo:0.33}});});it('should output declarations for 2px size',function(){expect(physicalPixelSize('foo',2)).toEqual({foo:2,'@media (min-device-pixel-ratio: 2)':{foo:1},'@media (-webkit-min-device-pixel-ratio: 2)':{foo:1},'@media (min-device-pixel-ratio: 3)':{foo:0.67},'@media (-webkit-min-device-pixel-ratio: 3)':{foo:0.67}});});it('should output declarations for 3px size',function(){expect(physicalPixelSize('foo',3)).toEqual({foo:3,'@media (min-device-pixel-ratio: 2)':{foo:1.5},'@media (-webkit-min-device-pixel-ratio: 2)':{foo:1.5},'@media (min-device-pixel-ratio: 3)':{foo:1},'@media (-webkit-min-device-pixel-ratio: 3)':{foo:1}});});});describe('android devices',function(){beforeAll(function(){Object.defineProperty(window.navigator,'userAgent',{value:'Foo Android',configurable:true});});it('should return natural number rules only',function(){expect(physicalPixelSize('foo',3)).toEqual({foo:3});});});});});
+import { rem, physicalPixelSize } from "./index";
+describe('style helper', () => {
+  describe('rem helper with 16px rootSize', () => {
+    it('should output 0.875rem for 16px input', () => {
+      expect(rem(16)).toBe('1rem');
+    });
+    it('should output 0.875rem for 14px input', () => {
+      expect(rem(14)).toBe('0.875rem');
+    });
+    it('should output 0.75rem for 12px input', () => {
+      expect(rem(12)).toBe('0.75rem');
+    });
+    it('should output 0rem for 0px input', () => {
+      expect(rem(0)).toBe('0rem');
+    });
+  });
+  describe('rem helper error handling', () => {
+    let consoleSpy;
+    beforeAll(() => {
+      // Deactivate the console for the next tests to avoid logs within the test report.
+      consoleSpy = jest.spyOn(console, 'error').mockImplementation();
+    });
+    afterAll(() => {
+      consoleSpy.mockRestore();
+    });
+    afterEach(() => {
+      consoleSpy.mockReset();
+    });
+    it('should output 1rem as fallback for wrong parameters', () => {
+      expect(rem('rem')).toBe('1rem');
+      expect(consoleSpy).toHaveBeenCalledTimes(1);
+    });
+  });
+  describe('physicalPixelSize', () => {
+    describe('non-Android devices', () => {
+      beforeAll(() => {
+        Object.defineProperty(window.navigator, 'userAgent', {
+          value: 'Not And... user agent',
+          configurable: true
+        });
+      });
+      it('should output declarations for 1px size', () => {
+        expect(physicalPixelSize('foo', 1)).toEqual({
+          foo: 1,
+          '@media (min-device-pixel-ratio: 2)': {
+            foo: 0.5
+          },
+          '@media (-webkit-min-device-pixel-ratio: 2)': {
+            foo: 0.5
+          },
+          '@media (min-device-pixel-ratio: 3)': {
+            foo: 0.33
+          },
+          '@media (-webkit-min-device-pixel-ratio: 3)': {
+            foo: 0.33
+          }
+        });
+      });
+      it('should output declarations for 2px size', () => {
+        expect(physicalPixelSize('foo', 2)).toEqual({
+          foo: 2,
+          '@media (min-device-pixel-ratio: 2)': {
+            foo: 1
+          },
+          '@media (-webkit-min-device-pixel-ratio: 2)': {
+            foo: 1
+          },
+          '@media (min-device-pixel-ratio: 3)': {
+            foo: 0.67
+          },
+          '@media (-webkit-min-device-pixel-ratio: 3)': {
+            foo: 0.67
+          }
+        });
+      });
+      it('should output declarations for 3px size', () => {
+        expect(physicalPixelSize('foo', 3)).toEqual({
+          foo: 3,
+          '@media (min-device-pixel-ratio: 2)': {
+            foo: 1.5
+          },
+          '@media (-webkit-min-device-pixel-ratio: 2)': {
+            foo: 1.5
+          },
+          '@media (min-device-pixel-ratio: 3)': {
+            foo: 1
+          },
+          '@media (-webkit-min-device-pixel-ratio: 3)': {
+            foo: 1
+          }
+        });
+      });
+    });
+    describe('android devices', () => {
+      beforeAll(() => {
+        Object.defineProperty(window.navigator, 'userAgent', {
+          value: 'Foo Android',
+          configurable: true
+        });
+      });
+      it('should return natural number rules only', () => {
+        expect(physicalPixelSize('foo', 3)).toEqual({
+          foo: 3
+        });
+      });
+    });
+  });
+});

package/helpers/tracking/index.js

@@ -1,25 +1,68 @@
-import get from'lodash/get';import{OS_ALL,TYPE_PHONE}from"../../constants/Device";import{TRACKING_TARGET_ALL,TRACKING_TARGET_APPS,TRACKING_TARGET_APPS_SMARTPHONE}from"../../constants/Tracking";/**
+import get from 'lodash/get';
+import { OS_ALL, TYPE_PHONE } from "../../constants/Device";
+import { TRACKING_TARGET_ALL, TRACKING_TARGET_APPS, TRACKING_TARGET_APPS_SMARTPHONE } from "../../constants/Tracking";
+
+/**
  * Extracts the action from the pathname.
  * @param {string} pathName The ULR pathname.
  * @returns {string} The action.
- */export var getPathAction=function getPathAction(pathName){return pathName.split('/')[1];};/**
+ */
+export const getPathAction = pathName => pathName.split('/')[1];
+
+/**
  * Selector that extracts the pathname from the current path.
  * @param {Object} state The current state.
  * @returns {string} The action.
- */export var pathActionSelector=function pathActionSelector(state){return getPathAction(state.history.pathname);};/**
+ */
+export const pathActionSelector = state => getPathAction(state.history.pathname);
+
+/**
  * Checks if a given target is supported by the type
  * @param {string} target Tracking target
  * @param {Object} clientInformation Information about the current client
  * @returns {boolean}
- */export function isTargetSupported(target,clientInformation){var type=clientInformation.type;// Always use 'all' and 'apps'
-var validTargets=[TRACKING_TARGET_ALL,TRACKING_TARGET_APPS];// Add more valid targets depending on the platform/device
-if(type===TYPE_PHONE){validTargets.push(TRACKING_TARGET_APPS_SMARTPHONE);}// Check if the given target matches any valid target
-return validTargets.indexOf(target)!==-1;}/**
+ */
+export function isTargetSupported(target, clientInformation) {
+  const {
+    type
+  } = clientInformation;
+
+  // Always use 'all' and 'apps'
+  const validTargets = [TRACKING_TARGET_ALL, TRACKING_TARGET_APPS];
+
+  // Add more valid targets depending on the platform/device
+  if (type === TYPE_PHONE) {
+    validTargets.push(TRACKING_TARGET_APPS_SMARTPHONE);
+  }
+
+  // Check if the given target matches any valid target
+  return validTargets.indexOf(target) !== -1;
+}
+
+/**
  * Collects tracking configurations from the sgxs configuration, which match to the current client.
  * @param {Object} sgxsConfig The SGXS configuration
  * @param {Object} clientInformation Information about the current client
  * @return {Array}
- */export var getRelevantConfigs=function getRelevantConfigs(){var sgxsConfig=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var clientInformation=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _sgxsConfig$stage=sgxsConfig.stage,sgxsStage=_sgxsConfig$stage===void 0?'':_sgxsConfig$stage,_sgxsConfig$trackers=sgxsConfig.trackers,trackers=_sgxsConfig$trackers===void 0?[]:_sgxsConfig$trackers;return trackers.filter(function(_ref){var stage=_ref.stage,shopgateAccount=_ref.shopgateAccount,os=_ref.os,target=_ref.target;/**
+ */
+export const getRelevantConfigs = (sgxsConfig = {}, clientInformation = {}) => {
+  const {
+    stage: sgxsStage = '',
+    trackers = []
+  } = sgxsConfig;
+  return trackers.filter(({
+    stage,
+    shopgateAccount,
+    os,
+    target
+  }) => {
+    /**
      * Only Shopgate tracking configurations contain a stage property. In case of the merchant
      * configurations we only get entries which match the stage, on which the client is running.
-     */var validStage=!shopgateAccount||stage===sgxsStage;var validOs=!os||os===get(clientInformation,'os')||os===OS_ALL;var validTarget=isTargetSupported(target,clientInformation);return validStage&&validOs&&validTarget;});};
+     */
+    const validStage = !shopgateAccount || stage === sgxsStage;
+    const validOs = !os || os === get(clientInformation, 'os') || os === OS_ALL;
+    const validTarget = isTargetSupported(target, clientInformation);
+    return validStage && validOs && validTarget;
+  });
+};