@alfadocs/ui-kit 1.54.3 → 1.56.0

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

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