@vtex/faststore 0.0.1

package/dist/matter/client-profile-form/client-profile-form.js

@@ -0,0 +1,660 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { Field } from "../../particles/field/field.js";
+import { useDataOverride } from "../../sdk/data/data-override-context.js";
+import { useSession } from "../session/session.js";
+import { Icon } from "../../particles/icon/icon.js";
+import { Checkbox } from "../../particles/checkbox/checkbox.js";
+import { PhoneField, toE164, validatePhoneNumber } from "../../particles/phone-field/phone-field.js";
+import { DocumentField, isSupportedDocumentType, isValidDocument } from "../../particles/document-field/document-field.js";
+import { Fieldset } from "../../particles/fieldset/fieldset.js";
+import { createContext, useContext, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/client-profile-form/client-profile-form.tsx
+/**
+* The `client-profile-form` compound (specs/fspg-863-client-profile-form.md) — the batched,
+* explicit-save customer-information form, decomposed into freely-composable parts. `Root` owns the
+* mechanics (a local draft across BOTH sibling identity entities, dirty tracking, format validation,
+* a single batched Save that dispatches at most one `clientProfileUpdate` and one
+* `clientPreferencesUpdate` per press carrying only touched fields, and the confirmation on a clean
+* save); it publishes no signal, so nothing outside it reacts to a completed press. The
+* field/fieldset/feedback leaves are thin, context-bound, and placed by the
+* schema author in any order/subset.
+*
+* Composability is the point: a merchant whose platform config drops a field, reorders them, or adds
+* a derived one just composes accordingly — nothing is hard-coded into a closed template. A part that
+* needs extra data declares its own `requiresContext`.
+*
+* Email is read-only (identification, not profile data — `EmailIdentificationControl`'s job). The
+* document field self-gates on `isSupportedDocumentType(documentType)`.
+*/
+const fragment = `
+  fragment ClientProfileFormData on Query {
+    clientProfile {
+      __typename
+      id
+      email
+      firstName
+      lastName
+      phone
+      document
+    }
+    clientPreferences {
+      __typename
+      id
+      optinNewsLetter
+      savePersonalData
+    }
+  }
+`;
+const VALIDATION_ORDER = ["phone", "document"];
+/** Shown when a write throws instead of resolving `userErrors`; the resolved case carries its own message. */
+const SAVE_FAILED_MESSAGE = "Unable to save your information. Please try again.";
+function stripNonDigits(value) {
+	return value.replace(/\D/g, "");
+}
+const CLIENT_PROFILE_FORM_UNSET = Symbol("ClientProfileFormContextUnset");
+const ClientProfileFormContext = createContext(CLIENT_PROFILE_FORM_UNSET);
+function useClientProfileFormContext() {
+	const ctx = useContext(ClientProfileFormContext);
+	if (ctx === CLIENT_PROFILE_FORM_UNSET) throw new Error("ClientProfileForm parts must be used inside ClientProfileForm.Root.");
+	return ctx;
+}
+const ClientProfileFormRootDefinition = defineComponent({
+	name: "ClientProfileFormRoot",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormRoot,
+	fragment,
+	fetchStrategy: "reactive",
+	requiresContext: "session",
+	providesContext: "client-profile-form",
+	actions: { identity: ["clientProfileUpdate", "clientPreferencesUpdate"] },
+	editor: {
+		label: "Client Profile Form Root",
+		category: "action"
+	},
+	schema: {
+		country: {
+			type: "string",
+			default: "US",
+			label: "Phone country (US or BR)"
+		},
+		documentType: {
+			type: "string",
+			label: "Document type (e.g. CPF)"
+		}
+	},
+	guideline: "Data root + form mechanics for the batched customer-information form: owns the draft across clientProfile + clientPreferences, dirty tracking, format-only validation (never requiredness), one batched Save (dispatches only touched fields), and the confirmation on a clean save. It reports nothing to anything outside itself. Requires a SessionRoot ancestor. Compose the field/fieldset/feedback parts as children in any order/subset. See client-profile-form.md."
+});
+const ClientProfileFormFieldsetDefinition = defineComponent({
+	name: "ClientProfileFormFieldset",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormFieldset,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Form Fieldset",
+		category: "layout"
+	},
+	schema: {
+		legend: {
+			type: "string",
+			label: "Legend"
+		},
+		section: {
+			type: "string",
+			label: "Section name (data-fs hook)"
+		}
+	},
+	guideline: "Optional grouping wrapper: a Fieldset whose disabled state follows the form, with an optional legend and a `section` name emitted on data-fs-client-profile-form-section for scoped styling. Compose any subset of the field parts as children. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormEmailFieldDefinition = defineComponent({
+	name: "ClientProfileFormEmailField",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormEmailField,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Email Field",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Email",
+		label: "Label"
+	} },
+	guideline: "Read-only email display, seeded from the profile. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormFirstNameFieldDefinition = defineComponent({
+	name: "ClientProfileFormFirstNameField",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormFirstNameField,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile First Name Field",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "First name",
+		label: "Label"
+	} },
+	guideline: "First-name text field bound to the form draft. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormLastNameFieldDefinition = defineComponent({
+	name: "ClientProfileFormLastNameField",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormLastNameField,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Last Name Field",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Last name",
+		label: "Label"
+	} },
+	guideline: "Last-name text field bound to the form draft. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormPhoneFieldDefinition = defineComponent({
+	name: "ClientProfileFormPhoneField",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormPhoneField,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Phone Field",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Phone number",
+		label: "Label"
+	} },
+	guideline: "Country-masked phone field (country from Root); format-validated on Save. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormDocumentFieldDefinition = defineComponent({
+	name: "ClientProfileFormDocumentField",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormDocumentField,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Document Field",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "CPF",
+		label: "Label"
+	} },
+	guideline: "Tax-document field; self-gates on Root.documentType and check-digit-validates on Save. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormNewsletterCheckboxDefinition = defineComponent({
+	name: "ClientProfileFormNewsletterCheckbox",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormNewsletterCheckbox,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Newsletter Checkbox",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Email me with news and offers",
+		label: "Label"
+	} },
+	guideline: "Newsletter opt-in checkbox bound to the form draft. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormSavePersonalDataCheckboxDefinition = defineComponent({
+	name: "ClientProfileFormSavePersonalDataCheckbox",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormSavePersonalDataCheckbox,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Save-Personal-Data Checkbox",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Save my information for next time",
+		label: "Label"
+	} },
+	guideline: "Save-personal-data opt-in checkbox bound to the form draft. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormErrorDefinition = defineComponent({
+	name: "ClientProfileFormError",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormError,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Form Error",
+		category: "content"
+	},
+	schema: {},
+	guideline: "Renders the inline server error (role=\"alert\") from the last Save, or nothing. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormConfirmationDefinition = defineComponent({
+	name: "ClientProfileFormConfirmation",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormConfirmation,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Form Confirmation",
+		category: "content"
+	},
+	schema: { message: {
+		type: "string",
+		default: "Your information has been saved.",
+		label: "Confirmation message"
+	} },
+	guideline: "Renders the success confirmation (an <output>) after a Save with no errors, cleared on the next edit. Must be inside ClientProfileForm.Root."
+});
+const ClientProfileFormSubmitButtonDefinition = defineComponent({
+	name: "ClientProfileFormSubmitButton",
+	importPath: "@vtex/faststore/components",
+	component: ClientProfileFormSubmitButton,
+	requiresContext: "client-profile-form",
+	editor: {
+		label: "Client Profile Form Submit Button",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Save and continue",
+		label: "Button label"
+	} },
+	guideline: "The batched-Save submit button (type=submit). Disabled while a write is in flight; renders nothing when the session is read-only. Compose an Icon + text as children, or rely on `label`. Must be inside ClientProfileForm.Root."
+});
+function validateDraft(draft, country, documentType) {
+	const errors = {};
+	const phoneRaw = draft.phone.trim();
+	if (phoneRaw && !validatePhoneNumber(phoneRaw, country)) errors.phone = "Invalid phone number";
+	if (isSupportedDocumentType(documentType)) {
+		const digits = stripNonDigits(draft.document);
+		if (digits && !isValidDocument(digits, documentType)) errors.document = "Invalid document number";
+	}
+	return errors;
+}
+/**
+* Data root + form shell. Seeds a local draft from `$data`, tracks dirty fields (background `$data`
+* refreshes only re-seed untouched fields), runs format-only validation, and on Save dispatches the
+* batched `clientProfileUpdate` / `clientPreferencesUpdate` (touched fields only), showing the
+* confirmation on success. Provides everything the field leaves need via context; renders a `<form>`
+* around its children.
+*
+* It publishes nothing. A finished press is not announced, so no section collapses as a result and
+* nothing outside this form can react to it. Whether a checkout sequences on a completed form is left to
+* the flow-of-steps RFC (#611).
+*/
+function ClientProfileFormRoot({ country = "US", documentType, className, children, $data: $dataProp, $actions }) {
+	const $data = useDataOverride($dataProp);
+	const { canEditData } = useSession();
+	const readOnly = !canEditData;
+	const savedEmail = $data?.clientProfile?.email ?? "";
+	const savedFirstName = $data?.clientProfile?.firstName ?? "";
+	const savedLastName = $data?.clientProfile?.lastName ?? "";
+	const savedPhone = $data?.clientProfile?.phone ?? "";
+	const savedDocument = $data?.clientProfile?.document ?? "";
+	const savedOptinNewsLetter = Boolean($data?.clientPreferences?.optinNewsLetter ?? false);
+	const savedSavePersonalData = Boolean($data?.clientPreferences?.savePersonalData ?? false);
+	const [draft, setDraft] = useState(() => ({
+		firstName: savedFirstName,
+		lastName: savedLastName,
+		phone: savedPhone,
+		document: savedDocument,
+		optinNewsLetter: savedOptinNewsLetter,
+		savePersonalData: savedSavePersonalData
+	}));
+	const [dirtyFields, setDirtyFields] = useState(/* @__PURE__ */ new Set());
+	const [fieldErrors, setFieldErrors] = useState({});
+	const [pending, setPending] = useState(false);
+	const [serverError, setServerError] = useState(null);
+	const [saved, setSaved] = useState(false);
+	const formRef = useRef(null);
+	const prevSavedRef = useRef({
+		firstName: savedFirstName,
+		lastName: savedLastName,
+		phone: savedPhone,
+		document: savedDocument,
+		optinNewsLetter: savedOptinNewsLetter,
+		savePersonalData: savedSavePersonalData
+	});
+	const prevSaved = prevSavedRef.current;
+	const changedKeys = [];
+	if (prevSaved.firstName !== savedFirstName) changedKeys.push("firstName");
+	if (prevSaved.lastName !== savedLastName) changedKeys.push("lastName");
+	if (prevSaved.phone !== savedPhone) changedKeys.push("phone");
+	if (prevSaved.document !== savedDocument) changedKeys.push("document");
+	if (prevSaved.optinNewsLetter !== savedOptinNewsLetter) changedKeys.push("optinNewsLetter");
+	if (prevSaved.savePersonalData !== savedSavePersonalData) changedKeys.push("savePersonalData");
+	if (changedKeys.length > 0) {
+		const nextSaved = {
+			firstName: savedFirstName,
+			lastName: savedLastName,
+			phone: savedPhone,
+			document: savedDocument,
+			optinNewsLetter: savedOptinNewsLetter,
+			savePersonalData: savedSavePersonalData
+		};
+		prevSavedRef.current = nextSaved;
+		setDraft((prevDraft) => {
+			let next = prevDraft;
+			for (const key of changedKeys) {
+				if (dirtyFields.has(key)) continue;
+				if (next === prevDraft) next = { ...prevDraft };
+				next[key] = nextSaved[key];
+			}
+			return next;
+		});
+	}
+	const disabled = pending || readOnly;
+	function markDirty(key) {
+		setDirtyFields((prev) => {
+			if (prev.has(key)) return prev;
+			const next = new Set(prev);
+			next.add(key);
+			return next;
+		});
+	}
+	function clearFeedback() {
+		if (saved) setSaved(false);
+		if (serverError) setServerError(null);
+	}
+	function clearFieldError(key) {
+		if (fieldErrors[key]) setFieldErrors((prev) => {
+			const next = { ...prev };
+			delete next[key];
+			return next;
+		});
+	}
+	function setText(key, value) {
+		setDraft((prev) => ({
+			...prev,
+			[key]: value
+		}));
+		markDirty(key);
+		clearFeedback();
+	}
+	function setPhone(value) {
+		setDraft((prev) => ({
+			...prev,
+			phone: value
+		}));
+		markDirty("phone");
+		clearFeedback();
+		clearFieldError("phone");
+	}
+	function setDocument(value) {
+		setDraft((prev) => ({
+			...prev,
+			document: value
+		}));
+		markDirty("document");
+		clearFeedback();
+		clearFieldError("document");
+	}
+	function setCheckbox(key, checked) {
+		setDraft((prev) => ({
+			...prev,
+			[key]: checked
+		}));
+		markDirty(key);
+		clearFeedback();
+	}
+	function focusField(key) {
+		(formRef.current?.querySelector(`[data-fs-client-profile-form-field="${key}"] input`))?.focus();
+	}
+	async function handleSubmit(event) {
+		event.preventDefault();
+		if (readOnly || pending) return;
+		const errors = validateDraft(draft, country, documentType);
+		if (Object.keys(errors).length > 0) {
+			setFieldErrors(errors);
+			const firstInvalid = VALIDATION_ORDER.find((key) => errors[key]);
+			if (firstInvalid) focusField(firstInvalid);
+			return;
+		}
+		setFieldErrors({});
+		if (dirtyFields.size === 0) {
+			setServerError(null);
+			setSaved(true);
+			return;
+		}
+		const identity = $actions?.identity;
+		if (!identity) return;
+		const profilePayload = {};
+		if (dirtyFields.has("firstName")) profilePayload.firstName = draft.firstName.trim();
+		if (dirtyFields.has("lastName")) profilePayload.lastName = draft.lastName.trim();
+		if (dirtyFields.has("phone")) profilePayload.phone = draft.phone.trim() ? toE164(draft.phone, country) : "";
+		if (dirtyFields.has("document")) profilePayload.document = stripNonDigits(draft.document);
+		const preferencesPayload = {};
+		if (dirtyFields.has("optinNewsLetter")) preferencesPayload.optinNewsLetter = draft.optinNewsLetter;
+		if (dirtyFields.has("savePersonalData")) preferencesPayload.savePersonalData = draft.savePersonalData;
+		const writes = [];
+		if (Object.keys(profilePayload).length > 0 && identity.clientProfileUpdate) writes.push(identity.clientProfileUpdate(profilePayload));
+		if (Object.keys(preferencesPayload).length > 0 && identity.clientPreferencesUpdate) writes.push(identity.clientPreferencesUpdate(preferencesPayload));
+		if (writes.length === 0) return;
+		setPending(true);
+		setServerError(null);
+		setSaved(false);
+		try {
+			const allErrors = (await Promise.all(writes)).flat();
+			if (allErrors.length > 0) {
+				setServerError(allErrors[0]?.message ?? null);
+				return;
+			}
+			setDirtyFields(/* @__PURE__ */ new Set());
+			setSaved(true);
+		} catch (error) {
+			console.error("[ClientProfileForm] profile write failed:", error);
+			setServerError(SAVE_FAILED_MESSAGE);
+		} finally {
+			setPending(false);
+		}
+	}
+	const contextValue = {
+		savedEmail,
+		draft,
+		fieldErrors,
+		disabled,
+		readOnly,
+		pending,
+		serverError,
+		saved,
+		country,
+		documentType,
+		setText,
+		setPhone,
+		setDocument,
+		setCheckbox
+	};
+	return /* @__PURE__ */ jsx(ClientProfileFormContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("form", {
+			ref: formRef,
+			onSubmit: handleSubmit,
+			className,
+			"data-fs-client-profile-form": "",
+			...pending ? { "data-fs-client-profile-form-pending": "" } : {},
+			...readOnly ? { "data-fs-client-profile-form-readonly": "" } : {},
+			...saved ? { "data-fs-client-profile-form-saved": "" } : {},
+			children
+		})
+	});
+}
+function ClientProfileFormFieldset({ legend, section, className, children }) {
+	const { disabled } = useClientProfileFormContext();
+	return /* @__PURE__ */ jsxs(Fieldset.Root, {
+		disabled,
+		className,
+		...section ? { "data-fs-client-profile-form-section": section } : {},
+		children: [legend ? /* @__PURE__ */ jsx(Fieldset.Legend, { children: legend }) : null, children]
+	});
+}
+function ClientProfileFormEmailField({ label = "Email", className }) {
+	const { savedEmail, disabled } = useClientProfileFormContext();
+	return /* @__PURE__ */ jsxs(Field.Root, {
+		className,
+		"data-fs-client-profile-form-field": "email",
+		disabled,
+		children: [/* @__PURE__ */ jsx(Field.Label, { children: label }), /* @__PURE__ */ jsx(Field.Control, {
+			readOnly: true,
+			value: savedEmail,
+			disabled
+		})]
+	});
+}
+function TextField({ fieldKey, label, className }) {
+	const { draft, disabled, setText } = useClientProfileFormContext();
+	const attr = fieldKey === "firstName" ? "first-name" : "last-name";
+	const autoComplete = fieldKey === "firstName" ? "given-name" : "family-name";
+	return /* @__PURE__ */ jsxs(Field.Root, {
+		className,
+		"data-fs-client-profile-form-field": attr,
+		disabled,
+		children: [/* @__PURE__ */ jsx(Field.Label, { children: label }), /* @__PURE__ */ jsx(Field.Control, {
+			name: fieldKey,
+			autoComplete,
+			value: draft[fieldKey],
+			onChange: (event) => setText(fieldKey, event.target.value),
+			disabled
+		})]
+	});
+}
+function ClientProfileFormFirstNameField({ label = "First name", className }) {
+	return /* @__PURE__ */ jsx(TextField, {
+		fieldKey: "firstName",
+		label,
+		className
+	});
+}
+function ClientProfileFormLastNameField({ label = "Last name", className }) {
+	return /* @__PURE__ */ jsx(TextField, {
+		fieldKey: "lastName",
+		label,
+		className
+	});
+}
+function ClientProfileFormPhoneField({ label = "Phone number", className }) {
+	const { draft, fieldErrors, disabled, country, setPhone } = useClientProfileFormContext();
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-fs-client-profile-form-field": "phone",
+		children: /* @__PURE__ */ jsx(PhoneField, {
+			label,
+			country,
+			value: draft.phone,
+			onValueChange: setPhone,
+			isDisabled: disabled,
+			invalid: fieldErrors.phone ? true : void 0,
+			error: fieldErrors.phone
+		})
+	});
+}
+function ClientProfileFormDocumentField({ label = "CPF", className }) {
+	const { draft, fieldErrors, disabled, documentType, setDocument } = useClientProfileFormContext();
+	if (!isSupportedDocumentType(documentType)) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-fs-client-profile-form-field": "document",
+		children: /* @__PURE__ */ jsx(DocumentField, {
+			label,
+			documentType,
+			value: draft.document,
+			onValueChange: setDocument,
+			disabled,
+			invalid: Boolean(fieldErrors.document),
+			errorMessage: fieldErrors.document ?? "Invalid document number"
+		})
+	});
+}
+function CheckboxField({ fieldKey, attr, label, className }) {
+	const { draft, disabled, setCheckbox } = useClientProfileFormContext();
+	return /* @__PURE__ */ jsx(Field.Root, {
+		className,
+		"data-fs-client-profile-form-field": attr,
+		disabled,
+		children: /* @__PURE__ */ jsxs(Field.Label, { children: [/* @__PURE__ */ jsx(Checkbox.Root, {
+			checked: draft[fieldKey],
+			onCheckedChange: (checked) => setCheckbox(fieldKey, checked),
+			disabled,
+			children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(Icon, { name: "checked" }) })
+		}), label] })
+	});
+}
+function ClientProfileFormNewsletterCheckbox({ label = "Email me with news and offers", className }) {
+	return /* @__PURE__ */ jsx(CheckboxField, {
+		fieldKey: "optinNewsLetter",
+		attr: "newsletter",
+		label,
+		className
+	});
+}
+function ClientProfileFormSavePersonalDataCheckbox({ label = "Save my information for next time", className }) {
+	return /* @__PURE__ */ jsx(CheckboxField, {
+		fieldKey: "savePersonalData",
+		attr: "save-personal-data",
+		label,
+		className
+	});
+}
+function ClientProfileFormError({ className }) {
+	const { serverError } = useClientProfileFormContext();
+	if (!serverError) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		className,
+		"data-fs-client-profile-form-error": "",
+		children: serverError
+	});
+}
+function ClientProfileFormConfirmation({ message = "Your information has been saved.", className }) {
+	const { saved } = useClientProfileFormContext();
+	if (!saved) return null;
+	return /* @__PURE__ */ jsx("output", {
+		className,
+		"data-fs-client-profile-form-confirmation": "",
+		children: message
+	});
+}
+function ClientProfileFormSubmitButton({ label = "Save and continue", className, children }) {
+	const { pending, readOnly } = useClientProfileFormContext();
+	if (readOnly) return null;
+	return /* @__PURE__ */ jsx("button", {
+		type: "submit",
+		disabled: pending,
+		className,
+		"data-fs-button": "",
+		"data-fs-client-profile-form-save": "",
+		children: children ?? label
+	});
+}
+const ClientProfileForm = {
+	Root: ClientProfileFormRoot,
+	RootDefinition: ClientProfileFormRootDefinition,
+	Fieldset: ClientProfileFormFieldset,
+	FieldsetDefinition: ClientProfileFormFieldsetDefinition,
+	EmailField: ClientProfileFormEmailField,
+	EmailFieldDefinition: ClientProfileFormEmailFieldDefinition,
+	FirstNameField: ClientProfileFormFirstNameField,
+	FirstNameFieldDefinition: ClientProfileFormFirstNameFieldDefinition,
+	LastNameField: ClientProfileFormLastNameField,
+	LastNameFieldDefinition: ClientProfileFormLastNameFieldDefinition,
+	PhoneField: ClientProfileFormPhoneField,
+	PhoneFieldDefinition: ClientProfileFormPhoneFieldDefinition,
+	DocumentField: ClientProfileFormDocumentField,
+	DocumentFieldDefinition: ClientProfileFormDocumentFieldDefinition,
+	NewsletterCheckbox: ClientProfileFormNewsletterCheckbox,
+	NewsletterCheckboxDefinition: ClientProfileFormNewsletterCheckboxDefinition,
+	SavePersonalDataCheckbox: ClientProfileFormSavePersonalDataCheckbox,
+	SavePersonalDataCheckboxDefinition: ClientProfileFormSavePersonalDataCheckboxDefinition,
+	Error: ClientProfileFormError,
+	ErrorDefinition: ClientProfileFormErrorDefinition,
+	Confirmation: ClientProfileFormConfirmation,
+	ConfirmationDefinition: ClientProfileFormConfirmationDefinition,
+	SubmitButton: ClientProfileFormSubmitButton,
+	SubmitButtonDefinition: ClientProfileFormSubmitButtonDefinition
+};
+//#endregion
+export { ClientProfileForm, ClientProfileFormConfirmation, ClientProfileFormConfirmationDefinition, ClientProfileFormDocumentField, ClientProfileFormDocumentFieldDefinition, ClientProfileFormEmailField, ClientProfileFormEmailFieldDefinition, ClientProfileFormError, ClientProfileFormErrorDefinition, ClientProfileFormFieldset, ClientProfileFormFieldsetDefinition, ClientProfileFormFirstNameField, ClientProfileFormFirstNameFieldDefinition, ClientProfileFormLastNameField, ClientProfileFormLastNameFieldDefinition, ClientProfileFormNewsletterCheckbox, ClientProfileFormNewsletterCheckboxDefinition, ClientProfileFormPhoneField, ClientProfileFormPhoneFieldDefinition, ClientProfileFormRoot, ClientProfileFormRootDefinition, ClientProfileFormSavePersonalDataCheckbox, ClientProfileFormSavePersonalDataCheckboxDefinition, ClientProfileFormSubmitButton, ClientProfileFormSubmitButtonDefinition };
+
+//# sourceMappingURL=client-profile-form.js.map