@incodetech/web 0.0.0-dev-20260209-168e887 → 0.0.0-dev-20260212-7db2d06

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

@@ -0,0 +1,758 @@
+import { u as e, c as N, S as L, B as E, r as j, a as Y } from "../incodeModule-SZbHLd1r.js";
+import { mexicanStates as q, createCurpValidationManager as K } from "@incodetech/core/curp-validation";
+import { g as X, D as B, A as U, d as F, y as W, k as z } from "../vendor-preact-CjD4WiuC.js";
+import "@incodetech/core";
+import "../instance-B-q0ZREN.js";
+import { u as G, S as J } from "../spinner-BcMtCrDz.js";
+import { I as Q, P as R } from "../incodeComponent-DWkUggQZ.js";
+import { S as $ } from "../successIcon-_WpNP6Fl.js";
+import { C as _ } from "../chevronDown-CN1d_3gk.js";
+const ee = ({ class: n }) => {
+  const o = X();
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-labelledby": o,
+      class: n,
+      children: [
+        /* @__PURE__ */ e("title", { id: o, children: "Calendar icon" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.50244 10.1563C7.50244 9.74204 7.83823 9.40625 8.25244 9.40625H16.7485C17.1627 9.40625 17.4985 9.74204 17.4985 10.1563C17.4985 10.5705 17.1627 10.9063 16.7485 10.9063H8.25244C7.83823 10.9063 7.50244 10.5705 7.50244 10.1563Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16.1406 2.25C16.5548 2.25 16.8906 2.58579 16.8906 3V5.96174C16.8906 6.37595 16.5548 6.71174 16.1406 6.71174C15.7264 6.71174 15.3906 6.37595 15.3906 5.96174V3C15.3906 2.58579 15.7264 2.25 16.1406 2.25Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.86816 2.25C9.28238 2.25 9.61816 2.58579 9.61816 3V5.96174C9.61816 6.37595 9.28238 6.71174 8.86816 6.71174C8.45395 6.71174 8.11816 6.37595 8.11816 5.96174V3C8.11816 2.58579 8.45395 2.25 8.86816 2.25Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M5.0392 4.95256C5.95822 4.07897 7.23731 3.67188 8.69414 3.67188H16.3145C17.7746 3.67188 19.0544 4.07865 19.9721 4.95323C20.8955 5.83327 21.3546 7.094 21.3504 8.60132C21.3504 8.6011 21.3504 8.60154 21.3504 8.60132V16.8137C21.3504 18.3212 20.8891 19.5831 19.9657 20.4646C19.0476 21.341 17.768 21.7504 16.3067 21.7504H8.69414C7.23281 21.7504 5.95209 21.3322 5.03394 20.4423C4.11207 19.5488 3.65039 18.2716 3.65039 16.7456V8.59984C3.65039 7.09167 4.11438 5.83167 5.0392 4.95256ZM6.07265 6.03976C5.51149 6.57317 5.15039 7.40215 5.15039 8.59984V16.7456C5.15039 17.9683 5.5138 18.8185 6.0779 19.3652C6.64573 19.9156 7.51189 20.2504 8.69414 20.2504H16.3067C17.4968 20.2504 18.364 19.9198 18.93 19.3796C19.4906 18.8445 19.8504 18.013 19.8504 16.8137V8.59984V8.59768C19.8539 7.39945 19.4958 6.57144 18.9372 6.03908C18.3728 5.50115 17.5058 5.17187 16.3145 5.17187H8.69414C7.50739 5.17187 6.6396 5.50083 6.07265 6.03976Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}, te = ({
+  width: n = 14,
+  height: o = 14,
+  class: s
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: n,
+    height: o,
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: `IncodeCloseIcon ${s || ""}`,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1.61595 0.355755C1.26799 0.00779831 0.70414 0.00779831 0.356183 0.355755C0.00822556 0.703713 0.00822556 1.26756 0.356183 1.61552L5.74046 6.9998L0.356183 12.3841C0.00825542 12.732 0.00831515 13.2959 0.356183 13.6438C0.70414 13.9918 1.26799 13.9918 1.61595 13.6438L7.00023 8.25956L12.3845 13.6438C12.7325 13.9918 13.2963 13.9918 13.6443 13.6438C13.9922 13.2959 13.9922 12.732 13.6443 12.3841L8.25999 6.9998L13.6443 1.61552C13.9922 1.26756 13.9922 0.703713 13.6443 0.355755C13.2963 0.0078879 12.7324 0.00782818 12.3845 0.355755L7.00023 5.74003L1.61595 0.355755Z",
+        fill: "var(--icon-neutral-800)"
+      }
+    )
+  }
+), T = ({ size: n = 32 }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: n,
+    height: n,
+    viewBox: "0 0 32 32",
+    fill: "none",
+    class: "IncodeErrorIcon",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ e("title", { children: "Error" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M16 0C24.8219 0 32 7.17642 32 16C32 24.8219 24.8219 32 16 32C7.17811 32 0 24.8219 0 16C0 7.17642 7.17811 0 16 0ZM13.1553 11.3701C12.6618 10.8767 11.8636 10.8767 11.3701 11.3701C10.8767 11.8636 10.8767 12.6618 11.3701 13.1553L14.4053 16.1924L11.3721 19.2256C10.8803 19.7191 10.8803 20.5173 11.3721 21.0107C11.8656 21.504 12.6658 21.5041 13.1592 21.0107L16.1924 17.9775L19.2334 21.0205C19.481 21.2664 19.8029 21.3916 20.1279 21.3916C20.4513 21.3916 20.7746 21.2664 21.0205 21.0205C21.514 20.527 21.514 19.7269 21.0205 19.2334L17.9775 16.1924L21.0107 13.1572C21.5041 12.6638 21.504 11.8639 21.0107 11.3721C20.5173 10.8786 19.7191 10.8786 19.2256 11.3721L16.1904 14.4053L13.1553 11.3701Z",
+          fill: "var(--icon-status-negative)"
+        }
+      )
+    ]
+  }
+), ne = B((n, o) => {
+  const { class: s, type: a = "text", ...t } = n;
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      ...t,
+      ref: o,
+      type: a,
+      class: N("IncodeInput", s)
+    }
+  );
+}), x = B(
+  ({
+    id: n,
+    label: o,
+    "aria-label": s,
+    type: a,
+    error: t,
+    showErrorIcon: d,
+    helper: r,
+    showHelperIcon: C,
+    closeButton: l,
+    required: u,
+    suppressMessages: m = !1,
+    class: f,
+    value: c,
+    ...g
+  }, w) => {
+    const i = `${n}-helper`, h = `${n}-error`, I = m ? "" : [r ? i : null, t ? h : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { class: N("IncodeInputComposed", f), children: [
+      o && /* @__PURE__ */ e(
+        "label",
+        {
+          class: "IncodeInputComposedLabel",
+          htmlFor: n,
+          "data-testid": `${n}-label`,
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e("div", { class: "IncodeInputComposedWrapper", children: [
+        /* @__PURE__ */ e(
+          ne,
+          {
+            id: n,
+            type: a,
+            ...g,
+            ref: w,
+            required: u,
+            "data-has-value": !!(c && String(c).length > 0),
+            ...!o && s ? { "aria-label": s } : {},
+            "aria-describedby": I || void 0,
+            "aria-required": u ? "true" : void 0,
+            "aria-invalid": t ? "true" : void 0,
+            value: c
+          }
+        ),
+        l?.show && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Clear",
+            class: "IncodeInputComposedClearButton",
+            onClick: l.onClose,
+            "data-testid": `${n}-clear`,
+            children: /* @__PURE__ */ e(te, {})
+          }
+        )
+      ] }),
+      !m && t && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeInputComposedErrorWrapper",
+          "data-testid": `${n}-error-wrapper`,
+          children: [
+            d && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(T, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: h, class: "IncodeInputComposedError", children: t })
+          ]
+        }
+      ),
+      !m && r && !t && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeInputComposedHelperWrapper",
+          "data-testid": `${n}-helper-wrapper`,
+          children: [
+            C && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e($, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: i, class: "IncodeInputComposedHelper", children: r })
+          ]
+        }
+      )
+    ] });
+  }
+), re = ({
+  curp: n,
+  isValid: o,
+  onCurpChange: s,
+  onVerify: a,
+  onSwitchToGenerate: t,
+  disabled: d = !1,
+  placeholder: r,
+  continueLabel: C,
+  dontHaveLabel: l
+}) => {
+  const { t: u } = G(), m = r ?? u("curp.placeholder.curp") ?? "CURP", f = C ?? u("curp.continue") ?? "Continue", c = l ?? u("curp.dontHave") ?? "I don't have my CURP", g = u("curp.placeholder.curp") ?? "CURP";
+  return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpInput", children: [
+    /* @__PURE__ */ e(
+      x,
+      {
+        id: "curp-input",
+        label: "",
+        value: n,
+        onInput: (i) => {
+          const h = i.target;
+          s(h.value.toUpperCase());
+        },
+        placeholder: m,
+        disabled: d,
+        maxLength: 18,
+        "aria-label": g
+      }
+    ),
+    /* @__PURE__ */ e(L, {}),
+    /* @__PURE__ */ e(
+      E,
+      {
+        type: "button",
+        onClick: a,
+        disabled: !o || d,
+        "data-testid": "curp-verify",
+        children: f
+      }
+    ),
+    /* @__PURE__ */ e(
+      E,
+      {
+        type: "button",
+        onClick: t,
+        disabled: d,
+        "data-testid": "curp-switch-to-generate",
+        class: "IncodeCurpInputDontHaveButton",
+        children: c
+      }
+    )
+  ] });
+}, O = B(
+  ({
+    id: n,
+    label: o,
+    value: s,
+    onInput: a,
+    min: t,
+    max: d,
+    placeholder: r = "mm/dd/yyyy",
+    error: C,
+    showErrorIcon: l,
+    helper: u,
+    showHelperIcon: m,
+    suppressMessages: f = !1,
+    disabled: c,
+    required: g,
+    class: w,
+    "data-testid": i,
+    ...h
+  }, I) => {
+    const b = U(null), V = `${n}-helper`, P = `${n}-error`, k = f ? "" : [u ? V : null, C ? P : null].filter(Boolean).join(" "), H = (y) => {
+      b.current = y, typeof I == "function" ? I(y) : I && (I.current = y);
+    }, S = (y) => {
+      y.preventDefault();
+      const D = b.current;
+      if (!(!D || c))
+        if (D.focus(), "showPicker" in HTMLInputElement.prototype)
+          try {
+            D.showPicker();
+          } catch {
+            D.click();
+          }
+        else
+          D.click();
+    };
+    return /* @__PURE__ */ e("div", { class: N("IncodeDateInputComposed", w), children: [
+      o && /* @__PURE__ */ e(
+        "label",
+        {
+          class: "IncodeDateInputComposedLabel",
+          htmlFor: n,
+          "data-testid": `${n}-label`,
+          children: [
+            o,
+            g && /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedRequired", children: " *" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedWrapper", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: H,
+            id: n,
+            type: "date",
+            class: "IncodeDateInputComposedInput",
+            value: s,
+            onInput: a,
+            min: t,
+            max: d,
+            placeholder: r,
+            disabled: c,
+            required: g,
+            "data-has-value": !!s,
+            "data-testid": i,
+            "aria-describedby": k || void 0,
+            "aria-required": g ? "true" : void 0,
+            "aria-invalid": C ? "true" : void 0,
+            ...h
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            class: "IncodeDateInputComposedIconButton",
+            onClick: S,
+            onTouchEnd: S,
+            disabled: c,
+            "aria-label": o ?? "Date",
+            tabIndex: -1,
+            children: /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedIcon", children: /* @__PURE__ */ e(ee, {}) })
+          }
+        )
+      ] }),
+      !f && C && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeDateInputComposedErrorWrapper",
+          "data-testid": `${n}-error-wrapper`,
+          children: [
+            l && /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedIconWrapper", children: /* @__PURE__ */ e(T, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: P, class: "IncodeDateInputComposedError", children: C })
+          ]
+        }
+      ),
+      !f && u && !C && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeDateInputComposedHelperWrapper",
+          "data-testid": `${n}-helper-wrapper`,
+          children: [
+            m && /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedIconWrapper", children: /* @__PURE__ */ e($, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: V, class: "IncodeDateInputComposedHelper", children: u })
+          ]
+        }
+      )
+    ] });
+  }
+);
+O.displayName = "DateInputComposed";
+const M = ({
+  id: n,
+  label: o,
+  placeholder: s = "Choose an option",
+  value: a,
+  options: t,
+  onChange: d,
+  error: r,
+  helper: C,
+  showErrorIcon: l,
+  showHelperIcon: u,
+  suppressMessages: m = !1,
+  disabled: f = !1,
+  required: c,
+  class: g,
+  "data-testid": w
+}) => {
+  const [i, h] = F(!1), [I, b] = F(-1), V = U(null), P = U(null), k = t.find((p) => p.value === a), H = `${n}-helper`, S = `${n}-error`, y = m ? "" : [C ? H : null, r ? S : null].filter(Boolean).join(" ");
+  W(() => {
+    const p = (v) => {
+      V.current && !V.current.contains(v.target) && h(!1);
+    };
+    return i && document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+  }, [i]), W(() => {
+    i || b(-1);
+  }, [i]), W(() => {
+    i && I >= 0 && P.current && P.current.children[I]?.scrollIntoView({ block: "nearest" });
+  }, [I, i]);
+  const D = (p) => {
+    if (!f)
+      switch (p.key) {
+        case "ArrowDown":
+          p.preventDefault(), i ? b(
+            (v) => v < t.length - 1 ? v + 1 : v
+          ) : (h(!0), b(0));
+          break;
+        case "ArrowUp":
+          p.preventDefault(), i ? b((v) => v > 0 ? v - 1 : v) : (h(!0), b(t.length - 1));
+          break;
+        case "Enter":
+        case " ":
+          p.preventDefault(), i && I >= 0 && t[I] ? (d(t[I].value), h(!1)) : i || (h(!0), b(0));
+          break;
+        case "Escape":
+          p.preventDefault(), h(!1);
+          break;
+        case "Tab":
+          h(!1);
+          break;
+      }
+  }, Z = (p) => {
+    d(p), h(!1);
+  };
+  return /* @__PURE__ */ e("div", { class: N("IncodeDropdownComposed", g), ref: V, children: [
+    o && /* @__PURE__ */ e(
+      "label",
+      {
+        class: "IncodeDropdownComposedLabel",
+        htmlFor: n,
+        "data-testid": `${n}-label`,
+        children: [
+          o,
+          c && /* @__PURE__ */ e("span", { class: "IncodeDropdownComposedRequired", children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedWrapper", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          id: n,
+          class: "IncodeDropdownComposedTrigger",
+          onClick: () => !f && h((p) => !p),
+          onKeyDown: D,
+          disabled: f,
+          "aria-haspopup": "listbox",
+          "aria-expanded": i ? "true" : "false",
+          "aria-label": o ?? s,
+          "aria-describedby": y || void 0,
+          "aria-required": c ? "true" : void 0,
+          "aria-invalid": r ? "true" : void 0,
+          "data-testid": w,
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                class: k ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
+                children: k ? k.label : s
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                class: "IncodeDropdownComposedTriggerIcon",
+                "aria-hidden": "true",
+                "data-open": i,
+                children: /* @__PURE__ */ e(_, {})
+              }
+            )
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ e(
+        "div",
+        {
+          ref: P,
+          class: "IncodeDropdownComposedList",
+          role: "listbox",
+          "aria-label": o ?? s,
+          children: t.map((p, v) => /* @__PURE__ */ e(
+            "div",
+            {
+              role: "option",
+              "aria-selected": a === p.value ? "true" : "false",
+              class: "IncodeDropdownComposedOption",
+              "data-highlighted": I === v,
+              onClick: () => Z(p.value),
+              onMouseDown: (A) => A.preventDefault(),
+              onMouseEnter: () => b(v),
+              children: p.label
+            },
+            p.value
+          ))
+        }
+      )
+    ] }),
+    !m && r && /* @__PURE__ */ e(
+      "div",
+      {
+        class: "IncodeDropdownComposedErrorWrapper",
+        "data-testid": `${n}-error-wrapper`,
+        children: [
+          l && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(T, { size: 17 }) }),
+          /* @__PURE__ */ e("p", { id: S, class: "IncodeDropdownComposedError", children: r })
+        ]
+      }
+    ),
+    !m && C && !r && /* @__PURE__ */ e(
+      "div",
+      {
+        class: "IncodeDropdownComposedHelperWrapper",
+        "data-testid": `${n}-helper-wrapper`,
+        children: [
+          u && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e($, { size: 17 }) }),
+          /* @__PURE__ */ e("p", { id: H, class: "IncodeDropdownComposedHelper", children: C })
+        ]
+      }
+    )
+  ] });
+}, ae = ({
+  form: n,
+  isValid: o,
+  onFormChange: s,
+  onGenerate: a,
+  disabled: t = !1,
+  labels: d
+}) => {
+  const { t: r } = G(), l = { ...{
+    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"
+  }, ...d }, u = (c) => (g) => {
+    const w = g.target;
+    s({ [c]: w.value });
+  }, m = [
+    { value: "H", label: l.male },
+    { value: "M", label: l.female },
+    { value: "X", label: l.other }
+  ], f = q.map((c) => ({
+    value: c.value,
+    label: c.label
+  }));
+  return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeGenerateCurpForm", children: [
+    /* @__PURE__ */ e(
+      x,
+      {
+        id: "curp-first-name",
+        label: l.firstName,
+        value: n.name,
+        onInput: u("name"),
+        placeholder: l.firstName,
+        disabled: t,
+        autoComplete: "given-name"
+      }
+    ),
+    /* @__PURE__ */ e(
+      x,
+      {
+        id: "curp-first-last",
+        label: l.firstLast,
+        value: n.firstLastName,
+        onInput: u("firstLastName"),
+        placeholder: l.firstLast,
+        disabled: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      x,
+      {
+        id: "curp-second-last",
+        label: l.secondLast,
+        value: n.secondLastName,
+        onInput: u("secondLastName"),
+        placeholder: l.secondLast,
+        disabled: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      M,
+      {
+        id: "curp-gender",
+        label: l.gender,
+        placeholder: l.genderPlaceholder,
+        value: n.gender,
+        options: m,
+        disabled: t,
+        onChange: (c) => s({ gender: c }),
+        "data-testid": "curp-gender"
+      }
+    ),
+    /* @__PURE__ */ e(
+      O,
+      {
+        id: "curp-birth-date",
+        label: l.dob,
+        value: n.birthDate,
+        onInput: u("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(
+      M,
+      {
+        id: "curp-birth-state",
+        label: l.birthState,
+        placeholder: l.statePlaceholder,
+        value: n.birthState,
+        options: f,
+        disabled: t,
+        onChange: (c) => s({ birthState: c }),
+        "data-testid": "curp-birth-state"
+      }
+    ),
+    /* @__PURE__ */ e(
+      E,
+      {
+        type: "button",
+        onClick: a,
+        disabled: !o || t,
+        "data-testid": "curp-generate",
+        children: l.generate
+      }
+    )
+  ] });
+}, oe = ({
+  config: n,
+  onFinish: o,
+  onError: s
+}) => {
+  const { t: a } = G(), [t, d] = Y(() => {
+    if (!n)
+      throw new Error("CURP validation config is required");
+    return K({ config: n });
+  });
+  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(R, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpLoading", children: /* @__PURE__ */ e(J, { title: r, fullScreen: !1 }) }) });
+  }
+  if (t.status === "enterCurp")
+    return /* @__PURE__ */ e(
+      R,
+      {
+        className: "IncodeCurpValidationPage",
+        title: a("curp.enterCurp") ?? "Enter your CURP",
+        children: /* @__PURE__ */ e(
+          re,
+          {
+            curp: t.curp,
+            isValid: t.isValid,
+            onCurpChange: (r) => d.setCurp(r),
+            onVerify: () => d.verify(),
+            onSwitchToGenerate: () => d.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(
+      R,
+      {
+        className: "IncodeCurpValidationPage",
+        title: a("curp.generate") ?? "Generate your CURP",
+        children: /* @__PURE__ */ e(
+          ae,
+          {
+            form: t.form,
+            isValid: t.isValid,
+            onFormChange: (r) => d.setGenerateForm(r),
+            onGenerate: () => d.generate()
+          }
+        )
+      }
+    );
+  if (t.status === "confirmCurp")
+    return /* @__PURE__ */ e(
+      R,
+      {
+        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(L, {}),
+          /* @__PURE__ */ e(
+            E,
+            {
+              type: "button",
+              onClick: () => d.confirmGenerated(),
+              "data-testid": "curp-confirm",
+              children: a("curp.continue") ?? "Continue"
+            }
+          )
+        ] })
+      }
+    );
+  if (t.status === "success")
+    return /* @__PURE__ */ e(R, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpSuccess", children: [
+      /* @__PURE__ */ e($, { size: 32 }),
+      /* @__PURE__ */ e(L, { 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, C = t.status === "failure" ? a("curp.status.notVerified") ?? "Not verified" : a("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
+    return /* @__PURE__ */ e(R, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpFailure", children: [
+      /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(T, { size: 32 }),
+      /* @__PURE__ */ e(L, { size: 16 }),
+      /* @__PURE__ */ e("h2", { class: "IncodeCurpFailureTitle", children: C }),
+      t.status === "generateError" && r && /* @__PURE__ */ e(z, { children: [
+        /* @__PURE__ */ e(L, { size: 12 }),
+        /* @__PURE__ */ e("p", { class: "IncodeCurpFailureHint", children: a("curp.status.checkInfo") ?? "Please check your information" })
+      ] }),
+      /* @__PURE__ */ e(L, {}),
+      r && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
+        E,
+        {
+          type: "button",
+          onClick: () => d.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" ? (o?.(), null) : (t.status === "closed" && s?.(void 0), null);
+}, le = ({
+  config: n,
+  onFinish: o,
+  onError: s
+}) => /* @__PURE__ */ e(Q, { children: n ? /* @__PURE__ */ e(
+  oe,
+  {
+    config: n,
+    onFinish: o,
+    onError: s
+  }
+) : null });
+j(le, "incode-curp-validation");
+export {
+  le as CurpValidation
+};