@alfadocs/ui-kit 1.54.3 → 1.55.0

package/dist/_chunks/forgot-password-form-DEx-M_QR.js

@@ -0,0 +1,234 @@
+import { jsx as s, jsxs as g, Fragment as go } from "react/jsx-runtime";
+import { forwardRef as po, useId as f, useState as d, useRef as p, useEffect as H } from "react";
+import { useTranslation as vo } from "react-i18next";
+import { c as U } from "./index-D2ZczOXr.js";
+import { i as J, E as Fo } from "./email-input-C7THAwh2.js";
+import { A as P } from "./alert-BhCstf2h.js";
+import { B as ho } from "./button-Bn16lcFM.js";
+import { C as K } from "./card-DMO2nkt4.js";
+import { E as bo } from "./error-summary-BhM8FEkl.js";
+import { F as wo } from "./form-field-Ani72sVY.js";
+import { i as xo } from "./safe-href-5dbsfbQn.js";
+import { u as Eo } from "./use-state-backed-input-C7ESmxKB.js";
+import { u as Io, a as Ao, A as Po, b as yo, E as So, c as Ro, d as To } from "./auth-form-parts-CravOf0L.js";
+import { u as Bo, a as Mo, b as No } from "./use-registration-submit-eWAECgUC.js";
+const Vo = ["email"], Do = U(
+  "ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]"
+), Oo = U(
+  "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)] ds:forced-colors:focus-visible:outline-[CanvasText]"
+), Co = ["email"], ko = { 1: "h2", 2: "h3", 3: "h4" }, qo = (a) => Object.values(a).some(Boolean), Q = (a) => a.email ? "email" : a.form ? "form" : void 0, _o = po(
+  ({
+    title: a,
+    description: X,
+    headingLevel: v = 1,
+    showLogo: Y = !0,
+    logoMotion: Z = "assemble",
+    children: y,
+    initialValues: i,
+    errors: n,
+    sent: r = !1,
+    loginHref: F,
+    submitLabel: $,
+    submitting: V = !1,
+    onSubmit: h,
+    fieldNames: b,
+    action: oo,
+    hiddenFields: so,
+    className: eo,
+    ...to
+  }, ro) => {
+    const { t } = vo("ui"), S = f(), R = f(), T = f(), B = f(), M = f(), u = b !== void 0, [m, w] = d(() => (i == null ? void 0 : i.email) ?? ""), [ao, io] = d(() => !!(i != null && i.email)), [no, N] = d(!1), [c, D] = d(
+      () => n ?? {}
+    ), x = p(null), O = Eo(m, x), C = () => {
+      var e;
+      const o = ((e = x.current) == null ? void 0 : e.value) ?? m;
+      return o !== m && w(o), o;
+    }, lo = !J(m), mo = (no || ao) && lo ? t(m === "" ? "forgotPasswordForm.emailRequired" : "inputs.email.invalid") : void 0, E = c.email ?? mo, k = p(null), q = p(null), [_] = d(() => !!(n != null && n.email)), l = Bo(
+      Co,
+      () => E,
+      _
+    ), co = Mo(
+      c.form,
+      l.listed.length > 0
+    ), [I, j] = d(() => {
+      const o = _ ? void 0 : Q(n ?? {});
+      return o ? { target: o } : null;
+    });
+    H(() => {
+      var o;
+      I && ((o = (I.target === "email" ? x : k).current) == null || o.focus());
+    }, [I]);
+    const L = p(r);
+    H(() => {
+      var o;
+      r && !L.current && ((o = q.current) == null || o.focus()), L.current = r;
+    }, [r]);
+    const G = No({
+      errors: n,
+      submitting: V,
+      native: u,
+      captcha: !1,
+      firstProblem: () => J(C()) ? void 0 : "email",
+      onRefused: () => {
+        N(!0), l.open(() => j({ target: "email" }));
+      },
+      // Only a React host gets here: a native post is the browser's own.
+      deliver: () => h == null ? void 0 : h({ email: C() }),
+      onAnswer: (o) => {
+        const e = o;
+        D(e), qo(e) && (N(!1), l.open(() => {
+          const z = Q(e);
+          z && j({ target: z });
+        }));
+      }
+    }), { busy: A } = G, fo = Io("ForgotPasswordForm", u, oo), W = F && xo(F) ? F : void 0, uo = Ao(
+      "ForgotPasswordForm",
+      u,
+      b,
+      so
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: ro,
+        ...to,
+        "data-component": "forgot-password-form",
+        "data-state": r ? "sent" : "asking",
+        className: Do({ className: eo }),
+        children: /* @__PURE__ */ s(K, { variant: "elevated", children: /* @__PURE__ */ g(K.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+          /* @__PURE__ */ s(
+            Po,
+            {
+              id: S,
+              title: a ?? t("forgotPasswordForm.title"),
+              description: r ? void 0 : X ?? t("forgotPasswordForm.description"),
+              level: v,
+              showLogo: Y,
+              logoMotion: Z
+            }
+          ),
+          y ? /* @__PURE__ */ s(
+            "div",
+            {
+              "data-slot": "host-content",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              children: y
+            }
+          ) : null,
+          r ? (
+            // Named and described, so a screen reader that lands here
+            // reads the whole confirmation, not only "status".
+            /* @__PURE__ */ g(
+              P,
+              {
+                ref: q,
+                variant: "success",
+                tabIndex: -1,
+                "aria-labelledby": R,
+                "aria-describedby": T,
+                "data-slot": "confirmation",
+                className: Oo(),
+                children: [
+                  /* @__PURE__ */ s(
+                    P.Title,
+                    {
+                      id: R,
+                      as: ko[v],
+                      children: t("forgotPasswordForm.sentTitle")
+                    }
+                  ),
+                  /* @__PURE__ */ s(P.Description, { id: T, children: t("forgotPasswordForm.sentDescription") })
+                ]
+              }
+            )
+          ) : /* @__PURE__ */ g(go, { children: [
+            /* @__PURE__ */ g(
+              "form",
+              {
+                noValidate: !0,
+                method: "post",
+                action: fo,
+                "aria-labelledby": S,
+                "aria-busy": A || void 0,
+                onSubmit: G.handleSubmit,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: [
+                  /* @__PURE__ */ s(
+                    bo,
+                    {
+                      ref: l.ref,
+                      headingLevel: v + 1,
+                      "aria-describedby": c.form ? M : void 0,
+                      errors: l.listed.map((o) => ({
+                        field: o,
+                        message: E ?? "",
+                        targetId: B
+                      }))
+                    }
+                  ),
+                  c.form && /* @__PURE__ */ s(
+                    yo,
+                    {
+                      ref: k,
+                      id: M,
+                      announce: co,
+                      children: c.form
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    wo,
+                    {
+                      id: B,
+                      label: t("forgotPasswordForm.email"),
+                      required: !0,
+                      error: E,
+                      announceError: !l.lists("email"),
+                      "data-field": "email",
+                      children: /* @__PURE__ */ s(
+                        Fo,
+                        {
+                          ref: O.ref,
+                          name: u ? b.email : "email",
+                          disableBuiltInValidation: !0,
+                          onChange: O.quiet((o) => {
+                            w(o.target.value), D(
+                              (e) => e.email ? { ...e, email: void 0 } : e
+                            );
+                          }),
+                          onBlur: (o) => {
+                            w(o.target.value), o.target.value !== "" && io(!0);
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ s(So, { fields: uo }),
+                  /* @__PURE__ */ s(
+                    ho,
+                    {
+                      type: "submit",
+                      intent: "primary",
+                      size: "lg",
+                      loading: A,
+                      className: "ds:w-full",
+                      "data-action": "submit",
+                      children: $ ?? t("forgotPasswordForm.submit")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ s(Ro, { busy: A })
+          ] }),
+          W && /* @__PURE__ */ s(To, { href: W, action: "login", children: t("forgotPasswordForm.back") })
+        ] }) })
+      }
+    );
+  }
+);
+_o.displayName = "ForgotPasswordForm";
+export {
+  Vo as F,
+  _o as a
+};
+//# sourceMappingURL=forgot-password-form-DEx-M_QR.js.map

package/dist/_chunks/{form-field-Db0liyI8.js → form-field-Ani72sVY.js}

@@ -1,10 +1,10 @@
-import { jsxs as n, Fragment as K, jsx as s } from "react/jsx-runtime";
-import { forwardRef as Q, useId as X, useState as z, useMemo as D, useRef as T, useCallback as Y } from "react";
-import { c as V } from "./index-D2ZczOXr.js";
-import { useTranslation as Z } from "react-i18next";
-import { F as ee } from "./form-field-context-DtiROUJV.js";
-import { C as se } from "./circle-alert-rGDZ73Wh.js";
-const te = V("ds:text-start", {
+import { jsxs as n, Fragment as Q, jsx as s } from "react/jsx-runtime";
+import { forwardRef as X, useId as Y, useState as z, useMemo as D, useRef as E, useCallback as Z } from "react";
+import { c as T } from "./index-D2ZczOXr.js";
+import { useTranslation as ee } from "react-i18next";
+import { F as se } from "./form-field-context-DtiROUJV.js";
+import { C as te } from "./circle-alert-rGDZ73Wh.js";
+const ne = T("ds:text-start", {
   variants: {
     orientation: {
       vertical: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
@@ -19,7 +19,7 @@ const te = V("ds:text-start", {
     orientation: "vertical",
     disabled: !1
   }
-}), ne = V("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", {
+}), re = T("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", {
   variants: {
     orientation: {
       vertical: "",
@@ -29,38 +29,39 @@ const te = V("ds:text-start", {
   defaultVariants: {
     orientation: "vertical"
   }
-}), oe = Q(
-  ($, j) => {
+}), oe = X(
+  (V, $) => {
     const {
       label: m,
       labelStart: i,
       labelEnd: d,
       description: c,
-      error: o,
+      error: r,
+      announceError: j = !0,
       required: u = !1,
-      optional: E = !1,
+      optional: L = !1,
       orientation: v = "vertical",
       disabled: f = !1,
-      className: L,
-      children: P,
-      ..._
-    } = $, { t: M } = Z("ui"), e = X(), r = `${e}-help`, a = `${e}-error`, q = `${e}-notice`, b = !!o, [N, A] = z(void 0), y = D(
-      () => [c ? r : null, o ? a : null].filter(Boolean).join(" "),
-      [c, o, r, a]
-    ), F = T(null), G = T([]), [U, I] = z(null), C = Y(
+      className: P,
+      children: _,
+      ...M
+    } = V, { t: q } = ee("ui"), e = Y(), o = `${e}-help`, a = `${e}-error`, A = `${e}-notice`, b = !!r, [N, G] = z(void 0), y = D(
+      () => [c ? o : null, r ? a : null].filter(Boolean).join(" "),
+      [c, r, o, a]
+    ), F = E(null), U = E([]), [W, I] = z(null), C = Z(
       (B) => {
-        const l = G.current, k = () => {
+        const l = U.current, k = () => {
           var w;
           const t = (w = F.current) == null ? void 0 : w.getRootNode(), p = (x) => t instanceof Document || t instanceof ShadowRoot ? t.getElementById(x) : null;
           if (l.includes(e) || p(e)) {
             I(null);
             return;
           }
-          const H = [...l].sort((x, J) => {
-            const h = p(x), g = p(J);
+          const J = [...l].sort((x, K) => {
+            const h = p(x), g = p(K);
             return !h || !g || h === g ? 0 : h.compareDocumentPosition(g) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
           });
-          I(H[0] ?? null);
+          I(J[0] ?? null);
         };
         return l.push(B), k(), () => {
           const t = l.indexOf(B);
@@ -68,10 +69,10 @@ const te = V("ds:text-start", {
         };
       },
       [e]
-    ), O = typeof m == "string" ? m : void 0, W = D(
+    ), O = typeof m == "string" ? m : void 0, H = D(
       () => ({
         id: e,
-        helpId: r,
+        helpId: o,
         errorId: a,
         describedBy: y,
         invalid: b,
@@ -79,11 +80,11 @@ const te = V("ds:text-start", {
         disabled: f,
         label: O,
         registerControlId: C,
-        setNotice: A
+        setNotice: G
       }),
       [
         e,
-        r,
+        o,
         a,
         y,
         b,
@@ -92,7 +93,7 @@ const te = V("ds:text-start", {
         O,
         C
       ]
-    ), R = /* @__PURE__ */ n(K, { children: [
+    ), R = /* @__PURE__ */ n(Q, { children: [
       m,
       u && /* @__PURE__ */ s(
         "span",
@@ -102,26 +103,26 @@ const te = V("ds:text-start", {
           children: "*"
         }
       ),
-      E && /* @__PURE__ */ n("span", { className: "ds:text-muted-foreground ds:ms-[var(--spacing-xs)] ds:font-normal", children: [
+      L && /* @__PURE__ */ n("span", { className: "ds:text-muted-foreground ds:ms-[var(--spacing-xs)] ds:font-normal", children: [
         "(",
-        M("common.optional", "optional"),
+        q("common.optional", "optional"),
         ")"
       ] })
     ] }), S = !!(i || d);
-    return /* @__PURE__ */ s(ee.Provider, { value: W, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ s(se.Provider, { value: H, children: /* @__PURE__ */ n(
       "div",
       {
-        ref: j,
-        className: te({ orientation: v, disabled: f, className: L }),
+        ref: $,
+        className: ne({ orientation: v, disabled: f, className: P }),
         "data-component": "form-field",
-        ..._,
+        ...M,
         children: [
           /* @__PURE__ */ n(
             "label",
             {
               ref: F,
               id: `${e}-label`,
-              htmlFor: U ?? e,
+              htmlFor: W ?? e,
               className: S ? "type-label ds:text-foreground ds:flex ds:items-start ds:gap-[var(--spacing-xs)]" : "type-label ds:text-foreground",
               children: [
                 i ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:shrink-0 ds:items-center", children: i }) : null,
@@ -132,32 +133,33 @@ const te = V("ds:text-start", {
               ]
             }
           ),
-          /* @__PURE__ */ n("div", { className: ne({ orientation: v }), children: [
-            P,
-            c && /* @__PURE__ */ s("p", { id: r, className: "type-body-sm ds:text-muted-foreground", children: c }),
+          /* @__PURE__ */ n("div", { className: re({ orientation: v }), children: [
+            _,
+            c && /* @__PURE__ */ s("p", { id: o, className: "type-body-sm ds:text-muted-foreground", children: c }),
             N && /* @__PURE__ */ s(
               "p",
               {
-                id: q,
+                id: A,
                 className: "type-body-sm ds:text-muted-foreground",
                 children: N
               }
             ),
-            o && /* @__PURE__ */ n(
+            r && /* @__PURE__ */ n(
               "p",
               {
                 id: a,
-                role: "alert",
+                role: j ? "alert" : void 0,
+                "data-slot": "error",
                 className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
                 children: [
                   /* @__PURE__ */ s(
-                    se,
+                    te,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-4 ds:shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ s("span", { children: o })
+                  /* @__PURE__ */ s("span", { children: r })
                 ]
               }
             )
@@ -171,4 +173,4 @@ oe.displayName = "FormField";
 export {
   oe as F
 };
-//# sourceMappingURL=form-field-Db0liyI8.js.map
+//# sourceMappingURL=form-field-Ani72sVY.js.map

package/dist/_chunks/format-price-BKle6Xwt.js

@@ -0,0 +1,52 @@
+import { n as s } from "./intl-locale-ySteXlDD.js";
+const n = /* @__PURE__ */ new Set([
+  "BIF",
+  "CLP",
+  "DJF",
+  "GNF",
+  "IDR",
+  "JPY",
+  "KMF",
+  "KRW",
+  "MGA",
+  "PYG",
+  "RWF",
+  "UGX",
+  "VND",
+  "VUV",
+  "XAF",
+  "XOF",
+  "XPF"
+]);
+function u(r, o, a) {
+  const t = o.toUpperCase(), e = n.has(t) ? r : r / 100;
+  try {
+    return new Intl.NumberFormat(s(a), {
+      style: "currency",
+      currency: t
+    }).format(e);
+  } catch {
+    return `${n.has(t) ? String(e) : e.toFixed(2)} ${t}`;
+  }
+}
+function F(r, o, a, t) {
+  return r === 0 ? t : u(r, o, a);
+}
+function f(r, o, a, t = {}) {
+  const e = o.toUpperCase(), c = n.has(e) ? r : r / 100;
+  try {
+    return new Intl.NumberFormat(s(a), {
+      style: "currency",
+      currency: e,
+      ...t
+    }).formatToParts(c);
+  } catch {
+    return null;
+  }
+}
+export {
+  u as a,
+  F as b,
+  f
+};
+//# sourceMappingURL=format-price-BKle6Xwt.js.map