@cedros/pay-react 1.1.21 → 1.1.23

package/dist/SingleCategorySettings-BAND8Zkw.mjs

@@ -0,0 +1,1006 @@
+import { jsxs as i, jsx as t, Fragment as W } from "react/jsx-runtime";
+import { useState as S, useEffect as j, useMemo as H, useCallback as z } from "react";
+import { I as E, F as Q, E as L, h as ee } from "./index-CKNB7XsA.mjs";
+import { R as B, i as P, C as Z, a as te } from "./configApi-Ch0Rr7TD.mjs";
+import { u as re } from "./useAutosave-YwMqRzqy.mjs";
+import { A as ne } from "./AutosaveIndicator-BRCqAWqP.mjs";
+import { S as F } from "./CedrosContext-BlArEF7k.mjs";
+const ie = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
+function O(b) {
+  return !b || b.trim() === "" ? { valid: !0 } : ie.test(b.trim()) ? { valid: !0 } : { valid: !1, error: "Invalid Solana address" };
+}
+function oe({
+  label: b,
+  value: f,
+  onChange: h,
+  decimals: o,
+  onDecimalsChange: w,
+  disabled: d = !1,
+  description: s,
+  customSymbol: l = "",
+  customIcon: p = "",
+  onCustomSymbolChange: c,
+  onCustomIconChange: y
+}) {
+  const [x, R] = S(!1), u = Object.entries(F), v = !!F[f], k = x || !!f && !v, N = (e) => {
+    if (e === "custom")
+      R(!0), v && h("");
+    else {
+      R(!1), h(e);
+      const n = F[e];
+      n && w && w(n.decimals), c && c(""), y && y("");
+    }
+  };
+  return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+    /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: b }),
+    /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+      /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+        u.map(([e, n]) => /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: () => N(e),
+            disabled: d,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "0.5rem",
+              padding: "0.5rem 0.75rem",
+              border: f === e ? "2px solid var(--cedros-admin-primary, #171717)" : "1px solid var(--cedros-admin-border, #d4d4d4)",
+              borderRadius: "0.5rem",
+              background: f === e ? "var(--cedros-admin-primary-bg, #f5f5f5)" : "var(--cedros-admin-bg, #fff)",
+              cursor: d ? "not-allowed" : "pointer",
+              opacity: d ? 0.5 : 1,
+              fontWeight: f === e ? 600 : 400
+            },
+            children: [
+              /* @__PURE__ */ t(
+                "img",
+                {
+                  src: n.icon,
+                  alt: n.symbol,
+                  style: { width: 20, height: 20, borderRadius: "50%" },
+                  onError: (r) => {
+                    r.target.style.display = "none";
+                  }
+                }
+              ),
+              /* @__PURE__ */ t("span", { children: n.symbol })
+            ]
+          },
+          e
+        )),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: () => N("custom"),
+            disabled: d,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "0.5rem",
+              padding: "0.5rem 0.75rem",
+              border: k ? "2px solid var(--cedros-admin-primary, #171717)" : "1px solid var(--cedros-admin-border, #d4d4d4)",
+              borderRadius: "0.5rem",
+              background: k ? "var(--cedros-admin-primary-bg, #f5f5f5)" : "var(--cedros-admin-bg, #fff)",
+              cursor: d ? "not-allowed" : "pointer",
+              opacity: d ? 0.5 : 1,
+              fontWeight: k ? 600 : 400
+            },
+            children: [
+              /* @__PURE__ */ t("span", { style: { fontSize: "1rem" }, children: "+" }),
+              /* @__PURE__ */ t("span", { children: "Custom" })
+            ]
+          }
+        )
+      ] }),
+      k && /* @__PURE__ */ i("div", { style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.75rem",
+        padding: "1rem",
+        background: "var(--cedros-admin-bg-muted, #f9fafb)",
+        borderRadius: "0.5rem",
+        border: "1px solid var(--cedros-admin-border, #e5e7eb)"
+      }, children: [
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ t("label", { style: {
+            display: "block",
+            fontSize: "0.75rem",
+            fontWeight: 500,
+            marginBottom: "0.25rem",
+            color: "var(--cedros-admin-text-muted, #64748b)"
+          }, children: "Token Mint Address" }),
+          (() => {
+            const e = O(f);
+            return /* @__PURE__ */ i(W, { children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  className: `cedros-admin__input ${e.valid ? "" : "cedros-admin__input--error"}`,
+                  value: f,
+                  onChange: (n) => h(n.target.value),
+                  placeholder: "e.g., EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
+                  disabled: d,
+                  style: {
+                    fontFamily: "monospace",
+                    fontSize: "0.875rem",
+                    borderColor: e.valid ? void 0 : "var(--cedros-admin-error, #dc2626)"
+                  }
+                }
+              ),
+              !e.valid && /* @__PURE__ */ t("span", { style: { color: "var(--cedros-admin-error, #dc2626)", fontSize: "0.75rem", marginTop: "0.25rem", display: "block" }, children: e.error })
+            ] });
+          })()
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ t("label", { style: {
+            display: "block",
+            fontSize: "0.75rem",
+            fontWeight: 500,
+            marginBottom: "0.25rem",
+            color: "var(--cedros-admin-text-muted, #64748b)"
+          }, children: "Token Symbol" }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              className: "cedros-admin__input",
+              value: l,
+              onChange: (e) => c?.(e.target.value),
+              placeholder: "e.g., MYTOKEN",
+              disabled: d,
+              style: { textTransform: "uppercase" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ t("label", { style: {
+            display: "block",
+            fontSize: "0.75rem",
+            fontWeight: 500,
+            marginBottom: "0.25rem",
+            color: "var(--cedros-admin-text-muted, #64748b)"
+          }, children: "Token Icon URL" }),
+          /* @__PURE__ */ i("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "text",
+                className: "cedros-admin__input",
+                value: p,
+                onChange: (e) => y?.(e.target.value),
+                placeholder: "https://example.com/token-logo.png",
+                disabled: d,
+                style: { flex: 1 }
+              }
+            ),
+            p && /* @__PURE__ */ t(
+              "img",
+              {
+                src: p,
+                alt: "Token icon preview",
+                style: {
+                  width: 32,
+                  height: 32,
+                  borderRadius: "50%",
+                  border: "1px solid var(--cedros-admin-border, #e5e7eb)",
+                  objectFit: "cover"
+                },
+                onError: (e) => {
+                  e.target.style.display = "none";
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { style: {
+            fontSize: "0.7rem",
+            color: "var(--cedros-admin-text-muted, #94a3b8)",
+            marginTop: "0.25rem"
+          }, children: "Shown to customers during checkout" })
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ t("label", { style: {
+            display: "block",
+            fontSize: "0.75rem",
+            fontWeight: 500,
+            marginBottom: "0.25rem",
+            color: "var(--cedros-admin-text-muted, #64748b)"
+          }, children: "Token Decimals" }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "number",
+              className: "cedros-admin__input",
+              value: o ?? 6,
+              onChange: (e) => w?.(parseInt(e.target.value, 10) || 0),
+              min: 0,
+              max: 18,
+              disabled: d,
+              style: { width: "100px" }
+            }
+          ),
+          /* @__PURE__ */ t("div", { style: {
+            fontSize: "0.7rem",
+            color: "var(--cedros-admin-text-muted, #94a3b8)",
+            marginTop: "0.25rem"
+          }, children: "Most SPL tokens use 6 decimals (like USDC)" })
+        ] })
+      ] }),
+      f && v && /* @__PURE__ */ t("div", { style: {
+        fontSize: "0.75rem",
+        color: "var(--cedros-admin-text-muted, #64748b)",
+        fontFamily: "monospace",
+        wordBreak: "break-all"
+      }, children: f }),
+      s && /* @__PURE__ */ t("div", { style: {
+        fontSize: "0.75rem",
+        color: "var(--cedros-admin-text-muted, #64748b)",
+        marginTop: "0.25rem"
+      }, children: s })
+    ] })
+  ] });
+}
+function ae({
+  label: b,
+  value: f,
+  onChange: h,
+  disabled: o = !1,
+  description: w
+}) {
+  const [d, s] = S(/* @__PURE__ */ new Set()), [l, p] = S(null), [c, y] = S(""), x = Array.isArray(f) ? f : [], R = (e) => {
+    s((n) => {
+      const r = new Set(n);
+      return r.has(e) ? r.delete(e) : r.add(e), r;
+    });
+  }, u = () => {
+    h([...x, ""]), p(x.length), y("");
+  }, I = (e, n) => {
+    const r = [...x];
+    r[e] = n, h(r);
+  }, v = (e) => {
+    const n = x.filter((r, g) => g !== e);
+    h(n), s((r) => {
+      const g = /* @__PURE__ */ new Set();
+      return r.forEach((_) => {
+        _ < e ? g.add(_) : _ > e && g.add(_ - 1);
+      }), g;
+    });
+  }, A = (e) => {
+    p(e), y(x[e] || "");
+  }, k = () => {
+    l !== null && (I(l, c), p(null), y(""));
+  }, N = () => {
+    l !== null && x[l] === "" && v(l), p(null), y("");
+  };
+  return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+    /* @__PURE__ */ i("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "0.5rem" }, children: [
+      /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", style: { marginBottom: 0 }, children: b }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: u,
+          disabled: o,
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.25rem",
+            padding: "0.25rem 0.5rem",
+            fontSize: "0.75rem",
+            border: "1px solid var(--cedros-admin-border, #d4d4d4)",
+            borderRadius: "0.375rem",
+            background: "var(--cedros-admin-bg, #fff)",
+            cursor: o ? "not-allowed" : "pointer",
+            opacity: o ? 0.5 : 1
+          },
+          children: [
+            E.plus,
+            "Add"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+      x.length === 0 && /* @__PURE__ */ t("div", { style: {
+        padding: "1rem",
+        textAlign: "center",
+        color: "var(--cedros-admin-text-muted, #64748b)",
+        fontSize: "0.875rem",
+        border: "1px dashed var(--cedros-admin-border, #d4d4d4)",
+        borderRadius: "0.5rem"
+      }, children: 'No items. Click "Add" to create one.' }),
+      x.map((e, n) => {
+        const r = d.has(n), g = l === n, _ = e === B;
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "0.5rem",
+              padding: "0.5rem",
+              background: "var(--cedros-admin-bg-muted, #f9fafb)",
+              borderRadius: "0.375rem",
+              border: "1px solid var(--cedros-admin-border, #e5e7eb)"
+            },
+            children: g ? /* @__PURE__ */ i(W, { children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  className: "cedros-admin__input",
+                  value: c,
+                  onChange: (a) => y(a.target.value),
+                  placeholder: "Enter wallet keypair...",
+                  autoFocus: !0,
+                  style: { flex: 1, fontFamily: "monospace", fontSize: "0.75rem" },
+                  onKeyDown: (a) => {
+                    a.key === "Enter" && k(), a.key === "Escape" && N();
+                  }
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: k,
+                  style: {
+                    padding: "0.375rem",
+                    border: "none",
+                    background: "var(--cedros-admin-success, #22c55e)",
+                    color: "#fff",
+                    borderRadius: "0.25rem",
+                    cursor: "pointer"
+                  },
+                  title: "Save",
+                  children: E.check
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: N,
+                  style: {
+                    padding: "0.375rem",
+                    border: "none",
+                    background: "var(--cedros-admin-text-muted, #64748b)",
+                    color: "#fff",
+                    borderRadius: "0.25rem",
+                    cursor: "pointer"
+                  },
+                  title: "Cancel",
+                  children: E.close
+                }
+              )
+            ] }) : /* @__PURE__ */ i(W, { children: [
+              /* @__PURE__ */ t("div", { style: {
+                flex: 1,
+                fontFamily: "monospace",
+                fontSize: "0.75rem",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              }, children: r && !_ ? e : _ ? "[REDACTED]" : "••••••••••••••••••••" }),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => R(n),
+                  disabled: o || _,
+                  style: {
+                    padding: "0.375rem",
+                    border: "none",
+                    background: "transparent",
+                    cursor: o || _ ? "not-allowed" : "pointer",
+                    opacity: o || _ ? 0.5 : 1,
+                    color: "var(--cedros-admin-text-muted, #64748b)"
+                  },
+                  title: r ? "Hide" : "Show",
+                  children: r ? E.eyeOff : E.eye
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => A(n),
+                  disabled: o,
+                  style: {
+                    padding: "0.375rem",
+                    border: "none",
+                    background: "transparent",
+                    cursor: o ? "not-allowed" : "pointer",
+                    opacity: o ? 0.5 : 1,
+                    color: "var(--cedros-admin-text-muted, #64748b)"
+                  },
+                  title: "Edit",
+                  children: E.settings
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => v(n),
+                  disabled: o,
+                  style: {
+                    padding: "0.375rem",
+                    border: "none",
+                    background: "transparent",
+                    cursor: o ? "not-allowed" : "pointer",
+                    opacity: o ? 0.5 : 1,
+                    color: "var(--cedros-admin-error, #ef4444)"
+                  },
+                  title: "Delete",
+                  children: E.trash
+                }
+              )
+            ] })
+          },
+          n
+        );
+      })
+    ] }),
+    w && /* @__PURE__ */ t("div", { style: {
+      fontSize: "0.75rem",
+      color: "var(--cedros-admin-text-muted, #64748b)",
+      marginTop: "0.5rem"
+    }, children: w })
+  ] });
+}
+function q(b, f, h) {
+  const o = P(b, f), w = f.replace(/_/g, " ").replace(/\b\w/g, (p) => p.toUpperCase()), s = Z[b]?.fields?.[f], l = {
+    isSecret: o,
+    label: w,
+    description: s?.description,
+    hidden: s?.hidden,
+    showWhen: s?.showWhen
+  };
+  return s?.type === "dropdown" && s.options ? { ...l, type: "dropdown", options: s.options } : s?.type === "token_mint" ? { ...l, type: "token_mint" } : s?.type === "toggle" ? { ...l, type: "toggle" } : s?.type === "secret_array" ? { ...l, type: "secret_array", isSecret: !0 } : s?.type === "solana_address" ? { ...l, type: "solana_address" } : s?.type === "number" ? { ...l, type: "number", unit: s.unit } : typeof h == "boolean" ? { ...l, type: "boolean" } : typeof h == "number" ? { ...l, type: "number", unit: s?.unit } : Array.isArray(h) ? { ...l, type: "array" } : typeof h == "object" && h !== null ? { ...l, type: "object" } : { ...l, type: "string" };
+}
+function de({
+  category: b,
+  config: f,
+  originalConfig: h,
+  isLoading: o = !1,
+  onSave: w
+}) {
+  const [d, s] = S(f), [l, p] = S(/* @__PURE__ */ new Set());
+  j(() => {
+    s(f);
+  }, [f]);
+  const c = H(() => {
+    const e = { ...d };
+    for (const n of Object.keys(e))
+      if (P(b, n)) {
+        const r = h[n], g = e[n];
+        (g === B || g === r) && (e[n] = B);
+      }
+    return e;
+  }, [d, h, b]), y = H(() => {
+    const e = d.token_mint;
+    return typeof e != "string" || !e ? !1 : !O(e).valid;
+  }, [d]), { status: x, error: R } = re({
+    data: c,
+    onSave: w,
+    debounceMs: 1500,
+    enabled: !y
+  }), u = z((e, n) => {
+    s((r) => ({ ...r, [e]: n }));
+  }, []), I = z((e) => {
+    p((n) => {
+      const r = new Set(n);
+      return r.has(e) ? r.delete(e) : r.add(e), r;
+    });
+  }, []), v = (e) => e ? /* @__PURE__ */ t("div", { style: {
+    fontSize: "0.75rem",
+    color: "var(--cedros-admin-text-muted, #64748b)",
+    marginTop: "0.25rem"
+  }, children: e }) : null, A = (e, n) => {
+    const r = q(b, e, h[e] ?? n);
+    if (r.type === "dropdown" && r.options)
+      return /* @__PURE__ */ t(
+        Q,
+        {
+          value: n,
+          onChange: (a) => u(e, a),
+          options: r.options.map((a) => ({ value: a, label: a })),
+          label: r.label,
+          description: r.description,
+          disabled: o
+        }
+      );
+    if (r.type === "token_mint")
+      return /* @__PURE__ */ t(
+        oe,
+        {
+          label: r.label,
+          value: n,
+          onChange: (a) => u(e, a),
+          decimals: d.token_decimals ?? 6,
+          onDecimalsChange: (a) => u("token_decimals", a),
+          disabled: o,
+          description: r.description,
+          customSymbol: d.custom_token_symbol || "",
+          customIcon: d.custom_token_icon || "",
+          onCustomSymbolChange: (a) => u("custom_token_symbol", a),
+          onCustomIconChange: (a) => u("custom_token_icon", a)
+        }
+      );
+    if (r.type === "toggle")
+      return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+        /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": n,
+              onClick: () => u(e, !n),
+              disabled: o,
+              style: {
+                width: 44,
+                height: 24,
+                borderRadius: 12,
+                border: "none",
+                backgroundColor: n ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #d4d4d4)",
+                cursor: o ? "not-allowed" : "pointer",
+                position: "relative",
+                transition: "background-color 0.2s",
+                opacity: o ? 0.5 : 1,
+                flexShrink: 0
+              },
+              children: /* @__PURE__ */ t(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    top: 2,
+                    left: n ? 22 : 2,
+                    width: 20,
+                    height: 20,
+                    borderRadius: "50%",
+                    backgroundColor: "#fff",
+                    transition: "left 0.2s",
+                    boxShadow: "0 1px 3px rgba(0,0,0,0.2)"
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "cedros-admin__field-label", style: { marginBottom: 0 }, children: r.label })
+        ] }),
+        v(r.description)
+      ] });
+    if (r.type === "solana_address") {
+      const a = n || "", C = O(a);
+      return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+        /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: r.label }),
+        /* @__PURE__ */ i("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              className: `cedros-admin__input ${C.valid ? "" : "cedros-admin__input--error"}`,
+              value: a,
+              onChange: (V) => u(e, V.target.value),
+              disabled: o,
+              placeholder: "e.g. 7xKXtg2CW87d97TXJSDpbD5jBkheTqA83TZRuJosgAsU",
+              style: {
+                width: "100%",
+                fontFamily: "monospace",
+                fontSize: "0.875rem",
+                borderColor: C.valid ? void 0 : "var(--cedros-admin-error, #dc2626)",
+                paddingRight: a && C.valid ? "2rem" : void 0
+              }
+            }
+          ),
+          a && C.valid && /* @__PURE__ */ t(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                right: 10,
+                top: "50%",
+                transform: "translateY(-50%)",
+                color: "var(--cedros-admin-success, #16a34a)",
+                fontSize: "1rem"
+              },
+              title: "Valid Solana address",
+              children: "✓"
+            }
+          )
+        ] }),
+        !C.valid && /* @__PURE__ */ t("span", { style: { color: "var(--cedros-admin-error, #dc2626)", fontSize: "0.75rem", marginTop: "0.25rem", display: "block" }, children: C.error }),
+        v(r.description)
+      ] });
+    }
+    if (r.type === "boolean")
+      return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+        /* @__PURE__ */ i("label", { className: "cedros-admin__checkbox", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "checkbox",
+              checked: n,
+              onChange: (a) => u(e, a.target.checked),
+              disabled: o
+            }
+          ),
+          r.label
+        ] }),
+        v(r.description)
+      ] });
+    if (r.type === "number")
+      return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+        /* @__PURE__ */ i("label", { className: "cedros-admin__field-label", children: [
+          r.label,
+          r.unit && /* @__PURE__ */ i("span", { className: "cedros-admin__field-unit", children: [
+            " (",
+            r.unit,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "number",
+            className: "cedros-admin__input",
+            value: n,
+            onChange: (a) => u(e, parseFloat(a.target.value) || 0),
+            disabled: o
+          }
+        ),
+        v(r.description)
+      ] });
+    if (r.type === "secret_array")
+      return /* @__PURE__ */ t(
+        ae,
+        {
+          label: r.label,
+          value: n,
+          onChange: (a) => u(e, a),
+          disabled: o,
+          description: r.description
+        }
+      );
+    if (r.type === "array") {
+      const a = n;
+      return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+        /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: r.label }),
+        /* @__PURE__ */ t(
+          "textarea",
+          {
+            className: "cedros-admin__textarea",
+            value: a.join(`
+`),
+            onChange: (C) => u(e, C.target.value.split(`
+`).filter(Boolean)),
+            placeholder: "One item per line",
+            rows: 3,
+            disabled: o
+          }
+        ),
+        v(r.description)
+      ] });
+    }
+    if (r.type === "object")
+      return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+        /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: r.label }),
+        /* @__PURE__ */ t(
+          "textarea",
+          {
+            className: "cedros-admin__textarea cedros-admin__textarea--mono",
+            value: JSON.stringify(n, null, 2),
+            onChange: (a) => {
+              try {
+                u(e, JSON.parse(a.target.value));
+              } catch {
+              }
+            },
+            rows: 5,
+            disabled: o
+          }
+        ),
+        v(r.description)
+      ] });
+    const g = l.has(e), _ = r.isSecret && !g && n === B ? B : n;
+    return /* @__PURE__ */ i("div", { className: "cedros-admin__field", children: [
+      /* @__PURE__ */ i("label", { className: "cedros-admin__field-label", children: [
+        r.label,
+        r.isSecret && /* @__PURE__ */ t("span", { className: "cedros-admin__field-secret", children: " (secret)" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "cedros-admin__input-group", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: r.isSecret && !g ? "password" : "text",
+            className: "cedros-admin__input",
+            value: _,
+            onChange: (a) => u(e, a.target.value),
+            disabled: o,
+            placeholder: r.isSecret ? "••••••••" : ""
+          }
+        ),
+        r.isSecret && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "cedros-admin__button cedros-admin__button--ghost",
+            onClick: () => I(e),
+            style: { padding: "0.5rem", minWidth: "auto" },
+            title: g ? "Hide" : "Show",
+            children: g ? E.eyeOff : E.eye
+          }
+        )
+      ] }),
+      v(r.description)
+    ] });
+  }, k = Object.keys(d), N = (e) => {
+    const n = q(b, e, h[e] ?? d[e]);
+    if (n.hidden || n.showWhen && !d[n.showWhen])
+      return !1;
+    if (e === "token_decimals") {
+      const r = d.token_mint;
+      if (r && F[r])
+        return !1;
+    }
+    return !0;
+  };
+  return /* @__PURE__ */ i("div", { className: "cedros-admin__config-editor", children: [
+    /* @__PURE__ */ t("div", { className: "cedros-admin__config-fields", children: k.filter(N).map((e) => /* @__PURE__ */ t("div", { className: "cedros-admin__config-field", children: A(e, d[e]) }, e)) }),
+    /* @__PURE__ */ t("div", { className: "cedros-admin__config-actions", children: /* @__PURE__ */ t("div", { className: "cedros-admin__autosave-status", children: /* @__PURE__ */ t(ne, { status: x, error: R }) }) })
+  ] });
+}
+function he({
+  serverUrl: b,
+  apiKey: f,
+  authManager: h,
+  category: o,
+  title: w,
+  description: d,
+  enabledField: s = "enabled",
+  showEnabledToggle: l = !1
+}) {
+  const p = H(
+    () => new te(b, void 0, h),
+    [b, h]
+  ), [c, y] = S(null), [x, R] = S([]), [u, I] = S(!1), [v, A] = S(!0), [k, N] = S(null), [e, n] = S(null), [r, g] = S(!1), _ = Z[o] || { label: o, icon: "⚙️" }, a = w || _.label, C = d || _.description, V = z(async () => {
+    A(!0), N(null);
+    try {
+      const m = await p.getConfig(o, !0);
+      y(m);
+    } catch {
+      y(null), N("Failed to load settings");
+    } finally {
+      A(!1);
+    }
+  }, [p, o]);
+  j(() => {
+    V();
+  }, [V]);
+  const K = z(async () => {
+    try {
+      const m = await p.getHistory(o, 20);
+      R(m.history);
+    } catch {
+      R([]);
+    }
+  }, [p, o]);
+  j(() => {
+    u && K();
+  }, [u, K]);
+  const X = z(async (m) => {
+    await p.updateConfig(o, m, "Updated via admin dashboard");
+  }, [p, o]), $ = z(async (m) => p.validateConfig(o, m), [p, o]), [M, G] = S(!1), Y = z(async () => {
+    if (!c || M) return;
+    const m = !!c.config[s], D = !m, J = { ...c.config, [s]: D };
+    G(!0), y({ ...c, config: J });
+    try {
+      await p.updateConfig(o, J, `${D ? "Enabled" : "Disabled"} via admin dashboard`);
+    } catch (U) {
+      y({ ...c, config: { ...c.config, [s]: m } }), N(U instanceof Error ? U.message : "Failed to save enabled state");
+    } finally {
+      G(!1);
+    }
+  }, [c, p, o, s, M]), T = !!c?.config[s];
+  return v && !c ? /* @__PURE__ */ t("div", { className: "cedros-admin__section", children: /* @__PURE__ */ i("div", { className: "cedros-admin__loading", children: [
+    E.loading,
+    " Loading ",
+    a,
+    " settings..."
+  ] }) }) : /* @__PURE__ */ i("div", { className: "cedros-admin__section", children: [
+    /* @__PURE__ */ t(L, { message: k, onRetry: V }),
+    /* @__PURE__ */ i("div", { className: "cedros-admin__section-header", children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ i("h3", { className: "cedros-admin__section-title", children: [
+          /* @__PURE__ */ t("span", { style: { marginRight: "0.5rem" }, children: _.icon }),
+          a
+        ] }),
+        C && /* @__PURE__ */ t("p", { className: "cedros-admin__text-muted", style: { marginTop: "0.25rem" }, children: C })
+      ] }),
+      l && c && /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ t("span", { style: { fontSize: "0.875rem", color: T ? "var(--cedros-admin-text, #171717)" : "var(--cedros-admin-muted, #737373)" }, children: T ? "Enabled" : "Disabled" }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            role: "switch",
+            "aria-checked": T,
+            onClick: Y,
+            disabled: M,
+            style: {
+              width: 44,
+              height: 24,
+              borderRadius: 12,
+              border: "none",
+              backgroundColor: T ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #d4d4d4)",
+              cursor: M ? "wait" : "pointer",
+              position: "relative",
+              transition: "background-color 0.2s",
+              flexShrink: 0,
+              opacity: M ? 0.6 : 1
+            },
+            children: /* @__PURE__ */ t(
+              "span",
+              {
+                style: {
+                  position: "absolute",
+                  top: 2,
+                  left: T ? 22 : 2,
+                  width: 20,
+                  height: 20,
+                  borderRadius: "50%",
+                  backgroundColor: "#fff",
+                  transition: "left 0.2s",
+                  boxShadow: "0 1px 3px rgba(0,0,0,0.2)"
+                }
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    c && /* @__PURE__ */ i(
+      "div",
+      {
+        className: "cedros-admin__settings-editor",
+        style: {
+          marginTop: "1rem",
+          opacity: l && !T ? 0.6 : 1,
+          pointerEvents: l && !T ? "none" : "auto"
+        },
+        children: [
+          l && !T && /* @__PURE__ */ t(
+            "div",
+            {
+              style: {
+                padding: "0.75rem 1rem",
+                marginBottom: "1rem",
+                backgroundColor: "var(--cedros-admin-warning-bg, #fef3c7)",
+                border: "1px solid var(--cedros-admin-warning-border, #f59e0b)",
+                borderRadius: "0.375rem",
+                fontSize: "0.875rem",
+                color: "var(--cedros-admin-warning-text, #92400e)",
+                pointerEvents: "auto"
+              },
+              children: "This payment method is disabled. Enable it using the toggle above to accept payments."
+            }
+          ),
+          /* @__PURE__ */ t(
+            de,
+            {
+              category: c.category,
+              config: c.config,
+              originalConfig: c.config,
+              onSave: X,
+              onValidate: $
+            }
+          )
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ i("div", { className: "cedros-admin__settings-history", style: { marginTop: "1.5rem" }, children: [
+      /* @__PURE__ */ t("h4", { style: { marginBottom: "0.75rem", fontWeight: 600 }, children: "Change History" }),
+      x.length === 0 ? /* @__PURE__ */ t("p", { className: "cedros-admin__text-muted", children: "No history entries found." }) : /* @__PURE__ */ t("div", { className: "cedros-admin__settings-timeline", children: x.map((m) => /* @__PURE__ */ i("div", { className: "cedros-admin__settings-timeline-item", children: [
+        /* @__PURE__ */ t("div", { className: "cedros-admin__settings-timeline-dot" }),
+        /* @__PURE__ */ i("div", { className: "cedros-admin__settings-timeline-content", children: [
+          /* @__PURE__ */ i("div", { className: "cedros-admin__settings-timeline-header", children: [
+            /* @__PURE__ */ t("code", { children: m.configKey }),
+            /* @__PURE__ */ t("span", { className: `cedros-admin__badge cedros-admin__badge--${m.action.toLowerCase()}`, children: m.action })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "cedros-admin__settings-timeline-meta", children: [
+            ee(m.changedAt),
+            " by ",
+            m.changedBy
+          ] })
+        ] })
+      ] }, m.id)) })
+    ] }),
+    e && /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          marginTop: "1rem",
+          padding: "0.75rem 1rem",
+          borderRadius: "0.375rem",
+          backgroundColor: e.valid ? "var(--cedros-admin-success-bg, #dcfce7)" : "var(--cedros-admin-error-bg, #fef2f2)",
+          border: `1px solid ${e.valid ? "var(--cedros-admin-success-border, #86efac)" : "var(--cedros-admin-error-border, #fecaca)"}`
+        },
+        children: /* @__PURE__ */ i("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ i("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ t("div", { style: {
+              fontWeight: 600,
+              color: e.valid ? "var(--cedros-admin-success, #16a34a)" : "var(--cedros-admin-error, #dc2626)",
+              marginBottom: e.errors.length > 0 || e.warnings.length > 0 ? "0.5rem" : 0
+            }, children: e.valid ? "✓ Configuration is valid" : "✗ Validation failed" }),
+            e.errors.length > 0 && /* @__PURE__ */ t("ul", { style: { margin: 0, paddingLeft: "1.25rem", color: "var(--cedros-admin-error, #dc2626)", fontSize: "0.875rem" }, children: e.errors.map((m, D) => /* @__PURE__ */ t("li", { children: m }, D)) }),
+            e.warnings.length > 0 && /* @__PURE__ */ t("ul", { style: { margin: e.errors.length > 0 ? "0.5rem 0 0" : 0, paddingLeft: "1.25rem", color: "var(--cedros-admin-warning, #ca8a04)", fontSize: "0.875rem" }, children: e.warnings.map((m, D) => /* @__PURE__ */ t("li", { children: m }, D)) })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => n(null),
+              style: {
+                background: "none",
+                border: "none",
+                cursor: "pointer",
+                padding: "0.25rem",
+                color: "var(--cedros-admin-text-muted, #64748b)",
+                fontSize: "1.25rem",
+                lineHeight: 1
+              },
+              title: "Dismiss",
+              children: "×"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i("div", { style: { marginTop: "1.5rem", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",
+          onClick: () => I(!u),
+          children: u ? "Hide History" : "History"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",
+          disabled: r || !c,
+          onClick: async () => {
+            if (c) {
+              g(!0), n(null);
+              try {
+                const m = await $(c.config);
+                n(m);
+              } catch (m) {
+                n({
+                  valid: !1,
+                  errors: [m instanceof Error ? m.message : "Validation failed"],
+                  warnings: []
+                });
+              } finally {
+                g(!1);
+              }
+            }
+          },
+          children: r ? "Validating..." : "Validate"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  he as S
+};