@alfadocs/ui-kit-debug 1.112.2 → 1.113.0

package/dist/_chunks/email-input-DxwbREpx.js

@@ -0,0 +1,156 @@
+import { jsxs as R, jsx as h } from "react/jsx-runtime";
+import { forwardRef as U, useRef as T, useId as W, useState as V, useMemo as g, useEffect as X, useCallback as k } from "react";
+import { useTranslation as Y } from "react-i18next";
+import { i as N } from "./isEmail-BfVspSvV.js";
+import { T as Z } from "./text-input-B6iAgCr3.js";
+import { u as _ } from "./form-field-context-DtiROUJV.js";
+import { c as $ } from "./compose-refs-C0k0tdqF.js";
+import { u as C } from "./registry-DvAUVLHh.js";
+import { C as ee } from "./circle-alert-rGDZ73Wh.js";
+const te = {
+  id: "email-input",
+  capabilities: [],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.emailInput.state.value",
+      description: "The current email address typed into the field.",
+      read: (t) => t.getValue()
+    },
+    isValid: {
+      type: "boolean",
+      descriptionKey: "ui.agent.emailInput.state.isValid",
+      description: "True when the value is non-empty AND parses as a valid email per RFC 5322.",
+      read: (t) => t.isValid()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "email-input",
+      description: 'Marks the EmailInput wrapper. The inline error element carries `role="alert"` when validation fails.'
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop, when provided."
+    }
+  }
+};
+function ie(t) {
+  return t.length === 0 ? !0 : N(t);
+}
+const re = U(
+  ({
+    errorMessage: t,
+    onValidityChange: n,
+    disableBuiltInValidation: A = !1,
+    autoComplete: j = "email",
+    value: a,
+    defaultValue: d,
+    onChange: o,
+    onBlur: l,
+    id: c,
+    "aria-describedby": I,
+    "aria-invalid": x,
+    ...F
+  }, M) => {
+    const { t: S } = Y("ui"), u = _(), p = T(null), H = $(M, p), m = W(), r = a !== void 0, [K, O] = V(() => typeof a == "string" ? a : typeof d == "string" ? d : ""), i = r ? String(a) : K, [f, z] = V(
+      () => i.length > 0
+    ), v = g(
+      () => ie(i),
+      [i]
+    ), D = !A && f && i.length > 0 && !v, y = T(null);
+    X(() => {
+      if (!f) return;
+      const e = i.length > 0 && v;
+      y.current !== e && (y.current = e, n == null || n(e));
+    }, [f, i, v, n]);
+    const P = k(
+      (e) => {
+        r || O(e.target.value), o == null || o(e);
+      },
+      [r, o]
+    ), q = k(
+      (e) => {
+        z(!0), l == null || l(e);
+      },
+      [l]
+    ), B = g(
+      () => ({
+        getValue: () => {
+          var e;
+          return ((e = p.current) == null ? void 0 : e.value) ?? "";
+        },
+        isValid: () => {
+          var w;
+          const e = ((w = p.current) == null ? void 0 : w.value) ?? "";
+          return e.length > 0 && N(e);
+        }
+      }),
+      []
+    );
+    C(te, B, c);
+    const s = D && t !== null && !u.invalid, b = u.describedBy || void 0, G = g(() => {
+      const e = [
+        I,
+        b,
+        s ? m : null
+      ].filter(Boolean);
+      return e.length > 0 ? e.join(" ") : void 0;
+    }, [
+      I,
+      b,
+      s,
+      m
+    ]), E = x === !0 || x === "true", J = s || t === null && E ? "error" : "default", L = s || u.invalid || E || void 0, Q = t !== void 0 ? t : S("inputs.email.invalid", "Enter a valid email address.");
+    return /* @__PURE__ */ R(
+      "div",
+      {
+        "data-component": "email-input",
+        "data-component-id": c,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+        children: [
+          /* @__PURE__ */ h(
+            Z,
+            {
+              ...F,
+              ref: H,
+              id: c,
+              type: "email",
+              inputMode: "email",
+              autoComplete: j,
+              tone: J,
+              value: r ? i : void 0,
+              defaultValue: r ? void 0 : d,
+              onChange: P,
+              onBlur: q,
+              "aria-invalid": L,
+              "aria-describedby": G
+            }
+          ),
+          s ? /* @__PURE__ */ R(
+            "p",
+            {
+              id: m,
+              role: "alert",
+              "data-slot": "email-input-error",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+              children: [
+                /* @__PURE__ */ h(ee, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+                /* @__PURE__ */ h("span", { children: Q })
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+re.displayName = "EmailInput";
+export {
+  re as E,
+  te as e
+};
+//# sourceMappingURL=email-input-DxwbREpx.js.map

package/dist/_chunks/email-input-DxwbREpx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-input-DxwbREpx.js","sources":["../../src/components/email-input/email-input.agent.ts","../../src/components/email-input/email-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — EmailInput.                                            */\n/*                                                                        */\n/* Presentational specialisation of TextInput — no actions of its own.    */\n/* The handle re-exposes the underlying input's value-setter so agents    */\n/* can drive the field through the normal TextInput contract without      */\n/* needing to know it's wrapped. See `src/docs/26-agent-readiness.mdx`    */\n/* for the contract.                                                      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\n/**\n * Curated agent handle for EmailInput. State stays scoped to the visible\n * value + the kit-derived validity flag; never PHI (per PRS §Security).\n */\nexport interface EmailInputHandle {\n  /** Returns the current input value. */\n  getValue: () => string;\n  /** Returns whether the current value parses as a valid email (non-empty + RFC). */\n  isValid: () => boolean;\n}\n\nexport const emailInputAgent: AgentAdapter<EmailInputHandle> = {\n  id: 'email-input',\n  capabilities: [],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.emailInput.state.value',\n      description: 'The current email address typed into the field.',\n      read: (handle) => handle.getValue(),\n    },\n    isValid: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.emailInput.state.isValid',\n      description:\n        'True when the value is non-empty AND parses as a valid email per RFC 5322.',\n      read: (handle) => handle.isValid(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'email-input',\n      description:\n        'Marks the EmailInput wrapper. The inline error element carries `role=\"alert\"` when validation fails.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop, when provided.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert } from 'lucide-react';\n// Tree-shaken import — pulling `validator/lib/isEmail` instead of the\n// barrel keeps the bundle to ~3 KB. `import { isEmail } from 'validator'`\n// drags in ~50 KB of unused validators.\nimport isEmail from 'validator/lib/isEmail';\nimport { TextInput, type TextInputProps } from '../text-input';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { emailInputAgent, type EmailInputHandle } from './email-input.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* `type`, `inputMode`, and `tone` are baked in — the component decides */\n/* those itself. `autoComplete` is `email` unless a sign-in form asks   */\n/* for `username`. `tone` is computed from the                          */\n/* validation state so consumers can never wedge it into an inconsistent*/\n/* visual signal.                                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface EmailInputProps extends Omit<\n  TextInputProps,\n  'type' | 'autoComplete' | 'inputMode' | 'tone'\n> {\n  /**\n   * Override the \"Enter a valid email address.\" error message. When omitted, the\n   * translated default `t('inputs.email.invalid')` is used.\n   *\n   * Pass `null` when the host shows the message itself (a `FormField`\n   * `error`, or its own element). The input then never marks itself\n   * invalid: it turns red only when the host says so, through the\n   * FormField's `error` or `aria-invalid`. `onValidityChange` still fires.\n   */\n  errorMessage?: ReactNode | null;\n  /**\n   * Called whenever the validation state flips. `valid` is `true` when\n   * the value is non-empty AND parses as a valid email, `false`\n   * otherwise. The callback fires on every blur AND on every change\n   * after the first blur — never before the user has had a chance to\n   * type something.\n   */\n  onValidityChange?: (valid: boolean) => void;\n  /**\n   * Skip the built-in validation entirely. The input behaves like a\n   * plain `<TextInput type=\"email\">` — useful when the consumer is\n   * wiring `FormField`'s `invalid` prop themselves, or running their\n   * own schema validation (zod, react-hook-form). Default: `false`.\n   */\n  disableBuiltInValidation?: boolean;\n  /**\n   * Autocomplete hint. Default `email`. Use `username` on a sign-in form,\n   * where the email is what the account is known by: browsers and\n   * password managers pair `username` with `current-password`.\n   */\n  autoComplete?: 'email' | 'username';\n}\n\n/* ------------------------------------------------------------------ */\n/* Validation engine                                                    */\n/*                                                                      */\n/* Pure helper — empty values are NOT flagged (let `required` handle    */\n/* empty separately). Whitespace-only values fall through to validator  */\n/* which rejects them as malformed.                                     */\n/* ------------------------------------------------------------------ */\n\nfunction checkValidity(value: string): boolean {\n  if (value.length === 0) return true;\n  return isEmail(value);\n}\n\nexport const EmailInput = forwardRef<HTMLInputElement, EmailInputProps>(\n  (\n    {\n      errorMessage,\n      onValidityChange,\n      disableBuiltInValidation = false,\n      autoComplete = 'email',\n      value,\n      defaultValue,\n      onChange,\n      onBlur,\n      id,\n      'aria-describedby': consumerDescribedBy,\n      'aria-invalid': consumerAriaInvalid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const ctx = useFormField();\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerRef);\n\n    // An id of its own: the FormField's error element owns `ctx.errorId`.\n    const errorElementId = useId();\n\n    const isControlled = value !== undefined;\n\n    // Seed once from controlled `value` or `defaultValue` so we can\n    // validate an already-populated field at mount (e.g. server-side\n    // rehydration). Recomputing on prop changes would defeat the React\n    // \"defaultValue is initial only\" contract — we read it once via the\n    // lazy initialiser and let `currentValue` track every change after.\n    const [internalValue, setInternalValue] = useState<string>(() => {\n      if (typeof value === 'string') return value;\n      if (typeof defaultValue === 'string') return defaultValue;\n      return '';\n    });\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    // `touched` flips to `true` on first blur, or immediately if the\n    // field is seeded with a non-empty value (consumer is asking us to\n    // validate something they already collected).\n    const [touched, setTouched] = useState<boolean>(\n      () => currentValue.length > 0,\n    );\n\n    const computedValid = useMemo(\n      () => checkValidity(currentValue),\n      [currentValue],\n    );\n\n    // The format fails only when the field has been touched AND the\n    // value is non-empty AND the value fails RFC. Empty is always\n    // \"not yet invalid\" — `required` covers the empty case separately.\n    const formatInvalid =\n      !disableBuiltInValidation &&\n      touched &&\n      currentValue.length > 0 &&\n      !computedValid;\n\n    // Notify consumers on every validity flip after the first blur.\n    // Empty before first blur is reported as `true` so consumers don't\n    // light up a \"valid\" indicator prematurely — we only fire after\n    // touched so the first emission reflects user intent.\n    const lastValidRef = useRef<boolean | null>(null);\n    useEffect(() => {\n      if (!touched) return;\n      // Empty value after touch -> `valid` is `false` because the user\n      // emptied a field they were editing. This mirrors the spec note\n      // that empty is reported as `false` in `onValidityChange`.\n      const nextValid = currentValue.length > 0 && computedValid;\n      if (lastValidRef.current !== nextValid) {\n        lastValidRef.current = nextValid;\n        onValidityChange?.(nextValid);\n      }\n    }, [touched, currentValue, computedValid, onValidityChange]);\n\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) {\n          setInternalValue(event.target.value);\n        }\n        onChange?.(event);\n      },\n      [isControlled, onChange],\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setTouched(true);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    /* ------------------------------------------------------------------ */\n    /* Agent adapter                                                        */\n    /* ------------------------------------------------------------------ */\n\n    // Stable handle — both `getValue` and `isValid` read the live DOM\n    // node, so the closure captures no React state. Empty dep array\n    // keeps the agent registry from churning on every keystroke.\n    const agentHandle = useMemo<EmailInputHandle>(\n      () => ({\n        getValue: () => innerRef.current?.value ?? '',\n        isValid: () => {\n          const v = innerRef.current?.value ?? '';\n          return v.length > 0 && isEmail(v);\n        },\n      }),\n      [],\n    );\n    useAgentRegistration(emailInputAgent, agentHandle, id);\n\n    /* ------------------------------------------------------------------ */\n    /* One message at a time                                                 */\n    /*                                                                        */\n    /* A FormField `error` wins: its element is already in the context's     */\n    /* `describedBy`, so the inline message is not rendered beside it. With  */\n    /* `errorMessage={null}` the host owns the message, so the input never   */\n    /* looks invalid on its own account, with nothing to say why.            */\n    /* ------------------------------------------------------------------ */\n\n    const showInlineError =\n      formatInvalid && errorMessage !== null && !ctx.invalid;\n    const contextDescribedBy = ctx.describedBy || undefined;\n    const describedBy = useMemo(() => {\n      const parts = [\n        consumerDescribedBy,\n        contextDescribedBy,\n        showInlineError ? errorElementId : null,\n      ].filter(Boolean) as string[];\n      return parts.length > 0 ? parts.join(' ') : undefined;\n    }, [\n      consumerDescribedBy,\n      contextDescribedBy,\n      showInlineError,\n      errorElementId,\n    ]);\n\n    // A wrapping consumer may assert invalidity for a BUSINESS reason while the\n    // format is fine (e.g. \"already in use\") — honour it on the a11y attribute\n    // so it's announced. Visual `tone` stays format-only, except when the\n    // host owns the message: then its `aria-invalid` is the only signal.\n    const consumerInvalid =\n      consumerAriaInvalid === true || consumerAriaInvalid === 'true';\n    const hostOwnsMessage = errorMessage === null;\n    // The TextInput adds the FormField's own invalid tone.\n    const effectiveTone =\n      showInlineError || (hostOwnsMessage && consumerInvalid)\n        ? 'error'\n        : 'default';\n    const effectiveAriaInvalid =\n      showInlineError || ctx.invalid || consumerInvalid || undefined;\n\n    const resolvedErrorMessage =\n      errorMessage !== undefined\n        ? errorMessage\n        : t('inputs.email.invalid', 'Enter a valid email address.');\n\n    return (\n      <div\n        data-component=\"email-input\"\n        data-component-id={id}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n      >\n        <TextInput\n          {...rest}\n          ref={composedRef}\n          id={id}\n          type=\"email\"\n          inputMode=\"email\"\n          autoComplete={autoComplete}\n          tone={effectiveTone}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          aria-invalid={effectiveAriaInvalid}\n          aria-describedby={describedBy}\n        />\n        {showInlineError ? (\n          <p\n            id={errorElementId}\n            role=\"alert\"\n            data-slot=\"email-input-error\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n          >\n            <CircleAlert aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <span>{resolvedErrorMessage}</span>\n          </p>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nEmailInput.displayName = 'EmailInput';\n"],"names":["emailInputAgent","handle","checkValidity","value","isEmail","EmailInput","forwardRef","errorMessage","onValidityChange","disableBuiltInValidation","autoComplete","defaultValue","onChange","onBlur","id","consumerDescribedBy","consumerAriaInvalid","rest","ref","t","useTranslation","ctx","useFormField","innerRef","useRef","composedRef","composeRefs","errorElementId","useId","isControlled","internalValue","setInternalValue","useState","currentValue","touched","setTouched","computedValid","useMemo","formatInvalid","lastValidRef","useEffect","nextValid","handleChange","useCallback","event","handleBlur","agentHandle","_a","v","useAgentRegistration","showInlineError","contextDescribedBy","describedBy","parts","consumerInvalid","effectiveTone","effectiveAriaInvalid","resolvedErrorMessage","jsxs","jsx","TextInput","CircleAlert"],"mappings":";;;;;;;;;AAuBO,MAAMA,KAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACnC;AAAA,EAEF,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;ACwBA,SAASC,GAAcC,GAAwB;AAC7C,SAAIA,EAAM,WAAW,IAAU,KACxBC,EAAQD,CAAK;AACtB;AAEO,MAAME,KAAaC;AAAA,EACxB,CACE;AAAA,IACE,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,0BAAAC,IAA2B;AAAA,IAC3B,cAAAC,IAAe;AAAA,IACf,OAAAP;AAAA,IACA,cAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,IAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAMC,EAAA,GAENC,IAAWC,EAAgC,IAAI,GAC/CC,IAAcC,EAAYR,GAAKK,CAAQ,GAGvCI,IAAiBC,EAAA,GAEjBC,IAAe1B,MAAU,QAOzB,CAAC2B,GAAeC,CAAgB,IAAIC,EAAiB,MACrD,OAAO7B,KAAU,WAAiBA,IAClC,OAAOQ,KAAiB,WAAiBA,IACtC,EACR,GACKsB,IAAeJ,IAAe,OAAO1B,CAAK,IAAI2B,GAK9C,CAACI,GAASC,CAAU,IAAIH;AAAA,MAC5B,MAAMC,EAAa,SAAS;AAAA,IAAA,GAGxBG,IAAgBC;AAAA,MACpB,MAAMnC,GAAc+B,CAAY;AAAA,MAChC,CAACA,CAAY;AAAA,IAAA,GAMTK,IACJ,CAAC7B,KACDyB,KACAD,EAAa,SAAS,KACtB,CAACG,GAMGG,IAAef,EAAuB,IAAI;AAChD,IAAAgB,EAAU,MAAM;AACd,UAAI,CAACN,EAAS;AAId,YAAMO,IAAYR,EAAa,SAAS,KAAKG;AAC7C,MAAIG,EAAa,YAAYE,MAC3BF,EAAa,UAAUE,GACvBjC,KAAA,QAAAA,EAAmBiC;AAAA,IAEvB,GAAG,CAACP,GAASD,GAAcG,GAAe5B,CAAgB,CAAC;AAE3D,UAAMkC,IAAeC;AAAA,MACnB,CAACC,MAAyC;AACxC,QAAKf,KACHE,EAAiBa,EAAM,OAAO,KAAK,GAErChC,KAAA,QAAAA,EAAWgC;AAAA,MACb;AAAA,MACA,CAACf,GAAcjB,CAAQ;AAAA,IAAA,GAGnBiC,IAAaF;AAAA,MACjB,CAACC,MAAwC;AACvC,QAAAT,EAAW,EAAI,GACftB,KAAA,QAAAA,EAAS+B;AAAA,MACX;AAAA,MACA,CAAC/B,CAAM;AAAA,IAAA,GAUHiC,IAAcT;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAA;;AAAM,mBAAAU,IAAAxB,EAAS,YAAT,gBAAAwB,EAAkB,UAAS;AAAA;AAAA,QAC3C,SAAS,MAAM;;AACb,gBAAMC,MAAID,IAAAxB,EAAS,YAAT,gBAAAwB,EAAkB,UAAS;AACrC,iBAAOC,EAAE,SAAS,KAAK5C,EAAQ4C,CAAC;AAAA,QAClC;AAAA,MAAA;AAAA,MAEF,CAAA;AAAA,IAAC;AAEH,IAAAC,EAAqBjD,IAAiB8C,GAAahC,CAAE;AAWrD,UAAMoC,IACJZ,KAAiB/B,MAAiB,QAAQ,CAACc,EAAI,SAC3C8B,IAAqB9B,EAAI,eAAe,QACxC+B,IAAcf,EAAQ,MAAM;AAChC,YAAMgB,IAAQ;AAAA,QACZtC;AAAA,QACAoC;AAAA,QACAD,IAAkBvB,IAAiB;AAAA,MAAA,EACnC,OAAO,OAAO;AAChB,aAAO0B,EAAM,SAAS,IAAIA,EAAM,KAAK,GAAG,IAAI;AAAA,IAC9C,GAAG;AAAA,MACDtC;AAAA,MACAoC;AAAA,MACAD;AAAA,MACAvB;AAAA,IAAA,CACD,GAMK2B,IACJtC,MAAwB,MAAQA,MAAwB,QAGpDuC,IACJL,KAHsB3C,MAAiB,QAGA+C,IACnC,UACA,WACAE,IACJN,KAAmB7B,EAAI,WAAWiC,KAAmB,QAEjDG,IACJlD,MAAiB,SACbA,IACAY,EAAE,wBAAwB,8BAA8B;AAE9D,WACE,gBAAAuC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAe;AAAA,QACf,qBAAmB5C;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAA6C;AAAA,YAACC;AAAA,YAAA;AAAA,cACE,GAAG3C;AAAA,cACJ,KAAKQ;AAAA,cACL,IAAAX;AAAA,cACA,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAAJ;AAAA,cACA,MAAM6C;AAAA,cACN,OAAO1B,IAAeI,IAAe;AAAA,cACrC,cAAeJ,IAA8B,SAAflB;AAAA,cAC9B,UAAU+B;AAAA,cACV,QAAQG;AAAA,cACR,gBAAcW;AAAA,cACd,oBAAkBJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAEnBF,IACC,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI/B;AAAA,cACJ,MAAK;AAAA,cACL,aAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAgC,EAACE,IAAA,EAAY,eAAY,QAAO,WAAU,yBAAwB;AAAA,gBAClE,gBAAAF,EAAC,UAAM,UAAAF,EAAA,CAAqB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAE5B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEApD,GAAW,cAAc;"}

package/dist/_chunks/{forgot-password-form-vfCO2-Tt.js → forgot-password-form-YQVzSskq.js}

@@ -2,17 +2,18 @@ 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-BEO3vonE.js";
+import { i as J } from "./isEmail-BfVspSvV.js";
 import { A as P } from "./alert-C4WKViaS.js";
-import { B as ho } from "./button-DohK_Ak_.js";
+import { B as Fo } from "./button-DohK_Ak_.js";
 import { C as K } from "./card-C85_Ndhb.js";
+import { E as ho } from "./email-input-DxwbREpx.js";
 import { E as bo } from "./error-summary-DxNhwf_G.js";
 import { F as wo } from "./form-field-CyHfOVKF.js";
 import { i as xo } from "./safe-href-5dbsfbQn.js";
 import { u as Eo } from "./use-state-backed-input-DhRQo6gM.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-DVHfqnp6.js";
 import { u as Bo, a as Mo, b as No } from "./use-registration-submit-CLGHxwoT.js";
-const Vo = ["email"], Do = U(
+const os = ["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]"
@@ -185,7 +186,7 @@ const Vo = ["email"], Do = U(
                       announceError: !l.lists("email"),
                       "data-field": "email",
                       children: /* @__PURE__ */ s(
-                        Fo,
+                        ho,
                         {
                           ref: O.ref,
                           name: u ? b.email : "email",
@@ -204,7 +205,7 @@ const Vo = ["email"], Do = U(
                   ),
                   /* @__PURE__ */ s(So, { fields: uo }),
                   /* @__PURE__ */ s(
-                    ho,
+                    Fo,
                     {
                       type: "submit",
                       intent: "primary",
@@ -228,7 +229,7 @@ const Vo = ["email"], Do = U(
 );
 _o.displayName = "ForgotPasswordForm";
 export {
-  Vo as F,
+  os as F,
   _o as a
 };
-//# sourceMappingURL=forgot-password-form-vfCO2-Tt.js.map
+//# sourceMappingURL=forgot-password-form-YQVzSskq.js.map

package/dist/_chunks/{forgot-password-form-vfCO2-Tt.js.map → forgot-password-form-YQVzSskq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"forgot-password-form-vfCO2-Tt.js","sources":["../../src/patterns/forgot-password-form/forgot-password-form.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* ForgotPasswordForm — the card that asks for a password reset link.    */\n/*                                                                        */\n/* One email field and a button, then a confirmation. The confirmation   */\n/* is vague on purpose: it never says whether an account exists for the  */\n/* address, and never repeats the address. The host sends the email and  */\n/* owns every server rule; the card checks what a browser can check,     */\n/* then hands the email to `onSubmit` or posts a real form.              */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\n// The validator EmailInput itself uses, so the two never disagree.\nimport isEmail from 'validator/lib/isEmail';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport {\n  AuthCardHeading,\n  AuthFormMessage,\n  AuthFormStatus,\n  AuthTextLink,\n  ExtraFields,\n  useExtraFields,\n  useFormAction,\n} from '../_shared/auth-form-parts';\nimport type { BrandMarkMotion } from '../_shared/brand-mark';\nimport {\n  useErrorSummary,\n  useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from '../registration-form/use-registration-submit';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\n/** The form's one field. */\nexport const FORGOT_PASSWORD_FORM_FIELDS = ['email'] as const;\n\nexport type ForgotPasswordFormField =\n  (typeof FORGOT_PASSWORD_FORM_FIELDS)[number];\n\n/** What `onSubmit` receives once the email has passed its check. */\nexport interface ForgotPasswordFormValues {\n  email: string;\n}\n\n/** The email to show when the form opens. */\nexport type ForgotPasswordFormInitialValues = Partial<ForgotPasswordFormValues>;\n\n/** Messages from the server, already translated: one for the email,\n *  plus `form` for a message about the whole form, such as \"too many\n *  requests, try again later\". */\nexport type ForgotPasswordFormErrors = Partial<\n  Record<ForgotPasswordFormField | 'form', string>\n>;\n\n/** The host's own form field name, for a native form post. It is needed:\n *  a field without a name is not posted. */\nexport type ForgotPasswordFormFieldNames = Record<\n  ForgotPasswordFormField,\n  string\n>;\n\nexport interface ForgotPasswordFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'onSubmit'\n> {\n  /** Replaces the heading \"Reset your password\". Pass it translated. */\n  title?: string;\n  /**\n   * Replaces the line under the heading (\"Enter the email linked to your\n   * account and we will send a reset link.\"). Pass it translated.\n   */\n  description?: string;\n  /**\n   * The heading's level. Default 1: this page usually has no other\n   * heading. Pass 2 on a page that has its own `h1`.\n   */\n  headingLevel?: 1 | 2 | 3;\n  /**\n   * Shows the Alfadocs mark above the heading, with the heading and its\n   * line centred under it. Default true.\n   */\n  showLogo?: boolean;\n  /** How the mark arrives when the card opens. Default `assemble`. It\n   *  plays once and rests. */\n  logoMotion?: BrandMarkMotion;\n  /**\n   * Host content between the heading and the field, such as a notice. It\n   * sits outside the form, so nothing in it is posted.\n   */\n  children?: ReactNode;\n  /** The email to show when the form opens. Read once. */\n  initialValues?: ForgotPasswordFormInitialValues;\n  /**\n   * Messages from the server, already translated. The email's message\n   * shows on the field until the user changes it; `form` shows above the\n   * field. When messages arrive, focus moves to the error summary at the\n   * top of the form when the email has a message, or to the message\n   * above the field when only that says something.\n   *\n   * Do not use a message to say that no account has the address: that\n   * tells a stranger who has an account. Show `sent` for every address.\n   */\n  errors?: ForgotPasswordFormErrors;\n  /**\n   * Shows the confirmation in place of the form: \"Check your inbox\". Set\n   * it once the request has been accepted, whether or not an account\n   * exists for the address. The confirmation says \"if an account exists\"\n   * and never shows the address.\n   */\n  sent?: boolean;\n  /**\n   * Adds \"Back to sign in\" under the card's content. A path on the same\n   * site, or an address written in full. Anything else shows no link.\n   */\n  loginHref?: string;\n  /** Replaces the button's \"Send reset link\". Pass it translated. */\n  submitLabel?: string;\n  /**\n   * True while the host sends the email: the button shows a spinner and\n   * a second submit is ignored. Set it inside `onSubmit`, before anything\n   * is awaited: until it is true, a second press sends a second request.\n   */\n  submitting?: boolean;\n  /** For React hosts: called with the email once it has passed its\n   *  check. Not called when `fieldNames` is set. */\n  onSubmit?: (values: ForgotPasswordFormValues) => void;\n  /**\n   * For a native form post: the host's own field name, e.g.\n   * `{ email: 'email' }`. When set, the input carries that name and the\n   * browser posts the form.\n   */\n  fieldNames?: ForgotPasswordFormFieldNames;\n  /**\n   * Where a native form post goes. Default: the current address. Only a\n   * path, or an address on the page's own origin, is accepted: another\n   * origin is never sent what the user typed, and the post then goes to\n   * the current address. Does nothing without `fieldNames`.\n   */\n  action?: string;\n  /**\n   * Extra hidden inputs posted with a native form, by name: a CSRF\n   * token. Not used with `onSubmit`. A name that is also the one in\n   * `fieldNames` is left out: the form's own field wins.\n   */\n  hiddenFields?: Readonly<Record<string, string>>;\n}\n\n/* -------------------------------------------------------------------- */\n/* Styles                                                                 */\n/* -------------------------------------------------------------------- */\n\n// 400px at most, in px: a host whose root font size is not 16px would\n// stretch or squeeze a width in rem.\nconst forgotPasswordFormVariants = cva(\n  'ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]',\n);\n\n// The confirmation takes focus when it appears, so it shows a ring.\nconst confirmationVariants = cva(\n  '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]',\n);\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\ntype FocusTarget = 'email' | 'form';\n\n/** The form's one field, as the error summary lists it. */\nconst FIELDS = ['email'] as const;\n\n/** The confirmation's heading, by the level of the card's own. */\nconst CONFIRMATION_HEADING = { 1: 'h2', 2: 'h3', 3: 'h4' } as const;\n\nconst hasMessage = (errors: ForgotPasswordFormErrors): boolean =>\n  Object.values(errors).some(Boolean);\n\nconst focusTargetFor = (\n  messages: ForgotPasswordFormErrors,\n): FocusTarget | undefined =>\n  messages.email ? 'email' : messages.form ? 'form' : undefined;\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\n/**\n * The card that asks for a password reset link. Mount it on the\n * forgot-password page, inside `SignedOutFrame` or the host's own chrome.\n */\nexport const ForgotPasswordForm = forwardRef<\n  HTMLDivElement,\n  ForgotPasswordFormProps\n>(\n  (\n    {\n      title,\n      description,\n      headingLevel = 1,\n      showLogo = true,\n      logoMotion = 'assemble',\n      children,\n      initialValues,\n      errors,\n      sent = false,\n      loginHref,\n      submitLabel,\n      submitting = false,\n      onSubmit,\n      fieldNames,\n      action,\n      hiddenFields,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const titleId = useId();\n    const sentTitleId = useId();\n    const sentDescriptionId = useId();\n    const emailFieldId = useId();\n    const formMessageId = useId();\n    const native = fieldNames !== undefined;\n\n    /* ------------------------------ State ----------------------------- */\n\n    const [email, setEmail] = useState(() => initialValues?.email ?? '');\n    // True once the user has filled in the field and left it. An email\n    // that arrives filled in counts: a bad one is then flagged at once,\n    // with its message. An empty field is not flagged for being passed\n    // through; its message waits for a submit.\n    const [touched, setTouched] = useState(() => Boolean(initialValues?.email));\n    const [submitted, setSubmitted] = useState(false);\n    const [serverErrors, setServerErrors] = useState<ForgotPasswordFormErrors>(\n      () => errors ?? {},\n    );\n\n    const emailInput = useRef<HTMLInputElement>(null);\n    // The address stays out of the input's `value` attribute, where a\n    // copied outerHTML or a session replay could read it.\n    const emailField = useStateBackedInput(email, emailInput);\n    /**\n     * What the input holds now. Read from the input, not from state: a\n     * browser can fill the field without telling React, and the form must\n     * not refuse a field that is visibly filled.\n     */\n    const held = (): string => {\n      const value = emailInput.current?.value ?? email;\n      if (value !== email) setEmail(value);\n      return value;\n    };\n\n    /* ---------------------------- Validation -------------------------- */\n\n    const invalid = !isEmail(email);\n    // The message shows once the user has left the field or tried to\n    // submit.\n    const ownError =\n      (submitted || touched) && invalid\n        ? email === ''\n          ? t('forgotPasswordForm.emailRequired')\n          : t('inputs.email.invalid')\n        : undefined;\n    const emailError = serverErrors.email ?? ownError;\n\n    /* ------------------------------ Focus ----------------------------- */\n\n    const formMessage = useRef<HTMLDivElement>(null);\n    const confirmation = useRef<HTMLDivElement>(null);\n\n    // The email's message after a refused submit, or after a server\n    // answer, is listed at the top of the form, and focus goes there. A\n    // page the server rendered after a failed post opens that way too: it\n    // announces nothing itself.\n    const [openedWithEmailMessage] = useState(() => Boolean(errors?.email));\n    const summary = useErrorSummary(\n      FIELDS,\n      () => emailError,\n      openedWithEmailMessage,\n    );\n    // The message about the whole form: quiet while the summary lists the\n    // email, because the summary reads it then.\n    const formMessageAnnounce = useFormMessageAnnounce(\n      serverErrors.form,\n      summary.listed.length > 0,\n    );\n\n    // Any other place focus goes: the message above the field, when only\n    // it says something. A new object for each request, so asking twice\n    // for the same place moves focus twice.\n    const [focusRequest, setFocusRequest] = useState<{\n      target: FocusTarget;\n    } | null>(() => {\n      const target = openedWithEmailMessage\n        ? undefined\n        : focusTargetFor(errors ?? {});\n      return target ? { target } : null;\n    });\n    useEffect(() => {\n      if (!focusRequest) return;\n      (focusRequest.target === 'email'\n        ? emailInput\n        : formMessage\n      ).current?.focus();\n    }, [focusRequest]);\n\n    // The form, and the button that had focus, are gone once the\n    // confirmation shows. Move focus to it, so a keyboard or screen\n    // reader user lands on what happened. Not on a page that opens\n    // already sent: that one is read from the top like any other.\n    const wasSent = useRef(sent);\n    useEffect(() => {\n      if (sent && !wasSent.current) confirmation.current?.focus();\n      wasSent.current = sent;\n    }, [sent]);\n\n    /* ------------------------------ Submit ---------------------------- */\n\n    const submit = useRegistrationSubmit<'email'>({\n      errors,\n      submitting,\n      native,\n      captcha: false,\n      firstProblem: () => (isEmail(held()) ? undefined : 'email'),\n      onRefused: () => {\n        setSubmitted(true);\n        summary.open(() => setFocusRequest({ target: 'email' }));\n      },\n      // Only a React host gets here: a native post is the browser's own.\n      deliver: () => onSubmit?.({ email: held() }),\n      onAnswer: (answer) => {\n        const next: ForgotPasswordFormErrors = answer;\n        setServerErrors(next);\n        if (!hasMessage(next)) return;\n        setSubmitted(false);\n        // The summary when the email has a message, else the message above.\n        summary.open(() => {\n          const target = focusTargetFor(next);\n          if (target) setFocusRequest({ target });\n        });\n      },\n    });\n    const { busy } = submit;\n\n    /* ------------------------------ Render ---------------------------- */\n\n    const formAction = useFormAction('ForgotPasswordForm', native, action);\n    const loginLink =\n      loginHref && isSafeHref(loginHref) ? loginHref : undefined;\n    const extraFields = useExtraFields(\n      'ForgotPasswordForm',\n      native,\n      fieldNames,\n      hiddenFields,\n    );\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"forgot-password-form\"\n        data-state={sent ? 'sent' : 'asking'}\n        className={forgotPasswordFormVariants({ className })}\n      >\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n            <AuthCardHeading\n              id={titleId}\n              title={title ?? t('forgotPasswordForm.title')}\n              // The instruction belongs to the form: once it is sent there\n              // is nothing left to enter.\n              description={\n                sent\n                  ? undefined\n                  : (description ?? t('forgotPasswordForm.description'))\n              }\n              level={headingLevel}\n              showLogo={showLogo}\n              logoMotion={logoMotion}\n            />\n\n            {children ? (\n              <div\n                data-slot=\"host-content\"\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n              >\n                {children}\n              </div>\n            ) : null}\n\n            {sent ? (\n              // Named and described, so a screen reader that lands here\n              // reads the whole confirmation, not only \"status\".\n              <Alert\n                ref={confirmation}\n                variant=\"success\"\n                tabIndex={-1}\n                aria-labelledby={sentTitleId}\n                aria-describedby={sentDescriptionId}\n                data-slot=\"confirmation\"\n                className={confirmationVariants()}\n              >\n                {/* One level under the card's own heading. */}\n                <Alert.Title\n                  id={sentTitleId}\n                  as={CONFIRMATION_HEADING[headingLevel]}\n                >\n                  {t('forgotPasswordForm.sentTitle')}\n                </Alert.Title>\n                <Alert.Description id={sentDescriptionId}>\n                  {t('forgotPasswordForm.sentDescription')}\n                </Alert.Description>\n              </Alert>\n            ) : (\n              <>\n                <form\n                  noValidate\n                  method=\"post\"\n                  action={formAction}\n                  aria-labelledby={titleId}\n                  aria-busy={busy || undefined}\n                  onSubmit={submit.handleSubmit}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n                >\n                  <ErrorSummary\n                    ref={summary.ref}\n                    headingLevel={(headingLevel + 1) as 2 | 3 | 4}\n                    // The message about the whole form is read with it.\n                    aria-describedby={\n                      serverErrors.form ? formMessageId : undefined\n                    }\n                    errors={summary.listed.map((field) => ({\n                      field,\n                      message: emailError ?? '',\n                      targetId: emailFieldId,\n                    }))}\n                  />\n\n                  {serverErrors.form && (\n                    <AuthFormMessage\n                      ref={formMessage}\n                      id={formMessageId}\n                      announce={formMessageAnnounce}\n                    >\n                      {serverErrors.form}\n                    </AuthFormMessage>\n                  )}\n\n                  <FormField\n                    id={emailFieldId}\n                    label={t('forgotPasswordForm.email')}\n                    required\n                    error={emailError}\n                    // Quiet while the summary lists it: the summary reads it.\n                    announceError={!summary.lists('email')}\n                    data-field=\"email\"\n                  >\n                    {/* One check, above, drives the message, the red mark and\n                      aria-invalid through FormField. EmailInput's own check\n                      is off so the two cannot disagree. */}\n                    <EmailInput\n                      ref={emailField.ref}\n                      name={native ? fieldNames.email : 'email'}\n                      disableBuiltInValidation\n                      onChange={emailField.quiet((event) => {\n                        setEmail(event.target.value);\n                        // The server's message was about the old value.\n                        setServerErrors((previous) =>\n                          previous.email\n                            ? { ...previous, email: undefined }\n                            : previous,\n                        );\n                      })}\n                      onBlur={(event) => {\n                        // Whatever a browser filled in without saying so.\n                        setEmail(event.target.value);\n                        if (event.target.value !== '') setTouched(true);\n                      }}\n                    />\n                  </FormField>\n\n                  <ExtraFields fields={extraFields} />\n\n                  <Button\n                    type=\"submit\"\n                    intent=\"primary\"\n                    size=\"lg\"\n                    loading={busy}\n                    className=\"ds:w-full\"\n                    data-action=\"submit\"\n                  >\n                    {submitLabel ?? t('forgotPasswordForm.submit')}\n                  </Button>\n                </form>\n                {/* Outside the form: a screen reader may hold back what\n                  changes inside a busy region. */}\n                <AuthFormStatus busy={busy} />\n              </>\n            )}\n\n            {loginLink && (\n              <AuthTextLink href={loginLink} action=\"login\">\n                {t('forgotPasswordForm.back')}\n              </AuthTextLink>\n            )}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\nForgotPasswordForm.displayName = 'ForgotPasswordForm';\n"],"names":["FORGOT_PASSWORD_FORM_FIELDS","forgotPasswordFormVariants","cva","confirmationVariants","FIELDS","CONFIRMATION_HEADING","hasMessage","errors","focusTargetFor","messages","ForgotPasswordForm","forwardRef","title","description","headingLevel","showLogo","logoMotion","children","initialValues","sent","loginHref","submitLabel","submitting","onSubmit","fieldNames","action","hiddenFields","className","rest","ref","useTranslation","titleId","useId","sentTitleId","sentDescriptionId","emailFieldId","formMessageId","native","email","setEmail","useState","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","emailInput","useRef","emailField","useStateBackedInput","held","value","_a","invalid","isEmail","ownError","emailError","formMessage","confirmation","openedWithEmailMessage","summary","useErrorSummary","formMessageAnnounce","useFormMessageAnnounce","focusRequest","setFocusRequest","target","useEffect","wasSent","submit","useRegistrationSubmit","answer","next","busy","formAction","useFormAction","loginLink","isSafeHref","extraFields","useExtraFields","jsx","Card","AuthCardHeading","jsxs","Alert","Fragment","ErrorSummary","field","AuthFormMessage","FormField","EmailInput","event","previous","ExtraFields","Button","AuthFormStatus","AuthTextLink"],"mappings":"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"}
+{"version":3,"file":"forgot-password-form-YQVzSskq.js","sources":["../../src/patterns/forgot-password-form/forgot-password-form.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* ForgotPasswordForm — the card that asks for a password reset link.    */\n/*                                                                        */\n/* One email field and a button, then a confirmation. The confirmation   */\n/* is vague on purpose: it never says whether an account exists for the  */\n/* address, and never repeats the address. The host sends the email and  */\n/* owns every server rule; the card checks what a browser can check,     */\n/* then hands the email to `onSubmit` or posts a real form.              */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\n// The validator EmailInput itself uses, so the two never disagree.\nimport isEmail from 'validator/lib/isEmail';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport {\n  AuthCardHeading,\n  AuthFormMessage,\n  AuthFormStatus,\n  AuthTextLink,\n  ExtraFields,\n  useExtraFields,\n  useFormAction,\n} from '../_shared/auth-form-parts';\nimport type { BrandMarkMotion } from '../_shared/brand-mark';\nimport {\n  useErrorSummary,\n  useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from '../registration-form/use-registration-submit';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\n/** The form's one field. */\nexport const FORGOT_PASSWORD_FORM_FIELDS = ['email'] as const;\n\nexport type ForgotPasswordFormField =\n  (typeof FORGOT_PASSWORD_FORM_FIELDS)[number];\n\n/** What `onSubmit` receives once the email has passed its check. */\nexport interface ForgotPasswordFormValues {\n  email: string;\n}\n\n/** The email to show when the form opens. */\nexport type ForgotPasswordFormInitialValues = Partial<ForgotPasswordFormValues>;\n\n/** Messages from the server, already translated: one for the email,\n *  plus `form` for a message about the whole form, such as \"too many\n *  requests, try again later\". */\nexport type ForgotPasswordFormErrors = Partial<\n  Record<ForgotPasswordFormField | 'form', string>\n>;\n\n/** The host's own form field name, for a native form post. It is needed:\n *  a field without a name is not posted. */\nexport type ForgotPasswordFormFieldNames = Record<\n  ForgotPasswordFormField,\n  string\n>;\n\nexport interface ForgotPasswordFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'onSubmit'\n> {\n  /** Replaces the heading \"Reset your password\". Pass it translated. */\n  title?: string;\n  /**\n   * Replaces the line under the heading (\"Enter the email linked to your\n   * account and we will send a reset link.\"). Pass it translated.\n   */\n  description?: string;\n  /**\n   * The heading's level. Default 1: this page usually has no other\n   * heading. Pass 2 on a page that has its own `h1`.\n   */\n  headingLevel?: 1 | 2 | 3;\n  /**\n   * Shows the Alfadocs mark above the heading, with the heading and its\n   * line centred under it. Default true.\n   */\n  showLogo?: boolean;\n  /** How the mark arrives when the card opens. Default `assemble`. It\n   *  plays once and rests. */\n  logoMotion?: BrandMarkMotion;\n  /**\n   * Host content between the heading and the field, such as a notice. It\n   * sits outside the form, so nothing in it is posted.\n   */\n  children?: ReactNode;\n  /** The email to show when the form opens. Read once. */\n  initialValues?: ForgotPasswordFormInitialValues;\n  /**\n   * Messages from the server, already translated. The email's message\n   * shows on the field until the user changes it; `form` shows above the\n   * field. When messages arrive, focus moves to the error summary at the\n   * top of the form when the email has a message, or to the message\n   * above the field when only that says something.\n   *\n   * Do not use a message to say that no account has the address: that\n   * tells a stranger who has an account. Show `sent` for every address.\n   */\n  errors?: ForgotPasswordFormErrors;\n  /**\n   * Shows the confirmation in place of the form: \"Check your inbox\". Set\n   * it once the request has been accepted, whether or not an account\n   * exists for the address. The confirmation says \"if an account exists\"\n   * and never shows the address.\n   */\n  sent?: boolean;\n  /**\n   * Adds \"Back to sign in\" under the card's content. A path on the same\n   * site, or an address written in full. Anything else shows no link.\n   */\n  loginHref?: string;\n  /** Replaces the button's \"Send reset link\". Pass it translated. */\n  submitLabel?: string;\n  /**\n   * True while the host sends the email: the button shows a spinner and\n   * a second submit is ignored. Set it inside `onSubmit`, before anything\n   * is awaited: until it is true, a second press sends a second request.\n   */\n  submitting?: boolean;\n  /** For React hosts: called with the email once it has passed its\n   *  check. Not called when `fieldNames` is set. */\n  onSubmit?: (values: ForgotPasswordFormValues) => void;\n  /**\n   * For a native form post: the host's own field name, e.g.\n   * `{ email: 'email' }`. When set, the input carries that name and the\n   * browser posts the form.\n   */\n  fieldNames?: ForgotPasswordFormFieldNames;\n  /**\n   * Where a native form post goes. Default: the current address. Only a\n   * path, or an address on the page's own origin, is accepted: another\n   * origin is never sent what the user typed, and the post then goes to\n   * the current address. Does nothing without `fieldNames`.\n   */\n  action?: string;\n  /**\n   * Extra hidden inputs posted with a native form, by name: a CSRF\n   * token. Not used with `onSubmit`. A name that is also the one in\n   * `fieldNames` is left out: the form's own field wins.\n   */\n  hiddenFields?: Readonly<Record<string, string>>;\n}\n\n/* -------------------------------------------------------------------- */\n/* Styles                                                                 */\n/* -------------------------------------------------------------------- */\n\n// 400px at most, in px: a host whose root font size is not 16px would\n// stretch or squeeze a width in rem.\nconst forgotPasswordFormVariants = cva(\n  'ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]',\n);\n\n// The confirmation takes focus when it appears, so it shows a ring.\nconst confirmationVariants = cva(\n  '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]',\n);\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\ntype FocusTarget = 'email' | 'form';\n\n/** The form's one field, as the error summary lists it. */\nconst FIELDS = ['email'] as const;\n\n/** The confirmation's heading, by the level of the card's own. */\nconst CONFIRMATION_HEADING = { 1: 'h2', 2: 'h3', 3: 'h4' } as const;\n\nconst hasMessage = (errors: ForgotPasswordFormErrors): boolean =>\n  Object.values(errors).some(Boolean);\n\nconst focusTargetFor = (\n  messages: ForgotPasswordFormErrors,\n): FocusTarget | undefined =>\n  messages.email ? 'email' : messages.form ? 'form' : undefined;\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\n/**\n * The card that asks for a password reset link. Mount it on the\n * forgot-password page, inside `SignedOutFrame` or the host's own chrome.\n */\nexport const ForgotPasswordForm = forwardRef<\n  HTMLDivElement,\n  ForgotPasswordFormProps\n>(\n  (\n    {\n      title,\n      description,\n      headingLevel = 1,\n      showLogo = true,\n      logoMotion = 'assemble',\n      children,\n      initialValues,\n      errors,\n      sent = false,\n      loginHref,\n      submitLabel,\n      submitting = false,\n      onSubmit,\n      fieldNames,\n      action,\n      hiddenFields,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const titleId = useId();\n    const sentTitleId = useId();\n    const sentDescriptionId = useId();\n    const emailFieldId = useId();\n    const formMessageId = useId();\n    const native = fieldNames !== undefined;\n\n    /* ------------------------------ State ----------------------------- */\n\n    const [email, setEmail] = useState(() => initialValues?.email ?? '');\n    // True once the user has filled in the field and left it. An email\n    // that arrives filled in counts: a bad one is then flagged at once,\n    // with its message. An empty field is not flagged for being passed\n    // through; its message waits for a submit.\n    const [touched, setTouched] = useState(() => Boolean(initialValues?.email));\n    const [submitted, setSubmitted] = useState(false);\n    const [serverErrors, setServerErrors] = useState<ForgotPasswordFormErrors>(\n      () => errors ?? {},\n    );\n\n    const emailInput = useRef<HTMLInputElement>(null);\n    // The address stays out of the input's `value` attribute, where a\n    // copied outerHTML or a session replay could read it.\n    const emailField = useStateBackedInput(email, emailInput);\n    /**\n     * What the input holds now. Read from the input, not from state: a\n     * browser can fill the field without telling React, and the form must\n     * not refuse a field that is visibly filled.\n     */\n    const held = (): string => {\n      const value = emailInput.current?.value ?? email;\n      if (value !== email) setEmail(value);\n      return value;\n    };\n\n    /* ---------------------------- Validation -------------------------- */\n\n    const invalid = !isEmail(email);\n    // The message shows once the user has left the field or tried to\n    // submit.\n    const ownError =\n      (submitted || touched) && invalid\n        ? email === ''\n          ? t('forgotPasswordForm.emailRequired')\n          : t('inputs.email.invalid')\n        : undefined;\n    const emailError = serverErrors.email ?? ownError;\n\n    /* ------------------------------ Focus ----------------------------- */\n\n    const formMessage = useRef<HTMLDivElement>(null);\n    const confirmation = useRef<HTMLDivElement>(null);\n\n    // The email's message after a refused submit, or after a server\n    // answer, is listed at the top of the form, and focus goes there. A\n    // page the server rendered after a failed post opens that way too: it\n    // announces nothing itself.\n    const [openedWithEmailMessage] = useState(() => Boolean(errors?.email));\n    const summary = useErrorSummary(\n      FIELDS,\n      () => emailError,\n      openedWithEmailMessage,\n    );\n    // The message about the whole form: quiet while the summary lists the\n    // email, because the summary reads it then.\n    const formMessageAnnounce = useFormMessageAnnounce(\n      serverErrors.form,\n      summary.listed.length > 0,\n    );\n\n    // Any other place focus goes: the message above the field, when only\n    // it says something. A new object for each request, so asking twice\n    // for the same place moves focus twice.\n    const [focusRequest, setFocusRequest] = useState<{\n      target: FocusTarget;\n    } | null>(() => {\n      const target = openedWithEmailMessage\n        ? undefined\n        : focusTargetFor(errors ?? {});\n      return target ? { target } : null;\n    });\n    useEffect(() => {\n      if (!focusRequest) return;\n      (focusRequest.target === 'email'\n        ? emailInput\n        : formMessage\n      ).current?.focus();\n    }, [focusRequest]);\n\n    // The form, and the button that had focus, are gone once the\n    // confirmation shows. Move focus to it, so a keyboard or screen\n    // reader user lands on what happened. Not on a page that opens\n    // already sent: that one is read from the top like any other.\n    const wasSent = useRef(sent);\n    useEffect(() => {\n      if (sent && !wasSent.current) confirmation.current?.focus();\n      wasSent.current = sent;\n    }, [sent]);\n\n    /* ------------------------------ Submit ---------------------------- */\n\n    const submit = useRegistrationSubmit<'email'>({\n      errors,\n      submitting,\n      native,\n      captcha: false,\n      firstProblem: () => (isEmail(held()) ? undefined : 'email'),\n      onRefused: () => {\n        setSubmitted(true);\n        summary.open(() => setFocusRequest({ target: 'email' }));\n      },\n      // Only a React host gets here: a native post is the browser's own.\n      deliver: () => onSubmit?.({ email: held() }),\n      onAnswer: (answer) => {\n        const next: ForgotPasswordFormErrors = answer;\n        setServerErrors(next);\n        if (!hasMessage(next)) return;\n        setSubmitted(false);\n        // The summary when the email has a message, else the message above.\n        summary.open(() => {\n          const target = focusTargetFor(next);\n          if (target) setFocusRequest({ target });\n        });\n      },\n    });\n    const { busy } = submit;\n\n    /* ------------------------------ Render ---------------------------- */\n\n    const formAction = useFormAction('ForgotPasswordForm', native, action);\n    const loginLink =\n      loginHref && isSafeHref(loginHref) ? loginHref : undefined;\n    const extraFields = useExtraFields(\n      'ForgotPasswordForm',\n      native,\n      fieldNames,\n      hiddenFields,\n    );\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"forgot-password-form\"\n        data-state={sent ? 'sent' : 'asking'}\n        className={forgotPasswordFormVariants({ className })}\n      >\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n            <AuthCardHeading\n              id={titleId}\n              title={title ?? t('forgotPasswordForm.title')}\n              // The instruction belongs to the form: once it is sent there\n              // is nothing left to enter.\n              description={\n                sent\n                  ? undefined\n                  : (description ?? t('forgotPasswordForm.description'))\n              }\n              level={headingLevel}\n              showLogo={showLogo}\n              logoMotion={logoMotion}\n            />\n\n            {children ? (\n              <div\n                data-slot=\"host-content\"\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n              >\n                {children}\n              </div>\n            ) : null}\n\n            {sent ? (\n              // Named and described, so a screen reader that lands here\n              // reads the whole confirmation, not only \"status\".\n              <Alert\n                ref={confirmation}\n                variant=\"success\"\n                tabIndex={-1}\n                aria-labelledby={sentTitleId}\n                aria-describedby={sentDescriptionId}\n                data-slot=\"confirmation\"\n                className={confirmationVariants()}\n              >\n                {/* One level under the card's own heading. */}\n                <Alert.Title\n                  id={sentTitleId}\n                  as={CONFIRMATION_HEADING[headingLevel]}\n                >\n                  {t('forgotPasswordForm.sentTitle')}\n                </Alert.Title>\n                <Alert.Description id={sentDescriptionId}>\n                  {t('forgotPasswordForm.sentDescription')}\n                </Alert.Description>\n              </Alert>\n            ) : (\n              <>\n                <form\n                  noValidate\n                  method=\"post\"\n                  action={formAction}\n                  aria-labelledby={titleId}\n                  aria-busy={busy || undefined}\n                  onSubmit={submit.handleSubmit}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n                >\n                  <ErrorSummary\n                    ref={summary.ref}\n                    headingLevel={(headingLevel + 1) as 2 | 3 | 4}\n                    // The message about the whole form is read with it.\n                    aria-describedby={\n                      serverErrors.form ? formMessageId : undefined\n                    }\n                    errors={summary.listed.map((field) => ({\n                      field,\n                      message: emailError ?? '',\n                      targetId: emailFieldId,\n                    }))}\n                  />\n\n                  {serverErrors.form && (\n                    <AuthFormMessage\n                      ref={formMessage}\n                      id={formMessageId}\n                      announce={formMessageAnnounce}\n                    >\n                      {serverErrors.form}\n                    </AuthFormMessage>\n                  )}\n\n                  <FormField\n                    id={emailFieldId}\n                    label={t('forgotPasswordForm.email')}\n                    required\n                    error={emailError}\n                    // Quiet while the summary lists it: the summary reads it.\n                    announceError={!summary.lists('email')}\n                    data-field=\"email\"\n                  >\n                    {/* One check, above, drives the message, the red mark and\n                      aria-invalid through FormField. EmailInput's own check\n                      is off so the two cannot disagree. */}\n                    <EmailInput\n                      ref={emailField.ref}\n                      name={native ? fieldNames.email : 'email'}\n                      disableBuiltInValidation\n                      onChange={emailField.quiet((event) => {\n                        setEmail(event.target.value);\n                        // The server's message was about the old value.\n                        setServerErrors((previous) =>\n                          previous.email\n                            ? { ...previous, email: undefined }\n                            : previous,\n                        );\n                      })}\n                      onBlur={(event) => {\n                        // Whatever a browser filled in without saying so.\n                        setEmail(event.target.value);\n                        if (event.target.value !== '') setTouched(true);\n                      }}\n                    />\n                  </FormField>\n\n                  <ExtraFields fields={extraFields} />\n\n                  <Button\n                    type=\"submit\"\n                    intent=\"primary\"\n                    size=\"lg\"\n                    loading={busy}\n                    className=\"ds:w-full\"\n                    data-action=\"submit\"\n                  >\n                    {submitLabel ?? t('forgotPasswordForm.submit')}\n                  </Button>\n                </form>\n                {/* Outside the form: a screen reader may hold back what\n                  changes inside a busy region. */}\n                <AuthFormStatus busy={busy} />\n              </>\n            )}\n\n            {loginLink && (\n              <AuthTextLink href={loginLink} action=\"login\">\n                {t('forgotPasswordForm.back')}\n              </AuthTextLink>\n            )}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\nForgotPasswordForm.displayName = 'ForgotPasswordForm';\n"],"names":["FORGOT_PASSWORD_FORM_FIELDS","forgotPasswordFormVariants","cva","confirmationVariants","FIELDS","CONFIRMATION_HEADING","hasMessage","errors","focusTargetFor","messages","ForgotPasswordForm","forwardRef","title","description","headingLevel","showLogo","logoMotion","children","initialValues","sent","loginHref","submitLabel","submitting","onSubmit","fieldNames","action","hiddenFields","className","rest","ref","useTranslation","titleId","useId","sentTitleId","sentDescriptionId","emailFieldId","formMessageId","native","email","setEmail","useState","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","emailInput","useRef","emailField","useStateBackedInput","held","value","_a","invalid","isEmail","ownError","emailError","formMessage","confirmation","openedWithEmailMessage","summary","useErrorSummary","formMessageAnnounce","useFormMessageAnnounce","focusRequest","setFocusRequest","target","useEffect","wasSent","submit","useRegistrationSubmit","answer","next","busy","formAction","useFormAction","loginLink","isSafeHref","extraFields","useExtraFields","jsx","Card","AuthCardHeading","jsxs","Alert","Fragment","ErrorSummary","field","AuthFormMessage","FormField","EmailInput","event","previous","ExtraFields","Button","AuthFormStatus","AuthTextLink"],"mappings":"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"}

package/dist/_chunks/isEmail-BfVspSvV.js

@@ -0,0 +1,248 @@
+import { g as K } from "./_commonjsHelpers-DaMA6jEr.js";
+var b = { exports: {} }, F = { exports: {} }, k;
+function P() {
+  return k || (k = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = s;
+    function s(o) {
+      if (o == null) throw new TypeError("Expected a string but received a ".concat(o));
+      if (o.constructor.name !== "String") throw new TypeError("Expected a string but received a ".concat(o.constructor.name));
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(F, F.exports)), F.exports;
+}
+var w = { exports: {} }, L;
+function V() {
+  return L || (L = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = o;
+    function s(n) {
+      return Object.prototype.toString.call(n) === "[object RegExp]";
+    }
+    function o(n, l) {
+      for (var a = 0; a < l.length; a++) {
+        var r = l[a];
+        if (n === r || s(r) && r.test(n))
+          return !0;
+      }
+      return !1;
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(w, w.exports)), w.exports;
+}
+var q = { exports: {} }, U;
+function Y() {
+  return U || (U = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = l;
+    var s = o(/* @__PURE__ */ P());
+    function o(a) {
+      return a && a.__esModule ? a : { default: a };
+    }
+    function n(a) {
+      "@babel/helpers - typeof";
+      return n = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+        return typeof r;
+      } : function(r) {
+        return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+      }, n(a);
+    }
+    function l(a, r) {
+      (0, s.default)(a);
+      var e, _;
+      n(r) === "object" ? (e = r.min || 0, _ = r.max) : (e = arguments[1], _ = arguments[2]);
+      var g = encodeURI(a).split(/%..|./).length - 1;
+      return g >= e && (typeof _ > "u" || g <= _);
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(q, q.exports)), q.exports;
+}
+var S = { exports: {} }, E = { exports: {} }, z;
+function B() {
+  return z || (z = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = o;
+    function s(n) {
+      "@babel/helpers - typeof";
+      return s = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(l) {
+        return typeof l;
+      } : function(l) {
+        return l && typeof Symbol == "function" && l.constructor === Symbol && l !== Symbol.prototype ? "symbol" : typeof l;
+      }, s(n);
+    }
+    function o() {
+      var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, l = arguments.length > 1 ? arguments[1] : void 0;
+      (s(n) !== "object" || n === null) && (n = {});
+      for (var a in l)
+        typeof n[a] > "u" && (n[a] = l[a]);
+      return n;
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(E, E.exports)), E.exports;
+}
+var N;
+function $() {
+  return N || (N = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = a;
+    var s = n(/* @__PURE__ */ P()), o = n(/* @__PURE__ */ B());
+    function n(r) {
+      return r && r.__esModule ? r : { default: r };
+    }
+    var l = {
+      require_tld: !0,
+      allow_underscores: !1,
+      allow_trailing_dot: !1,
+      allow_numeric_tld: !1,
+      allow_wildcard: !1,
+      ignore_max_length: !1
+    };
+    function a(r, e) {
+      (0, s.default)(r), e = (0, o.default)(e, l), e.allow_trailing_dot && r[r.length - 1] === "." && (r = r.substring(0, r.length - 1)), e.allow_wildcard === !0 && r.indexOf("*.") === 0 && (r = r.substring(2));
+      var _ = r.split("."), g = _[_.length - 1];
+      return e.require_tld && (_.length < 2 || !e.allow_numeric_tld && !/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(g) || /\s/.test(g)) || !e.allow_numeric_tld && /^\d+$/.test(g) ? !1 : _.every(function(i) {
+        return !(i.length > 63 && !e.ignore_max_length || !/^[a-z_\u00a1-\uffff0-9-]+$/i.test(i) || /[\uff01-\uff5e]/.test(i) || /^-|-$/.test(i) || !e.allow_underscores && /_/.test(i));
+      });
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(S, S.exports)), S.exports;
+}
+var D = { exports: {} }, H;
+function ee() {
+  return H || (H = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = g;
+    var s = o(/* @__PURE__ */ P());
+    function o(i) {
+      return i && i.__esModule ? i : { default: i };
+    }
+    function n(i) {
+      "@babel/helpers - typeof";
+      return n = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(v) {
+        return typeof v;
+      } : function(v) {
+        return v && typeof Symbol == "function" && v.constructor === Symbol && v !== Symbol.prototype ? "symbol" : typeof v;
+      }, n(i);
+    }
+    var l = "(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])", a = "(".concat(l, "[.]){3}").concat(l), r = new RegExp("^".concat(a, "$")), e = "(?:[0-9a-fA-F]{1,4})", _ = new RegExp("^(" + "(?:".concat(e, ":){7}(?:").concat(e, "|:)|") + "(?:".concat(e, ":){6}(?:").concat(a, "|:").concat(e, "|:)|") + "(?:".concat(e, ":){5}(?::").concat(a, "|(:").concat(e, "){1,2}|:)|") + "(?:".concat(e, ":){4}(?:(:").concat(e, "){0,1}:").concat(a, "|(:").concat(e, "){1,3}|:)|") + "(?:".concat(e, ":){3}(?:(:").concat(e, "){0,2}:").concat(a, "|(:").concat(e, "){1,4}|:)|") + "(?:".concat(e, ":){2}(?:(:").concat(e, "){0,3}:").concat(a, "|(:").concat(e, "){1,5}|:)|") + "(?:".concat(e, ":){1}(?:(:").concat(e, "){0,4}:").concat(a, "|(:").concat(e, "){1,6}|:)|") + "(?::((?::".concat(e, "){0,5}:").concat(a, "|(?::").concat(e, "){1,7}|:))") + ")(%[0-9a-zA-Z.]{1,})?$");
+    function g(i) {
+      var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      (0, s.default)(i);
+      var p = (n(v) === "object" ? v.version : arguments[1]) || "";
+      return p ? p.toString() === "4" ? r.test(i) : p.toString() === "6" ? _.test(i) : !1 : g(i, {
+        version: 4
+      }) || g(i, {
+        version: 6
+      });
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(D, D.exports)), D.exports;
+}
+var Q;
+function te() {
+  return Q || (Q = 1, (function(f, t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), t.default = G;
+    var s = e(/* @__PURE__ */ P()), o = e(/* @__PURE__ */ V()), n = e(/* @__PURE__ */ Y()), l = e(/* @__PURE__ */ $()), a = e(/* @__PURE__ */ ee()), r = e(/* @__PURE__ */ B());
+    function e(c) {
+      return c && c.__esModule ? c : { default: c };
+    }
+    var _ = {
+      allow_display_name: !1,
+      allow_underscores: !1,
+      require_display_name: !1,
+      allow_utf8_local_part: !0,
+      require_tld: !0,
+      blacklisted_chars: "",
+      ignore_max_length: !1,
+      host_blacklist: [],
+      host_whitelist: []
+    }, g = /^([^\x00-\x1F\x7F-\x9F\cX]+)</i, i = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i, v = /^[a-z\d]+$/, p = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i, W = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A1-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i, T = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i, X = 254;
+    function Z(c) {
+      var u = c.replace(/^"(.+)"$/, "$1");
+      if (!u.trim())
+        return !1;
+      var h = /[\.";<>]/.test(u);
+      if (h) {
+        if (u === c)
+          return !1;
+        var x = u.split('"').length === u.split('\\"').length;
+        if (!x)
+          return !1;
+      }
+      return !0;
+    }
+    function G(c, u) {
+      if ((0, s.default)(c), u = (0, r.default)(u, _), u.require_display_name || u.allow_display_name) {
+        var h = c.match(g);
+        if (h) {
+          var x = h[1];
+          if (c = c.replace(x, "").replace(/(^<|>$)/g, ""), x.endsWith(" ") && (x = x.slice(0, -1)), !Z(x))
+            return !1;
+        } else if (u.require_display_name)
+          return !1;
+      }
+      if (!u.ignore_max_length && c.length > X)
+        return !1;
+      var j = c.split("@"), m = j.pop(), y = m.toLowerCase();
+      if (u.host_blacklist.length > 0 && (0, o.default)(y, u.host_blacklist) || u.host_whitelist.length > 0 && !(0, o.default)(y, u.host_whitelist))
+        return !1;
+      var d = j.join("@");
+      if (u.domain_specific_validation && (y === "gmail.com" || y === "googlemail.com")) {
+        d = d.toLowerCase();
+        var M = d.split("+")[0];
+        if (!(0, n.default)(M.replace(/\./g, ""), {
+          min: 6,
+          max: 30
+        }))
+          return !1;
+        for (var A = M.split("."), I = 0; I < A.length; I++)
+          if (!v.test(A[I]))
+            return !1;
+      }
+      if (u.ignore_max_length === !1 && (!(0, n.default)(d, {
+        max: 64
+      }) || !(0, n.default)(m, {
+        max: 254
+      })))
+        return !1;
+      if (!(0, l.default)(m, {
+        require_tld: u.require_tld,
+        ignore_max_length: u.ignore_max_length,
+        allow_underscores: u.allow_underscores
+      })) {
+        if (!u.allow_ip_domain)
+          return !1;
+        if (!(0, a.default)(m)) {
+          if (!m.startsWith("[") || !m.endsWith("]"))
+            return !1;
+          var C = m.slice(1, -1);
+          if (C.length === 0 || !(0, a.default)(C))
+            return !1;
+        }
+      }
+      if (u.blacklisted_chars && d.search(new RegExp("[".concat(u.blacklisted_chars, "]+"), "g")) !== -1)
+        return !1;
+      if (d[0] === '"' && d[d.length - 1] === '"')
+        return d = d.slice(1, d.length - 1), u.allow_utf8_local_part ? T.test(d) : p.test(d);
+      for (var J = u.allow_utf8_local_part ? W : i, O = d.split("."), R = 0; R < O.length; R++)
+        if (!J.test(O[R]))
+          return !1;
+      return !0;
+    }
+    f.exports = t.default, f.exports.default = t.default;
+  })(b, b.exports)), b.exports;
+}
+var re = /* @__PURE__ */ te();
+const ne = /* @__PURE__ */ K(re);
+export {
+  ne as i
+};
+//# sourceMappingURL=isEmail-BfVspSvV.js.map