fontdue-js 2.10.0 → 2.11.0

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -0,0 +1,494 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalUnifiedCheckout;
+var _StoreModalUnifiedCheckoutCompleteOrderMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalUnifiedCheckoutCompleteOrderMutation.graphql"));
+var _StoreModalUnifiedCheckoutUpdateOrderMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalUnifiedCheckoutUpdateOrderMutation.graphql"));
+var _StoreModalUnifiedCheckoutUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalUnifiedCheckoutUpdateCustomerMutation.graphql"));
+var _StoreModalUnifiedCheckout_order2 = _interopRequireDefault(require("../../__generated__/StoreModalUnifiedCheckout_order.graphql"));
+var _StoreModalUnifiedCheckout_viewer2 = _interopRequireDefault(require("../../__generated__/StoreModalUnifiedCheckout_viewer.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _AddressFields = _interopRequireDefault(require("../Cart/AddressFields"));
+var _CustomerFields = _interopRequireDefault(require("../Cart/CustomerFields"));
+var _StoreModalReviewIdentity = _interopRequireDefault(require("../StoreModal/StoreModalReviewIdentity"));
+var _reactStripeJs = require("@stripe/react-stripe-js");
+var _StoreModalLicenseeIsBillingIdentityElement = _interopRequireDefault(require("./StoreModalLicenseeIsBillingIdentityElement"));
+var _reactRedux = require("react-redux");
+var _reactErrorBoundary = require("react-error-boundary");
+var _StripeLogo = _interopRequireDefault(require("../StripeLogo"));
+var _Icons = require("../Icons");
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* const LICENSEE_REQUIRED_FIELDS = ['organization', 'country'] as (keyof Identity)[]; */
+
+const IDENTITY_REQUIRED_FIELDS = ['name', 'email', 'phone', 'country'];
+const defaultIdentity = {
+  name: '',
+  organization: '',
+  email: '',
+  phone: '',
+  country: '',
+  administrativeArea: null,
+  street: '',
+  locality: '',
+  sublocality: '',
+  zip: '',
+  vatNumber: ''
+};
+function getIdentityFields(object) {
+  if (!object) return;
+  const identityKeys = Object.keys(defaultIdentity);
+  const result = {};
+  for (const key of identityKeys) {
+    if (key in object) {
+      const value = object[key];
+      if (value) result[key] = value;
+    }
+  }
+  return {
+    ...defaultIdentity,
+    ...result
+  };
+}
+function EditableSection(_ref) {
+  let {
+    onSubmit,
+    onCancel,
+    onEdit,
+    disabled,
+    disableSubmit,
+    cancelable,
+    editing,
+    children: {
+      show,
+      edit
+    }
+  } = _ref;
+  const [submitting, setSubmitting] = (0, _react.useState)(false);
+  const handleSubmit = (0, _react.useCallback)(e => {
+    e.preventDefault();
+    setSubmitting(true);
+    onSubmit({
+      onSuccess: () => {
+        setSubmitting(false);
+      },
+      onError: () => setSubmitting(false)
+    });
+  }, [setSubmitting, onSubmit]);
+  const handleCancel = (0, _react.useCallback)(() => {
+    setSubmitting(false);
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [setSubmitting, onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__checkout-section",
+    "data-editing": editing,
+    "data-disabled": disabled
+  }, editing ? /*#__PURE__*/_react.default.createElement("form", {
+    onSubmit: handleSubmit
+  }, edit, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__buttons"
+  }, cancelable ? /*#__PURE__*/_react.default.createElement("button", {
+    className: "store-modal__cart__button",
+    type: "button",
+    onClick: handleCancel
+  }, "Cancel") : null, /*#__PURE__*/_react.default.createElement("button", {
+    className: "store-modal__cart__button",
+    type: "submit",
+    disabled: submitting || disableSubmit
+  }, submitting ? 'Submitting...' : 'Save'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "store-modal__cart__edit-button",
+    onClick: onEdit
+  }, "Change")));
+}
+function StoreModalUnifiedCheckout(_ref2) {
+  var _viewer$settings, _viewer$settings2, _viewer$settings3;
+  let {
+    order: orderKey,
+    viewer: viewerKey,
+    onScrollToTop
+  } = _ref2;
+  const viewer = (0, _reactRelay.useFragment)((_StoreModalUnifiedCheckout_viewer2.default.hash && _StoreModalUnifiedCheckout_viewer2.default.hash !== "82e9144073b645e6b124db4f559c1ab3" && console.error("The definition of 'StoreModalUnifiedCheckout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckout_viewer2.default), viewerKey);
+  const order = (0, _reactRelay.useFragment)((_StoreModalUnifiedCheckout_order2.default.hash && _StoreModalUnifiedCheckout_order2.default.hash !== "7d57ce77b4bfe26f3131ced66fa07e72" && console.error("The definition of 'StoreModalUnifiedCheckout_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckout_order2.default), orderKey);
+  const initialIdentity = {
+    ...defaultIdentity,
+    country: viewer.country
+  };
+  const [customer, setCustomer] = (0, _react.useState)((order === null || order === void 0 ? void 0 : order.customer) ?? {
+    name: null,
+    email: null,
+    newsletterOptIn: false
+  });
+  const [licenseeIdentity, setLicenseeIdentity] = (0, _react.useState)(getIdentityFields(order === null || order === void 0 ? void 0 : order.licenseeIdentity) ?? initialIdentity);
+  const [billingIdentity, setBillingIdentity] = (0, _react.useState)(getIdentityFields(order === null || order === void 0 ? void 0 : order.billingIdentity) ?? initialIdentity);
+  const handleCustomerChange = (0, _react.useCallback)(value => setCustomer(currentValue => ({
+    ...currentValue,
+    ...value
+  })), [setCustomer]);
+  const handleLicenseeChange = (0, _react.useCallback)(value => {
+    setLicenseeIdentity(currentValue => ({
+      ...currentValue,
+      ...value
+    }));
+  }, [setLicenseeIdentity]);
+  const handleBillingChange = (0, _react.useCallback)(value => {
+    setBillingIdentity(currentValue => ({
+      ...currentValue,
+      ...value
+    }));
+  }, [setBillingIdentity]);
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [error, setError] = (0, _react.useState)(null);
+  const [errorsObject, setErrorsObject] = (0, _react.useState)(null);
+  const [_submitting, setSubmitting] = (0, _react.useState)(false);
+  /* const [licenseeRequiredFields, setLicenseeRequiredFields] = useState<
+   *   (keyof Identity)[]
+   * >(LICENSEE_REQUIRED_FIELDS); */
+  const [acceptedEULA, setAcceptedEULA] = (0, _react.useState)(false);
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  const onCompleted = (res, errors, onSuccess, onError) => {
+    var _res$updateOrder;
+    if (errors && errors.length > 0) {
+      setError(errors[0].message);
+      setSubmitting(false);
+      onError === null || onError === void 0 ? void 0 : onError();
+    } else if ('updateOrder' in res && (_res$updateOrder = res.updateOrder) !== null && _res$updateOrder !== void 0 && _res$updateOrder.errors) {
+      setSubmitting(false);
+      setErrorsObject(res.updateOrder.errors);
+      onError === null || onError === void 0 ? void 0 : onError();
+    } else {
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+      setSubmitting(false);
+      setError(null);
+    }
+  };
+  const onError = error => {
+    setError(error.message);
+    setSubmitting(false);
+    onScrollToTop();
+  };
+  const updateCustomer = (0, _react.useCallback)((variables, onSuccess) => {
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash !== "1927e9fb21dbae898062200a560b1277" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default),
+      variables,
+      onCompleted: (res, errors) => onCompleted(res, errors, onSuccess),
+      onError
+    });
+  }, [environment]);
+  const updateOrder = (0, _react.useCallback)((variables, onSuccess, onError) => {
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: (_StoreModalUnifiedCheckoutUpdateOrderMutation2.default.hash && _StoreModalUnifiedCheckoutUpdateOrderMutation2.default.hash !== "3538bf8bf1c5bad7768ef2059b309a59" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateOrderMutation2.default),
+      variables,
+      onCompleted: (res, errors) => onCompleted(res, errors, onSuccess),
+      onError
+    });
+  }, [environment]);
+  let initialEditingState = null;
+  // set initial state depending on if checkout is already in progress
+  if (!order.billingIdentity) initialEditingState = 'billing';
+  if (order.licenseeIsBillingIdentity === false && !order.licenseeIdentity) {
+    initialEditingState = 'licensee';
+  }
+  if (!order.customer) initialEditingState = 'customer';
+  const [editing, setEditing] = (0, _react.useState)(initialEditingState);
+  const handleCustomerSubmit = _ref3 => {
+    let {
+      onSuccess
+    } = _ref3;
+    if (!billingIdentity.name && !billingIdentity.email) {
+      setBillingIdentity({
+        ...billingIdentity,
+        name: customer.name ?? '',
+        email: customer.email ?? ''
+      });
+    }
+    updateCustomer({
+      input: customer
+    }, () => {
+      onSuccess();
+      setEditing(null);
+      if (order.licenseeIsBillingIdentity) {
+        if (!order.billingIdentity) setEditing('billing');
+      } else {
+        if (!order.licenseeIdentity) setEditing('licensee');
+      }
+    });
+  };
+  const handleLicenseeIsBillingIdentityChange = (0, _react.useCallback)(value => {
+    updateOrder({
+      input: {
+        licenseeIsBillingIdentity: value
+      }
+    }, () => {
+      if (!value && !order.licenseeIdentity) {
+        setEditing('licensee');
+      }
+      if (value && !order.billingIdentity) {
+        setEditing('billing');
+      }
+    });
+  }, [updateOrder, order.licenseeIdentity]);
+  const handleLicenseeSubmit = _ref4 => {
+    let {
+      onSuccess,
+      onError
+    } = _ref4;
+    updateOrder({
+      input: {
+        licenseeIdentity
+      }
+    }, () => {
+      onSuccess();
+      setEditing(null);
+      if (!order.billingIdentity) setEditing('billing');
+    }, onError);
+  };
+  const handleBillingSubmit = _ref5 => {
+    let {
+      onSuccess
+    } = _ref5;
+    updateOrder({
+      input: {
+        billingIdentity
+      }
+    }, () => {
+      onSuccess();
+      setEditing(null);
+    });
+  };
+  const stripe = (0, _reactStripeJs.useStripe)();
+  const elements = (0, _reactStripeJs.useElements)();
+  const [completing, setCompleting] = (0, _react.useState)(false);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleCheckout = (0, _react.useCallback)(() => {
+    dispatch({
+      type: 'STORE_MODAL_NAVIGATE',
+      route: 'checkout'
+    });
+  }, []);
+  const handleComplete = e => {
+    var _billingIdentity$stre, _billingIdentity$stre2;
+    e.preventDefault();
+    if (!order) return;
+    if (!billingIdentity) {
+      console.error('No billing identity, required for payment');
+      return;
+    }
+    setCompleting(true);
+    setError(null);
+    if (order.canCompleteWithCoupon) {
+      (0, _reactRelay.commitMutation)(environment, {
+        mutation: (_StoreModalUnifiedCheckoutCompleteOrderMutation2.default.hash && _StoreModalUnifiedCheckoutCompleteOrderMutation2.default.hash !== "ea880419670573334e55529f454f8026" && console.error("The definition of 'StoreModalUnifiedCheckoutCompleteOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutCompleteOrderMutation2.default),
+        variables: {},
+        onCompleted: (_response, errors) => {
+          if (errors && errors.length > 0) {
+            setCompleting(false);
+            setError(errors[0].message);
+            return;
+          }
+          window.location.href = order.completeUrl;
+        }
+      });
+      return;
+    }
+    if (!stripe || !elements) return;
+    stripe === null || stripe === void 0 ? void 0 : stripe.confirmPayment({
+      elements,
+      confirmParams: {
+        return_url: order.completeUrl,
+        payment_method_data: {
+          billing_details: {
+            email: billingIdentity.email,
+            name: billingIdentity.name,
+            phone: billingIdentity.phone,
+            address: {
+              line1: (_billingIdentity$stre = billingIdentity.street) === null || _billingIdentity$stre === void 0 ? void 0 : _billingIdentity$stre.split(/\n/)[0],
+              line2: ((_billingIdentity$stre2 = billingIdentity.street) === null || _billingIdentity$stre2 === void 0 ? void 0 : _billingIdentity$stre2.split(/\n/)[1]) ?? '',
+              city: billingIdentity.locality ?? '',
+              state: billingIdentity.administrativeArea ?? '',
+              country: billingIdentity.country,
+              postal_code: billingIdentity.zip ?? ''
+            }
+          }
+        }
+      }
+    }).then(result => {
+      if ('error' in result) {
+        setCompleting(false);
+        setError(result.error.message ?? 'Payment failed. Please try another payment method.');
+      }
+    }).catch(error => {
+      console.log(error);
+      setCompleting(false);
+    });
+  };
+  const taxSystem = viewer.settings.taxSystem;
+  const canUseEmbeddedCheckout = taxSystem === 'stripe';
+  const showLicenseeSection = order.customer && !order.licenseeIsBillingIdentity;
+  const hasLicensee = order.licenseeIsBillingIdentity ? true : Boolean(order.licenseeIdentity);
+  const showBillingSection = !canUseEmbeddedCheckout && (order.customer && hasLicensee || order.billingIdentity);
+
+  // billing info will be handled by embedded checkout
+  const showCheckoutButton = canUseEmbeddedCheckout && order.customer;
+  const zeroOrder = order.canCompleteWithCoupon;
+  const showPaymentSection = !canUseEmbeddedCheckout && order.customer && order.billingIdentity && hasLicensee;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, error && /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__error"
+  }, error), /*#__PURE__*/_react.default.createElement(EditableSection, {
+    editing: editing === 'customer',
+    disabled: false,
+    onEdit: () => setEditing('customer'),
+    onSubmit: handleCustomerSubmit,
+    disableSubmit: !customer.name || !customer.email
+  }, {
+    show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
+      className: "store-modal__cart__checkout-section-title"
+    }, "Contact Information"), order.customer ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, order.customer.name, /*#__PURE__*/_react.default.createElement("br", null), order.customer.email) : 'Loading...'),
+    edit: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+      className: "store-modal__cart__checkout-section-title"
+    }, "Contact Information"), /*#__PURE__*/_react.default.createElement(_CustomerFields.default, {
+      value: customer,
+      onChange: handleCustomerChange,
+      optInLabel: (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.newsletterOptInLabel
+    }))
+  }), order.customer ? /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingIdentityElement.default, {
+    disabled: false,
+    value: order.licenseeIsBillingIdentity,
+    onChange: handleLicenseeIsBillingIdentityChange
+  }, {
+    label: /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: ((_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.storeModalSelectLicenseeLabel) ?? ''
+      }
+    })
+  }) : null, showLicenseeSection ? /*#__PURE__*/_react.default.createElement(EditableSection, {
+    disabled: false,
+    editing: editing === 'licensee',
+    onEdit: () => setEditing('licensee'),
+    disableSubmit: Object.keys(licenseeIdentity).some(key => {
+      if (IDENTITY_REQUIRED_FIELDS.includes(key)) return Boolean(licenseeIdentity[key]) === false;
+      return false;
+    }),
+    onSubmit: handleLicenseeSubmit
+  }, {
+    edit: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+      className: "store-modal__cart__checkout-section-title"
+    }, "Licensee Information (your client)"), /*#__PURE__*/_react.default.createElement("div", {
+      className: "store-modal__cart__identity-fields"
+    }, /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
+      viewer: viewer,
+      value: licenseeIdentity,
+      onChange: handleLicenseeChange,
+      errorsObject: errorsObject === null || errorsObject === void 0 ? void 0 : errorsObject.licenseeIdentity,
+      identityType: "licensee"
+    }))),
+    show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
+      className: "store-modal__cart__checkout-section-title"
+    }, "Licensee Information (your client)"), order.licenseeIdentity ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "store-modal__cart__identity"
+    }, /*#__PURE__*/_react.default.createElement(_StoreModalReviewIdentity.default, {
+      identity: order.licenseeIdentity
+    })) : 'Loading...')
+  }) : null, showBillingSection ? /*#__PURE__*/_react.default.createElement(EditableSection, {
+    disabled: false,
+    editing: editing === 'billing',
+    onEdit: () => setEditing('billing'),
+    disableSubmit: Object.keys(billingIdentity).some(key => {
+      if (IDENTITY_REQUIRED_FIELDS.includes(key)) return Boolean(billingIdentity[key]) === false;
+      return false;
+    }),
+    onSubmit: handleBillingSubmit
+  }, {
+    edit: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+      className: "store-modal__cart__checkout-section-title"
+    }, "Billing Information"), /*#__PURE__*/_react.default.createElement("div", {
+      className: "store-modal__cart__identity-fields"
+    }, /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
+      viewer: viewer,
+      value: billingIdentity,
+      onChange: handleBillingChange,
+      errorsObject: errorsObject === null || errorsObject === void 0 ? void 0 : errorsObject.billingIdentity,
+      identityType: "billing"
+    }))),
+    show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
+      className: "store-modal__cart__checkout-section-title"
+    }, "Billing Information"), order.billingIdentity ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "store-modal__cart__identity"
+    }, /*#__PURE__*/_react.default.createElement(_StoreModalReviewIdentity.default, {
+      identity: order.billingIdentity
+    })) : 'Loading...')
+  }) : null, showCheckoutButton ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__checkout-section",
+    "data-disabled": showLicenseeSection ? editing === 'licensee' : false
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "store-modal__cart__button",
+    onClick: handleCheckout
+  }, "Checkout")) : null, showPaymentSection ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__checkout-section",
+    "data-disabled": editing !== null
+  }, /*#__PURE__*/_react.default.createElement("form", {
+    onSubmit: handleComplete
+  }, !zeroOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "store-modal__cart__checkout-section-title"
+  }, "Payment information", /*#__PURE__*/_react.default.createElement("span", {
+    className: "store-modal__cart__checkout-section-subtitle"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://stripe.com",
+    target: "_blank",
+    rel: "noopener"
+  }, "Powered by ", /*#__PURE__*/_react.default.createElement(_StripeLogo.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__payment"
+  }, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    fallback: /*#__PURE__*/_react.default.createElement("div", null, "Something went wrong")
+  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.PaymentElement, {
+    options: {
+      layout: {
+        type: 'tabs',
+        defaultCollapsed: false,
+        radios: true,
+        spacedAccordionItems: true
+      },
+      defaultValues: {
+        billingDetails: {
+          name: order.customer.name ?? undefined,
+          email: order.customer.email ?? undefined,
+          phone: order.billingIdentity.phone ?? undefined
+        }
+      },
+      fields: {
+        billingDetails: {
+          address: 'never'
+        }
+      }
+    }
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__agreement"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: "eula-agreement",
+    checked: acceptedEULA,
+    onChange: event => setAcceptedEULA(event.target.checked)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox__icon"
+  }, config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : /*#__PURE__*/_react.default.createElement(_Icons.X, null))), /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: "eula-agreement"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings3 = viewer.settings) === null || _viewer$settings3 === void 0 ? void 0 : _viewer$settings3.eulaAgreementLabel) ?? ''
+    }
+  }))), /*#__PURE__*/_react.default.createElement("button", {
+    type: "submit",
+    className: "store-modal__cart__button",
+    disabled: completing || !acceptedEULA
+  }, completing ? 'Submitting...' : zeroOrder ? 'Complete order' : 'Pay'))) : null);
+}

package/dist/components/useFontStyle.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _fontfaceobserver = _interopRequireDefault(require("fontfaceobserver"));
 var _react = require("react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FALLBACK_FAMILY = 'Fallback';
 const useFontStyle = _ref => {
   let {

package/dist/components/useTotalStyles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _useTotalStyles_fontCollection2 = _interopRequireDefault(require("../__generated__/useTotalStyles_fontCollection.graphql"));
 var _reactRelay = require("react-relay");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useTotalStyles = _ref => {
   let {
     fontCollection