@vtex/faststore 0.0.4 → 0.0.6

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

@@ -1,662 +0,0 @@
-"use client";
-import { defineComponent } from "../../core/dist/define-component.js";
-import "../../core/dist/index.js";
-import { Field } from "../../particles/field/field.js";
-import { useActionsOverride } from "../../sdk/actions/actions-override-context.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: $actionsProp }) {
-	const $data = useDataOverride($dataProp);
-	const $actions = useActionsOverride($actionsProp);
-	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