zudoku 0.53.1 → 0.53.3

package/lib/zudoku.auth-clerk.js

@@ -1,6 +1,6 @@
 import { j as l } from "./jsx-runtime-C5mzlN2N.js";
 import { LogOutIcon as g } from "lucide-react";
-import { S as f, a as w, b as p } from "./SignUp-CpUD6DUM.js";
+import { S as f, a as w, b as p } from "./SignUp-DfVvOCYB.js";
 import { u as n } from "./hook-Bd0yS8M0.js";
 const y = ({
   clerkPubKey: d,

package/lib/zudoku.auth-openid.js

@@ -2,7 +2,7 @@ import { j as ne } from "./jsx-runtime-C5mzlN2N.js";
 import { g as Le } from "./invariant-DAFpPywt.js";
 import { C as Ue } from "./ClientOnly-E7hGysn1.js";
 import { j as xe, u as S } from "./hook-Bd0yS8M0.js";
-import { C as Ce, O as re, A as R, a as Ie } from "./errors-DY-qOx9n.js";
+import { C as Ce, O as re, A as R, a as Ie } from "./errors-DE1gK7ms.js";
 var O = { exports: {} }, je = O.exports, oe;
 function De() {
   return oe || (oe = 1, function(t) {

package/lib/zudoku.components.js

@@ -2,8 +2,8 @@ import "./RouteGuard-CbKd7_9h.js";
 import "./index-ClhS5TxS.js";
 import "./chunk-DQRVZFIR-DHK7_Ilc.js";
 import "./hook-Bd0yS8M0.js";
-import "./Slot-DwZlQ-vX.js";
-import { e as C, f as d, j as h, B as k, m as l, C as S, i as B, H as c, c as y, L as E, M as g, g as H, R as L, d as M, S as R, h as T, T as Z, Z as f, b as A, l as b, k as j, n as v, u as w } from "./index-C_xVKbf9.js";
+import "./Slot-BpO_AGKJ.js";
+import { e as C, f as d, j as h, B as k, m as l, C as S, i as B, H as c, c as y, L as E, M as g, g as H, R as L, d as M, S as R, h as T, T as Z, Z as f, b as A, l as b, k as j, n as v, u as w } from "./index-DLshv89l.js";
 import "./ui/Button.js";
 import "./ui/Callout.js";
 import "./ClientOnly-E7hGysn1.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-CcV90rin.js";
+import { s as f } from "./index-DLzZDv8_.js";
 import { d as b, m as j } from "./chunk-DQRVZFIR-DHK7_Ilc.js";
 import { u as x, c as v, j as d } from "./hook-Bd0yS8M0.js";
 import { H as y } from "./RouteGuard-CbKd7_9h.js";
-import { L as N } from "./index-C_xVKbf9.js";
-import { H as k, M as S } from "./Slot-DwZlQ-vX.js";
+import { L as N } from "./index-DLshv89l.js";
+import { H as k, M as S } from "./Slot-BpO_AGKJ.js";
 const w = ({
   items: n,
   filterCatalogItems: o = (r) => r,

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

@@ -1,17 +1,17 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { CircleSlashIcon as M, CheckIcon as W, XIcon as ae, PencilLineIcon as oe, RefreshCwIcon as le, EyeOffIcon as ce, EyeIcon as de, CopyIcon as ue, TrashIcon as he, KeyRoundIcon as fe } from "lucide-react";
-import { D as pe, a as B, R as me } from "./Slot-DwZlQ-vX.js";
-import { i as P } from "./invariant-DAFpPywt.js";
+import { D as pe, a as B, R as me } from "./Slot-BpO_AGKJ.js";
+import { i as D } from "./invariant-DAFpPywt.js";
 import { O as xe, L as J } from "./chunk-DQRVZFIR-DHK7_Ilc.js";
 import { e as ye, d as ge, g as je, c as Ce } from "./hook-Bd0yS8M0.js";
 import { Button as j } from "./ui/Button.js";
-import { u as S, A as q, a as L } from "./Alert-CT_ViLrJ.js";
+import { u as S, A as q, a as L } from "./Alert-FYKbqjIt.js";
 import * as F from "react";
-import ve, { createContext as O, useRef as E, useLayoutEffect as we, useEffect as X, useId as Q, useContext as H, useInsertionEffect as ke, useMemo as $, useCallback as be, Children as Ee, isValidElement as Ne, useState as N } from "react";
+import we, { createContext as O, useRef as N, useLayoutEffect as ve, useEffect as X, useId as Q, useContext as H, useInsertionEffect as ke, useMemo as $, useCallback as be, Children as Ee, isValidElement as Ne, useState as P } from "react";
 import { C as Pe, a as De } from "./Card-DPhGbYUM.js";
-import { D as Y, e as G, a as V, c as Z, b as ee, d as te, f as se, g as A } from "./Dialog-CiIdyz6a.js";
+import { D as Y, e as G, a as V, c as Z, b as ee, d as te, f as se, g as R } from "./Dialog-CiIdyz6a.js";
 import { Input as Ie } from "./ui/Input.js";
-import { c as R } from "./cn-wvCW-ho6.js";
+import { c as E } from "./cn-wvCW-ho6.js";
 import { u as Ke } from "./CodeBlock-DAKxs_Tu.js";
 const Ae = () => {
   const t = ye();
@@ -25,10 +25,10 @@ const Ae = () => {
   ] }) });
 }, Re = O({});
 function ne(t) {
-  const i = E(null);
+  const i = N(null);
   return i.current === null && (i.current = t()), i.current;
 }
-const Te = typeof window < "u", ze = Te ? we : X, ie = /* @__PURE__ */ O(null), Me = O({
+const Te = typeof window < "u", ze = Te ? ve : X, ie = /* @__PURE__ */ O(null), Me = O({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -58,7 +58,7 @@ class Le extends F.Component {
   }
 }
 function $e({ children: t, isPresent: i, anchorX: s }) {
-  const n = Q(), o = E(null), r = E({
+  const n = Q(), o = N(null), r = N({
     width: 0,
     height: 0,
     top: 0,
@@ -122,7 +122,7 @@ function Qe(t = !0) {
   const f = be(() => t && n && n(r), [r, n, t]);
   return !s && n ? [!1, f] : [!0];
 }
-const D = (t) => t.key || "";
+const I = (t) => t.key || "";
 function U(t) {
   const i = [];
   return Ee.forEach(t, (s) => {
@@ -130,27 +130,27 @@ function U(t) {
   }), i;
 }
 const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presenceAffectsLayout: o = !0, mode: r = "sync", propagate: f = !1, anchorX: x = "left" }) => {
-  const [u, h] = Qe(f), d = $(() => U(t), [t]), l = f && !u ? [] : d.map(D), y = E(!0), p = E(d), k = ne(() => /* @__PURE__ */ new Map()), [a, c] = N(d), [m, v] = N(d);
+  const [u, h] = Qe(f), d = $(() => U(t), [t]), l = f && !u ? [] : d.map(I), y = N(!0), p = N(d), k = ne(() => /* @__PURE__ */ new Map()), [a, c] = P(d), [m, w] = P(d);
   ze(() => {
     y.current = !1, p.current = d;
-    for (let w = 0; w < m.length; w++) {
-      const g = D(m[w]);
+    for (let v = 0; v < m.length; v++) {
+      const g = I(m[v]);
       l.includes(g) ? k.delete(g) : k.get(g) !== !0 && k.set(g, !1);
     }
   }, [m, l.length, l.join("-")]);
   const C = [];
   if (d !== a) {
-    let w = [...d];
+    let v = [...d];
     for (let g = 0; g < m.length; g++) {
-      const b = m[g], z = D(b);
-      l.includes(z) || (w.splice(g, 0, b), C.push(b));
+      const b = m[g], z = I(b);
+      l.includes(z) || (v.splice(g, 0, b), C.push(b));
     }
-    return r === "wait" && C.length && (w = C), v(U(w)), c(d), null;
+    return r === "wait" && C.length && (v = C), w(U(v)), c(d), null;
   }
   process.env.NODE_ENV !== "production" && r === "wait" && m.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: T } = H(Re);
-  return e.jsx(e.Fragment, { children: m.map((w) => {
-    const g = D(w), b = f && !u ? !1 : d === m || l.includes(g), z = () => {
+  return e.jsx(e.Fragment, { children: m.map((v) => {
+    const g = I(v), b = f && !u ? !1 : d === m || l.includes(g), z = () => {
       if (k.has(g))
         k.set(g, !0);
       else
@@ -158,14 +158,14 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       let _ = !0;
       k.forEach((re) => {
         re || (_ = !1);
-      }), _ && (T?.(), v(p.current), f && h?.(), n && n());
+      }), _ && (T?.(), w(p.current), f && h?.(), n && n());
     };
-    return e.jsx(Fe, { isPresent: b, initial: !y.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: o, mode: r, onExitComplete: b ? void 0 : z, anchorX: x, children: w }, g);
+    return e.jsx(Fe, { isPresent: b, initial: !y.current || s ? void 0 : !1, custom: i, presenceAffectsLayout: o, mode: r, onExitComplete: b ? void 0 : z, anchorX: x, children: v }, g);
   }) });
 }, _e = ({ service: t }) => {
-  const i = ge(), s = je(), [n, o] = N(
+  const i = ge(), s = je(), [n, o] = P(
     null
-  ), [r, f] = N(""), { data: x, isFetching: u } = Ce({
+  ), [r, f] = P(""), { data: x, isFetching: u } = Ce({
     queryFn: () => t.getConsumers(i),
     queryKey: ["api-keys"],
     retry: !1
@@ -183,7 +183,7 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       const m = s.getQueryData([
         "api-keys"
       ]);
-      return s.setQueryData(["api-keys"], (v) => v && v.map((C) => C.id === a ? {
+      return s.setQueryData(["api-keys"], (w) => w && w.map((C) => C.id === a ? {
         ...C,
         apiKeys: C.apiKeys.filter((T) => T.id !== c)
       } : C)), { previousData: m };
@@ -206,7 +206,7 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     onMutate: async ({ consumerId: a, label: c }) => {
       await s.cancelQueries({ queryKey: ["api-keys"] });
       const m = s.getQueryData(["api-keys"]);
-      return s.setQueryData(["api-keys"], (v) => v && v.map((C) => C.id === a ? {
+      return s.setQueryData(["api-keys"], (w) => w && w.map((C) => C.id === a ? {
         ...C,
         label: c
       } : C)), { previousData: m };
@@ -265,9 +265,8 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
     ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: R(
-          "grid grid-cols-1 divide-y divide-border col-span-6",
-          "lg:grid-cols-[1fr_min-content]"
+        className: E(
+          "grid grid-cols-[1fr_min-content] divide-y divide-border col-span-6"
         ),
         children: x.map((a) => /* @__PURE__ */ e.jsxs(
           Pe,
@@ -334,14 +333,14 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                     {
                       variant: "ghost",
                       onClick: () => y(a.id, a.label),
-                      className: R(
+                      className: E(
                         "flex gap-2",
                         n === a.id && "opacity-0! pointer-events-none"
                       ),
                       disabled: n === a.id,
                       children: [
                         /* @__PURE__ */ e.jsx(oe, { size: 16 }),
-                        "Edit label"
+                        /* @__PURE__ */ e.jsx("span", { className: "hidden md:block", children: "Edit label" })
                       ]
                     }
                   ),
@@ -361,7 +360,7 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                               className: l.isPending ? "animate-spin" : void 0
                             }
                           ),
-                          "Roll key"
+                          /* @__PURE__ */ e.jsx("span", { className: "hidden md:block", children: "Roll key" })
                         ]
                       }
                     ) }),
@@ -371,8 +370,8 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
                         /* @__PURE__ */ e.jsx(te, { children: "Are you sure you want to roll this API key?" })
                       ] }),
                       /* @__PURE__ */ e.jsxs(se, { children: [
-                        /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-                        /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ e.jsx(R, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
+                        /* @__PURE__ */ e.jsx(R, { asChild: !0, children: /* @__PURE__ */ e.jsx(
                           j,
                           {
                             onClick: () => {
@@ -386,7 +385,7 @@ const He = ({ 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(He, { children: a.apiKeys.map((c) => /* @__PURE__ */ e.jsxs(ve.Fragment, { children: [
+              /* @__PURE__ */ e.jsx("div", { className: "col-span-full grid-cols-subgrid grid", children: /* @__PURE__ */ e.jsx(He, { children: a.apiKeys.map((c) => /* @__PURE__ */ e.jsxs(we.Fragment, { children: [
                 /* @__PURE__ */ e.jsx(
                   Je,
                   {
@@ -417,24 +416,33 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
   onDeleteKey: i,
   className: s
 }) => {
-  const [n, o] = N(!1), [r, f] = Ke(), { key: x, createdOn: u, expiresOn: h } = t, d = h && new Date(h) < /* @__PURE__ */ new Date(), l = h ? Math.ceil(
+  const [n, o] = P(!1), [r, f] = Ke(), { key: x, createdOn: u, expiresOn: h } = t, d = h && new Date(h) < /* @__PURE__ */ new Date(), l = h ? Math.ceil(
     (new Date(h).getTime() - (/* @__PURE__ */ new Date()).getTime()) / (1e3 * 60 * 60 * 24)
   ) : 1 / 0, y = l <= 7 && !d;
-  return /* @__PURE__ */ e.jsxs("div", { className: R("grid col-span-full grid-cols-subgrid p-6", s), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: E("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: [
-        /* @__PURE__ */ e.jsxs("div", { className: "font-mono truncate h-9 items-center flex px-2 text-xs gap-2", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm border rounded-md w-full max-w-fit px-1", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "font-mono w-full h-9 items-center flex px-2 text-xs gap-2", children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: R(
+              className: E(
                 "rounded-full w-2 h-2 bg-emerald-400 mr-2",
                 (y || d) && "bg-neutral-200"
               )
             }
           ),
-          /* @__PURE__ */ e.jsxs("span", { children: [
-            /* @__PURE__ */ e.jsx("span", { className: n ? "" : "opacity-20", children: n ? x.slice(0, -5) : "**** ".repeat(x.slice(0, -5).length / 5) + "*".repeat(x.slice(0, -5).length % 5) }),
+          /* @__PURE__ */ e.jsxs("span", { className: "w-full truncate", children: [
+            /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: E(
+                  "w-40 inline-block md:w-full truncate",
+                  n ? "" : "opacity-20"
+                ),
+                children: n ? x.slice(0, -5) : "**** ".repeat(x.slice(0, -5).length / 5) + "*".repeat(x.slice(0, -5).length % 5)
+              }
+            ),
             /* @__PURE__ */ e.jsx("span", { children: x.slice(-5) })
           ] })
         ] }),
@@ -486,8 +494,8 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
           /* @__PURE__ */ e.jsx(te, { children: "Are you sure you want to delete this API key?" })
         ] }),
         /* @__PURE__ */ e.jsxs(se, { children: [
-          /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
-          /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(R, { asChild: !0, children: /* @__PURE__ */ e.jsx(j, { variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ e.jsx(R, { asChild: !0, children: /* @__PURE__ */ e.jsx(
             j,
             {
               onClick: () => {
@@ -500,13 +508,13 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
       ] })
     ] }) })
   ] });
-}, I = "https://api.zuploedge.com/v2/client", Ue = async (t) => {
+}, K = "https://api.zuploedge.com/v2/client", Ue = async (t) => {
   try {
     return await t.json();
   } catch {
     return;
   }
-}, K = async (t) => {
+}, A = async (t) => {
   const i = t.headers.get("content-type");
   if (!t.ok && i?.includes("application/problem+json")) {
     const s = await Ue(t);
@@ -516,20 +524,20 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
 }, We = (t) => ({
   deleteKey: async (i, s, n) => {
     const o = new Request(
-      I + `/${t}/consumers/${i}/keys/${s}`,
+      K + `/${t}/consumers/${i}/keys/${s}`,
       {
         method: "DELETE"
       }
     );
     await n.signRequest(o);
     const r = await fetch(o);
-    await K(r), P(r.ok, "Failed to delete API key");
+    await A(r), D(r.ok, "Failed to delete API key");
   },
   updateConsumer: async (i, s) => {
     const n = await fetch(
       await s.signRequest(
         new Request(
-          I + `/${t}/consumers/${i.id}`,
+          K + `/${t}/consumers/${i.id}`,
           {
             method: "PATCH",
             headers: {
@@ -542,13 +550,13 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
         )
       )
     );
-    await K(n), P(n.ok, "Failed to update API key description");
+    await A(n), D(n.ok, "Failed to update API key description");
   },
   rollKey: async (i, s) => {
     const n = await fetch(
       await s.signRequest(
         new Request(
-          I + `/${t}/consumers/${i}/roll-key`,
+          K + `/${t}/consumers/${i}/roll-key`,
           {
             method: "POST",
             headers: {
@@ -559,15 +567,15 @@ const He = ({ children: t, custom: i, initial: s = !0, onExitComplete: n, presen
         )
       )
     );
-    await K(n), P(n.ok, "Failed to delete API key");
+    await A(n), D(n.ok, "Failed to delete API key");
   },
   getConsumers: async (i) => {
     const s = new Request(
-      I + `/${t}/consumers`
+      K + `/${t}/consumers`
     );
     await i.signRequest(s);
     const n = await fetch(s);
-    return await K(n), P(n.ok, "Failed to fetch API keys"), (await n.json()).data.map((r) => ({
+    return await A(n), D(n.ok, "Failed to fetch API keys"), (await n.json()).data.map((r) => ({
       id: r.id,
       label: r.label || r.subject || "API Key",
       apiKeys: r.apiKeys.data,