@strapi/plugin-users-permissions 4.20.5 → 5.0.0-alpha.1

package/dist/_chunks/{index-rryiT0-Z.mjs → index-hG66XSuA.mjs}

@@ -1,12 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { createContext, useContext, useMemo, useCallback, useReducer, forwardRef, useImperativeHandle, memo, useEffect, useState } from "react";
-import { translatedErrors, useNotification, useFetchClient, useAPIErrorHandler, CheckPagePermissions, useOverlayBlocker, useTracking, SettingsPageTitle, Form, LoadingIndicatorPage, Link, pxToRem, onRowClick, stopPropagation, CheckPermissions, getFetchClient, useQueryParams, useFocusWhenNavigate, useRBAC, useFilter, useCollator, LinkButton, SearchURLQuery, NoPermissions, EmptyStateLayout, ConfirmDialog, AnErrorOccurred } from "@strapi/helper-plugin";
-import { useHistory, useRouteMatch, Switch, Route } from "react-router-dom";
-import { g as getTrad, P as PERMISSIONS } from "./index-iNtwnT3f.mjs";
-import { Box, Flex, Typography, Checkbox, Grid, GridItem, VisuallyHidden, Accordion, AccordionToggle, AccordionContent, Main, HeaderLayout, Button, ContentLayout, TextInput, Textarea, Link as Link$1, Tbody, Tr, Td, IconButton, useNotifyAT, Layout, ActionLayout, Table, Thead, Th } from "@strapi/design-system";
-import { Cog, Check, ArrowLeft, Pencil, Trash, Plus } from "@strapi/icons";
-import { Formik } from "formik";
+import { translatedErrors, useNotification, useFetchClient, useAPIErrorHandler, Page, useTracking, BackButton, useQueryParams, SearchInput, ConfirmDialog } from "@strapi/strapi/admin";
+import { useNavigate, useMatch, NavLink, Routes, Route } from "react-router-dom";
+import { g as getTrad, P as PERMISSIONS } from "./index-xt3l4qU9.mjs";
+import { Box, Flex, Typography, Checkbox, Grid, GridItem, VisuallyHidden, Accordion, AccordionToggle, AccordionContent, Main, HeaderLayout, Button, ContentLayout, TextInput, Textarea, Link, Tbody, Tr, Td, IconButton, useNotifyAT, useFilter, useCollator, Layout, ActionLayout, Table, Thead, Th, EmptyStateLayout } from "@strapi/design-system";
+import { Cog, Check, Pencil, Trash, Plus } from "@strapi/icons";
+import { Formik, Form } from "formik";
+import { H as HelmetExport } from "./Helmet-kyJ1Zklj.mjs";
 import { useIntl } from "react-intl";
 import { useQueries, useMutation, useQuery } from "react-query";
 import PropTypes from "prop-types";
@@ -14,7 +15,7 @@ import upperFirst from "lodash/upperFirst";
 import sortBy from "lodash/sortBy";
 import get from "lodash/get";
 import styled, { css } from "styled-components";
-import produce from "immer";
+import { produce } from "immer";
 import isEmpty from "lodash/isEmpty";
 import without from "lodash/without";
 import map from "lodash/map";
@@ -22,6 +23,8 @@ import tail from "lodash/tail";
 import set from "lodash/set";
 import take from "lodash/take";
 import * as yup from "yup";
+import { LinkButton } from "@strapi/design-system/v2";
+import { useRBAC } from "@strapi/helper-plugin";
 const UsersPermissions$2 = createContext({});
 const UsersPermissionsProvider = ({ children, value }) => {
   return /* @__PURE__ */ jsx(UsersPermissions$2.Provider, { value, children });
@@ -495,8 +498,8 @@ UsersPermissions.propTypes = {
 };
 const UsersPermissions$1 = memo(UsersPermissions);
 const createRoleSchema = yup.object().shape({
-  name: yup.string().required(translatedErrors.required),
-  description: yup.string().required(translatedErrors.required)
+  name: yup.string().required(translatedErrors.required.id),
+  description: yup.string().required(translatedErrors.required.id)
 });
 const cleanPermissions = (permissions) => Object.keys(permissions).reduce((acc, current) => {
   const currentPermission = permissions[current].controllers;
@@ -514,7 +517,7 @@ const cleanPermissions = (permissions) => Object.keys(permissions).reduce((acc,
   return acc;
 }, {});
 const usePlugins = () => {
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { get: get2 } = useFetchClient();
   const { formatAPIError } = useAPIErrorHandler(getTrad);
   const [
@@ -551,7 +554,7 @@ const usePlugins = () => {
   useEffect(() => {
     if (permissionsError) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError(permissionsError)
       });
     }
@@ -559,7 +562,7 @@ const usePlugins = () => {
   useEffect(() => {
     if (routesError) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError(routesError)
       });
     }
@@ -577,9 +580,8 @@ const usePlugins = () => {
 };
 const CreatePage = () => {
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
-  const { goBack } = useHistory();
-  const { lockApp, unlockApp } = useOverlayBlocker();
+  const { toggleNotification } = useNotification();
+  const navigate = useNavigate();
   const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins();
   const { trackUsage } = useTracking();
   const permissionsRef = React.useRef();
@@ -587,33 +589,39 @@ const CreatePage = () => {
   const mutation = useMutation((body) => post(`/users-permissions/roles`, body), {
     onError() {
       toggleNotification({
-        type: "warning",
-        message: {
+        type: "danger",
+        message: formatMessage({
           id: "notification.error",
           defaultMessage: "An error occurred"
-        }
+        })
       });
     },
     onSuccess() {
       trackUsage("didCreateRole");
       toggleNotification({
         type: "success",
-        message: {
+        message: formatMessage({
           id: getTrad("Settings.roles.created"),
           defaultMessage: "Role created"
-        }
+        })
       });
-      goBack();
+      navigate(-1);
     }
   });
   const handleCreateRoleSubmit = async (data) => {
-    lockApp();
     const permissions2 = permissionsRef.current.getPermissions();
     await mutation.mutate({ ...data, ...permissions2, users: [] });
-    unlockApp();
   };
   return /* @__PURE__ */ jsxs(Main, { children: [
-    /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Roles" }),
+    /* @__PURE__ */ jsx(
+      HelmetExport,
+      {
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          { name: "Roles" }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(
       Formik,
       {
@@ -708,14 +716,13 @@ const CreatePage = () => {
     )
   ] });
 };
-const ProtectedRolesCreatePage = () => /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.createRole, children: /* @__PURE__ */ jsx(CreatePage, {}) });
+const ProtectedRolesCreatePage = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.createRole, children: /* @__PURE__ */ jsx(CreatePage, {}) });
 const EditPage = () => {
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
-  const { lockApp, unlockApp } = useOverlayBlocker();
+  const { toggleNotification } = useNotification();
   const {
     params: { id }
-  } = useRouteMatch(`/settings/users-permissions/roles/:id`);
+  } = useMatch(`/settings/users-permissions/roles/:id`);
   const { get: get2 } = useFetchClient();
   const { isLoading: isLoadingPlugins, routes } = usePlugins();
   const {
@@ -734,32 +741,38 @@ const EditPage = () => {
   const mutation = useMutation((body) => put(`/users-permissions/roles/${id}`, body), {
     onError(error) {
       toggleNotification({
-        type: "warning",
+        type: "danger",
         message: formatAPIError(error)
       });
     },
     async onSuccess() {
       toggleNotification({
         type: "success",
-        message: {
+        message: formatMessage({
           id: getTrad("Settings.roles.created"),
           defaultMessage: "Role edited"
-        }
+        })
       });
       await refetchRole();
     }
   });
   const handleEditRoleSubmit = async (data) => {
-    lockApp();
     const permissions = permissionsRef.current.getPermissions();
     await mutation.mutate({ ...data, ...permissions, users: [] });
-    unlockApp();
   };
   if (isLoadingRole) {
-    return /* @__PURE__ */ jsx(LoadingIndicatorPage, {});
+    return /* @__PURE__ */ jsx(Page.Loading, {});
   }
   return /* @__PURE__ */ jsxs(Main, { children: [
-    /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Roles" }),
+    /* @__PURE__ */ jsx(
+      HelmetExport,
+      {
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          { name: "Roles" }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(
       Formik,
       {
@@ -771,7 +784,7 @@ const EditPage = () => {
           /* @__PURE__ */ jsx(
             HeaderLayout,
             {
-              primaryAction: !isLoadingPlugins && /* @__PURE__ */ jsx(
+              primaryAction: !isLoadingPlugins ? /* @__PURE__ */ jsx(
                 Button,
                 {
                   disabled: role.code === "strapi-super-admin",
@@ -783,13 +796,10 @@ const EditPage = () => {
                     defaultMessage: "Save"
                   })
                 }
-              ),
+              ) : null,
               title: role.name,
               subtitle: role.description,
-              navigationAction: /* @__PURE__ */ jsx(Link, { startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), to: "/settings/users-permissions/roles", children: formatMessage({
-                id: "global.back",
-                defaultMessage: "Back"
-              }) })
+              navigationAction: /* @__PURE__ */ jsx(BackButton, {})
             }
           ),
           /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(
@@ -861,18 +871,18 @@ const EditPage = () => {
     )
   ] });
 };
-const ProtectedRolesEditPage = () => /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.updateRole, children: /* @__PURE__ */ jsx(EditPage, {}) });
-const EditLink = styled(Link$1)`
+const ProtectedRolesEditPage = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.updateRole, children: /* @__PURE__ */ jsx(EditPage, {}) });
+const EditLink = styled(Link)`
   align-items: center;
-  height: ${pxToRem(32)};
+  height: ${32 / 16}rem;
   display: flex;
   justify-content: center;
   padding: ${({ theme }) => `${theme.spaces[2]}}`};
-  width: ${pxToRem(32)};
+  width: ${32 / 16}rem;
 
   svg {
-    height: ${pxToRem(12)};
-    width: ${pxToRem(12)};
+    height: ${12 / 16}rem;
+    width: ${12 / 16}rem;
 
     path {
       fill: ${({ theme }) => theme.colors.neutral500};
@@ -888,19 +898,16 @@ const EditLink = styled(Link$1)`
     }
   }
 `;
-const TableBody = ({ sortedRoles, canDelete, permissions, setRoleToDelete, onDelete }) => {
+const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete }) => {
   const { formatMessage } = useIntl();
-  const { push } = useHistory();
+  const navigate = useNavigate();
   const [showConfirmDelete, setShowConfirmDelete] = onDelete;
   const checkCanDeleteRole = (role) => canDelete && !["public", "authenticated"].includes(role.type);
   const handleClickDelete = (id) => {
     setRoleToDelete(id);
     setShowConfirmDelete(!showConfirmDelete);
   };
-  const handleClickEdit = (id) => {
-    push(`/settings/users-permissions/roles/${id}`);
-  };
-  return /* @__PURE__ */ jsx(Tbody, { children: sortedRoles?.map((role) => /* @__PURE__ */ jsxs(Tr, { ...onRowClick({ fn: () => handleClickEdit(role.id) }), children: [
+  return /* @__PURE__ */ jsx(Tbody, { children: sortedRoles?.map((role) => /* @__PURE__ */ jsxs(Tr, { onClick: () => navigate(role.id.toString()), children: [
     /* @__PURE__ */ jsx(Td, { width: "20%", children: /* @__PURE__ */ jsx(Typography, { children: role.name }) }),
     /* @__PURE__ */ jsx(Td, { width: "50%", children: /* @__PURE__ */ jsx(Typography, { children: role.description }) }),
     /* @__PURE__ */ jsx(Td, { width: "30%", children: /* @__PURE__ */ jsx(Typography, { children: formatMessage(
@@ -910,22 +917,22 @@ const TableBody = ({ sortedRoles, canDelete, permissions, setRoleToDelete, onDel
       },
       { number: role.nb_users }
     ) }) }),
-    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", ...stopPropagation, children: [
-      /* @__PURE__ */ jsx(CheckPermissions, { permissions: permissions.updateRole, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", onClick: (e) => e.stopPropagation(), children: [
+      canUpdate ? /* @__PURE__ */ jsx(
         EditLink,
         {
-          to: `/settings/users-permissions/roles/${role.id}`,
+          to: role.id.toString(),
           "aria-label": formatMessage(
             { id: "app.component.table.edit", defaultMessage: "Edit {target}" },
             { target: `${role.name}` }
           ),
           children: /* @__PURE__ */ jsx(Pencil, {})
         }
-      ) }),
-      checkCanDeleteRole(role) && /* @__PURE__ */ jsx(CheckPermissions, { permissions: permissions.deleteRole, children: /* @__PURE__ */ jsx(
+      ) : null,
+      checkCanDeleteRole(role) && /* @__PURE__ */ jsx(
         IconButton,
         {
-          onClick: () => handleClickDelete(role.id),
+          onClick: () => handleClickDelete(role.id.toString()),
           noBorder: true,
           icon: /* @__PURE__ */ jsx(Trash, {}),
           label: formatMessage(
@@ -933,59 +940,35 @@ const TableBody = ({ sortedRoles, canDelete, permissions, setRoleToDelete, onDel
             { target: `${role.name}` }
           )
         }
-      ) })
+      )
     ] }) })
   ] }, role.name)) });
 };
 TableBody.defaultProps = {
-  canDelete: false
+  canDelete: false,
+  canUpdate: false
 };
 TableBody.propTypes = {
   onDelete: PropTypes.array.isRequired,
   permissions: PropTypes.object.isRequired,
   setRoleToDelete: PropTypes.func.isRequired,
   sortedRoles: PropTypes.array.isRequired,
-  canDelete: PropTypes.bool
-};
-const fetchData = async (toggleNotification, notifyStatus) => {
-  try {
-    const { get: get2 } = getFetchClient();
-    const { data } = await get2("/users-permissions/roles");
-    notifyStatus("The roles have loaded successfully");
-    return data;
-  } catch (err) {
-    toggleNotification({
-      type: "warning",
-      message: { id: "notification.error" }
-    });
-    throw new Error(err);
-  }
-};
-const deleteData = async (id, toggleNotification) => {
-  try {
-    const { del } = getFetchClient();
-    await del(`/users-permissions/roles/${id}`);
-  } catch (error) {
-    toggleNotification({
-      type: "warning",
-      message: { id: "notification.error", defaultMessage: "An error occured" }
-    });
-  }
+  canDelete: PropTypes.bool,
+  canUpdate: PropTypes.bool
 };
 const RolesListPage = () => {
   const { trackUsage } = useTracking();
   const { formatMessage, locale } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { notifyStatus } = useNotifyAT();
   const [{ query }] = useQueryParams();
   const _q = query?._q || "";
   const [showConfirmDelete, setShowConfirmDelete] = useState(false);
-  const [isConfirmButtonLoading, setIsConfirmButtonLoading] = useState(false);
   const [roleToDelete, setRoleToDelete] = useState();
-  useFocusWhenNavigate();
+  const { del, get: get2 } = useFetchClient();
   const {
     isLoading: isLoadingForPermissions,
-    allowedActions: { canRead, canDelete }
+    allowedActions: { canRead, canDelete, canCreate, canUpdate }
   } = useRBAC({
     create: PERMISSIONS.createRole,
     read: PERMISSIONS.readRoles,
@@ -997,20 +980,43 @@ const RolesListPage = () => {
     data: { roles },
     isFetching,
     refetch
-  } = useQuery("get-roles", () => fetchData(toggleNotification, notifyStatus), {
+  } = useQuery("get-roles", () => fetchData(toggleNotification, formatMessage, notifyStatus), {
     initialData: {},
     enabled: canRead
   });
-  const { includes } = useFilter(locale, {
+  const { contains } = useFilter(locale, {
     sensitivity: "base"
   });
   const formatter = useCollator(locale, {
     sensitivity: "base"
   });
-  const isLoading = isLoadingForData || isFetching;
+  const isLoading = isLoadingForData || isFetching || isLoadingForPermissions;
   const handleShowConfirmDelete = () => {
     setShowConfirmDelete(!showConfirmDelete);
   };
+  const deleteData = async (id, formatMessage2, toggleNotification2) => {
+    try {
+      await del(`/users-permissions/roles/${id}`);
+    } catch (error) {
+      toggleNotification2({
+        type: "danger",
+        message: formatMessage2({ id: "notification.error", defaultMessage: "An error occured" })
+      });
+    }
+  };
+  const fetchData = async (toggleNotification2, formatMessage2, notifyStatus2) => {
+    try {
+      const { data } = await get2("/users-permissions/roles");
+      notifyStatus2("The roles have loaded successfully");
+      return data;
+    } catch (err) {
+      toggleNotification2({
+        type: "danger",
+        message: formatMessage2({ id: "notification.error" })
+      });
+      throw new Error(err);
+    }
+  };
   const emptyLayout = {
     roles: {
       id: getTrad("Roles.empty"),
@@ -1025,26 +1031,35 @@ const RolesListPage = () => {
     id: "global.roles",
     defaultMessage: "Roles"
   });
-  const deleteMutation = useMutation((id) => deleteData(id, toggleNotification), {
+  const deleteMutation = useMutation((id) => deleteData(id, formatMessage, toggleNotification), {
     async onSuccess() {
       await refetch();
     }
   });
   const handleConfirmDelete = async () => {
-    setIsConfirmButtonLoading(true);
     await deleteMutation.mutateAsync(roleToDelete);
     setShowConfirmDelete(!showConfirmDelete);
-    setIsConfirmButtonLoading(false);
   };
-  const sortedRoles = (roles || []).filter((role) => includes(role.name, _q) || includes(role.description, _q)).sort(
+  const sortedRoles = (roles || []).filter((role) => contains(role.name, _q) || contains(role.description, _q)).sort(
     (a, b) => formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description)
   );
   const emptyContent = _q && !sortedRoles.length ? "search" : "roles";
   const colCount = 4;
   const rowCount = (roles?.length || 0) + 1;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
   return /* @__PURE__ */ jsxs(Layout, { children: [
-    /* @__PURE__ */ jsx(SettingsPageTitle, { name: pageTitle }),
-    /* @__PURE__ */ jsxs(Main, { "aria-busy": isLoading, children: [
+    /* @__PURE__ */ jsx(
+      HelmetExport,
+      {
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          { name: pageTitle }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Page.Main, { children: [
       /* @__PURE__ */ jsx(
         HeaderLayout,
         {
@@ -1056,10 +1071,11 @@ const RolesListPage = () => {
             id: "Settings.roles.list.description",
             defaultMessage: "List of roles"
           }),
-          primaryAction: /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.createRole, children: /* @__PURE__ */ jsx(
+          primaryAction: canCreate ? /* @__PURE__ */ jsx(
             LinkButton,
             {
-              to: "/settings/users-permissions/roles/new",
+              to: "new",
+              as: NavLink,
               onClick: () => trackUsage("willCreateRole"),
               startIcon: /* @__PURE__ */ jsx(Plus, {}),
               size: "S",
@@ -1068,14 +1084,15 @@ const RolesListPage = () => {
                 defaultMessage: "Add new role"
               })
             }
-          ) })
+          ) : null,
+          navigationAction: /* @__PURE__ */ jsx(BackButton, {})
         }
       ),
       /* @__PURE__ */ jsx(
         ActionLayout,
         {
           startActions: /* @__PURE__ */ jsx(
-            SearchURLQuery,
+            SearchInput,
             {
               label: formatMessage({
                 id: "app.component.search.label",
@@ -1086,8 +1103,7 @@ const RolesListPage = () => {
         }
       ),
       /* @__PURE__ */ jsxs(ContentLayout, { children: [
-        !canRead && /* @__PURE__ */ jsx(NoPermissions, {}),
-        (isLoading || isLoadingForPermissions) && /* @__PURE__ */ jsx(LoadingIndicatorPage, {}),
+        !canRead && /* @__PURE__ */ jsx(Page.NoPermissions, {}),
         canRead && sortedRoles && sortedRoles?.length ? /* @__PURE__ */ jsxs(Table, { colCount, rowCount, children: [
           /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
             /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "global.name", defaultMessage: "Name" }) }) }),
@@ -1109,19 +1125,19 @@ const RolesListPage = () => {
             {
               sortedRoles,
               canDelete,
+              canUpdate,
               permissions: PERMISSIONS,
               setRoleToDelete,
               onDelete: [showConfirmDelete, setShowConfirmDelete]
             }
           )
-        ] }) : /* @__PURE__ */ jsx(EmptyStateLayout, { content: emptyLayout[emptyContent] })
+        ] }) : /* @__PURE__ */ jsx(EmptyStateLayout, { content: formatMessage(emptyLayout[emptyContent]) })
       ] }),
       /* @__PURE__ */ jsx(
         ConfirmDialog,
         {
-          isConfirmButtonLoading,
           onConfirm: handleConfirmDelete,
-          onToggleDialog: handleShowConfirmDelete,
+          onClose: handleShowConfirmDelete,
           isOpen: showConfirmDelete
         }
       )
@@ -1129,31 +1145,16 @@ const RolesListPage = () => {
   ] });
 };
 const ProtectedRolesListPage = () => {
-  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.accessRoles, children: /* @__PURE__ */ jsx(RolesListPage, {}) });
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.accessRoles, children: /* @__PURE__ */ jsx(RolesListPage, {}) });
 };
 const Roles = () => {
-  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.accessRoles, children: /* @__PURE__ */ jsxs(Switch, { children: [
-    /* @__PURE__ */ jsx(
-      Route,
-      {
-        path: "/settings/users-permissions/roles/new",
-        component: ProtectedRolesCreatePage,
-        exact: true
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Route,
-      {
-        path: "/settings/users-permissions/roles/:id",
-        component: ProtectedRolesEditPage,
-        exact: true
-      }
-    ),
-    /* @__PURE__ */ jsx(Route, { path: "/settings/users-permissions/roles", component: ProtectedRolesListPage, exact: true }),
-    /* @__PURE__ */ jsx(Route, { path: "", component: AnErrorOccurred })
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.accessRoles, children: /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(ProtectedRolesListPage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "new", element: /* @__PURE__ */ jsx(ProtectedRolesCreatePage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: ":id", element: /* @__PURE__ */ jsx(ProtectedRolesEditPage, {}) })
   ] }) });
 };
 export {
   Roles as default
 };
-//# sourceMappingURL=index-rryiT0-Z.mjs.map
+//# sourceMappingURL=index-hG66XSuA.mjs.map