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

package/selectors/menu.js

@@ -1,21 +1,49 @@
-import{createSelector}from'reselect';/**
+import { createSelector } from 'reselect';
+
+/**
  * Selects the menu state from the store.
  * @param {Object} state The global state.
  * @return {Object}
- */export var getMenuState=function getMenuState(state){return state.menu;};/**
+ */
+export const getMenuState = state => state.menu;
+
+/**
  * @param {Object} state The global state.
  * @return {Object|null}
- */export var getMenus=createSelector(getMenuState,function(menuState){if(!menuState||!menuState.menusById){return null;}return menuState.menusById;});var defaultValue=[];/**
+ */
+export const getMenus = createSelector(getMenuState, menuState => {
+  if (!menuState || !menuState.menusById) {
+    return null;
+  }
+  return menuState.menusById;
+});
+const defaultValue = [];
+
+/**
  * Selects a menu by id.
  * @param {Object} state The global state.
  * @param {Object} props The menu props.
  * @return {Array}
- */export var getMenuById=createSelector(getMenus,function(state,_ref){var id=_ref.id;return id;},function(menus,id){if(!menus||!menus[id]||!menus[id].entries){return defaultValue;}return menus[id].entries;});/**
+ */
+export const getMenuById = createSelector(getMenus, (state, {
+  id
+}) => id, (menus, id) => {
+  if (!menus || !menus[id] || !menus[id].entries) {
+    return defaultValue;
+  }
+  return menus[id].entries;
+});
+
+/**
  * Creates a selector that retrieves a list of entries for a specified menu id.
  * @param {string} menuId The menu id.
  * @returns {Function}
- */export var makeGetMenu=function makeGetMenu(menuId){return createSelector(getMenus,function(menus){var _menus$menuId;return(menus===null||menus===void 0?void 0:(_menus$menuId=menus[menuId])===null||_menus$menuId===void 0?void 0:_menus$menuId.entries)||null;});};/**
+ */
+export const makeGetMenu = menuId => createSelector(getMenus, menus => menus?.[menuId]?.entries || null);
+
+/**
  * Creates a selector that determines if a menu is fetching.
  * @param {string} menuId The menu id.
  * @returns {Function}
- */export var makeGetIsFetchingMenu=function makeGetIsFetchingMenu(menuId){return createSelector(getMenus,function(menus){var _menus$menuId2;return(menus===null||menus===void 0?void 0:(_menus$menuId2=menus[menuId])===null||_menus$menuId2===void 0?void 0:_menus$menuId2.isFetching)||false;});};
+ */
+export const makeGetIsFetchingMenu = menuId => createSelector(getMenus, menus => menus?.[menuId]?.isFetching || false);

package/selectors/modal.js

@@ -1,11 +1,22 @@
-import{createSelector}from'reselect';/**
+import { createSelector } from 'reselect';
+
+/**
  * Returns modal state (state.modal)
  * @param {Object} state The application state.
  * @returns {Object}
- */export var getModalState=function getModalState(state){return state.modal||[];};/**
+ */
+export const getModalState = state => state.modal || [];
+
+/**
  * Returns the first modal of the current modal stack.
  * @return {Object|undefined}
- */export var getFirstModal=createSelector(getModalState,function(modals){return modals[0];});/**
+ */
+export const getFirstModal = createSelector(getModalState, modals => modals[0]);
+
+/**
  * Searches for a modal with a specific id in the current modal stack.
  * @return {Object|undefined}
- */export var getModalById=createSelector(getModalState,function(state,modalId){return modalId;},function(modals,modalId){return modals.find(function(_ref){var id=_ref.id;return id===modalId;});});
+ */
+export const getModalById = createSelector(getModalState, (state, modalId) => modalId, (modals, modalId) => modals.find(({
+  id
+}) => id === modalId));

package/selectors/page.js

@@ -1,13 +1,34 @@
-import{createSelector}from'reselect';/**
+import { createSelector } from 'reselect';
+
+/**
  * @param {Object} state The current application state.
  * @return {Object}
- */export var getPageState=function getPageState(state){return state.page;};/**
+ */
+export const getPageState = state => state.page;
+
+/**
  * @param {Object} state The current application state.
  * @param {Object} props The current component props.
  * @return {Array|null}
- */export var getPageConfigById=createSelector(getPageState,function(state,props){return props.pageId;},function(pageState,pageId){if(!pageState||!pageState[pageId]){return null;}return pageState[pageId];});/**
+ */
+export const getPageConfigById = createSelector(getPageState, (state, props) => props.pageId, (pageState, pageId) => {
+  if (!pageState || !pageState[pageId]) {
+    return null;
+  }
+  return pageState[pageId];
+});
+
+/**
  * Creates a selector that retrieves a page configuration by its ID.
  * @param {Object} params The selector parameters.
  * @param {string} params.pageId The ID of the page.
  * @returns {Function} A selector function that retrieves the page configuration.
- */export var makeGetPageConfigById=function makeGetPageConfigById(_ref){var pageId=_ref.pageId;return createSelector(getPageState,function(pageState){if(!pageState||!pageState[pageId]){return null;}return pageState[pageId];});};
+ */
+export const makeGetPageConfigById = ({
+  pageId
+}) => createSelector(getPageState, pageState => {
+  if (!pageState || !pageState[pageId]) {
+    return null;
+  }
+  return pageState[pageId];
+});

package/selectors/router.js

@@ -1,65 +1,189 @@
-import{createSelector}from'reselect';import{isObject}from"../helpers/validation";import authRoutes from"../collections/AuthRoutes";/**
+import { createSelector } from 'reselect';
+import { isObject } from "../helpers/validation";
+import authRoutes from "../collections/AuthRoutes";
+
+/**
  * @param {Object} state The application state.
  * @return {Object}
- */export var getRouterState=function getRouterState(state){return state.router;};/**
+ */
+export const getRouterState = state => state.router;
+
+/**
  * @param {Object} state The application state.
  * @return {Array}
- */export var getRouterStack=createSelector(getRouterState,function(state){return state&&state.stack?state.stack:[];});/**
+ */
+export const getRouterStack = createSelector(getRouterState, state => state && state.stack ? state.stack : []);
+
+/**
  * @param {Object} state The application state.
  * @returns {Object|null}
- */export var getCurrentRoute=createSelector(getRouterState,getRouterStack,function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.routeId;},function(router,stack,routeId){if(!router||!router.currentRoute){return null;}if(!routeId){return router.currentRoute;}return stack.find(function(entry){return entry.id===routeId;});});/**
+ */
+export const getCurrentRoute = createSelector(getRouterState, getRouterStack, (state, props = {}) => props.routeId, (router, stack, routeId) => {
+  if (!router || !router.currentRoute) {
+    return null;
+  }
+  if (!routeId) {
+    return router.currentRoute;
+  }
+  return stack.find(entry => entry.id === routeId);
+});
+
+/**
  * @param {Object} state The application state.
  * @returns {Object|null}
- */export var getCurrentParams=createSelector(getCurrentRoute,function(route){if(!route||!route.params){return null;}return route.params;});/**
+ */
+export const getCurrentParams = createSelector(getCurrentRoute, route => {
+  if (!route || !route.params) {
+    return null;
+  }
+  return route.params;
+});
+
+/**
  * @param {Object} state The application state.
  * @returns {string|null} The current history pathname.
- */export var getCurrentPathname=createSelector(getCurrentRoute,function(route){if(!route||!route.pathname){return null;}return route.pathname;});/**
+ */
+export const getCurrentPathname = createSelector(getCurrentRoute, route => {
+  if (!route || !route.pathname) {
+    return null;
+  }
+  return route.pathname;
+});
+
+/**
  * @param {Object} state The application state.
  * @returns {Object|null} The current history query.
- */export var getCurrentQuery=createSelector(getCurrentRoute,function(route){if(!route||!route.query){return null;}return route.query;});/**
+ */
+export const getCurrentQuery = createSelector(getCurrentRoute, route => {
+  if (!route || !route.query) {
+    return null;
+  }
+  return route.query;
+});
+
+/**
  * @param {Object} state The application state.
  * @returns {string|null} The current history search query.
- */export var getCurrentSearchQuery=createSelector(getCurrentQuery,function(query){if(!query||!query.s){return null;}return query.s;});/**
+ */
+export const getCurrentSearchQuery = createSelector(getCurrentQuery, query => {
+  if (!query || !query.s) {
+    return null;
+  }
+  return query.s;
+});
+
+/**
  * @param {Object} state The application state.
  * @returns {string|null} The current history entry state.
- */export var getCurrentState=createSelector(getCurrentRoute,function(route){if(!route||!route.state){return null;}return route.state;});/**
+ */
+export const getCurrentState = createSelector(getCurrentRoute, route => {
+  if (!route || !route.state) {
+    return null;
+  }
+  return route.state;
+});
+
+/**
  * Determines, if a router state entry is the last entry in the stack.
  * @param {string} id The id of the entry.
  * @returns {Function}
- */export function makeIsLastStackEntry(){return createSelector(function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.routeId;},getRouterStack,function(routeId,stack){var index=stack.findIndex(function(entry){return entry.id===routeId;});return index>=0&&index===stack.length-1;});}/**
+ */
+export function makeIsLastStackEntry() {
+  return createSelector((state, props = {}) => props.routeId, getRouterStack, (routeId, stack) => {
+    const index = stack.findIndex(entry => entry.id === routeId);
+    return index >= 0 && index === stack.length - 1;
+  });
+}
+
+/**
  * Get the previous route from stack.
  * @returns {Function}
- */export function makeGetPrevRoute(){return createSelector(function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.routeId;},getRouterStack,function(routeId,stack){var routeIndex=stack.findIndex(function(entry){return entry.id===routeId;});if(routeIndex<=0){return null;}return stack[routeIndex-1];});}/**
+ */
+export function makeGetPrevRoute() {
+  return createSelector((state, props = {}) => props.routeId, getRouterStack, (routeId, stack) => {
+    const routeIndex = stack.findIndex(entry => entry.id === routeId);
+    if (routeIndex <= 0) {
+      return null;
+    }
+    return stack[routeIndex - 1];
+  });
+}
+
+/**
  * Creates a selector that retrieves the pattern of the route.
  * @returns {Function}
- */export var makeGetRoutePattern=function makeGetRoutePattern(){return(/**
-   * Retrieves the route pattern.
-   * @param {Object} state The application state.
-   * @param {Object} props The component props.
-   * @returns {string|null} The pattern.
-   */createSelector(getCurrentRoute,function(route){if(!route||!route.pattern){return null;}return route.pattern;}));};/**
+ */
+export const makeGetRoutePattern = () =>
+/**
+ * Retrieves the route pattern.
+ * @param {Object} state The application state.
+ * @param {Object} props The component props.
+ * @returns {string|null} The pattern.
+ */
+createSelector(getCurrentRoute, route => {
+  if (!route || !route.pattern) {
+    return null;
+  }
+  return route.pattern;
+});
+
+/**
  * Creates a selector that retrieves the value of a specific parameter from the route.
  * @param {string} name The name of the desired parameter.
  * @returns {Function}
- */export var makeGetRouteParam=function makeGetRouteParam(){var name=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'';return(/**
-   * Retrieves a parameter from the route.
-   * @param {Object} state The application state.
-   * @param {Object} props The component props.
-   * @returns {string|null} The parameter value.
-   */createSelector(getCurrentParams,function(params){if(!isObject(params)){return null;}return params[name]||null;}));};/**
+ */
+export const makeGetRouteParam = (name = '') =>
+/**
+ * Retrieves a parameter from the route.
+ * @param {Object} state The application state.
+ * @param {Object} props The component props.
+ * @returns {string|null} The parameter value.
+ */
+createSelector(getCurrentParams, params => {
+  if (!isObject(params)) {
+    return null;
+  }
+  return params[name] || null;
+});
+
+/**
  * Creates a selector that retrieves the index of the current or a specific route when passed
  * within the props.
  * @returns {number|null}
- */export var getRouterStackIndex=createSelector(getRouterStack,getCurrentRoute,function(routerStack,currentRoute){if(!currentRoute){return null;}var currentId=currentRoute.id;var index=routerStack.findIndex(function(_ref){var id=_ref.id;return currentId===id;});return index>=0?index:null;});/**
+ */
+export const getRouterStackIndex = createSelector(getRouterStack, getCurrentRoute, (routerStack, currentRoute) => {
+  if (!currentRoute) {
+    return null;
+  }
+  const {
+    id: currentId
+  } = currentRoute;
+  const index = routerStack.findIndex(({
+    id
+  }) => currentId === id);
+  return index >= 0 ? index : null;
+});
+
+/**
  * Creates a selector that retrieves the index of the most next previous route with
  * the desired pattern within the stack
  * @param {string} pattern The desired route pattern
  * @returns {Function}
- */export var makeGetPrevRouteIndexByPattern=function makeGetPrevRouteIndexByPattern(pattern){return(/**
-   * @param {Object} state The application state.
-   * @param {Object} props The component props.
-   * @returns {Object} The route.
-   */createSelector(getRouterStack,getRouterStackIndex,function(routerStack,routerStackIndex){var sliced=routerStack.slice(0,routerStackIndex);var reversedIndex=sliced.reverse().findIndex(function(route){return route.pattern===pattern;});return reversedIndex===-1?reversedIndex:sliced.length-1-reversedIndex;}));};/**
+ */
+export const makeGetPrevRouteIndexByPattern = pattern =>
+/**
+ * @param {Object} state The application state.
+ * @param {Object} props The component props.
+ * @returns {Object} The route.
+ */
+createSelector(getRouterStack, getRouterStackIndex, (routerStack, routerStackIndex) => {
+  const sliced = routerStack.slice(0, routerStackIndex);
+  const reversedIndex = sliced.reverse().findIndex(route => route.pattern === pattern);
+  return reversedIndex === -1 ? reversedIndex : sliced.length - 1 - reversedIndex;
+});
+
+/**
  * Creates a selector to determine if the current active route is "protected" (needs login).
  * @returns {Function}
- */export var makeGetIsCurrentRouteProtected=function makeGetIsCurrentRouteProtected(){return createSelector(getCurrentPathname,function(pattern){return!!authRoutes.getProtector(pattern);});};
+ */
+export const makeGetIsCurrentRouteProtected = () => createSelector(getCurrentPathname, pattern => !!authRoutes.getProtector(pattern));

package/selectors/url.js

@@ -1,15 +1,36 @@
-import{createSelector}from'reselect';/**
+import { createSelector } from 'reselect';
+
+/**
  * Returns url state (state.url)
  * @param {Object} state The application state.
  * @returns {Object}
- */export var getUrlState=function getUrlState(state){return state.url;};/**
+ */
+export const getUrlState = state => state.url;
+
+/**
  * Returns the complete state entry for state.url[type]
  * @param {string} type The url type.
  * @param {Object} state The application state.
  * @returns {Object|undefined}
- */export var getEntryByType=createSelector(getUrlState,function(state,_ref){var type=_ref.type;return type;},function(urlState,type){if(!urlState||!urlState[type]){return null;}return urlState[type];});/**
+ */
+export const getEntryByType = createSelector(getUrlState, (state, {
+  type
+}) => type, (urlState, type) => {
+  if (!urlState || !urlState[type]) {
+    return null;
+  }
+  return urlState[type];
+});
+
+/**
  * Returns the url for the given url type.
  * @param {string} type The url type.
  * @param {Object} state The application state.
  * @returns {string|null}
- */export var getUrl=createSelector(getEntryByType,function(entry){if(!entry){return null;}return entry.url;});
+ */
+export const getUrl = createSelector(getEntryByType, entry => {
+  if (!entry) {
+    return null;
+  }
+  return entry.url;
+});

package/selectors/user.js

@@ -1,45 +1,122 @@
-import{createSelector}from'reselect';import{getUrl}from"./url";/**
+import { createSelector } from 'reselect';
+import { getUrl } from "./url";
+
+/**
  * @param {Object} state The current application state.
  * @return {Object}
- */export var getUserState=function getUserState(state){return state.user;};/**
+ */
+export const getUserState = state => state.user;
+
+/**
  * Gets user.login from the redux store.
  * @param {Object} state The application state.
  * @return {Object|null}
- */export var getLoginData=createSelector(getUserState,function(user){if(!user||!user.login){return null;}return user.login;});/**
+ */
+export const getLoginData = createSelector(getUserState, user => {
+  if (!user || !user.login) {
+    return null;
+  }
+  return user.login;
+});
+
+/**
  * @param {Object} state The current application state.
  * @return {Object|null}
  * @deprecated
- */export var getUserLogin=getLoginData;/**
+ */
+export const getUserLogin = getLoginData;
+
+/**
  * @param {Object} state The current application state.
  * @return {Object}
- */export var getUserData=createSelector(getUserState,function(user){if(!user.data){return null;}return user.data;});/**
+ */
+export const getUserData = createSelector(getUserState, user => {
+  if (!user.data) {
+    return null;
+  }
+  return user.data;
+});
+
+/**
  * Selects the isLoggedIn state from the user.
  * @param {Object} state The global state.
  * @return {boolean}
- */export var isUserLoggedIn=createSelector(getLoginData,function(login){if(!login){return false;}return login.isLoggedIn;});/**
+ */
+export const isUserLoggedIn = createSelector(getLoginData, login => {
+  if (!login) {
+    return false;
+  }
+  return login.isLoggedIn;
+});
+
+/**
  * @param {Object} state The global state.
  * @returns {string}
- */export var getUserDisplayName=createSelector(getUserData,function(data){if(!data){return null;}return[data.firstName,data.lastName].join(' ').trim();});/**
+ */
+export const getUserDisplayName = createSelector(getUserData, data => {
+  if (!data) {
+    return null;
+  }
+  return [data.firstName, data.lastName].join(' ').trim();
+});
+
+/**
  * @param {Object} state The global state.
  * @returns {string}
- */export var getUserFirstName=createSelector(getUserData,function(data){if(!data){return null;}return data.firstName;});/**
+ */
+export const getUserFirstName = createSelector(getUserData, data => {
+  if (!data) {
+    return null;
+  }
+  return data.firstName;
+});
+
+/**
  * @param {Object} state The global state.
  * @returns {string}
- */export var getUserEmail=createSelector(getUserData,function(data){if(!data){return null;}return data.mail||null;});/**
+ */
+export const getUserEmail = createSelector(getUserData, data => {
+  if (!data) {
+    return null;
+  }
+  return data.mail || null;
+});
+
+/**
  * Selects the disabled state of the login action from the redux store.
  * @param {Object} state The application state.
  * @return {Object|null}
- */export var isUserLoginDisabled=createSelector(getLoginData,function(login){if(!login){return false;}return login.disabled;});/**
+ */
+export const isUserLoginDisabled = createSelector(getLoginData, login => {
+  if (!login) {
+    return false;
+  }
+  return login.disabled;
+});
+
+/**
  * Gets the register url.
  * @param {Object} state The application state.
  * @return {string|null}
- */export var getRegisterUrl=function getRegisterUrl(state){return getUrl(state,{type:'register'});};/**
+ */
+export const getRegisterUrl = state => getUrl(state, {
+  type: 'register'
+});
+
+/**
  * Retrieves the expiry timestamp from the user login storage
- */export var getSessionExpiry=createSelector(getLoginData,function(loginData){return loginData.expires;});/**
+ */
+export const getSessionExpiry = createSelector(getLoginData, loginData => loginData.expires);
+
+/**
  * Checks if the current session is expired.
  *
  * !!! CAUTION Not implemented with createSelector since selector caching conflicts with processing
  * the current timestamp
  * @param {Object} state The application state.
  * @returns {boolean}
- */export var getIsSessionExpired=function getIsSessionExpired(state){var expiry=getSessionExpiry(state);return typeof expiry==='number'&&new Date().getTime()>=expiry;};
+ */
+export const getIsSessionExpired = state => {
+  const expiry = getSessionExpiry(state);
+  return typeof expiry === 'number' && new Date().getTime() >= expiry;
+};

package/store/index.js

@@ -1,18 +1,72 @@
-import{createStore,applyMiddleware}from'redux';import thunk from'redux-thunk';import{composeWithDevTools}from'@redux-devtools/extension';import{persistState}from'@virtuous/redux-persister';import benchmarkMiddleware from'@shopgate/pwa-benchmark/profilers/redux';import benchmarkController from'@shopgate/pwa-benchmark';import persistedReducers from"../collections/PersistedReducers";import initSubscribers from"../subscriptions";import appConfig,{themeName,shopNumber}from"../helpers/config";import makeRootReducer from"../reducers";import streams from"./middelwares/streams";import logger from"./middelwares/logger";/**
+import "core-js/modules/es.string.replace.js";
+import { createStore, applyMiddleware } from 'redux';
+import thunk from 'redux-thunk';
+import { composeWithDevTools } from '@redux-devtools/extension';
+import { persistState } from '@virtuous/redux-persister';
+import benchmarkMiddleware from '@shopgate/pwa-benchmark/profilers/redux';
+import benchmarkController from '@shopgate/pwa-benchmark';
+import persistedReducers from "../collections/PersistedReducers";
+import initSubscribers from "../subscriptions";
+import appConfig, { themeName, shopNumber } from "../helpers/config";
+import makeRootReducer from "../reducers";
+import streams from "./middelwares/streams";
+import logger from "./middelwares/logger";
+
+/**
  * The current version of the state created by this reducer.
  * @type {string}
- */var STATE_VERSION='v3';var storeKey="shopgate-connect_".concat(shopNumber,"-").concat(themeName,"_").concat(STATE_VERSION);/**
+ */
+const STATE_VERSION = 'v3';
+const storeKey = `shopgate-connect_${shopNumber}-${themeName}_${STATE_VERSION}`;
+
+/**
  * Returns a normalized initialState from the local storage.
  * @returns {Object}
- */function getInitialState(){if(!window.localStorage){return undefined;}var storedState=window.localStorage.getItem(storeKey);if(!storedState){return undefined;}var normalizedState=storedState.replace(new RegExp('"isFetching":true','g'),'"isFetching":false');return JSON.parse(normalizedState);}/**
+ */
+function getInitialState() {
+  if (!window.localStorage) {
+    return undefined;
+  }
+  const storedState = window.localStorage.getItem(storeKey);
+  if (!storedState) {
+    return undefined;
+  }
+  const normalizedState = storedState.replace(new RegExp('"isFetching":true', 'g'), '"isFetching":false');
+  return JSON.parse(normalizedState);
+}
+
+/**
  * Configures the redux store with all it's middleware and enhancers.
  * @param {Function} reducers The reducers from the theme.
  * @param {Array} subscribers The subscribers to the streams middleware.
  * @return {Object} The redux store.
- */export function configureStore(reducers,subscribers){// Starts benchmark controller BEFORE adding the middleware.
-if(appConfig.benchmark){benchmarkController.startup();}var store=createStore(makeRootReducer(reducers),getInitialState(),composeWithDevTools(applyMiddleware.apply(void 0,[thunk].concat(appConfig.benchmark?[benchmarkMiddleware]:[],[streams,logger])),persistState({key:storeKey,paths:persistedReducers.getAll()})));initSubscribers(subscribers);if(window.Cypress){window.store=store;}return store;}/**
+ */
+export function configureStore(reducers, subscribers) {
+  // Starts benchmark controller BEFORE adding the middleware.
+  if (appConfig.benchmark) {
+    benchmarkController.startup();
+  }
+  const store = createStore(makeRootReducer(reducers), getInitialState(), composeWithDevTools(applyMiddleware(...[thunk, ...(appConfig.benchmark ? [benchmarkMiddleware] : []), streams, logger]), persistState({
+    key: storeKey,
+    paths: persistedReducers.getAll()
+  })));
+  initSubscribers(subscribers);
+  if (window.Cypress) {
+    window.store = store;
+  }
+  return store;
+}
+
+/**
  * Configures a mocked store for tests.
  * @param {Function} reducers The reducers to use in the mock store.
  * @param {Array} subscribers Streams subscribers to initialize.
  * @returns {Store}
- */export function createMockStore(){var reducers=arguments.length>0&&arguments[0]!==undefined?arguments[0]:function(){};var subscribers=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var store=createStore(reducers,undefined,applyMiddleware(thunk,streams));if(subscribers.length!==0){initSubscribers([].concat(subscribers));}return store;}
+ */
+export function createMockStore(reducers = () => {}, subscribers = []) {
+  const store = createStore(reducers, undefined, applyMiddleware(thunk, streams));
+  if (subscribers.length !== 0) {
+    initSubscribers([].concat(subscribers));
+  }
+  return store;
+}

package/store/middelwares/logger.js

@@ -1 +1,7 @@
-import{createLogger}from'redux-logger';import{logger}from'@shopgate/pwa-core';export default createLogger({logger:logger,collapsed:true,duration:true});
+import { createLogger } from 'redux-logger';
+import { logger } from '@shopgate/pwa-core';
+export default createLogger({
+  logger,
+  collapsed: true,
+  duration: true
+});

package/store/middelwares/streams.js

@@ -1,5 +1,22 @@
-import{Subject}from'rxjs/Subject';import{UIEvents}from'@shopgate/pwa-core';export var mainSubject=new Subject();/**
+import { Subject } from 'rxjs/Subject';
+import { UIEvents } from '@shopgate/pwa-core';
+export const mainSubject = new Subject();
+
+/**
  * Connects the redux store with RxJS and Observable streams.
  * @param {Object} store The redux store.
  * @return {Function}
- */var observableMiddleware=function observableMiddleware(store){return function(next){return function(action){var prevState=store.getState();var result=next(action);mainSubject.next({action:action,dispatch:store.dispatch,events:UIEvents,getState:store.getState,prevState:prevState});return result;};};};export default observableMiddleware;
+ */
+const observableMiddleware = store => next => action => {
+  const prevState = store.getState();
+  const result = next(action);
+  mainSubject.next({
+    action,
+    dispatch: store.dispatch,
+    events: UIEvents,
+    getState: store.getState,
+    prevState
+  });
+  return result;
+};
+export default observableMiddleware;