@alfadocs/ui-kit 1.54.2 → 1.55.0

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

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