@incodetech/web 0.0.0-dev-20260403-eccc51c → 0.0.0-dev-20260407-4580f1c

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

@@ -1,313 +1,271 @@
-import { b as I, u as e, S as u, I as S, a as N } from "../loadingIcon-DmuPXh70.js";
-import { mexicanStates as G, createCurpValidationManager as R } from "@incodetech/core/curp-validation";
-import { k as y } from "../vendor-preact-BoMmvSgn.js";
-import "@incodetech/core";
-import "../instance-BWYzq8dk.js";
-import { B as h } from "../button-CE9kRlem.js";
-import { E as U } from "../errorIcon-DEARBrGx.js";
-import { S as D } from "../successIcon-Bjsdc4lF.js";
-import { P as p } from "../page-SrUl0qtN.js";
-import { S as k } from "../spinner-DygONskw.js";
-import { r as E } from "../incodeModule-C4XIllao.js";
-import { a as C } from "../inputComposed-fUbAGrDy.js";
-import { D as F } from "../dateInputComposed-C7PCzh-U.js";
-import { D as P } from "../dropdownComposed-BpinYlrx.js";
-const T = ({
-  curp: i,
-  isValid: d,
-  onCurpChange: o,
-  onVerify: a,
-  onSwitchToGenerate: t,
-  disabled: s = !1,
-  placeholder: r,
-  continueLabel: m,
-  dontHaveLabel: n
-}) => {
-  const { t: c } = I(), f = r ?? c("curp.placeholder.curp") ?? "CURP", g = m ?? c("curp.continue") ?? "Continue", l = n ?? c("curp.dontHave") ?? "I don't have my CURP", b = c("curp.placeholder.curp") ?? "CURP";
-  return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpInput", children: [
-    /* @__PURE__ */ e(
-      C,
-      {
-        id: "curp-input",
-        label: "",
-        value: i,
-        onInput: (V) => {
-          const L = V.target;
-          o(L.value.toUpperCase());
-        },
-        placeholder: f,
-        disabled: s,
-        maxLength: 18,
-        "aria-label": b
-      }
-    ),
-    /* @__PURE__ */ e(u, {}),
-    /* @__PURE__ */ e(
-      h,
-      {
-        type: "button",
-        onClick: a,
-        disabled: !d || s,
-        "data-testid": "curp-verify",
-        children: g
-      }
-    ),
-    /* @__PURE__ */ e(
-      h,
-      {
-        type: "button",
-        onClick: t,
-        disabled: s,
-        "data-testid": "curp-switch-to-generate",
-        class: "IncodeCurpInputDontHaveButton",
-        children: l
-      }
-    )
-  ] });
-}, w = ({
-  form: i,
-  isValid: d,
-  onFormChange: o,
-  onGenerate: a,
-  disabled: t = !1,
-  labels: s
-}) => {
-  const { t: r } = I(), n = { ...{
-    firstName: r("curp.labels.firstName") ?? "Your First name",
-    firstLast: r("curp.labels.firstLast") ?? "Your First last name",
-    secondLast: r("curp.labels.secondLast") ?? "Your Second last name",
-    gender: r("curp.labels.genderV2") ?? "Gender",
-    genderPlaceholder: r("curp.placeholder.gender") ?? "Choose gender",
-    male: r("curp.labels.maleV2") ?? "Male",
-    female: r("curp.labels.femaleV2") ?? "Female",
-    other: r("curp.labels.other") ?? "Other",
-    dob: r("curp.labels.dob") ?? "Date of birth",
-    birthState: r("curp.labels.birthState") ?? "State of birth",
-    statePlaceholder: r("curp.placeholder.state") ?? "Select state",
-    generate: r("curp.generateCta") ?? "Generate CURP"
-  }, ...s }, c = (l) => (b) => {
-    const v = b.target;
-    o({ [l]: v.value });
-  }, f = [
-    { value: "H", label: n.male },
-    { value: "M", label: n.female },
-    { value: "X", label: n.other }
-  ], g = G.map((l) => ({
-    value: l.value,
-    label: l.label
-  }));
-  return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeGenerateCurpForm", children: [
-    /* @__PURE__ */ e(
-      C,
-      {
-        id: "curp-first-name",
-        label: n.firstName,
-        value: i.name,
-        onInput: c("name"),
-        placeholder: n.firstName,
-        disabled: t,
-        autoComplete: "given-name"
-      }
-    ),
-    /* @__PURE__ */ e(
-      C,
-      {
-        id: "curp-first-last",
-        label: n.firstLast,
-        value: i.firstLastName,
-        onInput: c("firstLastName"),
-        placeholder: n.firstLast,
-        disabled: t
-      }
-    ),
-    /* @__PURE__ */ e(
-      C,
-      {
-        id: "curp-second-last",
-        label: n.secondLast,
-        value: i.secondLastName,
-        onInput: c("secondLastName"),
-        placeholder: n.secondLast,
-        disabled: t
-      }
-    ),
-    /* @__PURE__ */ e(
-      P,
-      {
-        id: "curp-gender",
-        label: n.gender,
-        placeholder: n.genderPlaceholder,
-        value: i.gender,
-        options: f,
-        disabled: t,
-        onChange: (l) => o({ gender: l }),
-        "data-testid": "curp-gender"
-      }
-    ),
-    /* @__PURE__ */ e(
-      F,
-      {
-        id: "curp-birth-date",
-        label: n.dob,
-        value: i.birthDate,
-        onInput: c("birthDate"),
-        max: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
-        placeholder: r("curp.placeholder.dob") ?? "mm/dd/yyyy",
-        disabled: t,
-        "data-testid": "curp-birth-date"
-      }
-    ),
-    /* @__PURE__ */ e(
-      P,
-      {
-        id: "curp-birth-state",
-        label: n.birthState,
-        placeholder: n.statePlaceholder,
-        value: i.birthState,
-        options: g,
-        disabled: t,
-        onChange: (l) => o({ birthState: l }),
-        "data-testid": "curp-birth-state",
-        searchable: !0
-      }
-    ),
-    /* @__PURE__ */ e(u, { size: 16 }),
-    /* @__PURE__ */ e(
-      h,
-      {
-        type: "button",
-        onClick: a,
-        disabled: !d || t,
-        "data-testid": "curp-generate",
-        children: n.generate
-      }
-    )
-  ] });
-}, H = ({
-  config: i,
-  onFinish: d,
-  onError: o
-}) => {
-  const { t: a } = I(), [t, s] = N(() => {
-    if (!i)
-      throw new Error("CURP validation config is required");
-    return R({ config: i });
-  });
-  if (t.status === "idle" || t.status === "loading" || t.status === "verifying" || t.status === "generating") {
-    const r = t.status === "generating" ? a("curp.status.generating") ?? "Generating..." : a("curp.status.verifying") ?? "Verifying...";
-    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpLoading", children: /* @__PURE__ */ e(k, { title: r, fullScreen: !1 }) }) });
-  }
-  if (t.status === "enterCurp")
-    return /* @__PURE__ */ e(
-      p,
-      {
-        className: "IncodeCurpValidationPage",
-        title: a("curp.enterCurp") ?? "Enter your CURP",
-        children: /* @__PURE__ */ e(
-          T,
-          {
-            curp: t.curp,
-            isValid: t.isValid,
-            onCurpChange: (r) => s.setCurp(r),
-            onVerify: () => s.verify(),
-            onSwitchToGenerate: () => s.switchToGenerate(),
-            placeholder: a("curp.placeholder.curp") ?? "CURP",
-            continueLabel: a("curp.continue") ?? "Continue",
-            dontHaveLabel: a("curp.dontHave") ?? "I don't have my CURP"
-          }
-        )
-      }
-    );
-  if (t.status === "generateCurp")
-    return /* @__PURE__ */ e(
-      p,
-      {
-        className: "IncodeCurpValidationPage",
-        title: a("curp.generate") ?? "Generate your CURP",
-        children: /* @__PURE__ */ e(
-          w,
-          {
-            form: t.form,
-            isValid: t.isValid,
-            onFormChange: (r) => s.setGenerateForm(r),
-            onGenerate: () => s.generate()
-          }
-        )
-      }
-    );
-  if (t.status === "confirmCurp")
-    return /* @__PURE__ */ e(
-      p,
-      {
-        className: "IncodeCurpValidationPage",
-        title: a("curp.status.confirm") ?? "Confirm your CURP",
-        children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpConfirm", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              class: "IncodeCurpConfirmInput",
-              value: t.curp,
-              readOnly: !0,
-              "aria-label": a("curp.status.generatedCurp") ?? "Generated CURP"
-            }
-          ),
-          /* @__PURE__ */ e(u, {}),
-          /* @__PURE__ */ e(
-            h,
-            {
-              type: "button",
-              onClick: () => s.confirmGenerated(),
-              "data-testid": "curp-confirm",
-              children: a("curp.continue") ?? "Continue"
-            }
-          )
-        ] })
-      }
-    );
-  if (t.status === "success")
-    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpSuccess", children: [
-      /* @__PURE__ */ e(D, { size: 32 }),
-      /* @__PURE__ */ e(u, { size: 16 }),
-      /* @__PURE__ */ e("h2", { class: "IncodeCurpSuccessTitle", children: a("curp.status.verified") ?? "Verified" })
-    ] }) });
-  if (t.status === "failure" || t.status === "generateError") {
-    const r = t.retriesLeft > 0, m = t.status === "failure" ? a("curp.status.notVerified") ?? "Not verified" : a("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
-    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpFailure", children: [
-      /* @__PURE__ */ e(u, {}),
-      /* @__PURE__ */ e(U, { size: 32 }),
-      /* @__PURE__ */ e(u, { size: 16 }),
-      /* @__PURE__ */ e("h2", { class: "IncodeCurpFailureTitle", children: m }),
-      t.status === "generateError" && r && /* @__PURE__ */ e(y, { children: [
-        /* @__PURE__ */ e(u, { size: 12 }),
-        /* @__PURE__ */ e("p", { class: "IncodeCurpFailureHint", children: a("curp.status.checkInfo") ?? "Please check your information" })
-      ] }),
-      /* @__PURE__ */ e(u, {}),
-      r && /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
-        h,
-        {
-          type: "button",
-          onClick: () => s.retry(),
-          "data-testid": "curp-retry",
-          children: t.status === "failure" ? a("curp.status.tryAgain") ?? "Try again" : a("curp.status.edit") ?? "Edit information"
-        }
-      ) })
-    ] }) });
-  }
-  return t.status === "finished" ? (d?.(), null) : (t.status === "closed" && o?.(void 0), null);
-}, z = ({
-  config: i,
-  onFinish: d,
-  onError: o
-}) => /* @__PURE__ */ e(S, { children: i ? /* @__PURE__ */ e(
-  H,
-  {
-    config: i,
-    onFinish: d,
-    onError: o
-  }
-) : null });
-E(z, "incode-curp-validation");
-export {
-  z as CurpValidation
-};
+import { n as e } from "../i18n-DZOHbK9q.js";
+import { S as t, v as n } from "../vendor-preact-D6SntenC.js";
+import { c as r, r as i } from "../loadingIcon-CeQt7Zgb.js";
+import { t as a } from "../spacer-DCljE53A.js";
+import { t as o } from "../button-DhL5eRT3.js";
+import { t as s } from "../page-SvlJWUfz.js";
+import { t as c } from "../spinner-snIGzmm8.js";
+import "../spinner-Bk0YuoLu.js";
+import { p as l } from "../icons-BHbofCgJ.js";
+import { t as u } from "../successIcon-AHrfmJvv.js";
+import { t as d } from "../inputComposed-BhbfD8Ru.js";
+import { t as f } from "../dropdownComposed-_Ey7wJNG.js";
+import "../dateInputComposed-B9WqdYx9.js";
+import { t as p } from "../dateInputComposed-ndsGHX1M.js";
+import { t as m } from "../incodeModule-Bf6yJ8RB.js";
+import { createCurpValidationManager as h, mexicanStates as g } from "@incodetech/core/curp-validation";
+//#region src/modules/curp-validation/curpInput.tsx
+var _ = ({ curp: t, isValid: r, onCurpChange: i, onVerify: s, onSwitchToGenerate: c, disabled: l = !1, placeholder: u, continueLabel: f, dontHaveLabel: p }) => {
+	let { t: m } = e(), h = u ?? m("curp.placeholder.curp") ?? "CURP", g = f ?? m("curp.continue") ?? "Continue", _ = p ?? m("curp.dontHave") ?? "I don't have my CURP", v = m("curp.placeholder.curp") ?? "CURP";
+	return /* @__PURE__ */ n("div", {
+		class: "IncodeCurpValidation IncodeCurpInput",
+		children: [
+			/* @__PURE__ */ n(d, {
+				id: "curp-input",
+				label: "",
+				value: t,
+				onInput: (e) => {
+					let t = e.target;
+					i(t.value.toUpperCase());
+				},
+				placeholder: h,
+				disabled: l,
+				maxLength: 18,
+				"aria-label": v
+			}),
+			/* @__PURE__ */ n(a, {}),
+			/* @__PURE__ */ n(o, {
+				type: "button",
+				onClick: s,
+				disabled: !r || l,
+				"data-testid": "curp-verify",
+				children: g
+			}),
+			/* @__PURE__ */ n(o, {
+				type: "button",
+				onClick: c,
+				disabled: l,
+				"data-testid": "curp-switch-to-generate",
+				class: "IncodeCurpInputDontHaveButton",
+				children: _
+			})
+		]
+	});
+}, v = ({ form: t, isValid: r, onFormChange: i, onGenerate: s, disabled: c = !1, labels: l }) => {
+	let { t: u } = e(), m = {
+		firstName: u("curp.labels.firstName") ?? "Your First name",
+		firstLast: u("curp.labels.firstLast") ?? "Your First last name",
+		secondLast: u("curp.labels.secondLast") ?? "Your Second last name",
+		gender: u("curp.labels.genderV2") ?? "Gender",
+		genderPlaceholder: u("curp.placeholder.gender") ?? "Choose gender",
+		male: u("curp.labels.maleV2") ?? "Male",
+		female: u("curp.labels.femaleV2") ?? "Female",
+		other: u("curp.labels.other") ?? "Other",
+		dob: u("curp.labels.dob") ?? "Date of birth",
+		birthState: u("curp.labels.birthState") ?? "State of birth",
+		statePlaceholder: u("curp.placeholder.state") ?? "Select state",
+		generate: u("curp.generateCta") ?? "Generate CURP",
+		...l
+	}, h = (e) => (t) => {
+		let n = t.target;
+		i({ [e]: n.value });
+	}, _ = [
+		{
+			value: "H",
+			label: m.male
+		},
+		{
+			value: "M",
+			label: m.female
+		},
+		{
+			value: "X",
+			label: m.other
+		}
+	], v = g.map((e) => ({
+		value: e.value,
+		label: e.label
+	}));
+	return /* @__PURE__ */ n("div", {
+		class: "IncodeCurpValidation IncodeGenerateCurpForm",
+		children: [
+			/* @__PURE__ */ n(d, {
+				id: "curp-first-name",
+				label: m.firstName,
+				value: t.name,
+				onInput: h("name"),
+				placeholder: m.firstName,
+				disabled: c,
+				autoComplete: "given-name"
+			}),
+			/* @__PURE__ */ n(d, {
+				id: "curp-first-last",
+				label: m.firstLast,
+				value: t.firstLastName,
+				onInput: h("firstLastName"),
+				placeholder: m.firstLast,
+				disabled: c
+			}),
+			/* @__PURE__ */ n(d, {
+				id: "curp-second-last",
+				label: m.secondLast,
+				value: t.secondLastName,
+				onInput: h("secondLastName"),
+				placeholder: m.secondLast,
+				disabled: c
+			}),
+			/* @__PURE__ */ n(f, {
+				id: "curp-gender",
+				label: m.gender,
+				placeholder: m.genderPlaceholder,
+				value: t.gender,
+				options: _,
+				disabled: c,
+				onChange: (e) => i({ gender: e }),
+				"data-testid": "curp-gender"
+			}),
+			/* @__PURE__ */ n(p, {
+				id: "curp-birth-date",
+				label: m.dob,
+				value: t.birthDate,
+				onInput: h("birthDate"),
+				max: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+				placeholder: u("curp.placeholder.dob") ?? "mm/dd/yyyy",
+				disabled: c,
+				"data-testid": "curp-birth-date"
+			}),
+			/* @__PURE__ */ n(f, {
+				id: "curp-birth-state",
+				label: m.birthState,
+				placeholder: m.statePlaceholder,
+				value: t.birthState,
+				options: v,
+				disabled: c,
+				onChange: (e) => i({ birthState: e }),
+				"data-testid": "curp-birth-state",
+				searchable: !0
+			}),
+			/* @__PURE__ */ n(a, { size: 16 }),
+			/* @__PURE__ */ n(o, {
+				type: "button",
+				onClick: s,
+				disabled: !r || c,
+				"data-testid": "curp-generate",
+				children: m.generate
+			})
+		]
+	});
+}, y = ({ config: i, onFinish: d, onError: f }) => {
+	let { t: p } = e(), [m, g] = r(() => {
+		if (!i) throw Error("CURP validation config is required");
+		return h({ config: i });
+	});
+	if (m.status === "idle" || m.status === "loading" || m.status === "verifying" || m.status === "generating") return /* @__PURE__ */ n(s, {
+		className: "IncodeCurpValidationPage",
+		children: /* @__PURE__ */ n("div", {
+			class: "IncodeCurpValidation IncodeCurpLoading",
+			children: /* @__PURE__ */ n(c, {
+				title: m.status === "generating" ? p("curp.status.generating") ?? "Generating..." : p("curp.status.verifying") ?? "Verifying...",
+				fullScreen: !1
+			})
+		})
+	});
+	if (m.status === "enterCurp") return /* @__PURE__ */ n(s, {
+		className: "IncodeCurpValidationPage",
+		title: p("curp.enterCurp") ?? "Enter your CURP",
+		children: /* @__PURE__ */ n(_, {
+			curp: m.curp,
+			isValid: m.isValid,
+			onCurpChange: (e) => g.setCurp(e),
+			onVerify: () => g.verify(),
+			onSwitchToGenerate: () => g.switchToGenerate(),
+			placeholder: p("curp.placeholder.curp") ?? "CURP",
+			continueLabel: p("curp.continue") ?? "Continue",
+			dontHaveLabel: p("curp.dontHave") ?? "I don't have my CURP"
+		})
+	});
+	if (m.status === "generateCurp") return /* @__PURE__ */ n(s, {
+		className: "IncodeCurpValidationPage",
+		title: p("curp.generate") ?? "Generate your CURP",
+		children: /* @__PURE__ */ n(v, {
+			form: m.form,
+			isValid: m.isValid,
+			onFormChange: (e) => g.setGenerateForm(e),
+			onGenerate: () => g.generate()
+		})
+	});
+	if (m.status === "confirmCurp") return /* @__PURE__ */ n(s, {
+		className: "IncodeCurpValidationPage",
+		title: p("curp.status.confirm") ?? "Confirm your CURP",
+		children: /* @__PURE__ */ n("div", {
+			class: "IncodeCurpValidation IncodeCurpConfirm",
+			children: [
+				/* @__PURE__ */ n("input", {
+					type: "text",
+					class: "IncodeCurpConfirmInput",
+					value: m.curp,
+					readOnly: !0,
+					"aria-label": p("curp.status.generatedCurp") ?? "Generated CURP"
+				}),
+				/* @__PURE__ */ n(a, {}),
+				/* @__PURE__ */ n(o, {
+					type: "button",
+					onClick: () => g.confirmGenerated(),
+					"data-testid": "curp-confirm",
+					children: p("curp.continue") ?? "Continue"
+				})
+			]
+		})
+	});
+	if (m.status === "success") return /* @__PURE__ */ n(s, {
+		className: "IncodeCurpValidationPage",
+		children: /* @__PURE__ */ n("div", {
+			class: "IncodeCurpValidation IncodeCurpSuccess",
+			children: [
+				/* @__PURE__ */ n(u, { size: 32 }),
+				/* @__PURE__ */ n(a, { size: 16 }),
+				/* @__PURE__ */ n("h2", {
+					class: "IncodeCurpSuccessTitle",
+					children: p("curp.status.verified") ?? "Verified"
+				})
+			]
+		})
+	});
+	if (m.status === "failure" || m.status === "generateError") {
+		let e = m.retriesLeft > 0, r = m.status === "failure" ? p("curp.status.notVerified") ?? "Not verified" : p("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
+		return /* @__PURE__ */ n(s, {
+			className: "IncodeCurpValidationPage",
+			children: /* @__PURE__ */ n("div", {
+				class: "IncodeCurpValidation IncodeCurpFailure",
+				children: [
+					/* @__PURE__ */ n(a, {}),
+					/* @__PURE__ */ n(l, { size: 32 }),
+					/* @__PURE__ */ n(a, { size: 16 }),
+					/* @__PURE__ */ n("h2", {
+						class: "IncodeCurpFailureTitle",
+						children: r
+					}),
+					m.status === "generateError" && e && /* @__PURE__ */ n(t, { children: [/* @__PURE__ */ n(a, { size: 12 }), /* @__PURE__ */ n("p", {
+						class: "IncodeCurpFailureHint",
+						children: p("curp.status.checkInfo") ?? "Please check your information"
+					})] }),
+					/* @__PURE__ */ n(a, {}),
+					e && /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(o, {
+						type: "button",
+						onClick: () => g.retry(),
+						"data-testid": "curp-retry",
+						children: m.status === "failure" ? p("curp.status.tryAgain") ?? "Try again" : p("curp.status.edit") ?? "Edit information"
+					}) })
+				]
+			})
+		});
+	}
+	return m.status === "finished" ? (d?.(), null) : (m.status === "closed" && f?.(void 0), null);
+}, b = ({ config: e, onFinish: t, onError: r }) => /* @__PURE__ */ n(i, { children: e ? /* @__PURE__ */ n(y, {
+	config: e,
+	onFinish: t,
+	onError: r
+}) : null });
+m(b, "incode-curp-validation");
+//#endregion
+export { b as CurpValidation };

package/dist/curp-validation/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {

package/dist/dateInputComposed-B9WqdYx9.js

@@ -0,0 +1,2 @@
+import "./dropdownComposed-_Ey7wJNG.js";
+import "./dateInputComposed-ndsGHX1M.js";