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

package/core/helpers/i18n.js

@@ -1,4 +1,8 @@
-import get from'lodash/get';import{getTranslator,getPriceFormatter,getDateFormatter,getTimeFormatter,getNumberFormatter}from'@shopgate/pwa-common/helpers/i18n';import{logger}from'@shopgate/pwa-core/helpers';/**
+import get from 'lodash/get';
+import { getTranslator, getPriceFormatter, getDateFormatter, getTimeFormatter, getNumberFormatter } from '@shopgate/pwa-common/helpers/i18n';
+import { logger } from '@shopgate/pwa-core/helpers';
+
+/**
  * @typedef {Object} I18nHelpers
  * @property {Function} init - Inits locales.
  * @property {Function} text - Text translator.
@@ -10,16 +14,75 @@ import get from'lodash/get';import{getTranslator,getPriceFormatter,getDateFormat
  * @property {Function} getSupplementalData - Get Supplemental Data
  * @property {Function} getPath - Get locale data by path
  * @property {Function} getLang - Get locale lang code, eg de-DE
- */ /**
+ */
+
+/**
  * I18n helpers.
  * @returns {I18nHelpers}
- */var I18n=function I18n(){var didInit=false;/**
+ */
+const I18n = () => {
+  let didInit = false;
+  /**
    * Function that throws when called. Used in a default instance of i18n to notify developer
    * when the module is used without initialization.
-   */var notReadyCb=function notReadyCb(){logger.error('i18n is not yet ready. Please postpone translations until App is bootstrapped.');};return{init:function init(_ref){var _this=this;var locales=_ref.locales,lang=_ref.lang,_ref$currencyLocale=_ref.currencyLocale,currencyLocale=_ref$currencyLocale===void 0?null:_ref$currencyLocale;if(didInit){logger.warn('Looks like i18n locales are already initialized. Changing locales now may lead to inconsistent translations.');}didInit=true;this.text=getTranslator(locales,lang);this.textWithDefault=function(key,defaultText){var text=_this.text(key);return text===key?defaultText:text;};this.price=getPriceFormatter(currencyLocale||lang);this.date=getDateFormatter(lang);this.time=getTimeFormatter(lang);this.number=getNumberFormatter(lang);this.getSupplementalData=function(){return locales.supplementalData||{};};this.getPath=function(path){return get(locales,path);};this.getLang=function(){return lang;};// If component decides to act accordingly this information should be exposed.
-this.ready=true;},text:notReadyCb,textWithDefault:notReadyCb,price:notReadyCb,date:notReadyCb,time:notReadyCb,number:notReadyCb,getSupplementalData:notReadyCb,getPath:notReadyCb,getLang:notReadyCb,ready:false};};/**
+   */
+  const notReadyCb = () => {
+    logger.error('i18n is not yet ready. Please postpone translations until App is bootstrapped.');
+  };
+  return {
+    init({
+      locales,
+      lang,
+      currencyLocale = null
+    }) {
+      if (didInit) {
+        logger.warn('Looks like i18n locales are already initialized. Changing locales now may lead to inconsistent translations.');
+      }
+      didInit = true;
+      this.text = getTranslator(locales, lang);
+      this.textWithDefault = (key, defaultText) => {
+        const text = this.text(key);
+        return text === key ? defaultText : text;
+      };
+      this.price = getPriceFormatter(currencyLocale || lang);
+      this.date = getDateFormatter(lang);
+      this.time = getTimeFormatter(lang);
+      this.number = getNumberFormatter(lang);
+      this.getSupplementalData = () => locales.supplementalData || {};
+      this.getPath = path => get(locales, path);
+      this.getLang = () => lang;
+      // If component decides to act accordingly this information should be exposed.
+      this.ready = true;
+    },
+    text: notReadyCb,
+    textWithDefault: notReadyCb,
+    price: notReadyCb,
+    date: notReadyCb,
+    time: notReadyCb,
+    number: notReadyCb,
+    getSupplementalData: notReadyCb,
+    getPath: notReadyCb,
+    getLang: notReadyCb,
+    ready: false
+  };
+};
+
+/**
  * @type {I18nHelpers}
- */export var i18n=I18n();/**
+ */
+export const i18n = I18n();
+
+/**
  * Return order of week days, based on firstDay of week locale settings
  * @returns {string[]}
- */export var getWeekDaysOrder=function getWeekDaysOrder(){var _i18n$getSupplemental=i18n.getSupplementalData(),_i18n$getSupplemental2=_i18n$getSupplemental.weekData,_i18n$getSupplemental3=_i18n$getSupplemental2===void 0?{}:_i18n$getSupplemental2,_i18n$getSupplemental4=_i18n$getSupplemental3.firstDay,firstDay=_i18n$getSupplemental4===void 0?'sun':_i18n$getSupplemental4;var days=['sun','mon','tue','wed','thu','fri','sat'];var dayIndex=days.findIndex(function(d){return d===firstDay;});return days.slice(dayIndex).concat(days.slice(0,dayIndex));};
+ */
+export const getWeekDaysOrder = () => {
+  const {
+    weekData: {
+      firstDay = 'sun'
+    } = {}
+  } = i18n.getSupplementalData();
+  const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
+  const dayIndex = days.findIndex(d => d === firstDay);
+  return days.slice(dayIndex).concat(days.slice(0, dayIndex));
+};

package/core/helpers/index.js

@@ -1,7 +1,56 @@
-/** @module core */import{getCurrentRoute as getCurrentRouteHelper,router,history,parseQueryStringToObject,parseObjectToQueryString}from'@shopgate/pwa-common/helpers/router';export*from"./environment";export*from"./appFeatures";export*from"./appPermissions";export*from"./baseUrl";export*from"./bridge";export{isBeta}from"../config/isBeta";export{getFullImageSource}from"./getFullImageSource";export{getImageFormat}from"./getImageFormat";export{svgToDataUrl}from"./svgToDataUrl";export{i18n,getWeekDaysOrder}from"./i18n";export{updateLegacyNavigationBar}from"./updateLegacyNavigationBar";export{updateAndroidNavigationBarColor}from"./androidNavigationBar";export{default as nl2br}from"./nl2br";export*from"./string";export{isIOSTheme}from"./isIOSTheme";export{isTouchDevice}from"./isTouchDevice";export{generateGoogleMapsDirectionsUrl}from"./googleMaps";export{useScrollContainer}from"./scrollContainer";export{getDeviceTypeForCms}from"./deviceType";export*from"./featureFlag";// --------------- CORE --------------- //
-export{logger,ajaxUrl,hasSGJavaScriptBridge,useBrowserConnector,hasWebBridgeCore,logDeprecationMessage}from'@shopgate/pwa-core/helpers';export{default as logGroup}from'@shopgate/pwa-core/helpers/logGroup';export*from'@shopgate/pwa-core/helpers/version';export*from'@shopgate/pwa-common/helpers/data';export*from'@shopgate/pwa-common/helpers/date';export*from'@shopgate/pwa-common/helpers/dom';export{env,isDev,isProd,isRemote,isStaging,isWindows}from'@shopgate/pwa-common/helpers/environment';export{default as decodeHTML}from'@shopgate/pwa-common/helpers/html/decodeHTML';export*from'@shopgate/pwa-common/helpers/html/handleDOM';export{default as parseHTML}from'@shopgate/pwa-common/helpers/html/parseHTML';export{default as getTranslator}from'@shopgate/pwa-common/helpers/i18n/getTranslator';export{default as getPriceFormatter}from'@shopgate/pwa-common/helpers/i18n/getPriceFormatter';export{default as getDateFormatter}from'@shopgate/pwa-common/helpers/i18n/getDateFormatter';export{default as getTimeFormatter}from'@shopgate/pwa-common/helpers/i18n/getTimeFormatter';export{default as getNumberFormatter}from'@shopgate/pwa-common/helpers/i18n/getNumberFormatter';export*from'@shopgate/pwa-common/helpers/legacy';// TODO: Can only be exported once the theme uses it. causes issues with the custom routes feature.
+/** @module core */
+import { getCurrentRoute as getCurrentRouteHelper, router, history, parseQueryStringToObject, parseObjectToQueryString } from '@shopgate/pwa-common/helpers/router';
+export * from "./environment";
+export * from "./appFeatures";
+export * from "./appPermissions";
+export * from "./baseUrl";
+export * from "./bridge";
+export { isBeta } from "../config/isBeta";
+export { getFullImageSource } from "./getFullImageSource";
+export { getImageFormat } from "./getImageFormat";
+export { svgToDataUrl } from "./svgToDataUrl";
+export { i18n, getWeekDaysOrder } from "./i18n";
+export { updateLegacyNavigationBar } from "./updateLegacyNavigationBar";
+export { updateAndroidNavigationBarColor } from "./androidNavigationBar";
+export { default as nl2br } from "./nl2br";
+export * from "./string";
+export { isIOSTheme } from "./isIOSTheme";
+export { isTouchDevice } from "./isTouchDevice";
+export { generateGoogleMapsDirectionsUrl } from "./googleMaps";
+export { useScrollContainer } from "./scrollContainer";
+export { getDeviceTypeForCms } from "./deviceType";
+export * from "./featureFlag";
+
+// --------------- CORE --------------- //
+
+export { logger, ajaxUrl, hasSGJavaScriptBridge, useBrowserConnector, hasWebBridgeCore, logDeprecationMessage } from '@shopgate/pwa-core/helpers';
+export { default as logGroup } from '@shopgate/pwa-core/helpers/logGroup';
+export * from '@shopgate/pwa-core/helpers/version';
+export * from '@shopgate/pwa-common/helpers/data';
+export * from '@shopgate/pwa-common/helpers/date';
+export * from '@shopgate/pwa-common/helpers/dom';
+export { env, isDev, isProd, isRemote, isStaging, isWindows } from '@shopgate/pwa-common/helpers/environment';
+export { default as decodeHTML } from '@shopgate/pwa-common/helpers/html/decodeHTML';
+export * from '@shopgate/pwa-common/helpers/html/handleDOM';
+export { default as parseHTML } from '@shopgate/pwa-common/helpers/html/parseHTML';
+export { default as getTranslator } from '@shopgate/pwa-common/helpers/i18n/getTranslator';
+export { default as getPriceFormatter } from '@shopgate/pwa-common/helpers/i18n/getPriceFormatter';
+export { default as getDateFormatter } from '@shopgate/pwa-common/helpers/i18n/getDateFormatter';
+export { default as getTimeFormatter } from '@shopgate/pwa-common/helpers/i18n/getTimeFormatter';
+export { default as getNumberFormatter } from '@shopgate/pwa-common/helpers/i18n/getNumberFormatter';
+export * from '@shopgate/pwa-common/helpers/legacy';
+// TODO: Can only be exported once the theme uses it. causes issues with the custom routes feature.
 /*
 export { default as portalCollection } from '@shopgate/pwa-common/helpers/portals/portalCollection';
 export { default as routePortals } from '@shopgate/pwa-common/helpers/portals/routePortals';
-*/export*from'@shopgate/pwa-common/helpers/redux';export*from'@shopgate/pwa-common/helpers/style';export*from'@shopgate/pwa-common/helpers/tracking';export*from'@shopgate/pwa-common/helpers/validation';export{default as errorBehavior}from"./errorBehavior";// --------------- ROUTER --------------- //
-export{getCurrentRouteHelper,router,history,parseQueryStringToObject,parseObjectToQueryString};export{push,pop,replace,reset}from"../router/helpers";
+*/
+export * from '@shopgate/pwa-common/helpers/redux';
+export * from '@shopgate/pwa-common/helpers/style';
+export * from '@shopgate/pwa-common/helpers/tracking';
+export * from '@shopgate/pwa-common/helpers/validation';
+export { default as errorBehavior } from "./errorBehavior";
+
+// --------------- ROUTER --------------- //
+
+export { getCurrentRouteHelper, router, history, parseQueryStringToObject, parseObjectToQueryString };
+export { push, pop, replace, reset } from "../router/helpers";

package/core/helpers/isIOSTheme.js

@@ -1,4 +1,10 @@
 /**
  * Checks if current theme is an iOS theme.
  * @returns {boolean}
- */export function isIOSTheme(){if(!process.env.THEME){return false;}return process.env.THEME.includes('ios');}
+ */
+export function isIOSTheme() {
+  if (!process.env.THEME) {
+    return false;
+  }
+  return process.env.THEME.includes('ios');
+}

package/core/helpers/isTouchDevice.js

@@ -1,4 +1,12 @@
 /**
  * Checks if the device is a touch device.
  * @returns {boolean}
- */export var isTouchDevice=function isTouchDevice(){try{document.createEvent('TouchEvent');return true;}catch(e){return false;}};
+ */
+export const isTouchDevice = () => {
+  try {
+    document.createEvent('TouchEvent');
+    return true;
+  } catch (e) {
+    return false;
+  }
+};

package/core/helpers/nl2br.js

@@ -1 +1,5 @@
-export default(function(str){var isXhtml=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var breakTag=isXhtml?'<br />':'<br>';return String(str).replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g,"$1".concat(breakTag,"$2"));});
+import "core-js/modules/es.string.replace.js";
+export default (str, isXhtml = false) => {
+  const breakTag = isXhtml ? '<br />' : '<br>';
+  return String(str).replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, `$1${breakTag}$2`);
+};

package/core/helpers/scrollContainer.js

@@ -1,4 +1,8 @@
-import{IS_PAGE_PREVIEW_ACTIVE}from'@shopgate/engage/page/constants';import{hasWebBridge}from"./bridge";/**
+import { IS_PAGE_PREVIEW_ACTIVE } from '@shopgate/engage/page/constants';
+import { hasWebBridge } from "./bridge";
+
+/**
  * Checks whether the app shall use a scroll container
  * @returns {boolean}
- */export var useScrollContainer=function useScrollContainer(){return IS_PAGE_PREVIEW_ACTIVE||!hasWebBridge();};
+ */
+export const useScrollContainer = () => IS_PAGE_PREVIEW_ACTIVE || !hasWebBridge();

package/core/helpers/string.js

@@ -2,8 +2,12 @@
  * Takes a string and transforms the string into upper case.
  * @param {string} text The string to modify.
  * @returns {string}
- */export var toUpperCase=function toUpperCase(text){return text.toUpperCase();};/**
+ */
+export const toUpperCase = text => text.toUpperCase();
+
+/**
  * Takes a string and transforms the string into lower case.
  * @param {string} text The string to modify.
  * @returns {string}
- */export var toLowerCase=function toLowerCase(text){return text.toLowerCase();};
+ */
+export const toLowerCase = text => text.toLowerCase();

package/core/helpers/svgToDataUrl.js

@@ -3,7 +3,21 @@
  * @param {string} svg the SVG which should be converted
  * @param {string} [fallbackSVG] the fallback SVG in case the first isn't available
  * @returns {string|null} data URL
- */export var svgToDataUrl=function svgToDataUrl(svg,fallbackSVG){if(!svg){return fallbackSVG||null;}try{// encode svg string to UTF-8 byte array to handle non-Latin1 characters
-// (e.g. Unicode characters like emojis)
-var utf8Encoder=new TextEncoder();var svgBytes=utf8Encoder.encode(svg);// Convert the byte array to a Base64 string
-var base64Svg=btoa(String.fromCharCode.apply(null,svgBytes));return"data:image/svg+xml;base64,".concat(base64Svg);}catch(e){return fallbackSVG||null;}};
+ */
+export const svgToDataUrl = (svg, fallbackSVG) => {
+  if (!svg) {
+    return fallbackSVG || null;
+  }
+  try {
+    // encode svg string to UTF-8 byte array to handle non-Latin1 characters
+    // (e.g. Unicode characters like emojis)
+    const utf8Encoder = new TextEncoder();
+    const svgBytes = utf8Encoder.encode(svg);
+
+    // Convert the byte array to a Base64 string
+    const base64Svg = btoa(String.fromCharCode.apply(null, svgBytes));
+    return `data:image/svg+xml;base64,${base64Svg}`;
+  } catch (e) {
+    return fallbackSVG || null;
+  }
+};

package/core/helpers/updateLegacyNavigationBar.js

@@ -1,7 +1,80 @@
-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 Color from'color';import{isAvailable,StatusBar}from'@shopgate/native-modules';import{broadcastEvent}from'@shopgate/engage/core/commands';import{isDev}from'@shopgate/engage/core/helpers';import{UIEvents}from'@shopgate/engage/core/events';/**
+import Color from 'color';
+import { isAvailable, StatusBar } from '@shopgate/native-modules';
+import { broadcastEvent } from '@shopgate/engage/core/commands';
+import { isDev } from '@shopgate/engage/core/helpers';
+import { UIEvents } from '@shopgate/engage/core/events';
+/**
  * Updates the styles of the navigation bar of iOS devices.
  * @param {Object} options Options for the status bar.
- */export var updateLegacyNavigationBar=function updateLegacyNavigationBar(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var targetTab=options.targetTab||'main';var isDefault=options.isDefault;var styles=_extends({},options.color&&{color:options.color},{},options.background&&{background:options.background},{},options.buttonColor&&{buttonColor:options.buttonColor},{},options.buttonColorDisabled&&{buttonColorDisabled:options.buttonColorDisabled},{},options.statusBarBackground&&{statusBarBackground:options.statusBarBackground});if(!styles.statusBarBackground&&styles.background){styles.statusBarBackground=styles.background;}var statusBarStyle;if(options.statusBarStyle){statusBarStyle=options.statusBarStyle;}else if(styles.statusBarBackground){if(styles.statusBarBackground==='transparent'){statusBarStyle='none';}else{statusBarStyle=Color(styles.statusBarBackground).isDark()?'light':'dark';}}// Status bar update via native-modules deactivated for now since it doesn't work
-// reliable when opening a page inside the In-App-Browser.
-if(false&&isAvailable()){var style=statusBarStyle==='dark'?'dark-content':'light-content';StatusBar.setBarStyle({style:style});if(styles.statusBarBackground){StatusBar.setBackgroundColor({color:styles.statusBarBackground});}return;}var payload=_extends({},statusBarStyle&&{statusBarStyle:statusBarStyle},{},isDefault&&{isDefault:isDefault},{targetTab:targetTab,styles:styles});broadcastEvent({event:'updateNavigationBarStyle',parameters:[payload]});if(isDev){// Dispatch the payload in dev as regular event, so that simulated top inset can adopt the color
-UIEvents.emit('devInternalUpdateStatusBarStyle',payload);}};
+ */
+export const updateLegacyNavigationBar = (options = {}) => {
+  const targetTab = options.targetTab || 'main';
+  const {
+    isDefault
+  } = options;
+  const styles = {
+    ...(options.color && {
+      color: options.color
+    }),
+    ...(options.background && {
+      background: options.background
+    }),
+    ...(options.buttonColor && {
+      buttonColor: options.buttonColor
+    }),
+    ...(options.buttonColorDisabled && {
+      buttonColorDisabled: options.buttonColorDisabled
+    }),
+    ...(options.statusBarBackground && {
+      statusBarBackground: options.statusBarBackground
+    })
+  };
+  if (!styles.statusBarBackground && styles.background) {
+    styles.statusBarBackground = styles.background;
+  }
+  let statusBarStyle;
+  if (options.statusBarStyle) {
+    ({
+      statusBarStyle
+    } = options);
+  } else if (styles.statusBarBackground) {
+    if (styles.statusBarBackground === 'transparent') {
+      statusBarStyle = 'none';
+    } else {
+      statusBarStyle = Color(styles.statusBarBackground).isDark() ? 'light' : 'dark';
+    }
+  }
+
+  // Status bar update via native-modules deactivated for now since it doesn't work
+  // reliable when opening a page inside the In-App-Browser.
+  if (false && isAvailable()) {
+    const style = statusBarStyle === 'dark' ? 'dark-content' : 'light-content';
+    StatusBar.setBarStyle({
+      style
+    });
+    if (styles.statusBarBackground) {
+      StatusBar.setBackgroundColor({
+        color: styles.statusBarBackground
+      });
+    }
+    return;
+  }
+  const payload = {
+    ...(statusBarStyle && {
+      statusBarStyle
+    }),
+    ...(isDefault && {
+      isDefault
+    }),
+    targetTab,
+    styles
+  };
+  broadcastEvent({
+    event: 'updateNavigationBarStyle',
+    parameters: [payload]
+  });
+  if (isDev) {
+    // Dispatch the payload in dev as regular event, so that simulated top inset can adopt the color
+    UIEvents.emit('devInternalUpdateStatusBarStyle', payload);
+  }
+};

package/core/hocs/index.js

@@ -1 +1,10 @@
-export{default as withShowModal}from'@shopgate/pwa-common/helpers/modal/withShowModal';export{withTheme}from"./withTheme";export{withRoute}from"./withRoute";export{withCurrentProduct}from"./withCurrentProduct";export{withForwardedRef}from"./withForwardedRef";export{withNavigation}from"./withNavigation";export{withWidgetSettings}from"./withWidgetSettings";export{withWidgetStyles}from"./withWidgetStyles";export{withApp}from"./withApp";export{withThemeResources,withThemeComponents,withThemeWidgets}from"./withThemeResources";
+export { default as withShowModal } from '@shopgate/pwa-common/helpers/modal/withShowModal';
+export { withTheme } from "./withTheme";
+export { withRoute } from "./withRoute";
+export { withCurrentProduct } from "./withCurrentProduct";
+export { withForwardedRef } from "./withForwardedRef";
+export { withNavigation } from "./withNavigation";
+export { withWidgetSettings } from "./withWidgetSettings";
+export { withWidgetStyles } from "./withWidgetStyles";
+export { withApp } from "./withApp";
+export { withThemeResources, withThemeComponents, withThemeWidgets } from "./withThemeResources";

package/core/hocs/withApp.js

@@ -1,9 +1,22 @@
-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 React from'react';import AppContext from"../contexts/AppContext";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import AppContext from "../contexts/AppContext";
+
+/**
  * Injects the AppContext properties into the desired component within a prop named "app".
  * @param {Function} WrappedComponent The react component to wrap.
  * @returns {JSX}
- */export function withApp(WrappedComponent){/**
+ */
+export function withApp(WrappedComponent) {
+  /**
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithApp=function WithApp(props){return React.createElement(AppContext.Consumer,null,function(appContext){return React.createElement(WrappedComponent,_extends({app:appContext},props));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithApp.displayName="WithApp(".concat(displayName,")");return WithApp;}
+   */
+  const WithApp = props => /*#__PURE__*/React.createElement(AppContext.Consumer, null, appContext => /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+    app: appContext
+  }, props)));
+  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithApp.displayName = `WithApp(${displayName})`;
+  return WithApp;
+}

package/core/hocs/withCurrentProduct.js

@@ -1,16 +1,47 @@
-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 React,{useContext}from'react';import{ThemeContext}from'@shopgate/pwa-common/context';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext } from 'react';
+import { ThemeContext } from '@shopgate/pwa-common/context';
+
+/**
  * Gets the context props for the wrapped component.
  * @param {Object} context The context.
  * @param {string|null} prop The optional prop name.
  * @returns {Object}
- */var getInjectedProps=function getInjectedProps(context,prop){if(!prop){return context;}return _defineProperty({},prop,_extends({},context));};/**
+ */
+const getInjectedProps = (context, prop) => {
+  if (!prop) {
+    return context;
+  }
+  return {
+    [prop]: {
+      ...context
+    }
+  };
+};
+
+/**
  * Injects the current Product Context information into the desired component.
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options] A optional prop name to inject the current product properties.
  * @param {string} [options.prop] An optional prop name to inject the current product properties.
  * @returns {JSX}
- */export function withCurrentProduct(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+ */
+export function withCurrentProduct(WrappedComponent, options = {}) {
+  /**
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */function WithCurrentProduct(props){var _useContext=useContext(ThemeContext),ProductContext=_useContext.contexts.ProductContext;var productProps=useContext(ProductContext);return React.createElement(WrappedComponent,_extends({},getInjectedProps(productProps,options.prop),props));}var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithCurrentProduct.displayName="WithCurrentProduct(".concat(displayName,")");return WithCurrentProduct;}
+   */
+  function WithCurrentProduct(props) {
+    const {
+      contexts: {
+        ProductContext
+      }
+    } = useContext(ThemeContext);
+    const productProps = useContext(ProductContext);
+    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, getInjectedProps(productProps, options.prop), props));
+  }
+  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithCurrentProduct.displayName = `WithCurrentProduct(${displayName})`;
+  return WithCurrentProduct;
+}

package/core/hocs/withForwardedRef.js

@@ -1,13 +1,28 @@
-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 _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 React,{forwardRef}from'react';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+
+/**
  * Provides a wrapper for components that utilize forwarded refs. It accepts a ref via props,
  * and passes it down as a prop called forwardedRef.
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options={}] Options for the HOC.
  * @param {string} [options.prop='forwardedRef'] The prop for the forwarded ref.
  * @returns {JSX}
- */export function withForwardedRef(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+ */
+export function withForwardedRef(WrappedComponent, options = {}) {
+  /**
    * The actual HOC.
    * @param {Object} props The component props.
    * @param {Object} ref The forwarded ref.
    * @returns {JSX}
-   */var WithForwardedRef=function WithForwardedRef(props,ref){var injected=_defineProperty({},options.prop||'forwardedRef',ref);return React.createElement(WrappedComponent,_extends({},props,injected));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithForwardedRef.displayName="WithForwardedRef(".concat(displayName,")");return forwardRef(WithForwardedRef);}
+   */
+  const WithForwardedRef = (props, ref) => {
+    const injected = {
+      [options.prop || 'forwardedRef']: ref
+    };
+    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, injected));
+  };
+  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithForwardedRef.displayName = `WithForwardedRef(${displayName})`;
+  return /*#__PURE__*/forwardRef(WithForwardedRef);
+}

package/core/hocs/withNavigation.js

@@ -1,15 +1,45 @@
-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 React from'react';import{push,pop,replace,reset,update}from"../router/helpers";/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { push, pop, replace, reset, update } from "../router/helpers";
+
+/**
  * Gets the navigation props for the wrapped component.
  * @param {string|null} prop The optional prop name.
  * @returns {Object}
- */var getInjectedProps=function getInjectedProps(prop){var injected={historyPush:push,historyPop:pop,historyReplace:replace,historyReset:reset,historyUpdate:update};if(!prop){return injected;}return _defineProperty({},prop,_extends({},injected));};/**
+ */
+const getInjectedProps = prop => {
+  const injected = {
+    historyPush: push,
+    historyPop: pop,
+    historyReplace: replace,
+    historyReset: reset,
+    historyUpdate: update
+  };
+  if (!prop) {
+    return injected;
+  }
+  return {
+    [prop]: {
+      ...injected
+    }
+  };
+};
+
+/**
  * Injects navigation functions into the desired component.
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options] A optional prop name to inject the navigation properties.
  * @param {string} [options.prop] An optional prop name to inject the navigation properties.
  * @returns {JSX}
- */export function withNavigation(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+ */
+export function withNavigation(WrappedComponent, options = {}) {
+  /**
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithNavigation=function WithNavigation(props){return React.createElement(WrappedComponent,_extends({},getInjectedProps(options.prop),props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithNavigation.displayName="WithNavigation(".concat(displayName,")");return WithNavigation;}
+   */
+  const WithNavigation = props => /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, getInjectedProps(options.prop), props));
+  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithNavigation.displayName = `WithNavigation(${displayName})`;
+  return WithNavigation;
+}

package/core/hocs/withRoute.js

@@ -1,16 +1,39 @@
-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 React from'react';import{RouteContext}from'@shopgate/pwa-common/context';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RouteContext } from '@shopgate/pwa-common/context';
+
+/**
  * Gets the context props for the wrapped component.
  * @param {Object} context The context.
  * @param {string|null} prop The optional prop name.
  * @returns {Object}
- */var getInjectedProps=function getInjectedProps(context,prop){if(!prop){return context;}return _defineProperty({},prop,_extends({},context));};/**
+ */
+const getInjectedProps = (context, prop) => {
+  if (!prop) {
+    return context;
+  }
+  return {
+    [prop]: {
+      ...context
+    }
+  };
+};
+
+/**
  * Injects the route properties into the desired component.
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options={}] Options for the HOC.
  * @param {string} [options.prop] An optional prop name to inject the route properties.
  * @returns {JSX}
- */export function withRoute(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+ */
+export function withRoute(WrappedComponent, options = {}) {
+  /**
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithRoute=function WithRoute(props){return React.createElement(RouteContext.Consumer,null,function(routeContext){return React.createElement(WrappedComponent,_extends({},getInjectedProps(routeContext,options.prop),props));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithRoute.displayName="WithRoute(".concat(displayName,")");return WithRoute;}
+   */
+  const WithRoute = props => /*#__PURE__*/React.createElement(RouteContext.Consumer, null, routeContext => /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, getInjectedProps(routeContext, options.prop), props)));
+  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithRoute.displayName = `WithRoute(${displayName})`;
+  return WithRoute;
+}

package/core/hocs/withTheme.js

@@ -1,9 +1,25 @@
-var _excluded=["contexts"];function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}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 React from'react';import{ThemeContext}from'@shopgate/pwa-common/context';/**
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ThemeContext } from '@shopgate/pwa-common/context';
+
+/**
  * Gets the context props for the wrapped component.
  * @param {Object} context The context.
  * @param {string|null} prop The optional prop name.
  * @returns {Object}
- */var getInjectedProps=function getInjectedProps(context,prop){if(!prop){return context;}return _defineProperty({},prop,_extends({},context));};/**
+ */
+const getInjectedProps = (context, prop) => {
+  if (!prop) {
+    return context;
+  }
+  return {
+    [prop]: {
+      ...context
+    }
+  };
+};
+
+/**
  * Injects the theme API into the desired component. This does not include the contexts.
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options={}] Options for the HOC.
@@ -48,9 +64,21 @@ var _excluded=["contexts"];function _objectWithoutProperties(source,excluded){if
  * import { ProductContext } from '@shopgate/engage/product/contexts';
  * ```
  * @returns {JSX.Element}
- */export function withTheme(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+ */
+export function withTheme(WrappedComponent, options = {}) {
+  /**
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX.Element}
-   */var WithTheme=function WithTheme(props){return React.createElement(ThemeContext.Consumer,null,function(_ref2){var contexts=_ref2.contexts,themeContext=_objectWithoutProperties(_ref2,_excluded);return(// The contexts are left out in favor of other HOCs.
-React.createElement(WrappedComponent,_extends({},getInjectedProps(themeContext,options.prop),props)));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithTheme.displayName="WithTheme(".concat(displayName,")");return WithTheme;}
+   */
+  const WithTheme = props => /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, ({
+    contexts,
+    ...themeContext
+  }) =>
+  /*#__PURE__*/
+  // The contexts are left out in favor of other HOCs.
+  React.createElement(WrappedComponent, _extends({}, getInjectedProps(themeContext, options.prop), props)));
+  const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WithTheme.displayName = `WithTheme(${displayName})`;
+  return WithTheme;
+}