@thorprovider/blocks 3.0.1 → 4.0.0

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":[]}

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

@@ -0,0 +1,260 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Field,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSet
+} from "../../../ui/field.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { CheckoutFieldFeedback, checkoutFieldAria } from "./checkout-field-feedback.mjs";
+import { CheckoutLocationSelect } from "./checkout-location-select.mjs";
+import { useCheckoutIds } from "./checkout-id-context.mjs";
+function CheckoutAddressFields({
+  prefix,
+  values,
+  onChange,
+  locations,
+  onRetryLocation,
+  labels,
+  errors,
+  descriptions,
+  heading,
+  description,
+  requiredPhone = false
+}) {
+  const checkoutId = useCheckoutIds();
+  const id = (field) => checkoutId(`checkout-${prefix}-${field}`);
+  return /* @__PURE__ */ jsxs(FieldGroup, { className: "grid grid-cols-1 gap-6", children: [
+    /* @__PURE__ */ jsxs(FieldSet, { children: [
+      heading ? /* @__PURE__ */ jsx(FieldLegend, { children: heading }) : null,
+      description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground -mt-3 text-sm", children: description }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.firstName?.length, children: [
+          /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id("first-name"), children: labels.firstNameLabel }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: id("first-name"),
+              autoComplete: "given-name",
+              "aria-required": "true",
+              value: values.firstName,
+              onChange: (e) => onChange("firstName", e.target.value),
+              ...checkoutFieldAria(id("first-name"), errors?.firstName)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CheckoutFieldFeedback,
+            {
+              id: id("first-name"),
+              errors: errors?.firstName,
+              description: descriptions?.firstName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.lastName?.length, children: [
+          /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id("last-name"), children: labels.lastNameLabel }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: id("last-name"),
+              autoComplete: "family-name",
+              "aria-required": "true",
+              value: values.lastName,
+              onChange: (e) => onChange("lastName", e.target.value),
+              ...checkoutFieldAria(id("last-name"), errors?.lastName)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CheckoutFieldFeedback,
+            {
+              id: id("last-name"),
+              errors: errors?.lastName,
+              description: descriptions?.lastName
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.company?.length, children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id("company"), children: labels.companyLabel }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: id("company"),
+            autoComplete: "organization",
+            value: values.company ?? "",
+            onChange: (e) => onChange("company", e.target.value),
+            ...checkoutFieldAria(id("company"), errors?.company)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: id("company"),
+            errors: errors?.company,
+            description: descriptions?.company
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.phone?.length, children: [
+        /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: id("phone"), children: [
+          labels.phoneLabel,
+          !requiredPhone ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            " (",
+            labels.optionalIndicatorLabel,
+            ")"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          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),
+            ...checkoutFieldAria(id("phone"), errors?.phone)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: id("phone"),
+            errors: errors?.phone,
+            description: descriptions?.phone
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FieldSet, { children: [
+      /* @__PURE__ */ jsx(FieldLegend, { children: labels.addressHeading }),
+      /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.address1?.length, children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id("address"), children: labels.addressLabel }),
+        /* @__PURE__ */ jsx(
+          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),
+            ...checkoutFieldAria(id("address"), errors?.address1)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: id("address"),
+            errors: errors?.address1,
+            description: descriptions?.address1
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.address2?.length, children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id("address2"), children: labels.address2Label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: id("address2"),
+            autoComplete: "address-line2",
+            value: values.address2 ?? "",
+            onChange: (e) => onChange("address2", e.target.value),
+            ...checkoutFieldAria(id("address2"), errors?.address2)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: id("address2"),
+            errors: errors?.address2,
+            description: descriptions?.address2
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        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__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(
+          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__ */ jsxs(Field, { "data-invalid": !!errors?.postalCode?.length, children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id("zip"), children: labels.zipCodeLabel }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: id("zip"),
+            autoComplete: "postal-code",
+            value: values.postalCode ?? "",
+            onChange: (e) => onChange("postalCode", e.target.value),
+            ...checkoutFieldAria(id("zip"), errors?.postalCode)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: id("zip"),
+            errors: errors?.postalCode,
+            description: descriptions?.postalCode
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  CheckoutAddressFields
+};
+//# sourceMappingURL=checkout-address-fields.mjs.map

package/dist/blocks/e-commerce/checkout-forms/checkout-address-fields.mjs.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":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-contact-step.d.ts

@@ -1,13 +1,16 @@
-import type { CheckoutChangeHandler, CheckoutFieldDescriptions, CheckoutValuesFieldErrors, CheckoutLabels, CheckoutValues } from './checkout';
+import type { CheckoutContactValues, CheckoutCustomerIdentity } from '@thorprovider/types';
+import type { CheckoutFieldError } from './checkout-form-types';
+import type { CheckoutContactChangeHandler, CheckoutLabels } from './checkout';
 export interface CheckoutContactStepProps {
-    values: CheckoutValues;
-    onChange: CheckoutChangeHandler;
+    contact: CheckoutContactValues;
+    onChange: CheckoutContactChangeHandler;
+    customer?: CheckoutCustomerIdentity | null;
+    onSignIn?: () => void;
+    onSignOut?: () => void;
+    requirePhone?: boolean;
     labels: CheckoutLabels;
-    /** Rendered only when the host supplies the corresponding label. */
-    showSaveInfo: boolean;
-    showNewsletter: boolean;
-    fieldErrors?: CheckoutValuesFieldErrors;
-    fieldDescriptions?: CheckoutFieldDescriptions;
+    fieldErrors?: Partial<Record<keyof CheckoutContactValues, CheckoutFieldError[]>>;
+    fieldDescriptions?: Partial<Record<keyof CheckoutContactValues, string>>;
 }
-export declare function CheckoutContactStep({ values, onChange, labels, showSaveInfo, showNewsletter, fieldErrors, fieldDescriptions, }: CheckoutContactStepProps): import("react").JSX.Element;
+export declare function CheckoutContactStep({ contact, onChange, customer, onSignIn, onSignOut, requirePhone, labels, fieldErrors, fieldDescriptions, }: CheckoutContactStepProps): import("react").JSX.Element;
 //# sourceMappingURL=checkout-contact-step.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-contact-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkout-contact-step.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,cAAc,EACd,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,oEAAoE;IACpE,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;CAC9C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,EAAE,wBAAwB,+BAmH1B"}
+{"version":3,"file":"checkout-contact-step.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAG1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,KAAK,EACV,4BAA4B,EAC5B,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,qBAAqB,CAAA;IAC9B,QAAQ,EAAE,4BAA4B,CAAA;IACtC,QAAQ,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,cAAc,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,qBAAqB,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAA;IAChF,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAA;CACzE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAoB,EACpB,MAAM,EACN,WAAW,EACX,iBAAiB,GAClB,EAAE,wBAAwB,+BAwG1B"}

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

@@ -23,81 +23,95 @@ __export(checkout_contact_step_exports, {
 });
 module.exports = __toCommonJS(checkout_contact_step_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_button = require("../../../ui/button.js");
 var import_field = require("../../../ui/field.js");
 var import_input = require("../../../ui/input.js");
-var import_checkbox_check = require("./checkbox-check.js");
 var import_checkout_field_feedback = require("./checkout-field-feedback.js");
+var import_checkout_id_context = require("./checkout-id-context.js");
 function CheckoutContactStep({
-  values,
+  contact,
   onChange,
+  customer,
+  onSignIn,
+  onSignOut,
+  requirePhone = false,
   labels,
-  showSaveInfo,
-  showNewsletter,
   fieldErrors,
   fieldDescriptions
 }) {
+  const checkoutId = (0, import_checkout_id_context.useCheckoutIds)();
+  const displayName = [customer?.firstName, customer?.lastName].filter(Boolean).join(" ");
   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?.email?.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-email", children: labels.emailLabel }),
+    customer ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-muted/50 flex flex-wrap items-center justify-between gap-3 rounded-lg p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm font-medium", children: [
+        labels.signedInAsLabel,
+        " ",
+        displayName ? `${displayName} <${customer.email}>` : customer.email
+      ] }) }),
+      onSignOut ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", size: "sm", onClick: onSignOut, children: labels.signOutLabel }) : null
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.email?.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: checkoutId("checkout-email"), children: labels.emailLabel }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_input.Input,
         {
-          id: "checkout-email",
+          id: checkoutId("checkout-email"),
+          "data-checkout-field": "email",
           type: "email",
           inputMode: "email",
           autoComplete: "email",
-          value: values.email,
+          value: contact.email,
           onChange: (e) => onChange("email", e.target.value),
-          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-email", fieldErrors?.email)
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)(checkoutId("checkout-email"), fieldErrors?.email)
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_checkout_field_feedback.CheckoutFieldFeedback,
         {
-          id: "checkout-email",
+          id: checkoutId("checkout-email"),
           errors: fieldErrors?.email,
           description: fieldDescriptions?.email
         }
-      )
+      ),
+      onSignIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "link", size: "sm", className: "w-fit px-0", onClick: onSignIn, children: labels.signInLabel }) : 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": !!fieldErrors?.firstName?.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-first-name", children: labels.firstNameLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: checkoutId("checkout-first-name"), children: labels.firstNameLabel }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_input.Input,
           {
-            id: "checkout-first-name",
+            id: checkoutId("checkout-first-name"),
             autoComplete: "given-name",
-            value: values.firstName,
+            value: contact.firstName,
             onChange: (e) => onChange("firstName", e.target.value),
-            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-first-name", fieldErrors?.firstName)
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(checkoutId("checkout-first-name"), fieldErrors?.firstName)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_checkout_field_feedback.CheckoutFieldFeedback,
           {
-            id: "checkout-first-name",
+            id: checkoutId("checkout-first-name"),
             errors: fieldErrors?.firstName,
             description: fieldDescriptions?.firstName
           }
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.lastName?.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-last-name", children: labels.lastNameLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: checkoutId("checkout-last-name"), children: labels.lastNameLabel }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_input.Input,
           {
-            id: "checkout-last-name",
+            id: checkoutId("checkout-last-name"),
             autoComplete: "family-name",
-            value: values.lastName,
+            value: contact.lastName,
             onChange: (e) => onChange("lastName", e.target.value),
-            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-last-name", fieldErrors?.lastName)
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(checkoutId("checkout-last-name"), fieldErrors?.lastName)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_checkout_field_feedback.CheckoutFieldFeedback,
           {
-            id: "checkout-last-name",
+            id: checkoutId("checkout-last-name"),
             errors: fieldErrors?.lastName,
             description: fieldDescriptions?.lastName
           }
@@ -105,72 +119,36 @@ function CheckoutContactStep({
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.phone?.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-phone", children: labels.phoneLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldLabel, { htmlFor: checkoutId("checkout-phone"), children: [
+        labels.phoneLabel,
+        !requirePhone ? /* @__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: "checkout-phone",
+          id: checkoutId("checkout-phone"),
           type: "tel",
           inputMode: "tel",
           autoComplete: "tel",
-          value: values.phone,
+          "aria-required": requirePhone || void 0,
+          value: contact.phone,
           onChange: (e) => onChange("phone", e.target.value),
-          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-phone", fieldErrors?.phone)
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)(checkoutId("checkout-phone"), fieldErrors?.phone)
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_checkout_field_feedback.CheckoutFieldFeedback,
         {
-          id: "checkout-phone",
+          id: checkoutId("checkout-phone"),
           errors: fieldErrors?.phone,
           description: fieldDescriptions?.phone
         }
       )
-    ] }),
-    showSaveInfo ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { orientation: "horizontal", className: "gap-2", "data-invalid": !!fieldErrors?.saveInfo?.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_checkbox_check.CheckboxCheck,
-        {
-          id: "checkout-save-info",
-          checked: values.saveInfo,
-          onCheckedChange: (checked) => onChange("saveInfo", checked === true),
-          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-save-info", fieldErrors?.saveInfo)
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-save-info", className: "text-sm font-normal", children: labels.saveInfoLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_checkout_field_feedback.CheckoutFieldFeedback,
-          {
-            id: "checkout-save-info",
-            errors: fieldErrors?.saveInfo,
-            description: fieldDescriptions?.saveInfo
-          }
-        )
-      ] })
-    ] }) : null,
-    showNewsletter ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { orientation: "horizontal", className: "gap-2", "data-invalid": !!fieldErrors?.newsletter?.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_checkbox_check.CheckboxCheck,
-        {
-          id: "checkout-newsletter",
-          checked: values.newsletter,
-          onCheckedChange: (checked) => onChange("newsletter", checked === true),
-          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-newsletter", fieldErrors?.newsletter)
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-newsletter", className: "text-sm font-normal", children: labels.newsletterLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_checkout_field_feedback.CheckoutFieldFeedback,
-          {
-            id: "checkout-newsletter",
-            errors: fieldErrors?.newsletter,
-            description: fieldDescriptions?.newsletter
-          }
-        )
-      ] })
-    ] }) : null
+    ] })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldContent, FieldGroup, FieldLabel } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport { CheckboxCheck } from './checkbox-check'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport type {\n  CheckoutChangeHandler,\n  CheckoutFieldDescriptions,\n  CheckoutValuesFieldErrors,\n  CheckoutLabels,\n  CheckoutValues,\n} from './checkout'\n\nexport interface CheckoutContactStepProps {\n  values: CheckoutValues\n  onChange: CheckoutChangeHandler\n  labels: CheckoutLabels\n  /** Rendered only when the host supplies the corresponding label. */\n  showSaveInfo: boolean\n  showNewsletter: boolean\n  fieldErrors?: CheckoutValuesFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n}\n\nexport function CheckoutContactStep({\n  values,\n  onChange,\n  labels,\n  showSaveInfo,\n  showNewsletter,\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutContactStepProps) {\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-4\">\n      <Field data-invalid={!!fieldErrors?.email?.length}>\n        <FieldLabel htmlFor=\"checkout-email\">{labels.emailLabel}</FieldLabel>\n        <Input\n          id=\"checkout-email\"\n          type=\"email\"\n          inputMode=\"email\"\n          autoComplete=\"email\"\n          value={values.email}\n          onChange={(e) => onChange('email', e.target.value)}\n          {...checkoutFieldAria('checkout-email', fieldErrors?.email)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-email\"\n          errors={fieldErrors?.email}\n          description={fieldDescriptions?.email}\n        />\n      </Field>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.firstName?.length}>\n          <FieldLabel htmlFor=\"checkout-first-name\">{labels.firstNameLabel}</FieldLabel>\n          <Input\n            id=\"checkout-first-name\"\n            autoComplete=\"given-name\"\n            value={values.firstName}\n            onChange={(e) => onChange('firstName', e.target.value)}\n            {...checkoutFieldAria('checkout-first-name', fieldErrors?.firstName)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-first-name\"\n            errors={fieldErrors?.firstName}\n            description={fieldDescriptions?.firstName}\n          />\n        </Field>\n        <Field data-invalid={!!fieldErrors?.lastName?.length}>\n          <FieldLabel htmlFor=\"checkout-last-name\">{labels.lastNameLabel}</FieldLabel>\n          <Input\n            id=\"checkout-last-name\"\n            autoComplete=\"family-name\"\n            value={values.lastName}\n            onChange={(e) => onChange('lastName', e.target.value)}\n            {...checkoutFieldAria('checkout-last-name', fieldErrors?.lastName)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-last-name\"\n            errors={fieldErrors?.lastName}\n            description={fieldDescriptions?.lastName}\n          />\n        </Field>\n      </div>\n\n      <Field data-invalid={!!fieldErrors?.phone?.length}>\n        <FieldLabel htmlFor=\"checkout-phone\">{labels.phoneLabel}</FieldLabel>\n        <Input\n          id=\"checkout-phone\"\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          value={values.phone}\n          onChange={(e) => onChange('phone', e.target.value)}\n          {...checkoutFieldAria('checkout-phone', fieldErrors?.phone)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-phone\"\n          errors={fieldErrors?.phone}\n          description={fieldDescriptions?.phone}\n        />\n      </Field>\n\n      {showSaveInfo ? (\n        <Field orientation=\"horizontal\" className=\"gap-2\" data-invalid={!!fieldErrors?.saveInfo?.length}>\n          <CheckboxCheck\n            id=\"checkout-save-info\"\n            checked={values.saveInfo}\n            onCheckedChange={(checked) => onChange('saveInfo', checked === true)}\n            {...checkoutFieldAria('checkout-save-info', fieldErrors?.saveInfo)}\n          />\n          <FieldContent>\n            <FieldLabel htmlFor=\"checkout-save-info\" className=\"text-sm font-normal\">\n              {labels.saveInfoLabel}\n            </FieldLabel>\n            <CheckoutFieldFeedback\n              id=\"checkout-save-info\"\n              errors={fieldErrors?.saveInfo}\n              description={fieldDescriptions?.saveInfo}\n            />\n          </FieldContent>\n        </Field>\n      ) : null}\n\n      {showNewsletter ? (\n        <Field orientation=\"horizontal\" className=\"gap-2\" data-invalid={!!fieldErrors?.newsletter?.length}>\n          <CheckboxCheck\n            id=\"checkout-newsletter\"\n            checked={values.newsletter}\n            onCheckedChange={(checked) => onChange('newsletter', checked === true)}\n            {...checkoutFieldAria('checkout-newsletter', fieldErrors?.newsletter)}\n          />\n          <FieldContent>\n            <FieldLabel htmlFor=\"checkout-newsletter\" className=\"text-sm font-normal\">\n              {labels.newsletterLabel}\n            </FieldLabel>\n            <CheckoutFieldFeedback\n              id=\"checkout-newsletter\"\n              errors={fieldErrors?.newsletter}\n              description={fieldDescriptions?.newsletter}\n            />\n          </FieldContent>\n        </Field>\n      ) : null}\n    </FieldGroup>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from '../../../ui/button'\nimport { Field, FieldGroup, FieldLabel } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport type { CheckoutContactValues, CheckoutCustomerIdentity } from '@thorprovider/types'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport { useCheckoutIds } from './checkout-id-context'\nimport type { CheckoutFieldError } from './checkout-form-types'\nimport type {\n  CheckoutContactChangeHandler,\n  CheckoutLabels,\n} from './checkout'\n\nexport interface CheckoutContactStepProps {\n  contact: CheckoutContactValues\n  onChange: CheckoutContactChangeHandler\n  customer?: CheckoutCustomerIdentity | null\n  onSignIn?: () => void\n  onSignOut?: () => void\n  requirePhone?: boolean\n  labels: CheckoutLabels\n  fieldErrors?: Partial<Record<keyof CheckoutContactValues, CheckoutFieldError[]>>\n  fieldDescriptions?: Partial<Record<keyof CheckoutContactValues, string>>\n}\n\nexport function CheckoutContactStep({\n  contact,\n  onChange,\n  customer,\n  onSignIn,\n  onSignOut,\n  requirePhone = false,\n  labels,\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutContactStepProps) {\n  const checkoutId = useCheckoutIds()\n  const displayName = [customer?.firstName, customer?.lastName].filter(Boolean).join(' ')\n\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-4\">\n      {customer ? (\n        <div className=\"bg-muted/50 flex flex-wrap items-center justify-between gap-3 rounded-lg p-4\">\n          <div className=\"min-w-0\">\n            <p className=\"text-sm font-medium\">\n              {labels.signedInAsLabel}{' '}\n              {displayName ? `${displayName} <${customer.email}>` : customer.email}\n            </p>\n          </div>\n          {onSignOut ? (\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onSignOut}>\n              {labels.signOutLabel}\n            </Button>\n          ) : null}\n        </div>\n      ) : (\n        <Field data-invalid={!!fieldErrors?.email?.length}>\n          <FieldLabel htmlFor={checkoutId('checkout-email')}>{labels.emailLabel}</FieldLabel>\n          <Input\n            id={checkoutId('checkout-email')}\n            data-checkout-field=\"email\"\n            type=\"email\"\n            inputMode=\"email\"\n            autoComplete=\"email\"\n            value={contact.email}\n            onChange={(e) => onChange('email', e.target.value)}\n            {...checkoutFieldAria(checkoutId('checkout-email'), fieldErrors?.email)}\n          />\n          <CheckoutFieldFeedback\n            id={checkoutId('checkout-email')}\n            errors={fieldErrors?.email}\n            description={fieldDescriptions?.email}\n          />\n          {onSignIn ? (\n            <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"w-fit px-0\" onClick={onSignIn}>\n              {labels.signInLabel}\n            </Button>\n          ) : null}\n        </Field>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.firstName?.length}>\n          <FieldLabel htmlFor={checkoutId('checkout-first-name')}>{labels.firstNameLabel}</FieldLabel>\n          <Input\n            id={checkoutId('checkout-first-name')}\n            autoComplete=\"given-name\"\n            value={contact.firstName}\n            onChange={(e) => onChange('firstName', e.target.value)}\n            {...checkoutFieldAria(checkoutId('checkout-first-name'), fieldErrors?.firstName)}\n          />\n          <CheckoutFieldFeedback\n            id={checkoutId('checkout-first-name')}\n            errors={fieldErrors?.firstName}\n            description={fieldDescriptions?.firstName}\n          />\n        </Field>\n        <Field data-invalid={!!fieldErrors?.lastName?.length}>\n          <FieldLabel htmlFor={checkoutId('checkout-last-name')}>{labels.lastNameLabel}</FieldLabel>\n          <Input\n            id={checkoutId('checkout-last-name')}\n            autoComplete=\"family-name\"\n            value={contact.lastName}\n            onChange={(e) => onChange('lastName', e.target.value)}\n            {...checkoutFieldAria(checkoutId('checkout-last-name'), fieldErrors?.lastName)}\n          />\n          <CheckoutFieldFeedback\n            id={checkoutId('checkout-last-name')}\n            errors={fieldErrors?.lastName}\n            description={fieldDescriptions?.lastName}\n          />\n        </Field>\n      </div>\n\n      <Field data-invalid={!!fieldErrors?.phone?.length}>\n        <FieldLabel htmlFor={checkoutId('checkout-phone')}>\n          {labels.phoneLabel}\n          {!requirePhone ? (\n            <span className=\"text-muted-foreground\"> ({labels.optionalIndicatorLabel})</span>\n          ) : null}\n        </FieldLabel>\n        <Input\n          id={checkoutId('checkout-phone')}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          aria-required={requirePhone || undefined}\n          value={contact.phone}\n          onChange={(e) => onChange('phone', e.target.value)}\n          {...checkoutFieldAria(checkoutId('checkout-phone'), fieldErrors?.phone)}\n        />\n        <CheckoutFieldFeedback\n          id={checkoutId('checkout-phone')}\n          errors={fieldErrors?.phone}\n          description={fieldDescriptions?.phone}\n        />\n      </Field>\n    </FieldGroup>\n  )\n}\n"],"mappings":"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","names":[]}