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

package/category/reducers/index.js

@@ -1,3 +1,13 @@
-import{combineReducers}from'redux';import rootCategories from"./rootCategories";import categoriesById from"./categoriesById";import childrenByCategoryId from"./childrenByCategoryId";/**
+import { combineReducers } from 'redux';
+import rootCategories from "./rootCategories";
+import categoriesById from "./categoriesById";
+import childrenByCategoryId from "./childrenByCategoryId";
+
+/**
  * The category reducer.
- */export default combineReducers({categoriesById:categoriesById,childrenByCategoryId:childrenByCategoryId,rootCategories:rootCategories});
+ */
+export default combineReducers({
+  categoriesById,
+  childrenByCategoryId,
+  rootCategories
+});

package/category/reducers/rootCategories.js

@@ -1,7 +1,36 @@
-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{CATEGORY_LIFETIME,REQUEST_ROOT_CATEGORIES,RECEIVE_ROOT_CATEGORIES,ERROR_ROOT_CATEGORIES}from"../constants";import handleReceivedCategories from"./helpers/handleReceivedCategories";/**
+import { CATEGORY_LIFETIME, REQUEST_ROOT_CATEGORIES, RECEIVE_ROOT_CATEGORIES, ERROR_ROOT_CATEGORIES } from "../constants";
+import handleReceivedCategories from "./helpers/handleReceivedCategories";
+
+/**
  * Stores a collection of category IDs that represent the
  * highest level of categories with no parent.
  * @param {Object} [state={}] The current application state.
  * @param {Object} action The action object.
  * @return {Object} The store data.
- */var rootCategories=function rootCategories(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case REQUEST_ROOT_CATEGORIES:return _extends({},state,{categories:null,expires:0,isFetching:true});case RECEIVE_ROOT_CATEGORIES:return _extends({},state,{categories:handleReceivedCategories(action.categories),expires:Date.now()+CATEGORY_LIFETIME,isFetching:false});case ERROR_ROOT_CATEGORIES:return _extends({},state,{isFetching:false});default:return state;}};export default rootCategories;
+ */
+const rootCategories = (state = {}, action) => {
+  switch (action.type) {
+    case REQUEST_ROOT_CATEGORIES:
+      return {
+        ...state,
+        categories: null,
+        expires: 0,
+        isFetching: true
+      };
+    case RECEIVE_ROOT_CATEGORIES:
+      return {
+        ...state,
+        categories: handleReceivedCategories(action.categories),
+        expires: Date.now() + CATEGORY_LIFETIME,
+        isFetching: false
+      };
+    case ERROR_ROOT_CATEGORIES:
+      return {
+        ...state,
+        isFetching: false
+      };
+    default:
+      return state;
+  }
+};
+export default rootCategories;

package/category/selectors/index.js

@@ -1,80 +1,160 @@
-import{createSelector}from'reselect';import{getCurrentRoute,getCurrentParams}from'@shopgate/pwa-common/selectors/router';import{hex2bin}from'@shopgate/pwa-common/helpers/data';/**
+import { createSelector } from 'reselect';
+import { getCurrentRoute, getCurrentParams } from '@shopgate/pwa-common/selectors/router';
+import { hex2bin } from '@shopgate/pwa-common/helpers/data';
+
+/**
  * Retrieves the category state from the state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {Object} The category state.
- */var getCategoryState=function getCategoryState(state){return state.category;};/**
+ */
+const getCategoryState = state => state.category;
+
+/**
  * Retrieves the categoriesById state from the category state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {Object} The categoriesById state.
- */var getCategoriesByIdState=createSelector(getCategoryState,function(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return state.categoriesById||{};});/**
+ */
+const getCategoriesByIdState = createSelector(getCategoryState, (state = {}) => state.categoriesById || {});
+
+/**
  * Retrieves the childrenByCategoryId state from the category state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {Object} The childrenByCategoryId state.
- */var getChildrenByCategoryIdState=createSelector(getCategoryState,function(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return state.childrenByCategoryId||{};});/**
+ */
+const getChildrenByCategoryIdState = createSelector(getCategoryState, (state = {}) => state.childrenByCategoryId || {});
+
+/**
  * Retrieves the rootCategories state from the category state.
  * @param {Object} state The application state.
  * @returns {Object}
- */export var getRootCategoriesState=createSelector(getCategoryState,function(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return state.rootCategories||{};});/**
+ */
+export const getRootCategoriesState = createSelector(getCategoryState, (state = {}) => state.rootCategories || {});
+
+/**
  * Retrieves a category id either from the selector props, or the params of the active route.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {string|null} The category ID.
- */export var getCategoryId=createSelector(function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.categoryId;},getCurrentParams,function(categoryId,routeParams){if(typeof categoryId!=='undefined'){return categoryId;}if(!routeParams||!routeParams.categoryId){return null;}return hex2bin(routeParams.categoryId);});/**
+ */
+export const getCategoryId = createSelector((state, props = {}) => props.categoryId, getCurrentParams, (categoryId, routeParams) => {
+  if (typeof categoryId !== 'undefined') {
+    return categoryId;
+  }
+  if (!routeParams || !routeParams.categoryId) {
+    return null;
+  }
+  return hex2bin(routeParams.categoryId);
+});
+
+/**
  * Retrieves the child categories for a specific parent category from the state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {Object}
- */export var getChildCategoriesForCategory=createSelector(getCategoryId,getChildrenByCategoryIdState,function(categoryId,childCategories){return childCategories[categoryId];});/**
+ */
+export const getChildCategoriesForCategory = createSelector(getCategoryId, getChildrenByCategoryIdState, (categoryId, childCategories) => childCategories[categoryId]);
+
+/**
  * Retrieves a category from state.
  * The category can either be referenced by a categoryId within the props,
  * or by a categoryId within the params of the active route state.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @return {Object|null}
- */export var getCategory=createSelector(getCategoryId,getCategoriesByIdState,function(categoryId,categoriesById){if(!categoriesById||!categoriesById[categoryId]){return null;}return categoriesById[categoryId];});/**
+ */
+export const getCategory = createSelector(getCategoryId, getCategoriesByIdState, (categoryId, categoriesById) => {
+  if (!categoriesById || !categoriesById[categoryId]) {
+    return null;
+  }
+  return categoriesById[categoryId];
+});
+
+/**
  * Retrieves the root categories.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {Array}
- */export var getRootCategories=createSelector(getRootCategoriesState,getCategoriesByIdState,function(rootCategories,categoriesById){if(Object.keys(rootCategories).length===0){return null;}if(!rootCategories.categories){return null;}return rootCategories.categories.map(function(id){return categoriesById[id];}).filter(Boolean);});/**
+ */
+export const getRootCategories = createSelector(getRootCategoriesState, getCategoriesByIdState, (rootCategories, categoriesById) => {
+  if (Object.keys(rootCategories).length === 0) {
+    return null;
+  }
+  if (!rootCategories.categories) {
+    return null;
+  }
+  return rootCategories.categories.map(id => categoriesById[id]).filter(Boolean);
+});
+
+/**
  * Retrieves the number of child categories for a category.
  * The category can either be referenced by a categoryId within the props,
  * or by a categoryId within the params of the active route state.
  * @param {Object} state The current application state.
  * @param {Object} props The component props.
  * @returns {number|null}
- */export var getCategoryChildCount=createSelector(getCategory,function(category){return category?category.childrenCount:null;});/**
+ */
+export const getCategoryChildCount = createSelector(getCategory, category => category ? category.childrenCount : null);
+
+/**
  * Determines if a category has child categories.
  * The category can either be referenced by a categoryId within the props,
  * or by a categoryId within the params of the active route state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {boolean}
- */export var hasCategoryChildren=createSelector(getCategoryChildCount,function(count){return count>0;});/**
+ */
+export const hasCategoryChildren = createSelector(getCategoryChildCount, count => count > 0);
+
+/**
  * Retrieves the child categories of a category.
  * The category can either be referenced by a categoryId within the props,
  * or by a categoryId within the params of the active route state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {Array|null}
- */export var getCategoryChildren=createSelector([getChildCategoriesForCategory,getCategoriesByIdState],function(childCategories,categoriesById){if(!childCategories||!childCategories.children){return null;}return childCategories.children.map(function(id){return categoriesById[id];}).filter(Boolean);});export var areCategoryChildrenFetching=createSelector([getChildCategoriesForCategory],function(childCategories){if(!childCategories||!childCategories.isFetching){return false;}return childCategories.isFetching;});/**
+ */
+export const getCategoryChildren = createSelector([getChildCategoriesForCategory, getCategoriesByIdState], (childCategories, categoriesById) => {
+  if (!childCategories || !childCategories.children) {
+    return null;
+  }
+  return childCategories.children.map(id => categoriesById[id]).filter(Boolean);
+});
+export const areCategoryChildrenFetching = createSelector([getChildCategoriesForCategory], childCategories => {
+  if (!childCategories || !childCategories.isFetching) {
+    return false;
+  }
+  return childCategories.isFetching;
+});
+
+/**
  * Retrieves the number of products inside a category.
  * The category can either be referenced by a categoryId within the props,
  * or by a categoryId within the params of the active route state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {number|null}
- */export var getCategoryProductCount=createSelector(getCategoriesByIdState,getCategoryId,function(categoriesById,categoryId){if(!categoriesById[categoryId]||!categoriesById[categoryId].productCount&&categoriesById[categoryId].productCount!==0){return null;}return categoriesById[categoryId].productCount;});/**
+ */
+export const getCategoryProductCount = createSelector(getCategoriesByIdState, getCategoryId, (categoriesById, categoryId) => {
+  if (!categoriesById[categoryId] || !categoriesById[categoryId].productCount && categoriesById[categoryId].productCount !== 0) {
+    return null;
+  }
+  return categoriesById[categoryId].productCount;
+});
+
+/**
  * Determines if a category has products.
  * The category can either be referenced by a categoryId within the props,
  * or by a categoryId within the params of the active route state.
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {boolean}
- */export var hasCategoryProducts=createSelector(getCategoryProductCount,function(count){return count>0;});/**
+ */
+export const hasCategoryProducts = createSelector(getCategoryProductCount, count => count > 0);
+
+/**
  * Retrieves the name of a category. When no category can be determined it return the title of
  * the active route.
  * The category can either be referenced by a categoryId within the props,
@@ -82,7 +162,26 @@ import{createSelector}from'reselect';import{getCurrentRoute,getCurrentParams}fro
  * @param {Object} state The application state.
  * @param {Object} props The component props.
  * @returns {number|null}
- */export var getCategoryName=createSelector(getCurrentRoute,getCategory,function(route,category){if(category){return category.name;}if(route.state.title){return route.state.title;}return null;});/**
+ */
+export const getCategoryName = createSelector(getCurrentRoute, getCategory, (route, category) => {
+  if (category) {
+    return category.name;
+  }
+  if (route.state.title) {
+    return route.state.title;
+  }
+  return null;
+});
+
+/**
  * Selector mappings for PWA < 6.10
  * @deprecated
- */export var getCategoryById=getCategory;export var getCurrentCategoryId=getCategory;export var getCurrentCategory=getCategory;export var getCurrentCategoryChildCount=getCategoryChildCount;export var getCurrentCategories=getCategoryChildren;export var getChildCategoriesById=getCategoryChildren;export var hasChildren=hasCategoryChildren;export var hasProducts=hasCategoryProducts;
+ */
+export const getCategoryById = getCategory;
+export const getCurrentCategoryId = getCategory;
+export const getCurrentCategory = getCategory;
+export const getCurrentCategoryChildCount = getCategoryChildCount;
+export const getCurrentCategories = getCategoryChildren;
+export const getChildCategoriesById = getCategoryChildren;
+export const hasChildren = hasCategoryChildren;
+export const hasProducts = hasCategoryProducts;

package/category/streams/index.js

@@ -1,10 +1,88 @@
-import{main$,routeWillEnter$,routeDidEnter$,routeDidLeave$,routeWillLeave$}from'@shopgate/pwa-common/streams';import{routeDidUpdate$}from'@shopgate/pwa-common/streams/router';import{HISTORY_POP_ACTION}from'@shopgate/pwa-common/constants/ActionTypes';import{filtersDidUpdate$}from'@shopgate/pwa-common-commerce/filter/streams';import{getCurrentRoute}from'@shopgate/pwa-common/selectors/router';import{hex2bin}from'@shopgate/pwa-common/helpers/data';import{filterWillLeave$}from"../../filter/streams";import{CATEGORY_PATTERN,CATEGORY_ALL_PATTERN,RECEIVE_ROOT_CATEGORIES,ERROR_CATEGORY,RECEIVE_CATEGORY,CATEGORY_PATH}from"../constants";export var categoryWillEnter$=routeWillEnter$.filter(function(_ref){var action=_ref.action;return action.route.pattern===CATEGORY_PATTERN;});export var categoryDidEnter$=routeDidEnter$.filter(function(_ref2){var action=_ref2.action;return action.route.pattern===CATEGORY_PATTERN;});export var categoryDidLeave$=routeDidLeave$.filter(function(_ref3){var action=_ref3.action;return action.route.pattern===CATEGORY_PATTERN;});export var categoryAllWillEnter$=routeWillEnter$.filter(function(_ref4){var action=_ref4.action;return action.route.pattern===CATEGORY_ALL_PATTERN;});export var categoryAllDidEnter$=routeDidEnter$.filter(function(_ref5){var action=_ref5.action;return action.route.pattern===CATEGORY_ALL_PATTERN;});export var categoryAllDidLeave$=routeDidLeave$.filter(function(_ref6){var action=_ref6.action;return action.route.pattern===CATEGORY_ALL_PATTERN;});/**
+import { main$, routeWillEnter$, routeDidEnter$, routeDidLeave$, routeWillLeave$ } from '@shopgate/pwa-common/streams';
+import { routeDidUpdate$ } from '@shopgate/pwa-common/streams/router';
+import { HISTORY_POP_ACTION } from '@shopgate/pwa-common/constants/ActionTypes';
+import { filtersDidUpdate$ } from '@shopgate/pwa-common-commerce/filter/streams';
+import { getCurrentRoute } from '@shopgate/pwa-common/selectors/router';
+import { hex2bin } from '@shopgate/pwa-common/helpers/data';
+import { filterWillLeave$ } from "../../filter/streams";
+import { CATEGORY_PATTERN, CATEGORY_ALL_PATTERN, RECEIVE_ROOT_CATEGORIES, ERROR_CATEGORY, RECEIVE_CATEGORY, CATEGORY_PATH } from "../constants";
+export const categoryWillEnter$ = routeWillEnter$.filter(({
+  action
+}) => action.route.pattern === CATEGORY_PATTERN);
+export const categoryDidEnter$ = routeDidEnter$.filter(({
+  action
+}) => action.route.pattern === CATEGORY_PATTERN);
+export const categoryDidLeave$ = routeDidLeave$.filter(({
+  action
+}) => action.route.pattern === CATEGORY_PATTERN);
+export const categoryAllWillEnter$ = routeWillEnter$.filter(({
+  action
+}) => action.route.pattern === CATEGORY_ALL_PATTERN);
+export const categoryAllDidEnter$ = routeDidEnter$.filter(({
+  action
+}) => action.route.pattern === CATEGORY_ALL_PATTERN);
+export const categoryAllDidLeave$ = routeDidLeave$.filter(({
+  action
+}) => action.route.pattern === CATEGORY_ALL_PATTERN);
+
+/**
  * Gets triggered when the root categories received.
- */export var receivedRootCategories$=main$.filter(function(_ref7){var action=_ref7.action;return action.type===RECEIVE_ROOT_CATEGORIES;});/**
+ */
+export const receivedRootCategories$ = main$.filter(({
+  action
+}) => action.type === RECEIVE_ROOT_CATEGORIES);
+
+/**
  * Gets trigger when category error is dispatched.
- */export var categoryError$=main$.filter(function(_ref8){var action=_ref8.action;return action.type===ERROR_CATEGORY;});export var categoryDidBackEnter$=categoryDidEnter$.filter(function(_ref9){var action=_ref9.action;return action.historyAction===HISTORY_POP_ACTION;});export var categoryWillLeave$=routeWillLeave$.filter(function(_ref10){var action=_ref10.action;return action.route.pattern==="".concat(CATEGORY_PATH,"/:categoryId");});/**
+ */
+export const categoryError$ = main$.filter(({
+  action
+}) => action.type === ERROR_CATEGORY);
+export const categoryDidBackEnter$ = categoryDidEnter$.filter(({
+  action
+}) => action.historyAction === HISTORY_POP_ACTION);
+export const categoryWillLeave$ = routeWillLeave$.filter(({
+  action
+}) => action.route.pattern === `${CATEGORY_PATH}/:categoryId`);
+
+/**
  * Filters stream state by type.
  * @param {Object} data The stream data.
  * @param {string} type The action type to filter.
  * @returns {boolean}
- */var filterDataByType=function filterDataByType(data,type){var action=data.action,getState=data.getState;if(action.type!==type){return false;}if(typeof action.categoryId==='undefined'){return false;}var route=getCurrentRoute(getState());if(!route.params.categoryId){return false;}return action.categoryId===hex2bin(route.params.categoryId);};export var receivedVisibleCategory$=main$.filter(function(data){return filterDataByType(data,RECEIVE_CATEGORY);});export var errorVisibleCategory$=main$.filter(function(data){return filterDataByType(data,ERROR_CATEGORY);});export var categoryFiltersDidUpdate$=filtersDidUpdate$.filter(function(_ref11){var getState=_ref11.getState;var _getCurrentRoute=getCurrentRoute(getState()),pattern=_getCurrentRoute.pattern;return pattern===CATEGORY_PATTERN;});export var categoryDidUpdate$=routeDidUpdate$.filter(function(_ref12){var _action$route;var action=_ref12.action;return(action===null||action===void 0?void 0:(_action$route=action.route)===null||_action$route===void 0?void 0:_action$route.pattern)===CATEGORY_PATTERN;});export var categoryAllDidUpdate$=routeDidUpdate$.filter(function(_ref13){var _action$route2;var action=_ref13.action;return(action===null||action===void 0?void 0:(_action$route2=action.route)===null||_action$route2===void 0?void 0:_action$route2.pattern)===CATEGORY_ALL_PATTERN;});export var categoryFiltersDidUpdateFromFilterPage$=categoryDidUpdate$.switchMap(function(){return filterWillLeave$.first();}).switchMap(function(){return categoryWillEnter$.first();});export var categoryAllFiltersDidUpdateFromFilterPage$=categoryAllDidUpdate$.switchMap(function(){return filterWillLeave$.first();}).switchMap(function(){return categoryAllWillEnter$.first();});
+ */
+const filterDataByType = (data, type) => {
+  const {
+    action,
+    getState
+  } = data;
+  if (action.type !== type) {
+    return false;
+  }
+  if (typeof action.categoryId === 'undefined') {
+    return false;
+  }
+  const route = getCurrentRoute(getState());
+  if (!route.params.categoryId) {
+    return false;
+  }
+  return action.categoryId === hex2bin(route.params.categoryId);
+};
+export const receivedVisibleCategory$ = main$.filter(data => filterDataByType(data, RECEIVE_CATEGORY));
+export const errorVisibleCategory$ = main$.filter(data => filterDataByType(data, ERROR_CATEGORY));
+export const categoryFiltersDidUpdate$ = filtersDidUpdate$.filter(({
+  getState
+}) => {
+  const {
+    pattern
+  } = getCurrentRoute(getState());
+  return pattern === CATEGORY_PATTERN;
+});
+export const categoryDidUpdate$ = routeDidUpdate$.filter(({
+  action
+}) => action?.route?.pattern === CATEGORY_PATTERN);
+export const categoryAllDidUpdate$ = routeDidUpdate$.filter(({
+  action
+}) => action?.route?.pattern === CATEGORY_ALL_PATTERN);
+export const categoryFiltersDidUpdateFromFilterPage$ = categoryDidUpdate$.switchMap(() => filterWillLeave$.first()).switchMap(() => categoryWillEnter$.first());
+export const categoryAllFiltersDidUpdateFromFilterPage$ = categoryAllDidUpdate$.switchMap(() => filterWillLeave$.first()).switchMap(() => categoryAllWillEnter$.first());

package/category/subscriptions/index.js

@@ -1,6 +1,99 @@
-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{ACTION_PUSH,ACTION_REPLACE}from'@virtuous/conductor';import{buildFetchCategoryProductsParams,getProductsResult}from'@shopgate/engage/product';import{getCurrentRoute}from'@shopgate/pwa-common/selectors/router';import{historyPop}from'@shopgate/pwa-common/actions/router';import expireProductsByHash from'@shopgate/pwa-common-commerce/product/action-creators/expireProductsByHash';import fetchCategory from'@shopgate/pwa-common-commerce/category/actions/fetchCategory';import fetchCategoryProducts from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryProducts';import fetchFilters from'@shopgate/pwa-common-commerce/filter/actions/fetchFilters';import{hex2bin}from'@shopgate/pwa-common/helpers/data';import{categoryProductsNeedUpdate$}from'@shopgate/engage/category/streams';import{categoryWillEnter$,categoryDidEnter$,errorVisibleCategory$,categoryFiltersDidUpdateFromFilterPage$}from"../streams";/**
+import { ACTION_PUSH, ACTION_REPLACE } from '@virtuous/conductor';
+import { buildFetchCategoryProductsParams, getProductsResult } from '@shopgate/engage/product';
+import { getCurrentRoute } from '@shopgate/pwa-common/selectors/router';
+import { historyPop } from '@shopgate/pwa-common/actions/router';
+import expireProductsByHash from '@shopgate/pwa-common-commerce/product/action-creators/expireProductsByHash';
+import fetchCategory from '@shopgate/pwa-common-commerce/category/actions/fetchCategory';
+import fetchCategoryProducts from '@shopgate/pwa-common-commerce/category/actions/fetchCategoryProducts';
+import fetchFilters from '@shopgate/pwa-common-commerce/filter/actions/fetchFilters';
+import { hex2bin } from '@shopgate/pwa-common/helpers/data';
+import { categoryProductsNeedUpdate$ } from '@shopgate/engage/category/streams';
+import { categoryWillEnter$, categoryDidEnter$, errorVisibleCategory$, categoryFiltersDidUpdateFromFilterPage$ } from "../streams";
+
+/**
  * Category subscriptions.
  * @param {Function} subscribe The subscribe function.
- */export default function category(subscribe){subscribe(categoryWillEnter$,function(_ref){var _action$route;var dispatch=_ref.dispatch,action=_ref.action,getState=_ref.getState;if(![ACTION_PUSH,ACTION_REPLACE].includes(action===null||action===void 0?void 0:action.historyAction)){return;}var _action$route$state=action.route.state,filters=_action$route$state.filters,_action$route$state$o=_action$route$state.offset,offset=_action$route$state$o===void 0?0:_action$route$state$o;var categoryId=hex2bin(action.route.params.categoryId);var _getProductsResult=getProductsResult(getState(),_extends({categoryId:categoryId,routeId:action===null||action===void 0?void 0:(_action$route=action.route)===null||_action$route===void 0?void 0:_action$route.id},buildFetchCategoryProductsParams())),hash=_getProductsResult.hash,expired=_getProductsResult.expired;if(expired){dispatch(expireProductsByHash(hash));}dispatch(fetchCategory(categoryId));dispatch(fetchCategoryProducts(_extends({categoryId:categoryId,filters:filters,offset:offset},buildFetchCategoryProductsParams())));});subscribe(categoryDidEnter$,function(_ref2){var dispatch=_ref2.dispatch;dispatch(fetchFilters());});/**
+ */
+export default function category(subscribe) {
+  subscribe(categoryWillEnter$, ({
+    dispatch,
+    action,
+    getState
+  }) => {
+    if (![ACTION_PUSH, ACTION_REPLACE].includes(action?.historyAction)) {
+      return;
+    }
+    const {
+      filters,
+      offset = 0
+    } = action.route.state;
+    const categoryId = hex2bin(action.route.params.categoryId);
+    const {
+      hash,
+      expired
+    } = getProductsResult(getState(), {
+      categoryId,
+      routeId: action?.route?.id,
+      ...buildFetchCategoryProductsParams()
+    });
+    if (expired) {
+      dispatch(expireProductsByHash(hash));
+    }
+    dispatch(fetchCategory(categoryId));
+    dispatch(fetchCategoryProducts({
+      categoryId,
+      filters,
+      offset,
+      ...buildFetchCategoryProductsParams()
+    }));
+  });
+  subscribe(categoryDidEnter$, ({
+    dispatch
+  }) => {
+    dispatch(fetchFilters());
+  });
+
+  /**
    * Gets triggered on pipeline category error.
-   */subscribe(errorVisibleCategory$,function(_ref3){var dispatch=_ref3.dispatch;dispatch(historyPop());});subscribe(categoryProductsNeedUpdate$,function(_ref4){var dispatch=_ref4.dispatch,getState=_ref4.getState;var _getCurrentRoute=getCurrentRoute(getState()),params=_getCurrentRoute.params,_getCurrentRoute$stat=_getCurrentRoute.state,_getCurrentRoute$stat2=_getCurrentRoute$stat.offset,offset=_getCurrentRoute$stat2===void 0?0:_getCurrentRoute$stat2,filters=_getCurrentRoute$stat.filters;var categoryId=hex2bin(params.categoryId);dispatch(fetchCategoryProducts(_extends({categoryId:categoryId,filters:filters,offset:offset},buildFetchCategoryProductsParams())));});subscribe(categoryFiltersDidUpdateFromFilterPage$,function(_ref5){var dispatch=_ref5.dispatch,action=_ref5.action;var categoryId=hex2bin(action.route.params.categoryId);var _action$route$state2=action.route.state,filters=_action$route$state2.filters,_action$route$state2$=_action$route$state2.offset,offset=_action$route$state2$===void 0?0:_action$route$state2$;dispatch(fetchCategoryProducts(_extends({categoryId:categoryId,filters:filters,offset:offset},buildFetchCategoryProductsParams())));});}
+   */
+  subscribe(errorVisibleCategory$, ({
+    dispatch
+  }) => {
+    dispatch(historyPop());
+  });
+  subscribe(categoryProductsNeedUpdate$, ({
+    dispatch,
+    getState
+  }) => {
+    const {
+      params,
+      state: {
+        offset = 0,
+        filters
+      }
+    } = getCurrentRoute(getState());
+    const categoryId = hex2bin(params.categoryId);
+    dispatch(fetchCategoryProducts({
+      categoryId,
+      filters,
+      offset,
+      ...buildFetchCategoryProductsParams()
+    }));
+  });
+  subscribe(categoryFiltersDidUpdateFromFilterPage$, ({
+    dispatch,
+    action
+  }) => {
+    const categoryId = hex2bin(action.route.params.categoryId);
+    const {
+      filters,
+      offset = 0
+    } = action.route.state;
+    dispatch(fetchCategoryProducts({
+      categoryId,
+      filters,
+      offset,
+      ...buildFetchCategoryProductsParams()
+    }));
+  });
+}

package/checkout/action-creators/successCheckout.js

@@ -1,5 +1,12 @@
-import{SUCCESS_CHECKOUT}from"../constants";/**
+import { SUCCESS_CHECKOUT } from "../constants";
+
+/**
  * Creates the dispatched SUCCESS_UPDATE_PRODUCTS_IN_CART action object.
  * @param {Object[]} products cart.items of product type
  * @returns {Object} The dispatched action object.
- */var successCheckout=function successCheckout(products){return{type:SUCCESS_CHECKOUT,products:products};};export default successCheckout;
+ */
+const successCheckout = products => ({
+  type: SUCCESS_CHECKOUT,
+  products
+});
+export default successCheckout;

package/checkout/actions/fetchCheckoutUrl.js

@@ -1,5 +1,30 @@
-import PipelineRequest from'@shopgate/pwa-core/classes/PipelineRequest';import{requestUrl,receiveUrl,errorUrl}from'@shopgate/pwa-common/action-creators/url';import{mutable}from'@shopgate/pwa-common/helpers/redux';import{SHOPGATE_CHECKOUT_GET_URL}from"../constants/Pipelines";import{FETCH_CHECKOUT_URL_TIMEOUT}from"../constants";var URL_TYPE_CHECKOUT='checkout';/**
+import PipelineRequest from '@shopgate/pwa-core/classes/PipelineRequest';
+import { requestUrl, receiveUrl, errorUrl } from '@shopgate/pwa-common/action-creators/url';
+import { mutable } from '@shopgate/pwa-common/helpers/redux';
+import { SHOPGATE_CHECKOUT_GET_URL } from "../constants/Pipelines";
+import { FETCH_CHECKOUT_URL_TIMEOUT } from "../constants";
+const URL_TYPE_CHECKOUT = 'checkout';
+
+/**
  * Get the url for checkout.
  * @return {Function} A redux thunk.
- */function fetchCheckoutUrl(){return function(dispatch){return new Promise(function(resolve,reject){dispatch(requestUrl(URL_TYPE_CHECKOUT));new PipelineRequest(SHOPGATE_CHECKOUT_GET_URL).setTimeout(FETCH_CHECKOUT_URL_TIMEOUT)// 12 seconds timeout
-.setRetries(0).dispatch().then(function(_ref){var url=_ref.url,expires=_ref.expires;dispatch(receiveUrl(URL_TYPE_CHECKOUT,url,expires));resolve(url);})["catch"](function(){dispatch(errorUrl(URL_TYPE_CHECKOUT));reject();});});};}/** @mixes {MutableFunction} */export default mutable(fetchCheckoutUrl);
+ */
+function fetchCheckoutUrl() {
+  return dispatch => new Promise((resolve, reject) => {
+    dispatch(requestUrl(URL_TYPE_CHECKOUT));
+    new PipelineRequest(SHOPGATE_CHECKOUT_GET_URL).setTimeout(FETCH_CHECKOUT_URL_TIMEOUT) // 12 seconds timeout
+    .setRetries(0).dispatch().then(({
+      url,
+      expires
+    }) => {
+      dispatch(receiveUrl(URL_TYPE_CHECKOUT, url, expires));
+      resolve(url);
+    }).catch(() => {
+      dispatch(errorUrl(URL_TYPE_CHECKOUT));
+      reject();
+    });
+  });
+}
+
+/** @mixes {MutableFunction} */
+export default mutable(fetchCheckoutUrl);

package/checkout/constants/Pipelines.js

@@ -1 +1 @@
-export var SHOPGATE_CHECKOUT_GET_URL='shopgate.checkout.getUrl';
+export const SHOPGATE_CHECKOUT_GET_URL = 'shopgate.checkout.getUrl';

package/checkout/constants/index.js

@@ -1,2 +1,3 @@
-export var LEGACY_URL='/checkout_legacy';export var FETCH_CHECKOUT_URL_TIMEOUT=12000;// 12 seconds timeout for fetching a checkout url.
-export var SUCCESS_CHECKOUT='SUCCESS_CHECKOUT';
+export const LEGACY_URL = '/checkout_legacy';
+export const FETCH_CHECKOUT_URL_TIMEOUT = 12000; // 12 seconds timeout for fetching a checkout url.
+export const SUCCESS_CHECKOUT = 'SUCCESS_CHECKOUT';

package/checkout/index.js

@@ -1,5 +1,12 @@
 // ACTIONS
-export{default as fetchCheckoutUrl}from"./actions/fetchCheckoutUrl";// CONSTANTS
-export*from"./constants/index";export*from"./constants/Pipelines";// SELECTORS
-export*from"./selectors";// STREAMS
-export*from"./streams";
+export { default as fetchCheckoutUrl } from "./actions/fetchCheckoutUrl";
+
+// CONSTANTS
+export * from "./constants/index";
+export * from "./constants/Pipelines";
+
+// SELECTORS
+export * from "./selectors";
+
+// STREAMS
+export * from "./streams";

package/checkout/selectors/index.js

@@ -1,5 +1,10 @@
-import{getUrl}from'@shopgate/pwa-common/selectors/url';/**
+import { getUrl } from '@shopgate/pwa-common/selectors/url';
+
+/**
  * Gets the checkout url.
  * @param {Object} state The application state.
  * @return {string|null}
- */export var getCheckoutUrl=function getCheckoutUrl(state){return getUrl(state,{type:'checkout'});};
+ */
+export const getCheckoutUrl = state => getUrl(state, {
+  type: 'checkout'
+});

package/checkout/streams/index.js

@@ -1,4 +1,10 @@
-import{main$}from'@shopgate/pwa-common/streams/main';import{SUCCESS_CHECKOUT}from"../constants";/**
+import { main$ } from '@shopgate/pwa-common/streams/main';
+import { SUCCESS_CHECKOUT } from "../constants";
+
+/**
  * Gets triggered when the checkout has been completed.
  * @type {Observable}
- */export var checkoutSucceeded$=main$.filter(function(_ref){var action=_ref.action;return action.type===SUCCESS_CHECKOUT;});
+ */
+export const checkoutSucceeded$ = main$.filter(({
+  action
+}) => action.type === SUCCESS_CHECKOUT);

package/checkout/subscriptions/index.js

@@ -1,10 +1,39 @@
-import'rxjs/add/operator/debounceTime';import event from'@shopgate/pwa-core/classes/Event';import registerEvents from'@shopgate/pwa-core/commands/registerEvents';import{appDidStart$}from'@shopgate/pwa-common/streams/app';import{historyReset}from'@shopgate/pwa-common/actions/router';import successCheckout from"../action-creators/successCheckout";import{checkoutSucceeded$}from"../streams";import{getCartProducts}from"../../cart/selectors";/**
+import 'rxjs/add/operator/debounceTime';
+import event from '@shopgate/pwa-core/classes/Event';
+import registerEvents from '@shopgate/pwa-core/commands/registerEvents';
+import { appDidStart$ } from '@shopgate/pwa-common/streams/app';
+import { historyReset } from '@shopgate/pwa-common/actions/router';
+import successCheckout from "../action-creators/successCheckout";
+import { checkoutSucceeded$ } from "../streams";
+import { getCartProducts } from "../../cart/selectors";
+
+/**
  * Checkout subscriptions.
  * @param {Function} subscribe The subscribe function.
- */var checkout=function checkout(subscribe){/**
+ */
+const checkout = subscribe => {
+  /**
    * Gets triggered when the app starts.
-   */subscribe(appDidStart$,function(_ref){var dispatch=_ref.dispatch,getState=_ref.getState;// Register for the app event that is triggered when the checkout process is finished
-registerEvents(['checkoutSuccess']);event.addCallback('checkoutSuccess',function(){dispatch(successCheckout(getCartProducts(getState())));});});/**
+   */
+  subscribe(appDidStart$, ({
+    dispatch,
+    getState
+  }) => {
+    // Register for the app event that is triggered when the checkout process is finished
+    registerEvents(['checkoutSuccess']);
+    event.addCallback('checkoutSuccess', () => {
+      dispatch(successCheckout(getCartProducts(getState())));
+    });
+  });
+
+  /**
    * After success checkout
-   */subscribe(checkoutSucceeded$,function(_ref2){var dispatch=_ref2.dispatch;// Reset navigation history
-dispatch(historyReset());});};export default checkout;
+   */
+  subscribe(checkoutSucceeded$, ({
+    dispatch
+  }) => {
+    // Reset navigation history
+    dispatch(historyReset());
+  });
+};
+export default checkout;