@incodetech/web 2.0.1 → 2.1.0-rc.0

package/dist/curp-validation/curp-validation.es.js

@@ -1,279 +1,323 @@
-import { n as e } from "../i18n-9s4OSqwi.js";
-import { S as t, d as n, v as r } from "../vendor-preact-D6SntenC.js";
-import { o as i } from "../hooks-BVnGysT7.js";
-import { t as a } from "../incodeComponent-C1o4M0ZK.js";
-import { r as o } from "../loadingIcon-BN5YRQUb.js";
-import { t as s } from "../page-C1yT4DLb.js";
-import { t as c } from "../transitionSpinner-PIEPU2Vx.js";
-import { t as l } from "../button-DcCUEn2n.js";
-import { g as u } from "../icons-Cc7zwchP.js";
-import { t as d } from "../successIcon-DbILeIz_.js";
-import { t as f } from "../inputComposed-APSw8C7o.js";
-import { t as p } from "../dropdownComposed-DFRBG22E.js";
-import "../dropdownComposed-DwTzc2YU.js";
-import { t as m } from "../dateInputComposed-BpAGsjN6.js";
-import "../dateInputComposed-DU3o6PAV.js";
-import { t as h } from "../incodeModule-BqCjVgEI.js";
-import { n as g, t as _ } from "../requiredLabelHint-BLwgqozE.js";
-import { t as v } from "../autoFocusTitle-QexamZ4i.js";
-import { GENERATE_CURP_FIELDS as y, createCurpValidationManager as b, mexicanStates as x } from "@incodetech/core/curp-validation";
+import { n as useTranslation } from "../i18n-CoCO2ZuN.js";
+import { d as T, v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
+import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
+import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
+import { t as Page } from "../page-DxGQj7Gk.js";
+import { t as TransitionSpinner } from "../transitionSpinner-DRRz-NV8.js";
+import { t as Button } from "../button-CM_hgyIP.js";
+import { t as ErrorIcon } from "../errorIcon-DJRZpd8j.js";
+import "../icons-Dbs9ZfYM.js";
+import { t as SuccessIcon } from "../successIcon-BAyDPT7I.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-BzkUiELM.js";
+import { t as InputComposed } from "../inputComposed-CQ4AsvZg.js";
+import { t as DropdownComposed } from "../dropdownComposed-_fgAlo_C.js";
+import "../dropdownComposed-CEWBSdGl.js";
+import { t as DateInputComposed } from "../dateInputComposed-C_mh4XBg.js";
+import "../dateInputComposed-Cy6a7ymh.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-DEadtiwx.js";
+import { GENERATE_CURP_FIELDS, createCurpValidationManager, mexicanStates } from "@incodetech/core/curp-validation";
 //#region src/modules/curp-validation/curpInput.tsx
-var S = ({ curp: t, errorKey: n, onCurpChange: i, onCurpBlur: a, onVerify: s, onSwitchToGenerate: c, disabled: u = !1, placeholder: d, continueLabel: p, dontHaveLabel: m }) => {
-	let { t: h } = e(), g = d ?? h("curp.placeholder.curp") ?? "CURP", _ = p ?? h("curp.continue") ?? "Continue", v = m ?? h("curp.dontHave") ?? "I don't have my CURP", y = n ? h(n) : void 0, b = t.length === 0 || !!y || u;
-	return /* @__PURE__ */ r("div", {
+var CurpInput = ({ curp, errorKey, onCurpChange, onCurpBlur, onVerify, onSwitchToGenerate, disabled = false, placeholder, continueLabel, dontHaveLabel }) => {
+	const { t } = useTranslation();
+	const displayPlaceholder = placeholder ?? t("curp.placeholder.curp") ?? "CURP";
+	const displayContinueLabel = continueLabel ?? t("curp.continue") ?? "Continue";
+	const displayDontHaveLabel = dontHaveLabel ?? t("curp.dontHave") ?? "I don't have my CURP";
+	const errorMessage = errorKey ? t(errorKey) : void 0;
+	const isContinueDisabled = curp.length === 0 || !!errorMessage || disabled;
+	const handleInput = (e) => {
+		const target = e.target;
+		onCurpChange(target.value.toUpperCase());
+	};
+	return /* @__PURE__ */ u("div", {
 		class: "IncodeCurpValidation IncodeCurpInput",
 		children: [
-			/* @__PURE__ */ r(f, {
+			/* @__PURE__ */ u(InputComposed, {
 				id: "curp-input",
-				value: t,
-				onInput: (e) => {
-					let t = e.target;
-					i(t.value.toUpperCase());
-				},
-				onBlur: a,
-				placeholder: g,
-				disabled: u,
-				required: !0,
+				value: curp,
+				onInput: handleInput,
+				onBlur: onCurpBlur,
+				placeholder: displayPlaceholder,
+				disabled,
+				required: true,
 				maxLength: 18,
-				"aria-label": h("curp.placeholder.curp") ?? "CURP",
-				error: y,
-				showErrorIcon: !!y
+				"aria-label": t("curp.placeholder.curp") ?? "CURP",
+				error: errorMessage,
+				showErrorIcon: !!errorMessage
 			}),
-			/* @__PURE__ */ r(o, {}),
-			/* @__PURE__ */ r(l, {
+			/* @__PURE__ */ u(Spacer, {}),
+			/* @__PURE__ */ u(Button, {
 				type: "button",
-				onClick: s,
-				disabled: b,
+				onClick: onVerify,
+				disabled: isContinueDisabled,
 				"data-testid": "curp-verify",
-				children: _
+				children: displayContinueLabel
 			}),
-			/* @__PURE__ */ r(l, {
+			/* @__PURE__ */ u(Button, {
 				type: "button",
 				variant: "secondary",
-				onClick: c,
-				disabled: u,
+				onClick: onSwitchToGenerate,
+				disabled,
 				"data-testid": "curp-switch-to-generate",
-				children: v
+				children: displayDontHaveLabel
 			})
 		]
 	});
-}, C = ({ form: t, validationErrors: i, onFormChange: a, onValidateField: s, onGenerate: c, disabled: u = !1, labels: d }) => {
-	let { t: h } = e(), v = {
-		firstName: h("curp.labels.firstName") ?? "Your First name",
-		firstLast: h("curp.labels.firstLast") ?? "Your First last name",
-		secondLast: h("curp.labels.secondLast") ?? "Your Second last name",
-		gender: h("curp.labels.genderV2") ?? "Gender",
-		genderPlaceholder: h("curp.placeholder.gender") ?? "Choose gender",
-		male: h("curp.labels.maleV2") ?? "Male",
-		female: h("curp.labels.femaleV2") ?? "Female",
-		other: h("curp.labels.other") ?? "Other",
-		dob: h("curp.labels.dob") ?? "Date of birth",
-		birthState: h("curp.labels.birthState") ?? "State of birth",
-		statePlaceholder: h("curp.placeholder.state") ?? "Select state",
-		generate: h("curp.generateCta") ?? "Generate CURP",
-		...d
-	}, b = n(() => g(y.map((e) => e.required)), []), S = !!i && Object.keys(i).length > 0, C = (e) => (t) => {
-		let n = t.target;
-		a({ [e]: n.value });
-	}, w = (e) => () => {
-		s(e);
-	}, T = [
+};
+//#endregion
+//#region src/modules/curp-validation/generateCurpForm.tsx
+var GenerateCurpFormComponent = ({ form, validationErrors, onFormChange, onValidateField, onGenerate, disabled = false, labels: customLabels }) => {
+	const { t } = useTranslation();
+	const labels = {
+		firstName: t("curp.labels.firstName") ?? "Your First name",
+		firstLast: t("curp.labels.firstLast") ?? "Your First last name",
+		secondLast: t("curp.labels.secondLast") ?? "Your Second last name",
+		gender: t("curp.labels.genderV2") ?? "Gender",
+		genderPlaceholder: t("curp.placeholder.gender") ?? "Choose gender",
+		male: t("curp.labels.maleV2") ?? "Male",
+		female: t("curp.labels.femaleV2") ?? "Female",
+		other: t("curp.labels.other") ?? "Other",
+		dob: t("curp.labels.dob") ?? "Date of birth",
+		birthState: t("curp.labels.birthState") ?? "State of birth",
+		statePlaceholder: t("curp.placeholder.state") ?? "Select state",
+		generate: t("curp.generateCta") ?? "Generate CURP",
+		...customLabels
+	};
+	const mode = T(() => getRequiredHintMode(GENERATE_CURP_FIELDS.map((f) => f.required)), []);
+	const hasValidationErrors = !!validationErrors && Object.keys(validationErrors).length > 0;
+	const handleTextChange = (field) => (e) => {
+		const target = e.target;
+		onFormChange({ [field]: target.value });
+	};
+	const handleBlur = (field) => () => {
+		onValidateField(field);
+	};
+	const genderOptions = [
 		{
 			value: "H",
-			label: v.male
+			label: labels.male
 		},
 		{
 			value: "M",
-			label: v.female
+			label: labels.female
 		},
 		{
 			value: "X",
-			label: v.other
+			label: labels.other
 		}
-	], E = x.map((e) => ({
-		value: e.value,
-		label: e.label
-	})), D = (e) => {
-		switch (e) {
-			case "name": return v.firstName;
-			case "firstLastName": return v.firstLast;
-			case "secondLastName": return v.secondLast;
-			case "gender": return v.gender;
-			case "birthDate": return v.dob;
-			case "birthState": return v.birthState;
+	];
+	const stateOptions = mexicanStates.map((s) => ({
+		value: s.value,
+		label: s.label
+	}));
+	const labelForField = (key) => {
+		switch (key) {
+			case "name": return labels.firstName;
+			case "firstLastName": return labels.firstLast;
+			case "secondLastName": return labels.secondLast;
+			case "gender": return labels.gender;
+			case "birthDate": return labels.dob;
+			case "birthState": return labels.birthState;
 		}
 	};
-	return /* @__PURE__ */ r("div", {
+	const renderField = (field) => {
+		const hint = getFieldHint(mode, field.required);
+		const labelHint = hint ? t(`forms.label.${hint}`) ?? void 0 : void 0;
+		const errorKey = validationErrors?.[field.key];
+		const errorMessage = errorKey ? t(errorKey) ?? void 0 : void 0;
+		const label = labelForField(field.key);
+		if (field.type === "dropdown") {
+			const options = field.key === "gender" ? genderOptions : stateOptions;
+			const placeholder = field.key === "gender" ? labels.genderPlaceholder : labels.statePlaceholder;
+			return /* @__PURE__ */ u(DropdownComposed, {
+				id: `curp-${field.key === "birthState" ? "birth-state" : "gender"}`,
+				label,
+				labelHint,
+				placeholder,
+				value: form[field.key],
+				options,
+				disabled,
+				required: field.required,
+				onChange: (value) => {
+					if (field.key === "gender") onFormChange({ gender: value });
+					else onFormChange({ [field.key]: value });
+				},
+				onBlur: handleBlur(field.key),
+				error: errorMessage,
+				showErrorIcon: !!errorMessage,
+				"data-testid": field.key === "gender" ? "curp-gender" : "curp-birth-state",
+				...field.key === "birthState" ? { searchable: true } : {}
+			}, field.key);
+		}
+		if (field.type === "date") return /* @__PURE__ */ u(DateInputComposed, {
+			id: "curp-birth-date",
+			label,
+			labelHint,
+			value: form.birthDate,
+			onInput: handleTextChange("birthDate"),
+			onBlur: handleBlur("birthDate"),
+			max: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+			disabled,
+			required: field.required,
+			error: errorMessage,
+			showErrorIcon: !!errorMessage,
+			"data-testid": "curp-birth-date",
+			...field.autoComplete ? { autoComplete: field.autoComplete } : {}
+		}, field.key);
+		return /* @__PURE__ */ u(InputComposed, {
+			id: field.key === "name" ? "curp-first-name" : field.key === "firstLastName" ? "curp-first-last" : "curp-second-last",
+			label,
+			labelHint,
+			value: form[field.key],
+			onInput: handleTextChange(field.key),
+			onBlur: handleBlur(field.key),
+			placeholder: label,
+			disabled,
+			required: field.required,
+			error: errorMessage,
+			showErrorIcon: !!errorMessage,
+			...field.autoComplete ? { autoComplete: field.autoComplete } : {}
+		}, field.key);
+	};
+	return /* @__PURE__ */ u("div", {
 		class: "IncodeCurpValidation IncodeGenerateCurpForm",
 		children: [
-			y.map((e) => {
-				let n = _(b, e.required), o = n ? h(`forms.label.${n}`) ?? void 0 : void 0, s = i?.[e.key], c = s ? h(s) ?? void 0 : void 0, l = D(e.key);
-				if (e.type === "dropdown") {
-					let n = e.key === "gender" ? T : E, i = e.key === "gender" ? v.genderPlaceholder : v.statePlaceholder;
-					return /* @__PURE__ */ r(p, {
-						id: `curp-${e.key === "birthState" ? "birth-state" : "gender"}`,
-						label: l,
-						labelHint: o,
-						placeholder: i,
-						value: t[e.key],
-						options: n,
-						disabled: u,
-						required: e.required,
-						onChange: (t) => {
-							e.key === "gender" ? a({ gender: t }) : a({ [e.key]: t });
-						},
-						onBlur: w(e.key),
-						error: c,
-						showErrorIcon: !!c,
-						"data-testid": e.key === "gender" ? "curp-gender" : "curp-birth-state",
-						...e.key === "birthState" ? { searchable: !0 } : {}
-					}, e.key);
-				}
-				return e.type === "date" ? /* @__PURE__ */ r(m, {
-					id: "curp-birth-date",
-					label: l,
-					labelHint: o,
-					value: t.birthDate,
-					onInput: C("birthDate"),
-					onBlur: w("birthDate"),
-					max: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
-					placeholder: h("curp.placeholder.dob") ?? "mm/dd/yyyy",
-					disabled: u,
-					required: e.required,
-					error: c,
-					showErrorIcon: !!c,
-					"data-testid": "curp-birth-date"
-				}, e.key) : /* @__PURE__ */ r(f, {
-					id: e.key === "name" ? "curp-first-name" : e.key === "firstLastName" ? "curp-first-last" : "curp-second-last",
-					label: l,
-					labelHint: o,
-					value: t[e.key],
-					onInput: C(e.key),
-					onBlur: w(e.key),
-					placeholder: l,
-					disabled: u,
-					required: e.required,
-					error: c,
-					showErrorIcon: !!c,
-					...e.autoComplete ? { autoComplete: e.autoComplete } : {}
-				}, e.key);
-			}),
-			/* @__PURE__ */ r(o, { size: 16 }),
-			/* @__PURE__ */ r(l, {
+			GENERATE_CURP_FIELDS.map(renderField),
+			/* @__PURE__ */ u(Spacer, { size: 16 }),
+			/* @__PURE__ */ u(Button, {
 				type: "button",
-				onClick: c,
-				disabled: S || u,
+				onClick: onGenerate,
+				disabled: hasValidationErrors || disabled,
 				"data-testid": "curp-generate",
-				children: v.generate
+				children: labels.generate
 			})
 		]
 	});
-}, w = ({ config: n, onFinish: a, onError: p }) => {
-	let { t: m } = e(), [h, g] = i(() => {
-		if (!n) throw Error("CURP validation config is required");
-		return b({ config: n });
+};
+//#endregion
+//#region src/modules/curp-validation/curp-validation.tsx
+var CurpValidationContent = ({ config, manager: externalManager, onFinish, onError }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("CurpValidation config is required when no manager is provided");
+		return createCurpValidationManager({ config });
+	}, { manageLifecycle: !externalManager });
+	useModuleTerminalCallbacks({
+		status: state.status,
+		onFinish,
+		onError
 	});
-	if (h.status === "idle" || h.status === "loading" || h.status === "verifying" || h.status === "generating") return /* @__PURE__ */ r(c, { spinnerConfig: { title: h.status === "generating" ? m("curp.status.generating") ?? "Generating..." : m("curp.status.verifying") ?? "Verifying..." } });
-	if (h.status === "enterCurp") return /* @__PURE__ */ r(s, {
+	if (state.status === "idle" || state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
+	if (state.status === "verifying" || state.status === "generating") return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: { title: state.status === "generating" ? t("curp.status.generating") ?? "Generating..." : t("curp.status.verifying") ?? "Verifying..." } });
+	if (state.status === "enterCurp") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCurpValidationPage",
-		title: m("curp.enterCurp") ?? "Enter your CURP",
-		children: /* @__PURE__ */ r(S, {
-			curp: h.curp,
-			errorKey: h.validationErrors?.curp,
-			onCurpChange: (e) => g.setCurp(e),
-			onCurpBlur: () => g.validateField("curp"),
-			onVerify: () => g.verify(),
-			onSwitchToGenerate: () => g.switchToGenerate(),
-			placeholder: m("curp.placeholder.curp") ?? "CURP",
-			continueLabel: m("curp.continue") ?? "Continue",
-			dontHaveLabel: m("curp.dontHave") ?? "I don't have my CURP"
+		title: t("curp.enterCurp") ?? "Enter your CURP",
+		children: /* @__PURE__ */ u(CurpInput, {
+			curp: state.curp,
+			errorKey: state.validationErrors?.curp,
+			onCurpChange: (curp) => manager.setCurp(curp),
+			onCurpBlur: () => manager.validateField("curp"),
+			onVerify: () => manager.verify(),
+			onSwitchToGenerate: () => manager.switchToGenerate(),
+			placeholder: t("curp.placeholder.curp") ?? "CURP",
+			continueLabel: t("curp.continue") ?? "Continue",
+			dontHaveLabel: t("curp.dontHave") ?? "I don't have my CURP"
 		})
 	});
-	if (h.status === "generateCurp") return /* @__PURE__ */ r(s, {
+	if (state.status === "generateCurp") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCurpValidationPage",
-		title: m("curp.generate") ?? "Generate your CURP",
-		hideFooterBranding: !0,
-		children: /* @__PURE__ */ r(C, {
-			form: h.form,
-			validationErrors: h.validationErrors,
-			onFormChange: (e) => g.setGenerateForm(e),
-			onValidateField: (e) => g.validateField(e),
-			onGenerate: () => g.generate()
+		title: t("curp.generate") ?? "Generate your CURP",
+		hideFooterBranding: true,
+		children: /* @__PURE__ */ u(GenerateCurpFormComponent, {
+			form: state.form,
+			validationErrors: state.validationErrors,
+			onFormChange: (form) => manager.setGenerateForm(form),
+			onValidateField: (field) => manager.validateField(field),
+			onGenerate: () => manager.generate()
 		})
 	});
-	if (h.status === "confirmCurp") return /* @__PURE__ */ r(s, {
+	if (state.status === "confirmCurp") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCurpValidationPage",
-		title: m("curp.status.confirm") ?? "Confirm your CURP",
-		children: /* @__PURE__ */ r("div", {
+		title: t("curp.status.confirm") ?? "Confirm your CURP",
+		children: /* @__PURE__ */ u("div", {
 			class: "IncodeCurpValidation IncodeCurpConfirm",
 			children: [
-				/* @__PURE__ */ r(f, {
+				/* @__PURE__ */ u(InputComposed, {
 					id: "curp-confirm-input",
-					value: h.curp,
-					readOnly: !0,
-					"aria-label": m("curp.status.generatedCurp") ?? "Generated CURP",
+					value: state.curp,
+					readOnly: true,
+					"aria-label": t("curp.status.generatedCurp") ?? "Generated CURP",
 					"data-testid": "curp-confirm-input"
 				}),
-				/* @__PURE__ */ r(o, {}),
-				/* @__PURE__ */ r(l, {
+				/* @__PURE__ */ u(Spacer, {}),
+				/* @__PURE__ */ u(Button, {
 					type: "button",
-					onClick: () => g.confirmGenerated(),
+					onClick: () => manager.confirmGenerated(),
 					"data-testid": "curp-confirm",
-					children: m("curp.continue") ?? "Continue"
+					children: t("curp.continue") ?? "Continue"
 				})
 			]
 		})
 	});
-	if (h.status === "success") return /* @__PURE__ */ r(s, {
+	if (state.status === "success") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCurpValidationPage",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ u("div", {
 			class: "IncodeCurpValidation IncodeCurpSuccess",
 			children: [
-				/* @__PURE__ */ r(d, { size: 64 }),
-				/* @__PURE__ */ r(o, { size: 16 }),
-				/* @__PURE__ */ r(v, {
+				/* @__PURE__ */ u(SuccessIcon, { size: 64 }),
+				/* @__PURE__ */ u(Spacer, { size: 16 }),
+				/* @__PURE__ */ u(AutoFocusTitle, {
 					className: "IncodeCurpSuccessTitle",
-					children: m("curp.status.verified") ?? "Verified"
+					children: t("curp.status.verified") ?? "Verified"
 				})
 			]
 		})
 	});
-	if (h.status === "failure" || h.status === "generateError") {
-		let e = h.retriesLeft > 0, n = h.status === "failure" ? m("curp.status.notVerified") ?? "Not verified" : m("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
-		return /* @__PURE__ */ r(s, {
+	if (state.status === "failure" || state.status === "generateError") {
+		const canRetry = state.retriesLeft > 0;
+		const title = state.status === "failure" ? t("curp.status.notVerified") ?? "Not verified" : t("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
+		const failureRetryLabel = state.status === "failure" && state.fromAutoVerify ? t("curp.verifyManually") : t("curp.status.tryAgain");
+		return /* @__PURE__ */ u(Page, {
 			className: "IncodeCurpValidationPage",
-			children: /* @__PURE__ */ r("div", {
+			children: /* @__PURE__ */ u("div", {
 				class: "IncodeCurpValidation IncodeCurpFailure",
 				children: [
-					/* @__PURE__ */ r(o, {}),
-					/* @__PURE__ */ r(u, { size: 64 }),
-					/* @__PURE__ */ r(o, { size: 16 }),
-					/* @__PURE__ */ r(v, {
+					/* @__PURE__ */ u(Spacer, {}),
+					/* @__PURE__ */ u(ErrorIcon, { size: 64 }),
+					/* @__PURE__ */ u(Spacer, { size: 16 }),
+					/* @__PURE__ */ u(AutoFocusTitle, {
 						className: "IncodeCurpFailureTitle",
-						children: n
+						children: title
 					}),
-					h.status === "generateError" && e && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(o, { size: 12 }), /* @__PURE__ */ r("p", {
+					state.status === "generateError" && canRetry && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u("p", {
 						class: "IncodeCurpFailureHint",
 						role: "alert",
-						children: m("curp.status.checkInfo") ?? "Please check your information"
+						children: t("curp.status.checkInfo") ?? "Please check your information"
 					})] }),
-					/* @__PURE__ */ r(o, {}),
-					e && /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(l, {
+					/* @__PURE__ */ u(Spacer, {}),
+					canRetry && /* @__PURE__ */ u(k, { children: /* @__PURE__ */ u(Button, {
 						type: "button",
-						onClick: () => g.retry(),
+						onClick: () => manager.retry(),
 						"data-testid": "curp-retry",
-						children: h.status === "failure" ? m("curp.status.tryAgain") ?? "Try again" : m("curp.status.edit") ?? "Edit information"
+						children: state.status === "failure" ? failureRetryLabel : t("curp.status.edit") ?? "Edit information"
 					}) })
 				]
 			})
 		});
 	}
-	return h.status === "finished" ? (a?.(), null) : (h.status === "closed" && p?.(void 0), null);
-}, T = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ r(a, { children: e ? /* @__PURE__ */ r(w, {
-	config: e,
-	onFinish: t,
-	onError: n
-}) : null });
-h(T, "incode-curp-validation");
+	if (state.status === "finished" || state.status === "closed") return null;
+	return null;
+};
+var CurpValidation = ({ config, manager, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(CurpValidationContent, {
+		config,
+		manager,
+		onFinish,
+		onError
+	}) : null });
+};
+registerIncodeModuleElement(CurpValidation, "incode-curp-validation");
 //#endregion
-export { T as CurpValidation };
+export { CurpValidation };