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 && (
+
+
+
+ )}
+