@alfadocs/ui-kit-debug 1.112.2 → 1.113.0

package/dist/_chunks/verify-identity-types-C85EXNzy.js

@@ -0,0 +1,707 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useState as f, useRef as w, useEffect as H, useCallback as G, forwardRef as ve, useId as se, useMemo as pe } from "react";
+import { useTranslation as Y } from "react-i18next";
+import { i as ge } from "./isEmail-BfVspSvV.js";
+import { A as S } from "./alert-C4WKViaS.js";
+import { B as q } from "./button-DohK_Ak_.js";
+import { D } from "./dialog-BTjSQjdY.js";
+import { F as ee } from "./form-field-CyHfOVKF.js";
+import { T as oe } from "./text-input-B6iAgCr3.js";
+import { c as ce } from "./index-D2ZczOXr.js";
+import { i as he } from "./safe-href-5dbsfbQn.js";
+import { O as Ie } from "./otp-input-gV1446Dw.js";
+import { P as be } from "./password-input-SJGHFdOO.js";
+import { C as xe } from "./circle-check-BN6rz4NV.js";
+function Z() {
+  const [t, n] = f(null), [l, i] = f(0), [y, a] = f(!1), d = w(void 0);
+  H(() => {
+    if (t === null) return;
+    const c = () => {
+      const r = Math.max(0, Math.ceil((t - Date.now()) / 1e3));
+      i(r), r === 0 && (n(null), a(!0));
+    };
+    return c(), d.current = window.setInterval(c, 1e3), () => window.clearInterval(d.current);
+  }, [t]);
+  const I = G((c) => {
+    const r = Math.max(0, Math.ceil(c));
+    if (a(!1), r === 0) {
+      n(null), i(0);
+      return;
+    }
+    i(r), n(Date.now() + r * 1e3);
+  }, []), p = G(() => {
+    n(null), i(0), a(!1);
+  }, []);
+  return { remaining: l, finished: y, start: I, stop: p };
+}
+function we(t) {
+  const n = Math.floor(t / 60), l = t % 60;
+  return `${n}:${String(l).padStart(2, "0")}`;
+}
+const fe = (t) => t.status === "error" ? { kind: "error", message: t.message } : { kind: t.status };
+async function re(t, n) {
+  if (!t) return n;
+  try {
+    return await t();
+  } catch {
+    return n;
+  }
+}
+const ae = { status: "error" };
+function ue() {
+  const t = w(!0);
+  return H(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), t;
+}
+function me(t = !1) {
+  const { t: n } = Y("ui");
+  return (l, i) => {
+    if (l) {
+      if (l.message) return l.message;
+      switch (l.kind) {
+        case "invalid":
+          return n(t ? "verifyIdentity.password.invalid" : "verifyIdentity.invalidCode");
+        case "expired":
+          return n("verifyIdentity.expiredCode");
+        case "rate-limited":
+          return n("verifyIdentity.verifyRateLimited", { seconds: i });
+        default:
+          return n("verifyIdentity.genericError");
+      }
+    }
+  };
+}
+function Ee({
+  verify: t,
+  onDone: n,
+  onBusyChange: l
+}) {
+  const { t: i } = Y("ui"), y = ue(), a = w(null), [d, I] = f(!1), [p, c] = f(null), r = Z(), g = me(!0), M = (p == null ? void 0 : p.kind) === "rate-limited" && r.remaining > 0;
+  return H(() => {
+    r.finished && c(null);
+  }, [r.finished]), /* @__PURE__ */ m(
+    "form",
+    {
+      noValidate: !0,
+      onSubmit: async (h) => {
+        var k, b, T;
+        h.preventDefault();
+        const V = ((k = a.current) == null ? void 0 : k.value) ?? "";
+        if (d || M) return;
+        if (V === "") {
+          c({
+            kind: "invalid",
+            message: i("verifyIdentity.password.required")
+          }), (b = a.current) == null || b.focus();
+          return;
+        }
+        I(!0), l(!0), c(null);
+        const E = await re(() => t(V), ae);
+        if (y.current) {
+          if (I(!1), l(!1), E.status === "ok") {
+            n();
+            return;
+          }
+          a.current && (a.current.value = ""), E.status === "rate-limited" && r.start(E.waitSeconds), c(fe(E)), (T = a.current) == null || T.focus();
+        }
+      },
+      "aria-busy": d || void 0,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ e(
+          ee,
+          {
+            label: i("verifyIdentity.password.label"),
+            required: !0,
+            error: g(p, r.remaining),
+            children: /* @__PURE__ */ e(
+              be,
+              {
+                ref: a,
+                name: "password",
+                autoComplete: "current-password",
+                disabled: d
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            type: "submit",
+            intent: "primary",
+            size: "lg",
+            loading: d,
+            "aria-disabled": M || void 0,
+            "data-action": "verify",
+            className: "ds:self-start",
+            children: i("verifyIdentity.continue")
+          }
+        )
+      ]
+    }
+  );
+}
+const Ne = 30;
+function ne({
+  kind: t,
+  codeLength: n,
+  send: l,
+  verify: i,
+  onDone: y,
+  onBusyChange: a
+}) {
+  const { t: d } = Y("ui"), I = ue(), p = w(null), c = t !== "authenticator", [r, g] = f(c ? "sending" : "ready"), [M, L] = f(), [h, V] = f(!c), [E, k] = f(""), [b, T] = f(!1), [R, F] = f(null), s = Z(), v = Z(), o = Z(), x = me(), N = G(() => {
+    var u, A;
+    (A = (u = p.current) == null ? void 0 : u.querySelector("input")) == null || A.focus();
+  }, []), j = w(0), P = G(async () => {
+    j.current += 1, g("sending"), F(null), k(""), a(!0);
+    const u = await re(l, ae);
+    if (I.current) {
+      if (a(!1), u.status === "sent") {
+        g("ready"), V(!0), s.start(u.resendAfterSeconds ?? Ne), u.expiresInSeconds ? v.start(u.expiresInSeconds) : v.stop();
+        return;
+      }
+      if (u.status === "rate-limited") {
+        g("limited"), s.start(u.waitSeconds);
+        return;
+      }
+      L(u.message), g("failed");
+    }
+  }, [l, a]), B = w(!1);
+  H(() => {
+    !c || B.current || (B.current = !0, P());
+  }, [c, P]);
+  const z = w(r);
+  H(() => {
+    r === "ready" && z.current === "sending" && h && j.current > 1 && N(), z.current = r;
+  }, [r, h, N]);
+  const C = (R == null ? void 0 : R.kind) === "rate-limited" && o.remaining > 0;
+  H(() => {
+    o.finished && F(null);
+  }, [o.finished]);
+  const te = v.finished && !R, J = R ?? (te ? { kind: "expired" } : null), O = async (u) => {
+    if (b || C || u.length !== n) return;
+    T(!0), a(!0), F(null);
+    const A = await re(() => i(u), ae);
+    if (I.current) {
+      if (T(!1), a(!1), A.status === "ok") {
+        y();
+        return;
+      }
+      A.status === "rate-limited" && o.start(A.waitSeconds), F(fe(A)), k(""), window.setTimeout(N, 0);
+    }
+  }, $ = s.remaining > 0, _ = h, U = c && r !== "sending";
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: p,
+      "data-slot": "code-step",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "status",
+            className: "type-body-sm ds:text-[var(--muted-foreground)]",
+            children: r === "sending" ? d("verifyIdentity.sending") : null
+          }
+        ),
+        r === "failed" && /* @__PURE__ */ e(S, { variant: "error", "data-slot": "send-failed", children: /* @__PURE__ */ e(S.Description, { children: M ?? d("verifyIdentity.sendFailed") }) }),
+        r === "limited" && /* @__PURE__ */ e(S, { variant: "warning", "data-slot": "send-limited", children: /* @__PURE__ */ e(S.Description, { children: s.remaining > 0 ? d("verifyIdentity.sendRateLimited", {
+          seconds: s.remaining
+        }) : d("verifyIdentity.sendRateLimitedOver") }) }),
+        _ && /* @__PURE__ */ e(
+          ee,
+          {
+            label: d("verifyIdentity.codeLabel"),
+            error: x(J, o.remaining),
+            children: /* @__PURE__ */ e(
+              Ie,
+              {
+                length: n,
+                mode: "numeric",
+                webOtp: t === "sms",
+                value: E,
+                onChange: k,
+                onComplete: (u) => void O(u),
+                disabled: b
+              }
+            )
+          }
+        ),
+        _ && v.remaining > 0 && /* @__PURE__ */ e(
+          "p",
+          {
+            className: "type-body-sm ds:text-[var(--muted-foreground)]",
+            "data-slot": "expiry",
+            children: d("verifyIdentity.expiresIn", {
+              time: we(v.remaining)
+            })
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          _ && /* @__PURE__ */ e(
+            q,
+            {
+              type: "button",
+              intent: "primary",
+              size: "lg",
+              loading: b,
+              "aria-disabled": E.length !== n || C || void 0,
+              "data-action": "verify",
+              onClick: () => void O(E),
+              children: d("verifyIdentity.verify")
+            }
+          ),
+          U && /* @__PURE__ */ e(
+            q,
+            {
+              type: "button",
+              intent: _ ? "outline" : "primary",
+              size: "lg",
+              disabled: b,
+              "aria-disabled": $ || void 0,
+              "data-action": r === "failed" ? "retry-send" : "resend-code",
+              onClick: () => {
+                $ || P();
+              },
+              children: $ ? d("verifyIdentity.resendIn", { seconds: s.remaining }) : d(r === "failed" ? "verifyIdentity.tryAgain" : "verifyIdentity.resend")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Ce = ce(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:text-start ds:text-[var(--foreground)]"
+), De = ce(
+  "type-h4 ds:m-0 ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]"
+), le = { 2: "h2", 3: "h3", 4: "h4" };
+function ke({
+  steps: t,
+  title: n,
+  description: l,
+  headingLevel: i = 2,
+  maskedPhone: y,
+  maskedEmail: a,
+  codeLength: d = 6,
+  missingMobile: I = !1,
+  onSetUpMobile: p,
+  setUpMobileHref: c,
+  onVerified: r,
+  onCancel: g,
+  hideHeader: M = !1,
+  onVerifyPassword: L,
+  onVerifyAuthenticator: h,
+  onSendSmsCode: V,
+  onVerifySmsCode: E,
+  onSendEmailCode: k,
+  onVerifyEmailCode: b,
+  className: T,
+  forwardedRef: R,
+  ...F
+}) {
+  const { t: s } = Y("ui"), v = se(), o = se(), [x, N] = f(0), [j, P] = f(!1), B = w(null), z = typeof x == "number" ? x : t.length - 1, C = t[z], te = I ? "missing-factor" : x === "verified" ? "verified" : C ?? "empty", J = w(!0);
+  H(() => {
+    var X;
+    if (J.current) {
+      J.current = !1;
+      return;
+    }
+    (X = B.current) == null || X.focus();
+  }, [x]);
+  const O = G((X) => P(X), []), $ = G(() => {
+    P(!1), z + 1 < t.length ? N(z + 1) : (N("verified"), r());
+  }, [z, t.length, r]), _ = y, U = a, u = pe(
+    () => ({
+      password: {
+        title: s("verifyIdentity.password.title"),
+        description: s("verifyIdentity.password.description")
+      },
+      authenticator: {
+        title: s("verifyIdentity.authenticator.title"),
+        description: s("verifyIdentity.authenticator.description")
+      },
+      sms: {
+        title: s("verifyIdentity.sms.title"),
+        description: _ ? s("verifyIdentity.sms.description", { phone: _ }) : s("verifyIdentity.sms.descriptionNoPhone")
+      },
+      email: {
+        title: s("verifyIdentity.email.title"),
+        description: U ? s("verifyIdentity.email.description", { email: U }) : s("verifyIdentity.email.descriptionNoEmail")
+      }
+    }),
+    [s, _, U]
+  ), A = le[i], ye = le[i + 1], ie = c && he(c) ? c : void 0;
+  let K = null, Q, W;
+  return I ? (Q = s("verifyIdentity.missingMobile.title"), W = s("verifyIdentity.missingMobile.description"), K = /* @__PURE__ */ m(
+    "div",
+    {
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      "data-slot": "missing-factor",
+      children: [
+        /* @__PURE__ */ e(S, { variant: "warning", announce: "off", children: /* @__PURE__ */ e(S.Description, { children: s("verifyIdentity.missingMobile.reason") }) }),
+        (p || ie) && (ie ? /* @__PURE__ */ e(
+          q,
+          {
+            asChild: !0,
+            intent: "primary",
+            size: "lg",
+            className: "ds:self-start",
+            children: /* @__PURE__ */ e("a", { href: ie, "data-action": "set-up-mobile", children: s("verifyIdentity.missingMobile.action") })
+          }
+        ) : /* @__PURE__ */ e(
+          q,
+          {
+            type: "button",
+            intent: "primary",
+            size: "lg",
+            "data-action": "set-up-mobile",
+            className: "ds:self-start",
+            onClick: p,
+            children: s("verifyIdentity.missingMobile.action")
+          }
+        ))
+      ]
+    }
+  )) : x === "verified" ? (Q = s("verifyIdentity.verified"), K = /* @__PURE__ */ m("p", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-success ds:m-0", children: [
+    /* @__PURE__ */ e(xe, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+    /* @__PURE__ */ e("span", { children: s("verifyIdentity.verifiedDescription") })
+  ] })) : C && (Q = u[C].title, W = u[C].description, K = /* @__PURE__ */ e("div", { "data-step": C, children: C === "password" ? /* @__PURE__ */ e(
+    Ee,
+    {
+      verify: L,
+      onDone: $,
+      onBusyChange: O
+    }
+  ) : C === "authenticator" ? /* @__PURE__ */ e(
+    ne,
+    {
+      kind: "authenticator",
+      codeLength: d,
+      verify: h,
+      onDone: $,
+      onBusyChange: O
+    }
+  ) : C === "sms" ? /* @__PURE__ */ e(
+    ne,
+    {
+      kind: "sms",
+      codeLength: d,
+      send: V,
+      verify: E,
+      onDone: $,
+      onBusyChange: O
+    }
+  ) : /* @__PURE__ */ e(
+    ne,
+    {
+      kind: "email",
+      codeLength: d,
+      send: k,
+      verify: b,
+      onDone: $,
+      onBusyChange: O
+    }
+  ) }, `${C}-${z}`)), /* @__PURE__ */ m(
+    "div",
+    {
+      ref: R,
+      ...F,
+      "data-component": "verify-identity",
+      "data-state": te,
+      "data-step-index": I ? void 0 : z,
+      "data-step-count": t.length,
+      "data-submitting": j ? "true" : "false",
+      className: Ce({ className: T }),
+      children: [
+        !M && /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ e(A, { id: v, className: "type-h3 ds:m-0", children: n ?? s("verifyIdentity.title") }),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]", children: l ?? s("verifyIdentity.description") })
+        ] }),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            role: "group",
+            "aria-labelledby": o,
+            className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+            children: [
+              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                t.length > 1 && !I && x !== "verified" && /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+                    "data-slot": "progress",
+                    children: s("verifyIdentity.progress", {
+                      current: z + 1,
+                      total: t.length
+                    })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  ye,
+                  {
+                    ref: B,
+                    id: o,
+                    tabIndex: -1,
+                    className: De(),
+                    children: Q
+                  }
+                ),
+                W && /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]", children: W })
+              ] }),
+              K
+            ]
+          }
+        ),
+        g && x !== "verified" && /* @__PURE__ */ e(
+          q,
+          {
+            type: "button",
+            intent: "ghost",
+            "data-action": "cancel",
+            className: "ds:self-start",
+            onClick: g,
+            children: s("verifyIdentity.cancel")
+          }
+        )
+      ]
+    }
+  );
+}
+const de = ve(
+  (t, n) => (
+    // A new list of steps starts the flow again.
+    /* @__PURE__ */ e(
+      ke,
+      {
+        ...t,
+        forwardedRef: n
+      },
+      `${t.steps.join(",")}|${t.missingMobile ? "m" : ""}`
+    )
+  )
+);
+de.displayName = "VerifyIdentity";
+function Oe({
+  open: t,
+  onOpenChange: n,
+  title: l,
+  description: i,
+  ...y
+}) {
+  const { t: a } = Y("ui");
+  return /* @__PURE__ */ e(D.Root, { open: t, onOpenChange: n, children: /* @__PURE__ */ m(D.Content, { size: "md", children: [
+    /* @__PURE__ */ m(D.Header, { children: [
+      /* @__PURE__ */ e(D.Title, { children: l ?? a("verifyIdentity.title") }),
+      /* @__PURE__ */ e(D.Description, { children: i ?? a("verifyIdentity.description") })
+    ] }),
+    /* @__PURE__ */ e(D.Body, { children: /* @__PURE__ */ e(
+      de,
+      {
+        ...y,
+        hideHeader: !0,
+        onCancel: () => n(!1)
+      }
+    ) })
+  ] }) });
+}
+const Se = "type-h4 ds:m-0 ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]";
+function Te({
+  onOpenChange: t,
+  onSubmitNewEmail: n,
+  ...l
+}) {
+  const { t: i } = Y("ui"), [y, a] = f("verify"), [d, I] = f(""), [p, c] = f(""), [r, g] = f({}), [M, L] = f(), [h, V] = f(!1), E = w(null), k = w(null), b = w(null), T = w(null), R = se(), F = w(!0);
+  return H(() => (F.current = !0, () => {
+    F.current = !1;
+  }), []), H(() => {
+    var v, o;
+    y === "new-email" && ((v = E.current) == null || v.focus()), y === "done" && ((o = k.current) == null || o.focus());
+  }, [y]), y === "verify" ? /* @__PURE__ */ e(
+    de,
+    {
+      ...l,
+      hideHeader: !0,
+      onCancel: () => t(!1),
+      onVerified: () => a("new-email")
+    }
+  ) : y === "done" ? /* @__PURE__ */ m(
+    "div",
+    {
+      "data-component": "change-email-dialog",
+      "data-state": "done",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ m(
+          S,
+          {
+            ref: k,
+            variant: "success",
+            tabIndex: -1,
+            "aria-labelledby": R,
+            children: [
+              /* @__PURE__ */ e(S.Title, { as: "h3", id: R, children: i("verifyIdentity.changeEmail.doneTitle") }),
+              /* @__PURE__ */ e(S.Description, { children: i("verifyIdentity.changeEmail.doneDescription") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            type: "button",
+            intent: "primary",
+            size: "lg",
+            "data-action": "close",
+            className: "ds:self-start",
+            onClick: () => t(!1),
+            children: i("verifyIdentity.changeEmail.close")
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ m(
+    "form",
+    {
+      noValidate: !0,
+      onSubmit: async (v) => {
+        var j, P, B;
+        if (v.preventDefault(), h) return;
+        const o = {}, x = d.trim();
+        if (x === "" ? o.email = i("verifyIdentity.changeEmail.required") : ge(x) ? p.trim() !== x && (o.again = i("verifyIdentity.changeEmail.mismatch")) : o.email = i("inputs.email.invalid"), g(o), L(void 0), o.email || o.again) {
+          (j = (o.email ? b : T).current) == null || j.focus();
+          return;
+        }
+        V(!0);
+        let N;
+        try {
+          N = await n(x);
+        } catch {
+          N = { status: "error" };
+        }
+        if (F.current) {
+          if (V(!1), N.status === "ok") {
+            a("done");
+            return;
+          }
+          N.status === "already-in-use" ? (g({ email: i("verifyIdentity.changeEmail.alreadyInUse") }), (P = b.current) == null || P.focus()) : N.status === "invalid" ? (g({ email: i("verifyIdentity.changeEmail.invalid") }), (B = b.current) == null || B.focus()) : L(N.message ?? i("verifyIdentity.genericError"));
+        }
+      },
+      "aria-busy": h || void 0,
+      "data-component": "change-email-dialog",
+      "data-state": "new-email",
+      "data-submitting": h ? "true" : "false",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ e("h3", { ref: E, tabIndex: -1, className: Se, children: i("verifyIdentity.changeEmail.newTitle") }),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]", children: i("verifyIdentity.changeEmail.newDescription") })
+        ] }),
+        M && /* @__PURE__ */ e(S, { variant: "error", children: /* @__PURE__ */ e(S.Description, { children: M }) }),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            label: i("verifyIdentity.changeEmail.newLabel"),
+            required: !0,
+            error: r.email,
+            children: /* @__PURE__ */ e(
+              oe,
+              {
+                ref: b,
+                type: "email",
+                inputMode: "email",
+                name: "newEmail",
+                autoComplete: "off",
+                value: d,
+                disabled: h,
+                onChange: (v) => {
+                  I(v.target.value), g((o) => ({ ...o, email: void 0 }));
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            label: i("verifyIdentity.changeEmail.confirmLabel"),
+            required: !0,
+            error: r.again,
+            children: /* @__PURE__ */ e(
+              oe,
+              {
+                ref: T,
+                type: "email",
+                inputMode: "email",
+                name: "newEmailConfirm",
+                autoComplete: "off",
+                value: p,
+                disabled: h,
+                onChange: (v) => {
+                  c(v.target.value), g((o) => ({ ...o, again: void 0 }));
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e(
+            q,
+            {
+              type: "submit",
+              intent: "primary",
+              size: "lg",
+              loading: h,
+              "data-action": "submit",
+              children: i("verifyIdentity.changeEmail.submit")
+            }
+          ),
+          /* @__PURE__ */ e(
+            q,
+            {
+              type: "button",
+              intent: "ghost",
+              size: "lg",
+              disabled: h,
+              "data-action": "cancel",
+              onClick: () => t(!1),
+              children: i("verifyIdentity.cancel")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Ye({
+  open: t,
+  onOpenChange: n,
+  title: l,
+  description: i,
+  ...y
+}) {
+  const { t: a } = Y("ui");
+  return /* @__PURE__ */ e(D.Root, { open: t, onOpenChange: n, children: /* @__PURE__ */ m(D.Content, { size: "md", children: [
+    /* @__PURE__ */ m(D.Header, { children: [
+      /* @__PURE__ */ e(D.Title, { children: l ?? a("verifyIdentity.changeEmail.title") }),
+      /* @__PURE__ */ e(D.Description, { children: i ?? a("verifyIdentity.changeEmail.description") })
+    ] }),
+    /* @__PURE__ */ e(D.Body, { children: /* @__PURE__ */ e(Te, { onOpenChange: n, ...y }) })
+  ] }) });
+}
+const Ge = [
+  "password",
+  "authenticator",
+  "sms",
+  "email"
+];
+export {
+  Ye as C,
+  Ge as V,
+  de as a,
+  Oe as b
+};
+//# sourceMappingURL=verify-identity-types-C85EXNzy.js.map