convex-cms 0.0.3 → 0.0.5-alpha.0

package/admin-dist/server/_ssr/{trash-DYMxwhZB.mjs → trash-B40Gx5zP.mjs}

@@ -1,11 +1,12 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { a as api, c as cn } from "./router-DDWcF-kt.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-X75ex6ek.mjs";
-import { I as Input, C as CmsEmptyState, a as Checkbox, b as CmsConfirmDialog } from "./CmsEmptyState-DU7-7-mV.mjs";
-import { C as CmsSurface, A as Alert, a as AlertDescription } from "./alert-CVt45UUP.mjs";
-import { C as CmsButton, B as Badge } from "./badge-6BsP37vG.mjs";
-import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BUhDDf4T.mjs";
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { a as api, c as cn } from "./router-D1BMAMJT.mjs";
+import { C as CmsButton, B as Badge } from "./CmsButton-B45JAKR1.mjs";
+import { u as useTanStackNavigation, A as Alert, a as AlertDescription } from "./tanstack-adapter-BXZrMauE.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-CrUZA59A.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-ByaW5iXf.mjs";
+import { I as Input, C as CmsEmptyState, a as Checkbox, b as CmsConfirmDialog } from "./CmsEmptyState-D_BQFAVR.mjs";
+import { C as CmsSurface } from "./CmsSurface-DKJZhpjk.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-CqmuN2F6.mjs";
 import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
 import { w as Trash2, N as Search, O as TriangleAlert, X, R as RotateCcw } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
@@ -83,7 +84,7 @@ import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
 import "../_chunks/_libs/@radix-ui/react-select.mjs";
 import "../_chunks/_libs/@radix-ui/number.mjs";
 import "../_chunks/_libs/@radix-ui/react-visually-hidden.mjs";
-function TrashPage() {
+function TrashPage({ api: api2, navigation: _navigation }) {
   const [selectedContentType, setSelectedContentType] = reactExports.useState("");
   const [searchQuery, setSearchQuery] = reactExports.useState("");
   const [selectedItems, setSelectedItems] = reactExports.useState(/* @__PURE__ */ new Set());
@@ -92,20 +93,17 @@ function TrashPage() {
   const [showEmptyConfirm, setShowEmptyConfirm] = reactExports.useState(false);
   const [isEmptying, setIsEmptying] = reactExports.useState(false);
   const [emptyError, setEmptyError] = reactExports.useState(null);
-  const trashQuery = useQuery(api.trash.list, {
+  const trashQuery = useQuery(api2.trash.list, {
     contentTypeId: selectedContentType || void 0,
     search: searchQuery || void 0,
-    paginationOpts: {
-      numItems: 50,
-      cursor: null
-    }
+    paginationOpts: { numItems: 50, cursor: null }
   });
-  const configQuery = useQuery(api.trash.getConfig, {});
-  const statsQuery = useQuery(api.trash.getStats, {});
-  const contentTypesQuery = useQuery(api.contentTypes.list, {});
+  const configQuery = useQuery(api2.trash.getConfig, {});
+  const statsQuery = useQuery(api2.trash.getStats, {});
+  const contentTypesQuery = useQuery(api2.contentTypes.list, {});
   const contentTypes = contentTypesQuery?.page ?? [];
-  const restoreMutation = useMutation(api.bulkOperations.bulkRestore);
-  const emptyMutation = useMutation(api.trash.empty);
+  const restoreMutation = useMutation(api2.bulkOperations.bulkRestore);
+  const emptyMutation = useMutation(api2.trash.empty);
   const trashItems = trashQuery?.page ?? [];
   const isLoading = trashQuery === void 0;
   const config = configQuery;
@@ -128,25 +126,26 @@ function TrashPage() {
       setSelectedItems(new Set(trashItems.map((item) => item._id)));
     }
   }, [selectedItems.size, trashItems]);
-  const handleRestore = reactExports.useCallback(async (ids) => {
-    setIsRestoring(true);
-    setRestoreError(null);
-    try {
-      await restoreMutation({
-        ids
-      });
-      setSelectedItems((prev) => {
-        const next = new Set(prev);
-        ids.forEach((id) => next.delete(id));
-        return next;
-      });
-    } catch (error) {
-      const message = error instanceof Error ? error.message : "Failed to restore";
-      setRestoreError(message);
-    } finally {
-      setIsRestoring(false);
-    }
-  }, [restoreMutation]);
+  const handleRestore = reactExports.useCallback(
+    async (ids) => {
+      setIsRestoring(true);
+      setRestoreError(null);
+      try {
+        await restoreMutation({ ids });
+        setSelectedItems((prev) => {
+          const next = new Set(prev);
+          ids.forEach((id) => next.delete(id));
+          return next;
+        });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to restore";
+        setRestoreError(message);
+      } finally {
+        setIsRestoring(false);
+      }
+    },
+    [restoreMutation]
+  );
   const handleEmptyTrash = reactExports.useCallback(async () => {
     setIsEmptying(true);
     setEmptyError(null);
@@ -187,7 +186,13 @@ function TrashPage() {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Trash", description: `Deleted items are kept for ${config?.retentionDays ?? 30} days before permanent deletion` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Trash",
+          description: `Deleted items are kept for ${config?.retentionDays ?? 30} days before permanent deletion`
+        }
+      ),
       trashItems.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "danger", onClick: () => setShowEmptyConfirm(true), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4" }),
         "Empty Trash"
@@ -203,31 +208,68 @@ function TrashPage() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Expired" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsToolbar, { left: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { type: "text", placeholder: "Search deleted items...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-64 pl-9" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedContentType || "all", onValueChange: (v) => setSelectedContentType(v === "all" ? "" : v), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Content Types" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Content Types" }),
-          contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: type._id, children: type.displayName }, type._id))
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsToolbar,
+      {
+        left: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                type: "text",
+                placeholder: "Search deleted items...",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: "w-64 pl-9"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              value: selectedContentType || "all",
+              onValueChange: (v) => setSelectedContentType(v === "all" ? "" : v),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Content Types" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Content Types" }),
+                  contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: type._id, children: type.displayName }, type._id))
+                ] })
+              ]
+            }
+          )
         ] })
-      ] })
-    ] }) }),
+      }
+    ),
     restoreError && /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDescription, { className: "flex items-center justify-between", children: [
         restoreError,
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "ghost", size: "icon-sm", onClick: () => setRestoreError(null), children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: () => setRestoreError(null),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+          }
+        )
       ] })
     ] }),
     emptyError && /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDescription, { className: "flex items-center justify-between", children: [
         emptyError,
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "ghost", size: "icon-sm", onClick: () => setEmptyError(null), children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: () => setEmptyError(null),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+          }
+        )
       ] })
     ] }),
     selectedItems.size > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-primary/20 bg-primary/5 p-3", children: [
@@ -237,18 +279,48 @@ function TrashPage() {
         selectedItems.size === 1 ? "item" : "items",
         " selected"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "primary", size: "sm", onClick: () => handleRestore(Array.from(selectedItems)), loading: isRestoring, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
-        "Restore Selected"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "secondary", size: "sm", onClick: () => setSelectedItems(/* @__PURE__ */ new Set()), children: "Clear Selection" })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        CmsButton,
+        {
+          variant: "primary",
+          size: "sm",
+          onClick: () => handleRestore(Array.from(selectedItems)),
+          loading: isRestoring,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
+            "Restore Selected"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsButton,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: () => setSelectedItems(/* @__PURE__ */ new Set()),
+          children: "Clear Selection"
+        }
+      )
     ] }),
     isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-8 animate-spin rounded-full border-2 border-muted border-t-primary" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: "Loading trash..." })
-    ] }) : trashItems.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(CmsEmptyState, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-6" }), title: "Trash is empty", description: "Deleted items will appear here" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border bg-card", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", children: [
+    ] }) : trashItems.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsEmptyState,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-6" }),
+        title: "Trash is empty",
+        description: "Deleted items will appear here"
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border bg-card", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-10 p-3 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked: selectedItems.size === trashItems.length && trashItems.length > 0, onCheckedChange: handleSelectAll }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-10 p-3 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Checkbox,
+          {
+            checked: selectedItems.size === trashItems.length && trashItems.length > 0,
+            onCheckedChange: handleSelectAll
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Name" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Type" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Deleted" }),
@@ -257,35 +329,83 @@ function TrashPage() {
       ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: trashItems.map((item) => {
         const daysLeft = getDaysUntilDeletion(item.deletedAt);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: cn("border-b last:border-0 transition-colors hover:bg-muted/50", selectedItems.has(item._id) && "bg-primary/5"), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked: selectedItems.has(item._id), onCheckedChange: (checked) => handleSelectItem(item._id, checked) }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "p-3", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: getItemTitle(item) }),
-            item.slug && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-xs text-muted-foreground", children: item.slug })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: item.contentTypeName || "Unknown" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "p-3", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: formatDate(item.deletedAt) }),
-            item.deletedBy && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "block text-xs text-muted-foreground", children: [
-              "by ",
-              item.deletedBy
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: daysLeft !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: daysLeft <= 3 ? "destructive" : "secondary", className: "font-normal", children: [
-            daysLeft,
-            " ",
-            daysLeft === 1 ? "day" : "days"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "outline", size: "sm", onClick: () => handleRestore([item._id]), loading: isRestoring, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
-            "Restore"
-          ] }) })
-        ] }, item._id);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "tr",
+          {
+            className: cn(
+              "border-b last:border-0 transition-colors hover:bg-muted/50",
+              selectedItems.has(item._id) && "bg-primary/5"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Checkbox,
+                {
+                  checked: selectedItems.has(item._id),
+                  onCheckedChange: (checked) => handleSelectItem(item._id, checked)
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "p-3", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: getItemTitle(item) }),
+                item.slug && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-xs text-muted-foreground", children: item.slug })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: item.contentTypeName || "Unknown" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "p-3", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: formatDate(item.deletedAt) }),
+                item.deletedBy && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+                  "by ",
+                  item.deletedBy
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: daysLeft !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Badge,
+                {
+                  variant: daysLeft <= 3 ? "destructive" : "secondary",
+                  className: "font-normal",
+                  children: [
+                    daysLeft,
+                    " ",
+                    daysLeft === 1 ? "day" : "days"
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                CmsButton,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => handleRestore([item._id]),
+                  loading: isRestoring,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
+                    "Restore"
+                  ]
+                }
+              ) })
+            ]
+          },
+          item._id
+        );
       }) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsConfirmDialog, { open: showEmptyConfirm, onOpenChange: setShowEmptyConfirm, title: "Empty Trash", description: "This will permanently delete all items in the trash. This action cannot be undone.", confirmLabel: isEmptying ? "Deleting..." : "Empty Trash", onConfirm: handleEmptyTrash, variant: "danger", loading: isEmptying })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsConfirmDialog,
+      {
+        open: showEmptyConfirm,
+        onOpenChange: setShowEmptyConfirm,
+        title: "Empty Trash",
+        description: "This will permanently delete all items in the trash. This action cannot be undone.",
+        confirmLabel: isEmptying ? "Deleting..." : "Empty Trash",
+        onConfirm: handleEmptyTrash,
+        variant: "danger",
+        loading: isEmptying
+      }
+    )
   ] });
 }
+function TrashRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TrashPage, { api, navigation });
+}
 export {
-  TrashPage as component
+  TrashRoute as component
 };

package/admin-dist/server/_ssr/{useBreadcrumbLabel-FNSAr2Ha.mjs → useBreadcrumbLabel-rn-fL4zV.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports } from "../_chunks/_libs/react.mjs";
-import { r as useBreadcrumbContext } from "./router-DDWcF-kt.mjs";
+import { r as useBreadcrumbContext } from "./router-D1BMAMJT.mjs";
 function useBreadcrumbLabel(path, label) {
   const { setOverride, clearOverride } = useBreadcrumbContext();
   reactExports.useEffect(() => {

package/admin-dist/server/_ssr/{usePermissions-BJGGahrJ.mjs → usePermissions-CKeM6_Vw.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports } from "../_chunks/_libs/react.mjs";
-import { l as useAuth, m as getResourcePermissions, n as canAccessResource, o as hasPermission } from "./router-DDWcF-kt.mjs";
+import { l as useAuth, m as getResourcePermissions, n as canAccessResource, o as hasPermission } from "./router-D1BMAMJT.mjs";
 function usePermissions() {
   const { role } = useAuth();
   return reactExports.useMemo(() => {