@vtex/faststore 0.0.7 → 0.0.10

package/dist/matter/shipping-simulator/shipping-simulator.js.map

@@ -1 +1 @@
-{"version":3,"file":"shipping-simulator.js","names":[],"sources":["../../../src/matter/shipping-simulator/shipping-simulator.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';\nimport { useStorefrontContext } from '../../sdk/context/storefront-context.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { FormattedMessage, type MessageId, useIntl } from '../../sdk/i18n/client.js';\nimport type { CartShippingSimulateInput } from '../../sdk/shipping/cart-operations.js';\nimport type { ShippingSimulateInput } from '../../sdk/shipping/operations.js';\nimport { useCartShippingSimulation } from '../../sdk/shipping/use-cart-shipping-simulation.js';\nimport { useShippingSimulation } from '../../sdk/shipping/use-shipping-simulation.js';\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment ShippingSimulatorData on Query {\n    productBySlug(slug: $slug) {\n      variants(first: 1) {\n        edges {\n          node {\n            id\n            sellers {\n              id\n              isDefault\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Raw data types (shape of the fragment result)\n// ---------------------------------------------------------------------------\n\ntype RawShippingSimulatorData = {\n  variants: {\n    edges: Array<{\n      node: {\n        id: string;\n        sellers: Array<{\n          id: string;\n          isDefault: boolean;\n        }>;\n      };\n    }>;\n  };\n};\n\n// ---------------------------------------------------------------------------\n// Domain types (mirror the shippingSimulation GraphQL contract)\n// ---------------------------------------------------------------------------\n\ntype MoneyValue = { amount: number; currencyCode: string };\n\ntype DeliveryChannel = 'DELIVERY' | 'PICKUP' | 'UNKNOWN';\n\ntype ShippingEstimateUnit = 'BUSINESS_DAYS' | 'DAYS' | 'HOURS' | 'MINUTES';\n\ntype ShippingEstimate = { value: number; unit: ShippingEstimateUnit };\n\n// Exported alongside `ShippingSimulatorContextValue` so `DeliveryOptionsRoot`\n// (matter/delivery-options) can type against the exact shape the reused leaves expect, with no\n// structural duplication (docs/storefront-core/reference-free-particle-model.md § Read side — state).\nexport type ShippingOption = {\n  id: string;\n  name: string;\n  channel: DeliveryChannel;\n  shippingEstimate: ShippingEstimate;\n  price: MoneyValue;\n  listPrice: MoneyValue;\n};\n\ntype ShippingSimulateErrorCode = 'INVALID_POSTAL_CODE' | 'UNKNOWN';\n\n// Exported with `ShippingSimulationPayload` so the `./client` entry can name the simulate callback's\n// whole contract — the SDK hooks return it and a store writing its own `onSimulate` has to name it.\nexport type ShippingSimulateError = {\n  code: ShippingSimulateErrorCode;\n  message: string;\n};\n\nexport type ShippingSimulationPayload = {\n  shippingOptions: ShippingOption[] | null;\n  userErrors: ShippingSimulateError[];\n};\n\ntype Status = 'idle' | 'loading' | 'success' | 'error';\n\nexport type ShippingSimulatorContextValue = {\n  postalCode: string;\n  setPostalCode: (value: string) => void;\n  status: Status;\n  shippingOptions: ShippingOption[] | null;\n  userErrors: ShippingSimulateError[];\n  submit: () => void;\n};\n\nconst SHIPPING_SIMULATOR_CONTEXT_UNSET = Symbol('ShippingSimulatorContextUnset');\n\nexport type ShippingSimulatorRootProps = ComponentPropsWithRef<'div'> & {\n  country?: string;\n  quantity?: number;\n  variantId?: string;\n  seller?: string;\n  $data?: RawShippingSimulatorData | null;\n  shippingOptions?: ShippingOption[];\n  userErrors?: ShippingSimulateError[];\n  onSimulate?: (input: ShippingSimulateInput) => Promise<ShippingSimulationPayload>;\n  onResult?: (result: ShippingSimulationPayload) => void;\n};\n\nexport type CartShippingSimulatorRootProps = ComponentPropsWithRef<'div'> & {\n  country?: string;\n  shippingOptions?: ShippingOption[];\n  userErrors?: ShippingSimulateError[];\n  onSimulate?: (input: CartShippingSimulateInput) => Promise<ShippingSimulationPayload>;\n  onResult?: (result: ShippingSimulationPayload) => void;\n};\n\nexport type ShippingSimulatorFormProps = ComponentPropsWithRef<'form'>;\n\nexport type ShippingSimulatorInputProps = Omit<ComponentPropsWithRef<'input'>, 'value' | 'onChange'> & {\n  format?: boolean;\n};\n\nexport type ShippingSimulatorSubmitProps = ComponentPropsWithRef<'button'>;\n\nexport type ShippingSimulatorLoadingProps = ComponentPropsWithRef<'output'>;\n\nexport type ShippingSimulatorErrorProps = ComponentPropsWithRef<'div'>;\n\nexport type ShippingSimulatorOptionsProps = ComponentPropsWithRef<'ul'> & {\n  sortBy?: 'price' | 'estimate';\n  maxOptions?: number;\n};\n\nexport type ShippingSimulatorOptionProps = ComponentPropsWithRef<'li'>;\n\nexport type ShippingSimulatorOptionNameProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorOptionEstimateProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorOptionPriceProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorOptionFreeBadgeProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorEmptyProps = ComponentPropsWithRef<'output'>;\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\n// Exported so `DeliveryOptionsRoot` can become a third provider by importing these same Context\n// objects directly (context matching is by identity, not shape). The two hooks below stay\n// module-private — providers need the objects, not the consumer API (Decision 2).\nexport const ShippingSimulatorContext = createContext<\n  ShippingSimulatorContextValue | typeof SHIPPING_SIMULATOR_CONTEXT_UNSET\n>(SHIPPING_SIMULATOR_CONTEXT_UNSET);\n\nexport const OptionItemContext = createContext<ShippingOption | null>(null);\n\nfunction useShippingSimulator(): ShippingSimulatorContextValue {\n  const ctx = useContext(ShippingSimulatorContext);\n  if (ctx === SHIPPING_SIMULATOR_CONTEXT_UNSET) {\n    throw new Error('ShippingSimulator components must be used inside ShippingSimulatorRoot.');\n  }\n  return ctx;\n}\n\nfunction useOptionItem(): ShippingOption {\n  const ctx = useContext(OptionItemContext);\n  if (!ctx) {\n    throw new Error('ShippingSimulatorOption components must be used inside ShippingSimulatorOptions.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(value: number, locale: string, currency: string): string {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(value);\n}\n\n// Each unit's whole sentence, and the variable that sentence names.\n//\n// Whole sentence, not a unit fragment interpolated into a wrapper: interpolating a translated\n// fragment into a translated wrapper freezes \"preposition + noun\" order into every language, and\n// hands the translator `em {estimate}` with no way to agree preposition, article or case with a noun\n// they cannot see. The variable is named after what it counts (`{days}`, `{hours}`) rather than a\n// generic `{count}`, for the same reason.\n//\n// A `Record` and not a `switch` with a default: a fifth unit arriving in the GraphQL schema is a\n// type error here, not a silent fallback to the wrong sentence.\n//\n// `variable` is the union of the names those sentences read, never `string`: widened, a typo passes\n// typecheck, lint and every test, and the shopper gets the raw ICU pattern because `onIntlError` is\n// silent in production. The parity assertion in the test file closes the other half of the gap — that\n// the name written here is the one the catalog's message actually names.\nexport const ESTIMATE_MESSAGE: Record<ShippingEstimateUnit, { id: MessageId; variable: 'days' | 'hours' | 'minutes' }> =\n  {\n    BUSINESS_DAYS: { id: 'fs/shipping.estimate.in-business-days', variable: 'days' },\n    DAYS: { id: 'fs/shipping.estimate.in-days', variable: 'days' },\n    HOURS: { id: 'fs/shipping.estimate.in-hours', variable: 'hours' },\n    MINUTES: { id: 'fs/shipping.estimate.in-minutes', variable: 'minutes' },\n  };\n\n// Business days weigh the same as calendar days: exact wall-clock conversion is unknowable and\n// the ranking only needs a consistent order.\nconst ESTIMATE_UNIT_MINUTES: Record<ShippingEstimateUnit, number> = {\n  MINUTES: 1,\n  HOURS: 60,\n  DAYS: 1440,\n  BUSINESS_DAYS: 1440,\n};\n\nfunction sortShippingOptions(options: readonly ShippingOption[], sortBy: 'price' | 'estimate'): ShippingOption[] {\n  const rank =\n    sortBy === 'price'\n      ? (option: ShippingOption) => Number(option.price.amount)\n      : (option: ShippingOption) => option.shippingEstimate.value * ESTIMATE_UNIT_MINUTES[option.shippingEstimate.unit];\n  return [...options].sort((a, b) => rank(a) - rank(b));\n}\n\nfunction normalizePostalCode(value: string): string {\n  return value.replace(/\\D/g, '').slice(0, 8);\n}\n\nfunction formatPostalCode(value: string): string {\n  const digits = normalizePostalCode(value);\n  return digits.length > 5 ? `${digits.slice(0, 5)}-${digits.slice(5)}` : digits;\n}\n\nfunction extractProductFromData(data: RawShippingSimulatorData | null | undefined): {\n  variantId: string | null;\n  seller: string | null;\n} {\n  if (!data) return { variantId: null, seller: null };\n  const edge = data.variants?.edges?.[0];\n  if (!edge) return { variantId: null, seller: null };\n  const { id, sellers } = edge.node;\n  const defaultSeller = sellers?.find((s) => s.isDefault) ?? sellers?.[0];\n  return { variantId: id ?? null, seller: defaultSeller?.id ?? null };\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const ShippingSimulatorRootDefinition = defineComponent<ShippingSimulatorRootProps>({\n  name: 'ShippingSimulatorRoot',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  editor: { label: 'Shipping Simulator', category: 'commerce' },\n  schema: {\n    country: { type: 'string', default: 'BRA', label: 'Country (ISO-3)' },\n    quantity: { type: 'number', default: 1, label: 'Quantity' },\n  },\n  providesContext: 'shipping-simulator',\n  guideline:\n    'Root container for the PDP shipping simulator: a shopper types a postal code and sees a shipping preview for ONE product on a product detail page. Backed by shippingSimulation and a product fragment (productBySlug(slug: $slug)), so it must live on a page with a $slug variable. Use CartShippingSimulatorRoot instead for a whole-cart calculator in the cart/mini-cart. All other ShippingSimulator components must be descendants of this one.',\n});\n\nexport const CartShippingSimulatorRootDefinition = defineComponent<CartShippingSimulatorRootProps>({\n  name: 'CartShippingSimulatorRoot',\n  importPath: '@vtex/faststore/components',\n  component: CartShippingSimulatorRoot,\n  editor: { label: 'Cart Shipping Simulator', category: 'commerce' },\n  schema: {\n    country: { type: 'string', default: 'BRA', label: 'Country (ISO-3)' },\n  },\n  providesContext: 'shipping-simulator',\n  guideline:\n    'Root container for the cart/mini-cart shipping calculator: the shopper types a postal code and sees the shipping options for the WHOLE cart. Backed by cartShippingSimulation (cart sourced server-side via x-order-form-id); needs no CartRoot ancestor and no product fragment. Use ShippingSimulatorRoot instead for a single-product shipping preview on a PDP. All other CartShippingSimulator components must be descendants of this one.',\n});\n\nexport const ShippingSimulatorFormDefinition = defineComponent<ShippingSimulatorFormProps>({\n  name: 'ShippingSimulatorForm',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorForm,\n  editor: { label: 'Shipping Simulator Form', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Form wrapper that holds ShippingSimulatorInput and ShippingSimulatorSubmit; must be a descendant of ShippingSimulatorRoot.',\n});\n\nexport const ShippingSimulatorInputDefinition = defineComponent<ShippingSimulatorInputProps>({\n  name: 'ShippingSimulatorInput',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorInput,\n  editor: { label: 'Shipping Simulator Input', category: 'action' },\n  schema: {\n    format: { type: 'boolean', default: false, label: 'Auto-format CEP (00000-000)' },\n  },\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Postal-code text input; enable `format` to auto-hyphenate the CEP as the user types (e.g. 01310-100). The placeholder comes from the message catalog. Must be a descendant of ShippingSimulatorForm.',\n});\n\nexport const ShippingSimulatorSubmitDefinition = defineComponent<ShippingSimulatorSubmitProps>({\n  name: 'ShippingSimulatorSubmit',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorSubmit,\n  editor: { label: 'Shipping Simulator Submit', category: 'action' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline: 'Submit button for the postal-code form; must be a descendant of ShippingSimulatorForm.',\n});\n\nexport const ShippingSimulatorLoadingDefinition = defineComponent<ShippingSimulatorLoadingProps>({\n  name: 'ShippingSimulatorLoading',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorLoading,\n  editor: { label: 'Shipping Simulator Loading', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Loading indicator shown while a simulation is in progress; must be a descendant of ShippingSimulatorRoot.',\n});\n\nexport const ShippingSimulatorErrorDefinition = defineComponent<ShippingSimulatorErrorProps>({\n  name: 'ShippingSimulatorError',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorError,\n  editor: { label: 'Shipping Simulator Error', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Error banner shown when the simulation returns validation errors; must be a descendant of ShippingSimulatorRoot.',\n});\n\nexport const ShippingSimulatorOptionsDefinition = defineComponent<ShippingSimulatorOptionsProps>({\n  name: 'ShippingSimulatorOptions',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptions,\n  editor: { label: 'Shipping Simulator Options', category: 'commerce' },\n  schema: {\n    sortBy: { type: ['price', 'estimate'] as const, label: 'Sort by' },\n    maxOptions: { type: 'number', label: 'Max options' },\n  },\n  requiresContext: 'shipping-simulator',\n  providesContext: 'shipping-simulator-option',\n  guideline:\n    'List that renders one ShippingSimulatorOption per available shipping option; must be a descendant of a shipping-simulator Root (PDP or cart). Renders every option in API order by default; set sortBy (\"price\" = cheapest first, \"estimate\" = fastest first) and maxOptions to cap the list — sortBy=\"price\" with maxOptions=1 shows only the cheapest option. See shipping-simulator.md.',\n});\n\nexport const ShippingSimulatorOptionDefinition = defineComponent<ShippingSimulatorOptionProps>({\n  name: 'ShippingSimulatorOption',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOption,\n  editor: { label: 'Shipping Simulator Option', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Container for a single shipping option row; holds ShippingSimulatorOptionName, ShippingSimulatorOptionEstimate, and ShippingSimulatorOptionPrice. Must be a descendant of ShippingSimulatorOptions.',\n});\n\nexport const ShippingSimulatorOptionNameDefinition = defineComponent<ShippingSimulatorOptionNameProps>({\n  name: 'ShippingSimulatorOptionName',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionName,\n  editor: { label: 'Option Name', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Displays the shipping option name (e.g. \"Entrega Normal\"); must be a descendant of ShippingSimulatorOption.',\n});\n\nexport const ShippingSimulatorOptionEstimateDefinition = defineComponent<ShippingSimulatorOptionEstimateProps>({\n  name: 'ShippingSimulatorOptionEstimate',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionEstimate,\n  editor: { label: 'Option Estimate', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Displays the delivery estimate in the active locale, one whole sentence per unit from the message catalog; a zero-value estimate (any unit) reads as an arrival-today message instead, since \"chega em 0 dias úteis\" reads wrong. Must be a descendant of ShippingSimulatorOption.',\n});\n\nexport const ShippingSimulatorOptionPriceDefinition = defineComponent<ShippingSimulatorOptionPriceProps>({\n  name: 'ShippingSimulatorOptionPrice',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionPrice,\n  editor: { label: 'Option Price', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Displays the shipping price, showing the free-shipping label from the message catalog when the amount is zero; must be a descendant of ShippingSimulatorOption.',\n});\n\nexport const ShippingSimulatorOptionFreeBadgeDefinition = defineComponent<ShippingSimulatorOptionFreeBadgeProps>({\n  name: 'ShippingSimulatorOptionFreeBadge',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionFreeBadge,\n  editor: { label: 'Option Free Badge', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Badge shown only when the current option price is zero (free shipping); renders nothing otherwise. Must be a descendant of ShippingSimulatorOption. Orthogonal to the free-price replacement text owned by ShippingSimulatorOptionPrice.',\n});\n\nexport const ShippingSimulatorEmptyDefinition = defineComponent<ShippingSimulatorEmptyProps>({\n  name: 'ShippingSimulatorEmpty',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorEmpty,\n  editor: { label: 'Shipping Simulator Empty', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Message shown when a simulation ran and returned no shipping options (e.g. no carrier common to the whole cart). Renders nothing before the first submit and nothing when options or an error are present. The copy comes from the message catalog; pass children to override. Must be a descendant of a shipping-simulator Root.',\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\nexport function ShippingSimulatorRoot({\n  country = 'BRA',\n  quantity = 1,\n  variantId: variantIdProp,\n  seller: sellerProp,\n  $data: $dataProp,\n  shippingOptions: shippingOptionsProp,\n  userErrors: userErrorsProp,\n  onSimulate: onSimulateProp,\n  onResult,\n  className,\n  children,\n  ...props\n}: ShippingSimulatorRootProps) {\n  const defaultSimulate = useShippingSimulation();\n  const onSimulate = onSimulateProp ?? defaultSimulate;\n  const intl = useIntl();\n\n  const $data = useDataOverride($dataProp);\n  const extracted = extractProductFromData($data);\n  const variantId = variantIdProp ?? extracted.variantId;\n  const seller = sellerProp ?? extracted.seller;\n\n  const [postalCode, setPostalCode] = useState('');\n  const [status, setStatus] = useState<Status>(() => {\n    if (userErrorsProp?.length) return 'error';\n    if (shippingOptionsProp) return 'success';\n    return 'idle';\n  });\n  const [shippingOptions, setShippingOptions] = useState<ShippingOption[] | null>(shippingOptionsProp ?? null);\n  const [userErrors, setUserErrors] = useState<ShippingSimulateError[]>(userErrorsProp ?? []);\n\n  const submissionToken = useRef(0);\n\n  const submit = useCallback(() => {\n    if (!onSimulate || !variantId || !seller) return;\n\n    const normalizedCep = normalizePostalCode(postalCode);\n    if (normalizedCep.length !== 8) return;\n\n    const token = ++submissionToken.current;\n    setStatus('loading');\n    setShippingOptions(null);\n    setUserErrors([]);\n\n    onSimulate({ postalCode: normalizedCep, country, variantId, quantity, seller })\n      .then((result) => {\n        if (submissionToken.current !== token) return;\n        setShippingOptions(result.shippingOptions);\n        setUserErrors(result.userErrors);\n        setStatus(result.userErrors.length > 0 ? 'error' : 'success');\n        onResult?.(result);\n      })\n      .catch(() => {\n        if (submissionToken.current !== token) return;\n        // In a handler, not a render: the message goes into state, where only a string fits.\n        const fallback: ShippingSimulateError = {\n          code: 'UNKNOWN',\n          message: intl.formatMessage({ id: 'fs/shipping.calculation-failed' }),\n        };\n        setShippingOptions(null);\n        setUserErrors([fallback]);\n        setStatus('error');\n        onResult?.({ shippingOptions: null, userErrors: [fallback] });\n      });\n  }, [country, intl, onResult, onSimulate, postalCode, quantity, seller, variantId]);\n\n  const contextValue = useMemo<ShippingSimulatorContextValue>(\n    () => ({\n      postalCode,\n      setPostalCode,\n      status,\n      shippingOptions,\n      userErrors,\n      submit,\n    }),\n    [postalCode, status, shippingOptions, userErrors, submit],\n  );\n\n  return (\n    <ShippingSimulatorContext value={contextValue}>\n      <div {...props} className={className} data-fs-shipping-simulator=\"\">\n        {children}\n      </div>\n    </ShippingSimulatorContext>\n  );\n}\n\nexport function CartShippingSimulatorRoot({\n  country = 'BRA',\n  shippingOptions: shippingOptionsProp,\n  userErrors: userErrorsProp,\n  onSimulate: onSimulateProp,\n  onResult,\n  className,\n  children,\n  ...props\n}: CartShippingSimulatorRootProps) {\n  const defaultSimulate = useCartShippingSimulation();\n  const onSimulate = onSimulateProp ?? defaultSimulate;\n  const intl = useIntl();\n\n  const [postalCode, setPostalCode] = useState('');\n  const [status, setStatus] = useState<Status>(() => {\n    if (userErrorsProp?.length) return 'error';\n    if (shippingOptionsProp) return 'success';\n    return 'idle';\n  });\n  const [shippingOptions, setShippingOptions] = useState<ShippingOption[] | null>(shippingOptionsProp ?? null);\n  const [userErrors, setUserErrors] = useState<ShippingSimulateError[]>(userErrorsProp ?? []);\n\n  const submissionToken = useRef(0);\n\n  const submit = useCallback(() => {\n    const normalizedCep = normalizePostalCode(postalCode);\n    if (normalizedCep.length !== 8) return;\n\n    const token = ++submissionToken.current;\n    setStatus('loading');\n    setShippingOptions(null);\n    setUserErrors([]);\n\n    onSimulate({ postalCode: normalizedCep, country })\n      .then((result) => {\n        if (submissionToken.current !== token) return;\n        setShippingOptions(result.shippingOptions);\n        setUserErrors(result.userErrors);\n        setStatus(result.userErrors.length > 0 ? 'error' : 'success');\n        onResult?.(result);\n      })\n      .catch(() => {\n        if (submissionToken.current !== token) return;\n        // In a handler, not a render: the message goes into state, where only a string fits.\n        const fallback: ShippingSimulateError = {\n          code: 'UNKNOWN',\n          message: intl.formatMessage({ id: 'fs/shipping.calculation-failed' }),\n        };\n        setShippingOptions(null);\n        setUserErrors([fallback]);\n        setStatus('error');\n        onResult?.({ shippingOptions: null, userErrors: [fallback] });\n      });\n  }, [country, intl, onResult, onSimulate, postalCode]);\n\n  const contextValue = useMemo<ShippingSimulatorContextValue>(\n    () => ({\n      postalCode,\n      setPostalCode,\n      status,\n      shippingOptions,\n      userErrors,\n      submit,\n    }),\n    [postalCode, status, shippingOptions, userErrors, submit],\n  );\n\n  return (\n    <ShippingSimulatorContext value={contextValue}>\n      <div {...props} className={className} data-fs-shipping-simulator=\"\">\n        {children}\n      </div>\n    </ShippingSimulatorContext>\n  );\n}\n\nexport function ShippingSimulatorForm({ className, children, ...props }: ShippingSimulatorFormProps) {\n  const { submit } = useShippingSimulator();\n\n  return (\n    <form\n      {...props}\n      className={className}\n      data-fs-shipping-simulator-form=\"\"\n      onSubmit={(event) => {\n        event.preventDefault();\n        submit();\n      }}\n    >\n      {children}\n    </form>\n  );\n}\n\nexport function ShippingSimulatorInput({\n  className,\n  placeholder,\n  'aria-label': ariaLabel,\n  format = false,\n  ...props\n}: ShippingSimulatorInputProps) {\n  const { postalCode, setPostalCode } = useShippingSimulator();\n  const intl = useIntl();\n  const displayValue = format ? formatPostalCode(postalCode) : postalCode;\n\n  return (\n    <input\n      {...props}\n      aria-label={ariaLabel ?? intl.formatMessage({ id: 'fs/shipping.postal-code.aria-label' })}\n      className={className}\n      data-fs-shipping-simulator-input=\"\"\n      type=\"text\"\n      value={displayValue}\n      onChange={(event) => setPostalCode(normalizePostalCode(event.target.value))}\n      placeholder={placeholder ?? intl.formatMessage({ id: 'fs/shipping.postal-code.placeholder' })}\n      pattern=\"\\d{5}-?\\d{3}\"\n      maxLength={9}\n      inputMode=\"numeric\"\n      required\n    />\n  );\n}\n\nexport function ShippingSimulatorSubmit({ className, children, disabled, ...props }: ShippingSimulatorSubmitProps) {\n  const { status } = useShippingSimulator();\n  const isLoading = status === 'loading';\n\n  return (\n    <button\n      {...props}\n      type=\"submit\"\n      className={className}\n      data-fs-shipping-simulator-submit=\"\"\n      disabled={disabled || isLoading}\n      aria-busy={isLoading}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function ShippingSimulatorLoading({ className, children, ...props }: ShippingSimulatorLoadingProps) {\n  const { status } = useShippingSimulator();\n  if (status !== 'loading') return null;\n\n  return (\n    <output {...props} aria-live=\"polite\" className={className} data-fs-shipping-simulator-loading=\"\">\n      {children ?? <FormattedMessage id=\"fs/shipping.calculating\" />}\n    </output>\n  );\n}\n\nexport function ShippingSimulatorError({ className, children, ...props }: ShippingSimulatorErrorProps) {\n  const { userErrors } = useShippingSimulator();\n  const [firstError] = userErrors;\n  if (!firstError) return null;\n\n  return (\n    <div {...props} role=\"alert\" className={className} data-fs-shipping-simulator-error=\"\">\n      {children ?? firstError.message}\n    </div>\n  );\n}\n\nexport function ShippingSimulatorOptions({\n  sortBy,\n  maxOptions,\n  className,\n  children,\n  ...props\n}: ShippingSimulatorOptionsProps) {\n  const { shippingOptions } = useShippingSimulator();\n\n  const visibleOptions = useMemo(() => {\n    if (!shippingOptions) return null;\n    const sorted = sortBy ? sortShippingOptions(shippingOptions, sortBy) : shippingOptions;\n    return maxOptions && maxOptions > 0 ? sorted.slice(0, maxOptions) : sorted;\n  }, [shippingOptions, sortBy, maxOptions]);\n\n  if (!visibleOptions || visibleOptions.length === 0) return null;\n\n  return (\n    <ul {...props} className={className} data-fs-shipping-simulator-options=\"\">\n      {visibleOptions.map((option) => (\n        <OptionItemContext key={option.id} value={option}>\n          {children}\n        </OptionItemContext>\n      ))}\n    </ul>\n  );\n}\n\nexport function ShippingSimulatorOption({ className, children, ...props }: ShippingSimulatorOptionProps) {\n  const option = useOptionItem();\n\n  return (\n    <li\n      {...props}\n      className={className}\n      data-fs-shipping-simulator-option=\"\"\n      data-fs-shipping-simulator-option-channel={option.channel}\n    >\n      {children}\n    </li>\n  );\n}\n\nexport function ShippingSimulatorOptionName({ className, children, ...props }: ShippingSimulatorOptionNameProps) {\n  const option = useOptionItem();\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-name=\"\">\n      {children ?? option.name}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorOptionEstimate({\n  className,\n  children,\n  ...props\n}: ShippingSimulatorOptionEstimateProps) {\n  const option = useOptionItem();\n  const intl = useIntl();\n  const { value, unit } = option.shippingEstimate;\n  const { id, variable } = ESTIMATE_MESSAGE[unit];\n  const text =\n    value === 0\n      ? intl.formatMessage({ id: 'fs/shipping.estimate.today' })\n      : intl.formatMessage({ id }, { [variable]: value });\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-estimate=\"\">\n      {children ?? text}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorOptionPrice({ className, children, ...props }: ShippingSimulatorOptionPriceProps) {\n  const option = useOptionItem();\n  const intl = useIntl();\n  const { locale, currency } = useStorefrontContext();\n  const text =\n    option.price.amount === 0\n      ? intl.formatMessage({ id: 'fs/shipping.free-price' })\n      : formatPrice(option.price.amount, locale, currency);\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-price=\"\">\n      {children ?? text}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorOptionFreeBadge({\n  className,\n  children,\n  ...props\n}: ShippingSimulatorOptionFreeBadgeProps) {\n  const option = useOptionItem();\n  if (option.price.amount !== 0) return null;\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-free-badge=\"\">\n      {children ?? <FormattedMessage id=\"fs/shipping.free-badge\" />}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorEmpty({ className, children, ...props }: ShippingSimulatorEmptyProps) {\n  const { shippingOptions, userErrors } = useShippingSimulator();\n  // Idle (null) → nothing; error → nothing (Error owns it); options present → nothing.\n  const simulatedEmpty = Array.isArray(shippingOptions) && shippingOptions.length === 0 && userErrors.length === 0;\n  if (!simulatedEmpty) return null;\n\n  return (\n    <output {...props} aria-live=\"polite\" className={className} data-fs-shipping-simulator-empty=\"\">\n      {children ?? <FormattedMessage id=\"fs/shipping.no-options\" />}\n    </output>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace export\n// ---------------------------------------------------------------------------\n\nexport const ShippingSimulator = {\n  Root: ShippingSimulatorRoot,\n  Form: ShippingSimulatorForm,\n  Input: ShippingSimulatorInput,\n  Submit: ShippingSimulatorSubmit,\n  Loading: ShippingSimulatorLoading,\n  Error: ShippingSimulatorError,\n  Options: ShippingSimulatorOptions,\n  Option: ShippingSimulatorOption,\n  OptionName: ShippingSimulatorOptionName,\n  OptionEstimate: ShippingSimulatorOptionEstimate,\n  OptionPrice: ShippingSimulatorOptionPrice,\n  OptionFreeBadge: ShippingSimulatorOptionFreeBadge,\n  Empty: ShippingSimulatorEmpty,\n};\n\nexport const CartShippingSimulator = {\n  Root: CartShippingSimulatorRoot,\n  Form: ShippingSimulatorForm,\n  Input: ShippingSimulatorInput,\n  Submit: ShippingSimulatorSubmit,\n  Loading: ShippingSimulatorLoading,\n  Error: ShippingSimulatorError,\n  Options: ShippingSimulatorOptions,\n  Option: ShippingSimulatorOption,\n  OptionName: ShippingSimulatorOptionName,\n  OptionEstimate: ShippingSimulatorOptionEstimate,\n  OptionPrice: ShippingSimulatorOptionPrice,\n  OptionFreeBadge: ShippingSimulatorOptionFreeBadge,\n  Empty: ShippingSimulatorEmpty,\n};\n"],"mappings":"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"}
+{"version":3,"file":"shipping-simulator.js","names":[],"sources":["../../../src/matter/shipping-simulator/shipping-simulator.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';\nimport { useStorefrontContext } from '../../sdk/context/storefront-context.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { FormattedMessage, type MessageId, useIntl } from '../../sdk/i18n/client.js';\nimport type { CartShippingSimulateInput } from '../../sdk/shipping/cart-operations.js';\nimport type { ShippingSimulateInput } from '../../sdk/shipping/operations.js';\nimport { useCartShippingSimulation } from '../../sdk/shipping/use-cart-shipping-simulation.js';\nimport { useShippingSimulation } from '../../sdk/shipping/use-shipping-simulation.js';\nimport { isFiniteAmount } from '../cart/cart.js';\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment ShippingSimulatorData on Query {\n    productBySlug(slug: $slug) {\n      variants(first: 1) {\n        edges {\n          node {\n            id\n            sellers {\n              id\n              isDefault\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Raw data types (shape of the fragment result)\n// ---------------------------------------------------------------------------\n\ntype RawShippingSimulatorData = {\n  variants: {\n    edges: Array<{\n      node: {\n        id: string;\n        sellers: Array<{\n          id: string;\n          isDefault: boolean;\n        }>;\n      };\n    }>;\n  };\n};\n\n// ---------------------------------------------------------------------------\n// Domain types (mirror the shippingSimulation GraphQL contract)\n// ---------------------------------------------------------------------------\n\ntype MoneyValue = { amount: string; currencyCode: string };\n\ntype DeliveryChannel = 'DELIVERY' | 'PICKUP' | 'UNKNOWN';\n\nexport type ShippingEstimateUnit = 'BUSINESS_DAYS' | 'DAYS' | 'HOURS' | 'MINUTES';\n\ntype ShippingEstimate = { value: number; unit: ShippingEstimateUnit };\n\n// Exported alongside `ShippingSimulatorContextValue` so `DeliveryOptionsRoot`\n// (matter/delivery-options) can type against the exact shape the reused leaves expect, with no\n// structural duplication (docs/storefront-core/reference-free-particle-model.md § Read side — state).\nexport type ShippingOption = {\n  id: string;\n  name: string;\n  channel: DeliveryChannel;\n  shippingEstimate: ShippingEstimate;\n  price: MoneyValue;\n  listPrice: MoneyValue;\n};\n\ntype ShippingSimulateErrorCode = 'INVALID_POSTAL_CODE' | 'UNKNOWN';\n\n// Exported with `ShippingSimulationPayload` so the `./client` entry can name the simulate callback's\n// whole contract — the SDK hooks return it and a store writing its own `onSimulate` has to name it.\nexport type ShippingSimulateError = {\n  code: ShippingSimulateErrorCode;\n  message: string;\n};\n\nexport type ShippingSimulationPayload = {\n  shippingOptions: ShippingOption[] | null;\n  userErrors: ShippingSimulateError[];\n};\n\ntype Status = 'idle' | 'loading' | 'success' | 'error';\n\nexport type ShippingSimulatorContextValue = {\n  postalCode: string;\n  setPostalCode: (value: string) => void;\n  status: Status;\n  shippingOptions: ShippingOption[] | null;\n  userErrors: ShippingSimulateError[];\n  submit: () => void;\n};\n\nconst SHIPPING_SIMULATOR_CONTEXT_UNSET = Symbol('ShippingSimulatorContextUnset');\n\nexport type ShippingSimulatorRootProps = ComponentPropsWithRef<'div'> & {\n  country?: string;\n  quantity?: number;\n  variantId?: string;\n  seller?: string;\n  $data?: RawShippingSimulatorData | null;\n  shippingOptions?: ShippingOption[];\n  userErrors?: ShippingSimulateError[];\n  onSimulate?: (input: ShippingSimulateInput) => Promise<ShippingSimulationPayload>;\n  onResult?: (result: ShippingSimulationPayload) => void;\n};\n\nexport type CartShippingSimulatorRootProps = ComponentPropsWithRef<'div'> & {\n  country?: string;\n  shippingOptions?: ShippingOption[];\n  userErrors?: ShippingSimulateError[];\n  onSimulate?: (input: CartShippingSimulateInput) => Promise<ShippingSimulationPayload>;\n  onResult?: (result: ShippingSimulationPayload) => void;\n};\n\nexport type ShippingSimulatorFormProps = ComponentPropsWithRef<'form'>;\n\nexport type ShippingSimulatorInputProps = Omit<ComponentPropsWithRef<'input'>, 'value' | 'onChange'> & {\n  format?: boolean;\n};\n\nexport type ShippingSimulatorSubmitProps = ComponentPropsWithRef<'button'>;\n\nexport type ShippingSimulatorLoadingProps = ComponentPropsWithRef<'output'>;\n\nexport type ShippingSimulatorErrorProps = ComponentPropsWithRef<'div'>;\n\nexport type ShippingSimulatorOptionsProps = ComponentPropsWithRef<'ul'> & {\n  sortBy?: 'price' | 'estimate';\n  maxOptions?: number;\n};\n\nexport type ShippingSimulatorOptionProps = ComponentPropsWithRef<'li'>;\n\nexport type ShippingSimulatorOptionNameProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorOptionEstimateProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorOptionPriceProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorOptionFreeBadgeProps = ComponentPropsWithRef<'span'>;\n\nexport type ShippingSimulatorEmptyProps = ComponentPropsWithRef<'output'>;\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\n// Exported so `DeliveryOptionsRoot` can become a third provider by importing these same Context\n// objects directly (context matching is by identity, not shape). The two hooks below stay\n// module-private — providers need the objects, not the consumer API (Decision 2).\nexport const ShippingSimulatorContext = createContext<\n  ShippingSimulatorContextValue | typeof SHIPPING_SIMULATOR_CONTEXT_UNSET\n>(SHIPPING_SIMULATOR_CONTEXT_UNSET);\n\nexport const OptionItemContext = createContext<ShippingOption | null>(null);\n\nfunction useShippingSimulator(): ShippingSimulatorContextValue {\n  const ctx = useContext(ShippingSimulatorContext);\n  if (ctx === SHIPPING_SIMULATOR_CONTEXT_UNSET) {\n    throw new Error('ShippingSimulator components must be used inside ShippingSimulatorRoot.');\n  }\n  return ctx;\n}\n\nfunction useOptionItem(): ShippingOption {\n  const ctx = useContext(OptionItemContext);\n  if (!ctx) {\n    throw new Error('ShippingSimulatorOption components must be used inside ShippingSimulatorOptions.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatPrice(value: number, locale: string, currency: string): string {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(value);\n}\n\n// Each unit's whole sentence, and the variable that sentence names.\n//\n// Whole sentence, not a unit fragment interpolated into a wrapper: interpolating a translated\n// fragment into a translated wrapper freezes \"preposition + noun\" order into every language, and\n// hands the translator `em {estimate}` with no way to agree preposition, article or case with a noun\n// they cannot see. The variable is named after what it counts (`{days}`, `{hours}`) rather than a\n// generic `{count}`, for the same reason.\n//\n// A `Record` and not a `switch` with a default: a fifth unit arriving in the GraphQL schema is a\n// type error here, not a silent fallback to the wrong sentence.\n//\n// `variable` is the union of the names those sentences read, never `string`: widened, a typo passes\n// typecheck, lint and every test, and the shopper gets the raw ICU pattern because `onIntlError` is\n// silent in production. The parity assertion in the test file closes the other half of the gap — that\n// the name written here is the one the catalog's message actually names.\nexport const ESTIMATE_MESSAGE: Record<ShippingEstimateUnit, { id: MessageId; variable: 'days' | 'hours' | 'minutes' }> =\n  {\n    BUSINESS_DAYS: { id: 'fs/shipping.estimate.in-business-days', variable: 'days' },\n    DAYS: { id: 'fs/shipping.estimate.in-days', variable: 'days' },\n    HOURS: { id: 'fs/shipping.estimate.in-hours', variable: 'hours' },\n    MINUTES: { id: 'fs/shipping.estimate.in-minutes', variable: 'minutes' },\n  };\n\n// Business days weigh the same as calendar days: exact wall-clock conversion is unknowable and\n// the ranking only needs a consistent order.\nconst ESTIMATE_UNIT_MINUTES: Record<ShippingEstimateUnit, number> = {\n  MINUTES: 1,\n  HOURS: 60,\n  DAYS: 1440,\n  BUSINESS_DAYS: 1440,\n};\n\nfunction sortShippingOptions(options: readonly ShippingOption[], sortBy: 'price' | 'estimate'): ShippingOption[] {\n  const rank =\n    sortBy === 'price'\n      ? (option: ShippingOption) => Number(option.price.amount)\n      : (option: ShippingOption) => option.shippingEstimate.value * ESTIMATE_UNIT_MINUTES[option.shippingEstimate.unit];\n  return [...options].sort((a, b) => rank(a) - rank(b));\n}\n\nfunction normalizePostalCode(value: string): string {\n  return value.replace(/\\D/g, '').slice(0, 8);\n}\n\nfunction formatPostalCode(value: string): string {\n  const digits = normalizePostalCode(value);\n  return digits.length > 5 ? `${digits.slice(0, 5)}-${digits.slice(5)}` : digits;\n}\n\nfunction extractProductFromData(data: RawShippingSimulatorData | null | undefined): {\n  variantId: string | null;\n  seller: string | null;\n} {\n  if (!data) return { variantId: null, seller: null };\n  const edge = data.variants?.edges?.[0];\n  if (!edge) return { variantId: null, seller: null };\n  const { id, sellers } = edge.node;\n  const defaultSeller = sellers?.find((s) => s.isDefault) ?? sellers?.[0];\n  return { variantId: id ?? null, seller: defaultSeller?.id ?? null };\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const ShippingSimulatorRootDefinition = defineComponent<ShippingSimulatorRootProps>({\n  name: 'ShippingSimulatorRoot',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  editor: { label: 'Shipping Simulator', category: 'commerce' },\n  schema: {\n    country: { type: 'string', default: 'BRA', label: 'Country (ISO-3)' },\n    quantity: { type: 'number', default: 1, label: 'Quantity' },\n  },\n  providesContext: 'shipping-simulator',\n  guideline:\n    'Root container for the PDP shipping simulator: a shopper types a postal code and sees a shipping preview for ONE product on a product detail page. Backed by shippingSimulation and a product fragment (productBySlug(slug: $slug)), so it must live on a page with a $slug variable. Use CartShippingSimulatorRoot instead for a whole-cart calculator in the cart/mini-cart. All other ShippingSimulator components must be descendants of this one.',\n});\n\nexport const CartShippingSimulatorRootDefinition = defineComponent<CartShippingSimulatorRootProps>({\n  name: 'CartShippingSimulatorRoot',\n  importPath: '@vtex/faststore/components',\n  component: CartShippingSimulatorRoot,\n  editor: { label: 'Cart Shipping Simulator', category: 'commerce' },\n  schema: {\n    country: { type: 'string', default: 'BRA', label: 'Country (ISO-3)' },\n  },\n  providesContext: 'shipping-simulator',\n  guideline:\n    'Root container for the cart/mini-cart shipping calculator: the shopper types a postal code and sees the shipping options for the WHOLE cart. Backed by cartShippingSimulation (cart sourced server-side via x-order-form-id); needs no CartRoot ancestor and no product fragment. Use ShippingSimulatorRoot instead for a single-product shipping preview on a PDP. All other CartShippingSimulator components must be descendants of this one.',\n});\n\nexport const ShippingSimulatorFormDefinition = defineComponent<ShippingSimulatorFormProps>({\n  name: 'ShippingSimulatorForm',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorForm,\n  editor: { label: 'Shipping Simulator Form', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Form wrapper that holds ShippingSimulatorInput and ShippingSimulatorSubmit; must be a descendant of ShippingSimulatorRoot.',\n});\n\nexport const ShippingSimulatorInputDefinition = defineComponent<ShippingSimulatorInputProps>({\n  name: 'ShippingSimulatorInput',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorInput,\n  editor: { label: 'Shipping Simulator Input', category: 'action' },\n  schema: {\n    format: { type: 'boolean', default: false, label: 'Auto-format CEP (00000-000)' },\n  },\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Postal-code text input; enable `format` to auto-hyphenate the CEP as the user types (e.g. 01310-100). The placeholder comes from the message catalog. Must be a descendant of ShippingSimulatorForm.',\n});\n\nexport const ShippingSimulatorSubmitDefinition = defineComponent<ShippingSimulatorSubmitProps>({\n  name: 'ShippingSimulatorSubmit',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorSubmit,\n  editor: { label: 'Shipping Simulator Submit', category: 'action' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline: 'Submit button for the postal-code form; must be a descendant of ShippingSimulatorForm.',\n});\n\nexport const ShippingSimulatorLoadingDefinition = defineComponent<ShippingSimulatorLoadingProps>({\n  name: 'ShippingSimulatorLoading',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorLoading,\n  editor: { label: 'Shipping Simulator Loading', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Loading indicator shown while a simulation is in progress; must be a descendant of ShippingSimulatorRoot.',\n});\n\nexport const ShippingSimulatorErrorDefinition = defineComponent<ShippingSimulatorErrorProps>({\n  name: 'ShippingSimulatorError',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorError,\n  editor: { label: 'Shipping Simulator Error', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Error banner shown when the simulation returns validation errors; must be a descendant of ShippingSimulatorRoot.',\n});\n\nexport const ShippingSimulatorOptionsDefinition = defineComponent<ShippingSimulatorOptionsProps>({\n  name: 'ShippingSimulatorOptions',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptions,\n  editor: { label: 'Shipping Simulator Options', category: 'commerce' },\n  schema: {\n    sortBy: { type: ['price', 'estimate'] as const, label: 'Sort by' },\n    maxOptions: { type: 'number', label: 'Max options' },\n  },\n  requiresContext: 'shipping-simulator',\n  providesContext: 'shipping-simulator-option',\n  guideline:\n    'List that renders one ShippingSimulatorOption per available shipping option; must be a descendant of a shipping-simulator Root (PDP or cart). Renders every option in API order by default; set sortBy (\"price\" = cheapest first, \"estimate\" = fastest first) and maxOptions to cap the list — sortBy=\"price\" with maxOptions=1 shows only the cheapest option. See shipping-simulator.md.',\n});\n\nexport const ShippingSimulatorOptionDefinition = defineComponent<ShippingSimulatorOptionProps>({\n  name: 'ShippingSimulatorOption',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOption,\n  editor: { label: 'Shipping Simulator Option', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Container for a single shipping option row; holds ShippingSimulatorOptionName, ShippingSimulatorOptionEstimate, and ShippingSimulatorOptionPrice. Must be a descendant of ShippingSimulatorOptions.',\n});\n\nexport const ShippingSimulatorOptionNameDefinition = defineComponent<ShippingSimulatorOptionNameProps>({\n  name: 'ShippingSimulatorOptionName',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionName,\n  editor: { label: 'Option Name', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Displays the shipping option name (e.g. \"Entrega Normal\"); must be a descendant of ShippingSimulatorOption.',\n});\n\nexport const ShippingSimulatorOptionEstimateDefinition = defineComponent<ShippingSimulatorOptionEstimateProps>({\n  name: 'ShippingSimulatorOptionEstimate',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionEstimate,\n  editor: { label: 'Option Estimate', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Displays the delivery estimate in the active locale, one whole sentence per unit from the message catalog; a zero-value estimate (any unit) reads as an arrival-today message instead, since \"chega em 0 dias úteis\" reads wrong. Must be a descendant of ShippingSimulatorOption.',\n});\n\nexport const ShippingSimulatorOptionPriceDefinition = defineComponent<ShippingSimulatorOptionPriceProps>({\n  name: 'ShippingSimulatorOptionPrice',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionPrice,\n  editor: { label: 'Option Price', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Displays the shipping price, showing the free-shipping label from the message catalog when the amount is zero; must be a descendant of ShippingSimulatorOption.',\n});\n\nexport const ShippingSimulatorOptionFreeBadgeDefinition = defineComponent<ShippingSimulatorOptionFreeBadgeProps>({\n  name: 'ShippingSimulatorOptionFreeBadge',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorOptionFreeBadge,\n  editor: { label: 'Option Free Badge', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator-option',\n  guideline:\n    'Badge shown only when the current option price is zero (free shipping); renders nothing otherwise. Must be a descendant of ShippingSimulatorOption. Orthogonal to the free-price replacement text owned by ShippingSimulatorOptionPrice.',\n});\n\nexport const ShippingSimulatorEmptyDefinition = defineComponent<ShippingSimulatorEmptyProps>({\n  name: 'ShippingSimulatorEmpty',\n  importPath: '@vtex/faststore/components',\n  component: ShippingSimulatorEmpty,\n  editor: { label: 'Shipping Simulator Empty', category: 'commerce' },\n  schema: {},\n  requiresContext: 'shipping-simulator',\n  guideline:\n    'Message shown when a simulation ran and returned no shipping options (e.g. no carrier common to the whole cart). Renders nothing before the first submit and nothing when options or an error are present. The copy comes from the message catalog; pass children to override. Must be a descendant of a shipping-simulator Root.',\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\nexport function ShippingSimulatorRoot({\n  country = 'BRA',\n  quantity = 1,\n  variantId: variantIdProp,\n  seller: sellerProp,\n  $data: $dataProp,\n  shippingOptions: shippingOptionsProp,\n  userErrors: userErrorsProp,\n  onSimulate: onSimulateProp,\n  onResult,\n  className,\n  children,\n  ...props\n}: ShippingSimulatorRootProps) {\n  const defaultSimulate = useShippingSimulation();\n  const onSimulate = onSimulateProp ?? defaultSimulate;\n  const intl = useIntl();\n\n  const $data = useDataOverride($dataProp);\n  const extracted = extractProductFromData($data);\n  const variantId = variantIdProp ?? extracted.variantId;\n  const seller = sellerProp ?? extracted.seller;\n\n  const [postalCode, setPostalCode] = useState('');\n  const [status, setStatus] = useState<Status>(() => {\n    if (userErrorsProp?.length) return 'error';\n    if (shippingOptionsProp) return 'success';\n    return 'idle';\n  });\n  const [shippingOptions, setShippingOptions] = useState<ShippingOption[] | null>(shippingOptionsProp ?? null);\n  const [userErrors, setUserErrors] = useState<ShippingSimulateError[]>(userErrorsProp ?? []);\n\n  const submissionToken = useRef(0);\n\n  const submit = useCallback(() => {\n    if (!onSimulate || !variantId || !seller) return;\n\n    const normalizedCep = normalizePostalCode(postalCode);\n    if (normalizedCep.length !== 8) return;\n\n    const token = ++submissionToken.current;\n    setStatus('loading');\n    setShippingOptions(null);\n    setUserErrors([]);\n\n    onSimulate({ postalCode: normalizedCep, country, variantId, quantity, seller })\n      .then((result) => {\n        if (submissionToken.current !== token) return;\n        setShippingOptions(result.shippingOptions);\n        setUserErrors(result.userErrors);\n        setStatus(result.userErrors.length > 0 ? 'error' : 'success');\n        onResult?.(result);\n      })\n      .catch(() => {\n        if (submissionToken.current !== token) return;\n        // In a handler, not a render: the message goes into state, where only a string fits.\n        const fallback: ShippingSimulateError = {\n          code: 'UNKNOWN',\n          message: intl.formatMessage({ id: 'fs/shipping.calculation-failed' }),\n        };\n        setShippingOptions(null);\n        setUserErrors([fallback]);\n        setStatus('error');\n        onResult?.({ shippingOptions: null, userErrors: [fallback] });\n      });\n  }, [country, intl, onResult, onSimulate, postalCode, quantity, seller, variantId]);\n\n  const contextValue = useMemo<ShippingSimulatorContextValue>(\n    () => ({\n      postalCode,\n      setPostalCode,\n      status,\n      shippingOptions,\n      userErrors,\n      submit,\n    }),\n    [postalCode, status, shippingOptions, userErrors, submit],\n  );\n\n  return (\n    <ShippingSimulatorContext value={contextValue}>\n      <div {...props} className={className} data-fs-shipping-simulator=\"\">\n        {children}\n      </div>\n    </ShippingSimulatorContext>\n  );\n}\n\nexport function CartShippingSimulatorRoot({\n  country = 'BRA',\n  shippingOptions: shippingOptionsProp,\n  userErrors: userErrorsProp,\n  onSimulate: onSimulateProp,\n  onResult,\n  className,\n  children,\n  ...props\n}: CartShippingSimulatorRootProps) {\n  const defaultSimulate = useCartShippingSimulation();\n  const onSimulate = onSimulateProp ?? defaultSimulate;\n  const intl = useIntl();\n\n  const [postalCode, setPostalCode] = useState('');\n  const [status, setStatus] = useState<Status>(() => {\n    if (userErrorsProp?.length) return 'error';\n    if (shippingOptionsProp) return 'success';\n    return 'idle';\n  });\n  const [shippingOptions, setShippingOptions] = useState<ShippingOption[] | null>(shippingOptionsProp ?? null);\n  const [userErrors, setUserErrors] = useState<ShippingSimulateError[]>(userErrorsProp ?? []);\n\n  const submissionToken = useRef(0);\n\n  const submit = useCallback(() => {\n    const normalizedCep = normalizePostalCode(postalCode);\n    if (normalizedCep.length !== 8) return;\n\n    const token = ++submissionToken.current;\n    setStatus('loading');\n    setShippingOptions(null);\n    setUserErrors([]);\n\n    onSimulate({ postalCode: normalizedCep, country })\n      .then((result) => {\n        if (submissionToken.current !== token) return;\n        setShippingOptions(result.shippingOptions);\n        setUserErrors(result.userErrors);\n        setStatus(result.userErrors.length > 0 ? 'error' : 'success');\n        onResult?.(result);\n      })\n      .catch(() => {\n        if (submissionToken.current !== token) return;\n        // In a handler, not a render: the message goes into state, where only a string fits.\n        const fallback: ShippingSimulateError = {\n          code: 'UNKNOWN',\n          message: intl.formatMessage({ id: 'fs/shipping.calculation-failed' }),\n        };\n        setShippingOptions(null);\n        setUserErrors([fallback]);\n        setStatus('error');\n        onResult?.({ shippingOptions: null, userErrors: [fallback] });\n      });\n  }, [country, intl, onResult, onSimulate, postalCode]);\n\n  const contextValue = useMemo<ShippingSimulatorContextValue>(\n    () => ({\n      postalCode,\n      setPostalCode,\n      status,\n      shippingOptions,\n      userErrors,\n      submit,\n    }),\n    [postalCode, status, shippingOptions, userErrors, submit],\n  );\n\n  return (\n    <ShippingSimulatorContext value={contextValue}>\n      <div {...props} className={className} data-fs-shipping-simulator=\"\">\n        {children}\n      </div>\n    </ShippingSimulatorContext>\n  );\n}\n\nexport function ShippingSimulatorForm({ className, children, ...props }: ShippingSimulatorFormProps) {\n  const { submit } = useShippingSimulator();\n\n  return (\n    <form\n      {...props}\n      className={className}\n      data-fs-shipping-simulator-form=\"\"\n      onSubmit={(event) => {\n        event.preventDefault();\n        submit();\n      }}\n    >\n      {children}\n    </form>\n  );\n}\n\nexport function ShippingSimulatorInput({\n  className,\n  placeholder,\n  'aria-label': ariaLabel,\n  format = false,\n  ...props\n}: ShippingSimulatorInputProps) {\n  const { postalCode, setPostalCode } = useShippingSimulator();\n  const intl = useIntl();\n  const displayValue = format ? formatPostalCode(postalCode) : postalCode;\n\n  return (\n    <input\n      {...props}\n      aria-label={ariaLabel ?? intl.formatMessage({ id: 'fs/shipping.postal-code.aria-label' })}\n      className={className}\n      data-fs-shipping-simulator-input=\"\"\n      type=\"text\"\n      value={displayValue}\n      onChange={(event) => setPostalCode(normalizePostalCode(event.target.value))}\n      placeholder={placeholder ?? intl.formatMessage({ id: 'fs/shipping.postal-code.placeholder' })}\n      pattern=\"\\d{5}-?\\d{3}\"\n      maxLength={9}\n      inputMode=\"numeric\"\n      required\n    />\n  );\n}\n\nexport function ShippingSimulatorSubmit({ className, children, disabled, ...props }: ShippingSimulatorSubmitProps) {\n  const { status } = useShippingSimulator();\n  const isLoading = status === 'loading';\n\n  return (\n    <button\n      {...props}\n      type=\"submit\"\n      className={className}\n      data-fs-shipping-simulator-submit=\"\"\n      disabled={disabled || isLoading}\n      aria-busy={isLoading}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function ShippingSimulatorLoading({ className, children, ...props }: ShippingSimulatorLoadingProps) {\n  const { status } = useShippingSimulator();\n  if (status !== 'loading') return null;\n\n  return (\n    <output {...props} aria-live=\"polite\" className={className} data-fs-shipping-simulator-loading=\"\">\n      {children ?? <FormattedMessage id=\"fs/shipping.calculating\" />}\n    </output>\n  );\n}\n\nexport function ShippingSimulatorError({ className, children, ...props }: ShippingSimulatorErrorProps) {\n  const { userErrors } = useShippingSimulator();\n  const [firstError] = userErrors;\n  if (!firstError) return null;\n\n  return (\n    <div {...props} role=\"alert\" className={className} data-fs-shipping-simulator-error=\"\">\n      {children ?? firstError.message}\n    </div>\n  );\n}\n\nexport function ShippingSimulatorOptions({\n  sortBy,\n  maxOptions,\n  className,\n  children,\n  ...props\n}: ShippingSimulatorOptionsProps) {\n  const { shippingOptions } = useShippingSimulator();\n\n  const visibleOptions = useMemo(() => {\n    if (!shippingOptions) return null;\n    const sorted = sortBy ? sortShippingOptions(shippingOptions, sortBy) : shippingOptions;\n    return maxOptions && maxOptions > 0 ? sorted.slice(0, maxOptions) : sorted;\n  }, [shippingOptions, sortBy, maxOptions]);\n\n  if (!visibleOptions || visibleOptions.length === 0) return null;\n\n  return (\n    <ul {...props} className={className} data-fs-shipping-simulator-options=\"\">\n      {visibleOptions.map((option) => (\n        <OptionItemContext key={option.id} value={option}>\n          {children}\n        </OptionItemContext>\n      ))}\n    </ul>\n  );\n}\n\nexport function ShippingSimulatorOption({ className, children, ...props }: ShippingSimulatorOptionProps) {\n  const option = useOptionItem();\n\n  return (\n    <li\n      {...props}\n      className={className}\n      data-fs-shipping-simulator-option=\"\"\n      data-fs-shipping-simulator-option-channel={option.channel}\n    >\n      {children}\n    </li>\n  );\n}\n\nexport function ShippingSimulatorOptionName({ className, children, ...props }: ShippingSimulatorOptionNameProps) {\n  const option = useOptionItem();\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-name=\"\">\n      {children ?? option.name}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorOptionEstimate({\n  className,\n  children,\n  ...props\n}: ShippingSimulatorOptionEstimateProps) {\n  const option = useOptionItem();\n  const intl = useIntl();\n  const { value, unit } = option.shippingEstimate;\n  const { id, variable } = ESTIMATE_MESSAGE[unit];\n  const text =\n    value === 0\n      ? intl.formatMessage({ id: 'fs/shipping.estimate.today' })\n      : intl.formatMessage({ id }, { [variable]: value });\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-estimate=\"\">\n      {children ?? text}\n    </span>\n  );\n}\n\nfunction isFreeAmount(amount: unknown): boolean {\n  return isFiniteAmount(amount) && Number(amount) === 0;\n}\n\nexport function ShippingSimulatorOptionPrice({ className, children, ...props }: ShippingSimulatorOptionPriceProps) {\n  const option = useOptionItem();\n  const intl = useIntl();\n  const { locale, currency } = useStorefrontContext();\n  const text = isFreeAmount(option.price.amount)\n    ? intl.formatMessage({ id: 'fs/shipping.free-price' })\n    : formatPrice(Number(option.price.amount), locale, currency);\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-price=\"\">\n      {children ?? text}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorOptionFreeBadge({\n  className,\n  children,\n  ...props\n}: ShippingSimulatorOptionFreeBadgeProps) {\n  const option = useOptionItem();\n  if (!isFreeAmount(option.price.amount)) return null;\n\n  return (\n    <span {...props} className={className} data-fs-shipping-simulator-option-free-badge=\"\">\n      {children ?? <FormattedMessage id=\"fs/shipping.free-badge\" />}\n    </span>\n  );\n}\n\nexport function ShippingSimulatorEmpty({ className, children, ...props }: ShippingSimulatorEmptyProps) {\n  const { shippingOptions, userErrors } = useShippingSimulator();\n  // Idle (null) → nothing; error → nothing (Error owns it); options present → nothing.\n  const simulatedEmpty = Array.isArray(shippingOptions) && shippingOptions.length === 0 && userErrors.length === 0;\n  if (!simulatedEmpty) return null;\n\n  return (\n    <output {...props} aria-live=\"polite\" className={className} data-fs-shipping-simulator-empty=\"\">\n      {children ?? <FormattedMessage id=\"fs/shipping.no-options\" />}\n    </output>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace export\n// ---------------------------------------------------------------------------\n\nexport const ShippingSimulator = {\n  Root: ShippingSimulatorRoot,\n  Form: ShippingSimulatorForm,\n  Input: ShippingSimulatorInput,\n  Submit: ShippingSimulatorSubmit,\n  Loading: ShippingSimulatorLoading,\n  Error: ShippingSimulatorError,\n  Options: ShippingSimulatorOptions,\n  Option: ShippingSimulatorOption,\n  OptionName: ShippingSimulatorOptionName,\n  OptionEstimate: ShippingSimulatorOptionEstimate,\n  OptionPrice: ShippingSimulatorOptionPrice,\n  OptionFreeBadge: ShippingSimulatorOptionFreeBadge,\n  Empty: ShippingSimulatorEmpty,\n};\n\nexport const CartShippingSimulator = {\n  Root: CartShippingSimulatorRoot,\n  Form: ShippingSimulatorForm,\n  Input: ShippingSimulatorInput,\n  Submit: ShippingSimulatorSubmit,\n  Loading: ShippingSimulatorLoading,\n  Error: ShippingSimulatorError,\n  Options: ShippingSimulatorOptions,\n  Option: ShippingSimulatorOption,\n  OptionName: ShippingSimulatorOptionName,\n  OptionEstimate: ShippingSimulatorOptionEstimate,\n  OptionPrice: ShippingSimulatorOptionPrice,\n  OptionFreeBadge: ShippingSimulatorOptionFreeBadge,\n  Empty: ShippingSimulatorEmpty,\n};\n"],"mappings":"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"}

package/dist/matter/sign-in-redirect/sign-in-redirect.js

@@ -2,7 +2,11 @@
 import { defineComponent } from "../../core/dist/define-component.js";
 import { defineContentType } from "../../core/dist/define-content-type.js";
 import "../../core/dist/index.js";
-import { RETURN_URL_PARAM, isSignInRoute, resolveLoginAddressHref, resolveReturnHref } from "../../utils/safe-href.js";
+import { RETURN_URL_PARAM, SIGN_IN_PAGE, isSignInRoute, resolveLoginAddressHref, resolveReturnHref } from "../../utils/safe-href.js";
+import { withoutBasePath } from "../../sdk/navigation/path.js";
+import { resolveStorefrontHref } from "../../sdk/navigation/resolve-storefront-href.js";
+import { useStorefrontContext } from "../../sdk/context/storefront-context.js";
+import { useRouteMap } from "../../sdk/navigation/route-map-provider.js";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/matter/sign-in-redirect/sign-in-redirect.tsx
@@ -39,19 +43,37 @@ const SignInRedirectDefinition = defineComponent({
 			label: "Waiting Message"
 		}
 	},
-	guideline: "The whole of the /login route: on mount it replaces the document with the account's platform login, forwarding a validated returnUrl from the incoming query. It is a handover, not a block — place it alone on its own page, never inside a header, drawer, or any page a shopper is meant to read, because anything composed beside it is navigated away from before it can be seen. Never place it under an account shell or behind AccountAccessGate, whose redirect targets this route. It renders no sign-in fields of its own and collects no credentials — the shopper types them on the platform, after this component has already left the page. platformLoginUrl is required and per-account (absolute URL or site-relative path), and must not be the storefront's own /login, which would hand this route to itself — with no usable value the component renders nothing and warns."
+	guideline: "The whole of the sign-in page: on mount it replaces the document with the account's platform login, forwarding a validated returnUrl from the incoming query. It is a handover, not a block — place it alone on its own page, never inside a header, drawer, or any page a shopper is meant to read, because anything composed beside it is navigated away from before it can be seen. Never place it under an account shell or behind AccountAccessGate, whose redirect targets this page. It renders no sign-in fields of its own and collects no credentials — the shopper types them on the platform, after this component has already left the page. platformLoginUrl is required and per-account (absolute URL or site-relative path), and must not be the storefront's own sign-in page, which would hand this page to itself — with no usable value the component renders nothing and warns."
 });
 function SignInRedirect({ platformLoginUrl, loadingLabel, $content, className, ref, ...props }) {
 	const handedOverRef = useRef(false);
+	const { bindingId, basePath } = useStorefrontContext();
+	const { routeMap } = useRouteMap();
+	const signInPath = resolveStorefrontHref({
+		bindingId,
+		basePath: "/"
+	}, routeMap, SIGN_IN_PAGE).href;
+	const publicSignInPath = resolveStorefrontHref({
+		bindingId,
+		basePath
+	}, routeMap, SIGN_IN_PAGE).href;
 	const warnedForRef = useRef(null);
 	const entryLoadingLabel = $content?.loadingLabel?.trim() ? $content.loadingLabel : loadingLabel;
-	const address = platformLoginUrl?.trim() ? resolveLoginAddressHref(platformLoginUrl) : null;
+	const address = platformLoginUrl?.trim() ? resolveLoginAddressHref(platformLoginUrl, publicSignInPath) : null;
 	const loginHref = address?.safe ? address.href : null;
 	const rejection = address !== null && !address.safe ? address.reason : null;
 	useEffect(() => {
 		if (loginHref !== null) {
 			if (handedOverRef.current) return;
-			const handover = composeHandover(loginHref);
+			const handover = composeHandover(loginHref, {
+				binding: {
+					bindingId,
+					basePath
+				},
+				routeMap,
+				signInPath,
+				publicSignInPath
+			});
 			if (handover === null) {
 				if (warnedForRef.current !== "sign-in-route") {
 					warnedForRef.current = "sign-in-route";
@@ -71,7 +93,15 @@ function SignInRedirect({ platformLoginUrl, loadingLabel, $content, className, r
 			return;
 		}
 		console.warn("[SignInRedirect] no platform login address authored");
-	}, [loginHref, rejection]);
+	}, [
+		loginHref,
+		rejection,
+		bindingId,
+		basePath,
+		routeMap,
+		signInPath,
+		publicSignInPath
+	]);
 	if (loginHref === null) return null;
 	return /* @__PURE__ */ jsx(SignInRedirectLoading, {
 		...props,
@@ -85,25 +115,33 @@ function SignInRedirect({ platformLoginUrl, loadingLabel, $content, className, r
 * Builds the address the document is handed over to: the authored one, carrying the shopper's return
 * when the arriving value survives revalidation.
 *
-* Revalidating here rather than trusting the sender is the boundary — `/login` is reachable by a
+* Revalidating here rather than trusting the sender is the boundary — the page is reachable by a
 * hand-crafted link, so the value is shopper-supplied whoever produced it. Only this one parameter
 * crosses; anything else on the incoming URL is dropped rather than forwarded into an auth URL.
 *
+* The arriving value is a logical path, so it is prefixed with the binding's base path before it
+* travels. A value that cannot be prefixed drops the parameter, like a refused one.
+*
 * `null` when the address resolves back to this route, which is a handover that would reload the same
 * document and mount the same handover again. The site-relative spelling of that is already refused
 * while rendering; the absolute one needs the document's own origin, which exists only here.
 */
-function composeHandover(loginHref) {
+function composeHandover(loginHref, { binding, routeMap, signInPath, publicSignInPath }) {
 	const destination = new URL(loginHref, globalThis.location.origin);
-	if (destination.origin === globalThis.location.origin && isSignInRoute(destination.pathname)) return null;
+	if (destination.origin === globalThis.location.origin && isSignInRoute(destination.pathname, publicSignInPath)) return null;
 	const arriving = new URLSearchParams(globalThis.location.search).get(RETURN_URL_PARAM);
 	if (arriving === null) return destination.toString();
-	const returnHref = resolveReturnHref(arriving);
+	const returnHref = resolveReturnHref(withoutBasePath(arriving, binding.basePath), signInPath);
 	if (!returnHref.safe) {
 		console.warn("[SignInRedirect] return destination rejected", { reason: returnHref.reason });
 		return destination.toString();
 	}
-	const value = destination.origin === globalThis.location.origin ? returnHref.href : new URL(returnHref.href, globalThis.location.origin).toString();
+	const publicReturn = resolveStorefrontHref(binding, routeMap, returnHref.href);
+	if (publicReturn.href === null) {
+		console.warn("[SignInRedirect] return destination rejected", { reason: publicReturn.reason });
+		return destination.toString();
+	}
+	const value = destination.origin === globalThis.location.origin ? publicReturn.href : new URL(publicReturn.href, globalThis.location.origin).toString();
 	destination.searchParams.set(RETURN_URL_PARAM, value);
 	return destination.toString();
 }

package/dist/matter/sign-in-redirect/sign-in-redirect.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in-redirect.js","names":[],"sources":["../../../src/matter/sign-in-redirect/sign-in-redirect.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useEffect, useRef } from 'react';\nimport { isSignInRoute, RETURN_URL_PARAM, resolveLoginAddressHref, resolveReturnHref } from '../../utils/safe-href.js';\n\n// Nothing is required, following the shipped entry point: an entry may author any subset, and a slice\n// missing a required property is shape-invalid, which drops the whole element rather than the one field.\n// The address is deliberately absent — schema is developer-owned and lands through review, while an\n// entry is editable at runtime, and the runtime channel is the one that could misroute an auth flow.\nexport const SignInRedirectContent = defineContentType({\n  id: 'sign-in-redirect',\n  title: 'Sign In Redirect',\n  description: 'Waiting message shown while the shopper is handed over to the platform login.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      loadingLabel: { type: 'string', minLength: 1, title: 'Waiting message' },\n    },\n  },\n});\n\n/** Props for {@link SignInRedirect}. Extends native `<output>` attributes (the rendered root). */\nexport type SignInRedirectProps = Omit<ComponentPropsWithRef<'output'>, 'children'> & {\n  /** The platform login address, per account. Absolute URL or site-relative path; both are spellings\n   *  example stores use. Optional in the type only because schema props are; the render gate requires\n   *  a resolved value. */\n  platformLoginUrl?: string;\n  /** Text shown while the handover is pending. */\n  loadingLabel?: string;\n  /** Merchant-authored waiting message, sliced from the page content entry; wins over the prop when\n   *  present. Absent in a non-CMS store — the prop is the fallback. */\n  $content?: ContentValue<typeof SignInRedirectContent>;\n};\n\n/** Props for {@link SignInRedirectLoading}. Extends native `<output>` attributes. */\nexport type SignInRedirectLoadingProps = ComponentPropsWithRef<'output'>;\n\nexport const SignInRedirectDefinition = defineComponent<SignInRedirectProps>({\n  name: 'SignInRedirect',\n  importPath: '@vtex/faststore/components',\n  component: SignInRedirect,\n  content: SignInRedirectContent,\n  editor: { label: 'Sign In Redirect', category: 'identity' },\n  schema: {\n    platformLoginUrl: { type: 'string', label: 'Platform Login URL' },\n    // Mirrored from the content model on purpose, as every content-bearing component in the library\n    // does: the entry wins when published, and this is the value a store without a CMS authors.\n    loadingLabel: { type: 'string', label: 'Waiting Message' },\n  },\n  guideline:\n    \"The whole of the /login route: on mount it replaces the document with the account's platform login, forwarding a validated returnUrl from the incoming query. It is a handover, not a block — place it alone on its own page, never inside a header, drawer, or any page a shopper is meant to read, because anything composed beside it is navigated away from before it can be seen. Never place it under an account shell or behind AccountAccessGate, whose redirect targets this route. It renders no sign-in fields of its own and collects no credentials — the shopper types them on the platform, after this component has already left the page. platformLoginUrl is required and per-account (absolute URL or site-relative path), and must not be the storefront's own /login, which would hand this route to itself — with no usable value the component renders nothing and warns.\",\n});\n\nexport function SignInRedirect({\n  platformLoginUrl,\n  loadingLabel,\n  $content,\n  className,\n  ref,\n  ...props\n}: SignInRedirectProps) {\n  // StrictMode mounts an effect twice, and a second handover on a document already leaving is a race\n  // with the navigation rather than a no-op.\n  const handedOverRef = useRef(false);\n  // The problem already reported. Warnings belong to the effect rather than the render body, and a\n  // render is repeatable, so without this one unusable address would log on every pass.\n  const warnedForRef = useRef<string | null>(null);\n\n  // A blank entry field falls through, so clearing one in the Admin reads as unauthored.\n  const entryLoadingLabel = $content?.loadingLabel?.trim() ? $content.loadingLabel : loadingLabel;\n\n  // The only gate between an authored value and `location.replace`. A blank prop is the unauthored case\n  // and reads as absent rather than as a refusal, so the two warn differently.\n  const address = platformLoginUrl?.trim() ? resolveLoginAddressHref(platformLoginUrl) : null;\n  const loginHref = address?.safe ? address.href : null;\n  // Carried as the reason alone, so the effect depends on primitives and not on a per-render object.\n  const rejection = address !== null && !address.safe ? address.reason : null;\n\n  useEffect(() => {\n    if (loginHref !== null) {\n      if (handedOverRef.current) {\n        return;\n      }\n      const handover = composeHandover(loginHref);\n      // An address that resolves back to this very route, in the one spelling the render gate cannot\n      // judge. Reported under the reason the gate would have used, so both spellings read alike.\n      if (handover === null) {\n        if (warnedForRef.current !== 'sign-in-route') {\n          warnedForRef.current = 'sign-in-route';\n          console.warn('[SignInRedirect] platform login address rejected', { reason: 'sign-in-route' });\n        }\n        return;\n      }\n      handedOverRef.current = true;\n      globalThis.location.replace(handover);\n      return;\n    }\n\n    // Keyed by the problem rather than raised once, so an address edited into a different unusable\n    // value is still reported, and one that becomes usable still hands over above. `unauthored` names\n    // the case with no rejection reason, and is outside the reason union it shares this slot with.\n    const problem = rejection ?? 'unauthored';\n    if (warnedForRef.current === problem) {\n      return;\n    }\n    warnedForRef.current = problem;\n\n    if (rejection !== null) {\n      // A bounded reason and no authored value, the convention the content runtime's own log follows.\n      console.warn('[SignInRedirect] platform login address rejected', { reason: rejection });\n      return;\n    }\n    console.warn('[SignInRedirect] no platform login address authored');\n  }, [loginHref, rejection]);\n\n  // Both unusable cases render nothing; the effect above is what tells them apart in the log.\n  if (loginHref === null) {\n    return null;\n  }\n\n  // The waiting look is this component's only element, so it carries both hooks: its own, and the\n  // component's identity, which a store targets by name the way every other component is targeted.\n  // Rendered standalone the part keeps only its own, because standalone it is not the route.\n  return (\n    <SignInRedirectLoading {...props} ref={ref} className={className} data-fs-sign-in-redirect=\"\">\n      {entryLoadingLabel}\n    </SignInRedirectLoading>\n  );\n}\n\n/**\n * Builds the address the document is handed over to: the authored one, carrying the shopper's return\n * when the arriving value survives revalidation.\n *\n * Revalidating here rather than trusting the sender is the boundary — `/login` is reachable by a\n * hand-crafted link, so the value is shopper-supplied whoever produced it. Only this one parameter\n * crosses; anything else on the incoming URL is dropped rather than forwarded into an auth URL.\n *\n * `null` when the address resolves back to this route, which is a handover that would reload the same\n * document and mount the same handover again. The site-relative spelling of that is already refused\n * while rendering; the absolute one needs the document's own origin, which exists only here.\n */\nfunction composeHandover(loginHref: string): string | null {\n  // Accepts both authored spellings, resolving the relative one against the store's own origin.\n  const destination = new URL(loginHref, globalThis.location.origin);\n\n  // A cross-origin login page whose path happens to be `/login` is a different page, and travels.\n  if (destination.origin === globalThis.location.origin && isSignInRoute(destination.pathname)) {\n    return null;\n  }\n\n  // Read from the document rather than through `useSearchParams()`, which would require a `Suspense`\n  // boundary the generator does not emit on a prerendered route.\n  const arriving = new URLSearchParams(globalThis.location.search).get(RETURN_URL_PARAM);\n  if (arriving === null) {\n    return destination.toString();\n  }\n\n  const returnHref = resolveReturnHref(arriving);\n  if (!returnHref.safe) {\n    console.warn('[SignInRedirect] return destination rejected', { reason: returnHref.reason });\n    return destination.toString();\n  }\n\n  // A path alone cannot say which origin it belongs to, and the store author is the one who decides\n  // whether the receiver shares ours. A same-origin endpoint takes the path as it arrived, the way\n  // legacy hands its own endpoint a bare `returnUrl`; a cross-origin one would resolve that path\n  // against its own domain, so it is absolutized — always against the storefront, never the address.\n  const sameOrigin = destination.origin === globalThis.location.origin;\n  const value = sameOrigin ? returnHref.href : new URL(returnHref.href, globalThis.location.origin).toString();\n  destination.searchParams.set(RETURN_URL_PARAM, value);\n\n  return destination.toString();\n}\n\n/**\n * The waiting look, and the page's only content while the handover is pending. A real part with its own\n * hook rather than an ad hoc spinner, so a store can style it and a story can render it — mounting the\n * component itself would navigate the frame away.\n */\nexport function SignInRedirectLoading({ className, children, ...props }: SignInRedirectLoadingProps) {\n  return (\n    <output {...props} aria-live=\"polite\" className={className} data-fs-sign-in-redirect-loading=\"\">\n      {children}\n    </output>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,wBAAwB,kBAAkB;CACrD,IAAI;CACJ,OAAO;CACP,aAAa;CACb,QAAQ;EACN,MAAM;EACN,sBAAsB;EACtB,YAAY,EACV,cAAc;GAAE,MAAM;GAAU,WAAW;GAAG,OAAO;EAAkB,EACzE;CACF;AACF,CAAC;AAkBD,MAAa,2BAA2B,gBAAqC;CAC3E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,SAAS;CACT,QAAQ;EAAE,OAAO;EAAoB,UAAU;CAAW;CAC1D,QAAQ;EACN,kBAAkB;GAAE,MAAM;GAAU,OAAO;EAAqB;EAGhE,cAAc;GAAE,MAAM;GAAU,OAAO;EAAkB;CAC3D;CACA,WACE;AACJ,CAAC;AAED,SAAgB,eAAe,EAC7B,kBACA,cACA,UACA,WACA,KACA,GAAG,SACmB;CAGtB,MAAM,gBAAgB,OAAO,KAAK;CAGlC,MAAM,eAAe,OAAsB,IAAI;CAG/C,MAAM,oBAAoB,UAAU,cAAc,KAAK,IAAI,SAAS,eAAe;CAInF,MAAM,UAAU,kBAAkB,KAAK,IAAI,wBAAwB,gBAAgB,IAAI;CACvF,MAAM,YAAY,SAAS,OAAO,QAAQ,OAAO;CAEjD,MAAM,YAAY,YAAY,QAAQ,CAAC,QAAQ,OAAO,QAAQ,SAAS;CAEvE,gBAAgB;EACd,IAAI,cAAc,MAAM;GACtB,IAAI,cAAc,SAChB;GAEF,MAAM,WAAW,gBAAgB,SAAS;GAG1C,IAAI,aAAa,MAAM;IACrB,IAAI,aAAa,YAAY,iBAAiB;KAC5C,aAAa,UAAU;KACvB,QAAQ,KAAK,oDAAoD,EAAE,QAAQ,gBAAgB,CAAC;IAC9F;IACA;GACF;GACA,cAAc,UAAU;GACxB,WAAW,SAAS,QAAQ,QAAQ;GACpC;EACF;EAKA,MAAM,UAAU,aAAa;EAC7B,IAAI,aAAa,YAAY,SAC3B;EAEF,aAAa,UAAU;EAEvB,IAAI,cAAc,MAAM;GAEtB,QAAQ,KAAK,oDAAoD,EAAE,QAAQ,UAAU,CAAC;GACtF;EACF;EACA,QAAQ,KAAK,qDAAqD;CACpE,GAAG,CAAC,WAAW,SAAS,CAAC;CAGzB,IAAI,cAAc,MAChB,OAAO;CAMT,OACE,oBAAC,uBAAD;EAAuB,GAAI;EAAY;EAAgB;EAAW,4BAAyB;EACxF,UAAA;CACoB,CAAA;AAE3B;;;;;;;;;;;;;AAcA,SAAS,gBAAgB,WAAkC;CAEzD,MAAM,cAAc,IAAI,IAAI,WAAW,WAAW,SAAS,MAAM;CAGjE,IAAI,YAAY,WAAW,WAAW,SAAS,UAAU,cAAc,YAAY,QAAQ,GACzF,OAAO;CAKT,MAAM,WAAW,IAAI,gBAAgB,WAAW,SAAS,MAAM,CAAC,CAAC,IAAI,gBAAgB;CACrF,IAAI,aAAa,MACf,OAAO,YAAY,SAAS;CAG9B,MAAM,aAAa,kBAAkB,QAAQ;CAC7C,IAAI,CAAC,WAAW,MAAM;EACpB,QAAQ,KAAK,gDAAgD,EAAE,QAAQ,WAAW,OAAO,CAAC;EAC1F,OAAO,YAAY,SAAS;CAC9B;CAOA,MAAM,QADa,YAAY,WAAW,WAAW,SAAS,SACnC,WAAW,OAAO,IAAI,IAAI,WAAW,MAAM,WAAW,SAAS,MAAM,CAAC,CAAC,SAAS;CAC3G,YAAY,aAAa,IAAI,kBAAkB,KAAK;CAEpD,OAAO,YAAY,SAAS;AAC9B;;;;;;AAOA,SAAgB,sBAAsB,EAAE,WAAW,UAAU,GAAG,SAAqC;CACnG,OACE,oBAAC,UAAD;EAAQ,GAAI;EAAO,aAAU;EAAoB;EAAW,oCAAiC;EAC1F;CACK,CAAA;AAEZ"}
+{"version":3,"file":"sign-in-redirect.js","names":[],"sources":["../../../src/matter/sign-in-redirect/sign-in-redirect.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useEffect, useRef } from 'react';\nimport { useStorefrontContext } from '../../sdk/context/storefront-context.js';\nimport { withoutBasePath } from '../../sdk/navigation/path.js';\nimport { resolveStorefrontHref } from '../../sdk/navigation/resolve-storefront-href.js';\nimport { useRouteMap } from '../../sdk/navigation/route-map-provider.js';\nimport type { RouteMap } from '../../sdk/navigation/types.js';\nimport {\n  isSignInRoute,\n  RETURN_URL_PARAM,\n  resolveLoginAddressHref,\n  resolveReturnHref,\n  SIGN_IN_PAGE,\n} from '../../utils/safe-href.js';\n\n// Nothing is required, following the shipped entry point: an entry may author any subset, and a slice\n// missing a required property is shape-invalid, which drops the whole element rather than the one field.\n// The address is deliberately absent — schema is developer-owned and lands through review, while an\n// entry is editable at runtime, and the runtime channel is the one that could misroute an auth flow.\nexport const SignInRedirectContent = defineContentType({\n  id: 'sign-in-redirect',\n  title: 'Sign In Redirect',\n  description: 'Waiting message shown while the shopper is handed over to the platform login.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      loadingLabel: { type: 'string', minLength: 1, title: 'Waiting message' },\n    },\n  },\n});\n\n/** Props for {@link SignInRedirect}. Extends native `<output>` attributes (the rendered root). */\nexport type SignInRedirectProps = Omit<ComponentPropsWithRef<'output'>, 'children'> & {\n  /** The platform login address, per account. Absolute URL or site-relative path; both are spellings\n   *  example stores use. Optional in the type only because schema props are; the render gate requires\n   *  a resolved value. */\n  platformLoginUrl?: string;\n  /** Text shown while the handover is pending. */\n  loadingLabel?: string;\n  /** Merchant-authored waiting message, sliced from the page content entry; wins over the prop when\n   *  present. Absent in a non-CMS store — the prop is the fallback. */\n  $content?: ContentValue<typeof SignInRedirectContent>;\n};\n\n/** Props for {@link SignInRedirectLoading}. Extends native `<output>` attributes. */\nexport type SignInRedirectLoadingProps = ComponentPropsWithRef<'output'>;\n\nexport const SignInRedirectDefinition = defineComponent<SignInRedirectProps>({\n  name: 'SignInRedirect',\n  importPath: '@vtex/faststore/components',\n  component: SignInRedirect,\n  content: SignInRedirectContent,\n  editor: { label: 'Sign In Redirect', category: 'identity' },\n  schema: {\n    platformLoginUrl: { type: 'string', label: 'Platform Login URL' },\n    // Mirrored from the content model on purpose, as every content-bearing component in the library\n    // does: the entry wins when published, and this is the value a store without a CMS authors.\n    loadingLabel: { type: 'string', label: 'Waiting Message' },\n  },\n  guideline:\n    \"The whole of the sign-in page: on mount it replaces the document with the account's platform login, forwarding a validated returnUrl from the incoming query. It is a handover, not a block — place it alone on its own page, never inside a header, drawer, or any page a shopper is meant to read, because anything composed beside it is navigated away from before it can be seen. Never place it under an account shell or behind AccountAccessGate, whose redirect targets this page. It renders no sign-in fields of its own and collects no credentials — the shopper types them on the platform, after this component has already left the page. platformLoginUrl is required and per-account (absolute URL or site-relative path), and must not be the storefront's own sign-in page, which would hand this page to itself — with no usable value the component renders nothing and warns.\",\n});\n\nexport function SignInRedirect({\n  platformLoginUrl,\n  loadingLabel,\n  $content,\n  className,\n  ref,\n  ...props\n}: SignInRedirectProps) {\n  // StrictMode mounts an effect twice, and a second handover on a document already leaving is a race\n  // with the navigation rather than a no-op.\n  const handedOverRef = useRef(false);\n  const { bindingId, basePath } = useStorefrontContext();\n  const { routeMap } = useRouteMap();\n  // `returnUrl` travels as a logical path and the authored address is a document URL, so the sign-in\n  // page is compared in both spellings. `null` is a store without a sign-in page.\n  const signInPath = resolveStorefrontHref({ bindingId, basePath: '/' }, routeMap, SIGN_IN_PAGE).href;\n  const publicSignInPath = resolveStorefrontHref({ bindingId, basePath }, routeMap, SIGN_IN_PAGE).href;\n  // The problem already reported. Warnings belong to the effect rather than the render body, and a\n  // render is repeatable, so without this one unusable address would log on every pass.\n  const warnedForRef = useRef<string | null>(null);\n\n  // A blank entry field falls through, so clearing one in the Admin reads as unauthored.\n  const entryLoadingLabel = $content?.loadingLabel?.trim() ? $content.loadingLabel : loadingLabel;\n\n  // The only gate between an authored value and `location.replace`. A blank prop is the unauthored case\n  // and reads as absent rather than as a refusal, so the two warn differently.\n  const address = platformLoginUrl?.trim() ? resolveLoginAddressHref(platformLoginUrl, publicSignInPath) : null;\n  const loginHref = address?.safe ? address.href : null;\n  // Carried as the reason alone, so the effect depends on primitives and not on a per-render object.\n  const rejection = address !== null && !address.safe ? address.reason : null;\n\n  useEffect(() => {\n    if (loginHref !== null) {\n      if (handedOverRef.current) {\n        return;\n      }\n      const handover = composeHandover(loginHref, {\n        binding: { bindingId, basePath },\n        routeMap,\n        signInPath,\n        publicSignInPath,\n      });\n      // An address that resolves back to this very route, in the one spelling the render gate cannot\n      // judge. Reported under the reason the gate would have used, so both spellings read alike.\n      if (handover === null) {\n        if (warnedForRef.current !== 'sign-in-route') {\n          warnedForRef.current = 'sign-in-route';\n          console.warn('[SignInRedirect] platform login address rejected', { reason: 'sign-in-route' });\n        }\n        return;\n      }\n      handedOverRef.current = true;\n      globalThis.location.replace(handover);\n      return;\n    }\n\n    // Keyed by the problem rather than raised once, so an address edited into a different unusable\n    // value is still reported, and one that becomes usable still hands over above. `unauthored` names\n    // the case with no rejection reason, and is outside the reason union it shares this slot with.\n    const problem = rejection ?? 'unauthored';\n    if (warnedForRef.current === problem) {\n      return;\n    }\n    warnedForRef.current = problem;\n\n    if (rejection !== null) {\n      // A bounded reason and no authored value, the convention the content runtime's own log follows.\n      console.warn('[SignInRedirect] platform login address rejected', { reason: rejection });\n      return;\n    }\n    console.warn('[SignInRedirect] no platform login address authored');\n  }, [loginHref, rejection, bindingId, basePath, routeMap, signInPath, publicSignInPath]);\n\n  // Both unusable cases render nothing; the effect above is what tells them apart in the log.\n  if (loginHref === null) {\n    return null;\n  }\n\n  // The waiting look is this component's only element, so it carries both hooks: its own, and the\n  // component's identity, which a store targets by name the way every other component is targeted.\n  // Rendered standalone the part keeps only its own, because standalone it is not the route.\n  return (\n    <SignInRedirectLoading {...props} ref={ref} className={className} data-fs-sign-in-redirect=\"\">\n      {entryLoadingLabel}\n    </SignInRedirectLoading>\n  );\n}\n\n/**\n * Builds the address the document is handed over to: the authored one, carrying the shopper's return\n * when the arriving value survives revalidation.\n *\n * Revalidating here rather than trusting the sender is the boundary — the page is reachable by a\n * hand-crafted link, so the value is shopper-supplied whoever produced it. Only this one parameter\n * crosses; anything else on the incoming URL is dropped rather than forwarded into an auth URL.\n *\n * The arriving value is a logical path, so it is prefixed with the binding's base path before it\n * travels. A value that cannot be prefixed drops the parameter, like a refused one.\n *\n * `null` when the address resolves back to this route, which is a handover that would reload the same\n * document and mount the same handover again. The site-relative spelling of that is already refused\n * while rendering; the absolute one needs the document's own origin, which exists only here.\n */\nfunction composeHandover(\n  loginHref: string,\n  {\n    binding,\n    routeMap,\n    signInPath,\n    publicSignInPath,\n  }: {\n    binding: { bindingId: string; basePath: string };\n    routeMap: RouteMap;\n    signInPath: string | null;\n    publicSignInPath: string | null;\n  },\n): string | null {\n  // Accepts both authored spellings, resolving the relative one against the store's own origin.\n  const destination = new URL(loginHref, globalThis.location.origin);\n\n  // A cross-origin login page whose path happens to be the sign-in page's is a different page, and travels.\n  if (destination.origin === globalThis.location.origin && isSignInRoute(destination.pathname, publicSignInPath)) {\n    return null;\n  }\n\n  // Read from the document rather than through `useSearchParams()`, which would require a `Suspense`\n  // boundary the generator does not emit on a prerendered route.\n  const arriving = new URLSearchParams(globalThis.location.search).get(RETURN_URL_PARAM);\n  if (arriving === null) {\n    return destination.toString();\n  }\n\n  const returnHref = resolveReturnHref(withoutBasePath(arriving, binding.basePath), signInPath);\n  if (!returnHref.safe) {\n    console.warn('[SignInRedirect] return destination rejected', { reason: returnHref.reason });\n    return destination.toString();\n  }\n  // The pure resolver rather than `hrefFor`: a return equal to a page pattern is not a suspicious path.\n  const publicReturn = resolveStorefrontHref(binding, routeMap, returnHref.href);\n  if (publicReturn.href === null) {\n    console.warn('[SignInRedirect] return destination rejected', { reason: publicReturn.reason });\n    return destination.toString();\n  }\n\n  // A path alone cannot say which origin it belongs to, and the store author is the one who decides\n  // whether the receiver shares ours. A same-origin endpoint takes the path as it arrived, the way\n  // legacy hands its own endpoint a bare `returnUrl`; a cross-origin one would resolve that path\n  // against its own domain, so it is absolutized — always against the storefront, never the address.\n  const sameOrigin = destination.origin === globalThis.location.origin;\n  const value = sameOrigin ? publicReturn.href : new URL(publicReturn.href, globalThis.location.origin).toString();\n  destination.searchParams.set(RETURN_URL_PARAM, value);\n\n  return destination.toString();\n}\n\n/**\n * The waiting look, and the page's only content while the handover is pending. A real part with its own\n * hook rather than an ad hoc spinner, so a store can style it and a story can render it — mounting the\n * component itself would navigate the frame away.\n */\nexport function SignInRedirectLoading({ className, children, ...props }: SignInRedirectLoadingProps) {\n  return (\n    <output {...props} aria-live=\"polite\" className={className} data-fs-sign-in-redirect-loading=\"\">\n      {children}\n    </output>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/variant-selector/variant-selector.js

@@ -7,7 +7,7 @@ import { RadioGroup } from "../../particles/radio/radio.js";
 import { publishedVariantIdFor, selectedVariantVar } from "../../sdk/state/variant-selector.js";
 import { useReactiveVar } from "@apollo/client/react";
 import { createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 //#region src/matter/variant-selector/variant-selector.tsx
 const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
@@ -190,7 +190,7 @@ function ColorSwatchContent({ swatch, value, Image }) {
 * the ring and `-indicator` as the dot.
 */
 function RadioSwatchContent({ value }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 		"data-fs-variant-selector-option-control": "",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsx(Radio.Indicator, { "data-fs-variant-selector-option-indicator": "" })