@strapi/admin 5.44.0 → 5.45.0

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/EditView/EditViewPage.js

@@ -0,0 +1,314 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var formik = require('formik');
+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 Auth = require('../../../../../features/Auth.js');
+var Notifications = require('../../../../../features/Notifications.js');
+var Tracking = require('../../../../../features/Tracking.js');
+var useAPIErrorHandler = require('../../../../../hooks/useAPIErrorHandler.js');
+var useRBAC = require('../../../../../hooks/useRBAC.js');
+var apiTokens = require('../../../../../services/apiTokens.js');
+var baseQuery = require('../../../../../utils/baseQuery.js');
+var constants = require('../../../components/Tokens/constants.js');
+var FormApiTokenContainer = require('../../../components/Tokens/FormApiTokenContainer.js');
+var FormHead = require('../../../components/Tokens/FormHead.js');
+var TokenBox = require('../../../components/Tokens/TokenBox.js');
+var AdminPermissions = require('./components/AdminPermissions.js');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+const getOwnerId = (owner)=>{
+    if (owner === undefined || owner === null) return null;
+    return typeof owner === 'object' ? owner.id : owner;
+};
+const isCurrentUserTokenOwner = (apiToken, currentUserId)=>{
+    if (apiToken === null || apiToken.kind !== 'admin') return true;
+    const ownerId = getOwnerId(apiToken.adminUserOwner);
+    if (ownerId === null) return true;
+    return currentUserId !== undefined && ownerId === currentUserId;
+};
+const EditView = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = Notifications.useNotification();
+    const { state: locationState } = reactRouterDom.useLocation();
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions);
+    const [apiToken, setApiToken] = React__namespace.useState(locationState?.apiToken?.accessKey !== undefined && locationState?.apiToken?.accessKey !== '' ? {
+        ...locationState.apiToken
+    } : null);
+    const [showToken, setShowToken] = React__namespace.useState(locationState?.apiToken?.accessKey !== undefined && locationState?.apiToken?.accessKey !== '');
+    const hideTimerRef = React__namespace.useRef(null);
+    const adminPermissionsRef = React__namespace.useRef(null);
+    const { trackUsage } = Tracking.useTracking();
+    const currentUser = Auth.useAuth('EditView', (state)=>state.user);
+    const { allowedActions: { canCreate, canUpdate, canRegenerate } } = useRBAC.useRBAC(permissions.settings?.['admin-tokens']);
+    const match = reactRouterDom.useMatch('/settings/admin-tokens/:id');
+    const id = match?.params?.id;
+    const isCreating = id === 'create';
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler.useAPIErrorHandler();
+    const navigate = reactRouterDom.useNavigate();
+    React__namespace.useEffect(()=>{
+        trackUsage(isCreating ? 'didAddTokenFromList' : 'didEditTokenFromList', {
+            tokenType: constants.API_TOKEN_TYPE
+        });
+    }, [
+        isCreating,
+        trackUsage
+    ]);
+    const { data, error, isLoading } = apiTokens.useGetAdminTokenQuery(id, {
+        skip: !id || isCreating,
+        refetchOnMountOrArgChange: true
+    });
+    React__namespace.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    React__namespace.useEffect(()=>{
+        if (data) {
+            setApiToken(data);
+        }
+    }, [
+        data
+    ]);
+    React__namespace.useEffect(()=>{
+        if (showToken) {
+            hideTimerRef.current = setTimeout(()=>{
+                setShowToken(false);
+            }, 30000); // 30 seconds
+            return ()=>{
+                if (hideTimerRef.current) {
+                    clearTimeout(hideTimerRef.current);
+                    hideTimerRef.current = null;
+                }
+            };
+        }
+    }, [
+        showToken
+    ]);
+    const [createToken] = apiTokens.useCreateAdminTokenMutation();
+    const [updateToken] = apiTokens.useUpdateAdminTokenMutation();
+    const buildLifespan = (raw)=>raw && raw !== '0' ? parseInt(raw.toString(), 10) : null;
+    const handleSubmit = async (body, formik)=>{
+        trackUsage(isCreating ? 'willCreateToken' : 'willEditToken', {
+            tokenType: constants.API_TOKEN_TYPE
+        });
+        const adminPermissionsToSend = adminPermissionsRef.current?.getPermissions().permissionsToSend ?? [];
+        try {
+            if (isCreating) {
+                const res = await createToken({
+                    name: body.name,
+                    description: body.description,
+                    lifespan: buildLifespan(body.lifespan),
+                    adminPermissions: adminPermissionsToSend
+                });
+                if ('error' in res) {
+                    if (baseQuery.isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
+                        formik.setErrors(formatValidationErrors(res.error));
+                    } else {
+                        toggleNotification({
+                            type: 'danger',
+                            message: formatAPIError(res.error)
+                        });
+                    }
+                    return;
+                }
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.adminTokenCreated',
+                        defaultMessage: 'Admin Token successfully created'
+                    })
+                });
+                trackUsage('didCreateToken', {
+                    kind: 'admin',
+                    tokenType: constants.API_TOKEN_TYPE
+                });
+                adminPermissionsRef.current?.setFormAfterSubmit();
+                navigate(`../admin-tokens/${res.data.id.toString()}`, {
+                    state: {
+                        apiToken: res.data
+                    },
+                    replace: true
+                });
+            } else {
+                const res = await updateToken({
+                    id: id,
+                    name: body.name,
+                    description: body.description,
+                    adminPermissions: adminPermissionsToSend
+                });
+                if ('error' in res) {
+                    if (baseQuery.isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
+                        formik.setErrors(formatValidationErrors(res.error));
+                    } else {
+                        toggleNotification({
+                            type: 'danger',
+                            message: formatAPIError(res.error)
+                        });
+                    }
+                    return;
+                }
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.adminTokenEdited',
+                        defaultMessage: 'Admin Token successfully edited'
+                    })
+                });
+                trackUsage('didEditToken', {
+                    kind: 'admin',
+                    tokenType: constants.API_TOKEN_TYPE
+                });
+                adminPermissionsRef.current?.setFormAfterSubmit();
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'Something went wrong'
+                })
+            });
+        }
+    };
+    const toggleToken = ()=>{
+        setShowToken((prev)=>!prev);
+        if (hideTimerRef.current) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = null;
+        }
+    };
+    const canEditInputs = canUpdate && !isCreating || canCreate && isCreating;
+    const canShowToken = apiToken?.accessKey !== undefined && apiToken.accessKey !== '';
+    const canRegenerateToken = canRegenerate && isCurrentUserTokenOwner(apiToken, currentUser?.id);
+    const initialAdminPermissions = apiToken !== null && apiToken.kind === 'admin' ? apiToken.adminPermissions ?? [] : [];
+    const ownerUserId = apiToken !== null && apiToken.kind === 'admin' ? getOwnerId(apiToken.adminUserOwner) : null;
+    if (isLoading || !isCreating && apiToken === null) {
+        return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(PageHelpers.Page.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Admin Tokens'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+                validationSchema: constants.apiTokenInformationSchema,
+                validateOnChange: false,
+                initialValues: {
+                    name: apiToken?.name || '',
+                    description: apiToken?.description || '',
+                    type: undefined,
+                    lifespan: apiToken?.lifespan
+                },
+                enableReinitialize: true,
+                onSubmit: (body, actions)=>handleSubmit(body, actions),
+                children: ({ errors, handleChange, isSubmitting, values })=>/*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(FormHead.FormHead, {
+                                title: isCreating ? {
+                                    id: 'Settings.adminTokens.createPage.title',
+                                    defaultMessage: 'Create Admin Token'
+                                } : {
+                                    id: 'Settings.adminTokens.editPage.title',
+                                    defaultMessage: 'Edit Admin Token'
+                                },
+                                token: apiToken,
+                                setToken: setApiToken,
+                                toggleToken: toggleToken,
+                                showToken: showToken,
+                                canEditInputs: canEditInputs,
+                                canRegenerate: canRegenerateToken,
+                                canShowToken: canShowToken,
+                                isSubmitting: isSubmitting,
+                                regenerateUrl: "/admin/admin-tokens/"
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Content, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 6,
+                                    children: [
+                                        apiToken?.accessKey !== undefined && apiToken.accessKey !== '' && showToken === true && /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(TokenBox.ApiTokenBox, {
+                                                token: apiToken.accessKey,
+                                                tokenType: constants.API_TOKEN_TYPE
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(FormApiTokenContainer.FormApiTokenContainer, {
+                                            errors: errors,
+                                            onChange: handleChange,
+                                            canEditInputs: canEditInputs,
+                                            isCreating: isCreating,
+                                            values: values,
+                                            apiToken: apiToken,
+                                            kind: "admin",
+                                            onDispatch: ()=>{},
+                                            setHasChangedPermissions: ()=>{}
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                            shadow: "filterShadow",
+                                            hasRadius: true,
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(AdminPermissions.AdminPermissions, {
+                                                ref: adminPermissionsRef,
+                                                disabled: !canEditInputs,
+                                                initialAdminPermissions: initialAdminPermissions,
+                                                tokenId: !isCreating && id ? id : undefined,
+                                                ownerUserId: ownerUserId
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedEditView = ()=>{
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['admin-tokens']?.read);
+    return /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(EditView, {})
+    });
+};
+
+exports.EditView = EditView;
+exports.ProtectedEditView = ProtectedEditView;
+//# sourceMappingURL=EditViewPage.js.map

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/EditView/EditViewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditViewPage.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/AdminTokens/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, Box } from '@strapi/design-system';\nimport { Formik, Form, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useMatch, useNavigate } from 'react-router-dom';\n\nimport { Layouts } from '../../../../../components/Layouts/Layout';\nimport { Page } from '../../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../../core/store/hooks';\nimport { useAuth } from '../../../../../features/Auth';\nimport { useNotification } from '../../../../../features/Notifications';\nimport { useTracking } from '../../../../../features/Tracking';\nimport { useAPIErrorHandler } from '../../../../../hooks/useAPIErrorHandler';\nimport { useRBAC } from '../../../../../hooks/useRBAC';\nimport {\n  useCreateAdminTokenMutation,\n  useGetAdminTokenQuery,\n  useUpdateAdminTokenMutation,\n} from '../../../../../services/apiTokens';\nimport { isBaseQueryError } from '../../../../../utils/baseQuery';\nimport { API_TOKEN_TYPE, apiTokenInformationSchema } from '../../../components/Tokens/constants';\nimport { FormApiTokenContainer } from '../../../components/Tokens/FormApiTokenContainer';\nimport { FormHead } from '../../../components/Tokens/FormHead';\nimport { ApiTokenBox } from '../../../components/Tokens/TokenBox';\n\nimport { AdminPermissions } from './components/AdminPermissions';\n\nimport type { AdminApiToken, Get } from '../../../../../../../shared/contracts/admin-token';\nimport type { ApiToken } from '../../../../../../../shared/contracts/api-token';\nimport type { AuthContextValue } from '../../../../../features/Auth';\nimport type { PermissionsAPI } from '../../Roles/components/Permissions';\nimport type { Data } from '@strapi/types';\n\nconst getOwnerId = (owner: AdminApiToken['adminUserOwner']): Data.ID | null => {\n  if (owner === undefined || owner === null) return null;\n  return typeof owner === 'object' ? owner.id : owner;\n};\n\nconst isCurrentUserTokenOwner = (\n  apiToken: ApiToken | null,\n  currentUserId: Data.ID | undefined\n): boolean => {\n  if (apiToken === null || apiToken.kind !== 'admin') return true;\n  const ownerId = getOwnerId(apiToken.adminUserOwner);\n  if (ownerId === null) return true;\n  return currentUserId !== undefined && ownerId === currentUserId;\n};\n\nexport const EditView = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { state: locationState } = useLocation();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n  const [apiToken, setApiToken] = React.useState<ApiToken | null>(\n    locationState?.apiToken?.accessKey !== undefined && locationState?.apiToken?.accessKey !== ''\n      ? { ...locationState.apiToken }\n      : null\n  );\n\n  const [showToken, setShowToken] = React.useState(\n    locationState?.apiToken?.accessKey !== undefined && locationState?.apiToken?.accessKey !== ''\n  );\n  const hideTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const adminPermissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const currentUser = useAuth('EditView', (state: AuthContextValue) => state.user);\n  const {\n    allowedActions: { canCreate, canUpdate, canRegenerate },\n  } = useRBAC(permissions.settings?.['admin-tokens']);\n  const match = useMatch('/settings/admin-tokens/:id');\n  const id = match?.params?.id;\n  const isCreating = id === 'create';\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const navigate = useNavigate();\n\n  React.useEffect(() => {\n    trackUsage(isCreating ? 'didAddTokenFromList' : 'didEditTokenFromList', {\n      tokenType: API_TOKEN_TYPE,\n    });\n  }, [isCreating, trackUsage]);\n\n  const { data, error, isLoading } = useGetAdminTokenQuery(id!, {\n    skip: !id || isCreating,\n    refetchOnMountOrArgChange: true,\n  });\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    if (data) {\n      setApiToken(data);\n    }\n  }, [data]);\n\n  React.useEffect(() => {\n    if (showToken) {\n      hideTimerRef.current = setTimeout(() => {\n        setShowToken(false);\n      }, 30000); // 30 seconds\n\n      return () => {\n        if (hideTimerRef.current) {\n          clearTimeout(hideTimerRef.current);\n          hideTimerRef.current = null;\n        }\n      };\n    }\n  }, [showToken]);\n\n  const [createToken] = useCreateAdminTokenMutation();\n  const [updateToken] = useUpdateAdminTokenMutation();\n\n  interface FormValues extends Pick<Get.Response['data'], 'name' | 'description'> {\n    lifespan: Get.Response['data']['lifespan'] | undefined;\n    type: undefined;\n  }\n\n  const buildLifespan = (raw: FormValues['lifespan']): number | null =>\n    raw && raw !== '0' ? parseInt(raw.toString(), 10) : null;\n\n  const handleSubmit = async (body: FormValues, formik: FormikHelpers<FormValues>) => {\n    trackUsage(isCreating ? 'willCreateToken' : 'willEditToken', {\n      tokenType: API_TOKEN_TYPE,\n    });\n\n    const adminPermissionsToSend =\n      adminPermissionsRef.current?.getPermissions().permissionsToSend ?? [];\n\n    try {\n      if (isCreating) {\n        const res = await createToken({\n          name: body.name,\n          description: body.description,\n          lifespan: buildLifespan(body.lifespan),\n          adminPermissions: adminPermissionsToSend,\n        });\n\n        if ('error' in res) {\n          if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(res.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(res.error),\n            });\n          }\n\n          return;\n        }\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'notification.success.adminTokenCreated',\n            defaultMessage: 'Admin Token successfully created',\n          }),\n        });\n\n        trackUsage('didCreateToken', {\n          kind: 'admin',\n          tokenType: API_TOKEN_TYPE,\n        });\n\n        adminPermissionsRef.current?.setFormAfterSubmit();\n\n        navigate(`../admin-tokens/${res.data.id.toString()}`, {\n          state: { apiToken: res.data },\n          replace: true,\n        });\n      } else {\n        const res = await updateToken({\n          id: id!,\n          name: body.name,\n          description: body.description,\n          adminPermissions: adminPermissionsToSend,\n        });\n\n        if ('error' in res) {\n          if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(res.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(res.error),\n            });\n          }\n\n          return;\n        }\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'notification.success.adminTokenEdited',\n            defaultMessage: 'Admin Token successfully edited',\n          }),\n        });\n\n        trackUsage('didEditToken', {\n          kind: 'admin',\n          tokenType: API_TOKEN_TYPE,\n        });\n\n        adminPermissionsRef.current?.setFormAfterSubmit();\n      }\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  const toggleToken = () => {\n    setShowToken((prev) => !prev);\n    if (hideTimerRef.current) {\n      clearTimeout(hideTimerRef.current);\n      hideTimerRef.current = null;\n    }\n  };\n\n  const canEditInputs = (canUpdate && !isCreating) || (canCreate && isCreating);\n  const canShowToken = apiToken?.accessKey !== undefined && apiToken.accessKey !== '';\n  const canRegenerateToken = canRegenerate && isCurrentUserTokenOwner(apiToken, currentUser?.id);\n\n  const initialAdminPermissions =\n    apiToken !== null && apiToken.kind === 'admin' ? (apiToken.adminPermissions ?? []) : [];\n\n  const ownerUserId =\n    apiToken !== null && apiToken.kind === 'admin' ? getOwnerId(apiToken.adminUserOwner) : null;\n\n  if (isLoading || (!isCreating && apiToken === null)) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          { name: 'Admin Tokens' }\n        )}\n      </Page.Title>\n      <Formik\n        validationSchema={apiTokenInformationSchema}\n        validateOnChange={false}\n        initialValues={{\n          name: apiToken?.name || '',\n          description: apiToken?.description || '',\n          type: undefined,\n          lifespan: apiToken?.lifespan,\n        }}\n        enableReinitialize\n        onSubmit={(body, actions) => handleSubmit(body as FormValues, actions)}\n      >\n        {({ errors, handleChange, isSubmitting, values }) => (\n          <Form>\n            <FormHead\n              title={\n                isCreating\n                  ? {\n                      id: 'Settings.adminTokens.createPage.title',\n                      defaultMessage: 'Create Admin Token',\n                    }\n                  : {\n                      id: 'Settings.adminTokens.editPage.title',\n                      defaultMessage: 'Edit Admin Token',\n                    }\n              }\n              token={apiToken}\n              setToken={setApiToken}\n              toggleToken={toggleToken}\n              showToken={showToken}\n              canEditInputs={canEditInputs}\n              canRegenerate={canRegenerateToken}\n              canShowToken={canShowToken}\n              isSubmitting={isSubmitting}\n              regenerateUrl=\"/admin/admin-tokens/\"\n            />\n\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                {apiToken?.accessKey !== undefined &&\n                  apiToken.accessKey !== '' &&\n                  showToken === true && (\n                    <>\n                      <ApiTokenBox token={apiToken.accessKey} tokenType={API_TOKEN_TYPE} />\n                    </>\n                  )}\n\n                <FormApiTokenContainer\n                  errors={errors}\n                  onChange={handleChange}\n                  canEditInputs={canEditInputs}\n                  isCreating={isCreating}\n                  values={values}\n                  apiToken={apiToken}\n                  kind=\"admin\"\n                  onDispatch={() => {}}\n                  setHasChangedPermissions={() => {}}\n                />\n\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <AdminPermissions\n                    ref={adminPermissionsRef}\n                    disabled={!canEditInputs}\n                    initialAdminPermissions={initialAdminPermissions}\n                    tokenId={!isCreating && id ? id : undefined}\n                    ownerUserId={ownerUserId}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </Form>\n        )}\n      </Formik>\n    </Page.Main>\n  );\n};\n\nexport const ProtectedEditView = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['admin-tokens']?.read\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditView />\n    </Page.Protect>\n  );\n};\n"],"names":["getOwnerId","owner","undefined","id","isCurrentUserTokenOwner","apiToken","currentUserId","kind","ownerId","adminUserOwner","EditView","formatMessage","useIntl","toggleNotification","useNotification","state","locationState","useLocation","permissions","useTypedSelector","admin_app","setApiToken","React","useState","accessKey","showToken","setShowToken","hideTimerRef","useRef","adminPermissionsRef","trackUsage","useTracking","currentUser","useAuth","user","allowedActions","canCreate","canUpdate","canRegenerate","useRBAC","settings","match","useMatch","params","isCreating","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","navigate","useNavigate","useEffect","tokenType","API_TOKEN_TYPE","data","error","isLoading","useGetAdminTokenQuery","skip","refetchOnMountOrArgChange","type","message","current","setTimeout","clearTimeout","createToken","useCreateAdminTokenMutation","updateToken","useUpdateAdminTokenMutation","buildLifespan","raw","parseInt","toString","handleSubmit","body","formik","adminPermissionsToSend","getPermissions","permissionsToSend","res","name","description","lifespan","adminPermissions","isBaseQueryError","setErrors","defaultMessage","setFormAfterSubmit","replace","toggleToken","prev","canEditInputs","canShowToken","canRegenerateToken","initialAdminPermissions","ownerUserId","_jsx","Page","Loading","_jsxs","Main","Title","Formik","validationSchema","apiTokenInformationSchema","validateOnChange","initialValues","enableReinitialize","onSubmit","actions","errors","handleChange","isSubmitting","values","Form","FormHead","title","token","setToken","regenerateUrl","Layouts","Content","Flex","direction","alignItems","gap","_Fragment","ApiTokenBox","FormApiTokenContainer","onChange","onDispatch","setHasChangedPermissions","Box","shadow","hasRadius","AdminPermissions","ref","disabled","tokenId","ProtectedEditView","read","Protect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,aAAa,CAACC,KAAAA,GAAAA;AAClB,IAAA,IAAIA,KAAAA,KAAUC,SAAAA,IAAaD,KAAAA,KAAU,IAAA,EAAM,OAAO,IAAA;AAClD,IAAA,OAAO,OAAOA,KAAAA,KAAU,QAAA,GAAWA,KAAAA,CAAME,EAAE,GAAGF,KAAAA;AAChD,CAAA;AAEA,MAAMG,uBAAAA,GAA0B,CAC9BC,QAAAA,EACAC,aAAAA,GAAAA;AAEA,IAAA,IAAID,aAAa,IAAA,IAAQA,QAAAA,CAASE,IAAI,KAAK,SAAS,OAAO,IAAA;IAC3D,MAAMC,OAAAA,GAAUR,UAAAA,CAAWK,QAAAA,CAASI,cAAc,CAAA;IAClD,IAAID,OAAAA,KAAY,MAAM,OAAO,IAAA;IAC7B,OAAOF,aAAAA,KAAkBJ,aAAaM,OAAAA,KAAYF,aAAAA;AACpD,CAAA;MAEaI,QAAAA,GAAW,IAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,6BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,KAAAA,EAAOC,aAAa,EAAE,GAAGC,0BAAAA,EAAAA;AACjC,IAAA,MAAMC,cAAcC,sBAAAA,CAAiB,CAACJ,QAAUA,KAAAA,CAAMK,SAAS,CAACF,WAAW,CAAA;AAC3E,IAAA,MAAM,CAACb,QAAAA,EAAUgB,WAAAA,CAAY,GAAGC,iBAAMC,QAAQ,CAC5CP,aAAAA,EAAeX,QAAAA,EAAUmB,SAAAA,KAActB,SAAAA,IAAac,aAAAA,EAAeX,QAAAA,EAAUmB,cAAc,EAAA,GACvF;AAAE,QAAA,GAAGR,cAAcX;KAAS,GAC5B,IAAA,CAAA;AAGN,IAAA,MAAM,CAACoB,SAAAA,EAAWC,YAAAA,CAAa,GAAGJ,gBAAAA,CAAMC,QAAQ,CAC9CP,aAAAA,EAAeX,QAAAA,EAAUmB,SAAAA,KAActB,SAAAA,IAAac,aAAAA,EAAeX,UAAUmB,SAAAA,KAAc,EAAA,CAAA;IAE7F,MAAMG,YAAAA,GAAeL,gBAAAA,CAAMM,MAAM,CAAuC,IAAA,CAAA;IACxE,MAAMC,mBAAAA,GAAsBP,gBAAAA,CAAMM,MAAM,CAAiB,IAAA,CAAA;IACzD,MAAM,EAAEE,UAAU,EAAE,GAAGC,oBAAAA,EAAAA;AACvB,IAAA,MAAMC,cAAcC,YAAAA,CAAQ,UAAA,EAAY,CAAClB,KAAAA,GAA4BA,MAAMmB,IAAI,CAAA;AAC/E,IAAA,MAAM,EACJC,cAAAA,EAAgB,EAAEC,SAAS,EAAEC,SAAS,EAAEC,aAAa,EAAE,EACxD,GAAGC,eAAAA,CAAQrB,WAAAA,CAAYsB,QAAQ,GAAG,cAAA,CAAe,CAAA;AAClD,IAAA,MAAMC,QAAQC,uBAAAA,CAAS,4BAAA,CAAA;IACvB,MAAMvC,EAAAA,GAAKsC,OAAOE,MAAAA,EAAQxC,EAAAA;AAC1B,IAAA,MAAMyC,aAAazC,EAAAA,KAAO,QAAA;AAC1B,IAAA,MAAM,EACJ0C,uBAAAA,EAAyBC,cAAc,EACvCC,+BAAAA,EAAiCC,sBAAsB,EACxD,GAAGC,qCAAAA,EAAAA;AAEJ,IAAA,MAAMC,QAAAA,GAAWC,0BAAAA,EAAAA;AAEjB7B,IAAAA,gBAAAA,CAAM8B,SAAS,CAAC,IAAA;QACdtB,UAAAA,CAAWc,UAAAA,GAAa,wBAAwB,sBAAA,EAAwB;YACtES,SAAAA,EAAWC;AACb,SAAA,CAAA;IACF,CAAA,EAAG;AAACV,QAAAA,UAAAA;AAAYd,QAAAA;AAAW,KAAA,CAAA;IAE3B,MAAM,EAAEyB,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,+BAAAA,CAAsBvD,EAAAA,EAAK;AAC5DwD,QAAAA,IAAAA,EAAM,CAACxD,EAAAA,IAAMyC,UAAAA;QACbgB,yBAAAA,EAA2B;AAC7B,KAAA,CAAA;AAEAtC,IAAAA,gBAAAA,CAAM8B,SAAS,CAAC,IAAA;AACd,QAAA,IAAII,KAAAA,EAAO;YACT3C,kBAAAA,CAAmB;gBACjBgD,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAAShB,cAAAA,CAAeU,KAAAA;AAC1B,aAAA,CAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA,KAAAA;AAAOV,QAAAA,cAAAA;AAAgBjC,QAAAA;AAAmB,KAAA,CAAA;AAE9CS,IAAAA,gBAAAA,CAAM8B,SAAS,CAAC,IAAA;AACd,QAAA,IAAIG,IAAAA,EAAM;YACRlC,WAAAA,CAAYkC,IAAAA,CAAAA;AACd,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA;AAAK,KAAA,CAAA;AAETjC,IAAAA,gBAAAA,CAAM8B,SAAS,CAAC,IAAA;AACd,QAAA,IAAI3B,SAAAA,EAAW;YACbE,YAAAA,CAAaoC,OAAO,GAAGC,UAAAA,CAAW,IAAA;gBAChCtC,YAAAA,CAAa,KAAA,CAAA;AACf,YAAA,CAAA,EAAG;YAEH,OAAO,IAAA;gBACL,IAAIC,YAAAA,CAAaoC,OAAO,EAAE;AACxBE,oBAAAA,YAAAA,CAAatC,aAAaoC,OAAO,CAAA;AACjCpC,oBAAAA,YAAAA,CAAaoC,OAAO,GAAG,IAAA;AACzB,gBAAA;AACF,YAAA,CAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACtC,QAAAA;AAAU,KAAA,CAAA;IAEd,MAAM,CAACyC,YAAY,GAAGC,qCAAAA,EAAAA;IACtB,MAAM,CAACC,YAAY,GAAGC,qCAAAA,EAAAA;IAOtB,MAAMC,aAAAA,GAAgB,CAACC,GAAAA,GACrBA,GAAAA,IAAOA,GAAAA,KAAQ,MAAMC,QAAAA,CAASD,GAAAA,CAAIE,QAAQ,EAAA,EAAI,EAAA,CAAA,GAAM,IAAA;IAEtD,MAAMC,YAAAA,GAAe,OAAOC,IAAAA,EAAkBC,MAAAA,GAAAA;QAC5C9C,UAAAA,CAAWc,UAAAA,GAAa,oBAAoB,eAAA,EAAiB;YAC3DS,SAAAA,EAAWC;AACb,SAAA,CAAA;AAEA,QAAA,MAAMuB,yBACJhD,mBAAAA,CAAoBkC,OAAO,EAAEe,cAAAA,EAAAA,CAAiBC,qBAAqB,EAAE;QAEvE,IAAI;AACF,YAAA,IAAInC,UAAAA,EAAY;gBACd,MAAMoC,GAAAA,GAAM,MAAMd,WAAAA,CAAY;AAC5Be,oBAAAA,IAAAA,EAAMN,KAAKM,IAAI;AACfC,oBAAAA,WAAAA,EAAaP,KAAKO,WAAW;oBAC7BC,QAAAA,EAAUb,aAAAA,CAAcK,KAAKQ,QAAQ,CAAA;oBACrCC,gBAAAA,EAAkBP;AACpB,iBAAA,CAAA;AAEA,gBAAA,IAAI,WAAWG,GAAAA,EAAK;oBAClB,IAAIK,0BAAAA,CAAiBL,IAAIxB,KAAK,CAAA,IAAKwB,IAAIxB,KAAK,CAACyB,IAAI,KAAK,iBAAA,EAAmB;AACvEL,wBAAAA,MAAAA,CAAOU,SAAS,CAACtC,sBAAAA,CAAuBgC,GAAAA,CAAIxB,KAAK,CAAA,CAAA;oBACnD,CAAA,MAAO;wBACL3C,kBAAAA,CAAmB;4BACjBgD,IAAAA,EAAM,QAAA;4BACNC,OAAAA,EAAShB,cAAAA,CAAekC,IAAIxB,KAAK;AACnC,yBAAA,CAAA;AACF,oBAAA;AAEA,oBAAA;AACF,gBAAA;gBAEA3C,kBAAAA,CAAmB;oBACjBgD,IAAAA,EAAM,SAAA;AACNC,oBAAAA,OAAAA,EAASnD,aAAAA,CAAc;wBACrBR,EAAAA,EAAI,wCAAA;wBACJoF,cAAAA,EAAgB;AAClB,qBAAA;AACF,iBAAA,CAAA;AAEAzD,gBAAAA,UAAAA,CAAW,gBAAA,EAAkB;oBAC3BvB,IAAAA,EAAM,OAAA;oBACN8C,SAAAA,EAAWC;AACb,iBAAA,CAAA;AAEAzB,gBAAAA,mBAAAA,CAAoBkC,OAAO,EAAEyB,kBAAAA,EAAAA;gBAE7BtC,QAAAA,CAAS,CAAC,gBAAgB,EAAE8B,GAAAA,CAAIzB,IAAI,CAACpD,EAAE,CAACsE,QAAQ,EAAA,CAAA,CAAI,EAAE;oBACpD1D,KAAAA,EAAO;AAAEV,wBAAAA,QAAAA,EAAU2E,IAAIzB;AAAK,qBAAA;oBAC5BkC,OAAAA,EAAS;AACX,iBAAA,CAAA;YACF,CAAA,MAAO;gBACL,MAAMT,GAAAA,GAAM,MAAMZ,WAAAA,CAAY;oBAC5BjE,EAAAA,EAAIA,EAAAA;AACJ8E,oBAAAA,IAAAA,EAAMN,KAAKM,IAAI;AACfC,oBAAAA,WAAAA,EAAaP,KAAKO,WAAW;oBAC7BE,gBAAAA,EAAkBP;AACpB,iBAAA,CAAA;AAEA,gBAAA,IAAI,WAAWG,GAAAA,EAAK;oBAClB,IAAIK,0BAAAA,CAAiBL,IAAIxB,KAAK,CAAA,IAAKwB,IAAIxB,KAAK,CAACyB,IAAI,KAAK,iBAAA,EAAmB;AACvEL,wBAAAA,MAAAA,CAAOU,SAAS,CAACtC,sBAAAA,CAAuBgC,GAAAA,CAAIxB,KAAK,CAAA,CAAA;oBACnD,CAAA,MAAO;wBACL3C,kBAAAA,CAAmB;4BACjBgD,IAAAA,EAAM,QAAA;4BACNC,OAAAA,EAAShB,cAAAA,CAAekC,IAAIxB,KAAK;AACnC,yBAAA,CAAA;AACF,oBAAA;AAEA,oBAAA;AACF,gBAAA;gBAEA3C,kBAAAA,CAAmB;oBACjBgD,IAAAA,EAAM,SAAA;AACNC,oBAAAA,OAAAA,EAASnD,aAAAA,CAAc;wBACrBR,EAAAA,EAAI,uCAAA;wBACJoF,cAAAA,EAAgB;AAClB,qBAAA;AACF,iBAAA,CAAA;AAEAzD,gBAAAA,UAAAA,CAAW,cAAA,EAAgB;oBACzBvB,IAAAA,EAAM,OAAA;oBACN8C,SAAAA,EAAWC;AACb,iBAAA,CAAA;AAEAzB,gBAAAA,mBAAAA,CAAoBkC,OAAO,EAAEyB,kBAAAA,EAAAA;AAC/B,YAAA;AACF,QAAA,CAAA,CAAE,OAAM;YACN3E,kBAAAA,CAAmB;gBACjBgD,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASnD,aAAAA,CAAc;oBACrBR,EAAAA,EAAI,oBAAA;oBACJoF,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMG,WAAAA,GAAc,IAAA;QAClBhE,YAAAA,CAAa,CAACiE,OAAS,CAACA,IAAAA,CAAAA;QACxB,IAAIhE,YAAAA,CAAaoC,OAAO,EAAE;AACxBE,YAAAA,YAAAA,CAAatC,aAAaoC,OAAO,CAAA;AACjCpC,YAAAA,YAAAA,CAAaoC,OAAO,GAAG,IAAA;AACzB,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAM6B,aAAAA,GAAiBvD,SAAAA,IAAa,CAACO,cAAgBR,SAAAA,IAAaQ,UAAAA;AAClE,IAAA,MAAMiD,eAAexF,QAAAA,EAAUmB,SAAAA,KAActB,SAAAA,IAAaG,QAAAA,CAASmB,SAAS,KAAK,EAAA;AACjF,IAAA,MAAMsE,kBAAAA,GAAqBxD,aAAAA,IAAiBlC,uBAAAA,CAAwBC,QAAAA,EAAU2B,WAAAA,EAAa7B,EAAAA,CAAAA;AAE3F,IAAA,MAAM4F,uBAAAA,GACJ1F,QAAAA,KAAa,IAAA,IAAQA,QAAAA,CAASE,IAAI,KAAK,OAAA,GAAWF,QAAAA,CAAS+E,gBAAgB,IAAI,EAAE,GAAI,EAAE;IAEzF,MAAMY,WAAAA,GACJ3F,QAAAA,KAAa,IAAA,IAAQA,QAAAA,CAASE,IAAI,KAAK,OAAA,GAAUP,UAAAA,CAAWK,QAAAA,CAASI,cAAc,CAAA,GAAI,IAAA;AAEzF,IAAA,IAAIgD,SAAAA,IAAc,CAACb,UAAAA,IAAcvC,QAAAA,KAAa,IAAA,EAAO;QACnD,qBAAO4F,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;IAEA,qBACEC,eAAA,CAACF,iBAAKG,IAAI,EAAA;;AACR,0BAAAJ,cAAA,CAACC,iBAAKI,KAAK,EAAA;0BACR3F,aAAAA,CACC;oBAAER,EAAAA,EAAI,oBAAA;oBAAsBoF,cAAAA,EAAgB;iBAAoB,EAChE;oBAAEN,IAAAA,EAAM;AAAe,iBAAA;;0BAG3BgB,cAAA,CAACM,aAAAA,EAAAA;gBACCC,gBAAAA,EAAkBC,mCAAAA;gBAClBC,gBAAAA,EAAkB,KAAA;gBAClBC,aAAAA,EAAe;AACb1B,oBAAAA,IAAAA,EAAM5E,UAAU4E,IAAAA,IAAQ,EAAA;AACxBC,oBAAAA,WAAAA,EAAa7E,UAAU6E,WAAAA,IAAe,EAAA;oBACtCrB,IAAAA,EAAM3D,SAAAA;AACNiF,oBAAAA,QAAAA,EAAU9E,QAAAA,EAAU8E;AACtB,iBAAA;gBACAyB,kBAAkB,EAAA,IAAA;AAClBC,gBAAAA,QAAAA,EAAU,CAAClC,IAAAA,EAAMmC,OAAAA,GAAYpC,YAAAA,CAAaC,IAAAA,EAAoBmC,OAAAA,CAAAA;0BAE7D,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,MAAM,EAAE,iBAC9Cd,eAAA,CAACe,WAAAA,EAAAA;;0CACClB,cAAA,CAACmB,iBAAAA,EAAAA;AACCC,gCAAAA,KAAAA,EACEzE,UAAAA,GACI;oCACEzC,EAAAA,EAAI,uCAAA;oCACJoF,cAAAA,EAAgB;iCAClB,GACA;oCACEpF,EAAAA,EAAI,qCAAA;oCACJoF,cAAAA,EAAgB;AAClB,iCAAA;gCAEN+B,KAAAA,EAAOjH,QAAAA;gCACPkH,QAAAA,EAAUlG,WAAAA;gCACVqE,WAAAA,EAAaA,WAAAA;gCACbjE,SAAAA,EAAWA,SAAAA;gCACXmE,aAAAA,EAAeA,aAAAA;gCACftD,aAAAA,EAAewD,kBAAAA;gCACfD,YAAAA,EAAcA,YAAAA;gCACdoB,YAAAA,EAAcA,YAAAA;gCACdO,aAAAA,EAAc;;AAGhB,0CAAAvB,cAAA,CAACwB,eAAQC,OAAO,EAAA;AACd,gCAAA,QAAA,gBAAAtB,eAAA,CAACuB,iBAAAA,EAAAA;oCAAKC,SAAAA,EAAU,QAAA;oCAASC,UAAAA,EAAW,SAAA;oCAAUC,GAAAA,EAAK,CAAA;;AAChDzH,wCAAAA,QAAAA,EAAUmB,cAActB,SAAAA,IACvBG,QAAAA,CAASmB,SAAS,KAAK,EAAA,IACvBC,cAAc,IAAA,kBACZwE,cAAA,CAAA8B,mBAAA,EAAA;AACE,4CAAA,QAAA,gBAAA9B,cAAA,CAAC+B,oBAAAA,EAAAA;AAAYV,gDAAAA,KAAAA,EAAOjH,SAASmB,SAAS;gDAAE6B,SAAAA,EAAWC;;;sDAIzD2C,cAAA,CAACgC,2CAAAA,EAAAA;4CACClB,MAAAA,EAAQA,MAAAA;4CACRmB,QAAAA,EAAUlB,YAAAA;4CACVpB,aAAAA,EAAeA,aAAAA;4CACfhD,UAAAA,EAAYA,UAAAA;4CACZsE,MAAAA,EAAQA,MAAAA;4CACR7G,QAAAA,EAAUA,QAAAA;4CACVE,IAAAA,EAAK,OAAA;AACL4H,4CAAAA,UAAAA,EAAY,IAAA,CAAO,CAAA;AACnBC,4CAAAA,wBAAAA,EAA0B,IAAA,CAAO;;sDAGnCnC,cAAA,CAACoC,gBAAAA,EAAAA;4CAAIC,MAAAA,EAAO,cAAA;4CAAeC,SAAS,EAAA,IAAA;AAClC,4CAAA,QAAA,gBAAAtC,cAAA,CAACuC,iCAAAA,EAAAA;gDACCC,GAAAA,EAAK5G,mBAAAA;AACL6G,gDAAAA,QAAAA,EAAU,CAAC9C,aAAAA;gDACXG,uBAAAA,EAAyBA,uBAAAA;gDACzB4C,OAAAA,EAAS,CAAC/F,UAAAA,IAAczC,EAAAA,GAAKA,EAAAA,GAAKD,SAAAA;gDAClC8F,WAAAA,EAAaA;;;;;;;;;;;AAUjC;MAEa4C,iBAAAA,GAAoB,IAAA;AAC/B,IAAA,MAAM1H,WAAAA,GAAcC,sBAAAA,CAClB,CAACJ,KAAAA,GAAUA,KAAAA,CAAMK,SAAS,CAACF,WAAW,CAACsB,QAAQ,GAAG,eAAe,EAAEqG,IAAAA,CAAAA;IAGrE,qBACE5C,cAAA,CAACC,iBAAK4C,OAAO,EAAA;QAAC5H,WAAAA,EAAaA,WAAAA;AACzB,QAAA,QAAA,gBAAA+E,cAAA,CAACvF,QAAAA,EAAAA,EAAAA;;AAGP;;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/AdminTokens/EditView/EditViewPage.mjs

@@ -0,0 +1,292 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Box } from '@strapi/design-system';
+import { Formik, Form } from 'formik';
+import { useIntl } from 'react-intl';
+import { useLocation, useMatch, useNavigate } 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 { useAuth } from '../../../../../features/Auth.mjs';
+import { useNotification } from '../../../../../features/Notifications.mjs';
+import { useTracking } from '../../../../../features/Tracking.mjs';
+import { useAPIErrorHandler } from '../../../../../hooks/useAPIErrorHandler.mjs';
+import { useRBAC } from '../../../../../hooks/useRBAC.mjs';
+import { useGetAdminTokenQuery, useCreateAdminTokenMutation, useUpdateAdminTokenMutation } from '../../../../../services/apiTokens.mjs';
+import { isBaseQueryError } from '../../../../../utils/baseQuery.mjs';
+import { API_TOKEN_TYPE, apiTokenInformationSchema } from '../../../components/Tokens/constants.mjs';
+import { FormApiTokenContainer } from '../../../components/Tokens/FormApiTokenContainer.mjs';
+import { FormHead } from '../../../components/Tokens/FormHead.mjs';
+import { ApiTokenBox } from '../../../components/Tokens/TokenBox.mjs';
+import { AdminPermissions } from './components/AdminPermissions.mjs';
+
+const getOwnerId = (owner)=>{
+    if (owner === undefined || owner === null) return null;
+    return typeof owner === 'object' ? owner.id : owner;
+};
+const isCurrentUserTokenOwner = (apiToken, currentUserId)=>{
+    if (apiToken === null || apiToken.kind !== 'admin') return true;
+    const ownerId = getOwnerId(apiToken.adminUserOwner);
+    if (ownerId === null) return true;
+    return currentUserId !== undefined && ownerId === currentUserId;
+};
+const EditView = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { state: locationState } = useLocation();
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions);
+    const [apiToken, setApiToken] = React.useState(locationState?.apiToken?.accessKey !== undefined && locationState?.apiToken?.accessKey !== '' ? {
+        ...locationState.apiToken
+    } : null);
+    const [showToken, setShowToken] = React.useState(locationState?.apiToken?.accessKey !== undefined && locationState?.apiToken?.accessKey !== '');
+    const hideTimerRef = React.useRef(null);
+    const adminPermissionsRef = React.useRef(null);
+    const { trackUsage } = useTracking();
+    const currentUser = useAuth('EditView', (state)=>state.user);
+    const { allowedActions: { canCreate, canUpdate, canRegenerate } } = useRBAC(permissions.settings?.['admin-tokens']);
+    const match = useMatch('/settings/admin-tokens/:id');
+    const id = match?.params?.id;
+    const isCreating = id === 'create';
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
+    const navigate = useNavigate();
+    React.useEffect(()=>{
+        trackUsage(isCreating ? 'didAddTokenFromList' : 'didEditTokenFromList', {
+            tokenType: API_TOKEN_TYPE
+        });
+    }, [
+        isCreating,
+        trackUsage
+    ]);
+    const { data, error, isLoading } = useGetAdminTokenQuery(id, {
+        skip: !id || isCreating,
+        refetchOnMountOrArgChange: true
+    });
+    React.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    React.useEffect(()=>{
+        if (data) {
+            setApiToken(data);
+        }
+    }, [
+        data
+    ]);
+    React.useEffect(()=>{
+        if (showToken) {
+            hideTimerRef.current = setTimeout(()=>{
+                setShowToken(false);
+            }, 30000); // 30 seconds
+            return ()=>{
+                if (hideTimerRef.current) {
+                    clearTimeout(hideTimerRef.current);
+                    hideTimerRef.current = null;
+                }
+            };
+        }
+    }, [
+        showToken
+    ]);
+    const [createToken] = useCreateAdminTokenMutation();
+    const [updateToken] = useUpdateAdminTokenMutation();
+    const buildLifespan = (raw)=>raw && raw !== '0' ? parseInt(raw.toString(), 10) : null;
+    const handleSubmit = async (body, formik)=>{
+        trackUsage(isCreating ? 'willCreateToken' : 'willEditToken', {
+            tokenType: API_TOKEN_TYPE
+        });
+        const adminPermissionsToSend = adminPermissionsRef.current?.getPermissions().permissionsToSend ?? [];
+        try {
+            if (isCreating) {
+                const res = await createToken({
+                    name: body.name,
+                    description: body.description,
+                    lifespan: buildLifespan(body.lifespan),
+                    adminPermissions: adminPermissionsToSend
+                });
+                if ('error' in res) {
+                    if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
+                        formik.setErrors(formatValidationErrors(res.error));
+                    } else {
+                        toggleNotification({
+                            type: 'danger',
+                            message: formatAPIError(res.error)
+                        });
+                    }
+                    return;
+                }
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.adminTokenCreated',
+                        defaultMessage: 'Admin Token successfully created'
+                    })
+                });
+                trackUsage('didCreateToken', {
+                    kind: 'admin',
+                    tokenType: API_TOKEN_TYPE
+                });
+                adminPermissionsRef.current?.setFormAfterSubmit();
+                navigate(`../admin-tokens/${res.data.id.toString()}`, {
+                    state: {
+                        apiToken: res.data
+                    },
+                    replace: true
+                });
+            } else {
+                const res = await updateToken({
+                    id: id,
+                    name: body.name,
+                    description: body.description,
+                    adminPermissions: adminPermissionsToSend
+                });
+                if ('error' in res) {
+                    if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
+                        formik.setErrors(formatValidationErrors(res.error));
+                    } else {
+                        toggleNotification({
+                            type: 'danger',
+                            message: formatAPIError(res.error)
+                        });
+                    }
+                    return;
+                }
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.adminTokenEdited',
+                        defaultMessage: 'Admin Token successfully edited'
+                    })
+                });
+                trackUsage('didEditToken', {
+                    kind: 'admin',
+                    tokenType: API_TOKEN_TYPE
+                });
+                adminPermissionsRef.current?.setFormAfterSubmit();
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'Something went wrong'
+                })
+            });
+        }
+    };
+    const toggleToken = ()=>{
+        setShowToken((prev)=>!prev);
+        if (hideTimerRef.current) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = null;
+        }
+    };
+    const canEditInputs = canUpdate && !isCreating || canCreate && isCreating;
+    const canShowToken = apiToken?.accessKey !== undefined && apiToken.accessKey !== '';
+    const canRegenerateToken = canRegenerate && isCurrentUserTokenOwner(apiToken, currentUser?.id);
+    const initialAdminPermissions = apiToken !== null && apiToken.kind === 'admin' ? apiToken.adminPermissions ?? [] : [];
+    const ownerUserId = apiToken !== null && apiToken.kind === 'admin' ? getOwnerId(apiToken.adminUserOwner) : null;
+    if (isLoading || !isCreating && apiToken === null) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Admin Tokens'
+                })
+            }),
+            /*#__PURE__*/ jsx(Formik, {
+                validationSchema: apiTokenInformationSchema,
+                validateOnChange: false,
+                initialValues: {
+                    name: apiToken?.name || '',
+                    description: apiToken?.description || '',
+                    type: undefined,
+                    lifespan: apiToken?.lifespan
+                },
+                enableReinitialize: true,
+                onSubmit: (body, actions)=>handleSubmit(body, actions),
+                children: ({ errors, handleChange, isSubmitting, values })=>/*#__PURE__*/ jsxs(Form, {
+                        children: [
+                            /*#__PURE__*/ jsx(FormHead, {
+                                title: isCreating ? {
+                                    id: 'Settings.adminTokens.createPage.title',
+                                    defaultMessage: 'Create Admin Token'
+                                } : {
+                                    id: 'Settings.adminTokens.editPage.title',
+                                    defaultMessage: 'Edit Admin Token'
+                                },
+                                token: apiToken,
+                                setToken: setApiToken,
+                                toggleToken: toggleToken,
+                                showToken: showToken,
+                                canEditInputs: canEditInputs,
+                                canRegenerate: canRegenerateToken,
+                                canShowToken: canShowToken,
+                                isSubmitting: isSubmitting,
+                                regenerateUrl: "/admin/admin-tokens/"
+                            }),
+                            /*#__PURE__*/ jsx(Layouts.Content, {
+                                children: /*#__PURE__*/ jsxs(Flex, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 6,
+                                    children: [
+                                        apiToken?.accessKey !== undefined && apiToken.accessKey !== '' && showToken === true && /*#__PURE__*/ jsx(Fragment, {
+                                            children: /*#__PURE__*/ jsx(ApiTokenBox, {
+                                                token: apiToken.accessKey,
+                                                tokenType: API_TOKEN_TYPE
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(FormApiTokenContainer, {
+                                            errors: errors,
+                                            onChange: handleChange,
+                                            canEditInputs: canEditInputs,
+                                            isCreating: isCreating,
+                                            values: values,
+                                            apiToken: apiToken,
+                                            kind: "admin",
+                                            onDispatch: ()=>{},
+                                            setHasChangedPermissions: ()=>{}
+                                        }),
+                                        /*#__PURE__*/ jsx(Box, {
+                                            shadow: "filterShadow",
+                                            hasRadius: true,
+                                            children: /*#__PURE__*/ jsx(AdminPermissions, {
+                                                ref: adminPermissionsRef,
+                                                disabled: !canEditInputs,
+                                                initialAdminPermissions: initialAdminPermissions,
+                                                tokenId: !isCreating && id ? id : undefined,
+                                                ownerUserId: ownerUserId
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedEditView = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['admin-tokens']?.read);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(EditView, {})
+    });
+};
+
+export { EditView, ProtectedEditView };
+//# sourceMappingURL=EditViewPage.mjs.map