@strapi/admin 4.18.1-beta.0 → 4.18.1-experimental.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-CI9Q5Jj6.mjs","sources":["../../admin/src/pages/Settings/pages/Users/components/CreateActionCE.tsx","../../admin/src/pages/Settings/pages/Users/components/NewUserForm.tsx","../../admin/src/pages/Settings/pages/Users/components/TableRows.tsx","../../admin/src/pages/Settings/pages/Users/ListPage.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@strapi/design-system';\nimport { Envelop } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\ninterface CreateActionCEProps extends Pick<ButtonProps, 'onClick'> {}\n\nconst CreateActionCE = ({ onClick }: CreateActionCEProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Button onClick={onClick} startIcon={<Envelop />} size=\"S\">\n      {formatMessage({\n        id: 'Settings.permissions.users.create',\n        defaultMessage: 'Invite new user',\n      })}\n    </Button>\n  );\n};\n\nexport { CreateActionCE };\nexport type { CreateActionCEProps };\n","import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  GridItem,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n  ModalLayout,\n  Typography,\n} from '@strapi/design-system';\nimport { Breadcrumbs, Crumb } from '@strapi/design-system/v2';\nimport {\n  Form,\n  GenericInput,\n  useNotification,\n  useOverlayBlocker,\n  translatedErrors,\n  useAPIErrorHandler,\n} from '@strapi/helper-plugin';\nimport { Entity } from '@strapi/types';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport * as yup from 'yup';\n\nimport { useEnterprise } from '../../../../../hooks/useEnterprise';\nimport { useCreateUserMutation } from '../../../../../services/users';\nimport { FormLayout } from '../../../../../types/form';\nimport { isBaseQueryError } from '../../../../../utils/baseQuery';\n\nimport { MagicLinkCE } from './MagicLinkCE';\nimport { SelectRoles } from './SelectRoles';\n\ninterface ModalFormProps {\n  onToggle: () => void;\n}\n\nconst ModalForm = ({ onToggle }: ModalFormProps) => {\n  const [currentStep, setStep] = React.useState<keyof typeof STEPPER>('create');\n  const [registrationToken, setRegistrationToken] = React.useState('');\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const { lockApp, unlockApp } = useOverlayBlocker();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const roleLayout = useEnterprise(\n    ROLE_LAYOUT,\n    async () =>\n      (\n        await import(\n          '../../../../../../../ee/admin/src/pages/SettingsPage/pages/Users/components/ModalForm'\n        )\n      ).ROLE_LAYOUT,\n    {\n      combine(ceRoles, eeRoles) {\n        return [...ceRoles, ...eeRoles];\n      },\n\n      defaultValue: [],\n    }\n  );\n\n  const initialValues = useEnterprise<InitialData>(\n    FORM_INITIAL_VALUES,\n    async () =>\n      (\n        await import(\n          '../../../../../../../ee/admin/src/pages/SettingsPage/pages/Users/components/ModalForm'\n        )\n      ).FORM_INITIAL_VALUES,\n    {\n      combine(ceValues, eeValues) {\n        return {\n          ...ceValues,\n          ...eeValues,\n        };\n      },\n\n      defaultValue: FORM_INITIAL_VALUES,\n    }\n  );\n  const MagicLink = useEnterprise(\n    MagicLinkCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE'\n        )\n      ).MagicLinkEE\n  );\n\n  const [createUser] = useCreateUserMutation();\n\n  const headerTitle = formatMessage({\n    id: 'Settings.permissions.users.create',\n    defaultMessage: 'Invite new user',\n  });\n\n  const handleSubmit = async (body: InitialData, { setErrors }: FormikHelpers<InitialData>) => {\n    // @ts-expect-error – this will be fixed in V5.\n    lockApp();\n\n    const res = await createUser({\n      ...body,\n      roles: body.roles ?? [],\n    });\n\n    if ('data' in res) {\n      if (res.data.registrationToken) {\n        setRegistrationToken(res.data.registrationToken);\n\n        goNext();\n      } else {\n        // This shouldn't happen, but just incase.\n        toggleNotification({\n          type: 'warning',\n          message: { id: 'notification.error', defaultMessage: 'An error occured' },\n        });\n      }\n    } else {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(res.error),\n      });\n\n      if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n        setErrors(formatValidationErrors(res.error));\n      }\n    }\n\n    // @ts-expect-error – this will be fixed in V5.\n    unlockApp();\n  };\n\n  const goNext = () => {\n    if (next) {\n      setStep(next);\n    } else {\n      onToggle();\n    }\n  };\n\n  const { buttonSubmitLabel, isDisabled, next } = STEPPER[currentStep];\n\n  // block rendering until the EE component is fully loaded\n  if (!MagicLink) {\n    return null;\n  }\n\n  return (\n    <ModalLayout onClose={onToggle} labelledBy=\"title\">\n      <ModalHeader>\n        {/**\n         * TODO: this is not semantically correct and should be amended.\n         */}\n        <Breadcrumbs label={headerTitle}>\n          <Crumb isCurrent>{headerTitle}</Crumb>\n        </Breadcrumbs>\n      </ModalHeader>\n      <Formik\n        enableReinitialize\n        initialValues={initialValues ?? {}}\n        onSubmit={handleSubmit}\n        validationSchema={FORM_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ errors, handleChange, values, isSubmitting }) => {\n          return (\n            <Form>\n              <ModalBody>\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                  {currentStep !== 'create' && <MagicLink registrationToken={registrationToken} />}\n                  <Box>\n                    <Typography variant=\"beta\" as=\"h2\">\n                      {formatMessage({\n                        id: 'app.components.Users.ModalCreateBody.block-title.details',\n                        defaultMessage: 'User details',\n                      })}\n                    </Typography>\n                    <Box paddingTop={4}>\n                      <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                        <Grid gap={5}>\n                          {FORM_LAYOUT.map((row) => {\n                            return row.map((input) => {\n                              return (\n                                <GridItem key={input.name} {...input.size}>\n                                  <GenericInput\n                                    {...input}\n                                    disabled={isDisabled}\n                                    error={errors[input.name as keyof InitialData]}\n                                    onChange={handleChange}\n                                    value={values[input.name as keyof InitialData]}\n                                  />\n                                </GridItem>\n                              );\n                            });\n                          })}\n                        </Grid>\n                      </Flex>\n                    </Box>\n                  </Box>\n                  <Box>\n                    <Typography variant=\"beta\" as=\"h2\">\n                      {formatMessage({\n                        id: 'global.roles',\n                        defaultMessage: \"User's role\",\n                      })}\n                    </Typography>\n                    <Box paddingTop={4}>\n                      <Grid gap={5}>\n                        <GridItem col={6} xs={12}>\n                          <SelectRoles\n                            disabled={isDisabled}\n                            error={errors.roles}\n                            onChange={handleChange}\n                            value={values.roles ?? []}\n                          />\n                        </GridItem>\n                        {roleLayout.map((row) => {\n                          return row.map((input) => {\n                            return (\n                              <GridItem key={input.name} {...input.size}>\n                                <GenericInput\n                                  {...input}\n                                  disabled={isDisabled}\n                                  onChange={handleChange}\n                                  value={values[input.name]}\n                                />\n                              </GridItem>\n                            );\n                          });\n                        })}\n                      </Grid>\n                    </Box>\n                  </Box>\n                </Flex>\n              </ModalBody>\n              <ModalFooter\n                startActions={\n                  <Button variant=\"tertiary\" onClick={onToggle} type=\"button\">\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                }\n                endActions={\n                  currentStep === 'create' ? (\n                    <Button type=\"submit\" loading={isSubmitting}>\n                      {formatMessage(buttonSubmitLabel)}\n                    </Button>\n                  ) : (\n                    <Button type=\"button\" loading={isSubmitting} onClick={onToggle}>\n                      {formatMessage(buttonSubmitLabel)}\n                    </Button>\n                  )\n                }\n              />\n            </Form>\n          );\n        }}\n      </Formik>\n    </ModalLayout>\n  );\n};\n\ninterface InitialData {\n  firstname?: string;\n  lastname?: string;\n  email?: string;\n  roles?: Entity.ID[];\n  useSSORegistration?: boolean;\n}\n\nconst FORM_INITIAL_VALUES = {\n  firstname: '',\n  lastname: '',\n  email: '',\n  roles: [],\n};\n\nconst ROLE_LAYOUT = [] satisfies FormLayout[][];\n\nconst FORM_LAYOUT = [\n  [\n    {\n      intlLabel: {\n        id: 'Auth.form.firstname.label',\n        defaultMessage: 'First name',\n      },\n      name: 'firstname',\n      placeholder: {\n        id: 'Auth.form.firstname.placeholder',\n        defaultMessage: 'e.g. Kai',\n      },\n      type: 'text',\n      size: {\n        col: 6,\n        xs: 12,\n      },\n      required: true,\n    },\n    {\n      intlLabel: {\n        id: 'Auth.form.lastname.label',\n        defaultMessage: 'Last name',\n      },\n      name: 'lastname',\n      placeholder: {\n        id: 'Auth.form.lastname.placeholder',\n        defaultMessage: 'e.g. Doe',\n      },\n      type: 'text',\n      size: {\n        col: 6,\n        xs: 12,\n      },\n    },\n  ],\n  [\n    {\n      intlLabel: {\n        id: 'Auth.form.email.label',\n        defaultMessage: 'Email',\n      },\n      name: 'email',\n      placeholder: {\n        id: 'Auth.form.email.placeholder',\n        defaultMessage: 'e.g. kai.doe@strapi.io',\n      },\n      type: 'email',\n      size: {\n        col: 6,\n        xs: 12,\n      },\n      required: true,\n    },\n  ],\n] satisfies FormLayout[][];\n\nconst FORM_SCHEMA = yup.object().shape({\n  firstname: yup.string().trim().required(translatedErrors.required),\n  lastname: yup.string(),\n  email: yup.string().email(translatedErrors.email).required(translatedErrors.required),\n  roles: yup.array().min(1, translatedErrors.required).required(translatedErrors.required),\n});\n\nconst STEPPER = {\n  create: {\n    buttonSubmitLabel: {\n      id: 'app.containers.Users.ModalForm.footer.button-success',\n      defaultMessage: 'Invite user',\n    },\n    isDisabled: false,\n    next: 'magic-link',\n  },\n  'magic-link': {\n    buttonSubmitLabel: { id: 'global.finish', defaultMessage: 'Finish' },\n    isDisabled: true,\n    next: null,\n  },\n} as const;\n\nexport { ModalForm };\nexport type { InitialData };\n","import {\n  BaseCheckbox,\n  Box,\n  Flex,\n  IconButton,\n  Tbody,\n  Td,\n  Tr,\n  Typography,\n} from '@strapi/design-system';\nimport { TableRowProps, onRowClick, stopPropagation } from '@strapi/helper-plugin';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\n\nimport { SanitizedAdminUser } from '../../../../../../../shared/contracts/shared';\nimport { getFullName } from '../../../../../utils/getFullName';\n\nimport type { ListPageTableHeader } from '../ListPage';\n\ninterface TableRowsProps extends Partial<TableRowProps<SanitizedAdminUser, ListPageTableHeader>> {\n  canDelete: boolean;\n}\n\nconst TableRows = ({\n  canDelete,\n  headers = [],\n  entriesToDelete = [],\n  onClickDelete,\n  onSelectRow,\n  withMainAction,\n  withBulkActions,\n  rows = [],\n}: TableRowsProps) => {\n  const {\n    push,\n    location: { pathname },\n  } = useHistory();\n  const { formatMessage } = useIntl();\n\n  return (\n    <Tbody>\n      {rows.map((data) => {\n        const isChecked = entriesToDelete.findIndex((id) => id === data.id) !== -1;\n\n        return (\n          <Tr\n            key={data.id}\n            {...onRowClick({\n              fn: () => push(`${pathname}/${data.id}`),\n              condition: withBulkActions,\n            })}\n          >\n            {withMainAction && (\n              <Td {...stopPropagation}>\n                <BaseCheckbox\n                  aria-label={formatMessage(\n                    {\n                      id: 'app.component.table.select.one-entry',\n                      defaultMessage: `Select {target}`,\n                    },\n                    { target: getFullName(data?.firstname ?? '', data.lastname) }\n                  )}\n                  checked={isChecked}\n                  onChange={() => {\n                    if (onSelectRow) {\n                      onSelectRow({ name: data.id, value: !isChecked });\n                    }\n                  }}\n                />\n              </Td>\n            )}\n            {headers.map(({ key, cellFormatter, name, ...rest }) => {\n              return (\n                <Td key={key}>\n                  {typeof cellFormatter === 'function' ? (\n                    cellFormatter(data, { key, name, formatMessage, ...rest })\n                  ) : (\n                    // @ts-expect-error – name === \"roles\" has the data value of `AdminRole[]` but the header has a cellFormatter value so this shouldn't be called.\n                    <Typography textColor=\"neutral800\">{data[name] || '-'}</Typography>\n                  )}\n                </Td>\n              );\n            })}\n\n            {withBulkActions && (\n              <Td>\n                <Flex justifyContent=\"end\">\n                  <IconButton\n                    onClick={() => push(`${pathname}/${data.id}`)}\n                    label={formatMessage(\n                      { id: 'app.component.table.edit', defaultMessage: 'Edit {target}' },\n                      { target: getFullName(data.firstname ?? '', data.lastname) }\n                    )}\n                    noBorder\n                    icon={<Pencil />}\n                  />\n\n                  {canDelete && (\n                    <Box paddingLeft={1} {...stopPropagation}>\n                      <IconButton\n                        onClick={() => {\n                          if (onClickDelete) {\n                            onClickDelete(data.id);\n                          }\n                        }}\n                        label={formatMessage(\n                          { id: 'global.delete-target', defaultMessage: 'Delete {target}' },\n                          { target: getFullName(data.firstname ?? '', data.lastname) }\n                        )}\n                        noBorder\n                        icon={<Trash />}\n                      />\n                    </Box>\n                  )}\n                </Flex>\n              </Td>\n            )}\n          </Tr>\n        );\n      })}\n    </Tbody>\n  );\n};\n\nexport { TableRows };\nexport type { TableRowsProps };\n","import * as React from 'react';\n\nimport {\n  ActionLayout,\n  ContentLayout,\n  HeaderLayout,\n  Main,\n  Flex,\n  Typography,\n  Box,\n} from '@strapi/design-system';\nimport {\n  DynamicTable,\n  NoPermissions,\n  SearchURLQuery,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFocusWhenNavigate,\n  useNotification,\n  useRBAC,\n  Status,\n  PageSizeURLQuery,\n  PaginationURLQuery,\n  CheckPagePermissions,\n  TableHeader,\n} from '@strapi/helper-plugin';\nimport * as qs from 'qs';\nimport { IntlShape, MessageDescriptor, useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\n\nimport { SanitizedAdminUser } from '../../../../../../shared/contracts/shared';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useEnterprise } from '../../../../hooks/useEnterprise';\nimport { useAdminUsers, useDeleteManyUsersMutation } from '../../../../services/users';\nimport { Filters } from '../../components/Filters';\n\nimport { CreateActionCE } from './components/CreateActionCE';\nimport { ModalForm } from './components/NewUserForm';\nimport { TableRows } from './components/TableRows';\n\n/* -------------------------------------------------------------------------------------------------\n * ListPageCE\n * -----------------------------------------------------------------------------------------------*/\n\nconst ListPageCE = () => {\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const [isModalOpened, setIsModalOpen] = React.useState(false);\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n  const {\n    allowedActions: { canCreate, canDelete, canRead },\n  } = useRBAC(permissions.settings?.users);\n  const toggleNotification = useNotification();\n  const { formatMessage } = useIntl();\n  const { search } = useLocation();\n  useFocusWhenNavigate();\n  const { data, isError, isLoading } = useAdminUsers(\n    qs.parse(search, { ignoreQueryPrefix: true }),\n    {\n      skip: !canRead,\n    }\n  );\n\n  const { pagination, users } = data ?? {};\n\n  const CreateAction = useEnterprise(\n    CreateActionCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../ee/admin/src/pages/SettingsPage/pages/Users/components/CreateActionEE'\n        )\n      ).CreateActionEE\n  );\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const title = formatMessage({\n    id: 'global.users',\n    defaultMessage: 'Users',\n  });\n\n  const handleToggle = () => {\n    setIsModalOpen((prev) => !prev);\n  };\n\n  const [deleteAll] = useDeleteManyUsersMutation();\n\n  // block rendering until the EE component is fully loaded\n  if (!CreateAction) {\n    return null;\n  }\n\n  return (\n    <Main aria-busy={isLoading}>\n      <SettingsPageTitle name=\"Users\" />\n      <HeaderLayout\n        primaryAction={canCreate && <CreateAction onClick={handleToggle} />}\n        title={title}\n        subtitle={formatMessage({\n          id: 'Settings.permissions.users.listview.header.subtitle',\n          defaultMessage: 'All the users who have access to the Strapi admin panel',\n        })}\n      />\n      {canRead && (\n        <ActionLayout\n          startActions={\n            <>\n              <SearchURLQuery\n                label={formatMessage(\n                  { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },\n                  { target: title }\n                )}\n              />\n              {/* @ts-expect-error – TODO: fix the way filters work and are passed around, this will be a headache. */}\n              <Filters displayedFilters={DISPLAYED_HEADERS} />\n            </>\n          }\n        />\n      )}\n\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {/* TODO: Replace error message with something better */}\n        {isError && <div>TODO: An error occurred</div>}\n        {canRead && (\n          <>\n            <DynamicTable\n              contentType=\"Users\"\n              isLoading={isLoading}\n              onConfirmDeleteAll={async (ids) => {\n                const res = await deleteAll({ ids });\n\n                if ('error' in res) {\n                  toggleNotification({\n                    type: 'warning',\n                    message: formatAPIError(res.error),\n                  });\n                }\n              }}\n              onConfirmDelete={async (id) => {\n                const res = await deleteAll({ ids: [id] });\n\n                if ('error' in res) {\n                  toggleNotification({\n                    type: 'warning',\n                    message: formatAPIError(res.error),\n                  });\n                }\n              }}\n              headers={headers}\n              rows={users}\n              withBulkActions\n              withMainAction={canDelete}\n            >\n              <TableRows canDelete={canDelete} />\n            </DynamicTable>\n\n            {pagination && (\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        )}\n      </ContentLayout>\n      {isModalOpened && <ModalForm onToggle={handleToggle} />}\n    </Main>\n  );\n};\n\ninterface ListPageTableHeader extends Omit<TableHeader, 'metadatas' | 'name'> {\n  name: Extract<\n    keyof SanitizedAdminUser,\n    'firstname' | 'lastname' | 'email' | 'roles' | 'username' | 'isActive'\n  >;\n  cellFormatter?: (\n    data: SanitizedAdminUser,\n    meta: Omit<ListPageTableHeaderWithStringMetadataLabel, 'cellFormatter'> &\n      Pick<IntlShape, 'formatMessage'>\n  ) => React.ReactNode;\n  key: string;\n  metadatas: {\n    label: MessageDescriptor;\n  } & Omit<TableHeader['metadatas'], 'label'>;\n}\n\ninterface ListPageTableHeaderWithStringMetadataLabel\n  extends Omit<ListPageTableHeader, 'metadatas'> {\n  metadatas: {\n    label: string;\n  } & Omit<ListPageTableHeader['metadatas'], 'label'>;\n}\n\nconst TABLE_HEADERS = [\n  {\n    name: 'firstname',\n    key: 'firstname',\n    metadatas: {\n      label: {\n        id: 'Settings.permissions.users.firstname',\n        defaultMessage: 'Firstname',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'lastname',\n    key: 'lastname',\n    metadatas: {\n      label: {\n        id: 'Settings.permissions.users.lastname',\n        defaultMessage: 'Lastname',\n      },\n      sortable: true,\n    },\n  },\n  {\n    key: 'email',\n    name: 'email',\n    metadatas: {\n      label: { id: 'Settings.permissions.users.email', defaultMessage: 'Email' },\n      sortable: true,\n    },\n  },\n  {\n    key: 'roles',\n    name: 'roles',\n    metadatas: {\n      label: {\n        id: 'Settings.permissions.users.roles',\n        defaultMessage: 'Roles',\n      },\n      sortable: false,\n    },\n    cellFormatter({ roles }, { formatMessage }) {\n      return (\n        <Typography textColor=\"neutral800\">\n          {roles\n            .map((role) =>\n              formatMessage({\n                id: `Settings.permissions.users.${role.code}`,\n                defaultMessage: role.name,\n              })\n            )\n            .join(',\\n')}\n        </Typography>\n      );\n    },\n  },\n  {\n    key: 'username',\n    name: 'username',\n    metadatas: {\n      label: {\n        id: 'Settings.permissions.users.username',\n        defaultMessage: 'Username',\n      },\n      sortable: true,\n    },\n  },\n  {\n    key: 'isActive',\n    name: 'isActive',\n    metadatas: {\n      label: {\n        id: 'Settings.permissions.users.user-status',\n        defaultMessage: 'User status',\n      },\n      sortable: false,\n    },\n    cellFormatter({ isActive }, { formatMessage }) {\n      return (\n        <Flex>\n          <Status variant={isActive ? 'success' : 'danger'} />\n          <Typography textColor=\"neutral800\">\n            {formatMessage({\n              id: isActive\n                ? 'Settings.permissions.users.active'\n                : 'Settings.permissions.users.inactive',\n              defaultMessage: isActive ? 'Active' : 'Inactive',\n            })}\n          </Typography>\n        </Flex>\n      );\n    },\n  },\n] satisfies ListPageTableHeader[];\n\nconst DISPLAYED_HEADERS = [\n  {\n    name: 'firstname',\n    metadatas: { label: 'Firstname' },\n    fieldSchema: { type: 'string' },\n  },\n  {\n    name: 'lastname',\n    metadatas: { label: 'Lastname' },\n    fieldSchema: { type: 'string' },\n  },\n  {\n    name: 'email',\n    metadatas: { label: 'Email' },\n    fieldSchema: { type: 'email' },\n  },\n  {\n    name: 'username',\n    metadatas: { label: 'Username' },\n    fieldSchema: { type: 'string' },\n  },\n  {\n    name: 'isActive',\n    metadatas: { label: 'Active user' },\n    fieldSchema: { type: 'boolean' },\n  },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * ListPage\n * -----------------------------------------------------------------------------------------------*/\n\n// component which determines whether this page should render the CE or EE page\nconst ListPage = () => {\n  const UsersListPage = useEnterprise(\n    ListPageCE,\n    async () =>\n      // eslint-disable-next-line import/no-cycle\n      (await import('../../../../../../ee/admin/src/pages/SettingsPage/pages/Users/ListPage'))\n        .UserListPageEE\n  );\n\n  // block rendering until the EE component is fully loaded\n  if (!UsersListPage) {\n    return null;\n  }\n\n  return <UsersListPage />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.users.main);\n\n  return (\n    <CheckPagePermissions permissions={permissions}>\n      <ListPage />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ProtectedListPage, ListPage, ListPageCE };\nexport type { ListPageTableHeaderWithStringMetadataLabel as ListPageTableHeader };\n"],"names":[],"mappings":"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"}

package/dist/_chunks/ListPage-EtfZzFct.mjs

@@ -0,0 +1,347 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { createElement } from "react";
+import { Flex, Loader, Table, TFooter, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from "@strapi/design-system";
+import { Link, pxToRem, CheckPagePermissions, useTracking, useAPIErrorHandler, useNotification, useRBAC, LinkButton, onRowClick, ConfirmDialog } from "@strapi/helper-plugin";
+import { Plus, Pencil, Trash } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { useHistory } from "react-router-dom";
+import styled from "styled-components";
+import { j as useTypedSelector } from "./index-nxvCbsRp.mjs";
+import { u as useContentTypes } from "./useContentTypes-qLANsUAY.mjs";
+import { u as useLicenseLimits } from "./useLicenseLimits-nXGqLs5r.mjs";
+import { H as Header, R as Root } from "./Layout-pd_uDly8.mjs";
+import { L as LimitsModal } from "./LimitsModal-slvRtty7.mjs";
+import { C as CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from "./constants-8sAt6dKz.mjs";
+import { u as useReviewWorkflows } from "./useReviewWorkflows-1sHwqxXj.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-redux";
+import "use-context-selector";
+import "@reduxjs/toolkit";
+import "@reduxjs/toolkit/query/react";
+import "axios";
+import "@radix-ui/react-context";
+import "@strapi/design-system/v2";
+import "formik";
+import "lodash/camelCase";
+import "yup";
+import "lodash/omit";
+import "qs";
+import "react-query";
+import "immer";
+import "lodash/get";
+import "lodash/set";
+import "lodash/defaultsDeep";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "react-window";
+import "lodash/cloneDeep";
+import "lodash/isEqual";
+import "lodash/upperFirst";
+import "prop-types";
+import "lodash/fp";
+import "lodash/isNaN";
+import "lodash/take";
+import "slate";
+import "slate-history";
+import "slate-react";
+import "@radix-ui/react-toolbar";
+import "codemirror5";
+import "sanitize-html";
+import "highlight.js";
+import "markdown-it";
+import "markdown-it-abbr";
+import "markdown-it-container";
+import "markdown-it-deflist";
+import "markdown-it-emoji";
+import "markdown-it-footnote";
+import "markdown-it-ins";
+import "markdown-it-mark";
+import "markdown-it-sub";
+import "markdown-it-sup";
+import "highlight.js/styles/solarized-dark.css";
+import "codemirror5/addon/display/placeholder";
+import "lodash/toString";
+import "lodash/isEmpty";
+import "react-dom";
+import "lodash/isBoolean";
+import "lodash/toNumber";
+import "fractional-indexing";
+import "lodash/uniqBy";
+import "lodash/unset";
+import "lodash/isArray";
+import "date-fns/parseISO";
+import "./reviewWorkflows-iKOd50BH.mjs";
+const ActionLink = styled(Link)`
+  align-items: center;
+  height: ${pxToRem(32)};
+  display: flex;
+  justify-content: center;
+  padding: ${({ theme }) => `${theme.spaces[2]}}`};
+  width: ${pxToRem(32)};
+
+  svg {
+    height: ${pxToRem(12)};
+    width: ${pxToRem(12)};
+
+    path {
+      fill: ${({ theme }) => theme.colors.neutral500};
+    }
+  }
+
+  &:hover,
+  &:focus {
+    svg {
+      path {
+        fill: ${({ theme }) => theme.colors.neutral800};
+      }
+    }
+  }
+`;
+const ReviewWorkflowsListView = () => {
+  const { formatMessage } = useIntl();
+  const { push } = useHistory();
+  const { trackUsage } = useTracking();
+  const [workflowToDelete, setWorkflowToDelete] = React__default.useState(null);
+  const [showLimitModal, setShowLimitModal] = React__default.useState(false);
+  const { collectionTypes, singleTypes, isLoading: isLoadingModels } = useContentTypes();
+  const { meta, workflows, isLoading, deleteWorkflow } = useReviewWorkflows();
+  const [isDeleting, setIsDeleting] = React__default.useState(false);
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions.settings?.["review-workflows"]
+  );
+  const {
+    allowedActions: { canCreate, canDelete }
+  } = useRBAC(permissions);
+  const limits = getFeature("review-workflows");
+  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME];
+  const getContentTypeDisplayName = (uid) => {
+    const contentType = [...collectionTypes, ...singleTypes].find(
+      (contentType2) => contentType2.uid === uid
+    );
+    return contentType?.info.displayName;
+  };
+  const handleDeleteWorkflow = (workflowId) => {
+    setWorkflowToDelete(workflowId);
+  };
+  const toggleConfirmDeleteDialog = () => {
+    setWorkflowToDelete(null);
+  };
+  const handleConfirmDeleteDialog = async () => {
+    if (!workflowToDelete)
+      return;
+    try {
+      setIsDeleting(true);
+      const res = await deleteWorkflow({ id: workflowToDelete });
+      if ("error" in res) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(res.error)
+        });
+        return;
+      }
+      setWorkflowToDelete(null);
+      toggleNotification({
+        type: "success",
+        message: { id: "notification.success.deleted", defaultMessage: "Deleted" }
+      });
+    } catch (error) {
+      toggleNotification({
+        type: "warning",
+        message: {
+          id: "notification.error.unexpected",
+          defaultMessage: "An error occurred"
+        }
+      });
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+  React__default.useEffect(() => {
+    if (!isLoading && !isLicenseLoading) {
+      if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {
+        setShowLimitModal(true);
+      }
+    }
+  }, [isLicenseLoading, isLoading, meta, meta?.workflowCount, numberOfWorkflows]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        primaryAction: canCreate && /* @__PURE__ */ jsx(
+          LinkButton,
+          {
+            startIcon: /* @__PURE__ */ jsx(Plus, {}),
+            size: "S",
+            to: "/settings/review-workflows/create",
+            onClick: (event) => {
+              if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
+                event.preventDefault();
+                setShowLimitModal(true);
+              } else {
+                trackUsage("willCreateWorkflow");
+              }
+            },
+            children: formatMessage({
+              id: "Settings.review-workflows.list.page.create",
+              defaultMessage: "Create new workflow"
+            })
+          }
+        ),
+        subtitle: formatMessage({
+          id: "Settings.review-workflows.list.page.subtitle",
+          defaultMessage: "Manage your content review process"
+        }),
+        title: formatMessage({
+          id: "Settings.review-workflows.list.page.title",
+          defaultMessage: "Review Workflows"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Root, { children: [
+      isLoading || isLoadingModels ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({
+        id: "Settings.review-workflows.page.list.isLoading",
+        defaultMessage: "Workflows are loading"
+      }) }) }) : /* @__PURE__ */ jsxs(
+        Table,
+        {
+          colCount: 3,
+          footer: (
+            // TODO: we should be able to use a link here instead of an (inaccessible onClick) handler
+            canCreate && /* @__PURE__ */ jsx(
+              TFooter,
+              {
+                icon: /* @__PURE__ */ jsx(Plus, {}),
+                onClick: () => {
+                  if (numberOfWorkflows && meta && meta?.workflowCount >= parseInt(numberOfWorkflows, 10)) {
+                    setShowLimitModal(true);
+                  } else {
+                    push("/settings/review-workflows/create");
+                    trackUsage("willCreateWorkflow");
+                  }
+                },
+                children: formatMessage({
+                  id: "Settings.review-workflows.list.page.create",
+                  defaultMessage: "Create new workflow"
+                })
+              }
+            )
+          ),
+          rowCount: 1,
+          children: [
+            /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: "Settings.review-workflows.list.page.list.column.name.title",
+                defaultMessage: "Name"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: "Settings.review-workflows.list.page.list.column.stages.title",
+                defaultMessage: "Stages"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: "Settings.review-workflows.list.page.list.column.contentTypes.title",
+                defaultMessage: "Content Types"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+                id: "Settings.review-workflows.list.page.list.column.actions.title",
+                defaultMessage: "Actions"
+              }) }) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Tbody, { children: workflows?.map((workflow) => /* @__PURE__ */ createElement(
+              Tr,
+              {
+                ...onRowClick({
+                  fn(event) {
+                    const el = event.target;
+                    if (el.nodeName === "BUTTON") {
+                      return;
+                    }
+                    push(`/settings/review-workflows/${workflow.id}`);
+                  }
+                }),
+                key: `workflow-${workflow.id}`
+              },
+              /* @__PURE__ */ jsx(Td, { width: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: workflow.name }) }),
+              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: workflow.stages.length }) }),
+              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: (workflow?.contentTypes ?? []).map(getContentTypeDisplayName).join(", ") }) }),
+              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "end", children: [
+                /* @__PURE__ */ jsx(
+                  ActionLink,
+                  {
+                    to: `/settings/review-workflows/${workflow.id}`,
+                    "aria-label": formatMessage(
+                      {
+                        id: "Settings.review-workflows.list.page.list.column.actions.edit.label",
+                        defaultMessage: "Edit {name}"
+                      },
+                      { name: workflow.name }
+                    ),
+                    children: /* @__PURE__ */ jsx(Pencil, {})
+                  }
+                ),
+                workflows.length > 1 && canDelete && /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    "aria-label": formatMessage(
+                      {
+                        id: "Settings.review-workflows.list.page.list.column.actions.delete.label",
+                        defaultMessage: "Delete {name}"
+                      },
+                      { name: "Default workflow" }
+                    ),
+                    icon: /* @__PURE__ */ jsx(Trash, {}),
+                    noBorder: true,
+                    onClick: () => {
+                      handleDeleteWorkflow(String(workflow.id));
+                    }
+                  }
+                )
+              ] }) })
+            )) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ConfirmDialog,
+        {
+          bodyText: {
+            id: "Settings.review-workflows.list.page.delete.confirm.body",
+            defaultMessage: "If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?"
+          },
+          isConfirmButtonLoading: isDeleting,
+          isOpen: !!workflowToDelete,
+          onToggleDialog: toggleConfirmDeleteDialog,
+          onConfirm: handleConfirmDeleteDialog
+        }
+      ),
+      /* @__PURE__ */ jsxs(LimitsModal.Root, { isOpen: showLimitModal, onClose: () => setShowLimitModal(false), children: [
+        /* @__PURE__ */ jsx(LimitsModal.Title, { children: formatMessage({
+          id: "Settings.review-workflows.list.page.workflows.limit.title",
+          defaultMessage: "You’ve reached the limit of workflows in your plan"
+        }) }),
+        /* @__PURE__ */ jsx(LimitsModal.Body, { children: formatMessage({
+          id: "Settings.review-workflows.list.page.workflows.limit.body",
+          defaultMessage: "Delete a workflow or contact Sales to enable more workflows."
+        }) })
+      ] })
+    ] })
+  ] });
+};
+const ProtectedReviewWorkflowsPage = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions.settings?.["review-workflows"]?.main
+  );
+  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions, children: /* @__PURE__ */ jsx(ReviewWorkflowsListView, {}) });
+};
+export {
+  ProtectedReviewWorkflowsPage,
+  ReviewWorkflowsListView
+};
+//# sourceMappingURL=ListPage-EtfZzFct.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-EtfZzFct.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/ListPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Flex,\n  IconButton,\n  Loader,\n  Table,\n  Thead,\n  Tbody,\n  Tr,\n  Td,\n  TFooter,\n  Th,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  Link,\n  LinkButton,\n  onRowClick,\n  pxToRem,\n  useAPIErrorHandler,\n  useNotification,\n  useRBAC,\n  useTracking,\n  CheckPagePermissions,\n} from '@strapi/helper-plugin';\nimport { Pencil, Plus, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { useTypedSelector } from '../../../../../../../admin/src/core/store/hooks';\nimport { useContentTypes } from '../../../../../../../admin/src/hooks/useContentTypes';\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\n\nimport * as Layout from './components/Layout';\nimport { LimitsModal } from './components/LimitsModal';\nimport { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from './constants';\nimport { useReviewWorkflows } from './hooks/useReviewWorkflows';\n\nconst ActionLink = styled(Link)`\n  align-items: center;\n  height: ${pxToRem(32)};\n  display: flex;\n  justify-content: center;\n  padding: ${({ theme }) => `${theme.spaces[2]}}`};\n  width: ${pxToRem(32)};\n\n  svg {\n    height: ${pxToRem(12)};\n    width: ${pxToRem(12)};\n\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\nexport const ReviewWorkflowsListView = () => {\n  const { formatMessage } = useIntl();\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const [workflowToDelete, setWorkflowToDelete] = React.useState<string | null>(null);\n  const [showLimitModal, setShowLimitModal] = React.useState<boolean>(false);\n  const { collectionTypes, singleTypes, isLoading: isLoadingModels } = useContentTypes();\n  const { meta, workflows, isLoading, deleteWorkflow } = useReviewWorkflows();\n  const [isDeleting, setIsDeleting] = React.useState(false);\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['review-workflows']\n  );\n  const {\n    allowedActions: { canCreate, canDelete },\n  } = useRBAC(permissions);\n\n  const limits = getFeature('review-workflows');\n  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] as string;\n\n  const getContentTypeDisplayName = (uid: string) => {\n    const contentType = [...collectionTypes, ...singleTypes].find(\n      (contentType) => contentType.uid === uid\n    );\n\n    return contentType?.info.displayName;\n  };\n\n  const handleDeleteWorkflow = (workflowId: string) => {\n    setWorkflowToDelete(workflowId);\n  };\n\n  const toggleConfirmDeleteDialog = () => {\n    setWorkflowToDelete(null);\n  };\n\n  const handleConfirmDeleteDialog = async () => {\n    if (!workflowToDelete) return;\n\n    try {\n      setIsDeleting(true);\n\n      const res = await deleteWorkflow({ id: workflowToDelete });\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      setWorkflowToDelete(null);\n\n      toggleNotification({\n        type: 'success',\n        message: { id: 'notification.success.deleted', defaultMessage: 'Deleted' },\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'warning',\n        message: {\n          id: 'notification.error.unexpected',\n          defaultMessage: 'An error occurred',\n        },\n      });\n    } finally {\n      setIsDeleting(false);\n    }\n  };\n\n  /**\n   * If the current license has a limit:\n   * check if the total count of workflows or stages exceeds that limit and display\n   * the limits modal on page load. It can be closed by the user, but the\n   * API will throw an error in case they try to create a new workflow or update the\n   * stages.\n   *\n   * If the current license does not have a limit (e.g. offline license):\n   * do nothing (for now). In case they are trying to create the 201st workflow/ stage\n   * the API will throw an error.\n   *\n   */\n  React.useEffect(() => {\n    if (!isLoading && !isLicenseLoading) {\n      if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {\n        setShowLimitModal(true);\n      }\n    }\n  }, [isLicenseLoading, isLoading, meta, meta?.workflowCount, numberOfWorkflows]);\n\n  return (\n    <>\n      <Layout.Header\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              startIcon={<Plus />}\n              size=\"S\"\n              // @ts-expect-error - types are not inferred correctly through the as prop.\n              to=\"/settings/review-workflows/create\"\n              onClick={(event) => {\n                /**\n                 * If the current license has a workflow limit:\n                 * check if the total count of workflows exceeds that limit. If so,\n                 * prevent the navigation and show the limits overlay.\n                 *\n                 * If the current license does not have a limit (e.g. offline license):\n                 * allow the user to navigate to the create-view. In case they exceed the\n                 * current hard-limit of 200 they will see an error thrown by the API.\n                 */\n\n                if (\n                  numberOfWorkflows &&\n                  meta &&\n                  meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                ) {\n                  event.preventDefault();\n                  setShowLimitModal(true);\n                } else {\n                  trackUsage('willCreateWorkflow');\n                }\n              }}\n            >\n              {formatMessage({\n                id: 'Settings.review-workflows.list.page.create',\n                defaultMessage: 'Create new workflow',\n              })}\n            </LinkButton>\n          )\n        }\n        subtitle={formatMessage({\n          id: 'Settings.review-workflows.list.page.subtitle',\n          defaultMessage: 'Manage your content review process',\n        })}\n        title={formatMessage({\n          id: 'Settings.review-workflows.list.page.title',\n          defaultMessage: 'Review Workflows',\n        })}\n      />\n\n      <Layout.Root>\n        {isLoading || isLoadingModels ? (\n          <Flex justifyContent=\"center\">\n            <Loader>\n              {formatMessage({\n                id: 'Settings.review-workflows.page.list.isLoading',\n                defaultMessage: 'Workflows are loading',\n              })}\n            </Loader>\n          </Flex>\n        ) : (\n          <Table\n            colCount={3}\n            footer={\n              // TODO: we should be able to use a link here instead of an (inaccessible onClick) handler\n              canCreate && (\n                <TFooter\n                  icon={<Plus />}\n                  onClick={() => {\n                    /**\n                     * If the current license has a workflow limit:\n                     * check if the total count of workflows exceeds that limit\n                     *\n                     * If the current license does not have a limit (e.g. offline license):\n                     * allow the user to navigate to the create-view. In case they exceed the\n                     * current hard-limit of 200 they will see an error thrown by the API.\n                     */\n\n                    if (\n                      numberOfWorkflows &&\n                      meta &&\n                      meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                    ) {\n                      setShowLimitModal(true);\n                    } else {\n                      push('/settings/review-workflows/create');\n                      trackUsage('willCreateWorkflow');\n                    }\n                  }}\n                >\n                  {formatMessage({\n                    id: 'Settings.review-workflows.list.page.create',\n                    defaultMessage: 'Create new workflow',\n                  })}\n                </TFooter>\n              )\n            }\n            rowCount={1}\n          >\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.name.title',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.stages.title',\n                      defaultMessage: 'Stages',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',\n                      defaultMessage: 'Content Types',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.actions.title',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n\n            <Tbody>\n              {workflows?.map((workflow) => (\n                <Tr\n                  {...onRowClick({\n                    fn(event) {\n                      const el = event.target as HTMLElement;\n                      // Abort row onClick event when the user click on the delete button\n                      if (el.nodeName === 'BUTTON') {\n                        return;\n                      }\n\n                      push(`/settings/review-workflows/${workflow.id}`);\n                    },\n                  })}\n                  key={`workflow-${workflow.id}`}\n                >\n                  <Td width={pxToRem(250)}>\n                    <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                      {workflow.name}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">{workflow.stages.length}</Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {(workflow?.contentTypes ?? []).map(getContentTypeDisplayName).join(', ')}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex alignItems=\"center\" justifyContent=\"end\">\n                      <ActionLink\n                        to={`/settings/review-workflows/${workflow.id}`}\n                        aria-label={formatMessage(\n                          {\n                            id: 'Settings.review-workflows.list.page.list.column.actions.edit.label',\n                            defaultMessage: 'Edit {name}',\n                          },\n                          { name: workflow.name }\n                        )}\n                      >\n                        <Pencil />\n                      </ActionLink>\n\n                      {workflows.length > 1 && canDelete && (\n                        <IconButton\n                          aria-label={formatMessage(\n                            {\n                              id: 'Settings.review-workflows.list.page.list.column.actions.delete.label',\n                              defaultMessage: 'Delete {name}',\n                            },\n                            { name: 'Default workflow' }\n                          )}\n                          icon={<Trash />}\n                          noBorder\n                          onClick={() => {\n                            handleDeleteWorkflow(String(workflow.id));\n                          }}\n                        />\n                      )}\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        )}\n\n        <ConfirmDialog\n          bodyText={{\n            id: 'Settings.review-workflows.list.page.delete.confirm.body',\n            defaultMessage:\n              'If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?',\n          }}\n          isConfirmButtonLoading={isDeleting}\n          isOpen={!!workflowToDelete}\n          onToggleDialog={toggleConfirmDeleteDialog}\n          onConfirm={handleConfirmDeleteDialog}\n        />\n\n        <LimitsModal.Root isOpen={showLimitModal} onClose={() => setShowLimitModal(false)}>\n          <LimitsModal.Title>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.title',\n              defaultMessage: 'You’ve reached the limit of workflows in your plan',\n            })}\n          </LimitsModal.Title>\n\n          <LimitsModal.Body>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.body',\n              defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n            })}\n          </LimitsModal.Body>\n        </LimitsModal.Root>\n      </Layout.Root>\n    </>\n  );\n};\n\nexport const ProtectedReviewWorkflowsPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['review-workflows']?.main\n  );\n\n  return (\n    <CheckPagePermissions permissions={permissions}>\n      <ReviewWorkflowsListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["React","contentType","Layout.Header","Layout.Root"],"mappings":"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"}