@strapi/admin 4.26.1 → 4.26.2

package/dist/_chunks/ListPage-D50TO1Gl.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { ListPageCE } from "./ListPage-BXxsqmvE.mjs";
+import { u as useLicenseLimitNotification } from "./useLicenseLimitNotification-CYm3C_il.mjs";
+const UserListPageEE = () => {
+  useLicenseLimitNotification();
+  return /* @__PURE__ */ jsx(ListPageCE, {});
+};
+export {
+  UserListPageEE
+};
+//# sourceMappingURL=ListPage-D50TO1Gl.mjs.map

package/dist/_chunks/ListPage-D50TO1Gl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-D50TO1Gl.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/ListPage.tsx"],"sourcesContent":["import { ListPageCE } from '../../../../../../../admin/src/pages/Settings/pages/Users/ListPage';\nimport { useLicenseLimitNotification } from '../../../../hooks/useLicenseLimitNotification';\n\nexport const UserListPageEE = () => {\n  useLicenseLimitNotification();\n\n  return <ListPageCE />;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,MAAM;AAClC,8BAAA;AAEA,6BAAQ,YAAA,EAAW;AACrB;"}

package/dist/_chunks/ListPage-Dw64-fPU.mjs

@@ -0,0 +1,285 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Tr, Td, Typography, Flex, Box, IconButton, Main, HeaderLayout, Button, ActionLayout, ContentLayout, Table, Thead, Th, VisuallyHidden, Tbody, TFooter } from "@strapi/design-system";
+import { pxToRem, stopPropagation, onRowClick, CheckPagePermissions, useFocusWhenNavigate, useAPIErrorHandler, useNotification, useQueryParams, useRBAC, getFetchClient, LoadingIndicatorPage, SettingsPageTitle, SearchURLQuery, ConfirmDialog } from "@strapi/helper-plugin";
+import { Plus, Duplicate, Pencil, Trash } from "@strapi/icons";
+import { AxiosError } from "axios";
+import produce from "immer";
+import { useIntl } from "react-intl";
+import { useHistory } from "react-router-dom";
+import { j as useTypedSelector } from "./index-Cwr9u7_W.mjs";
+import { u as useAdminRoles } from "./useAdminRoles-B7eTo_wV.mjs";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-q6ueY2uL.mjs";
+const RoleRow = ({
+  id,
+  name,
+  description,
+  usersCount,
+  icons,
+  rowIndex,
+  canUpdate
+}) => {
+  const { formatMessage } = useIntl();
+  const [, editObject] = icons;
+  const usersCountText = formatMessage(
+    {
+      id: `Roles.RoleRow.user-count`,
+      defaultMessage: "{number, plural, =0 {#  user} one {#  user} other {# users}}"
+    },
+    { number: usersCount }
+  );
+  return /* @__PURE__ */ jsxs(
+    Tr,
+    {
+      "aria-rowindex": rowIndex,
+      ...canUpdate ? onRowClick({
+        // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`
+        fn: editObject.onClick
+      }) : {},
+      children: [
+        /* @__PURE__ */ jsx(Td, { maxWidth: pxToRem(130), children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, textColor: "neutral800", children: name }) }),
+        /* @__PURE__ */ jsx(Td, { maxWidth: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, textColor: "neutral800", children: description }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: usersCountText }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", ...stopPropagation, children: icons.map(
+          (icon, i) => icon ? /* @__PURE__ */ jsx(Box, { paddingLeft: i === 0 ? 0 : 1, children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              onClick: icon.onClick,
+              label: icon.label,
+              borderWidth: 0,
+              icon: icon.icon
+            }
+          ) }, icon.label) : null
+        ) }) })
+      ]
+    },
+    id
+  );
+};
+const ListPage = () => {
+  const { formatMessage } = useIntl();
+  useFocusWhenNavigate();
+  const permissions = useTypedSelector(selectAdminPermissions);
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React.useState(false);
+  const [{ query }] = useQueryParams();
+  const {
+    isLoading: isLoadingForPermissions,
+    allowedActions: { canCreate, canDelete, canRead, canUpdate }
+  } = useRBAC(permissions.settings?.roles);
+  const { roles, refetch: refetchRoles } = useAdminRoles(
+    { filters: query?._q ? { name: { $containsi: query._q } } : void 0 },
+    {
+      refetchOnMountOrArgChange: true,
+      skip: isLoadingForPermissions || !canRead
+    }
+  );
+  const { push } = useHistory();
+  const [{ showModalConfirmButtonLoading, roleToDelete }, dispatch] = React.useReducer(
+    reducer,
+    initialState
+  );
+  const { post } = getFetchClient();
+  const handleDeleteData = async () => {
+    try {
+      dispatch({
+        type: "ON_REMOVE_ROLES"
+      });
+      await post("/admin/roles/batch-delete", {
+        ids: [roleToDelete]
+      });
+      await refetchRoles();
+      dispatch({
+        type: "RESET_DATA_TO_DELETE"
+      });
+    } catch (error) {
+      if (error instanceof AxiosError) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(error)
+        });
+      }
+    }
+    handleToggleModal();
+  };
+  const handleNewRoleClick = () => push("/settings/roles/new");
+  const handleToggleModal = () => setIsWarningDeleteAllOpenend((prev) => !prev);
+  const handleClickDelete = (role) => (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (role.usersCount) {
+      toggleNotification({
+        type: "info",
+        message: { id: "Roles.ListPage.notification.delete-not-allowed" }
+      });
+    } else {
+      dispatch({
+        type: "SET_ROLE_TO_DELETE",
+        id: role.id
+      });
+      handleToggleModal();
+    }
+  };
+  const handleClickDuplicate = (role) => (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    push(`/settings/roles/duplicate/${role.id}`);
+  };
+  const rowCount = roles.length + 1;
+  const colCount = 6;
+  if (isLoadingForPermissions) {
+    return /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) });
+  }
+  return /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Roles" }),
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        primaryAction: canCreate ? /* @__PURE__ */ jsx(Button, { onClick: handleNewRoleClick, startIcon: /* @__PURE__ */ jsx(Plus, {}), size: "S", children: formatMessage({
+          id: "Settings.roles.list.button.add",
+          defaultMessage: "Add new role"
+        }) }) : null,
+        title: formatMessage({
+          id: "global.roles",
+          defaultMessage: "roles"
+        }),
+        subtitle: formatMessage({
+          id: "Settings.roles.list.description",
+          defaultMessage: "List of roles"
+        }),
+        as: "h2"
+      }
+    ),
+    canRead && /* @__PURE__ */ jsx(
+      ActionLayout,
+      {
+        startActions: /* @__PURE__ */ jsx(
+          SearchURLQuery,
+          {
+            label: formatMessage(
+              { id: "app.component.search.label", defaultMessage: "Search for {target}" },
+              {
+                target: formatMessage({
+                  id: "global.roles",
+                  defaultMessage: "roles"
+                })
+              }
+            )
+          }
+        )
+      }
+    ),
+    canRead && /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(
+      Table,
+      {
+        colCount,
+        rowCount,
+        footer: canCreate ? /* @__PURE__ */ jsx(TFooter, { onClick: handleNewRoleClick, icon: /* @__PURE__ */ jsx(Plus, {}), children: formatMessage({
+          id: "Settings.roles.list.button.add",
+          defaultMessage: "Add new role"
+        }) }) : null,
+        children: [
+          /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { "aria-rowindex": 1, children: [
+            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+              id: "global.name",
+              defaultMessage: "Name"
+            }) }) }),
+            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+              id: "global.description",
+              defaultMessage: "Description"
+            }) }) }),
+            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+              id: "global.users",
+              defaultMessage: "Users"
+            }) }) }),
+            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+              id: "global.actions",
+              defaultMessage: "Actions"
+            }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsx(Tbody, { children: roles?.map((role, index) => /* @__PURE__ */ jsx(
+            RoleRow,
+            {
+              id: role.id,
+              name: role.name,
+              description: role.description,
+              usersCount: role.usersCount,
+              icons: [
+                canCreate && {
+                  onClick: handleClickDuplicate(role),
+                  label: formatMessage({
+                    id: "app.utils.duplicate",
+                    defaultMessage: "Duplicate"
+                  }),
+                  icon: /* @__PURE__ */ jsx(Duplicate, {})
+                },
+                canUpdate && {
+                  onClick: () => push(`/settings/roles/${role.id}`),
+                  label: formatMessage({ id: "app.utils.edit", defaultMessage: "Edit" }),
+                  icon: /* @__PURE__ */ jsx(Pencil, {})
+                },
+                canDelete && {
+                  onClick: handleClickDelete(role),
+                  label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
+                  icon: /* @__PURE__ */ jsx(Trash, {})
+                }
+              ].filter(Boolean),
+              rowIndex: index + 2,
+              canUpdate
+            },
+            role.id
+          )) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: isWarningDeleteAllOpened,
+        onConfirm: handleDeleteData,
+        isConfirmButtonLoading: showModalConfirmButtonLoading,
+        onToggleDialog: handleToggleModal
+      }
+    )
+  ] });
+};
+const initialState = {
+  roleToDelete: null,
+  showModalConfirmButtonLoading: false,
+  shouldRefetchData: false
+};
+const reducer = (state, action) => produce(state, (draftState) => {
+  switch (action.type) {
+    case "ON_REMOVE_ROLES": {
+      draftState.showModalConfirmButtonLoading = true;
+      break;
+    }
+    case "ON_REMOVE_ROLES_SUCCEEDED": {
+      draftState.shouldRefetchData = true;
+      draftState.roleToDelete = null;
+      break;
+    }
+    case "RESET_DATA_TO_DELETE": {
+      draftState.shouldRefetchData = false;
+      draftState.roleToDelete = null;
+      draftState.showModalConfirmButtonLoading = false;
+      break;
+    }
+    case "SET_ROLE_TO_DELETE": {
+      draftState.roleToDelete = action.id;
+      break;
+    }
+    default:
+      return draftState;
+  }
+});
+const ProtectedListPage = () => {
+  const permissions = useTypedSelector(selectAdminPermissions);
+  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: permissions.settings?.roles.main, children: /* @__PURE__ */ jsx(ListPage, {}) });
+};
+export {
+  ListPage,
+  ProtectedListPage
+};
+//# sourceMappingURL=ListPage-Dw64-fPU.mjs.map

package/dist/_chunks/ListPage-Dw64-fPU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-Dw64-fPU.mjs","sources":["../../admin/src/pages/Settings/pages/Roles/components/RoleRow.tsx","../../admin/src/pages/Settings/pages/Roles/ListPage.tsx"],"sourcesContent":["import { Box, Flex, IconButton, IconButtonProps, Td, Tr, Typography } from '@strapi/design-system';\nimport { onRowClick, pxToRem, stopPropagation } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\n\nimport type { AdminRole } from '../../../../../hooks/useAdminRoles';\n\ninterface RoleRowProps extends Pick<AdminRole, 'id' | 'name' | 'description' | 'usersCount'> {\n  icons: Array<Required<Pick<IconButtonProps, 'icon' | 'label' | 'onClick'>>>;\n  rowIndex: number;\n  canUpdate?: boolean;\n}\n\nconst RoleRow = ({\n  id,\n  name,\n  description,\n  usersCount,\n  icons,\n  rowIndex,\n  canUpdate,\n}: RoleRowProps) => {\n  const { formatMessage } = useIntl();\n  const [, editObject] = icons;\n\n  const usersCountText = formatMessage(\n    {\n      id: `Roles.RoleRow.user-count`,\n      defaultMessage: '{number, plural, =0 {#  user} one {#  user} other {# users}}',\n    },\n    { number: usersCount }\n  );\n\n  return (\n    <Tr\n      aria-rowindex={rowIndex}\n      key={id}\n      {...(canUpdate\n        ? onRowClick({\n            // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`\n            fn: editObject.onClick,\n          })\n        : {})}\n    >\n      <Td maxWidth={pxToRem(130)}>\n        <Typography ellipsis textColor=\"neutral800\">\n          {name}\n        </Typography>\n      </Td>\n      <Td maxWidth={pxToRem(250)}>\n        <Typography ellipsis textColor=\"neutral800\">\n          {description}\n        </Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{usersCountText}</Typography>\n      </Td>\n      <Td>\n        <Flex justifyContent=\"flex-end\" {...stopPropagation}>\n          {icons.map((icon, i) =>\n            icon ? (\n              <Box key={icon.label} paddingLeft={i === 0 ? 0 : 1}>\n                <IconButton\n                  onClick={icon.onClick}\n                  label={icon.label}\n                  borderWidth={0}\n                  icon={icon.icon}\n                />\n              </Box>\n            ) : null\n          )}\n        </Flex>\n      </Td>\n    </Tr>\n  );\n};\n\nexport { RoleRow };\nexport type { RoleRowProps };\n","import * as React from 'react';\n\nimport {\n  ActionLayout,\n  Button,\n  ContentLayout,\n  HeaderLayout,\n  Main,\n  Table,\n  Tbody,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  getFetchClient,\n  LoadingIndicatorPage,\n  SearchURLQuery,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFocusWhenNavigate,\n  useQueryParams,\n  useNotification,\n  useRBAC,\n  CheckPagePermissions,\n} from '@strapi/helper-plugin';\nimport { Duplicate, Pencil, Plus, Trash } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport produce from 'immer';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\n\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useAdminRoles, AdminRole } from '../../../../hooks/useAdminRoles';\nimport { selectAdminPermissions } from '../../../../selectors';\n\nimport { RoleRow, RoleRowProps } from './components/RoleRow';\n\nconst ListPage = () => {\n  const { formatMessage } = useIntl();\n  useFocusWhenNavigate();\n  const permissions = useTypedSelector(selectAdminPermissions);\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React.useState(false);\n  const [{ query }] = useQueryParams<{ _q?: string }>();\n  const {\n    isLoading: isLoadingForPermissions,\n    allowedActions: { canCreate, canDelete, canRead, canUpdate },\n  } = useRBAC(permissions.settings?.roles);\n\n  const { roles, refetch: refetchRoles } = useAdminRoles(\n    { filters: query?._q ? { name: { $containsi: query._q } } : undefined },\n    {\n      refetchOnMountOrArgChange: true,\n      skip: isLoadingForPermissions || !canRead,\n    }\n  );\n\n  const { push } = useHistory();\n  const [{ showModalConfirmButtonLoading, roleToDelete }, dispatch] = React.useReducer(\n    reducer,\n    initialState\n  );\n\n  const { post } = getFetchClient();\n\n  const handleDeleteData = async () => {\n    try {\n      dispatch({\n        type: 'ON_REMOVE_ROLES',\n      });\n\n      await post('/admin/roles/batch-delete', {\n        ids: [roleToDelete],\n      });\n\n      await refetchRoles();\n\n      dispatch({\n        type: 'RESET_DATA_TO_DELETE',\n      });\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      }\n    }\n    handleToggleModal();\n  };\n\n  const handleNewRoleClick = () => push('/settings/roles/new');\n\n  const handleToggleModal = () => setIsWarningDeleteAllOpenend((prev) => !prev);\n\n  const handleClickDelete = (role: AdminRole) => (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (role.usersCount) {\n      toggleNotification({\n        type: 'info',\n        message: { id: 'Roles.ListPage.notification.delete-not-allowed' },\n      });\n    } else {\n      dispatch({\n        type: 'SET_ROLE_TO_DELETE',\n        id: role.id,\n      });\n\n      handleToggleModal();\n    }\n  };\n\n  const handleClickDuplicate = (role: AdminRole) => (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    push(`/settings/roles/duplicate/${role.id}`);\n  };\n\n  const rowCount = roles.length + 1;\n  const colCount = 6;\n\n  if (isLoadingForPermissions) {\n    return (\n      <Main>\n        <LoadingIndicatorPage />\n      </Main>\n    );\n  }\n\n  return (\n    <Main>\n      <SettingsPageTitle name=\"Roles\" />\n      <HeaderLayout\n        primaryAction={\n          canCreate ? (\n            <Button onClick={handleNewRoleClick} startIcon={<Plus />} size=\"S\">\n              {formatMessage({\n                id: 'Settings.roles.list.button.add',\n                defaultMessage: 'Add new role',\n              })}\n            </Button>\n          ) : null\n        }\n        title={formatMessage({\n          id: 'global.roles',\n          defaultMessage: 'roles',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.roles.list.description',\n          defaultMessage: 'List of roles',\n        })}\n        as=\"h2\"\n      />\n      {canRead && (\n        <ActionLayout\n          startActions={\n            <SearchURLQuery\n              label={formatMessage(\n                { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },\n                {\n                  target: formatMessage({\n                    id: 'global.roles',\n                    defaultMessage: 'roles',\n                  }),\n                }\n              )}\n            />\n          }\n        />\n      )}\n      {canRead && (\n        <ContentLayout>\n          <Table\n            colCount={colCount}\n            rowCount={rowCount}\n            footer={\n              canCreate ? (\n                <TFooter onClick={handleNewRoleClick} icon={<Plus />}>\n                  {formatMessage({\n                    id: 'Settings.roles.list.button.add',\n                    defaultMessage: 'Add new role',\n                  })}\n                </TFooter>\n              ) : null\n            }\n          >\n            <Thead>\n              <Tr aria-rowindex={1}>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'Description',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.users',\n                      defaultMessage: 'Users',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'global.actions',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {roles?.map((role, index) => (\n                <RoleRow\n                  key={role.id}\n                  id={role.id}\n                  name={role.name}\n                  description={role.description}\n                  usersCount={role.usersCount}\n                  icons={\n                    [\n                      canCreate &&\n                        ({\n                          onClick: handleClickDuplicate(role),\n                          label: formatMessage({\n                            id: 'app.utils.duplicate',\n                            defaultMessage: 'Duplicate',\n                          }),\n                          icon: <Duplicate />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canUpdate &&\n                        ({\n                          onClick: () => push(`/settings/roles/${role.id}`),\n                          label: formatMessage({ id: 'app.utils.edit', defaultMessage: 'Edit' }),\n                          icon: <Pencil />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canDelete &&\n                        ({\n                          onClick: handleClickDelete(role),\n                          label: formatMessage({ id: 'global.delete', defaultMessage: 'Delete' }),\n                          icon: <Trash />,\n                        } satisfies RoleRowProps['icons'][number]),\n                    ].filter(Boolean) as RoleRowProps['icons']\n                  }\n                  rowIndex={index + 2}\n                  canUpdate={canUpdate}\n                />\n              ))}\n            </Tbody>\n          </Table>\n        </ContentLayout>\n      )}\n      <ConfirmDialog\n        isOpen={isWarningDeleteAllOpened}\n        onConfirm={handleDeleteData}\n        isConfirmButtonLoading={showModalConfirmButtonLoading}\n        onToggleDialog={handleToggleModal}\n      />\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Reducer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * TODO: do we actually need this reducer? It's not doing a lot...\n */\n\ninterface State {\n  roleToDelete: null | AdminRole['id'];\n  showModalConfirmButtonLoading: boolean;\n  shouldRefetchData: boolean;\n}\n\nconst initialState = {\n  roleToDelete: null,\n  showModalConfirmButtonLoading: false,\n  shouldRefetchData: false,\n} satisfies State;\n\ninterface SetRoleToDeleteAction extends Pick<AdminRole, 'id'> {\n  type: 'SET_ROLE_TO_DELETE';\n}\n\ninterface ResetDataToDeleteAction {\n  type: 'RESET_DATA_TO_DELETE';\n}\n\ninterface OnRemoveRolesAction {\n  type: 'ON_REMOVE_ROLES';\n}\n\ninterface OnRemoveRolesSucceededAction {\n  type: 'ON_REMOVE_ROLES_SUCCEEDED';\n}\n\ntype Action =\n  | SetRoleToDeleteAction\n  | ResetDataToDeleteAction\n  | OnRemoveRolesAction\n  | OnRemoveRolesSucceededAction;\n\nconst reducer = (state: State, action: Action) =>\n  produce(state, (draftState) => {\n    switch (action.type) {\n      case 'ON_REMOVE_ROLES': {\n        draftState.showModalConfirmButtonLoading = true;\n        break;\n      }\n      case 'ON_REMOVE_ROLES_SUCCEEDED': {\n        draftState.shouldRefetchData = true;\n        draftState.roleToDelete = null;\n        break;\n      }\n      case 'RESET_DATA_TO_DELETE': {\n        draftState.shouldRefetchData = false;\n        draftState.roleToDelete = null;\n        draftState.showModalConfirmButtonLoading = false;\n        break;\n      }\n      case 'SET_ROLE_TO_DELETE': {\n        draftState.roleToDelete = action.id;\n\n        break;\n      }\n      default:\n        return draftState;\n    }\n  });\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.roles.main}>\n      <ListPage />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ProtectedListPage, ListPage };\n"],"names":[],"mappings":"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"}

package/dist/_chunks/ListPage-JSoOfrRX.mjs

@@ -0,0 +1,323 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { useNotifyAT, Layout, Main, HeaderLayout, ActionLayout, Typography, Button, ContentLayout, Box, Table, Thead, Tr, Th, BaseCheckbox, VisuallyHidden, Tbody, Td, Flex, Switch, IconButton, TFooter, EmptyStateLayout } from "@strapi/design-system";
+import { LinkButton } from "@strapi/design-system/v2";
+import { CheckPagePermissions, useAPIErrorHandler, useNotification, useFocusWhenNavigate, useRBAC, SettingsPageTitle, LoadingIndicatorPage, ConfirmDialog } from "@strapi/helper-plugin";
+import { Plus, Trash, Pencil, EmptyDocuments } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { useHistory, useLocation, NavLink } from "react-router-dom";
+import { j as useTypedSelector } from "./index-Cwr9u7_W.mjs";
+import { u as useWebhooks } from "./useWebhooks-C5oul1Ng.mjs";
+const ListPage = () => {
+  const [showModal, setShowModal] = React.useState(false);
+  const [isDeleting, setIsDeleting] = React.useState(false);
+  const [webhooksToDelete, setWebhooksToDelete] = React.useState([]);
+  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.webhooks);
+  const { formatMessage } = useIntl();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  useFocusWhenNavigate();
+  const { push } = useHistory();
+  const { pathname } = useLocation();
+  const {
+    isLoading: isRBACLoading,
+    allowedActions: { canCreate, canUpdate, canDelete }
+  } = useRBAC(permissions);
+  const { notifyStatus } = useNotifyAT();
+  const {
+    isLoading: isWebhooksLoading,
+    webhooks,
+    error: webhooksError,
+    updateWebhook,
+    deleteManyWebhooks
+  } = useWebhooks();
+  React.useEffect(() => {
+    if (webhooksError) {
+      toggleNotification({
+        type: "warning",
+        message: formatAPIError(webhooksError)
+      });
+      return;
+    }
+    if (webhooks) {
+      notifyStatus(
+        formatMessage({
+          id: "Settings.webhooks.list.loading.success",
+          defaultMessage: "Webhooks have been loaded"
+        })
+      );
+    }
+  }, [webhooks, webhooksError, toggleNotification, formatMessage, notifyStatus, formatAPIError]);
+  const enableWebhook = async (body) => {
+    try {
+      const res = await updateWebhook(body);
+      if ("error" in res) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(res.error)
+        });
+      }
+    } catch {
+      toggleNotification({
+        type: "warning",
+        message: {
+          id: "notification.error",
+          defaultMessage: "An error occurred"
+        }
+      });
+    }
+  };
+  const confirmDelete = async () => {
+    try {
+      setIsDeleting(true);
+      const res = await deleteManyWebhooks({
+        ids: webhooksToDelete
+      });
+      if ("error" in res) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(res.error)
+        });
+        return;
+      }
+      setWebhooksToDelete([]);
+    } catch {
+      toggleNotification({
+        type: "warning",
+        message: {
+          id: "notification.error",
+          defaultMessage: "An error occurred"
+        }
+      });
+    } finally {
+      setIsDeleting(false);
+      setShowModal(false);
+    }
+  };
+  const selectAllCheckbox = (selected) => selected ? setWebhooksToDelete(webhooks?.map((webhook) => webhook.id) ?? []) : setWebhooksToDelete([]);
+  const selectOneCheckbox = (selected, id) => selected ? setWebhooksToDelete((prev) => [...prev, id]) : setWebhooksToDelete((prev) => prev.filter((webhookId) => webhookId !== id));
+  const goTo = (to) => () => push(`${pathname}/${to}`);
+  const isLoading = isRBACLoading || isWebhooksLoading;
+  const numberOfWebhooks = webhooks?.length ?? 0;
+  const webhooksToDeleteLength = webhooksToDelete.length;
+  return /* @__PURE__ */ jsxs(Layout, { children: [
+    /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Webhooks" }),
+    /* @__PURE__ */ jsxs(Main, { "aria-busy": isLoading, children: [
+      /* @__PURE__ */ jsx(
+        HeaderLayout,
+        {
+          title: formatMessage({ id: "Settings.webhooks.title", defaultMessage: "Webhooks" }),
+          subtitle: formatMessage({
+            id: "Settings.webhooks.list.description",
+            defaultMessage: "Get POST changes notifications"
+          }),
+          primaryAction: canCreate && !isLoading && /* @__PURE__ */ jsx(
+            LinkButton,
+            {
+              as: NavLink,
+              startIcon: /* @__PURE__ */ jsx(Plus, {}),
+              variant: "default",
+              to: `${pathname}/create`,
+              size: "S",
+              children: formatMessage({
+                id: "Settings.webhooks.list.button.add",
+                defaultMessage: "Create new webhook"
+              })
+            }
+          )
+        }
+      ),
+      webhooksToDeleteLength > 0 && canDelete && /* @__PURE__ */ jsx(
+        ActionLayout,
+        {
+          startActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage(
+              {
+                id: "Settings.webhooks.to.delete",
+                defaultMessage: "{webhooksToDeleteLength, plural, one {# webhook} other {# webhooks}} selected"
+              },
+              { webhooksToDeleteLength }
+            ) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => setShowModal(true),
+                startIcon: /* @__PURE__ */ jsx(Trash, {}),
+                size: "L",
+                variant: "danger-light",
+                children: formatMessage({
+                  id: "global.delete",
+                  defaultMessage: "Delete"
+                })
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentLayout, { children: isLoading ? /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, shadow: "filterShadow", hasRadius: true, children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) }) : numberOfWebhooks > 0 ? /* @__PURE__ */ jsxs(
+        Table,
+        {
+          colCount: 5,
+          rowCount: numberOfWebhooks + 1,
+          footer: /* @__PURE__ */ jsx(TFooter, { onClick: goTo("create"), icon: /* @__PURE__ */ jsx(Plus, {}), children: formatMessage({
+            id: "Settings.webhooks.list.button.add",
+            defaultMessage: "Create new webhook"
+          }) }),
+          children: [
+            /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(
+                BaseCheckbox,
+                {
+                  "aria-label": formatMessage({
+                    id: "global.select-all-entries",
+                    defaultMessage: "Select all entries"
+                  }),
+                  indeterminate: webhooksToDeleteLength > 0 && webhooksToDeleteLength < numberOfWebhooks,
+                  value: webhooksToDeleteLength === numberOfWebhooks,
+                  onValueChange: selectAllCheckbox
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Th, { width: "20%", children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+                id: "global.name",
+                defaultMessage: "Name"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { width: "60%", children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+                id: "Settings.webhooks.form.url",
+                defaultMessage: "URL"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { width: "20%", children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+                id: "Settings.webhooks.list.th.status",
+                defaultMessage: "Status"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+                id: "Settings.webhooks.list.th.actions",
+                defaultMessage: "Actions"
+              }) }) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Tbody, { children: webhooks?.map((webhook) => /* @__PURE__ */ jsxs(
+              Tr,
+              {
+                onClick: canUpdate ? goTo(webhook.id) : void 0,
+                style: { cursor: canUpdate ? "pointer" : "default" },
+                children: [
+                  /* @__PURE__ */ jsx(Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                    BaseCheckbox,
+                    {
+                      "aria-label": `${formatMessage({
+                        id: "global.select",
+                        defaultMessage: "Select"
+                      })} ${webhook.name}`,
+                      value: webhooksToDelete?.includes(webhook.id),
+                      onValueChange: (selected) => selectOneCheckbox(selected, webhook.id),
+                      name: "select"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral800", children: webhook.name }) }),
+                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: webhook.url }) }),
+                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      onLabel: formatMessage({
+                        id: "global.enabled",
+                        defaultMessage: "Enabled"
+                      }),
+                      offLabel: formatMessage({
+                        id: "global.disabled",
+                        defaultMessage: "Disabled"
+                      }),
+                      label: `${webhook.name} ${formatMessage({
+                        id: "Settings.webhooks.list.th.status",
+                        defaultMessage: "Status"
+                      })}`,
+                      selected: webhook.isEnabled,
+                      onChange: (e) => {
+                        e.stopPropagation();
+                        enableWebhook({
+                          ...webhook,
+                          isEnabled: !webhook.isEnabled
+                        });
+                      },
+                      visibleLabels: true
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
+                    canUpdate && /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        label: formatMessage({
+                          id: "Settings.webhooks.events.update",
+                          defaultMessage: "Update"
+                        }),
+                        icon: /* @__PURE__ */ jsx(Pencil, {}),
+                        noBorder: true
+                      }
+                    ),
+                    canDelete && /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          setWebhooksToDelete([webhook.id]);
+                          setShowModal(true);
+                        },
+                        label: formatMessage({
+                          id: "Settings.webhooks.events.delete",
+                          defaultMessage: "Delete webhook"
+                        }),
+                        icon: /* @__PURE__ */ jsx(Trash, {}),
+                        noBorder: true
+                      }
+                    )
+                  ] }) })
+                ]
+              },
+              webhook.id
+            )) })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        EmptyStateLayout,
+        {
+          icon: /* @__PURE__ */ jsx(EmptyDocuments, { width: "160px" }),
+          content: formatMessage({
+            id: "Settings.webhooks.list.empty.description",
+            defaultMessage: "No webhooks found"
+          }),
+          action: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              startIcon: /* @__PURE__ */ jsx(Plus, {}),
+              disabled: !canCreate,
+              onClick: canCreate ? goTo("create") : void 0,
+              children: formatMessage({
+                id: "Settings.webhooks.list.button.add",
+                defaultMessage: "Create new webhook"
+              })
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: showModal,
+        onToggleDialog: () => setShowModal((prev) => !prev),
+        onConfirm: confirmDelete,
+        isConfirmButtonLoading: isDeleting
+      }
+    )
+  ] });
+};
+const ProtectedListPage = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions.settings?.webhooks.main
+  );
+  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions, children: /* @__PURE__ */ jsx(ListPage, {}) });
+};
+export {
+  ListPage,
+  ProtectedListPage
+};
+//# sourceMappingURL=ListPage-JSoOfrRX.mjs.map