@shopgate/engage 7.30.0-alpha.7 → 7.30.0-alpha.9

package/core/helpers/appPermissions.js

@@ -1,4 +1,10 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";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);}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{COMMAND_GET_APP_PERMISSIONS,COMMAND_REQUEST_APP_PERMISSIONS}from'@shopgate/pwa-core/constants/AppCommands';import{PERMISSION_STATUS_NOT_DETERMINED,PERMISSION_STATUS_NOT_SUPPORTED,PERMISSION_STATUS_GRANTED,PERMISSION_STATUS_DENIED,PERMISSION_ID_LOCATION,PERMISSION_ID_PUSH,PERMISSION_ID_CAMERA}from'@shopgate/pwa-core/constants/AppPermissions';import geolocationRequestBrowser from"../classes/GeolocationRequestBrowser";var MOCK_PERMISSIONS_KEY='sg-mocked-app-permissions';var getMockedAppPermissions;/**
+import { COMMAND_GET_APP_PERMISSIONS, COMMAND_REQUEST_APP_PERMISSIONS } from '@shopgate/pwa-core/constants/AppCommands';
+import { PERMISSION_STATUS_NOT_DETERMINED, PERMISSION_STATUS_NOT_SUPPORTED, PERMISSION_STATUS_GRANTED, PERMISSION_STATUS_DENIED, PERMISSION_ID_LOCATION, PERMISSION_ID_PUSH, PERMISSION_ID_CAMERA } from '@shopgate/pwa-core/constants/AppPermissions';
+import geolocationRequestBrowser from "../classes/GeolocationRequestBrowser";
+const MOCK_PERMISSIONS_KEY = 'sg-mocked-app-permissions';
+let getMockedAppPermissions;
+
+/**
  * In development within the browser, app permissions can be mocked by calling a global functions
  * on the MockedPermissions object. The values are persisted in local storage, so that they survive
  * reload of the PWA.
@@ -20,39 +26,177 @@ import _regeneratorRuntime from"@babel/runtime/regenerator";function _extends(){
  *   MockedAppPermissions.ID_PUSH,
  *   MockedAppPermissions.STATUS_DENIED
  * )
- */if(process.env.NODE_ENV==='development'){/**
+ */
+if (process.env.NODE_ENV === 'development') {
+  /**
    * Retrieves mocked app permissions from the local storage
    * @returns {Object|null}
-   */getMockedAppPermissions=function getMockedAppPermissions(){return JSON.parse(localStorage.getItem(MOCK_PERMISSIONS_KEY));};/**
+   */
+  getMockedAppPermissions = () => JSON.parse(localStorage.getItem(MOCK_PERMISSIONS_KEY));
+
+  /**
    * Sets a single mocked app permission status from the local storage
    * @param {string} commandType Command type for which the status is set (get / request)
    * @param {string} permissionId The permissionId for which the status is set
    * @param {string} status The mocked permission status
-   */var setMockedAppPermission=function setMockedAppPermission(commandType,permissionId,status){var _current;var current=getMockedAppPermissions();if(current===null){current={};}if(!((_current=current)===null||_current===void 0?void 0:_current[permissionId])){// Add defaults for the permissionId when not set yet
-current[permissionId]={get:PERMISSION_STATUS_GRANTED,request:PERMISSION_STATUS_GRANTED};}// Add the status to the mocked app permissions
-current[permissionId][commandType]=status;// Update local storage
-localStorage.setItem(MOCK_PERMISSIONS_KEY,JSON.stringify(current));};/**
+   */
+  const setMockedAppPermission = (commandType, permissionId, status) => {
+    let current = getMockedAppPermissions();
+    if (current === null) {
+      current = {};
+    }
+    if (!current?.[permissionId]) {
+      // Add defaults for the permissionId when not set yet
+      current[permissionId] = {
+        get: PERMISSION_STATUS_GRANTED,
+        request: PERMISSION_STATUS_GRANTED
+      };
+    }
+
+    // Add the status to the mocked app permissions
+    current[permissionId][commandType] = status;
+    // Update local storage
+    localStorage.setItem(MOCK_PERMISSIONS_KEY, JSON.stringify(current));
+  };
+
+  /**
    * Prepare global object in DEV environment to mock app permissions
-   */var obj={setGetAppPermissionsResponse:function setGetAppPermissionsResponse(permissionId){var status=arguments.length>1&&arguments[1]!==undefined?arguments[1]:PERMISSION_STATUS_GRANTED;setMockedAppPermission('get',permissionId,status);},setRequestAppPermissionsResponse:function setRequestAppPermissionsResponse(permissionId){var status=arguments.length>1&&arguments[1]!==undefined?arguments[1]:PERMISSION_STATUS_GRANTED;setMockedAppPermission('request',permissionId,status);}};// Populate useful constants
-obj.STATUS_GRANTED=PERMISSION_STATUS_GRANTED;obj.STATUS_DENIED=PERMISSION_STATUS_DENIED;obj.STATUS_NOT_DETERMINED=PERMISSION_STATUS_NOT_DETERMINED;obj.STATUS_NOT_SUPPORTED=PERMISSION_STATUS_NOT_SUPPORTED;obj.ID_PUSH=PERMISSION_ID_PUSH;obj.ID_CAMERA=PERMISSION_ID_CAMERA;obj.ID_LOCATION=PERMISSION_ID_LOCATION;window.MockedAppPermissions=obj;}/**
+   */
+  const obj = {
+    setGetAppPermissionsResponse: (permissionId, status = PERMISSION_STATUS_GRANTED) => {
+      setMockedAppPermission('get', permissionId, status);
+    },
+    setRequestAppPermissionsResponse: (permissionId, status = PERMISSION_STATUS_GRANTED) => {
+      setMockedAppPermission('request', permissionId, status);
+    }
+  };
+
+  // Populate useful constants
+  obj.STATUS_GRANTED = PERMISSION_STATUS_GRANTED;
+  obj.STATUS_DENIED = PERMISSION_STATUS_DENIED;
+  obj.STATUS_NOT_DETERMINED = PERMISSION_STATUS_NOT_DETERMINED;
+  obj.STATUS_NOT_SUPPORTED = PERMISSION_STATUS_NOT_SUPPORTED;
+  obj.ID_PUSH = PERMISSION_ID_PUSH;
+  obj.ID_CAMERA = PERMISSION_ID_CAMERA;
+  obj.ID_LOCATION = PERMISSION_ID_LOCATION;
+  window.MockedAppPermissions = obj;
+}
+
+/**
  * Mapping of states from the browser permissions API to app permissions.
- */var permissionsApiStateMapping={prompt:PERMISSION_STATUS_NOT_DETERMINED,granted:PERMISSION_STATUS_GRANTED,denied:PERMISSION_STATUS_DENIED};/**
+ */
+const permissionsApiStateMapping = {
+  prompt: PERMISSION_STATUS_NOT_DETERMINED,
+  granted: PERMISSION_STATUS_GRANTED,
+  denied: PERMISSION_STATUS_DENIED
+};
+
+/**
  * Determines geolocation permissions from the browser permissions API.
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Permissions_API
  * @returns {string|null}
- */var getGeolocationPermissionsFromPermissionsApi=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var state,_ref2;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return navigator.permissions.query({name:'geolocation'});case 3:_ref2=_context.sent;state=_ref2.state;_context.next=9;break;case 7:_context.prev=7;_context.t0=_context["catch"](0);case 9:return _context.abrupt("return",{state:permissionsApiStateMapping[state]||null});case 10:case"end":return _context.stop();}},_callee,null,[[0,7]]);}));return function getGeolocationPermissionsFromPermissionsApi(){return _ref.apply(this,arguments);};}();/**
+ */
+const getGeolocationPermissionsFromPermissionsApi = async () => {
+  let state;
+  try {
+    ({
+      state
+    } = await navigator.permissions.query({
+      name: 'geolocation'
+    }));
+    // eslint-disable-next-line no-empty
+  } catch (e) {}
+
+  // When the mapping fails we return null so that the default mocked state can be applied.
+  return {
+    state: permissionsApiStateMapping[state] || null
+  };
+};
+
+/**
  * Determines geolocation permissions from the browser geolocation API.
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API
  * @returns {string}
- */var getGeolocationPermissionsFromGeolocationApi=/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){var state,geolocation,_ref4$code,code;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:state=PERMISSION_STATUS_GRANTED;_context2.prev=1;_context2.next=4;return geolocationRequestBrowser.dispatch();case 4:geolocation=_context2.sent;_context2.next=12;break;case 7:_context2.prev=7;_context2.t0=_context2["catch"](1);_ref4$code=_context2.t0.code;code=_ref4$code===void 0?null:_ref4$code;if(code!==null){state=PERMISSION_STATUS_DENIED;}case 12:return _context2.abrupt("return",{state:state,geolocation:geolocation});case 13:case"end":return _context2.stop();}},_callee2,null,[[1,7]]);}));return function getGeolocationPermissionsFromGeolocationApi(){return _ref3.apply(this,arguments);};}();/**
+ */
+const getGeolocationPermissionsFromGeolocationApi = async () => {
+  let state = PERMISSION_STATUS_GRANTED;
+  let geolocation;
+  try {
+    geolocation = await geolocationRequestBrowser.dispatch();
+  } catch ({
+    code = null
+  }) {
+    if (code !== null) {
+      state = PERMISSION_STATUS_DENIED;
+    }
+  }
+  return {
+    state,
+    geolocation
+  };
+};
+
+/**
  * Creates mocked app permissions to support development within browser environments.
  * @param {string} commandName The name of the command for which the permissions are created
  * @param {Object} [commandParams={}] The command params.
  * @param {string} [fallbackStatus] The status that's returned when no status could be determined.
  * @returns {Array}
- */var mockedPermissions=/*#__PURE__*/function(){var _ref5=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(commandName){var commandParams,fallbackStatus,permissionIds,permissions,geolocationState,result,_args3=arguments;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:commandParams=_args3.length>1&&_args3[1]!==undefined?_args3[1]:{};fallbackStatus=_args3.length>2&&_args3[2]!==undefined?_args3[2]:PERMISSION_STATUS_GRANTED;permissionIds=commandParams.permissionIds;permissions=commandParams.permissions;if(permissions){permissionIds=permissions.map(function(permission){return permission.permissionId;});}if(!permissionIds.includes(PERMISSION_ID_LOCATION)){_context3.next=14;break;}if(!(commandName===COMMAND_GET_APP_PERMISSIONS)){_context3.next=10;break;}_context3.next=9;return getGeolocationPermissionsFromPermissionsApi();case 9:geolocationState=_context3.sent;case 10:if(!(commandName===COMMAND_REQUEST_APP_PERMISSIONS)){_context3.next=14;break;}_context3.next=13;return getGeolocationPermissionsFromGeolocationApi();case 13:geolocationState=_context3.sent;case 14:result=permissionIds.map(function(permissionId){var _geolocationState;var state=fallbackStatus;var geolocation;var useLocalStorageMock=false;// Use mocked permissions from local storage if available
-if(typeof getMockedAppPermissions==='function'){var _permissionMock$permi;var permissionMock=getMockedAppPermissions();var type=commandName===COMMAND_GET_APP_PERMISSIONS?'get':'request';var mockValue=permissionMock===null||permissionMock===void 0?void 0:(_permissionMock$permi=permissionMock[permissionId])===null||_permissionMock$permi===void 0?void 0:_permissionMock$permi[type];if(mockValue){useLocalStorageMock=true;state=mockValue||PERMISSION_STATUS_GRANTED;}}if(!useLocalStorageMock&&permissionId===PERMISSION_ID_LOCATION&&((_geolocationState=geolocationState)===null||_geolocationState===void 0?void 0:_geolocationState.state)){var _geolocationState2=geolocationState;state=_geolocationState2.state;geolocation=_geolocationState2.geolocation;}return _extends({permissionId:permissionId,status:state},geolocation?{data:geolocation}:{});});return _context3.abrupt("return",result);case 16:case"end":return _context3.stop();}},_callee3);}));return function mockedPermissions(_x){return _ref5.apply(this,arguments);};}();/**
+ */
+const mockedPermissions = async (commandName, commandParams = {}, fallbackStatus = PERMISSION_STATUS_GRANTED) => {
+  let {
+    permissionIds
+  } = commandParams;
+  const {
+    permissions
+  } = commandParams;
+  if (permissions) {
+    permissionIds = permissions.map(permission => permission.permissionId);
+  }
+  let geolocationState;
+  if (permissionIds.includes(PERMISSION_ID_LOCATION)) {
+    if (commandName === COMMAND_GET_APP_PERMISSIONS) {
+      geolocationState = await getGeolocationPermissionsFromPermissionsApi();
+    }
+    if (commandName === COMMAND_REQUEST_APP_PERMISSIONS) {
+      geolocationState = await getGeolocationPermissionsFromGeolocationApi();
+    }
+  }
+  const result = permissionIds.map(permissionId => {
+    let state = fallbackStatus;
+    let geolocation;
+    let useLocalStorageMock = false;
+
+    // Use mocked permissions from local storage if available
+    if (typeof getMockedAppPermissions === 'function') {
+      const permissionMock = getMockedAppPermissions();
+      const type = commandName === COMMAND_GET_APP_PERMISSIONS ? 'get' : 'request';
+      const mockValue = permissionMock?.[permissionId]?.[type];
+      if (mockValue) {
+        useLocalStorageMock = true;
+        state = mockValue || PERMISSION_STATUS_GRANTED;
+      }
+    }
+    if (!useLocalStorageMock && permissionId === PERMISSION_ID_LOCATION && geolocationState?.state) {
+      ({
+        state,
+        geolocation
+      } = geolocationState);
+    }
+    return {
+      permissionId,
+      status: state,
+      ...(geolocation ? {
+        data: geolocation
+      } : {})
+    };
+  });
+  return result;
+};
+
+/**
  * Creates a function to mock app permissions.
  * @param {string} [fallbackStatus] The status that's returned when no status could be determined.
  * @returns {Function}
- */export var createMockedPermissions=function createMockedPermissions(){var fallbackStatus=arguments.length>0&&arguments[0]!==undefined?arguments[0]:PERMISSION_STATUS_GRANTED;return function(commandName,commandParams){return mockedPermissions(commandName,commandParams,fallbackStatus);};};
+ */
+export const createMockedPermissions = (fallbackStatus = PERMISSION_STATUS_GRANTED) => (commandName, commandParams) => mockedPermissions(commandName, commandParams, fallbackStatus);

package/core/helpers/baseUrl.js

@@ -1,4 +1,4 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}/**
+/**
  * Regular expression to decode all possible types of base url from an url
  *
  * URLs of deployed apps
@@ -6,9 +6,16 @@ function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimi
  *
  * URLs while local development
  * http://192.168.0.1:8080
- */var baseUrlRegex=/https?:\/\/(?:(?:(?:[0-9]{1,3}\.){3}[0-9]{1,3}(?::[0-9]+)?)|(?:.+index.html))/gm;/**
+ */
+const baseUrlRegex = /https?:\/\/(?:(?:(?:[0-9]{1,3}\.){3}[0-9]{1,3}(?::[0-9]+)?)|(?:.+index.html))/gm;
+
+/**
  * Decodes the base url from a passed url. When url parameter left empty, window.location.href will
  * be used as source
  * @param {string} [sourceUrl=''] An optional url to be used for decode process
  * @return {string} The decoded base url
- */export var getAppBaseUrl=function getAppBaseUrl(){var sourceUrl=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';var _ref=(sourceUrl||window.location.href).match(baseUrlRegex)||[],_ref2=_slicedToArray(_ref,1),_ref2$=_ref2[0],basedUrl=_ref2$===void 0?'':_ref2$;return basedUrl;};
+ */
+export const getAppBaseUrl = (sourceUrl = '') => {
+  const [basedUrl = ''] = (sourceUrl || window.location.href).match(baseUrlRegex) || [];
+  return basedUrl;
+};

package/core/helpers/bridge.js

@@ -1,4 +1,13 @@
-/* global SGJavascriptBridge */import{hasSGJavaScriptBridge}from'@shopgate/pwa-core';/**
+/* global SGJavascriptBridge */
+import { hasSGJavaScriptBridge } from '@shopgate/pwa-core';
+
+/**
  * Checks whether the web bridge is active.
  * @returns {boolean}
- */export function hasWebBridge(){var _SGJavascriptBridge;if(!hasSGJavaScriptBridge()){return false;}return['web','desktop','mobile'].includes((_SGJavascriptBridge=SGJavascriptBridge)===null||_SGJavascriptBridge===void 0?void 0:_SGJavascriptBridge.type);}
+ */
+export function hasWebBridge() {
+  if (!hasSGJavaScriptBridge()) {
+    return false;
+  }
+  return ['web', 'desktop', 'mobile'].includes(SGJavascriptBridge?.type);
+}

package/core/helpers/deviceType.js

@@ -1,5 +1,10 @@
-import{hasWebBridge}from"./bridge";import{DEVICE_TYPE_SMARTPHONE,DEVICE_TYPE_TABLET}from"../constants/deviceTypes";/**
+import { hasWebBridge } from "./bridge";
+import { DEVICE_TYPE_SMARTPHONE, DEVICE_TYPE_TABLET } from "../constants/deviceTypes";
+
+/**
  * Determines the type of device that should be used for CMS pages.
  * @returns {string}
- */export var getDeviceTypeForCms=function getDeviceTypeForCms(){return(// use the CMS pages configured for tablets for the storefront website
-hasWebBridge()?DEVICE_TYPE_TABLET:DEVICE_TYPE_SMARTPHONE);};
+ */
+export const getDeviceTypeForCms = () =>
+// use the CMS pages configured for tablets for the storefront website
+hasWebBridge() ? DEVICE_TYPE_TABLET : DEVICE_TYPE_SMARTPHONE;

package/core/helpers/environment.js

@@ -1,4 +1,8 @@
-import{configuration}from'@shopgate/pwa-common/collections';import{IS_CONNECT_EXTENSION_ATTACHED}from'@shopgate/pwa-common/constants/Configuration';/**
+import { configuration } from '@shopgate/pwa-common/collections';
+import { IS_CONNECT_EXTENSION_ATTACHED } from '@shopgate/pwa-common/constants/Configuration';
+
+/**
  * Determines if the PWA uses the new backend services
  * @returns {boolean}
- */export var hasNewServices=function hasNewServices(){return!!configuration.get(IS_CONNECT_EXTENSION_ATTACHED);};
+ */
+export const hasNewServices = () => !!configuration.get(IS_CONNECT_EXTENSION_ATTACHED);

package/core/helpers/errorBehavior.js

@@ -1,32 +1,174 @@
-import{ToastProvider}from'@shopgate/pwa-common/providers';import{MODAL_PIPELINE_ERROR}from'@shopgate/pwa-common/constants/ModalTypes';import showModal from'@shopgate/pwa-common/actions/modal/showModal';import{logger,i18n}from'@shopgate/engage/core/helpers';/**
+import { ToastProvider } from '@shopgate/pwa-common/providers';
+import { MODAL_PIPELINE_ERROR } from '@shopgate/pwa-common/constants/ModalTypes';
+import showModal from '@shopgate/pwa-common/actions/modal/showModal';
+import { logger, i18n } from '@shopgate/engage/core/helpers';
+
+/**
  * Creates an error message for a pipeline and a code
  * @param {string} message The pipeline message
  * @param {Object} params Additional params for the message
  * @param {string} [pipeline=''] Name of the pipeline which caused the error
  * @returns {string}
- */var getErrorMessage=function getErrorMessage(message){var params=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var pipeline=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'';if(!/^((\w+)\.){1,}/gi.test(message)){// Stop processing when the message is no i18n key
-return i18n.text(message,params);}var segments=message.split('.');var code=segments.pop();var pipelineKeys=[];var codeKeys=[];var genericKeys=[];var keys=[];// Generate a bunch of lookup keys from the message
-while(segments.length){pipelineKeys.push([].concat(segments,[pipeline,code]));codeKeys.push([].concat(segments,[code]));genericKeys.push([].concat(segments,['generic']));segments.pop();}// Add common keys
-keys=[].concat(pipelineKeys,codeKeys,genericKeys,["common.errors.".concat(code),'common.errors.generic']);var match=keys.find(function(key){return i18n.getPath(key);});try{return i18n.text(match,params);}catch(e){return i18n.text(keys[keys.length-1]);}};/**
+ */
+const getErrorMessage = (message, params = {}, pipeline = '') => {
+  if (!/^((\w+)\.){1,}/gi.test(message)) {
+    // Stop processing when the message is no i18n key
+    return i18n.text(message, params);
+  }
+  const segments = message.split('.');
+  const code = segments.pop();
+  const pipelineKeys = [];
+  const codeKeys = [];
+  const genericKeys = [];
+  let keys = [];
+
+  // Generate a bunch of lookup keys from the message
+  while (segments.length) {
+    pipelineKeys.push([...segments, pipeline, code]);
+    codeKeys.push([...segments, code]);
+    genericKeys.push([...segments, 'generic']);
+    segments.pop();
+  }
+
+  // Add common keys
+  keys = [...pipelineKeys, ...codeKeys, ...genericKeys, ...[`common.errors.${code}`, 'common.errors.generic']];
+  const match = keys.find(key => i18n.getPath(key));
+  try {
+    return i18n.text(match, params);
+  } catch (e) {
+    return i18n.text(keys[keys.length - 1]);
+  }
+};
+
+/**
  * Generates an error object for the error behaviors
  * @param {Object} originalError The original error object
  * @returns {Object}
- */var getErrorObject=function getErrorObject(originalError){var code=originalError.code,_originalError$contex=originalError.context,pipeline=_originalError$contex===void 0?'':_originalError$contex,meta=originalError.meta;var _meta$input=meta.input,pipelineInput=_meta$input===void 0?{}:_meta$input,originalMessage=meta.message,additionalParams=meta.additionalParams,translated=meta.translated;var message=translated?originalMessage:getErrorMessage(originalMessage,additionalParams,pipeline);var sanitized={code:code?code.toString():code,pipeline:pipeline,pipelineInput:pipelineInput,originalMessage:originalMessage,message:message,additionalParams:additionalParams,translated:translated};return sanitized;};/**
+ */
+const getErrorObject = originalError => {
+  const {
+    code,
+    context: pipeline = '',
+    meta
+  } = originalError;
+  const {
+    input: pipelineInput = {},
+    message: originalMessage,
+    additionalParams,
+    translated
+  } = meta;
+  const message = translated ? originalMessage : getErrorMessage(originalMessage, additionalParams, pipeline);
+  const sanitized = {
+    code: code ? code.toString() : code,
+    pipeline,
+    pipelineInput,
+    originalMessage,
+    message,
+    additionalParams,
+    translated
+  };
+  return sanitized;
+};
+
+/**
  * Enables a custom implementation for an error behavior. The passed callback will be invoked with
  * an object similar to streams (dispatch, getState, events). Additionally it contains the error
  * object and the error message.
  * @param {Function} callback A callback function for the custom error behavior
  * @returns {Function}
- */var custom=function custom(callback){return function(_ref){var dispatch=_ref.dispatch,getState=_ref.getState,events=_ref.events,error=_ref.error;if(typeof callback!=='function'){logger.error('errorBehavior.custom: Please provide a callback function');return;}var sanitized=getErrorObject(error);callback({dispatch:dispatch,getState:getState,events:events,error:sanitized,message:sanitized.message});};};/**
+ */
+const custom = callback => ({
+  dispatch,
+  getState,
+  events,
+  error
+}) => {
+  if (typeof callback !== 'function') {
+    logger.error('errorBehavior.custom: Please provide a callback function');
+    return;
+  }
+  const sanitized = getErrorObject(error);
+  callback({
+    dispatch,
+    getState,
+    events,
+    error: sanitized,
+    message: sanitized.message
+  });
+};
+
+/**
  * Enables to dispatch a Redux action via a passed callback.
  * The callback is invoked with the error message.
  * @param {Function} callback A callback function for the custom error behavior
  * @returns {Function}
- */var dispatchAction=function dispatchAction(callback){return function(_ref2){var dispatch=_ref2.dispatch,error=_ref2.error;var _getErrorObject=getErrorObject(error),message=_getErrorObject.message;dispatch(callback(message));};};/**
+ */
+const dispatchAction = callback => ({
+  dispatch,
+  error
+}) => {
+  const {
+    message
+  } = getErrorObject(error);
+  dispatch(callback(message));
+};
+
+/**
  * Displays a pipeline error as a modal.
  * @returns {Function}
- */var modal=function modal(){return function(_ref3){var dispatch=_ref3.dispatch,error=_ref3.error;var _getErrorObject2=getErrorObject(error),code=_getErrorObject2.code,pipeline=_getErrorObject2.pipeline,message=_getErrorObject2.message,pipelineInput=_getErrorObject2.pipelineInput,originalMessage=_getErrorObject2.originalMessage,additionalParams=_getErrorObject2.additionalParams,translated=_getErrorObject2.translated;dispatch(showModal({confirm:'modal.ok',dismiss:null,title:null,message:message,type:MODAL_PIPELINE_ERROR,params:{pipeline:pipeline,request:pipelineInput,message:originalMessage,code:code,translated:translated,messageParams:additionalParams}}));};};/**
+ */
+const modal = () => ({
+  dispatch,
+  error
+}) => {
+  const {
+    code,
+    pipeline,
+    message,
+    pipelineInput,
+    originalMessage,
+    additionalParams,
+    translated
+  } = getErrorObject(error);
+  dispatch(showModal({
+    confirm: 'modal.ok',
+    dismiss: null,
+    title: null,
+    message,
+    type: MODAL_PIPELINE_ERROR,
+    params: {
+      pipeline,
+      request: pipelineInput,
+      message: originalMessage,
+      code,
+      translated,
+      messageParams: additionalParams
+    }
+  }));
+};
+
+/**
  * Displays a pipeline error as a toast message.
  * @param {number} duration An optional display duration in ms for the toast
  * @returns {Function}
- */var toast=function toast(duration){return function(_ref4){var events=_ref4.events,error=_ref4.error;var _getErrorObject3=getErrorObject(error),message=_getErrorObject3.message;events.emit(ToastProvider.ADD,{id:'pipeline.error',message:message,duration:duration});};};export default{getErrorMessage:getErrorMessage,toast:toast,modal:modal,custom:custom,dispatchAction:dispatchAction};
+ */
+const toast = duration => ({
+  events,
+  error
+}) => {
+  const {
+    message
+  } = getErrorObject(error);
+  events.emit(ToastProvider.ADD, {
+    id: 'pipeline.error',
+    message,
+    duration
+  });
+};
+export default {
+  getErrorMessage,
+  toast,
+  modal,
+  custom,
+  dispatchAction
+};

package/core/helpers/featureFlag.js

@@ -1,11 +1,38 @@
-import{themeName,shopNumber}from'@shopgate/pwa-common/helpers/config';import{isDev}from'@shopgate/engage/core/helpers';var STORE_KEY_PREFIX="sgFeatureFlag_".concat(shopNumber,"_").concat(themeName,"__");/**
+import { themeName, shopNumber } from '@shopgate/pwa-common/helpers/config';
+import { isDev } from '@shopgate/engage/core/helpers';
+const STORE_KEY_PREFIX = `sgFeatureFlag_${shopNumber}_${themeName}__`;
+
+/**
  * @param {string} key key
  * @returns {string}
- */export function getFeatureFlag(key){return window.localStorage.getItem("".concat(STORE_KEY_PREFIX).concat(key));}/**
+ */
+export function getFeatureFlag(key) {
+  return window.localStorage.getItem(`${STORE_KEY_PREFIX}${key}`);
+}
+
+/**
  * @param {string} key key
- */export function setABFeatureFlag(key){var hasFlag=getFeatureFlag(key);// flag is already set for user
-if(hasFlag!==null){return;}var random=Math.round(Math.random()*100+1);window.localStorage.setItem("".concat(STORE_KEY_PREFIX).concat(key),random);}/**
+ */
+export function setABFeatureFlag(key) {
+  const hasFlag = getFeatureFlag(key);
+
+  // flag is already set for user
+  if (hasFlag !== null) {
+    return;
+  }
+  const random = Math.round(Math.random() * 100 + 1);
+  window.localStorage.setItem(`${STORE_KEY_PREFIX}${key}`, random);
+}
+
+/**
  * @param {string} key Key
  * @param {number} percentage percentage for how many users the flag should be set
  * @returns {boolean}
- */export function isFeatureEnabled(key){var percentage=arguments.length>1&&arguments[1]!==undefined?arguments[1]:10;if(isDev){return true;}var featureFlagRandomNumber=getFeatureFlag(key);return featureFlagRandomNumber<=percentage;}
+ */
+export function isFeatureEnabled(key, percentage = 10) {
+  if (isDev) {
+    return true;
+  }
+  const featureFlagRandomNumber = getFeatureFlag(key);
+  return featureFlagRandomNumber <= percentage;
+}

package/core/helpers/getFullImageSource.js

@@ -1,27 +1,102 @@
-import{CONFIGURATION_COLLECTION_CREATE_EXTERNAL_IMAGE_URL}from'@shopgate/engage/core/constants';import{configuration}from'@shopgate/engage/core/collections';import{getProductImageSettings}from"../../product/helpers";import{getImageFormat}from"./getImageFormat";/**
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/web.url.js";
+import "core-js/modules/web.url.to-json.js";
+import "core-js/modules/web.url-search-params.js";
+import { CONFIGURATION_COLLECTION_CREATE_EXTERNAL_IMAGE_URL } from '@shopgate/engage/core/constants';
+import { configuration } from '@shopgate/engage/core/collections';
+import { getProductImageSettings } from "../../product/helpers";
+import { getImageFormat } from "./getImageFormat";
+
+/**
  * Regex to detect the "fill" query parameter
- */var fillParamRegex=/(fill|fillc)=(\w+)%2C(\d)($|&)/i;/**
+ */
+const fillParamRegex = /(fill|fillc)=(\w+)%2C(\d)($|&)/i;
+
+/**
  * Appends image service parameters to an image service url
  * @param {string} baseUrl The base url
  * @param {Object} params Additional params for the url
  * @returns {string}
- */var buildUrl=function buildUrl(baseUrl){var params=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var parsedUrl=new URL(baseUrl);/**
+ */
+const buildUrl = (baseUrl, params = {}) => {
+  const parsedUrl = new URL(baseUrl);
+
+  /**
    * To improve caching of images, we need to create urls with a consistent order of query params.
    * Otherwise it can happen that different urls create equal images, just because of different
    * ordered query params.
    * To reach this goal we utilize the "append" method of the URLSearchParams object and apply
    * the params in the order given by the "params" object. Since "append" could create duplicate
    * query params, each param needs to be removed from the URLSearchParams before it's added again.
-   */Object.keys(params).forEach(function(key){parsedUrl.searchParams["delete"](key);return parsedUrl.searchParams.append(key,params[key]);});/**
+   */
+  Object.keys(params).forEach(key => {
+    parsedUrl.searchParams.delete(key);
+    return parsedUrl.searchParams.append(key, params[key]);
+  });
+
+  /**
    * The "fill" parameter contains a ",". Since this would be url encoded by toString(), and the
    * service will not recognize it anymore, we need to replace the encoding with a ",".
-   */return parsedUrl.toString().replace(fillParamRegex,'$1=$2,$3$4');};/**
+   */
+  return parsedUrl.toString().replace(fillParamRegex, '$1=$2,$3$4');
+};
+
+/**
  * Returns the actual url to the image, by adding url parameters with the dimensions for img-cdn
  * @param {string} src Source to the image.
  * @param {Object} dimension Dimension of the requested image.
  * @param {number} dimension.width Width in pixels.
  * @param {number} dimension.height Height in pixels.
  * @returns {string}
- */export var getFullImageSource=function getFullImageSource(src){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},width=_ref.width,height=_ref.height;if(src&&src.includes('images.shopgate.services')){var _getProductImageSetti2=getProductImageSettings(),fillColor=_getProductImageSetti2.fillColor,quality=_getProductImageSetti2.quality;var format=getImageFormat();return buildUrl(src,{format:format,width:width,height:height,quality:quality,fill:fillColor.replace('#','')});}if(src&&src.startsWith('https://img-cdn.shopgate.com')&&!src.includes('?')){return buildUrl(src,{w:width,h:height,q:70,zd:'resize',fillc:'FFFFFF'});}// Check if an extension registered an external image url handler within the config collection.
-var createUrlFn=configuration.get(CONFIGURATION_COLLECTION_CREATE_EXTERNAL_IMAGE_URL);if(typeof createUrlFn==='function'){var _getProductImageSetti4=getProductImageSettings(),_fillColor=_getProductImageSetti4.fillColor,_quality=_getProductImageSetti4.quality;var _format=getImageFormat();// Invoke the handler with all relevant parameters.
-var externalUrl=createUrlFn(src,{width:width,height:height,fillColor:_fillColor,quality:_quality,format:_format});if(!!externalUrl&&typeof externalUrl==='string'){return externalUrl;}}return src;};
+ */
+export const getFullImageSource = (src, {
+  width,
+  height
+} = {}) => {
+  if (src && src.includes('images.shopgate.services')) {
+    const {
+      fillColor,
+      quality
+    } = getProductImageSettings();
+    const format = getImageFormat();
+    return buildUrl(src, {
+      format,
+      width,
+      height,
+      quality,
+      fill: fillColor.replace('#', '')
+    });
+  }
+  if (src && src.startsWith('https://img-cdn.shopgate.com') && !src.includes('?')) {
+    return buildUrl(src, {
+      w: width,
+      h: height,
+      q: 70,
+      zd: 'resize',
+      fillc: 'FFFFFF'
+    });
+  }
+
+  // Check if an extension registered an external image url handler within the config collection.
+  const createUrlFn = configuration.get(CONFIGURATION_COLLECTION_CREATE_EXTERNAL_IMAGE_URL);
+  if (typeof createUrlFn === 'function') {
+    const {
+      fillColor,
+      quality
+    } = getProductImageSettings();
+    const format = getImageFormat();
+
+    // Invoke the handler with all relevant parameters.
+    const externalUrl = createUrlFn(src, {
+      width,
+      height,
+      fillColor,
+      quality,
+      format
+    });
+    if (!!externalUrl && typeof externalUrl === 'string') {
+      return externalUrl;
+    }
+  }
+  return src;
+};

package/core/helpers/getImageFormat.js

@@ -1,4 +1,11 @@
-import{isAndroidOs,isIOs}from'@shopgate/pwa-core';import detector from'detector';/**
+import { isAndroidOs, isIOs } from '@shopgate/pwa-core';
+import detector from 'detector';
+
+/**
  * Gets the image format, which should be used
  * @returns {string} webp OR jpeg
- */export var getImageFormat=function getImageFormat(){var format=isAndroidOs||isIOs&&detector.os.version>=14?'webp':'jpeg';return format;};
+ */
+export const getImageFormat = () => {
+  const format = isAndroidOs || isIOs && detector.os.version >= 14 ? 'webp' : 'jpeg';
+  return format;
+};

package/core/helpers/googleMaps.js

@@ -1,8 +1,15 @@
-var BASE_URL='https://www.google.com/maps';/**
+const BASE_URL = 'https://www.google.com/maps';
+
+/**
  * Generates a universal link to google maps that shows the direction to given address.
  * @param {Object} address The address object.
  * @param {string} address.street Street name and number
  * @param {string} address.city City name
  * @param {string} address.postalCode Postal code.
  * @returns {string}
- */export var generateGoogleMapsDirectionsUrl=function generateGoogleMapsDirectionsUrl(){var address=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var mapDestination=encodeURIComponent("".concat(address.street,", ").concat(address.city," ").concat(address.postalCode));var url="".concat(BASE_URL,"/dir/?api=1&destination=").concat(mapDestination);return url;};
+ */
+export const generateGoogleMapsDirectionsUrl = (address = {}) => {
+  const mapDestination = encodeURIComponent(`${address.street}, ${address.city} ${address.postalCode}`);
+  const url = `${BASE_URL}/dir/?api=1&destination=${mapDestination}`;
+  return url;
+};