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

package/locations/subscriptions.js

@@ -1,26 +1,374 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{getProductsResult,productIsReady$,productsReceived$,productsReceivedCached$,RECEIVE_PRODUCTS_CACHED,variantDidChange$}from'@shopgate/engage/product';import{appDidStart$,routeWillEnter$,UIEvents,getCurrentRoute,hex2bin,getThemeSettings,getCurrentSearchQuery,appWillInit$,appInitialization}from'@shopgate/engage/core';import{cartReceived$,fetchCart,cartDidEnter$,getCartItems}from'@shopgate/engage/cart';import{userDidLogin$}from'@shopgate/engage/user';import{receiveFavoritesWhileVisible$}from'@shopgate/pwa-common-commerce/favorites/streams';import{getFavoritesProductsIds,isFetching}from'@shopgate/pwa-common-commerce/favorites/selectors';import{categoryDidBackEnter$}from'@shopgate/pwa-common-commerce/category/streams';import{searchDidBackEntered$}from'@shopgate/pwa-common-commerce/search/streams';import{hasNewServices}from'@shopgate/engage/core/helpers';import{cookieConsentInitialized$}from'@shopgate/engage/tracking/streams';import{IS_PAGE_PREVIEW_ACTIVE}from'@shopgate/engage/page/constants';import{getUserSearch,getStoreFinderSearch,getPreferredLocation,getIsPending,getProductAlternativeLocationParams,getProductAlternativeLocations,makeGetLocation}from"./selectors";import{fetchDefaultLocation,fetchLocations,fetchProductLocations,setPending,setUserGeolocation}from"./actions";import{setShowInventoryInLists,showInventoryInLists}from"./helpers";import fetchInventories from"./actions/fetchInventories";import{EVENT_SET_OPEN}from"./providers/FulfillmentProvider";import fetchProductInventories from"./actions/fetchProductInventories";import{submitReservationSuccess$,userSearchChanged$,storeFinderWillEnter$,preferredLocationDidUpdateOnPDP$,provideAlternativeLocation$,preferredLocationDidUpdateGlobalOnWishlist$,storeDetailPageWillEnter$}from"./locations.streams";import selectLocation from"./action-creators/selectLocation";import{NEARBY_LOCATIONS_RADIUS,SET_STORE_FINDER_SEARCH_RADIUS,NEARBY_LOCATIONS_LIMIT}from"./constants";import selectGlobalLocation from"./action-creators/selectGlobalLocation";var initialLocationsResolve;var initialLocationsReject;var initialLocationsPromise=new Promise(function(resolve,reject){initialLocationsResolve=resolve;initialLocationsReject=reject;});/**
+import { getProductsResult, productIsReady$, productsReceived$, productsReceivedCached$, RECEIVE_PRODUCTS_CACHED, variantDidChange$ } from '@shopgate/engage/product';
+import { appDidStart$, routeWillEnter$, UIEvents, getCurrentRoute, hex2bin, getThemeSettings, getCurrentSearchQuery, appWillInit$, appInitialization } from '@shopgate/engage/core';
+import { cartReceived$, fetchCart, cartDidEnter$, getCartItems } from '@shopgate/engage/cart';
+import { userDidLogin$ } from '@shopgate/engage/user';
+import { receiveFavoritesWhileVisible$ } from '@shopgate/pwa-common-commerce/favorites/streams';
+import { getFavoritesProductsIds, isFetching } from '@shopgate/pwa-common-commerce/favorites/selectors';
+import { categoryDidBackEnter$ } from '@shopgate/pwa-common-commerce/category/streams';
+import { searchDidBackEntered$ } from '@shopgate/pwa-common-commerce/search/streams';
+import { hasNewServices } from '@shopgate/engage/core/helpers';
+import { cookieConsentInitialized$ } from '@shopgate/engage/tracking/streams';
+import { IS_PAGE_PREVIEW_ACTIVE } from '@shopgate/engage/page/constants';
+import { getUserSearch, getStoreFinderSearch, getPreferredLocation, getIsPending, getProductAlternativeLocationParams, getProductAlternativeLocations, makeGetLocation } from "./selectors";
+import { fetchDefaultLocation, fetchLocations, fetchProductLocations, setPending, setUserGeolocation } from "./actions";
+import { setShowInventoryInLists, showInventoryInLists } from "./helpers";
+import fetchInventories from "./actions/fetchInventories";
+import { EVENT_SET_OPEN } from "./providers/FulfillmentProvider";
+import fetchProductInventories from "./actions/fetchProductInventories";
+import { submitReservationSuccess$, userSearchChanged$, storeFinderWillEnter$, preferredLocationDidUpdateOnPDP$, provideAlternativeLocation$, preferredLocationDidUpdateGlobalOnWishlist$, storeDetailPageWillEnter$ } from "./locations.streams";
+import selectLocation from "./action-creators/selectLocation";
+import { NEARBY_LOCATIONS_RADIUS, SET_STORE_FINDER_SEARCH_RADIUS, NEARBY_LOCATIONS_LIMIT } from "./constants";
+import selectGlobalLocation from "./action-creators/selectGlobalLocation";
+let initialLocationsResolve;
+let initialLocationsReject;
+const initialLocationsPromise = new Promise((resolve, reject) => {
+  initialLocationsResolve = resolve;
+  initialLocationsReject = reject;
+});
+
+/**
  * Sets a location once the location has been validated.
  * @param {string} locationCode Location code
  * @param {Function} dispatch Redux dispatch function
  * @returns {Promise}
- */var setLocationOnceAvailable=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(locationCode,dispatch){var _ref3,initialLocations;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return initialLocationsPromise;case 3:_ref3=_context.sent;initialLocations=_ref3.locations;if(initialLocations.some(function(l){return l.code===locationCode;})){_context.next=7;break;}return _context.abrupt("return");case 7:_context.next=9;return dispatch(selectLocation({location:{code:locationCode}}));case 9:requestAnimationFrame(function(){dispatch(setPending(false));});_context.next=14;break;case 12:_context.prev=12;_context.t0=_context["catch"](0);case 14:case"end":return _context.stop();}},_callee,null,[[0,12]]);}));return function setLocationOnceAvailable(_x,_x2){return _ref.apply(this,arguments);};}();/**
+ */
+const setLocationOnceAvailable = async (locationCode, dispatch) => {
+  try {
+    const {
+      locations: initialLocations
+    } = await initialLocationsPromise;
+    if (!initialLocations.some(l => l.code === locationCode)) {
+      return;
+    }
+    await dispatch(selectLocation({
+      location: {
+        code: locationCode
+      }
+    }));
+    requestAnimationFrame(() => {
+      dispatch(setPending(false));
+    });
+  } catch (error) {
+    // Location won't be set.
+  }
+};
+
+/**
  * Locations subscriptions.
  * @param {Function} subscribe The subscribe function.
- */function locationsSubscriber(subscribe){subscribe(appWillInit$,function(){appInitialization.set('location',/*#__PURE__*/function(){var _ref5=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref4){var dispatch;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:dispatch=_ref4.dispatch;if(!(hasNewServices()&&!IS_PAGE_PREVIEW_ACTIVE)){_context2.next=4;break;}_context2.next=4;return dispatch(fetchDefaultLocation());case 4:case"end":return _context2.stop();}},_callee2);}));return function(_x3){return _ref5.apply(this,arguments);};}());});subscribe(cookieConsentInitialized$,/*#__PURE__*/function(){var _ref7=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref6){var dispatch,getState,userSearch,_ref9,locations,preferredLocation,code,hasLocation,_ref11,preferredLocationDefault,locationToPreselect;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:dispatch=_ref6.dispatch,getState=_ref6.getState;if(hasNewServices()){_context3.next=3;break;}return _context3.abrupt("return");case 3:// Fetch merchants locations.
-userSearch=getUserSearch(getState());_context3.prev=4;_context3.next=7;return dispatch(fetchLocations(userSearch));case 7:_ref9=_context3.sent;locations=_ref9.locations;preferredLocation=getPreferredLocation(getState());if(!preferredLocation){_context3.next=16;break;}code=preferredLocation.code;// Check if the preferred location is included within the fetched locations
-hasLocation=!!locations.find(function(location){return location.code===code;});if(hasLocation){_context3.next=16;break;}_context3.next=16;return dispatch(fetchLocations({codes:[code]}));case 16:// Preset preferredLocation if configured
-_ref11=getThemeSettings('@shopgate/engage/locations')||{},preferredLocationDefault=_ref11.preferredLocationDefault;if(!preferredLocationDefault){_context3.next=23;break;}if(preferredLocation){_context3.next=23;break;}locationToPreselect=locations.find(function(l){return l.code===preferredLocationDefault;});if(!locationToPreselect){_context3.next=23;break;}_context3.next=23;return dispatch(selectLocation({location:{code:preferredLocationDefault}}));case 23:initialLocationsResolve(locations);_context3.next=29;break;case 26:_context3.prev=26;_context3.t0=_context3["catch"](4);initialLocationsReject(_context3.t0);case 29:UIEvents.addListener(EVENT_SET_OPEN,function(){var route=getCurrentRoute(getState());if(!route.params.productId&&!route.state.productId){return;}var productId=route.state.productId||hex2bin(route.params.productId);if(productId){dispatch(fetchProductLocations(productId,getUserSearch(getState())));}});case 30:case"end":return _context3.stop();}},_callee3,null,[[4,26]]);}));return function(_x4){return _ref7.apply(this,arguments);};}());subscribe(userSearchChanged$,/*#__PURE__*/function(){var _ref13=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref12){var dispatch,getState,action,productId,isStoreFinder,silent,state,userSearch,storeFinderSearch;return _regeneratorRuntime.wrap(function _callee4$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:dispatch=_ref12.dispatch,getState=_ref12.getState,action=_ref12.action;productId=action.productId,isStoreFinder=action.isStoreFinder,silent=action.silent;if(!(silent===true)){_context4.next=4;break;}return _context4.abrupt("return");case 4:state=getState();userSearch=getUserSearch(state);if(!(isStoreFinder||action.type===SET_STORE_FINDER_SEARCH_RADIUS)){_context4.next=12;break;}storeFinderSearch=getStoreFinderSearch(state);_context4.next=10;return dispatch(fetchLocations(_extends({},userSearch,{},storeFinderSearch,{enableInLocationFinder:true})));case 10:_context4.next=19;break;case 12:if(productId){_context4.next=17;break;}_context4.next=15;return dispatch(fetchLocations(userSearch));case 15:_context4.next=19;break;case 17:_context4.next=19;return dispatch(fetchProductLocations(productId,userSearch));case 19:case"end":return _context4.stop();}},_callee4);}));return function(_x5){return _ref13.apply(this,arguments);};}());var productInventoryNeedsUpdate$=productIsReady$.merge(variantDidChange$).merge(preferredLocationDidUpdateOnPDP$).debounceTime(200);subscribe(productInventoryNeedsUpdate$,function(_ref14){var action=_ref14.action,dispatch=_ref14.dispatch,getState=_ref14.getState;var productData=action.productData;// Skip if no fulfillment methods are set.
-if(!productData||!productData.fulfillmentMethods||productData.fulfillmentMethods.length===0){return;}var state=getState();var preferredLocation=getPreferredLocation(state);if(!preferredLocation){return;}// Fetch inventories for this specific product.
-dispatch(fetchProductInventories(action.productData.id,{locationCodes:[preferredLocation.code]}));});// Core config and cart subscriptions
-var fetchCart$=cartDidEnter$.switchMap(function(){return submitReservationSuccess$.first();}).delay(500);subscribe(fetchCart$,function(_ref15){var dispatch=_ref15.dispatch;dispatch(fetchCart());});subscribe(storeFinderWillEnter$,/*#__PURE__*/function(){var _ref17=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref16){var dispatch,getState,state,userSearch,storeFinderSearch;return _regeneratorRuntime.wrap(function _callee5$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:dispatch=_ref16.dispatch,getState=_ref16.getState;state=getState();// Fetch merchants locations.
-userSearch=getUserSearch(state);storeFinderSearch=getStoreFinderSearch(state);_context5.next=6;return dispatch(fetchLocations(_extends({},userSearch,{},storeFinderSearch,{enableInLocationFinder:true})));case 6:case"end":return _context5.stop();}},_callee5);}));return function(_x6){return _ref17.apply(this,arguments);};}());/**
+ */
+function locationsSubscriber(subscribe) {
+  subscribe(appWillInit$, () => {
+    appInitialization.set('location', async ({
+      dispatch
+    }) => {
+      // Skip fetching the default location if the page preview is active, since it blocks
+      // iFrame communication.
+      if (hasNewServices() && !IS_PAGE_PREVIEW_ACTIVE) {
+        await dispatch(fetchDefaultLocation());
+      }
+    });
+  });
+  subscribe(cookieConsentInitialized$, async ({
+    dispatch,
+    getState
+  }) => {
+    if (!hasNewServices()) {
+      // no ROPE stuff when connected with old services right now
+      return;
+    }
+
+    // Fetch merchants locations.
+    const userSearch = getUserSearch(getState());
+    try {
+      const {
+        locations
+      } = await dispatch(fetchLocations(userSearch));
+      const preferredLocation = getPreferredLocation(getState());
+      if (preferredLocation) {
+        const {
+          code
+        } = preferredLocation;
+        // Check if the preferred location is included within the fetched locations
+        const hasLocation = !!locations.find(location => location.code === code);
+        if (!hasLocation) {
+          // Fetch the missing location data
+          await dispatch(fetchLocations({
+            codes: [code]
+          }));
+        }
+      }
+
+      // Preset preferredLocation if configured
+      const {
+        preferredLocationDefault
+      } = getThemeSettings('@shopgate/engage/locations') || {};
+      if (preferredLocationDefault) {
+        // check if there is already a preferredLocation for the user, if not set one
+        if (!preferredLocation) {
+          const locationToPreselect = locations.find(l => l.code === preferredLocationDefault);
+          if (locationToPreselect) {
+            await dispatch(selectLocation({
+              location: {
+                code: preferredLocationDefault
+              }
+            }));
+          }
+        }
+      }
+      initialLocationsResolve(locations);
+    } catch (error) {
+      initialLocationsReject(error);
+    }
+    UIEvents.addListener(EVENT_SET_OPEN, () => {
+      const route = getCurrentRoute(getState());
+      if (!route.params.productId && !route.state.productId) {
+        return;
+      }
+      const productId = route.state.productId || hex2bin(route.params.productId);
+      if (productId) {
+        dispatch(fetchProductLocations(productId, getUserSearch(getState())));
+      }
+    });
+  });
+  subscribe(userSearchChanged$, async ({
+    dispatch,
+    getState,
+    action
+  }) => {
+    const {
+      productId,
+      isStoreFinder,
+      silent
+    } = action;
+    if (silent === true) {
+      // Silent background propagation
+      return;
+    }
+    const state = getState();
+    const userSearch = getUserSearch(state);
+    if (isStoreFinder || action.type === SET_STORE_FINDER_SEARCH_RADIUS) {
+      const storeFinderSearch = getStoreFinderSearch(state);
+      await dispatch(fetchLocations({
+        ...userSearch,
+        ...storeFinderSearch,
+        enableInLocationFinder: true
+      }));
+    } else if (!productId) {
+      await dispatch(fetchLocations(userSearch));
+    } else {
+      await dispatch(fetchProductLocations(productId, userSearch));
+    }
+  });
+  const productInventoryNeedsUpdate$ = productIsReady$.merge(variantDidChange$).merge(preferredLocationDidUpdateOnPDP$).debounceTime(200);
+  subscribe(productInventoryNeedsUpdate$, ({
+    action,
+    dispatch,
+    getState
+  }) => {
+    const {
+      productData
+    } = action;
+
+    // Skip if no fulfillment methods are set.
+    if (!productData || !productData.fulfillmentMethods || productData.fulfillmentMethods.length === 0) {
+      return;
+    }
+    const state = getState();
+    const preferredLocation = getPreferredLocation(state);
+    if (!preferredLocation) {
+      return;
+    }
+
+    // Fetch inventories for this specific product.
+    dispatch(fetchProductInventories(action.productData.id, {
+      locationCodes: [preferredLocation.code]
+    }));
+  });
+
+  // Core config and cart subscriptions
+  const fetchCart$ = cartDidEnter$.switchMap(() => submitReservationSuccess$.first()).delay(500);
+  subscribe(fetchCart$, ({
+    dispatch
+  }) => {
+    dispatch(fetchCart());
+  });
+  subscribe(storeFinderWillEnter$, async ({
+    dispatch,
+    getState
+  }) => {
+    const state = getState();
+    // Fetch merchants locations.
+    const userSearch = getUserSearch(state);
+    const storeFinderSearch = getStoreFinderSearch(state);
+    await dispatch(fetchLocations({
+      ...userSearch,
+      ...storeFinderSearch,
+      enableInLocationFinder: true
+    }));
+  });
+
+  /**
    * Makes sure that the active location is switched after logging in
    * to a location that is also available in the cart.
    * Avoids having a selected location that differs from the cart
-   */var afterCartMerge$=userDidLogin$.mergeMap(function(){return cartReceived$.first();});subscribe(afterCartMerge$,/*#__PURE__*/function(){var _ref19=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref18){var _cartItems$,_cartItems$$fulfillme,_cartItems$$fulfillme2;var dispatch,getState,state,cartItems,preferredLocation,activeCartLocation,firstLocationCode;return _regeneratorRuntime.wrap(function _callee6$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:dispatch=_ref18.dispatch,getState=_ref18.getState;state=getState();cartItems=getCartItems(state);preferredLocation=getPreferredLocation(state,{});if(cartItems===null||cartItems===void 0?void 0:cartItems.length){_context6.next=6;break;}return _context6.abrupt("return");case 6:activeCartLocation=cartItems.find(function(item){var _item$fulfillment,_item$fulfillment$loc;return((_item$fulfillment=item.fulfillment)===null||_item$fulfillment===void 0?void 0:(_item$fulfillment$loc=_item$fulfillment.location)===null||_item$fulfillment$loc===void 0?void 0:_item$fulfillment$loc.code)===(preferredLocation===null||preferredLocation===void 0?void 0:preferredLocation.code);});if(!activeCartLocation){_context6.next=9;break;}return _context6.abrupt("return");case 9:firstLocationCode=(_cartItems$=cartItems[0])===null||_cartItems$===void 0?void 0:(_cartItems$$fulfillme=_cartItems$.fulfillment)===null||_cartItems$$fulfillme===void 0?void 0:(_cartItems$$fulfillme2=_cartItems$$fulfillme.location)===null||_cartItems$$fulfillme2===void 0?void 0:_cartItems$$fulfillme2.code;if(firstLocationCode){_context6.next=12;break;}return _context6.abrupt("return");case 12:_context6.next=14;return dispatch(selectLocation({location:{code:firstLocationCode}}));case 14:dispatch(selectGlobalLocation({code:firstLocationCode}));case 15:case"end":return _context6.stop();}},_callee6);}));return function(_x7){return _ref19.apply(this,arguments);};}());/**
+   */
+  const afterCartMerge$ = userDidLogin$.mergeMap(() => cartReceived$.first());
+  subscribe(afterCartMerge$, async ({
+    dispatch,
+    getState
+  }) => {
+    const state = getState();
+    const cartItems = getCartItems(state);
+    const preferredLocation = getPreferredLocation(state, {});
+    if (!cartItems?.length) {
+      return;
+    }
+    const activeCartLocation = cartItems.find(item => item.fulfillment?.location?.code === preferredLocation?.code);
+    if (activeCartLocation) {
+      return;
+    }
+    const firstLocationCode = cartItems[0]?.fulfillment?.location?.code;
+    if (!firstLocationCode) {
+      return;
+    }
+    await dispatch(selectLocation({
+      location: {
+        code: firstLocationCode
+      }
+    }));
+    dispatch(selectGlobalLocation({
+      code: firstLocationCode
+    }));
+  });
+
+  /**
    * Handles an added store url parameter that will set the default store location
-   */subscribe(routeWillEnter$,function(_ref20){var action=_ref20.action,dispatch=_ref20.dispatch,getState=_ref20.getState;var locationCode=action.route.query.store;if(!locationCode){if(!getIsPending(getState())){dispatch(setPending(false));}return;}setLocationOnceAvailable(locationCode,dispatch);});var alternative$=productInventoryNeedsUpdate$.switchMap(function(){return provideAlternativeLocation$.first();});/**
+   */
+  subscribe(routeWillEnter$, ({
+    action,
+    dispatch,
+    getState
+  }) => {
+    const locationCode = action.route.query.store;
+    if (!locationCode) {
+      if (!getIsPending(getState())) {
+        dispatch(setPending(false));
+      }
+      return;
+    }
+    setLocationOnceAvailable(locationCode, dispatch);
+  });
+  const alternative$ = productInventoryNeedsUpdate$.switchMap(() => provideAlternativeLocation$.first());
+  /**
    * Provide alternative location on PDP when preferred location is out of stock
-   */subscribe(alternative$,/*#__PURE__*/function(){var _ref22=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_ref21){var action,dispatch,getState,state,alternativeLocations,productId,params,alternativeParams,fetchParams;return _regeneratorRuntime.wrap(function _callee7$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:action=_ref21.action,dispatch=_ref21.dispatch,getState=_ref21.getState;_context7.next=3;return dispatch(setUserGeolocation({silent:true}));case 3:// Get new state with geolocation
-state=getState();alternativeLocations=getProductAlternativeLocations(state,action);if(!alternativeLocations){_context7.next=7;break;}return _context7.abrupt("return");case 7:productId=action.productId,params=action.params;alternativeParams=getProductAlternativeLocationParams(state);fetchParams=_extends({},alternativeParams,{},params);if(fetchParams.geolocation||fetchParams.postalCode){dispatch(fetchProductLocations(productId,fetchParams));}case 11:case"end":return _context7.stop();}},_callee7);}));return function(_x8){return _ref22.apply(this,arguments);};}());subscribe(categoryDidBackEnter$.merge(searchDidBackEntered$),function(_ref23){var _getProductsResult;var action=_ref23.action,dispatch=_ref23.dispatch,getState=_ref23.getState;var state=getState();if(!showInventoryInLists(state)){return;}var categoryId=action.route.params.categoryId;var query=getCurrentSearchQuery(state);var products=(_getProductsResult=getProductsResult(state,{categoryId:hex2bin(categoryId),searchPhrase:query}))===null||_getProductsResult===void 0?void 0:_getProductsResult.products;if(!products||!products.length){return;}var productCodes=products.map(function(_ref24){var id=_ref24.id;return id;});dispatch(fetchInventories(productCodes));});subscribe(productsReceived$.merge(productsReceivedCached$),function(_ref25){var action=_ref25.action,dispatch=_ref25.dispatch,getState=_ref25.getState;if(!showInventoryInLists(getState())){return;}if(!action.products||!action.products.length||(action===null||action===void 0?void 0:action.fetchInventory)===false){return;}var productCodes=action.type!==RECEIVE_PRODUCTS_CACHED?action.products.map(function(_ref26){var id=_ref26.id;return id;}):action.products;dispatch(fetchInventories(productCodes));});subscribe(receiveFavoritesWhileVisible$.merge(preferredLocationDidUpdateGlobalOnWishlist$),function(_ref27){var dispatch=_ref27.dispatch,getState=_ref27.getState;var state=getState();if(!showInventoryInLists(state)||isFetching(getState())){return;}var productIds=getFavoritesProductsIds(state);if(!productIds||!productIds.length){return;}dispatch(fetchInventories(productIds));});subscribe(appDidStart$,function(_ref28){var getState=_ref28.getState;// enable inventory in product lists for some users
-setShowInventoryInLists(getState());});subscribe(storeDetailPageWillEnter$,/*#__PURE__*/function(){var _ref30=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(_ref29){var dispatch,getState,route,getLocation,location;return _regeneratorRuntime.wrap(function _callee8$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:dispatch=_ref29.dispatch,getState=_ref29.getState;route=getCurrentRoute(getState());getLocation=makeGetLocation(function(){return route.params.code;});location=getLocation(getState());_context8.next=6;return dispatch(fetchLocations({geolocation:{longitude:location.longitude,latitude:location.latitude},limit:NEARBY_LOCATIONS_LIMIT,radius:NEARBY_LOCATIONS_RADIUS}));case 6:case"end":return _context8.stop();}},_callee8);}));return function(_x9){return _ref30.apply(this,arguments);};}());}export default locationsSubscriber;
+   */
+  subscribe(alternative$, async ({
+    action,
+    dispatch,
+    getState
+  }) => {
+    // Refresh geo location
+    await dispatch(setUserGeolocation({
+      silent: true
+    }));
+
+    // Get new state with geolocation
+    const state = getState();
+    const alternativeLocations = getProductAlternativeLocations(state, action);
+    if (alternativeLocations) {
+      // Already fetched by default params
+      return;
+    }
+    const {
+      productId,
+      params
+    } = action;
+    const alternativeParams = getProductAlternativeLocationParams(state);
+    const fetchParams = {
+      ...alternativeParams,
+      ...params
+    };
+    if (fetchParams.geolocation || fetchParams.postalCode) {
+      dispatch(fetchProductLocations(productId, fetchParams));
+    }
+  });
+  subscribe(categoryDidBackEnter$.merge(searchDidBackEntered$), ({
+    action,
+    dispatch,
+    getState
+  }) => {
+    const state = getState();
+    if (!showInventoryInLists(state)) {
+      return;
+    }
+    const {
+      categoryId
+    } = action.route.params;
+    const query = getCurrentSearchQuery(state);
+    const products = getProductsResult(state, {
+      categoryId: hex2bin(categoryId),
+      searchPhrase: query
+    })?.products;
+    if (!products || !products.length) {
+      return;
+    }
+    const productCodes = products.map(({
+      id
+    }) => id);
+    dispatch(fetchInventories(productCodes));
+  });
+  subscribe(productsReceived$.merge(productsReceivedCached$), ({
+    action,
+    dispatch,
+    getState
+  }) => {
+    if (!showInventoryInLists(getState())) {
+      return;
+    }
+    if (!action.products || !action.products.length || action?.fetchInventory === false) {
+      return;
+    }
+    const productCodes = action.type !== RECEIVE_PRODUCTS_CACHED ? action.products.map(({
+      id
+    }) => id) : action.products;
+    dispatch(fetchInventories(productCodes));
+  });
+  subscribe(receiveFavoritesWhileVisible$.merge(preferredLocationDidUpdateGlobalOnWishlist$), ({
+    dispatch,
+    getState
+  }) => {
+    const state = getState();
+    if (!showInventoryInLists(state) || isFetching(getState())) {
+      return;
+    }
+    const productIds = getFavoritesProductsIds(state);
+    if (!productIds || !productIds.length) {
+      return;
+    }
+    dispatch(fetchInventories(productIds));
+  });
+  subscribe(appDidStart$, ({
+    getState
+  }) => {
+    // enable inventory in product lists for some users
+    setShowInventoryInLists(getState());
+  });
+  subscribe(storeDetailPageWillEnter$, async ({
+    dispatch,
+    getState
+  }) => {
+    const route = getCurrentRoute(getState());
+    const getLocation = makeGetLocation(() => route.params.code);
+    const location = getLocation(getState());
+    await dispatch(fetchLocations({
+      geolocation: {
+        longitude: location.longitude,
+        latitude: location.latitude
+      },
+      limit: NEARBY_LOCATIONS_LIMIT,
+      radius: NEARBY_LOCATIONS_RADIUS
+    }));
+  });
+}
+export default locationsSubscriber;

package/login/action-creators/index.js

@@ -1 +1 @@
-export{requestResetPassword,receiveResetPassword,errorResetPassword}from"./resetPassword";
+export { requestResetPassword, receiveResetPassword, errorResetPassword } from "./resetPassword";

package/login/action-creators/resetPassword.js

@@ -1,14 +1,33 @@
-import{REQUEST_RESET_PASSWORD,ERROR_RESET_PASSWORD,RECEIVE_RESET_PASSWORD}from"../constants";/**
+import { REQUEST_RESET_PASSWORD, ERROR_RESET_PASSWORD, RECEIVE_RESET_PASSWORD } from "../constants";
+
+/**
  * Creates the dispatched REQUEST_RESET_PASSWORD action object.
  * @param {string} email The email address for the reset password request.
  * @returns {Object} The dispatched action object.
- */export var requestResetPassword=function requestResetPassword(email){return{type:REQUEST_RESET_PASSWORD,email:email};};/**
+ */
+export const requestResetPassword = email => ({
+  type: REQUEST_RESET_PASSWORD,
+  email
+});
+
+/**
  * Creates the dispatched RECEIVE_RESET_PASSWORD action object.
  * @param {string} email The email address for the reset password request.
  * @returns {Object} The dispatched action object.
- */export var receiveResetPassword=function receiveResetPassword(email){return{type:RECEIVE_RESET_PASSWORD,email:email};};/**
+ */
+export const receiveResetPassword = email => ({
+  type: RECEIVE_RESET_PASSWORD,
+  email
+});
+
+/**
  * Creates the dispatched ERROR_RESET_PASSWORD action object.
  * @param {string} email The email address for the reset password request.
  * @param {Object} error A pipeline error.
  * @returns {Object} The dispatched action object.
- */export var errorResetPassword=function errorResetPassword(email,error){return{type:ERROR_RESET_PASSWORD,email:email,error:error};};
+ */
+export const errorResetPassword = (email, error) => ({
+  type: ERROR_RESET_PASSWORD,
+  email,
+  error
+});

package/login/actions/index.js

@@ -1 +1 @@
-export{default as resetPassword}from"./resetPassword";
+export { default as resetPassword } from "./resetPassword";

package/login/actions/resetPassword.js

@@ -1,5 +1,25 @@
-import{PipelineRequest,LoadingProvider,EUSERNOTFOUND}from'@shopgate/engage/core';import{SHOPGATE_USER_RESET_PASSWORD,FORGOT_PASSWORD_PATTERN}from"../constants";import{requestResetPassword,receiveResetPassword,errorResetPassword}from"../action-creators";/**
+import { PipelineRequest, LoadingProvider, EUSERNOTFOUND } from '@shopgate/engage/core';
+import { SHOPGATE_USER_RESET_PASSWORD, FORGOT_PASSWORD_PATTERN } from "../constants";
+import { requestResetPassword, receiveResetPassword, errorResetPassword } from "../action-creators";
+
+/**
  * Sends a reset password pipeline request.
  * @param {string} email The email for which the password shall be reset.
  * @returns {Function} A redux thunk.
- */var resetPasswordAction=function resetPasswordAction(email){return function(dispatch){LoadingProvider.setLoading(FORGOT_PASSWORD_PATTERN);dispatch(requestResetPassword(email));var request=new PipelineRequest(SHOPGATE_USER_RESET_PASSWORD).setInput({email:email}).setTrusted().setErrorBlacklist([EUSERNOTFOUND]).dispatch();request.then(function(){dispatch(receiveResetPassword(email));LoadingProvider.resetLoading(FORGOT_PASSWORD_PATTERN);})["catch"](function(error){dispatch(errorResetPassword(email,error));LoadingProvider.resetLoading(FORGOT_PASSWORD_PATTERN);});return request;};};export default resetPasswordAction;
+ */
+const resetPasswordAction = email => dispatch => {
+  LoadingProvider.setLoading(FORGOT_PASSWORD_PATTERN);
+  dispatch(requestResetPassword(email));
+  const request = new PipelineRequest(SHOPGATE_USER_RESET_PASSWORD).setInput({
+    email
+  }).setTrusted().setErrorBlacklist([EUSERNOTFOUND]).dispatch();
+  request.then(() => {
+    dispatch(receiveResetPassword(email));
+    LoadingProvider.resetLoading(FORGOT_PASSWORD_PATTERN);
+  }).catch(error => {
+    dispatch(errorResetPassword(email, error));
+    LoadingProvider.resetLoading(FORGOT_PASSWORD_PATTERN);
+  });
+  return request;
+};
+export default resetPasswordAction;

package/login/components/ForgotPassword/ForgotPassword.connector.js

@@ -1,5 +1,14 @@
-import{connect}from'react-redux';import{historyPop}from'@shopgate/pwa-common/actions/router';import{resetPassword as _resetPassword}from"../../actions";/**
+import { connect } from 'react-redux';
+import { historyPop } from '@shopgate/pwa-common/actions/router';
+import { resetPassword } from "../../actions";
+
+/**
  * Connects the dispatch function to a callable function in the props.
  * @param {Function} dispatch The redux dispatch function.
  * @return {Object} The extended component props.
- */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{resetPassword:function resetPassword(email){return dispatch(_resetPassword(email));},goBack:function goBack(){return dispatch(historyPop());}};};export default connect(null,mapDispatchToProps);
+ */
+const mapDispatchToProps = dispatch => ({
+  resetPassword: email => dispatch(resetPassword(email)),
+  goBack: () => dispatch(historyPop())
+});
+export default connect(null, mapDispatchToProps);

package/login/components/ForgotPassword/ForgotPassword.js

@@ -1,5 +1,98 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{Fragment,useCallback,useState}from'react';import PropTypes from'prop-types';import{RippleButton,I18n,ArrowIcon}from'@shopgate/engage/components';import TextField from'@shopgate/pwa-ui-shared/TextField';import{i18n,EUSERNOTFOUND}from'@shopgate/engage/core';import{container,headline,subline,form,input,button,buttonContainer,resetInstructions,resetInstructionsEmail,goBackButtonContainer,goBackButton,goBackButtonIcon}from"./ForgotPassword.style";import connect from"./ForgotPassword.connector";/**
+import React, { Fragment, useCallback, useState } from 'react';
+import PropTypes from 'prop-types';
+import { RippleButton, I18n, ArrowIcon } from '@shopgate/engage/components';
+import TextField from '@shopgate/pwa-ui-shared/TextField';
+import { i18n, EUSERNOTFOUND } from '@shopgate/engage/core';
+import { container, headline, subline, form, input, button, buttonContainer, resetInstructions, resetInstructionsEmail, goBackButtonContainer, goBackButton, goBackButtonIcon } from "./ForgotPassword.style";
+import connect from "./ForgotPassword.connector";
+
+/**
  * The ForgotPassword component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var ForgotPassword=function ForgotPassword(_ref){var resetPassword=_ref.resetPassword,goBack=_ref.goBack;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),showSuccess=_useState2[0],setShowSuccess=_useState2[1];var _useState3=useState(''),_useState4=_slicedToArray(_useState3,2),email=_useState4[0],setEmail=_useState4[1];var _useState5=useState(''),_useState6=_slicedToArray(_useState5,2),validationError=_useState6[0],setValidationError=_useState6[1];var _useState7=useState(false),_useState8=_slicedToArray(_useState7,2),loading=_useState8[0],setLoading=_useState8[1];var handleSubmit=useCallback(/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(event){var code;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:event.preventDefault();setValidationError('');if(!email){_context.next=17;break;}setLoading(true);_context.prev=4;_context.next=7;return resetPassword(email);case 7:setShowSuccess(true);_context.next=14;break;case 10:_context.prev=10;_context.t0=_context["catch"](4);code=_context.t0.code;if(code===EUSERNOTFOUND){setValidationError('login.reset_password.customer_not_found');}case 14:setLoading(false);_context.next=18;break;case 17:setValidationError('validation.email');case 18:case"end":return _context.stop();}},_callee,null,[[4,10]]);}));return function(_x){return _ref2.apply(this,arguments);};}(),[email,resetPassword]);var handleBackToLogin=useCallback(function(){goBack();},[goBack]);return React.createElement("div",{className:container},React.createElement("div",{className:headline},React.createElement(I18n.Text,{string:"login.forgot_password"})),!showSuccess?React.createElement(Fragment,null,React.createElement("div",{className:subline},React.createElement(I18n.Text,{string:"login.reset_password.subline"})),React.createElement("form",{onSubmit:handleSubmit,className:form},React.createElement(TextField,{type:"email",name:"email",className:input,label:"login.email",value:email,onChange:function onChange(value){return setEmail(value);},errorText:validationError}),React.createElement("div",{className:buttonContainer},React.createElement(RippleButton,{className:button,type:"secondary",disabled:loading},React.createElement(I18n.Text,{string:"common.submit"}))))):React.createElement(Fragment,null,React.createElement("div",{className:resetInstructions},React.createElement("span",{/* eslint-disable react/no-danger */dangerouslySetInnerHTML:{__html:i18n.text('login.reset_password.reset_instructions',{email:"<span class=\"".concat(resetInstructionsEmail,"\">").concat(email,"</span>")})}/* eslint-enable react/no-danger */})),React.createElement("div",{className:goBackButtonContainer},React.createElement(RippleButton,{flat:true,className:goBackButton,type:"secondary",onClick:handleBackToLogin},React.createElement(ArrowIcon,{className:goBackButtonIcon}),React.createElement(I18n.Text,{string:"login.reset_password.back_to_login"})))));};export default connect(ForgotPassword);
+ */
+const ForgotPassword = ({
+  resetPassword,
+  goBack
+}) => {
+  const [showSuccess, setShowSuccess] = useState(false);
+  const [email, setEmail] = useState('');
+  const [validationError, setValidationError] = useState('');
+  const [loading, setLoading] = useState(false);
+  const handleSubmit = useCallback(async event => {
+    event.preventDefault();
+    setValidationError('');
+    if (email) {
+      setLoading(true);
+      try {
+        await resetPassword(email);
+        setShowSuccess(true);
+      } catch (error) {
+        const {
+          code
+        } = error;
+        if (code === EUSERNOTFOUND) {
+          setValidationError('login.reset_password.customer_not_found');
+        }
+      }
+      setLoading(false);
+    } else {
+      setValidationError('validation.email');
+    }
+  }, [email, resetPassword]);
+  const handleBackToLogin = useCallback(() => {
+    goBack();
+  }, [goBack]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: headline
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "login.forgot_password"
+  })), !showSuccess ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: subline
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "login.reset_password.subline"
+  })), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit,
+    className: form
+  }, /*#__PURE__*/React.createElement(TextField, {
+    type: "email",
+    name: "email",
+    className: input,
+    label: "login.email",
+    value: email,
+    onChange: value => setEmail(value),
+    errorText: validationError
+  }), /*#__PURE__*/React.createElement("div", {
+    className: buttonContainer
+  }, /*#__PURE__*/React.createElement(RippleButton, {
+    className: button,
+    type: "secondary",
+    disabled: loading
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "common.submit"
+  }))))) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: resetInstructions
+  }, /*#__PURE__*/React.createElement("span", {
+    /* eslint-disable react/no-danger */
+    dangerouslySetInnerHTML: {
+      __html: i18n.text('login.reset_password.reset_instructions', {
+        email: `<span class="${resetInstructionsEmail}">${email}</span>`
+      })
+    }
+    /* eslint-enable react/no-danger */
+  })), /*#__PURE__*/React.createElement("div", {
+    className: goBackButtonContainer
+  }, /*#__PURE__*/React.createElement(RippleButton, {
+    flat: true,
+    className: goBackButton,
+    type: "secondary",
+    onClick: handleBackToLogin
+  }, /*#__PURE__*/React.createElement(ArrowIcon, {
+    className: goBackButtonIcon
+  }), /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "login.reset_password.back_to_login"
+  })))));
+};
+export default connect(ForgotPassword);