@cedros/login-react 0.0.29 → 0.0.30

package/dist/{AutosaveStatus-vkJxtuEw.js → AutosaveStatus-f-jw25Ay.js}

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as u, Fragment as f } from "react/jsx-runtime";
-import { useMemo as T, useCallback as d, useState as w, useRef as S, useEffect as O } from "react";
-import { u as E } from "./useSystemSettings-DBlAMjFi.js";
-function I(e) {
-  const s = Math.floor(e / 86400), a = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), l = e % 60;
-  return { days: s, hours: a, minutes: r, seconds: l };
+import { useMemo as S, useCallback as d, useState as w, useRef as T, useEffect as O } from "react";
+import { u as E } from "./useSystemSettings-rgskaDqP.js";
+function R(e) {
+  const s = Math.floor(e / 86400), a = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), i = e % 60;
+  return { days: s, hours: a, minutes: r, seconds: i };
 }
-function M(e) {
-  const { days: s, hours: a, minutes: r } = I(e), l = [];
-  return s > 0 && l.push(`${s}d`), a > 0 && l.push(`${a}h`), r > 0 && l.push(`${r}m`), l.length === 0 && l.push(`${e}s`), l.join(" ");
+function I(e) {
+  const { days: s, hours: a, minutes: r } = R(e), i = [];
+  return s > 0 && i.push(`${s}d`), a > 0 && i.push(`${a}h`), r > 0 && i.push(`${r}m`), i.length === 0 && i.push(`${e}s`), i.join(" ");
 }
-const R = {
+const M = {
   // ============= Authentication Providers =============
   // Email auth
   auth_email_enabled: {
@@ -155,7 +155,7 @@ const R = {
   feature_mfa: {
     key: "feature_mfa",
     label: "Two-Factor Authentication",
-    description: "Allow users to enable TOTP-based two-factor authentication.",
+    description: "Allow users to enable TOTP-based two-factor authentication for email/password sign-in. OAuth (Google, Apple) and passkey logins are not affected — those providers handle their own verification.",
     inputType: "boolean"
   },
   feature_wallet_signing: {
@@ -188,6 +188,12 @@ const R = {
     inputType: "boolean"
   },
   // ============= Security Settings =============
+  security_require_mfa: {
+    key: "security_require_mfa",
+    label: "Require Two-Factor Authentication",
+    description: 'Require users with email/password credentials to set up TOTP two-factor authentication. Users will be prompted to enroll after their next sign-in. Does not affect OAuth, passkey, or wallet sign-in methods. Works independently of the "Two-Factor Authentication" feature flag (which controls UI visibility).',
+    inputType: "boolean"
+  },
   security_cors_origins: {
     key: "security_cors_origins",
     label: "CORS Origins",
@@ -868,6 +874,33 @@ const R = {
       below: 5e8,
       message: "Very small withdrawals may lose significant value to fees."
     }
+  },
+  // ============= Post-Login Flow =============
+  postlogin_redirect_url: {
+    key: "postlogin_redirect_url",
+    label: "Redirect URL",
+    description: "URL to redirect to after login. Leave empty for default behavior (consumer app decides).",
+    inputType: "text",
+    placeholder: "https://example.com/dashboard"
+  },
+  postlogin_welcome_enabled: {
+    key: "postlogin_welcome_enabled",
+    label: "Enable Welcome Page",
+    description: "Show a one-time welcome/onboarding page to new users after their first login.",
+    inputType: "boolean"
+  },
+  postlogin_welcome_route: {
+    key: "postlogin_welcome_route",
+    label: "Welcome Route",
+    description: "Route for the welcome/onboarding page.",
+    inputType: "text",
+    placeholder: "/welcome"
+  },
+  postlogin_complete_enabled: {
+    key: "postlogin_complete_enabled",
+    label: "Prompt Profile Completion",
+    description: "Prompt users to fill in missing name or email after login. Shows every login until the user completes or skips.",
+    inputType: "boolean"
   }
 }, X = {
   // Auth providers (sorted alphabetically by subcategory)
@@ -906,6 +939,21 @@ const R = {
     description: "Core deposit and credit system configuration.",
     icon: ""
   },
+  postlogin: {
+    label: "Post-Login",
+    description: "Configure what happens after a user logs in.",
+    icon: ""
+  },
+  "postlogin.welcome": {
+    label: "Welcome Page",
+    description: "One-time onboarding page shown to new users after first login.",
+    icon: ""
+  },
+  "postlogin.complete": {
+    label: "Profile Completion",
+    description: "Prompt users to fill in missing profile information.",
+    icon: ""
+  },
   deposit: {
     label: "Deposit Settings",
     description: "Configure deposit tokens, fees, and related settings.",
@@ -951,7 +999,7 @@ const R = {
     description: "Configure how the automated withdrawal processor handles pending withdrawals. These settings affect throughput and privacy.",
     icon: ""
   }
-}, C = [
+}, A = [
   "SOL",
   "USDC",
   "USDT",
@@ -963,11 +1011,11 @@ const R = {
   "BONK",
   "ORE"
 ];
-function P(e) {
+function N(e) {
   const s = e.split(/(<a\s[^>]*>.*?<\/a>)/g);
   return s.length === 1 ? e : s.map((a, r) => {
-    const l = a.match(/^<a\s+href="([^"]+)"[^>]*>([^<]+)<\/a>$/);
-    return l ? /* @__PURE__ */ t("a", { href: l[1], target: "_blank", rel: "noopener noreferrer", children: l[2] }, r) : a;
+    const i = a.match(/^<a\s+href="([^"]+)"[^>]*>([^<]+)<\/a>$/);
+    return i ? /* @__PURE__ */ t("a", { href: i[1], target: "_blank", rel: "noopener noreferrer", children: i[2] }, r) : a;
   });
 }
 function Q({
@@ -976,27 +1024,27 @@ function Q({
   onChange: a,
   externalWarnings: r
 }) {
-  return /* @__PURE__ */ t("div", { className: "cedros-settings-grid", children: e.map((l) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: "cedros-settings-grid", children: e.map((i) => /* @__PURE__ */ t(
     U,
     {
-      setting: l,
-      editValue: s[l.key],
+      setting: i,
+      editValue: s[i.key],
       onChange: a,
-      externalWarning: r?.[l.key]
+      externalWarning: r?.[i.key]
     },
-    l.key
+    i.key
   )) });
 }
 function U({ setting: e, editValue: s, onChange: a, externalWarning: r }) {
-  const l = R[e.key], i = s ?? e.value, p = s !== void 0 && s !== e.value, n = l?.inputType === "boolean", o = T(() => {
+  const i = M[e.key], l = s ?? e.value, p = s !== void 0 && s !== e.value, n = i?.inputType === "boolean", o = S(() => {
     if (r) return r;
-    if (!l?.warningThreshold) return null;
-    const c = parseInt(i, 10);
+    if (!i?.warningThreshold) return null;
+    const c = parseInt(l, 10);
     if (isNaN(c)) return null;
-    const { above: m, below: y, message: _ } = l.warningThreshold;
+    const { above: m, below: y, message: _ } = i.warningThreshold;
     return m !== void 0 && c > m || y !== void 0 && c < y ? _ : null;
-  }, [i, l?.warningThreshold, r]);
-  return l ? /* @__PURE__ */ t(
+  }, [l, i?.warningThreshold, r]);
+  return i ? /* @__PURE__ */ t(
     "div",
     {
       className: `cedros-setting-row ${p ? "cedros-setting-row-changed" : ""} ${o ? "cedros-setting-row-warning" : ""} ${n ? "cedros-setting-row-toggle" : ""}`,
@@ -1005,28 +1053,28 @@ function U({ setting: e, editValue: s, onChange: a, externalWarning: r }) {
           /* @__PURE__ */ t(
             x,
             {
-              meta: l,
-              value: i,
+              meta: i,
+              value: l,
               onChange: (c) => a(e.key, c)
             }
           ),
           o && /* @__PURE__ */ t("div", { className: "cedros-setting-warning", children: o })
         ] }),
         /* @__PURE__ */ u("div", { className: "cedros-setting-label", children: [
-          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: l.label }),
-          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: P(l.description) })
+          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: i.label }),
+          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: N(i.description) })
         ] })
       ] }) : /* @__PURE__ */ u(f, { children: [
         /* @__PURE__ */ u("div", { className: "cedros-setting-label", children: [
-          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: l.label }),
-          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: P(l.description) })
+          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: i.label }),
+          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: N(i.description) })
         ] }),
         /* @__PURE__ */ u("div", { className: "cedros-setting-control", children: [
           /* @__PURE__ */ t(
             x,
             {
-              meta: l,
-              value: i,
+              meta: i,
+              value: l,
               onChange: (c) => a(e.key, c)
             }
           ),
@@ -1043,7 +1091,7 @@ function U({ setting: e, editValue: s, onChange: a, externalWarning: r }) {
       "input",
       {
         type: "text",
-        value: i,
+        value: l,
         onChange: (c) => a(e.key, c.target.value),
         className: "cedros-setting-input"
       }
@@ -1088,7 +1136,7 @@ function x({ meta: e, value: s, onChange: a }) {
         }
       );
     case "tokenList":
-      return /* @__PURE__ */ t(B, { value: s, onChange: a });
+      return /* @__PURE__ */ t(G, { value: s, onChange: a });
     case "text":
       return /* @__PURE__ */ t(
         "input",
@@ -1105,7 +1153,7 @@ function x({ meta: e, value: s, onChange: a }) {
     case "secret":
       return /* @__PURE__ */ t(J, { value: s, onChange: a, multiline: e.multiline });
     case "tokenSymbolList":
-      return /* @__PURE__ */ t(G, { value: s, onChange: a });
+      return /* @__PURE__ */ t(B, { value: s, onChange: a });
     default:
       return /* @__PURE__ */ t(
         "input",
@@ -1119,7 +1167,7 @@ function x({ meta: e, value: s, onChange: a }) {
   }
 }
 function F({ value: e, onChange: s, presets: a, min: r = 0 }) {
-  const l = parseInt(e, 10) || 0, i = M(l), p = d(
+  const i = parseInt(e, 10) || 0, l = I(i), p = d(
     (o) => {
       o.target.value && s(o.target.value);
     },
@@ -1149,7 +1197,7 @@ function F({ value: e, onChange: s, presets: a, min: r = 0 }) {
         "input",
         {
           type: "number",
-          value: l,
+          value: i,
           onChange: n,
           min: r,
           className: "cedros-setting-input cedros-setting-input-sm"
@@ -1158,7 +1206,7 @@ function F({ value: e, onChange: s, presets: a, min: r = 0 }) {
       /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: "seconds" }),
       /* @__PURE__ */ u("span", { className: "cedros-duration-display", children: [
         "= ",
-        i
+        l
       ] })
     ] })
   ] });
@@ -1168,8 +1216,8 @@ function W({
   onChange: s,
   min: a,
   max: r,
-  step: l,
-  presets: i
+  step: i,
+  presets: l
 }) {
   const p = parseInt(e, 10) || a, n = d(
     (c) => {
@@ -1192,7 +1240,7 @@ function W({
           onChange: n,
           min: a,
           max: r,
-          step: l,
+          step: i,
           className: "cedros-percentage-slider"
         }
       ),
@@ -1201,7 +1249,7 @@ function W({
         "%"
       ] })
     ] }),
-    i && i.length > 0 && /* @__PURE__ */ t("div", { className: "cedros-preset-buttons", children: i.map((c) => /* @__PURE__ */ t(
+    l && l.length > 0 && /* @__PURE__ */ t("div", { className: "cedros-preset-buttons", children: l.map((c) => /* @__PURE__ */ t(
       "button",
       {
         type: "button",
@@ -1214,7 +1262,7 @@ function W({
   ] });
 }
 function q({ value: e, onChange: s, presets: a, unit: r }) {
-  const l = !a.some((n) => n.value === e), i = d(
+  const i = !a.some((n) => n.value === e), l = d(
     (n) => {
       n.target.value !== "__custom__" && s(n.target.value);
     },
@@ -1229,8 +1277,8 @@ function q({ value: e, onChange: s, presets: a, unit: r }) {
     /* @__PURE__ */ u(
       "select",
       {
-        value: l ? "__custom__" : e,
-        onChange: i,
+        value: i ? "__custom__" : e,
+        onChange: l,
         className: "cedros-setting-select",
         children: [
           a.map((n) => /* @__PURE__ */ t("option", { value: n.value, children: n.label }, n.value)),
@@ -1238,7 +1286,7 @@ function q({ value: e, onChange: s, presets: a, unit: r }) {
         ]
       }
     ),
-    l && /* @__PURE__ */ u("div", { className: "cedros-select-custom", children: [
+    i && /* @__PURE__ */ u("div", { className: "cedros-select-custom", children: [
       /* @__PURE__ */ t(
         "input",
         {
@@ -1252,8 +1300,8 @@ function q({ value: e, onChange: s, presets: a, unit: r }) {
     ] })
   ] });
 }
-function $({ value: e, onChange: s, min: a, max: r, unit: l }) {
-  const i = d(
+function $({ value: e, onChange: s, min: a, max: r, unit: i }) {
+  const l = d(
     (p) => {
       s(p.target.value);
     },
@@ -1265,13 +1313,13 @@ function $({ value: e, onChange: s, min: a, max: r, unit: l }) {
       {
         type: "number",
         value: e,
-        onChange: i,
+        onChange: l,
         min: a,
         max: r,
         className: "cedros-setting-input"
       }
     ),
-    l && /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: l })
+    i && /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: i })
   ] });
 }
 function j({ value: e, onChange: s }) {
@@ -1294,10 +1342,10 @@ function j({ value: e, onChange: s }) {
   );
 }
 function J({ value: e, onChange: s, multiline: a }) {
-  const [r, l] = w(!1), [i, p] = w(!1), n = e && e.length > 0, o = d(() => {
-    l(!0), p(!0);
+  const [r, i] = w(!1), [l, p] = w(!1), n = e && e.length > 0, o = d(() => {
+    i(!0), p(!0);
   }, []), c = d(() => {
-    l(!1), p(!1);
+    i(!1), p(!1);
   }, []), m = d(
     (y) => {
       s(y.target.value);
@@ -1320,7 +1368,7 @@ function J({ value: e, onChange: s, multiline: a }) {
     ) : /* @__PURE__ */ t(
       "input",
       {
-        type: i ? "text" : "password",
+        type: l ? "text" : "password",
         value: e,
         onChange: m,
         className: "cedros-setting-input",
@@ -1333,16 +1381,16 @@ function J({ value: e, onChange: s, multiline: a }) {
         {
           type: "button",
           className: "cedros-secret-toggle-btn",
-          onClick: () => p(!i),
-          children: i ? "Hide" : "Show"
+          onClick: () => p(!l),
+          children: l ? "Hide" : "Show"
         }
       ),
       r && /* @__PURE__ */ t("button", { type: "button", className: "cedros-secret-done-btn", onClick: c, children: "Done" })
     ] })
   ] });
 }
-function B({ value: e, onChange: s }) {
-  const a = T(() => {
+function G({ value: e, onChange: s }) {
+  const a = S(() => {
     try {
       return JSON.parse(e || "[]");
     } catch {
@@ -1353,9 +1401,9 @@ function B({ value: e, onChange: s }) {
       s(JSON.stringify(n));
     },
     [s]
-  ), l = d(() => {
+  ), i = d(() => {
     r([...a, { symbol: "", mint: "", decimals: 6 }]);
-  }, [a, r]), i = d(
+  }, [a, r]), l = d(
     (n, o, c) => {
       const m = [...a];
       m[n] = { ...m[n], [o]: c }, r(m);
@@ -1370,7 +1418,7 @@ function B({ value: e, onChange: s }) {
   return /* @__PURE__ */ u("div", { className: "cedros-token-list-input", children: [
     /* @__PURE__ */ u("div", { className: "cedros-token-presets", children: [
       /* @__PURE__ */ t("span", { className: "cedros-token-presets-label", children: "Built-in tokens:" }),
-      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: C.map((n) => /* @__PURE__ */ t("span", { className: "cedros-token-preset-chip", children: n }, n)) })
+      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: A.map((n) => /* @__PURE__ */ t("span", { className: "cedros-token-preset-chip", children: n }, n)) })
     ] }),
     a.length === 0 && /* @__PURE__ */ t("p", { className: "cedros-token-list-empty", children: "No custom tokens added. Use the built-in tokens above or add your own." }),
     a.map((n, o) => /* @__PURE__ */ u("div", { className: "cedros-token-row", children: [
@@ -1381,7 +1429,7 @@ function B({ value: e, onChange: s }) {
             type: "text",
             placeholder: "Symbol",
             value: n.symbol,
-            onChange: (c) => i(o, "symbol", c.target.value.toUpperCase()),
+            onChange: (c) => l(o, "symbol", c.target.value.toUpperCase()),
             className: "cedros-setting-input cedros-token-input-symbol",
             maxLength: 10
           }
@@ -1392,7 +1440,7 @@ function B({ value: e, onChange: s }) {
             type: "text",
             placeholder: "Mint address",
             value: n.mint,
-            onChange: (c) => i(o, "mint", c.target.value),
+            onChange: (c) => l(o, "mint", c.target.value),
             className: "cedros-setting-input cedros-token-input-mint"
           }
         ),
@@ -1402,7 +1450,7 @@ function B({ value: e, onChange: s }) {
             type: "number",
             placeholder: "Decimals",
             value: n.decimals,
-            onChange: (c) => i(o, "decimals", parseInt(c.target.value, 10) || 0),
+            onChange: (c) => l(o, "decimals", parseInt(c.target.value, 10) || 0),
             className: "cedros-setting-input cedros-token-input-decimals",
             min: 0,
             max: 18
@@ -1414,7 +1462,7 @@ function B({ value: e, onChange: s }) {
             type: "text",
             placeholder: "Logo URL (optional)",
             value: n.logoUrl || "",
-            onChange: (c) => i(o, "logoUrl", c.target.value || void 0),
+            onChange: (c) => l(o, "logoUrl", c.target.value || void 0),
             className: "cedros-setting-input cedros-token-input-logo"
           }
         )
@@ -1430,20 +1478,20 @@ function B({ value: e, onChange: s }) {
         }
       )
     ] }, o)),
-    /* @__PURE__ */ t("button", { type: "button", className: "cedros-token-add-btn", onClick: l, children: "+ Add Token" })
+    /* @__PURE__ */ t("button", { type: "button", className: "cedros-token-add-btn", onClick: i, children: "+ Add Token" })
   ] });
 }
-function G({ value: e, onChange: s }) {
-  const a = T(() => e.split(",").map((i) => i.trim()).filter(Boolean), [e]), r = d(
-    (i) => {
-      if (!i || a.includes(i)) return;
-      const p = [...a, i].join(", ");
+function B({ value: e, onChange: s }) {
+  const a = S(() => e.split(",").map((l) => l.trim()).filter(Boolean), [e]), r = d(
+    (l) => {
+      if (!l || a.includes(l)) return;
+      const p = [...a, l].join(", ");
       s(p);
     },
     [a, s]
-  ), l = d(
-    (i) => {
-      const p = a.filter((n) => n !== i).join(", ");
+  ), i = d(
+    (l) => {
+      const p = a.filter((n) => n !== l).join(", ");
       s(p);
     },
     [a, s]
@@ -1451,21 +1499,21 @@ function G({ value: e, onChange: s }) {
   return /* @__PURE__ */ u("div", { className: "cedros-token-symbol-list-input", children: [
     /* @__PURE__ */ u("div", { className: "cedros-token-presets", children: [
       /* @__PURE__ */ t("span", { className: "cedros-token-presets-label", children: "Click to add:" }),
-      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: C.map((i) => {
-        const p = a.includes(i);
+      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: A.map((l) => {
+        const p = a.includes(l);
         return /* @__PURE__ */ u(
           "button",
           {
             type: "button",
             className: `cedros-token-preset-chip ${p ? "cedros-token-preset-chip-selected" : ""}`,
-            onClick: () => p ? l(i) : r(i),
-            title: p ? `Remove ${i}` : `Add ${i}`,
+            onClick: () => p ? i(l) : r(l),
+            title: p ? `Remove ${l}` : `Add ${l}`,
             children: [
-              i,
+              l,
               p && /* @__PURE__ */ t("span", { className: "cedros-token-chip-check", children: "✓" })
             ]
           },
-          i
+          l
         );
       }) })
     ] }),
@@ -1474,7 +1522,7 @@ function G({ value: e, onChange: s }) {
       {
         type: "text",
         value: e,
-        onChange: (i) => s(i.target.value),
+        onChange: (l) => s(l.target.value),
         className: "cedros-setting-input",
         placeholder: "USDC, SOL, BONK..."
       }
@@ -1483,11 +1531,11 @@ function G({ value: e, onChange: s }) {
 }
 const H = 800, V = 2e3;
 function Z() {
-  const { settings: e, isLoading: s, error: a, fetchSettings: r, updateSettings: l } = E(), [i, p] = w({}), [n, o] = w("idle"), [c, m] = w(null), y = S(null), _ = S(null), k = S({});
+  const { settings: e, isLoading: s, error: a, fetchSettings: r, updateSettings: i } = E(), [l, p] = w({}), [n, o] = w("idle"), [c, m] = w(null), y = T(null), _ = T(null), k = T({});
   O(() => () => {
     y.current && clearTimeout(y.current), _.current && clearTimeout(_.current);
   }, []);
-  const N = d(async () => {
+  const P = d(async () => {
     const h = { ...k.current };
     if (Object.keys(h).length === 0) {
       o("idle");
@@ -1499,7 +1547,7 @@ function Z() {
       value: g
     }));
     try {
-      await l(v), p((b) => {
+      await i(v), p((b) => {
         const g = { ...b };
         for (const D of Object.keys(h))
           delete g[D];
@@ -1513,33 +1561,33 @@ function Z() {
     } catch (b) {
       o("error"), m(b instanceof Error ? b.message : "Failed to save");
     }
-  }, [l]), A = d(
+  }, [i]), C = d(
     (h, v) => {
       p((b) => ({ ...b, [h]: v })), k.current[h] = v, m(null), o("pending"), y.current && clearTimeout(y.current), y.current = setTimeout(() => {
-        N();
+        P();
       }, H);
     },
-    [N]
+    [P]
   ), L = d(
     (h) => {
-      if (i[h] !== void 0) return i[h];
+      if (l[h] !== void 0) return l[h];
       for (const v of Object.values(e)) {
         const b = v.find((g) => g.key === h);
         if (b) return b.value;
       }
       return "";
     },
-    [i, e]
+    [l, e]
   );
   return {
     settings: e,
-    edits: i,
+    edits: l,
     isLoading: s,
     autosaveStatus: n,
     autosaveError: c,
     error: a,
     fetchSettings: r,
-    handleChange: A,
+    handleChange: C,
     getEffectiveValue: L
   };
 }
@@ -1567,6 +1615,6 @@ export {
   ee as A,
   X as C,
   Q as S,
-  R as a,
+  M as a,
   Z as u
 };