Merge pull request #614 from shopgate/PWA-1849-keep-shipping-selector

Keep shipping costs selector

libraries/commerce/cart/selectors/index.js

@@ -167,11 +167,26 @@ export const getGrandTotal = createSelector(
  * Selects the shipping costs.
  * @returns {Object}
  */
-export const getShippingCosts = createSelector(
+export const getShippingCost = createSelector(
   getTotals,
   totals => totals.find(total => total.type === CART_TOTALS_TYPE_SHIPPING) || null
 );
 
+/**
+ * Selects the summed up shipping costs of the cart.
+ * @returns {number}
+ */
+export const getShippingCosts = createSelector(
+  getShippingCost,
+  (shippingCost) => {
+    if (!shippingCost) {
+      return null;
+    }
+    const { amount = 0 } = shippingCost;
+    return amount;
+  }
+);
+
 /**
  * Selects the tax value of the cart.
  * @returns {Object}

themes/theme-gmd/pages/Cart/components/PaymentBar/components/Content/components/ShippingCosts/connector.js

@@ -1,13 +1,13 @@
 import { connect } from 'react-redux';
-import { getShippingCosts } from '@shopgate/pwa-common-commerce/cart/selectors';
+import { getShippingCost } from '@shopgate/pwa-common-commerce/cart/selectors';
 
 /**
  * Maps the contents of the state to the component props.
  * @param {Object} state The current application state.
  * @return {Object} The extended component props.
  */
 const mapStateToProps = state => ({
-  shippingCost: getShippingCosts(state),
+  shippingCost: getShippingCost(state),
 });
 
 export default connect(mapStateToProps);

themes/theme-ios11/pages/Cart/components/PaymentBar/components/Content/components/ShippingCosts/connector.js

@@ -1,13 +1,13 @@
 import { connect } from 'react-redux';
-import { getShippingCosts } from '@shopgate/pwa-common-commerce/cart/selectors';
+import { getShippingCost } from '@shopgate/pwa-common-commerce/cart/selectors';
 
 /**
  * Maps the contents of the state to the component props.
  * @param {Object} state The current application state.
  * @return {Object} The extended component props.
  */
 const mapStateToProps = state => ({
-  shippingCost: getShippingCosts(state),
+  shippingCost: getShippingCost(state),
 });
 
 export default connect(mapStateToProps);