@strapi/admin 5.43.0 → 5.45.0

package/dist/admin/admin/src/pages/Settings/components/Tokens/FormHead.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormHead.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/FormHead.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Dialog, Flex, Tooltip } from '@strapi/design-system';\nimport { Check, ArrowClockwise, Eye, EyeStriked } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useRegenerateTokenMutation } from '../../../../services/transferTokens';\n\nimport type { Data } from '@strapi/types';\n\ninterface RegenerateProps {\n  onRegenerate?: (newKey: string) => void;\n  url: string;\n}\n\nconst ActionButton = styled(Button)`\n  white-space: nowrap;\n`;\n\nconst Regenerate = ({ onRegenerate, url }: RegenerateProps) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n\n  const [isLoadingConfirmation, setIsLoadingConfirmation] = React.useState(false);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const [regenerateToken] = useRegenerateTokenMutation();\n\n  const regenerateData = async () => {\n    try {\n      const res = await regenerateToken(url);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      if (onRegenerate) {\n        onRegenerate(res.data.accessKey);\n      }\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'Something went wrong',\n        }),\n      });\n    } finally {\n      setIsLoadingConfirmation(false);\n    }\n  };\n\n  const handleConfirmRegeneration = async () => {\n    regenerateData();\n    setShowConfirmDialog(false);\n  };\n\n  return (\n    <Dialog.Root open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n      <Dialog.Trigger>\n        <ActionButton\n          startIcon={<ArrowClockwise />}\n          type=\"button\"\n          size=\"S\"\n          variant=\"tertiary\"\n          onClick={() => setShowConfirmDialog(true)}\n          name=\"regenerate\"\n          fullWidth\n        >\n          {formatMessage({\n            id: 'Settings.tokens.regenerate',\n            defaultMessage: 'Regenerate',\n          })}\n        </ActionButton>\n      </Dialog.Trigger>\n\n      <ConfirmDialog\n        title={formatMessage({\n          id: 'Settings.tokens.RegenerateDialog.title',\n          defaultMessage: 'Regenerate token',\n        })}\n        endAction={\n          <Button\n            startIcon={<ArrowClockwise />}\n            loading={isLoadingConfirmation}\n            onClick={handleConfirmRegeneration}\n          >\n            {formatMessage({\n              id: 'Settings.tokens.Button.regenerate',\n              defaultMessage: 'Regenerate',\n            })}\n          </Button>\n        }\n      >\n        {formatMessage({\n          id: 'Settings.tokens.popUpWarning.message',\n          defaultMessage: 'Are you sure you want to regenerate this token?',\n        })}\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n\ninterface Token {\n  id: Data.ID;\n  name: string;\n}\n\ninterface FormHeadProps<TToken extends Token | null> {\n  title: MessageDescriptor;\n  token: TToken;\n  canEditInputs: boolean;\n  canRegenerate: boolean;\n  canShowToken?: boolean;\n  setToken: (token: TToken) => void;\n  toggleToken?: () => void;\n  showToken?: boolean;\n  isSubmitting: boolean;\n  regenerateUrl: string;\n}\n\nexport const FormHead = <TToken extends Token | null>({\n  title,\n  token,\n  setToken,\n  toggleToken,\n  showToken,\n  canShowToken,\n  canEditInputs,\n  canRegenerate,\n  isSubmitting,\n  regenerateUrl,\n}: FormHeadProps<TToken>) => {\n  const { formatMessage } = useIntl();\n  const handleRegenerate = (newKey: string) => {\n    setToken({\n      ...token,\n      accessKey: newKey,\n    });\n    toggleToken?.();\n  };\n\n  return (\n    <Layouts.Header\n      title={token?.name || formatMessage(title)}\n      primaryAction={\n        canEditInputs ? (\n          <Flex width=\"100%\" gap={2} wrap={{ initial: 'wrap', medium: 'nowrap' }}>\n            {canRegenerate && token?.id && (\n              <Regenerate\n                onRegenerate={handleRegenerate}\n                url={`${regenerateUrl}${token?.id ?? ''}`}\n              />\n            )}\n            <Flex width=\"100%\" gap={2}>\n              {token?.id && toggleToken && (\n                <tours.apiTokens.ViewAPIToken>\n                  <Tooltip\n                    label={\n                      !canShowToken &&\n                      formatMessage({\n                        id: 'Settings.tokens.encryptionKeyMissing',\n                        defaultMessage:\n                          'In order to view the token, you need a valid encryption key in the admin configuration',\n                      })\n                    }\n                  >\n                    <ActionButton\n                      type=\"button\"\n                      startIcon={showToken ? <EyeStriked /> : <Eye />}\n                      variant=\"secondary\"\n                      onClick={() => toggleToken?.()}\n                      disabled={!canShowToken}\n                      fullWidth\n                    >\n                      {formatMessage({\n                        id: 'Settings.tokens.viewToken',\n                        defaultMessage: 'View token',\n                      })}\n                    </ActionButton>\n                  </Tooltip>\n                </tours.apiTokens.ViewAPIToken>\n              )}\n              <ActionButton\n                disabled={isSubmitting}\n                loading={isSubmitting}\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"S\"\n                fullWidth\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        ) : (\n          canRegenerate &&\n          token?.id && (\n            <Regenerate\n              onRegenerate={handleRegenerate}\n              url={`${regenerateUrl}${token?.id ?? ''}`}\n            />\n          )\n        )\n      }\n      navigationAction={\n        // The back link for mobile works differently; it is placed higher up in the DOM.\n        <Box display={{ initial: 'none', medium: 'block' }}>\n          <BackButton />\n        </Box>\n      }\n      ellipsis\n    />\n  );\n};\n"],"names":["ActionButton","styled","Button","Regenerate","onRegenerate","url","formatMessage","useIntl","showConfirmDialog","setShowConfirmDialog","React","useState","isLoadingConfirmation","setIsLoadingConfirmation","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","regenerateToken","useRegenerateTokenMutation","regenerateData","res","type","message","error","data","accessKey","id","defaultMessage","handleConfirmRegeneration","_jsxs","Dialog","Root","open","onOpenChange","_jsx","Trigger","startIcon","ArrowClockwise","size","variant","onClick","name","fullWidth","ConfirmDialog","title","endAction","loading","FormHead","token","setToken","toggleToken","showToken","canShowToken","canEditInputs","canRegenerate","isSubmitting","regenerateUrl","handleRegenerate","newKey","Layouts","Header","primaryAction","Flex","width","gap","wrap","initial","medium","tours","apiTokens","ViewAPIToken","Tooltip","label","EyeStriked","Eye","disabled","Check","navigationAction","Box","display","BackButton","ellipsis"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,YAAAA,GAAeC,MAAAA,CAAOC,MAAAA,CAAO;;AAEnC,CAAC;AAED,MAAMC,aAAa,CAAC,EAAEC,YAAY,EAAEC,GAAG,EAAmB,GAAA;IACxD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,iBAAAA,EAAmBC,oBAAAA,CAAqB,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAEjE,IAAA,MAAM,CAACC,qBAAAA,EAAuBC,wBAAAA,CAAyB,GAAGH,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACzE,MAAM,EAAEG,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,uBAAAA,EAAyBC,cAAc,EAAE,GAAGC,kBAAAA,EAAAA;IAEpD,MAAM,CAACC,gBAAgB,GAAGC,0BAAAA,EAAAA;AAE1B,IAAA,MAAMC,cAAAA,GAAiB,UAAA;QACrB,IAAI;YACF,MAAMC,GAAAA,GAAM,MAAMH,eAAAA,CAAgBd,GAAAA,CAAAA;AAElC,YAAA,IAAI,WAAWiB,GAAAA,EAAK;gBAClBR,kBAAAA,CAAmB;oBACjBS,IAAAA,EAAM,QAAA;oBACNC,OAAAA,EAASP,cAAAA,CAAeK,IAAIG,KAAK;AACnC,iBAAA,CAAA;AAEA,gBAAA;AACF,YAAA;AAEA,YAAA,IAAIrB,YAAAA,EAAc;gBAChBA,YAAAA,CAAakB,GAAAA,CAAII,IAAI,CAACC,SAAS,CAAA;AACjC,YAAA;AACF,QAAA,CAAA,CAAE,OAAOF,KAAAA,EAAO;YACdX,kBAAAA,CAAmB;gBACjBS,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASlB,aAAAA,CAAc;oBACrBsB,EAAAA,EAAI,oBAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;QACF,CAAA,QAAU;YACRhB,wBAAAA,CAAyB,KAAA,CAAA;AAC3B,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMiB,yBAAAA,GAA4B,UAAA;AAChCT,QAAAA,cAAAA,EAAAA;QACAZ,oBAAAA,CAAqB,KAAA,CAAA;AACvB,IAAA,CAAA;IAEA,qBACEsB,IAAA,CAACC,OAAOC,IAAI,EAAA;QAACC,IAAAA,EAAM1B,iBAAAA;QAAmB2B,YAAAA,EAAc1B,oBAAAA;;AAClD,0BAAA2B,GAAA,CAACJ,OAAOK,OAAO,EAAA;AACb,gBAAA,QAAA,gBAAAD,GAAA,CAACpC,YAAAA,EAAAA;AACCsC,oBAAAA,SAAAA,gBAAWF,GAAA,CAACG,cAAAA,EAAAA,EAAAA,CAAAA;oBACZhB,IAAAA,EAAK,QAAA;oBACLiB,IAAAA,EAAK,GAAA;oBACLC,OAAAA,EAAQ,UAAA;AACRC,oBAAAA,OAAAA,EAAS,IAAMjC,oBAAAA,CAAqB,IAAA,CAAA;oBACpCkC,IAAAA,EAAK,YAAA;oBACLC,SAAS,EAAA,IAAA;8BAERtC,aAAAA,CAAc;wBACbsB,EAAAA,EAAI,4BAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;;0BAIJO,GAAA,CAACS,aAAAA,EAAAA;AACCC,gBAAAA,KAAAA,EAAOxC,aAAAA,CAAc;oBACnBsB,EAAAA,EAAI,wCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACAkB,gBAAAA,SAAAA,gBACEX,GAAA,CAAClC,MAAAA,EAAAA;AACCoC,oBAAAA,SAAAA,gBAAWF,GAAA,CAACG,cAAAA,EAAAA,EAAAA,CAAAA;oBACZS,OAAAA,EAASpC,qBAAAA;oBACT8B,OAAAA,EAASZ,yBAAAA;8BAERxB,aAAAA,CAAc;wBACbsB,EAAAA,EAAI,mCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;0BAIHvB,aAAAA,CAAc;oBACbsB,EAAAA,EAAI,sCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;;;AAIR,CAAA;AAoBO,MAAMoB,WAAW,CAA8B,EACpDH,KAAK,EACLI,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,aAAa,EACS,GAAA;IACtB,MAAM,EAAEpD,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMoD,mBAAmB,CAACC,MAAAA,GAAAA;QACxBT,QAAAA,CAAS;AACP,YAAA,GAAGD,KAAK;YACRvB,SAAAA,EAAWiC;AACb,SAAA,CAAA;AACAR,QAAAA,WAAAA,IAAAA;AACF,IAAA,CAAA;IAEA,qBACEhB,GAAA,CAACyB,QAAQC,MAAM,EAAA;QACbhB,KAAAA,EAAOI,KAAAA,EAAOP,QAAQrC,aAAAA,CAAcwC,KAAAA,CAAAA;AACpCiB,QAAAA,aAAAA,EACER,8BACExB,IAAA,CAACiC,IAAAA,EAAAA;YAAKC,KAAAA,EAAM,MAAA;YAAOC,GAAAA,EAAK,CAAA;YAAGC,IAAAA,EAAM;gBAAEC,OAAAA,EAAS,MAAA;gBAAQC,MAAAA,EAAQ;AAAS,aAAA;;gBAClEb,aAAAA,IAAiBN,KAAAA,EAAOtB,oBACvBQ,GAAA,CAACjC,UAAAA,EAAAA;oBACCC,YAAAA,EAAcuD,gBAAAA;AACdtD,oBAAAA,GAAAA,EAAK,CAAA,EAAGqD,aAAAA,CAAAA,EAAgBR,KAAAA,EAAOtB,EAAAA,IAAM,EAAA,CAAA;;8BAGzCG,IAAA,CAACiC,IAAAA,EAAAA;oBAAKC,KAAAA,EAAM,MAAA;oBAAOC,GAAAA,EAAK,CAAA;;AACrBhB,wBAAAA,KAAAA,EAAOtB,MAAMwB,WAAAA,kBACZhB,GAAA,CAACkC,KAAAA,CAAMC,SAAS,CAACC,YAAY,EAAA;AAC3B,4BAAA,QAAA,gBAAApC,GAAA,CAACqC,OAAAA,EAAAA;gCACCC,KAAAA,EACE,CAACpB,gBACDhD,aAAAA,CAAc;oCACZsB,EAAAA,EAAI,sCAAA;oCACJC,cAAAA,EACE;AACJ,iCAAA,CAAA;AAGF,gCAAA,QAAA,gBAAAO,GAAA,CAACpC,YAAAA,EAAAA;oCACCuB,IAAAA,EAAK,QAAA;oCACLe,SAAAA,EAAWe,SAAAA,iBAAYjB,GAAA,CAACuC,UAAAA,EAAAA,EAAAA,CAAAA,iBAAgBvC,GAAA,CAACwC,GAAAA,EAAAA,EAAAA,CAAAA;oCACzCnC,OAAAA,EAAQ,WAAA;AACRC,oCAAAA,OAAAA,EAAS,IAAMU,WAAAA,IAAAA;AACfyB,oCAAAA,QAAAA,EAAU,CAACvB,YAAAA;oCACXV,SAAS,EAAA,IAAA;8CAERtC,aAAAA,CAAc;wCACbsB,EAAAA,EAAI,2BAAA;wCACJC,cAAAA,EAAgB;AAClB,qCAAA;;;;sCAKRO,GAAA,CAACpC,YAAAA,EAAAA;4BACC6E,QAAAA,EAAUpB,YAAAA;4BACVT,OAAAA,EAASS,YAAAA;AACTnB,4BAAAA,SAAAA,gBAAWF,GAAA,CAAC0C,KAAAA,EAAAA,EAAAA,CAAAA;4BACZvD,IAAAA,EAAK,QAAA;4BACLiB,IAAAA,EAAK,GAAA;4BACLI,SAAS,EAAA,IAAA;sCAERtC,aAAAA,CAAc;gCACbsB,EAAAA,EAAI,aAAA;gCACJC,cAAAA,EAAgB;AAClB,6BAAA;;;;;aAKN2B,aAAAA,IACAN,KAAAA,EAAOtB,oBACLQ,GAAA,CAACjC,UAAAA,EAAAA;YACCC,YAAAA,EAAcuD,gBAAAA;AACdtD,YAAAA,GAAAA,EAAK,CAAA,EAAGqD,aAAAA,CAAAA,EAAgBR,KAAAA,EAAOtB,EAAAA,IAAM,EAAA,CAAA;;AAK7CmD,QAAAA,gBAAAA;sBAEE3C,GAAA,CAAC4C,GAAAA,EAAAA;YAAIC,OAAAA,EAAS;gBAAEb,OAAAA,EAAS,MAAA;gBAAQC,MAAAA,EAAQ;AAAQ,aAAA;AAC/C,YAAA,QAAA,gBAAAjC,GAAA,CAAC8C,UAAAA,EAAAA,EAAAA;;QAGLC,QAAQ,EAAA;;AAGd;;;;"}
+{"version":3,"file":"FormHead.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/FormHead.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Dialog, Flex, Tooltip } from '@strapi/design-system';\nimport { Check, ArrowClockwise, Eye, EyeStriked } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useRegenerateTokenMutation } from '../../../../services/transferTokens';\n\nimport type { Data } from '@strapi/types';\n\ninterface RegenerateProps {\n  onRegenerate?: (newKey: string) => void;\n  url: string;\n}\n\nconst ActionButton = styled(Button)`\n  white-space: nowrap;\n`;\n\nconst Regenerate = ({ onRegenerate, url }: RegenerateProps) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n\n  const [isLoadingConfirmation, setIsLoadingConfirmation] = React.useState(false);\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const [regenerateToken] = useRegenerateTokenMutation();\n\n  const regenerateData = async () => {\n    try {\n      const res = await regenerateToken(url);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      if (onRegenerate) {\n        onRegenerate(res.data.accessKey);\n      }\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'Something went wrong',\n        }),\n      });\n    } finally {\n      setIsLoadingConfirmation(false);\n    }\n  };\n\n  const handleConfirmRegeneration = async () => {\n    regenerateData();\n    setShowConfirmDialog(false);\n  };\n\n  return (\n    <Dialog.Root open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n      <Dialog.Trigger>\n        <ActionButton\n          startIcon={<ArrowClockwise />}\n          type=\"button\"\n          size=\"S\"\n          variant=\"tertiary\"\n          onClick={() => setShowConfirmDialog(true)}\n          name=\"regenerate\"\n          fullWidth\n        >\n          {formatMessage({\n            id: 'Settings.tokens.regenerate',\n            defaultMessage: 'Regenerate',\n          })}\n        </ActionButton>\n      </Dialog.Trigger>\n\n      <ConfirmDialog\n        title={formatMessage({\n          id: 'Settings.tokens.RegenerateDialog.title',\n          defaultMessage: 'Regenerate token',\n        })}\n        endAction={\n          <Button\n            startIcon={<ArrowClockwise />}\n            loading={isLoadingConfirmation}\n            onClick={handleConfirmRegeneration}\n          >\n            {formatMessage({\n              id: 'Settings.tokens.Button.regenerate',\n              defaultMessage: 'Regenerate',\n            })}\n          </Button>\n        }\n      >\n        {formatMessage({\n          id: 'Settings.tokens.popUpWarning.message',\n          defaultMessage: 'Are you sure you want to regenerate this token?',\n        })}\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n\ninterface Token {\n  id: Data.ID;\n  name: string;\n}\n\ninterface FormHeadProps<TToken extends Token | null> {\n  title: MessageDescriptor;\n  token: TToken;\n  canEditInputs: boolean;\n  canRegenerate: boolean;\n  canShowToken?: boolean;\n  setToken: (token: TToken) => void;\n  toggleToken?: () => void;\n  showToken?: boolean;\n  isSubmitting: boolean;\n  regenerateUrl: string;\n}\n\nexport const FormHead = <TToken extends Token | null>({\n  title,\n  token,\n  setToken,\n  toggleToken,\n  showToken,\n  canShowToken,\n  canEditInputs,\n  canRegenerate,\n  isSubmitting,\n  regenerateUrl,\n}: FormHeadProps<TToken>) => {\n  const { formatMessage } = useIntl();\n  const handleRegenerate = (newKey: string) => {\n    setToken({\n      ...token,\n      accessKey: newKey,\n    });\n    toggleToken?.();\n  };\n\n  return (\n    <Layouts.Header\n      title={token?.name || formatMessage(title)}\n      primaryAction={\n        canEditInputs ? (\n          <Flex width=\"100%\" gap={2} wrap={{ initial: 'wrap', medium: 'nowrap' }}>\n            {canRegenerate && token?.id && (\n              <Regenerate\n                onRegenerate={handleRegenerate}\n                url={`${regenerateUrl}${token?.id ?? ''}`}\n              />\n            )}\n            <Flex width=\"100%\" gap={2}>\n              {token?.id && toggleToken && canShowToken === true && (\n                <tours.apiTokens.ViewAPIToken>\n                  <Tooltip\n                    label={\n                      !canShowToken &&\n                      formatMessage({\n                        id: 'Settings.tokens.encryptionKeyMissing',\n                        defaultMessage:\n                          'In order to view the token, you need a valid encryption key in the admin configuration',\n                      })\n                    }\n                  >\n                    <ActionButton\n                      type=\"button\"\n                      startIcon={showToken ? <EyeStriked /> : <Eye />}\n                      variant=\"secondary\"\n                      onClick={() => toggleToken?.()}\n                      disabled={!canShowToken}\n                      fullWidth\n                    >\n                      {formatMessage({\n                        id: 'Settings.tokens.viewToken',\n                        defaultMessage: 'View token',\n                      })}\n                    </ActionButton>\n                  </Tooltip>\n                </tours.apiTokens.ViewAPIToken>\n              )}\n              <ActionButton\n                disabled={isSubmitting}\n                loading={isSubmitting}\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"S\"\n                fullWidth\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </ActionButton>\n            </Flex>\n          </Flex>\n        ) : (\n          canRegenerate &&\n          token?.id && (\n            <Regenerate\n              onRegenerate={handleRegenerate}\n              url={`${regenerateUrl}${token?.id ?? ''}`}\n            />\n          )\n        )\n      }\n      navigationAction={\n        // The back link for mobile works differently; it is placed higher up in the DOM.\n        <Box display={{ initial: 'none', medium: 'block' }}>\n          <BackButton />\n        </Box>\n      }\n      ellipsis\n    />\n  );\n};\n"],"names":["ActionButton","styled","Button","Regenerate","onRegenerate","url","formatMessage","useIntl","showConfirmDialog","setShowConfirmDialog","React","useState","isLoadingConfirmation","setIsLoadingConfirmation","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","regenerateToken","useRegenerateTokenMutation","regenerateData","res","type","message","error","data","accessKey","id","defaultMessage","handleConfirmRegeneration","_jsxs","Dialog","Root","open","onOpenChange","_jsx","Trigger","startIcon","ArrowClockwise","size","variant","onClick","name","fullWidth","ConfirmDialog","title","endAction","loading","FormHead","token","setToken","toggleToken","showToken","canShowToken","canEditInputs","canRegenerate","isSubmitting","regenerateUrl","handleRegenerate","newKey","Layouts","Header","primaryAction","Flex","width","gap","wrap","initial","medium","tours","apiTokens","ViewAPIToken","Tooltip","label","EyeStriked","Eye","disabled","Check","navigationAction","Box","display","BackButton","ellipsis"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/LifeSpanInput.js

@@ -3,8 +3,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
-var getDateOfExpiration = require('../../pages/ApiTokens/EditView/utils/getDateOfExpiration.js');
 var forms = require('../../utils/forms.js');
+var getDateOfExpiration = require('./utils/getDateOfExpiration.js');
 
 const LifeSpanInput = ({ token, error, value, onChange, isCreating })=>{
     const { formatMessage } = reactIntl.useIntl();

package/dist/admin/admin/src/pages/Settings/components/Tokens/LifeSpanInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LifeSpanInput.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/LifeSpanInput.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Typography, Field } from '@strapi/design-system';\nimport { MessageDescriptor, useIntl } from 'react-intl';\n\nimport { getDateOfExpiration } from '../../pages/ApiTokens/EditView/utils/getDateOfExpiration';\nimport { isErrorMessageMessageDescriptor } from '../../utils/forms';\n\nimport type { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport type { TransferToken } from '../../../../../../shared/contracts/transfer';\n\ninterface LifeSpanInputProps {\n  error?: string | MessageDescriptor;\n  value?: string | number | null;\n  onChange: (event: { target: { name: string; value: string } }) => void;\n  isCreating: boolean;\n  token: Partial<TransferToken> | Partial<ApiToken> | null;\n}\n\nexport const LifeSpanInput = ({\n  token,\n  error,\n  value,\n  onChange,\n  isCreating,\n}: LifeSpanInputProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Field.Root\n        error={\n          error\n            ? formatMessage(\n                isErrorMessageMessageDescriptor(error)\n                  ? error\n                  : { id: error, defaultMessage: error }\n              )\n            : undefined\n        }\n        name=\"lifespan\"\n        required\n      >\n        <Field.Label>\n          {formatMessage({\n            id: 'Settings.tokens.form.duration',\n            defaultMessage: 'Token duration',\n          })}\n        </Field.Label>\n        <SingleSelect\n          value={value}\n          onChange={(value) => {\n            // @ts-expect-error – DS v2 won't support number types for select\n            onChange({ target: { name: 'lifespan', value } });\n          }}\n          disabled={!isCreating}\n          placeholder=\"Select\"\n        >\n          <SingleSelectOption value=\"604800000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.7-days',\n              defaultMessage: '7 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"2592000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.30-days',\n              defaultMessage: '30 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"7776000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.90-days',\n              defaultMessage: '90 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"0\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.unlimited',\n              defaultMessage: 'Unlimited',\n            })}\n          </SingleSelectOption>\n        </SingleSelect>\n        <Field.Error />\n      </Field.Root>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {!isCreating &&\n          `${formatMessage({\n            id: 'Settings.tokens.duration.expiration-date',\n            defaultMessage: 'Expiration date',\n            // @ts-expect-error – TODO: fix this.\n          })}: ${getDateOfExpiration(token?.createdAt, parseInt(value ?? '', 10))}`}\n      </Typography>\n    </>\n  );\n};\n"],"names":["LifeSpanInput","token","error","value","onChange","isCreating","formatMessage","useIntl","_jsxs","_Fragment","Field","Root","isErrorMessageMessageDescriptor","id","defaultMessage","undefined","name","required","_jsx","Label","SingleSelect","target","disabled","placeholder","SingleSelectOption","Error","Typography","variant","textColor","getDateOfExpiration","createdAt","parseInt"],"mappings":";;;;;;;;AAiBO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACS,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAD,eAAA,CAACE,mBAAMC,IAAI,EAAA;AACTT,gBAAAA,KAAAA,EACEA,KAAAA,GACII,aAAAA,CACEM,qCAAAA,CAAgCV,KAAAA,CAAAA,GAC5BA,KAAAA,GACA;oBAAEW,EAAAA,EAAIX,KAAAA;oBAAOY,cAAAA,EAAgBZ;iBAAM,CAAA,GAEzCa,SAAAA;gBAENC,IAAAA,EAAK,UAAA;gBACLC,QAAQ,EAAA,IAAA;;AAER,kCAAAC,cAAA,CAACR,mBAAMS,KAAK,EAAA;kCACTb,aAAAA,CAAc;4BACbO,EAAAA,EAAI,+BAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFN,eAAA,CAACY,yBAAAA,EAAAA;wBACCjB,KAAAA,EAAOA,KAAAA;AACPC,wBAAAA,QAAAA,EAAU,CAACD,KAAAA,GAAAA;;4BAETC,QAAAA,CAAS;gCAAEiB,MAAAA,EAAQ;oCAAEL,IAAAA,EAAM,UAAA;AAAYb,oCAAAA;AAAM;AAAE,6BAAA,CAAA;AACjD,wBAAA,CAAA;AACAmB,wBAAAA,QAAAA,EAAU,CAACjB,UAAAA;wBACXkB,WAAAA,EAAY,QAAA;;0CAEZL,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,WAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,iCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,GAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,oCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;AAGJ,kCAAAI,cAAA,CAACR,mBAAMe,KAAK,EAAA,EAAA;;;0BAEdP,cAAA,CAACQ,uBAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,IAAA;gBAAKC,SAAAA,EAAU,YAAA;0BAChC,CAACvB,UAAAA,IACA,GAAGC,aAAAA,CAAc;oBACfO,EAAAA,EAAI,0CAAA;oBACJC,cAAAA,EAAgB;iBAElB,CAAA,CAAG,EAAE,EAAEe,uCAAAA,CAAoB5B,KAAAA,EAAO6B,WAAWC,QAAAA,CAAS5B,KAAAA,IAAS,IAAI,EAAA,CAAA,CAAA,CAAA;;;;AAI7E;;;;"}
+{"version":3,"file":"LifeSpanInput.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/LifeSpanInput.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Typography, Field } from '@strapi/design-system';\nimport { MessageDescriptor, useIntl } from 'react-intl';\n\nimport { isErrorMessageMessageDescriptor } from '../../utils/forms';\n\nimport { getDateOfExpiration } from './utils/getDateOfExpiration';\n\nimport type { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport type { TransferToken } from '../../../../../../shared/contracts/transfer';\n\ninterface LifeSpanInputProps {\n  error?: string | MessageDescriptor;\n  value?: string | number | null;\n  onChange: (event: { target: { name: string; value: string } }) => void;\n  isCreating: boolean;\n  token: Partial<TransferToken> | Partial<ApiToken> | null;\n}\n\nexport const LifeSpanInput = ({\n  token,\n  error,\n  value,\n  onChange,\n  isCreating,\n}: LifeSpanInputProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Field.Root\n        error={\n          error\n            ? formatMessage(\n                isErrorMessageMessageDescriptor(error)\n                  ? error\n                  : { id: error, defaultMessage: error }\n              )\n            : undefined\n        }\n        name=\"lifespan\"\n        required\n      >\n        <Field.Label>\n          {formatMessage({\n            id: 'Settings.tokens.form.duration',\n            defaultMessage: 'Token duration',\n          })}\n        </Field.Label>\n        <SingleSelect\n          value={value}\n          onChange={(value) => {\n            // @ts-expect-error – DS v2 won't support number types for select\n            onChange({ target: { name: 'lifespan', value } });\n          }}\n          disabled={!isCreating}\n          placeholder=\"Select\"\n        >\n          <SingleSelectOption value=\"604800000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.7-days',\n              defaultMessage: '7 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"2592000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.30-days',\n              defaultMessage: '30 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"7776000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.90-days',\n              defaultMessage: '90 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"0\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.unlimited',\n              defaultMessage: 'Unlimited',\n            })}\n          </SingleSelectOption>\n        </SingleSelect>\n        <Field.Error />\n      </Field.Root>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {!isCreating &&\n          `${formatMessage({\n            id: 'Settings.tokens.duration.expiration-date',\n            defaultMessage: 'Expiration date',\n            // @ts-expect-error – TODO: fix this.\n          })}: ${getDateOfExpiration(token?.createdAt, parseInt(value ?? '', 10))}`}\n      </Typography>\n    </>\n  );\n};\n"],"names":["LifeSpanInput","token","error","value","onChange","isCreating","formatMessage","useIntl","_jsxs","_Fragment","Field","Root","isErrorMessageMessageDescriptor","id","defaultMessage","undefined","name","required","_jsx","Label","SingleSelect","target","disabled","placeholder","SingleSelectOption","Error","Typography","variant","textColor","getDateOfExpiration","createdAt","parseInt"],"mappings":";;;;;;;;AAkBO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACS,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAD,eAAA,CAACE,mBAAMC,IAAI,EAAA;AACTT,gBAAAA,KAAAA,EACEA,KAAAA,GACII,aAAAA,CACEM,qCAAAA,CAAgCV,KAAAA,CAAAA,GAC5BA,KAAAA,GACA;oBAAEW,EAAAA,EAAIX,KAAAA;oBAAOY,cAAAA,EAAgBZ;iBAAM,CAAA,GAEzCa,SAAAA;gBAENC,IAAAA,EAAK,UAAA;gBACLC,QAAQ,EAAA,IAAA;;AAER,kCAAAC,cAAA,CAACR,mBAAMS,KAAK,EAAA;kCACTb,aAAAA,CAAc;4BACbO,EAAAA,EAAI,+BAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFN,eAAA,CAACY,yBAAAA,EAAAA;wBACCjB,KAAAA,EAAOA,KAAAA;AACPC,wBAAAA,QAAAA,EAAU,CAACD,KAAAA,GAAAA;;4BAETC,QAAAA,CAAS;gCAAEiB,MAAAA,EAAQ;oCAAEL,IAAAA,EAAM,UAAA;AAAYb,oCAAAA;AAAM;AAAE,6BAAA,CAAA;AACjD,wBAAA,CAAA;AACAmB,wBAAAA,QAAAA,EAAU,CAACjB,UAAAA;wBACXkB,WAAAA,EAAY,QAAA;;0CAEZL,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,WAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,iCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,cAAA,CAACM,+BAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,GAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,oCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;AAGJ,kCAAAI,cAAA,CAACR,mBAAMe,KAAK,EAAA,EAAA;;;0BAEdP,cAAA,CAACQ,uBAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,IAAA;gBAAKC,SAAAA,EAAU,YAAA;0BAChC,CAACvB,UAAAA,IACA,GAAGC,aAAAA,CAAc;oBACfO,EAAAA,EAAI,0CAAA;oBACJC,cAAAA,EAAgB;iBAElB,CAAA,CAAG,EAAE,EAAEe,uCAAAA,CAAoB5B,KAAAA,EAAO6B,WAAWC,QAAAA,CAAS5B,KAAAA,IAAS,IAAI,EAAA,CAAA,CAAA,CAAA;;;;AAI7E;;;;"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/LifeSpanInput.mjs

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Field, SingleSelect, SingleSelectOption, Typography } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
-import { getDateOfExpiration } from '../../pages/ApiTokens/EditView/utils/getDateOfExpiration.mjs';
 import { isErrorMessageMessageDescriptor } from '../../utils/forms.mjs';
+import { getDateOfExpiration } from './utils/getDateOfExpiration.mjs';
 
 const LifeSpanInput = ({ token, error, value, onChange, isCreating })=>{
     const { formatMessage } = useIntl();

package/dist/admin/admin/src/pages/Settings/components/Tokens/LifeSpanInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LifeSpanInput.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/LifeSpanInput.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Typography, Field } from '@strapi/design-system';\nimport { MessageDescriptor, useIntl } from 'react-intl';\n\nimport { getDateOfExpiration } from '../../pages/ApiTokens/EditView/utils/getDateOfExpiration';\nimport { isErrorMessageMessageDescriptor } from '../../utils/forms';\n\nimport type { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport type { TransferToken } from '../../../../../../shared/contracts/transfer';\n\ninterface LifeSpanInputProps {\n  error?: string | MessageDescriptor;\n  value?: string | number | null;\n  onChange: (event: { target: { name: string; value: string } }) => void;\n  isCreating: boolean;\n  token: Partial<TransferToken> | Partial<ApiToken> | null;\n}\n\nexport const LifeSpanInput = ({\n  token,\n  error,\n  value,\n  onChange,\n  isCreating,\n}: LifeSpanInputProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Field.Root\n        error={\n          error\n            ? formatMessage(\n                isErrorMessageMessageDescriptor(error)\n                  ? error\n                  : { id: error, defaultMessage: error }\n              )\n            : undefined\n        }\n        name=\"lifespan\"\n        required\n      >\n        <Field.Label>\n          {formatMessage({\n            id: 'Settings.tokens.form.duration',\n            defaultMessage: 'Token duration',\n          })}\n        </Field.Label>\n        <SingleSelect\n          value={value}\n          onChange={(value) => {\n            // @ts-expect-error – DS v2 won't support number types for select\n            onChange({ target: { name: 'lifespan', value } });\n          }}\n          disabled={!isCreating}\n          placeholder=\"Select\"\n        >\n          <SingleSelectOption value=\"604800000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.7-days',\n              defaultMessage: '7 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"2592000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.30-days',\n              defaultMessage: '30 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"7776000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.90-days',\n              defaultMessage: '90 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"0\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.unlimited',\n              defaultMessage: 'Unlimited',\n            })}\n          </SingleSelectOption>\n        </SingleSelect>\n        <Field.Error />\n      </Field.Root>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {!isCreating &&\n          `${formatMessage({\n            id: 'Settings.tokens.duration.expiration-date',\n            defaultMessage: 'Expiration date',\n            // @ts-expect-error – TODO: fix this.\n          })}: ${getDateOfExpiration(token?.createdAt, parseInt(value ?? '', 10))}`}\n      </Typography>\n    </>\n  );\n};\n"],"names":["LifeSpanInput","token","error","value","onChange","isCreating","formatMessage","useIntl","_jsxs","_Fragment","Field","Root","isErrorMessageMessageDescriptor","id","defaultMessage","undefined","name","required","_jsx","Label","SingleSelect","target","disabled","placeholder","SingleSelectOption","Error","Typography","variant","textColor","getDateOfExpiration","createdAt","parseInt"],"mappings":";;;;;;AAiBO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACS,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,0BAAAD,IAAA,CAACE,MAAMC,IAAI,EAAA;AACTT,gBAAAA,KAAAA,EACEA,KAAAA,GACII,aAAAA,CACEM,+BAAAA,CAAgCV,KAAAA,CAAAA,GAC5BA,KAAAA,GACA;oBAAEW,EAAAA,EAAIX,KAAAA;oBAAOY,cAAAA,EAAgBZ;iBAAM,CAAA,GAEzCa,SAAAA;gBAENC,IAAAA,EAAK,UAAA;gBACLC,QAAQ,EAAA,IAAA;;AAER,kCAAAC,GAAA,CAACR,MAAMS,KAAK,EAAA;kCACTb,aAAAA,CAAc;4BACbO,EAAAA,EAAI,+BAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFN,IAAA,CAACY,YAAAA,EAAAA;wBACCjB,KAAAA,EAAOA,KAAAA;AACPC,wBAAAA,QAAAA,EAAU,CAACD,KAAAA,GAAAA;;4BAETC,QAAAA,CAAS;gCAAEiB,MAAAA,EAAQ;oCAAEL,IAAAA,EAAM,UAAA;AAAYb,oCAAAA;AAAM;AAAE,6BAAA,CAAA;AACjD,wBAAA,CAAA;AACAmB,wBAAAA,QAAAA,EAAU,CAACjB,UAAAA;wBACXkB,WAAAA,EAAY,QAAA;;0CAEZL,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,WAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,iCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,GAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,oCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;AAGJ,kCAAAI,GAAA,CAACR,MAAMe,KAAK,EAAA,EAAA;;;0BAEdP,GAAA,CAACQ,UAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,IAAA;gBAAKC,SAAAA,EAAU,YAAA;0BAChC,CAACvB,UAAAA,IACA,GAAGC,aAAAA,CAAc;oBACfO,EAAAA,EAAI,0CAAA;oBACJC,cAAAA,EAAgB;iBAElB,CAAA,CAAG,EAAE,EAAEe,mBAAAA,CAAoB5B,KAAAA,EAAO6B,WAAWC,QAAAA,CAAS5B,KAAAA,IAAS,IAAI,EAAA,CAAA,CAAA,CAAA;;;;AAI7E;;;;"}
+{"version":3,"file":"LifeSpanInput.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/LifeSpanInput.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Typography, Field } from '@strapi/design-system';\nimport { MessageDescriptor, useIntl } from 'react-intl';\n\nimport { isErrorMessageMessageDescriptor } from '../../utils/forms';\n\nimport { getDateOfExpiration } from './utils/getDateOfExpiration';\n\nimport type { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport type { TransferToken } from '../../../../../../shared/contracts/transfer';\n\ninterface LifeSpanInputProps {\n  error?: string | MessageDescriptor;\n  value?: string | number | null;\n  onChange: (event: { target: { name: string; value: string } }) => void;\n  isCreating: boolean;\n  token: Partial<TransferToken> | Partial<ApiToken> | null;\n}\n\nexport const LifeSpanInput = ({\n  token,\n  error,\n  value,\n  onChange,\n  isCreating,\n}: LifeSpanInputProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Field.Root\n        error={\n          error\n            ? formatMessage(\n                isErrorMessageMessageDescriptor(error)\n                  ? error\n                  : { id: error, defaultMessage: error }\n              )\n            : undefined\n        }\n        name=\"lifespan\"\n        required\n      >\n        <Field.Label>\n          {formatMessage({\n            id: 'Settings.tokens.form.duration',\n            defaultMessage: 'Token duration',\n          })}\n        </Field.Label>\n        <SingleSelect\n          value={value}\n          onChange={(value) => {\n            // @ts-expect-error – DS v2 won't support number types for select\n            onChange({ target: { name: 'lifespan', value } });\n          }}\n          disabled={!isCreating}\n          placeholder=\"Select\"\n        >\n          <SingleSelectOption value=\"604800000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.7-days',\n              defaultMessage: '7 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"2592000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.30-days',\n              defaultMessage: '30 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"7776000000\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.90-days',\n              defaultMessage: '90 days',\n            })}\n          </SingleSelectOption>\n          <SingleSelectOption value=\"0\">\n            {formatMessage({\n              id: 'Settings.tokens.duration.unlimited',\n              defaultMessage: 'Unlimited',\n            })}\n          </SingleSelectOption>\n        </SingleSelect>\n        <Field.Error />\n      </Field.Root>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {!isCreating &&\n          `${formatMessage({\n            id: 'Settings.tokens.duration.expiration-date',\n            defaultMessage: 'Expiration date',\n            // @ts-expect-error – TODO: fix this.\n          })}: ${getDateOfExpiration(token?.createdAt, parseInt(value ?? '', 10))}`}\n      </Typography>\n    </>\n  );\n};\n"],"names":["LifeSpanInput","token","error","value","onChange","isCreating","formatMessage","useIntl","_jsxs","_Fragment","Field","Root","isErrorMessageMessageDescriptor","id","defaultMessage","undefined","name","required","_jsx","Label","SingleSelect","target","disabled","placeholder","SingleSelectOption","Error","Typography","variant","textColor","getDateOfExpiration","createdAt","parseInt"],"mappings":";;;;;;AAkBO,MAAMA,aAAAA,GAAgB,CAAC,EAC5BC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACS,GAAA;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,0BAAAD,IAAA,CAACE,MAAMC,IAAI,EAAA;AACTT,gBAAAA,KAAAA,EACEA,KAAAA,GACII,aAAAA,CACEM,+BAAAA,CAAgCV,KAAAA,CAAAA,GAC5BA,KAAAA,GACA;oBAAEW,EAAAA,EAAIX,KAAAA;oBAAOY,cAAAA,EAAgBZ;iBAAM,CAAA,GAEzCa,SAAAA;gBAENC,IAAAA,EAAK,UAAA;gBACLC,QAAQ,EAAA,IAAA;;AAER,kCAAAC,GAAA,CAACR,MAAMS,KAAK,EAAA;kCACTb,aAAAA,CAAc;4BACbO,EAAAA,EAAI,+BAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFN,IAAA,CAACY,YAAAA,EAAAA;wBACCjB,KAAAA,EAAOA,KAAAA;AACPC,wBAAAA,QAAAA,EAAU,CAACD,KAAAA,GAAAA;;4BAETC,QAAAA,CAAS;gCAAEiB,MAAAA,EAAQ;oCAAEL,IAAAA,EAAM,UAAA;AAAYb,oCAAAA;AAAM;AAAE,6BAAA,CAAA;AACjD,wBAAA,CAAA;AACAmB,wBAAAA,QAAAA,EAAU,CAACjB,UAAAA;wBACXkB,WAAAA,EAAY,QAAA;;0CAEZL,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,WAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,iCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,YAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,kCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFI,GAAA,CAACM,kBAAAA,EAAAA;gCAAmBrB,KAAAA,EAAM,GAAA;0CACvBG,aAAAA,CAAc;oCACbO,EAAAA,EAAI,oCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;AAGJ,kCAAAI,GAAA,CAACR,MAAMe,KAAK,EAAA,EAAA;;;0BAEdP,GAAA,CAACQ,UAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,IAAA;gBAAKC,SAAAA,EAAU,YAAA;0BAChC,CAACvB,UAAAA,IACA,GAAGC,aAAAA,CAAc;oBACfO,EAAAA,EAAI,0CAAA;oBACJC,cAAAA,EAAgB;iBAElB,CAAA,CAAG,EAAE,EAAEe,mBAAAA,CAAoB5B,KAAAA,EAAO6B,WAAWC,QAAAA,CAAS5B,KAAAA,IAAS,IAAI,EAAA,CAAA,CAAA,CAAA;;;;AAI7E;;;;"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/Table.js

@@ -33,7 +33,14 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const Table = ({ permissions, headers = [], isLoading = false, tokens = [], onConfirmDelete, tokenType })=>{
+const formatAdminUserName = (owner)=>{
+    const full = [
+        owner.firstname,
+        owner.lastname
+    ].filter(Boolean).join(' ');
+    return full || owner.username || owner.email || '';
+};
+const Table = ({ permissions, headers = [], isLoading = false, tokens = [], onConfirmDelete, tokenType, showOwner = false })=>{
     const [{ query }] = useQueryParams.useQueryParams();
     const { formatMessage, locale } = reactIntl.useIntl();
     const [, sortOrder] = query && query.sort ? query.sort.split(':') : [
@@ -119,6 +126,19 @@ const Table = ({ permissions, headers = [], isLoading = false, tokens = [], onCo
                                         })
                                     })
                                 }),
+                                showOwner === true && (()=>{
+                                    const apiToken = token;
+                                    const owner = apiToken.kind === 'admin' ? apiToken.adminUserOwner : undefined;
+                                    const ownerName = owner !== undefined && owner !== null && typeof owner === 'object' ? formatAdminUserName(owner) : '';
+                                    return /*#__PURE__*/ jsxRuntime.jsx(Table$1.Table.Cell, {
+                                        maxWidth: "20rem",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            textColor: "neutral800",
+                                            ellipsis: true,
+                                            children: ownerName
+                                        })
+                                    });
+                                })(),
                                 canUpdate || canRead || canDelete ? /*#__PURE__*/ jsxRuntime.jsx(Table$1.Table.Cell, {
                                     children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                                         justifyContent: "end",

package/dist/admin/admin/src/pages/Settings/components/Tokens/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Typography,\n  useCollator,\n  Dialog,\n  LinkButton,\n} from '@strapi/design-system';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { RelativeTime } from '../../../../components/RelativeTime';\nimport { Table as TableImpl } from '../../../../components/Table';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\n\nimport type { Data } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {\n  onConfirmDelete: (id: Data.ID) => void;\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: SanitizedTransferToken[] | ApiToken[];\n  tokenType: 'api-token' | 'transfer-token';\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n}: TableProps) => {\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage, locale } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const formatter = useCollator(locale);\n\n  const sortedTokens = [...tokens].sort((a, b) => {\n    return sortOrder === 'DESC'\n      ? formatter.compare(b.name, a.name)\n      : formatter.compare(a.name, b.name);\n  });\n\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const handleRowClick = (id: Data.ID) => () => {\n    if (canRead) {\n      trackUsage('willEditTokenFromList', {\n        tokenType,\n      });\n      navigate(id.toString());\n    }\n  };\n\n  return (\n    <TableImpl.Root headers={headers} rows={sortedTokens} isLoading={isLoading}>\n      <TableImpl.Content>\n        <TableImpl.Head>\n          {headers.map((header) => (\n            <TableImpl.HeaderCell key={header.name} {...header} />\n          ))}\n        </TableImpl.Head>\n        <TableImpl.Empty />\n        <TableImpl.Loading />\n        <TableImpl.Body>\n          {sortedTokens.map((token) => {\n            const GuidedTourTooltip =\n              token.name === 'Read Only' ? tours.apiTokens.ManageAPIToken : React.Fragment;\n            return (\n              <TableImpl.Row key={token.id} onClick={handleRowClick(token.id)}>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                    {token.name}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" ellipsis>\n                    {token.description}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\n                  <Typography textColor=\"neutral800\">\n                    {/* @ts-expect-error One of the tokens doesn't have createdAt */}\n                    <RelativeTime timestamp={new Date(token.createdAt)} />\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\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                </TableImpl.Cell>\n                {canUpdate || canRead || canDelete ? (\n                  <TableImpl.Cell>\n                    <Flex justifyContent=\"end\">\n                      <GuidedTourTooltip>\n                        {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                      </GuidedTourTooltip>\n                      {canDelete && (\n                        <DeleteButton\n                          tokenName={token.name}\n                          onClickDelete={() => onConfirmDelete?.(token.id)}\n                          tokenType={tokenType}\n                        />\n                      )}\n                    </Flex>\n                  </TableImpl.Cell>\n                ) : null}\n              </TableImpl.Row>\n            );\n          })}\n        </TableImpl.Body>\n      </TableImpl.Content>\n    </TableImpl.Root>\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: Data.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\n  return (\n    <LinkButtonStyled\n      tag={NavLink}\n      to={tokenId.toString()}\n      onClick={(e: React.MouseEvent) => e.stopPropagation()}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n      variant=\"ghost\"\n      size=\"S\"\n    >\n      {children}\n    </LinkButtonStyled>\n  );\n};\n\nconst LinkButtonStyled = styled(LinkButton)`\n  padding: 0.7rem;\n\n  & > span {\n    display: flex;\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 handleClickDelete = () => {\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Dialog.Root>\n      <Box<'div'> paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n        <Dialog.Trigger>\n          <IconButton\n            label={formatMessage(\n              {\n                id: 'global.delete-target',\n                defaultMessage: 'Delete {target}',\n              },\n              { target: `${tokenName}` }\n            )}\n            name=\"delete\"\n            variant=\"ghost\"\n          >\n            <Trash />\n          </IconButton>\n        </Dialog.Trigger>\n        <ConfirmDialog onConfirm={handleClickDelete} />\n      </Box>\n    </Dialog.Root>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Data.ID;\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":["Table","permissions","headers","isLoading","tokens","onConfirmDelete","tokenType","query","useQueryParams","formatMessage","locale","useIntl","sortOrder","sort","split","undefined","navigate","useNavigate","trackUsage","useTracking","formatter","useCollator","sortedTokens","a","b","compare","name","canDelete","canUpdate","canRead","handleRowClick","id","toString","_jsx","TableImpl","Root","rows","_jsxs","Content","Head","map","header","HeaderCell","Empty","Loading","Body","token","GuidedTourTooltip","tours","apiTokens","ManageAPIToken","React","Fragment","Row","onClick","Cell","maxWidth","Typography","textColor","fontWeight","ellipsis","description","RelativeTime","timestamp","Date","createdAt","lastUsedAt","customIntervals","unit","threshold","text","defaultMessage","Flex","justifyContent","UpdateButton","tokenName","tokenId","DeleteButton","onClickDelete","MESSAGES_MAP","edit","read","DefaultButton","buttonType","children","LinkButtonStyled","tag","NavLink","to","e","stopPropagation","title","target","variant","size","styled","LinkButton","handleClickDelete","Dialog","Box","paddingLeft","Trigger","IconButton","label","Trash","ConfirmDialog","onConfirm","Pencil"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Typography,\n  useCollator,\n  Dialog,\n  LinkButton,\n} from '@strapi/design-system';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { RelativeTime } from '../../../../components/RelativeTime';\nimport { Table as TableImpl } from '../../../../components/Table';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\n\nimport type { AdminTokenOwner } from '../../../../../../shared/contracts/shared';\nimport type { Data } from '@strapi/types';\n\nconst formatAdminUserName = (\n  owner: Pick<AdminTokenOwner, 'firstname' | 'lastname' | 'email' | 'username'>\n): string => {\n  const full = [owner.firstname, owner.lastname].filter(Boolean).join(' ');\n  return full || owner.username || owner.email || '';\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {\n  onConfirmDelete: (id: Data.ID) => void;\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: SanitizedTransferToken[] | ApiToken[];\n  tokenType: 'api-token' | 'transfer-token';\n  showOwner?: boolean;\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n  showOwner = false,\n}: TableProps) => {\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage, locale } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const formatter = useCollator(locale);\n\n  const sortedTokens = [...tokens].sort((a, b) => {\n    return sortOrder === 'DESC'\n      ? formatter.compare(b.name, a.name)\n      : formatter.compare(a.name, b.name);\n  });\n\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const handleRowClick = (id: Data.ID) => () => {\n    if (canRead) {\n      trackUsage('willEditTokenFromList', {\n        tokenType,\n      });\n      navigate(id.toString());\n    }\n  };\n\n  return (\n    <TableImpl.Root headers={headers} rows={sortedTokens} isLoading={isLoading}>\n      <TableImpl.Content>\n        <TableImpl.Head>\n          {headers.map((header) => (\n            <TableImpl.HeaderCell key={header.name} {...header} />\n          ))}\n        </TableImpl.Head>\n        <TableImpl.Empty />\n        <TableImpl.Loading />\n        <TableImpl.Body>\n          {sortedTokens.map((token) => {\n            const GuidedTourTooltip =\n              token.name === 'Read Only' ? tours.apiTokens.ManageAPIToken : React.Fragment;\n            return (\n              <TableImpl.Row key={token.id} onClick={handleRowClick(token.id)}>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                    {token.name}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" ellipsis>\n                    {token.description}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\n                  <Typography textColor=\"neutral800\">\n                    {/* @ts-expect-error One of the tokens doesn't have createdAt */}\n                    <RelativeTime timestamp={new Date(token.createdAt)} />\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\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                </TableImpl.Cell>\n                {showOwner === true &&\n                  (() => {\n                    const apiToken = token as ApiToken;\n                    const owner = apiToken.kind === 'admin' ? apiToken.adminUserOwner : undefined;\n                    const ownerName =\n                      owner !== undefined && owner !== null && typeof owner === 'object'\n                        ? formatAdminUserName(owner)\n                        : '';\n                    return (\n                      <TableImpl.Cell maxWidth=\"20rem\">\n                        <Typography textColor=\"neutral800\" ellipsis>\n                          {ownerName}\n                        </Typography>\n                      </TableImpl.Cell>\n                    );\n                  })()}\n                {canUpdate || canRead || canDelete ? (\n                  <TableImpl.Cell>\n                    <Flex justifyContent=\"end\">\n                      <GuidedTourTooltip>\n                        {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                      </GuidedTourTooltip>\n                      {canDelete && (\n                        <DeleteButton\n                          tokenName={token.name}\n                          onClickDelete={() => onConfirmDelete?.(token.id)}\n                          tokenType={tokenType}\n                        />\n                      )}\n                    </Flex>\n                  </TableImpl.Cell>\n                ) : null}\n              </TableImpl.Row>\n            );\n          })}\n        </TableImpl.Body>\n      </TableImpl.Content>\n    </TableImpl.Root>\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: Data.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\n  return (\n    <LinkButtonStyled\n      tag={NavLink}\n      to={tokenId.toString()}\n      onClick={(e: React.MouseEvent) => e.stopPropagation()}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n      variant=\"ghost\"\n      size=\"S\"\n    >\n      {children}\n    </LinkButtonStyled>\n  );\n};\n\nconst LinkButtonStyled = styled(LinkButton)`\n  padding: 0.7rem;\n\n  & > span {\n    display: flex;\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 handleClickDelete = () => {\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Dialog.Root>\n      <Box<'div'> paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n        <Dialog.Trigger>\n          <IconButton\n            label={formatMessage(\n              {\n                id: 'global.delete-target',\n                defaultMessage: 'Delete {target}',\n              },\n              { target: `${tokenName}` }\n            )}\n            name=\"delete\"\n            variant=\"ghost\"\n          >\n            <Trash />\n          </IconButton>\n        </Dialog.Trigger>\n        <ConfirmDialog onConfirm={handleClickDelete} />\n      </Box>\n    </Dialog.Root>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Data.ID;\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":["formatAdminUserName","owner","full","firstname","lastname","filter","Boolean","join","username","email","Table","permissions","headers","isLoading","tokens","onConfirmDelete","tokenType","showOwner","query","useQueryParams","formatMessage","locale","useIntl","sortOrder","sort","split","undefined","navigate","useNavigate","trackUsage","useTracking","formatter","useCollator","sortedTokens","a","b","compare","name","canDelete","canUpdate","canRead","handleRowClick","id","toString","_jsx","TableImpl","Root","rows","_jsxs","Content","Head","map","header","HeaderCell","Empty","Loading","Body","token","GuidedTourTooltip","tours","apiTokens","ManageAPIToken","React","Fragment","Row","onClick","Cell","maxWidth","Typography","textColor","fontWeight","ellipsis","description","RelativeTime","timestamp","Date","createdAt","lastUsedAt","customIntervals","unit","threshold","text","defaultMessage","apiToken","kind","adminUserOwner","ownerName","Flex","justifyContent","UpdateButton","tokenName","tokenId","DeleteButton","onClickDelete","MESSAGES_MAP","edit","read","DefaultButton","buttonType","children","LinkButtonStyled","tag","NavLink","to","e","stopPropagation","title","target","variant","size","styled","LinkButton","handleClickDelete","Dialog","Box","paddingLeft","Trigger","IconButton","label","Trash","ConfirmDialog","onConfirm","Pencil"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/Table.mjs

@@ -12,7 +12,14 @@ import { Table as Table$1 } from '../../../../components/Table.mjs';
 import { useTracking } from '../../../../features/Tracking.mjs';
 import { useQueryParams } from '../../../../hooks/useQueryParams.mjs';
 
-const Table = ({ permissions, headers = [], isLoading = false, tokens = [], onConfirmDelete, tokenType })=>{
+const formatAdminUserName = (owner)=>{
+    const full = [
+        owner.firstname,
+        owner.lastname
+    ].filter(Boolean).join(' ');
+    return full || owner.username || owner.email || '';
+};
+const Table = ({ permissions, headers = [], isLoading = false, tokens = [], onConfirmDelete, tokenType, showOwner = false })=>{
     const [{ query }] = useQueryParams();
     const { formatMessage, locale } = useIntl();
     const [, sortOrder] = query && query.sort ? query.sort.split(':') : [
@@ -98,6 +105,19 @@ const Table = ({ permissions, headers = [], isLoading = false, tokens = [], onCo
                                         })
                                     })
                                 }),
+                                showOwner === true && (()=>{
+                                    const apiToken = token;
+                                    const owner = apiToken.kind === 'admin' ? apiToken.adminUserOwner : undefined;
+                                    const ownerName = owner !== undefined && owner !== null && typeof owner === 'object' ? formatAdminUserName(owner) : '';
+                                    return /*#__PURE__*/ jsx(Table$1.Cell, {
+                                        maxWidth: "20rem",
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            textColor: "neutral800",
+                                            ellipsis: true,
+                                            children: ownerName
+                                        })
+                                    });
+                                })(),
                                 canUpdate || canRead || canDelete ? /*#__PURE__*/ jsx(Table$1.Cell, {
                                     children: /*#__PURE__*/ jsxs(Flex, {
                                         justifyContent: "end",

package/dist/admin/admin/src/pages/Settings/components/Tokens/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Typography,\n  useCollator,\n  Dialog,\n  LinkButton,\n} from '@strapi/design-system';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { RelativeTime } from '../../../../components/RelativeTime';\nimport { Table as TableImpl } from '../../../../components/Table';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\n\nimport type { Data } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {\n  onConfirmDelete: (id: Data.ID) => void;\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: SanitizedTransferToken[] | ApiToken[];\n  tokenType: 'api-token' | 'transfer-token';\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n}: TableProps) => {\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage, locale } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const formatter = useCollator(locale);\n\n  const sortedTokens = [...tokens].sort((a, b) => {\n    return sortOrder === 'DESC'\n      ? formatter.compare(b.name, a.name)\n      : formatter.compare(a.name, b.name);\n  });\n\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const handleRowClick = (id: Data.ID) => () => {\n    if (canRead) {\n      trackUsage('willEditTokenFromList', {\n        tokenType,\n      });\n      navigate(id.toString());\n    }\n  };\n\n  return (\n    <TableImpl.Root headers={headers} rows={sortedTokens} isLoading={isLoading}>\n      <TableImpl.Content>\n        <TableImpl.Head>\n          {headers.map((header) => (\n            <TableImpl.HeaderCell key={header.name} {...header} />\n          ))}\n        </TableImpl.Head>\n        <TableImpl.Empty />\n        <TableImpl.Loading />\n        <TableImpl.Body>\n          {sortedTokens.map((token) => {\n            const GuidedTourTooltip =\n              token.name === 'Read Only' ? tours.apiTokens.ManageAPIToken : React.Fragment;\n            return (\n              <TableImpl.Row key={token.id} onClick={handleRowClick(token.id)}>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                    {token.name}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" ellipsis>\n                    {token.description}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\n                  <Typography textColor=\"neutral800\">\n                    {/* @ts-expect-error One of the tokens doesn't have createdAt */}\n                    <RelativeTime timestamp={new Date(token.createdAt)} />\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\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                </TableImpl.Cell>\n                {canUpdate || canRead || canDelete ? (\n                  <TableImpl.Cell>\n                    <Flex justifyContent=\"end\">\n                      <GuidedTourTooltip>\n                        {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                      </GuidedTourTooltip>\n                      {canDelete && (\n                        <DeleteButton\n                          tokenName={token.name}\n                          onClickDelete={() => onConfirmDelete?.(token.id)}\n                          tokenType={tokenType}\n                        />\n                      )}\n                    </Flex>\n                  </TableImpl.Cell>\n                ) : null}\n              </TableImpl.Row>\n            );\n          })}\n        </TableImpl.Body>\n      </TableImpl.Content>\n    </TableImpl.Root>\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: Data.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\n  return (\n    <LinkButtonStyled\n      tag={NavLink}\n      to={tokenId.toString()}\n      onClick={(e: React.MouseEvent) => e.stopPropagation()}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n      variant=\"ghost\"\n      size=\"S\"\n    >\n      {children}\n    </LinkButtonStyled>\n  );\n};\n\nconst LinkButtonStyled = styled(LinkButton)`\n  padding: 0.7rem;\n\n  & > span {\n    display: flex;\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 handleClickDelete = () => {\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Dialog.Root>\n      <Box<'div'> paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n        <Dialog.Trigger>\n          <IconButton\n            label={formatMessage(\n              {\n                id: 'global.delete-target',\n                defaultMessage: 'Delete {target}',\n              },\n              { target: `${tokenName}` }\n            )}\n            name=\"delete\"\n            variant=\"ghost\"\n          >\n            <Trash />\n          </IconButton>\n        </Dialog.Trigger>\n        <ConfirmDialog onConfirm={handleClickDelete} />\n      </Box>\n    </Dialog.Root>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Data.ID;\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":["Table","permissions","headers","isLoading","tokens","onConfirmDelete","tokenType","query","useQueryParams","formatMessage","locale","useIntl","sortOrder","sort","split","undefined","navigate","useNavigate","trackUsage","useTracking","formatter","useCollator","sortedTokens","a","b","compare","name","canDelete","canUpdate","canRead","handleRowClick","id","toString","_jsx","TableImpl","Root","rows","_jsxs","Content","Head","map","header","HeaderCell","Empty","Loading","Body","token","GuidedTourTooltip","tours","apiTokens","ManageAPIToken","React","Fragment","Row","onClick","Cell","maxWidth","Typography","textColor","fontWeight","ellipsis","description","RelativeTime","timestamp","Date","createdAt","lastUsedAt","customIntervals","unit","threshold","text","defaultMessage","Flex","justifyContent","UpdateButton","tokenName","tokenId","DeleteButton","onClickDelete","MESSAGES_MAP","edit","read","DefaultButton","buttonType","children","LinkButtonStyled","tag","NavLink","to","e","stopPropagation","title","target","variant","size","styled","LinkButton","handleClickDelete","Dialog","Box","paddingLeft","Trigger","IconButton","label","Trash","ConfirmDialog","onConfirm","Pencil"],"mappings":"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"}
+{"version":3,"file":"Table.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Typography,\n  useCollator,\n  Dialog,\n  LinkButton,\n} from '@strapi/design-system';\nimport { Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ApiToken } from '../../../../../../shared/contracts/api-token';\nimport { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { RelativeTime } from '../../../../components/RelativeTime';\nimport { Table as TableImpl } from '../../../../components/Table';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\n\nimport type { AdminTokenOwner } from '../../../../../../shared/contracts/shared';\nimport type { Data } from '@strapi/types';\n\nconst formatAdminUserName = (\n  owner: Pick<AdminTokenOwner, 'firstname' | 'lastname' | 'email' | 'username'>\n): string => {\n  const full = [owner.firstname, owner.lastname].filter(Boolean).join(' ');\n  return full || owner.username || owner.email || '';\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {\n  onConfirmDelete: (id: Data.ID) => void;\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: SanitizedTransferToken[] | ApiToken[];\n  tokenType: 'api-token' | 'transfer-token';\n  showOwner?: boolean;\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n  showOwner = false,\n}: TableProps) => {\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage, locale } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const navigate = useNavigate();\n  const { trackUsage } = useTracking();\n  const formatter = useCollator(locale);\n\n  const sortedTokens = [...tokens].sort((a, b) => {\n    return sortOrder === 'DESC'\n      ? formatter.compare(b.name, a.name)\n      : formatter.compare(a.name, b.name);\n  });\n\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const handleRowClick = (id: Data.ID) => () => {\n    if (canRead) {\n      trackUsage('willEditTokenFromList', {\n        tokenType,\n      });\n      navigate(id.toString());\n    }\n  };\n\n  return (\n    <TableImpl.Root headers={headers} rows={sortedTokens} isLoading={isLoading}>\n      <TableImpl.Content>\n        <TableImpl.Head>\n          {headers.map((header) => (\n            <TableImpl.HeaderCell key={header.name} {...header} />\n          ))}\n        </TableImpl.Head>\n        <TableImpl.Empty />\n        <TableImpl.Loading />\n        <TableImpl.Body>\n          {sortedTokens.map((token) => {\n            const GuidedTourTooltip =\n              token.name === 'Read Only' ? tours.apiTokens.ManageAPIToken : React.Fragment;\n            return (\n              <TableImpl.Row key={token.id} onClick={handleRowClick(token.id)}>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                    {token.name}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell maxWidth=\"25rem\">\n                  <Typography textColor=\"neutral800\" ellipsis>\n                    {token.description}\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\n                  <Typography textColor=\"neutral800\">\n                    {/* @ts-expect-error One of the tokens doesn't have createdAt */}\n                    <RelativeTime timestamp={new Date(token.createdAt)} />\n                  </Typography>\n                </TableImpl.Cell>\n                <TableImpl.Cell>\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                </TableImpl.Cell>\n                {showOwner === true &&\n                  (() => {\n                    const apiToken = token as ApiToken;\n                    const owner = apiToken.kind === 'admin' ? apiToken.adminUserOwner : undefined;\n                    const ownerName =\n                      owner !== undefined && owner !== null && typeof owner === 'object'\n                        ? formatAdminUserName(owner)\n                        : '';\n                    return (\n                      <TableImpl.Cell maxWidth=\"20rem\">\n                        <Typography textColor=\"neutral800\" ellipsis>\n                          {ownerName}\n                        </Typography>\n                      </TableImpl.Cell>\n                    );\n                  })()}\n                {canUpdate || canRead || canDelete ? (\n                  <TableImpl.Cell>\n                    <Flex justifyContent=\"end\">\n                      <GuidedTourTooltip>\n                        {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                      </GuidedTourTooltip>\n                      {canDelete && (\n                        <DeleteButton\n                          tokenName={token.name}\n                          onClickDelete={() => onConfirmDelete?.(token.id)}\n                          tokenType={tokenType}\n                        />\n                      )}\n                    </Flex>\n                  </TableImpl.Cell>\n                ) : null}\n              </TableImpl.Row>\n            );\n          })}\n        </TableImpl.Body>\n      </TableImpl.Content>\n    </TableImpl.Root>\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: Data.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\n  return (\n    <LinkButtonStyled\n      tag={NavLink}\n      to={tokenId.toString()}\n      onClick={(e: React.MouseEvent) => e.stopPropagation()}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n      variant=\"ghost\"\n      size=\"S\"\n    >\n      {children}\n    </LinkButtonStyled>\n  );\n};\n\nconst LinkButtonStyled = styled(LinkButton)`\n  padding: 0.7rem;\n\n  & > span {\n    display: flex;\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 handleClickDelete = () => {\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Dialog.Root>\n      <Box<'div'> paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n        <Dialog.Trigger>\n          <IconButton\n            label={formatMessage(\n              {\n                id: 'global.delete-target',\n                defaultMessage: 'Delete {target}',\n              },\n              { target: `${tokenName}` }\n            )}\n            name=\"delete\"\n            variant=\"ghost\"\n          >\n            <Trash />\n          </IconButton>\n        </Dialog.Trigger>\n        <ConfirmDialog onConfirm={handleClickDelete} />\n      </Box>\n    </Dialog.Root>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Data.ID;\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":["formatAdminUserName","owner","full","firstname","lastname","filter","Boolean","join","username","email","Table","permissions","headers","isLoading","tokens","onConfirmDelete","tokenType","showOwner","query","useQueryParams","formatMessage","locale","useIntl","sortOrder","sort","split","undefined","navigate","useNavigate","trackUsage","useTracking","formatter","useCollator","sortedTokens","a","b","compare","name","canDelete","canUpdate","canRead","handleRowClick","id","toString","_jsx","TableImpl","Root","rows","_jsxs","Content","Head","map","header","HeaderCell","Empty","Loading","Body","token","GuidedTourTooltip","tours","apiTokens","ManageAPIToken","React","Fragment","Row","onClick","Cell","maxWidth","Typography","textColor","fontWeight","ellipsis","description","RelativeTime","timestamp","Date","createdAt","lastUsedAt","customIntervals","unit","threshold","text","defaultMessage","apiToken","kind","adminUserOwner","ownerName","Flex","justifyContent","UpdateButton","tokenName","tokenId","DeleteButton","onClickDelete","MESSAGES_MAP","edit","read","DefaultButton","buttonType","children","LinkButtonStyled","tag","NavLink","to","e","stopPropagation","title","target","variant","size","styled","LinkButton","handleClickDelete","Dialog","Box","paddingLeft","Trigger","IconButton","label","Trash","ConfirmDialog","onConfirm","Pencil"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/TokenBox.js

@@ -70,7 +70,7 @@ const ApiTokenBox = ({ token, tokenType })=>{
                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
                             children: formatMessage({
                                 id: 'Settings.apiTokens.copy.lastWarning',
-                                defaultMessage: 'Copy your API token'
+                                defaultMessage: 'Copy your token'
                             })
                         })
                     ]

package/dist/admin/admin/src/pages/Settings/components/Tokens/TokenBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBox.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/TokenBox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IconButton, Flex, Box, Typography, Button } from '@strapi/design-system';\nimport { Duplicate, Key } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ContentBox } from '../../../../components/ContentBox';\nimport { useGuidedTour } from '../../../../components/GuidedTour/Context';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from '../../../../components/GuidedTour/utils/constants';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useClipboard } from '../../../../hooks/useClipboard';\n\ninterface TokenBoxProps {\n  token?: string;\n  tokenType: 'transfer-token' | 'api-token';\n}\n\nconst TypographyWordBreak = styled(Typography)`\n  word-break: break-all;\n`;\n\nexport const ApiTokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const dispatch = useGuidedTour('TokenBox', (s) => s.dispatch);\n\n  const { copy } = useClipboard();\n\n  const handleCopyToken = async (token: TokenBoxProps['token']) => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        dispatch({\n          type: 'set_completed_actions',\n          payload: [GUIDED_TOUR_REQUIRED_ACTIONS.apiTokens.copyToken],\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\n      }\n    }\n  };\n\n  return (\n    <>\n      <Flex\n        shadow=\"tableShadow\"\n        direction=\"column\"\n        alignItems=\"start\"\n        hasRadius\n        padding={6}\n        background=\"neutral0\"\n      >\n        <Flex direction=\"column\" alignItems=\"start\" gap={1} paddingBottom={4}>\n          <Typography fontWeight=\"bold\">\n            {formatMessage({\n              id: 'Settings.tokens.copy.title',\n              defaultMessage: 'Token',\n            })}\n          </Typography>\n          <Typography>\n            {formatMessage({\n              id: 'Settings.apiTokens.copy.lastWarning',\n              defaultMessage: 'Copy your API token',\n            })}\n          </Typography>\n        </Flex>\n        <Box background=\"neutral100\" hasRadius padding={2} borderColor=\"neutral150\">\n          <TypographyWordBreak fontWeight=\"semiBold\" variant=\"pi\">\n            {token}\n          </TypographyWordBreak>\n        </Box>\n        <tours.apiTokens.CopyAPIToken>\n          <Button\n            startIcon={<Duplicate />}\n            variant=\"secondary\"\n            onClick={(e: React.MouseEvent) => {\n              e.preventDefault();\n              handleCopyToken(token);\n            }}\n            marginTop={6}\n          >\n            {formatMessage({ id: 'Settings.tokens.copy.copy', defaultMessage: 'Copy' })}\n          </Button>\n        </tours.apiTokens.CopyAPIToken>\n      </Flex>\n    </>\n  );\n};\n\nexport const TokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n\n  const { copy } = useClipboard();\n\n  const handleClick = (token: TokenBoxProps['token']) => async () => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\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              variant=\"ghost\"\n              type=\"button\"\n              style={{ padding: 0, height: '1.6rem' }}\n            >\n              <Duplicate />\n            </IconButton>\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              tokenType === 'api-token'\n                ? {\n                    id: 'Settings.tokens.copy.subtitle',\n                    defaultMessage: 'Copy this token for use elsewhere',\n                  }\n                : {\n                    id: 'Settings.tokens.copy.lastWarning',\n                    defaultMessage:\n                      'Make sure to copy this token, you won’t be able to see it again!',\n                  }\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"],"names":["TypographyWordBreak","styled","Typography","ApiTokenBox","token","tokenType","formatMessage","useIntl","toggleNotification","useNotification","trackUsage","useTracking","dispatch","useGuidedTour","s","copy","useClipboard","handleCopyToken","didCopy","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","apiTokens","copyToken","message","id","_jsx","_Fragment","_jsxs","Flex","shadow","direction","alignItems","hasRadius","padding","background","gap","paddingBottom","fontWeight","defaultMessage","Box","borderColor","variant","tours","CopyAPIToken","Button","startIcon","Duplicate","onClick","e","preventDefault","marginTop","TokenBox","handleClick","ContentBox","endAction","span","style","alignSelf","IconButton","label","height","title","subtitle","icon","Key","iconBackground"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAMA,mBAAAA,GAAsBC,aAAAA,CAAOC,uBAAAA,CAAW;;AAE9C,CAAC;MAEYC,WAAAA,GAAc,CAAC,EAAEC,KAAK,EAAEC,SAAS,EAAiB,GAAA;IAC7D,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,6BAAAA,EAAAA;IAC/B,MAAM,EAAEC,UAAU,EAAE,GAAGC,oBAAAA,EAAAA;AACvB,IAAA,MAAMC,WAAWC,qBAAAA,CAAc,UAAA,EAAY,CAACC,CAAAA,GAAMA,EAAEF,QAAQ,CAAA;IAE5D,MAAM,EAAEG,IAAI,EAAE,GAAGC,yBAAAA,EAAAA;AAEjB,IAAA,MAAMC,kBAAkB,OAAOb,KAAAA,GAAAA;AAC7B,QAAA,IAAIA,KAAAA,EAAO;YACT,MAAMc,OAAAA,GAAU,MAAMH,IAAAA,CAAKX,KAAAA,CAAAA;AAE3B,YAAA,IAAIc,OAAAA,EAAS;AACXR,gBAAAA,UAAAA,CAAW,iBAAA,EAAmB;AAC5BL,oBAAAA;AACF,iBAAA,CAAA;gBACAO,QAAAA,CAAS;oBACPO,IAAAA,EAAM,uBAAA;oBACNC,OAAAA,EAAS;wBAACC,sCAAAA,CAA6BC,SAAS,CAACC;AAAU;AAC7D,iBAAA,CAAA;gBACAf,kBAAAA,CAAmB;oBACjBW,IAAAA,EAAM,SAAA;AACNK,oBAAAA,OAAAA,EAASlB,aAAAA,CAAc;wBAAEmB,EAAAA,EAAI;AAAsC,qBAAA;AACrE,iBAAA,CAAA;AACF,YAAA;AACF,QAAA;AACF,IAAA,CAAA;IAEA,qBACEC,cAAA,CAAAC,mBAAA,EAAA;AACE,QAAA,QAAA,gBAAAC,eAAA,CAACC,iBAAAA,EAAAA;YACCC,MAAAA,EAAO,aAAA;YACPC,SAAAA,EAAU,QAAA;YACVC,UAAAA,EAAW,OAAA;YACXC,SAAS,EAAA,IAAA;YACTC,OAAAA,EAAS,CAAA;YACTC,UAAAA,EAAW,UAAA;;8BAEXP,eAAA,CAACC,iBAAAA,EAAAA;oBAAKE,SAAAA,EAAU,QAAA;oBAASC,UAAAA,EAAW,OAAA;oBAAQI,GAAAA,EAAK,CAAA;oBAAGC,aAAAA,EAAe,CAAA;;sCACjEX,cAAA,CAACxB,uBAAAA,EAAAA;4BAAWoC,UAAAA,EAAW,MAAA;sCACpBhC,aAAAA,CAAc;gCACbmB,EAAAA,EAAI,4BAAA;gCACJc,cAAAA,EAAgB;AAClB,6BAAA;;sCAEFb,cAAA,CAACxB,uBAAAA,EAAAA;sCACEI,aAAAA,CAAc;gCACbmB,EAAAA,EAAI,qCAAA;gCACJc,cAAAA,EAAgB;AAClB,6BAAA;;;;8BAGJb,cAAA,CAACc,gBAAAA,EAAAA;oBAAIL,UAAAA,EAAW,YAAA;oBAAaF,SAAS,EAAA,IAAA;oBAACC,OAAAA,EAAS,CAAA;oBAAGO,WAAAA,EAAY,YAAA;AAC7D,oBAAA,QAAA,gBAAAf,cAAA,CAAC1B,mBAAAA,EAAAA;wBAAoBsC,UAAAA,EAAW,UAAA;wBAAWI,OAAAA,EAAQ,IAAA;AAChDtC,wBAAAA,QAAAA,EAAAA;;;8BAGLsB,cAAA,CAACiB,WAAAA,CAAMrB,SAAS,CAACsB,YAAY,EAAA;AAC3B,oBAAA,QAAA,gBAAAlB,cAAA,CAACmB,mBAAAA,EAAAA;AACCC,wBAAAA,SAAAA,gBAAWpB,cAAA,CAACqB,eAAAA,EAAAA,EAAAA,CAAAA;wBACZL,OAAAA,EAAQ,WAAA;AACRM,wBAAAA,OAAAA,EAAS,CAACC,CAAAA,GAAAA;AACRA,4BAAAA,CAAAA,CAAEC,cAAc,EAAA;4BAChBjC,eAAAA,CAAgBb,KAAAA,CAAAA;AAClB,wBAAA,CAAA;wBACA+C,SAAAA,EAAW,CAAA;kCAEV7C,aAAAA,CAAc;4BAAEmB,EAAAA,EAAI,2BAAA;4BAA6Bc,cAAAA,EAAgB;AAAO,yBAAA;;;;;;AAMrF;MAEaa,QAAAA,GAAW,CAAC,EAAEhD,KAAK,EAAEC,SAAS,EAAiB,GAAA;IAC1D,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,6BAAAA,EAAAA;IAC/B,MAAM,EAAEC,UAAU,EAAE,GAAGC,oBAAAA,EAAAA;IAEvB,MAAM,EAAEI,IAAI,EAAE,GAAGC,yBAAAA,EAAAA;IAEjB,MAAMqC,WAAAA,GAAc,CAACjD,KAAAA,GAAkC,UAAA;AACrD,YAAA,IAAIA,KAAAA,EAAO;gBACT,MAAMc,OAAAA,GAAU,MAAMH,IAAAA,CAAKX,KAAAA,CAAAA;AAE3B,gBAAA,IAAIc,OAAAA,EAAS;AACXR,oBAAAA,UAAAA,CAAW,iBAAA,EAAmB;AAC5BL,wBAAAA;AACF,qBAAA,CAAA;oBACAG,kBAAAA,CAAmB;wBACjBW,IAAAA,EAAM,SAAA;AACNK,wBAAAA,OAAAA,EAASlB,aAAAA,CAAc;4BAAEmB,EAAAA,EAAI;AAAsC,yBAAA;AACrE,qBAAA,CAAA;AACF,gBAAA;AACF,YAAA;AACF,QAAA,CAAA;AAEA,IAAA,qBACEC,cAAA,CAAC4B,qBAAAA,EAAAA;AACCC,QAAAA,SAAAA,EACEnD,uBACEsB,cAAA,CAAC8B,MAAAA,EAAAA;YAAKC,KAAAA,EAAO;gBAAEC,SAAAA,EAAW;AAAQ,aAAA;AAChC,YAAA,QAAA,gBAAAhC,cAAA,CAACiC,uBAAAA,EAAAA;AACCC,gBAAAA,KAAAA,EAAOtD,aAAAA,CAAc;oBACnBmB,EAAAA,EAAI,qCAAA;oBACJc,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACAS,gBAAAA,OAAAA,EAASK,WAAAA,CAAYjD,KAAAA,CAAAA;gBACrBsC,OAAAA,EAAQ,OAAA;gBACRvB,IAAAA,EAAK,QAAA;gBACLsC,KAAAA,EAAO;oBAAEvB,OAAAA,EAAS,CAAA;oBAAG2B,MAAAA,EAAQ;AAAS,iBAAA;AAEtC,gBAAA,QAAA,gBAAAnC,cAAA,CAACqB,eAAAA,EAAAA,EAAAA;;;AAKTe,QAAAA,KAAAA,EACE1D,SACAE,aAAAA,CAAc;YACZmB,EAAAA,EAAI,gCAAA;YACJc,cAAAA,EAAgB;AAClB,SAAA,CAAA;QAEFwB,QAAAA,EACE3D,KAAAA,GACIE,aAAAA,CACED,SAAAA,KAAc,WAAA,GACV;YACEoB,EAAAA,EAAI,+BAAA;YACJc,cAAAA,EAAgB;SAClB,GACA;YACEd,EAAAA,EAAI,kCAAA;YACJc,cAAAA,EACE;AACJ,SAAA,CAAA,GAENjC,aAAAA,CAAc;YACZmB,EAAAA,EAAI,kCAAA;YACJc,cAAAA,EAAgB;AAClB,SAAA,CAAA;AAENyB,QAAAA,IAAAA,gBAAMtC,cAAA,CAACuC,SAAAA,EAAAA,EAAAA,CAAAA;QACPC,cAAAA,EAAe;;AAGrB;;;;;"}
+{"version":3,"file":"TokenBox.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/TokenBox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IconButton, Flex, Box, Typography, Button } from '@strapi/design-system';\nimport { Duplicate, Key } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ContentBox } from '../../../../components/ContentBox';\nimport { useGuidedTour } from '../../../../components/GuidedTour/Context';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from '../../../../components/GuidedTour/utils/constants';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useClipboard } from '../../../../hooks/useClipboard';\n\ninterface TokenBoxProps {\n  token?: string;\n  tokenType: 'transfer-token' | 'api-token';\n}\n\nconst TypographyWordBreak = styled(Typography)`\n  word-break: break-all;\n`;\n\nexport const ApiTokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const dispatch = useGuidedTour('TokenBox', (s) => s.dispatch);\n\n  const { copy } = useClipboard();\n\n  const handleCopyToken = async (token: TokenBoxProps['token']) => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        dispatch({\n          type: 'set_completed_actions',\n          payload: [GUIDED_TOUR_REQUIRED_ACTIONS.apiTokens.copyToken],\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\n      }\n    }\n  };\n\n  return (\n    <>\n      <Flex\n        shadow=\"tableShadow\"\n        direction=\"column\"\n        alignItems=\"start\"\n        hasRadius\n        padding={6}\n        background=\"neutral0\"\n      >\n        <Flex direction=\"column\" alignItems=\"start\" gap={1} paddingBottom={4}>\n          <Typography fontWeight=\"bold\">\n            {formatMessage({\n              id: 'Settings.tokens.copy.title',\n              defaultMessage: 'Token',\n            })}\n          </Typography>\n          <Typography>\n            {formatMessage({\n              id: 'Settings.apiTokens.copy.lastWarning',\n              defaultMessage: 'Copy your token',\n            })}\n          </Typography>\n        </Flex>\n        <Box background=\"neutral100\" hasRadius padding={2} borderColor=\"neutral150\">\n          <TypographyWordBreak fontWeight=\"semiBold\" variant=\"pi\">\n            {token}\n          </TypographyWordBreak>\n        </Box>\n        <tours.apiTokens.CopyAPIToken>\n          <Button\n            startIcon={<Duplicate />}\n            variant=\"secondary\"\n            onClick={(e: React.MouseEvent) => {\n              e.preventDefault();\n              handleCopyToken(token);\n            }}\n            marginTop={6}\n          >\n            {formatMessage({ id: 'Settings.tokens.copy.copy', defaultMessage: 'Copy' })}\n          </Button>\n        </tours.apiTokens.CopyAPIToken>\n      </Flex>\n    </>\n  );\n};\n\nexport const TokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n\n  const { copy } = useClipboard();\n\n  const handleClick = (token: TokenBoxProps['token']) => async () => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\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              variant=\"ghost\"\n              type=\"button\"\n              style={{ padding: 0, height: '1.6rem' }}\n            >\n              <Duplicate />\n            </IconButton>\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              tokenType === 'api-token'\n                ? {\n                    id: 'Settings.tokens.copy.subtitle',\n                    defaultMessage: 'Copy this token for use elsewhere',\n                  }\n                : {\n                    id: 'Settings.tokens.copy.lastWarning',\n                    defaultMessage:\n                      'Make sure to copy this token, you won’t be able to see it again!',\n                  }\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"],"names":["TypographyWordBreak","styled","Typography","ApiTokenBox","token","tokenType","formatMessage","useIntl","toggleNotification","useNotification","trackUsage","useTracking","dispatch","useGuidedTour","s","copy","useClipboard","handleCopyToken","didCopy","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","apiTokens","copyToken","message","id","_jsx","_Fragment","_jsxs","Flex","shadow","direction","alignItems","hasRadius","padding","background","gap","paddingBottom","fontWeight","defaultMessage","Box","borderColor","variant","tours","CopyAPIToken","Button","startIcon","Duplicate","onClick","e","preventDefault","marginTop","TokenBox","handleClick","ContentBox","endAction","span","style","alignSelf","IconButton","label","height","title","subtitle","icon","Key","iconBackground"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/TokenBox.mjs

@@ -68,7 +68,7 @@ const ApiTokenBox = ({ token, tokenType })=>{
                         /*#__PURE__*/ jsx(Typography, {
                             children: formatMessage({
                                 id: 'Settings.apiTokens.copy.lastWarning',
-                                defaultMessage: 'Copy your API token'
+                                defaultMessage: 'Copy your token'
                             })
                         })
                     ]

package/dist/admin/admin/src/pages/Settings/components/Tokens/TokenBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBox.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/TokenBox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IconButton, Flex, Box, Typography, Button } from '@strapi/design-system';\nimport { Duplicate, Key } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ContentBox } from '../../../../components/ContentBox';\nimport { useGuidedTour } from '../../../../components/GuidedTour/Context';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from '../../../../components/GuidedTour/utils/constants';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useClipboard } from '../../../../hooks/useClipboard';\n\ninterface TokenBoxProps {\n  token?: string;\n  tokenType: 'transfer-token' | 'api-token';\n}\n\nconst TypographyWordBreak = styled(Typography)`\n  word-break: break-all;\n`;\n\nexport const ApiTokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const dispatch = useGuidedTour('TokenBox', (s) => s.dispatch);\n\n  const { copy } = useClipboard();\n\n  const handleCopyToken = async (token: TokenBoxProps['token']) => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        dispatch({\n          type: 'set_completed_actions',\n          payload: [GUIDED_TOUR_REQUIRED_ACTIONS.apiTokens.copyToken],\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\n      }\n    }\n  };\n\n  return (\n    <>\n      <Flex\n        shadow=\"tableShadow\"\n        direction=\"column\"\n        alignItems=\"start\"\n        hasRadius\n        padding={6}\n        background=\"neutral0\"\n      >\n        <Flex direction=\"column\" alignItems=\"start\" gap={1} paddingBottom={4}>\n          <Typography fontWeight=\"bold\">\n            {formatMessage({\n              id: 'Settings.tokens.copy.title',\n              defaultMessage: 'Token',\n            })}\n          </Typography>\n          <Typography>\n            {formatMessage({\n              id: 'Settings.apiTokens.copy.lastWarning',\n              defaultMessage: 'Copy your API token',\n            })}\n          </Typography>\n        </Flex>\n        <Box background=\"neutral100\" hasRadius padding={2} borderColor=\"neutral150\">\n          <TypographyWordBreak fontWeight=\"semiBold\" variant=\"pi\">\n            {token}\n          </TypographyWordBreak>\n        </Box>\n        <tours.apiTokens.CopyAPIToken>\n          <Button\n            startIcon={<Duplicate />}\n            variant=\"secondary\"\n            onClick={(e: React.MouseEvent) => {\n              e.preventDefault();\n              handleCopyToken(token);\n            }}\n            marginTop={6}\n          >\n            {formatMessage({ id: 'Settings.tokens.copy.copy', defaultMessage: 'Copy' })}\n          </Button>\n        </tours.apiTokens.CopyAPIToken>\n      </Flex>\n    </>\n  );\n};\n\nexport const TokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n\n  const { copy } = useClipboard();\n\n  const handleClick = (token: TokenBoxProps['token']) => async () => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\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              variant=\"ghost\"\n              type=\"button\"\n              style={{ padding: 0, height: '1.6rem' }}\n            >\n              <Duplicate />\n            </IconButton>\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              tokenType === 'api-token'\n                ? {\n                    id: 'Settings.tokens.copy.subtitle',\n                    defaultMessage: 'Copy this token for use elsewhere',\n                  }\n                : {\n                    id: 'Settings.tokens.copy.lastWarning',\n                    defaultMessage:\n                      'Make sure to copy this token, you won’t be able to see it again!',\n                  }\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"],"names":["TypographyWordBreak","styled","Typography","ApiTokenBox","token","tokenType","formatMessage","useIntl","toggleNotification","useNotification","trackUsage","useTracking","dispatch","useGuidedTour","s","copy","useClipboard","handleCopyToken","didCopy","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","apiTokens","copyToken","message","id","_jsx","_Fragment","_jsxs","Flex","shadow","direction","alignItems","hasRadius","padding","background","gap","paddingBottom","fontWeight","defaultMessage","Box","borderColor","variant","tours","CopyAPIToken","Button","startIcon","Duplicate","onClick","e","preventDefault","marginTop","TokenBox","handleClick","ContentBox","endAction","span","style","alignSelf","IconButton","label","height","title","subtitle","icon","Key","iconBackground"],"mappings":"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"}
+{"version":3,"file":"TokenBox.mjs","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/TokenBox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IconButton, Flex, Box, Typography, Button } from '@strapi/design-system';\nimport { Duplicate, Key } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ContentBox } from '../../../../components/ContentBox';\nimport { useGuidedTour } from '../../../../components/GuidedTour/Context';\nimport { tours } from '../../../../components/GuidedTour/Tours';\nimport { GUIDED_TOUR_REQUIRED_ACTIONS } from '../../../../components/GuidedTour/utils/constants';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useClipboard } from '../../../../hooks/useClipboard';\n\ninterface TokenBoxProps {\n  token?: string;\n  tokenType: 'transfer-token' | 'api-token';\n}\n\nconst TypographyWordBreak = styled(Typography)`\n  word-break: break-all;\n`;\n\nexport const ApiTokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const dispatch = useGuidedTour('TokenBox', (s) => s.dispatch);\n\n  const { copy } = useClipboard();\n\n  const handleCopyToken = async (token: TokenBoxProps['token']) => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        dispatch({\n          type: 'set_completed_actions',\n          payload: [GUIDED_TOUR_REQUIRED_ACTIONS.apiTokens.copyToken],\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\n      }\n    }\n  };\n\n  return (\n    <>\n      <Flex\n        shadow=\"tableShadow\"\n        direction=\"column\"\n        alignItems=\"start\"\n        hasRadius\n        padding={6}\n        background=\"neutral0\"\n      >\n        <Flex direction=\"column\" alignItems=\"start\" gap={1} paddingBottom={4}>\n          <Typography fontWeight=\"bold\">\n            {formatMessage({\n              id: 'Settings.tokens.copy.title',\n              defaultMessage: 'Token',\n            })}\n          </Typography>\n          <Typography>\n            {formatMessage({\n              id: 'Settings.apiTokens.copy.lastWarning',\n              defaultMessage: 'Copy your token',\n            })}\n          </Typography>\n        </Flex>\n        <Box background=\"neutral100\" hasRadius padding={2} borderColor=\"neutral150\">\n          <TypographyWordBreak fontWeight=\"semiBold\" variant=\"pi\">\n            {token}\n          </TypographyWordBreak>\n        </Box>\n        <tours.apiTokens.CopyAPIToken>\n          <Button\n            startIcon={<Duplicate />}\n            variant=\"secondary\"\n            onClick={(e: React.MouseEvent) => {\n              e.preventDefault();\n              handleCopyToken(token);\n            }}\n            marginTop={6}\n          >\n            {formatMessage({ id: 'Settings.tokens.copy.copy', defaultMessage: 'Copy' })}\n          </Button>\n        </tours.apiTokens.CopyAPIToken>\n      </Flex>\n    </>\n  );\n};\n\nexport const TokenBox = ({ token, tokenType }: TokenBoxProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n\n  const { copy } = useClipboard();\n\n  const handleClick = (token: TokenBoxProps['token']) => async () => {\n    if (token) {\n      const didCopy = await copy(token);\n\n      if (didCopy) {\n        trackUsage('didCopyTokenKey', {\n          tokenType,\n        });\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'Settings.tokens.notification.copied' }),\n        });\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              variant=\"ghost\"\n              type=\"button\"\n              style={{ padding: 0, height: '1.6rem' }}\n            >\n              <Duplicate />\n            </IconButton>\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              tokenType === 'api-token'\n                ? {\n                    id: 'Settings.tokens.copy.subtitle',\n                    defaultMessage: 'Copy this token for use elsewhere',\n                  }\n                : {\n                    id: 'Settings.tokens.copy.lastWarning',\n                    defaultMessage:\n                      'Make sure to copy this token, you won’t be able to see it again!',\n                  }\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"],"names":["TypographyWordBreak","styled","Typography","ApiTokenBox","token","tokenType","formatMessage","useIntl","toggleNotification","useNotification","trackUsage","useTracking","dispatch","useGuidedTour","s","copy","useClipboard","handleCopyToken","didCopy","type","payload","GUIDED_TOUR_REQUIRED_ACTIONS","apiTokens","copyToken","message","id","_jsx","_Fragment","_jsxs","Flex","shadow","direction","alignItems","hasRadius","padding","background","gap","paddingBottom","fontWeight","defaultMessage","Box","borderColor","variant","tours","CopyAPIToken","Button","startIcon","Duplicate","onClick","e","preventDefault","marginTop","TokenBox","handleClick","ContentBox","endAction","span","style","alignSelf","IconButton","label","height","title","subtitle","icon","Key","iconBackground"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/constants.js

@@ -1,8 +1,41 @@
 'use strict';
 
+var yup = require('yup');
+var translatedErrors = require('../../../../utils/translatedErrors.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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
 const API_TOKEN_TYPE = 'api-token';
 const TRANSFER_TOKEN_TYPE = 'transfer-token';
+const apiTokenInformationSchema = yup__namespace.object().shape({
+    name: yup__namespace.string().max(100).required(translatedErrors.translatedErrors.required.id),
+    type: yup__namespace.string().oneOf([
+        'read-only',
+        'full-access',
+        'custom'
+    ]).optional(),
+    description: yup__namespace.string().nullable(),
+    lifespan: yup__namespace.number().integer().min(0).nullable().defined(translatedErrors.translatedErrors.required.id)
+});
 
 exports.API_TOKEN_TYPE = API_TOKEN_TYPE;
 exports.TRANSFER_TOKEN_TYPE = TRANSFER_TOKEN_TYPE;
+exports.apiTokenInformationSchema = apiTokenInformationSchema;
 //# sourceMappingURL=constants.js.map

package/dist/admin/admin/src/pages/Settings/components/Tokens/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/constants.ts"],"sourcesContent":["export const API_TOKEN_TYPE = 'api-token';\nexport const TRANSFER_TOKEN_TYPE = 'transfer-token';\n"],"names":["API_TOKEN_TYPE","TRANSFER_TOKEN_TYPE"],"mappings":";;AAAO,MAAMA,iBAAiB;AACvB,MAAMC,sBAAsB;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/constants.ts"],"sourcesContent":["import * as yup from 'yup';\n\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nexport const API_TOKEN_TYPE = 'api-token';\nexport const TRANSFER_TOKEN_TYPE = 'transfer-token';\n\nexport const apiTokenInformationSchema = yup.object().shape({\n  name: yup.string().max(100).required(translatedErrors.required.id),\n  type: yup.string().oneOf(['read-only', 'full-access', 'custom']).optional(),\n  description: yup.string().nullable(),\n  lifespan: yup.number().integer().min(0).nullable().defined(translatedErrors.required.id),\n});\n"],"names":["API_TOKEN_TYPE","TRANSFER_TOKEN_TYPE","apiTokenInformationSchema","yup","object","shape","name","string","max","required","translatedErrors","id","type","oneOf","optional","description","nullable","lifespan","number","integer","min","defined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,iBAAiB;AACvB,MAAMC,sBAAsB;MAEtBC,yBAAAA,GAA4BC,cAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;IAC1DC,IAAAA,EAAMH,cAAAA,CAAII,MAAM,EAAA,CAAGC,GAAG,CAAC,GAAA,CAAA,CAAKC,QAAQ,CAACC,iCAAAA,CAAiBD,QAAQ,CAACE,EAAE,CAAA;AACjEC,IAAAA,IAAAA,EAAMT,cAAAA,CAAII,MAAM,EAAA,CAAGM,KAAK,CAAC;AAAC,QAAA,WAAA;AAAa,QAAA,aAAA;AAAe,QAAA;AAAS,KAAA,CAAA,CAAEC,QAAQ,EAAA;IACzEC,WAAAA,EAAaZ,cAAAA,CAAII,MAAM,EAAA,CAAGS,QAAQ,EAAA;AAClCC,IAAAA,QAAAA,EAAUd,cAAAA,CAAIe,MAAM,EAAA,CAAGC,OAAO,GAAGC,GAAG,CAAC,CAAA,CAAA,CAAGJ,QAAQ,GAAGK,OAAO,CAACX,iCAAAA,CAAiBD,QAAQ,CAACE,EAAE;AACzF,CAAA;;;;;;"}