@cedros/login-react 0.0.41 → 0.0.43

package/dist/{EmailRegisterForm-CMXsa-_r.js → EmailRegisterForm-p2X5QP58.js}

@@ -1,43 +1,43 @@
-import { jsxs as f, jsx as t, Fragment as R } from "react/jsx-runtime";
+import { jsxs as f, jsx as t, Fragment as L } from "react/jsx-runtime";
 import { useRef as F, useState as w, useCallback as E, useEffect as M, useMemo as z, useId as W } from "react";
 import { L as O } from "./LoadingSpinner-6vml-zwr.js";
 import { E as j } from "./ErrorMessage-CcEK0pYO.js";
 import { u as U, A as H, h as P } from "./useCedrosLogin-CFfID-0i.js";
 import { b as B, v as ce } from "./validation-B8kMV3BL.js";
 import { s as ie } from "./sanitization-CQ-H1MSg.js";
-function K(c = {}) {
-  const { maxAttempts: m = 5, windowMs: C = 6e4, showCountdown: p = !1 } = c, u = F([]), [o, v] = w(!1), [, b] = w(0), l = E(() => {
-    b((n) => n + 1);
-  }, []), i = E(() => {
-    const n = Date.now();
-    u.current = u.current.filter((e) => n - e < C);
+function K(i = {}) {
+  const { maxAttempts: u = 5, windowMs: C = 6e4, showCountdown: p = !1 } = i, m = F([]), [o, v] = w(!1), [, b] = w(0), d = E(() => {
+    b((c) => c + 1);
+  }, []), l = E(() => {
+    const c = Date.now();
+    m.current = m.current.filter((e) => c - e < C);
   }, [C]), g = E(() => {
-    i(), v((n) => u.current.length === 0 && n ? !1 : n);
-  }, [i]), a = E(() => (i(), Math.max(0, m - u.current.length)), [i, m]), h = E(() => {
-    if (i(), u.current.length === 0)
+    l(), v((c) => m.current.length === 0 && c ? !1 : c);
+  }, [l]), a = E(() => (l(), Math.max(0, u - m.current.length)), [l, u]), h = E(() => {
+    if (l(), m.current.length === 0)
       return 0;
-    const e = u.current[0] + C;
+    const e = m.current[0] + C;
     return Math.max(0, e - Date.now());
-  }, [i, C]), k = E(() => (i(), u.current.length < m), [i, m]), N = E(() => {
-    if (g(), u.current.length >= m) {
-      const n = h(), e = Math.ceil(n / 1e3);
+  }, [l, C]), k = E(() => (l(), m.current.length < u), [l, u]), N = E(() => {
+    if (g(), m.current.length >= u) {
+      const c = h(), e = Math.ceil(c / 1e3);
       throw new Error(
         `Too many attempts. Please wait ${e} second${e === 1 ? "" : "s"} before trying again.`
       );
     }
-    u.current.push(Date.now()), v((n) => n || !0), l();
-  }, [g, m, h, l]), y = E(() => {
-    u.current = [], v((n) => n && !1), l();
-  }, [l]);
+    m.current.push(Date.now()), v((c) => c || !0), d();
+  }, [g, u, h, d]), y = E(() => {
+    m.current = [], v((c) => c && !1), d();
+  }, [d]);
   return M(() => {
     if (!o || !p) return;
-    const n = window.setInterval(() => {
-      g(), l();
+    const c = window.setInterval(() => {
+      g(), d();
     }, 1e3);
     return () => {
-      window.clearInterval(n);
+      window.clearInterval(c);
     };
-  }, [o, p, l, g]), {
+  }, [o, p, d, g]), {
     checkLimit: N,
     isAllowed: k,
     getRemainingAttempts: a,
@@ -45,24 +45,24 @@ function K(c = {}) {
     reset: y
   };
 }
-function le(c) {
-  return "mfaRequired" in c && c.mfaRequired === !0;
+function le(i) {
+  return "mfaRequired" in i && i.mfaRequired === !0;
 }
 function Z() {
-  const { config: c, _internal: m } = U(), [C, p] = w(!1), [u, o] = w(null), {
+  const { config: i, _internal: u } = U(), [C, p] = w(!1), [m, o] = w(null), {
     checkLimit: v,
     getRemainingAttempts: b,
-    getTimeUntilReset: l,
-    reset: i
+    getTimeUntilReset: d,
+    reset: l
   } = K({ maxAttempts: 5, windowMs: 6e4 }), g = z(
     () => new H({
-      baseUrl: c.serverUrl,
-      timeoutMs: c.requestTimeout,
-      retryAttempts: c.retryAttempts
+      baseUrl: i.serverUrl,
+      timeoutMs: i.requestTimeout,
+      retryAttempts: i.retryAttempts
     }),
-    [c.serverUrl, c.requestTimeout, c.retryAttempts]
-  ), a = c.callbacks, h = E(
-    async (y, n) => {
+    [i.serverUrl, i.requestTimeout, i.retryAttempts]
+  ), a = i.callbacks, h = E(
+    async (y, c) => {
       if (!B(y)) {
         const e = {
           code: "VALIDATION_ERROR",
@@ -83,7 +83,7 @@ function Z() {
       try {
         const e = await g.post("/login", {
           email: y,
-          password: n
+          password: c
         });
         if (le(e))
           return {
@@ -93,7 +93,7 @@ function Z() {
             userId: e.userId
           };
         const r = e;
-        return a?.onLoginSuccess?.(r.user, "email"), m?.handleLoginSuccess(r.user, r.tokens), i(), {
+        return a?.onLoginSuccess?.(r.user, "email"), u?.handleLoginSuccess(r.user, r.tokens), l(), {
           mfaRequired: !1,
           response: r
         };
@@ -104,9 +104,9 @@ function Z() {
         p(!1);
       }
     },
-    [g, a, m, v, i]
+    [g, a, u, v, l]
   ), k = E(
-    async (y, n, e, r) => {
+    async (y, c, e, r) => {
       if (!B(y)) {
         const s = {
           code: "VALIDATION_ERROR",
@@ -117,54 +117,54 @@ function Z() {
       try {
         v();
       } catch (s) {
-        const d = {
+        const n = {
           code: "RATE_LIMITED",
           message: s instanceof Error ? s.message : "Too many attempts"
         };
-        throw o(d), d;
+        throw o(n), n;
       }
       p(!0), o(null);
       try {
-        const s = await g.post("/register", { email: y, password: n, name: e, referral: r });
-        return a?.onLoginSuccess?.(s.user, "email"), m?.handleLoginSuccess(s.user, s.tokens), i(), s;
+        const s = r ?? u?.getReferralCode?.() ?? void 0, n = await g.post("/register", { email: y, password: c, name: e, referral: s });
+        return a?.onLoginSuccess?.(n.user, "email"), u?.handleLoginSuccess(n.user, n.tokens), l(), n;
       } catch (s) {
-        const d = P(s, "Unable to create your account. Please try again.");
-        throw o(d), d;
+        const n = P(s, "Unable to create your account. Please try again.");
+        throw o(n), n;
       } finally {
         p(!1);
       }
     },
-    [g, a, m, v, i]
+    [g, a, u, v, l]
   ), N = E(() => o(null), []);
   return {
     login: h,
     register: k,
     isLoading: C,
-    error: u,
+    error: m,
     clearError: N,
     // M-10: Point-in-time snapshots for UI display (see interface JSDoc)
     remainingAttempts: b(),
-    timeUntilReset: l()
+    timeUntilReset: d()
   };
 }
 function q({
-  label: c = "Password",
-  labelAction: m,
+  label: i = "Password",
+  labelAction: u,
   showStrengthMeter: C = !1,
   onValidationChange: p,
-  error: u,
+  error: m,
   className: o = "",
   onChange: v,
   value: b,
-  ...l
+  ...d
 }) {
-  const [i, g] = w(!1), [a, h] = w(null), k = W(), N = (n) => {
-    const e = n.target.value;
+  const [l, g] = w(!1), [a, h] = w(null), k = W(), N = (c) => {
+    const e = c.target.value;
     if (C || p) {
       const r = ce(e);
       h(r), p?.(r);
     }
-    v?.(n);
+    v?.(c);
   }, y = {
     weak: "var(--cedros-destructive, #ef4444)",
     fair: "var(--cedros-warning, #f59e0b)",
@@ -173,21 +173,21 @@ function q({
   };
   return /* @__PURE__ */ f("div", { className: `cedros-password-input ${o}`, children: [
     /* @__PURE__ */ f("div", { className: "cedros-label-row", children: [
-      /* @__PURE__ */ t("label", { htmlFor: k, className: "cedros-label", children: c }),
-      m
+      /* @__PURE__ */ t("label", { htmlFor: k, className: "cedros-label", children: i }),
+      u
     ] }),
     /* @__PURE__ */ f("div", { className: "cedros-password-wrapper", children: [
       /* @__PURE__ */ t(
         "input",
         {
           id: k,
-          type: i ? "text" : "password",
+          type: l ? "text" : "password",
           className: "cedros-input",
           onChange: N,
           value: b,
-          "aria-invalid": u ? "true" : void 0,
-          "aria-describedby": u ? `${k}-error` : void 0,
-          ...l
+          "aria-invalid": m ? "true" : void 0,
+          "aria-describedby": m ? `${k}-error` : void 0,
+          ...d
         }
       ),
       /* @__PURE__ */ t(
@@ -195,10 +195,10 @@ function q({
         {
           type: "button",
           className: "cedros-password-toggle",
-          onClick: () => g(!i),
-          "aria-label": i ? "Hide password" : "Show password",
-          "aria-pressed": i,
-          children: i ? /* @__PURE__ */ f("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+          onClick: () => g(!l),
+          "aria-label": l ? "Hide password" : "Show password",
+          "aria-pressed": l,
+          children: l ? /* @__PURE__ */ f("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
             /* @__PURE__ */ t(
               "path",
               {
@@ -223,7 +223,7 @@ function q({
         }
       )
     ] }),
-    u && /* @__PURE__ */ t("p", { id: `${k}-error`, className: "cedros-input-error", children: u }),
+    m && /* @__PURE__ */ t("p", { id: `${k}-error`, className: "cedros-input-error", children: m }),
     C && a && b?.length > 0 && /* @__PURE__ */ f("div", { className: "cedros-password-strength", children: [
       /* @__PURE__ */ t("div", { className: "cedros-strength-bar", children: /* @__PURE__ */ t(
         "div",
@@ -240,104 +240,104 @@ function q({
   ] });
 }
 function de() {
-  const { config: c, _internal: m } = U(), [C, p] = w("idle"), [u, o] = w(!1), [v, b] = w(null), {
-    checkLimit: l,
-    getRemainingAttempts: i,
+  const { config: i, _internal: u } = U(), [C, p] = w("idle"), [m, o] = w(!1), [v, b] = w(null), {
+    checkLimit: d,
+    getRemainingAttempts: l,
     getTimeUntilReset: g,
     reset: a
   } = K({ maxAttempts: 5, windowMs: 12e4 }), h = z(
     () => new H({
-      baseUrl: c.serverUrl,
-      timeoutMs: c.requestTimeout,
-      retryAttempts: c.retryAttempts
+      baseUrl: i.serverUrl,
+      timeoutMs: i.requestTimeout,
+      retryAttempts: i.retryAttempts
     }),
-    [c.serverUrl, c.requestTimeout, c.retryAttempts]
+    [i.serverUrl, i.requestTimeout, i.retryAttempts]
   ), k = E(
-    async (n, e) => {
+    async (c, e) => {
       const r = /^[A-Z0-9]{16}$/i.test(e) || /^[A-Z0-9]{4}(-[A-Z0-9]{4}){3}$/i.test(e);
       if (!(/^\d{6}$/.test(e) || r)) {
-        const d = {
+        const n = {
           code: "VALIDATION_ERROR",
           message: "Please enter a valid 6-digit code or recovery code"
         };
-        throw b(d), d;
+        throw b(n), n;
       }
       try {
-        l();
-      } catch (d) {
-        const L = {
+        d();
+      } catch (n) {
+        const R = {
           code: "RATE_LIMITED",
-          message: d instanceof Error ? d.message : "Too many attempts"
+          message: n instanceof Error ? n.message : "Too many attempts"
         };
-        throw b(L), L;
+        throw b(R), R;
       }
       o(!0), b(null), p("verifying");
       try {
-        const d = await h.post("/login/mfa", { mfaToken: n, code: e });
-        return p("success"), a(), m && d.user && d.tokens && m.handleLoginSuccess(d.user, d.tokens), d;
-      } catch (d) {
-        const L = P(d, "Incorrect verification code. Please check and try again.");
-        throw b(L), p("error"), L;
+        const n = await h.post("/login/mfa", { mfaToken: c, code: e });
+        return p("success"), a(), u && n.user && n.tokens && u.handleLoginSuccess(n.user, n.tokens), n;
+      } catch (n) {
+        const R = P(n, "Incorrect verification code. Please check and try again.");
+        throw b(R), p("error"), R;
       } finally {
         o(!1);
       }
     },
-    [h, m, l, a]
+    [h, u, d, a]
   ), N = E(() => b(null), []), y = E(() => {
     b(null), p("idle"), o(!1);
   }, []);
   return {
     state: C,
-    isLoading: u,
+    isLoading: m,
     error: v,
     verifyTotp: k,
     clearError: N,
     reset: y,
     // Point-in-time snapshots for UI display
-    remainingAttempts: i(),
+    remainingAttempts: l(),
     timeUntilReset: g()
   };
 }
 const T = 6;
 function ue({
-  value: c = "",
-  onChange: m,
+  value: i = "",
+  onChange: u,
   onComplete: C,
   disabled: p = !1,
-  error: u,
+  error: m,
   autoFocus: o = !1,
   className: v = ""
 }) {
-  const b = F([]), [l, i] = w(c.padEnd(T, "")), g = W();
+  const b = F([]), [d, l] = w(i.padEnd(T, "")), g = W();
   M(() => {
-    i(c.padEnd(T, ""));
-  }, [c]);
+    l(i.padEnd(T, ""));
+  }, [i]);
   const a = E((e) => {
     e >= 0 && e < T && b.current[e]?.focus();
   }, []), h = E(
     (e) => {
       const r = e.replace(/\D/g, "").slice(0, T);
-      i(r.padEnd(T, "")), m?.(r), r.length === T && C?.(r);
+      l(r.padEnd(T, "")), u?.(r), r.length === T && C?.(r);
     },
-    [m, C]
+    [u, C]
   ), k = E(
     (e, r) => {
       if (!/^\d?$/.test(r)) return;
-      const s = l.split("");
+      const s = d.split("");
       s[e] = r;
-      const d = s.join("").replace(/ /g, "");
-      h(d), r && e < T - 1 && a(e + 1);
+      const n = s.join("").replace(/ /g, "");
+      h(n), r && e < T - 1 && a(e + 1);
     },
-    [l, h, a]
+    [d, h, a]
   ), N = E(
     (e, r) => {
       if (r.key === "Backspace") {
         r.preventDefault();
-        const s = l.split("");
+        const s = d.split("");
         s[e] && s[e] !== " " ? (s[e] = " ", h(s.join("").replace(/ /g, ""))) : e > 0 && (s[e - 1] = " ", h(s.join("").replace(/ /g, "")), a(e - 1));
       } else r.key === "ArrowLeft" && e > 0 ? (r.preventDefault(), a(e - 1)) : r.key === "ArrowRight" && e < T - 1 && (r.preventDefault(), a(e + 1));
     },
-    [l, h, a]
+    [d, h, a]
   ), y = E(
     (e) => {
       e.preventDefault();
@@ -345,7 +345,7 @@ function ue({
       s && (h(s), a(Math.min(s.length, T - 1)));
     },
     [h, a]
-  ), n = E((e) => {
+  ), c = E((e) => {
     e.target.select();
   }, []);
   return M(() => {
@@ -362,43 +362,43 @@ function ue({
         inputMode: "numeric",
         pattern: "[0-9]*",
         maxLength: 1,
-        className: `cedros-otp-slot ${u ? "cedros-otp-slot-error" : ""}`,
-        value: l[r] === " " ? "" : l[r] || "",
+        className: `cedros-otp-slot ${m ? "cedros-otp-slot-error" : ""}`,
+        value: d[r] === " " ? "" : d[r] || "",
         onChange: (s) => k(r, s.target.value),
         onKeyDown: (s) => N(r, s),
         onPaste: y,
-        onFocus: n,
+        onFocus: c,
         disabled: p,
         autoComplete: "one-time-code",
         "aria-label": `Digit ${r + 1}`,
-        "aria-invalid": u ? "true" : void 0
+        "aria-invalid": m ? "true" : void 0
       },
       r
     )) }),
-    u && /* @__PURE__ */ t("p", { className: "cedros-otp-error", role: "alert", children: u })
+    m && /* @__PURE__ */ t("p", { className: "cedros-otp-error", role: "alert", children: m })
   ] });
 }
 function me({
-  mfaToken: c,
-  email: m,
+  mfaToken: i,
+  email: u,
   onSuccess: C,
   onBack: p,
-  className: u = ""
+  className: m = ""
 }) {
-  const { verifyTotp: o, isLoading: v, error: b, clearError: l } = de(), [i, g] = w(""), [a, h] = w(!1), [k, N] = w(""), y = async (r) => {
-    const s = r || (a ? k : i);
+  const { verifyTotp: o, isLoading: v, error: b, clearError: d } = de(), [l, g] = w(""), [a, h] = w(!1), [k, N] = w(""), y = async (r) => {
+    const s = r || (a ? k : l);
     if (s)
       try {
-        await o(c, s), C?.();
+        await o(i, s), C?.();
       } catch {
         a ? N("") : g("");
       }
-  }, n = (r) => {
+  }, c = (r) => {
     y(r);
   }, e = () => {
-    h(!a), l(), g(""), N("");
+    h(!a), d(), g(""), N("");
   };
-  return /* @__PURE__ */ f("div", { className: `cedros-totp-verify ${u}`, children: [
+  return /* @__PURE__ */ f("div", { className: `cedros-totp-verify ${m}`, children: [
     /* @__PURE__ */ f("div", { className: "cedros-totp-verify-header", children: [
       /* @__PURE__ */ f(
         "svg",
@@ -426,7 +426,7 @@ function me({
       ),
       /* @__PURE__ */ t("h3", { className: "cedros-totp-title", children: "Two-factor authentication" }),
       /* @__PURE__ */ t("p", { className: "cedros-totp-description", children: a ? "Enter one of your recovery codes to sign in." : "Enter the 6-digit code from your authenticator app." }),
-      m && /* @__PURE__ */ t("p", { className: "cedros-totp-email", children: m })
+      u && /* @__PURE__ */ t("p", { className: "cedros-totp-email", children: u })
     ] }),
     a ? /* @__PURE__ */ f("div", { className: "cedros-totp-backup-input", children: [
       /* @__PURE__ */ t(
@@ -437,7 +437,7 @@ function me({
           placeholder: "Enter recovery code",
           value: k,
           onChange: (r) => {
-            N(r.target.value.toUpperCase()), l();
+            N(r.target.value.toUpperCase()), d();
           },
           onKeyDown: (r) => {
             r.key === "Enter" && k && y();
@@ -451,11 +451,11 @@ function me({
     ] }) : /* @__PURE__ */ t(
       ue,
       {
-        value: i,
+        value: l,
         onChange: (r) => {
-          g(r), l();
+          g(r), d();
         },
-        onComplete: n,
+        onComplete: c,
         disabled: v,
         error: b?.message,
         autoFocus: !0
@@ -467,8 +467,8 @@ function me({
         type: "button",
         className: "cedros-button cedros-button-primary cedros-button-md cedros-button-full",
         onClick: () => y(),
-        disabled: v || (a ? !k : i.length !== 6),
-        children: v ? /* @__PURE__ */ f(R, { children: [
+        disabled: v || (a ? !k : l.length !== 6),
+        children: v ? /* @__PURE__ */ f(L, { children: [
           /* @__PURE__ */ t(O, { size: "sm" }),
           /* @__PURE__ */ t("span", { children: "Verifying..." })
         ] }) : "Verify"
@@ -485,7 +485,7 @@ function me({
           children: a ? "Use authenticator app" : "Use a recovery code"
         }
       ),
-      p && /* @__PURE__ */ f(R, { children: [
+      p && /* @__PURE__ */ f(L, { children: [
         /* @__PURE__ */ t("span", { className: "cedros-totp-verify-divider", children: "•" }),
         /* @__PURE__ */ t(
           "button",
@@ -502,20 +502,20 @@ function me({
   ] });
 }
 function ke({
-  onSuccess: c,
-  onSwitchToRegister: m,
+  onSuccess: i,
+  onSwitchToRegister: u,
   onForgotPassword: C,
   className: p = ""
 }) {
-  const { login: u, isLoading: o, error: v, clearError: b } = Z(), [l, i] = w(""), [g, a] = w(""), [h, k] = w(null), [N, y] = w(""), n = async (s) => {
+  const { login: m, isLoading: o, error: v, clearError: b } = Z(), [d, l] = w(""), [g, a] = w(""), [h, k] = w(null), [N, y] = w(""), c = async (s) => {
     s.preventDefault();
     try {
-      const d = await u(l, g);
-      d.mfaRequired ? (k(d.mfaToken), y(d.email)) : c?.();
+      const n = await m(d, g);
+      n.mfaRequired ? (k(n.mfaToken), y(n.email)) : i?.();
     } catch {
     }
   }, e = () => {
-    k(null), y(""), c?.();
+    k(null), y(""), i?.();
   }, r = () => {
     k(null), y(""), a("");
   };
@@ -528,7 +528,7 @@ function ke({
       onBack: r,
       className: p
     }
-  ) : /* @__PURE__ */ f("form", { onSubmit: n, className: `cedros-form ${p}`, children: [
+  ) : /* @__PURE__ */ f("form", { onSubmit: c, className: `cedros-form ${p}`, children: [
     /* @__PURE__ */ f("div", { className: "cedros-form-field", children: [
       /* @__PURE__ */ t("label", { htmlFor: "email", className: "cedros-label", children: "Email" }),
       /* @__PURE__ */ t(
@@ -537,8 +537,8 @@ function ke({
           id: "email",
           type: "email",
           className: "cedros-input",
-          value: l,
-          onChange: (s) => i(s.target.value),
+          value: d,
+          onChange: (s) => l(s.target.value),
           placeholder: "you@example.com",
           required: !0,
           "aria-required": "true",
@@ -573,27 +573,27 @@ function ke({
       {
         type: "submit",
         className: "cedros-button cedros-button-primary cedros-button-md cedros-button-full",
-        disabled: o || !l || !g,
+        disabled: o || !d || !g,
         "aria-busy": o,
-        children: o ? /* @__PURE__ */ f(R, { children: [
+        children: o ? /* @__PURE__ */ f(L, { children: [
           /* @__PURE__ */ t(O, { size: "sm", announce: !0, label: "Signing in" }),
           /* @__PURE__ */ t("span", { children: "Signing in..." })
         ] }) : "Sign in"
       }
     ),
-    m && /* @__PURE__ */ f("p", { className: "cedros-form-footer", children: [
+    u && /* @__PURE__ */ f("p", { className: "cedros-form-footer", children: [
       "Don't have an account?",
       " ",
-      /* @__PURE__ */ t("button", { type: "button", className: "cedros-link cedros-link-muted", onClick: m, children: "Sign up" })
+      /* @__PURE__ */ t("button", { type: "button", className: "cedros-link cedros-link-muted", onClick: u, children: "Sign up" })
     ] })
   ] });
 }
 function Ce({
-  onSuccess: c,
-  onSwitchToLogin: m,
+  onSuccess: i,
+  onSwitchToLogin: u,
   className: C = ""
 }) {
-  const { config: p } = U(), { register: u, isLoading: o, error: v, clearError: b } = Z(), [l, i] = w(""), [g, a] = w(""), [h, k] = w(""), [N, y] = w(""), [n, e] = w(null), [r, s] = w(null), d = p.forms?.termsOfService, L = p.forms?.emailOptIn, D = d?.show ?? !1, I = d?.required ?? !0, Y = d?.defaultChecked ?? !1, $ = d?.label ?? "I agree to the Terms of Service", G = d?.url, x = ie(G), J = L?.show ?? !1, Q = L?.defaultChecked ?? !1, X = L?.label ?? "Send me updates and news", [S, ee] = w(Y), [te, re] = w(Q), V = h === N, se = n?.isValid ?? !1, _ = g && h && N && V && se && (!D || !I || S) && !o, oe = async (A) => {
+  const { config: p } = U(), { register: m, isLoading: o, error: v, clearError: b } = Z(), [d, l] = w(""), [g, a] = w(""), [h, k] = w(""), [N, y] = w(""), [c, e] = w(null), [r, s] = w(null), n = p.forms?.termsOfService, R = p.forms?.emailOptIn, D = n?.show ?? !1, I = n?.required ?? !0, Y = n?.defaultChecked ?? !1, $ = n?.label ?? "I agree to the Terms of Service", G = n?.url, x = ie(G), J = R?.show ?? !1, Q = R?.defaultChecked ?? !1, X = R?.label ?? "Send me updates and news", [S, ee] = w(Y), [te, re] = w(Q), V = h === N, se = c?.isValid ?? !1, _ = g && h && N && V && se && (!D || !I || S) && !o, oe = async (A) => {
     if (A.preventDefault(), s(null), D && I && !S) {
       s({
         code: "VALIDATION_ERROR",
@@ -603,7 +603,7 @@ function Ce({
     }
     if (_)
       try {
-        await u(g, h, l || void 0), c?.();
+        await m(g, h, d || void 0), i?.();
       } catch {
       }
   }, ae = v || r, ne = () => {
@@ -621,8 +621,8 @@ function Ce({
           id: "name",
           type: "text",
           className: "cedros-input",
-          value: l,
-          onChange: (A) => i(A.target.value),
+          value: d,
+          onChange: (A) => l(A.target.value),
           placeholder: "Your name",
           autoComplete: "name",
           disabled: o
@@ -687,7 +687,7 @@ function Ce({
         }
       ),
       /* @__PURE__ */ f("span", { className: "cedros-checkbox-text", children: [
-        x ? /* @__PURE__ */ f(R, { children: [
+        x ? /* @__PURE__ */ f(L, { children: [
           $.replace("Terms of Service", "").trim() || "I agree to the",
           " ",
           /* @__PURE__ */ t(
@@ -725,16 +725,16 @@ function Ce({
         className: "cedros-button cedros-button-primary cedros-button-md cedros-button-full",
         disabled: !_,
         "aria-busy": o,
-        children: o ? /* @__PURE__ */ f(R, { children: [
+        children: o ? /* @__PURE__ */ f(L, { children: [
           /* @__PURE__ */ t(O, { size: "sm", announce: !0, label: "Creating account" }),
           /* @__PURE__ */ t("span", { children: "Creating account..." })
         ] }) : "Create account"
       }
     ),
-    m && /* @__PURE__ */ f("p", { className: "cedros-form-footer", children: [
+    u && /* @__PURE__ */ f("p", { className: "cedros-form-footer", children: [
       "Already have an account?",
       " ",
-      /* @__PURE__ */ t("button", { type: "button", className: "cedros-link cedros-link-muted", onClick: m, children: "Sign in" })
+      /* @__PURE__ */ t("button", { type: "button", className: "cedros-link cedros-link-muted", onClick: u, children: "Sign in" })
     ] })
   ] });
 }