@strapi/admin 4.15.0 → 4.15.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-cdadc366.js","sources":["../../ee/admin/src/content-manager/pages/EditView/InformationBox/components/AssigneeSelect/AssigneeSelect.js","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages.js","../../ee/admin/src/content-manager/pages/EditView/InformationBox/components/StageSelect/StageSelect.js","../../ee/admin/src/content-manager/pages/EditView/InformationBox/InformationBoxEE.js"],"sourcesContent":["import * as React from 'react';\n\nimport { Combobox, ComboboxOption, Field, Flex } from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useSelector } from 'react-redux';\n\nimport { getDisplayName } from '../../../../../../../../../admin/src/content-manager/utils';\nimport { useAdminUsers } from '../../../../../../../../../admin/src/hooks/useAdminUsers';\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\nimport { ASSIGNEE_ATTRIBUTE_NAME } from '../../constants';\n\nexport function AssigneeSelect() {\n  const {\n    initialData,\n    layout: { uid },\n    isSingleType,\n    onChange,\n  } = useCMEditViewDataManager();\n  const permissions = useSelector(selectAdminPermissions);\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { put } = useFetchClient();\n  const {\n    allowedActions: { canReadUsers },\n    isLoading: isLoadingPermissions,\n  } = useRBAC({\n    readUsers: permissions.settings.users.read,\n  });\n  const { users, isLoading, isError } = useAdminUsers(\n    {},\n    {\n      enabled: !isLoadingPermissions && canReadUsers,\n    }\n  );\n\n  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;\n\n  const handleChange = async ({ value: assigneeId }) => {\n    mutation.mutate({\n      entityId: initialData.id,\n      assigneeId: parseInt(assigneeId, 10),\n      uid,\n    });\n  };\n\n  const mutation = useMutation(\n    async ({ entityId, assigneeId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {\n        data: { id: assigneeId },\n      });\n\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange(\n        {\n          target: { name: ASSIGNEE_ATTRIBUTE_NAME, value: createdEntity[ASSIGNEE_ATTRIBUTE_NAME] },\n        },\n        true\n      );\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'content-manager.reviewWorkflows.assignee.notification.saved',\n            defaultMessage: 'Assignee updated',\n          },\n        });\n      },\n    }\n  );\n\n  return (\n    <Field name={ASSIGNEE_ATTRIBUTE_NAME} id={ASSIGNEE_ATTRIBUTE_NAME}>\n      <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n        <Combobox\n          clearLabel={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.clear',\n            defaultMessage: 'Clear assignee',\n          })}\n          error={\n            (isError &&\n              canReadUsers &&\n              formatMessage({\n                id: 'content-manager.reviewWorkflows.assignee.error',\n                defaultMessage: 'An error occurred while fetching users',\n              })) ||\n            (mutation.error && formatAPIError(mutation.error))\n          }\n          disabled={!isLoadingPermissions && !isLoading && users.length === 0}\n          name={ASSIGNEE_ATTRIBUTE_NAME}\n          id={ASSIGNEE_ATTRIBUTE_NAME}\n          value={currentAssignee ? currentAssignee.id : null}\n          onChange={(value) => handleChange({ value })}\n          onClear={() => handleChange({ value: null })}\n          placeholder={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.placeholder',\n            defaultMessage: 'Select …',\n          })}\n          label={formatMessage({\n            id: 'content-manager.reviewWorkflows.assignee.label',\n            defaultMessage: 'Assignee',\n          })}\n          loading={isLoading || isLoadingPermissions || mutation.isLoading}\n        >\n          {users.map((user) => {\n            return (\n              <ComboboxOption\n                key={user.id}\n                value={user.id}\n                textValue={getDisplayName(user, formatMessage)}\n              >\n                {getDisplayName(user, formatMessage)}\n              </ComboboxOption>\n            );\n          })}\n        </Combobox>\n      </Flex>\n    </Field>\n  );\n}\n","import * as React from 'react';\n\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { useQuery } from 'react-query';\n\nexport function useReviewWorkflowsStages({ id, layout } = {}, queryOptions = {}) {\n  const { kind, uid } = layout;\n  const slug = kind === 'collectionType' ? 'collection-types' : 'single-types';\n\n  const { get } = useFetchClient();\n\n  const { data, isLoading, refetch } = useQuery(\n    ['content-manager', slug, layout.uid, id, 'stages'],\n    async () => {\n      const { data } = await get(`/admin/content-manager/${slug}/${uid}/${id}/stages`);\n\n      return data;\n    },\n    queryOptions\n  );\n\n  // these return values need to be memoized, because the default value\n  // would lead to infinite rendering loops when used in a dependency array\n  // on an effect\n  const meta = React.useMemo(() => data?.meta ?? {}, [data?.meta]);\n  const stages = React.useMemo(() => data?.data ?? [], [data?.data]);\n\n  return {\n    // meta contains e.g. the total of all workflows. we can not use\n    // the pagination object here, because the list is not paginated.\n    meta,\n    stages,\n    isLoading,\n    refetch,\n  };\n}\n","import * as React from 'react';\n\nimport {\n  SingleSelect,\n  SingleSelectOption,\n  Field,\n  FieldError,\n  FieldHint,\n  Flex,\n  Loader,\n  Typography,\n} from '@strapi/design-system';\nimport {\n  useCMEditViewDataManager,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';\nimport * as LimitsModal from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/components/LimitsModal';\nimport {\n  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,\n  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,\n} from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { useReviewWorkflowsStages } from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflowsStages';\nimport { getStageColorByHex } from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\nimport { STAGE_ATTRIBUTE_NAME } from '../../constants';\n\nexport function StageSelect() {\n  const { initialData, layout: contentType, isSingleType, onChange } = useCMEditViewDataManager();\n  const { put } = useFetchClient();\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { meta, stages, isLoading, refetch } = useReviewWorkflowsStages(\n    { id: initialData.id, layout: contentType },\n    {\n      enabled: !!initialData?.id,\n    }\n  );\n  const { getFeature } = useLicenseLimits();\n  const [showLimitModal, setShowLimitModal] = React.useState(false);\n\n  const limits = getFeature('review-workflows');\n  // it is possible to rely on initialData here, because it always will\n  // be updated at the same time when modifiedData is updated, otherwise\n  // the entity is flagged as modified\n  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;\n\n  const mutation = useMutation(\n    async ({ entityId, stageId, uid }) => {\n      const typeSlug = isSingleType ? 'single-types' : 'collection-types';\n\n      const {\n        data: { data: createdEntity },\n      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {\n        data: { id: stageId },\n      });\n\n      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged\n      // as modified, which is what the boolean flag is for\n      onChange(\n        { target: { name: STAGE_ATTRIBUTE_NAME, value: createdEntity[STAGE_ATTRIBUTE_NAME] } },\n        true\n      );\n\n      await refetch();\n\n      return createdEntity;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: {\n            id: 'content-manager.reviewWorkflows.stage.notification.saved',\n            defaultMessage: 'Review stage updated',\n          },\n        });\n      },\n    }\n  );\n\n  const handleChange = async ({ value: stageId }) => {\n    try {\n      /**\n       * If the current license has a limit:\n       * check if the total count of workflows exceeds that limit and display\n       * the limits modal.\n       *\n       * If the current license does not have a limit (e.g. offline license):\n       * do nothing (for now).\n       *\n       */\n\n      if (\n        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount\n      ) {\n        setShowLimitModal('workflow');\n\n        /**\n         * If the current license has a limit:\n         * check if the total count of stages exceeds that limit and display\n         * the limits modal.\n         *\n         * If the current license does not have a limit (e.g. offline license):\n         * do nothing (for now).\n         *\n         */\n      } else if (\n        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&\n        parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) < stages.length\n      ) {\n        setShowLimitModal('stage');\n      } else {\n        mutation.mutateAsync({\n          entityId: initialData.id,\n          stageId,\n          uid: contentType.uid,\n        });\n      }\n    } catch (error) {\n      // react-query@v3: the error doesn't have to be handled here\n      // see: https://github.com/TanStack/query/issues/121\n    }\n  };\n\n  const { themeColorName } = activeWorkflowStage?.color\n    ? getStageColorByHex(activeWorkflowStage?.color)\n    : {};\n\n  return (\n    <>\n      <Field\n        hint={\n          stages.length === 0 &&\n          formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.no-transition',\n            defaultMessage: 'You don’t have the permission to update this stage.',\n          })\n        }\n        name={STAGE_ATTRIBUTE_NAME}\n        id={STAGE_ATTRIBUTE_NAME}\n      >\n        <Flex direction=\"column\" gap={2} alignItems=\"stretch\">\n          <SingleSelect\n            disabled={stages.length === 0}\n            error={(mutation.error && formatAPIError(mutation.error)) || null}\n            name={STAGE_ATTRIBUTE_NAME}\n            id={STAGE_ATTRIBUTE_NAME}\n            value={activeWorkflowStage?.id}\n            onChange={(value) => handleChange({ value })}\n            label={formatMessage({\n              id: 'content-manager.reviewWorkflows.stage.label',\n              defaultMessage: 'Review stage',\n            })}\n            startIcon={\n              activeWorkflowStage && (\n                <Flex\n                  as=\"span\"\n                  height={2}\n                  background={activeWorkflowStage?.color}\n                  borderColor={themeColorName === 'neutral0' ? 'neutral150' : 'transparent'}\n                  hasRadius\n                  shrink={0}\n                  width={2}\n                  marginRight=\"-3px\"\n                />\n              )\n            }\n            // eslint-disable-next-line react/no-unstable-nested-components\n            customizeContent={() => (\n              <Flex as=\"span\" justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n                <Typography textColor=\"neutral800\" ellipsis>\n                  {activeWorkflowStage?.name ?? ''}\n                </Typography>\n                {isLoading ? (\n                  <Loader small style={{ display: 'flex' }} data-testid=\"loader\" />\n                ) : null}\n              </Flex>\n            )}\n          >\n            {stages.map(({ id, color, name }) => {\n              const { themeColorName } = getStageColorByHex(color);\n\n              return (\n                <SingleSelectOption\n                  key={id}\n                  startIcon={\n                    <Flex\n                      height={2}\n                      background={color}\n                      borderColor={themeColorName === 'neutral0' ? 'neutral150' : 'transparent'}\n                      hasRadius\n                      shrink={0}\n                      width={2}\n                    />\n                  }\n                  value={id}\n                  textValue={name}\n                >\n                  {name}\n                </SingleSelectOption>\n              );\n            })}\n          </SingleSelect>\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'workflow'}\n        onClose={() => setShowLimitModal(false)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.workflows.limit.title',\n            defaultMessage: 'You’ve reached the limit of workflows in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.workflows.limit.body',\n            defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n\n      <LimitsModal.Root\n        isOpen={showLimitModal === 'stage'}\n        onClose={() => setShowLimitModal(false)}\n      >\n        <LimitsModal.Title>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.limit.title',\n            defaultMessage: 'You have reached the limit of stages for this workflow in your plan',\n          })}\n        </LimitsModal.Title>\n\n        <LimitsModal.Body>\n          {formatMessage({\n            id: 'content-manager.reviewWorkflows.stages.limit.body',\n            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',\n          })}\n        </LimitsModal.Body>\n      </LimitsModal.Root>\n    </>\n  );\n}\n","import React from 'react';\n\nimport { useCMEditViewDataManager } from '@strapi/helper-plugin';\n\nimport { Information } from '../../../../../../../admin/src/content-manager/pages/EditView/Information';\n\nimport { AssigneeSelect } from './components/AssigneeSelect';\nimport { StageSelect } from './components/StageSelect';\n\nexport function InformationBoxEE() {\n  const {\n    isCreatingEntry,\n    layout: { options },\n  } = useCMEditViewDataManager();\n\n  const hasReviewWorkflowsEnabled = options?.reviewWorkflows ?? false;\n\n  return (\n    <Information.Root>\n      <Information.Title />\n      {hasReviewWorkflowsEnabled && !isCreatingEntry && (\n        <>\n          <StageSelect />\n          <AssigneeSelect />\n        </>\n      )}\n      <Information.Body />\n    </Information.Root>\n  );\n}\n"],"names":["useCMEditViewDataManager","useSelector","selectAdminPermissions","useIntl","useAPIErrorHandler","useNotification","useFetchClient","useRBAC","useAdminUsers","ASSIGNEE_ATTRIBUTE_NAME","useMutation","uid","jsx","Field","Flex","Combobox","ComboboxOption","getDisplayName","useQuery","data","React","useLicenseLimits","STAGE_ATTRIBUTE_NAME","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME","getStageColorByHex","jsxs","Fragment","SingleSelect","Typography","Loader","themeColorName","SingleSelectOption","FieldHint","FieldError","LimitsModal.Root","LimitsModal.Title","LimitsModal.Body","Information"],"mappings":"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"}

package/dist/_chunks/index-d3e1fd86.js

@@ -0,0 +1,490 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const PropTypes = require("prop-types");
+const reactIntl = require("react-intl");
+const React = require("react");
+const axios = require("axios");
+const dateFns = require("date-fns");
+const locales = require("date-fns/locale");
+const yup = require("yup");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
+const locales__namespace = /* @__PURE__ */ _interopNamespace(locales);
+const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
+const useRegenerate = (url, id, onRegenerate, onError) => {
+  const [isLoadingConfirmation, setIsLoadingConfirmation] = React.useState(false);
+  const toggleNotification = helperPlugin.useNotification();
+  const { post } = helperPlugin.useFetchClient();
+  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const regenerateData = async () => {
+    try {
+      const {
+        data: {
+          data: { accessKey }
+        }
+      } = await post(`${url}${id}/regenerate`);
+      setIsLoadingConfirmation(false);
+      onRegenerate(accessKey);
+    } catch (error) {
+      setIsLoadingConfirmation(false);
+      if (onError) {
+        onError(error);
+      } else {
+        if (error instanceof axios.AxiosError) {
+          toggleNotification({
+            type: "warning",
+            message: formatAPIError(error)
+          });
+        }
+      }
+    }
+  };
+  return {
+    regenerateData,
+    isLoadingConfirmation
+  };
+};
+const Regenerate = ({ onRegenerate, idToRegenerate, backUrl, onError }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);
+  const { regenerateData, isLoadingConfirmation } = useRegenerate(
+    backUrl,
+    idToRegenerate,
+    onRegenerate,
+    onError
+  );
+  const handleConfirmRegeneration = async () => {
+    regenerateData();
+    setShowConfirmDialog(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Refresh, {}),
+        type: "button",
+        size: "S",
+        variant: "tertiary",
+        onClick: () => setShowConfirmDialog(true),
+        name: "regenerate",
+        children: formatMessage({
+          id: "Settings.tokens.regenerate",
+          defaultMessage: "Regenerate"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      helperPlugin.ConfirmDialog,
+      {
+        bodyText: {
+          id: "Settings.tokens.popUpWarning.message",
+          defaultMessage: "Are you sure you want to regenerate this token?"
+        },
+        iconRightButton: /* @__PURE__ */ jsxRuntime.jsx(Icons.Refresh, {}),
+        isConfirmButtonLoading: isLoadingConfirmation,
+        isOpen: showConfirmDialog,
+        onToggleDialog: () => setShowConfirmDialog(false),
+        onConfirm: handleConfirmRegeneration,
+        leftButtonText: {
+          id: "Settings.tokens.Button.cancel",
+          defaultMessage: "Cancel"
+        },
+        rightButtonText: {
+          id: "Settings.tokens.Button.regenerate",
+          defaultMessage: "Regenerate"
+        },
+        title: {
+          id: "Settings.tokens.RegenerateDialog.title",
+          defaultMessage: "Regenerate token"
+        }
+      }
+    )
+  ] });
+};
+Regenerate.defaultProps = { onRegenerate() {
+}, onError: void 0 };
+Regenerate.propTypes = {
+  onRegenerate: PropTypes__default.default.func,
+  idToRegenerate: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]).isRequired,
+  backUrl: PropTypes__default.default.string.isRequired,
+  onError: PropTypes__default.default.func
+};
+const FormHead = ({
+  title,
+  token,
+  setToken,
+  canEditInputs,
+  canRegenerate,
+  isSubmitting,
+  backUrl,
+  regenerateUrl,
+  onErrorRegenerate
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const handleRegenerate = (newKey) => {
+    setToken({
+      ...token,
+      accessKey: newKey
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.HeaderLayout,
+    {
+      title: token?.name || formatMessage(title),
+      primaryAction: canEditInputs ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        canRegenerate && token?.id && /* @__PURE__ */ jsxRuntime.jsx(
+          Regenerate,
+          {
+            backUrl: regenerateUrl,
+            onRegenerate: handleRegenerate,
+            idToRegenerate: token?.id,
+            onError: onErrorRegenerate
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            disabled: isSubmitting,
+            loading: isSubmitting,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Check, {}),
+            type: "submit",
+            size: "S",
+            children: formatMessage({
+              id: "global.save",
+              defaultMessage: "Save"
+            })
+          }
+        )
+      ] }) : canRegenerate && token?.id && /* @__PURE__ */ jsxRuntime.jsx(
+        Regenerate,
+        {
+          onRegenerate: handleRegenerate,
+          idToRegenerate: token?.id,
+          backUrl: regenerateUrl
+        }
+      ),
+      navigationAction: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.Link, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowLeft, {}), to: backUrl, children: formatMessage({
+        id: "global.back",
+        defaultMessage: "Back"
+      }) }),
+      ellipsis: true
+    }
+  );
+};
+FormHead.propTypes = {
+  token: PropTypes__default.default.shape({
+    id: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]),
+    type: PropTypes__default.default.string,
+    lifespan: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]),
+    name: PropTypes__default.default.string,
+    accessKey: PropTypes__default.default.string,
+    permissions: PropTypes__default.default.array,
+    description: PropTypes__default.default.string,
+    createdAt: PropTypes__default.default.string
+  }),
+  canEditInputs: PropTypes__default.default.bool.isRequired,
+  canRegenerate: PropTypes__default.default.bool.isRequired,
+  setToken: PropTypes__default.default.func.isRequired,
+  isSubmitting: PropTypes__default.default.bool.isRequired,
+  backUrl: PropTypes__default.default.string.isRequired,
+  title: PropTypes__default.default.shape({
+    id: PropTypes__default.default.string,
+    label: PropTypes__default.default.string
+  }).isRequired,
+  regenerateUrl: PropTypes__default.default.string.isRequired,
+  onErrorRegenerate: PropTypes__default.default.func
+};
+FormHead.defaultProps = {
+  token: void 0,
+  onErrorRegenerate: void 0
+};
+const TokenBox = ({ token, tokenType }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const toggleNotification = helperPlugin.useNotification();
+  const { trackUsage } = helperPlugin.useTracking();
+  const { copy } = helperPlugin.useClipboard();
+  const handleClick = (token2) => async () => {
+    const didCopy = await copy(token2);
+    if (didCopy) {
+      trackUsage("didCopyTokenKey", {
+        tokenType
+      });
+      toggleNotification({
+        type: "success",
+        message: { id: "Settings.tokens.notification.copied" }
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    helperPlugin.ContentBox,
+    {
+      endAction: token && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { alignSelf: "start" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.IconButton,
+        {
+          label: formatMessage({
+            id: "app.component.CopyToClipboard.label",
+            defaultMessage: "Copy to clipboard"
+          }),
+          onClick: handleClick(token),
+          noBorder: true,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Duplicate, {}),
+          style: { padding: 0, height: "1rem" }
+        }
+      ) }),
+      title: token || formatMessage({
+        id: "Settings.tokens.copy.editTitle",
+        defaultMessage: "This token isn’t accessible anymore."
+      }),
+      subtitle: token ? formatMessage({
+        id: "Settings.tokens.copy.lastWarning",
+        defaultMessage: "Make sure to copy this token, you won’t be able to see it again!"
+      }) : formatMessage({
+        id: "Settings.tokens.copy.editMessage",
+        defaultMessage: "For security reasons, you can only see your token once."
+      }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Key, {}),
+      iconBackground: "neutral100"
+    }
+  );
+};
+TokenBox.defaultProps = {
+  token: null
+};
+TokenBox.propTypes = {
+  token: PropTypes__default.default.string,
+  tokenType: PropTypes__default.default.string.isRequired
+};
+const getDateOfExpiration = (createdAt, duration, language = "en") => {
+  if (duration && typeof duration === "number") {
+    const durationInDays = duration / 24 / 60 / 60 / 1e3;
+    return dateFns.format(dateFns.addDays(new Date(createdAt), durationInDays), "PPP", {
+      locale: locales__namespace[language]
+    });
+  }
+  return "Unlimited";
+};
+const schema = yup__namespace.object().shape({
+  name: yup__namespace.string(helperPlugin.translatedErrors.string).max(100).required(helperPlugin.translatedErrors.required),
+  type: yup__namespace.string(helperPlugin.translatedErrors.string).oneOf(["read-only", "full-access", "custom"]).required(helperPlugin.translatedErrors.required),
+  description: yup__namespace.string().nullable(),
+  lifespan: yup__namespace.number().integer().min(0).nullable().defined(helperPlugin.translatedErrors.required)
+});
+const LifeSpanInput = ({ token, errors, values, onChange, isCreating }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Select,
+      {
+        name: "lifespan",
+        label: formatMessage({
+          id: "Settings.tokens.form.duration",
+          defaultMessage: "Token duration"
+        }),
+        value: values.lifespan !== null ? values.lifespan : "0",
+        error: errors.lifespan ? formatMessage(
+          errors.lifespan?.id ? errors.lifespan : { id: errors.lifespan, defaultMessage: errors.lifespan }
+        ) : null,
+        onChange: (value) => {
+          onChange({ target: { name: "lifespan", value } });
+        },
+        required: true,
+        disabled: !isCreating,
+        placeholder: "Select",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value: "604800000", children: formatMessage({
+            id: "Settings.tokens.duration.7-days",
+            defaultMessage: "7 days"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value: "2592000000", children: formatMessage({
+            id: "Settings.tokens.duration.30-days",
+            defaultMessage: "30 days"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value: "7776000000", children: formatMessage({
+            id: "Settings.tokens.duration.90-days",
+            defaultMessage: "90 days"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value: "0", children: formatMessage({
+            id: "Settings.tokens.duration.unlimited",
+            defaultMessage: "Unlimited"
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: !isCreating && `${formatMessage({
+      id: "Settings.tokens.duration.expiration-date",
+      defaultMessage: "Expiration date"
+    })}: ${getDateOfExpiration(token?.createdAt, parseInt(values.lifespan, 10))}` })
+  ] });
+};
+LifeSpanInput.propTypes = {
+  errors: PropTypes__default.default.shape({
+    lifespan: PropTypes__default.default.string
+  }),
+  onChange: PropTypes__default.default.func.isRequired,
+  values: PropTypes__default.default.shape({
+    lifespan: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string])
+  }).isRequired,
+  isCreating: PropTypes__default.default.bool.isRequired,
+  token: PropTypes__default.default.shape({
+    id: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]),
+    type: PropTypes__default.default.string,
+    lifespan: PropTypes__default.default.string,
+    name: PropTypes__default.default.string,
+    accessKey: PropTypes__default.default.string,
+    permissions: PropTypes__default.default.array,
+    description: PropTypes__default.default.string,
+    createdAt: PropTypes__default.default.string
+  })
+};
+LifeSpanInput.defaultProps = {
+  errors: {},
+  token: {}
+};
+const TokenDescription = ({ errors, values, onChange, canEditInputs }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Textarea,
+    {
+      label: formatMessage({
+        id: "Settings.tokens.form.description",
+        defaultMessage: "Description"
+      }),
+      id: "description",
+      error: errors.description ? formatMessage(
+        errors.description?.id ? errors.description : {
+          id: errors.description,
+          defaultMessage: errors.description
+        }
+      ) : null,
+      onChange,
+      disabled: !canEditInputs,
+      children: values.description
+    }
+  );
+};
+TokenDescription.propTypes = {
+  errors: PropTypes__default.default.shape({
+    description: PropTypes__default.default.string
+  }),
+  onChange: PropTypes__default.default.func.isRequired,
+  canEditInputs: PropTypes__default.default.bool.isRequired,
+  values: PropTypes__default.default.shape({
+    description: PropTypes__default.default.string
+  }).isRequired
+};
+TokenDescription.defaultProps = {
+  errors: {}
+};
+const TokenName = ({ errors, values, onChange, canEditInputs }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.TextInput,
+    {
+      name: "name",
+      error: errors.name ? formatMessage(
+        errors.name?.id ? errors.name : { id: errors.name, defaultMessage: errors.name }
+      ) : null,
+      label: formatMessage({
+        id: "Settings.tokens.form.name",
+        defaultMessage: "Name"
+      }),
+      onChange,
+      value: values.name,
+      disabled: !canEditInputs,
+      required: true
+    }
+  );
+};
+TokenName.propTypes = {
+  errors: PropTypes__default.default.shape({
+    name: PropTypes__default.default.string
+  }),
+  onChange: PropTypes__default.default.func.isRequired,
+  canEditInputs: PropTypes__default.default.bool.isRequired,
+  values: PropTypes__default.default.shape({
+    name: PropTypes__default.default.string
+  }).isRequired
+};
+TokenName.defaultProps = {
+  errors: {}
+};
+const TokenTypeSelect = ({ name, errors, values, onChange, canEditInputs, options, label }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Select,
+    {
+      name,
+      label: formatMessage({
+        id: label.id,
+        defaultMessage: label.defaultMessage
+      }),
+      value: values && values[name],
+      error: errors[name] ? formatMessage(
+        errors[name]?.id ? errors[name] : { id: errors[name], defaultMessage: errors[name] }
+      ) : null,
+      onChange,
+      placeholder: "Select",
+      required: true,
+      disabled: !canEditInputs,
+      children: options && options.map(({ value, label: label2 }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value, children: formatMessage(label2) }, value))
+    }
+  );
+};
+TokenTypeSelect.propTypes = {
+  name: PropTypes__default.default.string,
+  options: PropTypes__default.default.arrayOf(
+    PropTypes__default.default.shape({
+      label: PropTypes__default.default.shape({
+        id: PropTypes__default.default.string,
+        defaultMessage: PropTypes__default.default.string
+      }),
+      value: PropTypes__default.default.string
+    })
+  ),
+  errors: PropTypes__default.default.shape({
+    type: PropTypes__default.default.string
+  }),
+  onChange: PropTypes__default.default.func.isRequired,
+  canEditInputs: PropTypes__default.default.bool.isRequired,
+  values: PropTypes__default.default.shape({
+    type: PropTypes__default.default.string
+  }).isRequired,
+  label: PropTypes__default.default.shape({
+    id: PropTypes__default.default.string,
+    defaultMessage: PropTypes__default.default.string
+  }).isRequired
+};
+TokenTypeSelect.defaultProps = {
+  name: "type",
+  errors: {},
+  options: []
+};
+exports.FormHead = FormHead;
+exports.LifeSpanInput = LifeSpanInput;
+exports.TokenBox = TokenBox;
+exports.TokenDescription = TokenDescription;
+exports.TokenName = TokenName;
+exports.TokenTypeSelect = TokenTypeSelect;
+exports.schema = schema;
+//# sourceMappingURL=index-d3e1fd86.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-d3e1fd86.js","sources":["../../admin/src/pages/SettingsPage/hooks/useRegenerate.ts","../../admin/src/pages/SettingsPage/components/Tokens/Regenerate/index.js","../../admin/src/pages/SettingsPage/components/Tokens/FormHead/index.js","../../admin/src/pages/SettingsPage/components/Tokens/TokenBox/index.js","../../admin/src/pages/SettingsPage/pages/ApiTokens/EditView/utils/getDateOfExpiration.js","../../admin/src/pages/SettingsPage/pages/ApiTokens/EditView/utils/schema.js","../../admin/src/pages/SettingsPage/components/Tokens/LifeSpanInput/index.js","../../admin/src/pages/SettingsPage/components/Tokens/TokenDescription/index.js","../../admin/src/pages/SettingsPage/components/Tokens/TokenName/index.js","../../admin/src/pages/SettingsPage/components/Tokens/TokenTypeSelect/index.js"],"sourcesContent":["import { useState } from 'react';\n\nimport { useAPIErrorHandler, useFetchClient, useNotification } from '@strapi/helper-plugin';\nimport { AxiosError } from 'axios';\n\nexport const useRegenerate = (\n  url: string,\n  id: number | string,\n  onRegenerate: (accessKey: string) => void,\n  onError?: (error: unknown) => void\n): { isLoadingConfirmation: boolean; regenerateData: () => void } => {\n  const [isLoadingConfirmation, setIsLoadingConfirmation] = useState(false);\n  const toggleNotification = useNotification();\n  const { post } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  const regenerateData = async () => {\n    try {\n      const {\n        data: {\n          data: { accessKey },\n        },\n      } = await post(`${url}${id}/regenerate`);\n      setIsLoadingConfirmation(false);\n      onRegenerate(accessKey);\n    } catch (error) {\n      setIsLoadingConfirmation(false);\n\n      if (onError) {\n        onError(error);\n      } else {\n        if (error instanceof AxiosError) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        }\n      }\n    }\n  };\n\n  return {\n    regenerateData,\n    isLoadingConfirmation,\n  };\n};\n","import React, { useState } from 'react';\n\nimport { Button } from '@strapi/design-system';\nimport { ConfirmDialog } from '@strapi/helper-plugin';\nimport { Refresh } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { useRegenerate } from '../../../hooks/useRegenerate';\n\nexport const Regenerate = ({ onRegenerate, idToRegenerate, backUrl, onError }) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = useState(false);\n  const { regenerateData, isLoadingConfirmation } = useRegenerate(\n    backUrl,\n    idToRegenerate,\n    onRegenerate,\n    onError\n  );\n  const handleConfirmRegeneration = async () => {\n    regenerateData();\n    setShowConfirmDialog(false);\n  };\n\n  return (\n    <>\n      <Button\n        startIcon={<Refresh />}\n        type=\"button\"\n        size=\"S\"\n        variant=\"tertiary\"\n        onClick={() => setShowConfirmDialog(true)}\n        name=\"regenerate\"\n      >\n        {formatMessage({\n          id: 'Settings.tokens.regenerate',\n          defaultMessage: 'Regenerate',\n        })}\n      </Button>\n\n      <ConfirmDialog\n        bodyText={{\n          id: 'Settings.tokens.popUpWarning.message',\n          defaultMessage: 'Are you sure you want to regenerate this token?',\n        }}\n        iconRightButton={<Refresh />}\n        isConfirmButtonLoading={isLoadingConfirmation}\n        isOpen={showConfirmDialog}\n        onToggleDialog={() => setShowConfirmDialog(false)}\n        onConfirm={handleConfirmRegeneration}\n        leftButtonText={{\n          id: 'Settings.tokens.Button.cancel',\n          defaultMessage: 'Cancel',\n        }}\n        rightButtonText={{\n          id: 'Settings.tokens.Button.regenerate',\n          defaultMessage: 'Regenerate',\n        }}\n        title={{\n          id: 'Settings.tokens.RegenerateDialog.title',\n          defaultMessage: 'Regenerate token',\n        }}\n      />\n    </>\n  );\n};\n\nRegenerate.defaultProps = { onRegenerate() {}, onError: undefined };\n\nRegenerate.propTypes = {\n  onRegenerate: PropTypes.func,\n  idToRegenerate: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  backUrl: PropTypes.string.isRequired,\n  onError: PropTypes.func,\n};\n\nexport default Regenerate;\n","import React from 'react';\n\nimport { Button, Flex, HeaderLayout } from '@strapi/design-system';\nimport { Link } from '@strapi/helper-plugin';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport Regenerate from '../Regenerate';\n\nconst FormHead = ({\n  title,\n  token,\n  setToken,\n  canEditInputs,\n  canRegenerate,\n  isSubmitting,\n  backUrl,\n  regenerateUrl,\n  onErrorRegenerate,\n}) => {\n  const { formatMessage } = useIntl();\n  const handleRegenerate = (newKey) => {\n    setToken({\n      ...token,\n      accessKey: newKey,\n    });\n  };\n\n  return (\n    <HeaderLayout\n      title={token?.name || formatMessage(title)}\n      primaryAction={\n        canEditInputs ? (\n          <Flex gap={2}>\n            {canRegenerate && token?.id && (\n              <Regenerate\n                backUrl={regenerateUrl}\n                onRegenerate={handleRegenerate}\n                idToRegenerate={token?.id}\n                onError={onErrorRegenerate}\n              />\n            )}\n            <Button\n              disabled={isSubmitting}\n              loading={isSubmitting}\n              startIcon={<Check />}\n              type=\"submit\"\n              size=\"S\"\n            >\n              {formatMessage({\n                id: 'global.save',\n                defaultMessage: 'Save',\n              })}\n            </Button>\n          </Flex>\n        ) : (\n          canRegenerate &&\n          token?.id && (\n            <Regenerate\n              onRegenerate={handleRegenerate}\n              idToRegenerate={token?.id}\n              backUrl={regenerateUrl}\n            />\n          )\n        )\n      }\n      navigationAction={\n        <Link startIcon={<ArrowLeft />} to={backUrl}>\n          {formatMessage({\n            id: 'global.back',\n            defaultMessage: 'Back',\n          })}\n        </Link>\n      }\n      ellipsis\n    />\n  );\n};\n\nFormHead.propTypes = {\n  token: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    type: PropTypes.string,\n    lifespan: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    name: PropTypes.string,\n    accessKey: PropTypes.string,\n    permissions: PropTypes.array,\n    description: PropTypes.string,\n    createdAt: PropTypes.string,\n  }),\n  canEditInputs: PropTypes.bool.isRequired,\n  canRegenerate: PropTypes.bool.isRequired,\n  setToken: PropTypes.func.isRequired,\n  isSubmitting: PropTypes.bool.isRequired,\n  backUrl: PropTypes.string.isRequired,\n  title: PropTypes.shape({\n    id: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  regenerateUrl: PropTypes.string.isRequired,\n  onErrorRegenerate: PropTypes.func,\n};\n\nFormHead.defaultProps = {\n  token: undefined,\n  onErrorRegenerate: undefined,\n};\n\nexport default FormHead;\n","import React from 'react';\n\nimport { IconButton } from '@strapi/design-system';\nimport { ContentBox, useClipboard, useNotification, useTracking } from '@strapi/helper-plugin';\nimport { Duplicate, Key } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst TokenBox = ({ token, tokenType }) => {\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const { trackUsage } = useTracking();\n\n  const { copy } = useClipboard();\n\n  const handleClick = (token) => async () => {\n    const didCopy = await copy(token);\n\n    if (didCopy) {\n      trackUsage('didCopyTokenKey', {\n        tokenType,\n      });\n      toggleNotification({\n        type: 'success',\n        message: { id: 'Settings.tokens.notification.copied' },\n      });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        token && (\n          <span style={{ alignSelf: 'start' }}>\n            <IconButton\n              label={formatMessage({\n                id: 'app.component.CopyToClipboard.label',\n                defaultMessage: 'Copy to clipboard',\n              })}\n              onClick={handleClick(token)}\n              noBorder\n              icon={<Duplicate />}\n              style={{ padding: 0, height: '1rem' }}\n            />\n          </span>\n        )\n      }\n      title={\n        token ||\n        formatMessage({\n          id: 'Settings.tokens.copy.editTitle',\n          defaultMessage: 'This token isn’t accessible anymore.',\n        })\n      }\n      subtitle={\n        token\n          ? formatMessage({\n              id: 'Settings.tokens.copy.lastWarning',\n              defaultMessage: 'Make sure to copy this token, you won’t be able to see it again!',\n            })\n          : formatMessage({\n              id: 'Settings.tokens.copy.editMessage',\n              defaultMessage: 'For security reasons, you can only see your token once.',\n            })\n      }\n      icon={<Key />}\n      iconBackground=\"neutral100\"\n    />\n  );\n};\n\nTokenBox.defaultProps = {\n  token: null,\n};\n\nTokenBox.propTypes = {\n  token: PropTypes.string,\n  tokenType: PropTypes.string.isRequired,\n};\n\nexport default TokenBox;\n","import { addDays, format } from 'date-fns';\nimport * as locales from 'date-fns/locale';\n\nconst getDateOfExpiration = (createdAt, duration, language = 'en') => {\n  if (duration && typeof duration === 'number') {\n    const durationInDays = duration / 24 / 60 / 60 / 1000;\n\n    return format(addDays(new Date(createdAt), durationInDays), 'PPP', {\n      locale: locales[language],\n    });\n  }\n\n  return 'Unlimited';\n};\n\nexport default getDateOfExpiration;\n","import { translatedErrors } from '@strapi/helper-plugin';\nimport * as yup from 'yup';\n\nconst schema = yup.object().shape({\n  name: yup.string(translatedErrors.string).max(100).required(translatedErrors.required),\n  type: yup\n    .string(translatedErrors.string)\n    .oneOf(['read-only', 'full-access', 'custom'])\n    .required(translatedErrors.required),\n  description: yup.string().nullable(),\n  lifespan: yup.number().integer().min(0).nullable().defined(translatedErrors.required),\n});\n\nexport default schema;\n","import React from 'react';\n\nimport { Option, Select, Typography } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getDateOfExpiration } from '../../../pages/ApiTokens/EditView/utils';\n\nconst LifeSpanInput = ({ token, errors, values, onChange, isCreating }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Select\n        name=\"lifespan\"\n        label={formatMessage({\n          id: 'Settings.tokens.form.duration',\n          defaultMessage: 'Token duration',\n        })}\n        value={values.lifespan !== null ? values.lifespan : '0'}\n        error={\n          errors.lifespan\n            ? formatMessage(\n                errors.lifespan?.id\n                  ? errors.lifespan\n                  : { id: errors.lifespan, defaultMessage: errors.lifespan }\n              )\n            : null\n        }\n        onChange={(value) => {\n          onChange({ target: { name: 'lifespan', value } });\n        }}\n        required\n        disabled={!isCreating}\n        placeholder=\"Select\"\n      >\n        <Option value=\"604800000\">\n          {formatMessage({\n            id: 'Settings.tokens.duration.7-days',\n            defaultMessage: '7 days',\n          })}\n        </Option>\n        <Option value=\"2592000000\">\n          {formatMessage({\n            id: 'Settings.tokens.duration.30-days',\n            defaultMessage: '30 days',\n          })}\n        </Option>\n        <Option value=\"7776000000\">\n          {formatMessage({\n            id: 'Settings.tokens.duration.90-days',\n            defaultMessage: '90 days',\n          })}\n        </Option>\n        <Option value=\"0\">\n          {formatMessage({\n            id: 'Settings.tokens.duration.unlimited',\n            defaultMessage: 'Unlimited',\n          })}\n        </Option>\n      </Select>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {!isCreating &&\n          `${formatMessage({\n            id: 'Settings.tokens.duration.expiration-date',\n            defaultMessage: 'Expiration date',\n          })}: ${getDateOfExpiration(token?.createdAt, parseInt(values.lifespan, 10))}`}\n      </Typography>\n    </>\n  );\n};\n\nLifeSpanInput.propTypes = {\n  errors: PropTypes.shape({\n    lifespan: PropTypes.string,\n  }),\n  onChange: PropTypes.func.isRequired,\n  values: PropTypes.shape({\n    lifespan: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  }).isRequired,\n  isCreating: PropTypes.bool.isRequired,\n  token: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    type: PropTypes.string,\n    lifespan: PropTypes.string,\n    name: PropTypes.string,\n    accessKey: PropTypes.string,\n    permissions: PropTypes.array,\n    description: PropTypes.string,\n    createdAt: PropTypes.string,\n  }),\n};\n\nLifeSpanInput.defaultProps = {\n  errors: {},\n  token: {},\n};\n\nexport default LifeSpanInput;\n","import React from 'react';\n\nimport { Textarea } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst TokenDescription = ({ errors, values, onChange, canEditInputs }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Textarea\n      label={formatMessage({\n        id: 'Settings.tokens.form.description',\n        defaultMessage: 'Description',\n      })}\n      id=\"description\"\n      error={\n        errors.description\n          ? formatMessage(\n              errors.description?.id\n                ? errors.description\n                : {\n                    id: errors.description,\n                    defaultMessage: errors.description,\n                  }\n            )\n          : null\n      }\n      onChange={onChange}\n      disabled={!canEditInputs}\n    >\n      {values.description}\n    </Textarea>\n  );\n};\n\nTokenDescription.propTypes = {\n  errors: PropTypes.shape({\n    description: PropTypes.string,\n  }),\n  onChange: PropTypes.func.isRequired,\n  canEditInputs: PropTypes.bool.isRequired,\n  values: PropTypes.shape({\n    description: PropTypes.string,\n  }).isRequired,\n};\n\nTokenDescription.defaultProps = {\n  errors: {},\n};\n\nexport default TokenDescription;\n","import React from 'react';\n\nimport { TextInput } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst TokenName = ({ errors, values, onChange, canEditInputs }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <TextInput\n      name=\"name\"\n      error={\n        errors.name\n          ? formatMessage(\n              errors.name?.id ? errors.name : { id: errors.name, defaultMessage: errors.name }\n            )\n          : null\n      }\n      label={formatMessage({\n        id: 'Settings.tokens.form.name',\n        defaultMessage: 'Name',\n      })}\n      onChange={onChange}\n      value={values.name}\n      disabled={!canEditInputs}\n      required\n    />\n  );\n};\n\nTokenName.propTypes = {\n  errors: PropTypes.shape({\n    name: PropTypes.string,\n  }),\n  onChange: PropTypes.func.isRequired,\n  canEditInputs: PropTypes.bool.isRequired,\n  values: PropTypes.shape({\n    name: PropTypes.string,\n  }).isRequired,\n};\n\nTokenName.defaultProps = {\n  errors: {},\n};\n\nexport default TokenName;\n","import React from 'react';\n\nimport { Option, Select } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst TokenTypeSelect = ({ name, errors, values, onChange, canEditInputs, options, label }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Select\n      name={name}\n      label={formatMessage({\n        id: label.id,\n        defaultMessage: label.defaultMessage,\n      })}\n      value={values && values[name]}\n      error={\n        errors[name]\n          ? formatMessage(\n              errors[name]?.id ? errors[name] : { id: errors[name], defaultMessage: errors[name] }\n            )\n          : null\n      }\n      onChange={onChange}\n      placeholder=\"Select\"\n      required\n      disabled={!canEditInputs}\n    >\n      {options &&\n        options.map(({ value, label }) => (\n          <Option key={value} value={value}>\n            {formatMessage(label)}\n          </Option>\n        ))}\n    </Select>\n  );\n};\n\nTokenTypeSelect.propTypes = {\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.shape({\n        id: PropTypes.string,\n        defaultMessage: PropTypes.string,\n      }),\n      value: PropTypes.string,\n    })\n  ),\n  errors: PropTypes.shape({\n    type: PropTypes.string,\n  }),\n  onChange: PropTypes.func.isRequired,\n  canEditInputs: PropTypes.bool.isRequired,\n  values: PropTypes.shape({\n    type: PropTypes.string,\n  }).isRequired,\n  label: PropTypes.shape({\n    id: PropTypes.string,\n    defaultMessage: PropTypes.string,\n  }).isRequired,\n};\n\nTokenTypeSelect.defaultProps = {\n  name: 'type',\n  errors: {},\n  options: [],\n};\n\nexport default TokenTypeSelect;\n"],"names":["useState","useNotification","useFetchClient","useAPIErrorHandler","AxiosError","useIntl","jsxs","Fragment","jsx","Button","Refresh","ConfirmDialog","PropTypes","HeaderLayout","Flex","Check","Link","ArrowLeft","useTracking","useClipboard","token","ContentBox","IconButton","Duplicate","Key","format","addDays","locales","yup","translatedErrors","Select","Option","Typography","Textarea","TextInput","label"],"mappings":"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"}