@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/ListView.js

@@ -0,0 +1,255 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var symbols = require('@strapi/icons/symbols');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var Layout = require('../../../../components/Layouts/Layout.js');
+var PageHelpers = require('../../../../components/PageHelpers.js');
+var hooks = require('../../../../core/store/hooks.js');
+var Notifications = require('../../../../features/Notifications.js');
+var Tracking = require('../../../../features/Tracking.js');
+var useAPIErrorHandler = require('../../../../hooks/useAPIErrorHandler.js');
+var useOnce = require('../../../../hooks/useOnce.js');
+var useRBAC = require('../../../../hooks/useRBAC.js');
+var apiTokens = require('../../../../services/apiTokens.js');
+var constants = require('../../components/Tokens/constants.js');
+var Table = require('../../components/Tokens/Table.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var qs__namespace = /*#__PURE__*/_interopNamespace(qs);
+
+const TABLE_HEADERS = [
+    {
+        name: 'name',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.name',
+            defaultMessage: 'Name'
+        },
+        sortable: true
+    },
+    {
+        name: 'description',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.description',
+            defaultMessage: 'Description'
+        },
+        sortable: false
+    },
+    {
+        name: 'createdAt',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.createdAt',
+            defaultMessage: 'Created at'
+        },
+        sortable: false
+    },
+    {
+        name: 'lastUsedAt',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.lastUsedAt',
+            defaultMessage: 'Last used'
+        },
+        sortable: false
+    },
+    {
+        name: 'adminUserOwner',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.owner',
+            defaultMessage: 'Owner'
+        },
+        sortable: false
+    }
+];
+const ListView = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = Notifications.useNotification();
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['admin-tokens']);
+    const { allowedActions: { canRead, canCreate, canDelete, canUpdate } } = useRBAC.useRBAC(permissions);
+    const navigate = reactRouterDom.useNavigate();
+    const { trackUsage } = Tracking.useTracking();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler.useAPIErrorHandler();
+    React__namespace.useEffect(()=>{
+        navigate({
+            search: qs__namespace.stringify({
+                sort: 'name:ASC'
+            }, {
+                encode: false
+            })
+        }, {
+            replace: true
+        });
+    }, [
+        navigate
+    ]);
+    const headers = TABLE_HEADERS.map((header)=>({
+            ...header,
+            label: formatMessage(header.label)
+        }));
+    useOnce.useOnce(()=>{
+        trackUsage('willAccessTokenList', {
+            tokenType: constants.API_TOKEN_TYPE
+        });
+    });
+    const { data: adminTokens = [], isLoading, error } = apiTokens.useGetAdminTokensQuery();
+    React__namespace.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    React__namespace.useEffect(()=>{
+        trackUsage('didAccessTokenList', {
+            number: adminTokens.length,
+            tokenType: constants.API_TOKEN_TYPE
+        });
+    }, [
+        adminTokens,
+        trackUsage
+    ]);
+    const [deleteToken] = apiTokens.useDeleteAdminTokenMutation();
+    const handleDelete = async (id)=>{
+        try {
+            const res = await deleteToken(id);
+            if ('error' in res) {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+                return;
+            }
+            trackUsage('didDeleteToken');
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'Something went wrong'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Admin Tokens'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {
+                title: formatMessage({
+                    id: 'Settings.adminTokens.title',
+                    defaultMessage: 'Admin Tokens'
+                }),
+                subtitle: formatMessage({
+                    id: 'Settings.adminTokens.description',
+                    defaultMessage: 'List of generated tokens to programmatically access the admin features'
+                }),
+                primaryAction: canCreate && /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                    tag: reactRouterDom.Link,
+                    "data-testid": "create-admin-token-button",
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    size: "S",
+                    onClick: ()=>trackUsage('willAddTokenFromList', {
+                            tokenType: constants.API_TOKEN_TYPE
+                        }),
+                    to: "/settings/admin-tokens/create",
+                    children: formatMessage({
+                        id: 'Settings.adminTokens.create',
+                        defaultMessage: 'Create new Admin Token'
+                    })
+                })
+            }),
+            !canRead ? /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.NoPermissions, {}) : /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Main, {
+                "aria-busy": isLoading,
+                children: /*#__PURE__*/ jsxRuntime.jsxs(Layout.Layouts.Content, {
+                    children: [
+                        adminTokens.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(Table.Table, {
+                            permissions: {
+                                canRead,
+                                canDelete,
+                                canUpdate
+                            },
+                            headers: headers,
+                            isLoading: isLoading,
+                            onConfirmDelete: handleDelete,
+                            tokens: adminTokens,
+                            tokenType: constants.API_TOKEN_TYPE,
+                            showOwner: true
+                        }),
+                        canCreate && adminTokens.length === 0 ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+                            icon: /*#__PURE__*/ jsxRuntime.jsx(symbols.EmptyDocuments, {
+                                width: "16rem"
+                            }),
+                            content: formatMessage({
+                                id: 'Settings.adminTokens.addFirstToken',
+                                defaultMessage: 'Create your first Admin Token'
+                            }),
+                            action: /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                                tag: reactRouterDom.Link,
+                                variant: "secondary",
+                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                                to: "/settings/admin-tokens/create",
+                                children: formatMessage({
+                                    id: 'Settings.adminTokens.create',
+                                    defaultMessage: 'Create new Admin Token'
+                                })
+                            })
+                        }) : null,
+                        !canCreate && adminTokens.length === 0 ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+                            icon: /*#__PURE__*/ jsxRuntime.jsx(symbols.EmptyDocuments, {
+                                width: "16rem"
+                            }),
+                            content: formatMessage({
+                                id: 'Settings.adminTokens.emptyStateLayout',
+                                defaultMessage: "You don't have any content yet..."
+                            })
+                        }) : null
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ProtectedListView = ()=>{
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['admin-tokens']?.main);
+    return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+    });
+};
+
+exports.ListView = ListView;
+exports.ProtectedListView = ProtectedListView;
+//# sourceMappingURL=ListView.js.map

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/AdminTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport * as qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useOnce } from '../../../../hooks/useOnce';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport {\n  useDeleteAdminTokenMutation,\n  useGetAdminTokensQuery,\n} from '../../../../services/apiTokens';\nimport { API_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nimport type { Data } from '@strapi/types';\n\nconst TABLE_HEADERS = [\n  {\n    name: 'name',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.name',\n      defaultMessage: 'Name',\n    },\n    sortable: true,\n  },\n  {\n    name: 'description',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.description',\n      defaultMessage: 'Description',\n    },\n    sortable: false,\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.createdAt',\n      defaultMessage: 'Created at',\n    },\n    sortable: false,\n  },\n  {\n    name: 'lastUsedAt',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.lastUsedAt',\n      defaultMessage: 'Last used',\n    },\n    sortable: false,\n  },\n  {\n    name: 'adminUserOwner',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.owner',\n      defaultMessage: 'Owner',\n    },\n    sortable: false,\n  },\n];\n\nexport const ListView = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['admin-tokens']\n  );\n  const {\n    allowedActions: { canRead, canCreate, canDelete, canUpdate },\n  } = useRBAC(permissions);\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    navigate({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) }, { replace: true });\n  }, [navigate]);\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    label: formatMessage(header.label),\n  }));\n\n  useOnce(() => {\n    trackUsage('willAccessTokenList', {\n      tokenType: API_TOKEN_TYPE,\n    });\n  });\n\n  const { data: adminTokens = [], isLoading, error } = useGetAdminTokensQuery();\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  React.useEffect(() => {\n    trackUsage('didAccessTokenList', { number: adminTokens.length, tokenType: API_TOKEN_TYPE });\n  }, [adminTokens, trackUsage]);\n\n  const [deleteToken] = useDeleteAdminTokenMutation();\n\n  const handleDelete = async (id: Data.ID) => {\n    try {\n      const res = await deleteToken(id);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      trackUsage('didDeleteToken');\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'Something went wrong',\n        }),\n      });\n    }\n  };\n\n  return (\n    <>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          { name: 'Admin Tokens' }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({ id: 'Settings.adminTokens.title', defaultMessage: 'Admin Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.adminTokens.description',\n          defaultMessage: 'List of generated tokens to programmatically access the admin features',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              tag={Link}\n              data-testid=\"create-admin-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() => trackUsage('willAddTokenFromList', { tokenType: API_TOKEN_TYPE })}\n              to=\"/settings/admin-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.adminTokens.create',\n                defaultMessage: 'Create new Admin Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      {!canRead ? (\n        <Page.NoPermissions />\n      ) : (\n        <Page.Main aria-busy={isLoading}>\n          <Layouts.Content>\n            {adminTokens.length > 0 && (\n              <Table\n                permissions={{ canRead, canDelete, canUpdate }}\n                headers={headers}\n                isLoading={isLoading}\n                onConfirmDelete={handleDelete}\n                tokens={adminTokens}\n                tokenType={API_TOKEN_TYPE}\n                showOwner\n              />\n            )}\n            {canCreate && adminTokens.length === 0 ? (\n              <EmptyStateLayout\n                icon={<EmptyDocuments width=\"16rem\" />}\n                content={formatMessage({\n                  id: 'Settings.adminTokens.addFirstToken',\n                  defaultMessage: 'Create your first Admin Token',\n                })}\n                action={\n                  <LinkButton\n                    tag={Link}\n                    variant=\"secondary\"\n                    startIcon={<Plus />}\n                    to=\"/settings/admin-tokens/create\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.adminTokens.create',\n                      defaultMessage: 'Create new Admin Token',\n                    })}\n                  </LinkButton>\n                }\n              />\n            ) : null}\n            {!canCreate && adminTokens.length === 0 ? (\n              <EmptyStateLayout\n                icon={<EmptyDocuments width=\"16rem\" />}\n                content={formatMessage({\n                  id: 'Settings.adminTokens.emptyStateLayout',\n                  defaultMessage: \"You don't have any content yet...\",\n                })}\n              />\n            ) : null}\n          </Layouts.Content>\n        </Page.Main>\n      )}\n    </>\n  );\n};\n\nexport const ProtectedListView = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['admin-tokens']?.main\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListView />\n    </Page.Protect>\n  );\n};\n"],"names":["TABLE_HEADERS","name","label","id","defaultMessage","sortable","ListView","formatMessage","useIntl","toggleNotification","useNotification","permissions","useTypedSelector","state","admin_app","settings","allowedActions","canRead","canCreate","canDelete","canUpdate","useRBAC","navigate","useNavigate","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","React","useEffect","search","qs","stringify","sort","encode","replace","headers","map","header","useOnce","tokenType","API_TOKEN_TYPE","data","adminTokens","isLoading","error","useGetAdminTokensQuery","type","message","number","length","deleteToken","useDeleteAdminTokenMutation","handleDelete","res","_jsxs","_Fragment","_jsx","Page","Title","Layouts","Header","title","subtitle","primaryAction","LinkButton","tag","Link","data-testid","startIcon","Plus","size","onClick","to","NoPermissions","Main","aria-busy","Content","Table","onConfirmDelete","tokens","showOwner","EmptyStateLayout","icon","EmptyDocuments","width","content","action","variant","ProtectedListView","main","Protect"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/ListView.mjs

@@ -0,0 +1,231 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { LinkButton, EmptyStateLayout } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { EmptyDocuments } from '@strapi/icons/symbols';
+import * as qs from 'qs';
+import { useIntl } from 'react-intl';
+import { useNavigate, Link } from 'react-router-dom';
+import { Layouts } from '../../../../components/Layouts/Layout.mjs';
+import { Page } from '../../../../components/PageHelpers.mjs';
+import { useTypedSelector } from '../../../../core/store/hooks.mjs';
+import { useNotification } from '../../../../features/Notifications.mjs';
+import { useTracking } from '../../../../features/Tracking.mjs';
+import { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler.mjs';
+import { useOnce } from '../../../../hooks/useOnce.mjs';
+import { useRBAC } from '../../../../hooks/useRBAC.mjs';
+import { useGetAdminTokensQuery, useDeleteAdminTokenMutation } from '../../../../services/apiTokens.mjs';
+import { API_TOKEN_TYPE } from '../../components/Tokens/constants.mjs';
+import { Table } from '../../components/Tokens/Table.mjs';
+
+const TABLE_HEADERS = [
+    {
+        name: 'name',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.name',
+            defaultMessage: 'Name'
+        },
+        sortable: true
+    },
+    {
+        name: 'description',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.description',
+            defaultMessage: 'Description'
+        },
+        sortable: false
+    },
+    {
+        name: 'createdAt',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.createdAt',
+            defaultMessage: 'Created at'
+        },
+        sortable: false
+    },
+    {
+        name: 'lastUsedAt',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.lastUsedAt',
+            defaultMessage: 'Last used'
+        },
+        sortable: false
+    },
+    {
+        name: 'adminUserOwner',
+        label: {
+            id: 'Settings.adminTokens.ListView.headers.owner',
+            defaultMessage: 'Owner'
+        },
+        sortable: false
+    }
+];
+const ListView = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['admin-tokens']);
+    const { allowedActions: { canRead, canCreate, canDelete, canUpdate } } = useRBAC(permissions);
+    const navigate = useNavigate();
+    const { trackUsage } = useTracking();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+    React.useEffect(()=>{
+        navigate({
+            search: qs.stringify({
+                sort: 'name:ASC'
+            }, {
+                encode: false
+            })
+        }, {
+            replace: true
+        });
+    }, [
+        navigate
+    ]);
+    const headers = TABLE_HEADERS.map((header)=>({
+            ...header,
+            label: formatMessage(header.label)
+        }));
+    useOnce(()=>{
+        trackUsage('willAccessTokenList', {
+            tokenType: API_TOKEN_TYPE
+        });
+    });
+    const { data: adminTokens = [], isLoading, error } = useGetAdminTokensQuery();
+    React.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    React.useEffect(()=>{
+        trackUsage('didAccessTokenList', {
+            number: adminTokens.length,
+            tokenType: API_TOKEN_TYPE
+        });
+    }, [
+        adminTokens,
+        trackUsage
+    ]);
+    const [deleteToken] = useDeleteAdminTokenMutation();
+    const handleDelete = async (id)=>{
+        try {
+            const res = await deleteToken(id);
+            if ('error' in res) {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+                return;
+            }
+            trackUsage('didDeleteToken');
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'Something went wrong'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Admin Tokens'
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Header, {
+                title: formatMessage({
+                    id: 'Settings.adminTokens.title',
+                    defaultMessage: 'Admin Tokens'
+                }),
+                subtitle: formatMessage({
+                    id: 'Settings.adminTokens.description',
+                    defaultMessage: 'List of generated tokens to programmatically access the admin features'
+                }),
+                primaryAction: canCreate && /*#__PURE__*/ jsx(LinkButton, {
+                    tag: Link,
+                    "data-testid": "create-admin-token-button",
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    size: "S",
+                    onClick: ()=>trackUsage('willAddTokenFromList', {
+                            tokenType: API_TOKEN_TYPE
+                        }),
+                    to: "/settings/admin-tokens/create",
+                    children: formatMessage({
+                        id: 'Settings.adminTokens.create',
+                        defaultMessage: 'Create new Admin Token'
+                    })
+                })
+            }),
+            !canRead ? /*#__PURE__*/ jsx(Page.NoPermissions, {}) : /*#__PURE__*/ jsx(Page.Main, {
+                "aria-busy": isLoading,
+                children: /*#__PURE__*/ jsxs(Layouts.Content, {
+                    children: [
+                        adminTokens.length > 0 && /*#__PURE__*/ jsx(Table, {
+                            permissions: {
+                                canRead,
+                                canDelete,
+                                canUpdate
+                            },
+                            headers: headers,
+                            isLoading: isLoading,
+                            onConfirmDelete: handleDelete,
+                            tokens: adminTokens,
+                            tokenType: API_TOKEN_TYPE,
+                            showOwner: true
+                        }),
+                        canCreate && adminTokens.length === 0 ? /*#__PURE__*/ jsx(EmptyStateLayout, {
+                            icon: /*#__PURE__*/ jsx(EmptyDocuments, {
+                                width: "16rem"
+                            }),
+                            content: formatMessage({
+                                id: 'Settings.adminTokens.addFirstToken',
+                                defaultMessage: 'Create your first Admin Token'
+                            }),
+                            action: /*#__PURE__*/ jsx(LinkButton, {
+                                tag: Link,
+                                variant: "secondary",
+                                startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                                to: "/settings/admin-tokens/create",
+                                children: formatMessage({
+                                    id: 'Settings.adminTokens.create',
+                                    defaultMessage: 'Create new Admin Token'
+                                })
+                            })
+                        }) : null,
+                        !canCreate && adminTokens.length === 0 ? /*#__PURE__*/ jsx(EmptyStateLayout, {
+                            icon: /*#__PURE__*/ jsx(EmptyDocuments, {
+                                width: "16rem"
+                            }),
+                            content: formatMessage({
+                                id: 'Settings.adminTokens.emptyStateLayout',
+                                defaultMessage: "You don't have any content yet..."
+                            })
+                        }) : null
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ProtectedListView = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['admin-tokens']?.main);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(ListView, {})
+    });
+};
+
+export { ListView, ProtectedListView };
+//# sourceMappingURL=ListView.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/ListView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.mjs","sources":["../../../../../../../../admin/src/pages/Settings/pages/AdminTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport * as qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useOnce } from '../../../../hooks/useOnce';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport {\n  useDeleteAdminTokenMutation,\n  useGetAdminTokensQuery,\n} from '../../../../services/apiTokens';\nimport { API_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nimport type { Data } from '@strapi/types';\n\nconst TABLE_HEADERS = [\n  {\n    name: 'name',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.name',\n      defaultMessage: 'Name',\n    },\n    sortable: true,\n  },\n  {\n    name: 'description',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.description',\n      defaultMessage: 'Description',\n    },\n    sortable: false,\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.createdAt',\n      defaultMessage: 'Created at',\n    },\n    sortable: false,\n  },\n  {\n    name: 'lastUsedAt',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.lastUsedAt',\n      defaultMessage: 'Last used',\n    },\n    sortable: false,\n  },\n  {\n    name: 'adminUserOwner',\n    label: {\n      id: 'Settings.adminTokens.ListView.headers.owner',\n      defaultMessage: 'Owner',\n    },\n    sortable: false,\n  },\n];\n\nexport const ListView = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['admin-tokens']\n  );\n  const {\n    allowedActions: { canRead, canCreate, canDelete, canUpdate },\n  } = useRBAC(permissions);\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    navigate({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) }, { replace: true });\n  }, [navigate]);\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    label: formatMessage(header.label),\n  }));\n\n  useOnce(() => {\n    trackUsage('willAccessTokenList', {\n      tokenType: API_TOKEN_TYPE,\n    });\n  });\n\n  const { data: adminTokens = [], isLoading, error } = useGetAdminTokensQuery();\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  React.useEffect(() => {\n    trackUsage('didAccessTokenList', { number: adminTokens.length, tokenType: API_TOKEN_TYPE });\n  }, [adminTokens, trackUsage]);\n\n  const [deleteToken] = useDeleteAdminTokenMutation();\n\n  const handleDelete = async (id: Data.ID) => {\n    try {\n      const res = await deleteToken(id);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      trackUsage('didDeleteToken');\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'Something went wrong',\n        }),\n      });\n    }\n  };\n\n  return (\n    <>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          { name: 'Admin Tokens' }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({ id: 'Settings.adminTokens.title', defaultMessage: 'Admin Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.adminTokens.description',\n          defaultMessage: 'List of generated tokens to programmatically access the admin features',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              tag={Link}\n              data-testid=\"create-admin-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() => trackUsage('willAddTokenFromList', { tokenType: API_TOKEN_TYPE })}\n              to=\"/settings/admin-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.adminTokens.create',\n                defaultMessage: 'Create new Admin Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      {!canRead ? (\n        <Page.NoPermissions />\n      ) : (\n        <Page.Main aria-busy={isLoading}>\n          <Layouts.Content>\n            {adminTokens.length > 0 && (\n              <Table\n                permissions={{ canRead, canDelete, canUpdate }}\n                headers={headers}\n                isLoading={isLoading}\n                onConfirmDelete={handleDelete}\n                tokens={adminTokens}\n                tokenType={API_TOKEN_TYPE}\n                showOwner\n              />\n            )}\n            {canCreate && adminTokens.length === 0 ? (\n              <EmptyStateLayout\n                icon={<EmptyDocuments width=\"16rem\" />}\n                content={formatMessage({\n                  id: 'Settings.adminTokens.addFirstToken',\n                  defaultMessage: 'Create your first Admin Token',\n                })}\n                action={\n                  <LinkButton\n                    tag={Link}\n                    variant=\"secondary\"\n                    startIcon={<Plus />}\n                    to=\"/settings/admin-tokens/create\"\n                  >\n                    {formatMessage({\n                      id: 'Settings.adminTokens.create',\n                      defaultMessage: 'Create new Admin Token',\n                    })}\n                  </LinkButton>\n                }\n              />\n            ) : null}\n            {!canCreate && adminTokens.length === 0 ? (\n              <EmptyStateLayout\n                icon={<EmptyDocuments width=\"16rem\" />}\n                content={formatMessage({\n                  id: 'Settings.adminTokens.emptyStateLayout',\n                  defaultMessage: \"You don't have any content yet...\",\n                })}\n              />\n            ) : null}\n          </Layouts.Content>\n        </Page.Main>\n      )}\n    </>\n  );\n};\n\nexport const ProtectedListView = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['admin-tokens']?.main\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListView />\n    </Page.Protect>\n  );\n};\n"],"names":["TABLE_HEADERS","name","label","id","defaultMessage","sortable","ListView","formatMessage","useIntl","toggleNotification","useNotification","permissions","useTypedSelector","state","admin_app","settings","allowedActions","canRead","canCreate","canDelete","canUpdate","useRBAC","navigate","useNavigate","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","React","useEffect","search","qs","stringify","sort","encode","replace","headers","map","header","useOnce","tokenType","API_TOKEN_TYPE","data","adminTokens","isLoading","error","useGetAdminTokensQuery","type","message","number","length","deleteToken","useDeleteAdminTokenMutation","handleDelete","res","_jsxs","_Fragment","_jsx","Page","Title","Layouts","Header","title","subtitle","primaryAction","LinkButton","tag","Link","data-testid","startIcon","Plus","size","onClick","to","NoPermissions","Main","aria-busy","Content","Table","onConfirmDelete","tokens","showOwner","EmptyStateLayout","icon","EmptyDocuments","width","content","action","variant","ProtectedListView","main","Protect"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/CreateView.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PageHelpers = require('../../../../components/PageHelpers.js');
+var hooks = require('../../../../core/store/hooks.js');
+var EditViewPage = require('./EditView/EditViewPage.js');
+
+const ProtectedCreateView = ()=>{
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['api-tokens'].create);
+    return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(EditViewPage.EditView, {})
+    });
+};
+
+exports.ProtectedCreateView = ProtectedCreateView;
+//# sourceMappingURL=CreateView.js.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/CreateView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateView.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/CreateView.tsx"],"sourcesContent":["import { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\n\nimport { EditView } from './EditView/EditViewPage';\n\nexport const ProtectedCreateView = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['api-tokens'].create\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditView />\n    </Page.Protect>\n  );\n};\n"],"names":["ProtectedCreateView","permissions","useTypedSelector","state","admin_app","settings","create","_jsx","Page","Protect","EditView"],"mappings":";;;;;;;MAKaA,mBAAAA,GAAsB,IAAA;AACjC,IAAA,MAAMC,WAAAA,GAAcC,sBAAAA,CAClB,CAACC,KAAAA,GAAUA,KAAAA,CAAMC,SAAS,CAACH,WAAW,CAACI,QAAQ,GAAG,aAAa,CAACC,MAAAA,CAAAA;IAGlE,qBACEC,cAAA,CAACC,iBAAKC,OAAO,EAAA;QAACR,WAAAA,EAAaA,WAAAA;AACzB,QAAA,QAAA,gBAAAM,cAAA,CAACG,qBAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/CreateView.mjs

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { Page } from '../../../../components/PageHelpers.mjs';
+import { useTypedSelector } from '../../../../core/store/hooks.mjs';
+import { EditView } from './EditView/EditViewPage.mjs';
+
+const ProtectedCreateView = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['api-tokens'].create);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(EditView, {})
+    });
+};
+
+export { ProtectedCreateView };
+//# sourceMappingURL=CreateView.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/CreateView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateView.mjs","sources":["../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/CreateView.tsx"],"sourcesContent":["import { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\n\nimport { EditView } from './EditView/EditViewPage';\n\nexport const ProtectedCreateView = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['api-tokens'].create\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditView />\n    </Page.Protect>\n  );\n};\n"],"names":["ProtectedCreateView","permissions","useTypedSelector","state","admin_app","settings","create","_jsx","Page","Protect","EditView"],"mappings":";;;;;MAKaA,mBAAAA,GAAsB,IAAA;AACjC,IAAA,MAAMC,WAAAA,GAAcC,gBAAAA,CAClB,CAACC,KAAAA,GAAUA,KAAAA,CAAMC,SAAS,CAACH,WAAW,CAACI,QAAQ,GAAG,aAAa,CAACC,MAAAA,CAAAA;IAGlE,qBACEC,GAAA,CAACC,KAAKC,OAAO,EAAA;QAACR,WAAAA,EAAaA,WAAAA;AACzB,QAAA,QAAA,gBAAAM,GAAA,CAACG,QAAAA,EAAAA,EAAAA;;AAGP;;;;"}