@alfadocs/ui-kit 1.54.3 → 1.55.0

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

@@ -1,759 +0,0 @@
-import { jsx as s, jsxs as F, Fragment as zr } from "react/jsx-runtime";
-import { forwardRef as he, useId as nr, useState as N, useRef as D, useMemo as ge, useEffect as y } from "react";
-import { useTranslation as Hr, Trans as Sr } from "react-i18next";
-import { c as R } from "./index-D2ZczOXr.js";
-import { parsePhoneNumberFromString as ve } from "libphonenumber-js/min";
-import { i as we, E as yr } from "./email-input-DQixfopu.js";
-import { A as Ar } from "./alert-BhCstf2h.js";
-import { B as be } from "./button-CYPx2xFq.js";
-import { C as Br } from "./card-DPmk26CL.js";
-import { C as Ce } from "./checkbox--ndmyokr.js";
-import { D as Ne } from "./dev-bypass-button-Y1s7gPSD.js";
-import { F as x } from "./form-field-Db0liyI8.js";
-import { P as Mr } from "./password-input-6Yl6x1IO.js";
-import { u as xe } from "./use-password-requirements-C8DdwPEy.js";
-import { P as Fe } from "./phone-input-BzeUr49H.js";
-import { R as Re } from "./recaptcha-widget-CsvwlYTE.js";
-import { S as Ie } from "./select-DHPmASkG.js";
-import { T as Dr } from "./text-input-rzLEKhRU.js";
-import { i as qe } from "./is-development-CLUAnsU7.js";
-import { a as Ee, i as Pe } from "./safe-href-5dbsfbQn.js";
-import { u as Tr } from "./use-field-match-pdbEnKvO.js";
-import { u as ke, B as Se } from "./use-registration-submit-DxCWic5_.js";
-import { C as ye } from "./circle-alert-rGDZ73Wh.js";
-const jr = [
-  "firstName",
-  "lastName",
-  "email",
-  "emailConfirm",
-  "password",
-  "passwordConfirm",
-  "phone",
-  "branch",
-  "terms"
-], Ae = R(
-  "ds:@container/registration ds:w-full ds:text-start ds:text-[var(--foreground)]"
-), Be = R(
-  "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" }
-  }
-), Me = R("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 }
-}), De = R(
-  "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 }
-  }
-), Te = R("ds:shrink-0", {
-  variants: {
-    corner: { true: "ds:absolute ds:top-0 ds:end-0", false: "" }
-  },
-  defaultVariants: { corner: !0 }
-}), je = R(
-  "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" }
-  }
-), Le = R(
-  "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)]"
-), Oe = R(
-  "ds:text-destructive ds:ms-[var(--spacing-xs)]"
-), _e = {
-  minLength: 12,
-  uppercase: !0,
-  lowercase: !0,
-  digit: !0,
-  charset: "ascii"
-}, ze = "Alfadocs", ir = (d) => d && Pe(d) ? d : void 0, Lr = (d) => Object.values(d).some(Boolean), Or = (d) => {
-  var c;
-  return ((c = ve(d)) == null ? void 0 : c.isPossible()) ?? !1;
-};
-function mr({
-  href: d,
-  newTab: c = !1,
-  weight: k,
-  action: f,
-  children: v
-}) {
-  const { t: A } = Hr("ui");
-  return /* @__PURE__ */ F(
-    "a",
-    {
-      href: d,
-      target: c ? "_blank" : void 0,
-      rel: c ? "noopener noreferrer" : void 0,
-      "data-action": f,
-      className: je({ weight: k }),
-      children: [
-        v,
-        c && /* @__PURE__ */ s("span", { className: "ds:sr-only", children: A("link.opensInNewTab") })
-      ]
-    }
-  );
-}
-function _r({ children: d }) {
-  return /* @__PURE__ */ s(zr, { children: d });
-}
-const He = [
-  ["firstName", "lastName"],
-  ["email", "emailConfirm"],
-  ["password", "passwordConfirm"],
-  ["phone", "branch"]
-];
-function We(d) {
-  const c = [];
-  for (const k of He) {
-    const f = k.filter(d);
-    if (f.length === 0) continue;
-    const v = c[c.length - 1];
-    f.length === 1 && (v == null ? void 0 : v.length) === 1 ? v.push(f[0]) : c.push(f);
-  }
-  return c;
-}
-const $e = he(
-  ({
-    title: d,
-    description: c,
-    headingLevel: k = 2,
-    showLogo: f = !0,
-    logoMotion: v = "assemble",
-    children: A,
-    fields: dr,
-    initialValues: t,
-    errors: T,
-    emailReadOnly: Wr = !1,
-    emailDescription: $r,
-    blockPaste: j,
-    blockCopy: L,
-    branches: O,
-    passwordPolicy: Gr = _e,
-    termsHref: Kr,
-    privacyHref: Ur,
-    termsLabel: Yr,
-    termsDescription: _,
-    loginHref: Jr,
-    recaptchaSiteKey: z,
-    submitLabel: Qr,
-    submitting: Xr = !1,
-    devBypass: l,
-    onSubmit: H,
-    fieldNames: I,
-    action: W,
-    hiddenFields: Zr,
-    className: Vr,
-    ...re
-  }, ee) => {
-    const { t: i, i18n: cr } = Hr("ui"), lr = nr(), fr = nr(), ur = nr(), w = I !== void 0, se = !!(O && O.length > 0), [oe] = N(() => !!(t != null && t.email)), q = Wr && oe, n = (r) => r === "email" || r === "password" ? !0 : dr && !dr.includes(r) ? !1 : r === "branch" ? se : r === "emailConfirm" ? !q : !0, pr = jr.filter(n), [o, $] = N(() => ({
-      firstName: (t == null ? void 0 : t.firstName) ?? "",
-      lastName: (t == null ? void 0 : t.lastName) ?? "",
-      email: (t == null ? void 0 : t.email) ?? "",
-      emailConfirm: (t == null ? void 0 : t.emailConfirm) ?? "",
-      password: "",
-      passwordConfirm: "",
-      phone: (t == null ? void 0 : t.phone) ?? "",
-      branch: (t == null ? void 0 : t.branch) ?? "",
-      terms: (t == null ? void 0 : t.terms) ?? !1
-    })), [te, hr] = N(
-      () => Or((t == null ? void 0 : t.phone) ?? "")
-    ), [ae, G] = N(() => ({
-      email: !!(t != null && t.email)
-    })), [K, gr] = N(!1), [U, Y] = N(
-      () => T ?? {}
-    ), u = (r, e) => {
-      $((a) => ({ ...a, [r]: e })), Y(
-        (a) => a[r] ? { ...a, [r]: void 0 } : a
-      );
-    }, E = (r) => G(
-      (e) => e[r] ? e : { ...e, [r]: !0 }
-    ), vr = () => {
-      $((r) => ({
-        ...r,
-        password: "",
-        passwordConfirm: ""
-      })), G((r) => ({
-        ...r,
-        password: !1,
-        passwordConfirm: !1
-      }));
-    }, P = (r) => ({
-      blockPaste: (j == null ? void 0 : j.includes(r)) ?? !1,
-      blockCopy: (L == null ? void 0 : L.includes(r)) ?? !1
-    }), wr = xe(Gr), J = Tr({
-      value: o.email,
-      confirmValue: o.emailConfirm,
-      kind: "email",
-      submitted: K
-    }), Q = Tr({
-      value: o.password,
-      confirmValue: o.passwordConfirm,
-      kind: "password",
-      submitted: K
-    }), br = {
-      firstName: n("firstName") && o.firstName.trim() === "",
-      lastName: n("lastName") && o.lastName.trim() === "",
-      // The user cannot fix a locked address, so the server judges it.
-      email: !q && !we(o.email),
-      emailConfirm: n("emailConfirm") && (o.emailConfirm === "" || !J.matches),
-      password: o.password === "" || !wr.every((r) => r.test(o.password)),
-      passwordConfirm: n("passwordConfirm") && (o.passwordConfirm === "" || !Q.matches),
-      phone: n("phone") && (o.phone === "" || !te),
-      branch: n("branch") && o.branch === "",
-      terms: n("terms") && !o.terms
-    }, ne = (r) => K || r !== "terms" && ae[r] === !0, b = i("registrationForm.required"), p = (r, e) => ne(r) && br[r] ? e : void 0, ie = {
-      firstName: p("firstName", b),
-      lastName: p("lastName", b),
-      email: p(
-        "email",
-        o.email === "" ? b : i("inputs.email.invalid")
-      ),
-      emailConfirm: o.emailConfirm === "" ? p("emailConfirm", b) : J.error,
-      password: p(
-        "password",
-        o.password === "" ? b : i("registrationForm.passwordInvalid")
-      ),
-      passwordConfirm: o.passwordConfirm === "" ? p("passwordConfirm", b) : Q.error,
-      phone: p(
-        "phone",
-        o.phone === "" ? b : i("registrationForm.phoneInvalid")
-      ),
-      branch: p("branch", b),
-      terms: p("terms", i("registrationForm.termsRequired"))
-    }, h = (r) => U[r] ?? ie[r], X = D({}), g = ge(() => {
-      const r = (e) => (a) => {
-        X.current[e] = a;
-      };
-      return {
-        firstName: r("firstName"),
-        lastName: r("lastName"),
-        email: r("email"),
-        emailConfirm: r("emailConfirm"),
-        password: r("password"),
-        passwordConfirm: r("passwordConfirm"),
-        phone: r("phone"),
-        branch: r("branch"),
-        terms: r("terms")
-      };
-    }, []), Cr = D(null), Nr = (r) => pr.find((e) => r[e]) ?? (Lr(r) ? "form" : void 0), [B, Z] = N(() => {
-      const r = Nr(T ?? {});
-      return r ? { target: r } : null;
-    });
-    y(() => {
-      var r, e;
-      B && (B.target === "form" ? (r = Cr.current) == null || r.focus() : (e = X.current[B.target]) == null || e.focus());
-    }, [B]);
-    const V = n("phone");
-    y(() => {
-      const r = X.current.phone;
-      if (!V || !r) return;
-      const e = () => G(
-        (a) => a.phone ? a : { ...a, phone: !0 }
-      );
-      return r.addEventListener("blur", e), () => r.removeEventListener("blur", e);
-    }, [V]);
-    const rr = D(null), er = D(null), [xr, me] = N(null);
-    y(() => {
-      var r;
-      xr && ((r = rr.current) == null || r.requestSubmit());
-    }, [xr]);
-    const de = () => {
-      var e;
-      const r = l == null ? void 0 : l.values;
-      if (r) {
-        const a = q ? void 0 : r.email, m = {};
-        n("firstName") && r.firstName !== void 0 && (m.firstName = r.firstName), n("lastName") && r.lastName !== void 0 && (m.lastName = r.lastName), a !== void 0 && (m.email = a), n("emailConfirm") && a !== void 0 && (m.emailConfirm = a), r.password !== void 0 && (m.password = r.password), n("passwordConfirm") && r.password !== void 0 && (m.passwordConfirm = r.password), n("phone") && r.phone !== void 0 && (m.phone = r.phone), n("branch") && r.branch !== void 0 && (m.branch = r.branch), n("terms") && r.terms !== void 0 && (m.terms = r.terms), $((ar) => ({ ...ar, ...m })), m.phone !== void 0 && hr(Or(m.phone)), Y((ar) => {
-          const kr = { ...ar };
-          for (const pe of Object.keys(m))
-            kr[pe] = void 0;
-          return kr;
-        }), l.submit && me({});
-      }
-      (e = l == null ? void 0 : l.onClick) == null || e.call(l);
-    }, S = ke({
-      errors: T,
-      submitting: Xr,
-      native: w,
-      captcha: !!z,
-      firstProblem: () => pr.find((r) => br[r]),
-      onRefused: (r) => {
-        gr(!0), Z({ target: r });
-      },
-      deliver: (r) => {
-        var a;
-        if (w) {
-          er.current && r && (er.current.value = r), (a = rr.current) == null || a.submit();
-          return;
-        }
-        const e = (m) => n(m) ? o[m] : "";
-        H == null || H({
-          firstName: e("firstName"),
-          lastName: e("lastName"),
-          email: o.email,
-          emailConfirm: e("emailConfirm"),
-          password: o.password,
-          passwordConfirm: e("passwordConfirm"),
-          phone: e("phone"),
-          branch: e("branch"),
-          terms: n("terms") && o.terms,
-          captchaToken: r
-        });
-      },
-      onAnswer: (r) => {
-        const e = r;
-        if (Y(e), !Lr(e)) return;
-        vr(), gr(!1);
-        const a = Nr(e);
-        a && Z({ target: a });
-      },
-      // The page came back from the browser's cache as it was left:
-      // the passwords must not come back with it.
-      onRestore: vr
-    }), { busy: sr, captchaFailed: or } = S;
-    y(() => {
-      or && Z({ target: "form" });
-    }, [or]);
-    const C = (r) => w ? I[r] : r, ce = `h${k}`, Fr = ir(Kr), Rr = ir(Ur), Ir = ir(Jr), le = w && W && Ee(W) ? W : void 0, qr = [
-      U.form,
-      ...jr.filter((r) => !n(r)).map(
-        (r) => U[r]
-      ),
-      or ? i("inputs.recaptcha.error") : void 0
-    ].filter(Boolean).join(" ") || void 0, M = h("terms"), fe = [
-      _ ? ur : void 0,
-      M ? fr : void 0
-    ].filter(Boolean).join(" ") || void 0, Er = new Set(Object.values(I ?? {})), Pr = w ? Object.entries(Zr ?? {}) : [], tr = Pr.filter(([r]) => Er.has(r)).map(([r]) => r).join(", ");
-    y(() => {
-      tr && qe() && console.warn(
-        `RegistrationForm: hiddenFields "${tr}" is also named in fieldNames and was left out. The form's own field wins.`
-      );
-    }, [tr]);
-    const ue = (r) => {
-      switch (r) {
-        case "firstName":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.firstName"),
-              required: !0,
-              error: h("firstName"),
-              "data-field": "firstName",
-              children: /* @__PURE__ */ s(
-                Dr,
-                {
-                  ref: g.firstName,
-                  name: C("firstName"),
-                  autoComplete: "given-name",
-                  value: o.firstName,
-                  onChange: (e) => u("firstName", e.target.value),
-                  onBlur: () => E("firstName"),
-                  ...P("firstName")
-                }
-              )
-            },
-            r
-          );
-        case "lastName":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.lastName"),
-              required: !0,
-              error: h("lastName"),
-              "data-field": "lastName",
-              children: /* @__PURE__ */ s(
-                Dr,
-                {
-                  ref: g.lastName,
-                  name: C("lastName"),
-                  autoComplete: "family-name",
-                  value: o.lastName,
-                  onChange: (e) => u("lastName", e.target.value),
-                  onBlur: () => E("lastName"),
-                  ...P("lastName")
-                }
-              )
-            },
-            r
-          );
-        case "email":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.email"),
-              required: !q,
-              description: $r,
-              error: h("email"),
-              "data-field": "email",
-              children: /* @__PURE__ */ s(
-                yr,
-                {
-                  ref: g.email,
-                  name: C("email"),
-                  errorMessage: null,
-                  disableBuiltInValidation: q,
-                  readOnly: q,
-                  value: o.email,
-                  onChange: (e) => u("email", e.target.value),
-                  onBlur: () => E("email"),
-                  ...P("email")
-                }
-              )
-            },
-            r
-          );
-        case "emailConfirm":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.emailConfirm"),
-              required: !0,
-              error: h("emailConfirm"),
-              "data-field": "emailConfirm",
-              children: /* @__PURE__ */ s(
-                yr,
-                {
-                  ref: g.emailConfirm,
-                  name: C("emailConfirm"),
-                  disableBuiltInValidation: !0,
-                  value: o.emailConfirm,
-                  onChange: (e) => u("emailConfirm", e.target.value),
-                  onBlur: () => {
-                    E("emailConfirm"), J.confirmProps.onBlur();
-                  },
-                  ...P("emailConfirm")
-                }
-              )
-            },
-            r
-          );
-        case "password":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.password"),
-              required: !0,
-              error: h("password"),
-              "data-field": "password",
-              children: /* @__PURE__ */ s(
-                Mr,
-                {
-                  ref: g.password,
-                  name: C("password") ?? "",
-                  autoComplete: "new-password",
-                  requirements: wr,
-                  value: o.password,
-                  onChange: (e) => u("password", e.target.value),
-                  onBlur: () => E("password"),
-                  ...P("password")
-                }
-              )
-            },
-            r
-          );
-        case "passwordConfirm":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.passwordConfirm"),
-              required: !0,
-              error: h("passwordConfirm"),
-              "data-field": "passwordConfirm",
-              children: /* @__PURE__ */ s(
-                Mr,
-                {
-                  ref: g.passwordConfirm,
-                  name: C("passwordConfirm") ?? "",
-                  autoComplete: "new-password",
-                  value: o.passwordConfirm,
-                  onChange: (e) => u("passwordConfirm", e.target.value),
-                  onBlur: () => {
-                    E("passwordConfirm"), Q.confirmProps.onBlur();
-                  },
-                  ...P("passwordConfirm")
-                }
-              )
-            },
-            r
-          );
-        case "phone":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.phone"),
-              required: !0,
-              error: h("phone"),
-              "data-field": "phone",
-              children: /* @__PURE__ */ s(
-                Fe,
-                {
-                  ref: g.phone,
-                  name: w ? void 0 : "phone",
-                  value: o.phone,
-                  onChange: (e, a) => {
-                    u("phone", e), hr(a.isPossible);
-                  }
-                }
-              )
-            },
-            r
-          );
-        case "branch":
-          return /* @__PURE__ */ s(
-            x,
-            {
-              label: i("registrationForm.branch"),
-              required: !0,
-              error: h("branch"),
-              "data-field": "branch",
-              children: /* @__PURE__ */ s(
-                Ie,
-                {
-                  ref: g.branch,
-                  name: C("branch"),
-                  options: O ?? [],
-                  value: o.branch,
-                  onValueChange: (e) => u("branch", e)
-                }
-              )
-            },
-            r
-          );
-      }
-    };
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: ee,
-        ...re,
-        "data-component": "registration-form",
-        className: Ae({ className: Vr }),
-        children: /* @__PURE__ */ s(Br, { variant: "elevated", children: /* @__PURE__ */ F(Br.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-          /* @__PURE__ */ F("div", { className: Me({ logo: f }), children: [
-            /* @__PURE__ */ F("div", { className: De({ centred: f }), children: [
-              f && /* @__PURE__ */ s(Se, { motion: v, label: ze }),
-              /* @__PURE__ */ s(ce, { id: lr, className: "type-title-card", children: d ?? i("registrationForm.title") }),
-              c && /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: c })
-            ] }),
-            l && (l.values || l.onClick) && /* @__PURE__ */ s("div", { className: Te({ corner: f }), children: /* @__PURE__ */ s(
-              Ne,
-              {
-                label: l.label,
-                onClick: de
-              }
-            ) })
-          ] }),
-          A ? /* @__PURE__ */ s(
-            "div",
-            {
-              "data-slot": "host-content",
-              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-              children: A
-            }
-          ) : null,
-          /* @__PURE__ */ F(
-            "form",
-            {
-              ref: rr,
-              noValidate: !0,
-              method: "post",
-              action: le,
-              "aria-labelledby": lr,
-              "aria-busy": sr || void 0,
-              onSubmit: S.handleSubmit,
-              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-              children: [
-                qr && /* @__PURE__ */ s(
-                  Ar,
-                  {
-                    ref: Cr,
-                    variant: "error",
-                    tabIndex: -1,
-                    "data-field": "form",
-                    className: Le(),
-                    children: /* @__PURE__ */ s(Ar.Description, { children: qr })
-                  }
-                ),
-                We(n).map((r) => /* @__PURE__ */ s(
-                  "div",
-                  {
-                    className: Be({
-                      columns: r.length === 2 ? "two" : "one"
-                    }),
-                    children: r.map(ue)
-                  },
-                  r[0]
-                )),
-                w && V && I.phone && /* @__PURE__ */ s(
-                  "input",
-                  {
-                    type: "hidden",
-                    name: I.phone,
-                    value: o.phone
-                  }
-                ),
-                w && I.captcha && /* @__PURE__ */ s(
-                  "input",
-                  {
-                    ref: er,
-                    type: "hidden",
-                    name: I.captcha,
-                    defaultValue: ""
-                  }
-                ),
-                Pr.filter(([r]) => !Er.has(r)).map(([r, e]) => /* @__PURE__ */ s(
-                  "input",
-                  {
-                    type: "hidden",
-                    name: r,
-                    value: e
-                  },
-                  r
-                )),
-                n("terms") && /* @__PURE__ */ F(
-                  "div",
-                  {
-                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-                    "data-field": "terms",
-                    children: [
-                      _ && /* @__PURE__ */ s(
-                        "p",
-                        {
-                          id: ur,
-                          className: "type-body-sm ds:text-[var(--muted-foreground)]",
-                          children: _
-                        }
-                      ),
-                      /* @__PURE__ */ s(
-                        Ce,
-                        {
-                          ref: g.terms,
-                          name: C("terms"),
-                          value: "1",
-                          checked: o.terms,
-                          onCheckedChange: (r) => u("terms", r === !0),
-                          "aria-required": "true",
-                          "aria-invalid": M ? !0 : void 0,
-                          "aria-describedby": fe,
-                          label: /* @__PURE__ */ F(zr, { children: [
-                            Yr ?? /* @__PURE__ */ s(
-                              Sr,
-                              {
-                                i18n: cr,
-                                ns: "ui",
-                                i18nKey: "registrationForm.terms",
-                                components: {
-                                  terms: Fr ? /* @__PURE__ */ s(mr, { href: Fr, newTab: !0 }) : /* @__PURE__ */ s(_r, {}),
-                                  privacy: Rr ? /* @__PURE__ */ s(mr, { href: Rr, newTab: !0 }) : /* @__PURE__ */ s(_r, {})
-                                }
-                              }
-                            ),
-                            /* @__PURE__ */ s(
-                              "span",
-                              {
-                                "aria-hidden": "true",
-                                className: Oe(),
-                                children: "*"
-                              }
-                            )
-                          ] })
-                        }
-                      ),
-                      M && /* @__PURE__ */ F(
-                        "p",
-                        {
-                          id: fr,
-                          role: "alert",
-                          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
-                          children: [
-                            /* @__PURE__ */ s(
-                              ye,
-                              {
-                                "aria-hidden": "true",
-                                className: "ds:size-4 ds:shrink-0"
-                              }
-                            ),
-                            /* @__PURE__ */ s("span", { children: M })
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ s(
-                  be,
-                  {
-                    type: "submit",
-                    intent: "primary",
-                    size: "lg",
-                    loading: sr,
-                    className: "ds:w-full",
-                    "data-action": "submit",
-                    children: Qr ?? i("registrationForm.submit")
-                  }
-                ),
-                /* @__PURE__ */ s("p", { role: "status", className: "ds:sr-only", children: sr ? i("chat.message.status.sending") : "" }),
-                Ir && /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-center ds:text-[var(--muted-foreground)]", children: /* @__PURE__ */ s(
-                  Sr,
-                  {
-                    i18n: cr,
-                    ns: "ui",
-                    i18nKey: "registrationForm.login",
-                    components: {
-                      login: /* @__PURE__ */ s(
-                        mr,
-                        {
-                          href: Ir,
-                          weight: "strong",
-                          action: "login"
-                        }
-                      )
-                    }
-                  }
-                ) }),
-                z && /* @__PURE__ */ s("div", { className: "ds:absolute", children: /* @__PURE__ */ s(
-                  Re,
-                  {
-                    ref: S.captcha.ref,
-                    siteKey: z,
-                    size: "invisible",
-                    announceStatus: !1,
-                    onChange: S.captcha.onChange,
-                    onError: S.captcha.onError
-                  }
-                ) })
-              ]
-            }
-          )
-        ] }) })
-      }
-    );
-  }
-);
-$e.displayName = "RegistrationForm";
-export {
-  jr as R,
-  $e as a
-};
-//# sourceMappingURL=registration-form-Lz9iKrKo.js.map