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

package/checkout/components/ResponsiveBackButton/ResponsiveBackButton.style.js

@@ -1 +1,25 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var container=css({display:'flex',padding:"".concat(variables.gap.xbig,"px ").concat(variables.gap.big,"px ").concat(variables.gap.big,"px ").concat(variables.gap.big,"px")}).toString();export var button=css({fontSize:'0.875rem !important',padding:'0 !important',' > div ':{padding:0,display:'flex'}}).toString();export var buttonIcon=css({display:'inline-block',fontSize:'1.375rem !important',alignSelf:'center',marginRight:variables.gap.xsmall,marginLeft:-3,marginTop:-2}).toString();
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  variables
+} = themeConfig;
+export const container = css({
+  display: 'flex',
+  padding: `${variables.gap.xbig}px ${variables.gap.big}px ${variables.gap.big}px ${variables.gap.big}px`
+}).toString();
+export const button = css({
+  fontSize: '0.875rem !important',
+  padding: '0 !important',
+  ' > div ': {
+    padding: 0,
+    display: 'flex'
+  }
+}).toString();
+export const buttonIcon = css({
+  display: 'inline-block',
+  fontSize: '1.375rem !important',
+  alignSelf: 'center',
+  marginRight: variables.gap.xsmall,
+  marginLeft: -3,
+  marginTop: -2
+}).toString();

package/checkout/components/ResponsiveBackButton/index.js

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

package/checkout/components/ShippingMethods/ShippingMethod.js

@@ -1,5 +1,69 @@
-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,{useState}from'react';import PropTypes from'prop-types';import{css}from'glamor';import classNames from'classnames';import{i18n}from'@shopgate/engage/core';import{Image}from'@shopgate/engage/components';import{useCheckoutContext}from'@shopgate/engage/checkout/hooks/common';import ShippingMethodIcon from'@shopgate/pwa-ui-shared/icons/ShippingMethodIcon';var styles={root:css({display:'flex',alignItems:'center',fontSize:15}).toString(),rootDisabled:css({opacity:0.5}).toString(),imageContainer:css({width:32,heigh:32,marginRight:8,flexShrink:0}).toString(),image:css({width:'100%',height:'100%'}).toString(),label:css({display:'flex',width:'100%',justifyContent:'space-between'}).toString(),name:css({marginRight:8}).toString()};/**
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { css } from 'glamor';
+import classNames from 'classnames';
+import { i18n } from '@shopgate/engage/core';
+import { Image } from '@shopgate/engage/components';
+import { useCheckoutContext } from '@shopgate/engage/checkout/hooks/common';
+import ShippingMethodIcon from '@shopgate/pwa-ui-shared/icons/ShippingMethodIcon';
+const styles = {
+  root: css({
+    display: 'flex',
+    alignItems: 'center',
+    fontSize: 15
+  }).toString(),
+  rootDisabled: css({
+    opacity: 0.5
+  }).toString(),
+  imageContainer: css({
+    width: 32,
+    heigh: 32,
+    marginRight: 8,
+    flexShrink: 0
+  }).toString(),
+  image: css({
+    width: '100%',
+    height: '100%'
+  }).toString(),
+  label: css({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between'
+  }).toString(),
+  name: css({
+    marginRight: 8
+  }).toString()
+};
+
+/**
  * The shipping methods component.
  * @param {Object} props The component props.
  * @returns {JSX}
- */var ShippingMethod=function ShippingMethod(_ref){var shippingMethod=_ref.shippingMethod;var _useCheckoutContext=useCheckoutContext(),currencyCode=_useCheckoutContext.currencyCode;var serviceLevel=shippingMethod.serviceLevel;var _useState=useState(!!(serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.iconUrl)),_useState2=_slicedToArray(_useState,2),useImage=_useState2[0],setUseImage=_useState2[1];return React.createElement("div",{className:classNames(styles.root)},React.createElement("div",{className:styles.imageContainer},useImage?React.createElement(Image,{className:styles.image,src:serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.iconUrl,onError:function onError(){return setUseImage(false);}}):React.createElement(ShippingMethodIcon,{className:styles.image})),React.createElement("div",{className:styles.label},React.createElement("span",{className:styles.name},serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.name),React.createElement("span",null,(serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.cost)?i18n.price(serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.cost,currencyCode,2):i18n.text('shipping.free_short'))));};export default ShippingMethod;
+ */
+const ShippingMethod = ({
+  shippingMethod
+}) => {
+  const {
+    currencyCode
+  } = useCheckoutContext();
+  const {
+    serviceLevel
+  } = shippingMethod;
+  const [useImage, setUseImage] = useState(!!serviceLevel?.iconUrl);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.root)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.imageContainer
+  }, useImage ? /*#__PURE__*/React.createElement(Image, {
+    className: styles.image,
+    src: serviceLevel?.iconUrl,
+    onError: () => setUseImage(false)
+  }) : /*#__PURE__*/React.createElement(ShippingMethodIcon, {
+    className: styles.image
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.label
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.name
+  }, serviceLevel?.name), /*#__PURE__*/React.createElement("span", null, serviceLevel?.cost ? i18n.price(serviceLevel?.cost, currencyCode, 2) : i18n.text('shipping.free_short'))));
+};
+export default ShippingMethod;

package/checkout/components/ShippingMethods/ShippingMethods.js

@@ -1,23 +1,211 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";var _excluded=["serviceLevels"];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 _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 _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}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,{useCallback,useEffect,useMemo,useState}from'react';import PropTypes from'prop-types';import{css}from'glamor';import classNames from'classnames';import CryptoJs from'crypto-js';import sortBy from'lodash/sortBy';import uniqBy from'lodash/uniqBy';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{i18n}from'@shopgate/engage/core';import{RadioGroupV2 as RadioGroup,RadioCard,MessageBar}from'@shopgate/engage/components';import{useCheckoutContext}from'@shopgate/engage/checkout/hooks/common';import ShippingMethod from"./ShippingMethod";import connect from"./connector";var variables=themeConfig.variables;var styles={root:css({padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.xbig,"px")}).toString(),headline:css({fontSize:'1.25rem',fontWeight:'normal',padding:"0 ".concat(variables.gap.small,"px 0 0"),margin:"0 0 ".concat(variables.gap.small,"px 0"),color:'var(--color-text-high-emphasis)',textTransform:'none'}).toString(),container:css({border:'1px solid #eaeaea',' li:nth-child(2n)':{background:'var(--color-background-accent)'}}).toString(),containerSingle:css({padding:variables.gap.small}).toString(),card:css({display:'flex',alignItems:'center'}).toString(),errorMessage:css({margin:0}).toString(),iOSCard:css({width:'100%',overflow:'hidden',marginBottom:variables.gap.big}).toString()};/**
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import PropTypes from 'prop-types';
+import { css } from 'glamor';
+import classNames from 'classnames';
+import CryptoJs from 'crypto-js';
+import sortBy from 'lodash/sortBy';
+import uniqBy from 'lodash/uniqBy';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+import { i18n } from '@shopgate/engage/core';
+import { RadioGroupV2 as RadioGroup, RadioCard, MessageBar } from '@shopgate/engage/components';
+import { useCheckoutContext } from '@shopgate/engage/checkout/hooks/common';
+import ShippingMethod from "./ShippingMethod";
+import connect from "./connector";
+const {
+  variables
+} = themeConfig;
+const styles = {
+  root: css({
+    padding: `0 ${variables.gap.big}px ${variables.gap.xbig}px`
+  }).toString(),
+  headline: css({
+    fontSize: '1.25rem',
+    fontWeight: 'normal',
+    padding: `0 ${variables.gap.small}px 0 0`,
+    margin: `0 0 ${variables.gap.small}px 0`,
+    color: 'var(--color-text-high-emphasis)',
+    textTransform: 'none'
+  }).toString(),
+  container: css({
+    border: '1px solid #eaeaea',
+    ' li:nth-child(2n)': {
+      background: 'var(--color-background-accent)'
+    }
+  }).toString(),
+  containerSingle: css({
+    padding: variables.gap.small
+  }).toString(),
+  card: css({
+    display: 'flex',
+    alignItems: 'center'
+  }).toString(),
+  errorMessage: css({
+    margin: 0
+  }).toString(),
+  iOSCard: css({
+    width: '100%',
+    overflow: 'hidden',
+    marginBottom: variables.gap.big
+  }).toString()
+};
+
+/**
  * Hashes a shipping method
  * @param {Object} method A shipping method
  * @returns {string}
- */var hashShippingMethod=function hashShippingMethod(method){if(!method){return null;}var code=method.code,_method$serviceLevel=method.serviceLevel,serviceLevelCode=_method$serviceLevel.code,carrierCode=_method$serviceLevel.carrier.code;return CryptoJs.MD5("".concat(code," ").concat(serviceLevelCode," ").concat(carrierCode)).toString();};/**
+ */
+const hashShippingMethod = method => {
+  if (!method) {
+    return null;
+  }
+  const {
+    code,
+    serviceLevel: {
+      code: serviceLevelCode,
+      carrier: {
+        code: carrierCode
+      }
+    }
+  } = method;
+  return CryptoJs.MD5(`${code} ${serviceLevelCode} ${carrierCode}`).toString();
+};
+
+/**
  * Custom replacement for the wrapper component of the RadioCard
  * @param {Object} props The component props
  * @returns {JSX}
- */var CardComponent=function CardComponent(_ref){var children=_ref.children;return React.createElement("li",{className:styles.card},children);};CardComponent.defaultProps={children:null};/**
+ */
+const CardComponent = ({
+  children
+}) => /*#__PURE__*/React.createElement("li", {
+  className: styles.card
+}, children);
+CardComponent.defaultProps = {
+  children: null
+};
+
+/**
  * The shipping methods component.
  * @returns {JSX}
- */var ShippingMethods=function ShippingMethods(_ref2){var orderHasDirectShipItems=_ref2.orderHasDirectShipItems;var _useCheckoutContext=useCheckoutContext(),shippingAddress=_useCheckoutContext.shippingAddress,updateShippingMethod=_useCheckoutContext.updateShippingMethod,isLoading=_useCheckoutContext.isLoading,order=_useCheckoutContext.order;var _ref3=(shippingAddress===null||shippingAddress===void 0?void 0:shippingAddress.orderSegment)||{},_ref3$selectedShippin=_ref3.selectedShippingMethod,selectedShippingMethod=_ref3$selectedShippin===void 0?null:_ref3$selectedShippin,_ref3$availableShippi=_ref3.availableShippingMethods,availableShippingMethods=_ref3$availableShippi===void 0?[]:_ref3$availableShippi;var _useState=useState(hashShippingMethod(selectedShippingMethod)),_useState2=_slicedToArray(_useState,2),selectedHash=_useState2[0],setSelectedHash=_useState2[1];useEffect(function(){// Update the selected hash when the selected shipping method updates
-setSelectedHash(hashShippingMethod(selectedShippingMethod));},[selectedShippingMethod]);/**
+ */
+const ShippingMethods = ({
+  orderHasDirectShipItems
+}) => {
+  const {
+    shippingAddress,
+    updateShippingMethod,
+    isLoading,
+    order
+  } = useCheckoutContext();
+  const {
+    selectedShippingMethod = null,
+    availableShippingMethods = []
+  } = shippingAddress?.orderSegment || {};
+  const [selectedHash, setSelectedHash] = useState(hashShippingMethod(selectedShippingMethod));
+  useEffect(() => {
+    // Update the selected hash when the selected shipping method updates
+    setSelectedHash(hashShippingMethod(selectedShippingMethod));
+  }, [selectedShippingMethod]);
+
+  /**
    * The component actually doesn't render shipping methods, but service levels. To improve
    * data handling, we transform the original data structure to the shape which is required for
    * the update request.
-   */var shippingMethods=useMemo(function(){// Flat map all service levels of all shipping methods and aggregate with parent (method) data.
-var unsortedLevels=availableShippingMethods.flatMap(function(method){var serviceLevels=method.serviceLevels,methodData=_objectWithoutProperties(method,_excluded);return serviceLevels.map(function(serviceLevel){var entry=_extends({},methodData,{serviceLevel:serviceLevel});var hash=hashShippingMethod(entry);return _extends({},entry,{hash:hash});});});// Remove duplicated shipping levels that originated from different shipping methods.
-var dedupedLevels=uniqBy(unsortedLevels,function(_ref4){var _serviceLevel$carrier;var serviceLevel=_ref4.serviceLevel;return"".concat(serviceLevel.code,"#").concat((_serviceLevel$carrier=serviceLevel.carrier)===null||_serviceLevel$carrier===void 0?void 0:_serviceLevel$carrier.code);});// Show cheapest service level first followed by alphabetic name.
-return sortBy(dedupedLevels,['serviceLevel.cost','serviceLevel.name']);},[availableShippingMethods]);var onChange=useCallback(/*#__PURE__*/function(){var _ref5=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(event,value){var _shippingMethod$servi,_shippingMethod$servi2,_shippingMethod$servi3;var shippingMethod;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:// Determine the selected shipping method by its hash
-shippingMethod=shippingMethods.find(function(_ref6){var hash=_ref6.hash;return value===hash;});if(shippingMethod){_context.next=3;break;}return _context.abrupt("return");case 3:// Update the local state
-setSelectedHash(shippingMethod===null||shippingMethod===void 0?void 0:shippingMethod.hash);// Perform the update request
-_context.next=6;return updateShippingMethod({code:shippingMethod===null||shippingMethod===void 0?void 0:shippingMethod.code,serviceLevel:{code:shippingMethod===null||shippingMethod===void 0?void 0:(_shippingMethod$servi=shippingMethod.serviceLevel)===null||_shippingMethod$servi===void 0?void 0:_shippingMethod$servi.code,carrier:{code:shippingMethod===null||shippingMethod===void 0?void 0:(_shippingMethod$servi2=shippingMethod.serviceLevel)===null||_shippingMethod$servi2===void 0?void 0:(_shippingMethod$servi3=_shippingMethod$servi2.carrier)===null||_shippingMethod$servi3===void 0?void 0:_shippingMethod$servi3.code}}});case 6:case"end":return _context.stop();}},_callee);}));return function(_x,_x2){return _ref5.apply(this,arguments);};}(),[shippingMethods,updateShippingMethod]);if((order===null||order===void 0?void 0:order.status)!=='new'||!orderHasDirectShipItems){return null;}if(shippingMethods.length===0){return React.createElement("div",{className:styles.root},React.createElement("h3",{className:styles.headline},i18n.text('checkout.shippingMethod.title')),React.createElement(MessageBar,{messages:[{type:'error',message:i18n.text("checkout.shippingMethod.errors.".concat(!shippingAddress?'noShippingAddress':'invalidShippingAddress'))}],classNames:{container:styles.errorMessage},showIcons:true}));}return React.createElement("div",{className:styles.root},React.createElement("h3",{className:styles.headline},i18n.text('checkout.shippingMethod.title')),shippingMethods.length===1?React.createElement("div",{className:classNames(styles.container,styles.containerSingle)},React.createElement(ShippingMethod,{shippingMethod:shippingMethods[0]})):React.createElement(RadioGroup,{name:"shipping-methods",value:selectedHash,onChange:onChange,component:"ul",classes:{root:styles.container},disabled:isLoading},shippingMethods.map(function(shippingMethod){return React.createElement(RadioCard,{renderCard:CardComponent,value:shippingMethod.hash,key:shippingMethod.hash},React.createElement(ShippingMethod,{shippingMethod:shippingMethod}));})));};ShippingMethods.defaultProps={orderHasDirectShipItems:false};export default connect(ShippingMethods);
+   */
+  const shippingMethods = useMemo(() => {
+    // Flat map all service levels of all shipping methods and aggregate with parent (method) data.
+    const unsortedLevels = availableShippingMethods.flatMap(method => {
+      const {
+        serviceLevels,
+        ...methodData
+      } = method;
+      return serviceLevels.map(serviceLevel => {
+        const entry = {
+          ...methodData,
+          serviceLevel
+        };
+        const hash = hashShippingMethod(entry);
+        return {
+          ...entry,
+          hash
+        };
+      });
+    });
+    // Remove duplicated shipping levels that originated from different shipping methods.
+    const dedupedLevels = uniqBy(unsortedLevels, ({
+      serviceLevel
+    }) => `${serviceLevel.code}#${serviceLevel.carrier?.code}`);
+    // Show cheapest service level first followed by alphabetic name.
+    return sortBy(dedupedLevels, ['serviceLevel.cost', 'serviceLevel.name']);
+  }, [availableShippingMethods]);
+  const onChange = useCallback(async (event, value) => {
+    // Determine the selected shipping method by its hash
+    const shippingMethod = shippingMethods.find(({
+      hash
+    }) => value === hash);
+    if (!shippingMethod) {
+      return;
+    }
+
+    // Update the local state
+    setSelectedHash(shippingMethod?.hash);
+
+    // Perform the update request
+    await updateShippingMethod({
+      code: shippingMethod?.code,
+      serviceLevel: {
+        code: shippingMethod?.serviceLevel?.code,
+        carrier: {
+          code: shippingMethod?.serviceLevel?.carrier?.code
+        }
+      }
+    });
+  }, [shippingMethods, updateShippingMethod]);
+  if (order?.status !== 'new' || !orderHasDirectShipItems) {
+    return null;
+  }
+  if (shippingMethods.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.root
+    }, /*#__PURE__*/React.createElement("h3", {
+      className: styles.headline
+    }, i18n.text('checkout.shippingMethod.title')), /*#__PURE__*/React.createElement(MessageBar, {
+      messages: [{
+        type: 'error',
+        message: i18n.text(`checkout.shippingMethod.errors.${!shippingAddress ? 'noShippingAddress' : 'invalidShippingAddress'}`)
+      }],
+      classNames: {
+        container: styles.errorMessage
+      },
+      showIcons: true
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.headline
+  }, i18n.text('checkout.shippingMethod.title')), shippingMethods.length === 1 ? /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.container, styles.containerSingle)
+  }, /*#__PURE__*/React.createElement(ShippingMethod, {
+    shippingMethod: shippingMethods[0]
+  })) : /*#__PURE__*/React.createElement(RadioGroup, {
+    name: "shipping-methods",
+    value: selectedHash,
+    onChange: onChange,
+    component: "ul",
+    classes: {
+      root: styles.container
+    },
+    disabled: isLoading
+  }, shippingMethods.map(shippingMethod => /*#__PURE__*/React.createElement(RadioCard, {
+    renderCard: CardComponent,
+    value: shippingMethod.hash,
+    key: shippingMethod.hash
+  }, /*#__PURE__*/React.createElement(ShippingMethod, {
+    shippingMethod: shippingMethod
+  })))));
+};
+ShippingMethods.defaultProps = {
+  orderHasDirectShipItems: false
+};
+export default connect(ShippingMethods);

package/checkout/components/ShippingMethods/connector.js

@@ -1,7 +1,16 @@
-import{connect}from'react-redux';import{getHasDirectShipItems}from'@shopgate/engage/checkout/selectors/order';/**
+import { connect } from 'react-redux';
+import { getHasDirectShipItems } from '@shopgate/engage/checkout/selectors/order';
+/**
  * @returns {Function}
- */function makeMapStateToProps(){/**
+ */
+function makeMapStateToProps() {
+  /**
    * @param {Object} state The application state.
    * @param {Object} props The component props
    * @returns {Object}
-   */return function(state){return{orderHasDirectShipItems:getHasDirectShipItems(state)};};}export default connect(makeMapStateToProps);
+   */
+  return state => ({
+    orderHasDirectShipItems: getHasDirectShipItems(state)
+  });
+}
+export default connect(makeMapStateToProps);

package/checkout/components/ShippingMethods/index.js

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

package/checkout/components/SupplementalContent/SupplementalContent.connector.js

@@ -1,4 +1,14 @@
-import{connect}from'react-redux';import{makeGetShopSettingByKey,SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT}from'@shopgate/engage/core';/**
+import { connect } from 'react-redux';
+import { makeGetShopSettingByKey, SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT } from '@shopgate/engage/core';
+
+/**
  * Creates the mapStateToProps connector function.
  * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){var getShopSettingsByKey=makeGetShopSettingByKey(SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT);return function(state,props){return{text:getShopSettingsByKey(state,props)};};};export default connect(makeMapStateToProps);
+ */
+const makeMapStateToProps = () => {
+  const getShopSettingsByKey = makeGetShopSettingByKey(SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT);
+  return (state, props) => ({
+    text: getShopSettingsByKey(state, props)
+  });
+};
+export default connect(makeMapStateToProps);

package/checkout/components/SupplementalContent/SupplementalContent.js

@@ -1,5 +1,33 @@
-import React from'react';import classNames from'classnames';import PropTypes from'prop-types';import{wrapper}from"./SupplementalContent.styles";import connect from"./SupplementalContent.connector";/**
+import React from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { wrapper } from "./SupplementalContent.styles";
+import connect from "./SupplementalContent.connector";
+
+/**
  * The SupplementalContent component
  * @param {Object} props The component props
  * @returns {JSX}
- */var SupplementalContent=function SupplementalContent(_ref){var text=_ref.text,className=_ref.className;if(!text){return null;}/* eslint-disable react/no-danger */return React.createElement("div",{className:classNames(wrapper,className),dangerouslySetInnerHTML:{__html:text}});/* eslint-enable react/no-danger */};SupplementalContent.defaultProps={text:null,className:null};export default connect(SupplementalContent);
+ */
+const SupplementalContent = ({
+  text,
+  className
+}) => {
+  if (!text) {
+    return null;
+  }
+
+  /* eslint-disable react/no-danger */
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(wrapper, className),
+    dangerouslySetInnerHTML: {
+      __html: text
+    }
+  });
+  /* eslint-enable react/no-danger */
+};
+SupplementalContent.defaultProps = {
+  text: null,
+  className: null
+};
+export default connect(SupplementalContent);

package/checkout/components/SupplementalContent/SupplementalContent.styles.js

@@ -1 +1,29 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var wrapper=css({display:'block',color:'var(--color-text-low-emphasis)',fontSize:12,lineHeight:'unset',padding:"".concat(variables.gap.big,"px 0"),'> *:first-child':{marginTop:0},' ol, ul':{margin:"".concat(variables.gap.small,"px 0"),paddingLeft:variables.gap.xbig},' ol':{listStyle:'decimal'},' ul':{listStyle:'disc'},' a':{textDecoration:'underline',color:'var(--color-primary)'}}).toString();
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+const {
+  variables
+} = themeConfig;
+export const wrapper = css({
+  display: 'block',
+  color: 'var(--color-text-low-emphasis)',
+  fontSize: 12,
+  lineHeight: 'unset',
+  padding: `${variables.gap.big}px 0`,
+  '> *:first-child': {
+    marginTop: 0
+  },
+  ' ol, ul': {
+    margin: `${variables.gap.small}px 0`,
+    paddingLeft: variables.gap.xbig
+  },
+  ' ol': {
+    listStyle: 'decimal'
+  },
+  ' ul': {
+    listStyle: 'disc'
+  },
+  ' a': {
+    textDecoration: 'underline',
+    color: 'var(--color-primary)'
+  }
+}).toString();

package/checkout/components/SupplementalContent/index.js

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

package/checkout/components/index.js

@@ -1 +1,7 @@
-export{CheckoutConfirmationPickUpContact,CheckoutConfirmationOrderContact,CheckoutConfirmationBilledTo,CheckoutConfirmationShippedTo,CheckoutConfirmationOrderSummary,CheckoutConfirmationSection}from"./CheckoutConfirmation";export{SupplementalContent}from"./SupplementalContent";export{default as Checkout}from"./Checkout/Checkout";export{default as GuestCheckoutPayment}from"./GuestCheckout/GuestCheckout";export{default as CheckoutConfirmation}from"./CheckoutConfirmation/CheckoutConfirmation";export{default as AddressBook}from"./AddressBook";export{default as AddressBookContact}from"./AddressBookContact";
+export { CheckoutConfirmationPickUpContact, CheckoutConfirmationOrderContact, CheckoutConfirmationBilledTo, CheckoutConfirmationShippedTo, CheckoutConfirmationOrderSummary, CheckoutConfirmationSection } from "./CheckoutConfirmation";
+export { SupplementalContent } from "./SupplementalContent";
+export { default as Checkout } from "./Checkout/Checkout";
+export { default as GuestCheckoutPayment } from "./GuestCheckout/GuestCheckout";
+export { default as CheckoutConfirmation } from "./CheckoutConfirmation/CheckoutConfirmation";
+export { default as AddressBook } from "./AddressBook";
+export { default as AddressBookContact } from "./AddressBookContact";

package/checkout/constants/actionTypes.js

@@ -1 +1,19 @@
-export var INITIALIZE_CHECKOUT='INITIALIZE_CHECKOUT';export var INITIALIZE_CHECKOUT_SUCCESS='INITIALIZE_CHECKOUT_SUCCESS';export var INITIALIZE_CHECKOUT_ERROR='INITIALIZE_CHECKOUT_ERROR';export var FETCH_CHECKOUT_ORDER='FETCH_CHECKOUT_ORDER';export var FETCH_CHECKOUT_ORDER_SUCCESS='FETCH_CHECKOUT_ORDER_SUCCESS';export var FETCH_CHECKOUT_ORDER_ERROR='FETCH_CHECKOUT_ORDER_ERROR';export var CLEAR_CHECKOUT_ORDER='CLEAR_CHECKOUT_ORDER';export var FETCH_PAYMENT_METHODS='FETCH_PAYMENT_METHODS';export var FETCH_PAYMENT_METHODS_SUCCESS='FETCH_PAYMENT_METHODS_SUCCESS';export var FETCH_PAYMENT_METHODS_ERROR='FETCH_PAYMENT_METHODS_ERROR';export var UPDATE_CHECKOUT_ORDER='UPDATE_CHECKOUT_ORDER';export var UPDATE_CHECKOUT_ORDER_SUCCESS='UPDATE_CHECKOUT_ORDER_SUCCESS';export var UPDATE_CHECKOUT_ORDER_ERROR='UPDATE_CHECKOUT_ORDER_ERROR';export var SUBMIT_CHECKOUT_ORDER='SUBMIT_CHECKOUT_ORDER';export var SUBMIT_CHECKOUT_ORDER_SUCCESS='SUBMIT_CHECKOUT_ORDER_SUCCESS';export var SUBMIT_CHECKOUT_ORDER_ERROR='SUBMIT_CHECKOUT_ORDER_ERROR';export var ADD_CHECKOUT_CAMPAIGN='ADD_CHECKOUT_CAMPAIGN';export var CLEAR_CHECKOUT_CAMPAIGN='CLEAR_CHECKOUT_CAMPAIGN';export var VALIDATION_ERRORS_CHECKOUT='VALIDATION_ERRORS_CHECKOUT';
+export const INITIALIZE_CHECKOUT = 'INITIALIZE_CHECKOUT';
+export const INITIALIZE_CHECKOUT_SUCCESS = 'INITIALIZE_CHECKOUT_SUCCESS';
+export const INITIALIZE_CHECKOUT_ERROR = 'INITIALIZE_CHECKOUT_ERROR';
+export const FETCH_CHECKOUT_ORDER = 'FETCH_CHECKOUT_ORDER';
+export const FETCH_CHECKOUT_ORDER_SUCCESS = 'FETCH_CHECKOUT_ORDER_SUCCESS';
+export const FETCH_CHECKOUT_ORDER_ERROR = 'FETCH_CHECKOUT_ORDER_ERROR';
+export const CLEAR_CHECKOUT_ORDER = 'CLEAR_CHECKOUT_ORDER';
+export const FETCH_PAYMENT_METHODS = 'FETCH_PAYMENT_METHODS';
+export const FETCH_PAYMENT_METHODS_SUCCESS = 'FETCH_PAYMENT_METHODS_SUCCESS';
+export const FETCH_PAYMENT_METHODS_ERROR = 'FETCH_PAYMENT_METHODS_ERROR';
+export const UPDATE_CHECKOUT_ORDER = 'UPDATE_CHECKOUT_ORDER';
+export const UPDATE_CHECKOUT_ORDER_SUCCESS = 'UPDATE_CHECKOUT_ORDER_SUCCESS';
+export const UPDATE_CHECKOUT_ORDER_ERROR = 'UPDATE_CHECKOUT_ORDER_ERROR';
+export const SUBMIT_CHECKOUT_ORDER = 'SUBMIT_CHECKOUT_ORDER';
+export const SUBMIT_CHECKOUT_ORDER_SUCCESS = 'SUBMIT_CHECKOUT_ORDER_SUCCESS';
+export const SUBMIT_CHECKOUT_ORDER_ERROR = 'SUBMIT_CHECKOUT_ORDER_ERROR';
+export const ADD_CHECKOUT_CAMPAIGN = 'ADD_CHECKOUT_CAMPAIGN';
+export const CLEAR_CHECKOUT_CAMPAIGN = 'CLEAR_CHECKOUT_CAMPAIGN';
+export const VALIDATION_ERRORS_CHECKOUT = 'VALIDATION_ERRORS_CHECKOUT';

package/checkout/constants/errorCodes.js

@@ -1 +1 @@
-export var ERROR_CODE_CHECKOUT_GENERIC='EUNKNOWN';
+export const ERROR_CODE_CHECKOUT_GENERIC = 'EUNKNOWN';

package/checkout/constants/index.js

@@ -1 +1,11 @@
-import{CHECKOUT_PATH}from'@shopgate/pwa-common/constants/RoutePaths';export*from'@shopgate/pwa-common-commerce/checkout/constants/index';export*from'@shopgate/pwa-common-commerce/checkout/constants/Pipelines';export{CHECKOUT_PATH};export{CHECKOUT_PATTERN,GUEST_CHECKOUT_PATTERN,CHECKOUT_CONFIRMATION_PATTERN,GUEST_CHECKOUT_PAYMENT_PATTERN,CHECKOUT_ADDRESS_BOOK_PATTERN,CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN,checkoutRoutes}from"./routes";export var CHECKOUT_ACTIONS='checkout.actions';export var CHECKOUT_PICKUP_CONTACT_FORM='checkout.pickup-contact';export var CHECKOUT_MARKETING_OPTIN='checkout.marketing-optin';export var ADDRESS_TYPE_BILLING='billing';export var ADDRESS_TYPE_SHIPPING='shipping';export var ADDRESS_TYPE_PICKUP='pickup';
+import { CHECKOUT_PATH } from '@shopgate/pwa-common/constants/RoutePaths';
+export * from '@shopgate/pwa-common-commerce/checkout/constants/index';
+export * from '@shopgate/pwa-common-commerce/checkout/constants/Pipelines';
+export { CHECKOUT_PATH };
+export { CHECKOUT_PATTERN, GUEST_CHECKOUT_PATTERN, CHECKOUT_CONFIRMATION_PATTERN, GUEST_CHECKOUT_PAYMENT_PATTERN, CHECKOUT_ADDRESS_BOOK_PATTERN, CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN, checkoutRoutes } from "./routes";
+export const CHECKOUT_ACTIONS = 'checkout.actions';
+export const CHECKOUT_PICKUP_CONTACT_FORM = 'checkout.pickup-contact';
+export const CHECKOUT_MARKETING_OPTIN = 'checkout.marketing-optin';
+export const ADDRESS_TYPE_BILLING = 'billing';
+export const ADDRESS_TYPE_SHIPPING = 'shipping';
+export const ADDRESS_TYPE_PICKUP = 'pickup';

package/checkout/constants/routes.js

@@ -1 +1,8 @@
-export var CHECKOUT_PATTERN='/checkout';export var GUEST_CHECKOUT_PATTERN='/checkout/guest';export var GUEST_CHECKOUT_PAYMENT_PATTERN='/checkout/guest/payment';export var CHECKOUT_CONFIRMATION_PATTERN='/checkout/success';export var CHECKOUT_ADDRESS_BOOK_PATH='/checkout/addresses';export var CHECKOUT_ADDRESS_BOOK_PATTERN="".concat(CHECKOUT_ADDRESS_BOOK_PATH,"/:type");export var CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN="".concat(CHECKOUT_ADDRESS_BOOK_PATH,"/:type/contact");export var checkoutRoutes=[CHECKOUT_PATTERN,GUEST_CHECKOUT_PATTERN,GUEST_CHECKOUT_PAYMENT_PATTERN,CHECKOUT_CONFIRMATION_PATTERN,CHECKOUT_ADDRESS_BOOK_PATTERN,CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN];
+export const CHECKOUT_PATTERN = '/checkout';
+export const GUEST_CHECKOUT_PATTERN = '/checkout/guest';
+export const GUEST_CHECKOUT_PAYMENT_PATTERN = '/checkout/guest/payment';
+export const CHECKOUT_CONFIRMATION_PATTERN = '/checkout/success';
+export const CHECKOUT_ADDRESS_BOOK_PATH = '/checkout/addresses';
+export const CHECKOUT_ADDRESS_BOOK_PATTERN = `${CHECKOUT_ADDRESS_BOOK_PATH}/:type`;
+export const CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN = `${CHECKOUT_ADDRESS_BOOK_PATH}/:type/contact`;
+export const checkoutRoutes = [CHECKOUT_PATTERN, GUEST_CHECKOUT_PATTERN, GUEST_CHECKOUT_PAYMENT_PATTERN, CHECKOUT_CONFIRMATION_PATTERN, CHECKOUT_ADDRESS_BOOK_PATTERN, CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN];