@cedros/login-react 0.0.37 → 0.0.38

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

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as u, Fragment as f } from "react/jsx-runtime";
 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 };
+import { u as R } from "./useSystemSettings-rgskaDqP.js";
+function E(e) {
+  const s = Math.floor(e / 86400), a = Math.floor(e % 86400 / 3600), n = Math.floor(e % 3600 / 60), i = e % 60;
+  return { days: s, hours: a, minutes: n, seconds: i };
 }
 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 { days: s, hours: a, minutes: n } = E(e), i = [];
+  return s > 0 && i.push(`${s}d`), a > 0 && i.push(`${a}h`), n > 0 && i.push(`${n}m`), i.length === 0 && i.push(`${e}s`), i.join(" ");
 }
-const M = {
+const U = {
   // ============= Authentication Providers =============
   // Email auth
   auth_email_enabled: {
@@ -901,6 +901,12 @@ const M = {
     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"
+  },
+  postlogin_username_enabled: {
+    key: "postlogin_username_enabled",
+    label: "Require Username Selection",
+    description: "Prompt new users to choose a unique handle-style username (e.g. @swift_falcon_42) after signup. Shows until the user picks a username or skips.",
+    inputType: "boolean"
   }
 }, X = {
   // Auth providers (sorted alphabetically by subcategory)
@@ -954,6 +960,11 @@ const M = {
     description: "Prompt users to fill in missing profile information.",
     icon: ""
   },
+  "postlogin.username": {
+    label: "Username Selection",
+    description: "Prompt users to choose a unique handle-style username.",
+    icon: ""
+  },
   deposit: {
     label: "Deposit Settings",
     description: "Configure deposit tokens, fees, and related settings.",
@@ -1013,42 +1024,42 @@ const M = {
 ];
 function N(e) {
   const s = e.split(/(<a\s[^>]*>.*?<\/a>)/g);
-  return s.length === 1 ? e : s.map((a, r) => {
+  return s.length === 1 ? e : s.map((a, n) => {
     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;
+    return i ? /* @__PURE__ */ t("a", { href: i[1], target: "_blank", rel: "noopener noreferrer", children: i[2] }, n) : a;
   });
 }
 function Q({
   settings: e,
   edits: s,
   onChange: a,
-  externalWarnings: r
+  externalWarnings: n
 }) {
   return /* @__PURE__ */ t("div", { className: "cedros-settings-grid", children: e.map((i) => /* @__PURE__ */ t(
-    U,
+    M,
     {
       setting: i,
       editValue: s[i.key],
       onChange: a,
-      externalWarning: r?.[i.key]
+      externalWarning: n?.[i.key]
     },
     i.key
   )) });
 }
-function U({ setting: e, editValue: s, onChange: a, externalWarning: r }) {
-  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;
+function M({ setting: e, editValue: s, onChange: a, externalWarning: n }) {
+  const i = U[e.key], l = s ?? e.value, p = s !== void 0 && s !== e.value, r = i?.inputType === "boolean", o = S(() => {
+    if (n) return n;
     if (!i?.warningThreshold) return null;
     const c = parseInt(l, 10);
     if (isNaN(c)) return null;
     const { above: m, below: y, message: _ } = i.warningThreshold;
     return m !== void 0 && c > m || y !== void 0 && c < y ? _ : null;
-  }, [l, i?.warningThreshold, r]);
+  }, [l, i?.warningThreshold, n]);
   return i ? /* @__PURE__ */ t(
     "div",
     {
-      className: `cedros-setting-row ${p ? "cedros-setting-row-changed" : ""} ${o ? "cedros-setting-row-warning" : ""} ${n ? "cedros-setting-row-toggle" : ""}`,
-      children: n ? /* @__PURE__ */ u(f, { children: [
+      className: `cedros-setting-row ${p ? "cedros-setting-row-changed" : ""} ${o ? "cedros-setting-row-warning" : ""} ${r ? "cedros-setting-row-toggle" : ""}`,
+      children: r ? /* @__PURE__ */ u(f, { children: [
         /* @__PURE__ */ u("div", { className: "cedros-setting-control cedros-setting-control-toggle", children: [
           /* @__PURE__ */ t(
             x,
@@ -1104,7 +1115,7 @@ function x({ meta: e, value: s, onChange: a }) {
       return /* @__PURE__ */ t(F, { value: s, onChange: a, presets: e.presets, min: e.min });
     case "percentage":
       return /* @__PURE__ */ t(
-        W,
+        q,
         {
           value: s,
           onChange: a,
@@ -1116,7 +1127,7 @@ function x({ meta: e, value: s, onChange: a }) {
       );
     case "select":
       return /* @__PURE__ */ t(
-        q,
+        W,
         {
           value: s,
           onChange: a,
@@ -1143,7 +1154,7 @@ function x({ meta: e, value: s, onChange: a }) {
         {
           type: "text",
           value: s,
-          onChange: (r) => a(r.target.value),
+          onChange: (n) => a(n.target.value),
           className: "cedros-setting-input",
           placeholder: e.label
         }
@@ -1160,24 +1171,24 @@ function x({ meta: e, value: s, onChange: a }) {
         {
           type: "text",
           value: s,
-          onChange: (r) => a(r.target.value),
+          onChange: (n) => a(n.target.value),
           className: "cedros-setting-input"
         }
       );
   }
 }
-function F({ value: e, onChange: s, presets: a, min: r = 0 }) {
+function F({ value: e, onChange: s, presets: a, min: n = 0 }) {
   const i = parseInt(e, 10) || 0, l = I(i), p = d(
     (o) => {
       o.target.value && s(o.target.value);
     },
     [s]
-  ), n = d(
+  ), r = d(
     (o) => {
-      const c = Math.max(r, parseInt(o.target.value, 10) || 0);
+      const c = Math.max(n, parseInt(o.target.value, 10) || 0);
       s(String(c));
     },
-    [s, r]
+    [s, n]
   );
   return /* @__PURE__ */ u("div", { className: "cedros-duration-input", children: [
     a && a.length > 0 && /* @__PURE__ */ u(
@@ -1198,8 +1209,8 @@ function F({ value: e, onChange: s, presets: a, min: r = 0 }) {
         {
           type: "number",
           value: i,
-          onChange: n,
-          min: r,
+          onChange: r,
+          min: n,
           className: "cedros-setting-input cedros-setting-input-sm"
         }
       ),
@@ -1211,15 +1222,15 @@ function F({ value: e, onChange: s, presets: a, min: r = 0 }) {
     ] })
   ] });
 }
-function W({
+function q({
   value: e,
   onChange: s,
   min: a,
-  max: r,
+  max: n,
   step: i,
   presets: l
 }) {
-  const p = parseInt(e, 10) || a, n = d(
+  const p = parseInt(e, 10) || a, r = d(
     (c) => {
       s(c.target.value);
     },
@@ -1237,9 +1248,9 @@ function W({
         {
           type: "range",
           value: p,
-          onChange: n,
+          onChange: r,
           min: a,
-          max: r,
+          max: n,
           step: i,
           className: "cedros-percentage-slider"
         }
@@ -1261,15 +1272,15 @@ function W({
     )) })
   ] });
 }
-function q({ value: e, onChange: s, presets: a, unit: r }) {
-  const i = !a.some((n) => n.value === e), l = d(
-    (n) => {
-      n.target.value !== "__custom__" && s(n.target.value);
+function W({ value: e, onChange: s, presets: a, unit: n }) {
+  const i = !a.some((r) => r.value === e), l = d(
+    (r) => {
+      r.target.value !== "__custom__" && s(r.target.value);
     },
     [s]
   ), p = d(
-    (n) => {
-      s(n.target.value);
+    (r) => {
+      s(r.target.value);
     },
     [s]
   );
@@ -1281,7 +1292,7 @@ function q({ value: e, onChange: s, presets: a, unit: r }) {
         onChange: l,
         className: "cedros-setting-select",
         children: [
-          a.map((n) => /* @__PURE__ */ t("option", { value: n.value, children: n.label }, n.value)),
+          a.map((r) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, r.value)),
           /* @__PURE__ */ t("option", { value: "__custom__", children: "Custom..." })
         ]
       }
@@ -1296,11 +1307,11 @@ function q({ value: e, onChange: s, presets: a, unit: r }) {
           className: "cedros-setting-input cedros-setting-input-sm"
         }
       ),
-      r && /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: r })
+      n && /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: n })
     ] })
   ] });
 }
-function $({ value: e, onChange: s, min: a, max: r, unit: i }) {
+function $({ value: e, onChange: s, min: a, max: n, unit: i }) {
   const l = d(
     (p) => {
       s(p.target.value);
@@ -1315,7 +1326,7 @@ function $({ value: e, onChange: s, min: a, max: r, unit: i }) {
         value: e,
         onChange: l,
         min: a,
-        max: r,
+        max: n,
         className: "cedros-setting-input"
       }
     ),
@@ -1323,7 +1334,7 @@ function $({ value: e, onChange: s, min: a, max: r, unit: i }) {
   ] });
 }
 function j({ value: e, onChange: s }) {
-  const a = e === "true", r = d(() => {
+  const a = e === "true", n = d(() => {
     s(a ? "false" : "true");
   }, [a, s]);
   return /* @__PURE__ */ u(
@@ -1333,7 +1344,7 @@ function j({ value: e, onChange: s }) {
       role: "switch",
       "aria-checked": a,
       className: `cedros-toggle ${a ? "cedros-toggle-on" : "cedros-toggle-off"}`,
-      onClick: r,
+      onClick: n,
       children: [
         /* @__PURE__ */ t("span", { className: "cedros-toggle-track", children: /* @__PURE__ */ t("span", { className: "cedros-toggle-thumb" }) }),
         /* @__PURE__ */ t("span", { className: "cedros-toggle-label", children: a ? "Enabled" : "Disabled" })
@@ -1342,7 +1353,7 @@ function j({ value: e, onChange: s }) {
   );
 }
 function J({ value: e, onChange: s, multiline: a }) {
-  const [r, i] = w(!1), [l, p] = w(!1), n = e && e.length > 0, o = d(() => {
+  const [n, i] = w(!1), [l, p] = w(!1), r = e && e.length > 0, o = d(() => {
     i(!0), p(!0);
   }, []), c = d(() => {
     i(!1), p(!1);
@@ -1352,7 +1363,7 @@ function J({ value: e, onChange: s, multiline: a }) {
     },
     [s]
   );
-  return !r && n ? /* @__PURE__ */ u("div", { className: "cedros-secret-input cedros-secret-input-masked", children: [
+  return !n && r ? /* @__PURE__ */ u("div", { className: "cedros-secret-input cedros-secret-input-masked", children: [
     /* @__PURE__ */ t("span", { className: "cedros-secret-masked", children: "•".repeat(Math.min(e.length, 20)) }),
     /* @__PURE__ */ t("button", { type: "button", className: "cedros-secret-edit-btn", onClick: o, children: "Edit" })
   ] }) : /* @__PURE__ */ u("div", { className: "cedros-secret-input", children: [
@@ -1385,7 +1396,7 @@ function J({ value: e, onChange: s, multiline: a }) {
           children: l ? "Hide" : "Show"
         }
       ),
-      r && /* @__PURE__ */ t("button", { type: "button", className: "cedros-secret-done-btn", onClick: c, children: "Done" })
+      n && /* @__PURE__ */ t("button", { type: "button", className: "cedros-secret-done-btn", onClick: c, children: "Done" })
     ] })
   ] });
 }
@@ -1396,39 +1407,39 @@ function G({ value: e, onChange: s }) {
     } catch {
       return [];
     }
-  }, [e]), r = d(
-    (n) => {
-      s(JSON.stringify(n));
+  }, [e]), n = d(
+    (r) => {
+      s(JSON.stringify(r));
     },
     [s]
   ), i = d(() => {
-    r([...a, { symbol: "", mint: "", decimals: 6 }]);
-  }, [a, r]), l = d(
-    (n, o, c) => {
+    n([...a, { symbol: "", mint: "", decimals: 6 }]);
+  }, [a, n]), l = d(
+    (r, o, c) => {
       const m = [...a];
-      m[n] = { ...m[n], [o]: c }, r(m);
+      m[r] = { ...m[r], [o]: c }, n(m);
     },
-    [a, r]
+    [a, n]
   ), p = d(
-    (n) => {
-      r(a.filter((o, c) => c !== n));
+    (r) => {
+      n(a.filter((o, c) => c !== r));
     },
-    [a, r]
+    [a, n]
   );
   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: A.map((n) => /* @__PURE__ */ t("span", { className: "cedros-token-preset-chip", children: n }, n)) })
+      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: A.map((r) => /* @__PURE__ */ t("span", { className: "cedros-token-preset-chip", children: r }, r)) })
     ] }),
     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: [
+    a.map((r, o) => /* @__PURE__ */ u("div", { className: "cedros-token-row", children: [
       /* @__PURE__ */ u("div", { className: "cedros-token-row-fields", children: [
         /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             placeholder: "Symbol",
-            value: n.symbol,
+            value: r.symbol,
             onChange: (c) => l(o, "symbol", c.target.value.toUpperCase()),
             className: "cedros-setting-input cedros-token-input-symbol",
             maxLength: 10
@@ -1439,7 +1450,7 @@ function G({ value: e, onChange: s }) {
           {
             type: "text",
             placeholder: "Mint address",
-            value: n.mint,
+            value: r.mint,
             onChange: (c) => l(o, "mint", c.target.value),
             className: "cedros-setting-input cedros-token-input-mint"
           }
@@ -1449,7 +1460,7 @@ function G({ value: e, onChange: s }) {
           {
             type: "number",
             placeholder: "Decimals",
-            value: n.decimals,
+            value: r.decimals,
             onChange: (c) => l(o, "decimals", parseInt(c.target.value, 10) || 0),
             className: "cedros-setting-input cedros-token-input-decimals",
             min: 0,
@@ -1461,7 +1472,7 @@ function G({ value: e, onChange: s }) {
           {
             type: "text",
             placeholder: "Logo URL (optional)",
-            value: n.logoUrl || "",
+            value: r.logoUrl || "",
             onChange: (c) => l(o, "logoUrl", c.target.value || void 0),
             className: "cedros-setting-input cedros-token-input-logo"
           }
@@ -1482,7 +1493,7 @@ function G({ value: e, onChange: s }) {
   ] });
 }
 function B({ value: e, onChange: s }) {
-  const a = S(() => e.split(",").map((l) => l.trim()).filter(Boolean), [e]), r = d(
+  const a = S(() => e.split(",").map((l) => l.trim()).filter(Boolean), [e]), n = d(
     (l) => {
       if (!l || a.includes(l)) return;
       const p = [...a, l].join(", ");
@@ -1491,7 +1502,7 @@ function B({ value: e, onChange: s }) {
     [a, s]
   ), i = d(
     (l) => {
-      const p = a.filter((n) => n !== l).join(", ");
+      const p = a.filter((r) => r !== l).join(", ");
       s(p);
     },
     [a, s]
@@ -1506,7 +1517,7 @@ function B({ value: e, onChange: s }) {
           {
             type: "button",
             className: `cedros-token-preset-chip ${p ? "cedros-token-preset-chip-selected" : ""}`,
-            onClick: () => p ? i(l) : r(l),
+            onClick: () => p ? i(l) : n(l),
             title: p ? `Remove ${l}` : `Add ${l}`,
             children: [
               l,
@@ -1531,7 +1542,7 @@ function B({ value: e, onChange: s }) {
 }
 const H = 800, V = 2e3;
 function Z() {
-  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({});
+  const { settings: e, isLoading: s, error: a, fetchSettings: n, updateSettings: i } = R(), [l, p] = w({}), [r, o] = w("idle"), [c, m] = w(null), y = T(null), _ = T(null), k = T({});
   O(() => () => {
     y.current && clearTimeout(y.current), _.current && clearTimeout(_.current);
   }, []);
@@ -1583,10 +1594,10 @@ function Z() {
     settings: e,
     edits: l,
     isLoading: s,
-    autosaveStatus: n,
+    autosaveStatus: r,
     autosaveError: c,
     error: a,
-    fetchSettings: r,
+    fetchSettings: n,
     handleChange: C,
     getEffectiveValue: L
   };
@@ -1615,6 +1626,6 @@ export {
   ee as A,
   X as C,
   Q as S,
-  M as a,
+  U as a,
   Z as u
 };