@alfadocs/ui-kit-debug 1.78.0 → 1.80.0

package/dist/_chunks/registration-form-CNBfUduG.js

@@ -0,0 +1,1337 @@
+import { jsx as n, jsxs as g, Fragment as Ae } from "react/jsx-runtime";
+import { useState as v, useRef as L, useEffect as E, useCallback as be, forwardRef as yn, useId as Ne, useMemo as Fn, Fragment as xn } from "react";
+import { useTranslation as fe, Trans as Lr } from "react-i18next";
+import { c as ne } from "./index-D2ZczOXr.js";
+import { parsePhoneNumberFromString as Sn } from "libphonenumber-js/min";
+import { i as tr, E as Ar } from "./email-input-C7THAwh2.js";
+import { A as le } from "./alert-9kEwDza3.js";
+import { B as K } from "./button-DohK_Ak_.js";
+import { C as Pr } from "./card-BA4Ig_kn.js";
+import { C as En } from "./checkbox-BjDv-r3o.js";
+import { D as kn } from "./dev-bypass-button-B7ePcJcg.js";
+import { E as In } from "./error-summary-mGxIyDAY.js";
+import { F as W } from "./form-field-CyHfOVKF.js";
+import { L as qr } from "./list-CNnn7DOD.js";
+import { P as Tr } from "./password-input-BokZ_rnT.js";
+import { u as Rn } from "./use-password-requirements-C8DdwPEy.js";
+import { P as Ln } from "./phone-input-C3NrD-nl.js";
+import { R as An } from "./recaptcha-widget-iglUBIF3.js";
+import { S as Pn } from "./select-4S-eYZUf.js";
+import { S as Dr } from "./state-backed-text-input-Cgh4ms3p.js";
+import { i as Zr } from "./is-development-CLUAnsU7.js";
+import { u as Br } from "./use-state-backed-input-DhRQo6gM.js";
+import { a as Vr, i as qn } from "./safe-href-5dbsfbQn.js";
+import { u as Or } from "./use-field-match-C8ug3sdQ.js";
+import { B as Tn } from "./brand-mark-DLk9kD8g.js";
+import { u as Dn, b as Bn, a as On } from "./use-registration-submit-CLGHxwoT.js";
+import { O as Mn } from "./otp-input-BgEZi0py.js";
+import { C as _n } from "./circle-check-BN6rz4NV.js";
+import { P as en } from "./pencil-B1sKKyuT.js";
+import { L as jn } from "./log-in-OQUEoGhX.js";
+import { K as Hn } from "./key-round-DIgsnJSg.js";
+import { C as $n } from "./check-DrFSN__t.js";
+import { C as zn } from "./circle-alert-rGDZ73Wh.js";
+const Un = [
+  "invalid",
+  "expired",
+  "rate_limited",
+  "error"
+], ye = { ok: !1, reason: "error" }, Mr = (s) => typeof s == "number" && Number.isFinite(s) && s >= 0 ? s : void 0;
+function Wn(s) {
+  if (typeof s != "object" || s === null) return null;
+  const r = s;
+  if (typeof r.ok != "boolean") return null;
+  const c = { ok: r.ok };
+  typeof r.message == "string" && (c.message = r.message), Un.includes(r.reason) && (c.reason = r.reason);
+  const t = Mr(r.retryAfterSeconds);
+  t !== void 0 && (c.retryAfterSeconds = t);
+  const d = Mr(r.resendAfterSeconds);
+  return d !== void 0 && (c.resendAfterSeconds = d), typeof r.devCode == "string" && (c.devCode = r.devCode), typeof r.value == "string" && (c.value = r.value), c;
+}
+function Kn(s) {
+  const r = s.headers.get("Retry-After");
+  if (!(!r || !/^\d+$/.test(r.trim())))
+    return Number(r.trim());
+}
+async function _r(s, r) {
+  if (!Vr(s))
+    return Zr() && console.warn(
+      `RegistrationForm: verification URL "${s}" is not a path or an address on this site, so no request was sent.`
+    ), ye;
+  try {
+    const c = await fetch(s, {
+      method: "POST",
+      credentials: "same-origin",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+        "X-Requested-With": "XMLHttpRequest"
+      },
+      body: JSON.stringify(r)
+    }), t = c.status === 429;
+    if (!t && (c.status < 200 || c.status >= 500))
+      return ye;
+    let d = null;
+    try {
+      d = await c.json();
+    } catch {
+      d = null;
+    }
+    const w = Wn(d);
+    if (t) {
+      const m = w ?? { ok: !1 }, i = m.retryAfterSeconds ?? Kn(c) ?? void 0;
+      return {
+        ...m,
+        ok: !1,
+        reason: "rate_limited",
+        ...i !== void 0 ? { retryAfterSeconds: i } : {}
+      };
+    }
+    return w ? c.status >= 400 ? w.ok ? ye : { ...w, reason: w.reason ?? "error" } : w : ye;
+  } catch {
+    return ye;
+  }
+}
+function jr(s) {
+  if ("sendUrl" in s && s.sendUrl !== void 0) {
+    const { sendUrl: r, verifyUrl: c } = s;
+    return {
+      onSendCode: (t) => _r(r, { value: t }),
+      onVerifyCode: (t, d) => _r(c, { value: t, code: d })
+    };
+  }
+  return {
+    onSendCode: s.onSendCode,
+    onVerifyCode: s.onVerifyCode
+  };
+}
+const Hr = 6, Gn = 30, $r = (s) => ({
+  reason: s.reason ?? "error",
+  message: s.message
+});
+function zr({
+  config: s,
+  value: r
+}) {
+  const c = (s == null ? void 0 : s.codeLength) ?? Hr, [t, d] = v("idle"), [w, m] = v(""), [i, b] = v(
+    null
+  ), [se, N] = v(0), [G, k] = v(), [q, M] = v(""), X = L({ config: s, value: r });
+  X.current = { config: s, value: r };
+  const A = L(0), [I] = v(
+    () => (s == null ? void 0 : s.verified) === !0 ? r : null
+  ), [J, _] = v(!1), Y = (s == null ? void 0 : s.verified) === !0 && !J, Q = Y || t === "verified", Z = L(!1);
+  E(() => {
+    var u, C;
+    t === "verified" && !Z.current && (Z.current = !0, (C = (u = X.current.config) == null ? void 0 : u.onVerifiedChange) == null || C.call(u, !0));
+  }, [t]), E(() => {
+    if (se <= 0) return;
+    const u = setTimeout(() => N((C) => C - 1), 1e3);
+    return () => clearTimeout(u);
+  }, [se]);
+  const R = (u, C) => u.trim().toLowerCase() === C.trim().toLowerCase();
+  E(() => {
+    J && I !== null && R(r, I) && _(!1);
+  }, [r]);
+  const y = be(() => {
+    A.current += 1, d((u) => u === "verified" ? u : "idle"), m(""), b(null), k(void 0), M(""), N(0);
+  }, []);
+  E(() => {
+    t !== "verified" && (t === "sent" || t === "verifying" || t === "sending") && r !== q && y();
+  }, [r, q, t, y]);
+  const ae = L(r);
+  E(() => {
+    ae.current !== r && (ae.current = r, t === "idle" && b(null));
+  }, [r, t]);
+  const Pe = be(() => {
+    const { config: u, value: C } = X.current;
+    if (!u) return;
+    const T = A.current += 1;
+    d("sending"), b(null), m(""), M(C), jr(u).onSendCode(C).then(
+      (x) => x,
+      () => ({ ok: !1, reason: "error" })
+    ).then((x) => {
+      if (T === A.current) {
+        if (x.ok) {
+          d("sent"), k(x.devCode), N(x.resendAfterSeconds ?? Gn);
+          return;
+        }
+        d("idle"), M(""), b($r(x)), x.reason === "rate_limited" && x.retryAfterSeconds && N(x.retryAfterSeconds);
+      }
+    });
+  }, []), qe = be(
+    (u) => {
+      const { config: C, value: T } = X.current;
+      if (!C) return;
+      const x = C.codeLength ?? Hr, xe = u ?? w;
+      if (xe.length !== x) return;
+      const Te = A.current += 1;
+      d("verifying"), b(null), jr(C).onVerifyCode(T, xe).then(
+        (D) => D,
+        () => ({ ok: !1, reason: "error" })
+      ).then((D) => {
+        if (Te === A.current) {
+          if (D.ok) {
+            d("verified"), m(""), k(void 0), N(0);
+            return;
+          }
+          d("sent"), m(""), b($r(D)), D.reason === "rate_limited" && D.retryAfterSeconds && N(D.retryAfterSeconds), D.reason === "expired" && N(0);
+        }
+      });
+    },
+    [w]
+  ), F = Y && (s == null ? void 0 : s.allowChange) === !0, ue = be(() => {
+    A.current += 1, _(!0), d("idle"), m(""), b(null), k(void 0), M(""), N(0);
+  }, []), j = be((u) => {
+    m(u), b((C) => C && null);
+  }, []);
+  return {
+    enabled: s !== void 0,
+    status: Y ? "verified" : t,
+    verified: Q,
+    codeLength: c,
+    code: w,
+    setCode: j,
+    failure: i,
+    cooldown: se,
+    devCode: G,
+    sentTo: q,
+    send: Pe,
+    verify: qe,
+    reset: y,
+    changeable: F,
+    unlock: ue
+  };
+}
+function rn(s) {
+  const { t: r } = fe("ui");
+  if (s) {
+    if (s.message) return s.message;
+    switch (s.reason) {
+      case "invalid":
+        return r("registrationForm.verification.invalidCode");
+      case "expired":
+        return r("registrationForm.verification.expiredCode");
+      case "rate_limited":
+        return r("registrationForm.verification.rateLimited");
+      default:
+        return r("registrationForm.verification.sendFailed");
+    }
+  }
+}
+function Ur(s) {
+  const r = rn(s.failure);
+  return s.status === "idle" ? r : void 0;
+}
+function Wr({
+  state: s,
+  canSend: r
+}) {
+  const { t: c } = fe("ui"), t = s.status === "sending";
+  if (s.status !== "idle" && !t) return null;
+  const d = s.cooldown > 0;
+  return /* @__PURE__ */ n(
+    K,
+    {
+      type: "button",
+      intent: "secondary",
+      loading: t,
+      disabled: !r,
+      "aria-disabled": d || void 0,
+      "data-action": "send-code",
+      className: "ds:shrink-0",
+      onClick: () => {
+        d || s.send();
+      },
+      children: t ? c("registrationForm.verification.sendingCode") : d ? c("registrationForm.verification.resendIn", {
+        seconds: s.cooldown
+      }) : c("registrationForm.verification.sendCode")
+    }
+  );
+}
+function Kr({
+  field: s,
+  state: r,
+  canChange: c = !0,
+  changeWhenVerified: t = !1,
+  onUnlocked: d,
+  onVerified: w
+}) {
+  const { t: m } = fe("ui"), i = L(null), b = rn(r.failure), se = r.status === "sent" || r.status === "verifying", N = r.status === "verifying", G = r.code.length === r.codeLength, k = () => {
+    var R, y;
+    return (y = (R = i.current) == null ? void 0 : R.querySelector("input")) == null ? void 0 : y.focus();
+  }, q = L(r.status), M = L(r.failure);
+  E(() => {
+    const R = q.current;
+    q.current = r.status, r.status === "sent" && R === "sending" && k(), r.status === "sent" && R === "verifying" && r.failure && k(), r.status === "verified" && R === "verifying" && w();
+  }, [r.status]), E(() => {
+    r.failure && r.failure !== M.current && r.status === "sent" && k(), M.current = r.failure;
+  }, [r.failure, r.status]);
+  const [X, A] = v(""), I = r.cooldown > 0, J = L(!1);
+  E(() => {
+    I && !J.current ? A(
+      m("registrationForm.verification.resendIn", {
+        seconds: r.cooldown
+      })
+    ) : !I && J.current && A(m("registrationForm.verification.resendCode")), J.current = I;
+  }, [I, m]);
+  const _ = s === "email", Y = _ ? m("registrationForm.verification.codeSentEmail", {
+    value: r.sentTo
+  }) : m("registrationForm.verification.codeSentPhone", {
+    value: r.sentTo
+  }), Q = m(_ ? "registrationForm.verification.changeEmail" : "registrationForm.verification.changePhone"), Z = m(_ ? "registrationForm.verification.verifiedEmail" : "registrationForm.verification.verifiedPhone");
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: i,
+      "data-slot": "verification",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ n("div", { role: "status", className: r.verified ? void 0 : "ds:sr-only", children: r.verified ? /* @__PURE__ */ g("p", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-success", children: [
+          /* @__PURE__ */ n(_n, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ n("span", { children: Z })
+        ] }) : X }),
+        t && r.changeable && /* @__PURE__ */ n(
+          K,
+          {
+            type: "button",
+            intent: "secondary",
+            startIcon: /* @__PURE__ */ n(en, { "aria-hidden": "true" }),
+            "data-action": "change-value",
+            className: "ds:self-start",
+            onClick: () => {
+              r.unlock(), d == null || d();
+            },
+            children: Q
+          }
+        ),
+        se && /* @__PURE__ */ g(Ae, { children: [
+          /* @__PURE__ */ n("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: Y }),
+          r.devCode && /* @__PURE__ */ n(le, { variant: "info", announce: "off", children: /* @__PURE__ */ n(le.Description, { children: m("registrationForm.verification.devCode", {
+            code: r.devCode
+          }) }) }),
+          /* @__PURE__ */ n(
+            W,
+            {
+              label: m("registrationForm.verification.codeLabel"),
+              error: b,
+              children: /* @__PURE__ */ n(
+                Mn,
+                {
+                  length: r.codeLength,
+                  mode: "numeric",
+                  webOtp: s === "phone",
+                  value: r.code,
+                  onChange: r.setCode,
+                  onComplete: (R) => r.verify(R),
+                  disabled: N
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ n(
+              K,
+              {
+                type: "button",
+                intent: "primary",
+                size: "md",
+                loading: N,
+                "aria-disabled": !G || void 0,
+                "data-action": "verify-code",
+                onClick: () => {
+                  G && r.verify();
+                },
+                children: m(N ? "registrationForm.verification.verifying" : "registrationForm.verification.verify")
+              }
+            ),
+            /* @__PURE__ */ n(
+              K,
+              {
+                type: "button",
+                intent: "outline",
+                size: "md",
+                disabled: N,
+                "aria-disabled": I || void 0,
+                "data-action": "resend-code",
+                onClick: () => {
+                  I || r.send();
+                },
+                children: I ? m("registrationForm.verification.resendIn", {
+                  seconds: r.cooldown
+                }) : m("registrationForm.verification.resendCode")
+              }
+            ),
+            c && /* @__PURE__ */ n(
+              K,
+              {
+                type: "button",
+                intent: "link",
+                size: "md",
+                disabled: N,
+                "data-action": "change-value",
+                onClick: r.reset,
+                children: Q
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Xn({
+  field: s,
+  state: r,
+  onUnlocked: c
+}) {
+  const { t } = fe("ui");
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      "data-slot": "change-slot",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+      children: [
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "type-label ds:invisible ds:hidden ds:@[544px]/registration:block",
+            children: " "
+          }
+        ),
+        /* @__PURE__ */ n(
+          K,
+          {
+            type: "button",
+            intent: "secondary",
+            startIcon: /* @__PURE__ */ n(en, { "aria-hidden": "true" }),
+            "data-action": "change-value",
+            className: "ds:self-start",
+            onClick: () => {
+              r.unlock(), c();
+            },
+            children: t(s === "email" ? "registrationForm.verification.changeEmail" : "registrationForm.verification.changePhone")
+          }
+        )
+      ]
+    }
+  );
+}
+const Gr = [
+  "firstName",
+  "lastName",
+  "email",
+  "emailConfirm",
+  "password",
+  "passwordConfirm",
+  "phone",
+  "branch",
+  "terms"
+], Jn = ne(
+  "ds:@container/registration ds:w-full ds:text-start ds:text-[var(--foreground)]"
+), Yn = ne(
+  "ds:grid ds:grid-cols-1 ds:items-start ds:gap-[var(--spacing-md)]",
+  {
+    variants: {
+      columns: {
+        /** A field alone in its row takes the full width. */
+        one: "",
+        /** Two fields side by side once the card is wide enough. */
+        two: "ds:@[544px]/registration:grid-cols-2"
+      }
+    },
+    defaultVariants: { columns: "two" }
+  }
+), Qn = ne("ds:relative ds:flex ds:gap-[var(--spacing-sm)]", {
+  variants: {
+    logo: {
+      /** A centred column under the mark. */
+      true: "ds:flex-col ds:items-center",
+      /** The heading at the start edge, the shortcut at the end. */
+      false: "ds:items-start ds:justify-between"
+    }
+  },
+  defaultVariants: { logo: !0 }
+}), Zn = ne(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      centred: { true: "ds:items-center ds:text-center", false: "" }
+    },
+    defaultVariants: { centred: !0 }
+  }
+), Vn = ne("ds:shrink-0", {
+  variants: {
+    corner: { true: "ds:absolute ds:top-0 ds:end-0", false: "" }
+  },
+  defaultVariants: { corner: !0 }
+}), es = ne(
+  "ds:rounded-[var(--radius-sm)] ds:underline ds:underline-offset-4 ds:text-[var(--foreground)] 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)]",
+  {
+    variants: {
+      weight: { normal: "", strong: "ds:font-semibold" }
+    },
+    defaultVariants: { weight: "normal" }
+  }
+), rs = ne(
+  "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)]"
+), ns = ne(
+  "ds:text-destructive ds:ms-[var(--spacing-xs)]"
+), ss = {
+  minLength: 12,
+  uppercase: !0,
+  lowercase: !0,
+  digit: !0,
+  charset: "ascii"
+}, os = "Alfadocs", ts = /<(terms|privacy)>([\s\S]*?)<\/\1>/, is = /<\/?(?!(?:terms|privacy)\b)[a-z][^>]*>/gi, Fe = (s) => s && qn(s) ? s : void 0, Xr = (s) => Object.values(s).some(Boolean), Jr = (s) => {
+  var r;
+  return ((r = Sn(s)) == null ? void 0 : r.isPossible()) ?? !1;
+};
+function Le({
+  href: s,
+  newTab: r = !1,
+  weight: c,
+  action: t,
+  children: d
+}) {
+  const { t: w } = fe("ui");
+  return /* @__PURE__ */ g(
+    "a",
+    {
+      href: s,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noopener noreferrer" : void 0,
+      "data-action": t,
+      className: es({ weight: c }),
+      children: [
+        d,
+        r && /* @__PURE__ */ n("span", { className: "ds:sr-only", children: w("link.opensInNewTab") })
+      ]
+    }
+  );
+}
+function Yr({ children: s }) {
+  return /* @__PURE__ */ n(Ae, { children: s });
+}
+function Qr(s) {
+  if (s.enabled)
+    return s.verified ? "verified" : s.status === "sent" || s.status === "verifying" ? "sent" : "idle";
+}
+const as = [
+  ["firstName", "lastName"],
+  ["email", "emailConfirm"],
+  ["password", "passwordConfirm"],
+  ["phone", "branch"]
+];
+function ds(s) {
+  const r = [];
+  for (const c of as) {
+    const t = c.filter(s);
+    if (t.length === 0) continue;
+    const d = r[r.length - 1];
+    t.length === 1 && (d == null ? void 0 : d.length) === 1 ? d.push(t[0]) : r.push(t);
+  }
+  return r;
+}
+const cs = yn(
+  ({
+    title: s,
+    description: r,
+    headingLevel: c = 2,
+    showLogo: t = !0,
+    logoMotion: d = "assemble",
+    children: w,
+    fields: m,
+    initialValues: i,
+    errors: b,
+    emailReadOnly: se = !1,
+    emailDescription: N,
+    blockPaste: G,
+    blockCopy: k,
+    branches: q,
+    passwordPolicy: M = ss,
+    termsHref: X,
+    privacyHref: A,
+    termsLabel: I,
+    termsDescription: J,
+    termsLabelText: _,
+    termsDescriptionText: Y,
+    notice: Q,
+    benefits: Z,
+    loginHref: R,
+    existingAccount: y,
+    recaptchaSiteKey: ae,
+    submitLabel: Pe,
+    submitting: qe = !1,
+    devBypass: F,
+    onSubmit: ue,
+    fieldNames: j,
+    action: u,
+    hiddenFields: C,
+    verification: T,
+    requireVerification: x = !0,
+    className: xe,
+    ...Te
+  }, D) => {
+    const { t: p, i18n: ir } = fe("ui"), ar = Ne(), nn = Ne(), B = (e) => `${nn}-${e}`, dr = Ne(), cr = Ne(), mr = Ne(), V = j !== void 0, sn = !!(q && q.length > 0), [De] = v(() => !!(i != null && i.email)), ee = se && De, l = (e) => e === "email" || e === "password" ? !0 : m && !m.includes(e) ? !1 : e === "branch" ? sn : e === "emailConfirm" ? !ee && !he : !0, [a, Be] = v(() => ({
+      firstName: (i == null ? void 0 : i.firstName) ?? "",
+      lastName: (i == null ? void 0 : i.lastName) ?? "",
+      email: (i == null ? void 0 : i.email) ?? "",
+      emailConfirm: (i == null ? void 0 : i.emailConfirm) ?? "",
+      password: "",
+      passwordConfirm: "",
+      phone: (i == null ? void 0 : i.phone) ?? "",
+      branch: (i == null ? void 0 : i.branch) ?? "",
+      terms: (i == null ? void 0 : i.terms) ?? !1
+    })), [Oe, lr] = v(
+      () => Jr((i == null ? void 0 : i.phone) ?? "")
+    ), [on, Me] = v(() => ({
+      email: !!(i != null && i.email)
+    })), [pe, fr] = v(!1), [_e, je] = v(
+      () => b ?? {}
+    ), H = zr({
+      config: T == null ? void 0 : T.email,
+      value: a.email
+    }), oe = zr({
+      config: l("phone") ? T == null ? void 0 : T.phone : void 0,
+      value: a.phone
+    }), he = H.verified, He = oe.verified, Se = Gr.filter(l), ur = !ee && he && H.changeable, $e = x && H.enabled && !he, ze = x && oe.enabled && !He, tn = Ur(H), an = Ur(oe), O = (e, o) => {
+      Be((f) => ({ ...f, [e]: o })), je(
+        (f) => f[e] ? { ...f, [e]: void 0 } : f
+      );
+    }, de = (e) => Me(
+      (o) => o[e] ? o : { ...o, [e]: !0 }
+    ), pr = () => {
+      Be((e) => ({
+        ...e,
+        password: "",
+        passwordConfirm: ""
+      })), Me((e) => ({
+        ...e,
+        password: !1,
+        passwordConfirm: !1
+      }));
+    }, ce = (e) => ({
+      blockPaste: (G == null ? void 0 : G.includes(e)) ?? !1,
+      blockCopy: (k == null ? void 0 : k.includes(e)) ?? !1
+    }), hr = Rn(M), Ue = Or({
+      value: a.email,
+      confirmValue: a.emailConfirm,
+      kind: "email",
+      submitted: pe
+    }), We = Or({
+      value: a.password,
+      confirmValue: a.passwordConfirm,
+      kind: "password",
+      submitted: pe
+    }), gr = {
+      firstName: l("firstName") && a.firstName.trim() === "",
+      lastName: l("lastName") && a.lastName.trim() === "",
+      // The user cannot fix a locked address, so the server judges it.
+      email: !ee && !tr(a.email) || $e,
+      emailConfirm: l("emailConfirm") && (a.emailConfirm === "" || !Ue.matches),
+      password: a.password === "" || !hr.every((e) => e.test(a.password)),
+      passwordConfirm: l("passwordConfirm") && (a.passwordConfirm === "" || !We.matches),
+      phone: l("phone") && (a.phone === "" || !Oe || ze),
+      branch: l("branch") && a.branch === "",
+      terms: l("terms") && !a.terms
+    }, Ke = (e) => pe || e !== "terms" && on[e] === !0, $ = p("registrationForm.required"), z = {
+      firstName: p("registrationForm.firstName"),
+      lastName: p("registrationForm.lastName"),
+      email: p("registrationForm.email"),
+      emailConfirm: p("registrationForm.emailConfirm"),
+      password: p("registrationForm.password"),
+      passwordConfirm: p("registrationForm.passwordConfirm"),
+      phone: p("registrationForm.phone"),
+      branch: p("registrationForm.branch")
+    }, te = (e, o) => Ke(e) && gr[e] ? o : void 0, dn = {
+      firstName: te("firstName", $),
+      lastName: te("lastName", $),
+      email: Ke("email") && !ee && !tr(a.email) ? a.email === "" ? $ : p("inputs.email.invalid") : pe && $e ? p("registrationForm.verification.emailRequired") : void 0,
+      emailConfirm: a.emailConfirm === "" ? te("emailConfirm", $) : Ue.error,
+      password: te(
+        "password",
+        a.password === "" ? $ : p("registrationForm.passwordInvalid")
+      ),
+      passwordConfirm: a.passwordConfirm === "" ? te("passwordConfirm", $) : We.error,
+      phone: Ke("phone") && l("phone") && (a.phone === "" || !Oe) ? a.phone === "" ? $ : p("registrationForm.phoneInvalid") : pe && ze ? p("registrationForm.verification.phoneRequired") : void 0,
+      branch: te("branch", $),
+      terms: te("terms", p("registrationForm.termsRequired"))
+    }, cn = {
+      email: tn,
+      phone: an
+    }, [mn] = v(() => (i == null ? void 0 : i.email) ?? ""), Ge = !!y && De && a.email === mn, ge = Fe(y == null ? void 0 : y.loginHref), ve = Fe(y == null ? void 0 : y.resetPasswordHref), ln = p(
+      ge && ve ? "registrationForm.existingAccount.messageSignInOrReset" : ge ? "registrationForm.existingAccount.messageSignIn" : ve ? "registrationForm.existingAccount.messageReset" : "registrationForm.existingAccount.message"
+    ), P = (e) => e === "email" && Ge ? ln : _e[e] ?? cn[e] ?? dn[e], ie = L({}), U = Fn(() => {
+      const e = (o) => (f) => {
+        ie.current[o] = f;
+      };
+      return {
+        firstName: e("firstName"),
+        lastName: e("lastName"),
+        email: e("email"),
+        emailConfirm: e("emailConfirm"),
+        password: e("password"),
+        passwordConfirm: e("passwordConfirm"),
+        phone: e("phone"),
+        branch: e("branch"),
+        terms: e("terms")
+      };
+    }, []), vr = Br(a.email, U.email), Cr = Br(
+      a.emailConfirm,
+      U.emailConfirm
+    ), wr = L(null), br = (e) => Se.find((o) => e[o]) ?? (Xr(e) ? "form" : void 0), [Nr] = v(
+      () => Se.some((e) => !!(b != null && b[e])) || !!y && De
+    ), S = Dn(Se, P, Nr), [Ee, Xe] = v(() => {
+      const e = Nr ? void 0 : br(b ?? {});
+      return e ? { target: e } : null;
+    });
+    E(() => {
+      var e, o;
+      Ee && (Ee.target === "form" ? (e = wr.current) == null || e.focus() : (o = ie.current[Ee.target]) == null || o.focus());
+    }, [Ee]);
+    const Je = l("phone");
+    E(() => {
+      const e = ie.current.phone;
+      if (!Je || !e) return;
+      const o = () => Me(
+        (f) => f.phone ? f : { ...f, phone: !0 }
+      );
+      return e.addEventListener("blur", o), () => e.removeEventListener("blur", o);
+    }, [Je]);
+    const Ye = L(null), Qe = L(null), [yr, fn] = v(null);
+    E(() => {
+      var e;
+      yr && ((e = Ye.current) == null || e.requestSubmit());
+    }, [yr]);
+    const un = () => {
+      var o;
+      const e = F == null ? void 0 : F.values;
+      if (e) {
+        const f = ee || he ? void 0 : e.email, h = {};
+        l("firstName") && e.firstName !== void 0 && (h.firstName = e.firstName), l("lastName") && e.lastName !== void 0 && (h.lastName = e.lastName), f !== void 0 && (h.email = f), l("emailConfirm") && f !== void 0 && (h.emailConfirm = f), e.password !== void 0 && (h.password = e.password), l("passwordConfirm") && e.password !== void 0 && (h.passwordConfirm = e.password), l("phone") && !He && e.phone !== void 0 && (h.phone = e.phone), l("branch") && e.branch !== void 0 && (h.branch = e.branch), l("terms") && e.terms !== void 0 && (h.terms = e.terms), Be((me) => ({ ...me, ...h })), h.phone !== void 0 && lr(Jr(h.phone)), je((me) => {
+          const we = { ...me };
+          for (const Re of Object.keys(h))
+            we[Re] = void 0;
+          return we;
+        }), F.submit && fn({});
+      }
+      (o = F == null ? void 0 : F.onClick) == null || o.call(F);
+    }, Ce = Bn({
+      errors: b,
+      submitting: qe,
+      native: V,
+      captcha: !!ae,
+      firstProblem: () => Se.find((e) => gr[e]),
+      onRefused: (e) => {
+        fr(!0), S.open(() => Xe({ target: e }));
+      },
+      deliver: (e) => {
+        var f;
+        if (V) {
+          Qe.current && e && (Qe.current.value = e), (f = Ye.current) == null || f.submit();
+          return;
+        }
+        const o = (h) => l(h) ? a[h] : "";
+        ue == null || ue({
+          firstName: o("firstName"),
+          lastName: o("lastName"),
+          email: a.email,
+          emailConfirm: o("emailConfirm"),
+          password: a.password,
+          passwordConfirm: o("passwordConfirm"),
+          phone: o("phone"),
+          branch: o("branch"),
+          terms: l("terms") && a.terms,
+          captchaToken: e
+        });
+      },
+      onAnswer: (e) => {
+        const o = e;
+        je(o), Xr(o) && (pr(), fr(!1), S.open(() => {
+          const f = br(o);
+          f && Xe({ target: f });
+        }));
+      },
+      // The page came back from the browser's cache as it was left:
+      // the passwords must not come back with it.
+      onRestore: pr
+    }), { busy: Ze, captchaFailed: Ve } = Ce;
+    E(() => {
+      Ve && Xe({ target: "form" });
+    }, [Ve]);
+    const re = (e) => V ? j[e] : e, pn = `h${c}`, er = Fe(X), rr = Fe(A), Fr = Fe(R), hn = Ge && (ge || ve) ? /* @__PURE__ */ g(Ae, { children: [
+      ge && /* @__PURE__ */ n(
+        K,
+        {
+          asChild: !0,
+          intent: "secondary",
+          startIcon: /* @__PURE__ */ n(jn, {}),
+          "data-action": "sign-in",
+          children: /* @__PURE__ */ n("a", { href: ge, children: p("loginForm.submit") })
+        }
+      ),
+      ve && /* @__PURE__ */ n(
+        K,
+        {
+          asChild: !0,
+          intent: "secondary",
+          startIcon: /* @__PURE__ */ n(Hn, {}),
+          "data-action": "reset-password",
+          children: /* @__PURE__ */ n("a", { href: ve, children: p("loginForm.forgot") })
+        }
+      )
+    ] }) : void 0, xr = (e) => {
+      const o = e.replace(is, "").split(ts);
+      return o.map((f, h) => {
+        if (h % 3 !== 0) return null;
+        const me = o[h + 1], we = o[h + 2], Re = me === "terms" ? er : rr;
+        return /* @__PURE__ */ g(xn, { children: [
+          f,
+          me === void 0 ? null : Re ? /* @__PURE__ */ n(Le, { href: Re, newTab: !0, children: we }) : we
+        ] }, h);
+      });
+    }, gn = I ?? (_ ? xr(_) : void 0), nr = J ?? (Y ? xr(Y) : void 0), sr = (Z == null ? void 0 : Z.filter(Boolean)) ?? [], vn = !!Q || sr.length > 0 || !!w, Cn = V && u && Vr(u) ? u : void 0, ke = [
+      _e.form,
+      ...Gr.filter((e) => !l(e)).map(
+        (e) => _e[e]
+      ),
+      Ve ? p("inputs.recaptcha.error") : void 0
+    ].filter(Boolean).join(" ") || void 0, wn = On(
+      ke,
+      S.listed.length > 0
+    ), Ie = P("terms"), bn = [
+      nr ? cr : void 0,
+      Ie ? dr : void 0
+    ].filter(Boolean).join(" ") || void 0, Sr = new Set(Object.values(j ?? {})), Er = V ? Object.entries(C ?? {}) : [], or = Er.filter(([e]) => Sr.has(e)).map(([e]) => e).join(", ");
+    E(() => {
+      or && Zr() && console.warn(
+        `RegistrationForm: hiddenFields "${or}" is also named in fieldNames and was left out. The form's own field wins.`
+      );
+    }, [or]);
+    const kr = ee || he, Ir = /* @__PURE__ */ n(
+      Ar,
+      {
+        ref: vr.ref,
+        name: re("email"),
+        errorMessage: null,
+        disableBuiltInValidation: kr,
+        readOnly: kr,
+        onChange: vr.quiet((e) => O("email", e.target.value)),
+        onBlur: () => de("email"),
+        ...ce("email")
+      }
+    ), Rr = /* @__PURE__ */ n(
+      Ln,
+      {
+        ref: U.phone,
+        name: V ? void 0 : "phone",
+        value: a.phone,
+        readOnly: He,
+        onChange: (e, o) => {
+          O("phone", e), lr(o.isPossible);
+        }
+      }
+    ), Nn = (e) => {
+      switch (e) {
+        case "firstName":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.firstName,
+              required: !0,
+              error: P("firstName"),
+              announceError: !S.lists("firstName"),
+              "data-field": "firstName",
+              children: /* @__PURE__ */ n(
+                Dr,
+                {
+                  ref: U.firstName,
+                  name: re("firstName"),
+                  autoComplete: "given-name",
+                  value: a.firstName,
+                  onChange: (o) => O("firstName", o.target.value),
+                  onBlur: () => de("firstName"),
+                  ...ce("firstName")
+                }
+              )
+            },
+            e
+          );
+        case "lastName":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.lastName,
+              required: !0,
+              error: P("lastName"),
+              announceError: !S.lists("lastName"),
+              "data-field": "lastName",
+              children: /* @__PURE__ */ n(
+                Dr,
+                {
+                  ref: U.lastName,
+                  name: re("lastName"),
+                  autoComplete: "family-name",
+                  value: a.lastName,
+                  onChange: (o) => O("lastName", o.target.value),
+                  onBlur: () => de("lastName"),
+                  ...ce("lastName")
+                }
+              )
+            },
+            e
+          );
+        case "email":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.email,
+              required: !ee,
+              description: N,
+              error: P("email"),
+              errorAction: hn,
+              announceError: !S.lists("email"),
+              "data-field": "email",
+              "data-verification": Qr(H),
+              children: H.enabled ? /* @__PURE__ */ g("div", { className: "ds:@container/verify ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-sm)] ds:@[384px]/verify:flex-row", children: [
+                  /* @__PURE__ */ n("div", { className: "ds:min-w-0 ds:w-full ds:@[384px]/verify:w-auto ds:@[384px]/verify:flex-1", children: Ir }),
+                  /* @__PURE__ */ n(
+                    Wr,
+                    {
+                      state: H,
+                      canSend: tr(a.email)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n(
+                  Kr,
+                  {
+                    field: "email",
+                    state: H,
+                    canChange: !ee,
+                    onVerified: () => {
+                      var o;
+                      return (o = ie.current.email) == null ? void 0 : o.focus();
+                    }
+                  }
+                )
+              ] }) : Ir
+            },
+            e
+          );
+        case "emailConfirm":
+          return ur ? /* @__PURE__ */ n(
+            Xn,
+            {
+              field: "email",
+              state: H,
+              onUnlocked: () => {
+                var o;
+                O("emailConfirm", ""), (o = ie.current.email) == null || o.focus();
+              }
+            },
+            e
+          ) : /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.emailConfirm,
+              required: !0,
+              error: P("emailConfirm"),
+              announceError: !S.lists("emailConfirm"),
+              "data-field": "emailConfirm",
+              children: /* @__PURE__ */ n(
+                Ar,
+                {
+                  ref: Cr.ref,
+                  name: re("emailConfirm"),
+                  disableBuiltInValidation: !0,
+                  onChange: Cr.quiet(
+                    (o) => O("emailConfirm", o.target.value)
+                  ),
+                  onBlur: () => {
+                    de("emailConfirm"), Ue.confirmProps.onBlur();
+                  },
+                  ...ce("emailConfirm")
+                }
+              )
+            },
+            e
+          );
+        case "password":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.password,
+              required: !0,
+              error: P("password"),
+              announceError: !S.lists("password"),
+              "data-field": "password",
+              children: /* @__PURE__ */ n(
+                Tr,
+                {
+                  ref: U.password,
+                  name: re("password") ?? "",
+                  autoComplete: "new-password",
+                  requirements: hr,
+                  value: a.password,
+                  onChange: (o) => O("password", o.target.value),
+                  onBlur: () => de("password"),
+                  ...ce("password")
+                }
+              )
+            },
+            e
+          );
+        case "passwordConfirm":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.passwordConfirm,
+              required: !0,
+              error: P("passwordConfirm"),
+              announceError: !S.lists("passwordConfirm"),
+              "data-field": "passwordConfirm",
+              children: /* @__PURE__ */ n(
+                Tr,
+                {
+                  ref: U.passwordConfirm,
+                  name: re("passwordConfirm") ?? "",
+                  autoComplete: "new-password",
+                  value: a.passwordConfirm,
+                  onChange: (o) => O("passwordConfirm", o.target.value),
+                  onBlur: () => {
+                    de("passwordConfirm"), We.confirmProps.onBlur();
+                  },
+                  ...ce("passwordConfirm")
+                }
+              )
+            },
+            e
+          );
+        case "phone":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.phone,
+              required: !0,
+              error: P("phone"),
+              announceError: !S.lists("phone"),
+              "data-field": "phone",
+              "data-verification": Qr(oe),
+              children: oe.enabled ? /* @__PURE__ */ g("div", { className: "ds:@container/verify ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-sm)] ds:@[384px]/verify:flex-row", children: [
+                  /* @__PURE__ */ n("div", { className: "ds:min-w-0 ds:w-full ds:@[384px]/verify:w-auto ds:@[384px]/verify:flex-1", children: Rr }),
+                  /* @__PURE__ */ n(
+                    Wr,
+                    {
+                      state: oe,
+                      canSend: a.phone !== "" && Oe
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n(
+                  Kr,
+                  {
+                    field: "phone",
+                    state: oe,
+                    changeWhenVerified: !0,
+                    onUnlocked: () => {
+                      var o;
+                      return (o = ie.current.phone) == null ? void 0 : o.focus();
+                    },
+                    onVerified: () => {
+                      var o;
+                      return (o = ie.current.phone) == null ? void 0 : o.focus();
+                    }
+                  }
+                )
+              ] }) : Rr
+            },
+            e
+          );
+        case "branch":
+          return /* @__PURE__ */ n(
+            W,
+            {
+              id: B(e),
+              label: z.branch,
+              required: !0,
+              error: P("branch"),
+              announceError: !S.lists("branch"),
+              "data-field": "branch",
+              children: /* @__PURE__ */ n(
+                Pn,
+                {
+                  ref: U.branch,
+                  name: re("branch"),
+                  options: q ?? [],
+                  value: a.branch,
+                  onValueChange: (o) => O("branch", o)
+                }
+              )
+            },
+            e
+          );
+      }
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: D,
+        ...Te,
+        "data-component": "registration-form",
+        className: Jn({ className: xe }),
+        children: /* @__PURE__ */ n(Pr, { variant: "elevated", children: /* @__PURE__ */ g(Pr.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+          /* @__PURE__ */ g("div", { className: Qn({ logo: t }), children: [
+            /* @__PURE__ */ g("div", { className: Zn({ centred: t }), children: [
+              t && /* @__PURE__ */ n(Tn, { motion: d, label: os }),
+              /* @__PURE__ */ n(pn, { id: ar, className: "type-title-card", children: s ?? p("registrationForm.title") }),
+              r && /* @__PURE__ */ n("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: r })
+            ] }),
+            F && (F.values || F.onClick) && /* @__PURE__ */ n("div", { className: Vn({ corner: t }), children: /* @__PURE__ */ n(
+              kn,
+              {
+                label: F.label,
+                onClick: un
+              }
+            ) })
+          ] }),
+          vn ? /* @__PURE__ */ g(
+            "div",
+            {
+              "data-slot": "host-content",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              children: [
+                Q ? /* @__PURE__ */ n(le, { variant: "info", announce: "off", children: /* @__PURE__ */ n(le.Description, { children: Q }) }) : null,
+                sr.length > 0 ? /* @__PURE__ */ n(qr, { density: "compact", children: sr.map((e, o) => /* @__PURE__ */ n(
+                  qr.Item,
+                  {
+                    leading: /* @__PURE__ */ n($n, { "aria-hidden": "true" }),
+                    title: e
+                  },
+                  `${o}-${e}`
+                )) }) : null,
+                w
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ g(
+            "form",
+            {
+              ref: Ye,
+              noValidate: !0,
+              method: "post",
+              action: Cn,
+              "aria-labelledby": ar,
+              "aria-busy": Ze || void 0,
+              onSubmit: Ce.handleSubmit,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              children: [
+                /* @__PURE__ */ n(
+                  In,
+                  {
+                    ref: S.ref,
+                    headingLevel: c + 1,
+                    "aria-describedby": ke ? mr : void 0,
+                    errors: S.listed.map((e) => {
+                      const o = P(e) ?? "";
+                      return {
+                        field: e,
+                        message: o,
+                        // "This field is required." does not say which field:
+                        // the summary names it.
+                        label: o === $ && e !== "terms" ? z[e] : void 0,
+                        targetId: B(e)
+                      };
+                    })
+                  }
+                ),
+                ke && /* @__PURE__ */ n(
+                  le,
+                  {
+                    ref: wr,
+                    id: mr,
+                    variant: "error",
+                    announce: wn,
+                    tabIndex: -1,
+                    "data-field": "form",
+                    className: rs(),
+                    children: /* @__PURE__ */ n(le.Description, { children: ke })
+                  }
+                ),
+                ds(
+                  (e) => e === "emailConfirm" ? l(e) || ur : l(e)
+                ).map((e) => /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: Yn({
+                      columns: e.length === 2 ? "two" : "one"
+                    }),
+                    children: e.map(Nn)
+                  },
+                  e[0]
+                )),
+                V && Je && j.phone && /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "hidden",
+                    name: j.phone,
+                    value: a.phone
+                  }
+                ),
+                V && j.captcha && /* @__PURE__ */ n(
+                  "input",
+                  {
+                    ref: Qe,
+                    type: "hidden",
+                    name: j.captcha,
+                    defaultValue: ""
+                  }
+                ),
+                Er.filter(([e]) => !Sr.has(e)).map(([e, o]) => /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "hidden",
+                    name: e,
+                    value: o
+                  },
+                  e
+                )),
+                l("terms") && /* @__PURE__ */ g(
+                  "div",
+                  {
+                    id: B("terms"),
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+                    "data-field": "terms",
+                    children: [
+                      nr && /* @__PURE__ */ n(
+                        "p",
+                        {
+                          id: cr,
+                          className: "type-body-sm ds:text-[var(--muted-foreground)]",
+                          children: nr
+                        }
+                      ),
+                      /* @__PURE__ */ n(
+                        En,
+                        {
+                          ref: U.terms,
+                          name: re("terms"),
+                          value: "1",
+                          checked: a.terms,
+                          onCheckedChange: (e) => O("terms", e === !0),
+                          "aria-required": "true",
+                          "aria-invalid": Ie ? !0 : void 0,
+                          "aria-describedby": bn,
+                          label: /* @__PURE__ */ g(Ae, { children: [
+                            gn ?? /* @__PURE__ */ n(
+                              Lr,
+                              {
+                                i18n: ir,
+                                ns: "ui",
+                                i18nKey: "registrationForm.terms",
+                                components: {
+                                  terms: er ? /* @__PURE__ */ n(Le, { href: er, newTab: !0 }) : /* @__PURE__ */ n(Yr, {}),
+                                  privacy: rr ? /* @__PURE__ */ n(Le, { href: rr, newTab: !0 }) : /* @__PURE__ */ n(Yr, {})
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ n(
+                              "span",
+                              {
+                                "aria-hidden": "true",
+                                className: ns(),
+                                children: "*"
+                              }
+                            )
+                          ] })
+                        }
+                      ),
+                      Ie && /* @__PURE__ */ g(
+                        "p",
+                        {
+                          id: dr,
+                          role: S.lists("terms") ? void 0 : "alert",
+                          "data-slot": "error",
+                          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+                          children: [
+                            /* @__PURE__ */ n(
+                              zn,
+                              {
+                                "aria-hidden": "true",
+                                className: "ds:size-4 ds:shrink-0"
+                              }
+                            ),
+                            /* @__PURE__ */ n("span", { children: Ie })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  K,
+                  {
+                    type: "submit",
+                    intent: "primary",
+                    size: "lg",
+                    loading: Ze,
+                    className: "ds:w-full",
+                    "data-action": "submit",
+                    "aria-disabled": $e || ze || void 0,
+                    children: Pe ?? p("registrationForm.submit")
+                  }
+                ),
+                /* @__PURE__ */ n("p", { role: "status", className: "ds:sr-only", children: Ze ? p("chat.message.status.sending") : "" }),
+                Fr && !Ge && /* @__PURE__ */ n("p", { className: "type-body-sm ds:text-center ds:text-[var(--muted-foreground)]", children: /* @__PURE__ */ n(
+                  Lr,
+                  {
+                    i18n: ir,
+                    ns: "ui",
+                    i18nKey: "registrationForm.login",
+                    components: {
+                      login: /* @__PURE__ */ n(
+                        Le,
+                        {
+                          href: Fr,
+                          weight: "strong",
+                          action: "login"
+                        }
+                      )
+                    }
+                  }
+                ) }),
+                ae && /* @__PURE__ */ n("div", { className: "ds:absolute", children: /* @__PURE__ */ n(
+                  An,
+                  {
+                    ref: Ce.captcha.ref,
+                    siteKey: ae,
+                    size: "invisible",
+                    announceStatus: !1,
+                    onChange: Ce.captcha.onChange,
+                    onError: Ce.captcha.onError
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }) })
+      }
+    );
+  }
+);
+cs.displayName = "RegistrationForm";
+export {
+  Gr as R,
+  cs as a
+};
+//# sourceMappingURL=registration-form-CNBfUduG.js.map