zudoku 0.47.0 → 0.47.2

package/lib/zudoku.hooks.js

@@ -1,6 +1,6 @@
 import { z as p } from "./index--oeBayMa.js";
-import { k as n, i as a, m as c } from "./hook-wIlTGE-2.js";
-import { C as H } from "./hook-wIlTGE-2.js";
+import { k as n, i as a, m as c } from "./hook-7wZANGJP.js";
+import { C as H } from "./hook-7wZANGJP.js";
 import { u as f } from "./useExposedProps-BZQkZneR.js";
 import { useState as i, useEffect as E } from "react";
 import { u as d } from "./index-QzXzw_ra.js";

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

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { s as f } from "./index-BvvmIczU.js";
 import { d as b, m as j } from "./chunk-DQRVZFIR-BblmKnHy.js";
-import { u as x, d as y, j as m } from "./hook-wIlTGE-2.js";
+import { u as x, d as y, j as m } from "./hook-7wZANGJP.js";
 import { H as v } from "./index.esm-BFcSKCe-.js";
 import { Link as N } from "./zudoku.components.js";
-import { H as S, M as w } from "./Markdown-BUE2ViaD.js";
+import { H as S, M as w } from "./Markdown-C5j8kKSX.js";
 const H = ({
   items: r,
   filterCatalogItems: o = (n) => n,

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

@@ -1,13 +1,13 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { CheckIcon as _, XIcon as se, PencilLineIcon as ne, RotateCwIcon as ie, EyeOffIcon as re, EyeIcon as ae, CopyIcon as oe, TrashIcon as le, KeyRoundIcon as de } from "lucide-react";
-import { D as ce, S as F, R as ue } from "./Slot-DANV2b7_.js";
+import { D as ce, S as O, R as ue } from "./Slot-ITby_hMb.js";
 import { i as P } from "./invariant-DAFpPywt.js";
 import { O as he, L as Q } from "./chunk-DQRVZFIR-BblmKnHy.js";
-import { i as fe, k as pe, e as xe, d as me } from "./hook-wIlTGE-2.js";
+import { i as fe, k as pe, e as xe, d as me } from "./hook-7wZANGJP.js";
 import { Button as j } from "./ui/Button.js";
-import { u as z } from "./useMutation-3Ph3x6En.js";
+import { u as z } from "./useMutation-BKvPttRn.js";
 import * as S from "react";
-import ye, { createContext as q, useRef as D, useLayoutEffect as ge, useEffect as B, useId as L, useContext as O, useInsertionEffect as je, useMemo as M, useCallback as Ce, Children as ve, isValidElement as we, useState as E } from "react";
+import ye, { createContext as q, useRef as D, useLayoutEffect as ge, useEffect as B, useId as L, useContext as $, useInsertionEffect as je, useMemo as M, useCallback as Ce, Children as ve, isValidElement as we, useState as E } from "react";
 import { C as ke, a as be } from "./Card-DPhGbYUM.js";
 import { D as U, e as W, a as X, b as Y, c as G, d as J, f as V, g as K } from "./Dialog-BxpuVLh9.js";
 import { Input as Ee } from "./ui/Input.js";
@@ -27,7 +27,7 @@ function Z(t) {
   const i = D(null);
   return i.current === null && (i.current = t()), i.current;
 }
-const Ie = typeof window < "u", Ne = Ie ? ge : B, ee = /* @__PURE__ */ q(null);
+const Ne = typeof window < "u", Ie = Ne ? ge : B, ee = /* @__PURE__ */ q(null);
 function Ke(t) {
   return typeof t == "object" && t !== null;
 }
@@ -64,12 +64,12 @@ function ze({ children: t, isPresent: i, anchorX: s }) {
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: u } = O(Ae);
+  }), { nonce: u } = $(Ae);
   return je(() => {
-    const { width: m, height: h, top: x, left: d, right: c } = r.current;
+    const { width: m, height: h, top: x, left: c, right: d } = r.current;
     if (i || !o.current || !m || !h)
       return;
-    const y = s === "left" ? `left: ${d}` : `right: ${c}`;
+    const y = s === "left" ? `left: ${c}` : `right: ${d}`;
     o.current.dataset.motionPopId = n;
     const f = document.createElement("style");
     return u && (f.nonce = u), document.head.appendChild(f), f.sheet && f.sheet.insertRule(`
@@ -87,7 +87,7 @@ function ze({ children: t, isPresent: i, anchorX: s }) {
 }
 const Me = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom: o, presenceAffectsLayout: r, mode: u, anchorX: m }) => {
   const h = Z(Se), x = L();
-  let d = !0, c = M(() => (d = !1, {
+  let c = !0, d = M(() => (c = !1, {
     id: x,
     initial: i,
     isPresent: s,
@@ -101,17 +101,17 @@ const Me = ({ children: t, initial: i, isPresent: s, onExitComplete: n, custom:
     },
     register: (y) => (h.set(y, !1), () => h.delete(y))
   }), [s, h, n]);
-  return r && d && (c = { ...c }), M(() => {
+  return r && c && (d = { ...d }), M(() => {
     h.forEach((y, f) => h.set(f, !1));
   }, [s]), S.useEffect(() => {
     !s && !h.size && n && n();
-  }, [s]), u === "popLayout" && (t = e.jsx(ze, { isPresent: s, anchorX: m, children: t })), e.jsx(ee.Provider, { value: c, children: t });
+  }, [s]), u === "popLayout" && (t = e.jsx(ze, { isPresent: s, anchorX: m, children: t })), e.jsx(ee.Provider, { value: d, children: t });
 };
 function Se() {
   return /* @__PURE__ */ new Map();
 }
 function qe(t = !0) {
-  const i = O(ee);
+  const i = $(ee);
   if (i === null)
     return [!0, null];
   const { isPresent: s, onExitComplete: n, register: o } = i, r = L();
@@ -122,7 +122,7 @@ function qe(t = !0) {
   const u = Ce(() => t && n && n(r), [r, n, t]);
   return !s && n ? [!1, u] : [!0];
 }
-const I = (t) => t.key || "";
+const N = (t) => t.key || "";
 function H(t) {
   const i = [];
   return ve.forEach(t, (s) => {
@@ -130,39 +130,39 @@ function H(t) {
   }), i;
 }
 const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: r = "sync", propagate: u = !1, anchorX: m = "left" }) => {
-  const [h, x] = qe(u), d = M(() => H(t), [t]), c = u && !h ? [] : d.map(I), y = D(!0), f = D(d), k = Z(() => /* @__PURE__ */ new Map()), [a, l] = E(d), [p, v] = E(d);
-  Ne(() => {
-    y.current = !1, f.current = d;
+  const [h, x] = qe(u), c = M(() => H(t), [t]), d = u && !h ? [] : c.map(N), y = D(!0), f = D(c), k = Z(() => /* @__PURE__ */ new Map()), [a, l] = E(c), [p, v] = E(c);
+  Ie(() => {
+    y.current = !1, f.current = c;
     for (let w = 0; w < p.length; w++) {
-      const g = I(p[w]);
-      c.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
+      const g = N(p[w]);
+      d.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
     }
-  }, [p, c.length, c.join("-")]);
+  }, [p, d.length, d.join("-")]);
   const C = [];
-  if (d !== a) {
-    let w = [...d];
+  if (c !== a) {
+    let w = [...c];
     for (let g = 0; g < p.length; g++) {
-      const b = p[g], T = I(b);
-      c.includes(T) || (w.splice(g, 0, b), C.push(b));
+      const b = p[g], T = N(b);
+      d.includes(T) || (w.splice(g, 0, b), C.push(b));
     }
-    return r === "wait" && C.length && (w = C), v(H(w)), l(d), null;
+    return r === "wait" && C.length && (w = C), v(H(w)), l(c), null;
   }
   process.env.NODE_ENV !== "production" && r === "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: A } = O(Pe);
+  const { forceRender: A } = $(Pe);
   return e.jsx(e.Fragment, { children: p.map((w) => {
-    const g = I(w), b = u && !h ? !1 : d === p || c.includes(g), T = () => {
+    const g = N(w), b = u && !h ? !1 : c === p || d.includes(g), T = () => {
       if (k.has(g))
         k.set(g, !0);
       else
         return;
-      let $ = !0;
+      let F = !0;
       k.forEach((te) => {
-        te || ($ = !1);
-      }), $ && (A?.(), v(f.current), u && x?.(), n && n());
+        te || (F = !1);
+      }), F && (A?.(), v(f.current), u && x?.(), n && n());
     };
     return e.jsx(Me, { isPresent: b, initial: !y.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: o, mode: r, onExitComplete: b ? void 0 : T, anchorX: m, children: w }, g);
   }) });
-}, Oe = ({ service: t }) => {
+}, $e = ({ service: t }) => {
   const i = pe(), s = xe(), [n, o] = E(
     null
   ), [r, u] = E(""), { data: m, isFetching: h } = me({
@@ -194,7 +194,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), d = z({
+  }), c = z({
     mutationFn: ({
       consumerId: a,
       label: l
@@ -217,7 +217,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     onSuccess: () => {
       s.invalidateQueries({ queryKey: ["api-keys"] });
     }
-  }), c = z({
+  }), d = z({
     mutationFn: (a) => {
       if (!t.rollKey)
         throw new Error("rollKey not implemented");
@@ -227,7 +227,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
   }), y = (a, l) => {
     o(a), u(l);
   }, f = (a) => {
-    r.trim() && d.mutate({
+    r.trim() && c.mutate({
       consumerId: a,
       label: r.trim()
     }), o(null), u("");
@@ -235,13 +235,13 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     o(null), u("");
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-lg h-full pt-(--padding-content-top) pb-(--padding-content-bottom)", children: [
-    /* @__PURE__ */ e.jsx(F.Target, { name: "api-keys-list-page" }),
+    /* @__PURE__ */ e.jsx(O.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(j, { asChild: !0, children: /* @__PURE__ */ e.jsx(Q, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }),
     /* @__PURE__ */ e.jsx("p", { children: "Create, manage, and monitor your API keys" }),
-    /* @__PURE__ */ e.jsx(F.Target, { name: "api-keys-list-page-before-keys" }),
+    /* @__PURE__ */ e.jsx(O.Target, { name: "api-keys-list-page-before-keys" }),
     /* @__PURE__ */ e.jsx("div", { className: "h-8" }),
     /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-8", 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.jsxs("p", { className: "text-center", children: [
@@ -331,15 +331,23 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                     }
                   ),
                   t.rollKey && /* @__PURE__ */ e.jsxs(U, { children: [
-                    /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                    /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                       j,
                       {
-                        size: "icon",
                         title: "Roll this key",
                         variant: "ghost",
-                        disabled: c.isPending,
-                        className: c.isPending ? "animate-spin" : void 0,
-                        children: /* @__PURE__ */ e.jsx(ie, { size: 16 })
+                        disabled: d.isPending,
+                        className: "flex items-center gap-1",
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            ie,
+                            {
+                              size: 16,
+                              className: d.isPending ? "animate-spin" : void 0
+                            }
+                          ),
+                          "Roll"
+                        ]
                       }
                     ) }),
                     /* @__PURE__ */ e.jsxs(X, { children: [
@@ -353,7 +361,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                           j,
                           {
                             onClick: () => {
-                              c.mutate(a.id);
+                              d.mutate(a.id);
                             },
                             children: "Roll Key"
                           }
@@ -365,7 +373,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
               ] }),
               /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(Le, { children: a.apiKeys.map((l) => /* @__PURE__ */ e.jsxs(ye.Fragment, { children: [
                 /* @__PURE__ */ e.jsx(
-                  Fe,
+                  Oe,
                   {
                     apiKey: l,
                     onDeleteKey: () => {
@@ -386,17 +394,17 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       }
     ) })
   ] });
-}, $e = (t) => {
+}, Fe = (t) => {
   const i = /* @__PURE__ */ new Date(), s = new Date(t), n = Math.floor((i.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");
-}, Fe = ({
+}, Oe = ({
   apiKey: t,
   onDeleteKey: i,
   className: s
 }) => {
-  const [n, o] = E(!1), [r, u] = E(!1), { key: m, createdOn: h, expiresOn: x } = t, d = x && new Date(x) < /* @__PURE__ */ new Date(), c = x ? Math.ceil(
+  const [n, o] = E(!1), [r, u] = E(!1), { key: m, createdOn: h, expiresOn: x } = t, c = x && new Date(x) < /* @__PURE__ */ new Date(), d = x ? Math.ceil(
     (new Date(x).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
-  ) : 1 / 0, y = c <= 7 && !d;
+  ) : 1 / 0, y = d <= 7 && !c;
   return /* @__PURE__ */ e.jsxs("div", { className: R("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-fit px-1", children: [
@@ -406,7 +414,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
             {
               className: R(
                 "rounded-full w-2 h-2 bg-emerald-400 mr-2",
-                (y || d) && "bg-neutral-200"
+                (y || c) && "bg-neutral-200"
               )
             }
           ),
@@ -441,25 +449,25 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 mt-0.5 text-nowrap", children: [
         h && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
           "Created ",
-          $e(h),
+          Fe(h),
           "."
         ] }),
         " ",
         x && y && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expires in ",
-          c,
+          d,
           " ",
-          c === 1 ? "day" : "days",
+          d === 1 ? "day" : "days",
           "."
         ] }),
-        x && d && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
+        x && c && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-primary", children: [
           "Expired",
           " ",
-          c === 0 ? "today." : `${c * -1} days ago.`
+          d === 0 ? "today." : `${d * -1} days ago.`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: d && i && /* @__PURE__ */ e.jsxs(U, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: x && i && /* @__PURE__ */ e.jsxs(U, { children: [
       /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ e.jsx(le, { size: 16 }) }) }),
       /* @__PURE__ */ e.jsxs(X, { children: [
         /* @__PURE__ */ e.jsxs(Y, { children: [
@@ -481,10 +489,10 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       ] })
     ] }) })
   ] });
-}, N = "https://api.zuploedge.com/v2/client", Qe = (t) => ({
+}, I = "https://api.zuploedge.com/v2/client", Qe = (t) => ({
   deleteKey: async (i, s, n) => {
     const o = new Request(
-      N + `/${t}/consumers/${i}/keys/${s}`,
+      I + `/${t}/consumers/${i}/keys/${s}`,
       {
         method: "DELETE"
       }
@@ -497,7 +505,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     const n = await fetch(
       await s.signRequest(
         new Request(
-          N + `/${t}/consumers/${i.id}`,
+          I + `/${t}/consumers/${i.id}`,
           {
             method: "PATCH",
             headers: {
@@ -516,15 +524,13 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     const n = await fetch(
       await s.signRequest(
         new Request(
-          N + `/${t}/consumers/${i}/roll-key`,
+          I + `/${t}/consumers/${i}/roll-key`,
           {
             method: "POST",
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify({
-              expiresOn: /* @__PURE__ */ new Date()
-            })
+            body: JSON.stringify({})
           }
         )
       )
@@ -533,7 +539,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
   },
   getConsumers: async (i) => {
     const s = new Request(
-      N + `/${t}/consumers`
+      I + `/${t}/consumers`
     );
     await i.signRequest(s);
     const n = await fetch(s);
@@ -576,7 +582,7 @@ const Le = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
         children: [
           {
             path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx(Oe, { service: i })
+            element: /* @__PURE__ */ e.jsx($e, { service: i })
           }
           // {
           //   path: "/settings/api-keys/new",