payload 1.6.19 → 1.6.20

package/dist/admin/components/views/collections/Edit/Upload/index.js

@@ -1,162 +1,162 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const useField_1 = __importDefault(require("../../../../forms/useField"));
-const Button_1 = __importDefault(require("../../../../elements/Button"));
-const FileDetails_1 = __importDefault(require("../../../../elements/FileDetails"));
-const Error_1 = __importDefault(require("../../../../forms/Error"));
-const reduceFieldsToValues_1 = __importDefault(require("../../../../forms/Form/reduceFieldsToValues"));
-require("./index.scss");
-const baseClass = 'file-field';
-const handleDrag = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-};
-const validate = (value) => {
-    if (!value && value !== undefined) {
-        return 'A file is required.';
-    }
-    return true;
-};
-const Upload = (props) => {
-    var _a, _b;
-    const { collection, internalState, } = props;
-    const inputRef = (0, react_1.useRef)(null);
-    const dropRef = (0, react_1.useRef)(null);
-    const [selectingFile, setSelectingFile] = (0, react_1.useState)(false);
-    const [dragging, setDragging] = (0, react_1.useState)(false);
-    const [dragCounter, setDragCounter] = (0, react_1.useState)(0);
-    const [replacingFile, setReplacingFile] = (0, react_1.useState)(false);
-    const { t } = (0, react_i18next_1.useTranslation)('upload');
-    const [doc, setDoc] = (0, react_1.useState)((0, reduceFieldsToValues_1.default)(internalState || {}, true));
-    const { value, setValue, showError, errorMessage, } = (0, useField_1.default)({
-        path: 'file',
-        validate,
-    });
-    const handleDragIn = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragCounter((count) => count + 1);
-        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
-            setDragging(true);
-        }
-    }, []);
-    const handleDragOut = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragCounter((count) => count - 1);
-        if (dragCounter > 1)
-            return;
-        setDragging(false);
-    }, [dragCounter]);
-    const handleDrop = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragging(false);
-        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
-            setValue(e.dataTransfer.files[0]);
-            setDragging(false);
-            e.dataTransfer.clearData();
-            setDragCounter(0);
-        }
-        else {
-            setDragging(false);
-        }
-    }, [setValue]);
-    // Only called when input is interacted with directly
-    // Not called when drag + drop is used
-    // Or when input is cleared
-    const handleInputChange = (0, react_1.useCallback)(() => {
-        var _a, _b;
-        setSelectingFile(false);
-        setValue(((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) || null);
-    }, [inputRef, setValue]);
-    (0, react_1.useEffect)(() => {
-        if (selectingFile) {
-            inputRef.current.click();
-            setSelectingFile(false);
-        }
-    }, [selectingFile, inputRef, setSelectingFile]);
-    (0, react_1.useEffect)(() => {
-        setDoc((0, reduceFieldsToValues_1.default)(internalState || {}, true));
-        setReplacingFile(false);
-    }, [internalState]);
-    (0, react_1.useEffect)(() => {
-        const div = dropRef.current;
-        if (div) {
-            div.addEventListener('dragenter', handleDragIn);
-            div.addEventListener('dragleave', handleDragOut);
-            div.addEventListener('dragover', handleDrag);
-            div.addEventListener('drop', handleDrop);
-            return () => {
-                div.removeEventListener('dragenter', handleDragIn);
-                div.removeEventListener('dragleave', handleDragOut);
-                div.removeEventListener('dragover', handleDrag);
-                div.removeEventListener('drop', handleDrop);
-            };
-        }
-        return () => null;
-    }, [handleDragIn, handleDragOut, handleDrop, value]);
-    const classes = [
-        baseClass,
-        dragging && `${baseClass}--dragging`,
-        'field-type',
-    ].filter(Boolean).join(' ');
-    return (react_1.default.createElement("div", { className: classes },
-        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
-        (doc.filename && !replacingFile) && (react_1.default.createElement(FileDetails_1.default, { doc: doc, collection: collection, handleRemove: () => {
-                setReplacingFile(true);
-                setValue(null);
-            } })),
-        (!doc.filename || replacingFile) && (react_1.default.createElement("div", { className: `${baseClass}__upload` },
-            value && (react_1.default.createElement("div", { className: `${baseClass}__file-selected` },
-                react_1.default.createElement("span", { className: `${baseClass}__filename` }, value.name),
-                react_1.default.createElement(Button_1.default, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
-                        setValue(null);
-                        inputRef.current.value = null;
-                    } }))),
-            !value && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef, onPaste: (e) => {
-                        var _a;
-                        if ((_a = e === null || e === void 0 ? void 0 : e.clipboardData) === null || _a === void 0 ? void 0 : _a.files.length) {
-                            const fileObject = e.clipboardData.files[0];
-                            if (fileObject)
-                                setValue(fileObject);
-                        }
-                    } },
-                    react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => setSelectingFile(true), className: `${baseClass}__file-button` }, t('selectFile')),
-                    react_1.default.createElement("p", { className: `${baseClass}__drag-label` },
-                        t('general:or'),
-                        ' ',
-                        t('dragAndDrop'))))),
-            react_1.default.createElement("input", { ref: inputRef, type: "file", accept: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.upload) === null || _a === void 0 ? void 0 : _a.mimeTypes) === null || _b === void 0 ? void 0 : _b.join(','), onChange: handleInputChange })))));
-};
-exports.default = Upload;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const useField_1 = __importDefault(require("../../../../forms/useField"));
+const Button_1 = __importDefault(require("../../../../elements/Button"));
+const FileDetails_1 = __importDefault(require("../../../../elements/FileDetails"));
+const Error_1 = __importDefault(require("../../../../forms/Error"));
+const reduceFieldsToValues_1 = __importDefault(require("../../../../forms/Form/reduceFieldsToValues"));
+require("./index.scss");
+const baseClass = 'file-field';
+const handleDrag = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+};
+const validate = (value) => {
+    if (!value && value !== undefined) {
+        return 'A file is required.';
+    }
+    return true;
+};
+const Upload = (props) => {
+    var _a, _b;
+    const { collection, internalState, } = props;
+    const inputRef = (0, react_1.useRef)(null);
+    const dropRef = (0, react_1.useRef)(null);
+    const [selectingFile, setSelectingFile] = (0, react_1.useState)(false);
+    const [dragging, setDragging] = (0, react_1.useState)(false);
+    const [dragCounter, setDragCounter] = (0, react_1.useState)(0);
+    const [replacingFile, setReplacingFile] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('upload');
+    const [doc, setDoc] = (0, react_1.useState)((0, reduceFieldsToValues_1.default)(internalState || {}, true));
+    const { value, setValue, showError, errorMessage, } = (0, useField_1.default)({
+        path: 'file',
+        validate,
+    });
+    const handleDragIn = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragCounter((count) => count + 1);
+        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+            setDragging(true);
+        }
+    }, []);
+    const handleDragOut = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragCounter((count) => count - 1);
+        if (dragCounter > 1)
+            return;
+        setDragging(false);
+    }, [dragCounter]);
+    const handleDrop = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            setValue(e.dataTransfer.files[0]);
+            setDragging(false);
+            e.dataTransfer.clearData();
+            setDragCounter(0);
+        }
+        else {
+            setDragging(false);
+        }
+    }, [setValue]);
+    // Only called when input is interacted with directly
+    // Not called when drag + drop is used
+    // Or when input is cleared
+    const handleInputChange = (0, react_1.useCallback)(() => {
+        var _a, _b;
+        setSelectingFile(false);
+        setValue(((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) || null);
+    }, [inputRef, setValue]);
+    (0, react_1.useEffect)(() => {
+        if (selectingFile) {
+            inputRef.current.click();
+            setSelectingFile(false);
+        }
+    }, [selectingFile, inputRef, setSelectingFile]);
+    (0, react_1.useEffect)(() => {
+        setDoc((0, reduceFieldsToValues_1.default)(internalState || {}, true));
+        setReplacingFile(false);
+    }, [internalState]);
+    (0, react_1.useEffect)(() => {
+        const div = dropRef.current;
+        if (div) {
+            div.addEventListener('dragenter', handleDragIn);
+            div.addEventListener('dragleave', handleDragOut);
+            div.addEventListener('dragover', handleDrag);
+            div.addEventListener('drop', handleDrop);
+            return () => {
+                div.removeEventListener('dragenter', handleDragIn);
+                div.removeEventListener('dragleave', handleDragOut);
+                div.removeEventListener('dragover', handleDrag);
+                div.removeEventListener('drop', handleDrop);
+            };
+        }
+        return () => null;
+    }, [handleDragIn, handleDragOut, handleDrop, value]);
+    const classes = [
+        baseClass,
+        dragging && `${baseClass}--dragging`,
+        'field-type',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        (doc.filename && !replacingFile) && (react_1.default.createElement(FileDetails_1.default, { doc: doc, collection: collection, handleRemove: () => {
+                setReplacingFile(true);
+                setValue(null);
+            } })),
+        (!doc.filename || replacingFile) && (react_1.default.createElement("div", { className: `${baseClass}__upload` },
+            value && (react_1.default.createElement("div", { className: `${baseClass}__file-selected` },
+                react_1.default.createElement("span", { className: `${baseClass}__filename` }, value.name),
+                react_1.default.createElement(Button_1.default, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
+                        setValue(null);
+                        inputRef.current.value = null;
+                    } }))),
+            !value && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef, onPaste: (e) => {
+                        var _a;
+                        if ((_a = e === null || e === void 0 ? void 0 : e.clipboardData) === null || _a === void 0 ? void 0 : _a.files.length) {
+                            const fileObject = e.clipboardData.files[0];
+                            if (fileObject)
+                                setValue(fileObject);
+                        }
+                    } },
+                    react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => setSelectingFile(true), className: `${baseClass}__file-button` }, t('selectFile')),
+                    react_1.default.createElement("p", { className: `${baseClass}__drag-label` },
+                        t('general:or'),
+                        ' ',
+                        t('dragAndDrop'))))),
+            react_1.default.createElement("input", { ref: inputRef, type: "file", accept: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.upload) === null || _a === void 0 ? void 0 : _a.mimeTypes) === null || _b === void 0 ? void 0 : _b.join(','), onChange: handleInputChange })))));
+};
+exports.default = Upload;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/views/collections/Edit/Upload/index.scss

@@ -59,6 +59,10 @@
     .file-field__drop-zone {
       border-color: var(--theme-success-500);
       background: var(--theme-success-150);
+
+      * {
+        pointer-events: none;
+      }
     }
   }
 

package/dist/admin/components/views/collections/Edit/Upload/types.d.ts

@@ -1,9 +1,9 @@
-import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
-import { Fields } from '../../../../forms/Form/types';
-export type Props = {
-    internalState?: Fields;
-    data?: Fields;
-    collection: SanitizedCollectionConfig;
-    adminThumbnail?: string;
-    mimeTypes?: string[];
-};
+import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
+import { Fields } from '../../../../forms/Form/types';
+export type Props = {
+    internalState?: Fields;
+    data?: Fields;
+    collection: SanitizedCollectionConfig;
+    adminThumbnail?: string;
+    mimeTypes?: string[];
+};

package/dist/admin/components/views/collections/Edit/Upload/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/admin/components/views/collections/Edit/formatFields.d.ts

@@ -1,4 +1,4 @@
-import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
-import { Field } from '../../../../../fields/config/types';
-declare const formatFields: (collection: SanitizedCollectionConfig, isEditing: boolean) => Field[];
-export default formatFields;
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import { Field } from '../../../../../fields/config/types';
+declare const formatFields: (collection: SanitizedCollectionConfig, isEditing: boolean) => Field[];
+export default formatFields;

package/dist/admin/components/views/collections/Edit/formatFields.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const types_1 = require("../../../../../fields/config/types");
-const formatFields = (collection, isEditing) => (isEditing
-    ? collection.fields.filter((field) => ((0, types_1.fieldAffectsData)(field) && field.name !== 'id') || true)
-    : collection.fields);
-exports.default = formatFields;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = require("../../../../../fields/config/types");
+const formatFields = (collection, isEditing) => (isEditing
+    ? collection.fields.filter((field) => ((0, types_1.fieldAffectsData)(field) && field.name !== 'id') || true)
+    : collection.fields);
+exports.default = formatFields;
 //# sourceMappingURL=formatFields.js.map

package/dist/admin/components/views/collections/Edit/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IndexProps } from './types';
-declare const EditView: React.FC<IndexProps>;
-export default EditView;
+import React from 'react';
+import { IndexProps } from './types';
+declare const EditView: React.FC<IndexProps>;
+export default EditView;

package/dist/admin/components/views/collections/Edit/index.js

@@ -1,115 +1,115 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const react_i18next_1 = require("react-i18next");
-const Config_1 = require("../../../utilities/Config");
-const Auth_1 = require("../../../utilities/Auth");
-const usePayloadAPI_1 = __importDefault(require("../../../../hooks/usePayloadAPI"));
-const RenderCustomComponent_1 = __importDefault(require("../../../utilities/RenderCustomComponent"));
-const Default_1 = __importDefault(require("./Default"));
-const formatFields_1 = __importDefault(require("./formatFields"));
-const buildStateFromSchema_1 = __importDefault(require("../../../forms/Form/buildStateFromSchema"));
-const Locale_1 = require("../../../utilities/Locale");
-const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
-const Preferences_1 = require("../../../utilities/Preferences");
-const EditDepth_1 = require("../../../utilities/EditDepth");
-const EditView = (props) => {
-    var _a, _b;
-    const { collection: incomingCollection, isEditing } = props;
-    const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
-    const [fields] = (0, react_1.useState)(() => (0, formatFields_1.default)(incomingCollection, isEditing));
-    const [collection] = (0, react_1.useState)(() => ({ ...incomingCollection, fields }));
-    const [redirect, setRedirect] = (0, react_1.useState)();
-    const locale = (0, Locale_1.useLocale)();
-    const { serverURL, routes: { admin, api } } = (0, Config_1.useConfig)();
-    const { params: { id } = {} } = (0, react_router_dom_1.useRouteMatch)();
-    const { state: locationState } = (0, react_router_dom_1.useLocation)();
-    const history = (0, react_router_dom_1.useHistory)();
-    const [internalState, setInternalState] = (0, react_1.useState)();
-    const [updatedAt, setUpdatedAt] = (0, react_1.useState)();
-    const { user } = (0, Auth_1.useAuth)();
-    const { getVersions, preferencesKey, getDocPermissions, docPermissions } = (0, DocumentInfo_1.useDocumentInfo)();
-    const { getPreference } = (0, Preferences_1.usePreferences)();
-    const { t } = (0, react_i18next_1.useTranslation)('general');
-    const [{ data, isLoading: isLoadingData, isError }] = (0, usePayloadAPI_1.default)((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' }, initialData: null });
-    const onSave = (0, react_1.useCallback)(async (json) => {
-        var _a, _b;
-        getVersions();
-        getDocPermissions();
-        setUpdatedAt((_a = json === null || json === void 0 ? void 0 : json.doc) === null || _a === void 0 ? void 0 : _a.updatedAt);
-        if (!isEditing) {
-            setRedirect(`${admin}/collections/${collection.slug}/${(_b = json === null || json === void 0 ? void 0 : json.doc) === null || _b === void 0 ? void 0 : _b.id}`);
-        }
-        else {
-            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
-            setInternalState(state);
-        }
-    }, [admin, collection, isEditing, getVersions, user, id, t, locale, getDocPermissions]);
-    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    (0, react_1.useEffect)(() => {
-        const awaitInternalState = async () => {
-            setUpdatedAt(dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt);
-            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: fields, data: dataToRender || {}, user, operation: isEditing ? 'update' : 'create', id, locale, t });
-            await getPreference(preferencesKey);
-            setInternalState(state);
-        };
-        if (!isEditing || dataToRender)
-            awaitInternalState();
-    }, [dataToRender, fields, isEditing, id, user, locale, preferencesKey, getPreference, t]);
-    (0, react_1.useEffect)(() => {
-        if (redirect) {
-            history.push(redirect);
-        }
-    }, [history, redirect]);
-    if (isError) {
-        return (react_1.default.createElement(react_router_dom_1.Redirect, { to: `${admin}/not-found` }));
-    }
-    const apiURL = `${serverURL}${api}/${slug}/${id}${collection.versions.drafts ? '?draft=true' : ''}`;
-    const action = `${serverURL}${api}/${slug}${isEditing ? `/${id}` : ''}?locale=${locale}&depth=0&fallback-locale=null`;
-    const hasSavePermission = (isEditing && ((_a = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.update) === null || _a === void 0 ? void 0 : _a.permission)) || (!isEditing && ((_b = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.create) === null || _b === void 0 ? void 0 : _b.permission));
-    const isLoading = !internalState || !docPermissions || isLoadingData;
-    return (react_1.default.createElement(EditDepth_1.EditDepthContext.Provider, { value: 1 },
-        react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: CustomEdit, componentProps: {
-                id,
-                isLoading,
-                data: dataToRender,
-                collection,
-                permissions: docPermissions,
-                isEditing,
-                onSave,
-                internalState,
-                hasSavePermission,
-                apiURL,
-                action,
-                updatedAt: updatedAt || (dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt),
-            } })));
-};
-exports.default = EditView;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../utilities/Config");
+const Auth_1 = require("../../../utilities/Auth");
+const usePayloadAPI_1 = __importDefault(require("../../../../hooks/usePayloadAPI"));
+const RenderCustomComponent_1 = __importDefault(require("../../../utilities/RenderCustomComponent"));
+const Default_1 = __importDefault(require("./Default"));
+const formatFields_1 = __importDefault(require("./formatFields"));
+const buildStateFromSchema_1 = __importDefault(require("../../../forms/Form/buildStateFromSchema"));
+const Locale_1 = require("../../../utilities/Locale");
+const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
+const Preferences_1 = require("../../../utilities/Preferences");
+const EditDepth_1 = require("../../../utilities/EditDepth");
+const EditView = (props) => {
+    var _a, _b;
+    const { collection: incomingCollection, isEditing } = props;
+    const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
+    const [fields] = (0, react_1.useState)(() => (0, formatFields_1.default)(incomingCollection, isEditing));
+    const [collection] = (0, react_1.useState)(() => ({ ...incomingCollection, fields }));
+    const [redirect, setRedirect] = (0, react_1.useState)();
+    const locale = (0, Locale_1.useLocale)();
+    const { serverURL, routes: { admin, api } } = (0, Config_1.useConfig)();
+    const { params: { id } = {} } = (0, react_router_dom_1.useRouteMatch)();
+    const { state: locationState } = (0, react_router_dom_1.useLocation)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const [internalState, setInternalState] = (0, react_1.useState)();
+    const [updatedAt, setUpdatedAt] = (0, react_1.useState)();
+    const { user } = (0, Auth_1.useAuth)();
+    const { getVersions, preferencesKey, getDocPermissions, docPermissions } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { getPreference } = (0, Preferences_1.usePreferences)();
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const [{ data, isLoading: isLoadingData, isError }] = (0, usePayloadAPI_1.default)((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' }, initialData: null });
+    const onSave = (0, react_1.useCallback)(async (json) => {
+        var _a, _b;
+        getVersions();
+        getDocPermissions();
+        setUpdatedAt((_a = json === null || json === void 0 ? void 0 : json.doc) === null || _a === void 0 ? void 0 : _a.updatedAt);
+        if (!isEditing) {
+            setRedirect(`${admin}/collections/${collection.slug}/${(_b = json === null || json === void 0 ? void 0 : json.doc) === null || _b === void 0 ? void 0 : _b.id}`);
+        }
+        else {
+            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
+            setInternalState(state);
+        }
+    }, [admin, collection, isEditing, getVersions, user, id, t, locale, getDocPermissions]);
+    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
+    (0, react_1.useEffect)(() => {
+        const awaitInternalState = async () => {
+            setUpdatedAt(dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt);
+            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: fields, data: dataToRender || {}, user, operation: isEditing ? 'update' : 'create', id, locale, t });
+            await getPreference(preferencesKey);
+            setInternalState(state);
+        };
+        if (!isEditing || dataToRender)
+            awaitInternalState();
+    }, [dataToRender, fields, isEditing, id, user, locale, preferencesKey, getPreference, t]);
+    (0, react_1.useEffect)(() => {
+        if (redirect) {
+            history.push(redirect);
+        }
+    }, [history, redirect]);
+    if (isError) {
+        return (react_1.default.createElement(react_router_dom_1.Redirect, { to: `${admin}/not-found` }));
+    }
+    const apiURL = `${serverURL}${api}/${slug}/${id}${collection.versions.drafts ? '?draft=true' : ''}`;
+    const action = `${serverURL}${api}/${slug}${isEditing ? `/${id}` : ''}?locale=${locale}&depth=0&fallback-locale=null`;
+    const hasSavePermission = (isEditing && ((_a = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.update) === null || _a === void 0 ? void 0 : _a.permission)) || (!isEditing && ((_b = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.create) === null || _b === void 0 ? void 0 : _b.permission));
+    const isLoading = !internalState || !docPermissions || isLoadingData;
+    return (react_1.default.createElement(EditDepth_1.EditDepthContext.Provider, { value: 1 },
+        react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: CustomEdit, componentProps: {
+                id,
+                isLoading,
+                data: dataToRender,
+                collection,
+                permissions: docPermissions,
+                isEditing,
+                onSave,
+                internalState,
+                hasSavePermission,
+                apiURL,
+                action,
+                updatedAt: updatedAt || (dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt),
+            } })));
+};
+exports.default = EditView;
 //# sourceMappingURL=index.js.map