@thorprovider/blocks 3.0.2 → 4.1.0

package/dist/blocks/e-commerce/checkout-forms/checkout-address-equality.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkout_address_equality_exports = {};
+__export(checkout_address_equality_exports, {
+  addressesEqual: () => addressesEqual
+});
+module.exports = __toCommonJS(checkout_address_equality_exports);
+const ADDRESS_KEYS = [
+  "firstName",
+  "lastName",
+  "address1",
+  "address2",
+  "company",
+  "city",
+  "province",
+  "postalCode",
+  "countryCode",
+  "phone"
+];
+function normalize(value) {
+  return (value ?? "").trim();
+}
+function addressesEqual(a, b) {
+  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addressesEqual
+});
+//# sourceMappingURL=checkout-address-equality.js.map

package/dist/blocks/e-commerce/checkout-forms/checkout-address-equality.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-equality.ts"],"sourcesContent":["import type { CheckoutAddressValues } from '@thorprovider/types'\n\nconst ADDRESS_KEYS: Array<keyof CheckoutAddressValues> = [\n  'firstName',\n  'lastName',\n  'address1',\n  'address2',\n  'company',\n  'city',\n  'province',\n  'postalCode',\n  'countryCode',\n  'phone',\n]\n\nfunction normalize(value: string | undefined): string {\n  return (value ?? '').trim()\n}\n\n/**\n * Compare two controlled addresses for the saved-address affordances.\n *\n * The host may serialise an absent optional field as `undefined` or as an\n * empty string; both mean \"not supplied\" and must compare equal. Whitespace is\n * ignored so a value that only gained surrounding spaces is still the same\n * address. Every address key participates.\n */\nexport function addressesEqual(\n  a: CheckoutAddressValues,\n  b: CheckoutAddressValues,\n): boolean {\n  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,eAAmD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,UAAU,OAAmC;AACpD,UAAQ,SAAS,IAAI,KAAK;AAC5B;AAUO,SAAS,eACd,GACA,GACS;AACT,SAAO,aAAa,MAAM,CAAC,QAAQ,UAAU,EAAE,GAAG,CAAC,MAAM,UAAU,EAAE,GAAG,CAAC,CAAC;AAC5E;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-address-equality.mjs

@@ -0,0 +1,22 @@
+const ADDRESS_KEYS = [
+  "firstName",
+  "lastName",
+  "address1",
+  "address2",
+  "company",
+  "city",
+  "province",
+  "postalCode",
+  "countryCode",
+  "phone"
+];
+function normalize(value) {
+  return (value ?? "").trim();
+}
+function addressesEqual(a, b) {
+  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]));
+}
+export {
+  addressesEqual
+};
+//# sourceMappingURL=checkout-address-equality.mjs.map

package/dist/blocks/e-commerce/checkout-forms/checkout-address-equality.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-equality.ts"],"sourcesContent":["import type { CheckoutAddressValues } from '@thorprovider/types'\n\nconst ADDRESS_KEYS: Array<keyof CheckoutAddressValues> = [\n  'firstName',\n  'lastName',\n  'address1',\n  'address2',\n  'company',\n  'city',\n  'province',\n  'postalCode',\n  'countryCode',\n  'phone',\n]\n\nfunction normalize(value: string | undefined): string {\n  return (value ?? '').trim()\n}\n\n/**\n * Compare two controlled addresses for the saved-address affordances.\n *\n * The host may serialise an absent optional field as `undefined` or as an\n * empty string; both mean \"not supplied\" and must compare equal. Whitespace is\n * ignored so a value that only gained surrounding spaces is still the same\n * address. Every address key participates.\n */\nexport function addressesEqual(\n  a: CheckoutAddressValues,\n  b: CheckoutAddressValues,\n): boolean {\n  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]))\n}\n"],"mappings":"AAEA,MAAM,eAAmD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,UAAU,OAAmC;AACpD,UAAQ,SAAS,IAAI,KAAK;AAC5B;AAUO,SAAS,eACd,GACA,GACS;AACT,SAAO,aAAa,MAAM,CAAC,QAAQ,UAAU,EAAE,GAAG,CAAC,MAAM,UAAU,EAAE,GAAG,CAAC,CAAC;AAC5E;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-address-fields.d.ts

@@ -0,0 +1,28 @@
+import type { CheckoutAddressLevel, CheckoutAddressValues, CheckoutLocationOptions } from '@thorprovider/types';
+import type { CheckoutFieldError } from './checkout-form-types';
+import type { CheckoutAddressChangeHandler, CheckoutLabels } from './checkout';
+type AddressErrors = Partial<Record<keyof CheckoutAddressValues, CheckoutFieldError[]>>;
+type AddressDescriptions = Partial<Record<keyof CheckoutAddressValues, string>>;
+export interface CheckoutAddressFieldsProps {
+    prefix: 'shipping' | 'billing';
+    values: CheckoutAddressValues;
+    onChange: CheckoutAddressChangeHandler;
+    locations?: CheckoutLocationOptions;
+    onRetryLocation?: (level: CheckoutAddressLevel) => void;
+    labels: CheckoutLabels;
+    errors?: AddressErrors;
+    descriptions?: AddressDescriptions;
+    /** Rendered only for the shipping variant; billing keeps its own section heading. */
+    heading?: string;
+    description?: string;
+    requiredPhone?: boolean;
+}
+/**
+ * The shared address form. The recipient fields come first, then the delivery
+ * address in a fixed order: line 1 (required), line 2 (optional), country,
+ * state/province, city, postal code. Billing reuses the same fields without the
+ * recipient legend.
+ */
+export declare function CheckoutAddressFields({ prefix, values, onChange, locations, onRetryLocation, labels, errors, descriptions, heading, description, requiredPhone, }: CheckoutAddressFieldsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=checkout-address-fields.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-address-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-address-fields.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-fields.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,KAAK,EACV,4BAA4B,EAE5B,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,KAAK,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,qBAAqB,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAA;AACvF,KAAK,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAA;AAE/E,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAA;IAC9B,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,EAAE,4BAA4B,CAAA;IACtC,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACvD,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,eAAe,EACf,MAAM,EACN,MAAM,EACN,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAqB,GACtB,EAAE,0BAA0B,+BA+L5B"}

package/dist/blocks/e-commerce/checkout-forms/checkout-address-fields.js

@@ -0,0 +1,278 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkout_address_fields_exports = {};
+__export(checkout_address_fields_exports, {
+  CheckoutAddressFields: () => CheckoutAddressFields
+});
+module.exports = __toCommonJS(checkout_address_fields_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_field = require("../../../ui/field.js");
+var import_input = require("../../../ui/input.js");
+var import_checkout_field_feedback = require("./checkout-field-feedback.js");
+var import_checkout_location_select = require("./checkout-location-select.js");
+var import_checkout_id_context = require("./checkout-id-context.js");
+function CheckoutAddressFields({
+  prefix,
+  values,
+  onChange,
+  locations,
+  onRetryLocation,
+  labels,
+  errors,
+  descriptions,
+  heading,
+  description,
+  requiredPhone = false
+}) {
+  const checkoutId = (0, import_checkout_id_context.useCheckoutIds)();
+  const id = (field) => checkoutId(`checkout-${prefix}-${field}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldGroup, { className: "grid grid-cols-1 gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { children: [
+      heading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLegend, { children: heading }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground -mt-3 text-sm", children: description }) : null,
+      /* @__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": !!errors?.firstName?.length, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("first-name"), children: labels.firstNameLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id: id("first-name"),
+              autoComplete: "given-name",
+              "aria-required": "true",
+              value: values.firstName,
+              onChange: (e) => onChange("firstName", e.target.value),
+              ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("first-name"), errors?.firstName)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_checkout_field_feedback.CheckoutFieldFeedback,
+            {
+              id: id("first-name"),
+              errors: errors?.firstName,
+              description: descriptions?.firstName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.lastName?.length, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("last-name"), children: labels.lastNameLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id: id("last-name"),
+              autoComplete: "family-name",
+              "aria-required": "true",
+              value: values.lastName,
+              onChange: (e) => onChange("lastName", e.target.value),
+              ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("last-name"), errors?.lastName)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_checkout_field_feedback.CheckoutFieldFeedback,
+            {
+              id: id("last-name"),
+              errors: errors?.lastName,
+              description: descriptions?.lastName
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.company?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("company"), children: labels.companyLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("company"),
+            autoComplete: "organization",
+            value: values.company ?? "",
+            onChange: (e) => onChange("company", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("company"), errors?.company)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("company"),
+            errors: errors?.company,
+            description: descriptions?.company
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.phone?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldLabel, { htmlFor: id("phone"), children: [
+          labels.phoneLabel,
+          !requiredPhone ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+            " (",
+            labels.optionalIndicatorLabel,
+            ")"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("phone"),
+            type: "tel",
+            inputMode: "tel",
+            autoComplete: "tel",
+            "aria-required": requiredPhone || void 0,
+            value: values.phone ?? "",
+            onChange: (e) => onChange("phone", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("phone"), errors?.phone)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("phone"),
+            errors: errors?.phone,
+            description: descriptions?.phone
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLegend, { children: labels.addressHeading }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.address1?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("address"), children: labels.addressLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("address"),
+            "data-checkout-field": `${prefix}.address1`,
+            autoComplete: "address-line1",
+            "aria-required": "true",
+            value: values.address1,
+            onChange: (e) => onChange("address1", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("address"), errors?.address1)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("address"),
+            errors: errors?.address1,
+            description: descriptions?.address1
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.address2?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("address2"), children: labels.address2Label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("address2"),
+            autoComplete: "address-line2",
+            value: values.address2 ?? "",
+            onChange: (e) => onChange("address2", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("address2"), errors?.address2)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("address2"),
+            errors: errors?.address2,
+            description: descriptions?.address2
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkout_location_select.CheckoutLocationSelect,
+        {
+          id: id("country"),
+          label: labels.countryLabel,
+          placeholder: labels.countryPlaceholder,
+          value: values.countryCode,
+          options: locations?.countries ?? [],
+          state: locations?.countriesState,
+          error: locations?.countriesError,
+          onChange: (value) => onChange("countryCode", value),
+          onRetry: onRetryLocation ? () => onRetryLocation("countries") : void 0,
+          labels,
+          errors: errors?.countryCode,
+          description: descriptions?.countryCode
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_location_select.CheckoutLocationSelect,
+          {
+            id: id("province"),
+            label: labels.stateLabel,
+            placeholder: labels.provincePlaceholder,
+            value: values.province ?? "",
+            options: values.countryCode ? locations?.provinces ?? [] : [],
+            state: values.countryCode ? locations?.provincesState : void 0,
+            error: values.countryCode ? locations?.provincesError : void 0,
+            disabled: !values.countryCode,
+            onChange: (value) => onChange("province", value),
+            onRetry: onRetryLocation ? () => onRetryLocation("provinces") : void 0,
+            labels,
+            errors: errors?.province,
+            description: descriptions?.province
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_location_select.CheckoutLocationSelect,
+          {
+            id: id("city"),
+            label: labels.cityLabel,
+            placeholder: labels.cityPlaceholder,
+            value: values.city,
+            options: values.province ? locations?.cities ?? [] : [],
+            state: values.province ? locations?.citiesState : void 0,
+            error: values.province ? locations?.citiesError : void 0,
+            disabled: !values.province,
+            onChange: (value) => onChange("city", value),
+            onRetry: onRetryLocation ? () => onRetryLocation("cities") : void 0,
+            labels,
+            errors: errors?.city,
+            description: descriptions?.city
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.postalCode?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("zip"), children: labels.zipCodeLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("zip"),
+            autoComplete: "postal-code",
+            value: values.postalCode ?? "",
+            onChange: (e) => onChange("postalCode", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("zip"), errors?.postalCode)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("zip"),
+            errors: errors?.postalCode,
+            description: descriptions?.postalCode
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutAddressFields
+});
+//# sourceMappingURL=checkout-address-fields.js.map

package/dist/blocks/e-commerce/checkout-forms/checkout-address-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-fields.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport type {\n  CheckoutAddressLevel,\n  CheckoutAddressValues,\n  CheckoutLocationOptions,\n} from '@thorprovider/types'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport { CheckoutLocationSelect } from './checkout-location-select'\nimport { useCheckoutIds } from './checkout-id-context'\nimport type { CheckoutFieldError } from './checkout-form-types'\nimport type {\n  CheckoutAddressChangeHandler,\n  CheckoutFieldDescriptions,\n  CheckoutLabels,\n} from './checkout'\n\ntype AddressErrors = Partial<Record<keyof CheckoutAddressValues, CheckoutFieldError[]>>\ntype AddressDescriptions = Partial<Record<keyof CheckoutAddressValues, string>>\n\nexport interface CheckoutAddressFieldsProps {\n  prefix: 'shipping' | 'billing'\n  values: CheckoutAddressValues\n  onChange: CheckoutAddressChangeHandler\n  locations?: CheckoutLocationOptions\n  onRetryLocation?: (level: CheckoutAddressLevel) => void\n  labels: CheckoutLabels\n  errors?: AddressErrors\n  descriptions?: AddressDescriptions\n  /** Rendered only for the shipping variant; billing keeps its own section heading. */\n  heading?: string\n  description?: string\n  requiredPhone?: boolean\n}\n\n/**\n * The shared address form. The recipient fields come first, then the delivery\n * address in a fixed order: line 1 (required), line 2 (optional), country,\n * state/province, city, postal code. Billing reuses the same fields without the\n * recipient legend.\n */\nexport function CheckoutAddressFields({\n  prefix,\n  values,\n  onChange,\n  locations,\n  onRetryLocation,\n  labels,\n  errors,\n  descriptions,\n  heading,\n  description,\n  requiredPhone = false,\n}: CheckoutAddressFieldsProps) {\n  const checkoutId = useCheckoutIds()\n  const id = (field: string) => checkoutId(`checkout-${prefix}-${field}`)\n\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-6\">\n      <FieldSet>\n        {heading ? <FieldLegend>{heading}</FieldLegend> : null}\n        {description ? (\n          <p className=\"text-muted-foreground -mt-3 text-sm\">{description}</p>\n        ) : null}\n\n        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n          <Field data-invalid={!!errors?.firstName?.length}>\n            <FieldLabel htmlFor={id('first-name')}>{labels.firstNameLabel}</FieldLabel>\n            <Input\n              id={id('first-name')}\n              autoComplete=\"given-name\"\n              aria-required=\"true\"\n              value={values.firstName}\n              onChange={(e) => onChange('firstName', e.target.value)}\n              {...checkoutFieldAria(id('first-name'), errors?.firstName)}\n            />\n            <CheckoutFieldFeedback\n              id={id('first-name')}\n              errors={errors?.firstName}\n              description={descriptions?.firstName}\n            />\n          </Field>\n          <Field data-invalid={!!errors?.lastName?.length}>\n            <FieldLabel htmlFor={id('last-name')}>{labels.lastNameLabel}</FieldLabel>\n            <Input\n              id={id('last-name')}\n              autoComplete=\"family-name\"\n              aria-required=\"true\"\n              value={values.lastName}\n              onChange={(e) => onChange('lastName', e.target.value)}\n              {...checkoutFieldAria(id('last-name'), errors?.lastName)}\n            />\n            <CheckoutFieldFeedback\n              id={id('last-name')}\n              errors={errors?.lastName}\n              description={descriptions?.lastName}\n            />\n          </Field>\n        </div>\n\n        <Field data-invalid={!!errors?.company?.length}>\n          <FieldLabel htmlFor={id('company')}>{labels.companyLabel}</FieldLabel>\n          <Input\n            id={id('company')}\n            autoComplete=\"organization\"\n            value={values.company ?? ''}\n            onChange={(e) => onChange('company', e.target.value)}\n            {...checkoutFieldAria(id('company'), errors?.company)}\n          />\n          <CheckoutFieldFeedback\n            id={id('company')}\n            errors={errors?.company}\n            description={descriptions?.company}\n          />\n        </Field>\n\n        <Field data-invalid={!!errors?.phone?.length}>\n          <FieldLabel htmlFor={id('phone')}>\n            {labels.phoneLabel}\n            {!requiredPhone ? (\n              <span className=\"text-muted-foreground\"> ({labels.optionalIndicatorLabel})</span>\n            ) : null}\n          </FieldLabel>\n          <Input\n            id={id('phone')}\n            type=\"tel\"\n            inputMode=\"tel\"\n            autoComplete=\"tel\"\n            aria-required={requiredPhone || undefined}\n            value={values.phone ?? ''}\n            onChange={(e) => onChange('phone', e.target.value)}\n            {...checkoutFieldAria(id('phone'), errors?.phone)}\n          />\n          <CheckoutFieldFeedback\n            id={id('phone')}\n            errors={errors?.phone}\n            description={descriptions?.phone}\n          />\n        </Field>\n      </FieldSet>\n\n      <FieldSet>\n        <FieldLegend>{labels.addressHeading}</FieldLegend>\n\n        <Field data-invalid={!!errors?.address1?.length}>\n          <FieldLabel htmlFor={id('address')}>{labels.addressLabel}</FieldLabel>\n          <Input\n            id={id('address')}\n            data-checkout-field={`${prefix}.address1`}\n            autoComplete=\"address-line1\"\n            aria-required=\"true\"\n            value={values.address1}\n            onChange={(e) => onChange('address1', e.target.value)}\n            {...checkoutFieldAria(id('address'), errors?.address1)}\n          />\n          <CheckoutFieldFeedback\n            id={id('address')}\n            errors={errors?.address1}\n            description={descriptions?.address1}\n          />\n        </Field>\n\n        <Field data-invalid={!!errors?.address2?.length}>\n          <FieldLabel htmlFor={id('address2')}>{labels.address2Label}</FieldLabel>\n          <Input\n            id={id('address2')}\n            autoComplete=\"address-line2\"\n            value={values.address2 ?? ''}\n            onChange={(e) => onChange('address2', e.target.value)}\n            {...checkoutFieldAria(id('address2'), errors?.address2)}\n          />\n          <CheckoutFieldFeedback\n            id={id('address2')}\n            errors={errors?.address2}\n            description={descriptions?.address2}\n          />\n        </Field>\n\n        <CheckoutLocationSelect\n          id={id('country')}\n          label={labels.countryLabel}\n          placeholder={labels.countryPlaceholder}\n          value={values.countryCode}\n          options={locations?.countries ?? []}\n          state={locations?.countriesState}\n          error={locations?.countriesError}\n          onChange={(value) => onChange('countryCode', value)}\n          onRetry={onRetryLocation ? () => onRetryLocation('countries') : undefined}\n          labels={labels}\n          errors={errors?.countryCode}\n          description={descriptions?.countryCode}\n        />\n\n        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n          <CheckoutLocationSelect\n            id={id('province')}\n            label={labels.stateLabel}\n            placeholder={labels.provincePlaceholder}\n            value={values.province ?? ''}\n            options={values.countryCode ? locations?.provinces ?? [] : []}\n            state={values.countryCode ? locations?.provincesState : undefined}\n            error={values.countryCode ? locations?.provincesError : undefined}\n            disabled={!values.countryCode}\n            onChange={(value) => onChange('province', value)}\n            onRetry={onRetryLocation ? () => onRetryLocation('provinces') : undefined}\n            labels={labels}\n            errors={errors?.province}\n            description={descriptions?.province}\n          />\n          <CheckoutLocationSelect\n            id={id('city')}\n            label={labels.cityLabel}\n            placeholder={labels.cityPlaceholder}\n            value={values.city}\n            options={values.province ? locations?.cities ?? [] : []}\n            state={values.province ? locations?.citiesState : undefined}\n            error={values.province ? locations?.citiesError : undefined}\n            disabled={!values.province}\n            onChange={(value) => onChange('city', value)}\n            onRetry={onRetryLocation ? () => onRetryLocation('cities') : undefined}\n            labels={labels}\n            errors={errors?.city}\n            description={descriptions?.city}\n          />\n        </div>\n\n        <Field data-invalid={!!errors?.postalCode?.length}>\n          <FieldLabel htmlFor={id('zip')}>{labels.zipCodeLabel}</FieldLabel>\n          <Input\n            id={id('zip')}\n            autoComplete=\"postal-code\"\n            value={values.postalCode ?? ''}\n            onChange={(e) => onChange('postalCode', e.target.value)}\n            {...checkoutFieldAria(id('zip'), errors?.postalCode)}\n          />\n          <CheckoutFieldFeedback\n            id={id('zip')}\n            errors={errors?.postalCode}\n            description={descriptions?.postalCode}\n          />\n        </Field>\n      </FieldSet>\n    </FieldGroup>\n  )\n}\n"],"mappings":"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","names":[]}