@cedros/login-react 0.0.43 → 0.0.45

package/dist/{AutosaveStatus-DtF_58rC.js → AutosaveStatus-D-roPsRx.js}

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as d, Fragment as T } from "react/jsx-runtime";
+import { jsxs as d, jsx as e, Fragment as T } from "react/jsx-runtime";
 import { useMemo as N, useCallback as m, useState as f, useRef as P, useEffect as I } from "react";
 import { u as U } from "./useCedrosLogin-CFfID-0i.js";
 import { u as O } from "./useSystemSettings-rgskaDqP.js";
@@ -1421,11 +1421,6 @@ const W = {
     description: "Control the privacy period for deposits. Longer periods provide better timing privacy but delay fund availability.",
     icon: ""
   },
-  referral: {
-    label: "Referral & Payouts",
-    description: "Configure referral rewards, payout triggers, and the automated payout worker.",
-    icon: ""
-  },
   rate_limit: {
     label: "Rate Limiting",
     description: "Protect the system from abuse by limiting request rates. Balance security with user experience.",
@@ -1475,6 +1470,11 @@ const W = {
     label: "Token Gating",
     description: "Configure Solana wallet holdings requirements for gated access.",
     icon: ""
+  },
+  referral: {
+    label: "Referrals & Rewards",
+    description: "Configure referral reward types, amounts, triggers, caps, and payout worker settings.",
+    icon: ""
   }
 }, L = [
   "SOL",
@@ -1488,6 +1488,264 @@ const W = {
   "BONK",
   "ORE"
 ];
+function j({ value: t, onChange: i, multiline: a }) {
+  const [n, r] = f(!1), [s, p] = f(!1), l = t && t.length > 0, o = m(() => {
+    r(!0), p(!0);
+  }, []), c = m(() => {
+    r(!1), p(!1);
+  }, []), y = m(
+    (b) => {
+      i(b.target.value);
+    },
+    [i]
+  );
+  return !n && l ? /* @__PURE__ */ d("div", { className: "cedros-secret-input cedros-secret-input-masked", children: [
+    /* @__PURE__ */ e("span", { className: "cedros-secret-masked", children: "•".repeat(Math.min(t.length, 20)) }),
+    /* @__PURE__ */ e("button", { type: "button", className: "cedros-secret-edit-btn", onClick: o, children: "Edit" })
+  ] }) : /* @__PURE__ */ d("div", { className: "cedros-secret-input", children: [
+    a ? /* @__PURE__ */ e(
+      "textarea",
+      {
+        value: t,
+        onChange: y,
+        className: "cedros-setting-input cedros-setting-textarea",
+        placeholder: "Enter secret value...",
+        rows: 4
+      }
+    ) : /* @__PURE__ */ e(
+      "input",
+      {
+        type: s ? "text" : "password",
+        value: t,
+        onChange: y,
+        className: "cedros-setting-input",
+        placeholder: "Enter secret value..."
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "cedros-secret-actions", children: [
+      !a && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-secret-toggle-btn",
+          onClick: () => p(!s),
+          children: s ? "Hide" : "Show"
+        }
+      ),
+      n && /* @__PURE__ */ e("button", { type: "button", className: "cedros-secret-done-btn", onClick: c, children: "Done" })
+    ] })
+  ] });
+}
+function F({ settingKey: t, value: i }) {
+  const [a, n] = f(null), [r, s] = f(!1), [p, l] = f(!1), [o, c] = f(null), [y, b] = f(!1), { config: _, _internal: w } = U(), g = a ?? i, x = g && g.length > 0, C = x && !a, h = m(async () => {
+    if (g)
+      try {
+        await navigator.clipboard.writeText(g), s(!0), setTimeout(() => s(!1), 2e3);
+      } catch {
+        const u = document.createElement("textarea");
+        u.value = g, document.body.appendChild(u), u.select(), document.execCommand("copy"), document.body.removeChild(u), s(!0), setTimeout(() => s(!1), 2e3);
+      }
+  }, [g]), k = m(async () => {
+    l(!0), c(null);
+    try {
+      const u = w?.getAccessToken?.(), v = { "Content-Type": "application/json" };
+      u && (v.Authorization = `Bearer ${u}`);
+      const S = await fetch(
+        `${_.serverUrl}/auth/admin/settings/regenerate/${t}`,
+        { method: "POST", headers: v, credentials: "include" }
+      );
+      if (!S.ok) {
+        const A = await S.json().catch(() => null);
+        throw new Error(A?.message || A?.error || `Regenerate failed (${S.status})`);
+      }
+      const E = await S.json();
+      n(E.value), b(!1);
+    } catch (u) {
+      c(u instanceof Error ? u.message : "Failed to regenerate");
+    } finally {
+      l(!1);
+    }
+  }, [_.serverUrl, w, t]);
+  return /* @__PURE__ */ d("div", { className: "cedros-readonly-secret", children: [
+    /* @__PURE__ */ e("div", { className: "cedros-readonly-secret-value", children: C ? /* @__PURE__ */ e("span", { className: "cedros-secret-masked", children: "•".repeat(20) }) : x ? /* @__PURE__ */ e("code", { className: "cedros-readonly-secret-code", children: g }) : /* @__PURE__ */ e("span", { className: "cedros-readonly-secret-empty", children: "Not generated yet" }) }),
+    /* @__PURE__ */ d("div", { className: "cedros-readonly-secret-actions", children: [
+      x && /* @__PURE__ */ e("button", { type: "button", className: "cedros-secret-action-btn", onClick: h, children: r ? "Copied!" : "Copy" }),
+      y ? /* @__PURE__ */ d("span", { className: "cedros-readonly-secret-confirm", children: [
+        /* @__PURE__ */ e("span", { className: "cedros-readonly-secret-confirm-text", children: "Update deploy secret too?" }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "cedros-secret-action-btn cedros-secret-action-btn--danger",
+            onClick: k,
+            disabled: p,
+            children: p ? "Regenerating..." : "Confirm"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "cedros-secret-action-btn",
+            onClick: () => b(!1),
+            disabled: p,
+            children: "Cancel"
+          }
+        )
+      ] }) : /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-secret-action-btn cedros-secret-action-btn--danger",
+          onClick: () => b(!0),
+          disabled: p,
+          children: "Regenerate"
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ e("p", { className: "cedros-readonly-secret-error", children: o })
+  ] });
+}
+function $({ value: t, onChange: i }) {
+  const a = N(() => {
+    try {
+      return JSON.parse(t || "[]");
+    } catch {
+      return [];
+    }
+  }, [t]), n = m(
+    (l) => {
+      i(JSON.stringify(l));
+    },
+    [i]
+  ), r = m(() => {
+    n([...a, { symbol: "", mint: "", decimals: 6 }]);
+  }, [a, n]), s = m(
+    (l, o, c) => {
+      const y = [...a];
+      y[l] = { ...y[l], [o]: c }, n(y);
+    },
+    [a, n]
+  ), p = m(
+    (l) => {
+      n(a.filter((o, c) => c !== l));
+    },
+    [a, n]
+  );
+  return /* @__PURE__ */ d("div", { className: "cedros-token-list-input", children: [
+    /* @__PURE__ */ d("div", { className: "cedros-token-presets", children: [
+      /* @__PURE__ */ e("span", { className: "cedros-token-presets-label", children: "Built-in tokens:" }),
+      /* @__PURE__ */ e("div", { className: "cedros-token-presets-list", children: L.map((l) => /* @__PURE__ */ e("span", { className: "cedros-token-preset-chip", children: l }, l)) })
+    ] }),
+    a.length === 0 && /* @__PURE__ */ e("p", { className: "cedros-token-list-empty", children: "No custom tokens added. Use the built-in tokens above or add your own." }),
+    a.map((l, o) => /* @__PURE__ */ d("div", { className: "cedros-token-row", children: [
+      /* @__PURE__ */ d("div", { className: "cedros-token-row-fields", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            placeholder: "Symbol",
+            value: l.symbol,
+            onChange: (c) => s(o, "symbol", c.target.value.toUpperCase()),
+            className: "cedros-setting-input cedros-token-input-symbol",
+            maxLength: 10
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            placeholder: "Mint address",
+            value: l.mint,
+            onChange: (c) => s(o, "mint", c.target.value),
+            className: "cedros-setting-input cedros-token-input-mint"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            placeholder: "Decimals",
+            value: l.decimals,
+            onChange: (c) => s(o, "decimals", parseInt(c.target.value, 10) || 0),
+            className: "cedros-setting-input cedros-token-input-decimals",
+            min: 0,
+            max: 18
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            placeholder: "Logo URL (optional)",
+            value: l.logoUrl || "",
+            onChange: (c) => s(o, "logoUrl", c.target.value || void 0),
+            className: "cedros-setting-input cedros-token-input-logo"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-token-remove-btn",
+          onClick: () => p(o),
+          title: "Remove token",
+          children: "×"
+        }
+      )
+    ] }, o)),
+    /* @__PURE__ */ e("button", { type: "button", className: "cedros-token-add-btn", onClick: r, children: "+ Add Token" })
+  ] });
+}
+function V({ value: t, onChange: i }) {
+  const a = N(() => t.split(",").map((s) => s.trim()).filter(Boolean), [t]), n = m(
+    (s) => {
+      if (!s || a.includes(s)) return;
+      const p = [...a, s].join(", ");
+      i(p);
+    },
+    [a, i]
+  ), r = m(
+    (s) => {
+      const p = a.filter((l) => l !== s).join(", ");
+      i(p);
+    },
+    [a, i]
+  );
+  return /* @__PURE__ */ d("div", { className: "cedros-token-symbol-list-input", children: [
+    /* @__PURE__ */ d("div", { className: "cedros-token-presets", children: [
+      /* @__PURE__ */ e("span", { className: "cedros-token-presets-label", children: "Click to add:" }),
+      /* @__PURE__ */ e("div", { className: "cedros-token-presets-list", children: L.map((s) => {
+        const p = a.includes(s);
+        return /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: `cedros-token-preset-chip ${p ? "cedros-token-preset-chip-selected" : ""}`,
+            onClick: () => p ? r(s) : n(s),
+            title: p ? `Remove ${s}` : `Add ${s}`,
+            children: [
+              s,
+              p && /* @__PURE__ */ e("span", { className: "cedros-token-chip-check", children: "✓" })
+            ]
+          },
+          s
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: t,
+        onChange: (s) => i(s.target.value),
+        className: "cedros-setting-input",
+        placeholder: "USDC, SOL, BONK..."
+      }
+    )
+  ] });
+}
 function D(t) {
   const i = t.split(/(<a\s[^>]*>.*?<\/a>)/g);
   return i.length === 1 ? t : i.map((a, n) => {
@@ -1502,7 +1760,7 @@ function ie({
   externalWarnings: n
 }) {
   return /* @__PURE__ */ e("div", { className: "cedros-settings-grid", children: t.map((r) => /* @__PURE__ */ e(
-    j,
+    B,
     {
       setting: r,
       editValue: i[r.key],
@@ -1512,7 +1770,7 @@ function ie({
     r.key
   )) });
 }
-function j({ setting: t, editValue: i, onChange: a, externalWarning: n }) {
+function B({ setting: t, editValue: i, onChange: a, externalWarning: n }) {
   const r = W[t.key], s = i ?? t.value, p = i !== void 0 && i !== t.value, l = r?.inputType === "boolean", o = N(() => {
     if (n) return n;
     if (!r?.warningThreshold) return null;
@@ -1578,10 +1836,10 @@ function j({ setting: t, editValue: i, onChange: a, externalWarning: n }) {
 function R({ meta: t, value: i, onChange: a }) {
   switch (t.inputType) {
     case "duration":
-      return /* @__PURE__ */ e(F, { value: i, onChange: a, presets: t.presets, min: t.min });
+      return /* @__PURE__ */ e(H, { value: i, onChange: a, presets: t.presets, min: t.min });
     case "percentage":
       return /* @__PURE__ */ e(
-        $,
+        G,
         {
           value: i,
           onChange: a,
@@ -1593,7 +1851,7 @@ function R({ meta: t, value: i, onChange: a }) {
       );
     case "select":
       return /* @__PURE__ */ e(
-        V,
+        K,
         {
           value: i,
           onChange: a,
@@ -1603,7 +1861,7 @@ function R({ meta: t, value: i, onChange: a }) {
       );
     case "number":
       return /* @__PURE__ */ e(
-        B,
+        J,
         {
           value: i,
           onChange: a,
@@ -1613,7 +1871,7 @@ function R({ meta: t, value: i, onChange: a }) {
         }
       );
     case "tokenList":
-      return /* @__PURE__ */ e(J, { value: i, onChange: a });
+      return /* @__PURE__ */ e($, { value: i, onChange: a });
     case "text":
       return /* @__PURE__ */ e(
         "input",
@@ -1626,13 +1884,13 @@ function R({ meta: t, value: i, onChange: a }) {
         }
       );
     case "boolean":
-      return /* @__PURE__ */ e(H, { value: i, onChange: a });
+      return /* @__PURE__ */ e(z, { value: i, onChange: a });
     case "secret":
-      return /* @__PURE__ */ e(G, { value: i, onChange: a, multiline: t.multiline });
+      return /* @__PURE__ */ e(j, { value: i, onChange: a, multiline: t.multiline });
     case "readonlySecret":
-      return /* @__PURE__ */ e(K, { settingKey: t.key, value: i });
+      return /* @__PURE__ */ e(F, { settingKey: t.key, value: i });
     case "tokenSymbolList":
-      return /* @__PURE__ */ e(z, { value: i, onChange: a });
+      return /* @__PURE__ */ e(V, { value: i, onChange: a });
     default:
       return /* @__PURE__ */ e(
         "input",
@@ -1645,7 +1903,7 @@ function R({ meta: t, value: i, onChange: a }) {
       );
   }
 }
-function F({ value: t, onChange: i, presets: a, min: n = 0 }) {
+function H({ value: t, onChange: i, presets: a, min: n = 0 }) {
   const r = parseInt(t, 10) || 0, s = q(r), p = m(
     (o) => {
       o.target.value && i(o.target.value);
@@ -1690,7 +1948,7 @@ function F({ value: t, onChange: i, presets: a, min: n = 0 }) {
     ] })
   ] });
 }
-function $({
+function G({
   value: t,
   onChange: i,
   min: a,
@@ -1740,7 +1998,7 @@ function $({
     )) })
   ] });
 }
-function V({ value: t, onChange: i, presets: a, unit: n }) {
+function K({ value: t, onChange: i, presets: a, unit: n }) {
   const r = !a.some((l) => l.value === t), s = m(
     (l) => {
       l.target.value !== "__custom__" && i(l.target.value);
@@ -1779,7 +2037,7 @@ function V({ value: t, onChange: i, presets: a, unit: n }) {
     ] })
   ] });
 }
-function B({ value: t, onChange: i, min: a, max: n, unit: r }) {
+function J({ value: t, onChange: i, min: a, max: n, unit: r }) {
   const s = m(
     (p) => {
       i(p.target.value);
@@ -1801,7 +2059,7 @@ function B({ value: t, onChange: i, min: a, max: n, unit: r }) {
     r && /* @__PURE__ */ e("span", { className: "cedros-setting-unit", children: r })
   ] });
 }
-function H({ value: t, onChange: i }) {
+function z({ value: t, onChange: i }) {
   const a = t === "true", n = m(() => {
     i(a ? "false" : "true");
   }, [a, i]);
@@ -1820,264 +2078,6 @@ function H({ value: t, onChange: i }) {
     }
   );
 }
-function G({ value: t, onChange: i, multiline: a }) {
-  const [n, r] = f(!1), [s, p] = f(!1), l = t && t.length > 0, o = m(() => {
-    r(!0), p(!0);
-  }, []), c = m(() => {
-    r(!1), p(!1);
-  }, []), y = m(
-    (b) => {
-      i(b.target.value);
-    },
-    [i]
-  );
-  return !n && l ? /* @__PURE__ */ d("div", { className: "cedros-secret-input cedros-secret-input-masked", children: [
-    /* @__PURE__ */ e("span", { className: "cedros-secret-masked", children: "•".repeat(Math.min(t.length, 20)) }),
-    /* @__PURE__ */ e("button", { type: "button", className: "cedros-secret-edit-btn", onClick: o, children: "Edit" })
-  ] }) : /* @__PURE__ */ d("div", { className: "cedros-secret-input", children: [
-    a ? /* @__PURE__ */ e(
-      "textarea",
-      {
-        value: t,
-        onChange: y,
-        className: "cedros-setting-input cedros-setting-textarea",
-        placeholder: "Enter secret value...",
-        rows: 4
-      }
-    ) : /* @__PURE__ */ e(
-      "input",
-      {
-        type: s ? "text" : "password",
-        value: t,
-        onChange: y,
-        className: "cedros-setting-input",
-        placeholder: "Enter secret value..."
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: "cedros-secret-actions", children: [
-      !a && /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: "cedros-secret-toggle-btn",
-          onClick: () => p(!s),
-          children: s ? "Hide" : "Show"
-        }
-      ),
-      n && /* @__PURE__ */ e("button", { type: "button", className: "cedros-secret-done-btn", onClick: c, children: "Done" })
-    ] })
-  ] });
-}
-function K({ settingKey: t, value: i }) {
-  const [a, n] = f(null), [r, s] = f(!1), [p, l] = f(!1), [o, c] = f(null), [y, b] = f(!1), { config: _, _internal: w } = U(), g = a ?? i, x = g && g.length > 0, C = x && !a, h = m(async () => {
-    if (g)
-      try {
-        await navigator.clipboard.writeText(g), s(!0), setTimeout(() => s(!1), 2e3);
-      } catch {
-        const u = document.createElement("textarea");
-        u.value = g, document.body.appendChild(u), u.select(), document.execCommand("copy"), document.body.removeChild(u), s(!0), setTimeout(() => s(!1), 2e3);
-      }
-  }, [g]), k = m(async () => {
-    l(!0), c(null);
-    try {
-      const u = w?.getAccessToken?.(), v = { "Content-Type": "application/json" };
-      u && (v.Authorization = `Bearer ${u}`);
-      const S = await fetch(
-        `${_.serverUrl}/auth/admin/settings/regenerate/${t}`,
-        { method: "POST", headers: v, credentials: "include" }
-      );
-      if (!S.ok) {
-        const A = await S.json().catch(() => null);
-        throw new Error(A?.message || A?.error || `Regenerate failed (${S.status})`);
-      }
-      const E = await S.json();
-      n(E.value), b(!1);
-    } catch (u) {
-      c(u instanceof Error ? u.message : "Failed to regenerate");
-    } finally {
-      l(!1);
-    }
-  }, [_.serverUrl, w, t]);
-  return /* @__PURE__ */ d("div", { className: "cedros-readonly-secret", children: [
-    /* @__PURE__ */ e("div", { className: "cedros-readonly-secret-value", children: C ? /* @__PURE__ */ e("span", { className: "cedros-secret-masked", children: "•".repeat(20) }) : x ? /* @__PURE__ */ e("code", { className: "cedros-readonly-secret-code", children: g }) : /* @__PURE__ */ e("span", { className: "cedros-readonly-secret-empty", children: "Not generated yet" }) }),
-    /* @__PURE__ */ d("div", { className: "cedros-readonly-secret-actions", children: [
-      x && /* @__PURE__ */ e("button", { type: "button", className: "cedros-secret-action-btn", onClick: h, children: r ? "Copied!" : "Copy" }),
-      y ? /* @__PURE__ */ d("span", { className: "cedros-readonly-secret-confirm", children: [
-        /* @__PURE__ */ e("span", { className: "cedros-readonly-secret-confirm-text", children: "Update deploy secret too?" }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "cedros-secret-action-btn cedros-secret-action-btn--danger",
-            onClick: k,
-            disabled: p,
-            children: p ? "Regenerating..." : "Confirm"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "cedros-secret-action-btn",
-            onClick: () => b(!1),
-            disabled: p,
-            children: "Cancel"
-          }
-        )
-      ] }) : /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: "cedros-secret-action-btn cedros-secret-action-btn--danger",
-          onClick: () => b(!0),
-          disabled: p,
-          children: "Regenerate"
-        }
-      )
-    ] }),
-    o && /* @__PURE__ */ e("p", { className: "cedros-readonly-secret-error", children: o })
-  ] });
-}
-function J({ value: t, onChange: i }) {
-  const a = N(() => {
-    try {
-      return JSON.parse(t || "[]");
-    } catch {
-      return [];
-    }
-  }, [t]), n = m(
-    (l) => {
-      i(JSON.stringify(l));
-    },
-    [i]
-  ), r = m(() => {
-    n([...a, { symbol: "", mint: "", decimals: 6 }]);
-  }, [a, n]), s = m(
-    (l, o, c) => {
-      const y = [...a];
-      y[l] = { ...y[l], [o]: c }, n(y);
-    },
-    [a, n]
-  ), p = m(
-    (l) => {
-      n(a.filter((o, c) => c !== l));
-    },
-    [a, n]
-  );
-  return /* @__PURE__ */ d("div", { className: "cedros-token-list-input", children: [
-    /* @__PURE__ */ d("div", { className: "cedros-token-presets", children: [
-      /* @__PURE__ */ e("span", { className: "cedros-token-presets-label", children: "Built-in tokens:" }),
-      /* @__PURE__ */ e("div", { className: "cedros-token-presets-list", children: L.map((l) => /* @__PURE__ */ e("span", { className: "cedros-token-preset-chip", children: l }, l)) })
-    ] }),
-    a.length === 0 && /* @__PURE__ */ e("p", { className: "cedros-token-list-empty", children: "No custom tokens added. Use the built-in tokens above or add your own." }),
-    a.map((l, o) => /* @__PURE__ */ d("div", { className: "cedros-token-row", children: [
-      /* @__PURE__ */ d("div", { className: "cedros-token-row-fields", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            placeholder: "Symbol",
-            value: l.symbol,
-            onChange: (c) => s(o, "symbol", c.target.value.toUpperCase()),
-            className: "cedros-setting-input cedros-token-input-symbol",
-            maxLength: 10
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            placeholder: "Mint address",
-            value: l.mint,
-            onChange: (c) => s(o, "mint", c.target.value),
-            className: "cedros-setting-input cedros-token-input-mint"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "number",
-            placeholder: "Decimals",
-            value: l.decimals,
-            onChange: (c) => s(o, "decimals", parseInt(c.target.value, 10) || 0),
-            className: "cedros-setting-input cedros-token-input-decimals",
-            min: 0,
-            max: 18
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            placeholder: "Logo URL (optional)",
-            value: l.logoUrl || "",
-            onChange: (c) => s(o, "logoUrl", c.target.value || void 0),
-            className: "cedros-setting-input cedros-token-input-logo"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: "cedros-token-remove-btn",
-          onClick: () => p(o),
-          title: "Remove token",
-          children: "×"
-        }
-      )
-    ] }, o)),
-    /* @__PURE__ */ e("button", { type: "button", className: "cedros-token-add-btn", onClick: r, children: "+ Add Token" })
-  ] });
-}
-function z({ value: t, onChange: i }) {
-  const a = N(() => t.split(",").map((s) => s.trim()).filter(Boolean), [t]), n = m(
-    (s) => {
-      if (!s || a.includes(s)) return;
-      const p = [...a, s].join(", ");
-      i(p);
-    },
-    [a, i]
-  ), r = m(
-    (s) => {
-      const p = a.filter((l) => l !== s).join(", ");
-      i(p);
-    },
-    [a, i]
-  );
-  return /* @__PURE__ */ d("div", { className: "cedros-token-symbol-list-input", children: [
-    /* @__PURE__ */ d("div", { className: "cedros-token-presets", children: [
-      /* @__PURE__ */ e("span", { className: "cedros-token-presets-label", children: "Click to add:" }),
-      /* @__PURE__ */ e("div", { className: "cedros-token-presets-list", children: L.map((s) => {
-        const p = a.includes(s);
-        return /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            className: `cedros-token-preset-chip ${p ? "cedros-token-preset-chip-selected" : ""}`,
-            onClick: () => p ? r(s) : n(s),
-            title: p ? `Remove ${s}` : `Add ${s}`,
-            children: [
-              s,
-              p && /* @__PURE__ */ e("span", { className: "cedros-token-chip-check", children: "✓" })
-            ]
-          },
-          s
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ e(
-      "input",
-      {
-        type: "text",
-        value: t,
-        onChange: (s) => i(s.target.value),
-        className: "cedros-setting-input",
-        placeholder: "USDC, SOL, BONK..."
-      }
-    )
-  ] });
-}
 const Y = 800, X = 2e3;
 function re() {
   const { settings: t, isLoading: i, error: a, fetchSettings: n, updateSettings: r } = O(), [s, p] = f({}), [l, o] = f("idle"), [c, y] = f(null), b = P(null), _ = P(null), w = P({});