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

package/back-in-stock/selectors/index.js

@@ -1,43 +1,121 @@
-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{createSelector}from'reselect';import{makeGetProductByCharacteristics}from'@shopgate/engage/product';import{appConfig}from'@shopgate/engage';import{hasNewServices,hasSGJavaScriptBridge,hasWebBridge}from'@shopgate/engage/core/helpers';import{getClientInformation}from'@shopgate/engage/core/selectors';import{PERMISSION_STATUS_GRANTED,PERMISSION_STATUS_NOT_SUPPORTED}from'@shopgate/engage/core/constants';/**
+import { createSelector } from 'reselect';
+import { makeGetProductByCharacteristics } from '@shopgate/engage/product';
+import { appConfig } from '@shopgate/engage';
+import { hasNewServices, hasSGJavaScriptBridge, hasWebBridge } from '@shopgate/engage/core/helpers';
+import { getClientInformation } from '@shopgate/engage/core/selectors';
+import { PERMISSION_STATUS_GRANTED, PERMISSION_STATUS_NOT_SUPPORTED } from '@shopgate/engage/core/constants';
+
+/**
  * @param {Object} state The application state.
  * @returns {Object}
- */export var getBackInStockState=function getBackInStockState(state){return state.backInStock;};/**
+ */
+export const getBackInStockState = state => state.backInStock;
+
+/**
  * Selector to retrieve the back-in-stock subscriptions list
  * @returns {Array}
- */export var getBackInStockSubscriptions=createSelector(getBackInStockState,function(state){return state.subscriptions;});/**
+ */
+export const getBackInStockSubscriptions = createSelector(getBackInStockState, state => state.subscriptions);
+
+/**
  * Selector to retrieve the current fetching state of back-in-stock subscriptions
  * @returns {boolean}
- */export var getBackInStockSubscriptionsFetching=createSelector(getBackInStockState,function(state){return state.isFetching;});/**
+ */
+export const getBackInStockSubscriptionsFetching = createSelector(getBackInStockState, state => state.isFetching);
+
+/**
  * Selector to determine if back-in-stock subscriptions have been fetched before
  * @returns {boolean}
- */export var getBackInStockSubscriptionsInitial=createSelector(getBackInStockState,function(state){return state.isInitial;});/**
+ */
+export const getBackInStockSubscriptionsInitial = createSelector(getBackInStockState, state => state.isInitial);
+
+/**
  * Selector to retrieve the current status of the push app permission
  * @returns {string}
- */export var getBackInStockPushPermissionStatus=createSelector(getBackInStockState,function(state){return state.pushPermissionStatus;});/**
+ */
+export const getBackInStockPushPermissionStatus = createSelector(getBackInStockState, state => state.pushPermissionStatus);
+
+/**
  * Creates a selector that retrieves the subscription of
  * a product / variant or null by its variantId / productId
  * @param {Object} params Params
  * @param {string} params.status Get subscription for a specific status
  * @returns {Function}
- */export var makeGetSubscriptionByProduct=function makeGetSubscriptionByProduct(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},status=_ref.status;return createSelector(function(state){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props.variantId?props.variantId:props.productId;},getBackInStockSubscriptions,function(requestedProductCode,subscriptions){if(!requestedProductCode){return false;}return subscriptions.find(function(_ref2){var productCode=_ref2.productCode,subscriptionStatus=_ref2.status;var match=productCode===requestedProductCode;if(match&&status){// When the selector factory is created for a specific status, the subscription also
-// needs to fulfill this condition
-match=subscriptionStatus===status;}return match;})||null;});};/**
+ */
+export const makeGetSubscriptionByProduct = ({
+  status
+} = {}) => createSelector((state, props = {}) => props.variantId ? props.variantId : props.productId, getBackInStockSubscriptions, (requestedProductCode, subscriptions) => {
+  if (!requestedProductCode) {
+    return false;
+  }
+  return subscriptions.find(({
+    productCode,
+    status: subscriptionStatus
+  }) => {
+    let match = productCode === requestedProductCode;
+    if (match && status) {
+      // When the selector factory is created for a specific status, the subscription also
+      // needs to fulfill this condition
+      match = subscriptionStatus === status;
+    }
+    return match;
+  }) || null;
+});
+
+/**
  * Creates a selector that retrieves the subscription of
  * a product / variant by its characteristics
  * @returns {Function}
- */export var makeGetSubscriptionByCharacteristics=function makeGetSubscriptionByCharacteristics(){var getProductByCharacteristics=makeGetProductByCharacteristics();return createSelector(getProductByCharacteristics,getBackInStockSubscriptions,function(product,subscriptions){if(!product){return null;}return subscriptions.find(function(_ref3){var productCode=_ref3.productCode;return productCode===product.id;})||null;});};/**
+ */
+export const makeGetSubscriptionByCharacteristics = () => {
+  const getProductByCharacteristics = makeGetProductByCharacteristics();
+  return createSelector(getProductByCharacteristics, getBackInStockSubscriptions, (product, subscriptions) => {
+    if (!product) {
+      return null;
+    }
+    return subscriptions.find(({
+      productCode
+    }) => productCode === product.id) || null;
+  });
+};
+
+/**
  * Selector to determine if the back-in-stock feature is enabled
  * @returns {boolean}
- */export var getIsBackInStockEnabled=createSelector(getClientInformation,getBackInStockPushPermissionStatus,function(clientInformation,pushPermissionStatus){// Feature is not supported with the new services right now, since non ROPE inventory is
-// not fully supported.
-if(hasNewServices()||hasWebBridge()){return false;}// Perform app version checks when PWA runs outside the browser
-if(hasSGJavaScriptBridge()){var _clientInformation$co2=clientInformation.codebaseVersion,codebaseVersion=_clientInformation$co2===void 0?'0.0.0':_clientInformation$co2;var _codebaseVersion$spli3=codebaseVersion.split('.'),_codebaseVersion$spli4=_slicedToArray(_codebaseVersion$spli3,1),major=_codebaseVersion$spli4[0];/**
-       * The feature can be enabled on react-native-engage based apps (>= 11.0.0) with proper
-       * support for push permissions checks
-       */if(parseInt(major,10)<11||pushPermissionStatus===PERMISSION_STATUS_NOT_SUPPORTED){return false;}}return(appConfig===null||appConfig===void 0?void 0:appConfig.showBackInStock)||false;});/**
+ */
+export const getIsBackInStockEnabled = createSelector(getClientInformation, getBackInStockPushPermissionStatus, (clientInformation, pushPermissionStatus) => {
+  // Feature is not supported with the new services right now, since non ROPE inventory is
+  // not fully supported.
+  if (hasNewServices() || hasWebBridge()) {
+    return false;
+  }
+
+  // Perform app version checks when PWA runs outside the browser
+  if (hasSGJavaScriptBridge()) {
+    const {
+      codebaseVersion = '0.0.0'
+    } = clientInformation;
+    const [major] = codebaseVersion.split('.');
+
+    /**
+     * The feature can be enabled on react-native-engage based apps (>= 11.0.0) with proper
+     * support for push permissions checks
+     */
+    if (parseInt(major, 10) < 11 || pushPermissionStatus === PERMISSION_STATUS_NOT_SUPPORTED) {
+      return false;
+    }
+  }
+  return appConfig?.showBackInStock || false;
+});
+
+/**
  * Selector to determine if back-in-stock related requests are currently possible.
  * @returns {boolean}
- */export var getAreBackInStockRequestsPossible=createSelector(getIsBackInStockEnabled,getBackInStockPushPermissionStatus,function(featureEnabled,pushPermissionStatus){return featureEnabled&&pushPermissionStatus===PERMISSION_STATUS_GRANTED;});/**
+ */
+export const getAreBackInStockRequestsPossible = createSelector(getIsBackInStockEnabled, getBackInStockPushPermissionStatus, (featureEnabled, pushPermissionStatus) => featureEnabled && pushPermissionStatus === PERMISSION_STATUS_GRANTED);
+
+/**
  * Returns if subscription list is in use
  * @returns {boolean}
- */export var getHasBackInStockSubscriptions=createSelector(getBackInStockSubscriptions,function(subscriptions){return!!subscriptions.length;});
+ */
+export const getHasBackInStockSubscriptions = createSelector(getBackInStockSubscriptions, subscriptions => !!subscriptions.length);

package/back-in-stock/streams/index.js

@@ -1 +1,13 @@
-import{appDidStart$,main$,routeDidEnter$}from'@shopgate/engage/core/streams';import{productWillEnter$}from'@shopgate/engage/product/streams';import{ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS,REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS,BACK_IN_STOCK_PATTERN}from'@shopgate/engage/back-in-stock/constants';export var backInStockRemindersDidEnter$=routeDidEnter$.filter(function(_ref){var action=_ref.action;return action.route.pattern===BACK_IN_STOCK_PATTERN;});export var addBackInStockReminderSuccess$=main$.filter(function(_ref2){var action=_ref2.action;return action.type===ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS;});export var removeBackInStockReminderSuccess$=main$.filter(function(_ref3){var action=_ref3.action;return action.type===REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS;});export var backInStockReminderNeedsFetch$=addBackInStockReminderSuccess$.merge(appDidStart$,removeBackInStockReminderSuccess$,backInStockRemindersDidEnter$,productWillEnter$);
+import { appDidStart$, main$, routeDidEnter$ } from '@shopgate/engage/core/streams';
+import { productWillEnter$ } from '@shopgate/engage/product/streams';
+import { ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS, REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS, BACK_IN_STOCK_PATTERN } from '@shopgate/engage/back-in-stock/constants';
+export const backInStockRemindersDidEnter$ = routeDidEnter$.filter(({
+  action
+}) => action.route.pattern === BACK_IN_STOCK_PATTERN);
+export const addBackInStockReminderSuccess$ = main$.filter(({
+  action
+}) => action.type === ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS);
+export const removeBackInStockReminderSuccess$ = main$.filter(({
+  action
+}) => action.type === REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS);
+export const backInStockReminderNeedsFetch$ = addBackInStockReminderSuccess$.merge(appDidStart$, removeBackInStockReminderSuccess$, backInStockRemindersDidEnter$, productWillEnter$);

package/back-in-stock/subscriptions/index.js

@@ -1,6 +1,17 @@
-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);});};}import{appWillInit$}from'@shopgate/engage/core/streams';import{PERMISSION_ID_PUSH}from'@shopgate/engage/core/constants';import{appInitialization}from'@shopgate/engage/core/collections';import{requestAppPermissionStatus,showModal}from'@shopgate/engage/core/actions';import{fetchBackInStockSubscriptions}from'@shopgate/engage/back-in-stock/actions';import{addBackInStockReminderSuccess$,backInStockReminderNeedsFetch$}from'@shopgate/engage/back-in-stock/streams';import{getIsBackInStockEnabled,getAreBackInStockRequestsPossible}from'@shopgate/engage/back-in-stock/selectors';/**
+import { appWillInit$ } from '@shopgate/engage/core/streams';
+import { PERMISSION_ID_PUSH } from '@shopgate/engage/core/constants';
+import { appInitialization } from '@shopgate/engage/core/collections';
+import { requestAppPermissionStatus, showModal } from '@shopgate/engage/core/actions';
+import { fetchBackInStockSubscriptions } from '@shopgate/engage/back-in-stock/actions';
+import { addBackInStockReminderSuccess$, backInStockReminderNeedsFetch$ } from '@shopgate/engage/back-in-stock/streams';
+import { getIsBackInStockEnabled, getAreBackInStockRequestsPossible } from '@shopgate/engage/back-in-stock/selectors';
+
+/**
  * @param {Function} subscribe The subscribe function.
- */export default function backInStock(subscribe){subscribe(appWillInit$,function(){/**
+ */
+export default function backInStock(subscribe) {
+  subscribe(appWillInit$, () => {
+    /**
      * Back-in-stock requests are only possible when users granted push permissions. Otherwise
      * the backend will not be able to assign the subscriptions to a device.
      *
@@ -8,4 +19,36 @@ import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGenera
      * will retrieve the current status of the push permission before the React app starts.
      *
      * The back-in-stock reducer will store the status, so that selectors can work with it.
-     */appInitialization.set('back-in-stock',/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var dispatch,getState,isEnabled;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch=_ref.dispatch,getState=_ref.getState;isEnabled=getIsBackInStockEnabled(getState());if(!isEnabled){_context.next=5;break;}_context.next=5;return dispatch(requestAppPermissionStatus({permissionId:PERMISSION_ID_PUSH}));case 5:case"end":return _context.stop();}},_callee);}));return function(_x){return _ref2.apply(this,arguments);};}());});subscribe(backInStockReminderNeedsFetch$,function(_ref3){var dispatch=_ref3.dispatch,getState=_ref3.getState;var requestsPossible=getAreBackInStockRequestsPossible(getState());if(requestsPossible){dispatch(fetchBackInStockSubscriptions());}});subscribe(addBackInStockReminderSuccess$,function(_ref4){var dispatch=_ref4.dispatch;dispatch(showModal({title:'back_in_stock.add_back_in_stock_success_modal.title',message:'back_in_stock.add_back_in_stock_success_modal.message',confirm:'modal.confirm',dismiss:null}));});}
+     */
+    appInitialization.set('back-in-stock', async ({
+      dispatch,
+      getState
+    }) => {
+      const isEnabled = getIsBackInStockEnabled(getState());
+      if (isEnabled) {
+        await dispatch(requestAppPermissionStatus({
+          permissionId: PERMISSION_ID_PUSH
+        }));
+      }
+    });
+  });
+  subscribe(backInStockReminderNeedsFetch$, ({
+    dispatch,
+    getState
+  }) => {
+    const requestsPossible = getAreBackInStockRequestsPossible(getState());
+    if (requestsPossible) {
+      dispatch(fetchBackInStockSubscriptions());
+    }
+  });
+  subscribe(addBackInStockReminderSuccess$, ({
+    dispatch
+  }) => {
+    dispatch(showModal({
+      title: 'back_in_stock.add_back_in_stock_success_modal.title',
+      message: 'back_in_stock.add_back_in_stock_success_modal.message',
+      confirm: 'modal.confirm',
+      dismiss: null
+    }));
+  });
+}

package/cart/cart.constants.js

@@ -1 +1,6 @@
-export var FLAG_ORDERABLE='orderable';export var FLAG_COUPONS='coupons';export var FLAG_TAX_INCLUDED='taxIncluded';export var FLAG_MULTI_LINE_RESERVE='multiLineReserve';export var CART_MAX_ITEMS=99;export var CART_INPUT_AUTO_SCROLL_DELAY=500;
+export const FLAG_ORDERABLE = 'orderable';
+export const FLAG_COUPONS = 'coupons';
+export const FLAG_TAX_INCLUDED = 'taxIncluded';
+export const FLAG_MULTI_LINE_RESERVE = 'multiLineReserve';
+export const CART_MAX_ITEMS = 99;
+export const CART_INPUT_AUTO_SCROLL_DELAY = 500;

package/cart/cart.context.js

@@ -1 +1,40 @@
-import{createContext}from'react';export var CartContext=createContext({currency:'EUR',config:{},isUserLoggedIn:false,isLoading:false,flags:{},display:'card',hasPromotionCoupons:false});
+import { createContext } from 'react';
+
+/**
+ * @typedef {Object} CartConfig
+ * @property {Object} shipping
+ * @property {boolean|null} shipping.hideAnonymous
+ * @property {string|null} shipping.textForAnonymousUsers
+ * @property {Object} tax
+ * @property {string|null} tax.text
+ * @property {Object<string, any>} [otherProperties] Additional properties from the cart object.
+ */
+
+/**
+ * @typedef {Object} CartContextProps
+ * @property {string} currency
+ * @property {CartConfig} config
+ * @property {boolean} isUserLoggedIn
+ * @property {boolean} isLoading
+ * @property {Object<string, any>} flags
+ * @property {'line' | 'card'} display
+ * @property {boolean} hasPromotionCoupons
+ */
+
+export const CartContext = /*#__PURE__*/createContext(/** @type {CartContextProps} */{
+  currency: 'EUR',
+  config: {
+    shipping: {
+      hideAnonymous: null,
+      textForAnonymousUsers: null
+    },
+    tax: {
+      text: null
+    }
+  },
+  isUserLoggedIn: false,
+  isLoading: false,
+  flags: {},
+  display: 'card',
+  hasPromotionCoupons: false
+});

package/cart/cart.helpers.js

@@ -1,15 +1,134 @@
-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 groupBy from'lodash/groupBy';import{hasNewServices}from'@shopgate/engage/core/helpers';import{ROPIS,BOPIS}from"../locations";/**
+import "core-js/modules/es.array.reduce.js";
+import groupBy from 'lodash/groupBy';
+import { hasNewServices } from '@shopgate/engage/core/helpers';
+import { ROPIS, BOPIS } from "../locations";
+
+/**
  * @param {Array} cartItems The cart items to sort.
  * @returns {Array}
- */export function sortCartItems(cartItems){var grouped=groupBy(cartItems,'type');var sorted=Object.keys(grouped).reduce(function(acc,key){return[].concat(acc,grouped[key].sort(function(a,b){return Math.sign(!!b.fulfillment-!!a.fulfillment);}));},[]);var ropeItem=sorted.filter(function(item){return item.fulfillment&&[ROPIS,BOPIS].includes(item.fulfillment.method);}).sort(function(a,b){if(a.fulfillment.location.code<b.fulfillment.location.code)return 1;if(a.fulfillment.location.code>b.fulfillment.location.code)return-1;return 0;});var directItem=sorted.filter(function(item){return!item.fulfillment||![ROPIS,BOPIS].includes(item.fulfillment.method);});var merged=[].concat(ropeItem,directItem);// Group splitted line items - try to keep the original order intact as much as possible
-var groupedByBaseLineItemId=groupBy(merged,function(e){return e.baseLineItemId||e.id;});merged=merged.reduce(function(acc,_ref){var id=_ref.id;var group=groupedByBaseLineItemId===null||groupedByBaseLineItemId===void 0?void 0:groupedByBaseLineItemId[id];if(group){return[].concat(acc,group);}return acc;},[]);var enhanced=merged.map(function(item){if(!item.fulfillment||![ROPIS,BOPIS].includes(item.fulfillment.method)){return _extends({},item,{fulfillmentLocationId:null,fulfillmentMethod:null});}return _extends({},item,{fulfillmentLocationId:item.fulfillment.location.code,fulfillmentMethod:item.fulfillment.method});});return enhanced;}/**
+ */
+export function sortCartItems(cartItems) {
+  const grouped = groupBy(cartItems, 'type');
+  const sorted = Object.keys(grouped).reduce((acc, key) => [...acc, ...grouped[key].sort((a, b) => Math.sign(!!b.fulfillment - !!a.fulfillment))], []);
+  const ropeItem = sorted.filter(item => item.fulfillment && [ROPIS, BOPIS].includes(item.fulfillment.method)).sort((a, b) => {
+    if (a.fulfillment.location.code < b.fulfillment.location.code) return 1;
+    if (a.fulfillment.location.code > b.fulfillment.location.code) return -1;
+    return 0;
+  });
+  const directItem = sorted.filter(item => !item.fulfillment || ![ROPIS, BOPIS].includes(item.fulfillment.method));
+  let merged = [...ropeItem, ...directItem];
+
+  // Group splitted line items - try to keep the original order intact as much as possible
+  const groupedByBaseLineItemId = groupBy(merged, e => e.baseLineItemId || e.id);
+  merged = merged.reduce((acc, {
+    id
+  }) => {
+    const group = groupedByBaseLineItemId?.[id];
+    if (group) {
+      return [...acc, ...group];
+    }
+    return acc;
+  }, []);
+  const enhanced = merged.map(item => {
+    if (!item.fulfillment || ![ROPIS, BOPIS].includes(item.fulfillment.method)) {
+      return {
+        ...item,
+        fulfillmentLocationId: null,
+        fulfillmentMethod: null
+      };
+    }
+    return {
+      ...item,
+      fulfillmentLocationId: item.fulfillment.location.code,
+      fulfillmentMethod: item.fulfillment.method
+    };
+  });
+  return enhanced;
+}
+
+/**
  * @param {Object} cartItem A cart item
  * @returns {Object}
- */export var createCartItemPrices=function createCartItemPrices(){var cartItem=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};/**
+ */
+export const createCartItemPrices = (cartItem = {}) => {
+  /**
    * When PWA doesn't run with new services and uses a "shopgate.cart.getCart.v1" pipeline from one
    * of the available cart extensions, we return a price array based on the response of those
    * pipelines.
-   */if(!hasNewServices()){var _cartItem$product3=cartItem.product,_cartItem$product4=_cartItem$product3===void 0?{}:_cartItem$product3,_cartItem$product2$pr2=_cartItem$product4.price,_price=_cartItem$product2$pr2===void 0?{}:_cartItem$product2$pr2;return{price:[],subtotal:typeof(_price===null||_price===void 0?void 0:_price.special)==='number'&&_price.special!==_price["default"]?[{price:_price["default"]},{price:_price.special}]:[{price:_price["default"]}]};}/**
+   */
+  if (!hasNewServices()) {
+    const {
+      product: {
+        price = {}
+      } = {}
+    } = cartItem;
+    return {
+      price: [],
+      subtotal: typeof price?.special === 'number' && price.special !== price.default ? [{
+        price: price.default
+      }, {
+        price: price.special
+      }] : [{
+        price: price.default
+      }]
+    };
+  }
+
+  /**
    * When running with the new services, the "shopgate.cart.getCart.v1" pipeline returns entities
    * with different price properties. Those are handled here.
-   */var _cartItem$product5=cartItem.product,product=_cartItem$product5===void 0?{}:_cartItem$product5,quantity=cartItem.quantity,price=cartItem.price,promoAmount=cartItem.promoAmount,extendedPrice=cartItem.extendedPrice,unitPromoAmount=cartItem.unitPromoAmount,unitDiscountAmount=cartItem.unitDiscountAmount;var _ref2=(product===null||product===void 0?void 0:product.price)||{},unit=_ref2.unit,unitSale=_ref2.unitSale,unitEffective=_ref2.unitEffective;var prices={price:[{price:unit}],subtotal:[]};if(unitSale&&unitSale!==unit){prices.price.push({price:unitSale});prices.subtotal.push({price:unit*quantity});}prices.subtotal.push({price:price});if(unitPromoAmount){prices.price.push({price:unitEffective+unitPromoAmount,isPromo:true});prices.subtotal.push({price:price+promoAmount,isPromo:true});}if(unitDiscountAmount){prices.price.push({price:unitEffective+unitPromoAmount+unitDiscountAmount,isCoupon:true});prices.subtotal.push({price:extendedPrice,isCoupon:true});}return prices;};
+   */
+
+  const {
+    product = {},
+    quantity,
+    price,
+    promoAmount,
+    extendedPrice,
+    unitPromoAmount,
+    unitDiscountAmount
+  } = cartItem;
+  const {
+    unit,
+    unitSale,
+    unitEffective
+  } = product?.price || {};
+  const prices = {
+    price: [{
+      price: unit
+    }],
+    subtotal: []
+  };
+  if (unitSale && unitSale !== unit) {
+    prices.price.push({
+      price: unitSale
+    });
+    prices.subtotal.push({
+      price: unit * quantity
+    });
+  }
+  prices.subtotal.push({
+    price
+  });
+  if (unitPromoAmount) {
+    prices.price.push({
+      price: unitEffective + unitPromoAmount,
+      isPromo: true
+    });
+    prices.subtotal.push({
+      price: price + promoAmount,
+      isPromo: true
+    });
+  }
+  if (unitDiscountAmount) {
+    prices.price.push({
+      price: unitEffective + unitPromoAmount + unitDiscountAmount,
+      isCoupon: true
+    });
+    prices.subtotal.push({
+      price: extendedPrice,
+      isCoupon: true
+    });
+  }
+  return prices;
+};

package/cart/cart.hooks.js

@@ -1,4 +1,14 @@
-import*as React from'react';import{CartContext}from"./cart.context";/**
+import { useContext } from 'react';
+import { CartContext } from "./cart.context";
+
+/**
+ * @typedef {import('./cart.context').CartContextProps} CartContextProps
+ */
+
+/**
  * Returns the cart context.
- * @returns {Object}
- */export function useCartContext(){return React.useContext(CartContext);}
+ * @returns {CartContextProps}
+ */
+export function useCartContext() {
+  return useContext(CartContext);
+}

package/cart/cart.selectors.js

@@ -1,34 +1,137 @@
-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{createSelector}from'reselect';import{hasProductVariants,isProductOrderable}from'@shopgate/pwa-common-commerce/product/selectors/product';import{makeIsProductActive,makeIsBaseProductActive}from'@shopgate/engage/product/selectors/product';import{CART_ITEM_TYPE_PRODUCT}from'@shopgate/pwa-common-commerce/cart/constants';import{DIRECT_SHIP}from"../locations";import{getLocationsStorage,makeIsRopeProductOrderable,makeIsLocationFulfillmentMethodEnabled,getPreferredLocation,getPreferredFulfillmentMethod}from"../locations/selectors";import{makeGetEnabledFulfillmentMethods,makeUseLocationFulfillmentMethods}from"../core";/**
+import { createSelector } from 'reselect';
+import { hasProductVariants, isProductOrderable } from '@shopgate/pwa-common-commerce/product/selectors/product';
+import { makeIsProductActive, makeIsBaseProductActive } from '@shopgate/engage/product/selectors/product';
+import { CART_ITEM_TYPE_PRODUCT } from '@shopgate/pwa-common-commerce/cart/constants';
+import { DIRECT_SHIP } from "../locations";
+import { getLocationsStorage, makeIsRopeProductOrderable, makeIsLocationFulfillmentMethodEnabled, getPreferredLocation, getPreferredFulfillmentMethod } from "../locations/selectors";
+import { makeGetEnabledFulfillmentMethods, makeUseLocationFulfillmentMethods } from "../core";
+
+/**
  * ########
  * The following block of selectors was copied over from @shopgate/pwa-common-commerce/cart
  * to prevent circular dependencies.
  * ########
- */ /**
+ */
+
+/**
  * Selects the cart data from the store.
  * @param {Object} state The current state.
  * @return {Object}
- */var getCart=function getCart(state){return state.cart.data;};/**
+ */
+const getCart = state => state.cart.data;
+
+/**
   * Selects the cartItems from the current cart in the state.
   * @param {Object} state The current state.
   * @return {Array} The cartItems.
-  */var cartItemsSelector=function cartItemsSelector(state){return state.cart.data.items;};/**
+  */
+const cartItemsSelector = state => state.cart.data.items;
+
+/**
  * Selects all items from the cart.
  * @param {Object} state The current state.
  * @return {Array} The cart items.
- */var getCartItems=createSelector(cartItemsSelector,function(cartItems){return cartItems;});/**
+ */
+const getCartItems = createSelector(cartItemsSelector, cartItems => cartItems);
+
+/**
  * Selects the products from the cart.
  * @param {Object} state The current state.
  * @return {Object[]} The cart products.
- */export var getCartProducts=createSelector(cartItemsSelector,function(cartItems){return cartItems.filter(function(item){return item.type===CART_ITEM_TYPE_PRODUCT;});});/**
+ */
+export const getCartProducts = createSelector(cartItemsSelector, cartItems => cartItems.filter(item => item.type === CART_ITEM_TYPE_PRODUCT));
+
+/**
  * #####
  * END of the copied block
  * #####
- */ /**
+ */
+
+/**
  * Creates a selector that determines if a cart button is supposed to be disabled.
  * @returns {Function}
- */export function makeIsAddToCartButtonDisabled(){var isProductActive=makeIsProductActive();var isBaseProductActive=makeIsBaseProductActive();var isRopeProductOrderable=makeIsRopeProductOrderable(function(state,props){var _getPreferredLocation;return(_getPreferredLocation=getPreferredLocation(state,props))===null||_getPreferredLocation===void 0?void 0:_getPreferredLocation.code;},function(state,props){return props.variantId||props.productId||null;});var getEnabledMerchantFulfillmentMethods=makeGetEnabledFulfillmentMethods();var isLocationFulfillmentMethodEnabled=makeIsLocationFulfillmentMethodEnabled(function(state,props){var _getPreferredLocation2;return(_getPreferredLocation2=getPreferredLocation(state,props))===null||_getPreferredLocation2===void 0?void 0:_getPreferredLocation2.code;},function(state,props){return getPreferredFulfillmentMethod(state,props);});var useLocationFulfillmentMethods=makeUseLocationFulfillmentMethods();return createSelector(getEnabledMerchantFulfillmentMethods,getPreferredFulfillmentMethod,hasProductVariants,isProductActive,isBaseProductActive,isProductOrderable,isRopeProductOrderable,isLocationFulfillmentMethodEnabled,useLocationFulfillmentMethods,function(merchantFulfillmentMethods,userLocationFulfillmentMethod,productHasVariants,productActive,baseProductActive,productOrderable,ropeProductOrderable,locationFulfillmentMethodEnabled,locationFulfillmentMethodsUsed){if(!productActive||!baseProductActive){return true;}var isDirectShipSelected=!merchantFulfillmentMethods||!userLocationFulfillmentMethod||userLocationFulfillmentMethod===DIRECT_SHIP;if(isDirectShipSelected){return!productOrderable&&!productHasVariants;}if(locationFulfillmentMethodsUsed&&!locationFulfillmentMethodEnabled){return true;}return ropeProductOrderable===false&&!productHasVariants;});}export var hasLineItemPromotions=createSelector(getCartItems,function(cartItems){return cartItems.some(function(_ref){var _ref$appliedPromotion=_ref.appliedPromotions,appliedPromotions=_ref$appliedPromotion===void 0?[]:_ref$appliedPromotion;return appliedPromotions.length>0;});});export var getCoupons=createSelector(getCart,getCartItems,function(cart,cartItems){return((cart===null||cart===void 0?void 0:cart.coupons)||[]).filter(function(coupon){// Filter coupons which are assigned to line items
-var code=coupon===null||coupon===void 0?void 0:coupon.code;var lineItemCoupon=cartItems.find(function(cartItem){var lineItemPromotions=(cartItem===null||cartItem===void 0?void 0:cartItem.appliedPromotions)||[];var match=lineItemPromotions.find(function(promotion){var _promotion$coupon;var lineItemCouponCode=promotion===null||promotion===void 0?void 0:(_promotion$coupon=promotion.coupon)===null||_promotion$coupon===void 0?void 0:_promotion$coupon.code;return lineItemCouponCode===code;});return!!match;});return!lineItemCoupon;});});export var getAppliedPromotions=createSelector(getCart,function(cart){return(cart===null||cart===void 0?void 0:cart.appliedPromotions)||[];});export var getAppliedPromotionsWithoutCoupons=createSelector(getAppliedPromotions,function(promotions){return promotions.filter(function(_ref2){var coupon=_ref2.coupon;return coupon===null;});});export var getPromotionCoupons=createSelector(getCoupons,getAppliedPromotions,function(coupons,promotions){return coupons.map(function(coupon){var _coupon$promotion;var code=coupon===null||coupon===void 0?void 0:(_coupon$promotion=coupon.promotion)===null||_coupon$promotion===void 0?void 0:_coupon$promotion.code;var promotion=promotions.find(function(promotionEntry){return promotionEntry.code===code;});return _extends({},coupon,{promotion:_extends({},(coupon===null||coupon===void 0?void 0:coupon.promotion)||{},{},promotion)});});});export var hasDirectShipItems=createSelector(getCartItems,function(cartItems){return cartItems.some(function(item){return!(item===null||item===void 0?void 0:item.fulfillment);});});export var isDirectShipOnly=createSelector(getCartItems,function(cartItems){return cartItems.every(function(item){return!(item===null||item===void 0?void 0:item.fulfillment);});});/**
+ */
+export function makeIsAddToCartButtonDisabled() {
+  const isProductActive = makeIsProductActive();
+  const isBaseProductActive = makeIsBaseProductActive();
+  const isRopeProductOrderable = makeIsRopeProductOrderable((state, props) => getPreferredLocation(state, props)?.code, (state, props) => props.variantId || props.productId || null);
+  const getEnabledMerchantFulfillmentMethods = makeGetEnabledFulfillmentMethods();
+  const isLocationFulfillmentMethodEnabled = makeIsLocationFulfillmentMethodEnabled((state, props) => getPreferredLocation(state, props)?.code, (state, props) => getPreferredFulfillmentMethod(state, props));
+  const useLocationFulfillmentMethods = makeUseLocationFulfillmentMethods();
+  return createSelector(getEnabledMerchantFulfillmentMethods, getPreferredFulfillmentMethod, hasProductVariants, isProductActive, isBaseProductActive, isProductOrderable, isRopeProductOrderable, isLocationFulfillmentMethodEnabled, useLocationFulfillmentMethods, (merchantFulfillmentMethods, userLocationFulfillmentMethod, productHasVariants, productActive, baseProductActive, productOrderable, ropeProductOrderable, locationFulfillmentMethodEnabled, locationFulfillmentMethodsUsed) => {
+    if (!productActive || !baseProductActive) {
+      return true;
+    }
+    const isDirectShipSelected = !merchantFulfillmentMethods || !userLocationFulfillmentMethod || userLocationFulfillmentMethod === DIRECT_SHIP;
+    if (isDirectShipSelected) {
+      return !productOrderable && !productHasVariants;
+    }
+    if (locationFulfillmentMethodsUsed && !locationFulfillmentMethodEnabled) {
+      return true;
+    }
+    return ropeProductOrderable === false && !productHasVariants;
+  });
+}
+export const hasLineItemPromotions = createSelector(getCartItems, cartItems => cartItems.some(({
+  appliedPromotions = []
+}) => appliedPromotions.length > 0));
+export const getCoupons = createSelector(getCart, getCartItems, (cart, cartItems) => (cart?.coupons || []).filter(coupon => {
+  // Filter coupons which are assigned to line items
+  const code = coupon?.code;
+  const lineItemCoupon = cartItems.find(cartItem => {
+    const lineItemPromotions = cartItem?.appliedPromotions || [];
+    const match = lineItemPromotions.find(promotion => {
+      const lineItemCouponCode = promotion?.coupon?.code;
+      return lineItemCouponCode === code;
+    });
+    return !!match;
+  });
+  return !lineItemCoupon;
+}));
+export const getAppliedPromotions = createSelector(getCart, cart => cart?.appliedPromotions || []);
+export const getAppliedPromotionsWithoutCoupons = createSelector(getAppliedPromotions, promotions => promotions.filter(({
+  coupon
+}) => coupon === null));
+export const getPromotionCoupons = createSelector(getCoupons, getAppliedPromotions, (coupons, promotions) => coupons.map(coupon => {
+  const code = coupon?.promotion?.code;
+  const promotion = promotions.find(promotionEntry => promotionEntry.code === code);
+  return {
+    ...coupon,
+    promotion: {
+      ...(coupon?.promotion || {}),
+      ...promotion
+    }
+  };
+}));
+export const hasDirectShipItems = createSelector(getCartItems, cartItems => cartItems.some(item => !item?.fulfillment));
+export const isDirectShipOnly = createSelector(getCartItems, cartItems => cartItems.every(item => !item?.fulfillment));
+
+/**
  * Returns the currently configured fulfillment slot.
  * Takes the info from either the first cart item
  * or from temp cart state.
- */export var getActiveFulfillmentSlot=createSelector(getCartItems,function(state){return getCart(state).activeFulfillmentSlot;},function(cartItems,fulfillmentSlot){var _cartItems$find,_cartItems$find$,_cartItems$find$$fulf;var firstSlotConfig=(_cartItems$find=cartItems.find(function(cartItem){return cartItem===null||cartItem===void 0?void 0:cartItem.fulfillment;}))===null||_cartItems$find===void 0?void 0:(_cartItems$find$=_cartItems$find[0])===null||_cartItems$find$===void 0?void 0:(_cartItems$find$$fulf=_cartItems$find$.fulfillment)===null||_cartItems$find$$fulf===void 0?void 0:_cartItems$find$$fulf.fulfillmentSlot;if(!firstSlotConfig){return fulfillmentSlot;}return firstSlotConfig;});export var getActiveFulfillmentSlotLocationCode=createSelector(getActiveFulfillmentSlot,getLocationsStorage,function(activeFulfillmentSlot,storage){var slotId=activeFulfillmentSlot===null||activeFulfillmentSlot===void 0?void 0:activeFulfillmentSlot.id;if(!slotId){return null;}var locationId=Object.keys(storage.fulfillmentSlotsByLocation).find(function(locationCode){return!!storage.fulfillmentSlotsByLocation[locationCode].find(function(_ref3){var id=_ref3.id;return id===slotId;});});return locationId||null;});export var checkActiveFulfillmentSlotBelongsToPreferredLocation=createSelector(getPreferredLocation,getActiveFulfillmentSlotLocationCode,function(location,activeFulfillmentSlotLocationCode){var locationCode=location===null||location===void 0?void 0:location.code;if(!locationCode){return false;}return locationCode===activeFulfillmentSlotLocationCode;});
+ */
+export const getActiveFulfillmentSlot = createSelector(getCartItems, state => getCart(state).activeFulfillmentSlot, (cartItems, fulfillmentSlot) => {
+  const firstSlotConfig = cartItems.find(cartItem => cartItem?.fulfillment)?.[0]?.fulfillment?.fulfillmentSlot;
+  if (!firstSlotConfig) {
+    return fulfillmentSlot;
+  }
+  return firstSlotConfig;
+});
+export const getActiveFulfillmentSlotLocationCode = createSelector(getActiveFulfillmentSlot, getLocationsStorage, (activeFulfillmentSlot, storage) => {
+  const slotId = activeFulfillmentSlot?.id;
+  if (!slotId) {
+    return null;
+  }
+  const locationId = Object.keys(storage.fulfillmentSlotsByLocation).find(locationCode => !!storage.fulfillmentSlotsByLocation[locationCode].find(({
+    id
+  }) => id === slotId));
+  return locationId || null;
+});
+export const checkActiveFulfillmentSlotBelongsToPreferredLocation = createSelector(getPreferredLocation, getActiveFulfillmentSlotLocationCode, (location, activeFulfillmentSlotLocationCode) => {
+  const locationCode = location?.code;
+  if (!locationCode) {
+    return false;
+  }
+  return locationCode === activeFulfillmentSlotLocationCode;
+});

package/cart/cart.types.js

@@ -1 +1,47 @@
-import{COUPON_TYPE_FIXED,COUPON_TYPE_PERCENTAGE}from'@shopgate/pwa-common-commerce/cart';
+/* eslint-disable max-len */
+/**
+ * @typedef {import('@shopgate/pwa-common-commerce/cart').COUPON_TYPE_FIXED} COUPON_TYPE_FIXED
+ * @typedef {import('@shopgate/pwa-common-commerce/cart').COUPON_TYPE_PERCENTAGE} COUPON_TYPE_PERCENTAGE
+ */
+/* eslint-enable max-len */
+
+/**
+ * @typedef {Object} AddToCartProduct
+ * @property {string} productId
+ * @property {number} quantity
+ * @property {{method: string, location: {code: string, name: string}}} [fulfillment]
+ */
+
+/**
+ * @typedef {Object} ItemFulfillment
+ * @property {string} method
+ * @property {{code?: string, name?: string}} location
+ */
+
+/**
+ * @typedef Item
+ * @type {object}
+ * @property {string} [cartItemId]
+ * @property {string} [id]
+ * @property {number} quantity
+ * @property {string} [type]
+ * @property {ItemFulfillment} [fulfillment]
+ * @property {string} [fulfillmentLocationId]
+ * @property {string} [fulfillmentMethod]
+ * @property {Object.<string, any>} [product]
+ * @property {any} [coupon]
+ * @property {any[]} [messages]
+ */
+
+/**
+ * @typedef {Object} SavedPrice
+ * @property {COUPON_TYPE_FIXED|COUPON_TYPE_PERCENTAGE} type
+ * @property {number} value
+ */
+
+/**
+ * @typedef {Object} Coupon
+ * @property {string} code
+ * @property {SavedPrice} [savedPrice]
+ * @property {any} [key] - Additional dynamic properties.
+ */