@strapi/admin 4.17.0 → 4.18.0

package/dist/_chunks/Table-69c2c269.js

@@ -1,226 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const designSystem = require("@strapi/design-system");
-const v2 = require("@strapi/design-system/v2");
-const helperPlugin = require("@strapi/helper-plugin");
-const Icons = require("@strapi/icons");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const Table = ({
-  permissions,
-  headers = [],
-  contentType,
-  isLoading = false,
-  tokens = [],
-  onConfirmDelete,
-  tokenType
-}) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    helperPlugin.DynamicTable,
-    {
-      headers,
-      contentType,
-      rows: tokens,
-      withBulkActions: canDelete || canUpdate || canRead,
-      isLoading,
-      onConfirmDelete,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        TableRows,
-        {
-          tokenType,
-          permissions,
-          onConfirmDelete
-        }
-      )
-    }
-  );
-};
-const TableRows = ({
-  tokenType,
-  permissions,
-  rows = [],
-  withBulkActions,
-  onConfirmDelete
-}) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  const [{ query }] = helperPlugin.useQueryParams();
-  const { formatMessage } = reactIntl.useIntl();
-  const [, sortOrder] = query && query.sort ? query.sort.split(":") : [void 0, "ASC"];
-  const {
-    push,
-    location: { pathname }
-  } = reactRouterDom.useHistory();
-  const { trackUsage } = helperPlugin.useTracking();
-  const sortedTokens = rows.sort((a, b) => {
-    const comparison = a.name.localeCompare(b.name);
-    return sortOrder === "DESC" ? -comparison : comparison;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: sortedTokens.map((token) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Tr,
-      {
-        ...helperPlugin.onRowClick({
-          fn() {
-            trackUsage("willEditTokenFromList", {
-              tokenType
-            });
-            push(`${pathname}/${token.id}`);
-          },
-          condition: canUpdate
-        }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: helperPlugin.pxToRem(250), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: token.name }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: helperPlugin.pxToRem(250), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: token.description }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.RelativeTime, { timestamp: new Date(token.createdAt) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: token.lastUsedAt && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsxRuntime.jsx(
-            helperPlugin.RelativeTime,
-            {
-              timestamp: new Date(token.lastUsedAt),
-              customIntervals: [
-                {
-                  unit: "hours",
-                  threshold: 1,
-                  text: formatMessage({
-                    id: "Settings.apiTokens.lastHour",
-                    defaultMessage: "last hour"
-                  })
-                }
-              ]
-            }
-          ) }) }),
-          withBulkActions && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "end", children: [
-            canUpdate && /* @__PURE__ */ jsxRuntime.jsx(UpdateButton, { tokenName: token.name, tokenId: token.id }),
-            !canUpdate && canRead && /* @__PURE__ */ jsxRuntime.jsx(ReadButton, { tokenName: token.name, tokenId: token.id }),
-            canDelete && /* @__PURE__ */ jsxRuntime.jsx(
-              DeleteButton,
-              {
-                tokenName: token.name,
-                onClickDelete: () => onConfirmDelete?.(token.id),
-                tokenType
-              }
-            )
-          ] }) })
-        ]
-      },
-      token.id
-    );
-  }) });
-};
-const MESSAGES_MAP = {
-  edit: {
-    id: "app.component.table.edit",
-    defaultMessage: "Edit {target}"
-  },
-  read: {
-    id: "app.component.table.read",
-    defaultMessage: "Read {target}"
-  }
-};
-const DefaultButton = ({
-  tokenName,
-  tokenId,
-  buttonType = "edit",
-  children
-}) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const {
-    location: { pathname }
-  } = reactRouterDom.useHistory();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    LinkStyled,
-    {
-      forwardedAs: reactRouterDom.NavLink,
-      to: `${pathname}/${tokenId}`,
-      title: formatMessage(MESSAGES_MAP[buttonType], { target: tokenName }),
-      children
-    }
-  );
-};
-const LinkStyled = styled__default.default(v2.Link)`
-  svg {
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = helperPlugin.useTracking();
-  const [showConfirmDialog, setShowConfirmDialog] = React__namespace.useState(false);
-  const handleClickDelete = () => {
-    setShowConfirmDialog(false);
-    trackUsage("willDeleteToken", {
-      tokenType
-    });
-    onClickDelete();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingLeft: 1, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.IconButton,
-      {
-        onClick: () => {
-          setShowConfirmDialog(true);
-        },
-        label: formatMessage(
-          {
-            id: "global.delete-target",
-            defaultMessage: "Delete {target}"
-          },
-          { target: `${tokenName}` }
-        ),
-        name: "delete",
-        borderWidth: 0,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      helperPlugin.ConfirmDialog,
-      {
-        onToggleDialog: () => setShowConfirmDialog(false),
-        onConfirm: handleClickDelete,
-        isOpen: showConfirmDialog
-      }
-    )
-  ] });
-};
-const ReadButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DefaultButton, { tokenName, tokenId, buttonType: "read", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Eye, {}) });
-};
-const UpdateButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DefaultButton, { tokenName, tokenId, children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {}) });
-};
-exports.Table = Table;
-//# sourceMappingURL=Table-69c2c269.js.map

package/dist/_chunks/Table-69c2c269.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table-69c2c269.js","sources":["../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, IconButton, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport {\n  ConfirmDialog,\n  DynamicTable,\n  onRowClick,\n  pxToRem,\n  RelativeTime,\n  useQueryParams,\n  useTracking,\n  TableProps as DynamicTableProps,\n  TableRowProps,\n} from '@strapi/helper-plugin';\nimport { Eye, Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport type { Entity } from '@strapi/types';\n\ninterface TokenTableRowData {\n  id: Entity.ID;\n  name: string;\n  description: string;\n  createdAt: string;\n  lastUsedAt: string;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<\n    DynamicTableProps<TokenTableRowData>,\n    'contentType' | 'onConfirmDelete' | 'headers' | 'isLoading'\n  > {\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: Array<{\n    id: string | number;\n    name: string;\n    description: string;\n    createdAt: string;\n    lastUsedAt: string | null;\n  }>;\n  tokenType: 'api-token' | 'transfer-token';\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  contentType,\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n}: TableProps) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  /**\n   * TODO: This needs refactoring to the new `Table` component.\n   */\n  return (\n    <DynamicTable\n      headers={headers}\n      contentType={contentType}\n      rows={tokens}\n      withBulkActions={canDelete || canUpdate || canRead}\n      isLoading={isLoading}\n      onConfirmDelete={onConfirmDelete}\n    >\n      <TableRows\n        tokenType={tokenType}\n        permissions={permissions}\n        onConfirmDelete={onConfirmDelete}\n      />\n    </DynamicTable>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * TableRows\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableRowsProps\n  extends Pick<DynamicTableProps<TokenTableRowData>, 'onConfirmDelete'>,\n    Pick<TableRowProps<TokenTableRowData>, 'withBulkActions' | 'rows'>,\n    Pick<TableProps, 'tokenType'> {\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n}\n\nconst TableRows = ({\n  tokenType,\n  permissions,\n  rows = [],\n  withBulkActions,\n  onConfirmDelete,\n}: TableRowsProps) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const {\n    push,\n    location: { pathname },\n  } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const sortedTokens = rows.sort((a, b) => {\n    const comparison = a.name.localeCompare(b.name);\n\n    return sortOrder === 'DESC' ? -comparison : comparison;\n  });\n\n  return (\n    <Tbody>\n      {sortedTokens.map((token) => {\n        return (\n          <Tr\n            key={token.id}\n            {...onRowClick({\n              fn() {\n                trackUsage('willEditTokenFromList', {\n                  tokenType,\n                });\n                push(`${pathname}/${token.id}`);\n              },\n              condition: canUpdate,\n            })}\n          >\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                {token.name}\n              </Typography>\n            </Td>\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" ellipsis>\n                {token.description}\n              </Typography>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral800\">\n                <RelativeTime timestamp={new Date(token.createdAt)} />\n              </Typography>\n            </Td>\n            <Td>\n              {token.lastUsedAt && (\n                <Typography textColor=\"neutral800\">\n                  <RelativeTime\n                    timestamp={new Date(token.lastUsedAt)}\n                    customIntervals={[\n                      {\n                        unit: 'hours',\n                        threshold: 1,\n                        text: formatMessage({\n                          id: 'Settings.apiTokens.lastHour',\n                          defaultMessage: 'last hour',\n                        }),\n                      },\n                    ]}\n                  />\n                </Typography>\n              )}\n            </Td>\n\n            {withBulkActions && (\n              <Td>\n                <Flex justifyContent=\"end\">\n                  {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                  {!canUpdate && canRead && (\n                    <ReadButton tokenName={token.name} tokenId={token.id} />\n                  )}\n                  {canDelete && (\n                    <DeleteButton\n                      tokenName={token.name}\n                      onClickDelete={() => onConfirmDelete?.(token.id)}\n                      tokenType={tokenType}\n                    />\n                  )}\n                </Flex>\n              </Td>\n            )}\n          </Tr>\n        );\n      })}\n    </Tbody>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CRUD Buttons\n * -----------------------------------------------------------------------------------------------*/\n\nconst MESSAGES_MAP = {\n  edit: {\n    id: 'app.component.table.edit',\n    defaultMessage: 'Edit {target}',\n  },\n  read: {\n    id: 'app.component.table.read',\n    defaultMessage: 'Read {target}',\n  },\n};\n\ninterface DefaultButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n  buttonType?: 'edit' | 'read';\n  children: React.ReactNode;\n}\n\nconst DefaultButton = ({\n  tokenName,\n  tokenId,\n  buttonType = 'edit',\n  children,\n}: DefaultButtonProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    location: { pathname },\n  } = useHistory();\n\n  return (\n    <LinkStyled\n      forwardedAs={NavLink}\n      to={`${pathname}/${tokenId}`}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n    >\n      {children}\n    </LinkStyled>\n  );\n};\n\nconst LinkStyled = styled(Link)`\n  svg {\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\ninterface DeleteButtonProps extends Pick<ButtonProps, 'tokenName'>, Pick<TableProps, 'tokenType'> {\n  onClickDelete: () => void;\n}\n\nconst DeleteButton = ({ tokenName, onClickDelete, tokenType }: DeleteButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n  const handleClickDelete = () => {\n    setShowConfirmDialog(false);\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Box paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n      <IconButton\n        onClick={() => {\n          setShowConfirmDialog(true);\n        }}\n        label={formatMessage(\n          {\n            id: 'global.delete-target',\n            defaultMessage: 'Delete {target}',\n          },\n          { target: `${tokenName}` }\n        )}\n        name=\"delete\"\n        borderWidth={0}\n        icon={<Trash />}\n      />\n      <ConfirmDialog\n        onToggleDialog={() => setShowConfirmDialog(false)}\n        onConfirm={handleClickDelete}\n        isOpen={showConfirmDialog}\n      />\n    </Box>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n}\n\nconst ReadButton = ({ tokenName, tokenId }: ButtonProps) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId} buttonType=\"read\">\n      <Eye />\n    </DefaultButton>\n  );\n};\n\nconst UpdateButton = ({ tokenName, tokenId }: ButtonProps) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId}>\n      <Pencil />\n    </DefaultButton>\n  );\n};\n\nexport { Table };\nexport type { TableProps };\n"],"names":["jsx","DynamicTable","useQueryParams","useIntl","useHistory","useTracking","Tbody","jsxs","Tr","onRowClick","Td","pxToRem","Typography","RelativeTime","Flex","NavLink","styled","Link","React","Box","IconButton","Trash","ConfirmDialog","Eye","Pencil"],"mappings":"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"}

package/dist/_chunks/TokenTypeSelect-3e46ae6e.mjs

@@ -1,374 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { useState } from "react";
-import { HeaderLayout, Flex, Button, IconButton, SingleSelect, SingleSelectOption, Typography, Textarea, TextInput } from "@strapi/design-system";
-import { Link } from "@strapi/design-system/v2";
-import { useNotification, useFetchClient, useAPIErrorHandler, ConfirmDialog, useTracking, useClipboard, ContentBox } from "@strapi/helper-plugin";
-import { Check, ArrowLeft, Refresh, Duplicate, Key } from "@strapi/icons";
-import { useIntl } from "react-intl";
-import { NavLink } from "react-router-dom";
-import { AxiosError } from "axios";
-import { format, addDays } from "date-fns";
-import * as locales from "date-fns/locale";
-const useRegenerate = (url, id, onRegenerate, onError) => {
-  const [isLoadingConfirmation, setIsLoadingConfirmation] = useState(false);
-  const toggleNotification = useNotification();
-  const { post } = useFetchClient();
-  const { formatAPIError } = 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 AxiosError) {
-          toggleNotification({
-            type: "warning",
-            message: formatAPIError(error)
-          });
-        }
-      }
-    }
-  };
-  return {
-    regenerateData,
-    isLoadingConfirmation
-  };
-};
-const Regenerate = ({
-  onRegenerate = () => {
-  },
-  idToRegenerate,
-  backUrl,
-  onError
-}) => {
-  const { formatMessage } = useIntl();
-  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);
-  const { regenerateData, isLoadingConfirmation } = useRegenerate(
-    backUrl,
-    idToRegenerate,
-    onRegenerate,
-    onError
-  );
-  const handleConfirmRegeneration = async () => {
-    regenerateData();
-    setShowConfirmDialog(false);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        startIcon: /* @__PURE__ */ jsx(Refresh, {}),
-        type: "button",
-        size: "S",
-        variant: "tertiary",
-        onClick: () => setShowConfirmDialog(true),
-        name: "regenerate",
-        children: formatMessage({
-          id: "Settings.tokens.regenerate",
-          defaultMessage: "Regenerate"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        bodyText: {
-          id: "Settings.tokens.popUpWarning.message",
-          defaultMessage: "Are you sure you want to regenerate this token?"
-        },
-        iconRightButton: /* @__PURE__ */ jsx(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"
-        }
-      }
-    )
-  ] });
-};
-const FormHead = ({
-  title,
-  token,
-  setToken,
-  canEditInputs,
-  canRegenerate,
-  isSubmitting,
-  backUrl,
-  regenerateUrl,
-  onErrorRegenerate
-}) => {
-  const { formatMessage } = useIntl();
-  const handleRegenerate = (newKey) => {
-    setToken({
-      ...token,
-      accessKey: newKey
-    });
-  };
-  return /* @__PURE__ */ jsx(
-    HeaderLayout,
-    {
-      title: token?.name || formatMessage(title),
-      primaryAction: canEditInputs ? /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        canRegenerate && token?.id && /* @__PURE__ */ jsx(
-          Regenerate,
-          {
-            backUrl: regenerateUrl,
-            onRegenerate: handleRegenerate,
-            idToRegenerate: token?.id,
-            onError: onErrorRegenerate
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            disabled: isSubmitting,
-            loading: isSubmitting,
-            startIcon: /* @__PURE__ */ jsx(Check, {}),
-            type: "submit",
-            size: "S",
-            children: formatMessage({
-              id: "global.save",
-              defaultMessage: "Save"
-            })
-          }
-        )
-      ] }) : canRegenerate && token?.id && /* @__PURE__ */ jsx(
-        Regenerate,
-        {
-          onRegenerate: handleRegenerate,
-          idToRegenerate: token?.id,
-          backUrl: regenerateUrl
-        }
-      ),
-      navigationAction: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Link, { as: NavLink, startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), to: backUrl, children: formatMessage({
-        id: "global.back",
-        defaultMessage: "Back"
-      }) }) }),
-      ellipsis: true
-    }
-  );
-};
-const TokenBox = ({ token, tokenType }) => {
-  const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
-  const { trackUsage } = useTracking();
-  const { copy } = useClipboard();
-  const handleClick = (token2) => async () => {
-    if (token2) {
-      const didCopy = await copy(token2);
-      if (didCopy) {
-        trackUsage("didCopyTokenKey", {
-          tokenType
-        });
-        toggleNotification({
-          type: "success",
-          message: { id: "Settings.tokens.notification.copied" }
-        });
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    ContentBox,
-    {
-      endAction: token && /* @__PURE__ */ jsx("span", { style: { alignSelf: "start" }, children: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          label: formatMessage({
-            id: "app.component.CopyToClipboard.label",
-            defaultMessage: "Copy to clipboard"
-          }),
-          onClick: handleClick(token),
-          borderWidth: 0,
-          icon: /* @__PURE__ */ jsx(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__ */ jsx(Key, {}),
-      iconBackground: "neutral100"
-    }
-  );
-};
-const getDateOfExpiration = (createdAt, duration, language = "en") => {
-  if (duration && typeof duration === "number") {
-    const durationInDays = duration / 24 / 60 / 60 / 1e3;
-    return format(addDays(new Date(createdAt), durationInDays), "PPP", {
-      // @ts-expect-error I don't know how to fix this
-      locale: locales[language]
-    });
-  }
-  return "Unlimited";
-};
-const isErrorMessageMessageDescriptor = (message) => {
-  return typeof message === "object" && message !== null && "id" in message;
-};
-const LifeSpanInput = ({
-  token,
-  error,
-  value,
-  onChange,
-  isCreating
-}) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      SingleSelect,
-      {
-        name: "lifespan",
-        label: formatMessage({
-          id: "Settings.tokens.form.duration",
-          defaultMessage: "Token duration"
-        }),
-        value,
-        error: error ? formatMessage(
-          isErrorMessageMessageDescriptor(error) ? error : { id: error, defaultMessage: error }
-        ) : void 0,
-        onChange: (value2) => {
-          onChange({ target: { name: "lifespan", value: value2 } });
-        },
-        required: true,
-        disabled: !isCreating,
-        placeholder: "Select",
-        children: [
-          /* @__PURE__ */ jsx(SingleSelectOption, { value: "604800000", children: formatMessage({
-            id: "Settings.tokens.duration.7-days",
-            defaultMessage: "7 days"
-          }) }),
-          /* @__PURE__ */ jsx(SingleSelectOption, { value: "2592000000", children: formatMessage({
-            id: "Settings.tokens.duration.30-days",
-            defaultMessage: "30 days"
-          }) }),
-          /* @__PURE__ */ jsx(SingleSelectOption, { value: "7776000000", children: formatMessage({
-            id: "Settings.tokens.duration.90-days",
-            defaultMessage: "90 days"
-          }) }),
-          /* @__PURE__ */ jsx(SingleSelectOption, { value: "0", children: formatMessage({
-            id: "Settings.tokens.duration.unlimited",
-            defaultMessage: "Unlimited"
-          }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: !isCreating && `${formatMessage({
-      id: "Settings.tokens.duration.expiration-date",
-      defaultMessage: "Expiration date"
-      // @ts-expect-error – TODO: fix this.
-    })}: ${getDateOfExpiration(token?.createdAt, parseInt(value ?? "", 10))}` })
-  ] });
-};
-const TokenDescription = ({
-  error,
-  value,
-  onChange,
-  canEditInputs
-}) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      label: formatMessage({
-        id: "Settings.tokens.form.description",
-        defaultMessage: "Description"
-      }),
-      id: "description",
-      error: error ? formatMessage(
-        isErrorMessageMessageDescriptor(error) ? error : {
-          id: error,
-          defaultMessage: error
-        }
-      ) : void 0,
-      onChange,
-      disabled: !canEditInputs,
-      children: value
-    }
-  );
-};
-const TokenName = ({ error, value, onChange, canEditInputs }) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      name: "name",
-      error: error ? formatMessage(
-        isErrorMessageMessageDescriptor(error) ? error : { id: error, defaultMessage: error }
-      ) : void 0,
-      label: formatMessage({
-        id: "Settings.tokens.form.name",
-        defaultMessage: "Name"
-      }),
-      onChange,
-      value,
-      disabled: !canEditInputs,
-      required: true
-    }
-  );
-};
-const TokenTypeSelect = ({
-  name = "type",
-  error,
-  value,
-  onChange,
-  canEditInputs,
-  options = [],
-  label
-}) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(
-    SingleSelect,
-    {
-      name,
-      label: formatMessage({
-        id: label.id,
-        defaultMessage: label.defaultMessage
-      }),
-      value,
-      error: error ? formatMessage(
-        isErrorMessageMessageDescriptor(error) ? error : { id: error, defaultMessage: error }
-      ) : void 0,
-      onChange,
-      placeholder: "Select",
-      required: true,
-      disabled: !canEditInputs,
-      children: options && options.map(({ value: value2, label: label2 }) => /* @__PURE__ */ jsx(SingleSelectOption, { value: value2, children: formatMessage(label2) }, value2))
-    }
-  );
-};
-export {
-  FormHead as F,
-  LifeSpanInput as L,
-  TokenName as T,
-  TokenDescription as a,
-  TokenTypeSelect as b,
-  TokenBox as c
-};
-//# sourceMappingURL=TokenTypeSelect-3e46ae6e.mjs.map