zudoku 0.3.0-dev.53 → 0.3.0-dev.55

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

@@ -1,18 +1,18 @@
-import { j as e, a as j, O as v } from "./jsx-runtime-CJZJivg2.js";
-import { R as b, u as w } from "./hook-CKqQERWo.js";
-import { B as o } from "./Combination-B0Iu6mhJ.js";
-import { u as N, a as m, S as k, b as K, c as E, d as S, e as A, f as x } from "./Select-CcBbwJ2R.js";
-import { c as l, e as h, L as p } from "./Markdown-aE_XoLNs.js";
-import { u as y, q as C, t as P } from "./DevPortalProvider-Do9oJqme.js";
-import * as R from "react";
-import { useState as D } from "react";
+import { j as jsxRuntimeExports, a as useNavigate, O as Outlet } from "./jsx-runtime-DvZ6OKMM.js";
+import { R as RouterError, u as useAuth } from "./hook-CIuFuyBT.js";
+import { B as Button } from "./Combination-BfufJFkX.js";
+import { u as useForm, a as useMutation, S as Select, b as SelectTrigger, c as SelectValue, d as SelectContent, e as SelectGroup, f as SelectItem } from "./Select-Boi_pe3L.js";
+import { c as createLucideIcon, e as cn, L as Link } from "./Markdown-B8nPVql1.js";
+import { u as useDevPortal, q as useQueryClient, t as useSuspenseQuery } from "./DevPortalProvider-GjdO0Xr-.js";
+import * as React from "react";
+import { useState } from "react";
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const I = l("EyeOff", [
+const EyeOff = createLucideIcon("EyeOff", [
   ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
   [
     "path",
@@ -33,7 +33,7 @@ const I = l("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const O = l("Eye", [
+const Eye = createLucideIcon("Eye", [
   ["path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z", key: "rwhkz3" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
@@ -43,7 +43,7 @@ const O = l("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const q = l("RotateCw", [
+const RotateCw = createLucideIcon("RotateCw", [
   ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
 ]);
@@ -53,251 +53,292 @@ const q = l("RotateCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const z = l("Trash", [
+const Trash = createLucideIcon("Trash", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }]
 ]);
-var M = process.env.NODE_ENV === "production", d = "Invariant failed";
-function u(t, r) {
-  if (!t) {
-    if (M)
-      throw new Error(d);
-    var a = typeof r == "function" ? r() : r, n = a ? "".concat(d, ": ").concat(a) : d;
-    throw new Error(n);
+var isProduction = process.env.NODE_ENV === "production";
+var prefix = "Invariant failed";
+function invariant(condition, message) {
+  if (condition) {
+    return;
   }
+  if (isProduction) {
+    throw new Error(prefix);
+  }
+  var provided = typeof message === "function" ? message() : message;
+  var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+  throw new Error(value);
 }
-const f = R.forwardRef(
-  ({ className: t, type: r, ...a }, n) => /* @__PURE__ */ e.jsx(
-    "input",
-    {
-      type: r,
-      className: h(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        t
-      ),
-      ref: n,
-      ...a
-    }
-  )
+const Input = React.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
 );
-f.displayName = "Input";
-const L = ({ service: t }) => {
-  const r = y(), a = j(), n = N({
+Input.displayName = "Input";
+const CreateApiKey = ({ service }) => {
+  const context = useDevPortal();
+  const navigate = useNavigate();
+  const form = useForm({
     defaultValues: {
       expiresOn: "30"
     }
-  }), i = m({
-    mutationFn: ({ description: s, expiresOn: c }) => {
-      if (!t.createKey)
+  });
+  const createKeyMutation = useMutation({
+    mutationFn: ({ description, expiresOn }) => {
+      if (!service.createKey) {
         throw new Error("deleteKey not implemented");
-      const g = c !== "never" ? T(Number(c)) : void 0;
-      return t.createKey(
-        { description: s, expiresOn: g },
-        r
+      }
+      const expiresOnDate = expiresOn !== "never" ? addDaysToDate(Number(expiresOn)) : void 0;
+      return service.createKey(
+        { description, expiresOn: expiresOnDate },
+        context
       );
     },
-    onSuccess: () => a("/settings/api-keys/")
+    onSuccess: () => navigate("/settings/api-keys/")
   });
-  return t.createKey ? /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex justify-between mb-4 border-b border-border pb-1", children: /* @__PURE__ */ e.jsx("h1", { className: "font-medium text-2xl", children: "New API Key" }) }),
-    /* @__PURE__ */ e.jsx(
+  if (!service.createKey) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-between mb-4 border-b border-border pb-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-medium text-2xl", children: "New API Key" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "form",
       {
-        onSubmit: n.handleSubmit((s) => i.mutate(s)),
-        children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 flex-col", children: [
+        onSubmit: form.handleSubmit((data) => createKeyMutation.mutate(data)),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 flex-col", children: [
           "Note",
-          /* @__PURE__ */ e.jsx(f, { ...n.register("description") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...form.register("description") }),
           "Expiration",
-          /* @__PURE__ */ e.jsxs(
-            k,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
             {
-              onValueChange: (s) => n.setValue("expiresOn", s),
-              defaultValue: n.getValues("expiresOn"),
+              onValueChange: (value) => form.setValue("expiresOn", value),
+              defaultValue: form.getValues("expiresOn"),
               children: [
-                /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(E, {}) }),
-                /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(A, { children: [
-                  [7, 30, 60, 90].map((s) => /* @__PURE__ */ e.jsxs(x, { value: String(s), children: [
-                    s,
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectGroup, { children: [
+                  [7, 30, 60, 90].map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: String(option), children: [
+                    option,
                     " days"
-                  ] }, s)),
-                  /* @__PURE__ */ e.jsx(x, { value: "never", children: "Never" })
+                  ] }, option)),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "never", children: "Never" })
                 ] }) })
               ]
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e.jsx(o, { children: "Generate Key" }),
-            /* @__PURE__ */ e.jsx(o, { variant: "outline", asChild: !0, children: /* @__PURE__ */ e.jsx(p, { to: "/settings/api-keys/", children: "Cancel" }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { children: "Generate Key" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/settings/api-keys/", children: "Cancel" }) })
           ] })
         ] })
       }
     )
-  ] }) : null;
-}, T = (t) => {
-  const r = /* @__PURE__ */ new Date();
-  return r.setDate(r.getDate() + t), r.toISOString();
-}, V = ({ service: t }) => {
-  const r = y(), a = C(), { data: n } = P({
-    queryFn: () => t.getKeys(r),
+  ] });
+};
+const addDaysToDate = (days) => {
+  const date = /* @__PURE__ */ new Date();
+  date.setDate(date.getDate() + days);
+  return date.toISOString();
+};
+const SettingsApiKeys = ({ service }) => {
+  const context = useDevPortal();
+  const queryClient = useQueryClient();
+  const { data } = useSuspenseQuery({
+    queryFn: () => service.getKeys(context),
     queryKey: ["api-keys"],
-    retry: !1
-  }), i = m({
-    mutationFn: (s) => {
-      if (!t.deleteKey)
+    retry: false
+  });
+  const deleteKeyMutation = useMutation({
+    mutationFn: (id) => {
+      if (!service.deleteKey) {
         throw new Error("deleteKey not implemented");
-      return t.deleteKey(s, r);
+      }
+      return service.deleteKey(id, context);
     },
     onSuccess: () => {
-      a.invalidateQueries({ queryKey: ["api-keys"] });
+      void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
     }
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: "max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between mb-4 border-b border-border pb-3", children: [
-      /* @__PURE__ */ e.jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }),
-      t.createKey && /* @__PURE__ */ e.jsx(o, { asChild: !0, children: /* @__PURE__ */ e.jsx(p, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between mb-4 border-b border-border pb-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }),
+      service.createKey && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }),
-    n.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-4 items-center h-1/2 my-8", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    data.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-center gap-4 items-center h-1/2 my-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
         "No API keys created yet.",
-        /* @__PURE__ */ e.jsx("br", {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
         "Get started and create the first one now"
       ] }),
-      t.createKey && /* @__PURE__ */ e.jsx(o, { asChild: !0, children: /* @__PURE__ */ e.jsx(p, { to: "/settings/api-keys/new", children: "Create API Key" }) })
-    ] }) : /* @__PURE__ */ e.jsx(
+      service.createKey && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       "ul",
       {
-        className: h(
+        className: cn(
           "grid grid-cols-1  rounded border-border border",
           "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"
         ),
-        children: n.map((s) => /* @__PURE__ */ e.jsxs(
+        children: data.map((key) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "li",
           {
             className: "border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center",
             children: [
-              /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
-                s.description ?? s.id,
-                /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground text-xs", children: [
-                  s.createdOn && /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [
+                key.description ?? key.id,
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground text-xs", children: [
+                  key.createdOn && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
                     "Created on ",
-                    new Date(s.createdOn).toLocaleDateString()
+                    new Date(key.createdOn).toLocaleDateString()
                   ] }),
-                  s.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
+                  key.expiresOn && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
                     "Expires on ",
-                    new Date(s.expiresOn).toLocaleDateString()
+                    new Date(key.expiresOn).toLocaleDateString()
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ e.jsx(F, { apiKey: s.key }) }),
-              /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-                t.rollKey && /* @__PURE__ */ e.jsx(o, { size: "icon", children: /* @__PURE__ */ e.jsx(q, { size: 16 }) }),
-                t.deleteKey && /* @__PURE__ */ e.jsx(
-                  o,
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RevealApiKey, { apiKey: key.key }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+                service.rollKey && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { size: 16 }) }),
+                service.deleteKey && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
                   {
                     variant: "ghost",
                     size: "icon",
                     onClick: () => {
-                      confirm("Do you want to delete this key?") && i.mutate(s.id);
+                      if (!confirm("Do you want to delete this key?")) {
+                        return;
+                      }
+                      deleteKeyMutation.mutate(key.id);
                     },
-                    disabled: i.isPending,
-                    children: /* @__PURE__ */ e.jsx(z, { size: 16 })
+                    disabled: deleteKeyMutation.isPending,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash, { size: 16 })
                   }
                 )
               ] })
             ]
           },
-          s.id
+          key.id
         ))
       }
     )
   ] });
-}, F = ({ apiKey: t }) => {
-  const [r, a] = D(!1);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [
-    /* @__PURE__ */ e.jsx(
+};
+const RevealApiKey = ({ apiKey }) => {
+  const [revealed, setRevealed] = useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
         className: "border border-border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min",
-        value: r ? t : "•".repeat(t.length)
+        value: revealed ? apiKey : "•".repeat(apiKey.length)
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      o,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
       {
         variant: "outline",
-        onClick: () => a((n) => !n),
+        onClick: () => setRevealed((prev) => !prev),
         size: "icon",
-        children: r ? /* @__PURE__ */ e.jsx(I, { size: 16 }) : /* @__PURE__ */ e.jsx(O, { size: 16 })
+        children: revealed ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { size: 16 })
       }
     )
   ] });
-}, _ = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev", B = (t) => ({
-  deleteKey: async (r, a) => {
-    const n = new Request(t + `/v1/developer/api-keys/${r}`, {
-      method: "DELETE"
-    });
-    await a.signRequest(n);
-    const i = await fetch(n);
-    u(i.ok, "Failed to delete API key");
-  },
-  createKey: async (r, a) => {
-    const n = new Request(t + "/v1/developer/api-keys", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(r)
-    });
-    await a.signRequest(n);
-    const i = await fetch(n);
-    u(i.ok, "Failed to create API key");
-  },
-  getKeys: async (r) => {
-    const a = new Request(t + "/v1/developer/api-keys");
-    await r.signRequest(a);
-    const n = await fetch(a);
-    return u(n.ok, "Failed to fetch API keys"), await n.json();
+};
+const DEFAULT_API_KEY_ENDPOINT = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev";
+const createDefaultHandler = (endpoint) => {
+  return {
+    deleteKey: async (id, context) => {
+      const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {
+        method: "DELETE"
+      });
+      await context.signRequest(request);
+      const response = await fetch(request);
+      invariant(response.ok, "Failed to delete API key");
+    },
+    createKey: async (apiKey, context) => {
+      const request = new Request(endpoint + `/v1/developer/api-keys`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(apiKey)
+      });
+      await context.signRequest(request);
+      const response = await fetch(request);
+      invariant(response.ok, "Failed to create API key");
+    },
+    getKeys: async (context) => {
+      const request = new Request(endpoint + `/v1/developer/api-keys`);
+      await context.signRequest(request);
+      const keys = await fetch(request);
+      invariant(keys.ok, "Failed to fetch API keys");
+      return await keys.json();
+    }
+  };
+};
+const ProtectedRoute = () => {
+  const auth = useAuth();
+  if (auth.isPending) {
+    return null;
   }
-}), G = () => {
-  const t = w();
-  return t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(v, {}) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2 my-12", children: [
+  return auth.isAuthenticated ? /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2 my-12", children: [
     "Please login first to view this page",
-    /* @__PURE__ */ e.jsx(o, { onClick: () => t.login(), children: "Login" })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => auth.login(), children: "Login" })
   ] });
-}, W = (t) => {
-  const r = "endpoint" in t ? t.endpoint : _, a = "getKeys" in t ? t : B(r);
+};
+const apiKeyPlugin = (options) => {
+  const endpoint = "endpoint" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;
+  const service = "getKeys" in options ? options : createDefaultHandler(endpoint);
   return {
-    getIdentities: async (n) => {
+    getIdentities: async (context) => {
       try {
-        return (await a.getKeys(n)).map((s) => ({
-          authorizeRequest: (c) => (c.headers.set("Authorization", `Bearer ${s.key}`), c),
-          id: s.id,
-          label: s.description ?? s.id
+        const keys = await service.getKeys(context);
+        return keys.map((key) => ({
+          authorizeRequest: (request) => {
+            request.headers.set("Authorization", `Bearer ${key.key}`);
+            return request;
+          },
+          id: key.id,
+          label: key.description ?? key.id
         }));
       } catch {
         return [];
       }
     },
-    getRoutes: () => [
-      {
-        element: /* @__PURE__ */ e.jsx(G, {}),
-        errorElement: /* @__PURE__ */ e.jsx(b, {}),
-        children: [
-          {
-            path: "/settings/api-keys",
-            element: /* @__PURE__ */ e.jsx(V, { service: a })
-          },
-          {
-            path: "/settings/api-keys/new",
-            element: /* @__PURE__ */ e.jsx(L, { service: a })
-          }
-        ]
-      }
-    ]
+    getRoutes: () => {
+      return [
+        {
+          element: /* @__PURE__ */ jsxRuntimeExports.jsx(ProtectedRoute, {}),
+          errorElement: /* @__PURE__ */ jsxRuntimeExports.jsx(RouterError, {}),
+          children: [
+            {
+              path: "/settings/api-keys",
+              element: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsApiKeys, { service })
+            },
+            {
+              path: "/settings/api-keys/new",
+              element: /* @__PURE__ */ jsxRuntimeExports.jsx(CreateApiKey, { service })
+            }
+          ]
+        }
+      ];
+    }
   };
 };
 export {
-  W as apiKeyPlugin
+  apiKeyPlugin
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map