zudoku 0.53.6 → 0.54.1

package/lib/zudoku.plugin-api-keys.js

@@ -1,51 +1,55 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { CircleSlashIcon as M, CheckIcon as W, XIcon as oe, PencilLineIcon as le, RefreshCwIcon as ce, EyeOffIcon as de, EyeIcon as ue, CopyIcon as he, TrashIcon as fe, KeyRoundIcon as pe } from "lucide-react";
-import { D as me, a as B, R as xe } from "./Slot-B31yZlfB.js";
-import { i as I } from "./invariant-DAFpPywt.js";
-import { O as ye, L as J } from "./chunk-DQRVZFIR-DHK7_Ilc.js";
-import { e as ge, d as je, g as Ce, c as we } from "./hook-CZjW2buS.js";
-import { Button as g } from "./ui/Button.js";
-import { u as S, A as q, a as L } from "./Alert-CWApD0CL.js";
-import * as F from "react";
-import ve, { createContext as O, useRef as P, useLayoutEffect as ke, useEffect as X, useId as Q, useContext as H, useInsertionEffect as be, useMemo as $, useCallback as Ee, Children as Ne, isValidElement as Pe, useState as D } from "react";
-import { C as De, a as Ie } from "./Card-CMDQUPM4.js";
-import { D as Y, e as G, a as V, c as Z, b as ee, d as te, f as se, g as T } from "./Dialog-DMWw1doX.js";
-import { Input as Ke } from "./ui/Input.js";
+import { CircleSlashIcon as F, CheckIcon as te, XIcon as ue, PencilLineIcon as he, RefreshCwIcon as fe, EyeOffIcon as pe, EyeIcon as me, CopyIcon as xe, TrashIcon as ye, KeyRoundIcon as ge } from "lucide-react";
+import { D as je, a as Y, R as Ce } from "./Slot-DAyXieeZ.js";
+import { i as A } from "./invariant-Bm-FVUQE.js";
+import { O as ve, a as we, L as be } from "./chunk-QMGIS6GS-CEOk3lro.js";
+import { a as ke } from "./hook-DbUCLQNg.js";
+import { Button as x } from "./ui/Button.js";
+import { c as se, e as ne, b as Ne } from "./ZudokuContext-CLl5w57E.js";
+import { u as z, A as O, a as M, b as Ee, S as Ke, c as De, d as Ie, e as Pe, f as Ae, g as Z } from "./Select-BmTTKNPp.js";
+import * as _ from "react";
+import Re, { createContext as G, useRef as D, useLayoutEffect as Se, useEffect as ie, useId as J, useContext as U, useInsertionEffect as Te, useMemo as L, useCallback as ze, Children as Oe, isValidElement as Me, useState as K, forwardRef as qe } from "react";
+import { C as Fe, a as Le } from "./Card-CMDQUPM4.js";
+import { e as W, f as I, D as $, g as Q, a as B, c as H, b as V, d as re } from "./Dialog-u9Uz9sTt.js";
+import { Input as ae } from "./ui/Input.js";
 import { c as N } from "./cn-dYga0KKN.js";
-import { u as Ae } from "./CodeBlock-B-G0eKtw.js";
-const Re = () => {
-  const t = ge();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(ye, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+import { u as $e } from "./CodeBlock-B-G0eKtw.js";
+import { a as Qe } from "./index.esm-CdzlRw50.js";
+import { B as Be } from "./Button-B3o-2Xdf.js";
+import { S as He } from "./Spinner-mNLZ6awP.js";
+const Ve = () => {
+  const t = ke();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(ve, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
     "Please login first to view this page",
-    /* @__PURE__ */ e.jsx(g, { onClick: () => t.login(), children: "Login" })
-  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(me, { className: "max-w-[600px]", children: [
+    /* @__PURE__ */ e.jsx(x, { onClick: () => t.login(), children: "Login" })
+  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(je, { className: "max-w-[600px]", children: [
     "Authentication needs to be enabled for API keys to work. Enable it in your Zudoku configuration under ",
     /* @__PURE__ */ e.jsx("code", { children: "authentication" }),
     "."
   ] }) });
-}, Te = O({});
-function ne(t) {
-  const r = P(null);
-  return r.current === null && (r.current = t()), r.current;
+}, _e = G({});
+function oe(t) {
+  const i = D(null);
+  return i.current === null && (i.current = t()), i.current;
 }
-const ze = typeof window < "u", Me = ze ? ke : X, ie = /* @__PURE__ */ O(null);
-function Se(t) {
+const Ge = typeof window < "u", Je = Ge ? Se : ie, le = /* @__PURE__ */ G(null);
+function Ue(t) {
   return typeof t == "object" && t !== null;
 }
-function qe(t) {
-  return Se(t) && "offsetHeight" in t;
+function We(t) {
+  return Ue(t) && "offsetHeight" in t;
 }
-const Le = O({
+const Xe = G({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-class $e extends F.Component {
-  getSnapshotBeforeUpdate(r) {
+class Ye extends _.Component {
+  getSnapshotBeforeUpdate(i) {
     const s = this.props.childRef.current;
-    if (s && r.isPresent && !this.props.isPresent) {
-      const n = s.offsetParent, o = qe(n) && n.offsetWidth || 0, a = this.props.sizeRef.current;
-      a.height = s.offsetHeight || 0, a.width = s.offsetWidth || 0, a.top = s.offsetTop, a.left = s.offsetLeft, a.right = o - a.width - a.left;
+    if (s && i.isPresent && !this.props.isPresent) {
+      const n = s.offsetParent, r = We(n) && n.offsetWidth || 0, a = this.props.sizeRef.current;
+      a.height = s.offsetHeight || 0, a.width = s.offsetWidth || 0, a.top = s.offsetTop, a.left = s.offsetLeft, a.right = r - a.width - a.left;
     }
     return null;
   }
@@ -58,236 +62,347 @@ class $e extends F.Component {
     return this.props.children;
   }
 }
-function Fe({ children: t, isPresent: r, anchorX: s, root: n }) {
-  const o = Q(), a = P(null), u = P({
+function Ze({ children: t, isPresent: i, anchorX: s, root: n }) {
+  const r = J(), a = D(null), l = D({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: m } = H(Le);
-  return be(() => {
-    const { width: C, height: l, top: j, left: c, right: f } = u.current;
-    if (r || !a.current || !C || !l)
+  }), { nonce: h } = U(Xe);
+  return Te(() => {
+    const { width: y, height: d, top: C, left: u, right: f } = l.current;
+    if (i || !a.current || !y || !d)
       return;
-    const x = s === "left" ? `left: ${c}` : `right: ${f}`;
-    a.current.dataset.motionPopId = o;
-    const h = document.createElement("style");
-    m && (h.nonce = m);
-    const i = n ?? document.head;
-    return i.appendChild(h), h.sheet && h.sheet.insertRule(`
-          [data-motion-pop-id="${o}"] {
+    const p = s === "left" ? `left: ${u}` : `right: ${f}`;
+    a.current.dataset.motionPopId = r;
+    const m = document.createElement("style");
+    h && (m.nonce = h);
+    const g = n ?? document.head;
+    return g.appendChild(m), m.sheet && m.sheet.insertRule(`
+          [data-motion-pop-id="${r}"] {
             position: absolute !important;
-            width: ${C}px !important;
-            height: ${l}px !important;
-            ${x}px !important;
-            top: ${j}px !important;
+            width: ${y}px !important;
+            height: ${d}px !important;
+            ${p}px !important;
+            top: ${C}px !important;
           }
         `), () => {
-      i.removeChild(h), i.contains(h) && i.removeChild(h);
+      g.removeChild(m), g.contains(m) && g.removeChild(m);
     };
-  }, [r]), e.jsx($e, { isPresent: r, childRef: a, sizeRef: u, children: F.cloneElement(t, { ref: a }) });
+  }, [i]), e.jsx(Ye, { isPresent: i, childRef: a, sizeRef: l, children: _.cloneElement(t, { ref: a }) });
 }
-const Oe = ({ children: t, initial: r, isPresent: s, onExitComplete: n, custom: o, presenceAffectsLayout: a, mode: u, anchorX: m, root: C }) => {
-  const l = ne(Qe), j = Q();
-  let c = !0, f = $(() => (c = !1, {
-    id: j,
-    initial: r,
+const et = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: a, mode: l, anchorX: h, root: y }) => {
+  const d = oe(tt), C = J();
+  let u = !0, f = L(() => (u = !1, {
+    id: C,
+    initial: i,
     isPresent: s,
-    custom: o,
-    onExitComplete: (x) => {
-      l.set(x, !0);
-      for (const h of l.values())
-        if (!h)
+    custom: r,
+    onExitComplete: (p) => {
+      d.set(p, !0);
+      for (const m of d.values())
+        if (!m)
           return;
       n && n();
     },
-    register: (x) => (l.set(x, !1), () => l.delete(x))
-  }), [s, l, n]);
-  return a && c && (f = { ...f }), $(() => {
-    l.forEach((x, h) => l.set(h, !1));
-  }, [s]), F.useEffect(() => {
-    !s && !l.size && n && n();
-  }, [s]), u === "popLayout" && (t = e.jsx(Fe, { isPresent: s, anchorX: m, root: C, children: t })), e.jsx(ie.Provider, { value: f, children: t });
+    register: (p) => (d.set(p, !1), () => d.delete(p))
+  }), [s, d, n]);
+  return a && u && (f = { ...f }), L(() => {
+    d.forEach((p, m) => d.set(m, !1));
+  }, [s]), _.useEffect(() => {
+    !s && !d.size && n && n();
+  }, [s]), l === "popLayout" && (t = e.jsx(Ze, { isPresent: s, anchorX: h, root: y, children: t })), e.jsx(le.Provider, { value: f, children: t });
 };
-function Qe() {
+function tt() {
   return /* @__PURE__ */ new Map();
 }
-function He(t = !0) {
-  const r = H(ie);
-  if (r === null)
+function st(t = !0) {
+  const i = U(le);
+  if (i === null)
     return [!0, null];
-  const { isPresent: s, onExitComplete: n, register: o } = r, a = Q();
-  X(() => {
+  const { isPresent: s, onExitComplete: n, register: r } = i, a = J();
+  ie(() => {
     if (t)
-      return o(a);
+      return r(a);
   }, [t]);
-  const u = Ee(() => t && n && n(a), [a, n, t]);
-  return !s && n ? [!1, u] : [!0];
+  const l = ze(() => t && n && n(a), [a, n, t]);
+  return !s && n ? [!1, l] : [!0];
 }
-const K = (t) => t.key || "";
-function U(t) {
-  const r = [];
-  return Ne.forEach(t, (s) => {
-    Pe(s) && r.push(s);
-  }), r;
+const R = (t) => t.key || "";
+function ee(t) {
+  const i = [];
+  return Oe.forEach(t, (s) => {
+    Me(s) && i.push(s);
+  }), i;
 }
-const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: a = "sync", propagate: u = !1, anchorX: m = "left", root: C }) => {
-  const [l, j] = He(u), c = $(() => U(t), [t]), f = u && !l ? [] : c.map(K), x = P(!0), h = P(c), i = ne(() => /* @__PURE__ */ new Map()), [d, w] = D(c), [p, v] = D(c);
-  Me(() => {
-    x.current = !1, h.current = c;
-    for (let k = 0; k < p.length; k++) {
-      const y = K(p[k]);
-      f.includes(y) ? i.delete(y) : i.get(y) !== !0 && i.set(y, !1);
+const nt = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: r = !0, mode: a = "sync", propagate: l = !1, anchorX: h = "left", root: y }) => {
+  const [d, C] = st(l), u = L(() => ee(t), [t]), f = l && !d ? [] : u.map(R), p = D(!0), m = D(u), g = oe(() => /* @__PURE__ */ new Map()), [P, o] = K(u), [c, v] = K(u);
+  Je(() => {
+    p.current = !1, m.current = u;
+    for (let w = 0; w < c.length; w++) {
+      const j = R(c[w]);
+      f.includes(j) ? g.delete(j) : g.get(j) !== !0 && g.set(j, !1);
     }
-  }, [p, f.length, f.join("-")]);
-  const E = [];
-  if (c !== d) {
-    let k = [...c];
-    for (let y = 0; y < p.length; y++) {
-      const b = p[y], z = K(b);
-      f.includes(z) || (k.splice(y, 0, b), E.push(b));
+  }, [c, f.length, f.join("-")]);
+  const b = [];
+  if (u !== P) {
+    let w = [...u];
+    for (let j = 0; j < c.length; j++) {
+      const E = c[j], q = R(E);
+      f.includes(q) || (w.splice(j, 0, E), b.push(E));
     }
-    return a === "wait" && E.length && (k = E), v(U(k)), w(c), null;
+    return a === "wait" && b.length && (w = b), v(ee(w)), o(u), null;
   }
-  process.env.NODE_ENV !== "production" && a === "wait" && p.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: re } = H(Te);
-  return e.jsx(e.Fragment, { children: p.map((k) => {
-    const y = K(k), b = u && !l ? !1 : c === p || f.includes(y), z = () => {
-      if (i.has(y))
-        i.set(y, !0);
+  process.env.NODE_ENV !== "production" && a === "wait" && c.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: k } = U(_e);
+  return e.jsx(e.Fragment, { children: c.map((w) => {
+    const j = R(w), E = l && !d ? !1 : u === c || f.includes(j), q = () => {
+      if (g.has(j))
+        g.set(j, !0);
       else
         return;
-      let _ = !0;
-      i.forEach((ae) => {
-        ae || (_ = !1);
-      }), _ && (re?.(), v(h.current), u && j?.(), n && n());
+      let X = !0;
+      g.forEach((de) => {
+        de || (X = !1);
+      }), X && (k?.(), v(m.current), l && C?.(), n && n());
     };
-    return e.jsx(Oe, { isPresent: b, initial: !x.current || s ? void 0 : !1, custom: r, presenceAffectsLayout: o, mode: a, root: C, onExitComplete: b ? void 0 : z, anchorX: m, children: k }, y);
+    return e.jsx(et, { isPresent: E, initial: !p.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: r, mode: a, root: y, onExitComplete: E ? void 0 : q, anchorX: h, children: w }, j);
   }) });
-}, Be = ({ service: t }) => {
-  const r = je(), s = Ce(), [n, o] = D(
+}, ce = qe(
+  ({ isPending: t, children: i, className: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+    Be,
+    {
+      ref: r,
+      disabled: t,
+      ...n,
+      className: N("relative", s),
+      children: [
+        t && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ e.jsx(He, {}) }),
+        /* @__PURE__ */ e.jsx("span", { className: N("block", t && "invisible"), children: i })
+      ]
+    }
+  )
+);
+ce.displayName = "ActionButton";
+const it = ({
+  service: t,
+  onOpenChange: i
+}) => {
+  const s = se(), n = ne(), r = we(), a = Qe({
+    defaultValues: {
+      expiresOn: "30"
+    }
+  }), l = z({
+    mutationFn: ({ description: h, expiresOn: y }) => {
+      if (!t.createKey)
+        throw new Error("createKey not implemented");
+      const d = y !== "never" ? rt(Number(y)) : void 0;
+      return t.createKey(
+        {
+          description: h || "Secret Key",
+          expiresOn: d
+        },
+        s
+      );
+    },
+    onSuccess: async () => {
+      await n.invalidateQueries({ queryKey: ["api-keys"] }), await r("/settings/api-keys/");
+    }
+  });
+  return t.createKey ? /* @__PURE__ */ e.jsxs(
+    "form",
+    {
+      onSubmit: a.handleSubmit(
+        (h) => l.mutate(
+          { ...h },
+          {
+            onSuccess: () => i(!1)
+          }
+        )
+      ),
+      children: [
+        l.error && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+          /* @__PURE__ */ e.jsx(M, { children: "Error" }),
+          /* @__PURE__ */ e.jsx(Ee, { children: l.error.message })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 flex-col text-sm font-medium", children: [
+          "Name",
+          /* @__PURE__ */ e.jsx(ae, { ...a.register("description") }),
+          "Expiration",
+          /* @__PURE__ */ e.jsxs(
+            Ke,
+            {
+              onValueChange: (h) => a.setValue("expiresOn", h),
+              defaultValue: a.getValues("expiresOn"),
+              children: [
+                /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(Ie, {}) }),
+                /* @__PURE__ */ e.jsx(Pe, { children: /* @__PURE__ */ e.jsxs(Ae, { children: [
+                  [7, 30, 60, 90].map((h) => /* @__PURE__ */ e.jsxs(Z, { value: String(h), children: [
+                    h,
+                    " days"
+                  ] }, h)),
+                  /* @__PURE__ */ e.jsx(Z, { value: "never", children: "Never" })
+                ] }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(W, { children: [
+            /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { variant: "outline", children: "Cancel" }) }),
+            /* @__PURE__ */ e.jsx(ce, { isPending: l.isPending, children: "Generate Key" })
+          ] })
+        ] })
+      ]
+    }
+  ) : null;
+}, rt = (t) => {
+  const i = /* @__PURE__ */ new Date();
+  return i.setDate(i.getDate() + t), i.toISOString();
+}, at = ({ service: t }) => {
+  const i = se(), s = ne(), [n, r] = K(
     null
-  ), [a, u] = D(""), { data: m, isFetching: C } = we({
-    queryFn: () => t.getConsumers(r),
+  ), [a, l] = K(""), { data: h, isFetching: y } = Ne({
+    queryFn: () => t.getConsumers(i),
     queryKey: ["api-keys"],
     retry: !1
-  }), l = S({
+  }), [d, C] = K(!1), u = z({
     mutationFn: ({
-      consumerId: i,
-      keyId: d
+      consumerId: o,
+      keyId: c
     }) => {
       if (!t.deleteKey)
         throw new Error("deleteKey not implemented");
-      return t.deleteKey(i, d, r);
+      return t.deleteKey(o, c, i);
     },
-    onMutate: async ({ consumerId: i, keyId: d }) => {
+    onMutate: async ({ consumerId: o, keyId: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
-      const w = s.getQueryData([
+      const v = s.getQueryData([
         "api-keys"
       ]);
-      return s.setQueryData(["api-keys"], (p) => p && p.map((v) => v.id === i ? {
-        ...v,
-        apiKeys: v.apiKeys.filter((E) => E.id !== d)
-      } : v)), { previousData: w };
+      return s.setQueryData(["api-keys"], (b) => b && b.map((k) => k.id === o ? {
+        ...k,
+        apiKeys: k.apiKeys.filter((w) => w.id !== c)
+      } : k)), { previousData: v };
     },
-    onError: (i, d, w) => {
-      w?.previousData && s.setQueryData(["api-keys"], w.previousData);
+    onError: (o, c, v) => {
+      v?.previousData && s.setQueryData(["api-keys"], v.previousData);
     },
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), j = S({
+  }), f = z({
     mutationFn: ({
-      consumerId: i,
-      label: d
+      consumerId: o,
+      label: c
     }) => {
       if (!t.updateConsumer)
         throw new Error("updateConsumer not implemented");
-      return t.updateConsumer({ id: i, label: d }, r);
+      return t.updateConsumer({ id: o, label: c }, i);
     },
-    onMutate: async ({ consumerId: i, label: d }) => {
+    onMutate: async ({ consumerId: o, label: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
-      const w = s.getQueryData(["api-keys"]);
-      return s.setQueryData(["api-keys"], (p) => p && p.map((v) => v.id === i ? {
-        ...v,
-        label: d
-      } : v)), { previousData: w };
+      const v = s.getQueryData(["api-keys"]);
+      return s.setQueryData(["api-keys"], (b) => b && b.map((k) => k.id === o ? {
+        ...k,
+        label: c
+      } : k)), { previousData: v };
     },
-    onError: (i, d, w) => {
-      w?.previousData && s.setQueryData(["api-keys"], w.previousData);
+    onError: (o, c, v) => {
+      v?.previousData && s.setQueryData(["api-keys"], v.previousData);
     },
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), c = S({
-    mutationFn: (i) => {
+  }), p = z({
+    mutationFn: (o) => {
       if (!t.rollKey)
         throw new Error("rollKey not implemented");
-      return t.rollKey(i, r);
+      return t.rollKey(o, i);
     },
     onSuccess: () => s.invalidateQueries({ queryKey: ["api-keys"] })
-  }), f = (i, d) => {
-    o(i), u(d);
-  }, x = (i) => {
-    a.trim() && j.mutate({
-      consumerId: i,
+  }), m = (o, c) => {
+    r(o), l(c);
+  }, g = (o) => {
+    a.trim() && f.mutate({
+      consumerId: o,
       label: a.trim()
-    }), o(null), u("");
-  }, h = () => {
-    o(null), u("");
+    }), r(null), l("");
+  }, P = () => {
+    r(null), l("");
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-md h-full pt-(--padding-content-top) pb-(--padding-content-bottom)", children: [
-    /* @__PURE__ */ e.jsx(B.Target, { name: "api-keys-list-page" }),
+    /* @__PURE__ */ e.jsx(Y.Target, { name: "api-keys-list-page" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between pb-3", children: [
-      /* @__PURE__ */ e.jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }),
-      t.createKey && /* @__PURE__ */ e.jsx(g, { asChild: !0, children: /* @__PURE__ */ e.jsx(J, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+      /* @__PURE__ */ e.jsxs("h1", { className: "font-medium text-2xl", children: [
+        "API Keys ",
+        typeof t.createKey
+      ] }),
+      t.createKey && /* @__PURE__ */ e.jsxs(
+        $,
+        {
+          open: d,
+          onOpenChange: C,
+          children: [
+            /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { variant: "outline", children: "Create API Key" }) }),
+            /* @__PURE__ */ e.jsxs(B, { children: [
+              /* @__PURE__ */ e.jsx(H, { children: /* @__PURE__ */ e.jsx(V, { children: "Create API Key" }) }),
+              /* @__PURE__ */ e.jsx(
+                it,
+                {
+                  service: t,
+                  onOpenChange: C
+                }
+              )
+            ] })
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ e.jsx("p", { children: "Create, manage, and monitor your API keys" }),
-    /* @__PURE__ */ e.jsx(B.Target, { name: "api-keys-list-page-before-keys" }),
+    /* @__PURE__ */ e.jsx(Y.Target, { name: "api-keys-list-page-before-keys" }),
     /* @__PURE__ */ e.jsx("div", { className: "h-8" }),
-    c.isError && /* @__PURE__ */ e.jsxs(q, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(M, { size: 16 }),
-      /* @__PURE__ */ e.jsx(L, { children: c.error.message })
+    p.isError && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(F, { size: 16 }),
+      /* @__PURE__ */ e.jsx(M, { children: p.error.message })
     ] }),
-    j.isError && /* @__PURE__ */ e.jsxs(q, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(M, { size: 16 }),
-      /* @__PURE__ */ e.jsx(L, { children: j.error.message })
+    f.isError && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(F, { size: 16 }),
+      /* @__PURE__ */ e.jsx(M, { children: f.error.message })
     ] }),
-    l.isError && /* @__PURE__ */ e.jsxs(q, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(M, { size: 16 }),
-      /* @__PURE__ */ e.jsx(L, { children: l.error.message })
+    u.isError && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(F, { size: 16 }),
+      /* @__PURE__ */ e.jsx(M, { children: u.error.message })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "", children: m.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex col-span-full flex-col justify-center gap-4 items-center p-8 border rounded-sm bg-muted/30 text-muted-foreground", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "", children: h.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex col-span-full flex-col justify-center gap-4 items-center p-8 border rounded-sm bg-muted/30 text-muted-foreground", children: [
       /* @__PURE__ */ e.jsxs("p", { className: "text-center", children: [
         "You have no API keys yet.",
         /* @__PURE__ */ e.jsx("br", {}),
         t.createKey && "Get started and create your first key."
       ] }),
-      t.createKey && /* @__PURE__ */ e.jsx(g, { asChild: !0, variant: "outline", children: /* @__PURE__ */ e.jsx(J, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+      t.createKey && /* @__PURE__ */ e.jsx(x, { asChild: !0, variant: "outline", children: /* @__PURE__ */ e.jsx(be, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
         className: N(
           "grid grid-cols-[1fr_min-content] divide-y divide-border col-span-6"
         ),
-        children: m.map((i) => /* @__PURE__ */ e.jsxs(
-          De,
+        children: h.map((o) => /* @__PURE__ */ e.jsxs(
+          Fe,
           {
             className: "grid grid-cols-subgrid col-span-full items-center mb-4 group",
             children: [
-              /* @__PURE__ */ e.jsxs(Ie, { className: "border-b col-span-full grid-cols-subgrid grid", children: [
+              /* @__PURE__ */ e.jsxs(Le, { className: "border-b col-span-full grid-cols-subgrid grid", children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "h-10 flex flex-col text-sm justify-center", children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "font-medium text-lg flex items-center gap-2", children: [
-                    n === i.id ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+                    n === o.id ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
                       /* @__PURE__ */ e.jsx(
-                        Ke,
+                        ae,
                         {
                           maxLength: 32,
                           value: a,
-                          onChange: (d) => u(d.target.value),
-                          onKeyDown: (d) => {
-                            d.key === "Enter" ? x(i.id) : d.key === "Escape" && h();
+                          onChange: (c) => l(c.target.value),
+                          onKeyDown: (c) => {
+                            c.key === "Enter" ? g(o.id) : c.key === "Escape" && P();
                           },
                           className: "text-lg font-medium",
                           autoFocus: !0
@@ -295,90 +410,90 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
                       ),
                       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
                         /* @__PURE__ */ e.jsx(
-                          g,
+                          x,
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: () => x(i.id),
+                            onClick: () => g(o.id),
                             disabled: !a.trim(),
-                            children: /* @__PURE__ */ e.jsx(W, { size: 16 })
+                            children: /* @__PURE__ */ e.jsx(te, { size: 16 })
                           }
                         ),
                         /* @__PURE__ */ e.jsx(
-                          g,
+                          x,
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: h,
-                            children: /* @__PURE__ */ e.jsx(oe, { size: 16 })
+                            onClick: P,
+                            children: /* @__PURE__ */ e.jsx(ue, { size: 16 })
                           }
                         )
                       ] })
-                    ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i.label }),
-                    /* @__PURE__ */ e.jsx("div", { className: "text-muted-foreground text-xs", children: i.createdOn })
+                    ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: o.label }),
+                    /* @__PURE__ */ e.jsx("div", { className: "text-muted-foreground text-xs", children: o.createdOn })
                   ] }),
                   /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground text-xs", children: [
-                    i.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                    o.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
                       "Created on",
                       " ",
-                      new Date(i.createdOn).toLocaleDateString()
+                      new Date(o.createdOn).toLocaleDateString()
                     ] }),
-                    i.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                    o.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
                       "Expires on",
                       " ",
-                      new Date(i.expiresOn).toLocaleDateString()
+                      new Date(o.expiresOn).toLocaleDateString()
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end", children: [
                   t.updateConsumer && /* @__PURE__ */ e.jsxs(
-                    g,
+                    x,
                     {
                       variant: "ghost",
-                      onClick: () => f(i.id, i.label),
+                      onClick: () => m(o.id, o.label),
                       className: N(
                         "flex gap-2",
-                        n === i.id && "opacity-0! pointer-events-none"
+                        n === o.id && "opacity-0! pointer-events-none"
                       ),
-                      disabled: n === i.id,
+                      disabled: n === o.id,
                       children: [
-                        /* @__PURE__ */ e.jsx(le, { size: 16 }),
+                        /* @__PURE__ */ e.jsx(he, { size: 16 }),
                         /* @__PURE__ */ e.jsx("span", { className: "hidden md:block", children: "Edit label" })
                       ]
                     }
                   ),
-                  t.rollKey && /* @__PURE__ */ e.jsxs(Y, { children: [
-                    /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-                      g,
+                  t.rollKey && /* @__PURE__ */ e.jsxs($, { children: [
+                    /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+                      x,
                       {
                         title: "Roll this key",
                         variant: "ghost",
-                        disabled: c.isPending,
+                        disabled: p.isPending,
                         className: "flex items-center gap-2",
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            ce,
+                            fe,
                             {
                               size: 16,
-                              className: c.isPending ? "animate-spin" : void 0
+                              className: p.isPending ? "animate-spin" : void 0
                             }
                           ),
                           /* @__PURE__ */ e.jsx("span", { className: "hidden md:block", children: "Roll key" })
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ e.jsxs(V, { children: [
-                      /* @__PURE__ */ e.jsxs(Z, { children: [
-                        /* @__PURE__ */ e.jsx(ee, { children: "Roll API Key" }),
-                        /* @__PURE__ */ e.jsx(te, { children: "Are you sure you want to roll this API key?" })
+                    /* @__PURE__ */ e.jsxs(B, { children: [
+                      /* @__PURE__ */ e.jsxs(H, { children: [
+                        /* @__PURE__ */ e.jsx(V, { children: "Roll API Key" }),
+                        /* @__PURE__ */ e.jsx(re, { children: "Are you sure you want to roll this API key?" })
                       ] }),
-                      /* @__PURE__ */ e.jsxs(se, { children: [
-                        /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsx(g, { variant: "outline", children: "Cancel" }) }),
-                        /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-                          g,
+                      /* @__PURE__ */ e.jsxs(W, { children: [
+                        /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { variant: "outline", children: "Cancel" }) }),
+                        /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                          x,
                           {
                             onClick: () => {
-                              c.mutate(i.id);
+                              p.mutate(o.id);
                             },
                             children: "Roll Key"
                           }
@@ -388,40 +503,40 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(_e, { children: i.apiKeys.map((d) => /* @__PURE__ */ e.jsxs(ve.Fragment, { children: [
+              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(nt, { children: o.apiKeys.map((c) => /* @__PURE__ */ e.jsxs(Re.Fragment, { children: [
                 /* @__PURE__ */ e.jsx(
-                  Ue,
+                  lt,
                   {
-                    apiKey: d,
+                    apiKey: c,
                     onDeleteKey: () => {
-                      l.mutate({
-                        consumerId: i.id,
-                        keyId: d.id
+                      u.mutate({
+                        consumerId: o.id,
+                        keyId: c.id
                       });
                     },
-                    className: l.variables?.keyId === d.id && (l.isPending || C) ? "opacity-10!" : void 0
+                    className: u.variables?.keyId === c.id && (u.isPending || y) ? "opacity-10!" : void 0
                   }
                 ),
                 /* @__PURE__ */ e.jsx("div", { className: "col-span-full h-px bg-border" })
-              ] }, d.id)) }) })
+              ] }, c.id)) }) })
             ]
           },
-          i.id
+          o.id
         ))
       }
     ) })
   ] });
-}, Je = (t) => {
-  const r = /* @__PURE__ */ new Date(), s = new Date(t), n = Math.floor((r.getTime() - s.getTime()) / 1e3), o = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
-  return n < 60 ? o.format(-n, "second") : n < 3600 ? o.format(-Math.floor(n / 60), "minute") : n < 86400 ? o.format(-Math.floor(n / 3600), "hour") : n < 2592e3 ? o.format(-Math.floor(n / 86400), "day") : n < 31536e3 ? o.format(-Math.floor(n / 2592e3), "month") : o.format(-Math.floor(n / 31536e3), "year");
-}, Ue = ({
+}, ot = (t) => {
+  const i = /* @__PURE__ */ new Date(), s = new Date(t), n = Math.floor((i.getTime() - s.getTime()) / 1e3), r = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+  return n < 60 ? r.format(-n, "second") : n < 3600 ? r.format(-Math.floor(n / 60), "minute") : n < 86400 ? r.format(-Math.floor(n / 3600), "hour") : n < 2592e3 ? r.format(-Math.floor(n / 86400), "day") : n < 31536e3 ? r.format(-Math.floor(n / 2592e3), "month") : r.format(-Math.floor(n / 31536e3), "year");
+}, lt = ({
   apiKey: t,
-  onDeleteKey: r,
+  onDeleteKey: i,
   className: s
 }) => {
-  const [n, o] = D(!1), [a, u] = Ae(), { key: m, createdOn: C, expiresOn: l } = t, j = l && new Date(l) < /* @__PURE__ */ new Date(), c = l ? Math.ceil(
-    (new Date(l).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
-  ) : 1 / 0, f = c <= 7 && !j;
+  const [n, r] = K(!1), [a, l] = $e(), { key: h, createdOn: y, expiresOn: d } = t, C = d && new Date(d) < /* @__PURE__ */ new Date(), u = d ? Math.ceil(
+    (new Date(d).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
+  ) : 1 / 0, f = u <= 7 && !C;
   return /* @__PURE__ */ e.jsxs("div", { className: N("grid col-span-full grid-cols-subgrid p-6", s), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm border rounded-md w-full max-w-fit px-1", children: [
@@ -431,7 +546,7 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
             {
               className: N(
                 "rounded-full w-2 h-2 bg-emerald-400 mr-2",
-                (f || j) && "bg-neutral-200"
+                (f || C) && "bg-neutral-200"
               )
             }
           ),
@@ -443,66 +558,66 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
                   "w-40 inline-block md:w-full truncate",
                   n ? "" : "opacity-20"
                 ),
-                children: n ? m.slice(0, -5) : "**** ".repeat(m.slice(0, -5).length / 5) + "*".repeat(m.slice(0, -5).length % 5)
+                children: n ? h.slice(0, -5) : "**** ".repeat(h.slice(0, -5).length / 5) + "*".repeat(h.slice(0, -5).length % 5)
               }
             ),
-            /* @__PURE__ */ e.jsx("span", { children: m.slice(-5) })
+            /* @__PURE__ */ e.jsx("span", { children: h.slice(-5) })
           ] })
         ] }),
         /* @__PURE__ */ e.jsx(
-          g,
+          x,
           {
             variant: "ghost",
-            onClick: () => o((x) => !x),
+            onClick: () => r((p) => !p),
             size: "icon",
-            children: n ? /* @__PURE__ */ e.jsx(de, { size: 16 }) : /* @__PURE__ */ e.jsx(ue, { size: 16 })
+            children: n ? /* @__PURE__ */ e.jsx(pe, { size: 16 }) : /* @__PURE__ */ e.jsx(me, { size: 16 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          g,
+          x,
           {
             variant: "ghost",
-            onClick: () => u(m),
+            onClick: () => l(h),
             size: "icon",
-            children: a ? /* @__PURE__ */ e.jsx(W, { size: 16 }) : /* @__PURE__ */ e.jsx(he, { size: 16 })
+            children: a ? /* @__PURE__ */ e.jsx(te, { size: 16 }) : /* @__PURE__ */ e.jsx(xe, { size: 16 })
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 mt-0.5 text-nowrap", children: [
-        C && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        y && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
           "Created ",
-          Je(C),
+          ot(y),
           "."
         ] }),
         " ",
-        l && f && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        d && f && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expires in ",
-          c,
+          u,
           " ",
-          c === 1 ? "day" : "days",
+          u === 1 ? "day" : "days",
           "."
         ] }),
-        l && j && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        d && C && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expired",
           " ",
-          c === 0 ? "today." : `${c * -1} days ago.`
+          u === 0 ? "today." : `${u * -1} days ago.`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: l && r && /* @__PURE__ */ e.jsxs(Y, { children: [
-      /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsx(g, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(fe, { size: 16 }) }) }),
-      /* @__PURE__ */ e.jsxs(V, { children: [
-        /* @__PURE__ */ e.jsxs(Z, { children: [
-          /* @__PURE__ */ e.jsx(ee, { children: "Delete API Key" }),
-          /* @__PURE__ */ e.jsx(te, { children: "Are you sure you want to delete this API key?" })
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: d && i && /* @__PURE__ */ e.jsxs($, { children: [
+      /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(ye, { size: 16 }) }) }),
+      /* @__PURE__ */ e.jsxs(B, { children: [
+        /* @__PURE__ */ e.jsxs(H, { children: [
+          /* @__PURE__ */ e.jsx(V, { children: "Delete API Key" }),
+          /* @__PURE__ */ e.jsx(re, { children: "Are you sure you want to delete this API key?" })
         ] }),
-        /* @__PURE__ */ e.jsxs(se, { children: [
-          /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsx(g, { variant: "outline", children: "Cancel" }) }),
-          /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-            g,
+        /* @__PURE__ */ e.jsxs(W, { children: [
+          /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+            x,
             {
               onClick: () => {
-                r();
+                i();
               },
               children: "Delete"
             }
@@ -511,55 +626,55 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
       ] })
     ] }) })
   ] });
-}, A = "https://api.zuploedge.com/v2/client", We = async (t) => {
+}, S = "https://api.zuploedge.com/v2/client", ct = async (t) => {
   try {
     return await t.json();
   } catch {
     return;
   }
-}, R = async (t) => {
-  const r = t.headers.get("content-type");
-  if (!t.ok && r?.includes("application/problem+json")) {
-    const s = await We(t);
+}, T = async (t) => {
+  const i = t.headers.get("content-type");
+  if (!t.ok && i?.includes("application/problem+json")) {
+    const s = await ct(t);
     if (s.type && s.title)
       throw new Error(s.detail ?? s.title);
   }
-}, Xe = (t) => ({
-  deleteKey: async (r, s, n) => {
-    const o = new Request(
-      A + `/${t}/consumers/${r}/keys/${s}`,
+}, dt = (t, i) => ({
+  deleteKey: async (s, n, r) => {
+    const a = new Request(
+      S + `/${t}/consumers/${s}/keys/${n}`,
       {
         method: "DELETE"
       }
     );
-    await n.signRequest(o);
-    const a = await fetch(o);
-    await R(a), I(a.ok, "Failed to delete API key");
+    await r.signRequest(a);
+    const l = await fetch(a);
+    await T(l), A(l.ok, "Failed to delete API key");
   },
-  updateConsumer: async (r, s) => {
-    const n = await fetch(
-      await s.signRequest(
+  updateConsumer: async (s, n) => {
+    const r = await fetch(
+      await n.signRequest(
         new Request(
-          A + `/${t}/consumers/${r.id}`,
+          S + `/${t}/consumers/${s.id}`,
           {
             method: "PATCH",
             headers: {
               "Content-Type": "application/json"
             },
             body: JSON.stringify({
-              label: r.label
+              label: s.label
             })
           }
         )
       )
     );
-    await R(n), I(n.ok, "Failed to update API key description");
+    await T(r), A(r.ok, "Failed to update API key description");
   },
-  rollKey: async (r, s) => {
-    const n = await fetch(
-      await s.signRequest(
+  rollKey: async (s, n) => {
+    const r = await fetch(
+      await n.signRequest(
         new Request(
-          A + `/${t}/consumers/${r}/roll-key`,
+          S + `/${t}/consumers/${s}/roll-key`,
           {
             method: "POST",
             headers: {
@@ -570,41 +685,42 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
         )
       )
     );
-    await R(n), I(n.ok, "Failed to delete API key");
+    await T(r), A(r.ok, "Failed to delete API key");
   },
-  getConsumers: async (r) => {
-    const s = new Request(
-      A + `/${t}/consumers`
+  getConsumers: async (s) => {
+    const n = new Request(
+      S + `/${t}/consumers`
     );
-    await r.signRequest(s);
-    const n = await fetch(s);
-    return await R(n), I(n.ok, "Failed to fetch API keys"), (await n.json()).data.map((a) => ({
-      id: a.id,
-      label: a.label || a.subject || "API Key",
-      apiKeys: a.apiKeys.data,
-      key: a.apiKeys.data.at(0)
+    await s.signRequest(n);
+    const r = await fetch(n);
+    return await T(r), A(r.ok, "Failed to fetch API keys"), (await r.json()).data.map((l) => ({
+      id: l.id,
+      label: l.label || l.subject || "API Key",
+      apiKeys: l.apiKeys.data,
+      key: l.apiKeys.data.at(0)
     }));
-  }
-}), dt = (t) => t, ut = (t) => {
-  const r = "deploymentName" in t ? Xe(t.deploymentName) : t;
+  },
+  ...i
+}), It = (t) => t, Pt = (t) => {
+  const i = "deploymentName" in t ? dt(t.deploymentName, t) : t;
   return {
     getProfileMenuItems: () => [
       {
         label: "API Keys",
         path: "/settings/api-keys",
         category: "middle",
-        icon: pe
+        icon: ge
       }
     ],
     getIdentities: async (s) => {
       try {
-        return (await r.getConsumers(s)).map((o) => ({
+        return (await i.getConsumers(s)).map((r) => ({
           authorizeRequest: (a) => (a.headers.set(
             "Authorization",
-            `Bearer ${o.apiKeys.at(0)?.key}`
+            `Bearer ${r.apiKeys.at(0)?.key}`
           ), a),
-          id: o.id,
-          label: o.label
+          id: r.id,
+          label: r.label
         }));
       } catch {
         return [];
@@ -612,24 +728,20 @@ const _e = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presen
     },
     getRoutes: () => [
       {
-        element: /* @__PURE__ */ e.jsx(Re, {}),
-        errorElement: /* @__PURE__ */ e.jsx(xe, {}),
+        element: /* @__PURE__ */ e.jsx(Ve, {}),
+        errorElement: /* @__PURE__ */ e.jsx(Ce, {}),
         children: [
           {
             path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx(Be, { service: r })
+            element: /* @__PURE__ */ e.jsx(at, { service: i })
           }
-          // {
-          //   path: "/settings/api-keys/new",
-          //   element: <CreateApiKey service={service} />,
-          // },
         ]
       }
     ]
   };
 };
 export {
-  ut as apiKeyPlugin,
-  dt as createApiKeyService
+  Pt as apiKeyPlugin,
+  It as createApiKeyService
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map