payload 1.15.7 → 1.15.9

package/packages/payload/dist/admin/components/elements/FileDetails/Meta/index.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _formatFilesize = /*#__PURE__*/ _interop_require_default(require("../../../../../uploads/formatFilesize"));
+const _Edit = /*#__PURE__*/ _interop_require_default(require("../../../icons/Edit"));
+const _Config = require("../../../utilities/Config");
+const _CopyToClipboard = /*#__PURE__*/ _interop_require_default(require("../../CopyToClipboard"));
+const _DocumentDrawer = require("../../DocumentDrawer");
+const _Tooltip = /*#__PURE__*/ _interop_require_default(require("../../Tooltip"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'file-meta';
+const Meta = (props)=>{
+    const { id, collection, filename, filesize, height, mimeType, staticURL, url, width } = props;
+    const [hovered, setHovered] = (0, _react.useState)(false);
+    const openInDrawer = Boolean(id && collection);
+    const [DocumentDrawer, DocumentDrawerToggler] = (0, _DocumentDrawer.useDocumentDrawer)({
+        id,
+        collectionSlug: collection
+    });
+    const { serverURL } = (0, _Config.useConfig)();
+    const fileURL = url || `${serverURL}${staticURL}/${filename}`;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__url`
+    }, openInDrawer && /*#__PURE__*/ _react.default.createElement(DocumentDrawer, null), /*#__PURE__*/ _react.default.createElement("a", {
+        href: fileURL,
+        rel: "noopener noreferrer",
+        target: "_blank"
+    }, filename), /*#__PURE__*/ _react.default.createElement(_CopyToClipboard.default, {
+        defaultMessage: "Copy URL",
+        value: fileURL
+    }), openInDrawer && /*#__PURE__*/ _react.default.createElement(DocumentDrawerToggler, {
+        className: `${baseClass}__edit`,
+        onMouseEnter: ()=>setHovered(true),
+        onMouseLeave: ()=>setHovered(false)
+    }, /*#__PURE__*/ _react.default.createElement(_Edit.default, null), /*#__PURE__*/ _react.default.createElement(_Tooltip.default, {
+        show: hovered
+    }, "Edit"))), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__size-type`
+    }, (0, _formatFilesize.default)(filesize), width && height && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, " - ", width, "x", height), mimeType && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, " - ", mimeType)));
+};
+const _default = Meta;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0ZpbGVEZXRhaWxzL01ldGEvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IGZvcm1hdEZpbGVzaXplIGZyb20gJy4uLy4uLy4uLy4uLy4uL3VwbG9hZHMvZm9ybWF0RmlsZXNpemUnXG5pbXBvcnQgRWRpdCBmcm9tICcuLi8uLi8uLi9pY29ucy9FZGl0J1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vdXRpbGl0aWVzL0NvbmZpZydcbmltcG9ydCBDb3B5VG9DbGlwYm9hcmQgZnJvbSAnLi4vLi4vQ29weVRvQ2xpcGJvYXJkJ1xuaW1wb3J0IHsgdXNlRG9jdW1lbnREcmF3ZXIgfSBmcm9tICcuLi8uLi9Eb2N1bWVudERyYXdlcidcbmltcG9ydCBUb29sdGlwIGZyb20gJy4uLy4uL1Rvb2x0aXAnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2ZpbGUtbWV0YSdcblxuY29uc3QgTWV0YTogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaWQsIGNvbGxlY3Rpb24sIGZpbGVuYW1lLCBmaWxlc2l6ZSwgaGVpZ2h0LCBtaW1lVHlwZSwgc3RhdGljVVJMLCB1cmwsIHdpZHRoIH0gPSBwcm9wc1xuXG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBvcGVuSW5EcmF3ZXIgPSBCb29sZWFuKGlkICYmIGNvbGxlY3Rpb24pXG5cbiAgY29uc3QgW0RvY3VtZW50RHJhd2VyLCBEb2N1bWVudERyYXdlclRvZ2dsZXJdID0gdXNlRG9jdW1lbnREcmF3ZXIoe1xuICAgIGlkLFxuICAgIGNvbGxlY3Rpb25TbHVnOiBjb2xsZWN0aW9uLFxuICB9KVxuXG4gIGNvbnN0IHsgc2VydmVyVVJMIH0gPSB1c2VDb25maWcoKVxuXG4gIGNvbnN0IGZpbGVVUkwgPSB1cmwgfHwgYCR7c2VydmVyVVJMfSR7c3RhdGljVVJMfS8ke2ZpbGVuYW1lfWBcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3VybGB9PlxuICAgICAgICB7b3BlbkluRHJhd2VyICYmIDxEb2N1bWVudERyYXdlciAvPn1cbiAgICAgICAgPGEgaHJlZj17ZmlsZVVSTH0gcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiIHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgICAgIHtmaWxlbmFtZX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8Q29weVRvQ2xpcGJvYXJkIGRlZmF1bHRNZXNzYWdlPVwiQ29weSBVUkxcIiB2YWx1ZT17ZmlsZVVSTH0gLz5cbiAgICAgICAge29wZW5JbkRyYXdlciAmJiAoXG4gICAgICAgICAgPERvY3VtZW50RHJhd2VyVG9nZ2xlclxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19lZGl0YH1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEVkaXQgLz5cbiAgICAgICAgICAgIDxUb29sdGlwIHNob3c9e2hvdmVyZWR9PkVkaXQ8L1Rvb2x0aXA+XG4gICAgICAgICAgPC9Eb2N1bWVudERyYXdlclRvZ2dsZXI+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zaXplLXR5cGVgfT5cbiAgICAgICAge2Zvcm1hdEZpbGVzaXplKGZpbGVzaXplKX1cbiAgICAgICAge3dpZHRoICYmIGhlaWdodCAmJiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgJm5ic3A7LSZuYnNwO1xuICAgICAgICAgICAge3dpZHRofXh7aGVpZ2h0fVxuICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICl9XG4gICAgICAgIHttaW1lVHlwZSAmJiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgJm5ic3A7LSZuYnNwO1xuICAgICAgICAgICAge21pbWVUeXBlfVxuICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNZXRhXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiTWV0YSIsInByb3BzIiwiaWQiLCJjb2xsZWN0aW9uIiwiZmlsZW5hbWUiLCJmaWxlc2l6ZSIsImhlaWdodCIsIm1pbWVUeXBlIiwic3RhdGljVVJMIiwidXJsIiwid2lkdGgiLCJob3ZlcmVkIiwic2V0SG92ZXJlZCIsInVzZVN0YXRlIiwib3BlbkluRHJhd2VyIiwiQm9vbGVhbiIsIkRvY3VtZW50RHJhd2VyIiwiRG9jdW1lbnREcmF3ZXJUb2dnbGVyIiwidXNlRG9jdW1lbnREcmF3ZXIiLCJjb2xsZWN0aW9uU2x1ZyIsInNlcnZlclVSTCIsInVzZUNvbmZpZyIsImZpbGVVUkwiLCJkaXYiLCJjbGFzc05hbWUiLCJhIiwiaHJlZiIsInJlbCIsInRhcmdldCIsIkNvcHlUb0NsaXBib2FyZCIsImRlZmF1bHRNZXNzYWdlIiwidmFsdWUiLCJvbk1vdXNlRW50ZXIiLCJvbk1vdXNlTGVhdmUiLCJFZGl0IiwiVG9vbHRpcCIsInNob3ciLCJmb3JtYXRGaWxlc2l6ZSIsIlJlYWN0IiwiRnJhZ21lbnQiXSwicmFuZ2VNYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyIsIm1hcHBpbmdzIjoiOzs7OytCQW1FQTs7O2VBQUE7OzsrREFuRWdDO3VFQUlMOzZEQUNWO3dCQUNTO3dFQUNFO2dDQUNNO2dFQUNkO1FBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxPQUF3QixDQUFDQztJQUM3QixNQUFNLEVBQUVDLEVBQUUsRUFBRUMsVUFBVSxFQUFFQyxRQUFRLEVBQUVDLFFBQVEsRUFBRUMsTUFBTSxFQUFFQyxRQUFRLEVBQUVDLFNBQVMsRUFBRUMsR0FBRyxFQUFFQyxLQUFLLEVBQUUsR0FBR1Q7SUFFeEYsTUFBTSxDQUFDVSxTQUFTQyxXQUFXLEdBQUdDLElBQUFBLGVBQVEsRUFBQztJQUN2QyxNQUFNQyxlQUFlQyxRQUFRYixNQUFNQztJQUVuQyxNQUFNLENBQUNhLGdCQUFnQkMsc0JBQXNCLEdBQUdDLElBQUFBLGlDQUFpQixFQUFDO1FBQ2hFaEI7UUFDQWlCLGdCQUFnQmhCO0lBQ2xCO0lBRUEsTUFBTSxFQUFFaUIsU0FBUyxFQUFFLEdBQUdDLElBQUFBLGlCQUFTO0lBRS9CLE1BQU1DLFVBQVViLE9BQU8sQ0FBQyxFQUFFVyxVQUFVLEVBQUVaLFVBQVUsQ0FBQyxFQUFFSixTQUFTLENBQUM7SUFFN0QscUJBQ0UsNkJBQUNtQjtRQUFJQyxXQUFXekI7cUJBQ2QsNkJBQUN3QjtRQUFJQyxXQUFXLENBQUMsRUFBRXpCLFVBQVUsS0FBSyxDQUFDO09BQ2hDZSw4QkFBZ0IsNkJBQUNFLHFDQUNsQiw2QkFBQ1M7UUFBRUMsTUFBTUo7UUFBU0ssS0FBSTtRQUFzQkMsUUFBTztPQUNoRHhCLHlCQUVILDZCQUFDeUIsd0JBQWU7UUFBQ0MsZ0JBQWU7UUFBV0MsT0FBT1Q7UUFDakRSLDhCQUNDLDZCQUFDRztRQUNDTyxXQUFXLENBQUMsRUFBRXpCLFVBQVUsTUFBTSxDQUFDO1FBQy9CaUMsY0FBYyxJQUFNcEIsV0FBVztRQUMvQnFCLGNBQWMsSUFBTXJCLFdBQVc7cUJBRS9CLDZCQUFDc0IsYUFBSSx1QkFDTCw2QkFBQ0MsZ0JBQU87UUFBQ0MsTUFBTXpCO09BQVMseUJBSTlCLDZCQUFDWTtRQUFJQyxXQUFXLENBQUMsRUFBRXpCLFVBQVUsV0FBVyxDQUFDO09BQ3RDc0MsSUFBQUEsdUJBQWMsRUFBQ2hDLFdBQ2ZLLFNBQVNKLHdCQUNSLDZCQUFDZ0MsY0FBSyxDQUFDQyxRQUFRLFFBQUMsT0FFYjdCLE9BQU0sS0FBRUosU0FHWkMsMEJBQ0MsNkJBQUMrQixjQUFLLENBQUNDLFFBQVEsUUFBQyxPQUViaEM7QUFNYjtNQUVBLFdBQWVQIn0=

package/packages/payload/dist/admin/components/elements/FileDetails/Meta/index.scss

@@ -0,0 +1,28 @@
+@import '../../../../scss/styles.scss';
+
+.file-meta {
+  &__url {
+    display: flex;
+
+    a {
+      font-weight: 600;
+      text-decoration: none;
+
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &__size-type,
+  &__url a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__edit {
+    position: relative;
+  }
+}

package/packages/payload/dist/admin/components/elements/FileDetails/Meta/types.d.ts

@@ -0,0 +1,13 @@
+export type Props = {
+    collection?: string;
+    filename: string;
+    filesize: number;
+    height?: number;
+    id?: string;
+    mimeType: string;
+    sizes?: unknown;
+    staticURL: string;
+    url?: string;
+    width?: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/packages/payload/dist/admin/components/elements/FileDetails/Meta/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/FileDetails/Meta/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/packages/payload/dist/admin/components/elements/FileDetails/Meta/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJyYW5nZU1hcHBpbmdzIjoiIiwibWFwcGluZ3MiOiIifQ==

package/packages/payload/dist/admin/components/elements/FileDetails/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const FileDetails: React.FC<Props>;
+export default FileDetails;
+//# sourceMappingURL=index.d.ts.map

package/packages/payload/dist/admin/components/elements/FileDetails/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/FileDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ChC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/packages/payload/dist/admin/components/elements/FileDetails/index.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _isImage = /*#__PURE__*/ _interop_require_default(require("../../../../uploads/isImage"));
+const _Upload = require("../../views/collections/Edit/Upload");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button"));
+const _Thumbnail = /*#__PURE__*/ _interop_require_default(require("../Thumbnail"));
+const _Meta = /*#__PURE__*/ _interop_require_default(require("./Meta"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'file-details';
+const FileDetails = (props)=>{
+    const { canEdit, collection, doc, handleRemove, hasImageSizes, imageCacheTag } = props;
+    const { slug: collectionSlug, upload: { staticURL } } = collection;
+    const { id, filename, filesize, height, mimeType, url, width } = doc;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("header", null, /*#__PURE__*/ _react.default.createElement(_Thumbnail.default, {
+        collection: collection,
+        doc: doc,
+        imageCacheTag: imageCacheTag
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__main-detail`
+    }, /*#__PURE__*/ _react.default.createElement(_Meta.default, {
+        collection: collectionSlug,
+        filename: filename,
+        filesize: filesize,
+        height: height,
+        id: id,
+        mimeType: mimeType,
+        staticURL: staticURL,
+        url: url,
+        width: width
+    }), (0, _isImage.default)(mimeType) && mimeType !== 'image/svg+xml' && /*#__PURE__*/ _react.default.createElement(_Upload.UploadActions, {
+        canEdit: canEdit,
+        showSizePreviews: hasImageSizes && doc.filename
+    })), handleRemove && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__remove`,
+        icon: "x",
+        iconStyle: "with-border",
+        onClick: handleRemove,
+        round: true
+    })));
+};
+const _default = FileDetails;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0ZpbGVEZXRhaWxzL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgaXNJbWFnZSBmcm9tICcuLi8uLi8uLi8uLi91cGxvYWRzL2lzSW1hZ2UnXG5pbXBvcnQgeyBVcGxvYWRBY3Rpb25zIH0gZnJvbSAnLi4vLi4vdmlld3MvY29sbGVjdGlvbnMvRWRpdC9VcGxvYWQnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBUaHVtYm5haWwgZnJvbSAnLi4vVGh1bWJuYWlsJ1xuaW1wb3J0IE1ldGEgZnJvbSAnLi9NZXRhJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdmaWxlLWRldGFpbHMnXG5cbmNvbnN0IEZpbGVEZXRhaWxzOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjYW5FZGl0LCBjb2xsZWN0aW9uLCBkb2MsIGhhbmRsZVJlbW92ZSwgaGFzSW1hZ2VTaXplcywgaW1hZ2VDYWNoZVRhZyB9ID0gcHJvcHNcblxuICBjb25zdCB7XG4gICAgc2x1ZzogY29sbGVjdGlvblNsdWcsXG4gICAgdXBsb2FkOiB7IHN0YXRpY1VSTCB9LFxuICB9ID0gY29sbGVjdGlvblxuXG4gIGNvbnN0IHsgaWQsIGZpbGVuYW1lLCBmaWxlc2l6ZSwgaGVpZ2h0LCBtaW1lVHlwZSwgdXJsLCB3aWR0aCB9ID0gZG9jXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIDxoZWFkZXI+XG4gICAgICAgIDxUaHVtYm5haWwgY29sbGVjdGlvbj17Y29sbGVjdGlvbn0gZG9jPXtkb2N9IGltYWdlQ2FjaGVUYWc9e2ltYWdlQ2FjaGVUYWd9IC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19tYWluLWRldGFpbGB9PlxuICAgICAgICAgIDxNZXRhXG4gICAgICAgICAgICBjb2xsZWN0aW9uPXtjb2xsZWN0aW9uU2x1Z31cbiAgICAgICAgICAgIGZpbGVuYW1lPXtmaWxlbmFtZSBhcyBzdHJpbmd9XG4gICAgICAgICAgICBmaWxlc2l6ZT17ZmlsZXNpemUgYXMgbnVtYmVyfVxuICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHQgYXMgbnVtYmVyfVxuICAgICAgICAgICAgaWQ9e2lkIGFzIHN0cmluZ31cbiAgICAgICAgICAgIG1pbWVUeXBlPXttaW1lVHlwZSBhcyBzdHJpbmd9XG4gICAgICAgICAgICBzdGF0aWNVUkw9e3N0YXRpY1VSTH1cbiAgICAgICAgICAgIHVybD17dXJsIGFzIHN0cmluZ31cbiAgICAgICAgICAgIHdpZHRoPXt3aWR0aCBhcyBudW1iZXJ9XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIHtpc0ltYWdlKG1pbWVUeXBlIGFzIHN0cmluZykgJiYgbWltZVR5cGUgIT09ICdpbWFnZS9zdmcreG1sJyAmJiAoXG4gICAgICAgICAgICA8VXBsb2FkQWN0aW9ucyBjYW5FZGl0PXtjYW5FZGl0fSBzaG93U2l6ZVByZXZpZXdzPXtoYXNJbWFnZVNpemVzICYmIGRvYy5maWxlbmFtZX0gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2hhbmRsZVJlbW92ZSAmJiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJpY29uLWxhYmVsXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fcmVtb3ZlYH1cbiAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgIGljb25TdHlsZT1cIndpdGgtYm9yZGVyXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVJlbW92ZX1cbiAgICAgICAgICAgIHJvdW5kXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvaGVhZGVyPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVEZXRhaWxzXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRmlsZURldGFpbHMiLCJwcm9wcyIsImNhbkVkaXQiLCJjb2xsZWN0aW9uIiwiZG9jIiwiaGFuZGxlUmVtb3ZlIiwiaGFzSW1hZ2VTaXplcyIsImltYWdlQ2FjaGVUYWciLCJzbHVnIiwiY29sbGVjdGlvblNsdWciLCJ1cGxvYWQiLCJzdGF0aWNVUkwiLCJpZCIsImZpbGVuYW1lIiwiZmlsZXNpemUiLCJoZWlnaHQiLCJtaW1lVHlwZSIsInVybCIsIndpZHRoIiwiZGl2IiwiY2xhc3NOYW1lIiwiaGVhZGVyIiwiVGh1bWJuYWlsIiwiTWV0YSIsImlzSW1hZ2UiLCJVcGxvYWRBY3Rpb25zIiwic2hvd1NpemVQcmV2aWV3cyIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwiaWNvbiIsImljb25TdHlsZSIsIm9uQ2xpY2siLCJyb3VuZCJdLCJyYW5nZU1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7IiwibWFwcGluZ3MiOiI7Ozs7K0JBMkRBOzs7ZUFBQTs7OzhEQTNEa0I7Z0VBSUU7d0JBQ1U7K0RBQ1g7a0VBQ0c7NkRBQ0w7UUFDVjs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxjQUErQixDQUFDQztJQUNwQyxNQUFNLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxHQUFHLEVBQUVDLFlBQVksRUFBRUMsYUFBYSxFQUFFQyxhQUFhLEVBQUUsR0FBR047SUFFakYsTUFBTSxFQUNKTyxNQUFNQyxjQUFjLEVBQ3BCQyxRQUFRLEVBQUVDLFNBQVMsRUFBRSxFQUN0QixHQUFHUjtJQUVKLE1BQU0sRUFBRVMsRUFBRSxFQUFFQyxRQUFRLEVBQUVDLFFBQVEsRUFBRUMsTUFBTSxFQUFFQyxRQUFRLEVBQUVDLEdBQUcsRUFBRUMsS0FBSyxFQUFFLEdBQUdkO0lBRWpFLHFCQUNFLDZCQUFDZTtRQUFJQyxXQUFXckI7cUJBQ2QsNkJBQUNzQiw4QkFDQyw2QkFBQ0Msa0JBQVM7UUFBQ25CLFlBQVlBO1FBQVlDLEtBQUtBO1FBQUtHLGVBQWVBO3NCQUM1RCw2QkFBQ1k7UUFBSUMsV0FBVyxDQUFDLEVBQUVyQixVQUFVLGFBQWEsQ0FBQztxQkFDekMsNkJBQUN3QixhQUFJO1FBQ0hwQixZQUFZTTtRQUNaSSxVQUFVQTtRQUNWQyxVQUFVQTtRQUNWQyxRQUFRQTtRQUNSSCxJQUFJQTtRQUNKSSxVQUFVQTtRQUNWTCxXQUFXQTtRQUNYTSxLQUFLQTtRQUNMQyxPQUFPQTtRQUdSTSxJQUFBQSxnQkFBTyxFQUFDUixhQUF1QkEsYUFBYSxpQ0FDM0MsNkJBQUNTLHFCQUFhO1FBQUN2QixTQUFTQTtRQUFTd0Isa0JBQWtCcEIsaUJBQWlCRixJQUFJUyxRQUFRO1NBR25GUiw4QkFDQyw2QkFBQ3NCLGVBQU07UUFDTEMsYUFBWTtRQUNaUixXQUFXLENBQUMsRUFBRXJCLFVBQVUsUUFBUSxDQUFDO1FBQ2pDOEIsTUFBSztRQUNMQyxXQUFVO1FBQ1ZDLFNBQVMxQjtRQUNUMkIsT0FBQUE7O0FBTVo7TUFFQSxXQUFlaEMifQ==

package/packages/payload/dist/admin/components/elements/FileDetails/index.scss

@@ -0,0 +1,115 @@
+@import '../../../scss/styles.scss';
+
+.file-details {
+  background-color: var(--theme-elevation-50);
+
+  header {
+    display: flex;
+    align-items: flex-start;
+    border-bottom: 1px solid var(--theme-elevation-0);
+  }
+
+  &__remove {
+    margin: $baseline $baseline $baseline 0;
+  }
+
+  &__main-detail {
+    padding: $baseline base(1.5);
+    width: auto;
+    flex-grow: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+    gap: base(0.25);
+  }
+
+  &__toggle-more-info {
+    font-weight: 600;
+    text-decoration: none;
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+  }
+
+  &__toggle-icon {
+    padding: calc(var(--base) / 4);
+  }
+
+  &__sizes {
+    margin: 0;
+    padding: base(1.5) $baseline 0;
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+
+    li {
+      width: 50%;
+      padding: 0 base(0.5);
+      margin-bottom: $baseline;
+    }
+  }
+
+  &__size-label {
+    color: var(--theme-elevation-400);
+  }
+
+  &__file-mutation {
+    display: flex;
+    margin-top: base(0.25);
+    gap: calc(var(--base) / 2);
+  }
+
+  &__edit {
+    cursor: pointer;
+    background-color: var(--theme-elevation-150);
+    border: none;
+    border-radius: $style-radius-s;
+    padding: base(0.25) base(0.5);
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+
+  @include large-break {
+    &__main-detail {
+      padding: $baseline;
+    }
+
+    &__sizes {
+      display: block;
+      padding: $baseline $baseline base(0.5);
+
+      li {
+        padding: 0;
+        width: 100%;
+      }
+    }
+  }
+
+  @include mid-break {
+    header {
+      flex-wrap: wrap;
+    }
+
+    .thumbnail {
+      width: 50%;
+      order: 1;
+    }
+
+    &__remove {
+      order: 2;
+      margin-left: auto;
+      margin-right: $baseline;
+    }
+
+    &__main-detail {
+      border-top: $style-stroke-width-m solid var(--theme-elevation-0);
+      order: 3;
+      width: 100%;
+    }
+  }
+}

package/packages/payload/dist/admin/components/elements/FileDetails/types.d.ts

@@ -0,0 +1,14 @@
+import type { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import type { FileSizes } from '../../../../uploads/types';
+import type { Data } from '../../forms/Form/types';
+export type Props = {
+    canEdit?: boolean;
+    collection: SanitizedCollectionConfig;
+    doc: Data & {
+        sizes?: FileSizes;
+    };
+    handleRemove?: () => void;
+    hasImageSizes?: boolean;
+    imageCacheTag?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/packages/payload/dist/admin/components/elements/FileDetails/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/FileDetails/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAElD,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,yBAAyB,CAAA;IACrC,GAAG,EAAE,IAAI,GAAG;QACV,KAAK,CAAC,EAAE,SAAS,CAAA;KAClB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA"}

package/packages/payload/dist/admin/components/elements/FileDetails/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJyYW5nZU1hcHBpbmdzIjoiIiwibWFwcGluZ3MiOiIifQ==

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const GenerateConfirmation: React.FC<Props>;
+export default GenerateConfirmation;
+//# sourceMappingURL=index.d.ts.map

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/GenerateConfirmation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmDzC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/index.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _modal = require("@faceless-ui/modal");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reacti18next = require("react-i18next");
+const _reacttoastify = require("react-toastify");
+const _Minimal = /*#__PURE__*/ _interop_require_default(require("../../templates/Minimal"));
+const _DocumentInfo = require("../../utilities/DocumentInfo");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'generate-confirmation';
+const GenerateConfirmation = (props)=>{
+    const { highlightField, setKey } = props;
+    const { id } = (0, _DocumentInfo.useDocumentInfo)();
+    const { toggleModal } = (0, _modal.useModal)();
+    const { t } = (0, _reacti18next.useTranslation)('authentication');
+    const modalSlug = `generate-confirmation-${id}`;
+    const handleGenerate = ()=>{
+        setKey();
+        toggleModal(modalSlug);
+        _reacttoastify.toast.success(t('newAPIKeyGenerated'), {
+            autoClose: 3000
+        });
+        highlightField(true);
+    };
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        onClick: ()=>{
+            toggleModal(modalSlug);
+        },
+        size: "small"
+    }, t('generateNewAPIKey')), /*#__PURE__*/ _react.default.createElement(_modal.Modal, {
+        className: baseClass,
+        slug: modalSlug
+    }, /*#__PURE__*/ _react.default.createElement(_Minimal.default, {
+        className: `${baseClass}__template`
+    }, /*#__PURE__*/ _react.default.createElement("h1", null, t('confirmGeneration')), /*#__PURE__*/ _react.default.createElement("p", null, /*#__PURE__*/ _react.default.createElement(_reacti18next.Trans, {
+        i18nKey: "generatingNewAPIKeyWillInvalidate",
+        t: t
+    }, "generatingNewAPIKeyWillInvalidate", /*#__PURE__*/ _react.default.createElement("strong", null, "invalidate"))), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        buttonStyle: "secondary",
+        onClick: ()=>{
+            toggleModal(modalSlug);
+        },
+        type: "button"
+    }, t('general:cancel')), /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        onClick: handleGenerate
+    }, t('generate')))));
+};
+const _default = GenerateConfirmation;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0dlbmVyYXRlQ29uZmlybWF0aW9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNb2RhbCwgdXNlTW9kYWwgfSBmcm9tICdAZmFjZWxlc3MtdWkvbW9kYWwnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUcmFucywgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuaW1wb3J0IHsgdG9hc3QgfSBmcm9tICdyZWFjdC10b2FzdGlmeSdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCBNaW5pbWFsVGVtcGxhdGUgZnJvbSAnLi4vLi4vdGVtcGxhdGVzL01pbmltYWwnXG5pbXBvcnQgeyB1c2VEb2N1bWVudEluZm8gfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvRG9jdW1lbnRJbmZvJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2dlbmVyYXRlLWNvbmZpcm1hdGlvbidcblxuY29uc3QgR2VuZXJhdGVDb25maXJtYXRpb246IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGhpZ2hsaWdodEZpZWxkLCBzZXRLZXkgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpZCB9ID0gdXNlRG9jdW1lbnRJbmZvKClcbiAgY29uc3QgeyB0b2dnbGVNb2RhbCB9ID0gdXNlTW9kYWwoKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdhdXRoZW50aWNhdGlvbicpXG5cbiAgY29uc3QgbW9kYWxTbHVnID0gYGdlbmVyYXRlLWNvbmZpcm1hdGlvbi0ke2lkfWBcblxuICBjb25zdCBoYW5kbGVHZW5lcmF0ZSA9ICgpID0+IHtcbiAgICBzZXRLZXkoKVxuICAgIHRvZ2dsZU1vZGFsKG1vZGFsU2x1ZylcbiAgICB0b2FzdC5zdWNjZXNzKHQoJ25ld0FQSUtleUdlbmVyYXRlZCcpLCB7IGF1dG9DbG9zZTogMzAwMCB9KVxuICAgIGhpZ2hsaWdodEZpZWxkKHRydWUpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgdG9nZ2xlTW9kYWwobW9kYWxTbHVnKVxuICAgICAgICB9fVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7dCgnZ2VuZXJhdGVOZXdBUElLZXknKX1cbiAgICAgIDwvQnV0dG9uPlxuICAgICAgPE1vZGFsIGNsYXNzTmFtZT17YmFzZUNsYXNzfSBzbHVnPXttb2RhbFNsdWd9PlxuICAgICAgICA8TWluaW1hbFRlbXBsYXRlIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdGVtcGxhdGVgfT5cbiAgICAgICAgICA8aDE+e3QoJ2NvbmZpcm1HZW5lcmF0aW9uJyl9PC9oMT5cbiAgICAgICAgICA8cD5cbiAgICAgICAgICAgIDxUcmFucyBpMThuS2V5PVwiZ2VuZXJhdGluZ05ld0FQSUtleVdpbGxJbnZhbGlkYXRlXCIgdD17dH0+XG4gICAgICAgICAgICAgIGdlbmVyYXRpbmdOZXdBUElLZXlXaWxsSW52YWxpZGF0ZVxuICAgICAgICAgICAgICA8c3Ryb25nPmludmFsaWRhdGU8L3N0cm9uZz5cbiAgICAgICAgICAgIDwvVHJhbnM+XG4gICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICB0b2dnbGVNb2RhbChtb2RhbFNsdWcpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3QoJ2dlbmVyYWw6Y2FuY2VsJyl9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPEJ1dHRvbiBvbkNsaWNrPXtoYW5kbGVHZW5lcmF0ZX0+e3QoJ2dlbmVyYXRlJyl9PC9CdXR0b24+XG4gICAgICAgIDwvTWluaW1hbFRlbXBsYXRlPlxuICAgICAgPC9Nb2RhbD5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEdlbmVyYXRlQ29uZmlybWF0aW9uXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiR2VuZXJhdGVDb25maXJtYXRpb24iLCJwcm9wcyIsImhpZ2hsaWdodEZpZWxkIiwic2V0S2V5IiwiaWQiLCJ1c2VEb2N1bWVudEluZm8iLCJ0b2dnbGVNb2RhbCIsInVzZU1vZGFsIiwidCIsInVzZVRyYW5zbGF0aW9uIiwibW9kYWxTbHVnIiwiaGFuZGxlR2VuZXJhdGUiLCJ0b2FzdCIsInN1Y2Nlc3MiLCJhdXRvQ2xvc2UiLCJSZWFjdCIsIkZyYWdtZW50IiwiQnV0dG9uIiwiYnV0dG9uU3R5bGUiLCJvbkNsaWNrIiwic2l6ZSIsIk1vZGFsIiwiY2xhc3NOYW1lIiwic2x1ZyIsIk1pbmltYWxUZW1wbGF0ZSIsImgxIiwicCIsIlRyYW5zIiwiaTE4bktleSIsInN0cm9uZyIsInR5cGUiXSwicmFuZ2VNYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7IiwibWFwcGluZ3MiOiI7Ozs7K0JBbUVBOzs7ZUFBQTs7O3VCQW5FZ0M7OERBQ2Q7OEJBQ29COytCQUNoQjtnRUFJTTs4QkFDSTsrREFDYjtRQUNaOzs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLHVCQUF3QyxDQUFDQztJQUM3QyxNQUFNLEVBQUVDLGNBQWMsRUFBRUMsTUFBTSxFQUFFLEdBQUdGO0lBRW5DLE1BQU0sRUFBRUcsRUFBRSxFQUFFLEdBQUdDLElBQUFBLDZCQUFlO0lBQzlCLE1BQU0sRUFBRUMsV0FBVyxFQUFFLEdBQUdDLElBQUFBLGVBQVE7SUFDaEMsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWMsRUFBQztJQUU3QixNQUFNQyxZQUFZLENBQUMsc0JBQXNCLEVBQUVOLEdBQUcsQ0FBQztJQUUvQyxNQUFNTyxpQkFBaUI7UUFDckJSO1FBQ0FHLFlBQVlJO1FBQ1pFLG9CQUFLLENBQUNDLE9BQU8sQ0FBQ0wsRUFBRSx1QkFBdUI7WUFBRU0sV0FBVztRQUFLO1FBQ3pEWixlQUFlO0lBQ2pCO0lBRUEscUJBQ0UsNkJBQUNhLGNBQUssQ0FBQ0MsUUFBUSxzQkFDYiw2QkFBQ0MsZUFBTTtRQUNMQyxhQUFZO1FBQ1pDLFNBQVM7WUFDUGIsWUFBWUk7UUFDZDtRQUNBVSxNQUFLO09BRUpaLEVBQUUscUNBRUwsNkJBQUNhLFlBQUs7UUFBQ0MsV0FBV3ZCO1FBQVd3QixNQUFNYjtxQkFDakMsNkJBQUNjLGdCQUFlO1FBQUNGLFdBQVcsQ0FBQyxFQUFFdkIsVUFBVSxVQUFVLENBQUM7cUJBQ2xELDZCQUFDMEIsWUFBSWpCLEVBQUUscUNBQ1AsNkJBQUNrQix5QkFDQyw2QkFBQ0MsbUJBQUs7UUFBQ0MsU0FBUTtRQUFvQ3BCLEdBQUdBO09BQUcsbURBRXZELDZCQUFDcUIsZ0JBQU8sK0JBSVosNkJBQUNaLGVBQU07UUFDTEMsYUFBWTtRQUNaQyxTQUFTO1lBQ1BiLFlBQVlJO1FBQ2Q7UUFDQW9CLE1BQUs7T0FFSnRCLEVBQUUsa0NBRUwsNkJBQUNTLGVBQU07UUFBQ0UsU0FBU1I7T0FBaUJILEVBQUU7QUFLOUM7TUFFQSxXQUFlUiJ9

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/index.scss

@@ -0,0 +1,17 @@
+@import '../../../scss/styles.scss';
+
+.generate-confirmation {
+  @include blur-bg;
+  display: flex;
+  align-items: center;
+  height: 100%;
+
+  &__template {
+    position: relative;
+    z-index: 1;
+  }
+
+  .btn {
+    margin-right: $baseline;
+  }
+}

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/types.d.ts

@@ -0,0 +1,5 @@
+export type Props = {
+    highlightField: (Boolean: any) => void;
+    setKey: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/GenerateConfirmation/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA"}

package/packages/payload/dist/admin/components/elements/GenerateConfirmation/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJyYW5nZU1hcHBpbmdzIjoiIiwibWFwcGluZ3MiOiIifQ==

package/packages/payload/dist/admin/components/elements/Gutter/index.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'react';
+import React from 'react';
+import './index.scss';
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+    left?: boolean;
+    negativeLeft?: boolean;
+    negativeRight?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    right?: boolean;
+};
+export declare const Gutter: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/packages/payload/dist/admin/components/elements/Gutter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Gutter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BjC,CAAA"}

package/packages/payload/dist/admin/components/elements/Gutter/index.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Gutter", {
+    enumerable: true,
+    get: function() {
+        return Gutter;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+require("./index.scss");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'gutter';
+const Gutter = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { children, className, left = true, negativeLeft = false, negativeRight = false, right = true } = props;
+    const shouldPadLeft = left && !negativeLeft;
+    const shouldPadRight = right && !negativeRight;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            shouldPadLeft && `${baseClass}--left`,
+            shouldPadRight && `${baseClass}--right`,
+            negativeLeft && `${baseClass}--negative-left`,
+            negativeRight && `${baseClass}--negative-right`,
+            className
+        ].filter(Boolean).join(' '),
+        ref: ref
+    }, children);
+});
+Gutter.displayName = 'Gutter';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0d1dHRlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGxlZnQ/OiBib29sZWFuXG4gIG5lZ2F0aXZlTGVmdD86IGJvb2xlYW5cbiAgbmVnYXRpdmVSaWdodD86IGJvb2xlYW5cbiAgcmVmPzogUmVmPEhUTUxEaXZFbGVtZW50PlxuICByaWdodD86IGJvb2xlYW5cbn1cblxuY29uc3QgYmFzZUNsYXNzID0gJ2d1dHRlcidcblxuZXhwb3J0IGNvbnN0IEd1dHRlcjogUmVhY3QuRkM8UHJvcHM+ID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgbGVmdCA9IHRydWUsXG4gICAgbmVnYXRpdmVMZWZ0ID0gZmFsc2UsXG4gICAgbmVnYXRpdmVSaWdodCA9IGZhbHNlLFxuICAgIHJpZ2h0ID0gdHJ1ZSxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3Qgc2hvdWxkUGFkTGVmdCA9IGxlZnQgJiYgIW5lZ2F0aXZlTGVmdFxuICBjb25zdCBzaG91bGRQYWRSaWdodCA9IHJpZ2h0ICYmICFuZWdhdGl2ZVJpZ2h0XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgc2hvdWxkUGFkTGVmdCAmJiBgJHtiYXNlQ2xhc3N9LS1sZWZ0YCxcbiAgICAgICAgc2hvdWxkUGFkUmlnaHQgJiYgYCR7YmFzZUNsYXNzfS0tcmlnaHRgLFxuICAgICAgICBuZWdhdGl2ZUxlZnQgJiYgYCR7YmFzZUNsYXNzfS0tbmVnYXRpdmUtbGVmdGAsXG4gICAgICAgIG5lZ2F0aXZlUmlnaHQgJiYgYCR7YmFzZUNsYXNzfS0tbmVnYXRpdmUtcmlnaHRgLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICBdXG4gICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufSlcblxuR3V0dGVyLmRpc3BsYXlOYW1lID0gJ0d1dHRlcidcbiJdLCJuYW1lcyI6WyJHdXR0ZXIiLCJiYXNlQ2xhc3MiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImxlZnQiLCJuZWdhdGl2ZUxlZnQiLCJuZWdhdGl2ZVJpZ2h0IiwicmlnaHQiLCJzaG91bGRQYWRMZWZ0Iiwic2hvdWxkUGFkUmlnaHQiLCJkaXYiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImRpc3BsYXlOYW1lIl0sInJhbmdlTWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsiLCJtYXBwaW5ncyI6Ijs7OzsrQkFrQmFBOzs7ZUFBQUE7OzsrREFoQnFCO1FBRTNCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFZUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsdUJBQTBCRSxJQUFBQSxpQkFBVSxFQUF3QixDQUFDQyxPQUFPQztJQUMvRSxNQUFNLEVBQ0pDLFFBQVEsRUFDUkMsU0FBUyxFQUNUQyxPQUFPLElBQUksRUFDWEMsZUFBZSxLQUFLLEVBQ3BCQyxnQkFBZ0IsS0FBSyxFQUNyQkMsUUFBUSxJQUFJLEVBQ2IsR0FBR1A7SUFFSixNQUFNUSxnQkFBZ0JKLFFBQVEsQ0FBQ0M7SUFDL0IsTUFBTUksaUJBQWlCRixTQUFTLENBQUNEO0lBRWpDLHFCQUNFLDZCQUFDSTtRQUNDUCxXQUFXO1lBQ1RLLGlCQUFpQixDQUFDLEVBQUVWLFVBQVUsTUFBTSxDQUFDO1lBQ3JDVyxrQkFBa0IsQ0FBQyxFQUFFWCxVQUFVLE9BQU8sQ0FBQztZQUN2Q08sZ0JBQWdCLENBQUMsRUFBRVAsVUFBVSxlQUFlLENBQUM7WUFDN0NRLGlCQUFpQixDQUFDLEVBQUVSLFVBQVUsZ0JBQWdCLENBQUM7WUFDL0NLO1NBQ0QsQ0FDRVEsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7UUFDUlosS0FBS0E7T0FFSkM7QUFHUDtBQUVBTCxPQUFPaUIsV0FBVyxHQUFHIn0=

package/packages/payload/dist/admin/components/elements/Gutter/index.scss

@@ -0,0 +1,19 @@
+@import '../../../scss/styles.scss';
+
+.gutter {
+  &--left {
+    padding-left: var(--gutter-h);
+  }
+
+  &--right {
+    padding-right: var(--gutter-h);
+  }
+
+  &--negative-left {
+    margin-left: calc(-1 * var(--gutter-h));
+  }
+
+  &--negative-right {
+    margin-right: calc(-1 * var(--gutter-h));
+  }
+}

package/packages/payload/dist/admin/components/elements/Hamburger/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export declare const Hamburger: React.FC<{
+    closeIcon?: 'collapse' | 'x';
+    isActive?: boolean;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/packages/payload/dist/admin/components/elements/Hamburger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Hamburger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,UAAU,GAAG,GAAG,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAoCA,CAAA"}