@cedros/login-react 0.0.1 → 0.0.2

package/dist/EmailRegisterForm-BChCiZ5B.js

@@ -0,0 +1,961 @@
+import { jsxs as p, jsx as e, Fragment as U } from "react/jsx-runtime";
+import { useRef as Y, useState as v, useCallback as N, useEffect as B, useMemo as z, useId as J } from "react";
+import { u as V, A as H, h as M, L as K, E as Q } from "./ErrorMessage-C8vKB0JG.js";
+import { b as j, v as ie } from "./validation-BebL7hMF.js";
+const le = ["https:"], X = ["javascript:", "data:", "vbscript:", "file:"];
+function Ee(r) {
+  if (!r || typeof r != "string")
+    return;
+  const i = r.trim();
+  if (!i)
+    return;
+  const w = i.toLowerCase();
+  for (const s of X)
+    if (w.startsWith(s))
+      return;
+  try {
+    const s = new URL(i);
+    return le.includes(s.protocol) ? i : void 0;
+  } catch {
+    return;
+  }
+}
+function de(r) {
+  if (!r || typeof r != "string")
+    return;
+  const i = r.trim();
+  if (!i)
+    return;
+  const w = i.toLowerCase();
+  for (const s of X)
+    if (w.startsWith(s))
+      return;
+  try {
+    const s = new URL(i);
+    return s.protocol !== "https:" && s.protocol !== "http:" ? void 0 : i;
+  } catch {
+    return;
+  }
+}
+function Z(r = {}) {
+  const { maxAttempts: i = 5, windowMs: w = 6e4 } = r, s = Y([]), [k, l] = v(!1), [, b] = v(0), d = N(() => {
+    b((c) => c + 1);
+  }, []), h = N(() => {
+    const c = Date.now();
+    s.current = s.current.filter((m) => c - m < w);
+  }, [w]), f = N(() => {
+    h(), l((c) => s.current.length === 0 && c ? !1 : c);
+  }, [h]), y = N(() => (h(), Math.max(0, i - s.current.length)), [h, i]), u = N(() => {
+    if (h(), s.current.length === 0)
+      return 0;
+    const m = s.current[0] + w;
+    return Math.max(0, m - Date.now());
+  }, [h, w]), g = N(() => (h(), s.current.length < i), [h, i]), E = N(() => {
+    if (f(), s.current.length >= i) {
+      const c = u(), m = Math.ceil(c / 1e3);
+      throw new Error(
+        `Too many attempts. Please wait ${m} second${m === 1 ? "" : "s"} before trying again.`
+      );
+    }
+    s.current.push(Date.now()), l((c) => c || !0), d();
+  }, [f, i, u, d]), C = N(() => {
+    s.current = [], l((c) => c && !1), d();
+  }, [d]);
+  return B(() => {
+    if (!k) return;
+    const c = window.setInterval(() => {
+      f(), d();
+    }, 1e3);
+    return () => {
+      window.clearInterval(c);
+    };
+  }, [k, d, f]), {
+    checkLimit: E,
+    isAllowed: g,
+    getRemainingAttempts: y,
+    getTimeUntilReset: u,
+    reset: C
+  };
+}
+function ue(r) {
+  return "mfaRequired" in r && r.mfaRequired === !0;
+}
+function ee() {
+  const { config: r, _internal: i } = V(), [w, s] = v(!1), [k, l] = v(null), {
+    checkLimit: b,
+    getRemainingAttempts: d,
+    getTimeUntilReset: h,
+    reset: f
+  } = Z({ maxAttempts: 5, windowMs: 6e4 }), y = z(
+    () => new H({
+      baseUrl: r.serverUrl,
+      timeoutMs: r.requestTimeout,
+      retryAttempts: r.retryAttempts
+    }),
+    [r.serverUrl, r.requestTimeout, r.retryAttempts]
+  ), u = r.callbacks, g = r.features?.walletEnrollment !== !1, E = r.serverUrl, C = N(
+    async (t, o) => {
+      if (!j(t)) {
+        const a = {
+          code: "VALIDATION_ERROR",
+          message: "Please enter a valid email address"
+        };
+        throw l(a), a;
+      }
+      try {
+        b();
+      } catch (a) {
+        const n = {
+          code: "RATE_LIMITED",
+          message: a instanceof Error ? a.message : "Too many attempts"
+        };
+        throw l(n), n;
+      }
+      s(!0), l(null);
+      try {
+        const a = await y.post("/login", {
+          email: t,
+          password: o
+        });
+        if (ue(a))
+          return {
+            mfaRequired: !0,
+            mfaToken: a.mfaToken,
+            email: t,
+            userId: a.userId
+          };
+        const n = a;
+        return u?.onLoginSuccess?.(n.user, "email"), i?.handleLoginSuccess(n.user, n.tokens), f(), {
+          mfaRequired: !1,
+          response: n
+        };
+      } catch (a) {
+        const n = M(a, "Login failed");
+        throw l(n), n;
+      } finally {
+        s(!1);
+      }
+    },
+    [y, u, i, b, f]
+  ), c = N(
+    async (t, o, a) => {
+      if (!j(t)) {
+        const n = {
+          code: "VALIDATION_ERROR",
+          message: "Please enter a valid email address"
+        };
+        throw l(n), n;
+      }
+      try {
+        b();
+      } catch (n) {
+        const L = {
+          code: "RATE_LIMITED",
+          message: n instanceof Error ? n.message : "Too many attempts"
+        };
+        throw l(L), L;
+      }
+      s(!0), l(null);
+      try {
+        const n = await y.post("/register", { email: t, password: o, name: a });
+        if (u?.onLoginSuccess?.(n.user, "email"), i?.handleLoginSuccess(n.user, n.tokens), f(), g) {
+          const L = n.tokens?.accessToken ?? "";
+          import("./silentWalletEnroll-CQK5i65l.js").then(
+            ({ silentWalletEnroll: A }) => A({
+              password: o,
+              serverUrl: E,
+              accessToken: L
+            })
+          ).then((A) => {
+            A.success || console.warn("[useEmailAuth] Wallet auto-enrollment failed:", A.error);
+          }).catch((A) => {
+            const I = A instanceof Error ? A.message : "Unknown error";
+            console.warn("[useEmailAuth] Wallet auto-enrollment unavailable:", I);
+          });
+        }
+        return n;
+      } catch (n) {
+        const L = M(n, "Registration failed");
+        throw l(L), L;
+      } finally {
+        s(!1);
+      }
+    },
+    [
+      y,
+      u,
+      i,
+      b,
+      f,
+      E,
+      g
+    ]
+  ), m = N(() => l(null), []);
+  return {
+    login: C,
+    register: c,
+    isLoading: w,
+    error: k,
+    clearError: m,
+    // M-10: Point-in-time snapshots for UI display (see interface JSDoc)
+    remainingAttempts: d(),
+    timeUntilReset: h()
+  };
+}
+function me(r) {
+  return typeof r == "object" && r !== null && "mfaRequired" in r && r.mfaRequired === !0;
+}
+function he() {
+  const { config: r, _internal: i } = V(), [w, s] = v(!1), [k, l] = v(!1), [b, d] = v(null), h = z(
+    () => new H({
+      baseUrl: r.serverUrl,
+      timeoutMs: r.requestTimeout,
+      retryAttempts: r.retryAttempts
+    }),
+    [r.serverUrl, r.requestTimeout, r.retryAttempts]
+  ), { checkLimit: f, getRemainingAttempts: y } = Z({
+    maxAttempts: 3,
+    windowMs: 3e5
+  }), u = N(
+    async (c) => {
+      if (!j(c)) {
+        const m = {
+          code: "VALIDATION_ERROR",
+          message: "Please enter a valid email address"
+        };
+        throw d(m), m;
+      }
+      try {
+        f();
+      } catch (m) {
+        const t = {
+          code: "RATE_LIMITED",
+          message: m instanceof Error ? m.message : "Too many attempts"
+        };
+        throw d(t), t;
+      }
+      s(!0), d(null), l(!1);
+      try {
+        await h.post("/instant-link", { email: c }), l(!0);
+      } catch (m) {
+        const t = M(m, "Failed to send sign-in link");
+        throw d(t), t;
+      } finally {
+        s(!1);
+      }
+    },
+    [h, f]
+  ), g = N(
+    async (c) => {
+      if (!c || c.trim().length === 0) {
+        const m = {
+          code: "VALIDATION_ERROR",
+          message: "Invalid or missing sign-in link token"
+        };
+        throw d(m), m;
+      }
+      s(!0), d(null), l(!1);
+      try {
+        const m = await h.post(
+          "/instant-link/verify",
+          {
+            token: c
+          }
+        );
+        return me(m) || (r.callbacks?.onLoginSuccess?.(m.user, "email"), i?.handleLoginSuccess(m.user, m.tokens)), m;
+      } catch (m) {
+        const t = M(m, "Failed to verify sign-in link");
+        throw d(t), t;
+      } finally {
+        s(!1);
+      }
+    },
+    [h, r.callbacks, i]
+  ), E = N(() => d(null), []), C = N(() => {
+    d(null), l(!1), s(!1);
+  }, []);
+  return {
+    sendInstantLink: u,
+    verifyInstantLink: g,
+    isLoading: w,
+    isSuccess: k,
+    error: b,
+    clearError: E,
+    reset: C,
+    remainingAttempts: y()
+  };
+}
+function te({
+  label: r = "Password",
+  labelAction: i,
+  showStrengthMeter: w = !1,
+  onValidationChange: s,
+  error: k,
+  className: l = "",
+  onChange: b,
+  value: d,
+  ...h
+}) {
+  const [f, y] = v(!1), [u, g] = v(null), E = J(), C = (m) => {
+    const t = m.target.value;
+    if (w || s) {
+      const o = ie(t);
+      g(o), s?.(o);
+    }
+    b?.(m);
+  }, c = {
+    weak: "var(--cedros-destructive, #ef4444)",
+    fair: "var(--cedros-warning, #f59e0b)",
+    good: "var(--cedros-success, #22c55e)",
+    strong: "var(--cedros-success, #22c55e)"
+  };
+  return /* @__PURE__ */ p("div", { className: `cedros-password-input ${l}`, children: [
+    /* @__PURE__ */ p("div", { className: "cedros-label-row", children: [
+      /* @__PURE__ */ e("label", { htmlFor: E, className: "cedros-label", children: r }),
+      i
+    ] }),
+    /* @__PURE__ */ p("div", { className: "cedros-password-wrapper", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: E,
+          type: f ? "text" : "password",
+          className: "cedros-input",
+          onChange: C,
+          value: d,
+          "aria-invalid": k ? "true" : void 0,
+          "aria-describedby": k ? `${E}-error` : void 0,
+          ...h
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-password-toggle",
+          onClick: () => y(!f),
+          "aria-label": f ? "Hide password" : "Show password",
+          "aria-pressed": f,
+          children: f ? /* @__PURE__ */ p("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M2.5 10s3-6 7.5-6 7.5 6 7.5 6-3 6-7.5 6-7.5-6-7.5-6z",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              }
+            ),
+            /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.5", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ e("path", { d: "M3 17L17 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+          ] }) : /* @__PURE__ */ p("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M2.5 10s3-6 7.5-6 7.5 6 7.5 6-3 6-7.5 6-7.5-6-7.5-6z",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              }
+            ),
+            /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "2.5", stroke: "currentColor", strokeWidth: "1.5" })
+          ] })
+        }
+      )
+    ] }),
+    k && /* @__PURE__ */ e("p", { id: `${E}-error`, className: "cedros-input-error", children: k }),
+    w && u && d?.length > 0 && /* @__PURE__ */ p("div", { className: "cedros-password-strength", children: [
+      /* @__PURE__ */ e("div", { className: "cedros-strength-bar", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "cedros-strength-fill",
+          style: {
+            width: `${u.strength === "weak" ? 25 : u.strength === "fair" ? 50 : u.strength === "good" ? 75 : 100}%`,
+            backgroundColor: c[u.strength]
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e("span", { className: "cedros-strength-label", children: u.strength })
+    ] })
+  ] });
+}
+function pe() {
+  const { config: r, _internal: i } = V(), [w, s] = v("idle"), [k, l] = v(!1), [b, d] = v(null), {
+    checkLimit: h,
+    getRemainingAttempts: f,
+    getTimeUntilReset: y,
+    reset: u
+  } = Z({ maxAttempts: 5, windowMs: 12e4 }), g = z(
+    () => new H({
+      baseUrl: r.serverUrl,
+      timeoutMs: r.requestTimeout,
+      retryAttempts: r.retryAttempts
+    }),
+    [r.serverUrl, r.requestTimeout, r.retryAttempts]
+  ), E = N(
+    async (m, t) => {
+      const o = /^[A-Z0-9]{16}$/i.test(t) || /^[A-Z0-9]{4}(-[A-Z0-9]{4}){3}$/i.test(t);
+      if (!(/^\d{6}$/.test(t) || o)) {
+        const n = {
+          code: "VALIDATION_ERROR",
+          message: "Please enter a valid 6-digit code or recovery code"
+        };
+        throw d(n), n;
+      }
+      try {
+        h();
+      } catch (n) {
+        const L = {
+          code: "RATE_LIMITED",
+          message: n instanceof Error ? n.message : "Too many attempts"
+        };
+        throw d(L), L;
+      }
+      l(!0), d(null), s("verifying");
+      try {
+        const n = await g.post("/login/mfa", { mfaToken: m, code: t });
+        return s("success"), u(), i && n.user && n.tokens && i.handleLoginSuccess(n.user, n.tokens), n;
+      } catch (n) {
+        const L = M(n, "Invalid verification code");
+        throw d(L), s("error"), L;
+      } finally {
+        l(!1);
+      }
+    },
+    [g, i, h, u]
+  ), C = N(() => d(null), []), c = N(() => {
+    d(null), s("idle"), l(!1);
+  }, []);
+  return {
+    state: w,
+    isLoading: k,
+    error: b,
+    verifyTotp: E,
+    clearError: C,
+    reset: c,
+    // Point-in-time snapshots for UI display
+    remainingAttempts: f(),
+    timeUntilReset: y()
+  };
+}
+const T = 6;
+function fe({
+  value: r = "",
+  onChange: i,
+  onComplete: w,
+  disabled: s = !1,
+  error: k,
+  autoFocus: l = !1,
+  className: b = ""
+}) {
+  const d = Y([]), [h, f] = v(r.padEnd(T, "")), y = J();
+  B(() => {
+    f(r.padEnd(T, ""));
+  }, [r]);
+  const u = N((t) => {
+    t >= 0 && t < T && d.current[t]?.focus();
+  }, []), g = N(
+    (t) => {
+      const o = t.replace(/\D/g, "").slice(0, T);
+      f(o.padEnd(T, "")), i?.(o), o.length === T && w?.(o);
+    },
+    [i, w]
+  ), E = N(
+    (t, o) => {
+      if (!/^\d?$/.test(o)) return;
+      const a = h.split("");
+      a[t] = o;
+      const n = a.join("").replace(/ /g, "");
+      g(n), o && t < T - 1 && u(t + 1);
+    },
+    [h, g, u]
+  ), C = N(
+    (t, o) => {
+      if (o.key === "Backspace") {
+        o.preventDefault();
+        const a = h.split("");
+        a[t] && a[t] !== " " ? (a[t] = " ", g(a.join("").replace(/ /g, ""))) : t > 0 && (a[t - 1] = " ", g(a.join("").replace(/ /g, "")), u(t - 1));
+      } else o.key === "ArrowLeft" && t > 0 ? (o.preventDefault(), u(t - 1)) : o.key === "ArrowRight" && t < T - 1 && (o.preventDefault(), u(t + 1));
+    },
+    [h, g, u]
+  ), c = N(
+    (t) => {
+      t.preventDefault();
+      const a = t.clipboardData.getData("text").replace(/\D/g, "").slice(0, T);
+      a && (g(a), u(Math.min(a.length, T - 1)));
+    },
+    [g, u]
+  ), m = N((t) => {
+    t.target.select();
+  }, []);
+  return B(() => {
+    l && !s && d.current[0]?.focus();
+  }, [l, s]), /* @__PURE__ */ p("div", { className: `cedros-otp-input ${b}`, children: [
+    /* @__PURE__ */ e("div", { className: "cedros-otp-slots", role: "group", "aria-label": "One-time password", children: Array.from({ length: T }).map((t, o) => /* @__PURE__ */ e(
+      "input",
+      {
+        ref: (a) => {
+          d.current[o] = a;
+        },
+        id: `${y}-${o}`,
+        type: "text",
+        inputMode: "numeric",
+        pattern: "[0-9]*",
+        maxLength: 1,
+        className: `cedros-otp-slot ${k ? "cedros-otp-slot-error" : ""}`,
+        value: h[o] === " " ? "" : h[o] || "",
+        onChange: (a) => E(o, a.target.value),
+        onKeyDown: (a) => C(o, a),
+        onPaste: c,
+        onFocus: m,
+        disabled: s,
+        autoComplete: "one-time-code",
+        "aria-label": `Digit ${o + 1}`,
+        "aria-invalid": k ? "true" : void 0
+      },
+      o
+    )) }),
+    k && /* @__PURE__ */ e("p", { className: "cedros-otp-error", role: "alert", children: k })
+  ] });
+}
+function ge({
+  mfaToken: r,
+  email: i,
+  onSuccess: w,
+  onBack: s,
+  className: k = ""
+}) {
+  const { verifyTotp: l, isLoading: b, error: d, clearError: h } = pe(), [f, y] = v(""), [u, g] = v(!1), [E, C] = v(""), c = async (o) => {
+    const a = o || (u ? E : f);
+    if (a)
+      try {
+        await l(r, a), w?.();
+      } catch {
+        u ? C("") : y("");
+      }
+  }, m = (o) => {
+    c(o);
+  }, t = () => {
+    g(!u), h(), y(""), C("");
+  };
+  return /* @__PURE__ */ p("div", { className: `cedros-totp-verify ${k}`, children: [
+    /* @__PURE__ */ p("div", { className: "cedros-totp-verify-header", children: [
+      /* @__PURE__ */ p(
+        "svg",
+        {
+          className: "cedros-totp-verify-icon",
+          width: "48",
+          height: "48",
+          viewBox: "0 0 48 48",
+          fill: "none",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ e("rect", { x: "8", y: "20", width: "32", height: "24", rx: "4", stroke: "currentColor", strokeWidth: "2" }),
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M16 20V14a8 8 0 1 1 16 0v6",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round"
+              }
+            ),
+            /* @__PURE__ */ e("circle", { cx: "24", cy: "32", r: "3", fill: "currentColor" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("h3", { className: "cedros-totp-title", children: "Two-factor authentication" }),
+      /* @__PURE__ */ e("p", { className: "cedros-totp-description", children: u ? "Enter one of your recovery codes to sign in." : "Enter the 6-digit code from your authenticator app." }),
+      i && /* @__PURE__ */ e("p", { className: "cedros-totp-email", children: i })
+    ] }),
+    u ? /* @__PURE__ */ p("div", { className: "cedros-totp-backup-input", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          className: `cedros-input ${d ? "cedros-input-error" : ""}`,
+          placeholder: "Enter recovery code",
+          value: E,
+          onChange: (o) => {
+            C(o.target.value.toUpperCase()), h();
+          },
+          onKeyDown: (o) => {
+            o.key === "Enter" && E && c();
+          },
+          disabled: b,
+          autoFocus: !0,
+          autoComplete: "one-time-code"
+        }
+      ),
+      d && /* @__PURE__ */ e("p", { className: "cedros-input-error", role: "alert", children: d.message })
+    ] }) : /* @__PURE__ */ e(
+      fe,
+      {
+        value: f,
+        onChange: (o) => {
+          y(o), h();
+        },
+        onComplete: m,
+        disabled: b,
+        error: d?.message,
+        autoFocus: !0
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "cedros-button cedros-button-primary cedros-button-md cedros-button-full",
+        onClick: () => c(),
+        disabled: b || (u ? !E : f.length !== 6),
+        children: b ? /* @__PURE__ */ p(U, { children: [
+          /* @__PURE__ */ e(K, { size: "sm" }),
+          /* @__PURE__ */ e("span", { children: "Verifying..." })
+        ] }) : "Verify"
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: "cedros-totp-verify-footer", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-link cedros-link-sm",
+          onClick: t,
+          disabled: b,
+          children: u ? "Use authenticator app" : "Use a recovery code"
+        }
+      ),
+      s && /* @__PURE__ */ p(U, { children: [
+        /* @__PURE__ */ e("span", { className: "cedros-totp-verify-divider", children: "•" }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "cedros-link cedros-link-sm",
+            onClick: s,
+            disabled: b,
+            children: "Back to login"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Ce({
+  onSuccess: r,
+  onSwitchToRegister: i,
+  onForgotPassword: w,
+  className: s = ""
+}) {
+  const { config: k } = V(), { login: l, isLoading: b, error: d, clearError: h } = ee(), {
+    sendInstantLink: f,
+    isLoading: y,
+    isSuccess: u,
+    error: g,
+    clearError: E,
+    reset: C
+  } = he(), [c, m] = v(""), [t, o] = v(""), [a, n] = v(null), [L, A] = v(""), I = k.forms?.forgotPassword?.mode ?? "reset", $ = async (S) => {
+    S.preventDefault();
+    try {
+      const O = await l(c, t);
+      O.mfaRequired ? (n(O.mfaToken), A(O.email)) : r?.();
+    } catch {
+    }
+  }, q = () => {
+    n(null), A(""), r?.();
+  }, _ = () => {
+    n(null), A(""), o("");
+  }, P = async () => {
+    if (I === "instantLink")
+      try {
+        await f(c);
+      } catch {
+      }
+    else
+      w?.();
+  };
+  if (a)
+    return /* @__PURE__ */ e(
+      ge,
+      {
+        mfaToken: a,
+        email: L,
+        onSuccess: q,
+        onBack: _,
+        className: s
+      }
+    );
+  if (u)
+    return /* @__PURE__ */ p("div", { className: `cedros-instant-link-success ${s}`, children: [
+      /* @__PURE__ */ p(
+        "svg",
+        {
+          className: "cedros-success-icon",
+          width: "48",
+          height: "48",
+          viewBox: "0 0 48 48",
+          fill: "none",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ e("circle", { cx: "24", cy: "24", r: "22", stroke: "currentColor", strokeWidth: "2" }),
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M14 24l7 7 13-13",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("h3", { className: "cedros-success-title", children: "Check your email" }),
+      /* @__PURE__ */ p("p", { className: "cedros-success-message", children: [
+        "We sent a sign-in link to ",
+        /* @__PURE__ */ e("strong", { children: c }),
+        ". Click the link to sign in."
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-button cedros-button-md cedros-button-outline",
+          onClick: C,
+          children: "Back to login"
+        }
+      )
+    ] });
+  const F = d || g, W = () => {
+    h(), E();
+  }, D = b || y;
+  return /* @__PURE__ */ p("form", { onSubmit: $, className: `cedros-form ${s}`, children: [
+    /* @__PURE__ */ p("div", { className: "cedros-form-field", children: [
+      /* @__PURE__ */ e("label", { htmlFor: "email", className: "cedros-label", children: "Email" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "email",
+          type: "email",
+          className: "cedros-input",
+          value: c,
+          onChange: (S) => m(S.target.value),
+          placeholder: "you@example.com",
+          required: !0,
+          "aria-required": "true",
+          autoComplete: "email",
+          disabled: D
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "cedros-form-field", children: /* @__PURE__ */ e(
+      te,
+      {
+        value: t,
+        onChange: (S) => o(S.target.value),
+        placeholder: "Enter your password",
+        required: !0,
+        autoComplete: "current-password",
+        disabled: D,
+        labelAction: w || I === "instantLink" ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "cedros-link cedros-link-sm",
+            onClick: P,
+            disabled: y,
+            children: y ? "Sending..." : "Forgot your password?"
+          }
+        ) : void 0
+      }
+    ) }),
+    /* @__PURE__ */ e(Q, { error: F, onDismiss: W }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "submit",
+        className: "cedros-button cedros-button-primary cedros-button-md cedros-button-full",
+        disabled: D || !c || !t,
+        "aria-busy": b,
+        children: b ? /* @__PURE__ */ p(U, { children: [
+          /* @__PURE__ */ e(K, { size: "sm", announce: !0, label: "Signing in" }),
+          /* @__PURE__ */ e("span", { children: "Signing in..." })
+        ] }) : "Sign in"
+      }
+    ),
+    i && /* @__PURE__ */ p("p", { className: "cedros-form-footer", children: [
+      "Don't have an account?",
+      " ",
+      /* @__PURE__ */ e("button", { type: "button", className: "cedros-link", onClick: i, children: "Sign up" })
+    ] })
+  ] });
+}
+function Ne({
+  onSuccess: r,
+  onSwitchToLogin: i,
+  className: w = ""
+}) {
+  const { config: s } = V(), { register: k, isLoading: l, error: b, clearError: d } = ee(), [h, f] = v(""), [y, u] = v(""), [g, E] = v(""), [C, c] = v(""), [m, t] = v(null), [o, a] = v(null), n = s.forms?.termsOfService, L = s.forms?.emailOptIn, A = n?.show ?? !1, I = n?.required ?? !0, $ = n?.defaultChecked ?? !1, q = n?.label ?? "I agree to the Terms of Service", _ = n?.url, P = de(_), F = L?.show ?? !1, W = L?.defaultChecked ?? !1, D = L?.label ?? "Send me updates and news", [S, O] = v($), [re, se] = v(W), x = g === C, oe = m?.isValid ?? !1, G = y && g && C && x && oe && (!A || !I || S) && !l, ne = async (R) => {
+    if (R.preventDefault(), a(null), A && I && !S) {
+      a({
+        code: "VALIDATION_ERROR",
+        message: "You must agree to the Terms of Service to continue"
+      });
+      return;
+    }
+    if (G)
+      try {
+        await k(y, g, h || void 0), r?.();
+      } catch {
+      }
+  }, ae = b || o, ce = () => {
+    d(), a(null);
+  };
+  return /* @__PURE__ */ p("form", { onSubmit: ne, className: `cedros-form ${w}`, children: [
+    /* @__PURE__ */ p("div", { className: "cedros-form-field", children: [
+      /* @__PURE__ */ p("label", { htmlFor: "name", className: "cedros-label", children: [
+        "Name ",
+        /* @__PURE__ */ e("span", { className: "cedros-optional", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "name",
+          type: "text",
+          className: "cedros-input",
+          value: h,
+          onChange: (R) => f(R.target.value),
+          placeholder: "Your name",
+          autoComplete: "name",
+          disabled: l
+        }
+      )
+    ] }),
+    /* @__PURE__ */ p("div", { className: "cedros-form-field", children: [
+      /* @__PURE__ */ e("label", { htmlFor: "register-email", className: "cedros-label", children: "Email" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "register-email",
+          type: "email",
+          className: "cedros-input",
+          value: y,
+          onChange: (R) => u(R.target.value),
+          placeholder: "you@example.com",
+          required: !0,
+          "aria-required": "true",
+          autoComplete: "email",
+          disabled: l
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "cedros-form-field", children: /* @__PURE__ */ e(
+      te,
+      {
+        value: g,
+        onChange: (R) => E(R.target.value),
+        placeholder: "Create a password",
+        required: !0,
+        autoComplete: "new-password",
+        disabled: l,
+        showStrengthMeter: !0,
+        onValidationChange: t
+      }
+    ) }),
+    /* @__PURE__ */ p("div", { className: "cedros-form-field", children: [
+      /* @__PURE__ */ e("label", { htmlFor: "confirm-password", className: "cedros-label", children: "Confirm Password" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "confirm-password",
+          type: "password",
+          className: "cedros-input",
+          value: C,
+          onChange: (R) => c(R.target.value),
+          placeholder: "Confirm your password",
+          required: !0,
+          "aria-required": "true",
+          autoComplete: "new-password",
+          disabled: l,
+          "aria-invalid": C && !x ? "true" : void 0,
+          "aria-describedby": C && !x ? "confirm-password-error" : void 0
+        }
+      ),
+      C && !x && /* @__PURE__ */ e("p", { id: "confirm-password-error", className: "cedros-input-error", role: "alert", children: "Passwords do not match" })
+    ] }),
+    A && /* @__PURE__ */ e("div", { className: "cedros-form-field cedros-checkbox-field", children: /* @__PURE__ */ p("label", { className: "cedros-checkbox-label", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          className: "cedros-checkbox",
+          checked: S,
+          onChange: (R) => O(R.target.checked),
+          disabled: l,
+          "aria-required": I
+        }
+      ),
+      /* @__PURE__ */ p("span", { className: "cedros-checkbox-text", children: [
+        P ? /* @__PURE__ */ p(U, { children: [
+          q.replace("Terms of Service", "").trim() || "I agree to the",
+          " ",
+          /* @__PURE__ */ e(
+            "a",
+            {
+              href: P,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "cedros-link",
+              children: "Terms of Service"
+            }
+          )
+        ] }) : q,
+        I && /* @__PURE__ */ e("span", { className: "cedros-required", children: "*" })
+      ] })
+    ] }) }),
+    F && /* @__PURE__ */ e("div", { className: "cedros-form-field cedros-checkbox-field", children: /* @__PURE__ */ p("label", { className: "cedros-checkbox-label", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          className: "cedros-checkbox",
+          checked: re,
+          onChange: (R) => se(R.target.checked),
+          disabled: l
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "cedros-checkbox-text", children: D })
+    ] }) }),
+    /* @__PURE__ */ e(Q, { error: ae, onDismiss: ce }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "submit",
+        className: "cedros-button cedros-button-primary cedros-button-md cedros-button-full",
+        disabled: !G,
+        "aria-busy": l,
+        children: l ? /* @__PURE__ */ p(U, { children: [
+          /* @__PURE__ */ e(K, { size: "sm", announce: !0, label: "Creating account" }),
+          /* @__PURE__ */ e("span", { children: "Creating account..." })
+        ] }) : "Create account"
+      }
+    ),
+    i && /* @__PURE__ */ p("p", { className: "cedros-form-footer", children: [
+      "Already have an account?",
+      " ",
+      /* @__PURE__ */ e("button", { type: "button", className: "cedros-link", onClick: i, children: "Sign in" })
+    ] })
+  ] });
+}
+export {
+  Ce as E,
+  fe as O,
+  te as P,
+  ge as T,
+  Ne as a,
+  Z as b,
+  de as c,
+  he as d,
+  pe as e,
+  Ee as s,
+  ee as u
+};