@lockerverse/react 0.2.112-dev.1 → 0.2.115-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/accent-contrast.js +2 -0
  2. package/dist/accent-contrast.js.map +1 -0
  3. package/dist/form-skeleton.js +1 -1
  4. package/dist/form-skeleton.js.map +1 -1
  5. package/dist/lockerverse-donate-launcher.js +1 -1
  6. package/dist/lockerverse-donate-launcher.js.map +1 -1
  7. package/dist/lockerverse-payment.js +1 -1
  8. package/dist/lockerverse-payment.js.map +1 -1
  9. package/dist/public-events.css +7 -10
  10. package/dist/public-events.d.ts.map +1 -1
  11. package/dist/public-events.js +1 -1
  12. package/dist/public-events.js.map +1 -1
  13. package/dist/signup.js +1 -1
  14. package/dist/signup.js.map +1 -1
  15. package/package.json +2 -2
package/dist/lockerverse-payment.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lockerverse-payment.js","names":["notifyPaymentRecovery","cachedStripeLoader"],"sources":["../src/select-control.tsx","../src/checkout-fields.tsx","../src/payment-form-state.ts","../src/payment-attempt.ts","../src/payment-input.ts","../src/payment-quote.ts","../src/payment-submission.ts","../src/use-payment-form-controller.ts","../src/payment-form.tsx","../src/use-payment-checkout.ts","../src/lockerverse-payment.tsx"],"sourcesContent":["export type LockerverseSelectOption = {\n label: string;\n value: string;\n};\n\nexport function LockerverseSelect({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n className,\n id,\n invalid = false,\n name,\n onValueChange,\n options,\n value,\n}: {\n ariaDescribedBy?: string;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n className?: string;\n id?: string;\n invalid?: boolean;\n name: string;\n onValueChange: (value: string) => void;\n options: readonly LockerverseSelectOption[];\n value: string;\n}) {\n return (\n <select\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid || undefined}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className={[\n \"lockerverse-form__control\",\n \"lockerverse-form__select\",\n className,\n ]\n .filter(Boolean)\n .join(\" \")}\n id={id}\n name={name}\n onChange={(event) => onValueChange(event.currentTarget.value)}\n value={value}\n >\n {options.map((option) => (\n <option key={option.value} value={option.value}>\n {option.label}\n </option>\n ))}\n </select>\n );\n}\n","import type {\n LockerverseCustomField,\n LockerverseWidgetFields,\n} from \"@lockerverse/sdk/checkout\";\nimport { useId } from \"react\";\nimport { CustomFields, type CustomFieldValues } from \"./custom-fields.tsx\";\nimport { Checkbox } from \"./form-field.tsx\";\nimport { formatMoney } from \"./format-money.ts\";\nimport { LockerverseSelect } from \"./select-control.tsx\";\n\nexport const MERCH_SIZES = [\"XS\", \"S\", \"M\", \"L\", \"XL\", \"XXL\", \"XXXL\"] as const;\n\nexport type CheckoutFieldValues = {\n customTip: string;\n customFields: CustomFieldValues;\n includeServiceFee: boolean;\n memberId: string;\n merchSize: (typeof MERCH_SIZES)[number];\n promoCode: string;\n shippingMatchesBilling: boolean;\n tipPercent: \"5\" | \"10\" | \"12\" | \"15\" | \"custom\";\n};\n\nconst TIP_OPTIONS = [\"15\", \"12\", \"10\", \"5\"] as const;\nconst TIP_VALUES = [...TIP_OPTIONS, \"custom\"] as const;\n\nexport function TipField({\n enabled,\n error,\n errorId,\n onChange,\n values,\n}: {\n enabled: boolean;\n error: string | undefined;\n errorId: string;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n const handleKeyDown = (\n event: React.KeyboardEvent<HTMLInputElement>,\n currentValue: CheckoutFieldValues[\"tipPercent\"]\n ) => {\n const currentIndex = TIP_VALUES.indexOf(currentValue);\n let nextIndex: number | undefined;\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n nextIndex = (currentIndex + 1) % TIP_VALUES.length;\n break;\n case \"ArrowLeft\":\n case \"ArrowUp\":\n nextIndex = (currentIndex - 1 + TIP_VALUES.length) % TIP_VALUES.length;\n break;\n case \"Home\":\n nextIndex = 0;\n break;\n case \"End\":\n nextIndex = TIP_VALUES.length - 1;\n break;\n default:\n return;\n }\n event.preventDefault();\n const nextValue = TIP_VALUES[nextIndex];\n if (!nextValue) {\n return;\n }\n const radios = event.currentTarget\n .closest('[role=\"radiogroup\"]')\n ?.querySelectorAll<HTMLElement>('input[type=\"radio\"]');\n radios?.[nextIndex]?.focus();\n update({ tipPercent: nextValue });\n };\n return (\n <div className=\"lockerverse-payment__tip-box\">\n <p>Add a tip to support the Lockerverse platform</p>\n <div aria-label=\"Tip amount\" role=\"radiogroup\">\n {TIP_OPTIONS.map((tip) => (\n <label className=\"lockerverse-payment__tip-choice\" key={tip}>\n <input\n checked={values.tipPercent === tip}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: tip })}\n onKeyDown={(event) => handleKeyDown(event, tip)}\n tabIndex={values.tipPercent === tip ? 0 : -1}\n type=\"radio\"\n value={tip}\n />\n <span>{tip}%</span>\n </label>\n ))}\n <label className=\"lockerverse-payment__tip-choice\">\n <input\n checked={values.tipPercent === \"custom\"}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: \"custom\" })}\n onKeyDown={(event) => handleKeyDown(event, \"custom\")}\n tabIndex={values.tipPercent === \"custom\" ? 0 : -1}\n type=\"radio\"\n value=\"custom\"\n />\n <span>Other</span>\n </label>\n </div>\n {values.tipPercent === \"custom\" ? (\n <label>\n <span>Custom tip</span>\n <span className=\"lockerverse-payment__money-input\">\n <span aria-hidden=\"true\">$</span>\n <input\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? \"true\" : undefined}\n inputMode=\"decimal\"\n name=\"tip\"\n onChange={(event) =>\n update({ customTip: event.currentTarget.value })\n }\n placeholder=\"0.00\"\n value={values.customTip}\n />\n </span>\n {error ? (\n <span className=\"lockerverse-payment__field-message\" id={errorId}>\n {error}\n </span>\n ) : null}\n </label>\n ) : (\n <input name=\"tip\" type=\"hidden\" value={values.tipPercent} />\n )}\n </div>\n );\n}\n\nexport function CheckoutToggle({\n checked,\n children,\n name,\n onChange,\n}: {\n checked: boolean;\n children: React.ReactNode;\n name: string;\n onChange: (checked: boolean) => void;\n}) {\n const id = useId();\n return (\n <label className=\"lockerverse-payment__check-row\" htmlFor={id}>\n <Checkbox\n checked={checked}\n id={id}\n name={name}\n onChange={(event) => onChange(event.currentTarget.checked)}\n />\n <span>{children}</span>\n </label>\n );\n}\n\nexport function AdditionalCheckoutFields({\n customFields,\n errors,\n fields,\n idPrefix,\n isPromoApplying,\n memberIdLabel,\n onChange,\n onApplyPromo,\n promoError,\n values,\n}: {\n customFields: LockerverseCustomField[];\n errors: Record<string, string>;\n fields: LockerverseWidgetFields;\n idPrefix: string;\n isPromoApplying: boolean;\n memberIdLabel: string | null | undefined;\n onChange: (values: CheckoutFieldValues) => void;\n onApplyPromo: () => void;\n promoError: string | undefined;\n values: CheckoutFieldValues;\n}) {\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n\n return (\n <div className=\"lockerverse-payment__additional-fields\">\n {fields.memberId ? (\n <label>\n <span>{memberIdLabel?.trim() || \"Member ID\"}</span>\n <input\n name=\"memberId\"\n onChange={(event) =>\n update({ memberId: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.memberId}\n />\n </label>\n ) : null}\n {fields.merchSize ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-merch-size-label`}>Size</span>\n <LockerverseSelect\n ariaLabelledBy={`${idPrefix}-merch-size-label`}\n name=\"merchSize\"\n onValueChange={(value) => {\n const merchSize = MERCH_SIZES.find((size) => size === value);\n if (merchSize) {\n update({ merchSize });\n }\n }}\n options={MERCH_SIZES.map((size) => ({\n label: size,\n value: size,\n }))}\n value={values.merchSize}\n />\n </div>\n ) : null}\n {fields.promoCode ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-promo-code-label`}>Promo code</span>\n <div className=\"lockerverse-payment__promo-control\">\n <input\n aria-describedby={\n promoError ? `${idPrefix}-promo-code-error` : undefined\n }\n aria-invalid={promoError ? \"true\" : undefined}\n aria-labelledby={`${idPrefix}-promo-code-label`}\n name=\"promoCode\"\n onChange={(event) =>\n update({ promoCode: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.promoCode}\n />\n <button\n disabled={!values.promoCode.trim() || isPromoApplying}\n onClick={onApplyPromo}\n type=\"button\"\n >\n {isPromoApplying ? \"Applying…\" : \"Apply\"}\n </button>\n </div>\n {promoError ? (\n <p\n className=\"lockerverse-payment__field-message\"\n id={`${idPrefix}-promo-code-error`}\n role=\"alert\"\n >\n {promoError}\n </p>\n ) : null}\n </div>\n ) : null}\n <CustomFields\n choiceClassName=\"lockerverse-payment__check-row\"\n errorClassName=\"lockerverse-payment__field-message\"\n errors={errors}\n fields={customFields}\n idPrefix={idPrefix}\n onChange={(nextCustomFields) =>\n update({ customFields: nextCustomFields })\n }\n values={values.customFields}\n />\n </div>\n );\n}\n\nexport function ServiceFeeField({\n amountCents,\n enabled,\n onChange,\n values,\n}: {\n amountCents: number;\n enabled: boolean;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n return (\n <CheckoutToggle\n checked={values.includeServiceFee}\n name=\"includeServiceFee\"\n onChange={(includeServiceFee) =>\n onChange({ ...values, includeServiceFee })\n }\n >\n Add {formatMoney(amountCents)} to help cover processing fees\n </CheckoutToggle>\n );\n}\n","type PaymentFormStatus =\n | \"editing\"\n | \"invalid\"\n | \"recovering\"\n | \"refreshing_quote\"\n | \"submitting\"\n | \"succeeded\"\n | \"sold_out\"\n | \"unresolved\";\n\nexport type PaymentFormState = {\n error: string | undefined;\n message: string | undefined;\n status: PaymentFormStatus;\n};\n\nexport type PaymentFormAction =\n | { type: \"field_changed\" }\n | { type: \"validation_failed\" }\n | { type: \"quote_refresh_started\" }\n | { type: \"quote_refresh_succeeded\" }\n | { error?: string; type: \"quote_refresh_failed\" }\n | { type: \"submission_started\" }\n | { type: \"submission_validation_failed\" }\n | { type: \"quote_changed\" }\n | { error: string; type: \"retryable_failure\" }\n | { error: string; type: \"recovery_failed\" }\n | { type: \"sold_out\" }\n | { message: string; type: \"succeeded\" }\n | { message: string; type: \"unresolved\" };\n\nexport type PaymentUiState =\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"sold_out\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\";\n\nexport function createPaymentFormState(\n recoverPayment: boolean\n): PaymentFormState {\n return {\n error: undefined,\n message: undefined,\n status: recoverPayment ? \"recovering\" : \"editing\",\n };\n}\n\nfunction updateState(\n state: PaymentFormState,\n allowedStatuses: PaymentFormStatus[],\n changes: Partial<PaymentFormState>\n) {\n return allowedStatuses.includes(state.status)\n ? { ...state, ...changes }\n : state;\n}\n\nexport function paymentFormReducer(\n state: PaymentFormState,\n action: PaymentFormAction\n): PaymentFormState {\n if (\n state.status === \"sold_out\" ||\n state.status === \"succeeded\" ||\n state.status === \"unresolved\"\n ) {\n return state;\n }\n\n switch (action.type) {\n case \"field_changed\":\n return updateState(state, [\"editing\", \"invalid\", \"refreshing_quote\"], {\n error: undefined,\n status: \"editing\",\n });\n case \"validation_failed\":\n return updateState(state, [\"editing\"], { status: \"invalid\" });\n case \"quote_refresh_started\":\n return updateState(state, [\"editing\", \"invalid\"], {\n status: \"refreshing_quote\",\n });\n case \"quote_refresh_succeeded\":\n return updateState(state, [\"refreshing_quote\"], {\n error: undefined,\n status: \"editing\",\n });\n case \"quote_refresh_failed\":\n return updateState(state, [\"refreshing_quote\"], {\n error: action.error ?? state.error,\n status: \"editing\",\n });\n case \"submission_started\":\n return updateState(state, [\"editing\", \"invalid\", \"refreshing_quote\"], {\n error: undefined,\n status: \"submitting\",\n });\n case \"submission_validation_failed\":\n return updateState(state, [\"submitting\"], {\n error: undefined,\n status: \"invalid\",\n });\n case \"quote_changed\":\n return updateState(state, [\"submitting\"], { status: \"editing\" });\n case \"retryable_failure\":\n return updateState(state, [\"editing\", \"invalid\", \"submitting\"], {\n error: action.error,\n status: \"editing\",\n });\n case \"recovery_failed\":\n return updateState(state, [\"recovering\"], {\n error: action.error,\n status: \"editing\",\n });\n case \"sold_out\":\n return {\n error: undefined,\n message: undefined,\n status: \"sold_out\",\n };\n case \"succeeded\":\n return updateState(state, [\"recovering\", \"submitting\"], {\n message: action.message,\n status: \"succeeded\",\n });\n case \"unresolved\":\n return updateState(state, [\"recovering\", \"submitting\"], {\n message: action.message,\n status: \"unresolved\",\n });\n default:\n return state;\n }\n}\n\nexport function getPaymentError(state: PaymentFormState) {\n return state.status === \"editing\" ||\n state.status === \"invalid\" ||\n state.status === \"refreshing_quote\"\n ? state.error\n : undefined;\n}\n\nexport function getPaymentUiState(state: PaymentFormState): PaymentUiState {\n if (state.status === \"sold_out\") {\n return \"sold_out\";\n }\n if (state.status === \"succeeded\") {\n return \"success\";\n }\n if (state.status === \"unresolved\") {\n return \"unresolved\";\n }\n if (state.status === \"submitting\" || state.status === \"recovering\") {\n return \"submitting\";\n }\n if (state.status === \"invalid\") {\n return \"invalid\";\n }\n return getPaymentError(state) ? \"error\" : \"idle\";\n}\n\nexport function isPaymentBusy(state: PaymentFormState) {\n return state.status === \"submitting\";\n}\n","import type {\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutQuote,\n LockerversePaymentResult,\n LockerverseSubmitPaymentInput,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSdkError } from \"@lockerverse/sdk/checkout\";\nimport type { Stripe } from \"@stripe/stripe-js\";\n\nconst AMOUNT_KEYS = [\n \"amountCents\",\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"serviceFeeCents\",\n \"subtotalCents\",\n \"tipCents\",\n \"totalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nconst SERVER_CONTROLLED_AMOUNT_KEYS = [\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"subtotalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nexport function hasMaterialQuoteChange(\n displayed: LockerverseCheckoutEstimate | LockerverseCheckoutQuote,\n current: LockerverseCheckoutQuote,\n locallyPreviewedTotalCents: number | undefined,\n stripeConnectedAccountId: string | null\n) {\n const amountKeys =\n locallyPreviewedTotalCents === current.totalCents\n ? SERVER_CONTROLLED_AMOUNT_KEYS\n : AMOUNT_KEYS;\n return (\n amountKeys.some((key) => displayed[key] !== current[key]) ||\n stripeConnectedAccountId !== current.payment.connectedAccountId ||\n (displayed.authoritative &&\n (displayed.payment.connectedAccountId !== stripeConnectedAccountId ||\n displayed.payment.currency !== current.payment.currency)) ||\n JSON.stringify(displayed.appliedDiscount) !==\n JSON.stringify(current.appliedDiscount) ||\n JSON.stringify(displayed.lineItems) !== JSON.stringify(current.lineItems)\n );\n}\n\nexport type PaymentAttemptOutcome =\n | { kind: \"failed\"; payment: LockerversePaymentResult }\n | { kind: \"success\"; payment: LockerversePaymentResult }\n | {\n kind: \"unresolved\";\n paymentReference: string;\n reason: \"action_required\" | \"pending\" | \"recovery_failed\";\n };\n\nfunction classifyPayment(\n payment: LockerversePaymentResult\n): PaymentAttemptOutcome {\n if (payment.checkoutStatus === \"success\") {\n return { kind: \"success\", payment };\n }\n if (payment.checkoutStatus === \"failed\") {\n return { kind: \"failed\", payment };\n }\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason:\n payment.checkoutStatus === \"action_required\"\n ? \"action_required\"\n : \"pending\",\n };\n}\n\nasync function settleRequiredAction(\n client: LockerverseCheckoutClient,\n payment: LockerversePaymentResult,\n stripe: Stripe | null | undefined\n): Promise<PaymentAttemptOutcome> {\n if (payment.checkoutStatus !== \"action_required\") {\n return classifyPayment(payment);\n }\n if (!stripe) {\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason: \"action_required\",\n };\n }\n if (payment.clientSecret) {\n try {\n await stripe.handleNextAction({ clientSecret: payment.clientSecret });\n } catch {\n // Status recovery below is authoritative even when Stripe UI fails.\n }\n }\n try {\n const recovered = await client.getPaymentStatus(payment.paymentReference);\n return classifyPayment(recovered);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason: \"action_required\",\n };\n }\n}\n\nexport async function submitPaymentAttempt(\n client: LockerverseCheckoutClient,\n input: LockerverseSubmitPaymentInput,\n stripe?: Stripe | null\n): Promise<PaymentAttemptOutcome> {\n let payment: LockerversePaymentResult;\n try {\n payment = await client.submitPayment(input);\n } catch (error) {\n if (!(error instanceof LockerverseSdkError && error.recoveryRecommended)) {\n throw error;\n }\n try {\n payment = await client.getPaymentStatus(input.checkout.paymentReference);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: input.checkout.paymentReference,\n reason: \"recovery_failed\",\n };\n }\n }\n return settleRequiredAction(client, payment, stripe);\n}\n\nexport async function recoverPaymentAttempt(\n client: LockerverseCheckoutClient,\n paymentReference: string,\n stripe: Stripe | null\n): Promise<PaymentAttemptOutcome> {\n try {\n const payment = await client.getPaymentStatus(paymentReference);\n return settleRequiredAction(client, payment, stripe);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference,\n reason: \"recovery_failed\",\n };\n }\n}\n","import {\n array,\n minLength,\n minValue,\n nonEmpty,\n number,\n pipe,\n regex,\n safeInteger,\n safeParse,\n strictObject,\n string,\n trim,\n union,\n} from \"valibot\";\nimport type { LockerversePaymentSelectionItem } from \"./types.ts\";\n\nconst productSlugSchema = pipe(string(), trim(), nonEmpty());\nconst positiveSafeIntegerSchema = pipe(number(), safeInteger(), minValue(1));\n\nconst paymentSelectionSchema = pipe(\n array(\n union([\n strictObject({\n amountCents: positiveSafeIntegerSchema,\n productSlug: productSlugSchema,\n }),\n strictObject({\n productSlug: productSlugSchema,\n quantity: positiveSafeIntegerSchema,\n }),\n strictObject({\n productSlug: productSlugSchema,\n }),\n ])\n ),\n minLength(1)\n);\n\nconst customTipSchema = pipe(\n string(),\n trim(),\n regex(/^(?:0|[1-9]\\d*)(?:\\.\\d{1,2})?$/, \"Enter a valid tip amount.\")\n);\n\nexport function parseCustomTipCents(input: string) {\n const result = safeParse(customTipSchema, input);\n if (!result.success) {\n return {\n message: result.issues[0]?.message ?? \"Enter a valid tip amount.\",\n success: false,\n } as const;\n }\n const [dollars = \"0\", fraction = \"\"] = result.output.split(\".\");\n const cents = BigInt(dollars) * 100n + BigInt(fraction.padEnd(2, \"0\"));\n if (cents > BigInt(Number.MAX_SAFE_INTEGER)) {\n return { message: \"Enter a valid tip amount.\", success: false } as const;\n }\n return { cents: Number(cents), success: true } as const;\n}\n\nexport function parsePaymentSelection(\n input: LockerversePaymentSelectionItem[]\n) {\n const result = safeParse(paymentSelectionSchema, input);\n return result.success\n ? ({ success: true, value: result.output } as const)\n : ({\n message: \"Lockerverse payment configuration is invalid.\",\n success: false,\n } as const);\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutPricingInput,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport type { CheckoutFieldValues } from \"./checkout-fields.tsx\";\nimport { parseCustomTipCents } from \"./payment-input.ts\";\n\nconst INVALID_PROMO_MESSAGE =\n \"This promo code is invalid or cannot be applied.\";\n\nexport function getTipCents(\n subtotalCents: number,\n values: Pick<CheckoutFieldValues, \"customTip\" | \"tipPercent\">\n) {\n if (values.tipPercent === \"custom\") {\n if (!values.customTip.trim()) {\n return { cents: 0, success: true } as const;\n }\n return parseCustomTipCents(values.customTip);\n }\n return {\n cents: Math.round((subtotalCents * Number(values.tipPercent)) / 100),\n success: true,\n } as const;\n}\n\nexport function buildQuoteRequest(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n email: string,\n tipCents: number\n) {\n const request: LockerverseCheckoutPricingInput = {};\n if (email) {\n request.email = email;\n }\n if (catalog.widget.fields.serviceFee) {\n request.includeServiceFee = fieldValues.includeServiceFee;\n }\n if (catalog.widget.fields.promoCode && fieldValues.promoCode.trim()) {\n request.promoCode = fieldValues.promoCode.trim();\n }\n if (catalog.widget.fields.tipping) {\n request.tipCents = tipCents;\n }\n return request;\n}\n\nexport function getLocalQuotePreview(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout\n) {\n const parsedTip = catalog.widget.fields.tipping\n ? getTipCents(quote.subtotalCents, fieldValues)\n : ({ cents: 0, success: true } as const);\n if (!parsedTip.success) {\n return { parsedTip, totalCents: null };\n }\n\n const serviceFeeCents =\n catalog.widget.fields.serviceFee && fieldValues.includeServiceFee\n ? quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n : 0;\n return {\n parsedTip,\n totalCents:\n quote.totalCents -\n quote.serviceFeeCents -\n quote.tipCents +\n serviceFeeCents +\n parsedTip.cents,\n };\n}\n\nexport function getQuoteRefreshSuccess(\n quote: LockerversePreparedCheckout,\n validatePromo: boolean\n) {\n return {\n displayedTotalCents: quote.totalCents,\n promoError:\n validatePromo && quote.appliedDiscount?.source !== \"promo_code\"\n ? INVALID_PROMO_MESSAGE\n : undefined,\n };\n}\n\nexport function getQuoteRefreshFailure<ErrorValue>(\n error: ErrorValue,\n validatePromo: boolean\n) {\n let paymentError: string | undefined;\n if (!validatePromo) {\n paymentError =\n error instanceof Error\n ? error.message\n : \"The order total could not be updated.\";\n }\n return {\n paymentError,\n promoError: validatePromo ? INVALID_PROMO_MESSAGE : undefined,\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePaymentSubmission,\n LockerversePreparedCheckout,\n LockerverseShipping,\n} from \"@lockerverse/sdk/checkout\";\nimport type {\n Stripe,\n StripeAddressElementChangeEvent,\n StripeElements,\n} from \"@stripe/stripe-js\";\nimport type { CheckoutFieldValues } from \"./checkout-fields.tsx\";\nimport { buildCustomFieldAnswers } from \"./custom-fields.tsx\";\nimport { notifyHostCallback } from \"./host-callback.ts\";\nimport {\n hasMaterialQuoteChange,\n type PaymentAttemptOutcome,\n submitPaymentAttempt,\n} from \"./payment-attempt.ts\";\nimport { buildQuoteRequest, getTipCents } from \"./payment-quote.ts\";\nimport { normalizePhone } from \"./payment-validation.ts\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\n\nexport type CheckoutAddresses = Record<\n \"billing\" | \"shipping\",\n StripeAddressElementChangeEvent | null\n>;\n\nfunction getCompleteAddress(\n address: StripeAddressElementChangeEvent | null,\n label: \"Billing\" | \"Shipping\"\n) {\n if (!address?.complete) {\n throw new Error(`${label} address is required.`);\n }\n return address.value;\n}\n\nfunction getShippingAddress(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n billingAddress: ReturnType<typeof getCompleteAddress>,\n addresses: CheckoutAddresses\n) {\n if (!catalog.widget.fields.shipping) {\n return;\n }\n return fieldValues.shippingMatchesBilling\n ? billingAddress\n : getCompleteAddress(addresses.shipping, \"Shipping\");\n}\n\nfunction buildConfirmationParams({\n billingAddress,\n catalog,\n email,\n phone,\n shippingAddress,\n}: {\n billingAddress: ReturnType<typeof getCompleteAddress>;\n catalog: LockerverseCatalog;\n email: string;\n phone: string;\n shippingAddress: ReturnType<typeof getCompleteAddress> | undefined;\n}) {\n const billingDetails = catalog.widget.fields.phone\n ? {\n address: billingAddress.address,\n email,\n name: billingAddress.name,\n phone,\n }\n : {\n address: billingAddress.address,\n email,\n name: billingAddress.name,\n };\n const params = {\n payment_method_data: {\n billing_details: billingDetails,\n },\n };\n if (!shippingAddress) {\n return params;\n }\n return {\n ...params,\n shipping: {\n address: shippingAddress.address,\n name: shippingAddress.name,\n phone: catalog.widget.fields.phone\n ? phone\n : (shippingAddress.phone ?? null),\n },\n };\n}\n\nfunction buildPaymentRequest({\n catalog,\n confirmationToken,\n email,\n fieldValues,\n metadata,\n phone,\n shippingAddress,\n}: {\n catalog: LockerverseCatalog;\n confirmationToken: string | undefined;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n phone: string;\n shippingAddress: ReturnType<typeof getCompleteAddress> | undefined;\n}) {\n const request: LockerversePaymentSubmission = {\n customFieldAnswers: buildCustomFieldAnswers(\n catalog.widget.customFields,\n fieldValues.customFields\n ),\n email,\n };\n if (confirmationToken) {\n request.confirmationToken = confirmationToken;\n }\n if (metadata) {\n request.metadata = metadata;\n }\n if (catalog.widget.fields.memberId && fieldValues.memberId.trim()) {\n request.memberId = fieldValues.memberId.trim();\n }\n if (catalog.widget.fields.merchSize) {\n request.merchSize = fieldValues.merchSize;\n }\n if (catalog.widget.fields.phone) {\n request.phone = phone;\n }\n if (shippingAddress) {\n const address: LockerverseShipping[\"address\"] = {\n city: shippingAddress.address.city ?? \"\",\n country: shippingAddress.address.country,\n line1: shippingAddress.address.line1 ?? \"\",\n postal_code: shippingAddress.address.postal_code ?? \"\",\n state: shippingAddress.address.state ?? \"\",\n };\n if (shippingAddress.address.line2) {\n address.line2 = shippingAddress.address.line2;\n }\n request.shipping = { address, name: shippingAddress.name };\n }\n return request;\n}\n\nfunction assertPaymentAttemptActive(isAttemptActive: () => boolean) {\n if (!isAttemptActive()) {\n throw new Error(\"Payment component is no longer active.\");\n }\n}\n\nfunction notifyPaymentRecovery(\n callback: LockerversePaymentProps[\"onPaymentRecoveryChange\"],\n recovery: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentRecoveryChange\"]>\n >[0]\n) {\n notifyHostCallback(callback, recovery);\n}\n\nfunction mapPaymentAttemptOutcome(\n outcome: PaymentAttemptOutcome,\n quote: LockerversePreparedCheckout,\n email: string,\n failureMessage: string\n) {\n if (outcome.kind === \"failed\") {\n return {\n kind: \"payment_failed\" as const,\n message: failureMessage,\n };\n }\n if (outcome.kind === \"unresolved\") {\n return {\n kind: \"payment_unresolved\" as const,\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n };\n }\n return {\n email,\n kind: \"payment\" as const,\n payment: outcome.payment,\n quote,\n };\n}\n\nexport type CompletePaymentOptions = {\n addresses: CheckoutAddresses;\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n elements?: StripeElements | null;\n email: string;\n fieldValues: CheckoutFieldValues;\n isAttemptActive: () => boolean;\n locallyPreviewedTotalCents: number;\n metadata: Record<string, string> | undefined;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n phone: string;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n stripe?: Stripe | null;\n stripeConnectedAccountId: string | null;\n};\n\nexport async function completePayment({\n addresses,\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n isAttemptActive,\n locallyPreviewedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone,\n quote,\n stripe,\n stripeConnectedAccountId,\n}: CompletePaymentOptions) {\n const normalizedEmail = email.trim().toLowerCase();\n const normalizedPhone = normalizePhone(phone);\n const parsedTip = getTipCents(quote.subtotalCents, fieldValues);\n if (!parsedTip.success) {\n throw new Error(parsedTip.message);\n }\n const currentQuote = await client.calculateTotal({\n ...buildQuoteRequest(\n catalog,\n fieldValues,\n normalizedEmail,\n parsedTip.cents\n ),\n catalog,\n items: checkoutItems,\n });\n assertPaymentAttemptActive(isAttemptActive);\n if (\n currentQuote.totalCents > 0 &&\n hasMaterialQuoteChange(\n quote,\n currentQuote,\n locallyPreviewedTotalCents,\n stripeConnectedAccountId\n )\n ) {\n return { kind: \"quote_changed\" as const, quote: currentQuote };\n }\n\n let completeShippingAddress:\n | ReturnType<typeof getCompleteAddress>\n | undefined;\n let confirmationToken: string | undefined;\n if (currentQuote.totalCents === 0) {\n if (catalog.widget.fields.shipping) {\n const completeBillingAddress = getCompleteAddress(\n addresses.billing,\n \"Billing\"\n );\n completeShippingAddress = getShippingAddress(\n catalog,\n fieldValues,\n completeBillingAddress,\n addresses\n );\n }\n } else {\n if (!(elements && stripe)) {\n throw new Error(\"Payment form is still loading.\");\n }\n await elements.update({ amount: currentQuote.totalCents });\n assertPaymentAttemptActive(isAttemptActive);\n const elementSubmission = await elements.submit();\n assertPaymentAttemptActive(isAttemptActive);\n if (elementSubmission.error) {\n throw new Error(elementSubmission.error.message);\n }\n\n const completeBillingAddress = getCompleteAddress(\n addresses.billing,\n \"Billing\"\n );\n completeShippingAddress = getShippingAddress(\n catalog,\n fieldValues,\n completeBillingAddress,\n addresses\n );\n const tokenResult = await stripe.createConfirmationToken({\n elements,\n params: buildConfirmationParams({\n billingAddress: completeBillingAddress,\n catalog,\n email: normalizedEmail,\n phone: normalizedPhone,\n shippingAddress: completeShippingAddress,\n }),\n });\n assertPaymentAttemptActive(isAttemptActive);\n if (tokenResult.error) {\n throw new Error(tokenResult.error.message);\n }\n confirmationToken = tokenResult.confirmationToken.id;\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, {\n connectedAccountId: currentQuote.payment.connectedAccountId,\n paymentReference: currentQuote.paymentReference,\n });\n const outcome = await submitPaymentAttempt(\n client,\n {\n checkout: currentQuote,\n submission: buildPaymentRequest({\n catalog,\n confirmationToken,\n email: normalizedEmail,\n fieldValues,\n metadata,\n phone: normalizedPhone,\n shippingAddress: completeShippingAddress,\n }),\n },\n stripe\n );\n assertPaymentAttemptActive(isAttemptActive);\n return mapPaymentAttemptOutcome(\n outcome,\n currentQuote,\n normalizedEmail,\n currentQuote.totalCents === 0\n ? \"Order could not be completed. Review the details and try again.\"\n : \"Payment was declined. Check your payment details and try again.\"\n );\n}\n\nexport type CompletePaymentResult = Awaited<ReturnType<typeof completePayment>>;\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePaymentCompletion,\n LockerversePaymentResult,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSdkError } from \"@lockerverse/sdk/checkout\";\nimport type { Stripe, StripeElements } from \"@stripe/stripe-js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { CheckoutFieldValues } from \"./checkout-fields.tsx\";\nimport { getPhoneServerError } from \"./contact-validation.ts\";\nimport { formatMoney } from \"./format-money.ts\";\nimport { notifyHostCallback } from \"./host-callback.ts\";\nimport {\n type PaymentAttemptOutcome,\n recoverPaymentAttempt,\n} from \"./payment-attempt.ts\";\nimport {\n getPaymentError,\n getPaymentUiState,\n isPaymentBusy,\n type PaymentFormAction,\n type PaymentFormState,\n type PaymentUiState,\n} from \"./payment-form-state.ts\";\nimport {\n buildQuoteRequest,\n getLocalQuotePreview,\n getQuoteRefreshFailure,\n getQuoteRefreshSuccess,\n} from \"./payment-quote.ts\";\nimport {\n type CheckoutAddresses,\n type CompletePaymentResult,\n completePayment,\n} from \"./payment-submission.ts\";\nimport { validateContact } from \"./payment-validation.ts\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\n\nfunction notifyPaymentRecovery(\n callback: LockerversePaymentProps[\"onPaymentRecoveryChange\"],\n recovery: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentRecoveryChange\"]>\n >[0]\n) {\n notifyHostCallback(callback, recovery);\n}\n\nfunction notifyPaymentUncertain(\n callback: LockerversePaymentProps[\"onPaymentUncertain\"],\n payment: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentUncertain\"]>\n >[0]\n) {\n notifyHostCallback(callback, payment);\n}\n\nfunction createPaymentCompletion(\n payment: LockerversePaymentResult,\n context: Pick<LockerversePaymentCompletion, \"email\" | \"lineItems\">\n): LockerversePaymentCompletion {\n return { ...payment, ...context };\n}\n\nfunction mustWaitForStripe(\n outcome: PaymentAttemptOutcome,\n stripe: Stripe | null,\n stripeLoadFailed: boolean\n) {\n return (\n outcome.kind === \"unresolved\" &&\n outcome.reason === \"action_required\" &&\n !stripe &&\n !stripeLoadFailed\n );\n}\n\nfunction isSoldOutError<ErrorValue>(error: ErrorValue) {\n return (\n error instanceof LockerverseSdkError &&\n error.serverCode === \"PAYMENT_WIDGET_SALES_LIMIT_REACHED\"\n );\n}\n\nexport type PaymentFormControllerOptions = {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n elements: StripeElements | null;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onResumePaymentFailed: () => void;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n stripe: Stripe | null;\n stripeConnectedAccountId: string | null;\n stripeLoadFailed: boolean;\n paymentState: PaymentFormState;\n updateState: (action: PaymentFormAction, notifyHost?: boolean) => void;\n};\n\ntype SubmitPayment = {\n addresses: CheckoutAddresses;\n phone: string;\n};\n\nfunction applyQuoteRefreshSuccess({\n nextQuote,\n onQuoteChange,\n setDisplayedTotalCents,\n setPromoError,\n updateState,\n validatePromo,\n}: {\n nextQuote: LockerversePreparedCheckout;\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n setDisplayedTotalCents: (total: number) => void;\n setPromoError: (error: string | undefined) => void;\n updateState: (action: PaymentFormAction) => void;\n validatePromo: boolean;\n}) {\n const result = getQuoteRefreshSuccess(nextQuote, validatePromo);\n updateState({ type: \"quote_refresh_succeeded\" });\n setDisplayedTotalCents(result.displayedTotalCents);\n onQuoteChange(nextQuote);\n if (validatePromo) {\n setPromoError(result.promoError);\n }\n}\n\nfunction applyQuoteRefreshFailure({\n error,\n setPromoError,\n updateState,\n validatePromo,\n}: {\n error: unknown;\n setPromoError: (error: string | undefined) => void;\n updateState: (action: PaymentFormAction) => void;\n validatePromo: boolean;\n}) {\n const result = getQuoteRefreshFailure(error, validatePromo);\n if (validatePromo) {\n setPromoError(result.promoError);\n }\n updateState(\n result.paymentError === undefined\n ? { type: \"quote_refresh_failed\" }\n : { error: result.paymentError, type: \"quote_refresh_failed\" }\n );\n}\n\nfunction applyPaymentOutcome({\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n result,\n setDisplayedTotalCents,\n dispatchState,\n}: {\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n result: CompletePaymentResult;\n setDisplayedTotalCents: (total: number) => void;\n dispatchState: (action: PaymentFormAction) => void;\n}) {\n if (result.kind === \"quote_changed\") {\n const notice = `The total changed to ${formatMoney(result.quote.totalCents)}. Review it and pay again.`;\n onQuoteChange(result.quote, notice);\n setDisplayedTotalCents(result.quote.totalCents);\n dispatchState({ type: \"quote_changed\" });\n return;\n }\n if (result.kind === \"payment_failed\") {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n dispatchState({ error: result.message, type: \"retryable_failure\" });\n return;\n }\n if (result.kind === \"payment_unresolved\") {\n dispatchState({\n message: \"Payment is still processing. Do not submit it again.\",\n type: \"unresolved\",\n });\n notifyPaymentUncertain(onPaymentUncertain, {\n paymentReference: result.paymentReference,\n reason: result.reason,\n });\n return;\n }\n onQuoteChange(result.quote);\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n dispatchState({\n message: result.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n type: \"succeeded\",\n });\n notifyHostCallback(\n onPaymentComplete,\n createPaymentCompletion(result.payment, {\n email: result.email,\n lineItems: result.quote.lineItems,\n })\n );\n}\n\nexport function usePaymentFormController(\n options: PaymentFormControllerOptions\n) {\n const {\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n metadata,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n quote,\n resumePayment,\n stripe,\n stripeConnectedAccountId,\n stripeLoadFailed,\n paymentState,\n updateState,\n } = options;\n const [displayedTotalCents, setDisplayedTotalCents] = useState(\n quote.totalCents\n );\n const [promoError, setPromoError] = useState<string>();\n const recoveryStartedRef = useRef(false);\n const quoteRequestRef = useRef(0);\n const attemptGenerationRef = useRef(0);\n const dispatchState = useCallback(\n (action: PaymentFormAction) => updateState(action, true),\n [updateState]\n );\n const startPaymentAttempt = useCallback(() => {\n const generation = attemptGenerationRef.current + 1;\n attemptGenerationRef.current = generation;\n return () => attemptGenerationRef.current === generation;\n }, []);\n\n useEffect(\n () => () => {\n attemptGenerationRef.current += 1;\n quoteRequestRef.current += 1;\n },\n []\n );\n\n const { parsedTip, totalCents: previewTotalCents } = getLocalQuotePreview(\n catalog,\n fieldValues,\n quote\n );\n\n useEffect(() => {\n if (previewTotalCents === null) {\n return;\n }\n setDisplayedTotalCents(previewTotalCents);\n if (previewTotalCents > 0) {\n elements?.update({ amount: previewTotalCents });\n }\n }, [\n catalog.pricingPolicy.serviceFeeRateBasisPoints,\n catalog.widget.fields.serviceFee,\n elements,\n fieldValues.includeServiceFee,\n previewTotalCents,\n quote.serviceFeeCents,\n quote.tipCents,\n quote.totalCents,\n quote.subtotalCents,\n ]);\n\n useEffect(() => {\n if (\n !resumePayment ||\n recoveryStartedRef.current ||\n paymentState.status !== \"recovering\"\n ) {\n return;\n }\n recoveryStartedRef.current = true;\n const isAttemptActive = startPaymentAttempt();\n onStateChange(getPaymentUiState(paymentState));\n\n recoverPaymentAttempt(client, resumePayment.paymentReference, stripe).then(\n (outcome) => {\n if (!isAttemptActive()) {\n return;\n }\n if (mustWaitForStripe(outcome, stripe, stripeLoadFailed)) {\n return;\n }\n if (outcome.kind === \"failed\") {\n const message =\n \"The previous payment failed. Check your details and try again.\";\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n onResumePaymentFailed();\n dispatchState({\n error: message,\n type: \"recovery_failed\",\n });\n return;\n }\n if (outcome.kind === \"unresolved\") {\n dispatchState({\n message: \"Payment is still processing. Do not submit it again.\",\n type: \"unresolved\",\n });\n notifyPaymentUncertain(onPaymentUncertain, {\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n });\n return;\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n dispatchState({\n message: outcome.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n type: \"succeeded\",\n });\n notifyHostCallback(\n onPaymentComplete,\n createPaymentCompletion(outcome.payment, {\n email: null,\n lineItems: null,\n })\n );\n }\n );\n return () => {\n if (isAttemptActive()) {\n attemptGenerationRef.current += 1;\n }\n recoveryStartedRef.current = false;\n };\n }, [\n client,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onStateChange,\n resumePayment,\n stripe,\n stripeLoadFailed,\n startPaymentAttempt,\n dispatchState,\n paymentState,\n ]);\n\n const fieldChanged = useCallback(\n (clearPromo = false, preserveQuoteRequest = false) => {\n if (!preserveQuoteRequest) {\n quoteRequestRef.current += 1;\n }\n if (clearPromo) {\n setPromoError(undefined);\n }\n updateState({ type: \"field_changed\" });\n },\n [updateState]\n );\n\n async function refreshAuthoritativeTotal(\n allowMissingEmail = false,\n validatePromo = false\n ) {\n const normalizedEmail = email.trim().toLowerCase();\n const emailValidation = validateContact(\n { email: normalizedEmail, phone: \"\" },\n false\n );\n if (!(parsedTip.success && (emailValidation.value || allowMissingEmail))) {\n return;\n }\n\n quoteRequestRef.current += 1;\n const requestId = quoteRequestRef.current;\n updateState({ type: \"quote_refresh_started\" });\n try {\n const nextQuote = await client.calculateTotal({\n ...buildQuoteRequest(\n catalog,\n fieldValues,\n emailValidation.value?.email ?? \"\",\n parsedTip.cents\n ),\n catalog,\n items: checkoutItems,\n });\n if (requestId !== quoteRequestRef.current) {\n return;\n }\n applyQuoteRefreshSuccess({\n nextQuote,\n onQuoteChange,\n setDisplayedTotalCents,\n setPromoError,\n updateState,\n validatePromo,\n });\n } catch (error) {\n if (requestId !== quoteRequestRef.current) {\n return;\n }\n if (isSoldOutError(error)) {\n updateState({ type: \"sold_out\" });\n return;\n }\n applyQuoteRefreshFailure({\n error,\n setPromoError,\n updateState,\n validatePromo,\n });\n }\n }\n\n async function applyPromo() {\n setPromoError(undefined);\n await refreshAuthoritativeTotal(true, true);\n }\n\n async function submit({ addresses, phone }: SubmitPayment) {\n dispatchState({ type: \"submission_started\" });\n const isAttemptActive = startPaymentAttempt();\n try {\n const result = await completePayment({\n addresses,\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n isAttemptActive,\n locallyPreviewedTotalCents: displayedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone,\n quote,\n stripe,\n stripeConnectedAccountId,\n });\n if (!isAttemptActive()) {\n return;\n }\n applyPaymentOutcome({\n dispatchState,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n result,\n setDisplayedTotalCents,\n });\n } catch (error) {\n if (!isAttemptActive()) {\n return;\n }\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n if (isSoldOutError(error)) {\n dispatchState({ type: \"sold_out\" });\n return;\n }\n const phoneError =\n error instanceof LockerverseSdkError\n ? getPhoneServerError(error.serverCode)\n : undefined;\n if (phoneError) {\n dispatchState({ type: \"submission_validation_failed\" });\n return { phoneError };\n }\n dispatchState({\n error:\n error instanceof Error\n ? error.message\n : \"Payment could not be completed.\",\n type: \"retryable_failure\",\n });\n }\n }\n\n const terminalMessage =\n paymentState.status === \"succeeded\" || paymentState.status === \"unresolved\"\n ? paymentState.message\n : undefined;\n return {\n commands: {\n applyPromo,\n fieldChanged,\n refreshAuthoritativeTotal,\n reportStripeLoadError: (message: string) =>\n dispatchState({ error: message, type: \"retryable_failure\" }),\n reportValidationFailure: () =>\n dispatchState({ type: \"validation_failed\" }),\n submit,\n },\n state: {\n displayedTotalCents,\n isRecovering: paymentState.status === \"recovering\",\n isRefreshingQuote: paymentState.status === \"refreshing_quote\",\n isSubmitting: isPaymentBusy(paymentState),\n parsedTip,\n paymentError: getPaymentError(paymentState),\n promoError,\n terminalMessage,\n },\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n AddressElement,\n Elements,\n PaymentElement,\n useElements,\n useStripe,\n} from \"@stripe/react-stripe-js\";\nimport type { StripeAddressElementChangeEvent } from \"@stripe/stripe-js\";\nimport {\n type RefObject,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n AdditionalCheckoutFields,\n type CheckoutFieldValues,\n CheckoutToggle,\n ServiceFeeField,\n TipField,\n} from \"./checkout-fields.tsx\";\nimport {\n createCustomFieldValues,\n validateCustomFields,\n} from \"./custom-fields.tsx\";\nimport { EmailField, FormField } from \"./form-field.tsx\";\nimport { FormSkeleton } from \"./form-skeleton.tsx\";\nimport { formatMoney } from \"./format-money.ts\";\nimport {\n createPaymentFormState,\n getPaymentUiState,\n type PaymentFormAction,\n type PaymentFormState,\n type PaymentUiState,\n paymentFormReducer,\n} from \"./payment-form-state.ts\";\nimport type { CheckoutAddresses } from \"./payment-submission.ts\";\nimport { validateContact } from \"./payment-validation.ts\";\nimport { getInternationalPhone } from \"./phone.ts\";\nimport type { PhoneInputValue } from \"./phone-field.tsx\";\nimport { PhoneInput } from \"./phone-field.tsx\";\nimport { useStripeAppearance } from \"./stripe-appearance.ts\";\nimport { defaultLockerverseStripeLoader as cachedStripeLoader } from \"./stripe-loader.ts\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\nimport { usePaymentFormController } from \"./use-payment-form-controller.ts\";\n\nexport const defaultLockerverseStripeLoader = cachedStripeLoader;\n\nexport function preloadLockerversePayment(\n catalog: Pick<LockerverseCatalog, \"payment\">\n) {\n const { connectedAccountId, publishableKey } = catalog.payment;\n return defaultLockerverseStripeLoader(\n publishableKey,\n connectedAccountId ? { stripeAccount: connectedAccountId } : undefined\n );\n}\n\nfunction getRecurringCadence(\n paymentOption: LockerversePreparedCheckout[\"paymentOption\"]\n) {\n if (paymentOption === \"monthly\") {\n return { interval: \"month\", label: \"Monthly\" } as const;\n }\n if (paymentOption === \"annually\") {\n return { interval: \"year\", label: \"Annual\" } as const;\n }\n return null;\n}\n\nfunction getConnectedAccountId(\n catalog: LockerverseCatalog,\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout,\n resumePayment: LockerversePaymentProps[\"resumePayment\"]\n) {\n if (resumePayment) {\n const { connectedAccountId } = resumePayment;\n return connectedAccountId;\n }\n if (\"payment\" in quote) {\n const { connectedAccountId } = quote.payment;\n return connectedAccountId;\n }\n const { connectedAccountId } = catalog.payment;\n return connectedAccountId;\n}\n\nexport function ReadyPayment({\n accentColor,\n catalog,\n checkoutItems,\n client,\n appearanceRoot,\n metadata,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n quote,\n resumePayment,\n onStateChange,\n stripeLoader,\n theme,\n visualStyle,\n}: {\n accentColor: string;\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n appearanceRoot: RefObject<HTMLElement | null>;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onResumePaymentFailed: () => void;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n onStateChange: (state: PaymentUiState) => void;\n stripeLoader: NonNullable<LockerversePaymentProps[\"stripeLoader\"]>;\n theme: LockerversePaymentProps[\"theme\"];\n visualStyle: LockerversePaymentProps[\"style\"];\n}) {\n const [paymentState, setPaymentState] = useState(() =>\n createPaymentFormState(Boolean(resumePayment))\n );\n const paymentStateRef = useRef(paymentState);\n paymentStateRef.current = paymentState;\n const updateState = useCallback(\n (action: PaymentFormAction, notifyHost = false) => {\n const next = paymentFormReducer(paymentStateRef.current, action);\n if (next === paymentStateRef.current) {\n return;\n }\n paymentStateRef.current = next;\n setPaymentState(next);\n if (notifyHost) {\n onStateChange(getPaymentUiState(next));\n }\n },\n [onStateChange]\n );\n const requestedConnectedAccountId = getConnectedAccountId(\n catalog,\n quote,\n resumePayment\n );\n const stripeConfigurationRef = useRef({\n connectedAccountId: requestedConnectedAccountId,\n paymentOption: quote.paymentOption,\n });\n if (\n paymentState.status !== \"submitting\" &&\n paymentState.status !== \"recovering\"\n ) {\n stripeConfigurationRef.current = {\n connectedAccountId: requestedConnectedAccountId,\n paymentOption: quote.paymentOption,\n };\n }\n const { connectedAccountId, paymentOption } = stripeConfigurationRef.current;\n const stripe = useMemo(\n () =>\n stripeLoader(\n catalog.payment.publishableKey,\n connectedAccountId ? { stripeAccount: connectedAccountId } : undefined\n ).catch(() => null),\n [catalog.payment.publishableKey, connectedAccountId, stripeLoader]\n );\n const [stripeLoadFailed, setStripeLoadFailed] = useState(false);\n useEffect(() => {\n let active = true;\n setStripeLoadFailed(false);\n stripe.then((loadedStripe) => {\n if (active && loadedStripe === null) {\n setStripeLoadFailed(true);\n }\n });\n return () => {\n active = false;\n };\n }, [stripe]);\n\n const appearance = useStripeAppearance(\n appearanceRoot,\n theme,\n visualStyle,\n paymentState.status === \"submitting\" ||\n paymentState.status === \"recovering\",\n accentColor\n );\n if (!appearance) {\n return <FormSkeleton fieldCount={3} label=\"Loading payment form\" />;\n }\n\n return (\n <Elements\n key={`${catalog.payment.publishableKey}:${connectedAccountId ?? \"platform\"}:${paymentOption}`}\n options={{\n amount: Math.max(quote.totalCents, 100),\n appearance,\n currency: catalog.payment.currency,\n excludedPaymentMethodTypes: [\"us_bank_account\"],\n mode: paymentOption === \"one-time\" ? \"payment\" : \"subscription\",\n syncAddressCheckbox: \"none\",\n }}\n stripe={stripe}\n >\n <PaymentForm\n catalog={catalog}\n checkoutItems={checkoutItems}\n client={client}\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={onPaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={onQuoteChange}\n onResumePaymentFailed={onResumePaymentFailed}\n onStateChange={onStateChange}\n paymentState={paymentState}\n quote={quote}\n resumePayment={resumePayment}\n stripeConnectedAccountId={connectedAccountId}\n stripeLoadFailed={stripeLoadFailed}\n updateState={updateState}\n />\n </Elements>\n );\n}\n\nfunction StripeElementLoader({ label }: { label: string }) {\n return (\n <div className=\"lockerverse-payment__stripe-loader\" role=\"status\">\n <p>{label}</p>\n <div aria-hidden=\"true\">\n <span />\n <span />\n <span />\n </div>\n </div>\n );\n}\n\nfunction StripePaymentField({\n onError,\n onReady,\n ready,\n}: {\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__stripe-element\" data-ready={ready}>\n {ready ? null : <StripeElementLoader label=\"Loading payment form...\" />}\n <div className=\"lockerverse-payment__stripe-mount\">\n <PaymentElement\n onLoadError={({ error }) =>\n onError(error.message ?? \"Payment form failed to load.\")\n }\n onReady={onReady}\n options={{\n business: { name: \"Lockerverse\" },\n fields: {\n billingDetails: {\n address: \"never\",\n email: \"never\",\n name: \"never\",\n phone: \"never\",\n },\n },\n layout: \"tabs\",\n terms: {\n applePay: \"auto\",\n auBecsDebit: \"never\",\n bancontact: \"never\",\n card: \"always\",\n cashapp: \"never\",\n googlePay: \"never\",\n ideal: \"never\",\n paypal: \"auto\",\n sepaDebit: \"never\",\n sofort: \"never\",\n usBankAccount: \"never\",\n },\n wallets: { applePay: \"auto\", googlePay: \"never\" },\n }}\n />\n </div>\n </div>\n );\n}\n\nfunction StripeAddressField({\n label,\n mode,\n onChange,\n onError,\n onReady,\n ready,\n}: {\n label: string;\n mode: \"billing\" | \"shipping\";\n onChange: (address: StripeAddressElementChangeEvent) => void;\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__address\">\n <h2>{label}</h2>\n <div\n className=\"lockerverse-payment__stripe-element lockerverse-payment__stripe-element--address\"\n data-ready={ready}\n >\n {ready ? null : (\n <StripeElementLoader label={`Loading ${label.toLowerCase()}...`} />\n )}\n <div className=\"lockerverse-payment__stripe-mount\">\n <AddressElement\n onChange={onChange}\n onLoadError={({ error }) =>\n onError(error.message ?? `${label} failed to load.`)\n }\n onReady={onReady}\n options={{ autocomplete: { mode: \"automatic\" }, mode }}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction PaymentErrorMessage({ message }: { message: string | undefined }) {\n if (!message) {\n return null;\n }\n return (\n <p className=\"lockerverse-payment__field-message\" role=\"alert\">\n {message}\n </p>\n );\n}\n\nfunction StripeCheckoutFields({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isShippingAddressReady,\n onAddressChange,\n onFieldValuesChange,\n onStripeLoadError,\n setIsBillingAddressReady,\n setIsPaymentReady,\n setIsShippingAddressReady,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isShippingAddressReady: boolean;\n onAddressChange: (\n mode: \"billing\" | \"shipping\",\n address: StripeAddressElementChangeEvent | null\n ) => void;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n onStripeLoadError: (message: string) => void;\n setIsBillingAddressReady: (ready: boolean) => void;\n setIsPaymentReady: (ready: boolean) => void;\n setIsShippingAddressReady: (ready: boolean) => void;\n}) {\n const requiresPayment = displayedTotalCents > 0;\n\n return (\n <>\n {requiresPayment ? (\n <StripePaymentField\n onError={onStripeLoadError}\n onReady={() => setIsPaymentReady(true)}\n ready={isPaymentReady}\n />\n ) : null}\n {requiresPayment || catalog.widget.fields.shipping ? (\n <StripeAddressField\n label={requiresPayment ? \"Billing address\" : \"Shipping address\"}\n mode=\"billing\"\n onChange={(address) => onAddressChange(\"billing\", address)}\n onError={onStripeLoadError}\n onReady={() => setIsBillingAddressReady(true)}\n ready={isBillingAddressReady}\n />\n ) : null}\n {catalog.widget.fields.shipping ? (\n <div className=\"lockerverse-payment__shipping\">\n <CheckoutToggle\n checked={fieldValues.shippingMatchesBilling}\n name=\"shippingMatchesBilling\"\n onChange={(shippingMatchesBilling) => {\n onFieldValuesChange({\n ...fieldValues,\n shippingMatchesBilling,\n });\n if (shippingMatchesBilling) {\n onAddressChange(\"shipping\", null);\n } else {\n setIsShippingAddressReady(false);\n }\n }}\n >\n Shipping is same as billing information\n </CheckoutToggle>\n {fieldValues.shippingMatchesBilling ? null : (\n <StripeAddressField\n label=\"Shipping address\"\n mode=\"shipping\"\n onChange={(address) => onAddressChange(\"shipping\", address)}\n onError={onStripeLoadError}\n onReady={() => setIsShippingAddressReady(true)}\n ready={isShippingAddressReady}\n />\n )}\n </div>\n ) : null}\n </>\n );\n}\n\nfunction PaymentSummary({\n displayedBaseCents,\n displayedTipCents,\n displayedTotalCents,\n quote,\n}: {\n displayedBaseCents: number;\n displayedTipCents: number;\n displayedTotalCents: number;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}) {\n const cadence = getRecurringCadence(quote.paymentOption);\n const displayedServiceFeeCents = Math.max(\n 0,\n displayedBaseCents - quote.subtotalCents + quote.discountCents\n );\n return (\n <section\n aria-label=\"Payment summary\"\n className=\"lockerverse-payment__payment-summary\"\n >\n <h2>Order summary</h2>\n <div className=\"lockerverse-payment__payment-summary-items\">\n {quote.lineItems.map((item) => (\n <div\n className=\"lockerverse-payment__payment-summary-row\"\n key={item.listingId}\n >\n <span>\n {item.productName}\n {item.quantity > 1 ? (\n <>\n {\" \"}\n <small>× {item.quantity}</small>\n </>\n ) : null}\n {item.paymentOption === \"monthly\" ? (\n <small> · Monthly</small>\n ) : null}\n {item.paymentOption === \"annually\" ? (\n <small> · Annual</small>\n ) : null}\n </span>\n <strong>{formatMoney(item.subtotalCents)}</strong>\n </div>\n ))}\n </div>\n <div className=\"lockerverse-payment__payment-summary-totals\">\n {displayedServiceFeeCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail\">\n <span>Service fee</span>\n <strong>{formatMoney(displayedServiceFeeCents)}</strong>\n </div>\n ) : null}\n {quote.discountCents > 0 && quote.appliedDiscount ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount\">\n <span>\n {quote.appliedDiscount.source === \"email_list\"\n ? \"Email discount\"\n : \"Promo code discount\"}{\" \"}\n ({quote.appliedDiscount.percentageOff}% off)\n </span>\n <strong>-{formatMoney(quote.discountCents)}</strong>\n </div>\n ) : null}\n {displayedTipCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail lockerverse-payment__payment-summary-tip\">\n <span>Tip</span>\n <strong>{formatMoney(displayedTipCents)}</strong>\n </div>\n ) : null}\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total\">\n <span>{cadence ? `${cadence.label} total` : \"Total\"}</span>\n <strong>{formatMoney(displayedTotalCents)}</strong>\n </div>\n </div>\n </section>\n );\n}\n\nfunction PaymentAction({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isRequiredShippingReady,\n isSubmitting,\n onFieldValuesChange,\n quote,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isRequiredShippingReady: boolean;\n isSubmitting: boolean;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}) {\n const isFree = displayedTotalCents === 0;\n const isReady = isFree\n ? !catalog.widget.fields.shipping ||\n (isBillingAddressReady && isRequiredShippingReady)\n : isPaymentReady && isBillingAddressReady && isRequiredShippingReady;\n const cadence = getRecurringCadence(quote.paymentOption);\n let label = isFree\n ? \"Complete order\"\n : `Pay ${formatMoney(displayedTotalCents)}`;\n if (!isFree && cadence) {\n label = `Subscribe for ${formatMoney(displayedTotalCents)}/${cadence.interval}`;\n }\n if (isSubmitting) {\n label = isFree ? \"Completing…\" : \"Processing…\";\n }\n let actionLabel = `Process payment for ${formatMoney(displayedTotalCents)} total`;\n if (isFree) {\n actionLabel = \"Complete order\";\n } else if (cadence) {\n actionLabel = `Start ${cadence.label.toLowerCase()} subscription for ${formatMoney(displayedTotalCents)}`;\n }\n return (\n <div className=\"lockerverse-payment__actions\">\n <ServiceFeeField\n amountCents={\n quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n }\n enabled={catalog.widget.fields.serviceFee}\n onChange={onFieldValuesChange}\n values={fieldValues}\n />\n <button\n aria-busy={isSubmitting}\n aria-label={actionLabel}\n disabled={isSubmitting || !isReady}\n type=\"submit\"\n >\n {label}\n </button>\n </div>\n );\n}\n\nfunction focusNamedFormControl(form: HTMLFormElement, name: string) {\n const control = form.elements.namedItem(name);\n if (control instanceof HTMLElement) {\n control.focus();\n return;\n }\n if (control instanceof RadioNodeList) {\n Array.from(control)\n .find((item) => item instanceof HTMLElement)\n ?.focus();\n }\n}\n\nfunction focusFirstValidationError({\n customFieldErrors,\n emailRef,\n form,\n parsedTipSuccess,\n phoneRef,\n validationErrors,\n}: {\n customFieldErrors: Record<string, string>;\n emailRef: React.RefObject<HTMLInputElement | null>;\n form: HTMLFormElement;\n parsedTipSuccess: boolean;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n validationErrors: { email?: string; phone?: string };\n}) {\n if (validationErrors.email) {\n emailRef.current?.focus();\n return;\n }\n if (validationErrors.phone) {\n phoneRef.current?.focus();\n return;\n }\n if (!parsedTipSuccess) {\n form.querySelector<HTMLElement>('[name=\"tip\"]')?.focus();\n return;\n }\n const [firstFieldId] = Object.keys(customFieldErrors);\n if (firstFieldId) {\n focusNamedFormControl(form, `custom:${firstFieldId}`);\n }\n}\n\nfunction ContactFields({\n email,\n emailDiscountPercentOff,\n emailErrorId,\n emailId,\n emailRef,\n errors,\n onEmailBlur,\n onEmailChange,\n onPhoneChange,\n phone,\n phoneCountry,\n phoneEnabled,\n phoneErrorId,\n phoneId,\n phoneRef,\n}: {\n email: string;\n emailDiscountPercentOff: number | undefined;\n emailErrorId: string;\n emailId: string;\n emailRef: React.RefObject<HTMLInputElement | null>;\n errors: { email?: string; phone?: string };\n onEmailBlur: () => void;\n onEmailChange: (value: string) => void;\n onPhoneChange: (value: PhoneInputValue) => void;\n phone: string;\n phoneCountry: string;\n phoneEnabled: boolean;\n phoneErrorId: string;\n phoneId: string;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n}) {\n return (\n <div className=\"lockerverse-payment__contact\">\n <EmailField\n error={errors.email}\n errorId={emailErrorId}\n id={emailId}\n label=\"Email\"\n name=\"email\"\n onBlur={onEmailBlur}\n onChange={(event) => onEmailChange(event.currentTarget.value)}\n ref={emailRef}\n required\n value={email}\n />\n {emailDiscountPercentOff === undefined ? null : (\n <p className=\"lockerverse-payment__discount-message\" role=\"status\">\n Your email qualifies for {emailDiscountPercentOff}% off.\n </p>\n )}\n {phoneEnabled ? (\n <FormField\n error={errors.phone}\n errorId={phoneErrorId}\n id={phoneId}\n label=\"Phone\"\n >\n <PhoneInput\n country={phoneCountry}\n error={errors.phone}\n errorId={phoneErrorId}\n id={phoneId}\n inputRef={phoneRef}\n name=\"phone\"\n onChange={onPhoneChange}\n required\n value={phone}\n />\n </FormField>\n ) : null}\n </div>\n );\n}\n\nfunction PaymentForm({\n catalog,\n checkoutItems,\n client,\n metadata,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n quote,\n resumePayment,\n stripeConnectedAccountId,\n stripeLoadFailed,\n paymentState,\n updateState,\n}: {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onResumePaymentFailed: () => void;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n stripeConnectedAccountId: string | null;\n stripeLoadFailed: boolean;\n paymentState: PaymentFormState;\n updateState: (action: PaymentFormAction, notifyHost?: boolean) => void;\n}) {\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [phoneCountry, setPhoneCountry] = useState(\"US\");\n const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n const [customFieldErrors, setCustomFieldErrors] = useState<\n Record<string, string>\n >({});\n const [tipError, setTipError] = useState<string>();\n const [isPaymentReady, setIsPaymentReady] = useState(false);\n const [isBillingAddressReady, setIsBillingAddressReady] = useState(false);\n const [isShippingAddressReady, setIsShippingAddressReady] = useState(false);\n const [fieldValues, setFieldValues] = useState<CheckoutFieldValues>({\n customFields: createCustomFieldValues(catalog.widget.customFields),\n customTip: \"\",\n includeServiceFee: catalog.widget.fields.serviceFee,\n memberId: \"\",\n merchSize: \"M\",\n promoCode: \"\",\n shippingMatchesBilling: true,\n tipPercent: \"10\",\n });\n const addressesRef = useRef<CheckoutAddresses>({\n billing: null,\n shipping: null,\n });\n const emailRef = useRef<HTMLInputElement>(null);\n const phoneRef = useRef<HTMLInputElement>(null);\n const statusRef = useRef<HTMLParagraphElement>(null);\n const paymentWasRequiredRef = useRef(quote.totalCents > 0);\n const elements = useElements();\n const stripe = useStripe();\n const controller = usePaymentFormController({\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onResumePaymentFailed,\n onStateChange,\n paymentState,\n quote,\n resumePayment,\n stripe,\n stripeConnectedAccountId,\n stripeLoadFailed,\n updateState,\n });\n const {\n displayedTotalCents,\n isRecovering,\n isRefreshingQuote,\n isSubmitting,\n parsedTip,\n paymentError,\n promoError,\n terminalMessage,\n } = controller.state;\n const idPrefix = `lockerverse-${useId()}`;\n const emailId = `${idPrefix}-email`;\n const emailErrorId = `${emailId}-error`;\n const phoneId = `${idPrefix}-phone`;\n const phoneErrorId = `${phoneId}-error`;\n const tipErrorId = `${idPrefix}-tip-error`;\n const parsedTipCents = parsedTip.success ? parsedTip.cents : null;\n const displayedTipCents = parsedTipCents ?? 0;\n const displayedBaseCents = displayedTotalCents - displayedTipCents;\n const isRequiredShippingReady =\n !catalog.widget.fields.shipping ||\n fieldValues.shippingMatchesBilling ||\n isShippingAddressReady;\n\n useEffect(() => {\n if (isSubmitting) {\n statusRef.current?.focus({ preventScroll: true });\n }\n }, [isSubmitting]);\n\n useEffect(() => {\n if (!(isSubmitting || errors.email || !errors.phone)) {\n phoneRef.current?.focus();\n }\n }, [errors.email, errors.phone, isSubmitting]);\n\n useEffect(() => {\n const paymentIsRequired = displayedTotalCents > 0;\n if (paymentIsRequired && !paymentWasRequiredRef.current) {\n setIsPaymentReady(false);\n setIsBillingAddressReady(false);\n }\n paymentWasRequiredRef.current = paymentIsRequired;\n }, [displayedTotalCents]);\n\n function clearError(field: \"email\" | \"phone\") {\n controller.commands.fieldChanged(false, field !== \"email\");\n setErrors((current) => {\n const next = { ...current };\n delete next[field];\n return next;\n });\n }\n\n function handleFieldValuesChange(nextValues: CheckoutFieldValues) {\n const promoChanged = nextValues.promoCode !== fieldValues.promoCode;\n const serviceFeeChanged =\n nextValues.includeServiceFee !== fieldValues.includeServiceFee;\n controller.commands.fieldChanged(\n promoChanged,\n !(promoChanged || serviceFeeChanged)\n );\n setFieldValues(nextValues);\n setCustomFieldErrors({});\n setTipError(undefined);\n }\n\n async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n event.preventDefault();\n const internationalPhone = catalog.widget.fields.phone\n ? getInternationalPhone(phone, phoneCountry)\n : \"\";\n const validation = validateContact(\n { email, phone: internationalPhone },\n catalog.widget.fields.phone\n );\n const nextCustomFieldErrors = validateCustomFields(\n catalog.widget.customFields,\n fieldValues.customFields\n );\n if (\n !(validation.value && parsedTip.success) ||\n Object.keys(nextCustomFieldErrors).length > 0\n ) {\n setErrors(validation.errors);\n setCustomFieldErrors(nextCustomFieldErrors);\n setTipError(parsedTip.success ? undefined : parsedTip.message);\n controller.commands.reportValidationFailure();\n const form = event.currentTarget;\n queueMicrotask(() => {\n focusFirstValidationError({\n customFieldErrors: nextCustomFieldErrors,\n emailRef,\n form,\n parsedTipSuccess: parsedTip.success,\n phoneRef,\n validationErrors: validation.errors,\n });\n });\n return;\n }\n\n setErrors({});\n setCustomFieldErrors({});\n\n const result = await controller.commands.submit({\n addresses: addressesRef.current,\n phone: internationalPhone,\n });\n if (result?.phoneError) {\n setErrors({ phone: result.phoneError });\n }\n }\n\n if (terminalMessage) {\n return (\n <p\n className=\"lockerverse-payment__payment-status\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {terminalMessage}\n </p>\n );\n }\n\n if (isRecovering) {\n return (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n Recovering payment…\n </p>\n );\n }\n\n return (\n <form\n aria-busy={isSubmitting}\n className=\"lockerverse-payment__form\"\n noValidate\n onSubmit={handleSubmit}\n >\n <div\n data-lockerverse-input-region=\"\"\n inert={isSubmitting ? true : undefined}\n >\n <fieldset\n className=\"lockerverse-payment__input-fieldset\"\n disabled={isSubmitting}\n >\n <PaymentSummary\n displayedBaseCents={displayedBaseCents}\n displayedTipCents={displayedTipCents}\n displayedTotalCents={displayedTotalCents}\n quote={quote}\n />\n <TipField\n enabled={catalog.widget.fields.tipping}\n error={tipError}\n errorId={tipErrorId}\n onChange={handleFieldValuesChange}\n values={fieldValues}\n />\n <ContactFields\n email={email}\n emailDiscountPercentOff={\n quote.appliedDiscount?.source === \"email_list\"\n ? quote.appliedDiscount.percentageOff\n : undefined\n }\n emailErrorId={emailErrorId}\n emailId={emailId}\n emailRef={emailRef}\n errors={errors}\n onEmailBlur={() => controller.commands.refreshAuthoritativeTotal()}\n onEmailChange={(value) => {\n setEmail(value);\n clearError(\"email\");\n }}\n onPhoneChange={({ value, country }) => {\n setPhone(value);\n setPhoneCountry(country);\n clearError(\"phone\");\n }}\n phone={phone}\n phoneCountry={phoneCountry}\n phoneEnabled={catalog.widget.fields.phone}\n phoneErrorId={phoneErrorId}\n phoneId={phoneId}\n phoneRef={phoneRef}\n />\n <StripeCheckoutFields\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isShippingAddressReady={isShippingAddressReady}\n onAddressChange={(mode, address) => {\n addressesRef.current[mode] = address;\n }}\n onFieldValuesChange={handleFieldValuesChange}\n onStripeLoadError={controller.commands.reportStripeLoadError}\n setIsBillingAddressReady={setIsBillingAddressReady}\n setIsPaymentReady={setIsPaymentReady}\n setIsShippingAddressReady={setIsShippingAddressReady}\n />\n <AdditionalCheckoutFields\n customFields={catalog.widget.customFields}\n errors={customFieldErrors}\n fields={catalog.widget.fields}\n idPrefix={idPrefix}\n isPromoApplying={isRefreshingQuote}\n memberIdLabel={catalog.community?.memberIdLabel}\n onApplyPromo={controller.commands.applyPromo}\n onChange={handleFieldValuesChange}\n promoError={promoError}\n values={fieldValues}\n />\n <PaymentAction\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isRequiredShippingReady={isRequiredShippingReady}\n isSubmitting={isSubmitting}\n onFieldValuesChange={handleFieldValuesChange}\n quote={quote}\n />\n </fieldset>\n </div>\n {isSubmitting ? (\n <p\n className=\"lockerverse-payment__sr-only\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {displayedTotalCents === 0\n ? \"Completing order…\"\n : \"Processing payment…\"}\n </p>\n ) : null}\n <PaymentErrorMessage message={paymentError} />\n </form>\n );\n}\n\nexport function PaymentSkeleton() {\n return (\n <FormSkeleton\n fieldCount={2}\n label=\"Loading payment…\"\n sectionCount={2}\n showCheckbox\n />\n );\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { estimateLockerverseCheckout } from \"@lockerverse/sdk/checkout\";\nimport { useEffect, useMemo, useReducer, useRef } from \"react\";\nimport type { PaymentUiState } from \"./payment-form-state.ts\";\nimport { parsePaymentSelection } from \"./payment-input.ts\";\nimport type {\n LockerversePaymentProps,\n LockerversePaymentSelectionItem,\n} from \"./types.ts\";\n\ntype SessionState =\n | {\n phase: \"loading\";\n revision: number;\n }\n | {\n failure: string;\n phase: \"error\";\n revision: number;\n }\n | {\n checkoutItems: LockerverseCheckoutItem[];\n displayedQuote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n phase: \"ready\";\n quoteFailure: string | undefined;\n revision: number;\n };\n\ntype SessionAction =\n | {\n type: \"loading\";\n }\n | {\n displayedQuote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n type: \"ready\";\n }\n | {\n failure: string;\n type: \"error\";\n }\n | { checkout: LockerversePreparedCheckout; type: \"checkout\" }\n | { failure: string; type: \"quote-error\" };\n\nfunction sessionReducer(\n state: SessionState,\n action: SessionAction\n): SessionState {\n switch (action.type) {\n case \"loading\":\n return {\n phase: \"loading\",\n revision: state.revision,\n };\n case \"ready\":\n return createReadySession(action.displayedQuote, state.revision + 1);\n case \"error\":\n return {\n failure: action.failure,\n phase: \"error\",\n revision: state.revision,\n };\n case \"checkout\":\n return state.phase === \"ready\"\n ? {\n ...state,\n displayedQuote: action.checkout,\n quoteFailure: undefined,\n }\n : state;\n case \"quote-error\":\n return state.phase === \"ready\"\n ? {\n ...state,\n quoteFailure: action.failure,\n }\n : state;\n default:\n return state;\n }\n}\n\nfunction isSameLoad(identity: string | undefined, selectionKey: string) {\n return identity === selectionKey;\n}\n\nfunction createReadyAction({\n checkout,\n}: {\n checkout: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}): Extract<SessionAction, { type: \"ready\" }> {\n return {\n displayedQuote: checkout,\n type: \"ready\",\n };\n}\n\nfunction getLoadFailure<ErrorValue>(error: ErrorValue) {\n return error instanceof Error\n ? error.message\n : \"Lockerverse payment could not load.\";\n}\n\nfunction createReadySession(\n checkout: LockerverseCheckoutEstimate | LockerversePreparedCheckout,\n revision: number\n): SessionState {\n return {\n checkoutItems: [...checkout.items],\n displayedQuote: checkout,\n phase: \"ready\",\n quoteFailure: undefined,\n revision,\n };\n}\n\nfunction estimateCheckout(\n catalog: LockerverseCatalog,\n selection: LockerversePaymentSelectionItem[]\n) {\n const includeServiceFee = catalog.widget.fields.serviceFee;\n return estimateLockerverseCheckout(catalog, {\n includeServiceFee,\n selection,\n });\n}\n\nfunction createInitialSession(\n catalog: LockerverseCatalog,\n selection: LockerversePaymentSelectionItem[]\n): SessionState {\n try {\n return createReadySession(estimateCheckout(catalog, selection), 1);\n } catch (error) {\n return {\n failure: getLoadFailure(error),\n phase: \"error\",\n revision: 0,\n };\n }\n}\n\nexport function usePaymentCheckout({\n catalog,\n client,\n paymentState,\n selection,\n}: {\n catalog: LockerverseCatalog;\n client: LockerverseCheckoutClient;\n paymentState: PaymentUiState;\n selection: LockerversePaymentProps[\"selection\"];\n}) {\n const parsedSelection = parsePaymentSelection(selection);\n const selectionKey = parsedSelection.success\n ? JSON.stringify(parsedSelection.value)\n : \"invalid-selection\";\n const stableSelection = useMemo(\n () => (parsedSelection.success ? parsedSelection.value : []),\n [parsedSelection.success, selectionKey]\n );\n const [session, dispatch] = useReducer(\n sessionReducer,\n undefined,\n (): SessionState =>\n parsedSelection.success\n ? createInitialSession(catalog, stableSelection)\n : { phase: \"loading\", revision: 0 }\n );\n const loadingRef = useRef<string | undefined>(undefined);\n const quoteRevisionRef = useRef(0);\n const estimatedRef = useRef<string | undefined>(\n session.phase === \"ready\" ? selectionKey : undefined\n );\n const settledRef = useRef<string | undefined>(\n session.phase === \"error\" ? selectionKey : undefined\n );\n const sessionIsLocked =\n paymentState === \"submitting\" ||\n paymentState === \"success\" ||\n paymentState === \"unresolved\";\n useEffect(() => {\n if (!parsedSelection.success) {\n return;\n }\n if (\n sessionIsLocked ||\n isSameLoad(settledRef.current, selectionKey) ||\n isSameLoad(loadingRef.current, selectionKey)\n ) {\n return;\n }\n\n let active = true;\n loadingRef.current = selectionKey;\n let estimateIsReady = estimatedRef.current === selectionKey;\n if (!estimateIsReady) {\n dispatch({ type: \"loading\" });\n }\n\n function dispatchWhenActive(action: SessionAction) {\n if (active) {\n dispatch(action);\n }\n }\n\n function settleWhenActive() {\n if (active) {\n loadingRef.current = undefined;\n settledRef.current = selectionKey;\n }\n }\n\n let initialQuoteRevision: number | undefined;\n\n function failWhenActive<ErrorValue>(error: ErrorValue) {\n if (!active) {\n return;\n }\n loadingRef.current = undefined;\n settledRef.current = selectionKey;\n if (\n estimateIsReady &&\n initialQuoteRevision !== undefined &&\n quoteRevisionRef.current !== initialQuoteRevision\n ) {\n return;\n }\n const failure = getLoadFailure(error);\n if (failure === \"This option is sold out.\") {\n dispatch({ failure, type: \"error\" });\n return;\n }\n if (estimateIsReady) {\n dispatch({ failure, type: \"quote-error\" });\n } else {\n dispatch({\n failure,\n type: \"error\",\n });\n }\n }\n\n async function loadPayment() {\n try {\n initialQuoteRevision = quoteRevisionRef.current;\n const includeServiceFee = catalog.widget.fields.serviceFee;\n if (!estimateIsReady) {\n const estimate = estimateCheckout(catalog, stableSelection);\n estimateIsReady = true;\n estimatedRef.current = selectionKey;\n dispatchWhenActive(createReadyAction({ checkout: estimate }));\n }\n const preparedCheckout = await client.calculateTotal({\n catalog,\n includeServiceFee,\n selection: stableSelection,\n });\n settleWhenActive();\n if (quoteRevisionRef.current === initialQuoteRevision) {\n dispatchWhenActive({\n checkout: preparedCheckout,\n type: \"checkout\",\n });\n }\n } catch (error) {\n failWhenActive(error);\n }\n }\n\n loadPayment();\n return () => {\n active = false;\n if (isSameLoad(loadingRef.current, selectionKey)) {\n loadingRef.current = undefined;\n }\n };\n }, [\n catalog,\n client,\n parsedSelection.success,\n sessionIsLocked,\n selectionKey,\n stableSelection,\n ]);\n\n const loadIsCurrent =\n isSameLoad(estimatedRef.current, selectionKey) ||\n isSameLoad(settledRef.current, selectionKey) ||\n isSameLoad(loadingRef.current, selectionKey);\n const currentSession =\n sessionIsLocked || loadIsCurrent\n ? session\n : ({ phase: \"loading\", revision: session.revision } as const);\n\n return {\n selectionError: parsedSelection.success\n ? undefined\n : parsedSelection.message,\n session: currentSession,\n updateCheckout: (checkout: LockerversePreparedCheckout) => {\n quoteRevisionRef.current += 1;\n dispatch({ checkout, type: \"checkout\" });\n },\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n type ReactNode,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport { getAccentContrast, normalizeAccentColor } from \"./accent-contrast.ts\";\nimport {\n defaultLockerverseStripeLoader,\n PaymentSkeleton,\n ReadyPayment,\n} from \"./payment-form.tsx\";\nimport type { PaymentUiState } from \"./payment-form-state.ts\";\nimport type {\n LockerversePaymentProps,\n LockerversePaymentRecovery,\n} from \"./types.ts\";\nimport { usePaymentCheckout } from \"./use-payment-checkout.ts\";\n\ntype PaymentViewProps = Omit<LockerversePaymentProps, \"widget\">;\n\nfunction getPaymentAppearance(\n style: LockerversePaymentProps[\"style\"],\n branding: LockerversePaymentProps[\"branding\"] | null\n) {\n const accent = normalizeAccentColor(\n style?.[\"--lockerverse-accent\"] ?? branding?.accentColor ?? \"#38d77a\"\n );\n const accentContrast = getAccentContrast(accent);\n const rootStyle: LockerversePaymentProps[\"style\"] = { ...style };\n if (style?.[\"--lockerverse-accent\"] !== undefined || branding?.accentColor) {\n rootStyle[\"--lockerverse-accent\"] = accent;\n }\n if (\n accentContrast &&\n style?.[\"--lockerverse-accent-contrast\"] === undefined\n ) {\n rootStyle[\"--lockerverse-accent-contrast\"] = accentContrast;\n }\n return { accent, rootStyle };\n}\n\nfunction LoadedPayment({\n catalog,\n client,\n ...viewProps\n}: PaymentViewProps & {\n catalog: LockerverseCatalog;\n client: LockerverseCheckoutClient;\n}) {\n const {\n branding,\n className,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n resumePayment,\n selection,\n style,\n stripeLoader = defaultLockerverseStripeLoader,\n theme = \"dark\",\n ...sectionProps\n } = viewProps;\n const [activeResumePayment, setActiveResumePayment] = useState(resumePayment);\n const appearanceRootRef = useRef<HTMLElement | null>(null);\n const [notice, setNotice] = useState<string>();\n const [paymentState, setPaymentState] = useState<PaymentUiState>(\"idle\");\n const paymentStateRevisionRef = useRef<number | undefined>(undefined);\n const { selectionError, session, updateCheckout } = usePaymentCheckout({\n catalog,\n client,\n paymentState,\n selection,\n });\n const readySessionRevision =\n session.phase === \"ready\" ? session.revision : undefined;\n const handlePaymentStateChange = useCallback(\n (state: PaymentUiState) => {\n if (readySessionRevision !== undefined) {\n paymentStateRevisionRef.current = readySessionRevision;\n }\n setPaymentState(state);\n },\n [readySessionRevision]\n );\n const handlePaymentRecoveryChange = useCallback(\n (recovery: LockerversePaymentRecovery | null) =>\n onPaymentRecoveryChange?.(recovery),\n [onPaymentRecoveryChange]\n );\n const handleResumePaymentFailed = useCallback(() => {\n setActiveResumePayment(undefined);\n }, []);\n\n useEffect(() => {\n if (session.phase === \"loading\") {\n setNotice(undefined);\n }\n }, [session.phase]);\n\n useLayoutEffect(() => {\n if (\n session.phase === \"ready\" &&\n paymentStateRevisionRef.current !== session.revision\n ) {\n setPaymentState((current) =>\n current === \"success\" || current === \"unresolved\" ? current : \"idle\"\n );\n }\n }, [session.phase, session.revision]);\n\n const rootClassName = [\"lockerverse-payment\", className]\n .filter(Boolean)\n .join(\" \");\n const effectiveBranding = branding ?? catalog.community;\n const { accent: effectiveAccent, rootStyle } = getPaymentAppearance(\n style,\n effectiveBranding\n );\n\n if (selectionError) {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n role=\"alert\"\n style={rootStyle}\n >\n {selectionError}\n </section>\n );\n }\n\n const sessionIsSoldOut =\n session.phase === \"error\" && session.failure === \"This option is sold out.\";\n\n if (sessionIsSoldOut || paymentState === \"sold_out\") {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n role=\"alert\"\n style={rootStyle}\n >\n <h1>Sold out</h1>\n <p>This option is sold out.</p>\n </section>\n );\n }\n\n if (session.phase === \"error\") {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <p role=\"alert\">{session.failure}</p>\n </section>\n );\n }\n\n if (session.phase !== \"ready\") {\n return (\n <section\n {...sectionProps}\n aria-busy=\"true\"\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <PaymentSkeleton />\n </section>\n );\n }\n\n return (\n <section\n {...sectionProps}\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n data-payment-state={paymentState}\n ref={appearanceRootRef}\n style={rootStyle}\n >\n <header>\n {catalog.widget.showCommunityBranding && effectiveBranding ? (\n <div className=\"lockerverse-payment__branding\">\n {effectiveBranding.imageUrl ? (\n <img\n alt={effectiveBranding.name}\n height=\"48\"\n src={effectiveBranding.imageUrl}\n width=\"48\"\n />\n ) : null}\n <strong>{effectiveBranding.name}</strong>\n </div>\n ) : null}\n <h1>{catalog.widget.title ?? catalog.widget.name}</h1>\n {catalog.widget.description ? (\n <p>{catalog.widget.description}</p>\n ) : null}\n </header>\n {notice ? (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n {notice}\n </p>\n ) : null}\n {session.quoteFailure ? (\n <div className=\"lockerverse-payment__payment-status\" role=\"alert\">\n <span>{session.quoteFailure}</span>\n <span> The final total will be checked when you submit.</span>\n </div>\n ) : null}\n <ReadyPayment\n accentColor={effectiveAccent}\n appearanceRoot={appearanceRootRef}\n catalog={catalog}\n checkoutItems={session.checkoutItems}\n client={client}\n key={session.revision}\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={handlePaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={(nextQuote, nextNotice) => {\n setNotice(nextNotice);\n updateCheckout(nextQuote);\n }}\n onResumePaymentFailed={handleResumePaymentFailed}\n onStateChange={handlePaymentStateChange}\n quote={session.displayedQuote}\n resumePayment={activeResumePayment}\n stripeLoader={stripeLoader}\n theme={theme}\n visualStyle={rootStyle}\n />\n </section>\n );\n}\n\nfunction PaymentWidgetState({\n children,\n loading = false,\n viewProps,\n}: {\n children: ReactNode;\n loading?: boolean;\n viewProps: PaymentViewProps;\n}) {\n const {\n branding,\n className,\n metadata: _metadata,\n onPaymentComplete: _onPaymentComplete,\n onPaymentRecoveryChange: _onPaymentRecoveryChange,\n onPaymentUncertain: _onPaymentUncertain,\n resumePayment: _resumePayment,\n selection: _selection,\n stripeLoader: _stripeLoader,\n style,\n theme = \"dark\",\n ...sectionProps\n } = viewProps;\n const accent = normalizeAccentColor(\n style?.[\"--lockerverse-accent\"] ?? branding?.accentColor ?? \"#38d77a\"\n );\n const accentContrast = getAccentContrast(accent);\n const rootStyle: LockerversePaymentProps[\"style\"] = { ...style };\n if (style?.[\"--lockerverse-accent\"] !== undefined || branding?.accentColor) {\n rootStyle[\"--lockerverse-accent\"] = accent;\n }\n if (\n accentContrast &&\n style?.[\"--lockerverse-accent-contrast\"] === undefined\n ) {\n rootStyle[\"--lockerverse-accent-contrast\"] = accentContrast;\n }\n\n return (\n <section\n {...sectionProps}\n {...(loading ? { \"aria-busy\": true, \"aria-label\": \"Payment\" } : {})}\n className={[\"lockerverse-payment\", className].filter(Boolean).join(\" \")}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n {children}\n </section>\n );\n}\n\nexport function LockerversePayment({\n widget,\n ...viewProps\n}: LockerversePaymentProps) {\n if (widget.error) {\n return (\n <PaymentWidgetState viewProps={viewProps}>\n <p role=\"alert\">{widget.error.message}</p>\n <button onClick={widget.refresh} type=\"button\">\n Retry\n </button>\n </PaymentWidgetState>\n );\n }\n if (widget.loading || !widget.catalog) {\n return (\n <PaymentWidgetState loading viewProps={viewProps}>\n <PaymentSkeleton />\n </PaymentWidgetState>\n );\n }\n return (\n <LoadedPayment\n catalog={widget.catalog}\n client={widget.client}\n {...viewProps}\n />\n );\n}\n"],"mappings":"82BAKA,SAAgB,GAAkB,CAChC,kBACA,YACA,iBACA,YACA,KACA,UAAU,GACV,OACA,gBACA,UACA,SAYC,CACD,OACE,EAAC,SAAD,CACE,mBAAkB,EAClB,eAAc,GAAW,IAAA,GACzB,aAAY,EACZ,kBAAiB,EACjB,UAAW,CACT,4BACA,2BACA,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EACP,KACE,OACN,SAAW,GAAU,EAAc,EAAM,cAAc,KAAK,EACrD,QAEN,SAAA,EAAQ,IAAK,GACZ,EAAC,SAAD,CAA2B,MAAO,EAAO,MACtC,SAAA,EAAO,KACF,EAFK,EAAO,KAEZ,CACT,CACK,CAAA,CAEZ,CC3CA,MAAa,EAAc,CAAC,KAAM,IAAK,IAAK,IAAK,KAAM,MAAO,MAAM,EAa9D,GAAc,CAAC,KAAM,KAAM,KAAM,GAAG,EACpC,EAAa,CAAC,GAAG,GAAa,QAAQ,EAE5C,SAAgB,GAAS,CACvB,UACA,QACA,UACA,WACA,UAOC,CACD,GAAI,CAAC,EACH,OAAO,KAET,IAAM,EAAU,GACd,EAAS,CAAE,GAAG,EAAQ,GAAG,CAAK,CAAC,EAC3B,GACJ,EACA,IACG,CACH,IAAM,EAAe,EAAW,QAAQ,CAAY,EAChD,EACJ,OAAQ,EAAM,IAAd,CACE,IAAK,YACL,IAAK,aACH,GAAa,EAAe,GAAK,EAAW,OAC5C,MACF,IAAK,YACL,IAAK,UACH,GAAa,EAAe,EAAI,EAAW,QAAU,EAAW,OAChE,MACF,IAAK,OACH,EAAY,EACZ,MACF,IAAK,MACH,EAAY,EAAW,OAAS,EAChC,MACF,QACE,MACJ,CACA,EAAM,eAAe,EACrB,IAAM,EAAY,EAAW,GACxB,KAGU,EAAM,cAClB,QAAQ,qBAAqB,CAAC,EAC7B,iBAA8B,qBAAqB,EAAA,GAC9C,EAAU,EAAE,MAAM,EAC3B,EAAO,CAAE,WAAY,CAAU,CAAC,EAClC,EACA,OACE,EAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,CACE,EAAC,IAAD,CAAA,SAAG,+CAAgD,CAAA,EACnD,EAAC,MAAD,CAAK,aAAW,aAAa,KAAK,aAAlC,SAAA,CACG,GAAY,IAAK,GAChB,EAAC,QAAD,CAAO,UAAU,kCAAjB,SAAA,CACE,EAAC,QAAD,CACE,QAAS,EAAO,aAAe,EAC/B,KAAK,aACL,aAAgB,EAAO,CAAE,WAAY,CAAI,CAAC,EAC1C,UAAY,GAAU,EAAc,EAAO,CAAG,EAC9C,SAAU,EAAO,aAAe,EAAM,EAAI,GAC1C,KAAK,QACL,MAAO,CACR,CAAA,EACD,EAAC,OAAD,CAAA,SAAA,CAAO,EAAI,GAAO,CAAA,CAAA,CACb,CAXiD,EAAA,CAWjD,CACR,EACD,EAAC,QAAD,CAAO,UAAU,kCAAjB,SAAA,CACE,EAAC,QAAD,CACE,QAAS,EAAO,aAAe,SAC/B,KAAK,aACL,aAAgB,EAAO,CAAE,WAAY,QAAS,CAAC,EAC/C,UAAY,GAAU,EAAc,EAAO,QAAQ,EACnD,SAAU,EAAO,aAAe,SAAW,EAAI,GAC/C,KAAK,QACL,MAAM,QACP,CAAA,EACD,EAAC,OAAD,CAAA,SAAM,OAAW,CAAA,CACZ,CACJ,CAAA,CAAA,IACJ,EAAO,aAAe,SACrB,EAAC,QAAD,CAAA,SAAA,CACE,EAAC,OAAD,CAAA,SAAM,YAAgB,CAAA,EACtB,EAAC,OAAD,CAAM,UAAU,mCAAhB,SAAA,CACE,EAAC,OAAD,CAAM,cAAY,OAAO,SAAA,GAAO,CAAA,EAChC,EAAC,QAAD,CACE,mBAAkB,EAAQ,EAAU,IAAA,GACpC,eAAc,EAAQ,OAAS,IAAA,GAC/B,UAAU,UACV,KAAK,MACL,SAAW,GACT,EAAO,CAAE,UAAW,EAAM,cAAc,KAAM,CAAC,EAEjD,YAAY,OACZ,MAAO,EAAO,SACf,CAAA,CACG,IACL,EACC,EAAC,OAAD,CAAM,UAAU,qCAAqC,GAAI,EACtD,SAAA,CACG,CAAA,EACJ,IACC,CAAA,CAAA,EAEP,EAAC,QAAD,CAAO,KAAK,MAAM,KAAK,SAAS,MAAO,EAAO,UAAa,CAAA,CAE1D,GAET,CAEA,SAAgB,EAAe,CAC7B,UACA,WACA,OACA,YAMC,CACD,IAAM,EAAK,EAAM,EACjB,OACE,EAAC,QAAD,CAAO,UAAU,iCAAiC,QAAS,EAA3D,SAAA,CACE,EAAC,EAAD,CACW,UACL,KACE,OACN,SAAW,GAAU,EAAS,EAAM,cAAc,OAAO,CAC1D,CAAA,EACD,EAAC,OAAD,CAAO,UAAe,CAAA,CACjB,GAEX,CAEA,SAAgB,GAAyB,CACvC,eACA,SACA,SACA,WACA,kBACA,gBACA,WACA,eACA,aACA,UAYC,CACD,IAAM,EAAU,GACd,EAAS,CAAE,GAAG,EAAQ,GAAG,CAAK,CAAC,EAEjC,OACE,EAAC,MAAD,CAAK,UAAU,yCAAf,SAAA,CACG,EAAO,SACN,EAAC,QAAD,CAAA,SAAA,CACE,EAAC,OAAD,CAAA,SAAO,GAAe,KAAK,GAAK,WAAkB,CAAA,EAClD,EAAC,QAAD,CACE,KAAK,WACL,SAAW,GACT,EAAO,CAAE,SAAU,EAAM,cAAc,KAAM,CAAC,EAEhD,YAAY,WACZ,MAAO,EAAO,QACf,CAAA,CACI,CAAA,CAAA,EACL,KACH,EAAO,UACN,EAAC,MAAD,CAAK,UAAU,6BAAf,SAAA,CACE,EAAC,OAAD,CAAM,GAAI,GAAG,EAAS,mBAAoB,SAAA,MAAU,CAAA,EACpD,EAAC,GAAD,CACE,eAAgB,GAAG,EAAS,mBAC5B,KAAK,YACL,cAAgB,GAAU,CACxB,IAAM,EAAY,EAAY,KAAM,GAAS,IAAS,CAAK,EACvD,GACF,EAAO,CAAE,WAAU,CAAC,CAExB,EACA,QAAS,EAAY,IAAK,IAAU,CAClC,MAAO,EACP,MAAO,CACT,EAAE,EACF,MAAO,EAAO,SACf,CAAA,CACE,CACH,CAAA,EAAA,KACH,EAAO,UACN,EAAC,MAAD,CAAK,UAAU,6BAAf,SAAA,CACE,EAAC,OAAD,CAAM,GAAI,GAAG,EAAS,mBAAoB,SAAA,YAAgB,CAAA,EAC1D,EAAC,MAAD,CAAK,UAAU,qCAAf,SAAA,CACE,EAAC,QAAD,CACE,mBACE,EAAa,GAAG,EAAS,mBAAqB,IAAA,GAEhD,eAAc,EAAa,OAAS,IAAA,GACpC,kBAAiB,GAAG,EAAS,mBAC7B,KAAK,YACL,SAAW,GACT,EAAO,CAAE,UAAW,EAAM,cAAc,KAAM,CAAC,EAEjD,YAAY,WACZ,MAAO,EAAO,SACf,CAAA,EACD,EAAC,SAAD,CACE,SAAU,CAAC,EAAO,UAAU,KAAK,GAAK,EACtC,QAAS,EACT,KAAK,SAEJ,SAAA,EAAkB,YAAc,OAC3B,CAAA,CACL,IACJ,EACC,EAAC,IAAD,CACE,UAAU,qCACV,GAAI,GAAG,EAAS,mBAChB,KAAK,QAEJ,SAAA,CACA,CAAA,EACD,IACD,CACH,CAAA,EAAA,KACJ,EAAC,EAAD,CACE,gBAAgB,iCAChB,eAAe,qCACP,SACR,OAAQ,EACE,WACV,SAAW,GACT,EAAO,CAAE,aAAc,CAAiB,CAAC,EAE3C,OAAQ,EAAO,YAChB,CAAA,CACE,GAET,CAEA,SAAgB,GAAgB,CAC9B,cACA,UACA,WACA,UAMC,CAID,OAHK,EAIH,EAAC,EAAD,CACE,QAAS,EAAO,kBAChB,KAAK,oBACL,SAAW,GACT,EAAS,CAAE,GAAG,EAAQ,mBAAkB,CAAC,EAJ7C,SAAA,CAMC,OACM,EAAY,CAAW,EAAE,gCAChB,IAXT,IAaX,CCtQA,SAAgB,GACd,EACkB,CAClB,MAAO,CACL,MAAO,IAAA,GACP,QAAS,IAAA,GACT,OAAQ,EAAiB,aAAe,SAC1C,CACF,CAEA,SAAS,EACP,EACA,EACA,EACA,CACA,OAAO,EAAgB,SAAS,EAAM,MAAM,EACxC,CAAE,GAAG,EAAO,GAAG,CAAQ,EACvB,CACN,CAEA,SAAgB,EACd,EACA,EACkB,CAClB,GACE,EAAM,SAAW,YACjB,EAAM,SAAW,aACjB,EAAM,SAAW,aAEjB,OAAO,EAGT,OAAQ,EAAO,KAAf,CACE,IAAK,gBACH,OAAO,EAAY,EAAO,CAAC,UAAW,UAAW,kBAAkB,EAAG,CACpE,MAAO,IAAA,GACP,OAAQ,SACV,CAAC,EACH,IAAK,oBACH,OAAO,EAAY,EAAO,CAAC,SAAS,EAAG,CAAE,OAAQ,SAAU,CAAC,EAC9D,IAAK,wBACH,OAAO,EAAY,EAAO,CAAC,UAAW,SAAS,EAAG,CAChD,OAAQ,kBACV,CAAC,EACH,IAAK,0BACH,OAAO,EAAY,EAAO,CAAC,kBAAkB,EAAG,CAC9C,MAAO,IAAA,GACP,OAAQ,SACV,CAAC,EACH,IAAK,uBACH,OAAO,EAAY,EAAO,CAAC,kBAAkB,EAAG,CAC9C,MAAO,EAAO,OAAS,EAAM,MAC7B,OAAQ,SACV,CAAC,EACH,IAAK,qBACH,OAAO,EAAY,EAAO,CAAC,UAAW,UAAW,kBAAkB,EAAG,CACpE,MAAO,IAAA,GACP,OAAQ,YACV,CAAC,EACH,IAAK,+BACH,OAAO,EAAY,EAAO,CAAC,YAAY,EAAG,CACxC,MAAO,IAAA,GACP,OAAQ,SACV,CAAC,EACH,IAAK,gBACH,OAAO,EAAY,EAAO,CAAC,YAAY,EAAG,CAAE,OAAQ,SAAU,CAAC,EACjE,IAAK,oBACH,OAAO,EAAY,EAAO,CAAC,UAAW,UAAW,YAAY,EAAG,CAC9D,MAAO,EAAO,MACd,OAAQ,SACV,CAAC,EACH,IAAK,kBACH,OAAO,EAAY,EAAO,CAAC,YAAY,EAAG,CACxC,MAAO,EAAO,MACd,OAAQ,SACV,CAAC,EACH,IAAK,WACH,MAAO,CACL,MAAO,IAAA,GACP,QAAS,IAAA,GACT,OAAQ,UACV,EACF,IAAK,YACH,OAAO,EAAY,EAAO,CAAC,aAAc,YAAY,EAAG,CACtD,QAAS,EAAO,QAChB,OAAQ,WACV,CAAC,EACH,IAAK,aACH,OAAO,EAAY,EAAO,CAAC,aAAc,YAAY,EAAG,CACtD,QAAS,EAAO,QAChB,OAAQ,YACV,CAAC,EACH,QACE,OAAO,CACX,CACF,CAEA,SAAgB,GAAgB,EAAyB,CACvD,OAAO,EAAM,SAAW,WACtB,EAAM,SAAW,WACjB,EAAM,SAAW,mBACf,EAAM,MACN,IAAA,EACN,CAEA,SAAgB,GAAkB,EAAyC,CAgBzE,OAfI,EAAM,SAAW,WACZ,WAEL,EAAM,SAAW,YACZ,UAEL,EAAM,SAAW,aACZ,aAEL,EAAM,SAAW,cAAgB,EAAM,SAAW,aAC7C,aAEL,EAAM,SAAW,UACZ,UAEF,GAAgB,CAAK,EAAI,QAAU,MAC5C,CAEA,SAAgB,GAAc,EAAyB,CACrD,OAAO,EAAM,SAAW,YAC1B,CC5JA,MAAM,EAAc,CAClB,cACA,4BACA,gBACA,kBACA,gBACA,WACA,YACF,EAEM,GAAgC,CACpC,4BACA,gBACA,eACF,EAEA,SAAgB,GACd,EACA,EACA,EACA,EACA,CAKA,OAHE,IAA+B,EAAQ,WACnC,GACA,EAAA,CAEO,KAAM,GAAQ,EAAU,KAAS,EAAQ,EAAI,GACxD,IAA6B,EAAQ,QAAQ,oBAC5C,EAAU,gBACR,EAAU,QAAQ,qBAAuB,GACxC,EAAU,QAAQ,WAAa,EAAQ,QAAQ,WACnD,KAAK,UAAU,EAAU,eAAe,IACtC,KAAK,UAAU,EAAQ,eAAe,GACxC,KAAK,UAAU,EAAU,SAAS,IAAM,KAAK,UAAU,EAAQ,SAAS,CAE5E,CAWA,SAAS,GACP,EACuB,CAOvB,OANI,EAAQ,iBAAmB,UACtB,CAAE,KAAM,UAAW,SAAQ,EAEhC,EAAQ,iBAAmB,SACtB,CAAE,KAAM,SAAU,SAAQ,EAE5B,CACL,KAAM,aACN,iBAAkB,EAAQ,iBAC1B,OACE,EAAQ,iBAAmB,kBACvB,kBACA,SACR,CACF,CAEA,eAAe,GACb,EACA,EACA,EACgC,CAChC,GAAI,EAAQ,iBAAmB,kBAC7B,OAAO,GAAgB,CAAO,EAEhC,GAAI,CAAC,EACH,MAAO,CACL,KAAM,aACN,iBAAkB,EAAQ,iBAC1B,OAAQ,iBACV,EAEF,GAAI,EAAQ,aACV,GAAI,CACF,MAAM,EAAO,iBAAiB,CAAE,aAAc,EAAQ,YAAa,CAAC,CACtE,MAAQ,CAER,CAEF,GAAI,CAEF,OAAO,GAAgB,MADC,EAAO,iBAAiB,EAAQ,gBAAgB,CACxC,CAClC,MAAQ,CACN,MAAO,CACL,KAAM,aACN,iBAAkB,EAAQ,iBAC1B,OAAQ,iBACV,CACF,CACF,CAEA,eAAsB,GACpB,EACA,EACA,EACgC,CAChC,IAAI,EACJ,GAAI,CACF,EAAU,MAAM,EAAO,cAAc,CAAK,CAC5C,OAAS,EAAO,CACd,GAAI,EAAE,aAAiB,GAAuB,EAAM,qBAClD,MAAM,EAER,GAAI,CACF,EAAU,MAAM,EAAO,iBAAiB,EAAM,SAAS,gBAAgB,CACzE,MAAQ,CACN,MAAO,CACL,KAAM,aACN,iBAAkB,EAAM,SAAS,iBACjC,OAAQ,iBACV,CACF,CACF,CACA,OAAO,GAAqB,EAAQ,EAAS,CAAM,CACrD,CAEA,eAAsB,GACpB,EACA,EACA,EACgC,CAChC,GAAI,CAEF,OAAO,GAAqB,EAAQ,MADd,EAAO,iBAAiB,CAAgB,EACjB,CAAM,CACrD,MAAQ,CACN,MAAO,CACL,KAAM,aACN,mBACA,OAAQ,iBACV,CACF,CACF,CCrIA,MAAM,GAAoB,EAAK,GAAO,EAAG,EAAK,EAAG,EAAS,CAAC,EACrD,GAA4B,EAAK,EAAO,EAAG,GAAY,EAAG,EAAS,CAAC,CAAC,EAErE,GAAyB,EAC7B,EACE,GAAM,CACJ,EAAa,CACX,YAAa,GACb,YAAa,EACf,CAAC,EACD,EAAa,CACX,YAAa,GACb,SAAU,EACZ,CAAC,EACD,EAAa,CACX,YAAa,EACf,CAAC,CACH,CAAC,CACH,EACA,EAAU,CAAC,CACb,EAEM,EAAkB,EACtB,GAAO,EACP,EAAK,EACL,GAAM,iCAAkC,2BAA2B,CACrE,EAEA,SAAgB,GAAoB,EAAe,CACjD,IAAM,EAAS,EAAU,EAAiB,CAAK,EAC/C,GAAI,CAAC,EAAO,QACV,MAAO,CACL,QAAS,EAAO,OAAO,EAAE,EAAE,SAAW,4BACtC,QAAS,EACX,EAEF,GAAM,CAAC,EAAU,IAAK,EAAW,IAAM,EAAO,OAAO,MAAM,GAAG,EACxD,EAAQ,OAAO,CAAO,EAAI,KAAO,OAAO,EAAS,OAAO,EAAG,GAAG,CAAC,EAIrE,OAHI,EAAQ,cAA8B,EACjC,CAAE,QAAS,4BAA6B,QAAS,EAAM,EAEzD,CAAE,MAAO,OAAO,CAAK,EAAG,QAAS,EAAK,CAC/C,CAEA,SAAgB,GACd,EACA,CACA,IAAM,EAAS,EAAU,GAAwB,CAAK,EACtD,OAAO,EAAO,QACT,CAAE,QAAS,GAAM,MAAO,EAAO,MAAO,EACtC,CACC,QAAS,gDACT,QAAS,EACX,CACN,CC9DA,MAAM,GACJ,mDAEF,SAAgB,GACd,EACA,EACA,CAOA,OANI,EAAO,aAAe,SACnB,EAAO,UAAU,KAAK,EAGpB,GAAoB,EAAO,SAAS,EAFlC,CAAE,MAAO,EAAG,QAAS,EAAK,EAI9B,CACL,MAAO,KAAK,MAAO,EAAgB,OAAO,EAAO,UAAU,EAAK,GAAG,EACnE,QAAS,EACX,CACF,CAEA,SAAgB,GACd,EACA,EACA,EACA,EACA,CACA,IAAM,EAA2C,CAAC,EAalD,OAZI,IACF,EAAQ,MAAQ,GAEd,EAAQ,OAAO,OAAO,aACxB,EAAQ,kBAAoB,EAAY,mBAEtC,EAAQ,OAAO,OAAO,WAAa,EAAY,UAAU,KAAK,IAChE,EAAQ,UAAY,EAAY,UAAU,KAAK,GAE7C,EAAQ,OAAO,OAAO,UACxB,EAAQ,SAAW,GAEd,CACT,CAEA,SAAgB,GACd,EACA,EACA,EACA,CACA,IAAM,EAAY,EAAQ,OAAO,OAAO,QACpC,GAAY,EAAM,cAAe,CAAW,EAC3C,CAAE,MAAO,EAAG,QAAS,EAAK,EAC/B,GAAI,CAAC,EAAU,QACb,MAAO,CAAE,YAAW,WAAY,IAAK,EAGvC,IAAM,EACJ,EAAQ,OAAO,OAAO,YAAc,EAAY,kBAC5C,EAAM,iBACN,KAAK,MACF,EAAM,cACL,EAAQ,cAAc,0BACtB,GACJ,EACA,EACN,MAAO,CACL,YACA,WACE,EAAM,WACN,EAAM,gBACN,EAAM,SACN,EACA,EAAU,KACd,CACF,CAEA,SAAgB,GACd,EACA,EACA,CACA,MAAO,CACL,oBAAqB,EAAM,WAC3B,WACE,GAAiB,EAAM,iBAAiB,SAAW,aAC/C,GACA,IAAA,EACR,CACF,CAEA,SAAgB,GACd,EACA,EACA,CACA,IAAI,EAOJ,OANK,IACH,EACE,aAAiB,MACb,EAAM,QACN,yCAED,CACL,eACA,WAAY,EAAgB,GAAwB,IAAA,EACtD,CACF,CC/EA,SAAS,GACP,EACA,EACA,CACA,GAAI,CAAC,GAAS,SACZ,MAAU,MAAM,GAAG,EAAM,sBAAsB,EAEjD,OAAO,EAAQ,KACjB,CAEA,SAAS,GACP,EACA,EACA,EACA,EACA,CACK,KAAQ,OAAO,OAAO,SAG3B,OAAO,EAAY,uBACf,EACA,GAAmB,EAAU,SAAU,UAAU,CACvD,CAEA,SAAS,GAAwB,CAC/B,iBACA,UACA,QACA,QACA,mBAOC,CAaD,IAAM,EAAS,CACb,oBAAqB,CACnB,gBAdmB,EAAQ,OAAO,OAAO,MACzC,CACE,QAAS,EAAe,QACxB,QACA,KAAM,EAAe,KACrB,OACF,EACA,CACE,QAAS,EAAe,QACxB,QACA,KAAM,EAAe,IACvB,CAIF,CACF,EAIA,OAHK,EAGE,CACL,GAAG,EACH,SAAU,CACR,QAAS,EAAgB,QACzB,KAAM,EAAgB,KACtB,MAAO,EAAQ,OAAO,OAAO,MACzB,EACC,EAAgB,OAAS,IAChC,CACF,EAXS,CAYX,CAEA,SAAS,GAAoB,CAC3B,UACA,oBACA,QACA,cACA,WACA,QACA,mBASC,CACD,IAAM,EAAwC,CAC5C,mBAAoB,EAClB,EAAQ,OAAO,aACf,EAAY,YACd,EACA,OACF,EAgBA,GAfI,IACF,EAAQ,kBAAoB,GAE1B,IACF,EAAQ,SAAW,GAEjB,EAAQ,OAAO,OAAO,UAAY,EAAY,SAAS,KAAK,IAC9D,EAAQ,SAAW,EAAY,SAAS,KAAK,GAE3C,EAAQ,OAAO,OAAO,YACxB,EAAQ,UAAY,EAAY,WAE9B,EAAQ,OAAO,OAAO,QACxB,EAAQ,MAAQ,GAEd,EAAiB,CACnB,IAAM,EAA0C,CAC9C,KAAM,EAAgB,QAAQ,MAAQ,GACtC,QAAS,EAAgB,QAAQ,QACjC,MAAO,EAAgB,QAAQ,OAAS,GACxC,YAAa,EAAgB,QAAQ,aAAe,GACpD,MAAO,EAAgB,QAAQ,OAAS,EAC1C,EACI,EAAgB,QAAQ,QAC1B,EAAQ,MAAQ,EAAgB,QAAQ,OAE1C,EAAQ,SAAW,CAAE,UAAS,KAAM,EAAgB,IAAK,CAC3D,CACA,OAAO,CACT,CAEA,SAAS,EAA2B,EAAgC,CAClE,GAAI,CAAC,EAAgB,EACnB,MAAU,MAAM,wCAAwC,CAE5D,CAEA,SAASA,GACP,EACA,EAGA,CACA,EAAmB,EAAU,CAAQ,CACvC,CAEA,SAAS,GACP,EACA,EACA,EACA,EACA,CAcA,OAbI,EAAQ,OAAS,SACZ,CACL,KAAM,iBACN,QAAS,CACX,EAEE,EAAQ,OAAS,aACZ,CACL,KAAM,qBACN,iBAAkB,EAAQ,iBAC1B,OAAQ,EAAQ,MAClB,EAEK,CACL,QACA,KAAM,UACN,QAAS,EAAQ,QACjB,OACF,CACF,CAoBA,eAAsB,GAAgB,CACpC,YACA,UACA,gBACA,SACA,WACA,QACA,cACA,kBACA,6BACA,WACA,0BACA,QACA,QACA,SACA,4BACyB,CACzB,IAAM,EAAkB,EAAM,KAAK,CAAC,CAAC,YAAY,EAC3C,EAAkB,EAAe,CAAK,EACtC,EAAY,GAAY,EAAM,cAAe,CAAW,EAC9D,GAAI,CAAC,EAAU,QACb,MAAU,MAAM,EAAU,OAAO,EAEnC,IAAM,EAAe,MAAM,EAAO,eAAe,CAC/C,GAAG,GACD,EACA,EACA,EACA,EAAU,KACZ,EACA,UACA,MAAO,CACT,CAAC,EAED,GADA,EAA2B,CAAe,EAExC,EAAa,WAAa,GAC1B,GACE,EACA,EACA,EACA,CACF,EAEA,MAAO,CAAE,KAAM,gBAA0B,MAAO,CAAa,EAG/D,IAAI,EAGA,EACJ,GAAI,EAAa,aAAe,EAC1B,EAAQ,OAAO,OAAO,WAKxB,EAA0B,GACxB,EACA,EAN6B,GAC7B,EAAU,QACV,SAKqB,EACrB,CACF,OAEG,CACL,GAAI,EAAE,GAAY,GAChB,MAAU,MAAM,gCAAgC,EAElD,MAAM,EAAS,OAAO,CAAE,OAAQ,EAAa,UAAW,CAAC,EACzD,EAA2B,CAAe,EAC1C,IAAM,EAAoB,MAAM,EAAS,OAAO,EAEhD,GADA,EAA2B,CAAe,EACtC,EAAkB,MACpB,MAAU,MAAM,EAAkB,MAAM,OAAO,EAGjD,IAAM,EAAyB,GAC7B,EAAU,QACV,SACF,EACA,EAA0B,GACxB,EACA,EACA,EACA,CACF,EACA,IAAM,EAAc,MAAM,EAAO,wBAAwB,CACvD,WACA,OAAQ,GAAwB,CAC9B,eAAgB,EAChB,UACA,MAAO,EACP,MAAO,EACP,gBAAiB,CACnB,CAAC,CACH,CAAC,EAED,GADA,EAA2B,CAAe,EACtC,EAAY,MACd,MAAU,MAAM,EAAY,MAAM,OAAO,EAE3C,EAAoB,EAAY,kBAAkB,EACpD,CAEA,GAAsB,EAAyB,CAC7C,mBAAoB,EAAa,QAAQ,mBACzC,iBAAkB,EAAa,gBACjC,CAAC,EACD,IAAM,EAAU,MAAM,GACpB,EACA,CACE,SAAU,EACV,WAAY,GAAoB,CAC9B,UACA,oBACA,MAAO,EACP,cACA,WACA,MAAO,EACP,gBAAiB,CACnB,CAAC,CACH,EACA,CACF,EAEA,OADA,EAA2B,CAAe,EACnC,GACL,EACA,EACA,EACA,EAAa,aAAe,EACxB,kEACA,iEACN,CACF,CChTA,SAAS,GACP,EACA,EAGA,CACA,EAAmB,EAAU,CAAQ,CACvC,CAEA,SAAS,GACP,EACA,EAGA,CACA,EAAmB,EAAU,CAAO,CACtC,CAEA,SAAS,GACP,EACA,EAC8B,CAC9B,MAAO,CAAE,GAAG,EAAS,GAAG,CAAQ,CAClC,CAEA,SAAS,GACP,EACA,EACA,EACA,CACA,OACE,EAAQ,OAAS,cACjB,EAAQ,SAAW,mBACnB,CAAC,GACD,CAAC,CAEL,CAEA,SAAS,GAA2B,EAAmB,CACrD,OACE,aAAiB,GACjB,EAAM,aAAe,oCAEzB,CA8BA,SAAS,GAAyB,CAChC,YACA,gBACA,yBACA,gBACA,cACA,iBAQC,CACD,IAAM,EAAS,GAAuB,EAAW,CAAa,EAC9D,EAAY,CAAE,KAAM,yBAA0B,CAAC,EAC/C,EAAuB,EAAO,mBAAmB,EACjD,EAAc,CAAS,EACnB,GACF,EAAc,EAAO,UAAU,CAEnC,CAEA,SAAS,GAAyB,CAChC,QACA,gBACA,cACA,iBAMC,CACD,IAAM,EAAS,GAAuB,EAAO,CAAa,EACtD,GACF,EAAc,EAAO,UAAU,EAEjC,EACE,EAAO,eAAiB,IAAA,GACpB,CAAE,KAAM,sBAAuB,EAC/B,CAAE,MAAO,EAAO,aAAc,KAAM,sBAAuB,CACjE,CACF,CAEA,SAAS,GAAoB,CAC3B,oBACA,0BACA,qBACA,gBACA,SACA,yBACA,iBASC,CACD,GAAI,EAAO,OAAS,gBAAiB,CACnC,IAAM,EAAS,wBAAwB,EAAY,EAAO,MAAM,UAAU,EAAE,4BAC5E,EAAc,EAAO,MAAO,CAAM,EAClC,EAAuB,EAAO,MAAM,UAAU,EAC9C,EAAc,CAAE,KAAM,eAAgB,CAAC,EACvC,MACF,CACA,GAAI,EAAO,OAAS,iBAAkB,CACpC,GAAsB,EAAyB,IAAI,EACnD,EAAc,CAAE,MAAO,EAAO,QAAS,KAAM,mBAAoB,CAAC,EAClE,MACF,CACA,GAAI,EAAO,OAAS,qBAAsB,CACxC,EAAc,CACZ,QAAS,uDACT,KAAM,YACR,CAAC,EACD,GAAuB,EAAoB,CACzC,iBAAkB,EAAO,iBACzB,OAAQ,EAAO,MACjB,CAAC,EACD,MACF,CACA,EAAc,EAAO,KAAK,EAC1B,GAAsB,EAAyB,IAAI,EACnD,EAAc,CACZ,QAAS,EAAO,QAAQ,gBACpB,kCACA,4CACJ,KAAM,WACR,CAAC,EACD,EACE,EACA,GAAwB,EAAO,QAAS,CACtC,MAAO,EAAO,MACd,UAAW,EAAO,MAAM,SAC1B,CAAC,CACH,CACF,CAEA,SAAgB,GACd,EACA,CACA,GAAM,CACJ,UACA,gBACA,SACA,WACA,QACA,cACA,WACA,oBACA,wBACA,0BACA,qBACA,gBACA,gBACA,QACA,gBACA,SACA,2BACA,mBACA,eACA,eACE,EACE,CAAC,EAAqB,GAA0B,EACpD,EAAM,UACR,EACM,CAAC,EAAY,GAAiB,EAAiB,EAC/C,EAAqB,EAAO,EAAK,EACjC,EAAkB,EAAO,CAAC,EAC1B,EAAuB,EAAO,CAAC,EAC/B,EAAgB,EACnB,GAA8B,EAAY,EAAQ,EAAI,EACvD,CAAC,CAAW,CACd,EACM,EAAsB,MAAkB,CAC5C,IAAM,EAAa,EAAqB,QAAU,EAElD,MADA,GAAqB,QAAU,MAClB,EAAqB,UAAY,CAChD,EAAG,CAAC,CAAC,EAEL,UACc,CACV,EAAqB,SAAW,EAChC,EAAgB,SAAW,CAC7B,EACA,CAAC,CACH,EAEA,GAAM,CAAE,YAAW,WAAY,GAAsB,GACnD,EACA,EACA,CACF,EAEA,MAAgB,CACV,IAAsB,OAG1B,EAAuB,CAAiB,EACpC,EAAoB,GACtB,GAAU,OAAO,CAAE,OAAQ,CAAkB,CAAC,EAElD,EAAG,CACD,EAAQ,cAAc,0BACtB,EAAQ,OAAO,OAAO,WACtB,EACA,EAAY,kBACZ,EACA,EAAM,gBACN,EAAM,SACN,EAAM,WACN,EAAM,aACR,CAAC,EAED,MAAgB,CACd,GACE,CAAC,GACD,EAAmB,SACnB,EAAa,SAAW,aAExB,OAEF,EAAmB,QAAU,GAC7B,IAAM,EAAkB,EAAoB,EAkD5C,OAjDA,EAAc,GAAkB,CAAY,CAAC,EAE7C,GAAsB,EAAQ,EAAc,iBAAkB,CAAM,CAAC,CAAC,KACnE,GAAY,CACN,KAAgB,GAGjB,IAAkB,EAAS,EAAQ,CAAgB,EAGvD,IAAI,EAAQ,OAAS,SAAU,CAG7B,GAAsB,EAAyB,IAAI,EACnD,EAAsB,EACtB,EAAc,CACZ,MAAO,iEACP,KAAM,iBACR,CAAC,EACD,MACF,CACA,GAAI,EAAQ,OAAS,aAAc,CACjC,EAAc,CACZ,QAAS,uDACT,KAAM,YACR,CAAC,EACD,GAAuB,EAAoB,CACzC,iBAAkB,EAAQ,iBAC1B,OAAQ,EAAQ,MAClB,CAAC,EACD,MACF,CAEA,GAAsB,EAAyB,IAAI,EACnD,EAAc,CACZ,QAAS,EAAQ,QAAQ,gBACrB,kCACA,4CACJ,KAAM,WACR,CAAC,EACD,EACE,EACA,GAAwB,EAAQ,QAAS,CACvC,MAAO,KACP,UAAW,IACb,CAAC,CACH,CA1BA,CA2BF,CACF,MACa,CACP,EAAgB,IAClB,EAAqB,SAAW,GAElC,EAAmB,QAAU,EAC/B,CACF,EAAG,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACF,CAAC,EAED,IAAM,EAAe,GAClB,EAAa,GAAO,EAAuB,KAAU,CAC/C,IACH,EAAgB,SAAW,GAEzB,GACF,EAAc,IAAA,EAAS,EAEzB,EAAY,CAAE,KAAM,eAAgB,CAAC,CACvC,EACA,CAAC,CAAW,CACd,EAEA,eAAe,EACb,EAAoB,GACpB,EAAgB,GAChB,CACA,IAAM,EAAkB,EAAM,KAAK,CAAC,CAAC,YAAY,EAC3C,EAAkB,EACtB,CAAE,MAAO,EAAiB,MAAO,EAAG,EACpC,EACF,EACA,GAAI,EAAE,EAAU,UAAY,EAAgB,OAAS,IACnD,OAGF,EAAgB,SAAW,EAC3B,IAAM,EAAY,EAAgB,QAClC,EAAY,CAAE,KAAM,uBAAwB,CAAC,EAC7C,GAAI,CACF,IAAM,EAAY,MAAM,EAAO,eAAe,CAC5C,GAAG,GACD,EACA,EACA,EAAgB,OAAO,OAAS,GAChC,EAAU,KACZ,EACA,UACA,MAAO,CACT,CAAC,EACD,GAAI,IAAc,EAAgB,QAChC,OAEF,GAAyB,CACvB,YACA,gBACA,yBACA,gBACA,cACA,eACF,CAAC,CACH,OAAS,EAAO,CACd,GAAI,IAAc,EAAgB,QAChC,OAEF,GAAI,GAAe,CAAK,EAAG,CACzB,EAAY,CAAE,KAAM,UAAW,CAAC,EAChC,MACF,CACA,GAAyB,CACvB,QACA,gBACA,cACA,eACF,CAAC,CACH,CACF,CAEA,eAAe,IAAa,CAC1B,EAAc,IAAA,EAAS,EACvB,MAAM,EAA0B,GAAM,EAAI,CAC5C,CAEA,eAAe,GAAO,CAAE,YAAW,SAAwB,CACzD,EAAc,CAAE,KAAM,oBAAqB,CAAC,EAC5C,IAAM,EAAkB,EAAoB,EAC5C,GAAI,CACF,IAAM,EAAS,MAAM,GAAgB,CACnC,YACA,UACA,gBACA,SACA,WACA,QACA,cACA,kBACA,2BAA4B,EAC5B,WACA,0BACA,QACA,QACA,SACA,0BACF,CAAC,EACD,GAAI,CAAC,EAAgB,EACnB,OAEF,GAAoB,CAClB,gBACA,oBACA,0BACA,qBACA,gBACA,SACA,wBACF,CAAC,CACH,OAAS,EAAO,CACd,GAAI,CAAC,EAAgB,EACnB,OAGF,GADA,GAAsB,EAAyB,IAAI,EAC/C,GAAe,CAAK,EAAG,CACzB,EAAc,CAAE,KAAM,UAAW,CAAC,EAClC,MACF,CACA,IAAM,EACJ,aAAiB,EACb,EAAoB,EAAM,UAAU,EACpC,IAAA,GACN,GAAI,EAEF,OADA,EAAc,CAAE,KAAM,8BAA+B,CAAC,EAC/C,CAAE,YAAW,EAEtB,EAAc,CACZ,MACE,aAAiB,MACb,EAAM,QACN,kCACN,KAAM,mBACR,CAAC,CACH,CACF,CAEA,IAAM,EACJ,EAAa,SAAW,aAAe,EAAa,SAAW,aAC3D,EAAa,QACb,IAAA,GACN,MAAO,CACL,SAAU,CACR,cACA,eACA,4BACA,sBAAwB,GACtB,EAAc,CAAE,MAAO,EAAS,KAAM,mBAAoB,CAAC,EAC7D,4BACE,EAAc,CAAE,KAAM,mBAAoB,CAAC,EAC7C,SACF,EACA,MAAO,CACL,sBACA,aAAc,EAAa,SAAW,aACtC,kBAAmB,EAAa,SAAW,mBAC3C,aAAc,GAAc,CAAY,EACxC,YACA,aAAc,GAAgB,CAAY,EAC1C,aACA,iBACF,CACF,CACF,CC7dA,MAAa,GAAiCC,EAE9C,SAAgB,GACd,EACA,CACA,GAAM,CAAE,qBAAoB,kBAAmB,EAAQ,QACvD,OAAO,GACL,EACA,EAAqB,CAAE,cAAe,CAAmB,EAAI,IAAA,EAC/D,CACF,CAEA,SAAS,GACP,EACA,CAOA,OANI,IAAkB,UACb,CAAE,SAAU,QAAS,MAAO,SAAU,EAE3C,IAAkB,WACb,CAAE,SAAU,OAAQ,MAAO,QAAS,EAEtC,IACT,CAEA,SAAS,GACP,EACA,EACA,EACA,CACA,GAAI,EAAe,CACjB,GAAM,CAAE,sBAAuB,EAC/B,OAAO,CACT,CACA,GAAI,YAAa,EAAO,CACtB,GAAM,CAAE,sBAAuB,EAAM,QACrC,OAAO,CACT,CACA,GAAM,CAAE,sBAAuB,EAAQ,QACvC,OAAO,CACT,CAEA,SAAgB,GAAa,CAC3B,cACA,UACA,gBACA,SACA,iBACA,WACA,oBACA,wBACA,0BACA,qBACA,gBACA,QACA,gBACA,gBACA,eACA,QACA,eAmBC,CACD,GAAM,CAAC,EAAc,GAAmB,MACtC,GAAuB,EAAQ,CAAc,CAC/C,EACM,EAAkB,EAAO,CAAY,EAC3C,EAAgB,QAAU,EAC1B,IAAM,EAAc,GACjB,EAA2B,EAAa,KAAU,CACjD,IAAM,EAAO,EAAmB,EAAgB,QAAS,CAAM,EAC3D,IAAS,EAAgB,UAG7B,EAAgB,QAAU,EAC1B,EAAgB,CAAI,EAChB,GACF,EAAc,GAAkB,CAAI,CAAC,EAEzC,EACA,CAAC,CAAa,CAChB,EACM,EAA8B,GAClC,EACA,EACA,CACF,EACM,EAAyB,EAAO,CACpC,mBAAoB,EACpB,cAAe,EAAM,aACvB,CAAC,EAEC,EAAa,SAAW,cACxB,EAAa,SAAW,eAExB,EAAuB,QAAU,CAC/B,mBAAoB,EACpB,cAAe,EAAM,aACvB,GAEF,GAAM,CAAE,qBAAoB,iBAAkB,EAAuB,QAC/D,EAAS,MAEX,EACE,EAAQ,QAAQ,eAChB,EAAqB,CAAE,cAAe,CAAmB,EAAI,IAAA,EAC/D,CAAC,CAAC,UAAY,IAAI,EACpB,CAAC,EAAQ,QAAQ,eAAgB,EAAoB,CAAY,CACnE,EACM,CAAC,EAAkB,GAAuB,EAAS,EAAK,EAC9D,MAAgB,CACd,IAAI,EAAS,GAOb,OANA,EAAoB,EAAK,EACzB,EAAO,KAAM,GAAiB,CACxB,GAAU,IAAiB,MAC7B,EAAoB,EAAI,CAE5B,CAAC,MACY,CACX,EAAS,EACX,CACF,EAAG,CAAC,CAAM,CAAC,EAEX,IAAM,EAAa,EACjB,EACA,EACA,EACA,EAAa,SAAW,cACtB,EAAa,SAAW,aAC1B,CACF,EAKA,OAJK,EAKH,EAAC,EAAD,CAEE,QAAS,CACP,OAAQ,KAAK,IAAI,EAAM,WAAY,GAAG,EACtC,aACA,SAAU,EAAQ,QAAQ,SAC1B,2BAA4B,CAAC,iBAAiB,EAC9C,KAAM,IAAkB,WAAa,UAAY,eACjD,oBAAqB,MACvB,EACQ,SAER,SAAA,EAAC,GAAD,CACW,UACM,gBACP,SACE,WACS,oBACM,0BACL,qBACL,gBACQ,wBACR,gBACD,eACP,QACQ,gBACf,yBAA0B,EACR,mBACL,aACd,CAAA,CACO,EA7BH,GAAG,EAAQ,QAAQ,eAAe,GAAG,GAAsB,WAAW,GAAG,GA6BtE,EAlCH,EAAC,EAAD,CAAc,WAAY,EAAG,MAAM,sBAAwB,CAAA,CAoCtE,CAEA,SAAS,GAAoB,CAAE,SAA4B,CACzD,OACE,EAAC,MAAD,CAAK,UAAU,qCAAqC,KAAK,SAAzD,SAAA,CACE,EAAC,IAAD,CAAA,SAAI,CAAS,CAAA,EACb,EAAC,MAAD,CAAK,cAAY,OAAjB,SAAA,CACE,EAAC,OAAD,CAAO,CAAA,EACP,EAAC,OAAD,CAAO,CAAA,EACP,EAAC,OAAD,CAAO,CAAA,CACJ,CACF,CAAA,CAAA,GAET,CAEA,SAAS,GAAmB,CAC1B,UACA,UACA,SAKC,CACD,OACE,EAAC,MAAD,CAAK,UAAU,sCAAsC,aAAY,EAAjE,SAAA,CACG,EAAQ,KAAO,EAAC,GAAD,CAAqB,MAAM,yBAA2B,CAAA,EACtE,EAAC,MAAD,CAAK,UAAU,oCACb,SAAA,EAAC,EAAD,CACE,aAAc,CAAE,WACd,EAAQ,EAAM,SAAW,8BAA8B,EAEhD,UACT,QAAS,CACP,SAAU,CAAE,KAAM,aAAc,EAChC,OAAQ,CACN,eAAgB,CACd,QAAS,QACT,MAAO,QACP,KAAM,QACN,MAAO,OACT,CACF,EACA,OAAQ,OACR,MAAO,CACL,SAAU,OACV,YAAa,QACb,WAAY,QACZ,KAAM,SACN,QAAS,QACT,UAAW,QACX,MAAO,QACP,OAAQ,OACR,UAAW,QACX,OAAQ,QACR,cAAe,OACjB,EACA,QAAS,CAAE,SAAU,OAAQ,UAAW,OAAQ,CAClD,CACD,CAAA,CACE,CAAA,CACF,GAET,CAEA,SAAS,GAAmB,CAC1B,QACA,OACA,WACA,UACA,UACA,SAQC,CACD,OACE,EAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,CACE,EAAC,KAAD,CAAA,SAAK,CAAU,CAAA,EACf,EAAC,MAAD,CACE,UAAU,mFACV,aAAY,EAFd,SAAA,CAIG,EAAQ,KACP,EAAC,GAAD,CAAqB,MAAO,WAAW,EAAM,YAAY,EAAE,IAAO,CAAA,EAEpE,EAAC,MAAD,CAAK,UAAU,oCACb,SAAA,EAAC,EAAD,CACY,WACV,aAAc,CAAE,WACd,EAAQ,EAAM,SAAW,GAAG,EAAM,iBAAiB,EAE5C,UACT,QAAS,CAAE,aAAc,CAAE,KAAM,WAAY,EAAG,MAAK,CACtD,CAAA,CACE,CAAA,CACF,CACF,CAAA,CAAA,GAET,CAEA,SAAS,GAAoB,CAAE,WAA4C,CAIzE,OAHK,EAIH,EAAC,IAAD,CAAG,UAAU,qCAAqC,KAAK,QACpD,SAAA,CACA,CAAA,EALI,IAOX,CAEA,SAAS,GAAqB,CAC5B,UACA,sBACA,cACA,wBACA,iBACA,yBACA,kBACA,sBACA,oBACA,2BACA,oBACA,6BAiBC,CACD,IAAM,EAAkB,EAAsB,EAE9C,OACE,EAAA,EAAA,CAAA,SAAA,CACG,EACC,EAAC,GAAD,CACE,QAAS,EACT,YAAe,EAAkB,EAAI,EACrC,MAAO,CACR,CAAA,EACC,KACH,GAAmB,EAAQ,OAAO,OAAO,SACxC,EAAC,GAAD,CACE,MAAO,EAAkB,kBAAoB,mBAC7C,KAAK,UACL,SAAW,GAAY,EAAgB,UAAW,CAAO,EACzD,QAAS,EACT,YAAe,EAAyB,EAAI,EAC5C,MAAO,CACR,CAAA,EACC,KACH,EAAQ,OAAO,OAAO,SACrB,EAAC,MAAD,CAAK,UAAU,gCAAf,SAAA,CACE,EAAC,EAAD,CACE,QAAS,EAAY,uBACrB,KAAK,yBACL,SAAW,GAA2B,CACpC,EAAoB,CAClB,GAAG,EACH,wBACF,CAAC,EACG,EACF,EAAgB,WAAY,IAAI,EAEhC,EAA0B,EAAK,CAEnC,EACD,SAAA,yCAEe,CAAA,EACf,EAAY,uBAAyB,KACpC,EAAC,GAAD,CACE,MAAM,mBACN,KAAK,WACL,SAAW,GAAY,EAAgB,WAAY,CAAO,EAC1D,QAAS,EACT,YAAe,EAA0B,EAAI,EAC7C,MAAO,CACR,CAAA,CAEA,CACH,CAAA,EAAA,IACJ,CAAA,CAAA,CAEN,CAEA,SAAS,GAAe,CACtB,qBACA,oBACA,sBACA,SAMC,CACD,IAAM,EAAU,GAAoB,EAAM,aAAa,EACjD,EAA2B,KAAK,IACpC,EACA,EAAqB,EAAM,cAAgB,EAAM,aACnD,EACA,OACE,EAAC,UAAD,CACE,aAAW,kBACX,UAAU,uCAFZ,SAAA,CAIE,EAAC,KAAD,CAAA,SAAI,eAAiB,CAAA,EACrB,EAAC,MAAD,CAAK,UAAU,6CACZ,SAAA,EAAM,UAAU,IAAK,GACpB,EAAC,MAAD,CACE,UAAU,2CADZ,SAAA,CAIE,EAAC,OAAD,CAAA,SAAA,CACG,EAAK,YACL,EAAK,SAAW,EACf,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,QAAD,CAAA,SAAA,CAAO,KAAG,EAAK,QAAgB,CAAA,CAAA,CAC/B,CAAA,CAAA,EACA,KACH,EAAK,gBAAkB,UACtB,EAAC,QAAD,CAAA,SAAO,YAAiB,CAAA,EACtB,KACH,EAAK,gBAAkB,WACtB,EAAC,QAAD,CAAA,SAAO,WAAgB,CAAA,EACrB,IACA,CAAA,CAAA,EACN,EAAC,SAAD,CAAA,SAAS,EAAY,EAAK,aAAa,CAAU,CAAA,CAC9C,CAlBE,EAAA,EAAK,SAkBP,CACN,CACE,CAAA,EACL,EAAC,MAAD,CAAK,UAAU,8CAAf,SAAA,CACG,EAA2B,EAC1B,EAAC,MAAD,CAAK,UAAU,uFAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAM,aAAiB,CAAA,EACvB,EAAC,SAAD,CAAA,SAAS,EAAY,CAAwB,CAAU,CAAA,CACpD,CACH,CAAA,EAAA,KACH,EAAM,cAAgB,GAAK,EAAM,gBAChC,EAAC,MAAD,CAAK,UAAU,yFAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAA,CACG,EAAM,gBAAgB,SAAW,aAC9B,iBACA,sBAAuB,IAAI,IAC7B,EAAM,gBAAgB,cAAc,QAClC,CAAA,CAAA,EACN,EAAC,SAAD,CAAA,SAAA,CAAQ,IAAE,EAAY,EAAM,aAAa,CAAU,CAAA,CAAA,CAChD,CACH,CAAA,EAAA,KACH,EAAoB,EACnB,EAAC,MAAD,CAAK,UAAU,gIAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAM,KAAS,CAAA,EACf,EAAC,SAAD,CAAA,SAAS,EAAY,CAAiB,CAAU,CAAA,CAC7C,CACH,CAAA,EAAA,KACJ,EAAC,MAAD,CAAK,UAAU,sFAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAO,EAAU,GAAG,EAAQ,MAAM,QAAU,OAAc,CAAA,EAC1D,EAAC,SAAD,CAAA,SAAS,EAAY,CAAmB,CAAU,CAAA,CAC/C,GACF,GACE,GAEb,CAEA,SAAS,GAAc,CACrB,UACA,sBACA,cACA,wBACA,iBACA,0BACA,eACA,sBACA,SAWC,CACD,IAAM,EAAS,IAAwB,EACjC,EAAU,EACZ,CAAC,EAAQ,OAAO,OAAO,UACtB,GAAyB,EAC1B,GAAkB,GAAyB,EACzC,EAAU,GAAoB,EAAM,aAAa,EACnD,EAAQ,EACR,iBACA,OAAO,EAAY,CAAmB,IACtC,CAAC,GAAU,IACb,EAAQ,iBAAiB,EAAY,CAAmB,EAAE,GAAG,EAAQ,YAEnE,IACF,EAAQ,EAAS,cAAgB,eAEnC,IAAI,EAAc,uBAAuB,EAAY,CAAmB,EAAE,QAM1E,OALI,EACF,EAAc,iBACL,IACT,EAAc,SAAS,EAAQ,MAAM,YAAY,EAAE,oBAAoB,EAAY,CAAmB,KAGtG,EAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,CACE,EAAC,GAAD,CACE,YACE,EAAM,iBACN,KAAK,MACF,EAAM,cACL,EAAQ,cAAc,0BACtB,GACJ,EAEF,QAAS,EAAQ,OAAO,OAAO,WAC/B,SAAU,EACV,OAAQ,CACT,CAAA,EACD,EAAC,SAAD,CACE,YAAW,EACX,aAAY,EACZ,SAAU,GAAgB,CAAC,EAC3B,KAAK,SAEJ,SAAA,CACK,CAAA,CACL,GAET,CAEA,SAAS,GAAsB,EAAuB,EAAc,CAClE,IAAM,EAAU,EAAK,SAAS,UAAU,CAAI,EAC5C,GAAI,aAAmB,YAAa,CAClC,EAAQ,MAAM,EACd,MACF,CACI,aAAmB,eACrB,MAAM,KAAK,CAAO,CAAC,CAChB,KAAM,GAAS,aAAgB,WAAW,CAAC,EAC1C,MAAM,CAEd,CAEA,SAAS,GAA0B,CACjC,oBACA,WACA,OACA,mBACA,WACA,oBAQC,CACD,GAAI,EAAiB,MAAO,CAC1B,EAAS,SAAS,MAAM,EACxB,MACF,CACA,GAAI,EAAiB,MAAO,CAC1B,EAAS,SAAS,MAAM,EACxB,MACF,CACA,GAAI,CAAC,EAAkB,CACrB,EAAK,cAA2B,cAAc,CAAC,EAAE,MAAM,EACvD,MACF,CACA,GAAM,CAAC,GAAgB,OAAO,KAAK,CAAiB,EAChD,GACF,GAAsB,EAAM,UAAU,GAAc,CAExD,CAEA,SAAS,GAAc,CACrB,QACA,0BACA,eACA,UACA,WACA,SACA,cACA,gBACA,gBACA,QACA,eACA,eACA,eACA,UACA,YAiBC,CACD,OACE,EAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,CACE,EAAC,EAAD,CACE,MAAO,EAAO,MACd,QAAS,EACT,GAAI,EACJ,MAAM,QACN,KAAK,QACL,OAAQ,EACR,SAAW,GAAU,EAAc,EAAM,cAAc,KAAK,EAC5D,IAAK,EACL,SAAA,GACA,MAAO,CACR,CAAA,EACA,IAA4B,IAAA,GAAY,KACvC,EAAC,IAAD,CAAG,UAAU,wCAAwC,KAAK,SAA1D,SAAA,CAAmE,4BACvC,EAAwB,QACjD,IAEJ,EACC,EAAC,EAAD,CACE,MAAO,EAAO,MACd,QAAS,EACT,GAAI,EACJ,MAAM,QAEN,SAAA,EAAC,EAAD,CACE,QAAS,EACT,MAAO,EAAO,MACd,QAAS,EACT,GAAI,EACJ,SAAU,EACV,KAAK,QACL,SAAU,EACV,SAAA,GACA,MAAO,CACR,CAAA,CACQ,CAAA,EACT,IACD,GAET,CAEA,SAAS,GAAY,CACnB,UACA,gBACA,SACA,WACA,oBACA,wBACA,0BACA,qBACA,gBACA,gBACA,QACA,gBACA,2BACA,mBACA,eACA,eAkBC,CACD,GAAM,CAAC,EAAO,GAAY,EAAS,EAAE,EAC/B,CAAC,EAAO,GAAY,EAAS,EAAE,EAC/B,CAAC,EAAc,GAAmB,EAAS,IAAI,EAC/C,CAAC,EAAQ,GAAa,EAA6C,CAAC,CAAC,EACrE,CAAC,EAAmB,GAAwB,EAEhD,CAAC,CAAC,EACE,CAAC,EAAU,GAAe,EAAiB,EAC3C,CAAC,EAAgB,IAAqB,EAAS,EAAK,EACpD,CAAC,GAAuB,GAA4B,EAAS,EAAK,EAClE,CAAC,EAAwB,IAA6B,EAAS,EAAK,EACpE,CAAC,EAAa,IAAkB,EAA8B,CAClE,aAAc,EAAwB,EAAQ,OAAO,YAAY,EACjE,UAAW,GACX,kBAAmB,EAAQ,OAAO,OAAO,WACzC,SAAU,GACV,UAAW,IACX,UAAW,GACX,uBAAwB,GACxB,WAAY,IACd,CAAC,EACK,EAAe,EAA0B,CAC7C,QAAS,KACT,SAAU,IACZ,CAAC,EACK,GAAW,EAAyB,IAAI,EACxC,GAAW,EAAyB,IAAI,EACxC,EAAY,EAA6B,IAAI,EAC7C,GAAwB,EAAO,EAAM,WAAa,CAAC,EAGnD,EAAa,GAAyB,CAC1C,UACA,gBACA,SACA,SANe,EAMf,EACA,QACA,cACA,WACA,oBACA,0BACA,qBACA,gBACA,wBACA,gBACA,eACA,QACA,gBACA,OAlBa,EAkBb,EACA,2BACA,mBACA,aACF,CAAC,EACK,CACJ,sBACA,gBACA,qBACA,eACA,YACA,gBACA,cACA,oBACE,EAAW,MACT,EAAW,eAAe,EAAM,IAChC,GAAU,GAAG,EAAS,QACtB,GAAe,GAAG,GAAQ,QAC1B,GAAU,GAAG,EAAS,QACtB,GAAe,GAAG,GAAQ,QAC1B,GAAa,GAAG,EAAS,YAEzB,IADiB,EAAU,QAAU,EAAU,MAAQ,OACjB,EACtC,GAAqB,EAAsB,GAC3C,GACJ,CAAC,EAAQ,OAAO,OAAO,UACvB,EAAY,wBACZ,EAEF,MAAgB,CACV,GACF,EAAU,SAAS,MAAM,CAAE,cAAe,EAAK,CAAC,CAEpD,EAAG,CAAC,CAAY,CAAC,EAEjB,MAAgB,CACR,GAAgB,EAAO,OAAS,CAAC,EAAO,OAC5C,GAAS,SAAS,MAAM,CAE5B,EAAG,CAAC,EAAO,MAAO,EAAO,MAAO,CAAY,CAAC,EAE7C,MAAgB,CACd,IAAM,EAAoB,EAAsB,EAC5C,GAAqB,CAAC,GAAsB,UAC9C,GAAkB,EAAK,EACvB,EAAyB,EAAK,GAEhC,GAAsB,QAAU,CAClC,EAAG,CAAC,CAAmB,CAAC,EAExB,SAAS,GAAW,EAA0B,CAC5C,EAAW,SAAS,aAAa,GAAO,IAAU,OAAO,EACzD,EAAW,GAAY,CACrB,IAAM,EAAO,CAAE,GAAG,CAAQ,EAE1B,OADA,OAAO,EAAK,GACL,CACT,CAAC,CACH,CAEA,SAAS,EAAwB,EAAiC,CAChE,IAAM,EAAe,EAAW,YAAc,EAAY,UACpD,EACJ,EAAW,oBAAsB,EAAY,kBAC/C,EAAW,SAAS,aAClB,EACA,EAAE,GAAgB,EACpB,EACA,GAAe,CAAU,EACzB,EAAqB,CAAC,CAAC,EACvB,EAAY,IAAA,EAAS,CACvB,CAEA,eAAe,GAAa,EAAyC,CACnE,EAAM,eAAe,EACrB,IAAM,EAAqB,EAAQ,OAAO,OAAO,MAC7C,EAAsB,EAAO,CAAY,EACzC,GACE,EAAa,EACjB,CAAE,QAAO,MAAO,CAAmB,EACnC,EAAQ,OAAO,OAAO,KACxB,EACM,EAAwB,EAC5B,EAAQ,OAAO,aACf,EAAY,YACd,EACA,GACE,EAAE,EAAW,OAAS,EAAU,UAChC,OAAO,KAAK,CAAqB,CAAC,CAAC,OAAS,EAC5C,CACA,EAAU,EAAW,MAAM,EAC3B,EAAqB,CAAqB,EAC1C,EAAY,EAAU,QAAU,IAAA,GAAY,EAAU,OAAO,EAC7D,EAAW,SAAS,wBAAwB,EAC5C,IAAM,EAAO,EAAM,cACnB,mBAAqB,CACnB,GAA0B,CACxB,kBAAmB,EACnB,YACA,OACA,iBAAkB,EAAU,QAC5B,YACA,iBAAkB,EAAW,MAC/B,CAAC,CACH,CAAC,EACD,MACF,CAEA,EAAU,CAAC,CAAC,EACZ,EAAqB,CAAC,CAAC,EAEvB,IAAM,EAAS,MAAM,EAAW,SAAS,OAAO,CAC9C,UAAW,EAAa,QACxB,MAAO,CACT,CAAC,EACG,GAAQ,YACV,EAAU,CAAE,MAAO,EAAO,UAAW,CAAC,CAE1C,CAuBA,OArBI,GAEA,EAAC,IAAD,CACE,UAAU,sCACV,IAAK,EACL,KAAK,SACL,SAAU,GAET,SAAA,EACA,CAAA,EAIH,GAEA,EAAC,IAAD,CAAG,UAAU,sCAAsC,KAAK,SAAS,SAAA,qBAE9D,CAAA,EAKL,EAAC,OAAD,CACE,YAAW,EACX,UAAU,4BACV,WAAA,GACA,SAAU,GAJZ,SAAA,CAME,EAAC,MAAD,CACE,gCAA8B,GAC9B,MAAO,EAAe,GAAO,IAAA,GAE7B,SAAA,EAAC,WAAD,CACE,UAAU,sCACV,SAAU,EAFZ,SAAA,CAIE,EAAC,GAAD,CACsB,sBACD,qBACE,sBACd,OACR,CAAA,EACD,EAAC,GAAD,CACE,QAAS,EAAQ,OAAO,OAAO,QAC/B,MAAO,EACP,QAAS,GACT,SAAU,EACV,OAAQ,CACT,CAAA,EACD,EAAC,GAAD,CACS,QACP,wBACE,EAAM,iBAAiB,SAAW,aAC9B,EAAM,gBAAgB,cACtB,IAAA,GAEQ,gBACL,WACC,YACF,SACR,gBAAmB,EAAW,SAAS,0BAA0B,EACjE,cAAgB,GAAU,CACxB,EAAS,CAAK,EACd,GAAW,OAAO,CACpB,EACA,eAAgB,CAAE,QAAO,aAAc,CACrC,EAAS,CAAK,EACd,EAAgB,CAAO,EACvB,GAAW,OAAO,CACpB,EACO,QACO,eACd,aAAc,EAAQ,OAAO,OAAO,MACtB,gBACL,WACC,WACX,CAAA,EACD,EAAC,GAAD,CACW,UACY,sBACR,cACU,yBACP,iBACQ,yBACxB,iBAAkB,EAAM,IAAY,CAClC,EAAa,QAAQ,GAAQ,CAC/B,EACA,oBAAqB,EACrB,kBAAmB,EAAW,SAAS,sBACb,2BACP,qBACQ,4BAC5B,CAAA,EACD,EAAC,GAAD,CACE,aAAc,EAAQ,OAAO,aAC7B,OAAQ,EACR,OAAQ,EAAQ,OAAO,OACb,WACV,gBAAiB,GACjB,cAAe,EAAQ,WAAW,cAClC,aAAc,EAAW,SAAS,WAClC,SAAU,EACE,cACZ,OAAQ,CACT,CAAA,EACD,EAAC,GAAD,CACW,UACY,sBACR,cACU,yBACP,iBACS,2BACX,eACd,oBAAqB,EACd,OACR,CAAA,CACO,GACP,CAAA,EACJ,EACC,EAAC,IAAD,CACE,UAAU,+BACV,IAAK,EACL,KAAK,SACL,SAAU,GAET,SAAA,IAAwB,EACrB,oBACA,qBACH,CAAA,EACD,KACJ,EAAC,GAAD,CAAqB,QAAS,EAAe,CAAA,CACzC,GAEV,CAEA,SAAgB,IAAkB,CAChC,OACE,EAAC,EAAD,CACE,WAAY,EACZ,MAAM,mBACN,aAAc,EACd,aAAA,EACD,CAAA,CAEL,CCj/BA,SAAS,GACP,EACA,EACc,CACd,OAAQ,EAAO,KAAf,CACE,IAAK,UACH,MAAO,CACL,MAAO,UACP,SAAU,EAAM,QAClB,EACF,IAAK,QACH,OAAO,GAAmB,EAAO,eAAgB,EAAM,SAAW,CAAC,EACrE,IAAK,QACH,MAAO,CACL,QAAS,EAAO,QAChB,MAAO,QACP,SAAU,EAAM,QAClB,EACF,IAAK,WACH,OAAO,EAAM,QAAU,QACnB,CACE,GAAG,EACH,eAAgB,EAAO,SACvB,aAAc,IAAA,EAChB,EACA,EACN,IAAK,cACH,OAAO,EAAM,QAAU,QACnB,CACE,GAAG,EACH,aAAc,EAAO,OACvB,EACA,EACN,QACE,OAAO,CACX,CACF,CAEA,SAAS,EAAW,EAA8B,EAAsB,CACtE,OAAO,IAAa,CACtB,CAEA,SAAS,GAAkB,CACzB,YAG4C,CAC5C,MAAO,CACL,eAAgB,EAChB,KAAM,OACR,CACF,CAEA,SAAS,GAA2B,EAAmB,CACrD,OAAO,aAAiB,MACpB,EAAM,QACN,qCACN,CAEA,SAAS,GACP,EACA,EACc,CACd,MAAO,CACL,cAAe,CAAC,GAAG,EAAS,KAAK,EACjC,eAAgB,EAChB,MAAO,QACP,aAAc,IAAA,GACd,UACF,CACF,CAEA,SAAS,GACP,EACA,EACA,CACA,IAAM,EAAoB,EAAQ,OAAO,OAAO,WAChD,OAAO,GAA4B,EAAS,CAC1C,oBACA,WACF,CAAC,CACH,CAEA,SAAS,GACP,EACA,EACc,CACd,GAAI,CACF,OAAO,GAAmB,GAAiB,EAAS,CAAS,EAAG,CAAC,CACnE,OAAS,EAAO,CACd,MAAO,CACL,QAAS,GAAe,CAAK,EAC7B,MAAO,QACP,SAAU,CACZ,CACF,CACF,CAEA,SAAgB,GAAmB,CACjC,UACA,SACA,eACA,aAMC,CACD,IAAM,EAAkB,GAAsB,CAAS,EACjD,EAAe,EAAgB,QACjC,KAAK,UAAU,EAAgB,KAAK,EACpC,oBACE,EAAkB,MACf,EAAgB,QAAU,EAAgB,MAAQ,CAAC,EAC1D,CAAC,EAAgB,QAAS,CAAY,CACxC,EACM,CAAC,EAAS,GAAY,EAC1B,GACA,IAAA,OAEE,EAAgB,QACZ,GAAqB,EAAS,CAAe,EAC7C,CAAE,MAAO,UAAW,SAAU,CAAE,CACxC,EACM,EAAa,EAA2B,IAAA,EAAS,EACjD,EAAmB,EAAO,CAAC,EAC3B,EAAe,EACnB,EAAQ,QAAU,QAAU,EAAe,IAAA,EAC7C,EACM,EAAa,EACjB,EAAQ,QAAU,QAAU,EAAe,IAAA,EAC7C,EACM,EACJ,IAAiB,cACjB,IAAiB,WACjB,IAAiB,aACnB,MAAgB,CAId,GAHI,CAAC,EAAgB,SAInB,GACA,EAAW,EAAW,QAAS,CAAY,GAC3C,EAAW,EAAW,QAAS,CAAY,EAE3C,OAGF,IAAI,EAAS,GACb,EAAW,QAAU,EACrB,IAAI,EAAkB,EAAa,UAAY,EAC1C,GACH,EAAS,CAAE,KAAM,SAAU,CAAC,EAG9B,SAAS,EAAmB,EAAuB,CAC7C,GACF,EAAS,CAAM,CAEnB,CAEA,SAAS,GAAmB,CACtB,IACF,EAAW,QAAU,IAAA,GACrB,EAAW,QAAU,EAEzB,CAEA,IAAI,EAEJ,SAAS,EAA2B,EAAmB,CAMrD,GALI,CAAC,IAGL,EAAW,QAAU,IAAA,GACrB,EAAW,QAAU,EAEnB,GACA,IAAyB,IAAA,IACzB,EAAiB,UAAY,GAE7B,OAEF,IAAM,EAAU,GAAe,CAAK,EACpC,GAAI,IAAY,2BAA4B,CAC1C,EAAS,CAAE,UAAS,KAAM,OAAQ,CAAC,EACnC,MACF,CAEE,EADE,EACO,CAAE,UAAS,KAAM,aAAc,EAE/B,CACP,UACA,KAAM,OACR,CAAC,CAEL,CAEA,eAAe,GAAc,CAC3B,GAAI,CACF,EAAuB,EAAiB,QACxC,IAAM,EAAoB,EAAQ,OAAO,OAAO,WAChD,GAAI,CAAC,EAAiB,CACpB,IAAM,EAAW,GAAiB,EAAS,CAAe,EAC1D,EAAkB,GAClB,EAAa,QAAU,EACvB,EAAmB,GAAkB,CAAE,SAAU,CAAS,CAAC,CAAC,CAC9D,CACA,IAAM,EAAmB,MAAM,EAAO,eAAe,CACnD,UACA,oBACA,UAAW,CACb,CAAC,EACD,EAAiB,EACb,EAAiB,UAAY,GAC/B,EAAmB,CACjB,SAAU,EACV,KAAM,UACR,CAAC,CAEL,OAAS,EAAO,CACd,EAAe,CAAK,CACtB,CACF,CAGA,OADA,EAAY,MACC,CACX,EAAS,GACL,EAAW,EAAW,QAAS,CAAY,IAC7C,EAAW,QAAU,IAAA,GAEzB,CACF,EAAG,CACD,EACA,EACA,EAAgB,QAChB,EACA,EACA,CACF,CAAC,EAED,IAAM,EACJ,EAAW,EAAa,QAAS,CAAY,GAC7C,EAAW,EAAW,QAAS,CAAY,GAC3C,EAAW,EAAW,QAAS,CAAY,EACvC,EACJ,GAAmB,EACf,EACC,CAAE,MAAO,UAAW,SAAU,EAAQ,QAAS,EAEtD,MAAO,CACL,eAAgB,EAAgB,QAC5B,IAAA,GACA,EAAgB,QACpB,QAAS,EACT,eAAiB,GAA0C,CACzD,EAAiB,SAAW,EAC5B,EAAS,CAAE,WAAU,KAAM,UAAW,CAAC,CACzC,CACF,CACF,CC1RA,SAAS,GACP,EACA,EACA,CACA,IAAM,EAAS,EACb,IAAQ,yBAA2B,GAAU,aAAe,SAC9D,EACM,EAAiB,EAAkB,CAAM,EACzC,EAA8C,CAAE,GAAG,CAAM,EAU/D,OATI,IAAQ,0BAA4B,IAAA,IAAa,GAAU,eAC7D,EAAU,wBAA0B,GAGpC,GACA,IAAQ,mCAAqC,IAAA,KAE7C,EAAU,iCAAmC,GAExC,CAAE,SAAQ,WAAU,CAC7B,CAEA,SAAS,GAAc,CACrB,UACA,SACA,GAAG,GAIF,CACD,GAAM,CACJ,WACA,YACA,WACA,oBACA,0BACA,qBACA,gBACA,YACA,QACA,eAAe,GACf,QAAQ,OACR,GAAG,GACD,EACE,CAAC,EAAqB,GAA0B,EAAS,CAAa,EACtE,EAAoB,EAA2B,IAAI,EACnD,CAAC,EAAQ,GAAa,EAAiB,EACvC,CAAC,EAAc,GAAmB,EAAyB,MAAM,EACjE,EAA0B,EAA2B,IAAA,EAAS,EAC9D,CAAE,iBAAgB,UAAS,kBAAmB,GAAmB,CACrE,UACA,SACA,eACA,WACF,CAAC,EACK,EACJ,EAAQ,QAAU,QAAU,EAAQ,SAAW,IAAA,GAC3C,EAA2B,EAC9B,GAA0B,CACrB,IAAyB,IAAA,KAC3B,EAAwB,QAAU,GAEpC,EAAgB,CAAK,CACvB,EACA,CAAC,CAAoB,CACvB,EACM,EAA8B,EACjC,GACC,IAA0B,CAAQ,EACpC,CAAC,CAAuB,CAC1B,EACM,EAA4B,MAAkB,CAClD,EAAuB,IAAA,EAAS,CAClC,EAAG,CAAC,CAAC,EAEL,MAAgB,CACV,EAAQ,QAAU,WACpB,EAAU,IAAA,EAAS,CAEvB,EAAG,CAAC,EAAQ,KAAK,CAAC,EAElB,MAAsB,CAElB,EAAQ,QAAU,SAClB,EAAwB,UAAY,EAAQ,UAE5C,EAAiB,GACf,IAAY,WAAa,IAAY,aAAe,EAAU,MAChE,CAEJ,EAAG,CAAC,EAAQ,MAAO,EAAQ,QAAQ,CAAC,EAEpC,IAAM,EAAgB,CAAC,sBAAuB,CAAS,CAAC,CACrD,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EACL,EAAoB,GAAY,EAAQ,UACxC,CAAE,OAAQ,EAAiB,aAAc,GAC7C,EACA,CACF,EA8DA,OA5DI,EAEA,EAAC,UAAD,CACE,GAAI,EACJ,UAAW,EACX,yBAAwB,EACxB,KAAK,QACL,MAAO,EAEN,SAAA,CACM,CAAA,EAKX,EAAQ,QAAU,SAAW,EAAQ,UAAY,4BAE3B,IAAiB,WAErC,EAAC,UAAD,CACE,GAAI,EACJ,UAAW,EACX,yBAAwB,EACxB,KAAK,QACL,MAAO,EALT,SAAA,CAOE,EAAC,KAAD,CAAA,SAAI,UAAY,CAAA,EAChB,EAAC,IAAD,CAAA,SAAG,0BAA2B,CAAA,CACvB,IAIT,EAAQ,QAAU,QAElB,EAAC,UAAD,CACE,GAAI,EACJ,UAAW,EACX,yBAAwB,EACxB,MAAO,EAEP,SAAA,EAAC,IAAD,CAAG,KAAK,QAAS,SAAA,EAAQ,OAAW,CAAA,CAC7B,CAAA,EAIT,EAAQ,QAAU,QAgBpB,EAAC,UAAD,CACE,GAAI,EACJ,aAAW,UACX,UAAW,EACX,yBAAwB,EACxB,qBAAoB,EACpB,IAAK,EACL,MAAO,EAPT,SAAA,CASE,EAAC,SAAD,CAAA,SAAA,CACG,EAAQ,OAAO,uBAAyB,EACvC,EAAC,MAAD,CAAK,UAAU,gCAAf,SAAA,CACG,EAAkB,SACjB,EAAC,MAAD,CACE,IAAK,EAAkB,KACvB,OAAO,KACP,IAAK,EAAkB,SACvB,MAAM,IACP,CAAA,EACC,KACJ,EAAC,SAAD,CAAA,SAAS,EAAkB,IAAa,CAAA,CACrC,CACH,CAAA,EAAA,KACJ,EAAC,KAAD,CAAA,SAAK,EAAQ,OAAO,OAAS,EAAQ,OAAO,IAAS,CAAA,EACpD,EAAQ,OAAO,YACd,EAAC,IAAD,CAAA,SAAI,EAAQ,OAAO,WAAe,CAAA,EAChC,IACE,CAAA,CAAA,EACP,EACC,EAAC,IAAD,CAAG,UAAU,sCAAsC,KAAK,SACrD,SAAA,CACA,CAAA,EACD,KACH,EAAQ,aACP,EAAC,MAAD,CAAK,UAAU,sCAAsC,KAAK,QAA1D,SAAA,CACE,EAAC,OAAD,CAAA,SAAO,EAAQ,YAAmB,CAAA,EAClC,EAAC,OAAD,CAAA,SAAM,mDAAuD,CAAA,CAC1D,CACH,CAAA,EAAA,KACJ,EAAC,GAAD,CACE,YAAa,EACb,eAAgB,EACP,UACT,cAAe,EAAQ,cACf,SAEE,WACS,oBACnB,wBAAyB,EACL,qBACpB,eAAgB,EAAW,IAAe,CACxC,EAAU,CAAU,EACpB,EAAe,CAAS,CAC1B,EACA,sBAAuB,EACvB,cAAe,EACf,MAAO,EAAQ,eACf,cAAe,EACD,eACP,QACP,YAAa,CACd,EAhBM,EAAQ,QAgBd,CACM,IA5EP,EAAC,UAAD,CACE,GAAI,EACJ,YAAU,OACV,aAAW,UACX,UAAW,EACX,yBAAwB,EACxB,MAAO,EAEP,SAAA,EAAC,GAAD,CAAkB,CAAA,CACX,CAAA,CAqEf,CAEA,SAAS,GAAmB,CAC1B,WACA,UAAU,GACV,aAKC,CACD,GAAM,CACJ,WACA,YACA,SAAU,EACV,kBAAmB,EACnB,wBAAyB,EACzB,mBAAoB,EACpB,cAAe,EACf,UAAW,EACX,aAAc,EACd,QACA,QAAQ,OACR,GAAG,GACD,EACE,EAAS,EACb,IAAQ,yBAA2B,GAAU,aAAe,SAC9D,EACM,EAAiB,EAAkB,CAAM,EACzC,EAA8C,CAAE,GAAG,CAAM,EAW/D,OAVI,IAAQ,0BAA4B,IAAA,IAAa,GAAU,eAC7D,EAAU,wBAA0B,GAGpC,GACA,IAAQ,mCAAqC,IAAA,KAE7C,EAAU,iCAAmC,GAI7C,EAAC,UAAD,CACE,GAAI,EACJ,GAAK,EAAU,CAAE,YAAa,GAAM,aAAc,SAAU,EAAI,CAAC,EACjE,UAAW,CAAC,sBAAuB,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,EACtE,yBAAwB,EACxB,MAAO,EAEN,UACM,CAAA,CAEb,CAEA,SAAgB,GAAmB,CACjC,SACA,GAAG,GACuB,CAkB1B,OAjBI,EAAO,MAEP,EAAC,GAAD,CAA+B,YAA/B,SAAA,CACE,EAAC,IAAD,CAAG,KAAK,QAAS,SAAA,EAAO,MAAM,OAAW,CAAA,EACzC,EAAC,SAAD,CAAQ,QAAS,EAAO,QAAS,KAAK,SAAS,SAAA,OAEvC,CAAA,CACU,IAGpB,EAAO,SAAW,CAAC,EAAO,QAE1B,EAAC,GAAD,CAAoB,QAAA,GAAmB,YACrC,SAAA,EAAC,GAAD,CAAkB,CAAA,CACA,CAAA,EAItB,EAAC,GAAD,CACE,QAAS,EAAO,QAChB,OAAQ,EAAO,OACf,GAAI,CACL,CAAA,CAEL"}
1
+ {"version":3,"file":"lockerverse-payment.js","names":["notifyPaymentRecovery","cachedStripeLoader"],"sources":["../src/select-control.tsx","../src/checkout-fields.tsx","../src/payment-form-state.ts","../src/payment-attempt.ts","../src/payment-input.ts","../src/payment-quote.ts","../src/payment-submission.ts","../src/use-payment-form-controller.ts","../src/payment-form.tsx","../src/use-payment-checkout.ts","../src/lockerverse-payment.tsx"],"sourcesContent":["export type LockerverseSelectOption = {\n label: string;\n value: string;\n};\n\nexport function LockerverseSelect({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n className,\n id,\n invalid = false,\n name,\n onValueChange,\n options,\n value,\n}: {\n ariaDescribedBy?: string;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n className?: string;\n id?: string;\n invalid?: boolean;\n name: string;\n onValueChange: (value: string) => void;\n options: readonly LockerverseSelectOption[];\n value: string;\n}) {\n return (\n <select\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid || undefined}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className={[\n \"lockerverse-form__control\",\n \"lockerverse-form__select\",\n className,\n ]\n .filter(Boolean)\n .join(\" \")}\n id={id}\n name={name}\n onChange={(event) => onValueChange(event.currentTarget.value)}\n value={value}\n >\n {options.map((option) => (\n <option key={option.value} value={option.value}>\n {option.label}\n </option>\n ))}\n </select>\n );\n}\n","import type {\n LockerverseCustomField,\n LockerverseWidgetFields,\n} from \"@lockerverse/sdk/checkout\";\nimport { useId } from \"react\";\nimport { CustomFields, type CustomFieldValues } from \"./custom-fields.tsx\";\nimport { Checkbox } from \"./form-field.tsx\";\nimport { formatMoney } from \"./format-money.ts\";\nimport { LockerverseSelect } from \"./select-control.tsx\";\n\nexport const MERCH_SIZES = [\"XS\", \"S\", \"M\", \"L\", \"XL\", \"XXL\", \"XXXL\"] as const;\n\nexport type CheckoutFieldValues = {\n customTip: string;\n customFields: CustomFieldValues;\n includeServiceFee: boolean;\n memberId: string;\n merchSize: (typeof MERCH_SIZES)[number];\n promoCode: string;\n shippingMatchesBilling: boolean;\n tipPercent: \"5\" | \"10\" | \"12\" | \"15\" | \"custom\";\n};\n\nconst TIP_OPTIONS = [\"15\", \"12\", \"10\", \"5\"] as const;\nconst TIP_VALUES = [...TIP_OPTIONS, \"custom\"] as const;\n\nexport function TipField({\n enabled,\n error,\n errorId,\n onChange,\n values,\n}: {\n enabled: boolean;\n error: string | undefined;\n errorId: string;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n const handleKeyDown = (\n event: React.KeyboardEvent<HTMLInputElement>,\n currentValue: CheckoutFieldValues[\"tipPercent\"]\n ) => {\n const currentIndex = TIP_VALUES.indexOf(currentValue);\n let nextIndex: number | undefined;\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n nextIndex = (currentIndex + 1) % TIP_VALUES.length;\n break;\n case \"ArrowLeft\":\n case \"ArrowUp\":\n nextIndex = (currentIndex - 1 + TIP_VALUES.length) % TIP_VALUES.length;\n break;\n case \"Home\":\n nextIndex = 0;\n break;\n case \"End\":\n nextIndex = TIP_VALUES.length - 1;\n break;\n default:\n return;\n }\n event.preventDefault();\n const nextValue = TIP_VALUES[nextIndex];\n if (!nextValue) {\n return;\n }\n const radios = event.currentTarget\n .closest('[role=\"radiogroup\"]')\n ?.querySelectorAll<HTMLElement>('input[type=\"radio\"]');\n radios?.[nextIndex]?.focus();\n update({ tipPercent: nextValue });\n };\n return (\n <div className=\"lockerverse-payment__tip-box\">\n <p>Add a tip to support the Lockerverse platform</p>\n <div aria-label=\"Tip amount\" role=\"radiogroup\">\n {TIP_OPTIONS.map((tip) => (\n <label className=\"lockerverse-payment__tip-choice\" key={tip}>\n <input\n checked={values.tipPercent === tip}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: tip })}\n onKeyDown={(event) => handleKeyDown(event, tip)}\n tabIndex={values.tipPercent === tip ? 0 : -1}\n type=\"radio\"\n value={tip}\n />\n <span>{tip}%</span>\n </label>\n ))}\n <label className=\"lockerverse-payment__tip-choice\">\n <input\n checked={values.tipPercent === \"custom\"}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: \"custom\" })}\n onKeyDown={(event) => handleKeyDown(event, \"custom\")}\n tabIndex={values.tipPercent === \"custom\" ? 0 : -1}\n type=\"radio\"\n value=\"custom\"\n />\n <span>Other</span>\n </label>\n </div>\n {values.tipPercent === \"custom\" ? (\n <label>\n <span>Custom tip</span>\n <span className=\"lockerverse-payment__money-input\">\n <span aria-hidden=\"true\">$</span>\n <input\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? \"true\" : undefined}\n inputMode=\"decimal\"\n name=\"tip\"\n onChange={(event) =>\n update({ customTip: event.currentTarget.value })\n }\n placeholder=\"0.00\"\n value={values.customTip}\n />\n </span>\n {error ? (\n <span className=\"lockerverse-payment__field-message\" id={errorId}>\n {error}\n </span>\n ) : null}\n </label>\n ) : (\n <input name=\"tip\" type=\"hidden\" value={values.tipPercent} />\n )}\n </div>\n );\n}\n\nexport function CheckoutToggle({\n checked,\n children,\n name,\n onChange,\n}: {\n checked: boolean;\n children: React.ReactNode;\n name: string;\n onChange: (checked: boolean) => void;\n}) {\n const id = useId();\n return (\n <label className=\"lockerverse-payment__check-row\" htmlFor={id}>\n <Checkbox\n checked={checked}\n id={id}\n name={name}\n onChange={(event) => onChange(event.currentTarget.checked)}\n />\n <span>{children}</span>\n </label>\n );\n}\n\nexport function AdditionalCheckoutFields({\n customFields,\n errors,\n fields,\n idPrefix,\n isPromoApplying,\n memberIdLabel,\n onChange,\n onApplyPromo,\n promoError,\n values,\n}: {\n customFields: LockerverseCustomField[];\n errors: Record<string, string>;\n fields: LockerverseWidgetFields;\n idPrefix: string;\n isPromoApplying: boolean;\n memberIdLabel: string | null | undefined;\n onChange: (values: CheckoutFieldValues) => void;\n onApplyPromo: () => void;\n promoError: string | undefined;\n values: CheckoutFieldValues;\n}) {\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n\n return (\n <div className=\"lockerverse-payment__additional-fields\">\n {fields.memberId ? (\n <label>\n <span>{memberIdLabel?.trim() || \"Member ID\"}</span>\n <input\n name=\"memberId\"\n onChange={(event) =>\n update({ memberId: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.memberId}\n />\n </label>\n ) : null}\n {fields.merchSize ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-merch-size-label`}>Size</span>\n <LockerverseSelect\n ariaLabelledBy={`${idPrefix}-merch-size-label`}\n name=\"merchSize\"\n onValueChange={(value) => {\n const merchSize = MERCH_SIZES.find((size) => size === value);\n if (merchSize) {\n update({ merchSize });\n }\n }}\n options={MERCH_SIZES.map((size) => ({\n label: size,\n value: size,\n }))}\n value={values.merchSize}\n />\n </div>\n ) : null}\n {fields.promoCode ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-promo-code-label`}>Promo code</span>\n <div className=\"lockerverse-payment__promo-control\">\n <input\n aria-describedby={\n promoError ? `${idPrefix}-promo-code-error` : undefined\n }\n aria-invalid={promoError ? \"true\" : undefined}\n aria-labelledby={`${idPrefix}-promo-code-label`}\n name=\"promoCode\"\n onChange={(event) =>\n update({ promoCode: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.promoCode}\n />\n <button\n disabled={!values.promoCode.trim() || isPromoApplying}\n onClick={onApplyPromo}\n type=\"button\"\n >\n {isPromoApplying ? \"Applying…\" : \"Apply\"}\n </button>\n </div>\n {promoError ? (\n <p\n className=\"lockerverse-payment__field-message\"\n id={`${idPrefix}-promo-code-error`}\n role=\"alert\"\n >\n {promoError}\n </p>\n ) : null}\n </div>\n ) : null}\n <CustomFields\n choiceClassName=\"lockerverse-payment__check-row\"\n errorClassName=\"lockerverse-payment__field-message\"\n errors={errors}\n fields={customFields}\n idPrefix={idPrefix}\n onChange={(nextCustomFields) =>\n update({ customFields: nextCustomFields })\n }\n values={values.customFields}\n />\n </div>\n );\n}\n\nexport function ServiceFeeField({\n amountCents,\n enabled,\n onChange,\n values,\n}: {\n amountCents: number;\n enabled: boolean;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n return (\n <CheckoutToggle\n checked={values.includeServiceFee}\n name=\"includeServiceFee\"\n onChange={(includeServiceFee) =>\n onChange({ ...values, includeServiceFee })\n }\n >\n Add {formatMoney(amountCents)} to help cover processing fees\n </CheckoutToggle>\n );\n}\n","type PaymentFormStatus =\n | \"editing\"\n | \"invalid\"\n | \"recovering\"\n | \"refreshing_quote\"\n | \"submitting\"\n | \"succeeded\"\n | \"sold_out\"\n | \"unresolved\";\n\nexport type PaymentFormState = {\n error: string | undefined;\n message: string | undefined;\n status: PaymentFormStatus;\n};\n\nexport type PaymentFormAction =\n | { type: \"field_changed\" }\n | { type: \"validation_failed\" }\n | { type: \"quote_refresh_started\" }\n | { type: \"quote_refresh_succeeded\" }\n | { error?: string; type: \"quote_refresh_failed\" }\n | { type: \"submission_started\" }\n | { type: \"submission_validation_failed\" }\n | { type: \"quote_changed\" }\n | { error: string; type: \"retryable_failure\" }\n | { error: string; type: \"recovery_failed\" }\n | { type: \"sold_out\" }\n | { message: string; type: \"succeeded\" }\n | { message: string; type: \"unresolved\" };\n\nexport type PaymentUiState =\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"sold_out\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\";\n\nexport function createPaymentFormState(\n recoverPayment: boolean\n): PaymentFormState {\n return {\n error: undefined,\n message: undefined,\n status: recoverPayment ? \"recovering\" : \"editing\",\n };\n}\n\nfunction updateState(\n state: PaymentFormState,\n allowedStatuses: PaymentFormStatus[],\n changes: Partial<PaymentFormState>\n) {\n return allowedStatuses.includes(state.status)\n ? { ...state, ...changes }\n : state;\n}\n\nexport function paymentFormReducer(\n state: PaymentFormState,\n action: PaymentFormAction\n): PaymentFormState {\n if (\n state.status === \"sold_out\" ||\n state.status === \"succeeded\" ||\n state.status === \"unresolved\"\n ) {\n return state;\n }\n\n switch (action.type) {\n case \"field_changed\":\n return updateState(state, [\"editing\", \"invalid\", \"refreshing_quote\"], {\n error: undefined,\n status: \"editing\",\n });\n case \"validation_failed\":\n return updateState(state, [\"editing\"], { status: \"invalid\" });\n case \"quote_refresh_started\":\n return updateState(state, [\"editing\", \"invalid\"], {\n status: \"refreshing_quote\",\n });\n case \"quote_refresh_succeeded\":\n return updateState(state, [\"refreshing_quote\"], {\n error: undefined,\n status: \"editing\",\n });\n case \"quote_refresh_failed\":\n return updateState(state, [\"refreshing_quote\"], {\n error: action.error ?? state.error,\n status: \"editing\",\n });\n case \"submission_started\":\n return updateState(state, [\"editing\", \"invalid\", \"refreshing_quote\"], {\n error: undefined,\n status: \"submitting\",\n });\n case \"submission_validation_failed\":\n return updateState(state, [\"submitting\"], {\n error: undefined,\n status: \"invalid\",\n });\n case \"quote_changed\":\n return updateState(state, [\"submitting\"], { status: \"editing\" });\n case \"retryable_failure\":\n return updateState(state, [\"editing\", \"invalid\", \"submitting\"], {\n error: action.error,\n status: \"editing\",\n });\n case \"recovery_failed\":\n return updateState(state, [\"recovering\"], {\n error: action.error,\n status: \"editing\",\n });\n case \"sold_out\":\n return {\n error: undefined,\n message: undefined,\n status: \"sold_out\",\n };\n case \"succeeded\":\n return updateState(state, [\"recovering\", \"submitting\"], {\n message: action.message,\n status: \"succeeded\",\n });\n case \"unresolved\":\n return updateState(state, [\"recovering\", \"submitting\"], {\n message: action.message,\n status: \"unresolved\",\n });\n default:\n return state;\n }\n}\n\nexport function getPaymentError(state: PaymentFormState) {\n return state.status === \"editing\" ||\n state.status === \"invalid\" ||\n state.status === \"refreshing_quote\"\n ? state.error\n : undefined;\n}\n\nexport function getPaymentUiState(state: PaymentFormState): PaymentUiState {\n if (state.status === \"sold_out\") {\n return \"sold_out\";\n }\n if (state.status === \"succeeded\") {\n return \"success\";\n }\n if (state.status === \"unresolved\") {\n return \"unresolved\";\n }\n if (state.status === \"submitting\" || state.status === \"recovering\") {\n return \"submitting\";\n }\n if (state.status === \"invalid\") {\n return \"invalid\";\n }\n return getPaymentError(state) ? \"error\" : \"idle\";\n}\n\nexport function isPaymentBusy(state: PaymentFormState) {\n return state.status === \"submitting\";\n}\n","import type {\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutQuote,\n LockerversePaymentResult,\n LockerverseSubmitPaymentInput,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSdkError } from \"@lockerverse/sdk/checkout\";\nimport type { Stripe } from \"@stripe/stripe-js\";\n\nconst AMOUNT_KEYS = [\n \"amountCents\",\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"serviceFeeCents\",\n \"subtotalCents\",\n \"tipCents\",\n \"totalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nconst SERVER_CONTROLLED_AMOUNT_KEYS = [\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"subtotalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nexport function hasMaterialQuoteChange(\n displayed: LockerverseCheckoutEstimate | LockerverseCheckoutQuote,\n current: LockerverseCheckoutQuote,\n locallyPreviewedTotalCents: number | undefined,\n stripeConnectedAccountId: string | null\n) {\n const amountKeys =\n locallyPreviewedTotalCents === current.totalCents\n ? SERVER_CONTROLLED_AMOUNT_KEYS\n : AMOUNT_KEYS;\n return (\n amountKeys.some((key) => displayed[key] !== current[key]) ||\n stripeConnectedAccountId !== current.payment.connectedAccountId ||\n (displayed.authoritative &&\n (displayed.payment.connectedAccountId !== stripeConnectedAccountId ||\n displayed.payment.currency !== current.payment.currency)) ||\n JSON.stringify(displayed.appliedDiscount) !==\n JSON.stringify(current.appliedDiscount) ||\n JSON.stringify(displayed.lineItems) !== JSON.stringify(current.lineItems)\n );\n}\n\nexport type PaymentAttemptOutcome =\n | { kind: \"failed\"; payment: LockerversePaymentResult }\n | { kind: \"success\"; payment: LockerversePaymentResult }\n | {\n kind: \"unresolved\";\n paymentReference: string;\n reason: \"action_required\" | \"pending\" | \"recovery_failed\";\n };\n\nfunction classifyPayment(\n payment: LockerversePaymentResult\n): PaymentAttemptOutcome {\n if (payment.checkoutStatus === \"success\") {\n return { kind: \"success\", payment };\n }\n if (payment.checkoutStatus === \"failed\") {\n return { kind: \"failed\", payment };\n }\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason:\n payment.checkoutStatus === \"action_required\"\n ? \"action_required\"\n : \"pending\",\n };\n}\n\nasync function settleRequiredAction(\n client: LockerverseCheckoutClient,\n payment: LockerversePaymentResult,\n stripe: Stripe | null | undefined\n): Promise<PaymentAttemptOutcome> {\n if (payment.checkoutStatus !== \"action_required\") {\n return classifyPayment(payment);\n }\n if (!stripe) {\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason: \"action_required\",\n };\n }\n if (payment.clientSecret) {\n try {\n await stripe.handleNextAction({ clientSecret: payment.clientSecret });\n } catch {\n // Status recovery below is authoritative even when Stripe UI fails.\n }\n }\n try {\n const recovered = await client.getPaymentStatus(payment.paymentReference);\n return classifyPayment(recovered);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason: \"action_required\",\n };\n }\n}\n\nexport async function submitPaymentAttempt(\n client: LockerverseCheckoutClient,\n input: LockerverseSubmitPaymentInput,\n stripe?: Stripe | null\n): Promise<PaymentAttemptOutcome> {\n let payment: LockerversePaymentResult;\n try {\n payment = await client.submitPayment(input);\n } catch (error) {\n if (!(error instanceof LockerverseSdkError && error.recoveryRecommended)) {\n throw error;\n }\n try {\n payment = await client.getPaymentStatus(input.checkout.paymentReference);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: input.checkout.paymentReference,\n reason: \"recovery_failed\",\n };\n }\n }\n return settleRequiredAction(client, payment, stripe);\n}\n\nexport async function recoverPaymentAttempt(\n client: LockerverseCheckoutClient,\n paymentReference: string,\n stripe: Stripe | null\n): Promise<PaymentAttemptOutcome> {\n try {\n const payment = await client.getPaymentStatus(paymentReference);\n return settleRequiredAction(client, payment, stripe);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference,\n reason: \"recovery_failed\",\n };\n }\n}\n","import {\n array,\n minLength,\n minValue,\n nonEmpty,\n number,\n pipe,\n regex,\n safeInteger,\n safeParse,\n strictObject,\n string,\n trim,\n union,\n} from \"valibot\";\nimport type { LockerversePaymentSelectionItem } from \"./types.ts\";\n\nconst productSlugSchema = pipe(string(), trim(), nonEmpty());\nconst positiveSafeIntegerSchema = pipe(number(), safeInteger(), minValue(1));\n\nconst paymentSelectionSchema = pipe(\n array(\n union([\n strictObject({\n amountCents: positiveSafeIntegerSchema,\n productSlug: productSlugSchema,\n }),\n strictObject({\n productSlug: productSlugSchema,\n quantity: positiveSafeIntegerSchema,\n }),\n strictObject({\n productSlug: productSlugSchema,\n }),\n ])\n ),\n minLength(1)\n);\n\nconst customTipSchema = pipe(\n string(),\n trim(),\n regex(/^(?:0|[1-9]\\d*)(?:\\.\\d{1,2})?$/, \"Enter a valid tip amount.\")\n);\n\nexport function parseCustomTipCents(input: string) {\n const result = safeParse(customTipSchema, input);\n if (!result.success) {\n return {\n message: result.issues[0]?.message ?? \"Enter a valid tip amount.\",\n success: false,\n } as const;\n }\n const [dollars = \"0\", fraction = \"\"] = result.output.split(\".\");\n const cents = BigInt(dollars) * 100n + BigInt(fraction.padEnd(2, \"0\"));\n if (cents > BigInt(Number.MAX_SAFE_INTEGER)) {\n return { message: \"Enter a valid tip amount.\", success: false } as const;\n }\n return { cents: Number(cents), success: true } as const;\n}\n\nexport function parsePaymentSelection(\n input: LockerversePaymentSelectionItem[]\n) {\n const result = safeParse(paymentSelectionSchema, input);\n return result.success\n ? ({ success: true, value: result.output } as const)\n : ({\n message: \"Lockerverse payment configuration is invalid.\",\n success: false,\n } as const);\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutPricingInput,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport type { CheckoutFieldValues } from \"./checkout-fields.tsx\";\nimport { parseCustomTipCents } from \"./payment-input.ts\";\n\nconst INVALID_PROMO_MESSAGE =\n \"This promo code is invalid or cannot be applied.\";\n\nexport function getTipCents(\n subtotalCents: number,\n values: Pick<CheckoutFieldValues, \"customTip\" | \"tipPercent\">\n) {\n if (values.tipPercent === \"custom\") {\n if (!values.customTip.trim()) {\n return { cents: 0, success: true } as const;\n }\n return parseCustomTipCents(values.customTip);\n }\n return {\n cents: Math.round((subtotalCents * Number(values.tipPercent)) / 100),\n success: true,\n } as const;\n}\n\nexport function buildQuoteRequest(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n email: string,\n tipCents: number\n) {\n const request: LockerverseCheckoutPricingInput = {};\n if (email) {\n request.email = email;\n }\n if (catalog.widget.fields.serviceFee) {\n request.includeServiceFee = fieldValues.includeServiceFee;\n }\n if (catalog.widget.fields.promoCode && fieldValues.promoCode.trim()) {\n request.promoCode = fieldValues.promoCode.trim();\n }\n if (catalog.widget.fields.tipping) {\n request.tipCents = tipCents;\n }\n return request;\n}\n\nexport function getLocalQuotePreview(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout\n) {\n const parsedTip = catalog.widget.fields.tipping\n ? getTipCents(quote.subtotalCents, fieldValues)\n : ({ cents: 0, success: true } as const);\n if (!parsedTip.success) {\n return { parsedTip, totalCents: null };\n }\n\n const serviceFeeCents =\n catalog.widget.fields.serviceFee && fieldValues.includeServiceFee\n ? quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n : 0;\n return {\n parsedTip,\n totalCents:\n quote.totalCents -\n quote.serviceFeeCents -\n quote.tipCents +\n serviceFeeCents +\n parsedTip.cents,\n };\n}\n\nexport function getQuoteRefreshSuccess(\n quote: LockerversePreparedCheckout,\n validatePromo: boolean\n) {\n return {\n displayedTotalCents: quote.totalCents,\n promoError:\n validatePromo && quote.appliedDiscount?.source !== \"promo_code\"\n ? INVALID_PROMO_MESSAGE\n : undefined,\n };\n}\n\nexport function getQuoteRefreshFailure<ErrorValue>(\n error: ErrorValue,\n validatePromo: boolean\n) {\n let paymentError: string | undefined;\n if (!validatePromo) {\n paymentError =\n error instanceof Error\n ? error.message\n : \"The order total could not be updated.\";\n }\n return {\n paymentError,\n promoError: validatePromo ? INVALID_PROMO_MESSAGE : undefined,\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePaymentSubmission,\n LockerversePreparedCheckout,\n LockerverseShipping,\n} from \"@lockerverse/sdk/checkout\";\nimport type {\n Stripe,\n StripeAddressElementChangeEvent,\n StripeElements,\n} from \"@stripe/stripe-js\";\nimport type { CheckoutFieldValues } from \"./checkout-fields.tsx\";\nimport { buildCustomFieldAnswers } from \"./custom-fields.tsx\";\nimport { notifyHostCallback } from \"./host-callback.ts\";\nimport {\n hasMaterialQuoteChange,\n type PaymentAttemptOutcome,\n submitPaymentAttempt,\n} from \"./payment-attempt.ts\";\nimport { buildQuoteRequest, getTipCents } from \"./payment-quote.ts\";\nimport { normalizePhone } from \"./payment-validation.ts\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\n\nexport type CheckoutAddresses = Record<\n \"billing\" | \"shipping\",\n StripeAddressElementChangeEvent | null\n>;\n\nfunction getCompleteAddress(\n address: StripeAddressElementChangeEvent | null,\n label: \"Billing\" | \"Shipping\"\n) {\n if (!address?.complete) {\n throw new Error(`${label} address is required.`);\n }\n return address.value;\n}\n\nfunction getShippingAddress(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n billingAddress: ReturnType<typeof getCompleteAddress>,\n addresses: CheckoutAddresses\n) {\n if (!catalog.widget.fields.shipping) {\n return;\n }\n return fieldValues.shippingMatchesBilling\n ? billingAddress\n : getCompleteAddress(addresses.shipping, \"Shipping\");\n}\n\nfunction buildConfirmationParams({\n billingAddress,\n catalog,\n email,\n phone,\n shippingAddress,\n}: {\n billingAddress: ReturnType<typeof getCompleteAddress>;\n catalog: LockerverseCatalog;\n email: string;\n phone: string;\n shippingAddress: ReturnType<typeof getCompleteAddress> | undefined;\n}) {\n const billingDetails = catalog.widget.fields.phone\n ? {\n address: billingAddress.address,\n email,\n name: billingAddress.name,\n phone,\n }\n : {\n address: billingAddress.address,\n email,\n name: billingAddress.name,\n };\n const params = {\n payment_method_data: {\n billing_details: billingDetails,\n },\n };\n if (!shippingAddress) {\n return params;\n }\n return {\n ...params,\n shipping: {\n address: shippingAddress.address,\n name: shippingAddress.name,\n phone: catalog.widget.fields.phone\n ? phone\n : (shippingAddress.phone ?? null),\n },\n };\n}\n\nfunction buildPaymentRequest({\n catalog,\n confirmationToken,\n email,\n fieldValues,\n metadata,\n phone,\n shippingAddress,\n}: {\n catalog: LockerverseCatalog;\n confirmationToken: string | undefined;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n phone: string;\n shippingAddress: ReturnType<typeof getCompleteAddress> | undefined;\n}) {\n const request: LockerversePaymentSubmission = {\n customFieldAnswers: buildCustomFieldAnswers(\n catalog.widget.customFields,\n fieldValues.customFields\n ),\n email,\n };\n if (confirmationToken) {\n request.confirmationToken = confirmationToken;\n }\n if (metadata) {\n request.metadata = metadata;\n }\n if (catalog.widget.fields.memberId && fieldValues.memberId.trim()) {\n request.memberId = fieldValues.memberId.trim();\n }\n if (catalog.widget.fields.merchSize) {\n request.merchSize = fieldValues.merchSize;\n }\n if (catalog.widget.fields.phone) {\n request.phone = phone;\n }\n if (shippingAddress) {\n const address: LockerverseShipping[\"address\"] = {\n city: shippingAddress.address.city ?? \"\",\n country: shippingAddress.address.country,\n line1: shippingAddress.address.line1 ?? \"\",\n postal_code: shippingAddress.address.postal_code ?? \"\",\n state: shippingAddress.address.state ?? \"\",\n };\n if (shippingAddress.address.line2) {\n address.line2 = shippingAddress.address.line2;\n }\n request.shipping = { address, name: shippingAddress.name };\n }\n return request;\n}\n\nfunction assertPaymentAttemptActive(isAttemptActive: () => boolean) {\n if (!isAttemptActive()) {\n throw new Error(\"Payment component is no longer active.\");\n }\n}\n\nfunction notifyPaymentRecovery(\n callback: LockerversePaymentProps[\"onPaymentRecoveryChange\"],\n recovery: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentRecoveryChange\"]>\n >[0]\n) {\n notifyHostCallback(callback, recovery);\n}\n\nfunction mapPaymentAttemptOutcome(\n outcome: PaymentAttemptOutcome,\n quote: LockerversePreparedCheckout,\n email: string,\n failureMessage: string\n) {\n if (outcome.kind === \"failed\") {\n return {\n kind: \"payment_failed\" as const,\n message: failureMessage,\n };\n }\n if (outcome.kind === \"unresolved\") {\n return {\n kind: \"payment_unresolved\" as const,\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n };\n }\n return {\n email,\n kind: \"payment\" as const,\n payment: outcome.payment,\n quote,\n };\n}\n\nexport type CompletePaymentOptions = {\n addresses: CheckoutAddresses;\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n elements?: StripeElements | null;\n email: string;\n fieldValues: CheckoutFieldValues;\n isAttemptActive: () => boolean;\n locallyPreviewedTotalCents: number;\n metadata: Record<string, string> | undefined;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n phone: string;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n stripe?: Stripe | null;\n stripeConnectedAccountId: string | null;\n};\n\nexport async function completePayment({\n addresses,\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n isAttemptActive,\n locallyPreviewedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone,\n quote,\n stripe,\n stripeConnectedAccountId,\n}: CompletePaymentOptions) {\n const normalizedEmail = email.trim().toLowerCase();\n const normalizedPhone = normalizePhone(phone);\n const parsedTip = getTipCents(quote.subtotalCents, fieldValues);\n if (!parsedTip.success) {\n throw new Error(parsedTip.message);\n }\n const currentQuote = await client.calculateTotal({\n ...buildQuoteRequest(\n catalog,\n fieldValues,\n normalizedEmail,\n parsedTip.cents\n ),\n catalog,\n items: checkoutItems,\n });\n assertPaymentAttemptActive(isAttemptActive);\n if (\n currentQuote.totalCents > 0 &&\n hasMaterialQuoteChange(\n quote,\n currentQuote,\n locallyPreviewedTotalCents,\n stripeConnectedAccountId\n )\n ) {\n return { kind: \"quote_changed\" as const, quote: currentQuote };\n }\n\n let completeShippingAddress:\n | ReturnType<typeof getCompleteAddress>\n | undefined;\n let confirmationToken: string | undefined;\n if (currentQuote.totalCents === 0) {\n if (catalog.widget.fields.shipping) {\n const completeBillingAddress = getCompleteAddress(\n addresses.billing,\n \"Billing\"\n );\n completeShippingAddress = getShippingAddress(\n catalog,\n fieldValues,\n completeBillingAddress,\n addresses\n );\n }\n } else {\n if (!(elements && stripe)) {\n throw new Error(\"Payment form is still loading.\");\n }\n await elements.update({ amount: currentQuote.totalCents });\n assertPaymentAttemptActive(isAttemptActive);\n const elementSubmission = await elements.submit();\n assertPaymentAttemptActive(isAttemptActive);\n if (elementSubmission.error) {\n throw new Error(elementSubmission.error.message);\n }\n\n const completeBillingAddress = getCompleteAddress(\n addresses.billing,\n \"Billing\"\n );\n completeShippingAddress = getShippingAddress(\n catalog,\n fieldValues,\n completeBillingAddress,\n addresses\n );\n const tokenResult = await stripe.createConfirmationToken({\n elements,\n params: buildConfirmationParams({\n billingAddress: completeBillingAddress,\n catalog,\n email: normalizedEmail,\n phone: normalizedPhone,\n shippingAddress: completeShippingAddress,\n }),\n });\n assertPaymentAttemptActive(isAttemptActive);\n if (tokenResult.error) {\n throw new Error(tokenResult.error.message);\n }\n confirmationToken = tokenResult.confirmationToken.id;\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, {\n connectedAccountId: currentQuote.payment.connectedAccountId,\n paymentReference: currentQuote.paymentReference,\n });\n const outcome = await submitPaymentAttempt(\n client,\n {\n checkout: currentQuote,\n submission: buildPaymentRequest({\n catalog,\n confirmationToken,\n email: normalizedEmail,\n fieldValues,\n metadata,\n phone: normalizedPhone,\n shippingAddress: completeShippingAddress,\n }),\n },\n stripe\n );\n assertPaymentAttemptActive(isAttemptActive);\n return mapPaymentAttemptOutcome(\n outcome,\n currentQuote,\n normalizedEmail,\n currentQuote.totalCents === 0\n ? \"Order could not be completed. Review the details and try again.\"\n : \"Payment was declined. Check your payment details and try again.\"\n );\n}\n\nexport type CompletePaymentResult = Awaited<ReturnType<typeof completePayment>>;\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePaymentCompletion,\n LockerversePaymentResult,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSdkError } from \"@lockerverse/sdk/checkout\";\nimport type { Stripe, StripeElements } from \"@stripe/stripe-js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { CheckoutFieldValues } from \"./checkout-fields.tsx\";\nimport { getPhoneServerError } from \"./contact-validation.ts\";\nimport { formatMoney } from \"./format-money.ts\";\nimport { notifyHostCallback } from \"./host-callback.ts\";\nimport {\n type PaymentAttemptOutcome,\n recoverPaymentAttempt,\n} from \"./payment-attempt.ts\";\nimport {\n getPaymentError,\n getPaymentUiState,\n isPaymentBusy,\n type PaymentFormAction,\n type PaymentFormState,\n type PaymentUiState,\n} from \"./payment-form-state.ts\";\nimport {\n buildQuoteRequest,\n getLocalQuotePreview,\n getQuoteRefreshFailure,\n getQuoteRefreshSuccess,\n} from \"./payment-quote.ts\";\nimport {\n type CheckoutAddresses,\n type CompletePaymentResult,\n completePayment,\n} from \"./payment-submission.ts\";\nimport { validateContact } from \"./payment-validation.ts\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\n\nfunction notifyPaymentRecovery(\n callback: LockerversePaymentProps[\"onPaymentRecoveryChange\"],\n recovery: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentRecoveryChange\"]>\n >[0]\n) {\n notifyHostCallback(callback, recovery);\n}\n\nfunction notifyPaymentUncertain(\n callback: LockerversePaymentProps[\"onPaymentUncertain\"],\n payment: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentUncertain\"]>\n >[0]\n) {\n notifyHostCallback(callback, payment);\n}\n\nfunction createPaymentCompletion(\n payment: LockerversePaymentResult,\n context: Pick<LockerversePaymentCompletion, \"email\" | \"lineItems\">\n): LockerversePaymentCompletion {\n return { ...payment, ...context };\n}\n\nfunction mustWaitForStripe(\n outcome: PaymentAttemptOutcome,\n stripe: Stripe | null,\n stripeLoadFailed: boolean\n) {\n return (\n outcome.kind === \"unresolved\" &&\n outcome.reason === \"action_required\" &&\n !stripe &&\n !stripeLoadFailed\n );\n}\n\nfunction isSoldOutError<ErrorValue>(error: ErrorValue) {\n return (\n error instanceof LockerverseSdkError &&\n error.serverCode === \"PAYMENT_WIDGET_SALES_LIMIT_REACHED\"\n );\n}\n\nexport type PaymentFormControllerOptions = {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n elements: StripeElements | null;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onResumePaymentFailed: () => void;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n stripe: Stripe | null;\n stripeConnectedAccountId: string | null;\n stripeLoadFailed: boolean;\n paymentState: PaymentFormState;\n updateState: (action: PaymentFormAction, notifyHost?: boolean) => void;\n};\n\ntype SubmitPayment = {\n addresses: CheckoutAddresses;\n phone: string;\n};\n\nfunction applyQuoteRefreshSuccess({\n nextQuote,\n onQuoteChange,\n setDisplayedTotalCents,\n setPromoError,\n updateState,\n validatePromo,\n}: {\n nextQuote: LockerversePreparedCheckout;\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n setDisplayedTotalCents: (total: number) => void;\n setPromoError: (error: string | undefined) => void;\n updateState: (action: PaymentFormAction) => void;\n validatePromo: boolean;\n}) {\n const result = getQuoteRefreshSuccess(nextQuote, validatePromo);\n updateState({ type: \"quote_refresh_succeeded\" });\n setDisplayedTotalCents(result.displayedTotalCents);\n onQuoteChange(nextQuote);\n if (validatePromo) {\n setPromoError(result.promoError);\n }\n}\n\nfunction applyQuoteRefreshFailure({\n error,\n setPromoError,\n updateState,\n validatePromo,\n}: {\n error: unknown;\n setPromoError: (error: string | undefined) => void;\n updateState: (action: PaymentFormAction) => void;\n validatePromo: boolean;\n}) {\n const result = getQuoteRefreshFailure(error, validatePromo);\n if (validatePromo) {\n setPromoError(result.promoError);\n }\n updateState(\n result.paymentError === undefined\n ? { type: \"quote_refresh_failed\" }\n : { error: result.paymentError, type: \"quote_refresh_failed\" }\n );\n}\n\nfunction applyPaymentOutcome({\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n result,\n setDisplayedTotalCents,\n dispatchState,\n}: {\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n result: CompletePaymentResult;\n setDisplayedTotalCents: (total: number) => void;\n dispatchState: (action: PaymentFormAction) => void;\n}) {\n if (result.kind === \"quote_changed\") {\n const notice = `The total changed to ${formatMoney(result.quote.totalCents)}. Review it and pay again.`;\n onQuoteChange(result.quote, notice);\n setDisplayedTotalCents(result.quote.totalCents);\n dispatchState({ type: \"quote_changed\" });\n return;\n }\n if (result.kind === \"payment_failed\") {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n dispatchState({ error: result.message, type: \"retryable_failure\" });\n return;\n }\n if (result.kind === \"payment_unresolved\") {\n dispatchState({\n message: \"Payment is still processing. Do not submit it again.\",\n type: \"unresolved\",\n });\n notifyPaymentUncertain(onPaymentUncertain, {\n paymentReference: result.paymentReference,\n reason: result.reason,\n });\n return;\n }\n onQuoteChange(result.quote);\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n dispatchState({\n message: result.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n type: \"succeeded\",\n });\n notifyHostCallback(\n onPaymentComplete,\n createPaymentCompletion(result.payment, {\n email: result.email,\n lineItems: result.quote.lineItems,\n })\n );\n}\n\nexport function usePaymentFormController(\n options: PaymentFormControllerOptions\n) {\n const {\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n metadata,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n quote,\n resumePayment,\n stripe,\n stripeConnectedAccountId,\n stripeLoadFailed,\n paymentState,\n updateState,\n } = options;\n const [displayedTotalCents, setDisplayedTotalCents] = useState(\n quote.totalCents\n );\n const [promoError, setPromoError] = useState<string>();\n const recoveryStartedRef = useRef(false);\n const quoteRequestRef = useRef(0);\n const attemptGenerationRef = useRef(0);\n const dispatchState = useCallback(\n (action: PaymentFormAction) => updateState(action, true),\n [updateState]\n );\n const startPaymentAttempt = useCallback(() => {\n const generation = attemptGenerationRef.current + 1;\n attemptGenerationRef.current = generation;\n return () => attemptGenerationRef.current === generation;\n }, []);\n\n useEffect(\n () => () => {\n attemptGenerationRef.current += 1;\n quoteRequestRef.current += 1;\n },\n []\n );\n\n const { parsedTip, totalCents: previewTotalCents } = getLocalQuotePreview(\n catalog,\n fieldValues,\n quote\n );\n\n useEffect(() => {\n if (previewTotalCents === null) {\n return;\n }\n setDisplayedTotalCents(previewTotalCents);\n if (previewTotalCents > 0) {\n elements?.update({ amount: previewTotalCents });\n }\n }, [\n catalog.pricingPolicy.serviceFeeRateBasisPoints,\n catalog.widget.fields.serviceFee,\n elements,\n fieldValues.includeServiceFee,\n previewTotalCents,\n quote.serviceFeeCents,\n quote.tipCents,\n quote.totalCents,\n quote.subtotalCents,\n ]);\n\n useEffect(() => {\n if (\n !resumePayment ||\n recoveryStartedRef.current ||\n paymentState.status !== \"recovering\"\n ) {\n return;\n }\n recoveryStartedRef.current = true;\n const isAttemptActive = startPaymentAttempt();\n onStateChange(getPaymentUiState(paymentState));\n\n recoverPaymentAttempt(client, resumePayment.paymentReference, stripe).then(\n (outcome) => {\n if (!isAttemptActive()) {\n return;\n }\n if (mustWaitForStripe(outcome, stripe, stripeLoadFailed)) {\n return;\n }\n if (outcome.kind === \"failed\") {\n const message =\n \"The previous payment failed. Check your details and try again.\";\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n onResumePaymentFailed();\n dispatchState({\n error: message,\n type: \"recovery_failed\",\n });\n return;\n }\n if (outcome.kind === \"unresolved\") {\n dispatchState({\n message: \"Payment is still processing. Do not submit it again.\",\n type: \"unresolved\",\n });\n notifyPaymentUncertain(onPaymentUncertain, {\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n });\n return;\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n dispatchState({\n message: outcome.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n type: \"succeeded\",\n });\n notifyHostCallback(\n onPaymentComplete,\n createPaymentCompletion(outcome.payment, {\n email: null,\n lineItems: null,\n })\n );\n }\n );\n return () => {\n if (isAttemptActive()) {\n attemptGenerationRef.current += 1;\n }\n recoveryStartedRef.current = false;\n };\n }, [\n client,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onStateChange,\n resumePayment,\n stripe,\n stripeLoadFailed,\n startPaymentAttempt,\n dispatchState,\n paymentState,\n ]);\n\n const fieldChanged = useCallback(\n (clearPromo = false, preserveQuoteRequest = false) => {\n if (!preserveQuoteRequest) {\n quoteRequestRef.current += 1;\n }\n if (clearPromo) {\n setPromoError(undefined);\n }\n updateState({ type: \"field_changed\" });\n },\n [updateState]\n );\n\n async function refreshAuthoritativeTotal(\n allowMissingEmail = false,\n validatePromo = false\n ) {\n const normalizedEmail = email.trim().toLowerCase();\n const emailValidation = validateContact(\n { email: normalizedEmail, phone: \"\" },\n false\n );\n if (!(parsedTip.success && (emailValidation.value || allowMissingEmail))) {\n return;\n }\n\n quoteRequestRef.current += 1;\n const requestId = quoteRequestRef.current;\n updateState({ type: \"quote_refresh_started\" });\n try {\n const nextQuote = await client.calculateTotal({\n ...buildQuoteRequest(\n catalog,\n fieldValues,\n emailValidation.value?.email ?? \"\",\n parsedTip.cents\n ),\n catalog,\n items: checkoutItems,\n });\n if (requestId !== quoteRequestRef.current) {\n return;\n }\n applyQuoteRefreshSuccess({\n nextQuote,\n onQuoteChange,\n setDisplayedTotalCents,\n setPromoError,\n updateState,\n validatePromo,\n });\n } catch (error) {\n if (requestId !== quoteRequestRef.current) {\n return;\n }\n if (isSoldOutError(error)) {\n updateState({ type: \"sold_out\" });\n return;\n }\n applyQuoteRefreshFailure({\n error,\n setPromoError,\n updateState,\n validatePromo,\n });\n }\n }\n\n async function applyPromo() {\n setPromoError(undefined);\n await refreshAuthoritativeTotal(true, true);\n }\n\n async function submit({ addresses, phone }: SubmitPayment) {\n dispatchState({ type: \"submission_started\" });\n const isAttemptActive = startPaymentAttempt();\n try {\n const result = await completePayment({\n addresses,\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n isAttemptActive,\n locallyPreviewedTotalCents: displayedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone,\n quote,\n stripe,\n stripeConnectedAccountId,\n });\n if (!isAttemptActive()) {\n return;\n }\n applyPaymentOutcome({\n dispatchState,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n result,\n setDisplayedTotalCents,\n });\n } catch (error) {\n if (!isAttemptActive()) {\n return;\n }\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n if (isSoldOutError(error)) {\n dispatchState({ type: \"sold_out\" });\n return;\n }\n const phoneError =\n error instanceof LockerverseSdkError\n ? getPhoneServerError(error.serverCode)\n : undefined;\n if (phoneError) {\n dispatchState({ type: \"submission_validation_failed\" });\n return { phoneError };\n }\n dispatchState({\n error:\n error instanceof Error\n ? error.message\n : \"Payment could not be completed.\",\n type: \"retryable_failure\",\n });\n }\n }\n\n const terminalMessage =\n paymentState.status === \"succeeded\" || paymentState.status === \"unresolved\"\n ? paymentState.message\n : undefined;\n return {\n commands: {\n applyPromo,\n fieldChanged,\n refreshAuthoritativeTotal,\n reportStripeLoadError: (message: string) =>\n dispatchState({ error: message, type: \"retryable_failure\" }),\n reportValidationFailure: () =>\n dispatchState({ type: \"validation_failed\" }),\n submit,\n },\n state: {\n displayedTotalCents,\n isRecovering: paymentState.status === \"recovering\",\n isRefreshingQuote: paymentState.status === \"refreshing_quote\",\n isSubmitting: isPaymentBusy(paymentState),\n parsedTip,\n paymentError: getPaymentError(paymentState),\n promoError,\n terminalMessage,\n },\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n AddressElement,\n Elements,\n PaymentElement,\n useElements,\n useStripe,\n} from \"@stripe/react-stripe-js\";\nimport type { StripeAddressElementChangeEvent } from \"@stripe/stripe-js\";\nimport {\n type RefObject,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n AdditionalCheckoutFields,\n type CheckoutFieldValues,\n CheckoutToggle,\n ServiceFeeField,\n TipField,\n} from \"./checkout-fields.tsx\";\nimport {\n createCustomFieldValues,\n validateCustomFields,\n} from \"./custom-fields.tsx\";\nimport { EmailField, FormField } from \"./form-field.tsx\";\nimport { FormSkeleton } from \"./form-skeleton.tsx\";\nimport { formatMoney } from \"./format-money.ts\";\nimport {\n createPaymentFormState,\n getPaymentUiState,\n type PaymentFormAction,\n type PaymentFormState,\n type PaymentUiState,\n paymentFormReducer,\n} from \"./payment-form-state.ts\";\nimport type { CheckoutAddresses } from \"./payment-submission.ts\";\nimport { validateContact } from \"./payment-validation.ts\";\nimport { getInternationalPhone } from \"./phone.ts\";\nimport type { PhoneInputValue } from \"./phone-field.tsx\";\nimport { PhoneInput } from \"./phone-field.tsx\";\nimport { useStripeAppearance } from \"./stripe-appearance.ts\";\nimport { defaultLockerverseStripeLoader as cachedStripeLoader } from \"./stripe-loader.ts\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\nimport { usePaymentFormController } from \"./use-payment-form-controller.ts\";\n\nexport const defaultLockerverseStripeLoader = cachedStripeLoader;\n\nexport function preloadLockerversePayment(\n catalog: Pick<LockerverseCatalog, \"payment\">\n) {\n const { connectedAccountId, publishableKey } = catalog.payment;\n return defaultLockerverseStripeLoader(\n publishableKey,\n connectedAccountId ? { stripeAccount: connectedAccountId } : undefined\n );\n}\n\nfunction getRecurringCadence(\n paymentOption: LockerversePreparedCheckout[\"paymentOption\"]\n) {\n if (paymentOption === \"monthly\") {\n return { interval: \"month\", label: \"Monthly\" } as const;\n }\n if (paymentOption === \"annually\") {\n return { interval: \"year\", label: \"Annual\" } as const;\n }\n return null;\n}\n\nfunction getConnectedAccountId(\n catalog: LockerverseCatalog,\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout,\n resumePayment: LockerversePaymentProps[\"resumePayment\"]\n) {\n if (resumePayment) {\n const { connectedAccountId } = resumePayment;\n return connectedAccountId;\n }\n if (\"payment\" in quote) {\n const { connectedAccountId } = quote.payment;\n return connectedAccountId;\n }\n const { connectedAccountId } = catalog.payment;\n return connectedAccountId;\n}\n\nexport function ReadyPayment({\n accentColor,\n catalog,\n checkoutItems,\n client,\n appearanceRoot,\n metadata,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n quote,\n resumePayment,\n onStateChange,\n stripeLoader,\n theme,\n visualStyle,\n}: {\n accentColor: string;\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n appearanceRoot: RefObject<HTMLElement | null>;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onResumePaymentFailed: () => void;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n onStateChange: (state: PaymentUiState) => void;\n stripeLoader: NonNullable<LockerversePaymentProps[\"stripeLoader\"]>;\n theme: LockerversePaymentProps[\"theme\"];\n visualStyle: LockerversePaymentProps[\"style\"];\n}) {\n const [paymentState, setPaymentState] = useState(() =>\n createPaymentFormState(Boolean(resumePayment))\n );\n const paymentStateRef = useRef(paymentState);\n paymentStateRef.current = paymentState;\n const updateState = useCallback(\n (action: PaymentFormAction, notifyHost = false) => {\n const next = paymentFormReducer(paymentStateRef.current, action);\n if (next === paymentStateRef.current) {\n return;\n }\n paymentStateRef.current = next;\n setPaymentState(next);\n if (notifyHost) {\n onStateChange(getPaymentUiState(next));\n }\n },\n [onStateChange]\n );\n const requestedConnectedAccountId = getConnectedAccountId(\n catalog,\n quote,\n resumePayment\n );\n const stripeConfigurationRef = useRef({\n connectedAccountId: requestedConnectedAccountId,\n paymentOption: quote.paymentOption,\n });\n if (\n paymentState.status !== \"submitting\" &&\n paymentState.status !== \"recovering\"\n ) {\n stripeConfigurationRef.current = {\n connectedAccountId: requestedConnectedAccountId,\n paymentOption: quote.paymentOption,\n };\n }\n const { connectedAccountId, paymentOption } = stripeConfigurationRef.current;\n const stripe = useMemo(\n () =>\n stripeLoader(\n catalog.payment.publishableKey,\n connectedAccountId ? { stripeAccount: connectedAccountId } : undefined\n ).catch(() => null),\n [catalog.payment.publishableKey, connectedAccountId, stripeLoader]\n );\n const [stripeLoadFailed, setStripeLoadFailed] = useState(false);\n useEffect(() => {\n let active = true;\n setStripeLoadFailed(false);\n stripe.then((loadedStripe) => {\n if (active && loadedStripe === null) {\n setStripeLoadFailed(true);\n }\n });\n return () => {\n active = false;\n };\n }, [stripe]);\n\n const appearance = useStripeAppearance(\n appearanceRoot,\n theme,\n visualStyle,\n paymentState.status === \"submitting\" ||\n paymentState.status === \"recovering\",\n accentColor\n );\n if (!appearance) {\n return <FormSkeleton fieldCount={3} label=\"Loading payment form\" />;\n }\n\n return (\n <Elements\n key={`${catalog.payment.publishableKey}:${connectedAccountId ?? \"platform\"}:${paymentOption}`}\n options={{\n amount: Math.max(quote.totalCents, 100),\n appearance,\n currency: catalog.payment.currency,\n excludedPaymentMethodTypes: [\"us_bank_account\"],\n mode: paymentOption === \"one-time\" ? \"payment\" : \"subscription\",\n syncAddressCheckbox: \"none\",\n }}\n stripe={stripe}\n >\n <PaymentForm\n catalog={catalog}\n checkoutItems={checkoutItems}\n client={client}\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={onPaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={onQuoteChange}\n onResumePaymentFailed={onResumePaymentFailed}\n onStateChange={onStateChange}\n paymentState={paymentState}\n quote={quote}\n resumePayment={resumePayment}\n stripeConnectedAccountId={connectedAccountId}\n stripeLoadFailed={stripeLoadFailed}\n updateState={updateState}\n />\n </Elements>\n );\n}\n\nfunction StripeElementLoader({ label }: { label: string }) {\n return (\n <div className=\"lockerverse-payment__stripe-loader\" role=\"status\">\n <p>{label}</p>\n <div aria-hidden=\"true\">\n <span />\n <span />\n <span />\n </div>\n </div>\n );\n}\n\nfunction StripePaymentField({\n onError,\n onReady,\n ready,\n}: {\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__stripe-element\" data-ready={ready}>\n {ready ? null : <StripeElementLoader label=\"Loading payment form...\" />}\n <div className=\"lockerverse-payment__stripe-mount\">\n <PaymentElement\n onLoadError={({ error }) =>\n onError(error.message ?? \"Payment form failed to load.\")\n }\n onReady={onReady}\n options={{\n business: { name: \"Lockerverse\" },\n fields: {\n billingDetails: {\n address: \"never\",\n email: \"never\",\n name: \"never\",\n phone: \"never\",\n },\n },\n layout: \"tabs\",\n terms: {\n applePay: \"auto\",\n auBecsDebit: \"never\",\n bancontact: \"never\",\n card: \"always\",\n cashapp: \"never\",\n googlePay: \"never\",\n ideal: \"never\",\n paypal: \"auto\",\n sepaDebit: \"never\",\n sofort: \"never\",\n usBankAccount: \"never\",\n },\n wallets: { applePay: \"auto\", googlePay: \"never\" },\n }}\n />\n </div>\n </div>\n );\n}\n\nfunction StripeAddressField({\n label,\n mode,\n onChange,\n onError,\n onReady,\n ready,\n}: {\n label: string;\n mode: \"billing\" | \"shipping\";\n onChange: (address: StripeAddressElementChangeEvent) => void;\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__address\">\n <h2>{label}</h2>\n <div\n className=\"lockerverse-payment__stripe-element lockerverse-payment__stripe-element--address\"\n data-ready={ready}\n >\n {ready ? null : (\n <StripeElementLoader label={`Loading ${label.toLowerCase()}...`} />\n )}\n <div className=\"lockerverse-payment__stripe-mount\">\n <AddressElement\n onChange={onChange}\n onLoadError={({ error }) =>\n onError(error.message ?? `${label} failed to load.`)\n }\n onReady={onReady}\n options={{ autocomplete: { mode: \"automatic\" }, mode }}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction PaymentErrorMessage({ message }: { message: string | undefined }) {\n if (!message) {\n return null;\n }\n return (\n <p className=\"lockerverse-payment__field-message\" role=\"alert\">\n {message}\n </p>\n );\n}\n\nfunction StripeCheckoutFields({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isShippingAddressReady,\n onAddressChange,\n onFieldValuesChange,\n onStripeLoadError,\n setIsBillingAddressReady,\n setIsPaymentReady,\n setIsShippingAddressReady,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isShippingAddressReady: boolean;\n onAddressChange: (\n mode: \"billing\" | \"shipping\",\n address: StripeAddressElementChangeEvent | null\n ) => void;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n onStripeLoadError: (message: string) => void;\n setIsBillingAddressReady: (ready: boolean) => void;\n setIsPaymentReady: (ready: boolean) => void;\n setIsShippingAddressReady: (ready: boolean) => void;\n}) {\n const requiresPayment = displayedTotalCents > 0;\n\n return (\n <>\n {requiresPayment ? (\n <StripePaymentField\n onError={onStripeLoadError}\n onReady={() => setIsPaymentReady(true)}\n ready={isPaymentReady}\n />\n ) : null}\n {requiresPayment || catalog.widget.fields.shipping ? (\n <StripeAddressField\n label={requiresPayment ? \"Billing address\" : \"Shipping address\"}\n mode=\"billing\"\n onChange={(address) => onAddressChange(\"billing\", address)}\n onError={onStripeLoadError}\n onReady={() => setIsBillingAddressReady(true)}\n ready={isBillingAddressReady}\n />\n ) : null}\n {catalog.widget.fields.shipping ? (\n <div className=\"lockerverse-payment__shipping\">\n <CheckoutToggle\n checked={fieldValues.shippingMatchesBilling}\n name=\"shippingMatchesBilling\"\n onChange={(shippingMatchesBilling) => {\n onFieldValuesChange({\n ...fieldValues,\n shippingMatchesBilling,\n });\n if (shippingMatchesBilling) {\n onAddressChange(\"shipping\", null);\n } else {\n setIsShippingAddressReady(false);\n }\n }}\n >\n Shipping is same as billing information\n </CheckoutToggle>\n {fieldValues.shippingMatchesBilling ? null : (\n <StripeAddressField\n label=\"Shipping address\"\n mode=\"shipping\"\n onChange={(address) => onAddressChange(\"shipping\", address)}\n onError={onStripeLoadError}\n onReady={() => setIsShippingAddressReady(true)}\n ready={isShippingAddressReady}\n />\n )}\n </div>\n ) : null}\n </>\n );\n}\n\nfunction PaymentSummary({\n displayedBaseCents,\n displayedTipCents,\n displayedTotalCents,\n quote,\n}: {\n displayedBaseCents: number;\n displayedTipCents: number;\n displayedTotalCents: number;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}) {\n const cadence = getRecurringCadence(quote.paymentOption);\n const displayedServiceFeeCents = Math.max(\n 0,\n displayedBaseCents - quote.subtotalCents + quote.discountCents\n );\n return (\n <section\n aria-label=\"Payment summary\"\n className=\"lockerverse-payment__payment-summary\"\n >\n <h2>Order summary</h2>\n <div className=\"lockerverse-payment__payment-summary-items\">\n {quote.lineItems.map((item) => (\n <div\n className=\"lockerverse-payment__payment-summary-row\"\n key={item.listingId}\n >\n <span>\n {item.productName}\n {item.quantity > 1 ? (\n <>\n {\" \"}\n <small>× {item.quantity}</small>\n </>\n ) : null}\n {item.paymentOption === \"monthly\" ? (\n <small> · Monthly</small>\n ) : null}\n {item.paymentOption === \"annually\" ? (\n <small> · Annual</small>\n ) : null}\n </span>\n <strong>{formatMoney(item.subtotalCents)}</strong>\n </div>\n ))}\n </div>\n <div className=\"lockerverse-payment__payment-summary-totals\">\n {displayedServiceFeeCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail\">\n <span>Service fee</span>\n <strong>{formatMoney(displayedServiceFeeCents)}</strong>\n </div>\n ) : null}\n {quote.discountCents > 0 && quote.appliedDiscount ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount\">\n <span>\n {quote.appliedDiscount.source === \"email_list\"\n ? \"Email discount\"\n : \"Promo code discount\"}{\" \"}\n ({quote.appliedDiscount.percentageOff}% off)\n </span>\n <strong>-{formatMoney(quote.discountCents)}</strong>\n </div>\n ) : null}\n {displayedTipCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail lockerverse-payment__payment-summary-tip\">\n <span>Tip</span>\n <strong>{formatMoney(displayedTipCents)}</strong>\n </div>\n ) : null}\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total\">\n <span>{cadence ? `${cadence.label} total` : \"Total\"}</span>\n <strong>{formatMoney(displayedTotalCents)}</strong>\n </div>\n </div>\n </section>\n );\n}\n\nfunction PaymentAction({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isRequiredShippingReady,\n isSubmitting,\n onFieldValuesChange,\n quote,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isRequiredShippingReady: boolean;\n isSubmitting: boolean;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}) {\n const isFree = displayedTotalCents === 0;\n const isReady = isFree\n ? !catalog.widget.fields.shipping ||\n (isBillingAddressReady && isRequiredShippingReady)\n : isPaymentReady && isBillingAddressReady && isRequiredShippingReady;\n const cadence = getRecurringCadence(quote.paymentOption);\n let label = isFree\n ? \"Complete order\"\n : `Pay ${formatMoney(displayedTotalCents)}`;\n if (!isFree && cadence) {\n label = `Subscribe for ${formatMoney(displayedTotalCents)}/${cadence.interval}`;\n }\n if (isSubmitting) {\n label = isFree ? \"Completing…\" : \"Processing…\";\n }\n let actionLabel = `Process payment for ${formatMoney(displayedTotalCents)} total`;\n if (isFree) {\n actionLabel = \"Complete order\";\n } else if (cadence) {\n actionLabel = `Start ${cadence.label.toLowerCase()} subscription for ${formatMoney(displayedTotalCents)}`;\n }\n return (\n <div className=\"lockerverse-payment__actions\">\n <ServiceFeeField\n amountCents={\n quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n }\n enabled={catalog.widget.fields.serviceFee}\n onChange={onFieldValuesChange}\n values={fieldValues}\n />\n <button\n aria-busy={isSubmitting}\n aria-label={actionLabel}\n disabled={isSubmitting || !isReady}\n type=\"submit\"\n >\n {label}\n </button>\n </div>\n );\n}\n\nfunction focusNamedFormControl(form: HTMLFormElement, name: string) {\n const control = form.elements.namedItem(name);\n if (control instanceof HTMLElement) {\n control.focus();\n return;\n }\n if (control instanceof RadioNodeList) {\n Array.from(control)\n .find((item) => item instanceof HTMLElement)\n ?.focus();\n }\n}\n\nfunction focusFirstValidationError({\n customFieldErrors,\n emailRef,\n form,\n parsedTipSuccess,\n phoneRef,\n validationErrors,\n}: {\n customFieldErrors: Record<string, string>;\n emailRef: React.RefObject<HTMLInputElement | null>;\n form: HTMLFormElement;\n parsedTipSuccess: boolean;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n validationErrors: { email?: string; phone?: string };\n}) {\n if (validationErrors.email) {\n emailRef.current?.focus();\n return;\n }\n if (validationErrors.phone) {\n phoneRef.current?.focus();\n return;\n }\n if (!parsedTipSuccess) {\n form.querySelector<HTMLElement>('[name=\"tip\"]')?.focus();\n return;\n }\n const [firstFieldId] = Object.keys(customFieldErrors);\n if (firstFieldId) {\n focusNamedFormControl(form, `custom:${firstFieldId}`);\n }\n}\n\nfunction ContactFields({\n email,\n emailDiscountPercentOff,\n emailErrorId,\n emailId,\n emailRef,\n errors,\n onEmailBlur,\n onEmailChange,\n onPhoneChange,\n phone,\n phoneCountry,\n phoneEnabled,\n phoneErrorId,\n phoneId,\n phoneRef,\n}: {\n email: string;\n emailDiscountPercentOff: number | undefined;\n emailErrorId: string;\n emailId: string;\n emailRef: React.RefObject<HTMLInputElement | null>;\n errors: { email?: string; phone?: string };\n onEmailBlur: () => void;\n onEmailChange: (value: string) => void;\n onPhoneChange: (value: PhoneInputValue) => void;\n phone: string;\n phoneCountry: string;\n phoneEnabled: boolean;\n phoneErrorId: string;\n phoneId: string;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n}) {\n return (\n <div className=\"lockerverse-payment__contact\">\n <EmailField\n error={errors.email}\n errorId={emailErrorId}\n id={emailId}\n label=\"Email\"\n name=\"email\"\n onBlur={onEmailBlur}\n onChange={(event) => onEmailChange(event.currentTarget.value)}\n ref={emailRef}\n required\n value={email}\n />\n {emailDiscountPercentOff === undefined ? null : (\n <p className=\"lockerverse-payment__discount-message\" role=\"status\">\n Your email qualifies for {emailDiscountPercentOff}% off.\n </p>\n )}\n {phoneEnabled ? (\n <FormField\n error={errors.phone}\n errorId={phoneErrorId}\n id={phoneId}\n label=\"Phone\"\n >\n <PhoneInput\n country={phoneCountry}\n error={errors.phone}\n errorId={phoneErrorId}\n id={phoneId}\n inputRef={phoneRef}\n name=\"phone\"\n onChange={onPhoneChange}\n required\n value={phone}\n />\n </FormField>\n ) : null}\n </div>\n );\n}\n\nfunction PaymentForm({\n catalog,\n checkoutItems,\n client,\n metadata,\n onPaymentComplete,\n onResumePaymentFailed,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n quote,\n resumePayment,\n stripeConnectedAccountId,\n stripeLoadFailed,\n paymentState,\n updateState,\n}: {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onResumePaymentFailed: () => void;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n stripeConnectedAccountId: string | null;\n stripeLoadFailed: boolean;\n paymentState: PaymentFormState;\n updateState: (action: PaymentFormAction, notifyHost?: boolean) => void;\n}) {\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [phoneCountry, setPhoneCountry] = useState(\"US\");\n const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n const [customFieldErrors, setCustomFieldErrors] = useState<\n Record<string, string>\n >({});\n const [tipError, setTipError] = useState<string>();\n const [isPaymentReady, setIsPaymentReady] = useState(false);\n const [isBillingAddressReady, setIsBillingAddressReady] = useState(false);\n const [isShippingAddressReady, setIsShippingAddressReady] = useState(false);\n const [fieldValues, setFieldValues] = useState<CheckoutFieldValues>({\n customFields: createCustomFieldValues(catalog.widget.customFields),\n customTip: \"\",\n includeServiceFee: catalog.widget.fields.serviceFee,\n memberId: \"\",\n merchSize: \"M\",\n promoCode: \"\",\n shippingMatchesBilling: true,\n tipPercent: \"10\",\n });\n const addressesRef = useRef<CheckoutAddresses>({\n billing: null,\n shipping: null,\n });\n const emailRef = useRef<HTMLInputElement>(null);\n const phoneRef = useRef<HTMLInputElement>(null);\n const statusRef = useRef<HTMLParagraphElement>(null);\n const paymentWasRequiredRef = useRef(quote.totalCents > 0);\n const elements = useElements();\n const stripe = useStripe();\n const controller = usePaymentFormController({\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onResumePaymentFailed,\n onStateChange,\n paymentState,\n quote,\n resumePayment,\n stripe,\n stripeConnectedAccountId,\n stripeLoadFailed,\n updateState,\n });\n const {\n displayedTotalCents,\n isRecovering,\n isRefreshingQuote,\n isSubmitting,\n parsedTip,\n paymentError,\n promoError,\n terminalMessage,\n } = controller.state;\n const idPrefix = `lockerverse-${useId()}`;\n const emailId = `${idPrefix}-email`;\n const emailErrorId = `${emailId}-error`;\n const phoneId = `${idPrefix}-phone`;\n const phoneErrorId = `${phoneId}-error`;\n const tipErrorId = `${idPrefix}-tip-error`;\n const parsedTipCents = parsedTip.success ? parsedTip.cents : null;\n const displayedTipCents = parsedTipCents ?? 0;\n const displayedBaseCents = displayedTotalCents - displayedTipCents;\n const isRequiredShippingReady =\n !catalog.widget.fields.shipping ||\n fieldValues.shippingMatchesBilling ||\n isShippingAddressReady;\n\n useEffect(() => {\n if (isSubmitting) {\n statusRef.current?.focus({ preventScroll: true });\n }\n }, [isSubmitting]);\n\n useEffect(() => {\n if (!(isSubmitting || errors.email || !errors.phone)) {\n phoneRef.current?.focus();\n }\n }, [errors.email, errors.phone, isSubmitting]);\n\n useEffect(() => {\n const paymentIsRequired = displayedTotalCents > 0;\n if (paymentIsRequired && !paymentWasRequiredRef.current) {\n setIsPaymentReady(false);\n setIsBillingAddressReady(false);\n }\n paymentWasRequiredRef.current = paymentIsRequired;\n }, [displayedTotalCents]);\n\n function clearError(field: \"email\" | \"phone\") {\n controller.commands.fieldChanged(false, field !== \"email\");\n setErrors((current) => {\n const next = { ...current };\n delete next[field];\n return next;\n });\n }\n\n function handleFieldValuesChange(nextValues: CheckoutFieldValues) {\n const promoChanged = nextValues.promoCode !== fieldValues.promoCode;\n const serviceFeeChanged =\n nextValues.includeServiceFee !== fieldValues.includeServiceFee;\n controller.commands.fieldChanged(\n promoChanged,\n !(promoChanged || serviceFeeChanged)\n );\n setFieldValues(nextValues);\n setCustomFieldErrors({});\n setTipError(undefined);\n }\n\n async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n event.preventDefault();\n const internationalPhone = catalog.widget.fields.phone\n ? getInternationalPhone(phone, phoneCountry)\n : \"\";\n const validation = validateContact(\n { email, phone: internationalPhone },\n catalog.widget.fields.phone\n );\n const nextCustomFieldErrors = validateCustomFields(\n catalog.widget.customFields,\n fieldValues.customFields\n );\n if (\n !(validation.value && parsedTip.success) ||\n Object.keys(nextCustomFieldErrors).length > 0\n ) {\n setErrors(validation.errors);\n setCustomFieldErrors(nextCustomFieldErrors);\n setTipError(parsedTip.success ? undefined : parsedTip.message);\n controller.commands.reportValidationFailure();\n const form = event.currentTarget;\n queueMicrotask(() => {\n focusFirstValidationError({\n customFieldErrors: nextCustomFieldErrors,\n emailRef,\n form,\n parsedTipSuccess: parsedTip.success,\n phoneRef,\n validationErrors: validation.errors,\n });\n });\n return;\n }\n\n setErrors({});\n setCustomFieldErrors({});\n\n const result = await controller.commands.submit({\n addresses: addressesRef.current,\n phone: internationalPhone,\n });\n if (result?.phoneError) {\n setErrors({ phone: result.phoneError });\n }\n }\n\n if (terminalMessage) {\n return (\n <p\n className=\"lockerverse-payment__payment-status\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {terminalMessage}\n </p>\n );\n }\n\n if (isRecovering) {\n return (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n Recovering payment…\n </p>\n );\n }\n\n return (\n <form\n aria-busy={isSubmitting}\n className=\"lockerverse-payment__form\"\n noValidate\n onSubmit={handleSubmit}\n >\n <div\n data-lockerverse-input-region=\"\"\n inert={isSubmitting ? true : undefined}\n >\n <fieldset\n className=\"lockerverse-payment__input-fieldset\"\n disabled={isSubmitting}\n >\n <PaymentSummary\n displayedBaseCents={displayedBaseCents}\n displayedTipCents={displayedTipCents}\n displayedTotalCents={displayedTotalCents}\n quote={quote}\n />\n <TipField\n enabled={catalog.widget.fields.tipping}\n error={tipError}\n errorId={tipErrorId}\n onChange={handleFieldValuesChange}\n values={fieldValues}\n />\n <ContactFields\n email={email}\n emailDiscountPercentOff={\n quote.appliedDiscount?.source === \"email_list\"\n ? quote.appliedDiscount.percentageOff\n : undefined\n }\n emailErrorId={emailErrorId}\n emailId={emailId}\n emailRef={emailRef}\n errors={errors}\n onEmailBlur={() => controller.commands.refreshAuthoritativeTotal()}\n onEmailChange={(value) => {\n setEmail(value);\n clearError(\"email\");\n }}\n onPhoneChange={({ value, country }) => {\n setPhone(value);\n setPhoneCountry(country);\n clearError(\"phone\");\n }}\n phone={phone}\n phoneCountry={phoneCountry}\n phoneEnabled={catalog.widget.fields.phone}\n phoneErrorId={phoneErrorId}\n phoneId={phoneId}\n phoneRef={phoneRef}\n />\n <StripeCheckoutFields\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isShippingAddressReady={isShippingAddressReady}\n onAddressChange={(mode, address) => {\n addressesRef.current[mode] = address;\n }}\n onFieldValuesChange={handleFieldValuesChange}\n onStripeLoadError={controller.commands.reportStripeLoadError}\n setIsBillingAddressReady={setIsBillingAddressReady}\n setIsPaymentReady={setIsPaymentReady}\n setIsShippingAddressReady={setIsShippingAddressReady}\n />\n <AdditionalCheckoutFields\n customFields={catalog.widget.customFields}\n errors={customFieldErrors}\n fields={catalog.widget.fields}\n idPrefix={idPrefix}\n isPromoApplying={isRefreshingQuote}\n memberIdLabel={catalog.community?.memberIdLabel}\n onApplyPromo={controller.commands.applyPromo}\n onChange={handleFieldValuesChange}\n promoError={promoError}\n values={fieldValues}\n />\n <PaymentAction\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isRequiredShippingReady={isRequiredShippingReady}\n isSubmitting={isSubmitting}\n onFieldValuesChange={handleFieldValuesChange}\n quote={quote}\n />\n </fieldset>\n </div>\n {isSubmitting ? (\n <p\n className=\"lockerverse-payment__sr-only\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {displayedTotalCents === 0\n ? \"Completing order…\"\n : \"Processing payment…\"}\n </p>\n ) : null}\n <PaymentErrorMessage message={paymentError} />\n </form>\n );\n}\n\nexport function PaymentSkeleton() {\n return (\n <FormSkeleton\n fieldCount={2}\n label=\"Loading payment…\"\n sectionCount={2}\n showCheckbox\n />\n );\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutEstimate,\n LockerverseCheckoutItem,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { estimateLockerverseCheckout } from \"@lockerverse/sdk/checkout\";\nimport { useEffect, useMemo, useReducer, useRef } from \"react\";\nimport type { PaymentUiState } from \"./payment-form-state.ts\";\nimport { parsePaymentSelection } from \"./payment-input.ts\";\nimport type {\n LockerversePaymentProps,\n LockerversePaymentSelectionItem,\n} from \"./types.ts\";\n\ntype SessionState =\n | {\n phase: \"loading\";\n revision: number;\n }\n | {\n failure: string;\n phase: \"error\";\n revision: number;\n }\n | {\n checkoutItems: LockerverseCheckoutItem[];\n displayedQuote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n phase: \"ready\";\n quoteFailure: string | undefined;\n revision: number;\n };\n\ntype SessionAction =\n | {\n type: \"loading\";\n }\n | {\n displayedQuote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n type: \"ready\";\n }\n | {\n failure: string;\n type: \"error\";\n }\n | { checkout: LockerversePreparedCheckout; type: \"checkout\" }\n | { failure: string; type: \"quote-error\" };\n\nfunction sessionReducer(\n state: SessionState,\n action: SessionAction\n): SessionState {\n switch (action.type) {\n case \"loading\":\n return {\n phase: \"loading\",\n revision: state.revision,\n };\n case \"ready\":\n return createReadySession(action.displayedQuote, state.revision + 1);\n case \"error\":\n return {\n failure: action.failure,\n phase: \"error\",\n revision: state.revision,\n };\n case \"checkout\":\n return state.phase === \"ready\"\n ? {\n ...state,\n displayedQuote: action.checkout,\n quoteFailure: undefined,\n }\n : state;\n case \"quote-error\":\n return state.phase === \"ready\"\n ? {\n ...state,\n quoteFailure: action.failure,\n }\n : state;\n default:\n return state;\n }\n}\n\nfunction isSameLoad(identity: string | undefined, selectionKey: string) {\n return identity === selectionKey;\n}\n\nfunction createReadyAction({\n checkout,\n}: {\n checkout: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}): Extract<SessionAction, { type: \"ready\" }> {\n return {\n displayedQuote: checkout,\n type: \"ready\",\n };\n}\n\nfunction getLoadFailure<ErrorValue>(error: ErrorValue) {\n return error instanceof Error\n ? error.message\n : \"Lockerverse payment could not load.\";\n}\n\nfunction createReadySession(\n checkout: LockerverseCheckoutEstimate | LockerversePreparedCheckout,\n revision: number\n): SessionState {\n return {\n checkoutItems: [...checkout.items],\n displayedQuote: checkout,\n phase: \"ready\",\n quoteFailure: undefined,\n revision,\n };\n}\n\nfunction estimateCheckout(\n catalog: LockerverseCatalog,\n selection: LockerversePaymentSelectionItem[]\n) {\n const includeServiceFee = catalog.widget.fields.serviceFee;\n return estimateLockerverseCheckout(catalog, {\n includeServiceFee,\n selection,\n });\n}\n\nfunction createInitialSession(\n catalog: LockerverseCatalog,\n selection: LockerversePaymentSelectionItem[]\n): SessionState {\n try {\n return createReadySession(estimateCheckout(catalog, selection), 1);\n } catch (error) {\n return {\n failure: getLoadFailure(error),\n phase: \"error\",\n revision: 0,\n };\n }\n}\n\nexport function usePaymentCheckout({\n catalog,\n client,\n paymentState,\n selection,\n}: {\n catalog: LockerverseCatalog;\n client: LockerverseCheckoutClient;\n paymentState: PaymentUiState;\n selection: LockerversePaymentProps[\"selection\"];\n}) {\n const parsedSelection = parsePaymentSelection(selection);\n const selectionKey = parsedSelection.success\n ? JSON.stringify(parsedSelection.value)\n : \"invalid-selection\";\n const stableSelection = useMemo(\n () => (parsedSelection.success ? parsedSelection.value : []),\n [parsedSelection.success, selectionKey]\n );\n const [session, dispatch] = useReducer(\n sessionReducer,\n undefined,\n (): SessionState =>\n parsedSelection.success\n ? createInitialSession(catalog, stableSelection)\n : { phase: \"loading\", revision: 0 }\n );\n const loadingRef = useRef<string | undefined>(undefined);\n const quoteRevisionRef = useRef(0);\n const estimatedRef = useRef<string | undefined>(\n session.phase === \"ready\" ? selectionKey : undefined\n );\n const settledRef = useRef<string | undefined>(\n session.phase === \"error\" ? selectionKey : undefined\n );\n const sessionIsLocked =\n paymentState === \"submitting\" ||\n paymentState === \"success\" ||\n paymentState === \"unresolved\";\n useEffect(() => {\n if (!parsedSelection.success) {\n return;\n }\n if (\n sessionIsLocked ||\n isSameLoad(settledRef.current, selectionKey) ||\n isSameLoad(loadingRef.current, selectionKey)\n ) {\n return;\n }\n\n let active = true;\n loadingRef.current = selectionKey;\n let estimateIsReady = estimatedRef.current === selectionKey;\n if (!estimateIsReady) {\n dispatch({ type: \"loading\" });\n }\n\n function dispatchWhenActive(action: SessionAction) {\n if (active) {\n dispatch(action);\n }\n }\n\n function settleWhenActive() {\n if (active) {\n loadingRef.current = undefined;\n settledRef.current = selectionKey;\n }\n }\n\n let initialQuoteRevision: number | undefined;\n\n function failWhenActive<ErrorValue>(error: ErrorValue) {\n if (!active) {\n return;\n }\n loadingRef.current = undefined;\n settledRef.current = selectionKey;\n if (\n estimateIsReady &&\n initialQuoteRevision !== undefined &&\n quoteRevisionRef.current !== initialQuoteRevision\n ) {\n return;\n }\n const failure = getLoadFailure(error);\n if (failure === \"This option is sold out.\") {\n dispatch({ failure, type: \"error\" });\n return;\n }\n if (estimateIsReady) {\n dispatch({ failure, type: \"quote-error\" });\n } else {\n dispatch({\n failure,\n type: \"error\",\n });\n }\n }\n\n async function loadPayment() {\n try {\n initialQuoteRevision = quoteRevisionRef.current;\n const includeServiceFee = catalog.widget.fields.serviceFee;\n if (!estimateIsReady) {\n const estimate = estimateCheckout(catalog, stableSelection);\n estimateIsReady = true;\n estimatedRef.current = selectionKey;\n dispatchWhenActive(createReadyAction({ checkout: estimate }));\n }\n const preparedCheckout = await client.calculateTotal({\n catalog,\n includeServiceFee,\n selection: stableSelection,\n });\n settleWhenActive();\n if (quoteRevisionRef.current === initialQuoteRevision) {\n dispatchWhenActive({\n checkout: preparedCheckout,\n type: \"checkout\",\n });\n }\n } catch (error) {\n failWhenActive(error);\n }\n }\n\n loadPayment();\n return () => {\n active = false;\n if (isSameLoad(loadingRef.current, selectionKey)) {\n loadingRef.current = undefined;\n }\n };\n }, [\n catalog,\n client,\n parsedSelection.success,\n sessionIsLocked,\n selectionKey,\n stableSelection,\n ]);\n\n const loadIsCurrent =\n isSameLoad(estimatedRef.current, selectionKey) ||\n isSameLoad(settledRef.current, selectionKey) ||\n isSameLoad(loadingRef.current, selectionKey);\n const currentSession =\n sessionIsLocked || loadIsCurrent\n ? session\n : ({ phase: \"loading\", revision: session.revision } as const);\n\n return {\n selectionError: parsedSelection.success\n ? undefined\n : parsedSelection.message,\n session: currentSession,\n updateCheckout: (checkout: LockerversePreparedCheckout) => {\n quoteRevisionRef.current += 1;\n dispatch({ checkout, type: \"checkout\" });\n },\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n type ReactNode,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport { getAccentContrast, normalizeAccentColor } from \"./accent-contrast.ts\";\nimport {\n defaultLockerverseStripeLoader,\n PaymentSkeleton,\n ReadyPayment,\n} from \"./payment-form.tsx\";\nimport type { PaymentUiState } from \"./payment-form-state.ts\";\nimport type {\n LockerversePaymentProps,\n LockerversePaymentRecovery,\n} from \"./types.ts\";\nimport { usePaymentCheckout } from \"./use-payment-checkout.ts\";\n\ntype PaymentViewProps = Omit<LockerversePaymentProps, \"widget\">;\n\nfunction getPaymentAppearance(\n style: LockerversePaymentProps[\"style\"],\n branding: LockerversePaymentProps[\"branding\"] | null\n) {\n const accent = normalizeAccentColor(\n style?.[\"--lockerverse-accent\"] ?? branding?.accentColor ?? \"#38d77a\"\n );\n const accentContrast = getAccentContrast(accent);\n const rootStyle: LockerversePaymentProps[\"style\"] = { ...style };\n if (style?.[\"--lockerverse-accent\"] !== undefined || branding?.accentColor) {\n rootStyle[\"--lockerverse-accent\"] = accent;\n }\n if (\n accentContrast &&\n style?.[\"--lockerverse-accent-contrast\"] === undefined\n ) {\n rootStyle[\"--lockerverse-accent-contrast\"] = accentContrast;\n }\n return { accent, rootStyle };\n}\n\nfunction LoadedPayment({\n catalog,\n client,\n ...viewProps\n}: PaymentViewProps & {\n catalog: LockerverseCatalog;\n client: LockerverseCheckoutClient;\n}) {\n const {\n branding,\n className,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n resumePayment,\n selection,\n style,\n stripeLoader = defaultLockerverseStripeLoader,\n theme = \"dark\",\n ...sectionProps\n } = viewProps;\n const [activeResumePayment, setActiveResumePayment] = useState(resumePayment);\n const appearanceRootRef = useRef<HTMLElement | null>(null);\n const [notice, setNotice] = useState<string>();\n const [paymentState, setPaymentState] = useState<PaymentUiState>(\"idle\");\n const paymentStateRevisionRef = useRef<number | undefined>(undefined);\n const { selectionError, session, updateCheckout } = usePaymentCheckout({\n catalog,\n client,\n paymentState,\n selection,\n });\n const readySessionRevision =\n session.phase === \"ready\" ? session.revision : undefined;\n const handlePaymentStateChange = useCallback(\n (state: PaymentUiState) => {\n if (readySessionRevision !== undefined) {\n paymentStateRevisionRef.current = readySessionRevision;\n }\n setPaymentState(state);\n },\n [readySessionRevision]\n );\n const handlePaymentRecoveryChange = useCallback(\n (recovery: LockerversePaymentRecovery | null) =>\n onPaymentRecoveryChange?.(recovery),\n [onPaymentRecoveryChange]\n );\n const handleResumePaymentFailed = useCallback(() => {\n setActiveResumePayment(undefined);\n }, []);\n\n useEffect(() => {\n if (session.phase === \"loading\") {\n setNotice(undefined);\n }\n }, [session.phase]);\n\n useLayoutEffect(() => {\n if (\n session.phase === \"ready\" &&\n paymentStateRevisionRef.current !== session.revision\n ) {\n setPaymentState((current) =>\n current === \"success\" || current === \"unresolved\" ? current : \"idle\"\n );\n }\n }, [session.phase, session.revision]);\n\n const rootClassName = [\"lockerverse-payment\", className]\n .filter(Boolean)\n .join(\" \");\n const effectiveBranding = branding ?? catalog.community;\n const { accent: effectiveAccent, rootStyle } = getPaymentAppearance(\n style,\n effectiveBranding\n );\n\n if (selectionError) {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n role=\"alert\"\n style={rootStyle}\n >\n {selectionError}\n </section>\n );\n }\n\n const sessionIsSoldOut =\n session.phase === \"error\" && session.failure === \"This option is sold out.\";\n\n if (sessionIsSoldOut || paymentState === \"sold_out\") {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n role=\"alert\"\n style={rootStyle}\n >\n <h1>Sold out</h1>\n <p>This option is sold out.</p>\n </section>\n );\n }\n\n if (session.phase === \"error\") {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <p role=\"alert\">{session.failure}</p>\n </section>\n );\n }\n\n if (session.phase !== \"ready\") {\n return (\n <section\n {...sectionProps}\n aria-busy=\"true\"\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <PaymentSkeleton />\n </section>\n );\n }\n\n return (\n <section\n {...sectionProps}\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n data-payment-state={paymentState}\n ref={appearanceRootRef}\n style={rootStyle}\n >\n <header>\n {catalog.widget.showCommunityBranding && effectiveBranding ? (\n <div className=\"lockerverse-payment__branding\">\n {effectiveBranding.imageUrl ? (\n <img\n alt={effectiveBranding.name}\n height=\"48\"\n src={effectiveBranding.imageUrl}\n width=\"48\"\n />\n ) : null}\n <strong>{effectiveBranding.name}</strong>\n </div>\n ) : null}\n <h1>{catalog.widget.title ?? catalog.widget.name}</h1>\n {catalog.widget.description ? (\n <p>{catalog.widget.description}</p>\n ) : null}\n </header>\n {notice ? (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n {notice}\n </p>\n ) : null}\n {session.quoteFailure ? (\n <div className=\"lockerverse-payment__payment-status\" role=\"alert\">\n <span>{session.quoteFailure}</span>\n <span> The final total will be checked when you submit.</span>\n </div>\n ) : null}\n <ReadyPayment\n accentColor={effectiveAccent}\n appearanceRoot={appearanceRootRef}\n catalog={catalog}\n checkoutItems={session.checkoutItems}\n client={client}\n key={session.revision}\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={handlePaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={(nextQuote, nextNotice) => {\n setNotice(nextNotice);\n updateCheckout(nextQuote);\n }}\n onResumePaymentFailed={handleResumePaymentFailed}\n onStateChange={handlePaymentStateChange}\n quote={session.displayedQuote}\n resumePayment={activeResumePayment}\n stripeLoader={stripeLoader}\n theme={theme}\n visualStyle={rootStyle}\n />\n </section>\n );\n}\n\nfunction PaymentWidgetState({\n children,\n loading = false,\n viewProps,\n}: {\n children: ReactNode;\n loading?: boolean;\n viewProps: PaymentViewProps;\n}) {\n const {\n branding,\n className,\n metadata: _metadata,\n onPaymentComplete: _onPaymentComplete,\n onPaymentRecoveryChange: _onPaymentRecoveryChange,\n onPaymentUncertain: _onPaymentUncertain,\n resumePayment: _resumePayment,\n selection: _selection,\n stripeLoader: _stripeLoader,\n style,\n theme = \"dark\",\n ...sectionProps\n } = viewProps;\n const accent = normalizeAccentColor(\n style?.[\"--lockerverse-accent\"] ?? branding?.accentColor ?? \"#38d77a\"\n );\n const accentContrast = getAccentContrast(accent);\n const rootStyle: LockerversePaymentProps[\"style\"] = { ...style };\n if (style?.[\"--lockerverse-accent\"] !== undefined || branding?.accentColor) {\n rootStyle[\"--lockerverse-accent\"] = accent;\n }\n if (\n accentContrast &&\n style?.[\"--lockerverse-accent-contrast\"] === undefined\n ) {\n rootStyle[\"--lockerverse-accent-contrast\"] = accentContrast;\n }\n\n return (\n <section\n {...sectionProps}\n {...(loading ? { \"aria-busy\": true, \"aria-label\": \"Payment\" } : {})}\n className={[\"lockerverse-payment\", className].filter(Boolean).join(\" \")}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n {children}\n </section>\n );\n}\n\nexport function LockerversePayment({\n widget,\n ...viewProps\n}: LockerversePaymentProps) {\n if (widget.error) {\n return (\n <PaymentWidgetState viewProps={viewProps}>\n <p role=\"alert\">{widget.error.message}</p>\n <button onClick={widget.refresh} type=\"button\">\n Retry\n </button>\n </PaymentWidgetState>\n );\n }\n if (widget.loading || !widget.catalog) {\n return (\n <PaymentWidgetState loading viewProps={viewProps}>\n <PaymentSkeleton />\n </PaymentWidgetState>\n );\n }\n return (\n <LoadedPayment\n catalog={widget.catalog}\n client={widget.client}\n {...viewProps}\n />\n );\n}\n"],"mappings":"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"}