fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -1,31 +1,8 @@
-"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 _reactGoogleRecaptcha = _interopRequireDefault(require("react-google-recaptcha"));
-var Sentry = _interopRequireWildcard(require("@sentry/react"));
-var _reactRelay = require("react-relay");
-var _AddressFields = _interopRequireDefault(require("../Cart/AddressFields"));
-var _CustomerFields = _interopRequireDefault(require("../Cart/CustomerFields"));
-var _reactStripeJs = require("@stripe/react-stripe-js");
-var _StoreModalLicenseeIsBillingIdentityElement = _interopRequireDefault(require("./StoreModalLicenseeIsBillingIdentityElement"));
-var _reactRedux = require("react-redux");
-var _StripeLogo = _interopRequireDefault(require("../StripeLogo"));
-var _Icons = require("../Icons");
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _Price = require("../Price");
-var _orderTracking = require("../Cart/orderTracking");
-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 }; }
+import _StoreModalUnifiedCheckoutCompleteOrderMutation from "../../__generated__/StoreModalUnifiedCheckoutCompleteOrderMutation.graphql.js";
+import _StoreModalUnifiedCheckoutUpdateOrderMutation from "../../__generated__/StoreModalUnifiedCheckoutUpdateOrderMutation.graphql.js";
+import _StoreModalUnifiedCheckoutUpdateCustomerMutation from "../../__generated__/StoreModalUnifiedCheckoutUpdateCustomerMutation.graphql.js";
+import _StoreModalUnifiedCheckout_order from "../../__generated__/StoreModalUnifiedCheckout_order.graphql.js";
+import _StoreModalUnifiedCheckout_viewer from "../../__generated__/StoreModalUnifiedCheckout_viewer.graphql.js";
 /**
  * StoreModalUnifiedCheckout
  *
@@ -85,6 +62,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *    - Fontdue tax system: Collects billing info directly, auto-saves for tax calculation
  */
 
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { ReCAPTCHA } from 'react-google-recaptcha';
+import * as Sentry from '@sentry/react';
+import { commitMutation, graphql, useFragment, useRelayEnvironment } from 'react-relay';
+import AddressFields from '../Cart/AddressFields.js';
+import CustomerFields from '../Cart/CustomerFields.js';
+import { PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';
+import StoreModalLicenseeIsBillingIdentityElement from './StoreModalLicenseeIsBillingIdentityElement.js';
+import { useDispatch } from 'react-redux';
+import StripeLogo from '../StripeLogo.js';
+import { Check, X } from '../Icons/index.js';
+import ConfigContext from '../ConfigContext.js';
+import { Price } from '../Price/index.js';
+import { sendOrderTracking } from '../Cart/orderTracking.js';
+
 /* const LICENSEE_REQUIRED_FIELDS = ['organization', 'country'] as (keyof Identity)[]; */
 
 const IDENTITY_REQUIRED_FIELDS = ['name', 'email', 'country'];
@@ -132,8 +124,8 @@ function EditableSection(_ref) {
       save
     }
   } = _ref;
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const handleSubmit = (0, _react.useCallback)(e => {
+  const [submitting, setSubmitting] = useState(false);
+  const handleSubmit = useCallback(e => {
     e.preventDefault();
     setSubmitting(true);
     onSubmit({
@@ -143,33 +135,33 @@ function EditableSection(_ref) {
       onError: () => setSubmitting(false)
     });
   }, [setSubmitting, onSubmit]);
-  const handleCancel = (0, _react.useCallback)(() => {
+  const handleCancel = useCallback(() => {
     setSubmitting(false);
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   }, [setSubmitting, onCancel]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__checkout-section",
     "data-editing": editing,
     "data-disabled": disabled
-  }, editing ? /*#__PURE__*/_react.default.createElement("form", {
+  }, editing ? /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit
-  }, edit, /*#__PURE__*/_react.default.createElement("div", {
+  }, edit, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__buttons"
-  }, cancelable ? /*#__PURE__*/_react.default.createElement("button", {
+  }, cancelable ? /*#__PURE__*/React.createElement("button", {
     className: "store-modal__cart__button",
     type: "button",
     onClick: handleCancel
-  }, "Cancel") : null, /*#__PURE__*/_react.default.createElement("button", {
+  }, "Cancel") : null, /*#__PURE__*/React.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", {
+  }, submitting ? 'Submitting...' : save))) : /*#__PURE__*/React.createElement(React.Fragment, null, show, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "store-modal__cart__edit-button",
     onClick: onEdit
   }, "Change")));
 }
-function StoreModalUnifiedCheckout(_ref2) {
+export default function StoreModalUnifiedCheckout(_ref2) {
   var _order$orderVariableS, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _viewer$settings5, _viewer$settings6, _viewer$settings7, _viewer$settings8, _order$stripePaymentI, _viewer$settings9, _order$stripePaymentI2, _order$stripePaymentI3;
   let {
     order: orderKey,
@@ -177,8 +169,8 @@ function StoreModalUnifiedCheckout(_ref2) {
     onScrollToTop,
     onUpdateOrderVariableSelections
   } = _ref2;
-  const viewer = (0, _reactRelay.useFragment)((_StoreModalUnifiedCheckout_viewer2.default.hash && _StoreModalUnifiedCheckout_viewer2.default.hash !== "5e8a59a64c401bb354b53ab83d993e03" && 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 !== "7c5503876a562732ebaead9b2ae97180" && 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 viewer = useFragment((_StoreModalUnifiedCheckout_viewer.hash && _StoreModalUnifiedCheckout_viewer.hash !== "5e8a59a64c401bb354b53ab83d993e03" && 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_viewer), viewerKey);
+  const order = useFragment((_StoreModalUnifiedCheckout_order.hash && _StoreModalUnifiedCheckout_order.hash !== "7c5503876a562732ebaead9b2ae97180" && 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_order), orderKey);
 
   // Check if order has a country-type order variable with a different country than detected
   // This is important for order snapshot/quote functionality where a quote was created for
@@ -212,20 +204,20 @@ function StoreModalUnifiedCheckout(_ref2) {
     ...defaultIdentity,
     country: getInitialCountry()
   };
-  const [customer, setCustomer] = (0, _react.useState)((order === null || order === void 0 ? void 0 : order.customer) ?? {
+  const [customer, setCustomer] = 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 [licenseeIdentity, setLicenseeIdentity] = useState(getIdentityFields(order === null || order === void 0 ? void 0 : order.licenseeIdentity) ?? initialIdentity);
+  const [billingIdentity, setBillingIdentity] = useState(getIdentityFields(order === null || order === void 0 ? void 0 : order.billingIdentity) ?? initialIdentity);
 
   // Track if the Stripe Address Element reports as complete
   // Start as true if order already has billing identity (page reload case)
-  const [billingAddressComplete, setBillingAddressComplete] = (0, _react.useState)(!!(order !== null && order !== void 0 && order.billingIdentity));
+  const [billingAddressComplete, setBillingAddressComplete] = useState(!!(order !== null && order !== void 0 && order.billingIdentity));
 
   // Track differences between local state and saved backend data
-  const billingIdentityDiff = (0, _react.useMemo)(() => {
+  const billingIdentityDiff = useMemo(() => {
     const savedIdentity = order === null || order === void 0 ? void 0 : order.billingIdentity;
     if (!savedIdentity) return null;
 
@@ -256,11 +248,11 @@ function StoreModalUnifiedCheckout(_ref2) {
     return Object.keys(differences).length > 0 ? differences : null;
   }, [billingIdentity, order === null || order === void 0 ? void 0 : order.billingIdentity]);
   const isBillingIdentitySaved = billingIdentityDiff === null && !!(order !== null && order !== void 0 && order.billingIdentity);
-  const handleCustomerChange = (0, _react.useCallback)(value => setCustomer(currentValue => ({
+  const handleCustomerChange = useCallback(value => setCustomer(currentValue => ({
     ...currentValue,
     ...value
   })), [setCustomer]);
-  const handleLicenseeChange = (0, _react.useCallback)(value => {
+  const handleLicenseeChange = useCallback(value => {
     setErrorsObject(currentValue => {
       if (currentValue !== null && currentValue !== void 0 && currentValue.licenseeIdentity) {
         const keys = Object.keys(value);
@@ -282,30 +274,30 @@ function StoreModalUnifiedCheckout(_ref2) {
       ...value
     }));
   }, [setLicenseeIdentity]);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const environment = useRelayEnvironment();
 
   // Capture analytics consent + attribution on the order for the purchase
   // event the server emits on completion (from a Stripe webhook, where no
   // browser context exists).
-  (0, _react.useEffect)(() => {
-    (0, _orderTracking.sendOrderTracking)(environment);
+  useEffect(() => {
+    sendOrderTracking(environment);
   }, [environment]);
-  const [error, setError] = (0, _react.useState)(null);
-  const [errorsObject, setErrorsObject] = (0, _react.useState)(null);
-  const [customerErrorsObject, setCustomerErrorsObject] = (0, _react.useState)(null);
-  const [_submitting, setSubmitting] = (0, _react.useState)(false);
+  const [error, setError] = useState(null);
+  const [errorsObject, setErrorsObject] = useState(null);
+  const [customerErrorsObject, setCustomerErrorsObject] = useState(null);
+  const [_submitting, setSubmitting] = useState(false);
   /* const [licenseeRequiredFields, setLicenseeRequiredFields] = useState<
    *   (keyof Identity)[]
    * >(LICENSEE_REQUIRED_FIELDS); */
-  const [acceptedEULA, setAcceptedEULA] = (0, _react.useState)(false);
+  const [acceptedEULA, setAcceptedEULA] = useState(false);
   const {
     form: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
 
   // reCAPTCHA state
-  const [recaptchaToken, setRecaptchaToken] = (0, _react.useState)(null);
-  const [pendingCustomerSubmit, setPendingCustomerSubmit] = (0, _react.useState)(null);
-  const recaptchaRef = (0, _react.useRef)(null);
+  const [recaptchaToken, setRecaptchaToken] = useState(null);
+  const [pendingCustomerSubmit, setPendingCustomerSubmit] = useState(null);
+  const recaptchaRef = useRef(null);
   const recaptchaEnabled = ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.recaptchaEnabled) ?? false;
   const recaptchaSiteKey = (_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.recaptchaSiteKey;
   const onCompleted = (res, errors, onSuccess, onError) => {
@@ -334,17 +326,17 @@ function StoreModalUnifiedCheckout(_ref2) {
     setError(error.message);
     setSubmitting(false);
   };
-  const updateCustomer = (0, _react.useCallback)((variables, onSuccess, onErrorCallback) => {
-    (0, _reactRelay.commitMutation)(environment, {
-      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash !== "a41e423a93ba20f15ebbe826dd802514" && 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),
+  const updateCustomer = useCallback((variables, onSuccess, onErrorCallback) => {
+    commitMutation(environment, {
+      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation.hash !== "a41e423a93ba20f15ebbe826dd802514" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation),
       variables,
       onCompleted: (res, errors) => onCompleted(res, errors, onSuccess, onErrorCallback),
       onError
     });
   }, [environment]);
-  const updateOrder = (0, _react.useCallback)((variables, onSuccess, onError) => {
-    (0, _reactRelay.commitMutation)(environment, {
-      mutation: (_StoreModalUnifiedCheckoutUpdateOrderMutation2.default.hash && _StoreModalUnifiedCheckoutUpdateOrderMutation2.default.hash !== "189cd7ac579c6898dca2f4b6e07861d1" && 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),
+  const updateOrder = useCallback((variables, onSuccess, onError) => {
+    commitMutation(environment, {
+      mutation: (_StoreModalUnifiedCheckoutUpdateOrderMutation.hash && _StoreModalUnifiedCheckoutUpdateOrderMutation.hash !== "189cd7ac579c6898dca2f4b6e07861d1" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateOrderMutation),
       variables,
       onCompleted: (res, errors) => onCompleted(res, errors, onSuccess, onError),
       onError
@@ -352,7 +344,7 @@ function StoreModalUnifiedCheckout(_ref2) {
   }, [environment]);
 
   // Update country order variable when licensee address country changes
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!licenseeIdentity.country || !order.orderVariableSelections) return;
 
     // Find country-type order variable
@@ -382,7 +374,7 @@ function StoreModalUnifiedCheckout(_ref2) {
 
   // When a country mismatch exists, force licenseeIsBillingIdentity to false
   // This ensures we always collect licensee information for orders with mismatched country
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (hasCountryMismatch && (order.licenseeIsBillingIdentity ?? true)) {
       // Update order to force separate licensee collection
       updateOrder({
@@ -395,7 +387,7 @@ function StoreModalUnifiedCheckout(_ref2) {
 
   // Auto-save billing identity when complete (for fontdue tax system only)
   // This ensures taxes are calculated before showing the payment element
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const taxSystem = viewer.settings.taxSystem;
     const canUseEmbeddedCheckout = taxSystem === 'stripe';
 
@@ -421,10 +413,10 @@ function StoreModalUnifiedCheckout(_ref2) {
   let initialEditingState = null;
   // set initial state depending on if checkout is already in progress
   if (!order.customer) initialEditingState = 'customer';
-  const [editing, setEditing] = (0, _react.useState)(initialEditingState);
+  const [editing, setEditing] = useState(initialEditingState);
 
   // Submit customer data with optional reCAPTCHA token
-  const submitCustomer = (0, _react.useCallback)((token, callbacks) => {
+  const submitCustomer = useCallback((token, callbacks) => {
     setPendingCustomerSubmit(null);
     if (!billingIdentity.name && !billingIdentity.email) {
       setBillingIdentity({
@@ -453,14 +445,14 @@ function StoreModalUnifiedCheckout(_ref2) {
       setRecaptchaToken(null);
     });
   }, [customer, billingIdentity, updateCustomer]);
-  const handleRecaptchaChange = (0, _react.useCallback)(token => {
+  const handleRecaptchaChange = useCallback(token => {
     setRecaptchaToken(token);
     // If we were waiting for a token to submit, do it now
     if (token && pendingCustomerSubmit) {
       submitCustomer(token, pendingCustomerSubmit.callbacks);
     }
   }, [pendingCustomerSubmit, submitCustomer]);
-  const handleRecaptchaExpired = (0, _react.useCallback)(() => {
+  const handleRecaptchaExpired = useCallback(() => {
     setRecaptchaToken(null);
   }, []);
   const handleCustomerSubmit = callbacks => {
@@ -475,14 +467,14 @@ function StoreModalUnifiedCheckout(_ref2) {
     }
     submitCustomer(recaptchaToken, callbacks);
   };
-  const handleLicenseeIsBillingIdentityChange = (0, _react.useCallback)(value => {
+  const handleLicenseeIsBillingIdentityChange = useCallback(value => {
     updateOrder({
       input: {
         licenseeIsBillingIdentity: value
       }
     });
   }, [updateOrder]);
-  const handleBillingChange = (0, _react.useCallback)((value, complete) => {
+  const handleBillingChange = useCallback((value, complete) => {
     setError(null);
     setErrorsObject(currentValue => {
       if (currentValue !== null && currentValue !== void 0 && currentValue.billingIdentity) {
@@ -511,16 +503,16 @@ function StoreModalUnifiedCheckout(_ref2) {
       return newValue;
     });
   }, [order === null || order === void 0 ? void 0 : order.billingIdentity]);
-  const stripe = (0, _reactStripeJs.useStripe)();
-  const elements = (0, _reactStripeJs.useElements)();
-  const [completing, setCompleting] = (0, _react.useState)(false);
-  const [checkingOut, setCheckingOut] = (0, _react.useState)(false);
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const stripe = useStripe();
+  const elements = useElements();
+  const [completing, setCompleting] = useState(false);
+  const [checkingOut, setCheckingOut] = useState(false);
+  const dispatch = useDispatch();
 
   // When a country mismatch exists, always show licensee section (force collection)
   // Otherwise, only show when user has selected "Your client" option
   const showLicenseeSection = order.customer && (hasCountryMismatch || !(order.licenseeIsBillingIdentity ?? false));
-  const handleCheckout = (0, _react.useCallback)(async () => {
+  const handleCheckout = useCallback(async () => {
     // Validate Stripe elements first
     if (elements) {
       const result = await elements.submit();
@@ -581,8 +573,8 @@ function StoreModalUnifiedCheckout(_ref2) {
     const processPayment = () => {
       var _billingIdentity$stre, _billingIdentity$stre2;
       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),
+        commitMutation(environment, {
+          mutation: (_StoreModalUnifiedCheckoutCompleteOrderMutation.hash && _StoreModalUnifiedCheckoutCompleteOrderMutation.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."), _StoreModalUnifiedCheckoutCompleteOrderMutation),
           variables: {},
           onCompleted: (_response, errors) => {
             if (errors && errors.length > 0) {
@@ -651,7 +643,7 @@ function StoreModalUnifiedCheckout(_ref2) {
   const zeroOrder = order.canCompleteWithCoupon;
   const showPaymentSection = !canUseEmbeddedCheckout && order.customer;
   const billingComplete = IDENTITY_REQUIRED_FIELDS.every(key => Boolean(billingIdentity[key]));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(EditableSection, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditableSection, {
     editing: editing === 'customer',
     disabled: false,
     onEdit: () => setEditing('customer'),
@@ -659,104 +651,104 @@ function StoreModalUnifiedCheckout(_ref2) {
     disableSubmit: false
   }, {
     save: canUseEmbeddedCheckout ? order.customer ? 'Save' : 'Continue' : 'Checkout',
-    show: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
+    show: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.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", {
+    }, "Contact information"), order.customer ? /*#__PURE__*/React.createElement(React.Fragment, null, order.customer.name, /*#__PURE__*/React.createElement("br", null), order.customer.email) : 'Loading...'),
+    edit: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
       className: "store-modal__cart__checkout-section-title"
-    }, "Contact information"), /*#__PURE__*/_react.default.createElement(_CustomerFields.default, {
+    }, "Contact information"), /*#__PURE__*/React.createElement(CustomerFields, {
       value: customer,
       onChange: handleCustomerChange,
       optInLabel: (_viewer$settings3 = viewer.settings) === null || _viewer$settings3 === void 0 ? void 0 : _viewer$settings3.newsletterOptInLabel,
       errors: customerErrorsObject
-    }), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/_react.default.createElement(_reactGoogleRecaptcha.default, {
+    }), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/React.createElement(ReCAPTCHA, {
       ref: recaptchaRef,
       sitekey: recaptchaSiteKey,
       size: "invisible",
       onChange: handleRecaptchaChange,
       onExpired: handleRecaptchaExpired
     }))
-  }), order.customer && !hasCountryMismatch ? /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingIdentityElement.default, {
+  }), order.customer && !hasCountryMismatch ? /*#__PURE__*/React.createElement(StoreModalLicenseeIsBillingIdentityElement, {
     disabled: false,
     value: order.licenseeIsBillingIdentity ?? false,
     onChange: handleLicenseeIsBillingIdentityChange
   }, {
-    label: /*#__PURE__*/_react.default.createElement("div", {
+    label: /*#__PURE__*/React.createElement("div", {
       dangerouslySetInnerHTML: {
         __html: ((_viewer$settings4 = viewer.settings) === null || _viewer$settings4 === void 0 ? void 0 : _viewer$settings4.storeModalSelectLicenseeLabel) ?? ''
       }
     }),
-    selfLabel: /*#__PURE__*/_react.default.createElement("span", {
+    selfLabel: /*#__PURE__*/React.createElement("span", {
       dangerouslySetInnerHTML: {
         __html: ((_viewer$settings5 = viewer.settings) === null || _viewer$settings5 === void 0 ? void 0 : _viewer$settings5.storeModalLicenseeSelfLabel) ?? 'Yourself'
       }
     }),
-    selfDescription: (_viewer$settings6 = viewer.settings) !== null && _viewer$settings6 !== void 0 && _viewer$settings6.storeModalLicenseeSelfDescription ? /*#__PURE__*/_react.default.createElement("div", {
+    selfDescription: (_viewer$settings6 = viewer.settings) !== null && _viewer$settings6 !== void 0 && _viewer$settings6.storeModalLicenseeSelfDescription ? /*#__PURE__*/React.createElement("div", {
       dangerouslySetInnerHTML: {
         __html: viewer.settings.storeModalLicenseeSelfDescription
       }
     }) : null,
-    clientLabel: /*#__PURE__*/_react.default.createElement("span", {
+    clientLabel: /*#__PURE__*/React.createElement("span", {
       dangerouslySetInnerHTML: {
         __html: ((_viewer$settings7 = viewer.settings) === null || _viewer$settings7 === void 0 ? void 0 : _viewer$settings7.storeModalLicenseeClientLabel) ?? 'Your client'
       }
     }),
-    clientDescription: (_viewer$settings8 = viewer.settings) !== null && _viewer$settings8 !== void 0 && _viewer$settings8.storeModalLicenseeClientDescription ? /*#__PURE__*/_react.default.createElement("div", {
+    clientDescription: (_viewer$settings8 = viewer.settings) !== null && _viewer$settings8 !== void 0 && _viewer$settings8.storeModalLicenseeClientDescription ? /*#__PURE__*/React.createElement("div", {
       dangerouslySetInnerHTML: {
         __html: viewer.settings.storeModalLicenseeClientDescription
       }
     }) : null
-  }) : null, showLicenseeSection ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, showLicenseeSection ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__checkout-section"
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__cart__checkout-section-title"
-  }, hasCountryMismatch ? 'Licensee information' : 'Licensee information (your client)'), /*#__PURE__*/_react.default.createElement("div", {
+  }, hasCountryMismatch ? 'Licensee information' : 'Licensee information (your client)'), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__identity-fields"
-  }, /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
+  }, /*#__PURE__*/React.createElement(AddressFields, {
     viewer: viewer,
     value: licenseeIdentity,
     onChange: handleLicenseeChange,
     errorsObject: errorsObject === null || errorsObject === void 0 ? void 0 : errorsObject.licenseeIdentity,
     identityType: "licensee"
-  }))) : null, showBillingSection ? /*#__PURE__*/_react.default.createElement("div", {
+  }))) : null, showBillingSection ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__checkout-section",
     "data-disabled": !order.customer
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__cart__checkout-section-title"
-  }, "Billing information"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Billing information"), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__identity-fields"
-  }, /*#__PURE__*/_react.default.createElement(_AddressFields.default, {
+  }, /*#__PURE__*/React.createElement(AddressFields, {
     viewer: viewer,
     value: billingIdentity,
     onChange: handleBillingChange,
     errorsObject: errorsObject === null || errorsObject === void 0 ? void 0 : errorsObject.billingIdentity,
     identityType: "billing"
-  }))) : null, showCheckoutButton ? /*#__PURE__*/_react.default.createElement("div", {
+  }))) : null, showCheckoutButton ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__checkout-section",
     "data-disabled": false
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "store-modal__cart__button",
     onClick: handleCheckout,
     disabled: checkingOut
-  }, checkingOut ? 'Submitting...' : 'Checkout')) : null, showPaymentSection ? /*#__PURE__*/_react.default.createElement("div", {
+  }, checkingOut ? 'Submitting...' : 'Checkout')) : null, showPaymentSection ? /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__checkout-section",
     "data-disabled": false
-  }, /*#__PURE__*/_react.default.createElement("form", {
+  }, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleComplete
-  }, !zeroOrder && ((_order$stripePaymentI = order.stripePaymentIntent) === null || _order$stripePaymentI === void 0 ? void 0 : _order$stripePaymentI.clientSecret) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+  }, !zeroOrder && ((_order$stripePaymentI = order.stripePaymentIntent) === null || _order$stripePaymentI === void 0 ? void 0 : _order$stripePaymentI.clientSecret) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__cart__checkout-section-title"
-  }, "Payment information", /*#__PURE__*/_react.default.createElement("span", {
+  }, "Payment information", /*#__PURE__*/React.createElement("span", {
     className: "store-modal__cart__checkout-section-subtitle"
-  }, /*#__PURE__*/_react.default.createElement("a", {
+  }, /*#__PURE__*/React.createElement("a", {
     href: "https://stripe.com",
     target: "_blank",
     rel: "noopener"
-  }, "Powered by ", /*#__PURE__*/_react.default.createElement(_StripeLogo.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Powered by ", /*#__PURE__*/React.createElement(StripeLogo, null)))), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__payment"
-  }, /*#__PURE__*/_react.default.createElement(Sentry.ErrorBoundary, {
-    fallback: /*#__PURE__*/_react.default.createElement("div", null, "Something went wrong")
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.PaymentElement, {
+  }, /*#__PURE__*/React.createElement(Sentry.ErrorBoundary, {
+    fallback: /*#__PURE__*/React.createElement("div", null, "Something went wrong")
+  }, /*#__PURE__*/React.createElement(PaymentElement, {
     options: {
       layout: {
         type: 'tabs',
@@ -765,30 +757,30 @@ function StoreModalUnifiedCheckout(_ref2) {
         spacedAccordionItems: true
       }
     }
-  })))), error && /*#__PURE__*/_react.default.createElement("div", {
+  })))), error && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__error"
-  }, error), /*#__PURE__*/_react.default.createElement("div", {
+  }, error), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__cart__agreement"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "checkbox"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     id: "eula-agreement",
     checked: acceptedEULA,
     onChange: event => setAcceptedEULA(event.target.checked)
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.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", {
+  }, config.checkboxStyle === 'check' ? /*#__PURE__*/React.createElement(Check, null) : /*#__PURE__*/React.createElement(X, null))), /*#__PURE__*/React.createElement("label", {
     htmlFor: "eula-agreement"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: ((_viewer$settings9 = viewer.settings) === null || _viewer$settings9 === void 0 ? void 0 : _viewer$settings9.eulaAgreementLabel) ?? ''
     }
-  }))), /*#__PURE__*/_react.default.createElement("button", {
+  }))), /*#__PURE__*/React.createElement("button", {
     type: "submit",
     className: "store-modal__cart__button",
     disabled: completing || !acceptedEULA
-  }, completing ? 'Submitting...' : zeroOrder ? 'Complete order' : /*#__PURE__*/_react.default.createElement("span", null, "Pay", ' ', (_order$stripePaymentI2 = order.stripePaymentIntent) !== null && _order$stripePaymentI2 !== void 0 && _order$stripePaymentI2.amount && (_order$stripePaymentI3 = order.stripePaymentIntent) !== null && _order$stripePaymentI3 !== void 0 && _order$stripePaymentI3.currency ? /*#__PURE__*/_react.default.createElement(_Price.Price, {
+  }, completing ? 'Submitting...' : zeroOrder ? 'Complete order' : /*#__PURE__*/React.createElement("span", null, "Pay", ' ', (_order$stripePaymentI2 = order.stripePaymentIntent) !== null && _order$stripePaymentI2 !== void 0 && _order$stripePaymentI2.amount && (_order$stripePaymentI3 = order.stripePaymentIntent) !== null && _order$stripePaymentI3 !== void 0 && _order$stripePaymentI3.currency ? /*#__PURE__*/React.createElement(Price, {
     price: {
       amount: order.stripePaymentIntent.amount,
       currency: order.stripePaymentIntent.currency

package/dist/components/useConsent.js

@@ -1,12 +1,7 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useConsent = useConsent;
-var _react = require("react");
-var _consent = require("./ConsentBanner/consent");
+import { useSyncExternalStore } from 'react';
+import { hasConsent } from './ConsentBanner/consent.js';
 const CONSENT_EVENT = 'fontdue:consent';
 function subscribe(callback) {
   window.addEventListener(CONSENT_EVENT, callback);
@@ -21,6 +16,6 @@ function subscribe(callback) {
  * @example
  * const analyticsConsent = useConsent('analytics');
  */
-function useConsent(category) {
-  return (0, _react.useSyncExternalStore)(subscribe, () => (0, _consent.hasConsent)(category), () => false);
+export function useConsent(category) {
+  return useSyncExternalStore(subscribe, () => hasConsent(category), () => false);
 }

package/dist/components/useFont.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FontSource } from '../fontLoader';
+import { FontSource } from '../fontLoader.js';
 interface UseFontProps {
     fontFamily: string;
     webfontSources?: ReadonlyArray<FontSource | null> | null;

package/dist/components/useFont.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _fontLoader = require("../fontLoader");
+import { useState, useRef, useEffect } from 'react';
+import { loadFont } from '../fontLoader.js';
 const FALLBACK_FAMILY = 'Fallback';
 
 /**
@@ -28,19 +22,19 @@ const useFont = _ref => {
     fontWeight = 400,
     fontStyle: fontStyleProp = 'normal'
   } = _ref;
-  const [loaded, setLoaded] = (0, _react.useState)(false);
-  const mounted = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
+  const [loaded, setLoaded] = useState(false);
+  const mounted = useRef(false);
+  useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!fontFamily) return;
     if (webfontSources && webfontSources.length > 0) {
       // Load directly via FontFace API
-      (0, _fontLoader.loadFont)(fontFamily, webfontSources).then(() => {
+      loadFont(fontFamily, webfontSources).then(() => {
         if (mounted.current) setLoaded(true);
       }).catch(console.error);
     } else {
@@ -73,5 +67,4 @@ const useFont = _ref => {
     loaded
   };
 };
-var _default = useFont;
-exports.default = _default;
+export default useFont;

package/dist/components/useFontStyle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useFontStyle_fontStyle$key } from '../__generated__/useFontStyle_fontStyle.graphql';
+import { useFontStyle_fontStyle$key } from '../__generated__/useFontStyle_fontStyle.graphql.js';
 interface UseFontStyle_props {
     fontStyle: useFontStyle_fontStyle$key | null | undefined;
 }