payload 1.0.7 → 1.0.8

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

@@ -1,79 +1,79 @@
-import React from 'react';
-import format from 'date-fns/format';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import Form from '../../forms/Form';
-import PreviewButton from '../../elements/PreviewButton';
-import FormSubmit from '../../forms/Submit';
-import RenderFields from '../../forms/RenderFields';
-import CopyToClipboard from '../../elements/CopyToClipboard';
-import Meta from '../../utilities/Meta';
-import fieldTypes from '../../forms/field-types';
-import LeaveWithoutSaving from '../../modals/LeaveWithoutSaving';
-import VersionsCount from '../../elements/VersionsCount';
-import ViewDescription from '../../elements/ViewDescription';
-import Loading from '../../elements/Loading';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import SaveDraft from '../../elements/SaveDraft';
-import Publish from '../../elements/Publish';
-import Status from '../../elements/Status';
-import Autosave from '../../elements/Autosave';
-import { OperationContext } from '../../utilities/OperationProvider';
-import { Gutter } from '../../elements/Gutter';
-import './index.scss';
-const baseClass = 'global-edit';
-const DefaultGlobalView = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    const { admin: { dateFormat } } = useConfig();
-    const { publishedDoc } = useDocumentInfo();
-    const { global, data, onSave, permissions, action, apiURL, initialState, isLoading, } = props;
-    const { fields, preview, versions, label, admin: { description, hideAPIURL, } = {}, } = global;
-    const hasSavePermission = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.update) === null || _a === void 0 ? void 0 : _a.permission;
-    return (React.createElement("div", { className: baseClass },
-        isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
-            React.createElement(Form, { className: `${baseClass}__form`, method: "post", action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
-                React.createElement("div", { className: `${baseClass}__main` },
-                    React.createElement(Meta, { title: label, description: label, keywords: `${label}, Payload, CMS` }),
-                    React.createElement(Eyebrow, null),
-                    !(((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave)) && (React.createElement(LeaveWithoutSaving, null)),
-                    React.createElement(Gutter, { className: `${baseClass}__edit` },
-                        React.createElement("header", { className: `${baseClass}__header` },
-                            React.createElement("h1", null,
-                                "Edit",
-                                ' ',
-                                label),
-                            description && (React.createElement("div", { className: `${baseClass}__sub-header` },
-                                React.createElement(ViewDescription, { description: description })))),
-                        React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => (!field.admin.position || (field.admin.position && field.admin.position !== 'sidebar')), fieldTypes: fieldTypes, fieldSchema: fields }))),
-                React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
-                    React.createElement("div", { className: `${baseClass}__sidebar` },
-                        React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
-                            React.createElement("div", { className: `${baseClass}__document-actions${((((_e = global.versions) === null || _e === void 0 ? void 0 : _e.drafts) && !((_g = (_f = global.versions) === null || _f === void 0 ? void 0 : _f.drafts) === null || _g === void 0 ? void 0 : _g.autosave)) || preview) ? ` ${baseClass}__document-actions--has-2` : ''}` },
-                                (preview && (!((_h = global.versions) === null || _h === void 0 ? void 0 : _h.drafts) || ((_k = (_j = global.versions) === null || _j === void 0 ? void 0 : _j.drafts) === null || _k === void 0 ? void 0 : _k.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview, data: data })),
-                                hasSavePermission && (React.createElement(React.Fragment, null,
-                                    ((_l = global.versions) === null || _l === void 0 ? void 0 : _l.drafts) && (React.createElement(React.Fragment, null,
-                                        !global.versions.drafts.autosave && (React.createElement(SaveDraft, null)),
-                                        React.createElement(Publish, null))),
-                                    !((_m = global.versions) === null || _m === void 0 ? void 0 : _m.drafts) && (React.createElement(FormSubmit, { buttonId: "action-save" }, "Save"))))),
-                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
-                                (preview && (((_o = global.versions) === null || _o === void 0 ? void 0 : _o.drafts) && !((_q = (_p = global.versions) === null || _p === void 0 ? void 0 : _p.drafts) === null || _q === void 0 ? void 0 : _q.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview, data: data })),
-                                ((_r = global.versions) === null || _r === void 0 ? void 0 : _r.drafts) && (React.createElement(React.Fragment, null,
-                                    React.createElement(Status, null),
-                                    (global.versions.drafts.autosave && hasSavePermission) && (React.createElement(Autosave, { publishedDocUpdatedAt: (publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.updatedAt) || (data === null || data === void 0 ? void 0 : data.createdAt), global: global })))),
-                                React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => field.admin.position === 'sidebar', fieldTypes: fieldTypes, fieldSchema: fields })),
-                            React.createElement("ul", { className: `${baseClass}__meta` },
-                                versions && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "Versions"),
-                                    React.createElement(VersionsCount, { global: global }))),
-                                (data && !hideAPIURL) && (React.createElement("li", { className: `${baseClass}__api-url` },
-                                    React.createElement("span", { className: `${baseClass}__label` },
-                                        "API URL",
-                                        ' ',
-                                        React.createElement(CopyToClipboard, { value: apiURL })),
-                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
-                                data.updatedAt && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
-                                    React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))))))))))));
-};
-export default DefaultGlobalView;
+import React from 'react';
+import format from 'date-fns/format';
+import { useConfig } from '../../utilities/Config';
+import Eyebrow from '../../elements/Eyebrow';
+import Form from '../../forms/Form';
+import PreviewButton from '../../elements/PreviewButton';
+import FormSubmit from '../../forms/Submit';
+import RenderFields from '../../forms/RenderFields';
+import CopyToClipboard from '../../elements/CopyToClipboard';
+import Meta from '../../utilities/Meta';
+import fieldTypes from '../../forms/field-types';
+import LeaveWithoutSaving from '../../modals/LeaveWithoutSaving';
+import VersionsCount from '../../elements/VersionsCount';
+import ViewDescription from '../../elements/ViewDescription';
+import Loading from '../../elements/Loading';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import SaveDraft from '../../elements/SaveDraft';
+import Publish from '../../elements/Publish';
+import Status from '../../elements/Status';
+import Autosave from '../../elements/Autosave';
+import { OperationContext } from '../../utilities/OperationProvider';
+import { Gutter } from '../../elements/Gutter';
+import './index.scss';
+const baseClass = 'global-edit';
+const DefaultGlobalView = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const { admin: { dateFormat } } = useConfig();
+    const { publishedDoc } = useDocumentInfo();
+    const { global, data, onSave, permissions, action, apiURL, initialState, isLoading, } = props;
+    const { fields, preview, versions, label, admin: { description, hideAPIURL, } = {}, } = global;
+    const hasSavePermission = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.update) === null || _a === void 0 ? void 0 : _a.permission;
+    return (React.createElement("div", { className: baseClass },
+        isLoading && (React.createElement(Loading, null)),
+        !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
+            React.createElement(Form, { className: `${baseClass}__form`, method: "post", action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
+                React.createElement("div", { className: `${baseClass}__main` },
+                    React.createElement(Meta, { title: label, description: label, keywords: `${label}, Payload, CMS` }),
+                    React.createElement(Eyebrow, null),
+                    !(((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave)) && (React.createElement(LeaveWithoutSaving, null)),
+                    React.createElement(Gutter, { className: `${baseClass}__edit` },
+                        React.createElement("header", { className: `${baseClass}__header` },
+                            React.createElement("h1", null,
+                                "Edit",
+                                ' ',
+                                label),
+                            description && (React.createElement("div", { className: `${baseClass}__sub-header` },
+                                React.createElement(ViewDescription, { description: description })))),
+                        React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => (!field.admin.position || (field.admin.position && field.admin.position !== 'sidebar')), fieldTypes: fieldTypes, fieldSchema: fields }))),
+                React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
+                    React.createElement("div", { className: `${baseClass}__sidebar` },
+                        React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
+                            React.createElement("div", { className: `${baseClass}__document-actions${((((_e = global.versions) === null || _e === void 0 ? void 0 : _e.drafts) && !((_g = (_f = global.versions) === null || _f === void 0 ? void 0 : _f.drafts) === null || _g === void 0 ? void 0 : _g.autosave)) || preview) ? ` ${baseClass}__document-actions--has-2` : ''}` },
+                                (preview && (!((_h = global.versions) === null || _h === void 0 ? void 0 : _h.drafts) || ((_k = (_j = global.versions) === null || _j === void 0 ? void 0 : _j.drafts) === null || _k === void 0 ? void 0 : _k.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview, data: data })),
+                                hasSavePermission && (React.createElement(React.Fragment, null,
+                                    ((_l = global.versions) === null || _l === void 0 ? void 0 : _l.drafts) && (React.createElement(React.Fragment, null,
+                                        !global.versions.drafts.autosave && (React.createElement(SaveDraft, null)),
+                                        React.createElement(Publish, null))),
+                                    !((_m = global.versions) === null || _m === void 0 ? void 0 : _m.drafts) && (React.createElement(FormSubmit, { buttonId: "action-save" }, "Save"))))),
+                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
+                                (preview && (((_o = global.versions) === null || _o === void 0 ? void 0 : _o.drafts) && !((_q = (_p = global.versions) === null || _p === void 0 ? void 0 : _p.drafts) === null || _q === void 0 ? void 0 : _q.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview, data: data })),
+                                ((_r = global.versions) === null || _r === void 0 ? void 0 : _r.drafts) && (React.createElement(React.Fragment, null,
+                                    React.createElement(Status, null),
+                                    (global.versions.drafts.autosave && hasSavePermission) && (React.createElement(Autosave, { publishedDocUpdatedAt: (publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.updatedAt) || (data === null || data === void 0 ? void 0 : data.createdAt), global: global })))),
+                                React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => field.admin.position === 'sidebar', fieldTypes: fieldTypes, fieldSchema: fields })),
+                            React.createElement("ul", { className: `${baseClass}__meta` },
+                                versions && (React.createElement("li", null,
+                                    React.createElement("div", { className: `${baseClass}__label` }, "Versions"),
+                                    React.createElement(VersionsCount, { global: global }))),
+                                (data && !hideAPIURL) && (React.createElement("li", { className: `${baseClass}__api-url` },
+                                    React.createElement("span", { className: `${baseClass}__label` },
+                                        "API URL",
+                                        ' ',
+                                        React.createElement(CopyToClipboard, { value: apiURL })),
+                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
+                                data.updatedAt && (React.createElement("li", null,
+                                    React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
+                                    React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))))))))))));
+};
+export default DefaultGlobalView;

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

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

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

@@ -1,55 +1,55 @@
-import React, { useState, useEffect, useCallback } 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 RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import DefaultGlobal from './Default';
-import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-const GlobalView = (props) => {
-    var _a, _b;
-    const { state: locationState } = useLocation();
-    const locale = useLocale();
-    const { setStepNav } = useStepNav();
-    const { permissions, user } = useAuth();
-    const [initialState, setInitialState] = useState({});
-    const { getVersions, preferences } = useDocumentInfo();
-    const { serverURL, routes: { api, }, } = useConfig();
-    const { global } = props;
-    const { slug, label, fields, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = global;
-    const onSave = useCallback(async (json) => {
-        getVersions();
-        const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user, locale });
-        setInitialState(state);
-    }, [getVersions, fields, user, locale]);
-    const [{ data, isLoading: isLoadingDocument }] = usePayloadAPI(`${serverURL}${api}/globals/${slug}`, { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
-    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    useEffect(() => {
-        const nav = [{
-                label,
-            }];
-        setStepNav(nav);
-    }, [setStepNav, label]);
-    useEffect(() => {
-        const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: 'update', locale });
-            setInitialState(state);
-        };
-        awaitInitialState();
-    }, [dataToRender, fields, user, locale]);
-    const globalPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[slug];
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultGlobal, CustomComponent: CustomEdit, componentProps: {
-            isLoading: isLoadingDocument || !preferences,
-            data: dataToRender,
-            permissions: globalPermissions,
-            initialState,
-            global,
-            onSave,
-            apiURL: `${serverURL}${api}/globals/${slug}${((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) ? '?draft=true' : ''}`,
-            action: `${serverURL}${api}/globals/${slug}?locale=${locale}&depth=0&fallback-locale=null`,
-        } }));
-};
-export default GlobalView;
+import React, { useState, useEffect, useCallback } 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 RenderCustomComponent from '../../utilities/RenderCustomComponent';
+import DefaultGlobal from './Default';
+import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+const GlobalView = (props) => {
+    var _a, _b;
+    const { state: locationState } = useLocation();
+    const locale = useLocale();
+    const { setStepNav } = useStepNav();
+    const { permissions, user } = useAuth();
+    const [initialState, setInitialState] = useState({});
+    const { getVersions, preferences } = useDocumentInfo();
+    const { serverURL, routes: { api, }, } = useConfig();
+    const { global } = props;
+    const { slug, label, fields, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = global;
+    const onSave = useCallback(async (json) => {
+        getVersions();
+        const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user, locale });
+        setInitialState(state);
+    }, [getVersions, fields, user, locale]);
+    const [{ data, isLoading: isLoadingDocument }] = usePayloadAPI(`${serverURL}${api}/globals/${slug}`, { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
+    const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
+    useEffect(() => {
+        const nav = [{
+                label,
+            }];
+        setStepNav(nav);
+    }, [setStepNav, label]);
+    useEffect(() => {
+        const awaitInitialState = async () => {
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: 'update', locale });
+            setInitialState(state);
+        };
+        awaitInitialState();
+    }, [dataToRender, fields, user, locale]);
+    const globalPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[slug];
+    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultGlobal, CustomComponent: CustomEdit, componentProps: {
+            isLoading: isLoadingDocument || !preferences,
+            data: dataToRender,
+            permissions: globalPermissions,
+            initialState,
+            global,
+            onSave,
+            apiURL: `${serverURL}${api}/globals/${slug}${((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) ? '?draft=true' : ''}`,
+            action: `${serverURL}${api}/globals/${slug}?locale=${locale}&depth=0&fallback-locale=null`,
+        } }));
+};
+export default GlobalView;

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

@@ -1,18 +1,18 @@
-import { GlobalPermission } from '../../../../auth/types';
-import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-import { Fields } from '../../forms/Form/types';
-import { Document } from '../../../../types';
-export declare type IndexProps = {
-    global: SanitizedGlobalConfig;
-};
-export declare type Props = {
-    global: SanitizedGlobalConfig;
-    data: Document;
-    onSave: () => void;
-    permissions: GlobalPermission;
-    action: string;
-    apiURL: string;
-    initialState: Fields;
-    isLoading: boolean;
-    autosaveEnabled: boolean;
-};
+import { GlobalPermission } from '../../../../auth/types';
+import { SanitizedGlobalConfig } from '../../../../globals/config/types';
+import { Fields } from '../../forms/Form/types';
+import { Document } from '../../../../types';
+export declare type IndexProps = {
+    global: SanitizedGlobalConfig;
+};
+export declare type Props = {
+    global: SanitizedGlobalConfig;
+    data: Document;
+    onSave: () => void;
+    permissions: GlobalPermission;
+    action: string;
+    apiURL: string;
+    initialState: Fields;
+    isLoading: boolean;
+    autosaveEnabled: boolean;
+};

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

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

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

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

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

@@ -1,52 +1,52 @@
-import React from 'react';
-import { Link, useHistory } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import Logo from '../../graphics/Logo';
-import MinimalTemplate from '../../templates/Minimal';
-import Form from '../../forms/Form';
-import Email from '../../forms/field-types/Email';
-import Password from '../../forms/field-types/Password';
-import FormSubmit from '../../forms/Submit';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import './index.scss';
-const baseClass = 'login';
-const Login = () => {
-    const history = useHistory();
-    const { user, setToken } = useAuth();
-    const { admin: { user: userSlug, components: { beforeLogin, afterLogin, } = {}, }, serverURL, routes: { admin, api, }, collections, } = useConfig();
-    const collection = collections.find(({ slug }) => slug === userSlug);
-    const onSuccess = (data) => {
-        if (data.token) {
-            setToken(data.token);
-            history.push(admin);
-        }
-    };
-    if (user) {
-        return (React.createElement(MinimalTemplate, { className: baseClass },
-            React.createElement(Meta, { title: "Login", description: "Login user", keywords: "Login, Payload, CMS" }),
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement("h1", null, "Already logged in"),
-                React.createElement("p", null,
-                    "To log in with another user, you should",
-                    ' ',
-                    React.createElement(Link, { to: `${admin}/logout` }, "log out"),
-                    ' ',
-                    "first."),
-                React.createElement("br", null),
-                React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard"))));
-    }
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement(Meta, { title: "Login", description: "Login user", keywords: "Login, Payload, CMS" }),
-        React.createElement("div", { className: `${baseClass}__brand` },
-            React.createElement(Logo, null)),
-        Array.isArray(beforeLogin) && beforeLogin.map((Component, i) => React.createElement(Component, { key: i })),
-        !collection.auth.disableLocalStrategy && (React.createElement(Form, { disableSuccessStatus: true, waitForAutocomplete: true, onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/login` },
-            React.createElement(Email, { label: "Email Address", name: "email", admin: { autoComplete: 'email' }, required: true }),
-            React.createElement(Password, { label: "Password", name: "password", autoComplete: "off", required: true }),
-            React.createElement(Link, { to: `${admin}/forgot` }, "Forgot password?"),
-            React.createElement(FormSubmit, null, "Login"))),
-        Array.isArray(afterLogin) && afterLogin.map((Component, i) => React.createElement(Component, { key: i }))));
-};
-export default Login;
+import React from 'react';
+import { Link, useHistory } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import Logo from '../../graphics/Logo';
+import MinimalTemplate from '../../templates/Minimal';
+import Form from '../../forms/Form';
+import Email from '../../forms/field-types/Email';
+import Password from '../../forms/field-types/Password';
+import FormSubmit from '../../forms/Submit';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+const baseClass = 'login';
+const Login = () => {
+    const history = useHistory();
+    const { user, setToken } = useAuth();
+    const { admin: { user: userSlug, components: { beforeLogin, afterLogin, } = {}, }, serverURL, routes: { admin, api, }, collections, } = useConfig();
+    const collection = collections.find(({ slug }) => slug === userSlug);
+    const onSuccess = (data) => {
+        if (data.token) {
+            setToken(data.token);
+            history.push(admin);
+        }
+    };
+    if (user) {
+        return (React.createElement(MinimalTemplate, { className: baseClass },
+            React.createElement(Meta, { title: "Login", description: "Login user", keywords: "Login, Payload, CMS" }),
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement("h1", null, "Already logged in"),
+                React.createElement("p", null,
+                    "To log in with another user, you should",
+                    ' ',
+                    React.createElement(Link, { to: `${admin}/logout` }, "log out"),
+                    ' ',
+                    "first."),
+                React.createElement("br", null),
+                React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard"))));
+    }
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement(Meta, { title: "Login", description: "Login user", keywords: "Login, Payload, CMS" }),
+        React.createElement("div", { className: `${baseClass}__brand` },
+            React.createElement(Logo, null)),
+        Array.isArray(beforeLogin) && beforeLogin.map((Component, i) => React.createElement(Component, { key: i })),
+        !collection.auth.disableLocalStrategy && (React.createElement(Form, { disableSuccessStatus: true, waitForAutocomplete: true, onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/login` },
+            React.createElement(Email, { label: "Email Address", name: "email", admin: { autoComplete: 'email' }, required: true }),
+            React.createElement(Password, { label: "Password", name: "password", autoComplete: "off", required: true }),
+            React.createElement(Link, { to: `${admin}/forgot` }, "Forgot password?"),
+            React.createElement(FormSubmit, null, "Login"))),
+        Array.isArray(afterLogin) && afterLogin.map((Component, i) => React.createElement(Component, { key: i }))));
+};
+export default Login;

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import './index.scss';
-declare const Logout: React.FC<{
-    inactivity?: boolean;
-}>;
-export default Logout;
+import React from 'react';
+import './index.scss';
+declare const Logout: React.FC<{
+    inactivity?: boolean;
+}>;
+export default Logout;

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

@@ -1,24 +1,24 @@
-import React, { useEffect } from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import Minimal from '../../templates/Minimal';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import './index.scss';
-const baseClass = 'logout';
-const Logout = (props) => {
-    const { inactivity } = props;
-    const { logOut } = useAuth();
-    const { routes: { admin } } = useConfig();
-    useEffect(() => {
-        logOut();
-    }, [logOut]);
-    return (React.createElement(Minimal, { className: baseClass },
-        React.createElement(Meta, { title: "Logout", description: "Logout user", keywords: "Logout, Payload, CMS" }),
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            inactivity && (React.createElement("h2", null, "You have been logged out due to inactivity.")),
-            !inactivity && (React.createElement("h2", null, "You have been logged out successfully.")),
-            React.createElement("br", null),
-            React.createElement(Button, { el: "anchor", buttonStyle: "secondary", url: `${admin}/login` }, "Log back in"))));
-};
-export default Logout;
+import React, { useEffect } from 'react';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import Minimal from '../../templates/Minimal';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+const baseClass = 'logout';
+const Logout = (props) => {
+    const { inactivity } = props;
+    const { logOut } = useAuth();
+    const { routes: { admin } } = useConfig();
+    useEffect(() => {
+        logOut();
+    }, [logOut]);
+    return (React.createElement(Minimal, { className: baseClass },
+        React.createElement(Meta, { title: "Logout", description: "Logout user", keywords: "Logout, Payload, CMS" }),
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            inactivity && (React.createElement("h2", null, "You have been logged out due to inactivity.")),
+            !inactivity && (React.createElement("h2", null, "You have been logged out successfully.")),
+            React.createElement("br", null),
+            React.createElement(Button, { el: "anchor", buttonStyle: "secondary", url: `${admin}/login` }, "Log back in"))));
+};
+export default Logout;

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

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

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

@@ -1,25 +1,25 @@
-import React, { useEffect } from 'react';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import { useStepNav } from '../../elements/StepNav';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import { Gutter } from '../../elements/Gutter';
-const baseClass = 'not-found';
-const NotFound = () => {
-    const { setStepNav } = useStepNav();
-    const { routes: { admin } } = useConfig();
-    useEffect(() => {
-        setStepNav([{
-                label: 'Not Found',
-            }]);
-    }, [setStepNav]);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Meta, { title: "Not Found", description: "Page not found", keywords: "404, Not found, Payload, CMS" }),
-        React.createElement(Eyebrow, null),
-        React.createElement(Gutter, { className: `${baseClass}__wrap` },
-            React.createElement("h1", null, "Nothing found"),
-            React.createElement("p", null, "Sorry\u2014there is nothing to correspond with your request."),
-            React.createElement(Button, { el: "link", to: `${admin}` }, "Back to Dashboard"))));
-};
-export default NotFound;
+import React, { useEffect } from 'react';
+import { useConfig } from '../../utilities/Config';
+import Eyebrow from '../../elements/Eyebrow';
+import { useStepNav } from '../../elements/StepNav';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import { Gutter } from '../../elements/Gutter';
+const baseClass = 'not-found';
+const NotFound = () => {
+    const { setStepNav } = useStepNav();
+    const { routes: { admin } } = useConfig();
+    useEffect(() => {
+        setStepNav([{
+                label: 'Not Found',
+            }]);
+    }, [setStepNav]);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement(Meta, { title: "Not Found", description: "Page not found", keywords: "404, Not found, Payload, CMS" }),
+        React.createElement(Eyebrow, null),
+        React.createElement(Gutter, { className: `${baseClass}__wrap` },
+            React.createElement("h1", null, "Nothing found"),
+            React.createElement("p", null, "Sorry\u2014there is nothing to correspond with your request."),
+            React.createElement(Button, { el: "link", to: `${admin}` }, "Back to Dashboard"))));
+};
+export default NotFound;

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

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