@alfadocs/ui-kit 1.73.2 → 1.74.0

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

@@ -1,819 +0,0 @@
-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-9kEwDza3.js";
-import { B as Pe } from "./button-DohK_Ak_.js";
-import { C as _r } from "./card-BA4Ig_kn.js";
-import { C as ke } from "./checkbox-BjDv-r3o.js";
-import { D as ye } from "./dev-bypass-button-B7ePcJcg.js";
-import { E as Be } from "./error-summary-mGxIyDAY.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-O9camxkq.js";
-import { R as De } from "./recaptcha-widget-CsvwlYTE.js";
-import { S as je } from "./select-4S-eYZUf.js";
-import { S as zr } from "./state-backed-text-input-Cgh4ms3p.js";
-import { i as Le } from "./is-development-CLUAnsU7.js";
-import { u as Hr } from "./use-state-backed-input-DhRQo6gM.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-BGSVMAga.js.map