@alfadocs/ui-kit 1.81.0 → 1.83.0

package/dist/_chunks/{link-cell-renderer-Dwp_DCYT.js → link-cell-renderer-C0ynDik7.js}

@@ -5,7 +5,7 @@ import { D as te } from "./date-range-picker-B_j4VQlV.js";
 import { useTranslation as M } from "react-i18next";
 import { C as le } from "./checkbox-BjDv-r3o.js";
 import { B as j } from "./button-DohK_Ak_.js";
-import { M as se } from "./multi-select-IOVnOGlP.js";
+import { M as se } from "./multi-select-i5MFRpXg.js";
 import { S as ie } from "./scroll-area-CY5SLYNw.js";
 import { A as ne } from "./autocomplete-CnB1mHGc.js";
 import { N as D } from "./number-input-CVwI1ltI.js";
@@ -864,4 +864,4 @@ export {
   Ke as g,
   k as h
 };
-//# sourceMappingURL=link-cell-renderer-Dwp_DCYT.js.map
+//# sourceMappingURL=link-cell-renderer-C0ynDik7.js.map

package/dist/_chunks/login-dev-card-DYwbL5sD.js

@@ -0,0 +1,385 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { forwardRef as ge, useId as k, useState as l, useEffect as me, useRef as ce } from "react";
+import { useTranslation as ze } from "react-i18next";
+import { c as B } from "./index-D2ZczOXr.js";
+import { E as Pe, i as Te } from "./email-input-C7THAwh2.js";
+import { B as he } from "./button-DohK_Ak_.js";
+import { C as je } from "./checkbox-BjDv-r3o.js";
+import { C as b } from "./card-BA4Ig_kn.js";
+import { T as De } from "./text-input-CaG9ApoE.js";
+import { E as He } from "./error-summary-mGxIyDAY.js";
+import { F as ue } from "./form-field-CyHfOVKF.js";
+import { P as Oe } from "./password-input-BokZ_rnT.js";
+import { i as $e } from "./is-development-CLUAnsU7.js";
+import { i as ve } from "./safe-href-5dbsfbQn.js";
+import { u as _e, w as Ge } from "./use-state-backed-input-DhRQo6gM.js";
+import { u as We, a as Je, A as Ke, b as Qe, d as _, E as Ue, c as Xe } from "./auth-form-parts-B3GWChvG.js";
+import { u as Ye, b as Ze, a as Ve } from "./use-registration-submit-CLGHxwoT.js";
+import { M as es } from "./matrix-rain-sDOUUwZp.js";
+import { a as ss } from "./error-page-illustration-BdJLuMdV.js";
+const W = ["email", "password"], rs = B(
+  "ds:flex ds:w-full ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:text-start ds:text-[var(--foreground)] ds:lg:flex-row ds:lg:items-stretch"
+), fe = B("ds:w-full ds:max-w-[400px]"), as = B(
+  "ds:flex ds:flex-wrap ds:justify-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-lg)]"
+), G = (a) => a && ve(a) ? a : void 0, ts = (a) => Object.values(a).some(Boolean), os = (a) => W.some((m) => !!a[m]), pe = (a) => W.find((m) => a[m]) ?? (a.form ? "password" : void 0), ns = ge(
+  ({
+    title: a,
+    description: m,
+    headingLevel: w = 1,
+    showLogo: L = !0,
+    logoMotion: R = "assemble",
+    children: x,
+    initialValues: t,
+    allowUsername: F = !1,
+    errors: u,
+    forgotPasswordHref: d,
+    showRememberMe: A = !1,
+    registerDoctorHref: be,
+    registerPatientHref: we,
+    submitLabel: xe,
+    submitting: Fe = !1,
+    onSubmit: N,
+    fieldNames: o,
+    action: ye,
+    hiddenFields: Me,
+    devCard: J,
+    className: Ee,
+    ...Ce
+  }, Ie) => {
+    const { t: n } = ze("ui"), K = k(), S = k(), ke = k(), q = (e) => `${ke}-${e}`, i = o !== void 0, [p, g] = l(() => (t == null ? void 0 : t.email) ?? ""), [y, M] = l(""), [Q, Be] = l(
+      () => (t == null ? void 0 : t.rememberMe) === !0
+    ), z = A || !!(o != null && o.rememberMe), U = i && z && !(o != null && o.rememberMe);
+    me(() => {
+      U && $e() && console.warn(
+        "LoginForm: the remember-me box is shown but `fieldNames.rememberMe` is not set, so the server will not read it."
+      );
+    }, [U]);
+    const [Le, X] = l(() => ({ email: !!(t != null && t.email) })), [Re, Y] = l(!1), [Z, V] = l(
+      () => u ?? {}
+    ), P = (e) => X(
+      (r) => r[e] ? r : { ...r, [e]: !0 }
+    ), T = (e) => V(
+      (r) => r[e] ? { ...r, [e]: void 0 } : r
+    ), E = ce(null), j = ce(null), C = _e(p, E), ee = () => {
+      M(""), X((e) => ({ ...e, password: !1 }));
+    }, se = () => {
+      var v, le;
+      const e = ((v = E.current) == null ? void 0 : v.value) ?? p;
+      e.trim() !== e && Ge(E.current, e.trim());
+      const r = {
+        email: e.trim(),
+        password: ((le = j.current) == null ? void 0 : le.value) ?? y,
+        rememberMe: z && Q
+      };
+      return r.email !== p && g(r.email), r.password !== y && M(r.password), r;
+    }, re = (e) => {
+      const r = e.trim();
+      return r === "" || (!F || /[@\uFF20\uFE6B]/.test(r)) && !Te(r);
+    }, ae = {
+      email: re(p),
+      password: y === ""
+    }, te = (e) => Re || Le[e] === !0, Ae = {
+      email: te("email") && ae.email ? p.trim() === "" ? n("loginForm.emailRequired") : n("inputs.email.invalid") : void 0,
+      password: te("password") && ae.password ? n("loginForm.passwordRequired") : void 0
+    }, I = (e) => Z[e] ?? Ae[e], [oe] = l(
+      () => os(u ?? {})
+    ), c = Ye(
+      W,
+      I,
+      oe
+    ), [D, ne] = l(() => {
+      const e = oe ? void 0 : pe(u ?? {});
+      return e ? { target: e } : null;
+    });
+    me(() => {
+      var e;
+      D && ((e = (D.target === "email" ? E : j).current) == null || e.focus());
+    }, [D]);
+    const de = Ze({
+      errors: u,
+      submitting: Fe,
+      native: i,
+      captcha: !1,
+      firstProblem: () => {
+        const e = se();
+        return re(e.email) ? "email" : e.password === "" ? "password" : void 0;
+      },
+      onRefused: (e) => {
+        Y(!0), c.open(() => ne({ target: e }));
+      },
+      // Only a React host gets here: a native post is the browser's own.
+      deliver: () => N == null ? void 0 : N(se()),
+      onAnswer: (e) => {
+        const r = e;
+        V(r), ts(r) && (ee(), Y(!1), c.open(() => {
+          const v = pe(r);
+          v && ne({ target: v });
+        }));
+      },
+      // The page came back from the browser's cache as it was left: the
+      // password must not come back with it.
+      onRestore: ee
+    }), { busy: H } = de, Ne = We("LoginForm", i, ye), ie = G(d), O = G(be), $ = G(we), Se = Je(
+      "LoginForm",
+      i,
+      o,
+      Me
+    ), h = Z.form, qe = Ve(
+      h,
+      c.listed.length > 0
+    );
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: Ie,
+        ...Ce,
+        "data-component": "login-form",
+        className: rs({ className: Ee }),
+        children: [
+          /* @__PURE__ */ s("div", { className: fe(), children: /* @__PURE__ */ s(b, { variant: "elevated", className: "ds:h-full", children: /* @__PURE__ */ f(b.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+            /* @__PURE__ */ s(
+              Ke,
+              {
+                id: K,
+                title: a ?? n("loginForm.title"),
+                description: m,
+                level: w,
+                showLogo: L,
+                logoMotion: R
+              }
+            ),
+            x ? /* @__PURE__ */ s(
+              "div",
+              {
+                "data-slot": "host-content",
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: x
+              }
+            ) : null,
+            /* @__PURE__ */ f(
+              "form",
+              {
+                noValidate: !0,
+                method: "post",
+                action: Ne,
+                "aria-labelledby": K,
+                "aria-busy": H || void 0,
+                onSubmit: de.handleSubmit,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: [
+                  /* @__PURE__ */ s(
+                    He,
+                    {
+                      ref: c.ref,
+                      headingLevel: w + 1,
+                      "aria-describedby": h ? S : void 0,
+                      errors: c.listed.map((e) => ({
+                        field: e,
+                        message: I(e) ?? "",
+                        targetId: q(e)
+                      }))
+                    }
+                  ),
+                  h && /* @__PURE__ */ s(
+                    Qe,
+                    {
+                      id: S,
+                      announce: qe,
+                      children: h
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    ue,
+                    {
+                      id: q("email"),
+                      label: n("loginForm.email"),
+                      required: !0,
+                      error: I("email"),
+                      announceError: !c.lists("email"),
+                      "data-field": "email",
+                      children: F ? (
+                        // A plain text field: a type="email" field holding a
+                        // username is "invalid" to a screen reader, whatever
+                        // `noValidate` says.
+                        /* @__PURE__ */ s(
+                          De,
+                          {
+                            ref: C.ref,
+                            name: i ? o.email : "email",
+                            type: "text",
+                            inputMode: "email",
+                            autoComplete: "username",
+                            autoCapitalize: "none",
+                            autoCorrect: "off",
+                            spellCheck: !1,
+                            onChange: C.quiet((e) => {
+                              g(e.target.value), T("email");
+                            }),
+                            onBlur: (e) => {
+                              const r = e.target.value.trim();
+                              g(r), r !== "" && P("email");
+                            }
+                          }
+                        )
+                      ) : /* @__PURE__ */ s(
+                        Pe,
+                        {
+                          ref: C.ref,
+                          name: i ? o.email : "email",
+                          autoComplete: "username",
+                          disableBuiltInValidation: !0,
+                          onChange: C.quiet((e) => {
+                            g(e.target.value), T("email");
+                          }),
+                          onBlur: (e) => {
+                            const r = e.target.value.trim();
+                            g(r), r !== "" && P("email");
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    ue,
+                    {
+                      id: q("password"),
+                      label: n("loginForm.password"),
+                      required: !0,
+                      error: I("password"),
+                      announceError: !c.lists("password"),
+                      "data-field": "password",
+                      children: /* @__PURE__ */ s(
+                        Oe,
+                        {
+                          ref: j,
+                          name: i ? o.password : "password",
+                          autoComplete: "current-password",
+                          "aria-describedby": h ? S : void 0,
+                          value: y,
+                          onChange: (e) => {
+                            M(e.target.value), T("password");
+                          },
+                          onBlur: (e) => {
+                            M(e.target.value), e.target.value !== "" && P("password");
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  ie && /* @__PURE__ */ s(
+                    _,
+                    {
+                      href: ie,
+                      action: "forgot-password",
+                      align: "end",
+                      children: n("loginForm.forgot")
+                    }
+                  ),
+                  z && /* @__PURE__ */ s("div", { "data-field": "remember-me", children: /* @__PURE__ */ s(
+                    je,
+                    {
+                      name: i && o.rememberMe || "rememberMe",
+                      checked: Q,
+                      onCheckedChange: (e) => Be(e === !0),
+                      label: n("loginForm.rememberMe")
+                    }
+                  ) }),
+                  /* @__PURE__ */ s(Ue, { fields: Se }),
+                  /* @__PURE__ */ s(
+                    he,
+                    {
+                      type: "submit",
+                      intent: "primary",
+                      size: "lg",
+                      loading: H,
+                      className: "ds:w-full",
+                      "data-action": "submit",
+                      children: xe ?? n("loginForm.submit")
+                    }
+                  )
+                ]
+              }
+            ),
+            (O || $) && /* @__PURE__ */ f(
+              "div",
+              {
+                "data-slot": "register-links",
+                className: as(),
+                children: [
+                  O && /* @__PURE__ */ s(_, { href: O, action: "register-doctor", children: n("signedOutHeader.registerDoctor") }),
+                  $ && /* @__PURE__ */ s(_, { href: $, action: "register-patient", children: n("signedOutHeader.registerPatient") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ s(Xe, { busy: H })
+          ] }) }) }),
+          J ? /* @__PURE__ */ s("div", { className: fe(), children: J }) : null
+        ]
+      }
+    );
+  }
+);
+ns.displayName = "LoginForm";
+const ds = B("ds:h-full ds:w-full"), is = ge(
+  ({ title: a, options: m, headingLevel: w = 2, className: L, ...R }, x) => {
+    const t = k(), F = `h${w}`, u = m.filter((d) => ve(d.href));
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: x,
+        ...R,
+        "data-component": "login-dev-card",
+        className: ds({ className: L }),
+        children: /* @__PURE__ */ f(
+          b,
+          {
+            variant: "elevated",
+            "aria-labelledby": t,
+            className: "ds:relative ds:isolate ds:flex ds:h-full ds:flex-col ds:overflow-hidden",
+            children: [
+              /* @__PURE__ */ s("div", { className: "ds:absolute ds:inset-0 ds:z-0 ds:[display:var(--accessible-off,block)]", children: /* @__PURE__ */ s(
+                es,
+                {
+                  glyphs: "hex",
+                  decay: "fast",
+                  mask: "center",
+                  maskRadius: "xl",
+                  className: "ds:size-full"
+                }
+              ) }),
+              /* @__PURE__ */ s(b.Header, { className: "ds:relative ds:z-[1]", children: /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-center", children: [
+                /* @__PURE__ */ s("div", { className: "ds:[&>div]:w-24", children: /* @__PURE__ */ s(ss, { mood: "melt" }) }),
+                /* @__PURE__ */ s(
+                  F,
+                  {
+                    id: t,
+                    className: "type-title-card ds:text-[var(--foreground)]",
+                    children: a
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ s(b.Body, { className: "ds:relative ds:z-[1] ds:flex ds:flex-1 ds:flex-col ds:justify-center", children: /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: u.map((d, A) => /* @__PURE__ */ s(
+                he,
+                {
+                  asChild: !0,
+                  intent: "primary",
+                  startIcon: d.icon,
+                  className: "ds:min-h-[var(--min-target-size)] ds:w-full",
+                  children: /* @__PURE__ */ s("a", { href: d.href, "data-action": "dev-login", children: d.label })
+                },
+                `${A}:${d.href}`
+              )) }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+is.displayName = "LoginDevCard";
+export {
+  W as L,
+  is as a,
+  ns as b
+};
+//# sourceMappingURL=login-dev-card-DYwbL5sD.js.map