@vtex/faststore 0.0.8 → 0.0.11

package/dist/matter/place-order/place-order.js.map

@@ -1 +1 @@
-{"version":3,"file":"place-order.js","names":[],"sources":["../../../src/matter/place-order/place-order.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useEffect, useId, useLayoutEffect, useState } from 'react';\nimport { Button } from '../../particles/button/button.js';\nimport { useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useStorefrontNavigation } from '../../sdk/navigation/use-storefront-navigation.js';\nimport type { PaymentUserError } from '../../sdk/payment/operations.js';\nimport { type PlaceOrderData, type UsePlaceOrder, usePlaceOrder } from '../../sdk/payment/use-place-order.js';\nimport { resolveSiteRelativeHref, type SafeHrefRejection } from '../../utils/safe-href.js';\nimport { usePayment } from '../payment/payment.js';\nimport { refusalTargetOf, usePaymentSubmitGate } from '../payment/use-payment-submit-gate.js';\n\n/**\n * The `PlaceOrder` CTA matter (specs/place-order.md, T14 of the Credit Card epic;\n * docs/features/credit-card/rfc.md § D9). Drives T13's `usePlaceOrder` orchestration hook and renders\n * the three v1 states the RFC names: the idle CTA, a blocking loading state while the three-call\n * sequence runs, and an inline outcome (error or success) once it settles.\n *\n * **Composes as a sibling of the card entry (T7) and the saved cards list (T12) under the payment\n * root, never nested inside either.** That placement is what lets this one CTA serve both the\n * new-card and saved-card paths — nesting it inside a card form, as the legacy `CardForm` does,\n * would force a second CTA for the saved-card path. This is a documented authoring convention, not a\n * compiler guarantee: `requiresContext: 'payment'` (ADR-0009) only fails the build when *no* ancestor\n * at any depth declares `providesContext: 'payment'` — there is no `forbidsAncestor` token, so a\n * schema that nests this component inside `CardEntry`/`SavedCards` instead of beside them still\n * compiles and still resolves the context from the payment root further up. This component throws\n * at runtime only when rendered entirely outside a `PaymentSectionRoot`/`Controller` subtree — both\n * `usePayment()` (read directly below, for `draft.billingAddressDifferent`) and `usePlaceOrder` (via\n * the submission channel those roots provide) enforce that guard, with `usePayment()` throwing first\n * since its value feeds `usePlaceOrder`'s own argument — a real, load-bearing guard, but a weaker one\n * than \"must be a sibling.\" See specs/place-order.md's open items for this gap.\n *\n * **This component never touches card data.** It declares its own thin fragment for the read-model\n * slice `usePlaceOrder` needs (`selectedMethodId`, `selectedInstallment`, `methods` — ADR-0011,\n * mirroring `PaymentSummaryData`/`PaymentSectionData`) and forwards it plus `$actions` straight into\n * the hook. The one fact it reads off `usePayment()`'s context directly is `draft.billingAddressDifferent`\n * (T11's widening of `PaymentDraft`), forwarded into `usePlaceOrder`'s own optional argument of the\n * same name so the gateway descriptor carries the shopper's choice (fix pass, PR #544 review F1) —\n * still not a card field, since `PaymentDraft` never carries one. `usePaymentSubmitGate()` (T24)\n * resolves the client-side document/billing refusal off that same context and is forwarded as\n * `usePlaceOrder`'s `submitGate` argument — an opaque `PaymentUserError | null`, never the facts\n * behind it. The hook already owns `placing`, `userErrors`, and `orderId` — including releasing\n * `placing` on every failure path — so this component only reflects that state, never re-implements it.\n *\n * `attempted` is the one bit of state this component adds, and it is not a duplicate of anything the\n * hook owns: `usePlaceOrder`'s `userErrors: []` is both the pre-attempt state and the settled-success\n * state (T13 does not disambiguate the two, by design — see `UsePlaceOrder`'s doc), so distinguishing\n * \"never attempted\" from \"attempted and succeeded\" is exactly this component's job. `succeeded` is\n * derived, not stored: `attempted && !placing && userErrors.length === 0`.\n *\n * **T29 widens both `succeeded` and the button label with the surviving `attempt` record read off\n * `usePayment()`** (specs/make-an-order-attempt-survive-a.md), never mirrored into local state:\n * `attempted`/`userErrors`/`orderId` all restart at their pre-attempt defaults on every mount, but the\n * attempt record does not, so a remount renders its truth rather than this instance's own fresh state.\n * `succeeded` is `true` whenever the record's own phase is `'settled'`, independent of `attempted`; the\n * button shows `resumeLabel` instead of `label` whenever the phase is `'sent'` or `'unresolved'` — the\n * card already left the browser (or its fate is unknown) and the next click finalizes it through\n * `usePlaceOrder`'s `resume()` rather than opening a new transaction.\n *\n * The button disables on `placing` (the required blocking state) and, deliberately, on `succeeded`\n * too — an already-placed order has nothing left to submit, and a second click risks exactly the\n * duplicate-transaction outcome T13's own concurrency guard (Decision 6) calls \"the worst outcome\n * this task's surface has\". `usePlaceOrder`'s in-flight ref is the inner guard; this is the outer one.\n * Fix pass, finding S-F1: it also disables on the *shared* `usePayment().placing`, since a second\n * composed `PlaceOrder` has no other way to learn a sibling instance already opened a transaction —\n * each `usePlaceOrder()` call owns its own, independent `inFlight` ref.\n */\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment — raw template literal, matching the merged `payment`/`payment-summary` siblings:\n// the codegen `documents` glob does not scan `src/matter/place-order*`, so the typed `graphql()`\n// factory is unavailable here; `data-component-contract.test.ts` validates this fragment against the\n// real schema and the built catalog.\n//\n// Selects exactly the three fields `PlaceOrderData` (sdk/payment/use-place-order.ts) needs — nothing\n// from `PaymentSectionData` is re-selected, and nothing card-shaped is ever in scope.\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment PlaceOrderData on Query {\n    payment {\n      __typename\n      id\n      selectedMethodId\n      selectedInstallment {\n        __typename\n        count\n        value {\n          amount\n          currencyCode\n        }\n        interestRate\n      }\n      methods {\n        __typename\n        id\n        groupName\n      }\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport type PlaceOrderProps = ComponentPropsWithRef<'div'> & {\n  /** CTA label while idle. */\n  label?: string;\n  /** CTA label while the three-call sequence is in flight. */\n  placingLabel?: string;\n  /** Status message shown beside the button for as long as the order is being placed. Absent or blank renders nothing. */\n  placingMessage?: string;\n  /**\n   * CTA label while a surviving attempt (T29) offers a resume — the card already left the browser\n   * (`sent`) or its fate is unknown (`unresolved`), and the next click finalizes it rather than running\n   * the full sequence again. Shown instead of `label`, never alongside `placingLabel` (mutually\n   * exclusive — `placing` takes priority whenever both could apply).\n   */\n  resumeLabel?: string;\n  /** Inline message shown once the sequence has settled with no `userErrors`. */\n  successMessage?: string;\n  /** Shown when `placeOrder()` is invoked with no registered submission for the current path. */\n  missingSubmissionMessage?: string;\n  /** Shown when no payment method is selected yet. */\n  missingMethodMessage?: string;\n  /** Shown when `startTransaction` resolves incomplete transaction data. */\n  invalidTransactionMessage?: string;\n  /** Shown for an infrastructure-level failure reaching the payment gateway action. */\n  networkErrorMessage?: string;\n  /** Shown when the selected method requires a cardholder document and none is set. */\n  missingDocumentMessage?: string;\n  /** Shown when the typed cardholder document fails validation. */\n  invalidDocumentMessage?: string;\n  /**\n   * Shown instead of the two document messages above when the selected method calls for a cardholder\n   * document the page is not showing — a method the card form cannot pay with, or one outside the\n   * section's `group` — so the shopper has to choose another payment method (T192).\n   */\n  unavailableMethodMessage?: string;\n  /** Shown when the shopper declined \"same as delivery\" but never saved a billing address. */\n  unsavedBillingAddressMessage?: string;\n  /** Shown when the new-card draft itself fails validation before ever reaching the gateway. */\n  invalidCardDataMessage?: string;\n  /** Shown when the typed card number is well-formed but no payment network the store accepts claims it (T47). */\n  unsupportedNetworkMessage?: string;\n  /** Shown when a saved-card submission is refused for a missing or invalid CVV. */\n  invalidSecurityCodeMessage?: string;\n  /** Shown when the payment gateway itself refuses the submitted card. */\n  gatewayErrorMessage?: string;\n  /**\n   * Shown when a click lands on an order-placement attempt whose own sequence is still running — a\n   * transaction this instance did not open, and which nothing here may finalize or re-run (T170).\n   */\n  inFlightMessage?: string;\n  /**\n   * Shown when the payment was handed to the gateway but the order could not be confirmed, so it may still be\n   * processing (T176). Rendered as a status, never as the error alert.\n   */\n  unconfirmedMessage?: string;\n  /**\n   * Where the shopper lands after a successful placement. A page reference gets the placed order's\n   * group as its `orderGroup` param. A string is a logical path of this store, navigated as written;\n   * an absolute, protocol-relative, or non-http(s) value, or a `{orderGroup}` template, is refused\n   * rather than navigated to (fail closed, dev-only warn).\n   * e.g. `{ standard: 'order-placed' }`\n   */\n  successHref?: PageRef | string;\n  /** `Payment` slice forwarded by the reactive runtime (arity-1, ADR-0015) — `null` until it resolves. */\n  $data?: PlaceOrderData;\n  /** Compiler-injected action surface; carries `payment.startTransaction`, `payment.gatewayCallback`, `analytics.track`. */\n  $actions?: ComponentActions;\n};\n\n// ---------------------------------------------------------------------------\n// Definition\n// ---------------------------------------------------------------------------\n\nexport const PlaceOrderDefinition = defineComponent<PlaceOrderProps>({\n  name: 'PlaceOrder',\n  importPath: '@vtex/faststore/components',\n  component: PlaceOrder,\n  fragment,\n  fetchStrategy: 'reactive',\n  actions: { payment: ['startTransaction', 'gatewayCallback'], analytics: ['track'] },\n  requiresContext: 'payment',\n  editor: { label: 'Place Order', category: 'commerce' },\n  schema: {\n    // Literals, not shared constants: the native catalog builder extracts `schema` statically and\n    // silently drops an identifier-valued default (place-order.test.tsx asserts the built catalog\n    // keeps every one of them, mirroring payment.tsx's group-default guard).\n    label: { type: 'string', default: 'Place order', label: 'Button label' },\n    placingLabel: { type: 'string', default: 'Placing order...', label: 'Button label while placing' },\n    // No default on purpose: absent means no surface, so a store that does not author it renders today's markup.\n    placingMessage: { type: 'string', label: 'Message shown while placing the order' },\n    resumeLabel: {\n      type: 'string',\n      default: 'Complete your order',\n      label: 'Button label while a surviving attempt offers a resume',\n    },\n    successMessage: { type: 'string', default: 'Order placed successfully.', label: 'Success message' },\n    // T31 (specs/make-the-payment-components-authored-copy.md, FR-4, Decision 1) — one prop per\n    // client-synthesized PaymentUserError code this CTA's alert can render, each defaulting to that\n    // error's current, unchanged `message` (Decision 11 — the module-level constants that produce\n    // these codes elsewhere in the payment surface keep their own message verbatim).\n    missingSubmissionMessage: {\n      type: 'string',\n      default: 'Enter your payment details before placing the order.',\n      label: 'Missing payment submission message',\n    },\n    missingMethodMessage: {\n      type: 'string',\n      default: 'Choose a payment method before placing the order.',\n      label: 'Missing payment method message',\n    },\n    invalidTransactionMessage: {\n      type: 'string',\n      default: 'Unable to start the payment. Please try again.',\n      label: 'Invalid transaction message',\n    },\n    networkErrorMessage: {\n      type: 'string',\n      default: 'Unable to complete the request. Please try again.',\n      label: 'Network error message',\n    },\n    missingDocumentMessage: {\n      type: 'string',\n      default: 'Enter your document before placing the order.',\n      label: 'Missing document message',\n    },\n    invalidDocumentMessage: {\n      type: 'string',\n      default: 'Enter a valid document before placing the order.',\n      label: 'Invalid document message',\n    },\n    unavailableMethodMessage: {\n      type: 'string',\n      default: 'Choose another payment method before placing the order.',\n      label: 'Unavailable payment method message',\n    },\n    unsavedBillingAddressMessage: {\n      type: 'string',\n      default: 'Save your billing address before placing the order.',\n      label: 'Unsaved billing address message',\n    },\n    invalidCardDataMessage: {\n      type: 'string',\n      default: 'Enter valid card details before placing the order.',\n      label: 'Invalid card data message',\n    },\n    unsupportedNetworkMessage: {\n      type: 'string',\n      default: 'This card is not from a network the store accepts. Use another card or choose another payment method.',\n      label: 'Unsupported card network message',\n    },\n    invalidSecurityCodeMessage: {\n      type: 'string',\n      default: 'Enter a valid security code before placing the order.',\n      label: 'Invalid security code message',\n    },\n    gatewayErrorMessage: {\n      type: 'string',\n      default: 'Unable to complete the payment. Please try again.',\n      label: 'Gateway error message',\n    },\n    inFlightMessage: {\n      type: 'string',\n      default: 'This order is already being placed. Please wait.',\n      label: 'Order already in flight message',\n    },\n    unconfirmedMessage: {\n      type: 'string',\n      default: 'We could not confirm your order yet. Your payment may still be processing, so please do not pay again.',\n      label: 'Unconfirmed order message',\n    },\n    successHref: {\n      type: 'link',\n      default: { standard: 'order-placed' },\n      fills: ['orderGroup'],\n      label: 'Confirmation Page',\n    },\n  },\n  guideline:\n    \"The place-order CTA: invokes usePlaceOrder's three-call sequence (start transaction, the registered submission's own direct-to-gateway leg, then the gateway callback) and blocks interaction while it runs. Compose it as a sibling — never a child — of every other payment-entry leaf under the same PaymentSectionRoot or PaymentSectionController, so the one CTA serves every entry path. Renders one inline outcome after settling: the first userError's message, or successMessage on a clean settle. While the order is being placed it renders nothing but the button, unless placingMessage is set: then a status message shows beside the button, and the rest of the payment form is blocked for as long as it shows. This component reaches no payment-sensitive input. Must be inside a payment root. See place-order.md.\",\n});\n\n// ---------------------------------------------------------------------------\n// Implementation\n// ---------------------------------------------------------------------------\n\n/** The default confirmation page. */\nconst ORDER_PLACED_PAGE: PageRef = { standard: 'order-placed' };\n\n/**\n * Fail-closed warning for a string `successHref` that is not a path of this store. Nothing upstream\n * validates a string prop's shape, and an absolute or protocol-relative value would turn this CTA into\n * an open redirect that fires right after a real purchase, carrying the shopper's own order group to\n * another origin. Dev-only, like every other authoring warning in this component.\n */\nfunction warnUnsafeSuccessHref(successHref: string, reason: SafeHrefRejection): void {\n  if (process.env.NODE_ENV === 'production') return;\n  console.warn(\n    `[PlaceOrder] successHref \"${successHref}\" is not a path of this store (${reason}); refusing to ` +\n      'navigate there rather than sending the shopper off-site right after a purchase.',\n  );\n}\n\n/**\n * Fail-closed warning for a string `successHref` that still carries a `{token}`, the template form this\n * prop took before page references. Nothing fills the token any more, so navigating would land the\n * shopper on a literal `%7BorderGroup%7D` 404 right after paying. Dev-only.\n */\nfunction warnTemplateSuccessHref(successHref: string): void {\n  if (process.env.NODE_ENV === 'production') return;\n  console.warn(\n    `[PlaceOrder] successHref \"${successHref}\" is a route template; refusing to navigate there. ` +\n      \"Reference the confirmation page instead: { standard: 'order-placed' }.\",\n  );\n}\n\ntype PlaceOrderNavigateOnSuccessProps = Pick<UsePlaceOrder, 'orderId' | 'userErrors'> & {\n  successHref: PageRef | string;\n};\n\n/**\n * Navigates once `orderId` transitions to a non-empty value — not on `succeeded` (Decision 4) — so a\n * null or empty order group and every failure path never navigate. `userErrors` is also consulted\n * directly (INV-1): this component does not own `usePlaceOrder`, so it does not rely on that hook never\n * settling an order id beside an error.\n *\n * The call site passes `displayOrderId` (`orderId ?? the surviving attempt's own orderId`), not the\n * mount-local `orderId` this type is named for: a remounted CTA whose own `usePlaceOrder()` never ran\n * has an empty local `orderId` forever, and would otherwise leave the shopper on the payment page.\n *\n * The effect keys on the serialized `successHref`, not on its identity: a reference authored in a\n * schema arrives as a new object on every server render, and keying on it would navigate again on a\n * `router.refresh()`.\n */\nfunction PlaceOrderNavigateOnSuccess({ successHref, orderId, userErrors }: PlaceOrderNavigateOnSuccessProps) {\n  const { replace } = useStorefrontNavigation();\n  const successKey = JSON.stringify(successHref);\n\n  useEffect(() => {\n    if (!orderId || userErrors.length > 0) return;\n    const authored: PageRef | string = JSON.parse(successKey);\n    if (typeof authored !== 'string') {\n      replace({ ...authored, params: { ...authored.params, orderGroup: orderId } });\n      return;\n    }\n    const destination = resolveSiteRelativeHref(authored);\n    if (!destination.safe) {\n      warnUnsafeSuccessHref(authored, destination.reason);\n      return;\n    }\n    if (destination.href.includes('{')) {\n      warnTemplateSuccessHref(authored);\n      return;\n    }\n    replace(destination.href);\n  }, [orderId, successKey, userErrors, replace]);\n\n  return null;\n}\n\n/** The message props FR-4 adds, unnested — one field per client-synthesized `PaymentUserError` code\n *  this CTA can render. Ten from T31; `inFlightMessage` joins them for T170's own code,\n *  `unconfirmedMessage` for T176's, which renders in the status node instead of the alert, and\n *  `unavailableMethodMessage` for T192's. */\nexport type AuthoredPlaceOrderMessages = Readonly<{\n  missingSubmissionMessage: string;\n  missingMethodMessage: string;\n  invalidTransactionMessage: string;\n  networkErrorMessage: string;\n  missingDocumentMessage: string;\n  invalidDocumentMessage: string;\n  unsavedBillingAddressMessage: string;\n  invalidCardDataMessage: string;\n  unsupportedNetworkMessage: string;\n  invalidSecurityCodeMessage: string;\n  gatewayErrorMessage: string;\n  inFlightMessage: string;\n  unconfirmedMessage: string;\n  unavailableMethodMessage: string;\n}>;\n\n/**\n * Builds the code -> copy map `resolveErrorMessage` reads (Decision 1, FR-4). The codes are literal\n * strings, never imported constants: importing them from card-entry.tsx / saved-cards.tsx /\n * use-place-order.ts / use-payment-submit-gate.ts / gateway.ts here would make this file a matter ->\n * matter dependency (R5) — `resolvePaymentSubmitGate` and `use-place-order.ts` stay untouched and this\n * component still imports nothing from either module beyond the hooks it already called. Exported for\n * direct unit testing, mirroring card-entry.tsx's convention for its own pure helpers:\n * place-order.test.tsx imports the five files' own real exported code constants and asserts this\n * function's returned key set equals their union.\n */\nexport function buildAuthoredErrorMessages(messages: AuthoredPlaceOrderMessages): Readonly<Record<string, string>> {\n  return {\n    MISSING_PAYMENT_SUBMISSION: messages.missingSubmissionMessage,\n    MISSING_PAYMENT_METHOD_SELECTION: messages.missingMethodMessage,\n    INVALID_TRANSACTION_DATA: messages.invalidTransactionMessage,\n    NETWORK_ERROR: messages.networkErrorMessage,\n    MISSING_CARDHOLDER_DOCUMENT: messages.missingDocumentMessage,\n    INVALID_CARDHOLDER_DOCUMENT: messages.invalidDocumentMessage,\n    UNSAVED_BILLING_ADDRESS: messages.unsavedBillingAddressMessage,\n    INVALID_CARD_DATA: messages.invalidCardDataMessage,\n    UNSUPPORTED_CARD_NETWORK: messages.unsupportedNetworkMessage,\n    INVALID_SECURITY_CODE: messages.invalidSecurityCodeMessage,\n    GATEWAY_ERROR: messages.gatewayErrorMessage,\n    PLACE_ORDER_IN_FLIGHT: messages.inFlightMessage,\n    PLACE_ORDER_UNCONFIRMED: messages.unconfirmedMessage,\n    UNAVAILABLE_PAYMENT_METHOD: messages.unavailableMethodMessage,\n  };\n}\n\n/**\n * Resolves the alert's rendered message for one client-synthesized `PaymentUserError`: the authored\n * copy for its `code` when this component owns one, otherwise the error's own `message` unchanged\n * (US-2 AC2 — a server-returned code this component does not author must render verbatim).\n *\n * `||`, not `??` (fix pass, finding 7): a store author can write `\"\"` for a code's authored message —\n * a valid, if unusual, `type: 'string'` prop value — and `??` only falls through on `null`/`undefined`,\n * so an authored empty string would render as an empty `role=\"alert\"` on a genuine gateway refusal,\n * leaving the shopper with no feedback at all where the unauthored default always rendered\n * `error.message`. Falling through on any falsy authored value is the exception on this surface, not\n * the rule: eight sibling `??` resolutions elsewhere (`access-code-sign-in.tsx`, `region.tsx`) stay on\n * `??`; `billing-address.tsx`'s `fieldLabels` fallback (fix pass round 2, finding N1) is fixed the\n * same way, for the same reason.\n */\nexport function resolveErrorMessage(error: PaymentUserError, authored: Readonly<Record<string, string>>): string {\n  return authored[error.code] || error.message;\n}\n\ntype PlaceOrderFeedbackProps = Readonly<{\n  placing: boolean;\n  placingMessage: string | undefined;\n  firstError: PaymentUserError | undefined;\n  unconfirmed: boolean;\n  succeeded: boolean;\n  successMessage: string;\n  displayOrderId: string | null;\n  authoredErrorMessages: Readonly<Record<string, string>>;\n}>;\n\n/**\n * The CTA's feedback nodes: the authored placing message, the alert for a refusal, the status notice for\n * an order that could not be confirmed (T176), and the success line. Rendered as the CTA's own children,\n * so none of them adds a wrapper.\n */\nfunction PlaceOrderFeedback({\n  placing,\n  placingMessage,\n  firstError,\n  unconfirmed,\n  succeeded,\n  successMessage,\n  displayOrderId,\n  authoredErrorMessages,\n}: PlaceOrderFeedbackProps) {\n  return (\n    <>\n      {placing && placingMessage?.trim() ? <output data-fs-place-order-placing=\"\">{placingMessage}</output> : null}\n      {firstError && !unconfirmed ? (\n        <div role=\"alert\" data-fs-place-order-error=\"\">\n          {resolveErrorMessage(firstError, authoredErrorMessages)}\n        </div>\n      ) : null}\n      {firstError && unconfirmed && !succeeded ? (\n        <output data-fs-place-order-unconfirmed=\"\">{resolveErrorMessage(firstError, authoredErrorMessages)}</output>\n      ) : null}\n      {succeeded ? (\n        <output data-fs-place-order-success=\"\">\n          <span data-fs-place-order-success-message=\"\">{successMessage}</span>\n          {displayOrderId ? <span data-fs-place-order-success-order-id=\"\">{displayOrderId}</span> : null}\n        </output>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * T212: where focus moves after a refusal. Only a refusal raised before anything left the browser\n * (`reachedGateway === false`) that names an element the shopper must fix has a target; a result the\n * gateway returned never does, whatever its code.\n */\nfunction refusalFocusTarget(refusals: readonly PaymentUserError[], reachedGateway: boolean) {\n  const [refusal] = refusals;\n  return reachedGateway === false && refusal ? refusalTargetOf(refusal) : null;\n}\n\nexport function PlaceOrder({\n  label = 'Place order',\n  placingLabel = 'Placing order...',\n  placingMessage,\n  resumeLabel = 'Complete your order',\n  successMessage = 'Order placed successfully.',\n  missingSubmissionMessage = 'Enter your payment details before placing the order.',\n  missingMethodMessage = 'Choose a payment method before placing the order.',\n  invalidTransactionMessage = 'Unable to start the payment. Please try again.',\n  networkErrorMessage = 'Unable to complete the request. Please try again.',\n  missingDocumentMessage = 'Enter your document before placing the order.',\n  invalidDocumentMessage = 'Enter a valid document before placing the order.',\n  unavailableMethodMessage = 'Choose another payment method before placing the order.',\n  unsavedBillingAddressMessage = 'Save your billing address before placing the order.',\n  invalidCardDataMessage = 'Enter valid card details before placing the order.',\n  unsupportedNetworkMessage = 'This card is not from a network the store accepts. Use another card or choose another payment method.',\n  invalidSecurityCodeMessage = 'Enter a valid security code before placing the order.',\n  gatewayErrorMessage = 'Unable to complete the payment. Please try again.',\n  inFlightMessage = 'This order is already being placed. Please wait.',\n  unconfirmedMessage = 'We could not confirm your order yet. Your payment may still be processing, so please do not pay again.',\n  successHref = ORDER_PLACED_PAGE,\n  $data: $dataProp,\n  $actions: $actionsProp,\n  className,\n  ...props\n}: PlaceOrderProps) {\n  const $data = useDataOverride($dataProp);\n  const $actions = useActionsOverride($actionsProp);\n  // T28: this instance's own stable identity, so its publish effect below retracts only its own key\n  // (Decision 4) — never a second composed PlaceOrder's still-in-flight one.\n  const instanceKey = useId();\n  // Also enforces the PaymentSectionRoot/PaymentSectionController ancestor: usePayment() throws\n  // outside that subtree (see the module doc comment) — the first of the two guards to run, since its\n  // result feeds usePlaceOrder's own argument below.\n  //\n  // Fix pass, finding S-F1 (High, duplicate-transaction route (a)): `sectionPlacing` is the shared\n  // fact this instance also *writes* below — read back so this CTA's own `disabled` can OR it in.\n  // Without this, a second composed PlaceOrder stayed enabled for the whole time a first instance's\n  // sequence was open: each instance's `usePlaceOrder()` call owns its own independent `placing`/\n  // `inFlight` guard, so nothing local to a second CTA ever knew a sibling had already opened a\n  // transaction. This never makes this CTA's own subtree inert (FR-6/Decision 5 are untouched) — it\n  // only widens the *button's* own disabled condition.\n  //\n  // T29: `attempt`/`setAttempt` are this same contract's own record of an order-placement attempt —\n  // read here (never mirrored locally) so a remount renders the surviving truth instead of this\n  // instance's own fresh, reset local state (see `succeeded`/`resumable` below).\n  const { draft, placing: sectionPlacing, setPlacing, attempt, setAttempt, focusRefusal } = usePayment();\n  // T24's submit gate: an already-resolved client-side refusal (a missing/malformed cardholder\n  // document, or an unsaved billing address), forwarded verbatim into usePlaceOrder's own opaque\n  // argument — still not a card field, since the hook only ever receives the resolved verdict.\n  const submitGate = usePaymentSubmitGate();\n  const { placeOrder, placing, userErrors, orderId } = usePlaceOrder({\n    $data,\n    $actions,\n    attempt,\n    setAttempt,\n    billingAddressDifferent: draft.billingAddressDifferent,\n    submitGate,\n  });\n  const authoredErrorMessages = buildAuthoredErrorMessages({\n    missingSubmissionMessage,\n    missingMethodMessage,\n    invalidTransactionMessage,\n    networkErrorMessage,\n    missingDocumentMessage,\n    invalidDocumentMessage,\n    unsavedBillingAddressMessage,\n    invalidCardDataMessage,\n    unsupportedNetworkMessage,\n    invalidSecurityCodeMessage,\n    gatewayErrorMessage,\n    inFlightMessage,\n    unconfirmedMessage,\n    unavailableMethodMessage,\n  });\n  const [attempted, setAttempted] = useState(false);\n\n  // T28 (FR-1/FR-7): mirrors this CTA's own in-flight state onto the payment context so the sibling\n  // entry leaves can freeze while an order-placement sequence is open. Retracts only this instance's\n  // key on unmount, so a second composed PlaceOrder's own live sequence is never unblocked by this one\n  // settling or unmounting (Decision 4, R5).\n  //\n  // Fix pass, finding F7 (assumption A-3): a *layout* effect, not a passive one — it must commit in\n  // the same frame as `placing`'s own render, so no intermediate paint ever shows this CTA's button\n  // still enabled beside leaves that are about to go inert (or the reverse, on release). A passive\n  // `useEffect` here leaves a ~1-frame window where a fast key-repeat could land.\n  //\n  // T29 (FR-5, INV-5): the cleanup's own release is now conditional on `placing` — closed over from\n  // the same render as this effect instance, so it reflects this CTA's own sequence at the moment it\n  // unmounts. `placing` is true for the whole span from before `startTransaction()`/`gatewayCallback()`\n  // to `run()`/`resume()` settling (unchanged by this task), so an unmount while it is still true is\n  // exactly an unmount mid-sequence (the overlay closing with no `keepMounted`) — the `run()`/`resume()`\n  // closure this CTA started keeps writing the surviving attempt's phase after this CTA is gone\n  // (NFR-3), and nothing else will ever flip this key back, so the release must not happen. A routine\n  // re-render where `placing` itself just flipped self-corrects immediately after, via this same\n  // effect's next body call, which re-publishes the current value directly.\n  //\n  // Fix pass (Critical finding): this instance's own key in `usePayment()`'s ref-counted set is\n  // therefore genuinely never retracted once abandoned here — by design, since nothing can safely\n  // predict at unmount time whether the closure is about to resolve to a terminal phase or is still\n  // truly in flight. What bounds the damage is `usePaymentMethodSelection`'s own `placing` derivation,\n  // which folds the shared attempt's phase into every reader of this fact: once the abandoned closure\n  // finally writes `refused` or `settled`, `placing` reads `false` again for this root regardless of\n  // how many stale keys the ref-counted set still carries. `blockedByOtherInstance`/`resumable` below\n  // read that same, already-corrected `sectionPlacing` value, so they need no separate escape hatch of\n  // their own for this case.\n  useLayoutEffect(() => {\n    setPlacing(instanceKey, placing);\n    return () => {\n      if (placing) return;\n      setPlacing(instanceKey, false);\n    };\n  }, [instanceKey, placing, setPlacing]);\n\n  const [firstError] = userErrors;\n  // T29: a settled attempt renders as succeeded even across a remount, where this component's own\n  // `attempted`/`userErrors` restart at their pre-attempt defaults (FR-1) but the shared `attempt`\n  // does not. On the same mount, `attempted && !placing && userErrors.length === 0` already covers it\n  // (both a clean `run()` and a clean `resume()` settle through the same wrapper), so this only adds\n  // the case local state cannot see.\n  const settledAttemptOrderId = attempt?.phase === 'settled' ? attempt.orderId : null;\n  const succeeded = (attempted && !placing && userErrors.length === 0) || attempt?.phase === 'settled';\n  // T29 (FR-2, FR-3): the next click finalizes rather than re-runs the sequence. Never true once\n  // `succeeded` is (phases are mutually exclusive), and `placing` already takes priority in the label\n  // below, so this needs no exclusion of its own here. The `'sent'` check is defensive-only today: no\n  // write site in `run()` rests there (it writes `finalizing` directly, same tick, specs/make-an-order-\n  // attempt-survive-a.md §2) — kept in case a future write path ever rests there again, rather than\n  // silently treating that phase as non-resumable.\n  const resumable = attempt?.phase === 'sent' || attempt?.phase === 'unresolved';\n  // Local `orderId` (this mount's own settle) is preferred; a remounted CTA reading a settled attempt\n  // has none of its own yet, so it falls back to the record's.\n  const displayOrderId = orderId ?? settledAttemptOrderId;\n  // T176 (FR-10, INV-11): the card was handed to the gateway and the order could not be confirmed, so\n  // the payment may still be processing. That is a pending state, not a refusal: it renders in its own\n  // status node, never in the alert stores style as an error, and never beside a success line — another\n  // composed CTA can settle the shared record while this one still holds the outcome.\n  const unconfirmed = firstError?.code === 'PLACE_ORDER_UNCONFIRMED';\n\n  // T29: `sectionPlacing` overrides `resumable` below, not the other way round — a CTA that unmounted\n  // mid-sequence (FR-5) leaves its own key published forever, because the `run()`/`resume()` closure it\n  // abandoned settles through *local* state (`setPlacing(false)` inside `usePlaceOrder`'s own `settle`)\n  // that has nowhere left to render once that CTA is gone, so the shared key it once set is never\n  // retracted by anything else either. A resumable attempt must still be reachable through that stale\n  // lock: `resume()` cannot re-pay by construction (Decision 3), so overriding a stuck `sectionPlacing`\n  // here is safe exactly when it matters — a lock a *different*, still-genuinely-placing instance holds\n  // is never resumable at the same time (the shared attempt is one fact — Decision 1 — so a real\n  // concurrent opener keeps this attempt at `opening`/`finalizing`, not `sent`/`unresolved`).\n  const blockedByOtherInstance = sectionPlacing && !resumable;\n\n  function handleClick() {\n    // FR-2 (T56): `setAttempted(true)` moved off the click and onto settlement, so `succeeded`\n    // means \"an attempt settled with no refusals\" rather than \"a click happened and nothing is\n    // in flight\". `placeOrder()` resolves; it never rejects (T13's own contract), and this\n    // component reflects its state from the hook's own return value on every render rather than\n    // from the awaited result — a rejection handler here would be dead code, and (review finding\n    // F3) setting `attempted` from one would not \"keep the CTA disabled\": it would make\n    // `succeeded` `true` with the attempt's real outcome unknown, the exact false-success frame\n    // FR-2 exists to prevent.\n    //\n    // Review finding F1: settling `attempted` is not enough on its own past the first attempt.\n    // Once an attempt settles, `attempted` stays `true` until something lowers it — and nothing\n    // did, so a second click's own synchronous commit (`placeOrder` resets `userErrors` to `[]`\n    // unconditionally, and a refusal leaves `placing` `false`) satisfied `succeeded` immediately,\n    // one microtask before the new refusal arrived. Resetting `attempted` here, in the same\n    // synchronous batch as that reset, makes every attempt — not just the first — start its own\n    // click commit from \"not attempted\"; the `.then` below raises it again only once *this*\n    // attempt's own outcome is in.\n    setAttempted(false);\n    //\n    // T212: a refusal raised before anything left the browser (`reachedGateway === false`) that names an\n    // element the shopper must fix moves focus there, once, as the continuation of this one click. A\n    // result the gateway returned never does, whatever its code. Imperative on purpose, unlike the rest\n    // of this component: derived from render state it would also fire on a remount or a re-render.\n    void placeOrder().then(({ userErrors: refusals, reachedGateway }) => {\n      setAttempted(true);\n      const target = refusalFocusTarget(refusals, reachedGateway);\n      if (target) focusRefusal(target);\n    });\n  }\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-place-order=\"\"\n      {...(placing ? { 'data-fs-place-order-pending': '' } : {})}\n    >\n      <Button\n        onClick={handleClick}\n        disabled={placing || succeeded || blockedByOtherInstance}\n        aria-busy={placing || undefined}\n        data-fs-place-order-button=\"\"\n        {...(placing ? { 'data-fs-place-order-button-pending': '' } : {})}\n      >\n        {placing ? placingLabel : resumable ? resumeLabel : label}\n      </Button>\n      <PlaceOrderFeedback\n        placing={placing}\n        placingMessage={placingMessage}\n        firstError={firstError}\n        unconfirmed={unconfirmed}\n        succeeded={succeeded}\n        successMessage={successMessage}\n        displayOrderId={displayOrderId}\n        authoredErrorMessages={authoredErrorMessages}\n      />\n      <PlaceOrderNavigateOnSuccess successHref={successHref} orderId={displayOrderId} userErrors={userErrors} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"place-order.js","names":[],"sources":["../../../src/matter/place-order/place-order.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ContentValue,\n  defineComponent,\n  defineContentType,\n  type MessageFieldName,\n  type MessageLocaleProp,\n} from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from 'react';\nimport { Button } from '../../particles/button/button.js';\nimport { useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { useStorefrontContext } from '../../sdk/context/storefront-context.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { formatErrorCode } from '../../sdk/i18n/format-error-code.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.js';\nimport { resolveStorefrontHref } from '../../sdk/navigation/resolve-storefront-href.js';\nimport { useRouteMap } from '../../sdk/navigation/route-map-provider.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useStorefrontNavigation } from '../../sdk/navigation/use-storefront-navigation.js';\nimport { buildChallengeReturnQuery } from '../../sdk/payment/challenge-return.js';\nimport type { PaymentUserError } from '../../sdk/payment/operations.js';\nimport { useSettledOrderRead } from '../../sdk/payment/resumed-purchase.js';\nimport { type PlaceOrderData, type UsePlaceOrder, usePlaceOrder } from '../../sdk/payment/use-place-order.js';\nimport { resolveSiteRelativeHref, type SafeHrefRejection } from '../../utils/safe-href.js';\nimport { usePayment } from '../payment/payment.js';\nimport { refusalTargetOf, usePaymentSubmitGate } from '../payment/use-payment-submit-gate.js';\n\n/**\n * The `PlaceOrder` CTA matter (specs/place-order.md, T14 of the Credit Card epic;\n * docs/features/credit-card/rfc.md § D9). Drives T13's `usePlaceOrder` orchestration hook and renders\n * the three v1 states the RFC names: the idle CTA, a blocking loading state while the three-call\n * sequence runs, and an inline outcome (error or success) once it settles.\n *\n * **Composes as a sibling of the card entry (T7) and the saved cards list (T12) under the payment\n * root, never nested inside either.** That placement is what lets this one CTA serve both the\n * new-card and saved-card paths — nesting it inside a card form, as the legacy `CardForm` does,\n * would force a second CTA for the saved-card path. This is a documented authoring convention, not a\n * compiler guarantee: `requiresContext: 'payment'` (ADR-0009) only fails the build when *no* ancestor\n * at any depth declares `providesContext: 'payment'` — there is no `forbidsAncestor` token, so a\n * schema that nests this component inside `CardEntry`/`SavedCards` instead of beside them still\n * compiles and still resolves the context from the payment root further up. This component throws\n * at runtime only when rendered entirely outside a `PaymentSectionRoot`/`Controller` subtree — both\n * `usePayment()` (read directly below, for `draft.billingAddressDifferent`) and `usePlaceOrder` (via\n * the submission channel those roots provide) enforce that guard, with `usePayment()` throwing first\n * since its value feeds `usePlaceOrder`'s own argument — a real, load-bearing guard, but a weaker one\n * than \"must be a sibling.\" See specs/place-order.md's open items for this gap.\n *\n * **This component never touches card data.** It declares its own thin fragment for the read-model\n * slice `usePlaceOrder` needs (`selectedMethodId`, `selectedInstallment`, `methods` — ADR-0011,\n * mirroring `PaymentSummaryData`/`PaymentSectionData`) and forwards it plus `$actions` straight into\n * the hook. The one fact it reads off `usePayment()`'s context directly is `draft.billingAddressDifferent`\n * (T11's widening of `PaymentDraft`), forwarded into `usePlaceOrder`'s own optional argument of the\n * same name so the gateway descriptor carries the shopper's choice (fix pass, PR #544 review F1) —\n * still not a card field, since `PaymentDraft` never carries one. `usePaymentSubmitGate()` (T24)\n * resolves the client-side document/billing refusal off that same context and is forwarded as\n * `usePlaceOrder`'s `submitGate` argument — an opaque `PaymentUserError | null`, never the facts\n * behind it. The hook already owns `placing`, `userErrors`, and `orderId` — including releasing\n * `placing` on every failure path — so this component only reflects that state, never re-implements it.\n *\n * `attempted` is the one bit of state this component adds, and it is not a duplicate of anything the\n * hook owns: `usePlaceOrder`'s `userErrors: []` is both the pre-attempt state and the settled-success\n * state (T13 does not disambiguate the two, by design — see `UsePlaceOrder`'s doc), so distinguishing\n * \"never attempted\" from \"attempted and succeeded\" is exactly this component's job. `succeeded` is\n * derived, not stored: `attempted && !placing && userErrors.length === 0`.\n *\n * **T29 widens both `succeeded` and the button label with the surviving `attempt` record read off\n * `usePayment()`** (specs/make-an-order-attempt-survive-a.md), never mirrored into local state:\n * `attempted`/`userErrors`/`orderId` all restart at their pre-attempt defaults on every mount, but the\n * attempt record does not, so a remount renders its truth rather than this instance's own fresh state.\n * `succeeded` is `true` whenever the record's own phase is `'settled'`, independent of `attempted`; the\n * button shows `resumeLabel` instead of `label` whenever the phase is `'sent'` or `'unresolved'` — the\n * card already left the browser (or its fate is unknown) and the next click finalizes it through\n * `usePlaceOrder`'s `resume()` rather than opening a new transaction.\n *\n * The button disables on `placing` (the required blocking state) and, deliberately, on `succeeded`\n * too — an already-placed order has nothing left to submit, and a second click risks exactly the\n * duplicate-transaction outcome T13's own concurrency guard (Decision 6) calls \"the worst outcome\n * this task's surface has\". `usePlaceOrder`'s in-flight ref is the inner guard; this is the outer one.\n * Fix pass, finding S-F1: it also disables on the *shared* `usePayment().placing`, since a second\n * composed `PlaceOrder` has no other way to learn a sibling instance already opened a transaction —\n * each `usePlaceOrder()` call owns its own, independent `inFlight` ref.\n */\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment — raw template literal, matching the merged `payment`/`payment-summary` siblings:\n// the codegen `documents` glob does not scan `src/matter/place-order*`, so the typed `graphql()`\n// factory is unavailable here; `data-component-contract.test.ts` validates this fragment against the\n// real schema and the built catalog.\n//\n// Selects exactly the three fields `PlaceOrderData` (sdk/payment/use-place-order.ts) needs — nothing\n// from `PaymentSectionData` is re-selected, and nothing card-shaped is ever in scope.\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment PlaceOrderData on Query {\n    payment {\n      __typename\n      id\n      selectedMethodId\n      selectedInstallment {\n        __typename\n        count\n        value {\n          amount\n          currencyCode\n        }\n        interestRate\n      }\n      methods {\n        __typename\n        id\n        groupName\n      }\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport type PlaceOrderProps = ComponentPropsWithRef<'div'> &\n  MessageLocaleProp & {\n    /**\n     * Where the shopper lands after a successful placement. A page reference gets the placed order's\n     * Node id as its `orderId` param. A string is a logical path of this store, navigated as written;\n     * an absolute, protocol-relative, or non-http(s) value, or a `{orderId}` template, is refused\n     * rather than navigated to (fail closed, dev-only warn).\n     * e.g. `{ standard: 'order-placed' }`\n     */\n    successHref?: PageRef | string;\n    /**\n     * The page the bank sends the shopper back to after a 3D Secure challenge, a page of this store that\n     * composes `ChallengeReturn`. A page reference only: a string, or a page the route map does not hold, is\n     * refused with a dev-only warning, since the return URL is built from the page's public path. No default:\n     * a store that authors none keeps the refusal a challenge answer gets today, with no redirect.\n     * e.g. `{ page: 'checkout-challenge-return' }`\n     */\n    challengeReturnHref?: PageRef;\n    /** `Payment` slice forwarded by the reactive runtime (arity-1, ADR-0015) — `null` until it resolves. */\n    $data?: PlaceOrderData;\n    /** Compiler-injected action surface; carries `payment.startTransaction`, `payment.gatewayCallback`, `analytics.track`. */\n    $actions?: ComponentActions;\n    /** The button labels, the message while placing, the success message and the message for each refusal code this CTA words. */\n    $content?: ContentValue<typeof PlaceOrderContent>;\n  };\n\n// ---------------------------------------------------------------------------\n// Definition\n// ---------------------------------------------------------------------------\n\nexport const PlaceOrderContent = defineContentType({\n  id: 'place-order',\n  title: 'Place Order',\n  description:\n    'The place-order button labels, the message while placing, the success message, and the message for each refusal it words.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Button label', format: 'icu-message', messageSource: 'Place order' },\n      placingLabel: {\n        type: 'string',\n        title: 'Button label while placing',\n        format: 'icu-message',\n        messageSource: 'Placing order...',\n      },\n      placingMessage: {\n        type: 'string',\n        title: 'Message while placing',\n        format: 'icu-message',\n        messageSource: 'Processing your payment. Please keep this page open.',\n        messageOptional: true,\n      },\n      resumeLabel: {\n        type: 'string',\n        title: 'Button label while a surviving attempt offers a resume',\n        format: 'icu-message',\n        messageSource: 'Complete your order',\n      },\n      successMessage: {\n        type: 'string',\n        title: 'Success message',\n        format: 'icu-message',\n        messageSource: 'Order placed successfully.',\n      },\n      missingSubmissionMessage: {\n        type: 'string',\n        title: 'Missing payment submission message',\n        format: 'icu-message',\n        messageSource: 'Enter your payment details before placing the order.',\n      },\n      missingMethodMessage: {\n        type: 'string',\n        title: 'Missing payment method message',\n        format: 'icu-message',\n        messageSource: 'Choose a payment method before placing the order.',\n      },\n      invalidTransactionMessage: {\n        type: 'string',\n        title: 'Invalid transaction message',\n        format: 'icu-message',\n        messageSource: 'Unable to start the payment. Please try again.',\n      },\n      networkErrorMessage: {\n        type: 'string',\n        title: 'Network error message',\n        format: 'icu-message',\n        messageSource: 'Unable to complete the request. Please try again.',\n      },\n      missingDocumentMessage: {\n        type: 'string',\n        title: 'Missing document message',\n        format: 'icu-message',\n        messageSource: 'Enter your document before placing the order.',\n      },\n      invalidDocumentMessage: {\n        type: 'string',\n        title: 'Invalid document message',\n        format: 'icu-message',\n        messageSource: 'Enter a valid document before placing the order.',\n      },\n      unavailableMethodMessage: {\n        type: 'string',\n        title: 'Unavailable payment method message',\n        format: 'icu-message',\n        messageSource: 'Choose another payment method before placing the order.',\n      },\n      unsavedBillingAddressMessage: {\n        type: 'string',\n        title: 'Unsaved billing address message',\n        format: 'icu-message',\n        messageSource: 'Save your billing address before placing the order.',\n      },\n      missingProfileNameMessage: {\n        type: 'string',\n        title: 'Missing name message',\n        format: 'icu-message',\n        messageSource: 'Enter your first and last name before placing the order.',\n      },\n      missingProfilePhoneMessage: {\n        type: 'string',\n        title: 'Missing phone message',\n        format: 'icu-message',\n        messageSource: 'Enter your phone number before placing the order.',\n      },\n      invalidCardDataMessage: {\n        type: 'string',\n        title: 'Invalid card data message',\n        format: 'icu-message',\n        messageSource: 'Enter valid card details before placing the order.',\n      },\n      unsupportedNetworkMessage: {\n        type: 'string',\n        title: 'Unsupported card network message',\n        format: 'icu-message',\n        messageSource:\n          'This card is not from a network the store accepts. Use another card or choose another payment method.',\n      },\n      invalidSecurityCodeMessage: {\n        type: 'string',\n        title: 'Invalid security code message',\n        format: 'icu-message',\n        messageSource: 'Enter a valid security code before placing the order.',\n      },\n      gatewayErrorMessage: {\n        type: 'string',\n        title: 'Gateway error message',\n        format: 'icu-message',\n        messageSource: 'Unable to complete the payment. Please try again.',\n      },\n      inFlightMessage: {\n        type: 'string',\n        title: 'Order already in flight message',\n        format: 'icu-message',\n        messageSource: 'This order is already being placed. Please wait.',\n      },\n      unconfirmedMessage: {\n        type: 'string',\n        title: 'Unconfirmed order message',\n        format: 'icu-message',\n        messageSource:\n          'We could not confirm your order yet. Your payment may still be processing, so please do not pay again.',\n      },\n      declinedMessage: {\n        type: 'string',\n        title: 'Declined payment message',\n        format: 'icu-message',\n        messageSource: 'Check your payment information or choose another payment method.',\n      },\n      lapsedTransactionMessage: {\n        type: 'string',\n        title: 'Lapsed payment window message',\n        format: 'icu-message',\n        messageSource:\n          'We could not confirm your order yet. Your payment may still be processing, so please do not pay again.',\n      },\n      challengeUnavailableMessage: {\n        type: 'string',\n        title: 'Unavailable bank verification message',\n        format: 'icu-message',\n        messageSource:\n          'Your bank asked for an extra verification step that we could not open. Your payment may still be processing, so please do not pay again.',\n      },\n    },\n  },\n});\n\nexport const PlaceOrderDefinition = defineComponent<PlaceOrderProps>({\n  name: 'PlaceOrder',\n  importPath: '@vtex/faststore/components',\n  component: PlaceOrder,\n  fragment,\n  fetchStrategy: 'reactive',\n  actions: { payment: ['startTransaction', 'gatewayCallback'], analytics: ['track'] },\n  requiresContext: 'payment',\n  editor: { label: 'Place Order', category: 'commerce' },\n  content: PlaceOrderContent,\n  schema: {\n    successHref: {\n      type: 'link',\n      default: { standard: 'order-placed' },\n      fills: ['orderId'],\n      label: 'Confirmation Page',\n    },\n    // No default on purpose: a standard page cannot name a return page, and absent means no 3D Secure redirect.\n    challengeReturnHref: { type: 'link', label: 'Bank challenge return page' },\n  },\n  guideline:\n    \"The place-order CTA: invokes usePlaceOrder's three-call sequence (start transaction, the registered submission's own direct-to-gateway leg, then the gateway callback) and blocks interaction while it runs. Compose it as a sibling — never a child — of every other payment-entry leaf under the same PaymentSectionRoot or PaymentSectionController, so the one CTA serves every entry path. Its button labels and messages are $content fields (label, placingLabel, placingMessage, resumeLabel, successMessage, and one message per refusal code it words). Renders one inline outcome after settling: the message for the first userError's code (networkErrorMessage for a code it does not word), or successMessage on a clean settle. While the order is being placed it renders nothing but the button, unless the placingMessage message is authored: then a status message shows beside the button, and the rest of the payment form is blocked for as long as it shows. When challengeReturnHref names a return page of the store and the bank asks for a challenge, the shopper is sent to the bank with the form blocked and no success or error shown; the return page finishes the order. This component reaches no payment-sensitive input. Must be inside a payment root. See place-order.md.\",\n});\n\n// ---------------------------------------------------------------------------\n// Implementation\n// ---------------------------------------------------------------------------\n\n/** The default confirmation page. */\nconst ORDER_PLACED_PAGE: PageRef = { standard: 'order-placed' };\n\n/**\n * Fail-closed warning for a string `successHref` that is not a path of this store. Nothing upstream\n * validates a string prop's shape, and an absolute or protocol-relative value would turn this CTA into\n * an open redirect that fires right after a real purchase, carrying the shopper's own order id to\n * another origin. Dev-only, like every other authoring warning in this component.\n */\nfunction warnUnsafeSuccessHref(successHref: string, reason: SafeHrefRejection): void {\n  if (process.env.NODE_ENV === 'production') return;\n  console.warn(\n    `[PlaceOrder] successHref \"${successHref}\" is not a path of this store (${reason}); refusing to ` +\n      'navigate there rather than sending the shopper off-site right after a purchase.',\n  );\n}\n\n/**\n * Fail-closed warning for a string `successHref` that still carries a `{token}`, the template form this\n * prop took before page references. Nothing fills the token any more, so navigating would land the\n * shopper on a literal `%7BorderId%7D` 404 right after paying. Dev-only.\n */\nfunction warnTemplateSuccessHref(successHref: string): void {\n  if (process.env.NODE_ENV === 'production') return;\n  console.warn(\n    `[PlaceOrder] successHref \"${successHref}\" is a route template; refusing to navigate there. ` +\n      \"Reference the confirmation page instead: { standard: 'order-placed' }.\",\n  );\n}\n\n/**\n * Dev-only warning for a `challengeReturnHref` this CTA cannot build a return URL from. Nothing upstream\n * validates a link prop's shape at runtime, and a string would have to be turned into an absolute URL the\n * bank must come back to; so the prop is a page reference or nothing, and the shopper keeps the refusal\n * a challenge answer gets without a return page.\n */\nfunction warnUnusableChallengeReturnHref(reason: string): void {\n  if (process.env.NODE_ENV === 'production') return;\n  console.warn(\n    `[PlaceOrder] challengeReturnHref ${reason}; sending no return URL, so a bank challenge cannot be ` +\n      \"followed. Reference a page of this store instead: { page: 'checkout-challenge-return' }.\",\n  );\n}\n\nfunction isPageRef(value: unknown): value is PageRef {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * The builder `usePlaceOrder` calls with an opened order's group: the absolute URL of the authored return\n * page, carrying the group and the literal flag, or `null` when the store authored none or it cannot be\n * built. Resolved through `resolveStorefrontHref`, which never logs, so an unusable prop warns exactly once\n * here, naming itself. Keyed on the serialized reference, not its identity: a reference authored in a\n * schema arrives as a new object on every server render.\n */\nfunction useChallengeReturn(challengeReturnHref: PageRef | undefined): ((orderGroup: string) => string | null) | null {\n  const { bindingId, basePath } = useStorefrontContext();\n  const { routeMap } = useRouteMap();\n  const authoredKey = challengeReturnHref === undefined ? null : JSON.stringify(challengeReturnHref);\n\n  return useCallback(\n    (orderGroup: string) => {\n      if (authoredKey === null) return null;\n      const authored: unknown = JSON.parse(authoredKey);\n      if (!isPageRef(authored)) {\n        warnUnusableChallengeReturnHref('is not a page reference');\n        return null;\n      }\n      const query = buildChallengeReturnQuery(orderGroup);\n      if (query === null) return null;\n      const resolved = resolveStorefrontHref({ bindingId, basePath }, routeMap, {\n        ...authored,\n        query: { ...authored.query, ...query },\n      });\n      if (resolved.href === null) {\n        warnUnusableChallengeReturnHref(`names a page this store does not serve (${resolved.reason})`);\n        return null;\n      }\n      return `${globalThis.location.origin}${resolved.href}`;\n    },\n    [authoredKey, bindingId, basePath, routeMap],\n  );\n}\n\ntype PlaceOrderNavigateOnRedirectProps = Pick<UsePlaceOrder, 'redirectUrl'>;\n\n/**\n * Hands the document to the bank once `redirectUrl` is set. `useStorefrontNavigation().push` makes an\n * absolute URL a document load, which unloads this page: nothing here draws a success or an error, and the\n * hook keeps `placing` true so the form stays blocked until the browser leaves. A ref remembers the URL\n * already navigated to, so neither a re-render nor StrictMode's second effect pass navigates twice.\n */\nfunction PlaceOrderNavigateOnRedirect({ redirectUrl }: PlaceOrderNavigateOnRedirectProps) {\n  const { push } = useStorefrontNavigation();\n  const navigatedTo = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!redirectUrl || navigatedTo.current === redirectUrl) return;\n    navigatedTo.current = redirectUrl;\n    push(redirectUrl);\n  }, [redirectUrl, push]);\n\n  return null;\n}\n\ntype PlaceOrderNavigateOnSuccessProps = Pick<UsePlaceOrder, 'orderNodeId' | 'userErrors'> & {\n  successHref: PageRef | string;\n};\n\n/**\n * Navigates once `orderNodeId` transitions to a non-empty value — not on `succeeded` (Decision 4) — so a\n * null or empty order Node id and every failure path never navigate. `userErrors` is also consulted\n * directly (INV-1): this component does not own `usePlaceOrder`, so it does not rely on that hook never\n * settling an order id beside an error.\n *\n * The call site passes `displayOrderNodeId` (`orderNodeId ?? the surviving attempt's own orderNodeId`),\n * not the mount-local `orderNodeId` this type is named for: a remounted CTA whose own `usePlaceOrder()`\n * never ran has an empty local `orderNodeId` forever, and would otherwise leave the shopper on the payment page.\n *\n * The effect keys on the serialized `successHref`, not on its identity: a reference authored in a\n * schema arrives as a new object on every server render, and keying on it would navigate again on a\n * `router.refresh()`.\n */\nfunction PlaceOrderNavigateOnSuccess({ successHref, orderNodeId, userErrors }: PlaceOrderNavigateOnSuccessProps) {\n  const { replace } = useStorefrontNavigation();\n  const successKey = JSON.stringify(successHref);\n\n  useEffect(() => {\n    if (!orderNodeId || userErrors.length > 0) return;\n    const authored: PageRef | string = JSON.parse(successKey);\n    if (typeof authored !== 'string') {\n      replace({ ...authored, params: { ...authored.params, orderId: orderNodeId } });\n      return;\n    }\n    const destination = resolveSiteRelativeHref(authored);\n    if (!destination.safe) {\n      warnUnsafeSuccessHref(authored, destination.reason);\n      return;\n    }\n    if (destination.href.includes('{')) {\n      warnTemplateSuccessHref(authored);\n      return;\n    }\n    replace(destination.href);\n  }, [orderNodeId, successKey, userErrors, replace]);\n\n  return null;\n}\n\n/**\n * Every `PaymentUserError` code that reaches this CTA's alert: the client-synthesized codes (the submit\n * gate's, the card forms', the gateway leg's and `usePlaceOrder`'s own), and the server codes of\n * `paymentStartTransaction` and `paymentGatewayCallback`.\n */\ntype PlaceOrderErrorCode =\n  | 'MISSING_PAYMENT_SUBMISSION'\n  | 'MISSING_PAYMENT_METHOD_SELECTION'\n  | 'INVALID_TRANSACTION_DATA'\n  | 'NETWORK_ERROR'\n  | 'MISSING_CARDHOLDER_DOCUMENT'\n  | 'INVALID_CARDHOLDER_DOCUMENT'\n  | 'UNSAVED_BILLING_ADDRESS'\n  | 'MISSING_PROFILE_NAME'\n  | 'MISSING_PROFILE_PHONE'\n  | 'INVALID_CARD_DATA'\n  | 'UNSUPPORTED_CARD_NETWORK'\n  | 'CARD_ENTRY_COLLAPSED'\n  | 'INVALID_SECURITY_CODE'\n  | 'GATEWAY_ERROR'\n  | 'PLACE_ORDER_IN_FLIGHT'\n  | 'PLACE_ORDER_UNCONFIRMED'\n  | 'UNAVAILABLE_PAYMENT_METHOD'\n  | 'MISSING_CART_CONTEXT'\n  | 'CART_NOT_FOUND'\n  | 'PAYMENT_DECLINED'\n  | 'MISSING_TRANSACTION_COOKIES'\n  | 'ORDER_GROUP_MISMATCH'\n  | 'REDIRECT_REQUIRED';\n\n/**\n * The message field for each code in `PlaceOrderErrorCode`. The codes are literal strings, never imported\n * constants: importing them from card-entry.tsx / saved-cards.tsx / use-place-order.ts /\n * use-payment-submit-gate.ts / gateway.ts would make this file a matter -> matter dependency (R5).\n * `CARD_ENTRY_COLLAPSED` reads as an unavailable method; the two cart codes and `NETWORK_ERROR` share the\n * generic message; `ORDER_GROUP_MISMATCH`, like a lapsed cookie, means the card POST was accepted.\n */\nexport const PLACE_ORDER_ERROR_FIELDS = {\n  MISSING_PAYMENT_SUBMISSION: 'missingSubmissionMessage',\n  MISSING_PAYMENT_METHOD_SELECTION: 'missingMethodMessage',\n  INVALID_TRANSACTION_DATA: 'invalidTransactionMessage',\n  NETWORK_ERROR: 'networkErrorMessage',\n  MISSING_CARDHOLDER_DOCUMENT: 'missingDocumentMessage',\n  INVALID_CARDHOLDER_DOCUMENT: 'invalidDocumentMessage',\n  UNSAVED_BILLING_ADDRESS: 'unsavedBillingAddressMessage',\n  MISSING_PROFILE_NAME: 'missingProfileNameMessage',\n  MISSING_PROFILE_PHONE: 'missingProfilePhoneMessage',\n  INVALID_CARD_DATA: 'invalidCardDataMessage',\n  UNSUPPORTED_CARD_NETWORK: 'unsupportedNetworkMessage',\n  CARD_ENTRY_COLLAPSED: 'unavailableMethodMessage',\n  INVALID_SECURITY_CODE: 'invalidSecurityCodeMessage',\n  GATEWAY_ERROR: 'gatewayErrorMessage',\n  PLACE_ORDER_IN_FLIGHT: 'inFlightMessage',\n  PLACE_ORDER_UNCONFIRMED: 'unconfirmedMessage',\n  UNAVAILABLE_PAYMENT_METHOD: 'unavailableMethodMessage',\n  MISSING_CART_CONTEXT: 'networkErrorMessage',\n  CART_NOT_FOUND: 'networkErrorMessage',\n  PAYMENT_DECLINED: 'declinedMessage',\n  MISSING_TRANSACTION_COOKIES: 'lapsedTransactionMessage',\n  ORDER_GROUP_MISMATCH: 'lapsedTransactionMessage',\n  REDIRECT_REQUIRED: 'challengeUnavailableMessage',\n} as const satisfies Record<PlaceOrderErrorCode, MessageFieldName<typeof PlaceOrderContent>>;\n\ntype PlaceOrderFormat = (field: MessageFieldName<typeof PlaceOrderContent>) => string;\n\n/**\n * The alert's message for one `PaymentUserError`: the message field for its `code`, or networkErrorMessage\n * for a code this CTA does not word. A missing message renders empty and the formatter logs it.\n */\nexport function resolveErrorMessage(error: PaymentUserError, format: PlaceOrderFormat): string {\n  return formatErrorCode(PlaceOrderContent, PLACE_ORDER_ERROR_FIELDS, error, format, 'networkErrorMessage');\n}\n\ntype PlaceOrderFeedbackProps = Readonly<{\n  placing: boolean;\n  firstError: PaymentUserError | undefined;\n  unconfirmed: boolean;\n  succeeded: boolean;\n  displayOrderId: string | null;\n  format: PlaceOrderFormat;\n}>;\n\n/**\n * The CTA's feedback nodes: the authored placing message, the alert for a refusal, the status notice for\n * an order that could not be confirmed (T176), and the success line. Rendered as the CTA's own children,\n * so none of them adds a wrapper.\n */\nfunction PlaceOrderFeedback({\n  placing,\n  firstError,\n  unconfirmed,\n  succeeded,\n  displayOrderId,\n  format,\n}: PlaceOrderFeedbackProps) {\n  const placingMessage = placing ? format('placingMessage') : '';\n  return (\n    <>\n      {placingMessage.trim() ? <output data-fs-place-order-placing=\"\">{placingMessage}</output> : null}\n      {firstError && !unconfirmed ? (\n        <div role=\"alert\" data-fs-place-order-error=\"\">\n          {resolveErrorMessage(firstError, format)}\n        </div>\n      ) : null}\n      {firstError && unconfirmed && !succeeded ? (\n        <output data-fs-place-order-unconfirmed=\"\">{resolveErrorMessage(firstError, format)}</output>\n      ) : null}\n      {succeeded ? (\n        <output data-fs-place-order-success=\"\">\n          <span data-fs-place-order-success-message=\"\">{format('successMessage')}</span>\n          {displayOrderId ? <span data-fs-place-order-success-order-id=\"\">{displayOrderId}</span> : null}\n        </output>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * T212: where focus moves after a refusal. Only a refusal raised before anything left the browser\n * (`reachedGateway === false`) that names an element the shopper must fix has a target; a result the\n * gateway returned never does, whatever its code.\n */\nfunction refusalFocusTarget(refusals: readonly PaymentUserError[], reachedGateway: boolean) {\n  const [refusal] = refusals;\n  return reachedGateway === false && refusal ? refusalTargetOf(refusal) : null;\n}\n\nexport function PlaceOrder({\n  successHref = ORDER_PLACED_PAGE,\n  challengeReturnHref,\n  $data: $dataProp,\n  $actions: $actionsProp,\n  $content,\n  $locale,\n  className,\n  ...props\n}: PlaceOrderProps) {\n  const $data = useDataOverride($dataProp);\n  const $actions = useActionsOverride($actionsProp);\n  // T28: this instance's own stable identity, so its publish effect below retracts only its own key\n  // (Decision 4) — never a second composed PlaceOrder's still-in-flight one.\n  const instanceKey = useId();\n  // Also enforces the PaymentSectionRoot/PaymentSectionController ancestor: usePayment() throws\n  // outside that subtree (see the module doc comment) — the first of the two guards to run, since its\n  // result feeds usePlaceOrder's own argument below.\n  //\n  // Fix pass, finding S-F1 (High, duplicate-transaction route (a)): `sectionPlacing` is the shared\n  // fact this instance also *writes* below — read back so this CTA's own `disabled` can OR it in.\n  // Without this, a second composed PlaceOrder stayed enabled for the whole time a first instance's\n  // sequence was open: each instance's `usePlaceOrder()` call owns its own independent `placing`/\n  // `inFlight` guard, so nothing local to a second CTA ever knew a sibling had already opened a\n  // transaction. This never makes this CTA's own subtree inert (FR-6/Decision 5 are untouched) — it\n  // only widens the *button's* own disabled condition.\n  //\n  // T29: `attempt`/`setAttempt` are this same contract's own record of an order-placement attempt —\n  // read here (never mirrored locally) so a remount renders the surviving truth instead of this\n  // instance's own fresh, reset local state (see `succeeded`/`resumable` below).\n  const { draft, placing: sectionPlacing, setPlacing, attempt, setAttempt, focusRefusal } = usePayment();\n  // T24's submit gate: an already-resolved client-side refusal (a missing/malformed cardholder\n  // document, an unsaved billing address, or an incomplete cart profile), forwarded verbatim into\n  // usePlaceOrder's own opaque argument — still not a card field, since the hook only ever receives the\n  // resolved verdict.\n  const submitGate = usePaymentSubmitGate();\n  const challengeReturn = useChallengeReturn(challengeReturnHref);\n  const readSettledOrder = useSettledOrderRead();\n  const { placeOrder, placing, userErrors, orderId, orderNodeId, redirectUrl } = usePlaceOrder({\n    $data,\n    $actions,\n    attempt,\n    setAttempt,\n    billingAddressDifferent: draft.billingAddressDifferent,\n    submitGate,\n    challengeReturn,\n    readSettledOrder,\n  });\n  const { format } = useMessageFormatter(PlaceOrderContent, $content);\n  const [attempted, setAttempted] = useState(false);\n\n  // T28 (FR-1/FR-7): mirrors this CTA's own in-flight state onto the payment context so the sibling\n  // entry leaves can freeze while an order-placement sequence is open. Retracts only this instance's\n  // key on unmount, so a second composed PlaceOrder's own live sequence is never unblocked by this one\n  // settling or unmounting (Decision 4, R5).\n  //\n  // Fix pass, finding F7 (assumption A-3): a *layout* effect, not a passive one — it must commit in\n  // the same frame as `placing`'s own render, so no intermediate paint ever shows this CTA's button\n  // still enabled beside leaves that are about to go inert (or the reverse, on release). A passive\n  // `useEffect` here leaves a ~1-frame window where a fast key-repeat could land.\n  //\n  // T29 (FR-5, INV-5): the cleanup's own release is now conditional on `placing` — closed over from\n  // the same render as this effect instance, so it reflects this CTA's own sequence at the moment it\n  // unmounts. `placing` is true for the whole span from before `startTransaction()`/`gatewayCallback()`\n  // to `run()`/`resume()` settling (unchanged by this task), so an unmount while it is still true is\n  // exactly an unmount mid-sequence (the overlay closing with no `keepMounted`) — the `run()`/`resume()`\n  // closure this CTA started keeps writing the surviving attempt's phase after this CTA is gone\n  // (NFR-3), and nothing else will ever flip this key back, so the release must not happen. A routine\n  // re-render where `placing` itself just flipped self-corrects immediately after, via this same\n  // effect's next body call, which re-publishes the current value directly.\n  //\n  // Fix pass (Critical finding): this instance's own key in `usePayment()`'s ref-counted set is\n  // therefore genuinely never retracted once abandoned here — by design, since nothing can safely\n  // predict at unmount time whether the closure is about to resolve to a terminal phase or is still\n  // truly in flight. What bounds the damage is `usePaymentMethodSelection`'s own `placing` derivation,\n  // which folds the shared attempt's phase into every reader of this fact: once the abandoned closure\n  // finally writes `refused` or `settled`, `placing` reads `false` again for this root regardless of\n  // how many stale keys the ref-counted set still carries. `blockedByOtherInstance`/`resumable` below\n  // read that same, already-corrected `sectionPlacing` value, so they need no separate escape hatch of\n  // their own for this case.\n  useLayoutEffect(() => {\n    setPlacing(instanceKey, placing);\n    return () => {\n      if (placing) return;\n      setPlacing(instanceKey, false);\n    };\n  }, [instanceKey, placing, setPlacing]);\n\n  const [firstError] = userErrors;\n  // T29: a settled attempt renders as succeeded even across a remount, where this component's own\n  // `attempted`/`userErrors` restart at their pre-attempt defaults (FR-1) but the shared `attempt`\n  // does not. On the same mount, `attempted && !placing && userErrors.length === 0` already covers it\n  // (both a clean `run()` and a clean `resume()` settle through the same wrapper), so this only adds\n  // the case local state cannot see.\n  const settledAttemptOrderId = attempt?.phase === 'settled' ? attempt.orderId : null;\n  const settledAttemptOrderNodeId = attempt?.phase === 'settled' ? (attempt.orderNodeId ?? null) : null;\n  const succeeded = (attempted && !placing && userErrors.length === 0) || attempt?.phase === 'settled';\n  // T29 (FR-2, FR-3): the next click finalizes rather than re-runs the sequence. Never true once\n  // `succeeded` is (phases are mutually exclusive), and `placing` already takes priority in the label\n  // below, so this needs no exclusion of its own here. The `'sent'` check is defensive-only today: no\n  // write site in `run()` rests there (it writes `finalizing` directly, same tick, specs/make-an-order-\n  // attempt-survive-a.md §2) — kept in case a future write path ever rests there again, rather than\n  // silently treating that phase as non-resumable.\n  const resumable = attempt?.phase === 'sent' || attempt?.phase === 'unresolved';\n  // Local `orderId` (this mount's own settle) is preferred; a remounted CTA reading a settled attempt\n  // has none of its own yet, so it falls back to the record's.\n  const displayOrderId = orderId ?? settledAttemptOrderId;\n  const displayOrderNodeId = orderNodeId ?? settledAttemptOrderNodeId;\n  // T176 (FR-10, INV-11): the card was handed to the gateway and the order could not be confirmed, so\n  // the payment may still be processing. That is a pending state, not a refusal: it renders in its own\n  // status node, never in the alert stores style as an error, and never beside a success line — another\n  // composed CTA can settle the shared record while this one still holds the outcome.\n  const unconfirmed = firstError?.code === 'PLACE_ORDER_UNCONFIRMED';\n\n  // T29: `sectionPlacing` overrides `resumable` below, not the other way round — a CTA that unmounted\n  // mid-sequence (FR-5) leaves its own key published forever, because the `run()`/`resume()` closure it\n  // abandoned settles through *local* state (`setPlacing(false)` inside `usePlaceOrder`'s own `settle`)\n  // that has nowhere left to render once that CTA is gone, so the shared key it once set is never\n  // retracted by anything else either. A resumable attempt must still be reachable through that stale\n  // lock: `resume()` cannot re-pay by construction (Decision 3), so overriding a stuck `sectionPlacing`\n  // here is safe exactly when it matters — a lock a *different*, still-genuinely-placing instance holds\n  // is never resumable at the same time (the shared attempt is one fact — Decision 1 — so a real\n  // concurrent opener keeps this attempt at `opening`/`finalizing`, not `sent`/`unresolved`).\n  const blockedByOtherInstance = sectionPlacing && !resumable;\n\n  function handleClick() {\n    // FR-2 (T56): `setAttempted(true)` moved off the click and onto settlement, so `succeeded`\n    // means \"an attempt settled with no refusals\" rather than \"a click happened and nothing is\n    // in flight\". `placeOrder()` resolves; it never rejects (T13's own contract), and this\n    // component reflects its state from the hook's own return value on every render rather than\n    // from the awaited result — a rejection handler here would be dead code, and (review finding\n    // F3) setting `attempted` from one would not \"keep the CTA disabled\": it would make\n    // `succeeded` `true` with the attempt's real outcome unknown, the exact false-success frame\n    // FR-2 exists to prevent.\n    //\n    // Review finding F1: settling `attempted` is not enough on its own past the first attempt.\n    // Once an attempt settles, `attempted` stays `true` until something lowers it — and nothing\n    // did, so a second click's own synchronous commit (`placeOrder` resets `userErrors` to `[]`\n    // unconditionally, and a refusal leaves `placing` `false`) satisfied `succeeded` immediately,\n    // one microtask before the new refusal arrived. Resetting `attempted` here, in the same\n    // synchronous batch as that reset, makes every attempt — not just the first — start its own\n    // click commit from \"not attempted\"; the `.then` below raises it again only once *this*\n    // attempt's own outcome is in.\n    setAttempted(false);\n    //\n    // T212: a refusal raised before anything left the browser (`reachedGateway === false`) that names an\n    // element the shopper must fix moves focus there, once, as the continuation of this one click. A\n    // result the gateway returned never does, whatever its code. Imperative on purpose, unlike the rest\n    // of this component: derived from render state it would also fire on a remount or a re-render.\n    void placeOrder().then(({ userErrors: refusals, reachedGateway }) => {\n      setAttempted(true);\n      const target = refusalFocusTarget(refusals, reachedGateway);\n      if (target) focusRefusal(target);\n    });\n  }\n\n  let buttonLabelField: 'placingLabel' | 'resumeLabel' | 'label' = 'label';\n  if (placing) buttonLabelField = 'placingLabel';\n  else if (resumable) buttonLabelField = 'resumeLabel';\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-place-order=\"\"\n      {...(placing ? { 'data-fs-place-order-pending': '' } : {})}\n    >\n      <Button\n        onClick={handleClick}\n        disabled={placing || succeeded || blockedByOtherInstance}\n        aria-busy={placing || undefined}\n        data-fs-place-order-button=\"\"\n        {...(placing ? { 'data-fs-place-order-button-pending': '' } : {})}\n      >\n        {format(buttonLabelField)}\n      </Button>\n      <PlaceOrderFeedback\n        placing={placing}\n        firstError={firstError}\n        unconfirmed={unconfirmed}\n        succeeded={succeeded}\n        displayOrderId={displayOrderId}\n        format={format}\n      />\n      <PlaceOrderNavigateOnSuccess successHref={successHref} orderNodeId={displayOrderNodeId} userErrors={userErrors} />\n      <PlaceOrderNavigateOnRedirect redirectUrl={redirectUrl} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/pricing/pricing.d.ts

@@ -1,3 +1,4 @@
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import "../../sdk/generated/graphql.js";
@@ -42,6 +43,145 @@ type RawPricingData = {
     }>;
   };
 };
+export declare const PricingInstallmentContent: {
+  readonly id: "pricing-installment";
+  readonly title: "Pricing Installment";
+  readonly description: "Text of an installment line.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly template: {
+        readonly type: "string";
+        readonly title: "Installment";
+        readonly format: "icu-message";
+        readonly messageSource: "{count}x of {value}";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly count: {
+              readonly type: "integer";
+            };
+            readonly value: {
+              readonly type: "string";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly count: 10;
+          readonly value: "$19.90";
+        };
+      };
+      readonly interestFreeLabel: {
+        readonly type: "string";
+        readonly title: "Interest-free label";
+        readonly format: "icu-message";
+        readonly messageSource: "interest-free";
+      };
+    };
+  };
+};
+export declare const PricingDiscountContent: {
+  readonly id: "pricing-discount";
+  readonly title: "Pricing Discount";
+  readonly description: "Text of the list-price discount badge.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly percentageTemplate: {
+        readonly type: "string";
+        readonly title: "Percentage discount";
+        readonly format: "icu-message";
+        readonly messageSource: "-{percentage}%";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly percentage: {
+              readonly type: "integer";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly percentage: 25;
+        };
+      };
+      readonly amountTemplate: {
+        readonly type: "string";
+        readonly title: "Amount discount";
+        readonly format: "icu-message";
+        readonly messageSource: "-{amount}";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly amount: {
+              readonly type: "string";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly amount: "$10.00";
+        };
+      };
+    };
+  };
+};
+export declare const PricingSpotDiscountContent: {
+  readonly id: "pricing-spot-discount";
+  readonly title: "Pricing Spot Discount";
+  readonly description: "Text of the spot-price discount badge.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly template: {
+        readonly type: "string";
+        readonly title: "Spot discount";
+        readonly format: "icu-message";
+        readonly messageSource: "-{percentage}%";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly percentage: {
+              readonly type: "integer";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly percentage: 10;
+        };
+      };
+    };
+  };
+};
+export declare const PricingPromotionContent: {
+  readonly id: "pricing-promotion";
+  readonly title: "Pricing Promotion";
+  readonly description: "Text of a promotion line.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly template: {
+        readonly type: "string";
+        readonly title: "Promotion";
+        readonly format: "icu-message";
+        readonly messageSource: "{name}";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly name: {
+              readonly type: "string";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly name: "Buy 3, get 2";
+        };
+      };
+    };
+  };
+};
 type InstallmentData = {
   count: number;
   value: number;
@@ -73,22 +213,21 @@ export type PricingPaymentMethodsListProps = ComponentPropsWithRef<'div'>;
 export type PricingPaymentMethodsTabListProps = ComponentPropsWithRef<'div'>;
 export type PricingPaymentMethodsTabPanelsProps = ComponentPropsWithRef<'div'>;
 export type PricingPaymentMethodNameProps = ComponentPropsWithRef<'span'>;
-export type PricingInstallmentProps = ComponentPropsWithRef<'span'> & {
-  template?: string;
-  interestFreeLabel?: string;
+export type PricingInstallmentProps = ComponentPropsWithRef<'span'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof PricingInstallmentContent>;
 };
-export type PricingDiscountProps = ComponentPropsWithRef<'span'> & {
-  template?: string;
+export type PricingDiscountProps = ComponentPropsWithRef<'span'> & MessageLocaleProp & {
   format?: 'percentage' | 'absolute';
+  $content?: ContentValue<typeof PricingDiscountContent>;
 };
 export type PricingHighlightsProps = ComponentPropsWithRef<'div'>;
 export type PricingHighlightProps = ComponentPropsWithRef<'span'>;
 export type PricingPromotionsProps = ComponentPropsWithRef<'div'>;
-export type PricingPromotionProps = ComponentPropsWithRef<'span'> & {
-  template?: string;
+export type PricingPromotionProps = ComponentPropsWithRef<'span'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof PricingPromotionContent>;
 };
-export type PricingSpotDiscountProps = ComponentPropsWithRef<'span'> & {
-  template?: string;
+export type PricingSpotDiscountProps = ComponentPropsWithRef<'span'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof PricingSpotDiscountContent>;
 };
 export declare function useInstallmentPlanItem(caller?: string, parent?: string): InstallmentPlanItemContextData;
 export declare const PricingRootDefinition: ComponentDefinition<PricingRootProps>;
@@ -127,13 +266,13 @@ export declare function PricingPaymentMethodsList({ className, children, ...prop
 export declare function PricingPaymentMethodsTabList({ className, children, ...props }: PricingPaymentMethodsTabListProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function PricingPaymentMethodsTabPanels({ className, children, ...props }: PricingPaymentMethodsTabPanelsProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function PricingPaymentMethodName({ className, children, ...props }: PricingPaymentMethodNameProps): import("react/jsx-runtime").JSX.Element;
-export declare function PricingInstallment({ template, interestFreeLabel, className, children, ...props }: PricingInstallmentProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function PricingDiscount({ template, format, className, children, ...props }: PricingDiscountProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function PricingSpotDiscount({ template, className, children, ...props }: PricingSpotDiscountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingInstallment({ $content, $locale, className, children, ...props }: PricingInstallmentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingDiscount({ format, $content, $locale, className, children, ...props }: PricingDiscountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingSpotDiscount({ $content, $locale, className, children, ...props }: PricingSpotDiscountProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function PricingHighlights({ className, children, ...props }: PricingHighlightsProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function PricingHighlight({ className, children, ...props }: PricingHighlightProps): import("react/jsx-runtime").JSX.Element;
 export declare function PricingPromotions({ className, children, ...props }: PricingPromotionsProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function PricingPromotion({ template, className, children, ...props }: PricingPromotionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PricingPromotion({ $content, $locale, className, children, ...props }: PricingPromotionProps): import("react/jsx-runtime").JSX.Element;
 export declare function PricingSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
 export declare const Pricing: {
   Root: typeof PricingRoot;