zudoku 0.66.0 → 0.66.2

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

@@ -1,47 +1,47 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { CircleSlashIcon as F, CheckIcon as fe, XIcon as he, PencilLineIcon as pe, RefreshCwIcon as me, TrashIcon as xe, KeyRoundIcon as ye } from "lucide-react";
-import { R as ge } from "./RouterError-CKOZTsDD.js";
-import { i as I } from "./invariant-CGOLuIIz.js";
-import { O as je, u as Ce } from "./chunk-PVWAREVJ-dLIqswPy.js";
-import { u as ve } from "./hook-CvSwcbk6.js";
-import { D as we, a as Y } from "./ErrorAlert-BqjbNHIn.js";
+import { CircleSlashIcon as $, CheckIcon as ue, XIcon as fe, PencilLineIcon as he, RefreshCwIcon as pe, TrashIcon as me, KeyRoundIcon as xe } from "lucide-react";
+import { R as ye } from "./RouterError-DfTZblpv.js";
+import { i as A } from "./invariant-CGOLuIIz.js";
+import { O as ge, u as je } from "./chunk-PVWAREVJ-dLIqswPy.js";
+import { u as Ce } from "./hook-BNxidGQq.js";
+import { D as ve, a as Y } from "./ErrorAlert-BUlG32M9.js";
 import { Button as v } from "./ui/Button.js";
-import { a as ne, g as ie, e as be } from "./ZudokuContext-np1wheDl.js";
-import { u as O, S as ke, a as Ne, b as Ke, c as Ee, d as De, e as Z, f as Ae } from "./Select-VmDZ-nKe.js";
-import * as $ from "react";
-import Pe, { createContext as Q, useRef as D, useLayoutEffect as Ie, useEffect as re, useId as _, useContext as B, useInsertionEffect as Re, useMemo as L, useCallback as Se, Children as Te, isValidElement as Oe, useState as E, forwardRef as Me } from "react";
-import { A as M, a as q, b as qe } from "./Mermaid-CIFixY6C.js";
-import { C as $e, a as ze } from "./Card-KFniaZn5.js";
-import { e as H, f as A, D as V, g as G, a as J, b as U, c as W, d as ae } from "./Dialog-BQciPiHN.js";
+import { a as ne, f as ie, e as we } from "./ZudokuContext-BXldanA8.js";
+import { u as T } from "./useMutation-C6RqWmTS.js";
+import * as q from "react";
+import ke, { createContext as Q, useRef as N, useLayoutEffect as be, useEffect as re, useId as _, useContext as H, useInsertionEffect as Ke, useMemo as F, useCallback as Ee, Children as De, isValidElement as Ne, useState as D } from "react";
+import { A as O, a as M, b as Pe } from "./Mermaid-D_VSX7_Q.js";
+import { C as Ae, a as Ie } from "./Card-KFniaZn5.js";
+import { e as V, f as P, D as B, g as G, a as J, b as U, c as W, d as ae } from "./Dialog-BQciPiHN.js";
+import { S as Re, a as Se, b as Te, c as Oe, d as Me, e as Z, f as qe } from "./Select-CkxXP5I7.js";
 import { Input as oe } from "./ui/Input.js";
-import { c as P } from "./cn-dYga0KKN.js";
-import { a as Fe } from "./index.esm-BYObtETB.js";
-import { B as Le } from "./Button-CynVW1JV.js";
-import { S as Qe } from "./Spinner-CI6bRyZw.js";
-import { b as _e } from "./index-DnMgJWrI.js";
-const Be = () => {
-  const t = ve();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthEnabled ? t.isAuthenticated ? /* @__PURE__ */ e.jsx(je, {}) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+import { c as L } from "./cn-dYga0KKN.js";
+import { a as ze } from "./index.esm-BYObtETB.js";
+import { A as $e } from "./ActionButton-DUgvSylL.js";
+import { b as Fe } from "./index-Css56y3F.js";
+const Le = () => {
+  const t = Ce();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthEnabled ? t.isAuthenticated ? /* @__PURE__ */ e.jsx(ge, {}) : /* @__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(v, { 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(we, { className: "max-w-[600px]", children: [
+  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(ve, { 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" }),
     "."
   ] }) });
-}, He = Q({});
+}, Qe = Q({});
 function le(t) {
-  const r = D(null);
+  const r = N(null);
   return r.current === null && (r.current = t()), r.current;
 }
-const Ve = typeof window < "u", Ge = Ve ? Ie : re, ce = /* @__PURE__ */ Q(null);
-function Je(t) {
+const _e = typeof window < "u", He = _e ? be : re, ce = /* @__PURE__ */ Q(null);
+function Ve(t) {
   return typeof t == "object" && t !== null;
 }
-function Ue(t) {
-  return Je(t) && "offsetHeight" in t;
+function Be(t) {
+  return Ve(t) && "offsetHeight" in t;
 }
-const We = Q({
+const Ge = Q({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -51,7 +51,7 @@ function ee(t, r) {
     return t(r);
   t != null && (t.current = r);
 }
-function Xe(...t) {
+function Je(...t) {
   return (r) => {
     let s = !1;
     const n = t.map((i) => {
@@ -67,14 +67,14 @@ function Xe(...t) {
       };
   };
 }
-function Ye(...t) {
-  return $.useCallback(Xe(...t), t);
+function Ue(...t) {
+  return q.useCallback(Je(...t), t);
 }
-class Ze extends $.Component {
+class We extends q.Component {
   getSnapshotBeforeUpdate(r) {
     const s = this.props.childRef.current;
     if (s && r.isPresent && !this.props.isPresent) {
-      const n = s.offsetParent, i = Ue(n) && n.offsetWidth || 0, a = this.props.sizeRef.current;
+      const n = s.offsetParent, i = Be(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 = i - a.width - a.left;
     }
     return null;
@@ -88,63 +88,63 @@ class Ze extends $.Component {
     return this.props.children;
   }
 }
-function et({ children: t, isPresent: r, anchorX: s, root: n }) {
-  const i = _(), a = D(null), l = D({
+function Xe({ children: t, isPresent: r, anchorX: s, root: n }) {
+  const i = _(), a = N(null), l = N({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: u } = B(We), f = Ye(a, t?.ref);
-  return Re(() => {
+  }), { nonce: u } = H(Ge), f = Ue(a, t?.ref);
+  return Ke(() => {
     const { width: d, height: y, top: h, left: x, right: p } = l.current;
     if (r || !a.current || !d || !y)
       return;
-    const b = s === "left" ? `left: ${x}` : `right: ${p}`;
+    const k = s === "left" ? `left: ${x}` : `right: ${p}`;
     a.current.dataset.motionPopId = i;
     const m = document.createElement("style");
     u && (m.nonce = u);
-    const N = n ?? document.head;
-    return N.appendChild(m), m.sheet && m.sheet.insertRule(`
+    const K = n ?? document.head;
+    return K.appendChild(m), m.sheet && m.sheet.insertRule(`
           [data-motion-pop-id="${i}"] {
             position: absolute !important;
             width: ${d}px !important;
             height: ${y}px !important;
-            ${b}px !important;
+            ${k}px !important;
             top: ${h}px !important;
           }
         `), () => {
-      N.contains(m) && N.removeChild(m);
+      K.contains(m) && K.removeChild(m);
     };
-  }, [r]), e.jsx(Ze, { isPresent: r, childRef: a, sizeRef: l, children: $.cloneElement(t, { ref: f }) });
+  }, [r]), e.jsx(We, { isPresent: r, childRef: a, sizeRef: l, children: q.cloneElement(t, { ref: f }) });
 }
-const tt = ({ children: t, initial: r, isPresent: s, onExitComplete: n, custom: i, presenceAffectsLayout: a, mode: l, anchorX: u, root: f }) => {
-  const d = le(st), y = _();
-  let h = !0, x = L(() => (h = !1, {
+const Ye = ({ children: t, initial: r, isPresent: s, onExitComplete: n, custom: i, presenceAffectsLayout: a, mode: l, anchorX: u, root: f }) => {
+  const d = le(Ze), y = _();
+  let h = !0, x = F(() => (h = !1, {
     id: y,
     initial: r,
     isPresent: s,
     custom: i,
     onExitComplete: (p) => {
       d.set(p, !0);
-      for (const b of d.values())
-        if (!b)
+      for (const k of d.values())
+        if (!k)
           return;
       n && n();
     },
     register: (p) => (d.set(p, !1), () => d.delete(p))
   }), [s, d, n]);
-  return a && h && (x = { ...x }), L(() => {
-    d.forEach((p, b) => d.set(b, !1));
-  }, [s]), $.useEffect(() => {
+  return a && h && (x = { ...x }), F(() => {
+    d.forEach((p, k) => d.set(k, !1));
+  }, [s]), q.useEffect(() => {
     !s && !d.size && n && n();
-  }, [s]), l === "popLayout" && (t = e.jsx(et, { isPresent: s, anchorX: u, root: f, children: t })), e.jsx(ce.Provider, { value: x, children: t });
+  }, [s]), l === "popLayout" && (t = e.jsx(Xe, { isPresent: s, anchorX: u, root: f, children: t })), e.jsx(ce.Provider, { value: x, children: t });
 };
-function st() {
+function Ze() {
   return /* @__PURE__ */ new Map();
 }
-function nt(t = !0) {
-  const r = B(ce);
+function et(t = !0) {
+  const r = H(ce);
   if (r === null)
     return [!0, null];
   const { isPresent: s, onExitComplete: n, register: i } = r, a = _();
@@ -152,78 +152,62 @@ function nt(t = !0) {
     if (t)
       return i(a);
   }, [t]);
-  const l = Se(() => t && n && n(a), [a, n, t]);
+  const l = Ee(() => t && n && n(a), [a, n, t]);
   return !s && n ? [!1, l] : [!0];
 }
-const R = (t) => t.key || "";
+const I = (t) => t.key || "";
 function te(t) {
   const r = [];
-  return Te.forEach(t, (s) => {
-    Oe(s) && r.push(s);
+  return De.forEach(t, (s) => {
+    Ne(s) && r.push(s);
   }), r;
 }
-const it = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presenceAffectsLayout: i = !0, mode: a = "sync", propagate: l = !1, anchorX: u = "left", root: f }) => {
-  const [d, y] = nt(l), h = L(() => te(t), [t]), x = l && !d ? [] : h.map(R), p = D(!0), b = D(h), m = le(() => /* @__PURE__ */ new Map()), [N, o] = E(h), [c, j] = E(h);
-  Ge(() => {
-    p.current = !1, b.current = h;
+const tt = ({ children: t, custom: r, initial: s = !0, onExitComplete: n, presenceAffectsLayout: i = !0, mode: a = "sync", propagate: l = !1, anchorX: u = "left", root: f }) => {
+  const [d, y] = et(l), h = F(() => te(t), [t]), x = l && !d ? [] : h.map(I), p = N(!0), k = N(h), m = le(() => /* @__PURE__ */ new Map()), [K, o] = D(h), [c, j] = D(h);
+  He(() => {
+    p.current = !1, k.current = h;
     for (let C = 0; C < c.length; C++) {
-      const g = R(c[C]);
+      const g = I(c[C]);
       x.includes(g) ? m.delete(g) : m.get(g) !== !0 && m.set(g, !1);
     }
   }, [c, x.length, x.join("-")]);
   const w = [];
-  if (h !== N) {
+  if (h !== K) {
     let C = [...h];
     for (let g = 0; g < c.length; g++) {
-      const K = c[g], z = R(K);
-      x.includes(z) || (C.splice(g, 0, K), w.push(K));
+      const E = c[g], z = I(E);
+      x.includes(z) || (C.splice(g, 0, E), w.push(E));
     }
     return a === "wait" && w.length && (C = w), j(te(C)), o(h), null;
   }
   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 } = B(He);
+  const { forceRender: b } = H(Qe);
   return e.jsx(e.Fragment, { children: c.map((C) => {
-    const g = R(C), K = l && !d ? !1 : h === c || x.includes(g), z = () => {
+    const g = I(C), E = l && !d ? !1 : h === c || x.includes(g), z = () => {
       if (m.has(g))
         m.set(g, !0);
       else
         return;
       let X = !0;
-      m.forEach((ue) => {
-        ue || (X = !1);
-      }), X && (k?.(), j(b.current), l && y?.(), n && n());
+      m.forEach((de) => {
+        de || (X = !1);
+      }), X && (b?.(), j(k.current), l && y?.(), n && n());
     };
-    return e.jsx(tt, { isPresent: K, initial: !p.current || s ? void 0 : !1, custom: r, presenceAffectsLayout: i, mode: a, root: f, onExitComplete: K ? void 0 : z, anchorX: u, children: C }, g);
+    return e.jsx(Ye, { isPresent: E, initial: !p.current || s ? void 0 : !1, custom: r, presenceAffectsLayout: i, mode: a, root: f, onExitComplete: E ? void 0 : z, anchorX: u, children: C }, g);
   }) });
-}, de = Me(
-  ({ isPending: t, children: r, className: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
-    Le,
-    {
-      ref: i,
-      disabled: t,
-      ...n,
-      className: P("relative", s),
-      children: [
-        t && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ e.jsx(Qe, {}) }),
-        /* @__PURE__ */ e.jsx("span", { className: P("block", t && "invisible"), children: r })
-      ]
-    }
-  )
-);
-de.displayName = "ActionButton";
-const rt = ({
+}, st = ({
   service: t,
   onOpenChange: r
 }) => {
-  const s = ne(), n = ie(), i = Ce(), a = Fe({
+  const s = ne(), n = ie(), i = je(), a = ze({
     defaultValues: {
       expiresOn: "30"
     }
-  }), l = _e(), u = O({
+  }), l = Fe(), u = T({
     mutationFn: ({ description: f, expiresOn: d }) => {
       if (!t.createKey)
         throw new Error("createKey not implemented");
-      const y = d !== "never" ? at(Number(d)) : void 0;
+      const y = d !== "never" ? nt(Number(d)) : void 0;
       return t.createKey({
         apiKey: {
           description: f || "Secret Key",
@@ -249,22 +233,22 @@ const rt = ({
         )
       ),
       children: [
-        u.error && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
-          /* @__PURE__ */ e.jsx(q, { children: "Error" }),
-          /* @__PURE__ */ e.jsx(qe, { children: u.error.message })
+        u.error && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+          /* @__PURE__ */ e.jsx(M, { children: "Error" }),
+          /* @__PURE__ */ e.jsx(Pe, { children: u.error.message })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 flex-col text-sm font-medium", children: [
           "Name",
           /* @__PURE__ */ e.jsx(oe, { ...a.register("description") }),
           "Expiration",
           /* @__PURE__ */ e.jsxs(
-            ke,
+            Re,
             {
               onValueChange: (f) => a.setValue("expiresOn", f),
               defaultValue: a.getValues("expiresOn"),
               children: [
-                /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx(Ke, {}) }),
-                /* @__PURE__ */ e.jsx(Ee, { children: /* @__PURE__ */ e.jsxs(De, { children: [
+                /* @__PURE__ */ e.jsx(Se, { children: /* @__PURE__ */ e.jsx(Te, {}) }),
+                /* @__PURE__ */ e.jsx(Oe, { children: /* @__PURE__ */ e.jsxs(Me, { children: [
                   [7, 30, 60, 90].map((f) => /* @__PURE__ */ e.jsxs(Z, { value: String(f), children: [
                     f,
                     " days"
@@ -274,15 +258,15 @@ const rt = ({
               ]
             }
           ),
-          /* @__PURE__ */ e.jsxs(H, { children: [
-            /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "outline", children: "Cancel" }) }),
-            /* @__PURE__ */ e.jsx(de, { isPending: u.isPending, children: "Generate Key" })
+          /* @__PURE__ */ e.jsxs(V, { children: [
+            /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "outline", children: "Cancel" }) }),
+            /* @__PURE__ */ e.jsx($e, { isPending: u.isPending, children: "Generate Key" })
           ] })
         ] })
       ]
     }
   ) : null;
-}, at = (t) => {
+}, nt = (t) => {
   const r = /* @__PURE__ */ new Date();
   return r.setDate(r.getDate() + t), r.toISOString();
 }, se = ({
@@ -293,21 +277,21 @@ const rt = ({
   buttonVariant: i = "outline"
 }) => {
   const a = /* @__PURE__ */ e.jsx(v, { variant: i, children: "Create API Key" });
-  return /* @__PURE__ */ e.jsxs(V, { open: r, onOpenChange: s, children: [
+  return /* @__PURE__ */ e.jsxs(B, { open: r, onOpenChange: s, children: [
     /* @__PURE__ */ e.jsx(G, { asChild: !0, children: n ?? a }),
     /* @__PURE__ */ e.jsxs(J, { children: [
       /* @__PURE__ */ e.jsx(U, { children: /* @__PURE__ */ e.jsx(W, { children: "Create API Key" }) }),
-      /* @__PURE__ */ e.jsx(rt, { service: t, onOpenChange: s })
+      /* @__PURE__ */ e.jsx(st, { service: t, onOpenChange: s })
     ] })
   ] });
-}, ot = ({ service: t }) => {
-  const r = ne(), s = ie(), [n, i] = E(
+}, it = ({ service: t }) => {
+  const r = ne(), s = ie(), [n, i] = D(
     null
-  ), [a, l] = E(""), { data: u, isFetching: f } = be({
+  ), [a, l] = D(""), { data: u, isFetching: f } = we({
     queryFn: () => t.getConsumers(r),
     queryKey: ["api-keys"],
     retry: !1
-  }), [d, y] = E(!1), h = O({
+  }), [d, y] = D(!1), h = T({
     mutationFn: ({
       consumerId: o,
       keyId: c
@@ -321,10 +305,10 @@ const rt = ({
       const j = s.getQueryData([
         "api-keys"
       ]);
-      return s.setQueryData(["api-keys"], (w) => w && w.map((k) => k.id === o ? {
-        ...k,
-        apiKeys: k.apiKeys.filter((C) => C.id !== c)
-      } : k)), { previousData: j };
+      return s.setQueryData(["api-keys"], (w) => w && w.map((b) => b.id === o ? {
+        ...b,
+        apiKeys: b.apiKeys.filter((C) => C.id !== c)
+      } : b)), { previousData: j };
     },
     onError: (o, c, j) => {
       j?.previousData && s.setQueryData(["api-keys"], j.previousData);
@@ -332,7 +316,7 @@ const rt = ({
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), x = O({
+  }), x = T({
     mutationFn: ({
       consumerId: o,
       label: c
@@ -344,10 +328,10 @@ const rt = ({
     onMutate: async ({ consumerId: o, label: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
       const j = s.getQueryData(["api-keys"]);
-      return s.setQueryData(["api-keys"], (w) => w && w.map((k) => k.id === o ? {
-        ...k,
+      return s.setQueryData(["api-keys"], (w) => w && w.map((b) => b.id === o ? {
+        ...b,
         label: c
-      } : k)), { previousData: j };
+      } : b)), { previousData: j };
     },
     onError: (o, c, j) => {
       j?.previousData && s.setQueryData(["api-keys"], j.previousData);
@@ -355,21 +339,21 @@ const rt = ({
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), p = O({
+  }), p = T({
     mutationFn: (o) => {
       if (!t.rollKey)
         throw new Error("rollKey not implemented");
       return t.rollKey(o, r);
     },
     onSuccess: () => s.invalidateQueries({ queryKey: ["api-keys"] })
-  }), b = (o, c) => {
+  }), k = (o, c) => {
     i(o), l(c);
   }, m = (o) => {
     a.trim() && x.mutate({
       consumerId: o,
       label: a.trim()
     }), i(null), l("");
-  }, N = () => {
+  }, K = () => {
     i(null), l("");
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-md h-full pt-(--padding-content-top) pb-(--padding-content-bottom)", children: [
@@ -388,17 +372,17 @@ const rt = ({
     /* @__PURE__ */ e.jsx("p", { children: "Create, manage, and monitor your API keys" }),
     /* @__PURE__ */ e.jsx(Y.Target, { name: "api-keys-list-page-before-keys" }),
     /* @__PURE__ */ e.jsx("div", { className: "h-8" }),
-    p.isError && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(F, { size: 16 }),
-      /* @__PURE__ */ e.jsx(q, { children: p.error.message })
+    p.isError && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx($, { size: 16 }),
+      /* @__PURE__ */ e.jsx(M, { children: p.error.message })
     ] }),
-    x.isError && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(F, { size: 16 }),
-      /* @__PURE__ */ e.jsx(q, { children: x.error.message })
+    x.isError && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx($, { size: 16 }),
+      /* @__PURE__ */ e.jsx(M, { children: x.error.message })
     ] }),
-    h.isError && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx(F, { size: 16 }),
-      /* @__PURE__ */ e.jsx(q, { children: h.error.message })
+    h.isError && /* @__PURE__ */ e.jsxs(O, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx($, { size: 16 }),
+      /* @__PURE__ */ e.jsx(M, { children: h.error.message })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "", children: u.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: [
@@ -417,15 +401,15 @@ const rt = ({
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: P(
+        className: L(
           "grid grid-cols-[1fr_min-content] divide-y divide-border col-span-6"
         ),
         children: u.map((o) => /* @__PURE__ */ e.jsxs(
-          $e,
+          Ae,
           {
             className: "grid grid-cols-subgrid col-span-full items-center mb-4 group",
             children: [
-              /* @__PURE__ */ e.jsxs(ze, { className: "border-b col-span-full grid-cols-subgrid grid", children: [
+              /* @__PURE__ */ e.jsxs(Ie, { 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 === o.id ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
@@ -436,7 +420,7 @@ const rt = ({
                           value: a,
                           onChange: (c) => l(c.target.value),
                           onKeyDown: (c) => {
-                            c.key === "Enter" ? m(o.id) : c.key === "Escape" && N();
+                            c.key === "Enter" ? m(o.id) : c.key === "Escape" && K();
                           },
                           className: "text-lg font-medium",
                           autoFocus: !0
@@ -450,7 +434,7 @@ const rt = ({
                             variant: "ghost",
                             onClick: () => m(o.id),
                             disabled: !a.trim(),
-                            children: /* @__PURE__ */ e.jsx(fe, { size: 16 })
+                            children: /* @__PURE__ */ e.jsx(ue, { size: 16 })
                           }
                         ),
                         /* @__PURE__ */ e.jsx(
@@ -458,8 +442,8 @@ const rt = ({
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: N,
-                            children: /* @__PURE__ */ e.jsx(he, { size: 16 })
+                            onClick: K,
+                            children: /* @__PURE__ */ e.jsx(fe, { size: 16 })
                           }
                         )
                       ] })
@@ -484,19 +468,19 @@ const rt = ({
                     v,
                     {
                       variant: "ghost",
-                      onClick: () => b(o.id, o.label),
-                      className: P(
+                      onClick: () => k(o.id, o.label),
+                      className: L(
                         "flex gap-2",
                         n === o.id && "opacity-0! pointer-events-none"
                       ),
                       disabled: n === o.id,
                       children: [
-                        /* @__PURE__ */ e.jsx(pe, { size: 16 }),
+                        /* @__PURE__ */ e.jsx(he, { size: 16 }),
                         /* @__PURE__ */ e.jsx("span", { className: "hidden md:block", children: "Edit label" })
                       ]
                     }
                   ),
-                  t.rollKey && /* @__PURE__ */ e.jsxs(V, { children: [
+                  t.rollKey && /* @__PURE__ */ e.jsxs(B, { children: [
                     /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                       v,
                       {
@@ -506,7 +490,7 @@ const rt = ({
                         className: "flex items-center gap-2",
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            me,
+                            pe,
                             {
                               size: 16,
                               className: p.isPending ? "animate-spin" : void 0
@@ -521,9 +505,9 @@ const rt = ({
                         /* @__PURE__ */ e.jsx(W, { children: "Roll API Key" }),
                         /* @__PURE__ */ e.jsx(ae, { children: "Are you sure you want to roll this API key?" })
                       ] }),
-                      /* @__PURE__ */ e.jsxs(H, { children: [
-                        /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "outline", children: "Cancel" }) }),
-                        /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                      /* @__PURE__ */ e.jsxs(V, { children: [
+                        /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "outline", children: "Cancel" }) }),
+                        /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsx(
                           v,
                           {
                             onClick: () => {
@@ -537,9 +521,9 @@ const rt = ({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(it, { children: o.apiKeys.map((c) => /* @__PURE__ */ e.jsxs(Pe.Fragment, { children: [
+              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(tt, { children: o.apiKeys.map((c) => /* @__PURE__ */ e.jsxs(ke.Fragment, { children: [
                 /* @__PURE__ */ e.jsx(
-                  ct,
+                  at,
                   {
                     apiKey: c,
                     onDeleteKey: () => {
@@ -560,21 +544,21 @@ const rt = ({
       }
     ) })
   ] });
-}, lt = (t) => {
+}, rt = (t) => {
   const r = /* @__PURE__ */ new Date(), s = new Date(t), n = Math.floor((r.getTime() - s.getTime()) / 1e3), i = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
   return n < 60 ? i.format(-n, "second") : n < 3600 ? i.format(-Math.floor(n / 60), "minute") : n < 86400 ? i.format(-Math.floor(n / 3600), "hour") : n < 2592e3 ? i.format(-Math.floor(n / 86400), "day") : n < 31536e3 ? i.format(-Math.floor(n / 2592e3), "month") : i.format(-Math.floor(n / 31536e3), "year");
-}, ct = ({
+}, at = ({
   apiKey: t,
   onDeleteKey: r,
   className: s
 }) => {
-  const [n, i] = E(!1), { key: a, createdOn: l, expiresOn: u } = t, f = u && new Date(u) < /* @__PURE__ */ new Date(), d = u ? Math.ceil(
+  const [n, i] = D(!1), { key: a, createdOn: l, expiresOn: u } = t, f = u && new Date(u) < /* @__PURE__ */ new Date(), d = u ? Math.ceil(
     (new Date(u).getTime() - Date.now()) / (1e3 * 60 * 60 * 24)
   ) : 1 / 0, y = d <= 7 && !f;
-  return /* @__PURE__ */ e.jsxs("div", { className: P("grid col-span-full grid-cols-subgrid p-6", s), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: L("grid col-span-full grid-cols-subgrid p-6", s), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        Ae,
+        qe,
         {
           className: "max-w-fit w-full",
           secret: a,
@@ -586,7 +570,7 @@ const rt = ({
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 mt-0.5 text-nowrap", children: [
         l && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
           "Created ",
-          lt(l),
+          rt(l),
           "."
         ] }),
         " ",
@@ -604,16 +588,16 @@ const rt = ({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: u && r && /* @__PURE__ */ e.jsxs(V, { children: [
-      /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(xe, { size: 16 }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: u && r && /* @__PURE__ */ e.jsxs(B, { children: [
+      /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(me, { size: 16 }) }) }),
       /* @__PURE__ */ e.jsxs(J, { children: [
         /* @__PURE__ */ e.jsxs(U, { children: [
           /* @__PURE__ */ e.jsx(W, { children: "Delete API Key" }),
           /* @__PURE__ */ e.jsx(ae, { children: "Are you sure you want to delete this API key?" })
         ] }),
-        /* @__PURE__ */ e.jsxs(H, { children: [
-          /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "outline", children: "Cancel" }) }),
-          /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsxs(V, { children: [
+          /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsx(v, { variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsx(
             v,
             {
               onClick: () => {
@@ -626,36 +610,36 @@ const rt = ({
       ] })
     ] }) })
   ] });
-}, S = "https://api.zuploedge.com/v2/client", dt = async (t) => {
+}, R = "https://api.zuploedge.com/v2/client", ot = async (t) => {
   try {
     return await t.json();
   } catch {
     return;
   }
-}, T = async (t) => {
+}, S = async (t) => {
   const r = t.headers.get("content-type");
   if (!t.ok && r?.includes("application/problem+json")) {
-    const s = await dt(t);
+    const s = await ot(t);
     if (s.type && s.title)
       throw new Error(s.detail ?? s.title);
   }
-}, ut = (t, r) => ({
+}, lt = (t, r) => ({
   deleteKey: async (s, n, i) => {
     const a = new Request(
-      S + `/${t}/consumers/${s}/keys/${n}`,
+      R + `/${t}/consumers/${s}/keys/${n}`,
       {
         method: "DELETE"
       }
     );
     await i.signRequest(a);
     const l = await fetch(a);
-    await T(l), I(l.ok, "Failed to delete API key");
+    await S(l), A(l.ok, "Failed to delete API key");
   },
   updateConsumer: async (s, n) => {
     const i = await fetch(
       await n.signRequest(
         new Request(
-          S + `/${t}/consumers/${s.id}`,
+          R + `/${t}/consumers/${s.id}`,
           {
             method: "PATCH",
             headers: {
@@ -668,13 +652,13 @@ const rt = ({
         )
       )
     );
-    await T(i), I(i.ok, "Failed to update API key description");
+    await S(i), A(i.ok, "Failed to update API key description");
   },
   rollKey: async (s, n) => {
     const i = await fetch(
       await n.signRequest(
         new Request(
-          S + `/${t}/consumers/${s}/roll-key`,
+          R + `/${t}/consumers/${s}/roll-key`,
           {
             method: "POST",
             headers: {
@@ -685,15 +669,15 @@ const rt = ({
         )
       )
     );
-    await T(i), I(i.ok, "Failed to delete API key");
+    await S(i), A(i.ok, "Failed to delete API key");
   },
   getConsumers: async (s) => {
     const n = new Request(
-      `${S}/${t}/consumers`
+      `${R}/${t}/consumers`
     );
     await s.signRequest(n);
     const i = await fetch(n);
-    return await T(i), I(i.ok, "Failed to fetch API keys"), (await i.json()).data.map((l) => ({
+    return await S(i), A(i.ok, "Failed to fetch API keys"), (await i.json()).data.map((l) => ({
       id: l.id,
       label: l.label || l.subject || "API Key",
       apiKeys: l.apiKeys.data,
@@ -701,15 +685,15 @@ const rt = ({
     }));
   },
   ...r
-}), Rt = (t) => t, St = (t) => {
-  const r = "deploymentName" in t ? ut(t.deploymentName, t) : t;
+}), Pt = (t) => t, At = (t) => {
+  const r = "deploymentName" in t ? lt(t.deploymentName, t) : t;
   return {
     getProfileMenuItems: () => [
       {
         label: "API Keys",
         path: "/settings/api-keys",
         category: "middle",
-        icon: ye
+        icon: xe
       }
     ],
     getIdentities: async (s) => {
@@ -728,12 +712,12 @@ const rt = ({
     },
     getRoutes: () => [
       {
-        element: /* @__PURE__ */ e.jsx(Be, {}),
-        errorElement: /* @__PURE__ */ e.jsx(ge, {}),
+        element: /* @__PURE__ */ e.jsx(Le, {}),
+        errorElement: /* @__PURE__ */ e.jsx(ye, {}),
         children: [
           {
             path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx(ot, { service: r })
+            element: /* @__PURE__ */ e.jsx(it, { service: r })
           }
         ]
       }
@@ -741,7 +725,7 @@ const rt = ({
   };
 };
 export {
-  St as apiKeyPlugin,
-  Rt as createApiKeyService
+  At as apiKeyPlugin,
+  Pt as createApiKeyService
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map