@alfadocs/ui-kit 1.53.0 → 1.54.1

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

@@ -0,0 +1,748 @@
+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