@godaddy/react
Version:
The `createCheckoutSession` function creates a new checkout session with GoDaddy's commerce API.
30 lines (28 loc) • 1.17 kB
JavaScript
import { H as Button, Q as useIsPaymentDisabled, o as useCheckoutContext, rt as useGoDaddyContext } from "./checkout-CCruxHvk.js";
import "./utils-DWBfAHfx.js";
import { t as useStripeCheckout } from "./use-stripe-checkout-pvP-pMaJ.js";
import { useFormContext } from "react-hook-form";
import { jsx } from "react/jsx-runtime";
//#region src/components/checkout/payment/checkout-buttons/credit-card/stripe.tsx
function StripeCreditCardCheckoutButton() {
const { t } = useGoDaddyContext();
const form = useFormContext();
const { isConfirmingCheckout } = useCheckoutContext();
const isPaymentDisabled = useIsPaymentDisabled();
const { handleSubmit } = useStripeCheckout({ mode: "card" });
const handleStripeCheckout = async () => {
if (!await form.trigger()) {
const firstError = Object.keys(form.formState.errors)[0];
if (firstError) form.setFocus(firstError);
} else await handleSubmit();
};
return /* @__PURE__ */ jsx(Button, {
className: "w-full",
size: "lg",
disabled: isConfirmingCheckout || isPaymentDisabled,
onClick: handleStripeCheckout,
children: t.payment.payNow
});
}
//#endregion
export { StripeCreditCardCheckoutButton };