@thorprovider/blocks 3.0.2 → 4.1.0

package/dist/blocks/e-commerce/checkout-forms/checkout-shipping-step.js

@@ -23,175 +23,293 @@ __export(checkout_shipping_step_exports, {
 });
 module.exports = __toCommonJS(checkout_shipping_step_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_button = require("../../../ui/button.js");
 var import_field = require("../../../ui/field.js");
-var import_input = require("../../../ui/input.js");
 var import_radio_group = require("../../../ui/radio-group.js");
 var import_money = require("../../../lib/money.js");
-var import_checkout_field_feedback = require("./checkout-field-feedback.js");
-var import_checkout_country_field = require("./checkout-country-field.js");
+var import_checkbox_check = require("./checkbox-check.js");
+var import_checkout_address_fields = require("./checkout-address-fields.js");
+var import_checkout_id_context = require("./checkout-id-context.js");
+var import_checkout_address_equality = require("./checkout-address-equality.js");
+var import_checkout_saved_addresses = require("./checkout-saved-addresses.js");
 function CheckoutShippingStep({
-  values,
-  onChange,
-  labels,
-  countries,
-  shippingOptions,
-  selectedShippingOptionId,
+  shippingAddress,
+  billingAddress,
+  sameAsShipping,
+  onShippingAddressChange,
+  onBillingAddressChange,
+  onSameAsShippingChange,
+  shippingLocations,
+  billingLocations,
+  onRetryLocations,
+  savedAddresses,
+  onSelectSavedAddress,
+  onCreateSavedAddress,
+  onUpdateSavedAddress,
+  onDeleteSavedAddress,
+  onStartNewAddress,
+  onCancelNewAddress,
+  savedAddressState,
+  shippingGroups,
+  shippingState = "idle",
   onSelectShippingOption,
+  onRetryShipping,
+  labels,
   formatMoney: formatMoneyProp,
   fieldErrors,
-  fieldDescriptions
+  fieldDescriptions,
+  requireShippingPhone = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldGroup, { className: "grid grid-cols-1 gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.address?.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-address", children: labels.addressLabel }),
+  const checkoutId = (0, import_checkout_id_context.useCheckoutIds)();
+  const showSavedAddresses = !!onSelectSavedAddress;
+  const showAddAddress = !!(onCreateSavedAddress && onStartNewAddress && onCancelNewAddress);
+  const isMutating = !!savedAddressState?.pendingId;
+  const saveError = savedAddressState?.error && !savedAddressState.error.id ? savedAddressState.error : void 0;
+  const [creating, setCreating] = (0, import_react.useState)(false);
+  const [lastMatchedId, setLastMatchedId] = (0, import_react.useState)(
+    () => savedAddresses?.find((entry) => (0, import_checkout_address_equality.addressesEqual)(entry.address, shippingAddress))?.id
+  );
+  const lastMatchedBeforeNew = (0, import_react.useRef)(void 0);
+  const matchedId = savedAddresses?.find(
+    (entry) => (0, import_checkout_address_equality.addressesEqual)(entry.address, shippingAddress)
+  )?.id;
+  const activeLastMatchedId = lastMatchedId && savedAddresses?.some((entry) => entry.id === lastMatchedId) ? lastMatchedId : void 0;
+  (0, import_react.useEffect)(() => {
+    if (creating && matchedId) setCreating(false);
+  }, [creating, matchedId]);
+  (0, import_react.useEffect)(() => {
+    if (matchedId) setLastMatchedId(matchedId);
+  }, [matchedId]);
+  const handleSelect = (id) => {
+    setLastMatchedId(id);
+    setCreating(false);
+    onSelectSavedAddress?.(id);
+  };
+  const handleStartNew = () => {
+    lastMatchedBeforeNew.current = activeLastMatchedId;
+    setLastMatchedId(void 0);
+    setCreating(true);
+    onStartNewAddress?.();
+  };
+  const handleCancelNew = () => {
+    setCreating(false);
+    setLastMatchedId(lastMatchedBeforeNew.current);
+    onCancelNewAddress?.();
+  };
+  const countryLabel = (countryCode) => shippingLocations?.countries.find((country) => country.value === countryCode)?.label ?? countryCode;
+  const showSaveRow = !matchedId && (!!onCreateSavedAddress || !!activeLastMatchedId && !!onUpdateSavedAddress);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "sr-only", role: "status", "aria-live": "polite", children: savedAddressState?.lastSavedId ? savedAddressState.lastAction === "deleted" ? labels.addressDeletedLabel : labels.addressSavedLabel : "" }),
+    showSavedAddresses ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_checkout_saved_addresses.CheckoutSavedAddresses,
+      {
+        savedAddresses: savedAddresses ?? [],
+        selectedId: matchedId,
+        state: savedAddressState,
+        labels,
+        countryLabel,
+        onSelect: handleSelect,
+        onDelete: onDeleteSavedAddress
+      }
+    ) : null,
+    showAddAddress ? creating ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border border-dashed p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: labels.newAddressLabel }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_input.Input,
+        import_button.Button,
         {
-          id: "checkout-address",
-          autoComplete: "street-address",
-          value: values.address,
-          onChange: (e) => onChange("address", e.target.value),
-          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-address", fieldErrors?.address)
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: isMutating,
+          onClick: handleCancelNew,
+          children: labels.cancelAddressLabel
         }
-      ),
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        id: checkoutId("checkout-add-address"),
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "w-fit",
+        disabled: isMutating,
+        onClick: handleStartNew,
+        children: labels.addAddressLabel
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_checkout_address_fields.CheckoutAddressFields,
+      {
+        prefix: "shipping",
+        values: shippingAddress,
+        onChange: onShippingAddressChange,
+        locations: shippingLocations,
+        onRetryLocation: onRetryLocations ? (level) => onRetryLocations("shipping", level) : void 0,
+        labels,
+        errors: fieldErrors?.shippingAddress,
+        descriptions: fieldDescriptions?.shippingAddress,
+        heading: labels.recipientHeading,
+        description: labels.recipientDescription,
+        requiredPhone: requireShippingPhone
+      }
+    ),
+    showSaveRow ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "flex flex-col gap-2 rounded-lg border p-4",
+        "aria-busy": isMutating || void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+            activeLastMatchedId && onUpdateSavedAddress ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                disabled: isMutating,
+                onClick: () => onUpdateSavedAddress(activeLastMatchedId, shippingAddress),
+                children: isMutating ? labels.savingAddressLabel : labels.updateSavedAddressLabel
+              }
+            ) : null,
+            onCreateSavedAddress ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                size: "sm",
+                disabled: isMutating,
+                onClick: () => onCreateSavedAddress(shippingAddress),
+                children: isMutating ? labels.savingAddressLabel : activeLastMatchedId ? labels.saveAsNewAddressLabel : labels.saveAddressLabel
+              }
+            ) : null
+          ] }),
+          saveError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-destructive text-sm", role: "alert", children: saveError.message || labels.addressSaveErrorLabel }) : null
+        ]
+      }
+    ) : null,
+    saveError && !showSaveRow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-destructive text-sm", role: "alert", children: saveError.message || labels.addressSaveErrorLabel }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { orientation: "horizontal", className: "gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_checkout_field_feedback.CheckoutFieldFeedback,
+        import_checkbox_check.CheckboxCheck,
         {
-          id: "checkout-address",
-          errors: fieldErrors?.address,
-          description: fieldDescriptions?.address
+          id: checkoutId("checkout-billing-same-as-shipping"),
+          checked: sameAsShipping,
+          onCheckedChange: (checked) => onSameAsShippingChange(checked === true)
         }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.city?.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-city", children: labels.cityLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_input.Input,
-          {
-            id: "checkout-city",
-            autoComplete: "address-level2",
-            value: values.city,
-            onChange: (e) => onChange("city", e.target.value),
-            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-city", fieldErrors?.city)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_checkout_field_feedback.CheckoutFieldFeedback,
-          {
-            id: "checkout-city",
-            errors: fieldErrors?.city,
-            description: fieldDescriptions?.city
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.state?.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-state", children: labels.stateLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_input.Input,
-          {
-            id: "checkout-state",
-            autoComplete: "address-level1",
-            value: values.state,
-            onChange: (e) => onChange("state", e.target.value),
-            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-state", fieldErrors?.state)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_checkout_field_feedback.CheckoutFieldFeedback,
-          {
-            id: "checkout-state",
-            errors: fieldErrors?.state,
-            description: fieldDescriptions?.state
-          }
-        )
-      ] })
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: checkoutId("checkout-billing-same-as-shipping"), className: "text-sm font-normal", children: labels.billingSameAsShippingLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.zipCode?.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-zip", children: labels.zipCodeLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_input.Input,
-          {
-            id: "checkout-zip",
-            autoComplete: "postal-code",
-            value: values.zipCode,
-            onChange: (e) => onChange("zipCode", e.target.value),
-            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-zip", fieldErrors?.zipCode)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_checkout_field_feedback.CheckoutFieldFeedback,
-          {
-            id: "checkout-zip",
-            errors: fieldErrors?.zipCode,
-            description: fieldDescriptions?.zipCode
-          }
-        )
+    !sameAsShipping && billingAddress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "flex flex-col gap-4 rounded-lg border p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.billingHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.billingDescription })
       ] }),
-      countries && countries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_checkout_country_field.CheckoutCountryField,
-        {
-          labels,
-          countries,
-          value: values.country,
-          onValueChange: (value) => onChange("country", value),
-          errors: fieldErrors?.country,
-          description: fieldDescriptions?.country
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.country?.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-country-input", children: labels.countryLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_input.Input,
-          {
-            id: "checkout-country-input",
-            autoComplete: "country-name",
-            value: values.country,
-            onChange: (e) => onChange("country", e.target.value),
-            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-country-input", fieldErrors?.country)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_checkout_field_feedback.CheckoutFieldFeedback,
-          {
-            id: "checkout-country-input",
-            errors: fieldErrors?.country,
-            description: fieldDescriptions?.country
-          }
-        )
-      ] })
-    ] }),
-    shippingOptions && shippingOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLegend, { children: labels.shippingMethodLegend }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_radio_group.RadioGroup,
+        import_checkout_address_fields.CheckoutAddressFields,
         {
-          value: selectedShippingOptionId ?? "",
-          onValueChange: (value) => value && onSelectShippingOption?.(String(value)),
-          className: "grid grid-cols-1 gap-3",
-          children: shippingOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_field.Field,
-            {
-              orientation: "horizontal",
-              className: "flex-wrap items-start justify-between gap-3 rounded-lg border p-4",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldContent, { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldLabel, { htmlFor: `shipping-${option.id}`, className: "flex flex-col gap-0.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.name }),
-                  option.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs font-normal", children: option.description }) : null
-                ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
-                  (0, import_money.isAvailableMoney)(option.price) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm tabular-nums", children: (0, import_money.formatMoney)(option.price, formatMoneyProp) }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio_group.RadioGroupItem, { value: option.id, id: `shipping-${option.id}` })
-                ] })
-              ]
-            },
-            option.id
-          ))
+          prefix: "billing",
+          values: billingAddress,
+          onChange: onBillingAddressChange ?? (() => {
+          }),
+          locations: billingLocations,
+          onRetryLocation: onRetryLocations ? (level) => onRetryLocations("billing", level) : void 0,
+          labels,
+          errors: fieldErrors?.billingAddress,
+          descriptions: fieldDescriptions?.billingAddress
         }
       )
-    ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DeliveryGroups,
+      {
+        groups: shippingGroups,
+        state: shippingState,
+        onSelectShippingOption,
+        onRetry: onRetryShipping,
+        labels,
+        formatMoney: formatMoneyProp
+      }
+    )
   ] });
 }
+function DeliveryGroups({
+  groups,
+  state,
+  onSelectShippingOption,
+  onRetry,
+  labels,
+  formatMoney: formatMoneyProp
+}) {
+  const checkoutId = (0, import_checkout_id_context.useCheckoutIds)();
+  if (state === "pending") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", role: "status", children: labels.deliveryLoadingLabel });
+  }
+  if (state === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-destructive text-sm", children: labels.deliveryErrorLabel }),
+      onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", size: "sm", className: "w-fit", onClick: onRetry, children: labels.retryLabel }) : null
+    ] });
+  }
+  if (state === "unavailable") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", role: "status", children: labels.deliveryUnavailableLabel });
+  }
+  if (!groups) return null;
+  if (groups.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", role: "status", children: labels.noShippingOptionsLabel });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-6", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { className: "gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldLegend, { className: "mb-0", children: [
+      group.label ?? labels.shippingMethodLegend,
+      typeof group.itemCount === "number" ? ` (${group.itemCount})` : ""
+    ] }),
+    group.unavailableReason || group.options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", role: "status", children: group.unavailableReason ?? labels.groupUnavailableLabel }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_radio_group.RadioGroup,
+      {
+        value: group.selectedOptionId ?? "",
+        onValueChange: (value) => value && onSelectShippingOption?.(group.id, String(value)),
+        className: "grid grid-cols-1 gap-3",
+        children: group.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_field.Field,
+          {
+            orientation: "horizontal",
+            className: "flex-wrap items-start justify-between gap-3 rounded-lg border p-4",
+            "data-disabled": option.disabled || void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldContent, { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_field.FieldLabel,
+                {
+                  htmlFor: checkoutId(`shipping-${group.id}-${option.id}`),
+                  className: "flex flex-col items-start gap-0.5 text-left",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.name }),
+                    option.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs font-normal", children: option.description }) : null,
+                    option.estimatedDays ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs font-normal", children: option.estimatedDays }) : null,
+                    option.locationName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs font-normal", children: option.locationName }) : null,
+                    option.disabled && option.disabledReason ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs font-normal", children: option.disabledReason }) : null
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
+                (0, import_money.isAvailableMoney)(option.price) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm tabular-nums", children: (0, import_money.formatMoney)(option.price, formatMoneyProp) }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_radio_group.RadioGroupItem,
+                  {
+                    value: option.id,
+                    id: checkoutId(`shipping-${group.id}-${option.id}`),
+                    "data-checkout-shipping-option": option.id,
+                    disabled: option.disabled
+                  }
+                )
+              ] })
+            ]
+          },
+          option.id
+        ))
+      }
+    )
+  ] }, group.id)) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CheckoutShippingStep

package/dist/blocks/e-commerce/checkout-forms/checkout-shipping-step.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-shipping-step.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldContent, FieldGroup, FieldLabel, FieldLegend, FieldSet } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport { RadioGroup, RadioGroupItem } from '../../../ui/radio-group'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type { Money } from '@thorprovider/types'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport { CheckoutCountryField } from './checkout-country-field'\nimport type {\n  CheckoutChangeHandler,\n  CheckoutCountryOption,\n  CheckoutFieldDescriptions,\n  CheckoutValuesFieldErrors,\n  CheckoutLabels,\n  CheckoutShippingOption,\n  CheckoutValues,\n} from './checkout'\n\nexport interface CheckoutShippingStepProps {\n  values: CheckoutValues\n  onChange: CheckoutChangeHandler\n  labels: CheckoutLabels\n  countries?: CheckoutCountryOption[]\n  shippingOptions?: CheckoutShippingOption[]\n  selectedShippingOptionId?: string\n  onSelectShippingOption?: (id: string) => void\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  fieldErrors?: CheckoutValuesFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n}\n\nexport function CheckoutShippingStep({\n  values,\n  onChange,\n  labels,\n  countries,\n  shippingOptions,\n  selectedShippingOptionId,\n  onSelectShippingOption,\n  formatMoney: formatMoneyProp,\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutShippingStepProps) {\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-4\">\n      <Field data-invalid={!!fieldErrors?.address?.length}>\n        <FieldLabel htmlFor=\"checkout-address\">{labels.addressLabel}</FieldLabel>\n        <Input\n          id=\"checkout-address\"\n          autoComplete=\"street-address\"\n          value={values.address}\n          onChange={(e) => onChange('address', e.target.value)}\n          {...checkoutFieldAria('checkout-address', fieldErrors?.address)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-address\"\n          errors={fieldErrors?.address}\n          description={fieldDescriptions?.address}\n        />\n      </Field>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.city?.length}>\n          <FieldLabel htmlFor=\"checkout-city\">{labels.cityLabel}</FieldLabel>\n          <Input\n            id=\"checkout-city\"\n            autoComplete=\"address-level2\"\n            value={values.city}\n            onChange={(e) => onChange('city', e.target.value)}\n            {...checkoutFieldAria('checkout-city', fieldErrors?.city)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-city\"\n            errors={fieldErrors?.city}\n            description={fieldDescriptions?.city}\n          />\n        </Field>\n        <Field data-invalid={!!fieldErrors?.state?.length}>\n          <FieldLabel htmlFor=\"checkout-state\">{labels.stateLabel}</FieldLabel>\n          <Input\n            id=\"checkout-state\"\n            autoComplete=\"address-level1\"\n            value={values.state}\n            onChange={(e) => onChange('state', e.target.value)}\n            {...checkoutFieldAria('checkout-state', fieldErrors?.state)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-state\"\n            errors={fieldErrors?.state}\n            description={fieldDescriptions?.state}\n          />\n        </Field>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.zipCode?.length}>\n          <FieldLabel htmlFor=\"checkout-zip\">{labels.zipCodeLabel}</FieldLabel>\n          <Input\n            id=\"checkout-zip\"\n            autoComplete=\"postal-code\"\n            value={values.zipCode}\n            onChange={(e) => onChange('zipCode', e.target.value)}\n            {...checkoutFieldAria('checkout-zip', fieldErrors?.zipCode)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-zip\"\n            errors={fieldErrors?.zipCode}\n            description={fieldDescriptions?.zipCode}\n          />\n        </Field>\n        {countries && countries.length > 0 ? (\n          <CheckoutCountryField\n            labels={labels}\n            countries={countries}\n            value={values.country}\n            onValueChange={(value) => onChange('country', value)}\n            errors={fieldErrors?.country}\n            description={fieldDescriptions?.country}\n          />\n        ) : (\n          <Field data-invalid={!!fieldErrors?.country?.length}>\n            <FieldLabel htmlFor=\"checkout-country-input\">{labels.countryLabel}</FieldLabel>\n            <Input\n              id=\"checkout-country-input\"\n              autoComplete=\"country-name\"\n              value={values.country}\n              onChange={(e) => onChange('country', e.target.value)}\n              {...checkoutFieldAria('checkout-country-input', fieldErrors?.country)}\n            />\n            <CheckoutFieldFeedback\n              id=\"checkout-country-input\"\n              errors={fieldErrors?.country}\n              description={fieldDescriptions?.country}\n            />\n          </Field>\n        )}\n      </div>\n\n      {shippingOptions && shippingOptions.length > 0 ? (\n        <FieldSet>\n          <FieldLegend>{labels.shippingMethodLegend}</FieldLegend>\n          <RadioGroup\n            value={selectedShippingOptionId ?? ''}\n            onValueChange={(value) => value && onSelectShippingOption?.(String(value))}\n            className=\"grid grid-cols-1 gap-3\"\n          >\n            {shippingOptions.map((option) => (\n              <Field\n                key={option.id}\n                orientation=\"horizontal\"\n                className=\"flex-wrap items-start justify-between gap-3 rounded-lg border p-4\"\n              >\n                <FieldContent className=\"min-w-0\">\n                  <FieldLabel htmlFor={`shipping-${option.id}`} className=\"flex flex-col gap-0.5\">\n                    <span>{option.name}</span>\n                    {option.description ? (\n                      <span className=\"text-muted-foreground text-xs font-normal\">\n                        {option.description}\n                      </span>\n                    ) : null}\n                  </FieldLabel>\n                </FieldContent>\n                <div className=\"flex items-center gap-3\">\n                  {isAvailableMoney(option.price) ? (\n                    <span className=\"text-sm tabular-nums\">\n                      {formatMoney(option.price, formatMoneyProp)}\n                    </span>\n                  ) : null}\n                  <RadioGroupItem value={option.id} id={`shipping-${option.id}`} />\n                </div>\n              </Field>\n            ))}\n          </RadioGroup>\n        </FieldSet>\n      ) : null}\n    </FieldGroup>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-shipping-step.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { Button } from '../../../ui/button'\nimport {\n  Field,\n  FieldContent,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from '../../../ui/field'\nimport { RadioGroup, RadioGroupItem } from '../../../ui/radio-group'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type {\n  CheckoutAddressLevel,\n  CheckoutAddressValues,\n  CheckoutLocationOptions,\n  CheckoutSavedAddress,\n  CheckoutShippingGroup,\n  Money,\n} from '@thorprovider/types'\nimport { CheckboxCheck } from './checkbox-check'\nimport { CheckoutAddressFields } from './checkout-address-fields'\nimport { useCheckoutIds } from './checkout-id-context'\nimport { addressesEqual } from './checkout-address-equality'\nimport { CheckoutSavedAddresses } from './checkout-saved-addresses'\nimport type {\n  CheckoutAddressChangeHandler,\n  CheckoutFieldDescriptions,\n  CheckoutFieldErrors,\n  CheckoutLabels,\n  CheckoutSavedAddressState,\n} from './checkout'\n\nexport interface CheckoutShippingStepProps {\n  shippingAddress: CheckoutAddressValues\n  billingAddress?: CheckoutAddressValues\n  sameAsShipping: boolean\n  onShippingAddressChange: CheckoutAddressChangeHandler\n  onBillingAddressChange?: CheckoutAddressChangeHandler\n  onSameAsShippingChange: (same: boolean) => void\n  shippingLocations?: CheckoutLocationOptions\n  billingLocations?: CheckoutLocationOptions\n  onRetryLocations?: (kind: 'shipping' | 'billing', level: CheckoutAddressLevel) => void\n  savedAddresses?: CheckoutSavedAddress[]\n  onSelectSavedAddress?: (id: string) => void\n  onCreateSavedAddress?: (address: CheckoutAddressValues) => void\n  onUpdateSavedAddress?: (id: string, address: CheckoutAddressValues) => void\n  onDeleteSavedAddress?: (id: string) => void\n  onStartNewAddress?: () => void\n  onCancelNewAddress?: () => void\n  savedAddressState?: CheckoutSavedAddressState\n  shippingGroups?: CheckoutShippingGroup[]\n  shippingState?: 'idle' | 'pending' | 'error' | 'unavailable'\n  onSelectShippingOption?: (groupId: string, optionId: string) => void\n  onRetryShipping?: () => void\n  labels: CheckoutLabels\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  fieldErrors?: CheckoutFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n  requireShippingPhone?: boolean\n}\n\n/**\n * Shipping and billing addresses, the saved-address book, and the contextual\n * save/update/create actions. The block is controlled: it reports intentions\n * and renders the host's refreshed list and mutation state; it never mutates\n * the address book itself.\n */\nexport function CheckoutShippingStep({\n  shippingAddress,\n  billingAddress,\n  sameAsShipping,\n  onShippingAddressChange,\n  onBillingAddressChange,\n  onSameAsShippingChange,\n  shippingLocations,\n  billingLocations,\n  onRetryLocations,\n  savedAddresses,\n  onSelectSavedAddress,\n  onCreateSavedAddress,\n  onUpdateSavedAddress,\n  onDeleteSavedAddress,\n  onStartNewAddress,\n  onCancelNewAddress,\n  savedAddressState,\n  shippingGroups,\n  shippingState = 'idle',\n  onSelectShippingOption,\n  onRetryShipping,\n  labels,\n  formatMoney: formatMoneyProp,\n  fieldErrors,\n  fieldDescriptions,\n  requireShippingPhone = false,\n}: CheckoutShippingStepProps) {\n  const checkoutId = useCheckoutIds()\n  const showSavedAddresses = !!onSelectSavedAddress\n  const showAddAddress = !!(\n    onCreateSavedAddress &&\n    onStartNewAddress &&\n    onCancelNewAddress\n  )\n  const isMutating = !!savedAddressState?.pendingId\n  const saveError =\n    savedAddressState?.error && !savedAddressState.error.id\n      ? savedAddressState.error\n      : undefined\n\n  const [creating, setCreating] = useState(false)\n  const [lastMatchedId, setLastMatchedId] = useState<string | undefined>(() =>\n    savedAddresses?.find((entry) => addressesEqual(entry.address, shippingAddress))?.id,\n  )\n  const lastMatchedBeforeNew = useRef<string | undefined>(undefined)\n\n  const matchedId = savedAddresses?.find((entry) =>\n    addressesEqual(entry.address, shippingAddress),\n  )?.id\n  const activeLastMatchedId =\n    lastMatchedId && savedAddresses?.some((entry) => entry.id === lastMatchedId)\n      ? lastMatchedId\n      : undefined\n\n  useEffect(() => {\n    if (creating && matchedId) setCreating(false)\n  }, [creating, matchedId])\n\n  useEffect(() => {\n    if (matchedId) setLastMatchedId(matchedId)\n  }, [matchedId])\n\n  const handleSelect = (id: string) => {\n    setLastMatchedId(id)\n    setCreating(false)\n    onSelectSavedAddress?.(id)\n  }\n\n  const handleStartNew = () => {\n    lastMatchedBeforeNew.current = activeLastMatchedId\n    setLastMatchedId(undefined)\n    setCreating(true)\n    onStartNewAddress?.()\n  }\n\n  const handleCancelNew = () => {\n    setCreating(false)\n    setLastMatchedId(lastMatchedBeforeNew.current)\n    onCancelNewAddress?.()\n  }\n\n  const countryLabel = (countryCode: string) =>\n    shippingLocations?.countries.find((country) => country.value === countryCode)?.label ??\n    countryCode\n\n  const showSaveRow =\n    !matchedId && (!!onCreateSavedAddress || (!!activeLastMatchedId && !!onUpdateSavedAddress))\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <p className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n        {savedAddressState?.lastSavedId\n          ? savedAddressState.lastAction === 'deleted'\n            ? labels.addressDeletedLabel\n            : labels.addressSavedLabel\n          : ''}\n      </p>\n\n      {showSavedAddresses ? (\n        <CheckoutSavedAddresses\n          savedAddresses={savedAddresses ?? []}\n          selectedId={matchedId}\n          state={savedAddressState}\n          labels={labels}\n          countryLabel={countryLabel}\n          onSelect={handleSelect}\n          onDelete={onDeleteSavedAddress}\n        />\n      ) : null}\n\n      {showAddAddress ? (\n        creating ? (\n          <div className=\"flex flex-wrap items-center justify-between gap-2 rounded-lg border border-dashed p-3\">\n            <p className=\"text-sm font-medium\">{labels.newAddressLabel}</p>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              disabled={isMutating}\n              onClick={handleCancelNew}\n            >\n              {labels.cancelAddressLabel}\n            </Button>\n          </div>\n        ) : (\n          <Button\n            id={checkoutId('checkout-add-address')}\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"w-fit\"\n            disabled={isMutating}\n            onClick={handleStartNew}\n          >\n            {labels.addAddressLabel}\n          </Button>\n        )\n      ) : null}\n\n      <CheckoutAddressFields\n        prefix=\"shipping\"\n        values={shippingAddress}\n        onChange={onShippingAddressChange}\n        locations={shippingLocations}\n        onRetryLocation={\n          onRetryLocations ? (level) => onRetryLocations('shipping', level) : undefined\n        }\n        labels={labels}\n        errors={fieldErrors?.shippingAddress}\n        descriptions={fieldDescriptions?.shippingAddress}\n        heading={labels.recipientHeading}\n        description={labels.recipientDescription}\n        requiredPhone={requireShippingPhone}\n      />\n\n      {showSaveRow ? (\n        <div\n          className=\"flex flex-col gap-2 rounded-lg border p-4\"\n          aria-busy={isMutating || undefined}\n        >\n          <div className=\"flex flex-wrap gap-2\">\n            {activeLastMatchedId && onUpdateSavedAddress ? (\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={isMutating}\n                onClick={() => onUpdateSavedAddress(activeLastMatchedId, shippingAddress)}\n              >\n                {isMutating\n                  ? labels.savingAddressLabel\n                  : labels.updateSavedAddressLabel}\n              </Button>\n            ) : null}\n            {onCreateSavedAddress ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                disabled={isMutating}\n                onClick={() => onCreateSavedAddress(shippingAddress)}\n              >\n                {isMutating\n                  ? labels.savingAddressLabel\n                  : activeLastMatchedId\n                    ? labels.saveAsNewAddressLabel\n                    : labels.saveAddressLabel}\n              </Button>\n            ) : null}\n          </div>\n          {saveError ? (\n            <p className=\"text-destructive text-sm\" role=\"alert\">\n              {saveError.message || labels.addressSaveErrorLabel}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n\n      {saveError && !showSaveRow ? (\n        <p className=\"text-destructive text-sm\" role=\"alert\">\n          {saveError.message || labels.addressSaveErrorLabel}\n        </p>\n      ) : null}\n\n      <Field orientation=\"horizontal\" className=\"gap-2\">\n        <CheckboxCheck\n          id={checkoutId('checkout-billing-same-as-shipping')}\n          checked={sameAsShipping}\n          onCheckedChange={(checked) => onSameAsShippingChange(checked === true)}\n        />\n        <FieldLabel htmlFor={checkoutId('checkout-billing-same-as-shipping')} className=\"text-sm font-normal\">\n          {labels.billingSameAsShippingLabel}\n        </FieldLabel>\n      </Field>\n\n      {!sameAsShipping && billingAddress ? (\n        <section className=\"flex flex-col gap-4 rounded-lg border p-4\">\n          <div>\n            <h3 className=\"text-base font-semibold\">{labels.billingHeading}</h3>\n            <p className=\"text-sm text-muted-foreground\">{labels.billingDescription}</p>\n          </div>\n          <CheckoutAddressFields\n            prefix=\"billing\"\n            values={billingAddress}\n            onChange={onBillingAddressChange ?? (() => {})}\n            locations={billingLocations}\n            onRetryLocation={\n              onRetryLocations ? (level) => onRetryLocations('billing', level) : undefined\n            }\n            labels={labels}\n            errors={fieldErrors?.billingAddress}\n            descriptions={fieldDescriptions?.billingAddress}\n          />\n        </section>\n      ) : null}\n\n      <DeliveryGroups\n        groups={shippingGroups}\n        state={shippingState}\n        onSelectShippingOption={onSelectShippingOption}\n        onRetry={onRetryShipping}\n        labels={labels}\n        formatMoney={formatMoneyProp}\n      />\n    </div>\n  )\n}\n\nfunction DeliveryGroups({\n  groups,\n  state,\n  onSelectShippingOption,\n  onRetry,\n  labels,\n  formatMoney: formatMoneyProp,\n}: {\n  groups?: CheckoutShippingGroup[]\n  state: 'idle' | 'pending' | 'error' | 'unavailable'\n  onSelectShippingOption?: (groupId: string, optionId: string) => void\n  onRetry?: () => void\n  labels: CheckoutLabels\n  formatMoney?: (money: Money) => string\n}) {\n  const checkoutId = useCheckoutIds()\n  if (state === 'pending') {\n    return (\n      <p className=\"text-muted-foreground text-sm\" role=\"status\">\n        {labels.deliveryLoadingLabel}\n      </p>\n    )\n  }\n\n  if (state === 'error') {\n    return (\n      <div className=\"flex flex-col gap-2\" role=\"alert\">\n        <p className=\"text-destructive text-sm\">{labels.deliveryErrorLabel}</p>\n        {onRetry ? (\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"w-fit\" onClick={onRetry}>\n            {labels.retryLabel}\n          </Button>\n        ) : null}\n      </div>\n    )\n  }\n\n  if (state === 'unavailable') {\n    return (\n      <p className=\"text-muted-foreground text-sm\" role=\"status\">\n        {labels.deliveryUnavailableLabel}\n      </p>\n    )\n  }\n\n  if (!groups) return null\n\n  if (groups.length === 0) {\n    return (\n      <p className=\"text-muted-foreground text-sm\" role=\"status\">\n        {labels.noShippingOptionsLabel}\n      </p>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      {groups.map((group) => (\n        <FieldSet key={group.id} className=\"gap-3\">\n          <FieldLegend className=\"mb-0\">\n            {group.label ?? labels.shippingMethodLegend}\n            {typeof group.itemCount === 'number' ? ` (${group.itemCount})` : ''}\n          </FieldLegend>\n          {group.unavailableReason || group.options.length === 0 ? (\n            <p className=\"text-muted-foreground text-sm\" role=\"status\">\n              {group.unavailableReason ?? labels.groupUnavailableLabel}\n            </p>\n          ) : (\n            <RadioGroup\n              value={group.selectedOptionId ?? ''}\n              onValueChange={(value) =>\n                value && onSelectShippingOption?.(group.id, String(value))\n              }\n              className=\"grid grid-cols-1 gap-3\"\n            >\n              {group.options.map((option) => (\n                <Field\n                  key={option.id}\n                  orientation=\"horizontal\"\n                  className=\"flex-wrap items-start justify-between gap-3 rounded-lg border p-4\"\n                  data-disabled={option.disabled || undefined}\n                >\n                  <FieldContent className=\"min-w-0\">\n                    <FieldLabel\n                      htmlFor={checkoutId(`shipping-${group.id}-${option.id}`)}\n                      className=\"flex flex-col items-start gap-0.5 text-left\"\n                    >\n                      <span>{option.name}</span>\n                      {option.description ? (\n                        <span className=\"text-muted-foreground text-xs font-normal\">\n                          {option.description}\n                        </span>\n                      ) : null}\n                      {option.estimatedDays ? (\n                        <span className=\"text-muted-foreground text-xs font-normal\">\n                          {option.estimatedDays}\n                        </span>\n                      ) : null}\n                      {option.locationName ? (\n                        <span className=\"text-muted-foreground text-xs font-normal\">\n                          {option.locationName}\n                        </span>\n                      ) : null}\n                      {option.disabled && option.disabledReason ? (\n                        <span className=\"text-muted-foreground text-xs font-normal\">\n                          {option.disabledReason}\n                        </span>\n                      ) : null}\n                    </FieldLabel>\n                  </FieldContent>\n                  <div className=\"flex shrink-0 items-center gap-3\">\n                    {isAvailableMoney(option.price) ? (\n                      <span className=\"text-sm tabular-nums\">\n                        {formatMoney(option.price, formatMoneyProp)}\n                      </span>\n                    ) : null}\n                    <RadioGroupItem\n                      value={option.id}\n                      id={checkoutId(`shipping-${group.id}-${option.id}`)}\n                      data-checkout-shipping-option={option.id}\n                      disabled={option.disabled}\n                    />\n                  </div>\n                </Field>\n              ))}\n            </RadioGroup>\n          )}\n        </FieldSet>\n      ))}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}