@payloadcms/ui 3.91.0-internal.6e3dc85 → 4.0.0-beta.0

package/dist/views/Edit/Auth/APIKey.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, text } from 'payload/shared';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { toast } from 'sonner';
 import { v4 as uuidv4 } from 'uuid';
 import { Button } from '../../../elements/Button/index.js';
@@ -12,7 +12,7 @@ import { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'
 import { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js';
 import { Spinner } from '../../../elements/Spinner/index.js';
 import { FieldDescription } from '../../../fields/FieldDescription/index.js';
-import { useFormFields, useFormModified } from '../../../forms/Form/context.js';
+import { useFormFields, useFormSuccessfulSubmitCount } from '../../../forms/Form/context.js';
 import { useField } from '../../../forms/useField/index.js';
 import { EyeIcon } from '../../../icons/Eye/index.js';
 import { RefreshIcon } from '../../../icons/Refresh/index.js';
@@ -23,20 +23,20 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { APIKeyGenerationModal } from './APIKeyGenerationModal.js';
 const path = 'apiKey';
 const baseClass = 'api-key';
-const fieldBaseClass = 'field-type';
-const maskedAPIKey = '•'.repeat(24);
+const maskedCharacterCount = 20;
+const formatAPIKeyPreview = last4 => `${'•'.repeat(maskedCharacterCount)}${last4}`;
 export const APIKey = ({
   readOnly,
   reveal
 }) => {
+  const [generatedAtSubmitCount, setGeneratedAtSubmitCount] = useState(null);
   const [highlightedField, setHighlightedField] = useState(false);
   const [hasUpdatedPersistedAPIKey, setHasUpdatedPersistedAPIKey] = useState(null);
   const [isRevealing, setIsRevealing] = useState(false);
   const [revealedKey, setRevealedKey] = useState(null);
   const [showCopyWarning, setShowCopyWarning] = useState(false);
   const [showKey, setShowKey] = useState(false);
-  const modified = useFormModified();
-  const wasModified = useRef(modified);
+  const successfulSubmitCount = useFormSuccessfulSubmitCount();
   const {
     i18n,
     t
@@ -54,12 +54,10 @@ export const APIKey = ({
     setData,
     setLastUpdateTime
   } = useDocumentInfo();
-  const {
-    code: locale
-  } = useLocale();
+  const locale = useLocale();
   const revokeModalSlug = `revoke-api-key-${id}`;
-  const hasAPIKey = useFormFields(([fields]) => fields && fields.hasAPIKey || null);
-  const dispatchFields_0 = useFormFields(([, dispatchFields]) => dispatchFields);
+  const apiKeyLast4 = useFormFields(([fields]) => fields && fields.apiKeyLast4 || null);
+  const dispatchFields = useFormFields(([, dispatch]) => dispatch);
   const apiKeyField = getEntityConfig({
     collectionSlug
   })?.fields?.find(field => 'name' in field && field.name === 'apiKey');
@@ -90,32 +88,35 @@ export const APIKey = ({
     path,
     validate
   });
+  const {
+    setValue: setLast4Value
+  } = useField({
+    path: 'apiKeyLast4'
+  });
   const apiKeyValue = revealedKey || value;
-  const hasPersistedAPIKey = hasUpdatedPersistedAPIKey ?? Boolean(hasAPIKey?.value);
-  const canRevealPersistedAPIKey = reveal && hasPersistedAPIKey && !revealedKey;
-  const apiKeyLabel = useMemo(() => {
-    let label = 'API Key';
-    if (apiKeyField?.label) {
-      label = apiKeyField.label;
-    }
-    return getTranslation(label, i18n);
-  }, [apiKeyField, i18n]);
-  const highlightField = () => {
-    setHighlightedField(true);
-  };
+  const last4Value = apiKeyLast4?.value;
+  const hasPersistedAPIKey = hasUpdatedPersistedAPIKey ?? Boolean(last4Value);
+  const canRevealPersistedAPIKey = Boolean(reveal && hasPersistedAPIKey && !revealedKey);
+  const apiKeyLabel = useMemo(() => getTranslation(apiKeyField?.label || 'API Key', i18n), [apiKeyField, i18n]);
+  const highlightField = () => setHighlightedField(true);
   const updateKey = async apiKey => {
     if (!id) {
       return false;
     }
     try {
+      const searchParams = new URLSearchParams({
+        depth: '0',
+        'fallback-locale': 'null'
+      });
+      if (locale?.code) {
+        searchParams.set('locale', locale.code);
+      }
       const response = await fetch(formatAdminURL({
         apiRoute: config.routes.api,
-        path: `/${collectionSlug}/${encodeURIComponent(String(id))}?depth=0&fallback-locale=null&locale=${locale}`
+        path: `/${collectionSlug}/${encodeURIComponent(String(id))}?${searchParams}`
       }), {
         body: JSON.stringify({
-          apiKey,
-          // The `enableAPIKey` field is for backward compatibility only and will be removed in v4.
-          enableAPIKey: Boolean(apiKey)
+          apiKey
         }),
         headers: {
           'Content-Type': 'application/json'
@@ -127,15 +128,11 @@ export const APIKey = ({
       }
       const result = await response.json();
       setHasUpdatedPersistedAPIKey(Boolean(apiKey));
-      dispatchFields_0({
+      setLast4Value(result.doc?.apiKeyLast4 || null, true);
+      dispatchFields({
         type: 'REMOVE',
         path
       });
-      // The `enableAPIKey` field is for backward compatibility only and will be removed in v4.
-      dispatchFields_0({
-        type: 'REMOVE',
-        path: 'enableAPIKey'
-      });
       if (result.doc?.updatedAt) {
         setData(result.doc);
         setLastUpdateTime(new Date(result.doc.updatedAt).getTime());
@@ -150,15 +147,12 @@ export const APIKey = ({
     const key = uuidv4();
     if (!id) {
       setValue(key, true);
-      setShowCopyWarning(true);
-      setShowKey(true);
-      highlightField();
-      return true;
-    }
-    if (!(await updateKey(key))) {
+    } else if (!(await updateKey(key))) {
       return false;
+    } else {
+      setRevealedKey(key);
     }
-    setRevealedKey(key);
+    setGeneratedAtSubmitCount(successfulSubmitCount);
     setShowCopyWarning(true);
     setShowKey(true);
     highlightField();
@@ -188,8 +182,7 @@ export const APIKey = ({
         method: 'POST'
       });
       if (!response_0.ok) {
-        toast.error('Failed to reveal the API key.');
-        return;
+        throw new Error('API key reveal failed');
       }
       const result_0 = await response_0.json();
       setRevealedKey(result_0.apiKey);
@@ -202,28 +195,29 @@ export const APIKey = ({
     }
   };
   useEffect(() => {
-    if (wasModified.current && !modified && apiKeyValue) {
+    if (generatedAtSubmitCount !== null && successfulSubmitCount > generatedAtSubmitCount && apiKeyValue) {
       setHasUpdatedPersistedAPIKey(true);
       setHighlightedField(false);
+      setGeneratedAtSubmitCount(null);
       setRevealedKey(null);
       setShowCopyWarning(false);
-      dispatchFields_0({
+      dispatchFields({
         type: 'REMOVE',
         path
       });
       setShowKey(false);
     }
-    wasModified.current = modified;
-  }, [apiKeyValue, dispatchFields_0, modified]);
+  }, [apiKeyValue, dispatchFields, generatedAtSubmitCount, successfulSubmitCount]);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsxs("div", {
-      className: [fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' '),
+      className: "field-type api-key read-only",
       children: [/*#__PURE__*/_jsxs("label", {
         className: `${baseClass}__label field-label`,
         htmlFor: "apiKey",
         children: [/*#__PURE__*/_jsx("span", {
           children: apiKeyLabel
         }), apiKeyValue && /*#__PURE__*/_jsx(CopyToClipboard, {
+          defaultMessage: `${t('general:copy')}: ${apiKeyLabel}`,
           value: apiKeyValue
         })]
       }), /*#__PURE__*/_jsxs("div", {
@@ -234,13 +228,13 @@ export const APIKey = ({
           id: "apiKey",
           name: "apiKey",
           type: apiKeyValue && !showKey ? 'password' : 'text',
-          value: apiKeyValue || (hasPersistedAPIKey ? maskedAPIKey : '')
+          value: apiKeyValue || (last4Value ? formatAPIKeyPreview(last4Value) : '')
         }), (apiKeyValue || canRevealPersistedAPIKey || !readOnly && hasPersistedAPIKey) && /*#__PURE__*/_jsxs("div", {
           className: `${baseClass}__toggle-button-wrap`,
           children: [(apiKeyValue || canRevealPersistedAPIKey) && /*#__PURE__*/_jsx(Button, {
             "aria-label": canRevealPersistedAPIKey ? 'Reveal API key' : 'Toggle API key visibility',
-            buttonStyle: "none",
-            className: [`${baseClass}__visibility-button`, !readOnly && hasPersistedAPIKey && `${baseClass}__visibility-button--with-regenerate`].filter(Boolean).join(' '),
+            buttonStyle: "ghost",
+            className: `${baseClass}__visibility-button${!readOnly && hasPersistedAPIKey ? ` ${baseClass}__visibility-button--with-regenerate` : ''}`,
             disabled: isRevealing,
             extraButtonProps: {
               'aria-busy': isRevealing
@@ -252,8 +246,9 @@ export const APIKey = ({
               active: showKey
             }),
             id: canRevealPersistedAPIKey ? 'reveal-api-key' : 'toggle-api-key-visibility',
-            onClick: canRevealPersistedAPIKey ? revealKey : () => setShowKey(previous => !previous)
+            onClick: canRevealPersistedAPIKey ? revealKey : () => setShowKey(shown => !shown)
           }), !readOnly && hasPersistedAPIKey && /*#__PURE__*/_jsx(APIKeyGenerationModal, {
+            apiKeyLast4: last4Value,
             highlightField: highlightField,
             icon: /*#__PURE__*/_jsx(RefreshIcon, {}),
             id: "regenerate-api-key",
@@ -273,7 +268,7 @@ export const APIKey = ({
       buttonStyle: "secondary",
       id: "generate-api-key",
       onClick: () => void generateKey(),
-      size: "small",
+      size: "medium",
       children: t('authentication:generateNewAPIKey')
     })), !readOnly && hasPersistedAPIKey && /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__actions`,
@@ -282,11 +277,13 @@ export const APIKey = ({
         className: `${baseClass}__revoke-button`,
         id: "revoke-api-key",
         onClick: () => toggleModal(revokeModalSlug),
-        size: "small",
+        size: "medium",
         children: "Revoke API key"
       }), /*#__PURE__*/_jsx(ConfirmationModal, {
         body: /*#__PURE__*/_jsxs("span", {
-          children: ["Are you sure you want to revoke the API key for user ", /*#__PURE__*/_jsx("strong", {
+          children: ["Are you sure you want to revoke the API key ending in ", /*#__PURE__*/_jsx("strong", {
+            children: last4Value
+          }), ' ', "for user ", /*#__PURE__*/_jsx("strong", {
             children: id
           }), "? The key will no longer be usable, and this action cannot be undone."]
         }),

package/dist/views/Edit/Auth/APIKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"APIKey.js","names":["useModal","getTranslation","formatAdminURL","text","React","useEffect","useMemo","useRef","useState","toast","v4","uuidv4","Button","ConfirmationModal","CopyToClipboard","Spinner","FieldDescription","useFormFields","useFormModified","useField","EyeIcon","RefreshIcon","useConfig","useDocumentInfo","useLocale","useTranslation","APIKeyGenerationModal","path","baseClass","fieldBaseClass","maskedAPIKey","repeat","APIKey","readOnly","reveal","highlightedField","setHighlightedField","hasUpdatedPersistedAPIKey","setHasUpdatedPersistedAPIKey","isRevealing","setIsRevealing","revealedKey","setRevealedKey","showCopyWarning","setShowCopyWarning","showKey","setShowKey","modified","wasModified","i18n","t","toggleModal","config","getEntityConfig","id","collectionSlug","setData","setLastUpdateTime","code","locale","revokeModalSlug","hasAPIKey","fields","dispatchFields","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","setValue","value","apiKeyValue","hasPersistedAPIKey","Boolean","canRevealPersistedAPIKey","apiKeyLabel","label","highlightField","updateKey","apiKey","response","fetch","apiRoute","routes","api","encodeURIComponent","String","body","JSON","stringify","enableAPIKey","headers","method","ok","Error","result","json","doc","updatedAt","Date","getTime","error","generateKey","key","revokeKey","success","revealKey","current","_jsxs","Fragment","className","filter","join","htmlFor","_jsx","disabled","buttonStyle","extraButtonProps","icon","loadingText","size","active","onClick","previous","setKey","description","willInvalidateExistingKey","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, text } from 'payload/shared'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { Spinner } from '../../../elements/Spinner/index.js'\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { useFormFields, useFormModified } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { EyeIcon } from '../../../icons/Eye/index.js'\nimport { RefreshIcon } from '../../../icons/Refresh/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { APIKeyGenerationModal } from './APIKeyGenerationModal.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\nconst maskedAPIKey = '•'.repeat(24)\n\nexport const APIKey: React.FC<{ readonly readOnly?: boolean; readonly reveal?: boolean }> = ({\n  readOnly,\n  reveal,\n}) => {\n  const [highlightedField, setHighlightedField] = useState(false)\n  const [hasUpdatedPersistedAPIKey, setHasUpdatedPersistedAPIKey] = useState<boolean | null>(null)\n  const [isRevealing, setIsRevealing] = useState(false)\n  const [revealedKey, setRevealedKey] = useState<null | string>(null)\n  const [showCopyWarning, setShowCopyWarning] = useState(false)\n  const [showKey, setShowKey] = useState(false)\n  const modified = useFormModified()\n  const wasModified = useRef(modified)\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const { config, getEntityConfig } = useConfig()\n  const { id, collectionSlug, setData, setLastUpdateTime } = useDocumentInfo()\n  const { code: locale } = useLocale()\n  const revokeModalSlug = `revoke-api-key-${id}`\n\n  const hasAPIKey = useFormFields(([fields]) => (fields && fields.hasAPIKey) || null)\n  const dispatchFields = useFormFields(([, dispatchFields]) => dispatchFields)\n\n  const apiKeyField: TextFieldClient = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const { setValue, value } = useField({\n    path,\n    validate,\n  })\n  const apiKeyValue = revealedKey || (value as null | string | undefined)\n  const hasPersistedAPIKey =\n    hasUpdatedPersistedAPIKey ?? Boolean(hasAPIKey?.value as boolean | undefined)\n  const canRevealPersistedAPIKey = reveal && hasPersistedAPIKey && !revealedKey\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const highlightField = () => {\n    setHighlightedField(true)\n  }\n\n  const updateKey = async (apiKey: null | string) => {\n    if (!id) {\n      return false\n    }\n\n    try {\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/${collectionSlug}/${encodeURIComponent(String(id))}?depth=0&fallback-locale=null&locale=${locale}`,\n        }),\n        {\n          body: JSON.stringify({\n            apiKey,\n            // The `enableAPIKey` field is for backward compatibility only and will be removed in v4.\n            enableAPIKey: Boolean(apiKey),\n          }),\n          headers: { 'Content-Type': 'application/json' },\n          method: 'PATCH',\n        },\n      )\n\n      if (!response.ok) {\n        throw new Error('API key update failed')\n      }\n\n      const result = await response.json()\n\n      setHasUpdatedPersistedAPIKey(Boolean(apiKey))\n      dispatchFields({ type: 'REMOVE', path })\n      // The `enableAPIKey` field is for backward compatibility only and will be removed in v4.\n      dispatchFields({ type: 'REMOVE', path: 'enableAPIKey' })\n\n      if (result.doc?.updatedAt) {\n        setData(result.doc)\n        setLastUpdateTime(new Date(result.doc.updatedAt).getTime())\n      }\n\n      return true\n    } catch {\n      toast.error('Failed to update the API key.')\n      return false\n    }\n  }\n\n  const generateKey = async () => {\n    const key = uuidv4()\n\n    if (!id) {\n      setValue(key, true)\n      setShowCopyWarning(true)\n      setShowKey(true)\n      highlightField()\n\n      return true\n    }\n\n    if (!(await updateKey(key))) {\n      return false\n    }\n\n    setRevealedKey(key)\n    setShowCopyWarning(true)\n    setShowKey(true)\n    highlightField()\n\n    return true\n  }\n\n  const revokeKey = async () => {\n    if (!(await updateKey(null))) {\n      return\n    }\n\n    setRevealedKey(null)\n    setHasUpdatedPersistedAPIKey(false)\n    setHighlightedField(false)\n    setShowCopyWarning(false)\n    setShowKey(false)\n    toast.success('API key revoked successfully.')\n  }\n\n  const revealKey = async () => {\n    if (isRevealing) {\n      return\n    }\n\n    setIsRevealing(true)\n\n    try {\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/${collectionSlug}/${encodeURIComponent(String(id))}/api-key/reveal`,\n        }),\n        { method: 'POST' },\n      )\n\n      if (!response.ok) {\n        toast.error('Failed to reveal the API key.')\n        return\n      }\n\n      const result = await response.json()\n\n      setRevealedKey(result.apiKey)\n      setShowCopyWarning(false)\n      setShowKey(true)\n    } catch {\n      toast.error('Failed to reveal the API key.')\n    } finally {\n      setIsRevealing(false)\n    }\n  }\n\n  useEffect(() => {\n    if (wasModified.current && !modified && apiKeyValue) {\n      setHasUpdatedPersistedAPIKey(true)\n      setHighlightedField(false)\n      setRevealedKey(null)\n      setShowCopyWarning(false)\n      dispatchFields({ type: 'REMOVE', path })\n      setShowKey(false)\n    }\n\n    wasModified.current = modified\n  }, [apiKeyValue, dispatchFields, modified])\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n          <span>{apiKeyLabel}</span>\n          {apiKeyValue && <CopyToClipboard value={apiKeyValue} />}\n        </label>\n        <div\n          className={[\n            `${baseClass}__input-wrap`,\n            !readOnly && hasPersistedAPIKey && `${baseClass}__input-wrap--has-regenerate`,\n            highlightedField && `${baseClass}__input-wrap--highlighted`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          <input\n            aria-label={apiKeyLabel}\n            disabled\n            id=\"apiKey\"\n            name=\"apiKey\"\n            type={apiKeyValue && !showKey ? 'password' : 'text'}\n            value={apiKeyValue || (hasPersistedAPIKey ? maskedAPIKey : '')}\n          />\n          {(apiKeyValue || canRevealPersistedAPIKey || (!readOnly && hasPersistedAPIKey)) && (\n            <div className={`${baseClass}__toggle-button-wrap`}>\n              {(apiKeyValue || canRevealPersistedAPIKey) && (\n                <Button\n                  aria-label={\n                    canRevealPersistedAPIKey ? 'Reveal API key' : 'Toggle API key visibility'\n                  }\n                  buttonStyle=\"none\"\n                  className={[\n                    `${baseClass}__visibility-button`,\n                    !readOnly &&\n                      hasPersistedAPIKey &&\n                      `${baseClass}__visibility-button--with-regenerate`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  disabled={isRevealing}\n                  extraButtonProps={{ 'aria-busy': isRevealing }}\n                  icon={\n                    isRevealing ? (\n                      <Spinner loadingText={null} size=\"sm\" />\n                    ) : (\n                      <EyeIcon active={showKey} />\n                    )\n                  }\n                  id={canRevealPersistedAPIKey ? 'reveal-api-key' : 'toggle-api-key-visibility'}\n                  onClick={\n                    canRevealPersistedAPIKey ? revealKey : () => setShowKey((previous) => !previous)\n                  }\n                />\n              )}\n              {!readOnly && hasPersistedAPIKey && (\n                <APIKeyGenerationModal\n                  highlightField={highlightField}\n                  icon={<RefreshIcon />}\n                  id=\"regenerate-api-key\"\n                  setKey={generateKey}\n                />\n              )}\n            </div>\n          )}\n        </div>\n        {apiKeyValue && showCopyWarning && (\n          <FieldDescription\n            description={\n              reveal\n                ? 'Make sure to copy your API key. You may not have access to reveal it again.'\n                : 'Make sure to copy your API key. It will not be displayed again.'\n            }\n            path={path}\n          />\n        )}\n      </div>\n      {!readOnly &&\n        !apiKeyValue &&\n        !hasPersistedAPIKey &&\n        (id ? (\n          <APIKeyGenerationModal\n            highlightField={highlightField}\n            id=\"generate-api-key\"\n            setKey={generateKey}\n            willInvalidateExistingKey={false}\n          />\n        ) : (\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"generate-api-key\"\n            onClick={() => void generateKey()}\n            size=\"small\"\n          >\n            {t('authentication:generateNewAPIKey')}\n          </Button>\n        ))}\n      {!readOnly && hasPersistedAPIKey && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__revoke-button`}\n            id=\"revoke-api-key\"\n            onClick={() => toggleModal(revokeModalSlug)}\n            size=\"small\"\n          >\n            Revoke API key\n          </Button>\n          <ConfirmationModal\n            body={\n              <span>\n                Are you sure you want to revoke the API key for user <strong>{id}</strong>? The key\n                will no longer be usable, and this action cannot be undone.\n              </span>\n            }\n            confirmLabel=\"Revoke\"\n            heading=\"Revoke API key?\"\n            modalSlug={revokeModalSlug}\n            onConfirm={revokeKey}\n          />\n        </div>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"APIKey.js","names":["useModal","getTranslation","formatAdminURL","text","React","useEffect","useMemo","useState","toast","v4","uuidv4","Button","ConfirmationModal","CopyToClipboard","Spinner","FieldDescription","useFormFields","useFormSuccessfulSubmitCount","useField","EyeIcon","RefreshIcon","useConfig","useDocumentInfo","useLocale","useTranslation","APIKeyGenerationModal","path","baseClass","maskedCharacterCount","formatAPIKeyPreview","last4","repeat","APIKey","readOnly","reveal","generatedAtSubmitCount","setGeneratedAtSubmitCount","highlightedField","setHighlightedField","hasUpdatedPersistedAPIKey","setHasUpdatedPersistedAPIKey","isRevealing","setIsRevealing","revealedKey","setRevealedKey","showCopyWarning","setShowCopyWarning","showKey","setShowKey","successfulSubmitCount","i18n","t","toggleModal","config","getEntityConfig","id","collectionSlug","setData","setLastUpdateTime","locale","revokeModalSlug","apiKeyLast4","fields","dispatchFields","dispatch","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","setValue","value","setLast4Value","apiKeyValue","last4Value","hasPersistedAPIKey","Boolean","canRevealPersistedAPIKey","apiKeyLabel","label","highlightField","updateKey","apiKey","searchParams","URLSearchParams","depth","code","set","response","fetch","apiRoute","routes","api","encodeURIComponent","String","body","JSON","stringify","headers","method","ok","Error","result","json","doc","updatedAt","Date","getTime","error","generateKey","key","revokeKey","success","revealKey","_jsxs","Fragment","className","htmlFor","_jsx","defaultMessage","filter","join","disabled","buttonStyle","extraButtonProps","icon","loadingText","size","active","onClick","shown","setKey","description","willInvalidateExistingKey","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { Spinner } from '../../../elements/Spinner/index.js'\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { useFormFields, useFormSuccessfulSubmitCount } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { EyeIcon } from '../../../icons/Eye/index.js'\nimport { RefreshIcon } from '../../../icons/Refresh/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { APIKeyGenerationModal } from './APIKeyGenerationModal.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst maskedCharacterCount = 20\n\nconst formatAPIKeyPreview = (last4: string): string => `${'•'.repeat(maskedCharacterCount)}${last4}`\n\nexport const APIKey: React.FC<{ readonly readOnly?: boolean; readonly reveal?: boolean }> = ({\n  readOnly,\n  reveal,\n}) => {\n  const [generatedAtSubmitCount, setGeneratedAtSubmitCount] = useState<null | number>(null)\n  const [highlightedField, setHighlightedField] = useState(false)\n  const [hasUpdatedPersistedAPIKey, setHasUpdatedPersistedAPIKey] = useState<boolean | null>(null)\n  const [isRevealing, setIsRevealing] = useState(false)\n  const [revealedKey, setRevealedKey] = useState<null | string>(null)\n  const [showCopyWarning, setShowCopyWarning] = useState(false)\n  const [showKey, setShowKey] = useState(false)\n  const successfulSubmitCount = useFormSuccessfulSubmitCount()\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const { config, getEntityConfig } = useConfig()\n  const { id, collectionSlug, setData, setLastUpdateTime } = useDocumentInfo()\n  const locale = useLocale()\n  const revokeModalSlug = `revoke-api-key-${id}`\n\n  const apiKeyLast4 = useFormFields(([fields]) => (fields && fields.apiKeyLast4) || null)\n  const dispatchFields = useFormFields(([, dispatch]) => dispatch)\n  const apiKeyField = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: { payload: { config }, t } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n  const { setValue, value } = useField({ path, validate })\n  const { setValue: setLast4Value } = useField({ path: 'apiKeyLast4' })\n  const apiKeyValue = revealedKey || (value as null | string | undefined)\n  const last4Value = apiKeyLast4?.value as null | string | undefined\n  const hasPersistedAPIKey = hasUpdatedPersistedAPIKey ?? Boolean(last4Value)\n  const canRevealPersistedAPIKey = Boolean(reveal && hasPersistedAPIKey && !revealedKey)\n\n  const apiKeyLabel = useMemo(\n    () => getTranslation(apiKeyField?.label || 'API Key', i18n),\n    [apiKeyField, i18n],\n  )\n  const highlightField = () => setHighlightedField(true)\n\n  const updateKey = async (apiKey: null | string) => {\n    if (!id) {\n      return false\n    }\n    try {\n      const searchParams = new URLSearchParams({ depth: '0', 'fallback-locale': 'null' })\n      if (locale?.code) {\n        searchParams.set('locale', locale.code)\n      }\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/${collectionSlug}/${encodeURIComponent(String(id))}?${searchParams}`,\n        }),\n        {\n          body: JSON.stringify({ apiKey }),\n          headers: { 'Content-Type': 'application/json' },\n          method: 'PATCH',\n        },\n      )\n      if (!response.ok) {\n        throw new Error('API key update failed')\n      }\n      const result = await response.json()\n      setHasUpdatedPersistedAPIKey(Boolean(apiKey))\n      setLast4Value(result.doc?.apiKeyLast4 || null, true)\n      dispatchFields({ type: 'REMOVE', path })\n      if (result.doc?.updatedAt) {\n        setData(result.doc)\n        setLastUpdateTime(new Date(result.doc.updatedAt).getTime())\n      }\n      return true\n    } catch {\n      toast.error('Failed to update the API key.')\n      return false\n    }\n  }\n\n  const generateKey = async () => {\n    const key = uuidv4()\n    if (!id) {\n      setValue(key, true)\n    } else if (!(await updateKey(key))) {\n      return false\n    } else {\n      setRevealedKey(key)\n    }\n    setGeneratedAtSubmitCount(successfulSubmitCount)\n    setShowCopyWarning(true)\n    setShowKey(true)\n    highlightField()\n    return true\n  }\n\n  const revokeKey = async () => {\n    if (!(await updateKey(null))) {\n      return\n    }\n    setRevealedKey(null)\n    setHasUpdatedPersistedAPIKey(false)\n    setHighlightedField(false)\n    setShowCopyWarning(false)\n    setShowKey(false)\n    toast.success('API key revoked successfully.')\n  }\n\n  const revealKey = async () => {\n    if (isRevealing) {\n      return\n    }\n    setIsRevealing(true)\n    try {\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/${collectionSlug}/${encodeURIComponent(String(id))}/api-key/reveal`,\n        }),\n        { method: 'POST' },\n      )\n      if (!response.ok) {\n        throw new Error('API key reveal failed')\n      }\n      const result = await response.json()\n      setRevealedKey(result.apiKey)\n      setShowCopyWarning(false)\n      setShowKey(true)\n    } catch {\n      toast.error('Failed to reveal the API key.')\n    } finally {\n      setIsRevealing(false)\n    }\n  }\n\n  useEffect(() => {\n    if (\n      generatedAtSubmitCount !== null &&\n      successfulSubmitCount > generatedAtSubmitCount &&\n      apiKeyValue\n    ) {\n      setHasUpdatedPersistedAPIKey(true)\n      setHighlightedField(false)\n      setGeneratedAtSubmitCount(null)\n      setRevealedKey(null)\n      setShowCopyWarning(false)\n      dispatchFields({ type: 'REMOVE', path })\n      setShowKey(false)\n    }\n  }, [apiKeyValue, dispatchFields, generatedAtSubmitCount, successfulSubmitCount])\n\n  return (\n    <React.Fragment>\n      <div className=\"field-type api-key read-only\">\n        <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n          <span>{apiKeyLabel}</span>\n          {apiKeyValue && (\n            <CopyToClipboard\n              defaultMessage={`${t('general:copy')}: ${apiKeyLabel}`}\n              value={apiKeyValue}\n            />\n          )}\n        </label>\n        <div\n          className={[\n            `${baseClass}__input-wrap`,\n            !readOnly && hasPersistedAPIKey && `${baseClass}__input-wrap--has-regenerate`,\n            highlightedField && `${baseClass}__input-wrap--highlighted`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          <input\n            aria-label={apiKeyLabel}\n            disabled\n            id=\"apiKey\"\n            name=\"apiKey\"\n            type={apiKeyValue && !showKey ? 'password' : 'text'}\n            value={apiKeyValue || (last4Value ? formatAPIKeyPreview(last4Value) : '')}\n          />\n          {(apiKeyValue || canRevealPersistedAPIKey || (!readOnly && hasPersistedAPIKey)) && (\n            <div className={`${baseClass}__toggle-button-wrap`}>\n              {(apiKeyValue || canRevealPersistedAPIKey) && (\n                <Button\n                  aria-label={\n                    canRevealPersistedAPIKey ? 'Reveal API key' : 'Toggle API key visibility'\n                  }\n                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__visibility-button${!readOnly && hasPersistedAPIKey ? ` ${baseClass}__visibility-button--with-regenerate` : ''}`}\n                  disabled={isRevealing}\n                  extraButtonProps={{ 'aria-busy': isRevealing }}\n                  icon={\n                    isRevealing ? (\n                      <Spinner loadingText={null} size=\"sm\" />\n                    ) : (\n                      <EyeIcon active={showKey} />\n                    )\n                  }\n                  id={canRevealPersistedAPIKey ? 'reveal-api-key' : 'toggle-api-key-visibility'}\n                  onClick={\n                    canRevealPersistedAPIKey ? revealKey : () => setShowKey((shown) => !shown)\n                  }\n                />\n              )}\n              {!readOnly && hasPersistedAPIKey && (\n                <APIKeyGenerationModal\n                  apiKeyLast4={last4Value}\n                  highlightField={highlightField}\n                  icon={<RefreshIcon />}\n                  id=\"regenerate-api-key\"\n                  setKey={generateKey}\n                />\n              )}\n            </div>\n          )}\n        </div>\n        {apiKeyValue && showCopyWarning && (\n          <FieldDescription\n            description={\n              reveal\n                ? 'Make sure to copy your API key. You may not have access to reveal it again.'\n                : 'Make sure to copy your API key. It will not be displayed again.'\n            }\n            path={path}\n          />\n        )}\n      </div>\n      {!readOnly &&\n        !apiKeyValue &&\n        !hasPersistedAPIKey &&\n        (id ? (\n          <APIKeyGenerationModal\n            highlightField={highlightField}\n            id=\"generate-api-key\"\n            setKey={generateKey}\n            willInvalidateExistingKey={false}\n          />\n        ) : (\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"generate-api-key\"\n            onClick={() => void generateKey()}\n            size=\"medium\"\n          >\n            {t('authentication:generateNewAPIKey')}\n          </Button>\n        ))}\n      {!readOnly && hasPersistedAPIKey && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__revoke-button`}\n            id=\"revoke-api-key\"\n            onClick={() => toggleModal(revokeModalSlug)}\n            size=\"medium\"\n          >\n            Revoke API key\n          </Button>\n          <ConfirmationModal\n            body={\n              <span>\n                Are you sure you want to revoke the API key ending in <strong>{last4Value}</strong>{' '}\n                for user <strong>{id}</strong>? The key will no longer be usable, and this action\n                cannot be undone.\n              </span>\n            }\n            confirmLabel=\"Revoke\"\n            heading=\"Revoke API key?\"\n            modalSlug={revokeModalSlug}\n            onConfirm={revokeKey}\n          />\n        </div>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/Auth/APIKeyGenerationModal.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-export type APIKeyGenerationModalProps = {
-    highlightField: (Boolean: any) => void;
+type APIKeyGenerationModalProps = {
+    apiKeyLast4?: string;
+    highlightField: () => void;
     icon?: React.ReactNode;
     id?: string;
     setKey: () => boolean | Promise<boolean | void> | void;
     willInvalidateExistingKey?: boolean;
 };
-export type GenerateConfirmationProps = APIKeyGenerationModalProps;
-export declare function APIKeyGenerationModal(props: APIKeyGenerationModalProps): React.JSX.Element;
+export declare function APIKeyGenerationModal({ id, apiKeyLast4, highlightField, icon, setKey, willInvalidateExistingKey, }: APIKeyGenerationModalProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=APIKeyGenerationModal.d.ts.map

package/dist/views/Edit/Auth/APIKeyGenerationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"APIKeyGenerationModal.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKeyGenerationModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAS1C,MAAM,MAAM,0BAA0B,GAAG;IACvC,cAAc,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACtD,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,CAAA;AAElE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAyDtE"}
+{"version":3,"file":"APIKeyGenerationModal.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKeyGenerationModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAS1C,KAAK,0BAA0B,GAAG;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACtD,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,EAAE,EACF,WAAW,EACX,cAAc,EACd,IAAI,EACJ,MAAM,EACN,yBAAgC,GACjC,EAAE,0BAA0B,qBAqD5B"}

package/dist/views/Edit/Auth/APIKeyGenerationModal.js

@@ -10,16 +10,17 @@ import { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'
 import { Translation } from '../../../elements/Translation/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-export function APIKeyGenerationModal(props) {
-  const $ = _c(16);
+export function APIKeyGenerationModal(t0) {
+  const $ = _c(17);
   const {
     id,
+    apiKeyLast4,
     highlightField,
     icon,
     setKey,
-    willInvalidateExistingKey: t0
-  } = props;
-  const willInvalidateExistingKey = t0 === undefined ? true : t0;
+    willInvalidateExistingKey: t1
+  } = t0;
+  const willInvalidateExistingKey = t1 === undefined ? true : t1;
   const {
     id: documentID
   } = useDocumentInfo();
@@ -30,48 +31,50 @@ export function APIKeyGenerationModal(props) {
     t
   } = useTranslation();
   const modalSlug = `generate-confirmation-${documentID}`;
-  let t1;
+  let t2;
   if ($[0] !== highlightField || $[1] !== setKey || $[2] !== t) {
-    t1 = async () => {
+    t2 = async () => {
       if ((await setKey()) === false) {
         return;
       }
       toast.success(t("authentication:newAPIKeyGenerated"));
-      highlightField(true);
+      highlightField();
     };
     $[0] = highlightField;
     $[1] = setKey;
     $[2] = t;
-    $[3] = t1;
+    $[3] = t2;
   } else {
-    t1 = $[3];
+    t2 = $[3];
   }
-  const handleGenerate = t1;
-  let t2;
-  if ($[4] !== documentID || $[5] !== handleGenerate || $[6] !== icon || $[7] !== id || $[8] !== modalSlug || $[9] !== t || $[10] !== toggleModal || $[11] !== willInvalidateExistingKey) {
-    let t3;
-    if ($[13] !== modalSlug || $[14] !== toggleModal) {
-      t3 = () => {
-        toggleModal(modalSlug);
-      };
-      $[13] = modalSlug;
-      $[14] = toggleModal;
-      $[15] = t3;
+  const handleGenerate = t2;
+  let t3;
+  if ($[4] !== apiKeyLast4 || $[5] !== documentID || $[6] !== handleGenerate || $[7] !== icon || $[8] !== id || $[9] !== modalSlug || $[10] !== t || $[11] !== toggleModal || $[12] !== willInvalidateExistingKey) {
+    let t4;
+    if ($[14] !== modalSlug || $[15] !== toggleModal) {
+      t4 = () => toggleModal(modalSlug);
+      $[14] = modalSlug;
+      $[15] = toggleModal;
+      $[16] = t4;
     } else {
-      t3 = $[15];
+      t4 = $[16];
     }
-    t2 = _jsxs(React.Fragment, {
+    t3 = _jsxs(React.Fragment, {
       children: [_jsx(Button, {
         "aria-label": icon ? t("authentication:generateNewAPIKey") : undefined,
-        buttonStyle: icon ? "none" : "secondary",
+        buttonStyle: icon ? "ghost" : "secondary",
         className: icon ? "api-key__regenerate-button" : undefined,
         icon,
         id,
-        onClick: t3,
-        size: "small",
+        onClick: t4,
+        size: "medium",
         children: !icon && t("authentication:generateNewAPIKey")
       }), _jsx(ConfirmationModal, {
-        body: willInvalidateExistingKey ? _jsx(Translation, {
+        body: willInvalidateExistingKey && apiKeyLast4 ? _jsxs("span", {
+          children: ["Generating a new API key will invalidate the key ending in", " ", _jsx("strong", {
+            children: apiKeyLast4
+          }), ". This will take effect immediately."]
+        }) : willInvalidateExistingKey ? _jsx(Translation, {
           elements: {
             1: _temp
           },
@@ -88,19 +91,20 @@ export function APIKeyGenerationModal(props) {
         onConfirm: handleGenerate
       })]
     });
-    $[4] = documentID;
-    $[5] = handleGenerate;
-    $[6] = icon;
-    $[7] = id;
-    $[8] = modalSlug;
-    $[9] = t;
-    $[10] = toggleModal;
-    $[11] = willInvalidateExistingKey;
-    $[12] = t2;
+    $[4] = apiKeyLast4;
+    $[5] = documentID;
+    $[6] = handleGenerate;
+    $[7] = icon;
+    $[8] = id;
+    $[9] = modalSlug;
+    $[10] = t;
+    $[11] = toggleModal;
+    $[12] = willInvalidateExistingKey;
+    $[13] = t3;
   } else {
-    t2 = $[12];
+    t3 = $[13];
   }
-  return t2;
+  return t3;
 }
 function _temp(t0) {
   const {

package/dist/views/Edit/Auth/APIKeyGenerationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"APIKeyGenerationModal.js","names":["c","_c","useModal","React","useCallback","toast","Button","ConfirmationModal","Translation","useDocumentInfo","useTranslation","APIKeyGenerationModal","props","$","id","highlightField","icon","setKey","willInvalidateExistingKey","t0","undefined","documentID","toggleModal","t","modalSlug","t1","success","handleGenerate","t2","t3","_jsxs","Fragment","children","_jsx","buttonStyle","className","onClick","size","body","elements","1","_temp","i18nKey","heading","onConfirm"],"sources":["../../../../src/views/Edit/Auth/APIKeyGenerationModal.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { Translation } from '../../../elements/Translation/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport type APIKeyGenerationModalProps = {\n  highlightField: (Boolean) => void\n  icon?: React.ReactNode\n  id?: string\n  setKey: () => boolean | Promise<boolean | void> | void\n  willInvalidateExistingKey?: boolean\n}\n\nexport type GenerateConfirmationProps = APIKeyGenerationModalProps\n\nexport function APIKeyGenerationModal(props: APIKeyGenerationModalProps) {\n  const { id, highlightField, icon, setKey, willInvalidateExistingKey = true } = props\n\n  const { id: documentID } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  const modalSlug = `generate-confirmation-${documentID}`\n\n  const handleGenerate = useCallback(async () => {\n    if ((await setKey()) === false) {\n      return\n    }\n\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField(true)\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={icon ? t('authentication:generateNewAPIKey') : undefined}\n        buttonStyle={icon ? 'none' : 'secondary'}\n        className={icon ? 'api-key__regenerate-button' : undefined}\n        icon={icon}\n        id={id}\n        onClick={() => {\n          toggleModal(modalSlug)\n        }}\n        size=\"small\"\n      >\n        {!icon && t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          willInvalidateExistingKey ? (\n            <Translation\n              elements={{\n                1: ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n              t={t}\n            />\n          ) : (\n            <span>\n              Are you sure you want to generate an API key for user <strong>{documentID}</strong>?\n              This will take effect immediately.\n            </span>\n          )\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"APIKeyGenerationModal.js","names":["c","_c","useModal","React","useCallback","toast","Button","ConfirmationModal","Translation","useDocumentInfo","useTranslation","APIKeyGenerationModal","t0","$","id","apiKeyLast4","highlightField","icon","setKey","willInvalidateExistingKey","t1","undefined","documentID","toggleModal","t","modalSlug","t2","success","handleGenerate","t3","t4","_jsxs","Fragment","children","_jsx","buttonStyle","className","onClick","size","body","elements","1","_temp","i18nKey","heading","onConfirm"],"sources":["../../../../src/views/Edit/Auth/APIKeyGenerationModal.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { Translation } from '../../../elements/Translation/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\ntype APIKeyGenerationModalProps = {\n  apiKeyLast4?: string\n  highlightField: () => void\n  icon?: React.ReactNode\n  id?: string\n  setKey: () => boolean | Promise<boolean | void> | void\n  willInvalidateExistingKey?: boolean\n}\n\nexport function APIKeyGenerationModal({\n  id,\n  apiKeyLast4,\n  highlightField,\n  icon,\n  setKey,\n  willInvalidateExistingKey = true,\n}: APIKeyGenerationModalProps) {\n  const { id: documentID } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n  const modalSlug = `generate-confirmation-${documentID}`\n  const handleGenerate = useCallback(async () => {\n    if ((await setKey()) === false) {\n      return\n    }\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField()\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={icon ? t('authentication:generateNewAPIKey') : undefined}\n        buttonStyle={icon ? 'ghost' : 'secondary'}\n        className={icon ? 'api-key__regenerate-button' : undefined}\n        icon={icon}\n        id={id}\n        onClick={() => toggleModal(modalSlug)}\n        size=\"medium\"\n      >\n        {!icon && t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          willInvalidateExistingKey && apiKeyLast4 ? (\n            <span>\n              Generating a new API key will invalidate the key ending in{' '}\n              <strong>{apiKeyLast4}</strong>. This will take effect immediately.\n            </span>\n          ) : willInvalidateExistingKey ? (\n            <Translation\n              elements={{ 1: ({ children }) => <strong>{children}</strong> }}\n              i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n              t={t}\n            />\n          ) : (\n            <span>\n              Are you sure you want to generate an API key for user <strong>{documentID}</strong>?\n              This will take effect immediately.\n            </span>\n          )\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}