UNPKG

@godaddy/react

Version:

The `createCheckoutSession` function creates a new checkout session with GoDaddy's commerce API.

30 lines (28 loc) 1.17 kB
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 };