payload 1.0.28 → 1.0.29

package/dist/admin/components/views/Account/index.js

@@ -1,60 +1,60 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import { useStepNav } from '../../elements/StepNav';
-import usePayloadAPI from '../../../hooks/usePayloadAPI';
-import { useLocale } from '../../utilities/Locale';
-import DefaultAccount from './Default';
-import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import { usePreferences } from '../../utilities/Preferences';
-const AccountView = () => {
-    var _a, _b;
-    const { state: locationState } = useLocation();
-    const locale = useLocale();
-    const { setStepNav } = useStepNav();
-    const { user, permissions } = useAuth();
-    const [initialState, setInitialState] = useState();
-    const { id, preferencesKey } = useDocumentInfo();
-    const { getPreference } = usePreferences();
-    const { serverURL, routes: { api }, collections, admin: { user: adminUser, components: { views: { Account: CustomAccount, } = {
-        Account: undefined,
-    }, } = {}, } = {
-        user: 'users',
-    }, } = useConfig();
-    const collection = collections.find((coll) => coll.slug === user.collection);
-    const { fields } = collection;
-    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[adminUser];
-    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${collection === null || collection === void 0 ? void 0 : collection.slug}/${user === null || user === void 0 ? void 0 : user.id}?depth=0`, { initialParams: { 'fallback-locale': 'null' } });
-    const hasSavePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission;
-    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    const apiURL = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}`;
-    const action = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}?locale=${locale}&depth=0`;
-    useEffect(() => {
-        const nav = [{
-                label: 'Account',
-            }];
-        setStepNav(nav);
-    }, [setStepNav]);
-    useEffect(() => {
-        const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user, locale });
-            await getPreference(preferencesKey);
-            setInitialState(state);
-        };
-        awaitInitialState();
-    }, [dataToRender, fields, id, user, locale, preferencesKey, getPreference]);
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultAccount, CustomComponent: CustomAccount, componentProps: {
-            action,
-            data,
-            collection,
-            permissions: collectionPermissions,
-            hasSavePermission,
-            initialState,
-            apiURL,
-            isLoading: !initialState,
-        } }));
-};
-export default AccountView;
+import React, { useState, useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import { useStepNav } from '../../elements/StepNav';
+import usePayloadAPI from '../../../hooks/usePayloadAPI';
+import { useLocale } from '../../utilities/Locale';
+import DefaultAccount from './Default';
+import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
+import RenderCustomComponent from '../../utilities/RenderCustomComponent';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import { usePreferences } from '../../utilities/Preferences';
+const AccountView = () => {
+    var _a, _b;
+    const { state: locationState } = useLocation();
+    const locale = useLocale();
+    const { setStepNav } = useStepNav();
+    const { user, permissions } = useAuth();
+    const [initialState, setInitialState] = useState();
+    const { id, preferencesKey } = useDocumentInfo();
+    const { getPreference } = usePreferences();
+    const { serverURL, routes: { api }, collections, admin: { user: adminUser, components: { views: { Account: CustomAccount, } = {
+        Account: undefined,
+    }, } = {}, } = {
+        user: 'users',
+    }, } = useConfig();
+    const collection = collections.find((coll) => coll.slug === user.collection);
+    const { fields } = collection;
+    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[adminUser];
+    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${collection === null || collection === void 0 ? void 0 : collection.slug}/${user === null || user === void 0 ? void 0 : user.id}?depth=0`, { initialParams: { 'fallback-locale': 'null' } });
+    const hasSavePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission;
+    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
+    const apiURL = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}`;
+    const action = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}?locale=${locale}&depth=0`;
+    useEffect(() => {
+        const nav = [{
+                label: 'Account',
+            }];
+        setStepNav(nav);
+    }, [setStepNav]);
+    useEffect(() => {
+        const awaitInitialState = async () => {
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user, locale });
+            await getPreference(preferencesKey);
+            setInitialState(state);
+        };
+        awaitInitialState();
+    }, [dataToRender, fields, id, user, locale, preferencesKey, getPreference]);
+    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultAccount, CustomComponent: CustomAccount, componentProps: {
+            action,
+            data,
+            collection,
+            permissions: collectionPermissions,
+            hasSavePermission,
+            initialState,
+            apiURL,
+            isLoading: !initialState,
+        } }));
+};
+export default AccountView;

package/dist/admin/components/views/Account/types.d.ts

@@ -1,13 +1,13 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { Fields, Data } from '../../forms/Form/types';
-import { CollectionPermission } from '../../../../auth/types';
-export declare type Props = {
-    hasSavePermission: boolean;
-    apiURL: string;
-    collection: SanitizedCollectionConfig;
-    data: Data;
-    permissions: CollectionPermission;
-    initialState: Fields;
-    isLoading: boolean;
-    action: string;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { Fields, Data } from '../../forms/Form/types';
+import { CollectionPermission } from '../../../../auth/types';
+export declare type Props = {
+    hasSavePermission: boolean;
+    apiURL: string;
+    collection: SanitizedCollectionConfig;
+    data: Data;
+    permissions: CollectionPermission;
+    initialState: Fields;
+    isLoading: boolean;
+    action: string;
+};

package/dist/admin/components/views/Account/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/views/CreateFirstUser/index.d.ts

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

package/dist/admin/components/views/CreateFirstUser/index.js

@@ -1,53 +1,53 @@
-import React from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import MinimalTemplate from '../../templates/Minimal';
-import Meta from '../../utilities/Meta';
-import Form from '../../forms/Form';
-import RenderFields from '../../forms/RenderFields';
-import fieldTypes from '../../forms/field-types';
-import FormSubmit from '../../forms/Submit';
-import './index.scss';
-const baseClass = 'create-first-user';
-const CreateFirstUser = (props) => {
-    const { setInitialized } = props;
-    const { setToken } = useAuth();
-    const { admin: { user: userSlug }, collections, serverURL, routes: { admin, api }, } = useConfig();
-    const userConfig = collections.find((collection) => collection.slug === userSlug);
-    const onSuccess = (json) => {
-        var _a;
-        if ((_a = json === null || json === void 0 ? void 0 : json.user) === null || _a === void 0 ? void 0 : _a.token) {
-            setToken(json.user.token);
-        }
-        setInitialized(true);
-    };
-    const fields = [
-        {
-            name: 'email',
-            label: 'Email Address',
-            type: 'email',
-            required: true,
-        }, {
-            name: 'password',
-            label: 'Password',
-            type: 'password',
-            required: true,
-        }, {
-            name: 'confirm-password',
-            label: 'Confirm Password',
-            type: 'confirmPassword',
-            required: true,
-        },
-    ];
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement("h1", null, "Welcome"),
-        React.createElement("p", null, "To begin, create your first user."),
-        React.createElement(Meta, { title: "Create First User", description: "Create first user", keywords: "Create, Payload, CMS" }),
-        React.createElement(Form, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register`, validationOperation: "create" },
-            React.createElement(RenderFields, { fieldSchema: [
-                    ...fields,
-                    ...userConfig.fields,
-                ], fieldTypes: fieldTypes }),
-            React.createElement(FormSubmit, null, "Create"))));
-};
-export default CreateFirstUser;
+import React from 'react';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import MinimalTemplate from '../../templates/Minimal';
+import Meta from '../../utilities/Meta';
+import Form from '../../forms/Form';
+import RenderFields from '../../forms/RenderFields';
+import fieldTypes from '../../forms/field-types';
+import FormSubmit from '../../forms/Submit';
+import './index.scss';
+const baseClass = 'create-first-user';
+const CreateFirstUser = (props) => {
+    const { setInitialized } = props;
+    const { setToken } = useAuth();
+    const { admin: { user: userSlug }, collections, serverURL, routes: { admin, api }, } = useConfig();
+    const userConfig = collections.find((collection) => collection.slug === userSlug);
+    const onSuccess = (json) => {
+        var _a;
+        if ((_a = json === null || json === void 0 ? void 0 : json.user) === null || _a === void 0 ? void 0 : _a.token) {
+            setToken(json.user.token);
+        }
+        setInitialized(true);
+    };
+    const fields = [
+        {
+            name: 'email',
+            label: 'Email Address',
+            type: 'email',
+            required: true,
+        }, {
+            name: 'password',
+            label: 'Password',
+            type: 'password',
+            required: true,
+        }, {
+            name: 'confirm-password',
+            label: 'Confirm Password',
+            type: 'confirmPassword',
+            required: true,
+        },
+    ];
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement("h1", null, "Welcome"),
+        React.createElement("p", null, "To begin, create your first user."),
+        React.createElement(Meta, { title: "Create First User", description: "Create first user", keywords: "Create, Payload, CMS" }),
+        React.createElement(Form, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register`, validationOperation: "create" },
+            React.createElement(RenderFields, { fieldSchema: [
+                    ...fields,
+                    ...userConfig.fields,
+                ], fieldTypes: fieldTypes }),
+            React.createElement(FormSubmit, null, "Create"))));
+};
+export default CreateFirstUser;

package/dist/admin/components/views/CreateFirstUser/types.d.ts

@@ -1,3 +1,3 @@
-export declare type Props = {
-    setInitialized: (initialized: boolean) => void;
-};
+export declare type Props = {
+    setInitialized: (initialized: boolean) => void;
+};

package/dist/admin/components/views/CreateFirstUser/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/views/Dashboard/Default.d.ts

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

package/dist/admin/components/views/Dashboard/Default.js

@@ -1,31 +1,31 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import Card from '../../elements/Card';
-import Button from '../../elements/Button';
-import { Gutter } from '../../elements/Gutter';
-import './index.scss';
-const baseClass = 'dashboard';
-const Dashboard = (props) => {
-    const { collections, globals, permissions, } = props;
-    const { push } = useHistory();
-    const { routes: { admin, }, admin: { components: { afterDashboard, beforeDashboard, }, }, } = useConfig();
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Eyebrow, null),
-        React.createElement(Gutter, { className: `${baseClass}__wrap` },
-            Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i) => React.createElement(Component, { key: i })),
-            React.createElement("h2", { className: `${baseClass}__label` }, "Collections"),
-            React.createElement("ul", { className: `${baseClass}__card-list` }, collections.map((collection) => {
-                var _a, _b, _c;
-                const hasCreatePermission = (_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("li", { key: collection.slug },
-                    React.createElement(Card, { title: collection.labels.plural, id: `card-${collection.slug}`, onClick: () => push({ pathname: `${admin}/collections/${collection.slug}` }), actions: hasCreatePermission ? (React.createElement(Button, { el: "link", to: `${admin}/collections/${collection.slug}/create`, icon: "plus", round: true, buttonStyle: "icon-label", iconStyle: "with-border" })) : undefined })));
-            })),
-            (globals.length > 0) && (React.createElement(React.Fragment, null,
-                React.createElement("h2", { className: `${baseClass}__label` }, "Globals"),
-                React.createElement("ul", { className: `${baseClass}__card-list` }, globals.map((global) => (React.createElement("li", { key: global.slug },
-                    React.createElement(Card, { title: global.label, onClick: () => push({ pathname: `${admin}/globals/${global.slug}` }) }))))))),
-            Array.isArray(afterDashboard) && afterDashboard.map((Component, i) => React.createElement(Component, { key: i })))));
-};
-export default Dashboard;
+import React from 'react';
+import { useHistory } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import Eyebrow from '../../elements/Eyebrow';
+import Card from '../../elements/Card';
+import Button from '../../elements/Button';
+import { Gutter } from '../../elements/Gutter';
+import './index.scss';
+const baseClass = 'dashboard';
+const Dashboard = (props) => {
+    const { collections, globals, permissions, } = props;
+    const { push } = useHistory();
+    const { routes: { admin, }, admin: { components: { afterDashboard, beforeDashboard, }, }, } = useConfig();
+    return (React.createElement("div", { className: baseClass },
+        React.createElement(Eyebrow, null),
+        React.createElement(Gutter, { className: `${baseClass}__wrap` },
+            Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i) => React.createElement(Component, { key: i })),
+            React.createElement("h2", { className: `${baseClass}__label` }, "Collections"),
+            React.createElement("ul", { className: `${baseClass}__card-list` }, collections.map((collection) => {
+                var _a, _b, _c;
+                const hasCreatePermission = (_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("li", { key: collection.slug },
+                    React.createElement(Card, { title: collection.labels.plural, id: `card-${collection.slug}`, onClick: () => push({ pathname: `${admin}/collections/${collection.slug}` }), actions: hasCreatePermission ? (React.createElement(Button, { el: "link", to: `${admin}/collections/${collection.slug}/create`, icon: "plus", round: true, buttonStyle: "icon-label", iconStyle: "with-border" })) : undefined })));
+            })),
+            (globals.length > 0) && (React.createElement(React.Fragment, null,
+                React.createElement("h2", { className: `${baseClass}__label` }, "Globals"),
+                React.createElement("ul", { className: `${baseClass}__card-list` }, globals.map((global) => (React.createElement("li", { key: global.slug },
+                    React.createElement(Card, { title: global.label, onClick: () => push({ pathname: `${admin}/globals/${global.slug}` }) }))))))),
+            Array.isArray(afterDashboard) && afterDashboard.map((Component, i) => React.createElement(Component, { key: i })))));
+};
+export default Dashboard;

package/dist/admin/components/views/Dashboard/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Dashboard: React.FC;
-export default Dashboard;
+import React from 'react';
+declare const Dashboard: React.FC;
+export default Dashboard;

package/dist/admin/components/views/Dashboard/index.js

@@ -1,26 +1,26 @@
-import React, { useState, useEffect } from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import { useStepNav } from '../../elements/StepNav';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import DefaultDashboard from './Default';
-const Dashboard = () => {
-    const { permissions } = useAuth();
-    const { setStepNav } = useStepNav();
-    const [filteredGlobals, setFilteredGlobals] = useState([]);
-    const { collections, globals, admin: { components: { views: { Dashboard: CustomDashboard, } = {
-        Dashboard: undefined,
-    }, } = {}, } = {}, } = useConfig();
-    useEffect(() => {
-        setFilteredGlobals(globals.filter((global) => { var _a, _b, _c; return (_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; }));
-    }, [permissions, globals]);
-    useEffect(() => {
-        setStepNav([]);
-    }, [setStepNav]);
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultDashboard, CustomComponent: CustomDashboard, componentProps: {
-            globals: filteredGlobals,
-            collections: collections.filter((collection) => { var _a, _b, _c; return (_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; }),
-            permissions,
-        } }));
-};
-export default Dashboard;
+import React, { useState, useEffect } from 'react';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import { useStepNav } from '../../elements/StepNav';
+import RenderCustomComponent from '../../utilities/RenderCustomComponent';
+import DefaultDashboard from './Default';
+const Dashboard = () => {
+    const { permissions } = useAuth();
+    const { setStepNav } = useStepNav();
+    const [filteredGlobals, setFilteredGlobals] = useState([]);
+    const { collections, globals, admin: { components: { views: { Dashboard: CustomDashboard, } = {
+        Dashboard: undefined,
+    }, } = {}, } = {}, } = useConfig();
+    useEffect(() => {
+        setFilteredGlobals(globals.filter((global) => { var _a, _b, _c; return (_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; }));
+    }, [permissions, globals]);
+    useEffect(() => {
+        setStepNav([]);
+    }, [setStepNav]);
+    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultDashboard, CustomComponent: CustomDashboard, componentProps: {
+            globals: filteredGlobals,
+            collections: collections.filter((collection) => { var _a, _b, _c; return (_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; }),
+            permissions,
+        } }));
+};
+export default Dashboard;

package/dist/admin/components/views/Dashboard/types.d.ts

@@ -1,8 +1,8 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-import { Permissions } from '../../../../auth/types';
-export declare type Props = {
-    collections: SanitizedCollectionConfig[];
-    globals: SanitizedGlobalConfig[];
-    permissions: Permissions;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { SanitizedGlobalConfig } from '../../../../globals/config/types';
+import { Permissions } from '../../../../auth/types';
+export declare type Props = {
+    collections: SanitizedCollectionConfig[];
+    globals: SanitizedGlobalConfig[];
+    permissions: Permissions;
+};

package/dist/admin/components/views/Dashboard/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/views/ForgotPassword/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import './index.scss';
-declare const ForgotPassword: React.FC;
-export default ForgotPassword;
+import React from 'react';
+import './index.scss';
+declare const ForgotPassword: React.FC;
+export default ForgotPassword;

package/dist/admin/components/views/ForgotPassword/index.js

@@ -1,52 +1,52 @@
-import React, { useState } from 'react';
-import { Link } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import MinimalTemplate from '../../templates/Minimal';
-import Form from '../../forms/Form';
-import Email from '../../forms/field-types/Email';
-import FormSubmit from '../../forms/Submit';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import './index.scss';
-const baseClass = 'forgot-password';
-const ForgotPassword = () => {
-    const [hasSubmitted, setHasSubmitted] = useState(false);
-    const { user } = useAuth();
-    const { admin: { user: userSlug }, serverURL, routes: { admin, api, }, } = useConfig();
-    const handleResponse = (res) => {
-        res.json()
-            .then(() => {
-            setHasSubmitted(true);
-        }, () => {
-            toast.error('The email provided is not valid.');
-        });
-    };
-    if (user) {
-        return (React.createElement(MinimalTemplate, { className: baseClass },
-            React.createElement(Meta, { title: "Forgot Password", description: "Forgot password", keywords: "Forgot, Password, Payload, CMS" }),
-            React.createElement("h1", null, "You're already logged in"),
-            React.createElement("p", null,
-                "To change your password, go to your",
-                ' ',
-                React.createElement(Link, { to: `${admin}/account` }, "account"),
-                ' ',
-                "and edit your password there."),
-            React.createElement("br", null),
-            React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard")));
-    }
-    if (hasSubmitted) {
-        return (React.createElement(MinimalTemplate, { className: baseClass },
-            React.createElement("h1", null, "Email sent"),
-            React.createElement("p", null, "Check your email for a link that will allow you to securely reset your password.")));
-    }
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement(Form, { handleResponse: handleResponse, method: "post", action: `${serverURL}${api}/${userSlug}/forgot-password` },
-            React.createElement("h1", null, "Forgot Password"),
-            React.createElement("p", null, "Please enter your email below. You will receive an email message with instructions on how to reset your password."),
-            React.createElement(Email, { label: "Email Address", name: "email", admin: { autoComplete: 'email' }, required: true }),
-            React.createElement(FormSubmit, null, "Submit")),
-        React.createElement(Link, { to: `${admin}/login` }, "Back to login")));
-};
-export default ForgotPassword;
+import React, { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import MinimalTemplate from '../../templates/Minimal';
+import Form from '../../forms/Form';
+import Email from '../../forms/field-types/Email';
+import FormSubmit from '../../forms/Submit';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+const baseClass = 'forgot-password';
+const ForgotPassword = () => {
+    const [hasSubmitted, setHasSubmitted] = useState(false);
+    const { user } = useAuth();
+    const { admin: { user: userSlug }, serverURL, routes: { admin, api, }, } = useConfig();
+    const handleResponse = (res) => {
+        res.json()
+            .then(() => {
+            setHasSubmitted(true);
+        }, () => {
+            toast.error('The email provided is not valid.');
+        });
+    };
+    if (user) {
+        return (React.createElement(MinimalTemplate, { className: baseClass },
+            React.createElement(Meta, { title: "Forgot Password", description: "Forgot password", keywords: "Forgot, Password, Payload, CMS" }),
+            React.createElement("h1", null, "You're already logged in"),
+            React.createElement("p", null,
+                "To change your password, go to your",
+                ' ',
+                React.createElement(Link, { to: `${admin}/account` }, "account"),
+                ' ',
+                "and edit your password there."),
+            React.createElement("br", null),
+            React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard")));
+    }
+    if (hasSubmitted) {
+        return (React.createElement(MinimalTemplate, { className: baseClass },
+            React.createElement("h1", null, "Email sent"),
+            React.createElement("p", null, "Check your email for a link that will allow you to securely reset your password.")));
+    }
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement(Form, { handleResponse: handleResponse, method: "post", action: `${serverURL}${api}/${userSlug}/forgot-password` },
+            React.createElement("h1", null, "Forgot Password"),
+            React.createElement("p", null, "Please enter your email below. You will receive an email message with instructions on how to reset your password."),
+            React.createElement(Email, { label: "Email Address", name: "email", admin: { autoComplete: 'email' }, required: true }),
+            React.createElement(FormSubmit, null, "Submit")),
+        React.createElement(Link, { to: `${admin}/login` }, "Back to login")));
+};
+export default ForgotPassword;

package/dist/admin/components/views/Global/Default.d.ts

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