zudoku 0.61.5 → 0.63.0

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

@@ -1,56 +1,55 @@
-import { j as e } from "./jsx-runtime-DywqP_6a.js";
-import { EyeOffIcon as he, EyeIcon as fe, CheckIcon as se, CopyIcon as pe, CircleSlashIcon as $, XIcon as me, PencilLineIcon as xe, RefreshCwIcon as ye, TrashIcon as ge, KeyRoundIcon as je } from "lucide-react";
-import { R as ve } from "./RouterError-D1I15Qyy.js";
-import { i as P } from "./invariant-Bm-FVUQE.js";
-import { O as Ce, b as we } from "./chunk-PVWAREVJ-BO6B-RAk.js";
-import { a as be } from "./hook-BkLXq8pm.js";
-import { D as ke, a as Y } from "./ErrorAlert-xpVkFS_n.js";
-import { Button as j } from "./ui/Button.js";
-import { d as ne, g as ie, b as Ne } from "./ZudokuContext-BcqSiygJ.js";
-import { u as O, A as z, a as M, b as Ee, S as Ke, c as De, d as Ie, e as Ae, f as Pe, g as Z } from "./Select-BiBMWiLv.js";
+import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import { CircleSlashIcon as z, CheckIcon as ue, XIcon as he, PencilLineIcon as fe, RefreshCwIcon as pe, TrashIcon as me, KeyRoundIcon as xe } from "lucide-react";
+import { R as ye } from "./RouterError-fm21cqlj.js";
+import { i as I } from "./invariant-Bm-FVUQE.js";
+import { O as ge, b as je } from "./chunk-PVWAREVJ-BO6B-RAk.js";
+import { u as Ce } from "./hook-CAebs2rv.js";
+import { D as ve, a as Y } from "./ErrorAlert-VBJ8aHH7.js";
+import { Button as w } from "./ui/Button.js";
+import { a as se, i as ne, b as we } from "./ZudokuContext-BXTZApgy.js";
+import { u as O, A as M, a as q, b as be, S as ke, c as Ne, d as Ke, e as Ee, f as De, g as Z, h as Ae } from "./Select-CPoGZU_V.js";
 import * as L from "react";
-import Re, { createContext as Q, useRef as D, useLayoutEffect as Se, useEffect as re, useId as _, useContext as B, useInsertionEffect as Te, useMemo as F, useCallback as Oe, Children as ze, isValidElement as Me, useState as E, forwardRef as qe } from "react";
-import { C as $e, a as Fe } from "./Card-hTy9PAnh.js";
-import { e as H, f as I, D as V, g as G, a as J, b as U, c as W, d as ae } from "./Dialog-VIMic7xI.js";
-import { c as N } from "./cn-dYga0KKN.js";
-import { u as Le } from "./useCopyToClipboard-B_085nfO.js";
-import { Input as oe } from "./ui/Input.js";
-import { a as Qe } from "./index.esm-DpgNxKa2.js";
-import { B as _e } from "./Button-DTDRi4CT.js";
-import { S as Be } from "./Spinner-Cf6E803I.js";
-import { useAuth as He } from "./zudoku.hooks.js";
-const Ve = () => {
-  const t = be();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(Ce, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+import Pe, { createContext as Q, useRef as E, useLayoutEffect as Ie, useEffect as ie, useId as _, useContext as B, useInsertionEffect as Re, useMemo as F, useCallback as Se, Children as Te, isValidElement as Oe, useState as K, forwardRef as Me } from "react";
+import { C as qe, a as $e } from "./Card-KFniaZn5.js";
+import { e as H, f as D, D as V, g as G, a as J, b as U, c as W, d as re } from "./Dialog-BQciPiHN.js";
+import { Input as ae } from "./ui/Input.js";
+import { c as A } from "./cn-dYga0KKN.js";
+import { a as ze } from "./index.esm-BYObtETB.js";
+import { B as Fe } from "./Button-DmS4u8Lj.js";
+import { S as Le } from "./Spinner-CI6bRyZw.js";
+import { useAuth as Qe } from "./zudoku.hooks.js";
+const _e = () => {
+  const t = Ce();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(ge, {}) : 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(j, { 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(ke, { className: "max-w-[600px]", children: [
+    /* @__PURE__ */ e.jsx(w, { 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(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" }),
     "."
   ] }) });
-}, Ge = Q({});
-function le(t) {
-  const i = D(null);
+}, Be = Q({});
+function oe(t) {
+  const i = E(null);
   return i.current === null && (i.current = t()), i.current;
 }
-const Je = typeof window < "u", Ue = Je ? Se : re, ce = /* @__PURE__ */ Q(null);
-function We(t) {
+const He = typeof window < "u", Ve = He ? Ie : ie, le = /* @__PURE__ */ Q(null);
+function Ge(t) {
   return typeof t == "object" && t !== null;
 }
-function Xe(t) {
-  return We(t) && "offsetHeight" in t;
+function Je(t) {
+  return Ge(t) && "offsetHeight" in t;
 }
-const Ye = Q({
+const Ue = Q({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-class Ze extends L.Component {
+class We extends L.Component {
   getSnapshotBeforeUpdate(i) {
     const s = this.props.childRef.current;
     if (s && i.isPresent && !this.props.isPresent) {
-      const n = s.offsetParent, r = Xe(n) && n.offsetWidth || 0, a = this.props.sizeRef.current;
+      const n = s.offsetParent, r = Je(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;
@@ -64,231 +63,146 @@ class Ze extends L.Component {
     return this.props.children;
   }
 }
-function et({ children: t, isPresent: i, anchorX: s, root: n }) {
-  const r = _(), a = D(null), l = D({
+function Xe({ children: t, isPresent: i, anchorX: s, root: n }) {
+  const r = _(), a = E(null), l = E({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: h } = B(Ye);
-  return Te(() => {
-    const { width: c, height: u, top: y, left: f, right: m } = l.current;
-    if (i || !a.current || !c || !u)
+  }), { nonce: u } = B(Ue);
+  return Re(() => {
+    const { width: h, height: d, top: g, left: f, right: m } = l.current;
+    if (i || !a.current || !h || !d)
       return;
     const p = s === "left" ? `left: ${f}` : `right: ${m}`;
     a.current.dataset.motionPopId = r;
     const x = document.createElement("style");
-    h && (x.nonce = h);
-    const v = n ?? document.head;
-    return v.appendChild(x), x.sheet && x.sheet.insertRule(`
+    u && (x.nonce = u);
+    const j = n ?? document.head;
+    return j.appendChild(x), x.sheet && x.sheet.insertRule(`
           [data-motion-pop-id="${r}"] {
             position: absolute !important;
-            width: ${c}px !important;
-            height: ${u}px !important;
+            width: ${h}px !important;
+            height: ${d}px !important;
             ${p}px !important;
-            top: ${y}px !important;
+            top: ${g}px !important;
           }
         `), () => {
-      v.contains(x) && v.removeChild(x);
+      j.contains(x) && j.removeChild(x);
     };
-  }, [i]), e.jsx(Ze, { isPresent: i, childRef: a, sizeRef: l, children: L.cloneElement(t, { ref: a }) });
+  }, [i]), e.jsx(We, { isPresent: i, childRef: a, sizeRef: l, children: L.cloneElement(t, { ref: a }) });
 }
-const tt = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: a, mode: l, anchorX: h, root: c }) => {
-  const u = le(st), y = _();
+const Ye = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: a, mode: l, anchorX: u, root: h }) => {
+  const d = oe(Ze), g = _();
   let f = !0, m = F(() => (f = !1, {
-    id: y,
+    id: g,
     initial: i,
     isPresent: s,
     custom: r,
     onExitComplete: (p) => {
-      u.set(p, !0);
-      for (const x of u.values())
+      d.set(p, !0);
+      for (const x of d.values())
         if (!x)
           return;
       n && n();
     },
-    register: (p) => (u.set(p, !1), () => u.delete(p))
-  }), [s, u, n]);
+    register: (p) => (d.set(p, !1), () => d.delete(p))
+  }), [s, d, n]);
   return a && f && (m = { ...m }), F(() => {
-    u.forEach((p, x) => u.set(x, !1));
+    d.forEach((p, x) => d.set(x, !1));
   }, [s]), L.useEffect(() => {
-    !s && !u.size && n && n();
-  }, [s]), l === "popLayout" && (t = e.jsx(et, { isPresent: s, anchorX: h, root: c, children: t })), e.jsx(ce.Provider, { value: m, children: t });
+    !s && !d.size && n && n();
+  }, [s]), l === "popLayout" && (t = e.jsx(Xe, { isPresent: s, anchorX: u, root: h, children: t })), e.jsx(le.Provider, { value: m, children: t });
 };
-function st() {
+function Ze() {
   return /* @__PURE__ */ new Map();
 }
-function nt(t = !0) {
-  const i = B(ce);
+function et(t = !0) {
+  const i = B(le);
   if (i === null)
     return [!0, null];
   const { isPresent: s, onExitComplete: n, register: r } = i, a = _();
-  re(() => {
+  ie(() => {
     if (t)
       return r(a);
   }, [t]);
-  const l = Oe(() => t && n && n(a), [a, n, t]);
+  const l = Se(() => t && n && n(a), [a, n, t]);
   return !s && n ? [!1, l] : [!0];
 }
 const R = (t) => t.key || "";
 function ee(t) {
   const i = [];
-  return ze.forEach(t, (s) => {
-    Me(s) && i.push(s);
+  return Te.forEach(t, (s) => {
+    Oe(s) && i.push(s);
   }), i;
 }
-const it = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: r = !0, mode: a = "sync", propagate: l = !1, anchorX: h = "left", root: c }) => {
-  const [u, y] = nt(l), f = F(() => ee(t), [t]), m = l && !u ? [] : f.map(R), p = D(!0), x = D(f), v = le(() => /* @__PURE__ */ new Map()), [A, o] = E(f), [d, C] = E(f);
-  Ue(() => {
+const tt = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: r = !0, mode: a = "sync", propagate: l = !1, anchorX: u = "left", root: h }) => {
+  const [d, g] = et(l), f = F(() => ee(t), [t]), m = l && !d ? [] : f.map(R), p = E(!0), x = E(f), j = oe(() => /* @__PURE__ */ new Map()), [P, o] = K(f), [c, C] = K(f);
+  Ve(() => {
     p.current = !1, x.current = f;
-    for (let w = 0; w < d.length; w++) {
-      const g = R(d[w]);
-      m.includes(g) ? v.delete(g) : v.get(g) !== !0 && v.set(g, !1);
+    for (let v = 0; v < c.length; v++) {
+      const y = R(c[v]);
+      m.includes(y) ? j.delete(y) : j.get(y) !== !0 && j.set(y, !1);
     }
-  }, [d, m.length, m.join("-")]);
+  }, [c, m.length, m.join("-")]);
   const b = [];
-  if (f !== A) {
-    let w = [...f];
-    for (let g = 0; g < d.length; g++) {
-      const K = d[g], q = R(K);
-      m.includes(q) || (w.splice(g, 0, K), b.push(K));
+  if (f !== P) {
+    let v = [...f];
+    for (let y = 0; y < c.length; y++) {
+      const N = c[y], $ = R(N);
+      m.includes($) || (v.splice(y, 0, N), b.push(N));
     }
-    return a === "wait" && b.length && (w = b), C(ee(w)), o(f), null;
+    return a === "wait" && b.length && (v = b), C(ee(v)), o(f), null;
   }
-  process.env.NODE_ENV !== "production" && a === "wait" && d.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(Ge);
-  return e.jsx(e.Fragment, { children: d.map((w) => {
-    const g = R(w), K = l && !u ? !1 : f === d || m.includes(g), q = () => {
-      if (v.has(g))
-        v.set(g, !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 } = B(Be);
+  return e.jsx(e.Fragment, { children: c.map((v) => {
+    const y = R(v), N = l && !d ? !1 : f === c || m.includes(y), $ = () => {
+      if (j.has(y))
+        j.set(y, !0);
       else
         return;
       let X = !0;
-      v.forEach((ue) => {
-        ue || (X = !1);
-      }), X && (k?.(), C(x.current), l && y?.(), n && n());
+      j.forEach((de) => {
+        de || (X = !1);
+      }), X && (k?.(), C(x.current), l && g?.(), n && n());
     };
-    return e.jsx(tt, { isPresent: K, initial: !p.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: r, mode: a, root: c, onExitComplete: K ? void 0 : q, anchorX: h, children: w }, g);
+    return e.jsx(Ye, { isPresent: N, initial: !p.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: r, mode: a, root: h, onExitComplete: N ? void 0 : $, anchorX: u, children: v }, y);
   }) });
-}, rt = ({
-  secret: t,
-  preview: i = 5,
-  className: s,
-  status: n,
-  onCopy: r,
-  revealed: a,
-  onReveal: l,
-  noReveal: h
-}) => {
-  const c = Math.abs(i), [u, y] = E(!1), [f, m] = Le(), p = a ?? u;
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: N(
-        "flex gap-2 items-center text-sm border rounded-md px-1",
-        s
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "font-mono w-full h-9 items-center flex px-2 text-xs gap-2", children: [
-          n && /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: N(
-                "rounded-full shrink-0 w-2 h-2 mr-2",
-                n === "active" && "bg-emerald-400",
-                n === "expired" && "bg-neutral-200",
-                n === "expiring" && "bg-yellow-400",
-                n === "revoked" && "bg-red-400",
-                n === "none" && "opacity-0"
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("span", { className: "w-full truncate", children: [
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: N(
-                  "w-40 inline-block md:w-fit",
-                  p ? "" : "opacity-50"
-                ),
-                children: p ? t.slice(
-                  0,
-                  c === 0 ? t.length : -c
-                ) : "•••• ".repeat(
-                  t.slice(
-                    0,
-                    c === 0 ? t.length : -c
-                  ).length / 5
-                ) + "•".repeat(
-                  t.slice(
-                    0,
-                    c === 0 ? t.length : -c
-                  ).length % 5
-                )
-              }
-            ),
-            c > 0 && /* @__PURE__ */ e.jsx("span", { children: t.slice(-c) })
-          ] })
-        ] }),
-        h !== !0 && /* @__PURE__ */ e.jsx(
-          j,
-          {
-            variant: "ghost",
-            onClick: () => {
-              y((x) => !x), l?.(!p);
-            },
-            size: "icon",
-            children: p ? /* @__PURE__ */ e.jsx(he, { size: 16 }) : /* @__PURE__ */ e.jsx(fe, { size: 16 })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          j,
-          {
-            variant: "ghost",
-            onClick: () => {
-              m(t), r?.(t);
-            },
-            size: "icon",
-            children: f ? /* @__PURE__ */ e.jsx(se, { size: 16 }) : /* @__PURE__ */ e.jsx(pe, { size: 16 })
-          }
-        )
-      ]
-    }
-  );
-}, de = qe(
+}, ce = Me(
   ({ isPending: t, children: i, className: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
-    _e,
+    Fe,
     {
       ref: r,
       disabled: t,
       ...n,
-      className: N("relative", s),
+      className: A("relative", s),
       children: [
-        t && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ e.jsx(Be, {}) }),
-        /* @__PURE__ */ e.jsx("span", { className: N("block", t && "invisible"), children: i })
+        t && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ e.jsx(Le, {}) }),
+        /* @__PURE__ */ e.jsx("span", { className: A("block", t && "invisible"), children: i })
       ]
     }
   )
 );
-de.displayName = "ActionButton";
-const at = ({
+ce.displayName = "ActionButton";
+const st = ({
   service: t,
   onOpenChange: i
 }) => {
-  const s = ne(), n = ie(), r = we(), a = Qe({
+  const s = se(), n = ne(), r = je(), a = ze({
     defaultValues: {
       expiresOn: "30"
     }
-  }), l = He(), h = O({
-    mutationFn: ({ description: c, expiresOn: u }) => {
+  }), l = Qe(), u = O({
+    mutationFn: ({ description: h, expiresOn: d }) => {
       if (!t.createKey)
         throw new Error("createKey not implemented");
-      const y = u !== "never" ? ot(Number(u)) : void 0;
+      const g = d !== "never" ? nt(Number(d)) : void 0;
       return t.createKey({
         apiKey: {
-          description: c || "Secret Key",
-          expiresOn: y
+          description: h || "Secret Key",
+          expiresOn: g
         },
         context: s,
         auth: l
@@ -302,48 +216,48 @@ const at = ({
     "form",
     {
       onSubmit: a.handleSubmit(
-        (c) => h.mutate(
-          { ...c },
+        (h) => u.mutate(
+          { ...h },
           {
             onSuccess: () => i(!1)
           }
         )
       ),
       children: [
-        h.error && /* @__PURE__ */ e.jsxs(z, { variant: "destructive", className: "mb-4", children: [
-          /* @__PURE__ */ e.jsx(M, { children: "Error" }),
-          /* @__PURE__ */ e.jsx(Ee, { children: h.error.message })
+        u.error && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
+          /* @__PURE__ */ e.jsx(q, { children: "Error" }),
+          /* @__PURE__ */ e.jsx(be, { 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") }),
+          /* @__PURE__ */ e.jsx(ae, { ...a.register("description") }),
           "Expiration",
           /* @__PURE__ */ e.jsxs(
-            Ke,
+            ke,
             {
-              onValueChange: (c) => a.setValue("expiresOn", c),
+              onValueChange: (h) => a.setValue("expiresOn", h),
               defaultValue: a.getValues("expiresOn"),
               children: [
-                /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(Ie, {}) }),
-                /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
-                  [7, 30, 60, 90].map((c) => /* @__PURE__ */ e.jsxs(Z, { value: String(c), children: [
-                    c,
+                /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx(Ke, {}) }),
+                /* @__PURE__ */ e.jsx(Ee, { children: /* @__PURE__ */ e.jsxs(De, { children: [
+                  [7, 30, 60, 90].map((h) => /* @__PURE__ */ e.jsxs(Z, { value: String(h), children: [
+                    h,
                     " days"
-                  ] }, c)),
+                  ] }, h)),
                   /* @__PURE__ */ e.jsx(Z, { value: "never", children: "Never" })
                 ] }) })
               ]
             }
           ),
           /* @__PURE__ */ e.jsxs(H, { children: [
-            /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-            /* @__PURE__ */ e.jsx(de, { isPending: h.isPending, children: "Generate Key" })
+            /* @__PURE__ */ e.jsx(D, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", children: "Cancel" }) }),
+            /* @__PURE__ */ e.jsx(ce, { isPending: u.isPending, children: "Generate Key" })
           ] })
         ] })
       ]
     }
   ) : null;
-}, ot = (t) => {
+}, nt = (t) => {
   const i = /* @__PURE__ */ new Date();
   return i.setDate(i.getDate() + t), i.toISOString();
 }, te = ({
@@ -353,41 +267,41 @@ const at = ({
   trigger: n,
   buttonVariant: r = "outline"
 }) => {
-  const a = /* @__PURE__ */ e.jsx(j, { variant: r, children: "Create API Key" });
+  const a = /* @__PURE__ */ e.jsx(w, { variant: r, children: "Create API Key" });
   return /* @__PURE__ */ e.jsxs(V, { open: i, 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(at, { service: t, onOpenChange: s })
+      /* @__PURE__ */ e.jsx(st, { service: t, onOpenChange: s })
     ] })
   ] });
-}, lt = ({ service: t }) => {
-  const i = ne(), s = ie(), [n, r] = E(
+}, it = ({ service: t }) => {
+  const i = se(), s = ne(), [n, r] = K(
     null
-  ), [a, l] = E(""), { data: h, isFetching: c } = Ne({
+  ), [a, l] = K(""), { data: u, isFetching: h } = we({
     queryFn: () => t.getConsumers(i),
     queryKey: ["api-keys"],
     retry: !1
-  }), [u, y] = E(!1), f = O({
+  }), [d, g] = K(!1), f = O({
     mutationFn: ({
       consumerId: o,
-      keyId: d
+      keyId: c
     }) => {
       if (!t.deleteKey)
         throw new Error("deleteKey not implemented");
-      return t.deleteKey(o, d, i);
+      return t.deleteKey(o, c, i);
     },
-    onMutate: async ({ consumerId: o, keyId: d }) => {
+    onMutate: async ({ consumerId: o, keyId: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
       const C = s.getQueryData([
         "api-keys"
       ]);
       return s.setQueryData(["api-keys"], (b) => b && b.map((k) => k.id === o ? {
         ...k,
-        apiKeys: k.apiKeys.filter((w) => w.id !== d)
+        apiKeys: k.apiKeys.filter((v) => v.id !== c)
       } : k)), { previousData: C };
     },
-    onError: (o, d, C) => {
+    onError: (o, c, C) => {
       C?.previousData && s.setQueryData(["api-keys"], C.previousData);
     },
     onSuccess: () => {
@@ -396,21 +310,21 @@ const at = ({
   }), m = O({
     mutationFn: ({
       consumerId: o,
-      label: d
+      label: c
     }) => {
       if (!t.updateConsumer)
         throw new Error("updateConsumer not implemented");
-      return t.updateConsumer({ id: o, label: d }, i);
+      return t.updateConsumer({ id: o, label: c }, i);
     },
-    onMutate: async ({ consumerId: o, label: d }) => {
+    onMutate: async ({ consumerId: o, label: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
       const C = s.getQueryData(["api-keys"]);
       return s.setQueryData(["api-keys"], (b) => b && b.map((k) => k.id === o ? {
         ...k,
-        label: d
+        label: c
       } : k)), { previousData: C };
     },
-    onError: (o, d, C) => {
+    onError: (o, c, C) => {
       C?.previousData && s.setQueryData(["api-keys"], C.previousData);
     },
     onSuccess: () => {
@@ -423,14 +337,14 @@ const at = ({
       return t.rollKey(o, i);
     },
     onSuccess: () => s.invalidateQueries({ queryKey: ["api-keys"] })
-  }), x = (o, d) => {
-    r(o), l(d);
-  }, v = (o) => {
+  }), x = (o, c) => {
+    r(o), l(c);
+  }, j = (o) => {
     a.trim() && m.mutate({
       consumerId: o,
       label: a.trim()
     }), r(null), l("");
-  }, A = () => {
+  }, 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: [
@@ -441,27 +355,27 @@ const at = ({
         te,
         {
           service: t,
-          isOpen: u,
-          onOpenChange: y
+          isOpen: d,
+          onOpenChange: g
         }
       )
     ] }),
     /* @__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(z, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx($, { size: 16 }),
-      /* @__PURE__ */ e.jsx(M, { children: p.error.message })
+    p.isError && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(z, { size: 16 }),
+      /* @__PURE__ */ e.jsx(q, { children: p.error.message })
     ] }),
-    m.isError && /* @__PURE__ */ e.jsxs(z, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx($, { size: 16 }),
-      /* @__PURE__ */ e.jsx(M, { children: m.error.message })
+    m.isError && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(z, { size: 16 }),
+      /* @__PURE__ */ e.jsx(q, { children: m.error.message })
     ] }),
-    f.isError && /* @__PURE__ */ e.jsxs(z, { variant: "destructive", className: "mb-4", children: [
-      /* @__PURE__ */ e.jsx($, { size: 16 }),
-      /* @__PURE__ */ e.jsx(M, { children: f.error.message })
+    f.isError && /* @__PURE__ */ e.jsxs(M, { variant: "destructive", className: "mb-4", children: [
+      /* @__PURE__ */ e.jsx(z, { size: 16 }),
+      /* @__PURE__ */ e.jsx(q, { children: f.error.message })
     ] }),
-    /* @__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.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: [
         "You have no API keys yet.",
         /* @__PURE__ */ e.jsx("br", {}),
@@ -471,33 +385,33 @@ const at = ({
         te,
         {
           service: t,
-          isOpen: u,
-          onOpenChange: y
+          isOpen: d,
+          onOpenChange: g
         }
       )
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: N(
+        className: A(
           "grid grid-cols-[1fr_min-content] divide-y divide-border col-span-6"
         ),
-        children: h.map((o) => /* @__PURE__ */ e.jsxs(
-          $e,
+        children: u.map((o) => /* @__PURE__ */ e.jsxs(
+          qe,
           {
             className: "grid grid-cols-subgrid col-span-full items-center mb-4 group",
             children: [
-              /* @__PURE__ */ e.jsxs(Fe, { className: "border-b col-span-full grid-cols-subgrid grid", children: [
+              /* @__PURE__ */ e.jsxs($e, { 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: [
                       /* @__PURE__ */ e.jsx(
-                        oe,
+                        ae,
                         {
                           maxLength: 32,
                           value: a,
-                          onChange: (d) => l(d.target.value),
-                          onKeyDown: (d) => {
-                            d.key === "Enter" ? v(o.id) : d.key === "Escape" && A();
+                          onChange: (c) => l(c.target.value),
+                          onKeyDown: (c) => {
+                            c.key === "Enter" ? j(o.id) : c.key === "Escape" && P();
                           },
                           className: "text-lg font-medium",
                           autoFocus: !0
@@ -505,22 +419,22 @@ const at = ({
                       ),
                       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
                         /* @__PURE__ */ e.jsx(
-                          j,
+                          w,
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: () => v(o.id),
+                            onClick: () => j(o.id),
                             disabled: !a.trim(),
-                            children: /* @__PURE__ */ e.jsx(se, { size: 16 })
+                            children: /* @__PURE__ */ e.jsx(ue, { size: 16 })
                           }
                         ),
                         /* @__PURE__ */ e.jsx(
-                          j,
+                          w,
                           {
                             size: "icon",
                             variant: "ghost",
-                            onClick: A,
-                            children: /* @__PURE__ */ e.jsx(me, { size: 16 })
+                            onClick: P,
+                            children: /* @__PURE__ */ e.jsx(he, { size: 16 })
                           }
                         )
                       ] })
@@ -542,24 +456,24 @@ const at = ({
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end", children: [
                   t.updateConsumer && /* @__PURE__ */ e.jsxs(
-                    j,
+                    w,
                     {
                       variant: "ghost",
                       onClick: () => x(o.id, o.label),
-                      className: N(
+                      className: A(
                         "flex gap-2",
                         n === o.id && "opacity-0! pointer-events-none"
                       ),
                       disabled: n === o.id,
                       children: [
-                        /* @__PURE__ */ e.jsx(xe, { size: 16 }),
+                        /* @__PURE__ */ e.jsx(fe, { size: 16 }),
                         /* @__PURE__ */ e.jsx("span", { className: "hidden md:block", children: "Edit label" })
                       ]
                     }
                   ),
                   t.rollKey && /* @__PURE__ */ e.jsxs(V, { children: [
                     /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-                      j,
+                      w,
                       {
                         title: "Roll this key",
                         variant: "ghost",
@@ -567,7 +481,7 @@ const at = ({
                         className: "flex items-center gap-2",
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            ye,
+                            pe,
                             {
                               size: 16,
                               className: p.isPending ? "animate-spin" : void 0
@@ -580,12 +494,12 @@ const at = ({
                     /* @__PURE__ */ e.jsxs(J, { children: [
                       /* @__PURE__ */ e.jsxs(U, { children: [
                         /* @__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.jsx(re, { children: "Are you sure you want to roll this API key?" })
                       ] }),
                       /* @__PURE__ */ e.jsxs(H, { children: [
-                        /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-                        /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-                          j,
+                        /* @__PURE__ */ e.jsx(D, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", children: "Cancel" }) }),
+                        /* @__PURE__ */ e.jsx(D, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                          w,
                           {
                             onClick: () => {
                               p.mutate(o.id);
@@ -598,22 +512,22 @@ const at = ({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(it, { children: o.apiKeys.map((d) => /* @__PURE__ */ e.jsxs(Re.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(Pe.Fragment, { children: [
                 /* @__PURE__ */ e.jsx(
-                  dt,
+                  at,
                   {
-                    apiKey: d,
+                    apiKey: c,
                     onDeleteKey: () => {
                       f.mutate({
                         consumerId: o.id,
-                        keyId: d.id
+                        keyId: c.id
                       });
                     },
-                    className: f.variables?.keyId === d.id && (f.isPending || c) ? "opacity-10!" : void 0
+                    className: f.variables?.keyId === c.id && (f.isPending || h) ? "opacity-10!" : void 0
                   }
                 ),
                 /* @__PURE__ */ e.jsx("div", { className: "col-span-full h-px bg-border" })
-              ] }, d.id)) }) })
+              ] }, c.id)) }) })
             ]
           },
           o.id
@@ -621,25 +535,25 @@ const at = ({
       }
     ) })
   ] });
-}, ct = (t) => {
+}, rt = (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");
-}, dt = ({
+}, at = ({
   apiKey: t,
   onDeleteKey: i,
   className: s
 }) => {
-  const [n, r] = E(!1), { key: a, createdOn: l, expiresOn: h } = t, c = h && new Date(h) < /* @__PURE__ */ new Date(), u = h ? Math.ceil(
-    (new Date(h).getTime() - Date.now()) / (1e3 * 60 * 60 * 24)
-  ) : 1 / 0, y = u <= 7 && !c;
-  return /* @__PURE__ */ e.jsxs("div", { className: N("grid col-span-full grid-cols-subgrid p-6", s), children: [
+  const [n, r] = K(!1), { key: a, createdOn: l, expiresOn: u } = t, h = u && new Date(u) < /* @__PURE__ */ new Date(), d = u ? Math.ceil(
+    (new Date(u).getTime() - Date.now()) / (1e3 * 60 * 60 * 24)
+  ) : 1 / 0, g = d <= 7 && !h;
+  return /* @__PURE__ */ e.jsxs("div", { className: A("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(
-        rt,
+        Ae,
         {
           className: "max-w-fit w-full",
           secret: a,
-          status: c ? "expired" : y ? "expiring" : "active",
+          status: h ? "expired" : g ? "expiring" : "active",
           revealed: n,
           onReveal: r
         }
@@ -647,35 +561,35 @@ const at = ({
       /* @__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 ",
-          ct(l),
+          rt(l),
           "."
         ] }),
         " ",
-        h && y && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        u && g && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expires in ",
-          u,
+          d,
           " ",
-          u === 1 ? "day" : "days",
+          d === 1 ? "day" : "days",
           "."
         ] }),
-        h && c && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        u && h && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expired",
           " ",
-          u === 0 ? "today." : `${u * -1} days ago.`
+          d === 0 ? "today." : `${d * -1} days ago.`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: h && i && /* @__PURE__ */ e.jsxs(V, { children: [
-      /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(ge, { size: 16 }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: u && i && /* @__PURE__ */ e.jsxs(V, { children: [
+      /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { 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.jsx(re, { children: "Are you sure you want to delete this API key?" })
         ] }),
         /* @__PURE__ */ e.jsxs(H, { children: [
-          /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-          /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-            j,
+          /* @__PURE__ */ e.jsx(D, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ e.jsx(D, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+            w,
             {
               onClick: () => {
                 i();
@@ -687,7 +601,7 @@ const at = ({
       ] })
     ] }) })
   ] });
-}, S = "https://api.zuploedge.com/v2/client", ut = async (t) => {
+}, S = "https://api.zuploedge.com/v2/client", ot = async (t) => {
   try {
     return await t.json();
   } catch {
@@ -696,11 +610,11 @@ const at = ({
 }, T = async (t) => {
   const i = t.headers.get("content-type");
   if (!t.ok && i?.includes("application/problem+json")) {
-    const s = await ut(t);
+    const s = await ot(t);
     if (s.type && s.title)
       throw new Error(s.detail ?? s.title);
   }
-}, ht = (t, i) => ({
+}, lt = (t, i) => ({
   deleteKey: async (s, n, r) => {
     const a = new Request(
       S + `/${t}/consumers/${s}/keys/${n}`,
@@ -710,7 +624,7 @@ const at = ({
     );
     await r.signRequest(a);
     const l = await fetch(a);
-    await T(l), P(l.ok, "Failed to delete API key");
+    await T(l), I(l.ok, "Failed to delete API key");
   },
   updateConsumer: async (s, n) => {
     const r = await fetch(
@@ -729,7 +643,7 @@ const at = ({
         )
       )
     );
-    await T(r), P(r.ok, "Failed to update API key description");
+    await T(r), I(r.ok, "Failed to update API key description");
   },
   rollKey: async (s, n) => {
     const r = await fetch(
@@ -746,7 +660,7 @@ const at = ({
         )
       )
     );
-    await T(r), P(r.ok, "Failed to delete API key");
+    await T(r), I(r.ok, "Failed to delete API key");
   },
   getConsumers: async (s) => {
     const n = new Request(
@@ -754,7 +668,7 @@ const at = ({
     );
     await s.signRequest(n);
     const r = await fetch(n);
-    return await T(r), P(r.ok, "Failed to fetch API keys"), (await r.json()).data.map((l) => ({
+    return await T(r), I(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,
@@ -762,15 +676,15 @@ const at = ({
     }));
   },
   ...i
-}), St = (t) => t, Tt = (t) => {
-  const i = "deploymentName" in t ? ht(t.deploymentName, t) : t;
+}), Dt = (t) => t, At = (t) => {
+  const i = "deploymentName" in t ? lt(t.deploymentName, t) : t;
   return {
     getProfileMenuItems: () => [
       {
         label: "API Keys",
         path: "/settings/api-keys",
         category: "middle",
-        icon: je
+        icon: xe
       }
     ],
     getIdentities: async (s) => {
@@ -789,12 +703,12 @@ const at = ({
     },
     getRoutes: () => [
       {
-        element: /* @__PURE__ */ e.jsx(Ve, {}),
-        errorElement: /* @__PURE__ */ e.jsx(ve, {}),
+        element: /* @__PURE__ */ e.jsx(_e, {}),
+        errorElement: /* @__PURE__ */ e.jsx(ye, {}),
         children: [
           {
             path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx(lt, { service: i })
+            element: /* @__PURE__ */ e.jsx(it, { service: i })
           }
         ]
       }
@@ -802,7 +716,7 @@ const at = ({
   };
 };
 export {
-  Tt as apiKeyPlugin,
-  St as createApiKeyService
+  At as apiKeyPlugin,
+  Dt as createApiKeyService
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map