zudoku 0.3.0-dev.55 → 0.3.0-dev.56

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

@@ -1,18 +1,18 @@
-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";
+import { j as e, a as j, O as v } from "./jsx-runtime-CJZJivg2.js";
+import { u as b, R as w } from "./hook-Biq3zYel.js";
+import { u as k, a as h, S as N, b as K, c as E, d as A, e as S, f as p, B as o } from "./Button-DpHMZvVs.js";
+import { c as l, e as m, L as x } from "./Markdown-DtLFdxD1.js";
+import { u as y, q as D, t as P } from "./DevPortalProvider-Do9oJqme.js";
+import * as C from "react";
+import { useState as I } from "react";
+import { D as R } from "./index-gsAuUwQh.js";
 /**
  * @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 EyeOff = createLucideIcon("EyeOff", [
+const O = l("EyeOff", [
   ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
   [
     "path",
@@ -33,7 +33,7 @@ const EyeOff = createLucideIcon("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Eye = createLucideIcon("Eye", [
+const q = l("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 Eye = createLucideIcon("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const RotateCw = createLucideIcon("RotateCw", [
+const z = l("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,292 +53,255 @@ const RotateCw = createLucideIcon("RotateCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Trash = createLucideIcon("Trash", [
+const M = l("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 isProduction = process.env.NODE_ENV === "production";
-var prefix = "Invariant failed";
-function invariant(condition, message) {
-  if (condition) {
-    return;
+var L = process.env.NODE_ENV === "production", d = "Invariant failed";
+function u(t, n) {
+  if (!t) {
+    if (L)
+      throw new Error(d);
+    var a = typeof n == "function" ? n() : n, r = a ? "".concat(d, ": ").concat(a) : d;
+    throw new Error(r);
   }
-  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 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
-      }
-    );
-  }
+const f = C.forwardRef(
+  ({ className: t, type: n, ...a }, r) => /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      type: n,
+      className: m(
+        "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: r,
+      ...a
+    }
+  )
 );
-Input.displayName = "Input";
-const CreateApiKey = ({ service }) => {
-  const context = useDevPortal();
-  const navigate = useNavigate();
-  const form = useForm({
+f.displayName = "Input";
+const T = ({ service: t }) => {
+  const n = y(), a = j(), r = k({
     defaultValues: {
       expiresOn: "30"
     }
-  });
-  const createKeyMutation = useMutation({
-    mutationFn: ({ description, expiresOn }) => {
-      if (!service.createKey) {
+  }), i = h({
+    mutationFn: ({ description: s, expiresOn: c }) => {
+      if (!t.createKey)
         throw new Error("deleteKey not implemented");
-      }
-      const expiresOnDate = expiresOn !== "never" ? addDaysToDate(Number(expiresOn)) : void 0;
-      return service.createKey(
-        { description, expiresOn: expiresOnDate },
-        context
+      const g = c !== "never" ? V(Number(c)) : void 0;
+      return t.createKey(
+        { description: s, expiresOn: g },
+        n
       );
     },
-    onSuccess: () => navigate("/settings/api-keys/")
+    onSuccess: () => a("/settings/api-keys/")
   });
-  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(
+  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(
       "form",
       {
-        onSubmit: form.handleSubmit((data) => createKeyMutation.mutate(data)),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 flex-col", children: [
+        onSubmit: r.handleSubmit((s) => i.mutate(s)),
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 flex-col", children: [
           "Note",
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...form.register("description") }),
+          /* @__PURE__ */ e.jsx(f, { ...r.register("description") }),
           "Expiration",
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Select,
+          /* @__PURE__ */ e.jsxs(
+            N,
             {
-              onValueChange: (value) => form.setValue("expiresOn", value),
-              defaultValue: form.getValues("expiresOn"),
+              onValueChange: (s) => r.setValue("expiresOn", s),
+              defaultValue: r.getValues("expiresOn"),
               children: [
-                /* @__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,
+                /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsx(E, {}) }),
+                /* @__PURE__ */ e.jsx(A, { children: /* @__PURE__ */ e.jsxs(S, { children: [
+                  [7, 30, 60, 90].map((s) => /* @__PURE__ */ e.jsxs(p, { value: String(s), children: [
+                    s,
                     " days"
-                  ] }, option)),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "never", children: "Never" })
+                  ] }, s)),
+                  /* @__PURE__ */ e.jsx(p, { value: "never", children: "Never" })
                 ] }) })
               ]
             }
           ),
-          /* @__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" }) })
+          /* @__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(x, { to: "/settings/api-keys/", children: "Cancel" }) })
           ] })
         ] })
       }
     )
-  ] });
-};
-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),
+  ] }) : null;
+}, V = (t) => {
+  const n = /* @__PURE__ */ new Date();
+  return n.setDate(n.getDate() + t), n.toISOString();
+}, F = () => {
+  const t = b();
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(v, {}) : 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(o, { 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(R, { 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" }),
+    "."
+  ] }) });
+}, _ = ({ service: t }) => {
+  const n = y(), a = D(), { data: r } = P({
+    queryFn: () => t.getKeys(n),
     queryKey: ["api-keys"],
-    retry: false
-  });
-  const deleteKeyMutation = useMutation({
-    mutationFn: (id) => {
-      if (!service.deleteKey) {
+    retry: !1
+  }), i = h({
+    mutationFn: (s) => {
+      if (!t.deleteKey)
         throw new Error("deleteKey not implemented");
-      }
-      return service.deleteKey(id, context);
+      return t.deleteKey(s, n);
     },
     onSuccess: () => {
-      void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
+      a.invalidateQueries({ queryKey: ["api-keys"] });
     }
   });
-  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" }) })
+  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(x, { to: "/settings/api-keys/new", children: "Create API Key" }) })
     ] }),
-    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: [
+    r.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: [
         "No API keys created yet.",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+        /* @__PURE__ */ e.jsx("br", {}),
         "Get started and create the first one now"
       ] }),
-      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(
+      t.createKey && /* @__PURE__ */ e.jsx(o, { asChild: !0, children: /* @__PURE__ */ e.jsx(x, { to: "/settings/api-keys/new", children: "Create API Key" }) })
+    ] }) : /* @__PURE__ */ e.jsx(
       "ul",
       {
-        className: cn(
+        className: m(
           "grid grid-cols-1  rounded border-border border",
           "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"
         ),
-        children: data.map((key) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        children: r.map((s) => /* @__PURE__ */ e.jsxs(
           "li",
           {
             className: "border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center",
             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: [
+              /* @__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: [
                     "Created on ",
-                    new Date(key.createdOn).toLocaleDateString()
+                    new Date(s.createdOn).toLocaleDateString()
                   ] }),
-                  key.expiresOn && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  s.expiresOn && /* @__PURE__ */ e.jsxs("div", { children: [
                     "Expires on ",
-                    new Date(key.expiresOn).toLocaleDateString()
+                    new Date(s.expiresOn).toLocaleDateString()
                   ] })
                 ] })
               ] }),
-              /* @__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,
+              /* @__PURE__ */ e.jsx("div", { className: "items-center flex lg:justify-center", children: /* @__PURE__ */ e.jsx(B, { apiKey: s.key }) }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+                t.rollKey && /* @__PURE__ */ e.jsx(o, { size: "icon", children: /* @__PURE__ */ e.jsx(z, { size: 16 }) }),
+                t.deleteKey && /* @__PURE__ */ e.jsx(
+                  o,
                   {
                     variant: "ghost",
                     size: "icon",
                     onClick: () => {
-                      if (!confirm("Do you want to delete this key?")) {
-                        return;
-                      }
-                      deleteKeyMutation.mutate(key.id);
+                      confirm("Do you want to delete this key?") && i.mutate(s.id);
                     },
-                    disabled: deleteKeyMutation.isPending,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash, { size: 16 })
+                    disabled: i.isPending,
+                    children: /* @__PURE__ */ e.jsx(M, { size: 16 })
                   }
                 )
               ] })
             ]
           },
-          key.id
+          s.id
         ))
       }
     )
   ] });
-};
-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(
+}, B = ({ apiKey: t }) => {
+  const [n, a] = I(!1);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         className: "border border-border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min",
-        value: revealed ? apiKey : "•".repeat(apiKey.length)
+        value: n ? t : "•".repeat(t.length)
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
+    /* @__PURE__ */ e.jsx(
+      o,
       {
         variant: "outline",
-        onClick: () => setRevealed((prev) => !prev),
+        onClick: () => a((r) => !r),
         size: "icon",
-        children: revealed ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { size: 16 })
+        children: n ? /* @__PURE__ */ e.jsx(O, { size: 16 }) : /* @__PURE__ */ e.jsx(q, { size: 16 })
       }
     )
   ] });
-};
-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 = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev", H = (t) => ({
+  deleteKey: async (n, a) => {
+    const r = new Request(t + `/v1/developer/api-keys/${n}`, {
+      method: "DELETE"
+    });
+    await a.signRequest(r);
+    const i = await fetch(r);
+    u(i.ok, "Failed to delete API key");
+  },
+  createKey: async (n, a) => {
+    const r = new Request(t + "/v1/developer/api-keys", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(n)
+    });
+    await a.signRequest(r);
+    const i = await fetch(r);
+    u(i.ok, "Failed to create API key");
+  },
+  getKeys: async (n) => {
+    const a = new Request(t + "/v1/developer/api-keys");
+    await n.signRequest(a);
+    const r = await fetch(a);
+    return u(r.ok, "Failed to fetch API keys"), await r.json();
   }
-  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__ */ jsxRuntimeExports.jsx(Button, { onClick: () => auth.login(), children: "Login" })
-  ] });
-};
-const apiKeyPlugin = (options) => {
-  const endpoint = "endpoint" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;
-  const service = "getKeys" in options ? options : createDefaultHandler(endpoint);
+}), X = (t) => {
+  const n = "endpoint" in t ? t.endpoint : G, a = "getKeys" in t ? t : H(n);
   return {
-    getIdentities: async (context) => {
+    getIdentities: async (r) => {
       try {
-        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
+        return (await a.getKeys(r)).map((s) => ({
+          authorizeRequest: (c) => (c.headers.set("Authorization", `Bearer ${s.key}`), c),
+          id: s.id,
+          label: s.description ?? s.id
         }));
       } catch {
         return [];
       }
     },
-    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 })
-            }
-          ]
-        }
-      ];
-    }
+    getRoutes: () => [
+      {
+        element: /* @__PURE__ */ e.jsx(F, {}),
+        errorElement: /* @__PURE__ */ e.jsx(w, {}),
+        children: [
+          {
+            path: "/settings/api-keys",
+            element: /* @__PURE__ */ e.jsx(_, { service: a })
+          },
+          {
+            path: "/settings/api-keys/new",
+            element: /* @__PURE__ */ e.jsx(T, { service: a })
+          }
+        ]
+      }
+    ]
   };
 };
 export {
-  apiKeyPlugin
+  X as apiKeyPlugin
 };
 //# sourceMappingURL=zudoku.plugin-api-keys.js.map