payload 0.19.2 → 0.20.0

package/dist/admin/components/templates/Minimal/index.scss

@@ -1,26 +0,0 @@
-@import '../../../scss/styles';
-
-.template-minimal {
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  padding: base(3) $baseline;
-  margin-left: auto;
-  margin-right: auto;
-  min-height: 100%;
-
-  &--width-normal {
-    .template-minimal__wrap {
-      max-width: 500px;
-      width: 100%;
-    }
-  }
-
-  &--width-wide {
-    .template-minimal__wrap {
-      max-width: 1024px;
-      width: 100%;
-    }
-  }
-}

package/dist/admin/components/templates/Minimal/types.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    className?: string;
-    width?: 'normal' | 'wide';
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-};

package/dist/admin/components/templates/Minimal/types.js

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

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

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

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

@@ -1,125 +0,0 @@
-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({});
-const maxTimeoutTime = 2147483647;
-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 id = user === null || user === void 0 ? void 0 : user.id;
-    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 (id) {
-            refreshCookie();
-        }
-    }, [debouncedLocationChange, refreshCookie, id]);
-    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 (id) {
-            getPermissions();
-        }
-    }, [id, 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');
-            }, (Math.min((remainingTime - 60) * 1000), maxTimeoutTime));
-        }
-        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();
-            }, Math.min(remainingTime * 1000, maxTimeoutTime));
-        }
-        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

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

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

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SanitizedConfig } from '../../../../config/types';
-export declare const ConfigProvider: React.FC<{
-    config: SanitizedConfig;
-    children: React.ReactNode;
-}>;
-export declare const useConfig: () => SanitizedConfig;

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

@@ -1,4 +0,0 @@
-import React, { createContext, useContext } from 'react';
-const Context = createContext({});
-export const ConfigProvider = ({ children, config }) => (React.createElement(Context.Provider, { value: config }, children));
-export const useConfig = () => useContext(Context);

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const CustomProvider: React.FC<{
-    children: React.ReactNode;
-}>;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useConfig } from '../Config';
-const NestProviders = ({ providers, children }) => {
-    const Component = providers[0];
-    if (providers.length > 1) {
-        return (React.createElement(Component, null,
-            React.createElement(NestProviders, { providers: providers.slice(1) }, children)));
-    }
-    return (React.createElement(Component, null, children));
-};
-export const CustomProvider = ({ children }) => {
-    const config = useConfig();
-    const { admin: { components: { providers, }, }, } = config;
-    if (Array.isArray(providers) && providers.length > 0) {
-        return (React.createElement(NestProviders, { providers: providers }, children));
-    }
-    return (React.createElement(React.Fragment, null, children));
-};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ContextType, Props } from './types';
-declare const Context: React.Context<ContextType>;
-export declare const DocumentInfoProvider: React.FC<Props>;
-export declare const useDocumentInfo: () => ContextType;
-export default Context;

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

@@ -1,136 +0,0 @@
-import React, { createContext, useCallback, useContext, useEffect, useState, } from 'react';
-import qs from 'qs';
-import { useConfig } from '../Config';
-const Context = createContext({});
-export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
-    const { serverURL, routes: { api } } = useConfig();
-    const [publishedDoc, setPublishedDoc] = useState(null);
-    const [versions, setVersions] = useState(null);
-    const [unpublishedVersions, setUnpublishedVersions] = useState(null);
-    const baseURL = `${serverURL}${api}`;
-    let slug;
-    let type;
-    let preferencesKey;
-    if (global) {
-        slug = global.slug;
-        type = 'global';
-        preferencesKey = `global-${slug}`;
-    }
-    if (collection) {
-        slug = collection.slug;
-        type = 'collection';
-        if (id) {
-            preferencesKey = `collection-${slug}-${id}`;
-        }
-    }
-    const getVersions = useCallback(async () => {
-        var _a;
-        let versionFetchURL;
-        let publishedFetchURL;
-        let shouldFetchVersions = false;
-        let unpublishedVersionJSON = null;
-        let versionJSON = null;
-        let shouldFetch = true;
-        const versionParams = {
-            where: {
-                and: [],
-            },
-            depth: 0,
-        };
-        const publishedVersionParams = {
-            where: {
-                and: [
-                    {
-                        or: [
-                            {
-                                _status: {
-                                    equals: 'published',
-                                },
-                            },
-                            {
-                                _status: {
-                                    exists: false,
-                                },
-                            },
-                        ],
-                    },
-                ],
-            },
-            depth: 0,
-        };
-        if (global) {
-            shouldFetchVersions = Boolean(global === null || global === void 0 ? void 0 : global.versions);
-            versionFetchURL = `${baseURL}/globals/${global.slug}/versions`;
-            publishedFetchURL = `${baseURL}/globals/${global.slug}?${qs.stringify(publishedVersionParams)}`;
-        }
-        if (collection) {
-            shouldFetchVersions = Boolean(collection === null || collection === void 0 ? void 0 : collection.versions);
-            versionFetchURL = `${baseURL}/${collection.slug}/versions`;
-            publishedVersionParams.where.and.push({
-                id: {
-                    equals: id,
-                },
-            });
-            publishedFetchURL = `${baseURL}/${collection.slug}?${qs.stringify(publishedVersionParams)}`;
-            if (!id) {
-                shouldFetch = false;
-            }
-            versionParams.where.and.push({
-                parent: {
-                    equals: id,
-                },
-            });
-        }
-        if (shouldFetch) {
-            let publishedJSON = await fetch(publishedFetchURL).then((res) => res.json());
-            if (collection) {
-                publishedJSON = (_a = publishedJSON === null || publishedJSON === void 0 ? void 0 : publishedJSON.docs) === null || _a === void 0 ? void 0 : _a[0];
-            }
-            if (shouldFetchVersions) {
-                versionJSON = await fetch(`${versionFetchURL}?${qs.stringify(versionParams)}`).then((res) => res.json());
-                if (publishedJSON === null || publishedJSON === void 0 ? void 0 : publishedJSON.updatedAt) {
-                    const newerVersionParams = {
-                        ...versionParams,
-                        where: {
-                            ...versionParams.where,
-                            and: [
-                                ...versionParams.where.and,
-                                {
-                                    updatedAt: {
-                                        greater_than: publishedJSON === null || publishedJSON === void 0 ? void 0 : publishedJSON.updatedAt,
-                                    },
-                                },
-                            ],
-                        },
-                    };
-                    // Get any newer versions available
-                    const newerVersionRes = await fetch(`${versionFetchURL}?${qs.stringify(newerVersionParams)}`);
-                    if (newerVersionRes.status === 200) {
-                        unpublishedVersionJSON = await newerVersionRes.json();
-                    }
-                }
-            }
-            setPublishedDoc(publishedJSON);
-            setVersions(versionJSON);
-            setUnpublishedVersions(unpublishedVersionJSON);
-        }
-    }, [global, collection, id, baseURL]);
-    useEffect(() => {
-        getVersions();
-    }, [getVersions]);
-    const value = {
-        slug,
-        type,
-        preferencesKey,
-        global,
-        collection,
-        versions,
-        unpublishedVersions,
-        getVersions,
-        publishedDoc,
-        id,
-    };
-    return (React.createElement(Context.Provider, { value: value }, children));
-};
-export const useDocumentInfo = () => useContext(Context);
-export default Context;

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { SanitizedCollectionConfig, TypeWithID, TypeWithTimestamps } from '../../../../collections/config/types';
-import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-import { PaginatedDocs } from '../../../../mongoose/types';
-import { TypeWithVersion } from '../../../../versions/types';
-export declare type Version = TypeWithVersion<any>;
-export declare type ContextType = {
-    collection?: SanitizedCollectionConfig;
-    global?: SanitizedGlobalConfig;
-    type: 'global' | 'collection';
-    id?: string | number;
-    preferencesKey?: string;
-    versions?: PaginatedDocs<Version>;
-    unpublishedVersions?: PaginatedDocs<Version>;
-    publishedDoc?: TypeWithID & TypeWithTimestamps & {
-        _status?: string;
-    };
-    getVersions: () => Promise<void>;
-};
-export declare type Props = {
-    collection?: SanitizedCollectionConfig;
-    global?: SanitizedGlobalConfig;
-    id?: string | number;
-    children?: React.ReactNode;
-};

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

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const Context: React.Context<string>;
-export declare const LocaleProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-export declare const useLocale: () => string;
-export default Context;

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

@@ -1,45 +0,0 @@
-import React, { createContext, useContext, useState, useEffect, } from 'react';
-import { useConfig } from '../Config';
-import { useAuth } from '../Auth';
-import { usePreferences } from '../Preferences';
-import { useSearchParams } from '../SearchParams';
-const Context = createContext('');
-export const LocaleProvider = ({ children }) => {
-    const { localization } = useConfig();
-    const { user } = useAuth();
-    const defaultLocale = (localization && localization.defaultLocale) ? localization.defaultLocale : 'en';
-    const searchParams = useSearchParams();
-    const [locale, setLocale] = useState((searchParams === null || searchParams === void 0 ? void 0 : searchParams.locale) || defaultLocale);
-    const { getPreference, setPreference } = usePreferences();
-    const localeFromParams = searchParams.locale;
-    useEffect(() => {
-        if (!localization) {
-            return;
-        }
-        // set locale from search param
-        if (localeFromParams && localization.locales.indexOf(localeFromParams) > -1) {
-            setLocale(localeFromParams);
-            if (user)
-                setPreference('locale', localeFromParams);
-            return;
-        }
-        // set locale from preferences or default
-        (async () => {
-            let preferenceLocale;
-            let isPreferenceInConfig;
-            if (user) {
-                preferenceLocale = await getPreference('locale');
-                isPreferenceInConfig = preferenceLocale && (localization.locales.indexOf(preferenceLocale) > -1);
-                if (isPreferenceInConfig) {
-                    setLocale(preferenceLocale);
-                    return;
-                }
-                setPreference('locale', defaultLocale);
-            }
-            setLocale(defaultLocale);
-        })();
-    }, [defaultLocale, getPreference, localeFromParams, localization, setPreference, user]);
-    return (React.createElement(Context.Provider, { value: locale }, children));
-};
-export const useLocale = () => useContext(Context);
-export default Context;

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

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

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

@@ -1,59 +0,0 @@
-import React from 'react';
-import Helmet from 'react-helmet';
-import { useConfig } from '../Config';
-import payloadFavicon from '../../../assets/images/favicon.svg';
-import payloadOgImage from '../../../assets/images/og-image.png';
-const Meta = ({ description, lang = 'en', meta = [], title, keywords = 'CMS, Admin, Dashboard', }) => {
-    var _a, _b, _c, _d;
-    const config = useConfig();
-    const titleSuffix = (_b = (_a = config.admin.meta) === null || _a === void 0 ? void 0 : _a.titleSuffix) !== null && _b !== void 0 ? _b : '- Payload';
-    const favicon = (_c = config.admin.meta.favicon) !== null && _c !== void 0 ? _c : payloadFavicon;
-    const ogImage = (_d = config.admin.meta.ogImage) !== null && _d !== void 0 ? _d : payloadOgImage;
-    return (React.createElement(Helmet, { htmlAttributes: {
-            lang,
-        }, title: `${title} ${titleSuffix}`, meta: [
-            {
-                name: 'description',
-                content: description,
-            },
-            {
-                name: 'keywords',
-                content: keywords,
-            },
-            {
-                property: 'og:title',
-                content: `${title} ${titleSuffix}`,
-            },
-            {
-                property: 'og:image',
-                content: ogImage,
-            },
-            {
-                property: 'og:description',
-                content: description,
-            },
-            {
-                property: 'og:type',
-                content: 'website',
-            },
-            {
-                name: 'twitter:card',
-                content: 'summary',
-            },
-            {
-                name: 'twitter:title',
-                content: title,
-            },
-            {
-                name: 'twitter:description',
-                content: description,
-            },
-        ].concat(meta), link: [
-            {
-                rel: 'icon',
-                type: 'image/svg+xml',
-                href: favicon,
-            },
-        ] }));
-};
-export default Meta;

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

@@ -1,12 +0,0 @@
-export declare type Meta = {
-    property: string;
-    content: string;
-};
-export declare type Props = {
-    title: string;
-    description?: string;
-    lang?: string;
-    meta?: Meta[];
-    image?: string;
-    keywords?: string;
-};

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

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const OperationContext: import("react").Context<any>;
-export declare type Operation = 'create' | 'update';
-export declare const useOperation: () => Operation | undefined;

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

@@ -1,3 +0,0 @@
-import { useContext, createContext } from 'react';
-export const OperationContext = createContext(undefined);
-export const useOperation = () => useContext(OperationContext);

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

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const Portal: ({ children }: {
-    children: React.ReactNode;
-}) => React.ReactPortal;
-export default Portal;

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

@@ -1,3 +0,0 @@
-import ReactDOM from 'react-dom';
-const Portal = ({ children }) => ReactDOM.createPortal(children, document.getElementById('portal'));
-export default Portal;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-declare type PreferencesContext = {
-    getPreference: <T>(key: string) => T | Promise<T>;
-    setPreference: <T>(key: string, value: T) => void;
-};
-export declare const PreferencesProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-export declare const usePreferences: () => PreferencesContext;
-export {};

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

@@ -1,50 +0,0 @@
-import React, { createContext, useCallback, useContext, useEffect, useRef } from 'react';
-import { useConfig } from '../Config';
-import { useAuth } from '../Auth';
-import { requests } from '../../../api';
-const Context = createContext({});
-const requestOptions = (value) => ({
-    body: JSON.stringify({ value }),
-    headers: {
-        'Content-Type': 'application/json',
-    },
-});
-export const PreferencesProvider = ({ children }) => {
-    const contextRef = useRef({});
-    const preferencesRef = useRef({});
-    const config = useConfig();
-    const { user } = useAuth();
-    const { serverURL, routes: { api } } = config;
-    useEffect(() => {
-        if (!user) {
-            // clear preferences between users
-            preferencesRef.current = {};
-        }
-    }, [user]);
-    const getPreference = useCallback(async (key) => {
-        if (typeof preferencesRef.current[key] !== 'undefined')
-            return preferencesRef.current[key];
-        const promise = new Promise((resolve) => {
-            (async () => {
-                const request = await requests.get(`${serverURL}${api}/_preferences/${key}`);
-                let value = null;
-                if (request.status === 200) {
-                    const preference = await request.json();
-                    value = preference.value;
-                }
-                preferencesRef.current[key] = value;
-                resolve(value);
-            })();
-        });
-        preferencesRef.current[key] = promise;
-        return promise;
-    }, [api, preferencesRef, serverURL]);
-    const setPreference = useCallback(async (key, value) => {
-        preferencesRef.current[key] = value;
-        await requests.post(`${serverURL}${api}/_preferences/${key}`, requestOptions(value));
-    }, [api, serverURL]);
-    contextRef.current.getPreference = getPreference;
-    contextRef.current.setPreference = setPreference;
-    return (React.createElement(Context.Provider, { value: contextRef.current }, children));
-};
-export const usePreferences = () => useContext(Context);

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

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

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

@@ -1,9 +0,0 @@
-import React from 'react';
-const RenderCustomComponent = (props) => {
-    const { CustomComponent, DefaultComponent, componentProps } = props;
-    if (CustomComponent) {
-        return (React.createElement(CustomComponent, { ...componentProps }));
-    }
-    return (React.createElement(DefaultComponent, { ...componentProps }));
-};
-export default RenderCustomComponent;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    CustomComponent: React.ComponentType;
-    DefaultComponent: React.ComponentType;
-    componentProps?: Record<string, unknown>;
-};

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

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

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import qs from 'qs';
-export declare const SearchParamsProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-export declare const useSearchParams: () => qs.ParsedQs;