fontdue-js 1.10.0 → 1.10.2

package/dist/components/Cart/CartOrder.js

@@ -4,72 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
-var _reactRedux = require("react-redux");
-
-var _reactStripeElements = require("react-stripe-elements");
-
 var _Checkout = _interopRequireDefault(require("./Checkout"));
-
 var _CheckoutSteps = _interopRequireDefault(require("./CheckoutSteps"));
-
 var _CartItem = _interopRequireDefault(require("./CartItem"));
-
 var _Icons = require("../Icons");
-
 var _Download = _interopRequireDefault(require("./Download"));
-
 var _CouponCodeInput = _interopRequireDefault(require("./CouponCodeInput"));
-
 var _EmptyCart = _interopRequireDefault(require("./EmptyCart"));
-
 var _IdentityBox = _interopRequireDefault(require("./IdentityBox"));
-
 var _CartTotals = _interopRequireDefault(require("./CartTotals"));
-
-var _injectRelayEnvironment = _interopRequireDefault(require("./injectRelayEnvironment"));
-
 var _utils = require("./utils");
-
-var _CartOrderCompleteOrderMutation, _CartOrderUpdateMutation, _CartOrderApplyCouponMutation, _CartOrderRemoveDiscountMutation, _CartOrder_order, _CartOrder_viewer;
-
+var _reactStripeJs = require("@stripe/react-stripe-js");
+var _reactRedux = require("react-redux");
+var _utils2 = require("../../utils");
+var _CartOrderCompleteOrderMutation, _CartOrder_UpdateErrors, _CartOrderUpdateMutation, _CartOrderApplyCouponMutation, _CartOrderRemoveDiscountMutation, _CartOrder_order, _CartOrder_viewer;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const orderChangeInput = (order, orderItem) => {
+  var _order$orderItems;
+  return (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.reduce((res, item) => {
+    var _item$licenseSelectio, _item$licenseSelectio2;
+    if (item.id === orderItem.id) return res.concat(orderItem);
+    return res.concat({
+      id: item.id,
+      licenseSelections: (_item$licenseSelectio = (_item$licenseSelectio2 = item.licenseSelections) === null || _item$licenseSelectio2 === void 0 ? void 0 : _item$licenseSelectio2.map(_ref => {
+        let {
+          license,
+          licenseVariable,
+          licenseOption,
+          variableText
+        } = _ref;
+        return {
+          licenseId: license.id,
+          licenseVariableId: licenseVariable && licenseVariable.id,
+          licenseOptionId: licenseOption && licenseOption.id,
+          variableText
+        };
+      }).filter(_utils2.notEmpty)) !== null && _item$licenseSelectio !== void 0 ? _item$licenseSelectio : []
+    });
+  }, [])
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const closeCart = () => ({
-  type: 'CLOSE_CART'
-});
-
-const idField = node => node.id;
+  /* remove order items if there are no licenses */.filter(item => item.licenseSelections.length > 0);
+};
 
-const orderChangeInput = (order, orderItem) => order.orderItems.reduce((res, item) => {
-  if (item.id === orderItem.id) return res.concat(orderItem);
-  return res.concat({
-    id: item.id,
-    licenseSelections: item.licenseSelections.map(({
-      license,
-      licenseVariable,
-      licenseOption,
-      variableText
-    }) => ({
-      licenseId: license.id,
-      licenseVariableId: licenseVariable && licenseVariable.id,
-      licenseOptionId: licenseOption && licenseOption.id,
-      variableText
-    }))
-  });
-}, [])
-/* remove order items if there are no licenses */
-.filter(item => item.licenseSelections.length > 0); // note here we're only updating the order (by id).
+// note here we're only updating the order (by id).
 // careful not to update the current customer's reference
 // to its order, since at this time it will turn to `null`
 // (this is because the 'order' field on customer represents
@@ -77,371 +58,301 @@ const orderChangeInput = (order, orderItem) => order.orderItems.reduce((res, ite
 //   want to reset the cart back to empty).
 // but here we want to keep displaying the order that they
 // just paid for
-
-
-const submitCompleteMutation = _CartOrderCompleteOrderMutation !== void 0 ? _CartOrderCompleteOrderMutation : (_CartOrderCompleteOrderMutation = require("../../__generated__/CartOrderCompleteOrderMutation.graphql"), _CartOrderCompleteOrderMutation.hash && _CartOrderCompleteOrderMutation.hash !== "f1a4ec32d39da736d76d24b6077b1250" && console.error("The definition of 'CartOrderCompleteOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderCompleteOrderMutation);
-const orderChangeMutation = _CartOrderUpdateMutation !== void 0 ? _CartOrderUpdateMutation : (_CartOrderUpdateMutation = require("../../__generated__/CartOrderUpdateMutation.graphql"), _CartOrderUpdateMutation.hash && _CartOrderUpdateMutation.hash !== "f91633425ca8f655dbe902a0132dcacc" && console.error("The definition of 'CartOrderUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderUpdateMutation);
+const submitCompleteMutation = _CartOrderCompleteOrderMutation !== void 0 ? _CartOrderCompleteOrderMutation : (_CartOrderCompleteOrderMutation = require("../../__generated__/CartOrderCompleteOrderMutation.graphql"), _CartOrderCompleteOrderMutation.hash && _CartOrderCompleteOrderMutation.hash !== "86f8fe7e3a867ae234cb381df186c107" && console.error("The definition of 'CartOrderCompleteOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderCompleteOrderMutation);
+_CartOrder_UpdateErrors !== void 0 ? _CartOrder_UpdateErrors : (_CartOrder_UpdateErrors = require("../../__generated__/CartOrder_UpdateErrors.graphql"), _CartOrder_UpdateErrors.hash && _CartOrder_UpdateErrors.hash !== "0bc5cd4fa568238d362a545367f9c306" && console.error("The definition of 'CartOrder_UpdateErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_UpdateErrors);
+const orderChangeMutation = _CartOrderUpdateMutation !== void 0 ? _CartOrderUpdateMutation : (_CartOrderUpdateMutation = require("../../__generated__/CartOrderUpdateMutation.graphql"), _CartOrderUpdateMutation.hash && _CartOrderUpdateMutation.hash !== "9f208ec36dbea5d90eeae4574b48bd15" && console.error("The definition of 'CartOrderUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderUpdateMutation);
 const applyCouponMutation = _CartOrderApplyCouponMutation !== void 0 ? _CartOrderApplyCouponMutation : (_CartOrderApplyCouponMutation = require("../../__generated__/CartOrderApplyCouponMutation.graphql"), _CartOrderApplyCouponMutation.hash && _CartOrderApplyCouponMutation.hash !== "32699616cc0aee87d659a1de4c238374" && console.error("The definition of 'CartOrderApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderApplyCouponMutation);
 const removeDiscountMutation = _CartOrderRemoveDiscountMutation !== void 0 ? _CartOrderRemoveDiscountMutation : (_CartOrderRemoveDiscountMutation = require("../../__generated__/CartOrderRemoveDiscountMutation.graphql"), _CartOrderRemoveDiscountMutation.hash && _CartOrderRemoveDiscountMutation.hash !== "8a84a9135f1406fa9c4cc16dc2e11d30" && console.error("The definition of 'CartOrderRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderRemoveDiscountMutation);
-
-class CartOrderBase extends _react.default.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "validateCanSubmit", () => {
-      const {
-        eulaAgreed
-      } = this.state;
-      const {
-        order
-      } = this.props;
-      return eulaAgreed && (0, _utils.textVariablesAllHaveText)(order);
+const CartOrder = _ref2 => {
+  var _order$stripePaymentM, _viewer$settings$eula, _viewer$settings;
+  let {
+    order: orderKey,
+    viewer: viewerKey,
+    status
+  } = _ref2;
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const stripe = (0, _reactStripeJs.useStripe)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const order = (0, _reactRelay.useFragment)(_CartOrder_order !== void 0 ? _CartOrder_order : (_CartOrder_order = require("../../__generated__/CartOrder_order.graphql"), _CartOrder_order.hash && _CartOrder_order.hash !== "da3f04b312369f7ba11b78057136e80c" && console.error("The definition of 'CartOrder_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_order), orderKey);
+  const viewer = (0, _reactRelay.useFragment)(_CartOrder_viewer !== void 0 ? _CartOrder_viewer : (_CartOrder_viewer = require("../../__generated__/CartOrder_viewer.graphql"), _CartOrder_viewer.hash && _CartOrder_viewer.hash !== "43e3f6416c11542af964035f3c40bade" && console.error("The definition of 'CartOrder_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_viewer), viewerKey);
+
+  // errors is from the payload, typically user errors,
+  // whereas 'error' refers to schema/network/catastrophic errors
+  const [error, setError] = (0, _react.useState)(null);
+  const [errors, setErrors] = (0, _react.useState)(null);
+  const [checkingOut, setCheckingOut] = (0, _react.useState)(false);
+  const [completing, setCompleting] = (0, _react.useState)(false);
+  const [paymentError, setPaymentError] = (0, _react.useState)(null);
+  const [checkoutStep, setCheckoutStep] = (0, _react.useState)(0);
+  const [eulaAgreed, setEulaAgreed] = (0, _react.useState)(false);
+  const modal = (0, _react.useRef)(null);
+  const submitOrderChange = orderItems => {
+    if (!orderItems) return;
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: orderChangeMutation,
+      variables: {
+        input: {
+          orderItems
+        }
+      },
+      onCompleted: (result, errors) => {
+        var _result$updateOrder;
+        if (errors !== null && errors !== void 0 && errors[0]) {
+          setError(errors[0].message);
+        } else if ((_result$updateOrder = result.updateOrder) !== null && _result$updateOrder !== void 0 && _result$updateOrder.errors) {
+          setErrors(result.updateOrder.errors);
+        }
+      }
     });
-
-    _defineProperty(this, "handleScrollToTop", () => {
-      if (this.modal.current) {
-        this.modal.current.scrollTop = 0;
+  };
+  const openCheckout = () => setCheckingOut(true);
+  const closeCheckout = () => setCheckingOut(false);
+  const openCheckoutStep = checkoutStep => {
+    setCheckingOut(true);
+    setCheckoutStep(checkoutStep);
+  };
+  const complete = () => {
+    setCompleting(true);
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: submitCompleteMutation,
+      variables: {},
+      onCompleted: (response, errors) => {
+        const requiresAction = response.completeOrder && response.completeOrder.requiresAction;
+        if (requiresAction === 'use_stripe_sdk') {
+          var _response$completeOrd, _response$completeOrd2, _response$completeOrd3;
+          const secret = (_response$completeOrd = response.completeOrder) === null || _response$completeOrd === void 0 ? void 0 : (_response$completeOrd2 = _response$completeOrd.order) === null || _response$completeOrd2 === void 0 ? void 0 : (_response$completeOrd3 = _response$completeOrd2.stripePaymentIntent) === null || _response$completeOrd3 === void 0 ? void 0 : _response$completeOrd3.clientSecret;
+          if (!secret) throw new Error('Stripe payment secret not found');
+          stripe === null || stripe === void 0 ? void 0 : stripe.handleCardAction(secret).then(result => {
+            var _result$error;
+            if ((_result$error = result.error) !== null && _result$error !== void 0 && _result$error.message) {
+              setPaymentError(result.error.message);
+              setCompleting(false);
+              setCheckingOut(true);
+              setCheckoutStep(_CheckoutSteps.default.Payment);
+            } else {
+              // re-confirm
+              complete();
+            }
+          });
+          return;
+        }
+        if (requiresAction === 'enter_new_payment_method') {
+          setPaymentError('We were unable to complete your payment, please re-enter your card details and try again');
+          setCompleting(false);
+          setCheckingOut(true);
+          setCheckoutStep(_CheckoutSteps.default.Payment);
+          return;
+        }
+        if (errors && errors.length > 0) {
+          setPaymentError(errors[0].message);
+          setCompleting(false);
+          setCheckingOut(true);
+        }
       }
     });
-
-    this.modal = /*#__PURE__*/_react.default.createRef();
-    this.state = {
-      error: null,
-      // errors is from the payload, typically user errors,
-      // whereas 'error' refers to schema/network/catastrophic errors
-      errors: null,
-      checkingOut: false,
-      completing: false,
-      paymentError: null,
-      checkoutStep: 0,
-      eulaAgreed: false
-    };
-
-    this.submitOrderChange = orderItems => {
-      (0, _reactRelay.commitMutation)(this.props.environment, {
-        mutation: orderChangeMutation,
-        variables: {
-          input: {
-            orderItems
-          }
-        },
-        onCompleted: (result, error) => {
-          if (error) {
-            this.setState({
-              error
-            });
-          } else if (result.updateOrder && result.updateOrder.errors) {
-            this.setState({
-              errors: result.updateOrder.errors
-            });
-          }
+  };
+  const applyCoupon = _ref3 => {
+    let {
+      code
+    } = _ref3;
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: applyCouponMutation,
+      variables: {
+        input: {
+          code
         }
-      });
-    };
-
-    this.openCheckout = () => this.setState({
-      checkingOut: true
+      },
+      onCompleted: (_result, errors) => {
+        if (errors !== null && errors !== void 0 && errors[0]) {
+          setError(errors[0].message);
+        }
+      }
     });
-
-    this.openCheckoutStep = checkoutStep => this.setState({
-      checkingOut: true,
-      checkoutStep
+  };
+  const removeDiscount = () => {
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: removeDiscountMutation,
+      variables: {},
+      onCompleted: (_result, errors) => {
+        if (errors !== null && errors !== void 0 && errors[0]) {
+          setError(errors[0].message);
+        }
+      }
     });
-
-    this.closeCheckout = () => this.setState({
-      checkingOut: false
+  };
+  const requiresCheckout = () => !order.canCompleteWithCoupon;
+  const clearError = () => {
+    submitOrderChange([]);
+    setError(null);
+  };
+  const validateCanSubmit = () => {
+    return eulaAgreed && (0, _utils.textVariablesAllHaveText)(order);
+  };
+  const handleScrollToTop = () => {
+    if (modal.current) {
+      modal.current.scrollTop = 0;
+    }
+  };
+  if (!order) return null;
+  const {
+    orderItems
+  } = order;
+  if (!orderItems || orderItems.length < 1) {
+    return /*#__PURE__*/_react.default.createElement(_EmptyCart.default, {
+      status: status
     });
-
-    this.setCheckoutStep = checkoutStep => this.setState({
-      checkoutStep
+  }
+  const reviewing = Boolean(order.customer && !order.customer.anonymous && order.billingIdentity && (order.licenseeIdentity || order.licenseeIsBillingIdentity) && (order.stripePaymentMethod || order.canCompleteWithCoupon));
+  if (order.completedWithCoupon || order.stripePaymentIntent && order.stripePaymentIntent.status === 'succeeded') {
+    return /*#__PURE__*/_react.default.createElement(_Download.default, {
+      order: order
     });
-
-    this.complete = () => {
-      const {
-        stripe
-      } = this.props;
-      this.setState({
-        completing: true
-      });
-      (0, _reactRelay.commitMutation)(this.props.environment, {
-        mutation: submitCompleteMutation,
-        onCompleted: (response, errors) => {
-          const {
-            order
-          } = this.props;
-          const requiresAction = response.completeOrder && response.completeOrder.requiresAction;
-
-          if (requiresAction === 'use_stripe_sdk') {
-            stripe.handleCardAction(order.stripePaymentIntent.clientSecret).then(result => {
-              if (result.error) {
-                console.error(result.error);
-                this.setState({
-                  paymentError: result.error.message,
-                  completing: false,
-                  checkingOut: true,
-                  checkoutStep: _CheckoutSteps.default.Payment
-                });
-              } else {
-                // re-confirm
-                this.complete();
-              }
-            });
-            return;
-          }
-
-          if (requiresAction === 'enter_new_payment_method') {
-            this.setState({
-              paymentError: 'We were unable to complete your payment, please re-enter your card details any try again',
-              completing: false,
-              checkingOut: true,
-              checkoutStep: _CheckoutSteps.default.Payment
-            });
-            return;
-          }
-
-          if (errors && errors.length > 0) {
-            this.setState({
-              paymentError: errors[0].message,
-              completing: false,
-              checkingOut: true
-            });
-          }
-        }
-      });
-    };
-
-    this.applyCoupon = ({
-      code
-    }) => {
-      (0, _reactRelay.commitMutation)(this.props.environment, {
-        mutation: applyCouponMutation,
-        variables: {
-          input: {
-            code
-          }
-        },
-        onCompleted: (result, error) => {
-          if (error) {
-            this.setState({
-              error
-            });
-          }
-        }
-      });
-    };
-
-    this.removeDiscount = () => {
-      (0, _reactRelay.commitMutation)(this.props.environment, {
-        mutation: removeDiscountMutation,
-        variables: {},
-        onCompleted: (result, error) => {
-          if (error) {
-            this.setState({
-              error
-            });
-          }
-        }
-      });
-    };
-
-    this.requiresCheckout = () => !this.props.order.canCompleteWithCoupon;
-
-    this.clearError = () => {
-      this.submitOrderChange([]);
-      this.setState({
-        error: null
-      });
-    };
   }
-
-  render() {
-    const {
-      order,
-      status,
-      uiFontUrl,
-      viewer,
-      dispatch,
-      stripe
-    } = this.props;
-    const {
-      checkoutStep,
-      eulaAgreed,
-      paymentError,
-      checkingOut
-    } = this.state;
-    if (!order) return null;
-    const {
-      orderItems
-    } = order;
-
-    if (!orderItems || orderItems.length < 1) {
-      return /*#__PURE__*/_react.default.createElement(_EmptyCart.default, {
-        status: status
-      });
+  const open = status === 'entering' || status === 'entered';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart",
+    "data-open": open,
+    "data-eula-agreed": eulaAgreed
+  }, status !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__scroller"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__top"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__nav"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart__nav__back",
+    type: "button",
+    onClick: () => dispatch({
+      type: 'CLOSE_CART'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__nav__title"
+  }, "Your cart")), (order.customer || order.billingIdentity || order.licenseeIdentity || order.stripePaymentMethod) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review"
+  }, order.billingIdentity && /*#__PURE__*/_react.default.createElement(_IdentityBox.default, {
+    identity: order.billingIdentity,
+    title: "Billing information",
+    onClick: () => openCheckoutStep(_CheckoutSteps.default.Billing)
+  }, {
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.Receipt, null)
+  }), order.licenseeIdentity && /*#__PURE__*/_react.default.createElement(_IdentityBox.default, {
+    identity: order.licenseeIdentity,
+    title: "Licensee information",
+    onClick: () => openCheckoutStep(_CheckoutSteps.default.Licensee)
+  }, {
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.License, null)
+  }), order.customer && !order.customer.anonymous && /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart__review__button cart__review__user-info",
+    type: "button",
+    onClick: () => openCheckoutStep(_CheckoutSteps.default.Customer)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__label"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.User, null), " Contact information", ' ', /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__review__label__text"
+  }, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, order.customer.name), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, order.customer.email)), order.stripePaymentMethod && /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart__review__button cart__review__credit-info",
+    type: "button",
+    onClick: () => openCheckoutStep(_CheckoutSteps.default.Payment)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__label"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CreditCard, null), " Payment", ' ', /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__review__label__text"
+  }, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, "\u2013\u2013\u2013\u2013\u2013\u2013 \u2013\u2013\u2013\u2013\u2013\u2013 ", (_order$stripePaymentM = order.stripePaymentMethod.card) === null || _order$stripePaymentM === void 0 ? void 0 : _order$stripePaymentM.last4)))), (error || errors) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__error"
+  }, "There was a problem with your order.", ' ', /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: clearError,
+    className: "cart__error__button"
+  }, "Click here"), ' ', "to empty your cart and continue shopping."), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__middle"
+  }, orderItems.map((item, i) => /*#__PURE__*/_react.default.createElement(_CartItem.default, {
+    key: i,
+    node: item,
+    viewer: viewer,
+    onChange: newItem => submitOrderChange(orderChangeInput(order, newItem))
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__bottom"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__bottom__wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-blocks-and-agreement"
+  }, /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
+    order: order,
+    onRemoveDiscount: removeDiscount
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-agreement",
+    "data-highlighted": !eulaAgreed && reviewing
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: "eula-agreement",
+    checked: eulaAgreed,
+    onChange: e => setEulaAgreed(e.target.checked)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox__icon"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.Check, null))), /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: "eula-agreement",
+    dangerouslySetInnerHTML: {
+      __html: (_viewer$settings$eula = (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.eulaAgreementLabel) !== null && _viewer$settings$eula !== void 0 ? _viewer$settings$eula : ''
     }
-
-    const reviewing = Boolean(order.customer && !order.customer.anonymous && order.billingIdentity && (order.licenseeIdentity || order.licenseeIsBillingIdentity) && (order.stripePaymentMethod || order.canCompleteWithCoupon));
-
-    if (order.completedWithCoupon || order.stripePaymentIntent && order.stripePaymentIntent.status === 'succeeded') {
-      return /*#__PURE__*/_react.default.createElement(_Download.default, {
-        order: order
-      });
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__additions"
+  }, !order.discount && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__coupon-input"
+  }, /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, {
+    order: order,
+    viewer: viewer,
+    onSubmitCoupon: applyCoupon
+  }))), reviewing ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__checkout-button"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "submit-button",
+    onClick: complete,
+    disabled: completing || !validateCanSubmit(),
+    "data-label": "submit",
+    type: "button",
+    "data-highlighted": true
+  }, completing ? 'Submitting...' : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, order.canCompleteWithCoupon ? 'Complete order using coupon' : 'Submit payment', /*#__PURE__*/_react.default.createElement("span", {
+    className: "submit-button__arrow"
+  }, ' →')))) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__checkout-button"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "submit-button",
+    onClick: openCheckout,
+    type: "button"
+  }, "Proceed", requiresCheckout() && ' to checkout', /*#__PURE__*/_react.default.createElement("span", {
+    className: "submit-button__arrow"
+  }, ' →'))))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: checkingOut ? 'initial' : 'none'
     }
-
-    const open = status === 'entering' || status === 'entered';
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart",
-      "data-open": open,
-      "data-eula-agreed": eulaAgreed
-    }, status !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__scroller"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__top"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__nav"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "cart__nav__back",
-      type: "button",
-      onClick: () => dispatch(closeCart())
-    }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__nav__title"
-    }, "Your cart")), (order.customer || order.billingIdentity || order.licenseeIdentity || order.stripePaymentMethod) && /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__review"
-    }, order.billingIdentity && /*#__PURE__*/_react.default.createElement(_IdentityBox.default, {
-      identity: order.billingIdentity,
-      title: "Billing information",
-      onClick: () => this.openCheckoutStep(_CheckoutSteps.default.Billing)
-    }, {
-      icon: /*#__PURE__*/_react.default.createElement(_Icons.Receipt, null)
-    }), order.licenseeIdentity && /*#__PURE__*/_react.default.createElement(_IdentityBox.default, {
-      identity: order.licenseeIdentity,
-      title: "Licensee information",
-      onClick: () => this.openCheckoutStep(_CheckoutSteps.default.Licensee)
-    }, {
-      icon: /*#__PURE__*/_react.default.createElement(_Icons.License, null)
-    }), order.customer && !order.customer.anonymous && /*#__PURE__*/_react.default.createElement("button", {
-      className: "cart__review__button cart__review__user-info",
-      type: "button",
-      onClick: () => this.openCheckoutStep(_CheckoutSteps.default.Customer)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__review__label"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.User, null), " Contact information", ' ', /*#__PURE__*/_react.default.createElement("span", {
-      className: "cart__review__label__text"
-    }, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__review__section"
-    }, order.customer.name), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__review__section"
-    }, order.customer.email)), order.stripePaymentMethod && /*#__PURE__*/_react.default.createElement("button", {
-      className: "cart__review__button cart__review__credit-info",
-      type: "button",
-      onClick: () => this.openCheckoutStep(_CheckoutSteps.default.Payment)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__review__label"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.CreditCard, null), " Payment", ' ', /*#__PURE__*/_react.default.createElement("span", {
-      className: "cart__review__label__text"
-    }, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__review__section"
-    }, "\u2013\u2013\u2013\u2013\u2013\u2013 \u2013\u2013\u2013\u2013\u2013\u2013 ", order.stripePaymentMethod.card.last4)))), (this.state.error || this.state.errors) && /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__error"
-    }, "There was a problem with your order.", ' ', /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      onClick: this.clearError,
-      className: "cart__error__button"
-    }, "Click here"), ' ', "to empty your cart and continue shopping."), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__middle"
-    }, orderItems.map((item, i) => /*#__PURE__*/_react.default.createElement(_CartItem.default, {
-      key: i,
-      node: item,
-      viewer: viewer,
-      onChange: newItem => this.submitOrderChange(orderChangeInput(order, newItem))
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__bottom"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__bottom__wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__price-blocks-and-agreement"
-    }, /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
-      order: order,
-      onRemoveDiscount: this.removeDiscount
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__price-agreement",
-      "data-highlighted": !eulaAgreed && reviewing
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "checkbox"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "checkbox",
-      id: "eula-agreement",
-      checked: eulaAgreed,
-      onChange: event => this.setState({
-        eulaAgreed: event.target.checked
-      })
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "checkbox__icon"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.Check, null))), /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: "eula-agreement",
-      dangerouslySetInnerHTML: {
-        __html: viewer.settings.eulaAgreementLabel
-      }
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__additions"
-    }, !order.discount && /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__coupon-input"
-    }, /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, {
-      order: order,
-      viewer: viewer,
-      onSubmitCoupon: this.applyCoupon
-    }))), reviewing ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__checkout-button"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "submit-button",
-      onClick: this.complete,
-      disabled: this.state.completing || !this.validateCanSubmit(),
-      "data-label": "submit",
-      type: "button",
-      "data-highlighted": true
-    }, this.state.completing ? 'Submitting...' : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, order.canCompleteWithCoupon ? 'Complete order using coupon' : 'Submit payment', /*#__PURE__*/_react.default.createElement("span", {
-      className: "submit-button__arrow"
-    }, ' →')))) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart__checkout-button"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "submit-button",
-      onClick: this.openCheckout,
-      type: "button"
-    }, "Proceed", this.requiresCheckout() && ' to checkout', /*#__PURE__*/_react.default.createElement("span", {
-      className: "submit-button__arrow"
-    }, ' →'))))), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: checkingOut ? 'initial' : 'none'
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "checkout-modal"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "checkout-modal__click-out",
-      onClick: this.closeCheckout
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "checkout-modal__modal",
-      ref: this.modal
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "checkout-modal__form"
-    }, /*#__PURE__*/_react.default.createElement(_Checkout.default, {
-      viewer: viewer,
-      order: order,
-      error: paymentError,
-      onCancel: this.closeCheckout,
-      onComplete: this.closeCheckout,
-      uiFontUrl: uiFontUrl,
-      setCheckoutStep: this.setCheckoutStep,
-      checkoutStep: checkoutStep,
-      stripe: stripe,
-      onScrollToTop: () => this.handleScrollToTop()
-    }))))))));
-  }
-
-}
-
-const CartOrder = (0, _reactRelay.createFragmentContainer)((0, _reactRedux.connect)()((0, _reactStripeElements.injectStripe)((0, _injectRelayEnvironment.default)(CartOrderBase))), {
-  order: _CartOrder_order !== void 0 ? _CartOrder_order : (_CartOrder_order = require("../../__generated__/CartOrder_order.graphql"), _CartOrder_order.hash && _CartOrder_order.hash !== "69769ac6fe9b694085017f3ad63016bd" && console.error("The definition of 'CartOrder_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_order),
-  viewer: _CartOrder_viewer !== void 0 ? _CartOrder_viewer : (_CartOrder_viewer = require("../../__generated__/CartOrder_viewer.graphql"), _CartOrder_viewer.hash && _CartOrder_viewer.hash !== "43e3f6416c11542af964035f3c40bade" && console.error("The definition of 'CartOrder_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_viewer)
-});
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__click-out",
+    onClick: closeCheckout
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__modal",
+    ref: modal
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__form"
+  }, /*#__PURE__*/_react.default.createElement(_Checkout.default, {
+    viewer: viewer,
+    order: order,
+    error: paymentError,
+    onCancel: closeCheckout,
+    onComplete: closeCheckout,
+    setCheckoutStep: setCheckoutStep,
+    checkoutStep: checkoutStep,
+    onScrollToTop: handleScrollToTop
+  }))))))));
+};
 var _default = CartOrder;
 exports.default = _default;