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

package/category/components/CategoryList/index.js

@@ -1,4 +1,18 @@
-import React from'react';import PropTypes from'prop-types';import classNames from'classnames';import{bin2hex}from'@shopgate/pwa-common/helpers/data';import{CATEGORY_PATH}from'@shopgate/pwa-common-commerce/category/constants';import Portal from'@shopgate/pwa-common/components/Portal';import{Placeholder}from'@shopgate/pwa-ui-shared';import{CATEGORY_ITEM}from'@shopgate/pwa-common-commerce/category/constants/Portals';import{i18n}from'@shopgate/engage/core';import{getShowAllProductsFilters}from'@shopgate/engage/category';import{SheetList,TextLink}from'@shopgate/engage/components';import CategoryImage from"../CategoryImage";import styles from"./style";/**
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { bin2hex } from '@shopgate/pwa-common/helpers/data';
+import { CATEGORY_PATH } from '@shopgate/pwa-common-commerce/category/constants';
+import Portal from '@shopgate/pwa-common/components/Portal';
+import { Placeholder } from '@shopgate/pwa-ui-shared';
+import { CATEGORY_ITEM } from '@shopgate/pwa-common-commerce/category/constants/Portals';
+import { i18n } from '@shopgate/engage/core';
+import { getShowAllProductsFilters } from '@shopgate/engage/category';
+import { SheetList, TextLink } from '@shopgate/engage/components';
+import CategoryImage from "../CategoryImage";
+import styles from "./style";
+
+/**
  * The CategoryList component.
  * @param {Object} props The component props.
  * @param {Object} props.parentCategory The parentCategory props.
@@ -8,4 +22,85 @@ import React from'react';import PropTypes from'prop-types';import classNames fro
  * @param {boolean} props.showImages Whether to show category images
  * @param {boolean} props.showLeftSideImages Whether to show category images on the left side
  * @returns {JSX.Element}
- */var CategoryList=function CategoryList(_ref){var categories=_ref.categories,parentCategory=_ref.parentCategory,prerender=_ref.prerender,showAllProducts=_ref.showAllProducts,showImages=_ref.showImages,showLeftSideImages=_ref.showLeftSideImages;if(!categories||!categories.length){if(prerender===0){return null;}return React.createElement(SheetList,{className:classNames(styles.sheet,'engage__category__category-list')},Array(Math.min(prerender,8)).fill('').map(function(val,index){var key="placeholder-".concat(index);return React.createElement(Placeholder,{height:20,key:key,left:0,top:18,width:220});}));}var filters=getShowAllProductsFilters(parentCategory);return React.createElement(SheetList,{className:classNames(styles.sheet,'engage__category__category-list')},showAllProducts?React.createElement("div",{className:classNames(styles.showAllProducts,'engage__category__category-show-all-products')},React.createElement(Portal,{key:parentCategory.id,name:"category.show-all-products",props:{categoryId:parentCategory.id}},React.createElement(SheetList.Item,{link:"".concat(CATEGORY_PATH,"/").concat(bin2hex(parentCategory.id),"/all"),title:i18n.text('category.showAllProducts.label'),linkState:{categoryName:parentCategory.name,categoryId:parentCategory.id,filters:filters},testId:"showAllProducts",linkComponent:TextLink}))):null,categories.map(function(category){return React.createElement(Portal,{key:category.id,name:CATEGORY_ITEM,props:{categoryId:category.id}},React.createElement(SheetList.Item,{link:"".concat(CATEGORY_PATH,"/").concat(bin2hex(category.id)),title:category.name,description:category.description,linkState:{categoryId:category.id,title:category.name},testId:category.name,rightComponent:showImages?React.createElement(CategoryImage,{className:styles.image,src:category.imageUrl}):null,leftComponent:showLeftSideImages?React.createElement(CategoryImage,{className:styles.image,src:category.imageUrl}):null,linkComponent:TextLink}));}));};CategoryList.defaultProps={categories:null,parentCategory:null,prerender:0,showAllProducts:false,showImages:false,showLeftSideImages:false};export default CategoryList;
+ */
+const CategoryList = ({
+  categories,
+  parentCategory,
+  prerender,
+  showAllProducts,
+  showImages,
+  showLeftSideImages
+}) => {
+  if (!categories || !categories.length) {
+    if (prerender === 0) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(SheetList, {
+      className: classNames(styles.sheet, 'engage__category__category-list')
+    }, Array(Math.min(prerender, 8)).fill('').map((val, index) => {
+      const key = `placeholder-${index}`;
+      return /*#__PURE__*/React.createElement(Placeholder, {
+        height: 20,
+        key: key,
+        left: 0,
+        top: 18,
+        width: 220
+      });
+    }));
+  }
+  const filters = getShowAllProductsFilters(parentCategory);
+  return /*#__PURE__*/React.createElement(SheetList, {
+    className: classNames(styles.sheet, 'engage__category__category-list')
+  }, showAllProducts ? /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.showAllProducts, 'engage__category__category-show-all-products')
+  }, /*#__PURE__*/React.createElement(Portal, {
+    key: parentCategory.id,
+    name: "category.show-all-products",
+    props: {
+      categoryId: parentCategory.id
+    }
+  }, /*#__PURE__*/React.createElement(SheetList.Item, {
+    link: `${CATEGORY_PATH}/${bin2hex(parentCategory.id)}/all`,
+    title: i18n.text('category.showAllProducts.label'),
+    linkState: {
+      categoryName: parentCategory.name,
+      categoryId: parentCategory.id,
+      filters
+    },
+    testId: "showAllProducts",
+    linkComponent: TextLink
+  }))) : null, categories.map(category => /*#__PURE__*/React.createElement(Portal, {
+    key: category.id,
+    name: CATEGORY_ITEM,
+    props: {
+      categoryId: category.id
+    }
+  }, /*#__PURE__*/React.createElement(SheetList.Item, {
+    link: `${CATEGORY_PATH}/${bin2hex(category.id)}`,
+    title: category.name,
+    description: category.description,
+    linkState: {
+      categoryId: category.id,
+      title: category.name
+    },
+    testId: category.name,
+    rightComponent: showImages ? /*#__PURE__*/React.createElement(CategoryImage, {
+      className: styles.image,
+      src: category.imageUrl
+    }) : null,
+    leftComponent: showLeftSideImages ? /*#__PURE__*/React.createElement(CategoryImage, {
+      className: styles.image,
+      src: category.imageUrl
+    }) : null,
+    linkComponent: TextLink
+  }))));
+};
+CategoryList.defaultProps = {
+  categories: null,
+  parentCategory: null,
+  prerender: 0,
+  showAllProducts: false,
+  showImages: false,
+  showLeftSideImages: false
+};
+export default CategoryList;

package/category/components/CategoryList/style.js

@@ -1 +1,20 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;var sheet=css({background:colors.light}).toString();var showAllProducts=css({fontWeight:700}).toString();var image=css({width:'30px',marginRight:8}).toString();export default{sheet:sheet,showAllProducts:showAllProducts,image:image};
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  colors
+} = themeConfig;
+const sheet = css({
+  background: colors.light
+}).toString();
+const showAllProducts = css({
+  fontWeight: 700
+}).toString();
+const image = css({
+  width: '30px',
+  marginRight: 8
+}).toString();
+export default {
+  sheet,
+  showAllProducts,
+  image
+};

package/category/components/index.js

@@ -1 +1,2 @@
-export{default as CategoryImage}from"./CategoryImage";export{default as CategoryList}from"./CategoryList";
+export { default as CategoryImage } from "./CategoryImage";
+export { default as CategoryList } from "./CategoryList";

package/category/constants/index.js

@@ -1 +1,3 @@
-export*from'@shopgate/pwa-common-commerce/category/constants/index';export*from'@shopgate/pwa-common-commerce/category/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/category/constants/Portals';
+export * from '@shopgate/pwa-common-commerce/category/constants/index';
+export * from '@shopgate/pwa-common-commerce/category/constants/Pipelines';
+export * from '@shopgate/pwa-common-commerce/category/constants/Portals';

package/category/helpers/index.js

@@ -1 +1 @@
-export*from'@shopgate/pwa-common-commerce/category/helpers';
+export * from '@shopgate/pwa-common-commerce/category/helpers';

package/category/index.js

@@ -1 +1,10 @@
-/** @module category */ /* eslint-disable import/export */export*from"./actions";export*from"./components";export*from"./constants";export*from"./helpers";export*from"./selectors";export*from"./streams";/* eslint-enable import/export */
+/** @module category */
+
+/* eslint-disable import/export */
+export * from "./actions";
+export * from "./components";
+export * from "./constants";
+export * from "./helpers";
+export * from "./selectors";
+export * from "./streams";
+/* eslint-enable import/export */

package/category/selectors/index.js

@@ -1,2 +1,2 @@
 // SELECTORS
-export*from'@shopgate/pwa-common-commerce/category/selectors';
+export * from '@shopgate/pwa-common-commerce/category/selectors';

package/category/streams/index.js

@@ -1 +1,5 @@
-import{preferredLocationDidUpdate$,preferredLocationDidUpdateGlobalNotOnCategory$,preferredLocationDidUpdateGlobalOnCategory$}from'@shopgate/engage/locations/locations.streams';import{categoryDidBackEnter$,categoryFiltersDidUpdate$}from'@shopgate/pwa-common-commerce/category/streams';import{productDataExpired$}from'@shopgate/pwa-common-commerce/product/streams';export*from'@shopgate/pwa-common-commerce/category/streams';export var categoryProductsNeedUpdate$=preferredLocationDidUpdate$.merge(preferredLocationDidUpdateGlobalNotOnCategory$).merge(productDataExpired$).switchMap(function(){return categoryDidBackEnter$.first();}).merge(categoryFiltersDidUpdate$).merge(preferredLocationDidUpdateGlobalOnCategory$);
+import { preferredLocationDidUpdate$, preferredLocationDidUpdateGlobalNotOnCategory$, preferredLocationDidUpdateGlobalOnCategory$ } from '@shopgate/engage/locations/locations.streams';
+import { categoryDidBackEnter$, categoryFiltersDidUpdate$ } from '@shopgate/pwa-common-commerce/category/streams';
+import { productDataExpired$ } from '@shopgate/pwa-common-commerce/product/streams';
+export * from '@shopgate/pwa-common-commerce/category/streams';
+export const categoryProductsNeedUpdate$ = preferredLocationDidUpdate$.merge(preferredLocationDidUpdateGlobalNotOnCategory$).merge(productDataExpired$).switchMap(() => categoryDidBackEnter$.first()).merge(categoryFiltersDidUpdate$).merge(preferredLocationDidUpdateGlobalOnCategory$);

package/checkout/action-creators/addCheckoutCampaign.js

@@ -1,5 +1,11 @@
-import{ADD_CHECKOUT_CAMPAIGN}from"../constants/actionTypes";/**
+import { ADD_CHECKOUT_CAMPAIGN } from "../constants/actionTypes";
+
+/**
  * Creates the dispatched ADD_CHECKOUT_CAMPAIGN action object.
  * @param {Object} data The campaign data
  * @returns {Object} The dispatched action object.
- */export var addCheckoutCampaign=function addCheckoutCampaign(){var data=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return{type:ADD_CHECKOUT_CAMPAIGN,data:data};};
+ */
+export const addCheckoutCampaign = (data = {}) => ({
+  type: ADD_CHECKOUT_CAMPAIGN,
+  data
+});

package/checkout/action-creators/clearCheckoutCampaign.js

@@ -1,5 +1,10 @@
-import{CLEAR_CHECKOUT_CAMPAIGN}from"../constants/actionTypes";/**
+import { CLEAR_CHECKOUT_CAMPAIGN } from "../constants/actionTypes";
+
+/**
  * Creates the dispatched CLEAR_CHECKOUT_CAMPAIGN action object.
  * @param {Object} data The received client information data.
  * @returns {Object} The dispatched action object.
- */export var clearCheckoutCampaign=function clearCheckoutCampaign(){return{type:CLEAR_CHECKOUT_CAMPAIGN};};
+ */
+export const clearCheckoutCampaign = () => ({
+  type: CLEAR_CHECKOUT_CAMPAIGN
+});

package/checkout/action-creators/clearCheckoutOrder.js

@@ -1,4 +1,9 @@
-import{CLEAR_CHECKOUT_ORDER}from"../constants/actionTypes";/**
+import { CLEAR_CHECKOUT_ORDER } from "../constants/actionTypes";
+
+/**
  * Creates the dispatched CLEAR_CHECKOUT_ORDER action object.
  * @returns {Object} The dispatched action object.
- */export var clearCheckoutOrder=function clearCheckoutOrder(){return{type:CLEAR_CHECKOUT_ORDER};};
+ */
+export const clearCheckoutOrder = () => ({
+  type: CLEAR_CHECKOUT_ORDER
+});

package/checkout/action-creators/index.js

@@ -1 +1,3 @@
-export{addCheckoutCampaign}from"./addCheckoutCampaign";export{clearCheckoutCampaign}from"./clearCheckoutCampaign";export{clearCheckoutOrder}from"./clearCheckoutOrder";
+export { addCheckoutCampaign } from "./addCheckoutCampaign";
+export { clearCheckoutCampaign } from "./clearCheckoutCampaign";
+export { clearCheckoutOrder } from "./clearCheckoutOrder";

package/checkout/action-creators/validationErrorsCheckout.js

@@ -1,5 +1,11 @@
-import{VALIDATION_ERRORS_CHECKOUT}from"../constants/actionTypes";/**
+import { VALIDATION_ERRORS_CHECKOUT } from "../constants/actionTypes";
+
+/**
  * Creates the dispatched VALIDATION_ERRORS_CHECKOUT action object.
  * @param {Array} errors An array of validation errors
  * @returns {Object} The dispatched action object.
- */export var validationErrorsCheckout=function validationErrorsCheckout(errors){return{type:VALIDATION_ERRORS_CHECKOUT,errors:errors};};
+ */
+export const validationErrorsCheckout = errors => ({
+  type: VALIDATION_ERRORS_CHECKOUT,
+  errors
+});

package/checkout/actions/errorCheckout.js

@@ -1,10 +1,32 @@
-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{showModal,historyResetTo,historyPop,INDEX_PATH}from'@shopgate/engage/core';import{CART_PATH}from'@shopgate/engage/cart';import{MODAL_PIPELINE_ERROR}from'@shopgate/pwa-common/constants/ModalTypes';import{getRouterStackIndex,makeGetPrevRouteIndexByPattern}from'@shopgate/pwa-common/selectors/router';import*as Sentry from'@sentry/browser';var getPrevRouteIndexByPatternCart=makeGetPrevRouteIndexByPattern(CART_PATH);/**
+import { showModal, historyResetTo, historyPop, INDEX_PATH } from '@shopgate/engage/core';
+import { CART_PATH } from '@shopgate/engage/cart';
+import { MODAL_PIPELINE_ERROR } from '@shopgate/pwa-common/constants/ModalTypes';
+import { getRouterStackIndex, makeGetPrevRouteIndexByPattern } from '@shopgate/pwa-common/selectors/router';
+import * as Sentry from '@sentry/browser';
+const getPrevRouteIndexByPatternCart = makeGetPrevRouteIndexByPattern(CART_PATH);
+
+/**
  * Redirects the user to the cart
  * @param {Function} dispatch The Redux dispatch function
  * @param {Function} getState he Redux getState function
- */var gotoCart=function gotoCart(dispatch,getState){var state=getState();var currentRouteIndex=getRouterStackIndex(state);var nextRouteIndex=getPrevRouteIndexByPatternCart(state);if(nextRouteIndex!==-1){var steps=currentRouteIndex-nextRouteIndex;// Navigate back to a previous history entry if possible
-dispatch(historyPop({steps:steps}));}else{// Reset the history stack to the desired page when there is no old page within the stack
-dispatch(historyResetTo(CART_PATH));}};/**
+ */
+const gotoCart = (dispatch, getState) => {
+  const state = getState();
+  const currentRouteIndex = getRouterStackIndex(state);
+  const nextRouteIndex = getPrevRouteIndexByPatternCart(state);
+  if (nextRouteIndex !== -1) {
+    const steps = currentRouteIndex - nextRouteIndex;
+    // Navigate back to a previous history entry if possible
+    dispatch(historyPop({
+      steps
+    }));
+  } else {
+    // Reset the history stack to the desired page when there is no old page within the stack
+    dispatch(historyResetTo(CART_PATH));
+  }
+};
+
+/**
  * Handles checkout errors.
  * @param {string} message Message shown to the user.
  * @param {string} pipeline Pipeline name.
@@ -12,6 +34,46 @@ dispatch(historyResetTo(CART_PATH));}};/**
  * @param {boolean} redirect Whether it should redirect.
  * @param {Array} gotoCartErrorCodes A list of error codes which should redirect to the cart
  * @return {Object}
- */export var errorCheckout=function errorCheckout(message,pipeline,error,redirect){var gotoCartErrorCodes=arguments.length>4&&arguments[4]!==undefined?arguments[4]:[];return function(dispatch,getState){var subCode;if(error===null||error===void 0?void 0:error.errors){var _error$errors2=_slicedToArray(error.errors,1),first=_error$errors2[0];subCode=first.code;}var errorObject={code:error.code||'NOT SET',message:JSON.stringify(error,null,2)};// Go back to homepage and inform shopper.
-if(redirect){dispatch(historyResetTo(INDEX_PATH));}else if(['shopgate.checkout.initialize'].includes(pipeline)||gotoCartErrorCodes.includes(subCode)){gotoCart(dispatch,getState);}dispatch(showModal({type:MODAL_PIPELINE_ERROR,title:null,confirm:null,dismiss:'modal.ok',message:message,params:{pipeline:pipeline,message:JSON.stringify(errorObject,null,2)}}));// Log to sentry.
-Sentry.withScope(function(scope){scope.setLevel(Sentry.Severity.Critical);scope.setExtra('origin','checkout');Sentry.captureException(errorObject);});return{needsPayment:false,success:false};};};
+ */
+export const errorCheckout = (message, pipeline, error, redirect, gotoCartErrorCodes = []) => (dispatch, getState) => {
+  let subCode;
+  if (error?.errors) {
+    const [first] = error.errors;
+    ({
+      code: subCode
+    } = first);
+  }
+  const errorObject = {
+    code: error.code || 'NOT SET',
+    message: JSON.stringify(error, null, 2)
+  };
+
+  // Go back to homepage and inform shopper.
+  if (redirect) {
+    dispatch(historyResetTo(INDEX_PATH));
+  } else if (['shopgate.checkout.initialize'].includes(pipeline) || gotoCartErrorCodes.includes(subCode)) {
+    gotoCart(dispatch, getState);
+  }
+  dispatch(showModal({
+    type: MODAL_PIPELINE_ERROR,
+    title: null,
+    confirm: null,
+    dismiss: 'modal.ok',
+    message,
+    params: {
+      pipeline,
+      message: JSON.stringify(errorObject, null, 2)
+    }
+  }));
+
+  // Log to sentry.
+  Sentry.withScope(scope => {
+    scope.setLevel(Sentry.Severity.Critical);
+    scope.setExtra('origin', 'checkout');
+    Sentry.captureException(errorObject);
+  });
+  return {
+    needsPayment: false,
+    success: false
+  };
+};

package/checkout/actions/fetchCheckoutOrder.js

@@ -1,4 +1,30 @@
-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{PipelineRequest}from'@shopgate/engage/core';import{FETCH_CHECKOUT_ORDER,FETCH_CHECKOUT_ORDER_SUCCESS,FETCH_CHECKOUT_ORDER_ERROR}from"../constants/actionTypes";import{ERROR_CODE_CHECKOUT_GENERIC}from"../constants/errorCodes";/**
+import { PipelineRequest } from '@shopgate/engage/core';
+import { FETCH_CHECKOUT_ORDER, FETCH_CHECKOUT_ORDER_SUCCESS, FETCH_CHECKOUT_ORDER_ERROR } from "../constants/actionTypes";
+import { ERROR_CODE_CHECKOUT_GENERIC } from "../constants/errorCodes";
+
+/**
  * Starts entering the checkout process for the customer.
  * @returns {Function}
- */export var fetchCheckoutOrder=function fetchCheckoutOrder(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineRequest,_ref3,order;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:FETCH_CHECKOUT_ORDER});pipelineRequest=new PipelineRequest('shopgate.checkout.getOrder');_context.prev=2;_context.next=5;return pipelineRequest.setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC]).dispatch();case 5:_ref3=_context.sent;order=_ref3.order;dispatch({type:FETCH_CHECKOUT_ORDER_SUCCESS,order:order});return _context.abrupt("return",order);case 11:_context.prev=11;_context.t0=_context["catch"](2);dispatch({type:FETCH_CHECKOUT_ORDER_ERROR,error:_context.t0});return _context.abrupt("return",null);case 15:case"end":return _context.stop();}},_callee,null,[[2,11]]);}));return function(_x){return _ref.apply(this,arguments);};}());};
+ */
+export const fetchCheckoutOrder = () => async dispatch => {
+  dispatch({
+    type: FETCH_CHECKOUT_ORDER
+  });
+  const pipelineRequest = new PipelineRequest('shopgate.checkout.getOrder');
+  try {
+    const {
+      order
+    } = await pipelineRequest.setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC]).dispatch();
+    dispatch({
+      type: FETCH_CHECKOUT_ORDER_SUCCESS,
+      order
+    });
+    return order;
+  } catch (error) {
+    dispatch({
+      type: FETCH_CHECKOUT_ORDER_ERROR,
+      error
+    });
+    return null;
+  }
+};

package/checkout/actions/fetchPaymentMethods.js

@@ -1,4 +1,27 @@
-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{PipelineRequest}from'@shopgate/engage/core';import{FETCH_PAYMENT_METHODS,FETCH_PAYMENT_METHODS_SUCCESS,FETCH_PAYMENT_METHODS_ERROR}from"../constants/actionTypes";/**
+import { PipelineRequest } from '@shopgate/engage/core';
+import { FETCH_PAYMENT_METHODS, FETCH_PAYMENT_METHODS_SUCCESS, FETCH_PAYMENT_METHODS_ERROR } from "../constants/actionTypes";
+
+/**
  * Starts entering the checkout process for the customer.
  * @returns {Function}
- */export var fetchPaymentMethods=function fetchPaymentMethods(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineRequest,_ref3,paymentMethods;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:FETCH_PAYMENT_METHODS});pipelineRequest=new PipelineRequest('shopgate.checkout.getPaymentMethods');_context.prev=2;_context.next=5;return pipelineRequest.dispatch();case 5:_ref3=_context.sent;paymentMethods=_ref3.paymentMethods;dispatch({type:FETCH_PAYMENT_METHODS_SUCCESS,paymentMethods:paymentMethods});_context.next=13;break;case 10:_context.prev=10;_context.t0=_context["catch"](2);dispatch({type:FETCH_PAYMENT_METHODS_ERROR,error:_context.t0});case 13:case"end":return _context.stop();}},_callee,null,[[2,10]]);}));return function(_x){return _ref.apply(this,arguments);};}());};
+ */
+export const fetchPaymentMethods = () => async dispatch => {
+  dispatch({
+    type: FETCH_PAYMENT_METHODS
+  });
+  const pipelineRequest = new PipelineRequest('shopgate.checkout.getPaymentMethods');
+  try {
+    const {
+      paymentMethods
+    } = await pipelineRequest.dispatch();
+    dispatch({
+      type: FETCH_PAYMENT_METHODS_SUCCESS,
+      paymentMethods
+    });
+  } catch (error) {
+    dispatch({
+      type: FETCH_PAYMENT_METHODS_ERROR,
+      error
+    });
+  }
+};

package/checkout/actions/index.js

@@ -1 +1,7 @@
-export{errorCheckout}from"./errorCheckout";export{fetchCheckoutOrder}from"./fetchCheckoutOrder";export{fetchPaymentMethods}from"./fetchPaymentMethods";export{initializeCheckout}from"./initializeCheckout";export{prepareCheckout}from"./prepareCheckout";export{submitCheckoutOrder}from"./submitCheckoutOrder";export{updateCheckoutOrder}from"./updateCheckoutOrder";
+export { errorCheckout } from "./errorCheckout";
+export { fetchCheckoutOrder } from "./fetchCheckoutOrder";
+export { fetchPaymentMethods } from "./fetchPaymentMethods";
+export { initializeCheckout } from "./initializeCheckout";
+export { prepareCheckout } from "./prepareCheckout";
+export { submitCheckoutOrder } from "./submitCheckoutOrder";
+export { updateCheckoutOrder } from "./updateCheckoutOrder";

package/checkout/actions/initializeCheckout.js

@@ -1,4 +1,28 @@
-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{PipelineRequest,EUNKNOWN}from'@shopgate/engage/core';import{INITIALIZE_CHECKOUT,INITIALIZE_CHECKOUT_SUCCESS,INITIALIZE_CHECKOUT_ERROR}from"../constants/actionTypes";/**
+import { PipelineRequest, EUNKNOWN } from '@shopgate/engage/core';
+import { INITIALIZE_CHECKOUT, INITIALIZE_CHECKOUT_SUCCESS, INITIALIZE_CHECKOUT_ERROR } from "../constants/actionTypes";
+
+/**
  * Starts entering the checkout process for the customer.
  * @returns {Function}
- */export var initializeCheckout=function initializeCheckout(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineError;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:INITIALIZE_CHECKOUT});_context.prev=1;_context.next=4;return new PipelineRequest('shopgate.checkout.initialize').setErrorBlacklist([EUNKNOWN]).dispatch();case 4:dispatch({type:INITIALIZE_CHECKOUT_SUCCESS});_context.next=11;break;case 7:_context.prev=7;_context.t0=_context["catch"](1);pipelineError=_context.t0;dispatch({type:INITIALIZE_CHECKOUT_ERROR,error:_context.t0});case 11:if(!pipelineError){_context.next=13;break;}throw pipelineError;case 13:case"end":return _context.stop();}},_callee,null,[[1,7]]);}));return function(_x){return _ref.apply(this,arguments);};}());};
+ */
+export const initializeCheckout = () => async dispatch => {
+  dispatch({
+    type: INITIALIZE_CHECKOUT
+  });
+  let pipelineError;
+  try {
+    await new PipelineRequest('shopgate.checkout.initialize').setErrorBlacklist([EUNKNOWN]).dispatch();
+    dispatch({
+      type: INITIALIZE_CHECKOUT_SUCCESS
+    });
+  } catch (error) {
+    pipelineError = error;
+    dispatch({
+      type: INITIALIZE_CHECKOUT_ERROR,
+      error
+    });
+  }
+  if (pipelineError) {
+    throw pipelineError;
+  }
+};

package/checkout/actions/prepareCheckout.js

@@ -1,8 +1,86 @@
-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*as Sentry from'@sentry/browser';import{getNeedsPaymentForOrder,getDefaultPaymentMethod,getPaymentMethods}from"../selectors/payment";import{getCheckoutOrder}from"../selectors/order";import{initializeCheckout}from"./initializeCheckout";import{fetchCheckoutOrder}from"./fetchCheckoutOrder";import{updateCheckoutOrder}from"./updateCheckoutOrder";import{fetchPaymentMethods}from"./fetchPaymentMethods";import{errorCheckout}from"./errorCheckout";/**
+import * as Sentry from '@sentry/browser';
+import { getNeedsPaymentForOrder, getDefaultPaymentMethod, getPaymentMethods } from "../selectors/payment";
+import { getCheckoutOrder } from "../selectors/order";
+import { initializeCheckout } from "./initializeCheckout";
+import { fetchCheckoutOrder } from "./fetchCheckoutOrder";
+import { updateCheckoutOrder } from "./updateCheckoutOrder";
+import { fetchPaymentMethods } from "./fetchPaymentMethods";
+import { errorCheckout } from "./errorCheckout";
+
+/**
  * Starts entering the checkout process for the customer.
  * @returns {Function}
- */export var prepareCheckout=function prepareCheckout(_ref){var _ref$initializeOrder=_ref.initializeOrder,initializeOrder=_ref$initializeOrder===void 0?true:_ref$initializeOrder,_ref$initializePaymen=_ref.initializePayment,initializePayment=_ref$initializePaymen===void 0?true:_ref$initializePaymen;return(/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch,getState){var _order$paymentTransac,_order$paymentTransac2;var defaultPaymentMethod,needsPayment,order,paymentMethods,paymentAlreadyInitialized;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(!initializeOrder){_context.next=9;break;}_context.prev=1;_context.next=4;return dispatch(initializeCheckout());case 4:_context.next=9;break;case 6:_context.prev=6;_context.t0=_context["catch"](1);return _context.abrupt("return",dispatch(errorCheckout('checkout.errors.checkCart','shopgate.checkout.initialize',_context.t0)));case 9:_context.next=11;return Promise.all([dispatch(fetchCheckoutOrder()),dispatch(fetchPaymentMethods())]);case 11:// If payment is needed we create a new payment transaction.
-needsPayment=getNeedsPaymentForOrder(getState());if(!needsPayment){_context.next=16;break;}// Pick payment method.
-defaultPaymentMethod=getDefaultPaymentMethod(getState());if(defaultPaymentMethod){_context.next=16;break;}return _context.abrupt("return",dispatch(errorCheckout('checkout.errors.missingPaymentMethod','shopgate.checkout.getPaymentMethods',{message:'No payment method found.'})));case 16:// Test if order is available in store.
-order=getCheckoutOrder(getState());if(order){_context.next=19;break;}return _context.abrupt("return",dispatch(errorCheckout('checkout.errors.genericInitialize','shopgate.checkout.initialize',{message:'No order received from API'})));case 19:// Put logging info to sentry.
-Sentry.configureScope(function(scope){scope.setTag('checkout_order_id',order.id);scope.addBreadcrumb({category:'checkout',message:"Initialize checkout with order id ".concat(order.id),level:'info'});});paymentMethods=getPaymentMethods(getState());paymentAlreadyInitialized=!!(order===null||order===void 0?void 0:(_order$paymentTransac=order.paymentTransactions)===null||_order$paymentTransac===void 0?void 0:(_order$paymentTransac2=_order$paymentTransac[0])===null||_order$paymentTransac2===void 0?void 0:_order$paymentTransac2.paymentMethod);if(!(needsPayment&&initializePayment&&!paymentAlreadyInitialized&&paymentMethods.length===1)){_context.next=33;break;}_context.prev=23;_context.next=26;return dispatch(updateCheckoutOrder({paymentTransactions:[{paymentMethod:{code:defaultPaymentMethod.code}}]}));case 26:_context.next=28;return dispatch(fetchCheckoutOrder());case 28:_context.next=33;break;case 30:_context.prev=30;_context.t1=_context["catch"](23);return _context.abrupt("return",{success:false,needsPayment:false});case 33:return _context.abrupt("return",{needsPayment:needsPayment,success:true});case 34:case"end":return _context.stop();}},_callee,null,[[1,6],[23,30]]);}));return function(_x,_x2){return _ref2.apply(this,arguments);};}());};
+ */
+export const prepareCheckout = ({
+  initializeOrder = true,
+  initializePayment = true
+}) => async (dispatch, getState) => {
+  // Create order if needed.
+  if (initializeOrder) {
+    try {
+      await dispatch(initializeCheckout());
+    } catch (error) {
+      return dispatch(errorCheckout('checkout.errors.checkCart', 'shopgate.checkout.initialize', error));
+    }
+  }
+
+  // Fetch fresh order and payment method configuration.
+  await Promise.all([dispatch(fetchCheckoutOrder()), dispatch(fetchPaymentMethods())]);
+  let defaultPaymentMethod;
+
+  // If payment is needed we create a new payment transaction.
+  const needsPayment = getNeedsPaymentForOrder(getState());
+  if (needsPayment) {
+    // Pick payment method.
+    defaultPaymentMethod = getDefaultPaymentMethod(getState());
+    if (!defaultPaymentMethod) {
+      return dispatch(errorCheckout('checkout.errors.missingPaymentMethod', 'shopgate.checkout.getPaymentMethods', {
+        message: 'No payment method found.'
+      }));
+    }
+  }
+
+  // Test if order is available in store.
+  const order = getCheckoutOrder(getState());
+  if (!order) {
+    return dispatch(errorCheckout('checkout.errors.genericInitialize', 'shopgate.checkout.initialize', {
+      message: 'No order received from API'
+    }));
+  }
+
+  // Put logging info to sentry.
+  Sentry.configureScope(scope => {
+    scope.setTag('checkout_order_id', order.id);
+    scope.addBreadcrumb({
+      category: 'checkout',
+      message: `Initialize checkout with order id ${order.id}`,
+      level: 'info'
+    });
+  });
+  const paymentMethods = getPaymentMethods(getState());
+  const paymentAlreadyInitialized = !!order?.paymentTransactions?.[0]?.paymentMethod;
+  if (needsPayment && initializePayment && !paymentAlreadyInitialized && paymentMethods.length === 1) {
+    try {
+      // Add payment transaction for stripe.
+      await dispatch(updateCheckoutOrder({
+        paymentTransactions: [{
+          paymentMethod: {
+            code: defaultPaymentMethod.code
+          }
+        }]
+      }));
+
+      // Fetch updated order with new transaction config.
+      await dispatch(fetchCheckoutOrder());
+    } catch (error) {
+      return {
+        success: false,
+        needsPayment: false
+      };
+    }
+  }
+  return {
+    needsPayment,
+    success: true
+  };
+};

package/checkout/actions/submitCheckoutOrder.js

@@ -1,5 +1,37 @@
-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{PipelineRequest,LoadingProvider}from'@shopgate/engage/core';import{CHECKOUT_PATTERN}from"../constants/routes";import{SUBMIT_CHECKOUT_ORDER,SUBMIT_CHECKOUT_ORDER_SUCCESS,SUBMIT_CHECKOUT_ORDER_ERROR}from"../constants/actionTypes";import{ERROR_CODE_CHECKOUT_GENERIC}from"../constants/errorCodes";import{errorCheckout}from"./errorCheckout";/**
+import { PipelineRequest, LoadingProvider } from '@shopgate/engage/core';
+import { CHECKOUT_PATTERN } from "../constants/routes";
+import { SUBMIT_CHECKOUT_ORDER, SUBMIT_CHECKOUT_ORDER_SUCCESS, SUBMIT_CHECKOUT_ORDER_ERROR } from "../constants/actionTypes";
+import { ERROR_CODE_CHECKOUT_GENERIC } from "../constants/errorCodes";
+import { errorCheckout } from "./errorCheckout";
+
+/**
  * Completes the checkout order by fulfilling with checkout params for each transaction.
  * @param {Object} payload The action input.
  * @returns {Function}
- */export var submitCheckoutOrder=function submitCheckoutOrder(payload){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineError,pipelineOutput;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:LoadingProvider.setLoading(CHECKOUT_PATTERN);dispatch({type:SUBMIT_CHECKOUT_ORDER,payload:payload});_context.prev=2;_context.next=5;return new PipelineRequest('shopgate.checkout.submit').setInput(payload).setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC]).dispatch();case 5:pipelineOutput=_context.sent;dispatch({type:SUBMIT_CHECKOUT_ORDER_SUCCESS});_context.next=14;break;case 9:_context.prev=9;_context.t0=_context["catch"](2);pipelineError=_context.t0;dispatch(errorCheckout('checkout.errors.genericSubmit','shopgate.checkout.submit',_context.t0,false,[1001,1003]));dispatch({type:SUBMIT_CHECKOUT_ORDER_ERROR});case 14:LoadingProvider.unsetLoading(CHECKOUT_PATTERN);if(!pipelineError){_context.next=17;break;}throw pipelineError;case 17:return _context.abrupt("return",pipelineOutput);case 18:case"end":return _context.stop();}},_callee,null,[[2,9]]);}));return function(_x){return _ref.apply(this,arguments);};}());};
+ */
+export const submitCheckoutOrder = payload => async dispatch => {
+  LoadingProvider.setLoading(CHECKOUT_PATTERN);
+  dispatch({
+    type: SUBMIT_CHECKOUT_ORDER,
+    payload
+  });
+  let pipelineError;
+  let pipelineOutput;
+  try {
+    pipelineOutput = await new PipelineRequest('shopgate.checkout.submit').setInput(payload).setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC]).dispatch();
+    dispatch({
+      type: SUBMIT_CHECKOUT_ORDER_SUCCESS
+    });
+  } catch (error) {
+    pipelineError = error;
+    dispatch(errorCheckout('checkout.errors.genericSubmit', 'shopgate.checkout.submit', error, false, [1001, 1003]));
+    dispatch({
+      type: SUBMIT_CHECKOUT_ORDER_ERROR
+    });
+  }
+  LoadingProvider.unsetLoading(CHECKOUT_PATTERN);
+  if (pipelineError) {
+    throw pipelineError;
+  }
+  return pipelineOutput;
+};

package/checkout/actions/updateCheckoutOrder.js

@@ -1,5 +1,36 @@
-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{PipelineRequest,EVALIDATION}from'@shopgate/engage/core';import{UPDATE_CHECKOUT_ORDER,UPDATE_CHECKOUT_ORDER_SUCCESS,UPDATE_CHECKOUT_ORDER_ERROR}from"../constants/actionTypes";import{validationErrorsCheckout}from"../action-creators/validationErrorsCheckout";import{ERROR_CODE_CHECKOUT_GENERIC}from"../constants/errorCodes";import{errorCheckout}from"./errorCheckout";/**
+import { PipelineRequest, EVALIDATION } from '@shopgate/engage/core';
+import { UPDATE_CHECKOUT_ORDER, UPDATE_CHECKOUT_ORDER_SUCCESS, UPDATE_CHECKOUT_ORDER_ERROR } from "../constants/actionTypes";
+import { validationErrorsCheckout } from "../action-creators/validationErrorsCheckout";
+import { ERROR_CODE_CHECKOUT_GENERIC } from "../constants/errorCodes";
+import { errorCheckout } from "./errorCheckout";
+
+/**
  * Starts entering the checkout process for the customer.
  * @param {Object} payload Order payload.
  * @returns {Function}
- */export var updateCheckoutOrder=function updateCheckoutOrder(payload){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineError;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:UPDATE_CHECKOUT_ORDER});_context.prev=1;_context.next=4;return new PipelineRequest('shopgate.checkout.updateOrder').setInput(payload).setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC,EVALIDATION]).dispatch();case 4:dispatch({type:UPDATE_CHECKOUT_ORDER_SUCCESS});_context.next=11;break;case 7:_context.prev=7;_context.t0=_context["catch"](1);pipelineError=_context.t0;if(_context.t0.code===EVALIDATION){dispatch(validationErrorsCheckout(_context.t0.errors));}else{dispatch(errorCheckout('checkout.errors.genericUpdate','shopgate.checkout.updateOrder',_context.t0,false));dispatch({type:UPDATE_CHECKOUT_ORDER_ERROR});}case 11:if(!pipelineError){_context.next=13;break;}throw pipelineError;case 13:case"end":return _context.stop();}},_callee,null,[[1,7]]);}));return function(_x){return _ref.apply(this,arguments);};}());};
+ */
+export const updateCheckoutOrder = payload => async dispatch => {
+  dispatch({
+    type: UPDATE_CHECKOUT_ORDER
+  });
+  let pipelineError;
+  try {
+    await new PipelineRequest('shopgate.checkout.updateOrder').setInput(payload).setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC, EVALIDATION]).dispatch();
+    dispatch({
+      type: UPDATE_CHECKOUT_ORDER_SUCCESS
+    });
+  } catch (error) {
+    pipelineError = error;
+    if (error.code === EVALIDATION) {
+      dispatch(validationErrorsCheckout(error.errors));
+    } else {
+      dispatch(errorCheckout('checkout.errors.genericUpdate', 'shopgate.checkout.updateOrder', error, false));
+      dispatch({
+        type: UPDATE_CHECKOUT_ORDER_ERROR
+      });
+    }
+  }
+  if (pipelineError) {
+    throw pipelineError;
+  }
+};