@strapi/admin 4.26.1 → 4.26.2

package/dist/_chunks/ListPage-BuHmA1f5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-BuHmA1f5.js","sources":["../../ee/admin/src/services/auditLogs.ts","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/hooks/useFormatTimeStamp.ts","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/utils/getActionTypesDefaultMessages.ts","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/Modal.tsx","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/PaginationFooter.tsx","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/TableRows.tsx","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/hooks/useAuditLogsData.ts","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/components/ComboboxFilter.tsx","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/utils/getDisplayedFilters.ts","../../ee/admin/src/pages/SettingsPage/pages/AuditLogs/ListPage.tsx"],"sourcesContent":["import { adminApi } from '../../../../admin/src/services/api';\nimport * as AuditLogs from '../../../../shared/contracts/audit-logs';\n\nconst auditLogsService = adminApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getAuditLogs: builder.query<AuditLogs.GetAll.Response, AuditLogs.GetAll.Request['query']>({\n      query: (params) => ({\n        url: `/admin/audit-logs`,\n        config: {\n          params,\n        },\n      }),\n    }),\n    getAuditLog: builder.query<AuditLogs.Get.Response, AuditLogs.Get.Params['id']>({\n      query: (id) => `/admin/audit-logs/${id}`,\n    }),\n  }),\n  overrideExisting: false,\n});\n\nconst { useGetAuditLogsQuery, useGetAuditLogQuery } = auditLogsService;\n\nexport { useGetAuditLogsQuery, useGetAuditLogQuery };\n","import parseISO from 'date-fns/parseISO';\nimport { useIntl } from 'react-intl';\n\nexport const useFormatTimeStamp = () => {\n  const { formatDate } = useIntl();\n\n  const formatTimeStamp = (value: string) => {\n    const date = parseISO(value);\n\n    const formattedDate = formatDate(date, {\n      dateStyle: 'long',\n    });\n    const formattedTime = formatDate(date, {\n      timeStyle: 'medium',\n      hourCycle: 'h24',\n    });\n\n    return `${formattedDate}, ${formattedTime}`;\n  };\n\n  return formatTimeStamp;\n};\n","export const actionTypes = {\n  'entry.create': 'Create entry{model, select, undefined {} other { ({model})}}',\n  'entry.update': 'Update entry{model, select, undefined {} other { ({model})}}',\n  'entry.delete': 'Delete entry{model, select, undefined {} other { ({model})}}',\n  'entry.publish': 'Publish entry{model, select, undefined {} other { ({model})}}',\n  'entry.unpublish': 'Unpublish entry{model, select, undefined {} other { ({model})}}',\n  'media.create': 'Create media',\n  'media.update': 'Update media',\n  'media.delete': 'Delete media',\n  'media-folder.create': 'Create media folder',\n  'media-folder.update': 'Update media folder',\n  'media-folder.delete': 'Delete media folder',\n  'user.create': 'Create user',\n  'user.update': 'Update user',\n  'user.delete': 'Delete user',\n  'admin.auth.success': 'Admin login',\n  'admin.logout': 'Admin logout',\n  'content-type.create': 'Create content type',\n  'content-type.update': 'Update content type',\n  'content-type.delete': 'Delete content type',\n  'component.create': 'Create component',\n  'component.update': 'Update component',\n  'component.delete': 'Delete component',\n  'role.create': 'Create role',\n  'role.update': 'Update role',\n  'role.delete': 'Delete role',\n  'permission.create': 'Create permission',\n  'permission.update': 'Update permission',\n  'permission.delete': 'Delete permission',\n};\n\nexport const getDefaultMessage = (value: keyof typeof actionTypes) => {\n  return actionTypes[value] || value;\n};\n","import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  Grid,\n  JSONInput,\n  Loader,\n  ModalBody,\n  ModalHeader,\n  ModalLayout,\n  Typography,\n} from '@strapi/design-system';\nimport { Breadcrumbs, Crumb } from '@strapi/design-system/v2';\nimport { useNotification, useAPIErrorHandler } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\n\nimport { AuditLog } from '../../../../../../../../shared/contracts/audit-logs';\nimport { useGetAuditLogQuery } from '../../../../../services/auditLogs';\nimport { useFormatTimeStamp } from '../hooks/useFormatTimeStamp';\nimport { actionTypes, getDefaultMessage } from '../utils/getActionTypesDefaultMessages';\n\ninterface ModalProps {\n  handleClose: () => void;\n  logId: string;\n}\n\nexport const Modal = ({ handleClose, logId }: ModalProps) => {\n  const toggleNotification = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { data, error, isLoading } = useGetAuditLogQuery(logId);\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n      handleClose();\n    }\n  }, [error, formatAPIError, handleClose, toggleNotification]);\n\n  const formatTimeStamp = useFormatTimeStamp();\n  const formattedDate = data && 'date' in data ? formatTimeStamp(data.date) : '';\n\n  return (\n    <ModalLayout onClose={handleClose} labelledBy=\"title\">\n      <ModalHeader>\n        {/**\n         * TODO: this is not semantically correct and should be amended.\n         */}\n        <Breadcrumbs label={formattedDate} id=\"title\">\n          <Crumb isCurrent>{formattedDate}</Crumb>\n        </Breadcrumbs>\n      </ModalHeader>\n      <ModalBody>\n        <ActionBody isLoading={isLoading} data={data as AuditLog} formattedDate={formattedDate} />\n      </ModalBody>\n    </ModalLayout>\n  );\n};\n\ninterface ActionBodyProps {\n  isLoading?: boolean;\n  data: AuditLog;\n  formattedDate: string;\n}\n\nconst ActionBody = ({ isLoading, data, formattedDate }: ActionBodyProps) => {\n  const { formatMessage } = useIntl();\n\n  if (isLoading) {\n    return (\n      <Flex padding={7} justifyContent=\"center\" alignItems=\"center\">\n        {/**\n         * TODO: this will need to be translated.\n         */}\n        <Loader>Loading content...</Loader>\n      </Flex>\n    );\n  }\n\n  const { action, user, payload } = data;\n\n  return (\n    <>\n      <Box marginBottom={3}>\n        <Typography variant=\"delta\" id=\"title\">\n          {formatMessage({\n            id: 'Settings.permissions.auditLogs.details',\n            defaultMessage: 'Log Details',\n          })}\n        </Typography>\n      </Box>\n      <Grid\n        gap={4}\n        gridCols={2}\n        paddingTop={4}\n        paddingBottom={4}\n        paddingLeft={6}\n        paddingRight={6}\n        marginBottom={4}\n        background=\"neutral100\"\n        hasRadius\n      >\n        <ActionItem\n          actionLabel={formatMessage({\n            id: 'Settings.permissions.auditLogs.action',\n            defaultMessage: 'Action',\n          })}\n          actionName={formatMessage(\n            {\n              id: `Settings.permissions.auditLogs.${action}`,\n              defaultMessage: getDefaultMessage(action as keyof typeof actionTypes),\n            },\n            // @ts-expect-error - any\n            { model: payload?.model }\n          )}\n        />\n        <ActionItem\n          actionLabel={formatMessage({\n            id: 'Settings.permissions.auditLogs.date',\n            defaultMessage: 'Date',\n          })}\n          actionName={formattedDate}\n        />\n        <ActionItem\n          actionLabel={formatMessage({\n            id: 'Settings.permissions.auditLogs.user',\n            defaultMessage: 'User',\n          })}\n          actionName={user?.displayName || '-'}\n        />\n        <ActionItem\n          actionLabel={formatMessage({\n            id: 'Settings.permissions.auditLogs.userId',\n            defaultMessage: 'User ID',\n          })}\n          actionName={user?.id.toString() || '-'}\n        />\n      </Grid>\n      <JSONInput\n        value={JSON.stringify(payload, null, 2)}\n        disabled\n        label={formatMessage({\n          id: 'Settings.permissions.auditLogs.payload',\n          defaultMessage: 'Payload',\n        })}\n      />\n    </>\n  );\n};\n\ninterface ActionItemProps {\n  actionLabel: string;\n  actionName: string;\n}\n\nconst ActionItem = ({ actionLabel, actionName }: ActionItemProps) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"baseline\" gap={1}>\n      <Typography textColor=\"neutral600\" variant=\"sigma\">\n        {actionLabel}\n      </Typography>\n      <Typography textColor=\"neutral600\">{actionName}</Typography>\n    </Flex>\n  );\n};\n","import React from 'react';\n\nimport { Box, Flex } from '@strapi/design-system';\nimport { PageSizeURLQuery, PaginationURLQuery } from '@strapi/helper-plugin';\n\nimport { Pagination } from '../../../../../../../../shared/contracts/shared';\n\ntype PaginationFooterProps = {\n  pagination: Pagination;\n};\n\nexport const PaginationFooter = (\n  { pagination }: PaginationFooterProps = {\n    pagination: {\n      page: 1,\n      pageCount: 0,\n      pageSize: 50,\n      total: 0,\n    },\n  }\n) => {\n  return (\n    <Box paddingTop={4}>\n      <Flex alignItems=\"flex-end\" justifyContent=\"space-between\">\n        <PageSizeURLQuery />\n        <PaginationURLQuery pagination={pagination} />\n      </Flex>\n    </Box>\n  );\n};\n","import React from 'react';\n\nimport { Flex, IconButton, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { onRowClick, stopPropagation } from '@strapi/helper-plugin';\nimport { Eye } from '@strapi/icons';\nimport { Attribute, Entity } from '@strapi/types';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { ListLayoutRow } from '../../../../../../../../admin/src/content-manager/utils/layouts';\nimport { AuditLog } from '../../../../../../../../shared/contracts/audit-logs';\nimport { useFormatTimeStamp } from '../hooks/useFormatTimeStamp';\nimport { getDefaultMessage } from '../utils/getActionTypesDefaultMessages';\n\nexport interface TableHeader extends Omit<ListLayoutRow, 'metadatas' | 'fieldSchema' | 'name'> {\n  metadatas: Omit<ListLayoutRow['metadatas'], 'label'> & {\n    label: string;\n  };\n  name: keyof AuditLog;\n  fieldSchema?: Attribute.Any | { type: 'custom' };\n  cellFormatter?: (data?: AuditLog[keyof AuditLog]) => React.ReactNode;\n}\n\ntype TableRowsProps = {\n  headers: TableHeader[];\n  rows: AuditLog[];\n  onOpenModal: (id: Entity.ID) => void;\n};\n\nexport const TableRows = ({ headers, rows, onOpenModal }: TableRowsProps) => {\n  const { formatMessage } = useIntl();\n  const formatTimeStamp = useFormatTimeStamp();\n\n  // Not sure that 'value' can be typed properly\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const getCellValue = ({ type, value, model }: { type: string; value: any; model: unknown }) => {\n    if (type === 'date') {\n      return formatTimeStamp(value);\n    }\n\n    if (type === 'action') {\n      return formatMessage(\n        {\n          id: `Settings.permissions.auditLogs.${value}`,\n          defaultMessage: getDefaultMessage(value),\n        },\n        // @ts-expect-error - Model\n        { model }\n      );\n    }\n\n    return value || '-';\n  };\n\n  return (\n    <Tbody>\n      {rows.map((data) => {\n        return (\n          <Tr\n            key={data.id}\n            {...onRowClick({\n              fn: () => onOpenModal(data.id),\n            })}\n          >\n            {headers?.map(({ key, name, cellFormatter }) => {\n              const rowValue = data[name];\n\n              return (\n                <Td key={key}>\n                  <Typography textColor=\"neutral800\">\n                    {getCellValue({\n                      type: key,\n                      value: cellFormatter ? cellFormatter(rowValue) : rowValue,\n                      model: data.payload?.model,\n                    })}\n                  </Typography>\n                </Td>\n              );\n            })}\n            <Td {...stopPropagation}>\n              <Flex justifyContent=\"end\">\n                <IconButton\n                  onClick={() => onOpenModal(data.id)}\n                  aria-label={formatMessage(\n                    { id: 'app.component.table.view', defaultMessage: '{target} details' },\n                    { target: `${data.action} action` }\n                  )}\n                  noBorder\n                  icon={<Eye />}\n                />\n              </Flex>\n            </Td>\n          </Tr>\n        );\n      })}\n    </Tbody>\n  );\n};\n\nTableRows.defaultProps = {\n  rows: [],\n};\n\nTableRows.propTypes = {\n  headers: PropTypes.array.isRequired,\n  rows: PropTypes.array,\n  onOpenModal: PropTypes.func.isRequired,\n};\n","import * as React from 'react';\n\nimport { useAPIErrorHandler, useNotification, useQueryParams } from '@strapi/helper-plugin';\n\nimport { useAdminUsers } from '../../../../../../../../admin/src/services/users';\nimport { useGetAuditLogsQuery } from '../../../../../services/auditLogs';\n\nexport const useAuditLogsData = ({\n  canReadAuditLogs,\n  canReadUsers,\n}: {\n  canReadAuditLogs: boolean;\n  canReadUsers: boolean;\n}) => {\n  const toggleNotification = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const [{ query }] = useQueryParams();\n\n  const {\n    data,\n    error,\n    isError: isUsersError,\n    isLoading: isLoadingUsers,\n  } = useAdminUsers(\n    {},\n    {\n      skip: !canReadUsers,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({ type: 'warning', message: formatAPIError(error) });\n    }\n  }, [error, toggleNotification, formatAPIError]);\n\n  const {\n    data: auditLogs,\n    isLoading: isLoadingAuditLogs,\n    isError: isAuditLogsError,\n    error: auditLogsError,\n  } = useGetAuditLogsQuery(query, {\n    refetchOnMountOrArgChange: true,\n    skip: !canReadAuditLogs,\n  });\n\n  React.useEffect(() => {\n    if (auditLogsError) {\n      toggleNotification({ type: 'warning', message: formatAPIError(auditLogsError) });\n    }\n  }, [auditLogsError, toggleNotification, formatAPIError]);\n\n  return {\n    auditLogs,\n    users: data?.users ?? [],\n    isLoading: isLoadingUsers || isLoadingAuditLogs,\n    hasError: isAuditLogsError || isUsersError,\n  };\n};\n","import { Combobox, ComboboxOption, ComboboxProps } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ntype ComboboxFilterProps = {\n  value?: string;\n  options?: { label: string; customValue: string }[];\n  onChange?: ComboboxProps['onChange'];\n};\n\nexport const ComboboxFilter = (\n  { value, options, onChange }: ComboboxFilterProps = {\n    value: undefined,\n  }\n) => {\n  const { formatMessage } = useIntl();\n  const ariaLabel = formatMessage({\n    id: 'Settings.permissions.auditLogs.filter.aria-label',\n    defaultMessage: 'Search and select an option to filter',\n  });\n\n  return (\n    <Combobox aria-label={ariaLabel} value={value} onChange={onChange}>\n      {options?.map(({ label, customValue }) => {\n        return (\n          <ComboboxOption key={customValue} value={customValue}>\n            {label}\n          </ComboboxOption>\n        );\n      })}\n    </Combobox>\n  );\n};\n","import { FilterData } from '@strapi/helper-plugin';\nimport { IntlShape } from 'react-intl';\n\nimport { SanitizedAdminUser } from '../../../../../../../../shared/contracts/shared';\nimport { ComboboxFilter } from '../components/ComboboxFilter';\n\nimport { actionTypes, getDefaultMessage } from './getActionTypesDefaultMessages';\n\nconst customOperators = [\n  {\n    intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$eq', defaultMessage: 'is' },\n    value: '$eq',\n  },\n  {\n    intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$ne', defaultMessage: 'is not' },\n    value: '$ne',\n  },\n];\n\nexport const getDisplayedFilters = ({\n  formatMessage,\n  users,\n  canReadUsers,\n}: {\n  formatMessage: IntlShape['formatMessage'];\n  users: SanitizedAdminUser[];\n  canReadUsers: boolean;\n}): FilterData[] => {\n  const filters = [\n    {\n      name: 'action',\n      metadatas: {\n        customOperators,\n        label: formatMessage({\n          id: 'Settings.permissions.auditLogs.action',\n          defaultMessage: 'Action',\n        }),\n        customInput: ComboboxFilter,\n        // Default return of Object.keys function is string\n        options: (Object.keys(actionTypes) as (keyof typeof actionTypes)[]).map((action) => ({\n          label: formatMessage(\n            {\n              id: `Settings.permissions.auditLogs.${action}`,\n              defaultMessage: getDefaultMessage(action),\n            },\n            { model: undefined }\n          ),\n          customValue: action,\n        })),\n      },\n      fieldSchema: { type: 'enumeration' },\n    },\n    {\n      name: 'date',\n      metadatas: {\n        label: formatMessage({\n          id: 'Settings.permissions.auditLogs.date',\n          defaultMessage: 'Date',\n        }),\n      },\n      fieldSchema: { type: 'datetime' },\n    },\n  ] satisfies FilterData[];\n\n  if (canReadUsers && users) {\n    const getDisplayNameFromUser = (user: SanitizedAdminUser) => {\n      if (user.username) {\n        return user.username;\n      }\n\n      if (user.firstname && user.lastname) {\n        return formatMessage(\n          {\n            id: 'Settings.permissions.auditLogs.user.fullname',\n            defaultMessage: '{firstname} {lastname}',\n          },\n          {\n            firstname: user.firstname,\n            lastname: user.lastname,\n          }\n        );\n      }\n\n      return user.email;\n    };\n\n    return [\n      ...filters,\n      {\n        name: 'user',\n        metadatas: {\n          customOperators,\n          label: formatMessage({\n            id: 'Settings.permissions.auditLogs.user',\n            defaultMessage: 'User',\n          }),\n          options: users.map((user) => ({\n            label: getDisplayNameFromUser(user),\n            // Combobox expects a string value\n            customValue: user.id.toString(),\n          })),\n          customInput: ComboboxFilter,\n        },\n        fieldSchema: { type: 'relation', mainField: { name: 'id' } },\n      } satisfies FilterData,\n    ];\n  }\n\n  return filters;\n};\n","import {\n  ActionLayout,\n  Box,\n  ContentLayout,\n  HeaderLayout,\n  Layout,\n  Main,\n} from '@strapi/design-system';\nimport {\n  AnErrorOccurred,\n  DynamicTable,\n  SettingsPageTitle,\n  useFocusWhenNavigate,\n  useQueryParams,\n  useRBAC,\n  CheckPagePermissions,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\n\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { Filters } from '../../../../../../../admin/src/pages/Settings/components/Filters';\nimport { SanitizedAdminUserForAuditLogs } from '../../../../../../../shared/contracts/audit-logs';\n\nimport { Modal } from './components/Modal';\nimport { PaginationFooter } from './components/PaginationFooter';\nimport { TableHeader, TableRows } from './components/TableRows';\nimport { useAuditLogsData } from './hooks/useAuditLogsData';\nimport { getDisplayedFilters } from './utils/getDisplayedFilters';\n\nconst ListPage = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings);\n\n  const {\n    allowedActions: { canRead: canReadAuditLogs, canReadUsers },\n    isLoading: isLoadingRBAC,\n  } = useRBAC({\n    ...permissions?.auditLogs,\n    readUsers: permissions?.users.read || [],\n  });\n\n  const [{ query }, setQuery] = useQueryParams<{ id?: string | null }>();\n  const {\n    auditLogs,\n    users,\n    isLoading: isLoadingData,\n    hasError,\n  } = useAuditLogsData({\n    canReadAuditLogs,\n    canReadUsers,\n  });\n\n  useFocusWhenNavigate();\n\n  const displayedFilters = getDisplayedFilters({ formatMessage, users, canReadUsers });\n\n  const headers = [\n    {\n      name: 'action',\n      key: 'action',\n      metadatas: {\n        label: formatMessage({\n          id: 'Settings.permissions.auditLogs.action',\n          defaultMessage: 'Action',\n        }),\n        sortable: true,\n      },\n    },\n    {\n      name: 'date',\n      key: 'date',\n      metadatas: {\n        label: formatMessage({\n          id: 'Settings.permissions.auditLogs.date',\n          defaultMessage: 'Date',\n        }),\n        sortable: true,\n      },\n    },\n    {\n      key: 'user',\n      name: 'user',\n      metadatas: {\n        label: formatMessage({\n          id: 'Settings.permissions.auditLogs.user',\n          defaultMessage: 'User',\n        }),\n        sortable: false,\n      },\n      // In this case, the passed parameter cannot and shouldn't be something else than User\n      cellFormatter: (user) => (user ? (user as SanitizedAdminUserForAuditLogs).displayName : ''),\n    },\n  ] satisfies TableHeader[];\n\n  if (hasError) {\n    return (\n      <Layout>\n        <ContentLayout>\n          <Box paddingTop={8}>\n            <AnErrorOccurred />\n          </Box>\n        </ContentLayout>\n      </Layout>\n    );\n  }\n\n  const isLoading = isLoadingData || isLoadingRBAC;\n\n  return (\n    <Main aria-busy={isLoading}>\n      <SettingsPageTitle\n        name={formatMessage({\n          id: 'global.auditLogs',\n          defaultMessage: 'Audit Logs',\n        })}\n      />\n      <HeaderLayout\n        title={formatMessage({\n          id: 'global.auditLogs',\n          defaultMessage: 'Audit Logs',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.permissions.auditLogs.listview.header.subtitle',\n          defaultMessage: 'Logs of all the activities that happened in your environment',\n        })}\n      />\n      <ActionLayout startActions={<Filters displayedFilters={displayedFilters} />} />\n      <ContentLayout>\n        <DynamicTable\n          contentType=\"Audit logs\"\n          headers={headers}\n          rows={auditLogs?.results || []}\n          withBulkActions\n          isLoading={isLoading}\n        >\n          <TableRows\n            headers={headers}\n            rows={auditLogs?.results || []}\n            onOpenModal={(id) => setQuery({ id: `${id}` })}\n          />\n        </DynamicTable>\n        {auditLogs?.pagination && <PaginationFooter pagination={auditLogs.pagination} />}\n      </ContentLayout>\n      {query?.id && <Modal handleClose={() => setQuery({ id: null }, 'remove')} logId={query.id} />}\n    </Main>\n  );\n};\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.auditLogs?.main\n  );\n\n  return (\n    <CheckPagePermissions permissions={permissions}>\n      <ListPage />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ListPage, ProtectedListPage };\n"],"names":["adminApi","useIntl","parseISO","useNotification","useAPIErrorHandler","React","jsxs","ModalLayout","jsx","ModalHeader","Breadcrumbs","Crumb","ModalBody","Flex","Loader","Fragment","Box","Typography","Grid","JSONInput","PageSizeURLQuery","PaginationURLQuery","Tbody","Tr","onRowClick","Td","stopPropagation","IconButton","Eye","PropTypes","useQueryParams","useAdminUsers","Combobox","ComboboxOption","useTypedSelector","useRBAC","useFocusWhenNavigate","Layout","ContentLayout","AnErrorOccurred","Main","SettingsPageTitle","HeaderLayout","ActionLayout","Filters","DynamicTable","CheckPagePermissions"],"mappings":"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"}

package/dist/_chunks/ListPage-Bv_V83QB.js

@@ -0,0 +1,305 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const axios = require("axios");
+const produce = require("immer");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+const index = require("./index-BiELGgSr.js");
+const useAdminRoles = require("./useAdminRoles-CgCWq8bE.js");
+const AuthenticatedApp = require("./AuthenticatedApp-VeEtpPSd.js");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const produce__default = /* @__PURE__ */ _interopDefault(produce);
+const RoleRow = ({
+  id,
+  name,
+  description,
+  usersCount,
+  icons,
+  rowIndex,
+  canUpdate
+}) => {
+  const { formatMessage } = reactIntl.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__ */ jsxRuntime.jsxs(
+    designSystem.Tr,
+    {
+      "aria-rowindex": rowIndex,
+      ...canUpdate ? helperPlugin.onRowClick({
+        // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`
+        fn: editObject.onClick
+      }) : {},
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: helperPlugin.pxToRem(130), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "neutral800", children: name }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: helperPlugin.pxToRem(250), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "neutral800", children: description }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: usersCountText }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", ...helperPlugin.stopPropagation, children: icons.map(
+          (icon, i) => icon ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: i === 0 ? 0 : 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.IconButton,
+            {
+              onClick: icon.onClick,
+              label: icon.label,
+              borderWidth: 0,
+              icon: icon.icon
+            }
+          ) }, icon.label) : null
+        ) }) })
+      ]
+    },
+    id
+  );
+};
+const ListPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  helperPlugin.useFocusWhenNavigate();
+  const permissions = index.useTypedSelector(AuthenticatedApp.selectAdminPermissions);
+  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const toggleNotification = helperPlugin.useNotification();
+  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React__namespace.useState(false);
+  const [{ query }] = helperPlugin.useQueryParams();
+  const {
+    isLoading: isLoadingForPermissions,
+    allowedActions: { canCreate, canDelete, canRead, canUpdate }
+  } = helperPlugin.useRBAC(permissions.settings?.roles);
+  const { roles, refetch: refetchRoles } = useAdminRoles.useAdminRoles(
+    { filters: query?._q ? { name: { $containsi: query._q } } : void 0 },
+    {
+      refetchOnMountOrArgChange: true,
+      skip: isLoadingForPermissions || !canRead
+    }
+  );
+  const { push } = reactRouterDom.useHistory();
+  const [{ showModalConfirmButtonLoading, roleToDelete }, dispatch] = React__namespace.useReducer(
+    reducer,
+    initialState
+  );
+  const { post } = helperPlugin.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 axios.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__ */ jsxRuntime.jsx(designSystem.Main, { children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LoadingIndicatorPage, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.SettingsPageTitle, { name: "Roles" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        primaryAction: canCreate ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleNewRoleClick, startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.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__ */ jsxRuntime.jsx(
+      designSystem.ActionLayout,
+      {
+        startActions: /* @__PURE__ */ jsxRuntime.jsx(
+          helperPlugin.SearchURLQuery,
+          {
+            label: formatMessage(
+              { id: "app.component.search.label", defaultMessage: "Search for {target}" },
+              {
+                target: formatMessage({
+                  id: "global.roles",
+                  defaultMessage: "roles"
+                })
+              }
+            )
+          }
+        )
+      }
+    ),
+    canRead && /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Table,
+      {
+        colCount,
+        rowCount,
+        footer: canCreate ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.TFooter, { onClick: handleNewRoleClick, icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Plus, {}), children: formatMessage({
+          id: "Settings.roles.list.button.add",
+          defaultMessage: "Add new role"
+        }) }) : null,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { "aria-rowindex": 1, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+              id: "global.name",
+              defaultMessage: "Name"
+            }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+              id: "global.description",
+              defaultMessage: "Description"
+            }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+              id: "global.users",
+              defaultMessage: "Users"
+            }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({
+              id: "global.actions",
+              defaultMessage: "Actions"
+            }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: roles?.map((role, index2) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icons.Duplicate, {})
+                },
+                canUpdate && {
+                  onClick: () => push(`/settings/roles/${role.id}`),
+                  label: formatMessage({ id: "app.utils.edit", defaultMessage: "Edit" }),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {})
+                },
+                canDelete && {
+                  onClick: handleClickDelete(role),
+                  label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {})
+                }
+              ].filter(Boolean),
+              rowIndex: index2 + 2,
+              canUpdate
+            },
+            role.id
+          )) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      helperPlugin.ConfirmDialog,
+      {
+        isOpen: isWarningDeleteAllOpened,
+        onConfirm: handleDeleteData,
+        isConfirmButtonLoading: showModalConfirmButtonLoading,
+        onToggleDialog: handleToggleModal
+      }
+    )
+  ] });
+};
+const initialState = {
+  roleToDelete: null,
+  showModalConfirmButtonLoading: false,
+  shouldRefetchData: false
+};
+const reducer = (state, action) => produce__default.default(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 = index.useTypedSelector(AuthenticatedApp.selectAdminPermissions);
+  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: permissions.settings?.roles.main, children: /* @__PURE__ */ jsxRuntime.jsx(ListPage, {}) });
+};
+exports.ListPage = ListPage;
+exports.ProtectedListPage = ProtectedListPage;
+//# sourceMappingURL=ListPage-Bv_V83QB.js.map

package/dist/_chunks/ListPage-Bv_V83QB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-Bv_V83QB.js","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":["useIntl","jsxs","Tr","onRowClick","jsx","Td","pxToRem","Typography","Flex","stopPropagation","Box","IconButton","useFocusWhenNavigate","useTypedSelector","selectAdminPermissions","useAPIErrorHandler","useNotification","React","useQueryParams","useRBAC","useAdminRoles","useHistory","getFetchClient","AxiosError","Main","LoadingIndicatorPage","SettingsPageTitle","HeaderLayout","Button","Plus","ActionLayout","SearchURLQuery","ContentLayout","Table","TFooter","Thead","Th","VisuallyHidden","Tbody","index","Duplicate","Pencil","Trash","ConfirmDialog","produce","CheckPagePermissions"],"mappings":"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"}