@alfadocs/ui-kit 1.54.3 → 1.55.0

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

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