payload 0.15.6 → 0.15.9

package/dist/admin/components/Routes.js

@@ -1,179 +1,179 @@
-import React, { Suspense, lazy, useState, useEffect } from 'react';
-import { Route, Switch, withRouter, Redirect, } from 'react-router-dom';
-import { useConfig, useAuth } from '@payloadcms/config-provider';
-import List from './views/collections/List';
-import DefaultTemplate from './templates/Default';
-import { requests } from '../api';
-import Loading from './elements/Loading';
-import StayLoggedIn from './modals/StayLoggedIn';
-import Unlicensed from './views/Unlicensed';
-import Versions from './views/Versions';
-import Version from './views/Version';
-import { DocumentInfoProvider } from './utilities/DocumentInfo';
-const Dashboard = lazy(() => import('./views/Dashboard'));
-const ForgotPassword = lazy(() => import('./views/ForgotPassword'));
-const Login = lazy(() => import('./views/Login'));
-const Logout = lazy(() => import('./views/Logout'));
-const NotFound = lazy(() => import('./views/NotFound'));
-const Verify = lazy(() => import('./views/Verify'));
-const CreateFirstUser = lazy(() => import('./views/CreateFirstUser'));
-const Edit = lazy(() => import('./views/collections/Edit'));
-const EditGlobal = lazy(() => import('./views/Global'));
-const ResetPassword = lazy(() => import('./views/ResetPassword'));
-const Unauthorized = lazy(() => import('./views/Unauthorized'));
-const UnauthorizedUser = lazy(() => import('./views/UnauthorizedUser'));
-const Account = lazy(() => import('./views/Account'));
-const Routes = () => {
-    const [initialized, setInitialized] = useState(null);
-    const { user, permissions, refreshCookie } = useAuth();
-    const canAccessAdmin = permissions === null || permissions === void 0 ? void 0 : permissions.canAccessAdmin;
-    const { admin: { user: userSlug, components: { routes: customRoutes, } = {}, }, routes, collections, globals, } = useConfig();
-    useEffect(() => {
-        requests.get(`${routes.api}/${userSlug}/init`).then((res) => res.json().then((data) => {
-            if (data && 'initialized' in data) {
-                setInitialized(data.initialized);
-            }
-        }));
-    }, [routes, userSlug]);
-    return (React.createElement(Suspense, { fallback: React.createElement(Loading, null) },
-        React.createElement(Route, { path: routes.admin, render: ({ match }) => {
-                if (initialized === false) {
-                    return (React.createElement(Switch, null,
-                        React.createElement(Route, { path: `${match.url}/create-first-user` },
-                            React.createElement(CreateFirstUser, { setInitialized: setInitialized })),
-                        React.createElement(Route, null,
-                            React.createElement(Redirect, { to: `${match.url}/create-first-user` }))));
-                }
-                if (initialized === true) {
-                    if (typeof user === 'undefined' || (user && typeof canAccessAdmin === 'undefined')) {
-                        return React.createElement(Loading, null);
-                    }
-                    return (React.createElement(Switch, null,
-                        Array.isArray(customRoutes) && customRoutes.map(({ path, Component, strict, exact, sensitive }) => (React.createElement(Route, { key: `${match.url}${path}`, path: `${match.url}${path}`, strict: strict, exact: exact, sensitive: sensitive },
-                            React.createElement(Component, { user: user, canAccessAdmin: canAccessAdmin })))),
-                        React.createElement(Route, { path: `${match.url}/login` },
-                            React.createElement(Login, null)),
-                        React.createElement(Route, { path: `${match.url}/logout` },
-                            React.createElement(Logout, null)),
-                        React.createElement(Route, { path: `${match.url}/logout-inactivity` },
-                            React.createElement(Logout, { inactivity: true })),
-                        React.createElement(Route, { path: `${match.url}/forgot` },
-                            React.createElement(ForgotPassword, null)),
-                        React.createElement(Route, { path: `${match.url}/reset/:token` },
-                            React.createElement(ResetPassword, null)),
-                        React.createElement(Route, { path: `${match.url}/unlicensed-domain` },
-                            React.createElement(Unlicensed, null)),
-                        React.createElement(Route, { path: `${match.url}/unauthorized-user` },
-                            React.createElement(UnauthorizedUser, null)),
-                        collections.map((collection) => {
-                            var _a;
-                            if ((_a = collection === null || collection === void 0 ? void 0 : collection.auth) === null || _a === void 0 ? void 0 : _a.verify) {
-                                return (React.createElement(Route, { key: `${collection.slug}-verify`, path: `${match.url}/${collection.slug}/verify/:token`, exact: true },
-                                    React.createElement(Verify, { collection: collection })));
-                            }
-                            return null;
-                        }),
-                        React.createElement(Route, { render: () => {
-                                if (user) {
-                                    if (canAccessAdmin) {
-                                        return (React.createElement(DefaultTemplate, null,
-                                            React.createElement(Switch, null,
-                                                React.createElement(Route, { path: `${match.url}/`, exact: true },
-                                                    React.createElement(Dashboard, null)),
-                                                React.createElement(Route, { path: `${match.url}/account` },
-                                                    React.createElement(DocumentInfoProvider, { collection: collections.find(({ slug }) => slug === userSlug), id: user.id },
-                                                        React.createElement(Account, null))),
-                                                collections.reduce((collectionRoutes, collection) => {
-                                                    const routesToReturn = [
-                                                        ...collectionRoutes,
-                                                        React.createElement(Route, { key: `${collection.slug}-list`, path: `${match.url}/collections/${collection.slug}`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(List, { ...routeProps, collection: collection }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                        React.createElement(Route, { key: `${collection.slug}-create`, path: `${match.url}/collections/${collection.slug}/create`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.create) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(DocumentInfoProvider, { collection: collection },
-                                                                        React.createElement(Edit, { ...routeProps, collection: collection })));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                        React.createElement(Route, { key: `${collection.slug}-edit`, path: `${match.url}/collections/${collection.slug}/:id`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                const { match: { params: { id } } } = routeProps;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(DocumentInfoProvider, { collection: collection, id: id },
-                                                                        React.createElement(Edit, { isEditing: true, ...routeProps, collection: collection })));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                    ];
-                                                    if (collection.versions) {
-                                                        routesToReturn.push(React.createElement(Route, { key: `${collection.slug}-versions`, path: `${match.url}/collections/${collection.slug}/:id/versions`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Versions, { ...routeProps, collection: collection }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                        routesToReturn.push(React.createElement(Route, { key: `${collection.slug}-view-version`, path: `${match.url}/collections/${collection.slug}/:id/versions/:versionID`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Version, { ...routeProps, collection: collection }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                    }
-                                                    return routesToReturn;
-                                                }, []),
-                                                globals && globals.reduce((globalRoutes, global) => {
-                                                    const routesToReturn = [
-                                                        ...globalRoutes,
-                                                        React.createElement(Route, { key: `${global.slug}`, path: `${match.url}/globals/${global.slug}`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(DocumentInfoProvider, { global: global },
-                                                                        React.createElement(EditGlobal, { ...routeProps, global: global })));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                    ];
-                                                    if (global.versions) {
-                                                        routesToReturn.push(React.createElement(Route, { key: `${global.slug}-versions`, path: `${match.url}/globals/${global.slug}/versions`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Versions, { ...routeProps, global: global }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                        routesToReturn.push(React.createElement(Route, { key: `${global.slug}-view-version`, path: `${match.url}/globals/${global.slug}/versions/:versionID`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Version, { ...routeProps, global: global }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                    }
-                                                    return routesToReturn;
-                                                }, []),
-                                                React.createElement(Route, { path: `${match.url}*` },
-                                                    React.createElement(NotFound, null)))));
-                                    }
-                                    if (canAccessAdmin === false) {
-                                        return React.createElement(Unauthorized, null);
-                                    }
-                                    return React.createElement(Loading, null);
-                                }
-                                return React.createElement(Redirect, { to: `${match.url}/login` });
-                            } }),
-                        React.createElement(Route, { path: `${match.url}*` },
-                            React.createElement(NotFound, null))));
-                }
-                return null;
-            } }),
-        React.createElement(StayLoggedIn, { refreshCookie: refreshCookie })));
-};
-export default withRouter(Routes);
+import React, { Suspense, lazy, useState, useEffect } from 'react';
+import { Route, Switch, withRouter, Redirect, } from 'react-router-dom';
+import { useConfig, useAuth } from '@payloadcms/config-provider';
+import List from './views/collections/List';
+import DefaultTemplate from './templates/Default';
+import { requests } from '../api';
+import Loading from './elements/Loading';
+import StayLoggedIn from './modals/StayLoggedIn';
+import Unlicensed from './views/Unlicensed';
+import Versions from './views/Versions';
+import Version from './views/Version';
+import { DocumentInfoProvider } from './utilities/DocumentInfo';
+const Dashboard = lazy(() => import('./views/Dashboard'));
+const ForgotPassword = lazy(() => import('./views/ForgotPassword'));
+const Login = lazy(() => import('./views/Login'));
+const Logout = lazy(() => import('./views/Logout'));
+const NotFound = lazy(() => import('./views/NotFound'));
+const Verify = lazy(() => import('./views/Verify'));
+const CreateFirstUser = lazy(() => import('./views/CreateFirstUser'));
+const Edit = lazy(() => import('./views/collections/Edit'));
+const EditGlobal = lazy(() => import('./views/Global'));
+const ResetPassword = lazy(() => import('./views/ResetPassword'));
+const Unauthorized = lazy(() => import('./views/Unauthorized'));
+const UnauthorizedUser = lazy(() => import('./views/UnauthorizedUser'));
+const Account = lazy(() => import('./views/Account'));
+const Routes = () => {
+    const [initialized, setInitialized] = useState(null);
+    const { user, permissions, refreshCookie } = useAuth();
+    const canAccessAdmin = permissions === null || permissions === void 0 ? void 0 : permissions.canAccessAdmin;
+    const { admin: { user: userSlug, components: { routes: customRoutes, } = {}, }, routes, collections, globals, } = useConfig();
+    useEffect(() => {
+        requests.get(`${routes.api}/${userSlug}/init`).then((res) => res.json().then((data) => {
+            if (data && 'initialized' in data) {
+                setInitialized(data.initialized);
+            }
+        }));
+    }, [routes, userSlug]);
+    return (React.createElement(Suspense, { fallback: React.createElement(Loading, null) },
+        React.createElement(Route, { path: routes.admin, render: ({ match }) => {
+                if (initialized === false) {
+                    return (React.createElement(Switch, null,
+                        React.createElement(Route, { path: `${match.url}/create-first-user` },
+                            React.createElement(CreateFirstUser, { setInitialized: setInitialized })),
+                        React.createElement(Route, null,
+                            React.createElement(Redirect, { to: `${match.url}/create-first-user` }))));
+                }
+                if (initialized === true) {
+                    if (typeof user === 'undefined' || (user && typeof canAccessAdmin === 'undefined')) {
+                        return React.createElement(Loading, null);
+                    }
+                    return (React.createElement(Switch, null,
+                        Array.isArray(customRoutes) && customRoutes.map(({ path, Component, strict, exact, sensitive }) => (React.createElement(Route, { key: `${match.url}${path}`, path: `${match.url}${path}`, strict: strict, exact: exact, sensitive: sensitive },
+                            React.createElement(Component, { user: user, canAccessAdmin: canAccessAdmin })))),
+                        React.createElement(Route, { path: `${match.url}/login` },
+                            React.createElement(Login, null)),
+                        React.createElement(Route, { path: `${match.url}/logout` },
+                            React.createElement(Logout, null)),
+                        React.createElement(Route, { path: `${match.url}/logout-inactivity` },
+                            React.createElement(Logout, { inactivity: true })),
+                        React.createElement(Route, { path: `${match.url}/forgot` },
+                            React.createElement(ForgotPassword, null)),
+                        React.createElement(Route, { path: `${match.url}/reset/:token` },
+                            React.createElement(ResetPassword, null)),
+                        React.createElement(Route, { path: `${match.url}/unlicensed-domain` },
+                            React.createElement(Unlicensed, null)),
+                        React.createElement(Route, { path: `${match.url}/unauthorized-user` },
+                            React.createElement(UnauthorizedUser, null)),
+                        collections.map((collection) => {
+                            var _a;
+                            if ((_a = collection === null || collection === void 0 ? void 0 : collection.auth) === null || _a === void 0 ? void 0 : _a.verify) {
+                                return (React.createElement(Route, { key: `${collection.slug}-verify`, path: `${match.url}/${collection.slug}/verify/:token`, exact: true },
+                                    React.createElement(Verify, { collection: collection })));
+                            }
+                            return null;
+                        }),
+                        React.createElement(Route, { render: () => {
+                                if (user) {
+                                    if (canAccessAdmin) {
+                                        return (React.createElement(DefaultTemplate, null,
+                                            React.createElement(Switch, null,
+                                                React.createElement(Route, { path: `${match.url}/`, exact: true },
+                                                    React.createElement(Dashboard, null)),
+                                                React.createElement(Route, { path: `${match.url}/account` },
+                                                    React.createElement(DocumentInfoProvider, { collection: collections.find(({ slug }) => slug === userSlug), id: user.id },
+                                                        React.createElement(Account, null))),
+                                                collections.reduce((collectionRoutes, collection) => {
+                                                    const routesToReturn = [
+                                                        ...collectionRoutes,
+                                                        React.createElement(Route, { key: `${collection.slug}-list`, path: `${match.url}/collections/${collection.slug}`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(List, { ...routeProps, collection: collection }));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }),
+                                                        React.createElement(Route, { key: `${collection.slug}-create`, path: `${match.url}/collections/${collection.slug}/create`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.create) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(DocumentInfoProvider, { collection: collection },
+                                                                        React.createElement(Edit, { ...routeProps, collection: collection })));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }),
+                                                        React.createElement(Route, { key: `${collection.slug}-edit`, path: `${match.url}/collections/${collection.slug}/:id`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                const { match: { params: { id } } } = routeProps;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(DocumentInfoProvider, { collection: collection, id: id },
+                                                                        React.createElement(Edit, { isEditing: true, ...routeProps, collection: collection })));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }),
+                                                    ];
+                                                    if (collection.versions) {
+                                                        routesToReturn.push(React.createElement(Route, { key: `${collection.slug}-versions`, path: `${match.url}/collections/${collection.slug}/:id/versions`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(Versions, { ...routeProps, collection: collection }));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }));
+                                                        routesToReturn.push(React.createElement(Route, { key: `${collection.slug}-view-version`, path: `${match.url}/collections/${collection.slug}/:id/versions/:versionID`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(Version, { ...routeProps, collection: collection }));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }));
+                                                    }
+                                                    return routesToReturn;
+                                                }, []),
+                                                globals && globals.reduce((globalRoutes, global) => {
+                                                    const routesToReturn = [
+                                                        ...globalRoutes,
+                                                        React.createElement(Route, { key: `${global.slug}`, path: `${match.url}/globals/${global.slug}`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(DocumentInfoProvider, { global: global },
+                                                                        React.createElement(EditGlobal, { ...routeProps, global: global })));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }),
+                                                    ];
+                                                    if (global.versions) {
+                                                        routesToReturn.push(React.createElement(Route, { key: `${global.slug}-versions`, path: `${match.url}/globals/${global.slug}/versions`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(Versions, { ...routeProps, global: global }));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }));
+                                                        routesToReturn.push(React.createElement(Route, { key: `${global.slug}-view-version`, path: `${match.url}/globals/${global.slug}/versions/:versionID`, exact: true, render: (routeProps) => {
+                                                                var _a, _b, _c;
+                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
+                                                                    return (React.createElement(Version, { ...routeProps, global: global }));
+                                                                }
+                                                                return React.createElement(Unauthorized, null);
+                                                            } }));
+                                                    }
+                                                    return routesToReturn;
+                                                }, []),
+                                                React.createElement(Route, { path: `${match.url}*` },
+                                                    React.createElement(NotFound, null)))));
+                                    }
+                                    if (canAccessAdmin === false) {
+                                        return React.createElement(Unauthorized, null);
+                                    }
+                                    return React.createElement(Loading, null);
+                                }
+                                return React.createElement(Redirect, { to: `${match.url}/login` });
+                            } }),
+                        React.createElement(Route, { path: `${match.url}*` },
+                            React.createElement(NotFound, null))));
+                }
+                return null;
+            } }),
+        React.createElement(StayLoggedIn, { refreshCookie: refreshCookie })));
+};
+export default withRouter(Routes);

package/dist/admin/components/elements/Autosave/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Autosave: React.FC<Props>;
-export default Autosave;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Autosave: React.FC<Props>;
+export default Autosave;

package/dist/admin/components/elements/Autosave/index.js

@@ -1,116 +1,116 @@
-import { useConfig } from '@payloadcms/config-provider';
-import { formatDistance } from 'date-fns';
-import { useHistory } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useWatchForm, useFormModified } from '../../forms/Form/context';
-import { useLocale } from '../../utilities/Locale';
-import reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import useDebounce from '../../../hooks/useDebounce';
-import './index.scss';
-const baseClass = 'autosave';
-const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
-    var _a, _b, _c, _d;
-    const { serverURL, routes: { api, admin } } = useConfig();
-    const { versions, getVersions } = useDocumentInfo();
-    const { fields, dispatchFields } = useWatchForm();
-    const modified = useFormModified();
-    const locale = useLocale();
-    const { replace } = useHistory();
-    let interval = 800;
-    if ((collection === null || collection === void 0 ? void 0 : collection.versions.drafts) && ((_b = (_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) === null || _b === void 0 ? void 0 : _b.autosave))
-        interval = collection.versions.drafts.autosave.interval;
-    if ((global === null || global === void 0 ? void 0 : global.versions.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave))
-        interval = global.versions.drafts.autosave.interval;
-    const [saving, setSaving] = useState(false);
-    const [lastSaved, setLastSaved] = useState();
-    const debouncedFields = useDebounce(fields, interval);
-    const fieldRef = useRef(fields);
-    // Store fields in ref so the autosave func
-    // can always retrieve the most to date copies
-    // after the timeout has executed
-    fieldRef.current = fields;
-    const createCollectionDoc = useCallback(async () => {
-        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({}),
-        });
-        if (res.status === 201) {
-            const json = await res.json();
-            replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
-                state: {
-                    data: json.doc,
-                },
-            });
-        }
-        else {
-            toast.error('There was a problem while autosaving this document.');
-        }
-    }, [collection, serverURL, api, admin, locale, replace]);
-    useEffect(() => {
-        // If no ID, but this is used for a collection doc,
-        // Immediately save it and set lastSaved
-        if (!id && collection) {
-            createCollectionDoc();
-        }
-    }, [id, collection, createCollectionDoc]);
-    // When debounced fields change, autosave
-    useEffect(() => {
-        const autosave = async () => {
-            if (modified) {
-                setSaving(true);
-                let url;
-                let method;
-                if (collection && id) {
-                    url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true`;
-                    method = 'PUT';
-                }
-                if (global) {
-                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true`;
-                    method = 'POST';
-                }
-                if (url) {
-                    const body = {
-                        ...reduceFieldsToValues(fieldRef.current),
-                        _status: 'draft',
-                    };
-                    setTimeout(async () => {
-                        const res = await fetch(url, {
-                            method,
-                            headers: {
-                                'Content-Type': 'application/json',
-                            },
-                            body: JSON.stringify(body),
-                        });
-                        setSaving(false);
-                        if (res.status === 200) {
-                            setLastSaved(new Date().getTime());
-                            getVersions();
-                        }
-                    }, 1000);
-                }
-            }
-        };
-        autosave();
-    }, [debouncedFields, modified, serverURL, api, collection, global, id, dispatchFields, getVersions]);
-    useEffect(() => {
-        var _a;
-        if ((_a = versions === null || versions === void 0 ? void 0 : versions.docs) === null || _a === void 0 ? void 0 : _a[0]) {
-            setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
-        }
-        else if (publishedDocUpdatedAt) {
-            setLastSaved(new Date(publishedDocUpdatedAt).getTime());
-        }
-    }, [publishedDocUpdatedAt, versions]);
-    return (React.createElement("div", { className: baseClass },
-        saving && 'Saving...',
-        (!saving && lastSaved) && (React.createElement(React.Fragment, null,
-            "Last saved\u00A0",
-            formatDistance(new Date(), new Date(lastSaved)),
-            "\u00A0ago"))));
-};
-export default Autosave;
+import { useConfig } from '@payloadcms/config-provider';
+import { formatDistance } from 'date-fns';
+import { useHistory } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useWatchForm, useFormModified } from '../../forms/Form/context';
+import { useLocale } from '../../utilities/Locale';
+import reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import useDebounce from '../../../hooks/useDebounce';
+import './index.scss';
+const baseClass = 'autosave';
+const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
+    var _a, _b, _c, _d;
+    const { serverURL, routes: { api, admin } } = useConfig();
+    const { versions, getVersions } = useDocumentInfo();
+    const { fields, dispatchFields } = useWatchForm();
+    const modified = useFormModified();
+    const locale = useLocale();
+    const { replace } = useHistory();
+    let interval = 800;
+    if ((collection === null || collection === void 0 ? void 0 : collection.versions.drafts) && ((_b = (_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) === null || _b === void 0 ? void 0 : _b.autosave))
+        interval = collection.versions.drafts.autosave.interval;
+    if ((global === null || global === void 0 ? void 0 : global.versions.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave))
+        interval = global.versions.drafts.autosave.interval;
+    const [saving, setSaving] = useState(false);
+    const [lastSaved, setLastSaved] = useState();
+    const debouncedFields = useDebounce(fields, interval);
+    const fieldRef = useRef(fields);
+    // Store fields in ref so the autosave func
+    // can always retrieve the most to date copies
+    // after the timeout has executed
+    fieldRef.current = fields;
+    const createCollectionDoc = useCallback(async () => {
+        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({}),
+        });
+        if (res.status === 201) {
+            const json = await res.json();
+            replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
+                state: {
+                    data: json.doc,
+                },
+            });
+        }
+        else {
+            toast.error('There was a problem while autosaving this document.');
+        }
+    }, [collection, serverURL, api, admin, locale, replace]);
+    useEffect(() => {
+        // If no ID, but this is used for a collection doc,
+        // Immediately save it and set lastSaved
+        if (!id && collection) {
+            createCollectionDoc();
+        }
+    }, [id, collection, createCollectionDoc]);
+    // When debounced fields change, autosave
+    useEffect(() => {
+        const autosave = async () => {
+            if (modified) {
+                setSaving(true);
+                let url;
+                let method;
+                if (collection && id) {
+                    url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true`;
+                    method = 'PUT';
+                }
+                if (global) {
+                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true`;
+                    method = 'POST';
+                }
+                if (url) {
+                    const body = {
+                        ...reduceFieldsToValues(fieldRef.current),
+                        _status: 'draft',
+                    };
+                    setTimeout(async () => {
+                        const res = await fetch(url, {
+                            method,
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                            body: JSON.stringify(body),
+                        });
+                        setSaving(false);
+                        if (res.status === 200) {
+                            setLastSaved(new Date().getTime());
+                            getVersions();
+                        }
+                    }, 1000);
+                }
+            }
+        };
+        autosave();
+    }, [debouncedFields, modified, serverURL, api, collection, global, id, dispatchFields, getVersions]);
+    useEffect(() => {
+        var _a;
+        if ((_a = versions === null || versions === void 0 ? void 0 : versions.docs) === null || _a === void 0 ? void 0 : _a[0]) {
+            setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
+        }
+        else if (publishedDocUpdatedAt) {
+            setLastSaved(new Date(publishedDocUpdatedAt).getTime());
+        }
+    }, [publishedDocUpdatedAt, versions]);
+    return (React.createElement("div", { className: baseClass },
+        saving && 'Saving...',
+        (!saving && lastSaved) && (React.createElement(React.Fragment, null,
+            "Last saved\u00A0",
+            formatDistance(new Date(), new Date(lastSaved)),
+            "\u00A0ago"))));
+};
+export default Autosave;