@strapi/admin 4.16.1 → 4.17.0

package/dist/_chunks/index-dd897afb.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-dd897afb.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js"],"sourcesContent":["import React from 'react';\n\nimport { Flex, GridItem, Icon, Tooltip, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { pxToRem, useRBAC } from '@strapi/helper-plugin';\nimport { ExclamationMarkCircle, ExternalLink } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';\n\nconst BILLING_STRAPI_CLOUD_URL = 'https://cloud.strapi.io/profile/billing';\nconst BILLING_SELF_HOSTED_URL = 'https://strapi.io/billing/request-seats';\n\nexport const AdminSeatInfoEE = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    isLoading: isRBACLoading,\n    allowedActions: { canRead, canCreate, canUpdate, canDelete },\n  } = useRBAC(permissions.settings.users);\n  const {\n    license: { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud },\n    isError,\n    isLoading: isLicenseLoading,\n  } = useLicenseLimits({\n    // TODO: this creates a waterfall which we should avoid to render earlier, but for that\n    // we will have to move away from data-fetching hooks to query functions.\n    // Short-term we could at least implement a loader, for the user to have visual feedback\n    // in case the requests take a while\n    enabled: !isRBACLoading && canRead && canCreate && canUpdate && canDelete,\n  });\n\n  const isLoading = isRBACLoading || isLicenseLoading;\n\n  if (isError || isLoading || !permittedSeats) {\n    return null;\n  }\n\n  return (\n    <GridItem col={6} s={12}>\n      <Typography variant=\"sigma\" textColor=\"neutral600\">\n        {formatMessage({\n          id: 'Settings.application.admin-seats',\n          defaultMessage: 'Admin seats',\n        })}\n      </Typography>\n      <Flex gap={2}>\n        <Flex>\n          <Typography as=\"p\">\n            {formatMessage(\n              {\n                id: 'Settings.application.ee.admin-seats.count',\n                defaultMessage: '<text>{enforcementUserCount}</text>/{permittedSeats}',\n              },\n              {\n                permittedSeats,\n                enforcementUserCount,\n                // eslint-disable-next-line react/no-unstable-nested-components\n                text: (chunks) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={enforcementUserCount > permittedSeats ? 'danger500' : null}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {licenseLimitStatus === 'OVER_LIMIT' && (\n          <Tooltip\n            description={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <Icon\n              width={`${pxToRem(14)}rem`}\n              height={`${pxToRem(14)}rem`}\n              color=\"danger500\"\n              as={ExclamationMarkCircle}\n            />\n          </Tooltip>\n        )}\n      </Flex>\n      <Link\n        href={isHostedOnStrapiCloud ? BILLING_STRAPI_CLOUD_URL : BILLING_SELF_HOSTED_URL}\n        isExternal\n        endIcon={<ExternalLink />}\n      >\n        {formatMessage(\n          {\n            id: 'Settings.application.ee.admin-seats.add-seats',\n            defaultMessage:\n              '{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}',\n          },\n          { isHostedOnStrapiCloud }\n        )}\n      </Link>\n    </GridItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,2BAA2B;AACjC,MAAM,0BAA0B;AAEzB,MAAM,kBAAkB,MAAM;AAC7B,QAAA,EAAE,kBAAkB;AACpB,QAAA,cAAc,YAAY,sBAAsB;AAChD,QAAA;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,EAAE,SAAS,WAAW,WAAW,UAAU;AAAA,EACzD,IAAA,QAAQ,YAAY,SAAS,KAAK;AAChC,QAAA;AAAA,IACJ,SAAS,EAAE,oBAAoB,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC3F;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,SAAS,CAAC,iBAAiB,WAAW,aAAa,aAAa;AAAA,EAAA,CACjE;AAED,QAAM,YAAY,iBAAiB;AAE/B,MAAA,WAAW,aAAa,CAAC,gBAAgB;AACpC,WAAA;AAAA,EACT;AAEA,SACG,qBAAA,UAAA,EAAS,KAAK,GAAG,GAAG,IACnB,UAAA;AAAA,IAAA,oBAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA;AAAA,MACb,IAAI;AAAA,MACJ,gBAAgB;AAAA,IACjB,CAAA,GACH;AAAA,IACA,qBAAC,MAAK,EAAA,KAAK,GACT,UAAA;AAAA,MAAA,oBAAC,MACC,EAAA,UAAA,oBAAC,YAAW,EAAA,IAAG,KACZ,UAAA;AAAA,QACC;AAAA,UACE,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAClB;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA;AAAA,UAEA,MAAM,CAAC,WACL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,uBAAuB,iBAAiB,cAAc;AAAA,cAEhE,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAEJ;AAAA,SAEJ,EACF,CAAA;AAAA,MACC,uBAAuB,gBACtB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,cAAc;AAAA,YACzB,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB;AAAA,UAED,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,GAAG,QAAQ,EAAE,CAAC;AAAA,cACrB,QAAQ,GAAG,QAAQ,EAAE,CAAC;AAAA,cACtB,OAAM;AAAA,cACN,IAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,wBAAwB,2BAA2B;AAAA,QACzD,YAAU;AAAA,QACV,6BAAU,cAAa,EAAA;AAAA,QAEtB,UAAA;AAAA,UACC;AAAA,YACE,IAAI;AAAA,YACJ,gBACE;AAAA,UACJ;AAAA,UACA,EAAE,sBAAsB;AAAA,QAC1B;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/_chunks/index-eb67694f.mjs

@@ -1,261 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Box, IconButton, Tbody, Tr, Td, Typography, Flex } from "@strapi/design-system";
-import { useTracking, ConfirmDialog, Link, DynamicTable, useQueryParams, onRowClick, pxToRem, RelativeTime } from "@strapi/helper-plugin";
-import PropTypes from "prop-types";
-import { useIntl } from "react-intl";
-import { useHistory } from "react-router-dom";
-import { useState } from "react";
-import { Trash, Eye, Pencil } from "@strapi/icons";
-import styled from "styled-components";
-const DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {
-  const { formatMessage } = useIntl();
-  const { trackUsage } = useTracking();
-  const [showConfirmDialog, setShowConfirmDialog] = useState(false);
-  const handleClickDelete = () => {
-    setShowConfirmDialog(false);
-    trackUsage("willDeleteToken", {
-      tokenType
-    });
-    onClickDelete();
-  };
-  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: () => {
-          setShowConfirmDialog(true);
-        },
-        label: formatMessage(
-          {
-            id: "global.delete-target",
-            defaultMessage: "Delete {target}"
-          },
-          { target: `${tokenName}` }
-        ),
-        name: "delete",
-        noBorder: true,
-        icon: /* @__PURE__ */ jsx(Trash, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        onToggleDialog: () => setShowConfirmDialog(false),
-        onConfirm: handleClickDelete,
-        isOpen: showConfirmDialog
-      }
-    )
-  ] });
-};
-DeleteButton.propTypes = {
-  tokenName: PropTypes.string.isRequired,
-  onClickDelete: PropTypes.func.isRequired,
-  tokenType: PropTypes.string.isRequired
-};
-const MESSAGES_MAP = {
-  edit: {
-    id: "app.component.table.edit",
-    defaultMessage: "Edit {target}"
-  },
-  read: {
-    id: "app.component.table.read",
-    defaultMessage: "Read {target}"
-  }
-};
-const LinkStyled = styled(Link)`
-  svg {
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const DefaultButton = ({ tokenName, tokenId, buttonType, children }) => {
-  const { formatMessage } = useIntl();
-  const {
-    location: { pathname }
-  } = useHistory();
-  return /* @__PURE__ */ jsx(
-    LinkStyled,
-    {
-      to: `${pathname}/${tokenId}`,
-      title: formatMessage(MESSAGES_MAP[buttonType], { target: tokenName }),
-      children
-    }
-  );
-};
-DefaultButton.propTypes = {
-  tokenName: PropTypes.string.isRequired,
-  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  buttonType: PropTypes.string,
-  children: PropTypes.node.isRequired
-};
-DefaultButton.defaultProps = {
-  buttonType: "edit"
-};
-const ReadButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsx(DefaultButton, { tokenName, tokenId, buttonType: "read", children: /* @__PURE__ */ jsx(Eye, {}) });
-};
-ReadButton.propTypes = {
-  tokenName: PropTypes.string.isRequired,
-  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-};
-const UpdateButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsx(DefaultButton, { tokenName, tokenId, children: /* @__PURE__ */ jsx(Pencil, {}) });
-};
-UpdateButton.propTypes = {
-  tokenName: PropTypes.string.isRequired,
-  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-};
-const Table = ({
-  permissions,
-  headers,
-  contentType,
-  isLoading,
-  tokens,
-  onConfirmDelete,
-  tokenType
-}) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  return /* @__PURE__ */ jsx(
-    DynamicTable,
-    {
-      headers,
-      contentType,
-      rows: tokens,
-      withBulkActions: canDelete || canUpdate || canRead,
-      isLoading,
-      onConfirmDelete,
-      children: /* @__PURE__ */ jsx(
-        TableRows,
-        {
-          tokenType,
-          permissions,
-          onConfirmDelete
-        }
-      )
-    }
-  );
-};
-Table.propTypes = {
-  tokens: PropTypes.array,
-  permissions: PropTypes.shape({
-    canRead: PropTypes.bool,
-    canDelete: PropTypes.bool,
-    canUpdate: PropTypes.bool
-  }).isRequired,
-  headers: PropTypes.arrayOf(
-    PropTypes.shape({
-      cellFormatter: PropTypes.func,
-      key: PropTypes.string.isRequired,
-      metadatas: PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        sortable: PropTypes.bool
-      }).isRequired,
-      name: PropTypes.string.isRequired
-    })
-  ),
-  contentType: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-  onConfirmDelete: PropTypes.func,
-  tokenType: PropTypes.string.isRequired
-};
-Table.defaultProps = {
-  tokens: [],
-  headers: [],
-  isLoading: false,
-  onConfirmDelete() {
-  }
-};
-const TableRows = ({ tokenType, permissions, rows, withBulkActions, onConfirmDelete }) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  const [{ query }] = useQueryParams();
-  const { formatMessage } = useIntl();
-  const [, sortOrder] = query ? query.sort.split(":") : "ASC";
-  const {
-    push,
-    location: { pathname }
-  } = useHistory();
-  const { trackUsage } = useTracking();
-  const sortedTokens = rows.sort((a, b) => {
-    const comparison = a.name.localeCompare(b.name);
-    return sortOrder === "DESC" ? -comparison : comparison;
-  });
-  return /* @__PURE__ */ jsx(Tbody, { children: sortedTokens.map((token) => {
-    return /* @__PURE__ */ jsxs(
-      Tr,
-      {
-        ...onRowClick({
-          fn() {
-            trackUsage("willEditTokenFromList", {
-              tokenType
-            });
-            push(`${pathname}/${token.id}`);
-          },
-          condition: canUpdate
-        }),
-        children: [
-          /* @__PURE__ */ jsx(Td, { maxWidth: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: token.name }) }),
-          /* @__PURE__ */ jsx(Td, { maxWidth: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: token.description }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsx(RelativeTime, { timestamp: new Date(token.createdAt) }) }) }),
-          /* @__PURE__ */ jsx(Td, { children: token.lastUsedAt && /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsx(
-            RelativeTime,
-            {
-              timestamp: new Date(token.lastUsedAt),
-              customIntervals: [
-                {
-                  unit: "hours",
-                  threshold: 1,
-                  text: formatMessage({
-                    id: "Settings.apiTokens.lastHour",
-                    defaultMessage: "last hour"
-                  })
-                }
-              ]
-            }
-          ) }) }),
-          withBulkActions && /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", children: [
-            canUpdate && /* @__PURE__ */ jsx(UpdateButton, { tokenName: token.name, tokenId: token.id }),
-            !canUpdate && canRead && /* @__PURE__ */ jsx(ReadButton, { tokenName: token.name, tokenId: token.id }),
-            canDelete && /* @__PURE__ */ jsx(
-              DeleteButton,
-              {
-                tokenName: token.name,
-                onClickDelete: () => onConfirmDelete(token.id),
-                tokenType
-              }
-            )
-          ] }) })
-        ]
-      },
-      token.id
-    );
-  }) });
-};
-TableRows.defaultProps = {
-  rows: [],
-  withBulkActions: false
-};
-TableRows.propTypes = {
-  rows: PropTypes.array,
-  permissions: PropTypes.shape({
-    canRead: PropTypes.bool,
-    canDelete: PropTypes.bool,
-    canUpdate: PropTypes.bool
-  }).isRequired,
-  onConfirmDelete: PropTypes.func.isRequired,
-  tokenType: PropTypes.string.isRequired,
-  withBulkActions: PropTypes.bool
-};
-export {
-  Table as T
-};
-//# sourceMappingURL=index-eb67694f.mjs.map

package/dist/_chunks/index-eb67694f.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-eb67694f.mjs","sources":["../../admin/src/pages/SettingsPage/components/Tokens/Table/DeleteButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/DefaultButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/ReadButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/UpdateButton/index.js","../../admin/src/pages/SettingsPage/components/Tokens/Table/index.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Box, IconButton } from '@strapi/design-system';\nimport { ConfirmDialog, useTracking } from '@strapi/helper-plugin';\nimport { Trash } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [showConfirmDialog, setShowConfirmDialog] = useState(false);\n  const handleClickDelete = () => {\n    setShowConfirmDialog(false);\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Box paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n      <IconButton\n        onClick={() => {\n          setShowConfirmDialog(true);\n        }}\n        label={formatMessage(\n          {\n            id: 'global.delete-target',\n            defaultMessage: 'Delete {target}',\n          },\n          { target: `${tokenName}` }\n        )}\n        name=\"delete\"\n        noBorder\n        icon={<Trash />}\n      />\n      <ConfirmDialog\n        onToggleDialog={() => setShowConfirmDialog(false)}\n        onConfirm={handleClickDelete}\n        isOpen={showConfirmDialog}\n      />\n    </Box>\n  );\n};\n\nDeleteButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  onClickDelete: PropTypes.func.isRequired,\n  tokenType: PropTypes.string.isRequired,\n};\n\nexport default DeleteButton;\n","import React from 'react';\n\nimport { Link } from '@strapi/helper-plugin';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nconst MESSAGES_MAP = {\n  edit: {\n    id: 'app.component.table.edit',\n    defaultMessage: 'Edit {target}',\n  },\n  read: {\n    id: 'app.component.table.read',\n    defaultMessage: 'Read {target}',\n  },\n};\n\nconst LinkStyled = styled(Link)`\n  svg {\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\nconst DefaultButton = ({ tokenName, tokenId, buttonType, children }) => {\n  const { formatMessage } = useIntl();\n  const {\n    location: { pathname },\n  } = useHistory();\n\n  return (\n    <LinkStyled\n      to={`${pathname}/${tokenId}`}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n    >\n      {children}\n    </LinkStyled>\n  );\n};\n\nDefaultButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  buttonType: PropTypes.string,\n  children: PropTypes.node.isRequired,\n};\n\nDefaultButton.defaultProps = {\n  buttonType: 'edit',\n};\n\nexport default DefaultButton;\n","import React from 'react';\n\nimport { Eye } from '@strapi/icons';\nimport PropTypes from 'prop-types';\n\nimport DefaultButton from '../DefaultButton';\n\nconst ReadButton = ({ tokenName, tokenId }) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId} buttonType=\"read\">\n      <Eye />\n    </DefaultButton>\n  );\n};\n\nReadButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nexport default ReadButton;\n","import React from 'react';\n\nimport { Pencil } from '@strapi/icons';\nimport PropTypes from 'prop-types';\n\nimport DefaultButton from '../DefaultButton';\n\nconst UpdateButton = ({ tokenName, tokenId }) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId}>\n      <Pencil />\n    </DefaultButton>\n  );\n};\n\nUpdateButton.propTypes = {\n  tokenName: PropTypes.string.isRequired,\n  tokenId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nexport default UpdateButton;\n","import React from 'react';\n\nimport { Flex, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport {\n  DynamicTable,\n  onRowClick,\n  pxToRem,\n  RelativeTime,\n  useQueryParams,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useHistory } from 'react-router-dom';\n\nimport DeleteButton from './DeleteButton';\nimport ReadButton from './ReadButton';\nimport UpdateButton from './UpdateButton';\n\nconst Table = ({\n  permissions,\n  headers,\n  contentType,\n  isLoading,\n  tokens,\n  onConfirmDelete,\n  tokenType,\n}) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  /**\n   * TODO: This needs refactoring to the new `Table` component.\n   */\n  return (\n    <DynamicTable\n      headers={headers}\n      contentType={contentType}\n      rows={tokens}\n      withBulkActions={canDelete || canUpdate || canRead}\n      isLoading={isLoading}\n      onConfirmDelete={onConfirmDelete}\n    >\n      <TableRows\n        tokenType={tokenType}\n        permissions={permissions}\n        onConfirmDelete={onConfirmDelete}\n      />\n    </DynamicTable>\n  );\n};\n\nTable.propTypes = {\n  tokens: PropTypes.array,\n  permissions: PropTypes.shape({\n    canRead: PropTypes.bool,\n    canDelete: PropTypes.bool,\n    canUpdate: PropTypes.bool,\n  }).isRequired,\n  headers: PropTypes.arrayOf(\n    PropTypes.shape({\n      cellFormatter: PropTypes.func,\n      key: PropTypes.string.isRequired,\n      metadatas: PropTypes.shape({\n        label: PropTypes.string.isRequired,\n        sortable: PropTypes.bool,\n      }).isRequired,\n      name: PropTypes.string.isRequired,\n    })\n  ),\n  contentType: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  onConfirmDelete: PropTypes.func,\n  tokenType: PropTypes.string.isRequired,\n};\n\nTable.defaultProps = {\n  tokens: [],\n  headers: [],\n  isLoading: false,\n  onConfirmDelete() {},\n};\n\nexport default Table;\n\nconst TableRows = ({ tokenType, permissions, rows, withBulkActions, onConfirmDelete }) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const [{ query }] = useQueryParams();\n  const { formatMessage } = useIntl();\n  const [, sortOrder] = query ? query.sort.split(':') : 'ASC';\n  const {\n    push,\n    location: { pathname },\n  } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const sortedTokens = rows.sort((a, b) => {\n    const comparison = a.name.localeCompare(b.name);\n\n    return sortOrder === 'DESC' ? -comparison : comparison;\n  });\n\n  return (\n    <Tbody>\n      {sortedTokens.map((token) => {\n        return (\n          <Tr\n            key={token.id}\n            {...onRowClick({\n              fn() {\n                trackUsage('willEditTokenFromList', {\n                  tokenType,\n                });\n                push(`${pathname}/${token.id}`);\n              },\n              condition: canUpdate,\n            })}\n          >\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                {token.name}\n              </Typography>\n            </Td>\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" ellipsis>\n                {token.description}\n              </Typography>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral800\">\n                <RelativeTime timestamp={new Date(token.createdAt)} />\n              </Typography>\n            </Td>\n            <Td>\n              {token.lastUsedAt && (\n                <Typography textColor=\"neutral800\">\n                  <RelativeTime\n                    timestamp={new Date(token.lastUsedAt)}\n                    customIntervals={[\n                      {\n                        unit: 'hours',\n                        threshold: 1,\n                        text: formatMessage({\n                          id: 'Settings.apiTokens.lastHour',\n                          defaultMessage: 'last hour',\n                        }),\n                      },\n                    ]}\n                  />\n                </Typography>\n              )}\n            </Td>\n\n            {withBulkActions && (\n              <Td>\n                <Flex justifyContent=\"end\">\n                  {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                  {!canUpdate && canRead && (\n                    <ReadButton tokenName={token.name} tokenId={token.id} />\n                  )}\n                  {canDelete && (\n                    <DeleteButton\n                      tokenName={token.name}\n                      onClickDelete={() => onConfirmDelete(token.id)}\n                      tokenType={tokenType}\n                    />\n                  )}\n                </Flex>\n              </Td>\n            )}\n          </Tr>\n        );\n      })}\n    </Tbody>\n  );\n};\n\nTableRows.defaultProps = {\n  rows: [],\n  withBulkActions: false,\n};\n\nTableRows.propTypes = {\n  rows: PropTypes.array,\n  permissions: PropTypes.shape({\n    canRead: PropTypes.bool,\n    canDelete: PropTypes.bool,\n    canUpdate: PropTypes.bool,\n  }).isRequired,\n  onConfirmDelete: PropTypes.func.isRequired,\n  tokenType: PropTypes.string.isRequired,\n  withBulkActions: PropTypes.bool,\n};\n"],"names":[],"mappings":"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"}

package/dist/_chunks/index-ec2d87cb.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const helperPlugin = require("@strapi/helper-plugin");
-const reactRedux = require("react-redux");
-const AuthenticatedApp = require("./AuthenticatedApp-7e646400.js");
-const index = require("./index-caab4b20.js");
-require("react");
-require("react-query");
-require("semver/functions/lt");
-require("semver/functions/valid");
-require("./index-8f8eaed6.js");
-require("react-dom/client");
-require("@strapi/design-system");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/merge");
-require("lodash/pick");
-require("react-helmet");
-require("react-router-dom");
-require("react-intl");
-require("@radix-ui/react-context");
-require("@strapi/design-system/v2");
-require("@strapi/icons");
-require("formik");
-require("lodash/camelCase");
-require("styled-components");
-require("yup");
-require("lodash/defaultsDeep");
-require("lodash/omit");
-require("qs");
-require("immer");
-require("lodash/get");
-require("lodash/set");
-require("@reduxjs/toolkit");
-require("react-dnd");
-require("react-dnd-html5-backend");
-require("lodash/cloneDeep");
-require("./formatAPIErrors-b599cf27.js");
-require("./constants-da2542a3.js");
-require("./index-d3e1fd86.js");
-require("prop-types");
-require("axios");
-require("date-fns");
-require("date-fns/locale");
-require("lodash/map");
-require("lodash/tail");
-require("lodash/capitalize");
-require("lodash/pull");
-const ProtectedApiTokenCreateView = () => {
-  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: permissions.settings["api-tokens"].read, children: /* @__PURE__ */ jsxRuntime.jsx(index.ApiTokenCreateView, {}) });
-};
-exports.default = ProtectedApiTokenCreateView;
-//# sourceMappingURL=index-ec2d87cb.js.map

package/dist/_chunks/index-ec2d87cb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ec2d87cb.js","sources":["../../admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedEditView/index.js"],"sourcesContent":["import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport EditView from '../EditView';\n\nconst ProtectedApiTokenCreateView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['api-tokens'].read}>\n      <EditView />\n    </CheckPagePermissions>\n  );\n};\n\nexport default ProtectedApiTokenCreateView;\n"],"names":["useSelector","selectAdminPermissions","jsx","CheckPagePermissions","EditView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,8BAA8B,MAAM;AAClC,QAAA,cAAcA,uBAAYC,iBAAAA,sBAAsB;AAGpD,SAAAC,2BAAA,IAACC,aAAqB,sBAAA,EAAA,aAAa,YAAY,SAAS,YAAY,EAAE,MACpE,UAACD,2BAAA,IAAAE,MAAA,oBAAA,CAAS,CAAA,EACZ,CAAA;AAEJ;;"}

package/dist/_chunks/index-ecfaf6c1.js

@@ -1,253 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const helperPlugin = require("@strapi/helper-plugin");
-const reactRedux = require("react-redux");
-const AuthenticatedApp = require("./AuthenticatedApp-7e646400.js");
-const React = require("react");
-const designSystem = require("@strapi/design-system");
-const Icons = require("@strapi/icons");
-const qs = require("qs");
-const reactIntl = require("react-intl");
-const reactQuery = require("react-query");
-const reactRouterDom = require("react-router-dom");
-const constants = require("./constants-da2542a3.js");
-const index = require("./index-fc700e52.js");
-require("semver/functions/lt");
-require("semver/functions/valid");
-require("./index-8f8eaed6.js");
-require("react-dom/client");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/merge");
-require("lodash/pick");
-require("react-helmet");
-require("@radix-ui/react-context");
-require("@strapi/design-system/v2");
-require("formik");
-require("lodash/camelCase");
-require("styled-components");
-require("yup");
-require("lodash/defaultsDeep");
-require("lodash/omit");
-require("immer");
-require("lodash/get");
-require("lodash/set");
-require("@reduxjs/toolkit");
-require("react-dnd");
-require("react-dnd-html5-backend");
-require("lodash/cloneDeep");
-require("prop-types");
-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 qs__default = /* @__PURE__ */ _interopDefault(qs);
-const tableHeaders = [
-  {
-    name: "name",
-    key: "name",
-    metadatas: {
-      label: {
-        id: "Settings.apiTokens.ListView.headers.name",
-        defaultMessage: "Name"
-      },
-      sortable: true
-    }
-  },
-  {
-    name: "description",
-    key: "description",
-    metadatas: {
-      label: {
-        id: "Settings.apiTokens.ListView.headers.description",
-        defaultMessage: "Description"
-      },
-      sortable: false
-    }
-  },
-  {
-    name: "createdAt",
-    key: "createdAt",
-    metadatas: {
-      label: {
-        id: "Settings.apiTokens.ListView.headers.createdAt",
-        defaultMessage: "Created at"
-      },
-      sortable: false
-    }
-  },
-  {
-    name: "lastUsedAt",
-    key: "lastUsedAt",
-    metadatas: {
-      label: {
-        id: "Settings.apiTokens.ListView.headers.lastUsedAt",
-        defaultMessage: "Last used"
-      },
-      sortable: false
-    }
-  }
-];
-const ApiTokenListView = () => {
-  helperPlugin.useFocusWhenNavigate();
-  const queryClient = reactQuery.useQueryClient();
-  const { formatMessage } = reactIntl.useIntl();
-  const toggleNotification = helperPlugin.useNotification();
-  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  const {
-    allowedActions: { canCreate, canDelete, canUpdate, canRead }
-  } = helperPlugin.useRBAC(permissions.settings["api-tokens"]);
-  const { push } = reactRouterDom.useHistory();
-  const { trackUsage } = helperPlugin.useTracking();
-  const { startSection } = helperPlugin.useGuidedTour();
-  const startSectionRef = React__namespace.useRef(startSection);
-  const { get, del } = helperPlugin.useFetchClient();
-  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
-  React__namespace.useEffect(() => {
-    if (startSectionRef.current) {
-      startSectionRef.current("apiTokens");
-    }
-  }, []);
-  React__namespace.useEffect(() => {
-    push({ search: qs__default.default.stringify({ sort: "name:ASC" }, { encode: false }) });
-  }, [push]);
-  const headers = tableHeaders.map((header) => ({
-    ...header,
-    metadatas: {
-      ...header.metadatas,
-      label: formatMessage(header.metadatas.label)
-    }
-  }));
-  const { data: apiTokens, isLoading: isLoadingTokens } = reactQuery.useQuery(
-    ["api-tokens"],
-    async () => {
-      trackUsage("willAccessTokenList", {
-        tokenType: constants.API_TOKEN_TYPE
-      });
-      const {
-        data: { data }
-      } = await get(`/admin/api-tokens`);
-      trackUsage("didAccessTokenList", { number: data.length, tokenType: constants.API_TOKEN_TYPE });
-      return data;
-    },
-    {
-      cacheTime: 0,
-      enabled: canRead,
-      onError(error) {
-        toggleNotification({
-          type: "warning",
-          message: formatAPIError(error)
-        });
-      }
-    }
-  );
-  const isLoading = isLoadingTokens;
-  const deleteMutation = reactQuery.useMutation(
-    async (id) => {
-      await del(`/admin/api-tokens/${id}`);
-    },
-    {
-      async onSuccess() {
-        await queryClient.invalidateQueries(["api-tokens"]);
-        trackUsage("didDeleteToken");
-      },
-      onError(error) {
-        toggleNotification({ type: "warning", message: formatAPIError(error) });
-      }
-    }
-  );
-  const hasApiTokens = apiTokens && apiTokens.length > 0;
-  const shouldDisplayDynamicTable = canRead && hasApiTokens;
-  const shouldDisplayNoContent = canRead && !hasApiTokens && !canCreate;
-  const shouldDisplayNoContentWithCreationButton = canRead && !hasApiTokens && canCreate;
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoading, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.SettingsPageTitle, { name: "API Tokens" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.HeaderLayout,
-      {
-        title: formatMessage({ id: "Settings.apiTokens.title", defaultMessage: "API Tokens" }),
-        subtitle: formatMessage({
-          id: "Settings.apiTokens.description",
-          defaultMessage: "List of generated tokens to consume the API"
-        }),
-        primaryAction: canCreate && /* @__PURE__ */ jsxRuntime.jsx(
-          helperPlugin.LinkButton,
-          {
-            "data-testid": "create-api-token-button",
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Plus, {}),
-            size: "S",
-            onClick: () => trackUsage("willAddTokenFromList", {
-              tokenType: constants.API_TOKEN_TYPE
-            }),
-            to: "/settings/api-tokens/create",
-            children: formatMessage({
-              id: "Settings.apiTokens.create",
-              defaultMessage: "Create new API Token"
-            })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ContentLayout, { children: [
-      !canRead && /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.NoPermissions, {}),
-      shouldDisplayDynamicTable && /* @__PURE__ */ jsxRuntime.jsx(
-        index.Table,
-        {
-          permissions: { canRead, canDelete, canUpdate },
-          headers,
-          contentType: "api-tokens",
-          rows: apiTokens,
-          isLoading,
-          onConfirmDelete: (id) => deleteMutation.mutateAsync(id),
-          tokens: apiTokens,
-          tokenType: constants.API_TOKEN_TYPE
-        }
-      ),
-      shouldDisplayNoContentWithCreationButton && /* @__PURE__ */ jsxRuntime.jsx(
-        helperPlugin.NoContent,
-        {
-          content: {
-            id: "Settings.apiTokens.addFirstToken",
-            defaultMessage: "Add your first API Token"
-          },
-          action: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Plus, {}), to: "/settings/api-tokens/create", children: formatMessage({
-            id: "Settings.apiTokens.addNewToken",
-            defaultMessage: "Add new API Token"
-          }) })
-        }
-      ),
-      shouldDisplayNoContent && /* @__PURE__ */ jsxRuntime.jsx(
-        helperPlugin.NoContent,
-        {
-          content: {
-            id: "Settings.apiTokens.emptyStateLayout",
-            defaultMessage: "You don’t have any content yet..."
-          }
-        }
-      )
-    ] })
-  ] });
-};
-const ProtectedApiTokenListView = () => {
-  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: permissions.settings["api-tokens"].main, children: /* @__PURE__ */ jsxRuntime.jsx(ApiTokenListView, {}) });
-};
-exports.default = ProtectedApiTokenListView;
-//# sourceMappingURL=index-ecfaf6c1.js.map

package/dist/_chunks/index-ecfaf6c1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ecfaf6c1.js","sources":["../../admin/src/pages/SettingsPage/pages/ApiTokens/ListView/utils/tableHeaders.js","../../admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js","../../admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedListView/index.js"],"sourcesContent":["const tableHeaders = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n];\n\nexport default tableHeaders;\n","import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, Main } from '@strapi/design-system';\nimport {\n  LinkButton,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport { API_TOKEN_TYPE } from '../../../components/Tokens/constants';\nimport Table from '../../../components/Tokens/Table';\n\nimport tableHeaders from './utils/tableHeaders';\n\nconst ApiTokenListView = () => {\n  useFocusWhenNavigate();\n  const queryClient = useQueryClient();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n  } = useRBAC(permissions.settings['api-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('apiTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = tableHeaders.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const { data: apiTokens, isLoading: isLoadingTokens } = useQuery(\n    ['api-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: API_TOKEN_TYPE,\n      });\n\n      const {\n        data: { data },\n      } = await get(`/admin/api-tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: API_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      cacheTime: 0,\n      enabled: canRead,\n      onError(error) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      },\n    }\n  );\n\n  const isLoading = isLoadingTokens;\n\n  const deleteMutation = useMutation(\n    async (id) => {\n      await del(`/admin/api-tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        await queryClient.invalidateQueries(['api-tokens']);\n        trackUsage('didDeleteToken');\n      },\n      onError(error) {\n        toggleNotification({ type: 'warning', message: formatAPIError(error) });\n      },\n    }\n  );\n\n  const hasApiTokens = apiTokens && apiTokens.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasApiTokens;\n  const shouldDisplayNoContent = canRead && !hasApiTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasApiTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      {/* TODO: this needs to be translated */}\n      <SettingsPageTitle name=\"API Tokens\" />\n      <HeaderLayout\n        title={formatMessage({ id: 'Settings.apiTokens.title', defaultMessage: 'API Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.apiTokens.description',\n          defaultMessage: 'List of generated tokens to consume the API',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              data-testid=\"create-api-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: API_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/api-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.apiTokens.create',\n                defaultMessage: 'Create new API Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"api-tokens\"\n            rows={apiTokens}\n            isLoading={isLoading}\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={apiTokens}\n            tokenType={API_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.addFirstToken',\n              defaultMessage: 'Add your first API Token',\n            }}\n            action={\n              <LinkButton variant=\"secondary\" startIcon={<Plus />} to=\"/settings/api-tokens/create\">\n                {formatMessage({\n                  id: 'Settings.apiTokens.addNewToken',\n                  defaultMessage: 'Add new API Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\nexport default ApiTokenListView;\n","import React from 'react';\n\nimport { CheckPagePermissions } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport ListView from '../ListView';\n\nconst ProtectedApiTokenListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings['api-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n\nexport default ProtectedApiTokenListView;\n"],"names":["useFocusWhenNavigate","useQueryClient","useIntl","useNotification","useSelector","selectAdminPermissions","useRBAC","useHistory","useTracking","useGuidedTour","React","useFetchClient","useAPIErrorHandler","qs","useQuery","API_TOKEN_TYPE","useMutation","jsxs","Main","jsx","SettingsPageTitle","HeaderLayout","LinkButton","Plus","ContentLayout","NoPermissions","Table","NoContent","CheckPagePermissions","ListView"],"mappings":"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"}