diff --git a/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddressFormFields.tsx b/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddressFormFields.tsx index 62962ccf..bfadfa98 100644 --- a/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddressFormFields.tsx +++ b/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddressFormFields.tsx @@ -36,6 +36,7 @@ export const getResourceAddressFormFieldsSchema = ({ zip_code: z.string().nullish(), state_code: zodRequiredField, country_code: zodRequiredField, + email: z.string().email().nullish(), phone: zodRequiredField, billing_info: requiresBillingInfo ? zodRequiredField @@ -95,6 +96,11 @@ export interface ResourceAddressFormFieldsProps { * @default false */ showNameOrCompany?: boolean + /** + * Optional setting to define if given `Address` `email` data is editable. + * @default false + */ + showEmail?: boolean } export const ResourceAddressFormFields = @@ -104,6 +110,7 @@ export const ResourceAddressFormFields = showBillingInfo = false, showNotes = true, showNameOrCompany = false, + showEmail = false, }) => { const namePrefix = name == null ? "" : `${name}.` const { watch } = useFormContext() @@ -170,6 +177,12 @@ export const ResourceAddressFormFields = + {showEmail && ( + + + + )} +