fontdue-js 1.12.4 → 2.0.0-alpha2

package/dist/components/Cart/CartItem/index.d.ts

@@ -1,10 +1,10 @@
-import { CartItem_node } from '../../../__generated__/CartItem_node.graphql';
-import { CartItem_viewer } from '../../../__generated__/CartItem_viewer.graphql';
+import { CartItem_node$data } from '../../../__generated__/CartItem_node.graphql';
+import { CartItem_viewer$data } from '../../../__generated__/CartItem_viewer.graphql';
 import { CartItemChangeInput } from '../types';
 interface CartItem_props {
-    viewer: CartItem_viewer;
-    node: CartItem_node;
+    viewer: CartItem_viewer$data;
+    node: CartItem_node$data;
     onChange: (value: CartItemChangeInput) => void;
 }
-declare const CartItem: import("react-relay").Container<CartItem_props>;
+declare const CartItem: import("react-relay").Container<Omit<CartItem_props, "relay">>;
 export default CartItem;

package/dist/components/Cart/CartItem/index.js

@@ -272,7 +272,7 @@ const CartItemBase = _ref10 => {
     className: "cart-item__aa"
   }, node.sku.product ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
     href: productCss(node.sku.product)
-  }), ['FontCollection', 'Bundle'].indexOf(node.sku.product.__typename) >= 0 ? /*#__PURE__*/_react.default.createElement(_CollectionAa.CollectionAaFragment, {
+  }), ['FontCollection', 'Bundle'].indexOf(node.sku.product.__typename) >= 0 ? /*#__PURE__*/_react.default.createElement(_CollectionAa.CollectionAa, {
     product: node.sku.product
   }) : /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
     fontStyle: node.sku.product

package/dist/components/Cart/CartOrder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CartOrder_order$key } from '__generated__/CartOrder_order.graphql';
 import { CartOrder_viewer$key } from '__generated__/CartOrder_viewer.graphql';
 import { TransitionStatus } from 'react-transition-group';
@@ -7,5 +7,5 @@ interface CartOrder_props {
     viewer: CartOrder_viewer$key;
     status: TransitionStatus;
 }
-declare const CartOrder: ({ order: orderKey, viewer: viewerKey, status }: CartOrder_props) => JSX.Element | null;
+declare const CartOrder: ({ order: orderKey, viewer: viewerKey, status }: CartOrder_props) => React.JSX.Element | null;
 export default CartOrder;

package/dist/components/Cart/CartOrder.js

@@ -19,7 +19,7 @@ var _utils = require("./utils");
 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;
+var _CartOrderCompleteOrderMutation, _CartOrder_UpdateErrors, _CartOrderUpdateMutation, _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; }
@@ -61,7 +61,6 @@ const orderChangeInput = (order, orderItem) => {
 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);
 const CartOrder = _ref2 => {
   var _order$stripePaymentM, _viewer$settings;
@@ -73,7 +72,7 @@ const CartOrder = _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 order = (0, _reactRelay.useFragment)(_CartOrder_order !== void 0 ? _CartOrder_order : (_CartOrder_order = require("../../__generated__/CartOrder_order.graphql"), _CartOrder_order.hash && _CartOrder_order.hash !== "84f966e53ef1100c2ea2bb6ef7aa6c54" && 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,
@@ -151,24 +150,6 @@ const CartOrder = _ref2 => {
       }
     });
   };
-  const applyCoupon = _ref3 => {
-    let {
-      code
-    } = _ref3;
-    (0, _reactRelay.commitMutation)(environment, {
-      mutation: applyCouponMutation,
-      variables: {
-        input: {
-          code
-        }
-      },
-      onCompleted: (_result, errors) => {
-        if (errors !== null && errors !== void 0 && errors[0]) {
-          setError(errors[0].message);
-        }
-      }
-    });
-  };
   const removeDiscount = () => {
     (0, _reactRelay.commitMutation)(environment, {
       mutation: removeDiscountMutation,
@@ -307,9 +288,7 @@ const CartOrder = _ref2 => {
   }, !order.discount && /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__coupon-input"
   }, /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, {
-    order: order,
-    viewer: viewer,
-    onSubmitCoupon: applyCoupon
+    viewer: viewer
   }))), reviewing ? /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__checkout-button"
   }, /*#__PURE__*/_react.default.createElement("button", {

package/dist/components/Cart/CartState.d.ts

@@ -1,17 +1,14 @@
 import React from 'react';
 import { OrderItemInput } from '../../__generated__/CartStateUpdateMutation.graphql';
-import { CartState_order } from '../../__generated__/CartState_order.graphql';
+import { CartState_order$data } from '../../__generated__/CartState_order.graphql';
 interface CartStateProps {
-    order: CartState_order;
+    order: CartState_order$data;
     children: (props: {
         onUpdateOrder: (item: OrderItemInput) => void;
-        onSubmitCoupon: (props: {
-            code: string;
-        }) => void;
         onRemoveDiscount: () => void;
         error: any;
         errors: any;
     }) => React.ReactElement<any>;
 }
-declare const _default: import("react-relay").Container<CartStateProps>;
+declare const _default: import("react-relay").Container<Omit<CartStateProps, "relay">>;
 export default _default;

package/dist/components/Cart/CartState.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactRelay = require("react-relay");
-var _CartStateUpdateMutation, _CartStateApplyCouponMutation, _CartStateRemoveDiscountMutation, _CartState_order;
-const orderChangeMutation = _CartStateUpdateMutation !== void 0 ? _CartStateUpdateMutation : (_CartStateUpdateMutation = require("../../__generated__/CartStateUpdateMutation.graphql"), _CartStateUpdateMutation.hash && _CartStateUpdateMutation.hash !== "fc85dcfb118dd826f47eb2a27a5d046b" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation);
-const applyCouponMutation = _CartStateApplyCouponMutation !== void 0 ? _CartStateApplyCouponMutation : (_CartStateApplyCouponMutation = require("../../__generated__/CartStateApplyCouponMutation.graphql"), _CartStateApplyCouponMutation.hash && _CartStateApplyCouponMutation.hash !== "e6fc6e27365198e294823fe13d0aee27" && console.error("The definition of 'CartStateApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateApplyCouponMutation);
-const removeDiscountMutation = _CartStateRemoveDiscountMutation !== void 0 ? _CartStateRemoveDiscountMutation : (_CartStateRemoveDiscountMutation = require("../../__generated__/CartStateRemoveDiscountMutation.graphql"), _CartStateRemoveDiscountMutation.hash && _CartStateRemoveDiscountMutation.hash !== "808c5ea872ec3b3d78a88528112fb658" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation);
+var _CartStateUpdateMutation, _CartStateRemoveDiscountMutation, _CartState_order;
+const orderChangeMutation = _CartStateUpdateMutation !== void 0 ? _CartStateUpdateMutation : (_CartStateUpdateMutation = require("../../__generated__/CartStateUpdateMutation.graphql"), _CartStateUpdateMutation.hash && _CartStateUpdateMutation.hash !== "0074879fb29466e5a947a8776a86c5f6" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation);
+const removeDiscountMutation = _CartStateRemoveDiscountMutation !== void 0 ? _CartStateRemoveDiscountMutation : (_CartStateRemoveDiscountMutation = require("../../__generated__/CartStateRemoveDiscountMutation.graphql"), _CartStateRemoveDiscountMutation.hash && _CartStateRemoveDiscountMutation.hash !== "a1ce9ee438492737524704a36bbf6713" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation);
 const CartState = _ref => {
   let {
     order,
@@ -61,24 +60,6 @@ const CartState = _ref => {
     /* remove order items if there are no licenses */.filter(item => item.licenseSelections.length > 0);
     handleSubmitOrderChange(newItems);
   }, [order, handleSubmitOrderChange]);
-  const handleSubmitCoupon = (0, _react.useCallback)(_ref3 => {
-    let {
-      code
-    } = _ref3;
-    (0, _reactRelay.commitMutation)(environment, {
-      mutation: applyCouponMutation,
-      variables: {
-        input: {
-          code
-        }
-      },
-      onCompleted: (_result, error) => {
-        if (error) {
-          setError(error);
-        }
-      }
-    });
-  }, []);
   const handleRemoveDiscount = (0, _react.useCallback)(() => {
     (0, _reactRelay.commitMutation)(environment, {
       mutation: removeDiscountMutation,
@@ -92,7 +73,6 @@ const CartState = _ref => {
   }, []);
   return children({
     onUpdateOrder: handleUpdateOrder,
-    onSubmitCoupon: handleSubmitCoupon,
     onRemoveDiscount: handleRemoveDiscount,
     errors: errors,
     error: error

package/dist/components/Cart/CartTotals.d.ts

@@ -1,9 +1,9 @@
-import { CartTotals_order } from '../../__generated__/CartTotals_order.graphql';
+import { CartTotals_order$data } from '../../__generated__/CartTotals_order.graphql';
 interface CartTotalsProps {
-    order: CartTotals_order;
+    order: CartTotals_order$data;
     onRemoveDiscount?: () => void;
     allowDiscountRemoval?: boolean;
     hideTotal?: boolean;
 }
-declare const _default: import("react-relay").Container<CartTotalsProps>;
+declare const _default: import("react-relay").Container<Omit<CartTotalsProps, "relay">>;
 export default _default;

package/dist/components/Cart/Checkout.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import CheckoutSteps from './CheckoutSteps';
 import { Checkout_order$key } from '__generated__/Checkout_order.graphql';
 import { Checkout_viewer$key } from '__generated__/Checkout_viewer.graphql';
@@ -14,5 +14,5 @@ interface Checkout_props {
     onCancel: () => void;
     skipPaymentMethod?: boolean;
 }
-declare const Checkout: ({ order, viewer, checkoutStep, setCheckoutStep, onScrollToTop, onComplete, error: errorProp, saveText, onCancel, skipPaymentMethod, }: Checkout_props) => JSX.Element;
+declare const Checkout: ({ order, viewer, checkoutStep, setCheckoutStep, onScrollToTop, onComplete, error: errorProp, saveText, onCancel, skipPaymentMethod, }: Checkout_props) => React.JSX.Element;
 export default Checkout;

package/dist/components/Cart/Checkout.js

@@ -130,6 +130,13 @@ const Checkout = _ref => {
     setSubmitting(true);
     setError(null);
     if (checkoutStep === _CheckoutSteps.default.Customer) {
+      if (!billingIdentity.name && !billingIdentity.email) {
+        setBillingIdentity({
+          ...billingIdentity,
+          name: customer.name ?? '',
+          email: customer.email ?? ''
+        });
+      }
       updateCustomer({
         input: customer
       }, () => setCheckoutStep(_CheckoutSteps.default.Billing));
@@ -392,7 +399,6 @@ const Checkout = _ref => {
       className: "checkout-modal__customer-info__check"
     }, /*#__PURE__*/_react.default.createElement(_Icons.Check, null)))));
     if (checkoutStep === _CheckoutSteps.default.Payment) {
-      console.log('PAYMent step');
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, customerBreadcrumb, billingBreadcrumb, licenseeBreadcrumb, /*#__PURE__*/_react.default.createElement("div", {
         className: "checkout-modal__section"
       }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Cart/CouponCodeInput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CouponCodeInput_viewer$key } from '__generated__/CouponCodeInput_viewer.graphql';
+interface CouponCodeInput_props {
+    viewer: CouponCodeInput_viewer$key;
+}
+declare const CouponCodeInput: ({ viewer: viewerKey }: CouponCodeInput_props) => React.JSX.Element;
+export default CouponCodeInput;

package/dist/components/Cart/CouponCodeInput.js

@@ -4,138 +4,139 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _Icons = require("../Icons");
 var _CouponText = _interopRequireDefault(require("../CouponText"));
-var _CouponCodeInput_order, _CouponCodeInput_viewer, _CouponCodeInput_Refetch_Query;
+var _CouponCodeRefetchQuery = _interopRequireDefault(require("../../__generated__/CouponCodeRefetchQuery.graphql"));
+var _CouponCodeInputApplyCouponMutation, _CouponCodeInput_viewer;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-class CouponCodeInput extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      expanded: false,
-      value: '',
-      suppressError: false
+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; }
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, _react.useState)(value);
+  (0, _react.useEffect)(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
     };
-    this.handleSubmit = e => {
-      e.preventDefault();
-      this.props.onSubmitCoupon({
-        code: this.state.value
-      });
-    };
-    this.handleBlur = () => {
-      if (this.isValid()) {
-        this.props.onSubmitCoupon({
-          code: this.state.value
+  }, [value, delay]);
+  return debouncedValue;
+}
+const applyCouponMutation = _CouponCodeInputApplyCouponMutation !== void 0 ? _CouponCodeInputApplyCouponMutation : (_CouponCodeInputApplyCouponMutation = require("../../__generated__/CouponCodeInputApplyCouponMutation.graphql"), _CouponCodeInputApplyCouponMutation.hash && _CouponCodeInputApplyCouponMutation.hash !== "7090ef11a30d00dbaea37589166dc1a9" && console.error("The definition of 'CouponCodeInputApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInputApplyCouponMutation);
+const CouponCodeInput = _ref => {
+  var _viewer$coupon, _viewer$coupon2, _viewer$coupon3, _viewer$coupon4;
+  let {
+    viewer: viewerKey
+  } = _ref;
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)(_CouponCodeInput_viewer !== void 0 ? _CouponCodeInput_viewer : (_CouponCodeInput_viewer = require("../../__generated__/CouponCodeInput_viewer.graphql"), _CouponCodeInput_viewer.hash && _CouponCodeInput_viewer.hash !== "06207af721d062f5fb4c32dc2a260e74" && console.error("The definition of 'CouponCodeInput_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInput_viewer), viewerKey);
+  const [submitting, setSubmitting] = (0, _react.useState)(false);
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const [value, setValue] = (0, _react.useState)('');
+  const [suppressError, setSuppressError] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const debouncedValue = useDebounce(value, 300);
+  (0, _react.useEffect)(() => {
+    if (debouncedValue === '') return;
+    const subscription = (0, _reactRelay.fetchQuery)(environment, _CouponCodeRefetchQuery.default, {
+      code: debouncedValue,
+      includeCoupon: true
+    }).subscribe({
+      complete: () => {
+        setSuppressError(false);
+        refetch({
+          code: debouncedValue,
+          includeCoupon: true
+        }, {
+          fetchPolicy: 'store-only'
         });
       }
-    };
-    this.expand = () => this.setState({
-      expanded: true
-    }, () => {
-      if (this.input) {
-        this.input.focus();
-      }
     });
-    this.handleChange = e => {
-      this.setState({
-        value: e.target.value,
-        suppressError: true
-      }, this.debouncedRefetch);
-    };
-    this.refetch = () => {
-      if (this.state.value === '') return;
-      this.props.relay.refetch({
-        code: this.state.value,
-        includeCoupon: true
-      }, null, () => {
-        this.setState({
-          suppressError: false
-        });
-      });
-    };
-    this.debouncedRefetch = (0, _debounce.default)(this.refetch, 700);
-    this.isValid = () => {
-      const {
-        viewer
-      } = this.props;
+    return () => subscription.unsubscribe();
+  }, [debouncedValue]);
+  const isError = !suppressError && ((_viewer$coupon = viewer.coupon) === null || _viewer$coupon === void 0 ? void 0 : _viewer$coupon.__typename) === 'Error';
 
-      // server will always return an error if the coupon is invalid
-      return viewer && viewer.coupon && viewer.coupon.__typename === 'Coupon';
-    };
-    this.isError = () => {
-      const {
-        viewer
-      } = this.props;
-      const {
-        suppressError
-      } = this.state;
-      return !suppressError && viewer && viewer.coupon && viewer.coupon.__typename === 'Error';
-    };
-    this.renderStateIcon = () => {
-      if (this.isValid()) return /*#__PURE__*/_react.default.createElement(_Icons.Check, null);
-      if (this.isError()) return /*#__PURE__*/_react.default.createElement(_Icons.X, null);
-      return null;
-    };
-    this.status = () => {
-      if (this.isValid()) return 'valid';
-      if (this.isError()) return 'error';
-      return 'idle';
-    };
-  }
-  render() {
-    const {
-      expanded,
-      value
-    } = this.state;
-    const {
-      viewer
-    } = this.props;
-    if (!expanded) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "cart-additions"
-      }, /*#__PURE__*/_react.default.createElement("button", {
-        type: "button",
-        onClick: this.expand,
-        className: "cart-additions__expand-button"
-      }, "+ Add a coupon code"));
+  // server will always return an error if the coupon is invalid
+  const isValid = (viewer === null || viewer === void 0 ? void 0 : (_viewer$coupon2 = viewer.coupon) === null || _viewer$coupon2 === void 0 ? void 0 : _viewer$coupon2.__typename) === 'Coupon';
+  const applyCoupon = () => {
+    if (submitting) return;
+    setSubmitting(true);
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: applyCouponMutation,
+      variables: {
+        input: {
+          code: value
+        }
+      },
+      onCompleted: (_result, errors) => {
+        if (errors !== null && errors !== void 0 && errors[0]) {
+          console.error(errors === null || errors === void 0 ? void 0 : errors[0]);
+        }
+      }
+    });
+  };
+  const handleSubmit = e => {
+    e.preventDefault();
+    applyCoupon();
+  };
+  const handleBlur = () => {
+    if (isValid) applyCoupon();
+  };
+  const handleIconClick = () => {
+    if (isError) {
+      setValue('');
+      setSuppressError(true);
     }
+  };
+  let status = 'idle';
+  if (isValid) status = 'valid';
+  if (isError) status = 'error';
+  if (!expanded) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart-additions",
-      "data-status": this.status()
-    }, /*#__PURE__*/_react.default.createElement("form", {
-      onSubmit: this.handleSubmit,
-      className: "cart-additions__form"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart-additions__field-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      ref: el => this.input = el,
-      type: "text",
-      value: value,
-      onChange: this.handleChange,
-      onBlur: this.handleBlur,
-      placeholder: "Enter code",
-      size: "21",
-      className: "cart-additions__field"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "cart-additions__state-icon"
-    }, this.renderStateIcon())), /*#__PURE__*/_react.default.createElement("button", {
-      type: "submit",
-      className: "cart-additions__button",
-      disabled: !this.isValid()
-    }, "Apply coupon")), this.isError() && /*#__PURE__*/_react.default.createElement("p", {
-      className: "cart-additions__error"
-    }, viewer.coupon.message), this.isValid() && /*#__PURE__*/_react.default.createElement("p", {
-      className: "cart-additions__valid-text"
-    }, /*#__PURE__*/_react.default.createElement(_CouponText.default, {
-      coupon: viewer.coupon
-    })));
+      className: "cart-additions"
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
+      onClick: () => setExpanded(true),
+      className: "cart-additions__expand-button"
+    }, "+ Add a coupon code"));
   }
-}
-var _default = (0, _reactRelay.createRefetchContainer)(CouponCodeInput, {
-  order: _CouponCodeInput_order !== void 0 ? _CouponCodeInput_order : (_CouponCodeInput_order = require("../../__generated__/CouponCodeInput_order.graphql"), _CouponCodeInput_order.hash && _CouponCodeInput_order.hash !== "c8d5ed322df527b9a149154956c4d927" && console.error("The definition of 'CouponCodeInput_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInput_order),
-  viewer: _CouponCodeInput_viewer !== void 0 ? _CouponCodeInput_viewer : (_CouponCodeInput_viewer = require("../../__generated__/CouponCodeInput_viewer.graphql"), _CouponCodeInput_viewer.hash && _CouponCodeInput_viewer.hash !== "a634e2ee8cf9532eb8dd95a603db6249" && console.error("The definition of 'CouponCodeInput_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInput_viewer)
-}, _CouponCodeInput_Refetch_Query !== void 0 ? _CouponCodeInput_Refetch_Query : (_CouponCodeInput_Refetch_Query = require("../../__generated__/CouponCodeInput_Refetch_Query.graphql"), _CouponCodeInput_Refetch_Query.hash && _CouponCodeInput_Refetch_Query.hash !== "894ee303cd425b2cae16c3f87b1672b7" && console.error("The definition of 'CouponCodeInput_Refetch_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInput_Refetch_Query));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart-additions",
+    "data-status": status
+  }, /*#__PURE__*/_react.default.createElement("form", {
+    onSubmit: handleSubmit,
+    className: "cart-additions__form"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart-additions__field-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputRef,
+    type: "text",
+    value: value,
+    onChange: e => {
+      setValue(e.target.value);
+      setSuppressError(true);
+    },
+    onBlur: handleBlur,
+    placeholder: "Enter code",
+    size: 21,
+    className: "cart-additions__field"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart-additions__state-icon",
+    onClick: handleIconClick
+  }, isValid ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : isError ? /*#__PURE__*/_react.default.createElement(_Icons.X, null) : null)), /*#__PURE__*/_react.default.createElement("button", {
+    type: "submit",
+    className: "cart-additions__button",
+    disabled: !isValid
+  }, "Apply coupon")), isError && ((_viewer$coupon3 = viewer.coupon) === null || _viewer$coupon3 === void 0 ? void 0 : _viewer$coupon3.__typename) === 'Error' && /*#__PURE__*/_react.default.createElement("p", {
+    className: "cart-additions__error"
+  }, viewer.coupon.message), ((_viewer$coupon4 = viewer.coupon) === null || _viewer$coupon4 === void 0 ? void 0 : _viewer$coupon4.__typename) === 'Coupon' && /*#__PURE__*/_react.default.createElement("p", {
+    className: "cart-additions__valid-text"
+  }, /*#__PURE__*/_react.default.createElement(_CouponText.default, {
+    coupon: viewer.coupon
+  })));
+};
+var _default = CouponCodeInput;
 exports.default = _default;

package/dist/components/Cart/Download.d.ts

@@ -1,8 +1,8 @@
 import { RelayRefetchProp } from 'react-relay';
-import { Download_order } from '../../__generated__/Download_order.graphql';
+import { Download_order$data } from '../../__generated__/Download_order.graphql';
 interface Download_props {
-    order: Download_order;
+    order: Download_order$data;
     relay: RelayRefetchProp;
 }
-declare const _default: import("react-relay").Container<Download_props>;
+declare const _default: import("react-relay").Container<Omit<Download_props, "relay">>;
 export default _default;

package/dist/components/Cart/EmptyCart.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TransitionStatus } from 'react-transition-group';
+interface EmptyCart_props {
+    status: TransitionStatus;
+}
+declare const EmptyCart: ({ status }: EmptyCart_props) => React.JSX.Element;
+export default EmptyCart;

package/dist/components/Cart/EmptyCart.js

@@ -13,9 +13,9 @@ const closeCart = () => ({
 });
 const EmptyCart = _ref => {
   let {
-    status,
-    dispatch
+    status
   } = _ref;
+  const dispatch = (0, _reactRedux.useDispatch)();
   const open = status === 'entering' || status === 'entered';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart",
@@ -40,5 +40,5 @@ const EmptyCart = _ref => {
     className: "cart__message__frowney"
   }, ".\u2002", /*#__PURE__*/_react.default.createElement(_Icons.FrowningFace, null))))));
 };
-var _default = (0, _reactRedux.connect)()(EmptyCart);
+var _default = EmptyCart;
 exports.default = _default;

package/dist/components/Cart/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const CartQueryRenderer: React.FC;
-export default CartQueryRenderer;
+declare function Cart(): React.JSX.Element;
+export default Cart;