@cedros/login-react 0.0.38 → 0.0.40

package/dist/{AutosaveStatus-Bgts5i6l.js → AutosaveStatus-CSZsp6w7.js}

@@ -1,13 +1,13 @@
 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 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 };
+import { u as E } from "./useSystemSettings-rgskaDqP.js";
+function R(e) {
+  const l = Math.floor(e / 86400), a = Math.floor(e % 86400 / 3600), n = Math.floor(e % 3600 / 60), s = e % 60;
+  return { days: l, hours: a, minutes: n, seconds: s };
 }
 function I(e) {
-  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 { days: l, hours: a, minutes: n } = R(e), s = [];
+  return l > 0 && s.push(`${l}d`), a > 0 && s.push(`${a}h`), n > 0 && s.push(`${n}m`), s.length === 0 && s.push(`${e}s`), s.join(" ");
 }
 const U = {
   // ============= Authentication Providers =============
@@ -907,6 +907,25 @@ const U = {
     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"
+  },
+  // ============= Wallet Enrollment =============
+  postlogin_wallet_enroll_enabled: {
+    key: "postlogin_wallet_enroll_enabled",
+    label: "Prompt Wallet Enrollment",
+    description: "Prompt users to enroll an embedded wallet after signup. Requires the Embedded Wallet feature to be enabled.",
+    inputType: "boolean"
+  },
+  wallet_enroll_solana_users: {
+    key: "wallet_enroll_solana_users",
+    label: "Enroll Solana Wallet Users",
+    description: "Also prompt Solana wallet users to enroll an embedded wallet. By default they are skipped since they already have a wallet.",
+    inputType: "boolean"
+  },
+  postlogin_show_recovery_enabled: {
+    key: "postlogin_show_recovery_enabled",
+    label: "Show Recovery Info",
+    description: "Show wallet recovery information screen after account creation. Displays recovery phrase based on the configured recovery mode.",
+    inputType: "boolean"
   }
 }, X = {
   // Auth providers (sorted alphabetically by subcategory)
@@ -965,6 +984,11 @@ const U = {
     description: "Prompt users to choose a unique handle-style username.",
     icon: ""
   },
+  "postlogin.wallet": {
+    label: "Wallet Enrollment",
+    description: "Prompt users to enroll an embedded wallet after signup.",
+    icon: ""
+  },
   deposit: {
     label: "Deposit Settings",
     description: "Configure deposit tokens, fees, and related settings.",
@@ -1023,73 +1047,73 @@ const U = {
   "ORE"
 ];
 function N(e) {
-  const s = e.split(/(<a\s[^>]*>.*?<\/a>)/g);
-  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] }, n) : a;
+  const l = e.split(/(<a\s[^>]*>.*?<\/a>)/g);
+  return l.length === 1 ? e : l.map((a, n) => {
+    const s = a.match(/^<a\s+href="([^"]+)"[^>]*>([^<]+)<\/a>$/);
+    return s ? /* @__PURE__ */ t("a", { href: s[1], target: "_blank", rel: "noopener noreferrer", children: s[2] }, n) : a;
   });
 }
 function Q({
   settings: e,
-  edits: s,
+  edits: l,
   onChange: a,
   externalWarnings: n
 }) {
-  return /* @__PURE__ */ t("div", { className: "cedros-settings-grid", children: e.map((i) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: "cedros-settings-grid", children: e.map((s) => /* @__PURE__ */ t(
     M,
     {
-      setting: i,
-      editValue: s[i.key],
+      setting: s,
+      editValue: l[s.key],
       onChange: a,
-      externalWarning: n?.[i.key]
+      externalWarning: n?.[s.key]
     },
-    i.key
+    s.key
   )) });
 }
-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(() => {
+function M({ setting: e, editValue: l, onChange: a, externalWarning: n }) {
+  const s = U[e.key], i = l ?? e.value, p = l !== void 0 && l !== e.value, o = s?.inputType === "boolean", r = S(() => {
     if (n) return n;
-    if (!i?.warningThreshold) return null;
-    const c = parseInt(l, 10);
+    if (!s?.warningThreshold) return null;
+    const c = parseInt(i, 10);
     if (isNaN(c)) return null;
-    const { above: m, below: y, message: _ } = i.warningThreshold;
+    const { above: m, below: y, message: _ } = s.warningThreshold;
     return m !== void 0 && c > m || y !== void 0 && c < y ? _ : null;
-  }, [l, i?.warningThreshold, n]);
-  return i ? /* @__PURE__ */ t(
+  }, [i, s?.warningThreshold, n]);
+  return s ? /* @__PURE__ */ t(
     "div",
     {
-      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: [
+      className: `cedros-setting-row ${p ? "cedros-setting-row-changed" : ""} ${r ? "cedros-setting-row-warning" : ""} ${o ? "cedros-setting-row-toggle" : ""}`,
+      children: o ? /* @__PURE__ */ u(f, { children: [
         /* @__PURE__ */ u("div", { className: "cedros-setting-control cedros-setting-control-toggle", children: [
           /* @__PURE__ */ t(
             x,
             {
-              meta: i,
-              value: l,
+              meta: s,
+              value: i,
               onChange: (c) => a(e.key, c)
             }
           ),
-          o && /* @__PURE__ */ t("div", { className: "cedros-setting-warning", children: o })
+          r && /* @__PURE__ */ t("div", { className: "cedros-setting-warning", children: r })
         ] }),
         /* @__PURE__ */ u("div", { className: "cedros-setting-label", children: [
-          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: i.label }),
-          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: N(i.description) })
+          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: s.label }),
+          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: N(s.description) })
         ] })
       ] }) : /* @__PURE__ */ u(f, { children: [
         /* @__PURE__ */ u("div", { className: "cedros-setting-label", children: [
-          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: i.label }),
-          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: N(i.description) })
+          /* @__PURE__ */ t("span", { className: "cedros-setting-name", children: s.label }),
+          /* @__PURE__ */ t("span", { className: "cedros-setting-description", children: N(s.description) })
         ] }),
         /* @__PURE__ */ u("div", { className: "cedros-setting-control", children: [
           /* @__PURE__ */ t(
             x,
             {
-              meta: i,
-              value: l,
+              meta: s,
+              value: i,
               onChange: (c) => a(e.key, c)
             }
           ),
-          o && /* @__PURE__ */ t("div", { className: "cedros-setting-warning", children: o })
+          r && /* @__PURE__ */ t("div", { className: "cedros-setting-warning", children: r })
         ] })
       ] })
     }
@@ -1102,22 +1126,22 @@ function M({ setting: e, editValue: s, onChange: a, externalWarning: n }) {
       "input",
       {
         type: "text",
-        value: l,
+        value: i,
         onChange: (c) => a(e.key, c.target.value),
         className: "cedros-setting-input"
       }
     ) })
   ] });
 }
-function x({ meta: e, value: s, onChange: a }) {
+function x({ meta: e, value: l, onChange: a }) {
   switch (e.inputType) {
     case "duration":
-      return /* @__PURE__ */ t(F, { value: s, onChange: a, presets: e.presets, min: e.min });
+      return /* @__PURE__ */ t(W, { value: l, onChange: a, presets: e.presets, min: e.min });
     case "percentage":
       return /* @__PURE__ */ t(
         q,
         {
-          value: s,
+          value: l,
           onChange: a,
           min: e.min ?? 1,
           max: e.max ?? 100,
@@ -1127,9 +1151,9 @@ function x({ meta: e, value: s, onChange: a }) {
       );
     case "select":
       return /* @__PURE__ */ t(
-        W,
+        F,
         {
-          value: s,
+          value: l,
           onChange: a,
           presets: e.presets ?? [],
           unit: e.unit
@@ -1139,7 +1163,7 @@ function x({ meta: e, value: s, onChange: a }) {
       return /* @__PURE__ */ t(
         $,
         {
-          value: s,
+          value: l,
           onChange: a,
           min: e.min,
           max: e.max,
@@ -1147,59 +1171,59 @@ function x({ meta: e, value: s, onChange: a }) {
         }
       );
     case "tokenList":
-      return /* @__PURE__ */ t(G, { value: s, onChange: a });
+      return /* @__PURE__ */ t(B, { value: l, onChange: a });
     case "text":
       return /* @__PURE__ */ t(
         "input",
         {
           type: "text",
-          value: s,
+          value: l,
           onChange: (n) => a(n.target.value),
           className: "cedros-setting-input",
           placeholder: e.label
         }
       );
     case "boolean":
-      return /* @__PURE__ */ t(j, { value: s, onChange: a });
+      return /* @__PURE__ */ t(j, { value: l, onChange: a });
     case "secret":
-      return /* @__PURE__ */ t(J, { value: s, onChange: a, multiline: e.multiline });
+      return /* @__PURE__ */ t(J, { value: l, onChange: a, multiline: e.multiline });
     case "tokenSymbolList":
-      return /* @__PURE__ */ t(B, { value: s, onChange: a });
+      return /* @__PURE__ */ t(G, { value: l, onChange: a });
     default:
       return /* @__PURE__ */ t(
         "input",
         {
           type: "text",
-          value: s,
+          value: l,
           onChange: (n) => a(n.target.value),
           className: "cedros-setting-input"
         }
       );
   }
 }
-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);
+function W({ value: e, onChange: l, presets: a, min: n = 0 }) {
+  const s = parseInt(e, 10) || 0, i = I(s), p = d(
+    (r) => {
+      r.target.value && l(r.target.value);
     },
-    [s]
-  ), r = d(
-    (o) => {
-      const c = Math.max(n, parseInt(o.target.value, 10) || 0);
-      s(String(c));
+    [l]
+  ), o = d(
+    (r) => {
+      const c = Math.max(n, parseInt(r.target.value, 10) || 0);
+      l(String(c));
     },
-    [s, n]
+    [l, n]
   );
   return /* @__PURE__ */ u("div", { className: "cedros-duration-input", children: [
     a && a.length > 0 && /* @__PURE__ */ u(
       "select",
       {
-        value: a.find((o) => o.value === e)?.value ?? "",
+        value: a.find((r) => r.value === e)?.value ?? "",
         onChange: p,
         className: "cedros-setting-select",
         children: [
           /* @__PURE__ */ t("option", { value: "", children: "Custom..." }),
-          a.map((o) => /* @__PURE__ */ t("option", { value: o.value, children: o.label }, o.value))
+          a.map((r) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, r.value))
         ]
       }
     ),
@@ -1208,8 +1232,8 @@ function F({ value: e, onChange: s, presets: a, min: n = 0 }) {
         "input",
         {
           type: "number",
-          value: i,
-          onChange: r,
+          value: s,
+          onChange: o,
           min: n,
           className: "cedros-setting-input cedros-setting-input-sm"
         }
@@ -1217,29 +1241,29 @@ function F({ value: e, onChange: s, presets: a, min: n = 0 }) {
       /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: "seconds" }),
       /* @__PURE__ */ u("span", { className: "cedros-duration-display", children: [
         "= ",
-        l
+        i
       ] })
     ] })
   ] });
 }
 function q({
   value: e,
-  onChange: s,
+  onChange: l,
   min: a,
   max: n,
-  step: i,
-  presets: l
+  step: s,
+  presets: i
 }) {
-  const p = parseInt(e, 10) || a, r = d(
+  const p = parseInt(e, 10) || a, o = d(
     (c) => {
-      s(c.target.value);
+      l(c.target.value);
     },
-    [s]
-  ), o = d(
+    [l]
+  ), r = d(
     (c) => {
-      s(c);
+      l(c);
     },
-    [s]
+    [l]
   );
   return /* @__PURE__ */ u("div", { className: "cedros-percentage-input", children: [
     /* @__PURE__ */ u("div", { className: "cedros-percentage-slider-row", children: [
@@ -1248,10 +1272,10 @@ function q({
         {
           type: "range",
           value: p,
-          onChange: r,
+          onChange: o,
           min: a,
           max: n,
-          step: i,
+          step: s,
           className: "cedros-percentage-slider"
         }
       ),
@@ -1260,44 +1284,44 @@ function q({
         "%"
       ] })
     ] }),
-    l && l.length > 0 && /* @__PURE__ */ t("div", { className: "cedros-preset-buttons", children: l.map((c) => /* @__PURE__ */ t(
+    i && i.length > 0 && /* @__PURE__ */ t("div", { className: "cedros-preset-buttons", children: i.map((c) => /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: `cedros-preset-button ${c.value === e ? "cedros-preset-button-active" : ""}`,
-        onClick: () => o(c.value),
+        onClick: () => r(c.value),
         children: c.label
       },
       c.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);
+function F({ value: e, onChange: l, presets: a, unit: n }) {
+  const s = !a.some((o) => o.value === e), i = d(
+    (o) => {
+      o.target.value !== "__custom__" && l(o.target.value);
     },
-    [s]
+    [l]
   ), p = d(
-    (r) => {
-      s(r.target.value);
+    (o) => {
+      l(o.target.value);
     },
-    [s]
+    [l]
   );
   return /* @__PURE__ */ u("div", { className: "cedros-select-input", children: [
     /* @__PURE__ */ u(
       "select",
       {
-        value: i ? "__custom__" : e,
-        onChange: l,
+        value: s ? "__custom__" : e,
+        onChange: i,
         className: "cedros-setting-select",
         children: [
-          a.map((r) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, r.value)),
+          a.map((o) => /* @__PURE__ */ t("option", { value: o.value, children: o.label }, o.value)),
           /* @__PURE__ */ t("option", { value: "__custom__", children: "Custom..." })
         ]
       }
     ),
-    i && /* @__PURE__ */ u("div", { className: "cedros-select-custom", children: [
+    s && /* @__PURE__ */ u("div", { className: "cedros-select-custom", children: [
       /* @__PURE__ */ t(
         "input",
         {
@@ -1311,12 +1335,12 @@ function W({ value: e, onChange: s, presets: a, unit: n }) {
     ] })
   ] });
 }
-function $({ value: e, onChange: s, min: a, max: n, unit: i }) {
-  const l = d(
+function $({ value: e, onChange: l, min: a, max: n, unit: s }) {
+  const i = d(
     (p) => {
-      s(p.target.value);
+      l(p.target.value);
     },
-    [s]
+    [l]
   );
   return /* @__PURE__ */ u("div", { className: "cedros-number-input", children: [
     /* @__PURE__ */ t(
@@ -1324,19 +1348,19 @@ function $({ value: e, onChange: s, min: a, max: n, unit: i }) {
       {
         type: "number",
         value: e,
-        onChange: l,
+        onChange: i,
         min: a,
         max: n,
         className: "cedros-setting-input"
       }
     ),
-    i && /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: i })
+    s && /* @__PURE__ */ t("span", { className: "cedros-setting-unit", children: s })
   ] });
 }
-function j({ value: e, onChange: s }) {
+function j({ value: e, onChange: l }) {
   const a = e === "true", n = d(() => {
-    s(a ? "false" : "true");
-  }, [a, s]);
+    l(a ? "false" : "true");
+  }, [a, l]);
   return /* @__PURE__ */ u(
     "button",
     {
@@ -1352,20 +1376,20 @@ function j({ value: e, onChange: s }) {
     }
   );
 }
-function J({ value: e, onChange: s, multiline: a }) {
-  const [n, i] = w(!1), [l, p] = w(!1), r = e && e.length > 0, o = d(() => {
-    i(!0), p(!0);
+function J({ value: e, onChange: l, multiline: a }) {
+  const [n, s] = w(!1), [i, p] = w(!1), o = e && e.length > 0, r = d(() => {
+    s(!0), p(!0);
   }, []), c = d(() => {
-    i(!1), p(!1);
+    s(!1), p(!1);
   }, []), m = d(
     (y) => {
-      s(y.target.value);
+      l(y.target.value);
     },
-    [s]
+    [l]
   );
-  return !n && r ? /* @__PURE__ */ u("div", { className: "cedros-secret-input cedros-secret-input-masked", children: [
+  return !n && o ? /* @__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__ */ t("button", { type: "button", className: "cedros-secret-edit-btn", onClick: r, children: "Edit" })
   ] }) : /* @__PURE__ */ u("div", { className: "cedros-secret-input", children: [
     a ? /* @__PURE__ */ t(
       "textarea",
@@ -1379,7 +1403,7 @@ function J({ value: e, onChange: s, multiline: a }) {
     ) : /* @__PURE__ */ t(
       "input",
       {
-        type: l ? "text" : "password",
+        type: i ? "text" : "password",
         value: e,
         onChange: m,
         className: "cedros-setting-input",
@@ -1392,15 +1416,15 @@ function J({ value: e, onChange: s, multiline: a }) {
         {
           type: "button",
           className: "cedros-secret-toggle-btn",
-          onClick: () => p(!l),
-          children: l ? "Hide" : "Show"
+          onClick: () => p(!i),
+          children: i ? "Hide" : "Show"
         }
       ),
       n && /* @__PURE__ */ t("button", { type: "button", className: "cedros-secret-done-btn", onClick: c, children: "Done" })
     ] })
   ] });
 }
-function G({ value: e, onChange: s }) {
+function B({ value: e, onChange: l }) {
   const a = S(() => {
     try {
       return JSON.parse(e || "[]");
@@ -1408,39 +1432,39 @@ function G({ value: e, onChange: s }) {
       return [];
     }
   }, [e]), n = d(
-    (r) => {
-      s(JSON.stringify(r));
+    (o) => {
+      l(JSON.stringify(o));
     },
-    [s]
-  ), i = d(() => {
+    [l]
+  ), s = d(() => {
     n([...a, { symbol: "", mint: "", decimals: 6 }]);
-  }, [a, n]), l = d(
-    (r, o, c) => {
+  }, [a, n]), i = d(
+    (o, r, c) => {
       const m = [...a];
-      m[r] = { ...m[r], [o]: c }, n(m);
+      m[o] = { ...m[o], [r]: c }, n(m);
     },
     [a, n]
   ), p = d(
-    (r) => {
-      n(a.filter((o, c) => c !== r));
+    (o) => {
+      n(a.filter((r, c) => c !== o));
     },
     [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((r) => /* @__PURE__ */ t("span", { className: "cedros-token-preset-chip", children: r }, r)) })
+      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: A.map((o) => /* @__PURE__ */ t("span", { className: "cedros-token-preset-chip", children: o }, o)) })
     ] }),
     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((r, o) => /* @__PURE__ */ u("div", { className: "cedros-token-row", children: [
+    a.map((o, r) => /* @__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: r.symbol,
-            onChange: (c) => l(o, "symbol", c.target.value.toUpperCase()),
+            value: o.symbol,
+            onChange: (c) => i(r, "symbol", c.target.value.toUpperCase()),
             className: "cedros-setting-input cedros-token-input-symbol",
             maxLength: 10
           }
@@ -1450,8 +1474,8 @@ function G({ value: e, onChange: s }) {
           {
             type: "text",
             placeholder: "Mint address",
-            value: r.mint,
-            onChange: (c) => l(o, "mint", c.target.value),
+            value: o.mint,
+            onChange: (c) => i(r, "mint", c.target.value),
             className: "cedros-setting-input cedros-token-input-mint"
           }
         ),
@@ -1460,8 +1484,8 @@ function G({ value: e, onChange: s }) {
           {
             type: "number",
             placeholder: "Decimals",
-            value: r.decimals,
-            onChange: (c) => l(o, "decimals", parseInt(c.target.value, 10) || 0),
+            value: o.decimals,
+            onChange: (c) => i(r, "decimals", parseInt(c.target.value, 10) || 0),
             className: "cedros-setting-input cedros-token-input-decimals",
             min: 0,
             max: 18
@@ -1472,8 +1496,8 @@ function G({ value: e, onChange: s }) {
           {
             type: "text",
             placeholder: "Logo URL (optional)",
-            value: r.logoUrl || "",
-            onChange: (c) => l(o, "logoUrl", c.target.value || void 0),
+            value: o.logoUrl || "",
+            onChange: (c) => i(r, "logoUrl", c.target.value || void 0),
             className: "cedros-setting-input cedros-token-input-logo"
           }
         )
@@ -1483,48 +1507,48 @@ function G({ value: e, onChange: s }) {
         {
           type: "button",
           className: "cedros-token-remove-btn",
-          onClick: () => p(o),
+          onClick: () => p(r),
           title: "Remove token",
           children: "×"
         }
       )
-    ] }, o)),
-    /* @__PURE__ */ t("button", { type: "button", className: "cedros-token-add-btn", onClick: i, children: "+ Add Token" })
+    ] }, r)),
+    /* @__PURE__ */ t("button", { type: "button", className: "cedros-token-add-btn", onClick: s, children: "+ Add Token" })
   ] });
 }
-function B({ value: e, onChange: s }) {
-  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(", ");
-      s(p);
+function G({ value: e, onChange: l }) {
+  const a = S(() => e.split(",").map((i) => i.trim()).filter(Boolean), [e]), n = d(
+    (i) => {
+      if (!i || a.includes(i)) return;
+      const p = [...a, i].join(", ");
+      l(p);
     },
-    [a, s]
-  ), i = d(
-    (l) => {
-      const p = a.filter((r) => r !== l).join(", ");
-      s(p);
+    [a, l]
+  ), s = d(
+    (i) => {
+      const p = a.filter((o) => o !== i).join(", ");
+      l(p);
     },
-    [a, s]
+    [a, l]
   );
   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: A.map((l) => {
-        const p = a.includes(l);
+      /* @__PURE__ */ t("div", { className: "cedros-token-presets-list", children: A.map((i) => {
+        const p = a.includes(i);
         return /* @__PURE__ */ u(
           "button",
           {
             type: "button",
             className: `cedros-token-preset-chip ${p ? "cedros-token-preset-chip-selected" : ""}`,
-            onClick: () => p ? i(l) : n(l),
-            title: p ? `Remove ${l}` : `Add ${l}`,
+            onClick: () => p ? s(i) : n(i),
+            title: p ? `Remove ${i}` : `Add ${i}`,
             children: [
-              l,
+              i,
               p && /* @__PURE__ */ t("span", { className: "cedros-token-chip-check", children: "✓" })
             ]
           },
-          l
+          i
         );
       }) })
     ] }),
@@ -1533,7 +1557,7 @@ function B({ value: e, onChange: s }) {
       {
         type: "text",
         value: e,
-        onChange: (l) => s(l.target.value),
+        onChange: (i) => l(i.target.value),
         className: "cedros-setting-input",
         placeholder: "USDC, SOL, BONK..."
       }
@@ -1542,23 +1566,23 @@ function B({ value: e, onChange: s }) {
 }
 const H = 800, V = 2e3;
 function Z() {
-  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({});
+  const { settings: e, isLoading: l, error: a, fetchSettings: n, updateSettings: s } = E(), [i, p] = w({}), [o, r] = w("idle"), [c, m] = w(null), y = T(null), _ = T(null), k = T({});
   O(() => () => {
     y.current && clearTimeout(y.current), _.current && clearTimeout(_.current);
   }, []);
   const P = d(async () => {
     const h = { ...k.current };
     if (Object.keys(h).length === 0) {
-      o("idle");
+      r("idle");
       return;
     }
-    o("saving"), m(null);
+    r("saving"), m(null);
     const v = Object.entries(h).map(([b, g]) => ({
       key: b,
       value: g
     }));
     try {
-      await i(v), p((b) => {
+      await s(v), p((b) => {
         const g = { ...b };
         for (const D of Object.keys(h))
           delete g[D];
@@ -1566,35 +1590,35 @@ function Z() {
       });
       for (const b of Object.keys(h))
         delete k.current[b];
-      o("saved"), _.current && clearTimeout(_.current), _.current = setTimeout(() => {
-        o("idle");
+      r("saved"), _.current && clearTimeout(_.current), _.current = setTimeout(() => {
+        r("idle");
       }, V);
     } catch (b) {
-      o("error"), m(b instanceof Error ? b.message : "Failed to save");
+      r("error"), m(b instanceof Error ? b.message : "Failed to save");
     }
-  }, [i]), C = d(
+  }, [s]), 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(() => {
+      p((b) => ({ ...b, [h]: v })), k.current[h] = v, m(null), r("pending"), y.current && clearTimeout(y.current), y.current = setTimeout(() => {
         P();
       }, H);
     },
     [P]
   ), L = d(
     (h) => {
-      if (l[h] !== void 0) return l[h];
+      if (i[h] !== void 0) return i[h];
       for (const v of Object.values(e)) {
         const b = v.find((g) => g.key === h);
         if (b) return b.value;
       }
       return "";
     },
-    [l, e]
+    [i, e]
   );
   return {
     settings: e,
-    edits: l,
-    isLoading: s,
-    autosaveStatus: r,
+    edits: i,
+    isLoading: l,
+    autosaveStatus: o,
     autosaveError: c,
     error: a,
     fetchSettings: n,
@@ -1602,7 +1626,7 @@ function Z() {
     getEffectiveValue: L
   };
 }
-function ee({ status: e, error: s }) {
+function ee({ status: e, error: l }) {
   return e === "idle" ? null : /* @__PURE__ */ u("div", { className: `cedros-autosave-status cedros-autosave-status--${e}`, children: [
     e === "pending" && /* @__PURE__ */ u(f, { children: [
       /* @__PURE__ */ t("span", { className: "cedros-autosave-dot" }),
@@ -1618,7 +1642,7 @@ function ee({ status: e, error: s }) {
     ] }),
     e === "error" && /* @__PURE__ */ u(f, { children: [
       /* @__PURE__ */ t("span", { className: "cedros-autosave-error-icon", children: "!" }),
-      /* @__PURE__ */ t("span", { children: s || "Save failed" })
+      /* @__PURE__ */ t("span", { children: l || "Save failed" })
     ] })
   ] });
 }