payload 0.16.4 → 0.17.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [0.17.0](https://github.com/payloadcms/payload/compare/v0.16.4...v0.17.0) (2022-05-16)
+
+
+### Bug Fixes
+
+* apply field condition to custom components ([#560](https://github.com/payloadcms/payload/issues/560)) ([1dfe2b8](https://github.com/payloadcms/payload/commit/1dfe2b892947411ff5295f5818befe28c4972915))
+* prevent changing order of readOnly arrays ([#563](https://github.com/payloadcms/payload/issues/563)) ([16b7edb](https://github.com/payloadcms/payload/commit/16b7edbc9782dcfb3bef77f1ff312e041d66922c))
+
 ## [0.16.4](https://github.com/payloadcms/payload/compare/v0.16.3...v0.16.4) (2022-05-06)
 
 

package/README.md

@@ -1,5 +1,5 @@
 <h1 align="center">Payload</h1>
-<p align="center">A self-hosted, TypeScript / JavaScript headless CMS & application framework built with Express, MongoDB and React.</p>
+<p align="center">A free and open-source TypeScript headless CMS & application framework built with Express, MongoDB and React.</p>
 <p align="center">
   <a href="https://github.com/payloadcms/payload/actions">
     <img src="https://github.com/payloadcms/payload/workflows/build/badge.svg" />
@@ -21,25 +21,15 @@
   <img src="https://payloadcms.com/images/og-image.jpg" alt="Payload headless CMS Admin panel built with React" />
 </a>
 
-### Quick Start
-
-```
-npx create-payload-app
-```
-
-Alternatively, it only takes about five minutes to [create an app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
-
-### Documentation
-
-Check out the [Payload website](https://payloadcms.com/docs/getting-started/what-is-payload) to find in-depth documentation for everything that Payload offers.
-
 ### Features
 
+- Completely free and open-source
 - [GraphQL](https://payloadcms.com/docs/graphql/overview), [REST](https://payloadcms.com/docs/rest-api/overview), and [Local](https://payloadcms.com/docs/local-api/overview) APIs
 - [Easily customizable ReactJS Admin](https://payloadcms.com/docs/admin/overview)
 - [Fully self-hosted](https://payloadcms.com/docs/production/deployment)
 - [Extensible Authentication](https://payloadcms.com/docs/authentication/overview)
 - [Local file storage & upload](https://payloadcms.com/docs/upload/overview)
+- [Version History and Drafts](https://payloadcms.com/docs/versions/overview)
 - [Field-based Localization](https://payloadcms.com/docs/configuration/localization)
 - [Block-based Layout Builder](https://payloadcms.com/docs/fields/blocks)
 - [Extensible SlateJS rich text editor](https://payloadcms.com/docs/fields/rich-text)
@@ -53,18 +43,14 @@ Check out the [Payload website](https://payloadcms.com/docs/getting-started/what
 
 ### Code-first
 
-If you know JavaScript, you know Payload. Payload is a _code-first_ CMS, which allows us to do a lot of things right:
+Payload is a CMS that has been designed for developers from the ground up to deliver them what they need to build great digital products. If you know JavaScript, you know Payload. It's a _code-first_ CMS, which allows us to do a lot of things right:
 
 - Payload gives you everything you need, but then steps back and lets you build what you want in JavaScript or TypeScript - with no unnecessary complexity brought by GUIs. You'll understand how your CMS works, because you will have written it exactly how you want it.
 - Bring your own Express server and do whatever you need on top of Payload. Payload doesn't impose anything on you or your app.
 - Completely control the Admin panel by using your own React components. Swap out fields or even entire views with ease.
 - Use your data however and wherever you need thanks to auto-generated, yet fully extensible REST, GraphQL and Local Node APIs.
 
-### Free forever for personal use and small projects
-
-Payload is 100% free for personal projects or small use cases where only one admin user is required. You can also get started without an account whatsoever while running on `localhost`.
-
-## Installation
+### Quick Start
 
 Before beginning to work with Payload, make sure you have all of the [required software](https://payloadcms.com/docs/getting-started/installation).
 
@@ -74,8 +60,18 @@ From there, the easiest way to get started with Payload is to use the `create-pa
 npx create-payload-app
 ```
 
-Alternatively, it only takes about five minutes to [write out your own app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
+Alternatively, it only takes about five minutes to [create an app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
+
+### Documentation
+
+Check out the [Payload website](https://payloadcms.com/docs/getting-started/what-is-payload) to find in-depth documentation for everything that Payload offers.
+
+### Other Resources
+
+##### Discussions
+
+There are lots of good conversations and resources in our [GitHub Discussions board](https://github.com/payloadcms/payload/discussions). If you're struggling with something, chances are, someone's already solved what you're up against. Searching Discussions will often provide very helpful tips and tricks.
 
-## License
+##### Discord
 
-Find the Payload license [here](https://github.com/payloadcms/payload/blob/master/license.md).
+Join [Payload's Discord channel](https://discord.com/invite/r6sCXqVk3v) to interact with Payload developers in realtime.

package/components/utilities.ts

@@ -1,2 +1,5 @@
 export { default as Meta } from '../dist/admin/components/utilities/Meta';
 export { useLocale } from '../dist/admin/components/utilities/Locale';
+export { useDocumentInfo } from '../dist/admin/components/utilities/DocumentInfo';
+export { useConfig } from '../dist/admin/components/utilities/Config';
+export { useAuth } from '../dist/admin/components/utilities/Auth';

package/dist/admin/components/Routes.js

@@ -1,12 +1,12 @@
 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 { useAuth } from './utilities/Auth';
+import { useConfig } from './utilities/Config';
 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';
@@ -21,7 +21,6 @@ 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);
@@ -61,10 +60,6 @@ const Routes = () => {
                             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) {

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

@@ -1,8 +1,8 @@
-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 { useConfig } from '../../utilities/Config';
 import { useWatchForm, useFormModified } from '../../forms/Form/context';
 import { useLocale } from '../../utilities/Locale';
 import reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues';

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

@@ -2,7 +2,7 @@ import React, { useState, useCallback } from 'react';
 import { toast } from 'react-toastify';
 import { useHistory } from 'react-router-dom';
 import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import Button from '../Button';
 import MinimalTemplate from '../../templates/Minimal';
 import { useForm } from '../../forms/Form/context';

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

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { useHistory } from 'react-router-dom';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import Button from '../Button';
 import { useForm } from '../../forms/Form/context';
 import './index.scss';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../utilities/Config';
 import CopyToClipboard from '../../CopyToClipboard';
 import formatFilesize from '../../../../../uploads/formatFilesize';
 import './index.scss';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import qs from 'qs';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import { useLocale } from '../../utilities/Locale';
 import { useSearchParams } from '../../utilities/SearchParams';
 import Popup from '../Popup';

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

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { NavLink, Link, useHistory } from 'react-router-dom';
-import { useConfig, useAuth } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
 import RenderCustomComponent from '../../utilities/RenderCustomComponent';
 import Chevron from '../../icons/Chevron';
 import LogOut from '../../icons/LogOut';

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../utilities/Auth';
 import Button from '../Button';
 import { useLocale } from '../../utilities/Locale';
 import './index.scss';

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

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import FormSubmit from '../../forms/Submit';
 import { useForm, useFormModified } from '../../forms/Form/context';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from 'react';
-import { useConfig } from '@payloadcms/config-provider';
 import { toast } from 'react-toastify';
 import { Modal, useModal } from '@faceless-ui/modal';
+import { useConfig } from '../../utilities/Config';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';
 import Button from '../Button';
 import { MinimalTemplate } from '../..';

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

@@ -1,5 +1,5 @@
-import { useConfig } from '@payloadcms/config-provider';
 import React from 'react';
+import { useConfig } from '../../utilities/Config';
 import Button from '../Button';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';
 import { shouldIncrementVersionCount } from '../../../../versions/shouldIncrementVersionCount';

package/dist/admin/components/elements/WhereBuilder/Condition/Relationship/index.js

@@ -1,5 +1,5 @@
 import React, { useReducer, useState, useCallback, useEffect } from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../utilities/Config';
 import optionsReducer from './optionsReducer';
 import useDebounce from '../../../../../hooks/useDebounce';
 import ReactSelect from '../../../ReactSelect';

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.js

@@ -3,15 +3,16 @@ import Button from '../../../elements/Button';
 import './index.scss';
 const baseClass = 'position-panel';
 const PositionPanel = (props) => {
-    const { moveRow, positionIndex, rowCount } = props;
+    const { moveRow, positionIndex, rowCount, readOnly } = props;
     const adjustedIndex = positionIndex + 1;
     const classes = [
         baseClass,
+        `${baseClass}__${readOnly ? 'read-only' : ''}`,
     ].filter(Boolean).join(' ');
     return (React.createElement("div", { className: classes },
-        React.createElement(Button, { className: `${baseClass}__move-backward ${positionIndex === 0 ? 'first-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex - 1) }),
+        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-backward ${positionIndex === 0 ? 'first-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex - 1) })),
         (adjustedIndex && typeof positionIndex === 'number')
-            && React.createElement("div", { className: `${baseClass}__current-position` }, adjustedIndex >= 10 ? adjustedIndex : `0${adjustedIndex}`),
-        React.createElement(Button, { className: `${baseClass}__move-forward ${(positionIndex === rowCount - 1) ? 'last-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex + 1) })));
+            && (React.createElement("div", { className: `${baseClass}__current-position` }, adjustedIndex >= 10 ? adjustedIndex : `0${adjustedIndex}`)),
+        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-forward ${(positionIndex === rowCount - 1) ? 'last-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex + 1) }))));
 };
 export default PositionPanel;

package/dist/admin/components/forms/DraggableSection/PositionPanel/types.d.ts

@@ -2,4 +2,5 @@ export declare type Props = {
     moveRow: (fromIndex: number, toIndex: number) => void;
     positionIndex: number;
     rowCount: number;
+    readOnly: boolean;
 };

package/dist/admin/components/forms/DraggableSection/index.js

@@ -23,7 +23,7 @@ const DraggableSection = (props) => {
     return (React.createElement(Draggable, { draggableId: id, index: rowIndex, isDragDisabled: readOnly }, (providedDrag) => (React.createElement("div", { ref: providedDrag.innerRef, className: classes, onMouseLeave: () => setIsHovered(false), onMouseOver: () => setIsHovered(true), onFocus: () => setIsHovered(true), ...providedDrag.draggableProps },
         React.createElement("div", { className: `${baseClass}__content-wrapper` },
             React.createElement(FieldTypeGutter, { variant: "left", dragHandleProps: providedDrag.dragHandleProps },
-                React.createElement(PositionPanel, { moveRow: moveRow, rowCount: rowCount, positionIndex: rowIndex })),
+                React.createElement(PositionPanel, { moveRow: moveRow, rowCount: rowCount, positionIndex: rowIndex, readOnly: readOnly })),
             React.createElement("div", { className: `${baseClass}__render-fields-wrapper` },
                 blockType === 'blocks' && (React.createElement("div", { className: `${baseClass}__section-header` },
                     React.createElement(HiddenInput, { name: `${parentPath}.${rowIndex}.id`, value: id }),

package/dist/admin/components/forms/Form/index.js

@@ -4,7 +4,7 @@ import isDeepEqual from 'deep-equal';
 import { serialize } from 'object-to-formdata';
 import { useHistory } from 'react-router-dom';
 import { toast } from 'react-toastify';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../utilities/Auth';
 import { useLocale } from '../../utilities/Locale';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';
 import { requests } from '../../../api';

package/dist/admin/components/forms/field-types/Array/Array.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useReducer, useState } from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../../utilities/Auth';
 import withCondition from '../../withCondition';
 import Button from '../../../elements/Button';
 import DraggableSection from '../../DraggableSection';

package/dist/admin/components/forms/field-types/Blocks/Blocks.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useReducer, useState } from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../../utilities/Auth';
 import { usePreferences } from '../../../utilities/Preferences';
 import { useLocale } from '../../../utilities/Locale';
 import withCondition from '../../withCondition';

package/dist/admin/components/forms/field-types/Relationship/index.js

@@ -1,7 +1,8 @@
 import React, { useCallback, useEffect, useState, useReducer, } from 'react';
 import equal from 'deep-equal';
-import { useAuth, useConfig } from '@payloadcms/config-provider';
 import qs from 'qs';
+import { useConfig } from '../../../utilities/Config';
+import { useAuth } from '../../../utilities/Auth';
 import withCondition from '../../withCondition';
 import ReactSelect from '../../../elements/ReactSelect';
 import useField from '../../useField';

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/Fields/index.js

@@ -1,5 +1,6 @@
 import React, { Fragment, useState, useEffect } from 'react';
-import { useConfig, useAuth } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../../../../utilities/Config';
+import { useAuth } from '../../../../../../../utilities/Auth';
 import { useWatchForm } from '../../../../../../Form/context';
 import Relationship from '../../../../../Relationship';
 import Select from '../../../../../Select';

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/index.js

@@ -2,7 +2,7 @@ import React, { Fragment, useCallback, useEffect, useState } from 'react';
 import { Modal, useModal } from '@faceless-ui/modal';
 import { Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../../../utilities/Config';
 import ElementButton from '../../Button';
 import RelationshipIcon from '../../../../../../icons/Relationship';
 import Form from '../../../../../Form';

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Element/index.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useFocused, useSelected } from 'slate-react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../../../utilities/Config';
 import RelationshipIcon from '../../../../../../icons/Relationship';
 import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
 import './index.scss';

package/dist/admin/components/forms/field-types/RichText/elements/upload/Button/index.js

@@ -2,7 +2,7 @@ import React, { Fragment, useEffect, useState } from 'react';
 import { Modal, useModal } from '@faceless-ui/modal';
 import { Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../../../utilities/Config';
 import ElementButton from '../../Button';
 import UploadIcon from '../../../../../../icons/Upload';
 import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.js

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { Transforms } from 'slate';
 import { ReactEditor, useSlateStatic } from 'slate-react';
 import { Modal } from '@faceless-ui/modal';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../../../../../../utilities/Auth';
 import buildStateFromSchema from '../../../../../../Form/buildStateFromSchema';
 import MinimalTemplate from '../../../../../../../templates/Minimal';
 import Button from '../../../../../../../elements/Button';

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/SwapUploadModal/index.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Modal } from '@faceless-ui/modal';
-import { useConfig } from '@payloadcms/config-provider';
 import { Transforms } from 'slate';
 import { ReactEditor, useSlateStatic } from 'slate-react';
+import { useConfig } from '../../../../../../../utilities/Config';
 import usePayloadAPI from '../../../../../../../../hooks/usePayloadAPI';
 import MinimalTemplate from '../../../../../../../templates/Minimal';
 import Button from '../../../../../../../elements/Button';

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { useModal } from '@faceless-ui/modal';
 import { Transforms } from 'slate';
 import { ReactEditor, useSlateStatic, useFocused, useSelected } from 'slate-react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../../../utilities/Config';
 import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
 import FileGraphic from '../../../../../../graphics/File';
 import useThumbnail from '../../../../../../../hooks/useThumbnail';

package/dist/admin/components/forms/field-types/Upload/Add/index.js

@@ -1,6 +1,7 @@
 import React, { useCallback } from 'react';
 import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig, useAuth } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../utilities/Config';
+import { useAuth } from '../../../../utilities/Auth';
 import MinimalTemplate from '../../../../templates/Minimal';
 import Form from '../../../Form';
 import Button from '../../../../elements/Button';

package/dist/admin/components/forms/field-types/Upload/SelectExisting/index.js

@@ -1,7 +1,8 @@
 import React, { Fragment, useState, useEffect } from 'react';
 import equal from 'deep-equal';
 import { Modal, useModal } from '@faceless-ui/modal';
-import { useAuth, useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../../utilities/Config';
+import { useAuth } from '../../../../utilities/Auth';
 import MinimalTemplate from '../../../../templates/Minimal';
 import Button from '../../../../elements/Button';
 import usePayloadAPI from '../../../../../hooks/usePayloadAPI';

package/dist/admin/components/forms/field-types/Upload/index.js

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../../utilities/Config';
 import useField from '../../useField';
 import withCondition from '../../withCondition';
 import { upload } from '../../../../../fields/validations';

package/dist/admin/components/forms/useField/index.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState, } from 'react';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../utilities/Auth';
 import { useFormProcessing, useFormSubmitted, useFormModified, useForm } from '../Form/context';
 import useDebounce from '../../../hooks/useDebounce';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';

package/dist/admin/components/graphics/Icon/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import RenderCustomComponent from '../../utilities/RenderCustomComponent';
 const PayloadIcon = () => (React.createElement("svg", { width: "25", height: "25", viewBox: "0 0 25 25", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M11.5293 0L23 6.90096V19.9978L14.3608 25V11.9032L2.88452 5.00777L11.5293 0Z", fill: "#333333" }),

package/dist/admin/components/graphics/Logo/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import RenderCustomComponent from '../../utilities/RenderCustomComponent';
 const PayloadLogo = () => (React.createElement("svg", { width: "180", height: "50", viewBox: "0 0 180 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "logo" },
     React.createElement("path", { d: "M65.922 13.8685C71.1075 13.8685 77.0257 14.6014 77.0257 22.2185C77.0257 28.6587 71.8736 30.2243 66.0664 30.2243H62.2689V39.0961H57.2944V13.8685H65.922ZM62.2689 17.7659V26.3602H66.3773C69.4752 26.3602 71.9069 25.594 71.9069 22.2518C71.9069 18.1101 68.7424 17.7659 66.022 17.7659H62.2689Z", fill: "#333333" }),

package/dist/admin/components/modals/LeaveWithoutSaving/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import NavigationPrompt from 'react-router-navigation-prompt';
-import { useAuth } from '@payloadcms/config-provider';
+import { useAuth } from '../../utilities/Auth';
 import { useFormModified } from '../../forms/Form/context';
 import MinimalTemplate from '../../templates/Minimal';
 import Button from '../../elements/Button';

package/dist/admin/components/modals/StayLoggedIn/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useHistory } from 'react-router-dom';
 import { useModal, Modal } from '@faceless-ui/modal';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import MinimalTemplate from '../../templates/Minimal';
 import Button from '../../elements/Button';
 import './index.scss';

package/dist/admin/components/templates/Default/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useConfig } from '@payloadcms/config-provider';
+import { useConfig } from '../../utilities/Config';
 import DefaultNav from '../../elements/Nav';
 import RenderCustomComponent from '../../utilities/RenderCustomComponent';
 import Meta from '../../utilities/Meta';

package/dist/admin/components/utilities/Auth/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AuthContext } from './types';
+export declare const AuthProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useAuth: () => AuthContext;

package/dist/admin/components/utilities/Auth/index.js

@@ -0,0 +1,124 @@
+import React, { useState, createContext, useContext, useEffect, useCallback, } from 'react';
+import jwtDecode from 'jwt-decode';
+import { useLocation, useHistory } from 'react-router-dom';
+import { useModal } from '@faceless-ui/modal';
+import { useConfig } from '../Config';
+import { requests } from '../../../api';
+import useDebounce from '../../../hooks/useDebounce';
+const Context = createContext({});
+export const AuthProvider = ({ children }) => {
+    const [user, setUser] = useState();
+    const [tokenInMemory, setTokenInMemory] = useState();
+    const { pathname } = useLocation();
+    const { push } = useHistory();
+    const config = useConfig();
+    const { admin: { user: userSlug, }, serverURL, routes: { admin, api, }, } = config;
+    const exp = user === null || user === void 0 ? void 0 : user.exp;
+    const [permissions, setPermissions] = useState();
+    const { open: openModal, closeAll: closeAllModals } = useModal();
+    const [lastLocationChange, setLastLocationChange] = useState(0);
+    const debouncedLocationChange = useDebounce(lastLocationChange, 10000);
+    const email = user === null || user === void 0 ? void 0 : user.email;
+    const refreshCookie = useCallback(() => {
+        const now = Math.round((new Date()).getTime() / 1000);
+        const remainingTime = (exp || 0) - now;
+        if (exp && remainingTime < 120) {
+            setTimeout(async () => {
+                const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`);
+                if (request.status === 200) {
+                    const json = await request.json();
+                    setUser(json.user);
+                }
+                else {
+                    setUser(null);
+                    push(`${admin}/logout-inactivity`);
+                }
+            }, 1000);
+        }
+    }, [setUser, push, exp, admin, api, serverURL, userSlug]);
+    const setToken = useCallback((token) => {
+        const decoded = jwtDecode(token);
+        setUser(decoded);
+        setTokenInMemory(token);
+    }, []);
+    const logOut = () => {
+        setUser(null);
+        setTokenInMemory(undefined);
+        requests.post(`${serverURL}${api}/${userSlug}/logout`);
+    };
+    // On mount, get user and set
+    useEffect(() => {
+        const fetchMe = async () => {
+            const request = await requests.get(`${serverURL}${api}/${userSlug}/me`);
+            if (request.status === 200) {
+                const json = await request.json();
+                setUser((json === null || json === void 0 ? void 0 : json.user) || null);
+                if (json === null || json === void 0 ? void 0 : json.token) {
+                    setToken(json.token);
+                }
+            }
+        };
+        fetchMe();
+    }, [setToken, api, serverURL, userSlug]);
+    // When location changes, refresh cookie
+    useEffect(() => {
+        if (email) {
+            refreshCookie();
+        }
+    }, [debouncedLocationChange, refreshCookie, email]);
+    useEffect(() => {
+        setLastLocationChange(Date.now());
+    }, [pathname]);
+    // When user changes, get new access
+    useEffect(() => {
+        async function getPermissions() {
+            const request = await requests.get(`${serverURL}${api}/access`);
+            if (request.status === 200) {
+                const json = await request.json();
+                setPermissions(json);
+            }
+        }
+        if (email) {
+            getPermissions();
+        }
+    }, [email, api, serverURL]);
+    useEffect(() => {
+        let reminder;
+        const now = Math.round((new Date()).getTime() / 1000);
+        const remainingTime = exp - now;
+        if (remainingTime > 0) {
+            reminder = setTimeout(() => {
+                openModal('stay-logged-in');
+            }, ((remainingTime - 60) * 1000));
+        }
+        return () => {
+            if (reminder)
+                clearTimeout(reminder);
+        };
+    }, [exp, openModal]);
+    useEffect(() => {
+        let forceLogOut;
+        const now = Math.round((new Date()).getTime() / 1000);
+        const remainingTime = exp - now;
+        if (remainingTime > 0) {
+            forceLogOut = setTimeout(() => {
+                setUser(null);
+                push(`${admin}/logout-inactivity`);
+                closeAllModals();
+            }, remainingTime * 1000);
+        }
+        return () => {
+            if (forceLogOut)
+                clearTimeout(forceLogOut);
+        };
+    }, [exp, push, closeAllModals, admin]);
+    return (React.createElement(Context.Provider, { value: {
+            user,
+            logOut,
+            refreshCookie,
+            permissions,
+            setToken,
+            token: tokenInMemory,
+        } }, children));
+};
+export const useAuth = () => useContext(Context);

package/dist/admin/components/utilities/Auth/types.d.ts

@@ -0,0 +1,9 @@
+import { User, Permissions } from '../../../../auth/types';
+export declare type AuthContext = {
+    user?: User | null;
+    logOut: () => void;
+    refreshCookie: () => void;
+    setToken: (token: string) => void;
+    token?: string;
+    permissions?: Permissions;
+};

package/dist/admin/components/utilities/Auth/types.js

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