@alfadocs/ui-kit 1.70.0 → 1.71.1

package/dist/_chunks/login-dev-card-vEL-o5wq.js

@@ -1,309 +0,0 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { forwardRef as ls, useId as N, useState as n, useRef as es, useEffect as bs } from "react";
-import { useTranslation as ys } from "react-i18next";
-import { c as j } from "./index-D2ZczOXr.js";
-import { i as as, E as Es } from "./email-input-C7THAwh2.js";
-import { B as ds } from "./button-D-MQxsA_.js";
-import { C as h } from "./card-BA4Ig_kn.js";
-import { E as Ns } from "./error-summary-mGxIyDAY.js";
-import { F as rs } from "./form-field-Ani72sVY.js";
-import { P as Is } from "./password-input-BokZ_rnT.js";
-import { i as is } from "./safe-href-5dbsfbQn.js";
-import { u as Bs } from "./use-state-backed-input-DhRQo6gM.js";
-import { u as Rs, a as Ls, A as As, b as Cs, E as Ms, d as Ss, c as ks } from "./auth-form-parts-B40zvD-a.js";
-import { u as qs, b as zs, a as js } from "./use-registration-submit-eWAECgUC.js";
-import { M as $s } from "./matrix-rain-sDOUUwZp.js";
-import { a as Ds } from "./error-page-illustration-BdJLuMdV.js";
-const $ = ["email", "password"], Ps = j(
-  "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"
-), os = j("ds:w-full ds:max-w-[400px]"), Ts = (r) => Object.values(r).some(Boolean), Os = (r) => $.some((d) => !!r[d]), ts = (r) => $.find((d) => r[d]) ?? (r.form ? "password" : void 0), Hs = ls(
-  ({
-    title: r,
-    description: d,
-    headingLevel: w = 1,
-    showLogo: I = !0,
-    logoMotion: B = "assemble",
-    children: x,
-    initialValues: o,
-    errors: c,
-    forgotPasswordHref: m,
-    submitLabel: t,
-    submitting: R = !1,
-    onSubmit: L,
-    fieldNames: F,
-    action: ns,
-    hiddenFields: cs,
-    devCard: D,
-    className: ms,
-    ...us
-  }, fs) => {
-    const { t: l } = ys("ui"), P = N(), A = N(), ps = N(), C = (s) => `${ps}-${s}`, u = F !== void 0, [f, M] = n(() => (o == null ? void 0 : o.email) ?? ""), [b, y] = n(""), [gs, T] = n(() => ({ email: !!(o != null && o.email) })), [vs, O] = n(!1), [H, _] = n(
-      () => c ?? {}
-    ), G = (s) => T(
-      (a) => a[s] ? a : { ...a, [s]: !0 }
-    ), W = (s) => _(
-      (a) => a[s] ? { ...a, [s]: void 0 } : a
-    ), S = es(null), k = es(null), J = Bs(f, S), K = () => {
-      y(""), T((s) => ({ ...s, password: !1 }));
-    }, Q = () => {
-      var a, g;
-      const s = {
-        email: ((a = S.current) == null ? void 0 : a.value) ?? f,
-        password: ((g = k.current) == null ? void 0 : g.value) ?? b
-      };
-      return s.email !== f && M(s.email), s.password !== b && y(s.password), s;
-    }, U = {
-      email: !as(f),
-      password: b === ""
-    }, X = (s) => vs || gs[s] === !0, hs = {
-      email: X("email") && U.email ? l(f === "" ? "loginForm.emailRequired" : "inputs.email.invalid") : void 0,
-      password: X("password") && U.password ? l("loginForm.passwordRequired") : void 0
-    }, E = (s) => H[s] ?? hs[s], [Y] = n(
-      () => Os(c ?? {})
-    ), i = qs(
-      $,
-      E,
-      Y
-    ), [q, Z] = n(() => {
-      const s = Y ? void 0 : ts(c ?? {});
-      return s ? { target: s } : null;
-    });
-    bs(() => {
-      var s;
-      q && ((s = (q.target === "email" ? S : k).current) == null || s.focus());
-    }, [q]);
-    const V = zs({
-      errors: c,
-      submitting: R,
-      native: u,
-      captcha: !1,
-      firstProblem: () => {
-        const s = Q();
-        return as(s.email) ? s.password === "" ? "password" : void 0 : "email";
-      },
-      onRefused: (s) => {
-        O(!0), i.open(() => Z({ target: s }));
-      },
-      // Only a React host gets here: a native post is the browser's own.
-      deliver: () => L == null ? void 0 : L(Q()),
-      onAnswer: (s) => {
-        const a = s;
-        _(a), Ts(a) && (K(), O(!1), i.open(() => {
-          const g = ts(a);
-          g && Z({ target: g });
-        }));
-      },
-      // The page came back from the browser's cache as it was left: the
-      // password must not come back with it.
-      onRestore: K
-    }), { busy: z } = V, ws = Rs("LoginForm", u, ns), ss = m && is(m) ? m : void 0, xs = Ls(
-      "LoginForm",
-      u,
-      F,
-      cs
-    ), p = H.form, Fs = js(
-      p,
-      i.listed.length > 0
-    );
-    return /* @__PURE__ */ v(
-      "div",
-      {
-        ref: fs,
-        ...us,
-        "data-component": "login-form",
-        className: Ps({ className: ms }),
-        children: [
-          /* @__PURE__ */ e("div", { className: os(), children: /* @__PURE__ */ e(h, { variant: "elevated", className: "ds:h-full", children: /* @__PURE__ */ v(h.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-            /* @__PURE__ */ e(
-              As,
-              {
-                id: P,
-                title: r ?? l("loginForm.title"),
-                description: d,
-                level: w,
-                showLogo: I,
-                logoMotion: B
-              }
-            ),
-            x ? /* @__PURE__ */ e(
-              "div",
-              {
-                "data-slot": "host-content",
-                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-                children: x
-              }
-            ) : null,
-            /* @__PURE__ */ v(
-              "form",
-              {
-                noValidate: !0,
-                method: "post",
-                action: ws,
-                "aria-labelledby": P,
-                "aria-busy": z || void 0,
-                onSubmit: V.handleSubmit,
-                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-                children: [
-                  /* @__PURE__ */ e(
-                    Ns,
-                    {
-                      ref: i.ref,
-                      headingLevel: w + 1,
-                      "aria-describedby": p ? A : void 0,
-                      errors: i.listed.map((s) => ({
-                        field: s,
-                        message: E(s) ?? "",
-                        targetId: C(s)
-                      }))
-                    }
-                  ),
-                  p && /* @__PURE__ */ e(
-                    Cs,
-                    {
-                      id: A,
-                      announce: Fs,
-                      children: p
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    rs,
-                    {
-                      id: C("email"),
-                      label: l("loginForm.email"),
-                      required: !0,
-                      error: E("email"),
-                      announceError: !i.lists("email"),
-                      "data-field": "email",
-                      children: /* @__PURE__ */ e(
-                        Es,
-                        {
-                          ref: J.ref,
-                          name: u ? F.email : "email",
-                          autoComplete: "username",
-                          disableBuiltInValidation: !0,
-                          onChange: J.quiet((s) => {
-                            M(s.target.value), W("email");
-                          }),
-                          onBlur: (s) => {
-                            M(s.target.value), s.target.value !== "" && G("email");
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    rs,
-                    {
-                      id: C("password"),
-                      label: l("loginForm.password"),
-                      required: !0,
-                      error: E("password"),
-                      announceError: !i.lists("password"),
-                      "data-field": "password",
-                      children: /* @__PURE__ */ e(
-                        Is,
-                        {
-                          ref: k,
-                          name: u ? F.password : "password",
-                          autoComplete: "current-password",
-                          "aria-describedby": p ? A : void 0,
-                          value: b,
-                          onChange: (s) => {
-                            y(s.target.value), W("password");
-                          },
-                          onBlur: (s) => {
-                            y(s.target.value), s.target.value !== "" && G("password");
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ e(Ms, { fields: xs }),
-                  /* @__PURE__ */ e(
-                    ds,
-                    {
-                      type: "submit",
-                      intent: "primary",
-                      size: "lg",
-                      loading: z,
-                      className: "ds:w-full",
-                      "data-action": "submit",
-                      children: t ?? l("loginForm.submit")
-                    }
-                  ),
-                  ss && /* @__PURE__ */ e(Ss, { href: ss, action: "forgot-password", children: l("loginForm.forgot") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(ks, { busy: z })
-          ] }) }) }),
-          D ? /* @__PURE__ */ e("div", { className: os(), children: D }) : null
-        ]
-      }
-    );
-  }
-);
-Hs.displayName = "LoginForm";
-const _s = j("ds:h-full ds:w-full"), Gs = ls(
-  ({ title: r, options: d, headingLevel: w = 2, className: I, ...B }, x) => {
-    const o = N(), c = `h${w}`, m = d.filter((t) => is(t.href));
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: x,
-        ...B,
-        "data-component": "login-dev-card",
-        className: _s({ className: I }),
-        children: /* @__PURE__ */ v(
-          h,
-          {
-            variant: "elevated",
-            "aria-labelledby": o,
-            className: "ds:relative ds:isolate ds:flex ds:h-full ds:flex-col ds:overflow-hidden",
-            children: [
-              /* @__PURE__ */ e("div", { className: "ds:absolute ds:inset-0 ds:z-0 ds:[display:var(--accessible-off,block)]", children: /* @__PURE__ */ e(
-                $s,
-                {
-                  glyphs: "hex",
-                  decay: "fast",
-                  mask: "center",
-                  maskRadius: "xl",
-                  className: "ds:size-full"
-                }
-              ) }),
-              /* @__PURE__ */ e(h.Header, { className: "ds:relative ds:z-[1]", children: /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-center", children: [
-                /* @__PURE__ */ e("div", { className: "ds:[&>div]:w-24", children: /* @__PURE__ */ e(Ds, { mood: "melt" }) }),
-                /* @__PURE__ */ e(
-                  c,
-                  {
-                    id: o,
-                    className: "type-title-card ds:text-[var(--foreground)]",
-                    children: r
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ e(h.Body, { className: "ds:relative ds:z-[1] ds:flex ds:flex-1 ds:flex-col ds:justify-center", children: /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: m.map((t, R) => /* @__PURE__ */ e(
-                ds,
-                {
-                  asChild: !0,
-                  intent: "primary",
-                  startIcon: t.icon,
-                  className: "ds:min-h-[var(--min-target-size)] ds:w-full",
-                  children: /* @__PURE__ */ e("a", { href: t.href, "data-action": "dev-login", children: t.label })
-                },
-                `${R}:${t.href}`
-              )) }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Gs.displayName = "LoginDevCard";
-export {
-  $ as L,
-  Gs as a,
-  Hs as b
-};
-//# sourceMappingURL=login-dev-card-vEL-o5wq.js.map